

/* Start:/local/templates/main_b2b/css/material-icons.css?1776848529718*/
/*
 Возможно это не нужно и осталось от старого битрикс, тогда удалить и woff2 в ассетсах
*/
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/local/templates/main_b2b/assets/material-icons.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

/* End */


/* Start:/local/templates/main_b2b/css/variables.css?17768485291390*/
:root {
    --animate-duration: .2s;
    --animate-delay: .3s;
    --animate-repeat: 1;
    --b2b-primary: #2f8eed;
    --b2b-secondary: #D9EFFF;
    --b2b-accent: #0a1a3e;
    --b2b-positive: #21BA45;
    --b2b-negative: #ff1c1c;
    --b2b-info: #31CCEC;
    --b2b-warning: #F2C037;
    --b2b-dark: #1c1b1d;
    --b2b-placeholder: #919191;
    --b2b-clear: #ACD2F8;
    --b2b-dark-page: #121212;
    --b2b-size-xs: 0;
    --b2b-size-sm: 600px;
    --b2b-size-md: 1024px;
    --b2b-size-lg: 1440px;
    --b2b-size-xl: 1920px;
    --b2b-transition-duration: .3s;
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    --vsc-domain: "b2b.development.promkuban.ru";

    --header-font-color: #123670;

    --bg-page: #FFFFFF;

    --border-color-1: #1C1B1DFF;
    --border-color-2: #e4e4e4;
    --border-color-5: #FFFFFF;

    --q-primary: #2f8eed;
    --q-primary-light: #E8EFF5;
    --q-secondary: #D9EFFF;
    --q-secondary-light: #f7f5ff;
    --q-accent: #0a1a3e;
    --q-positive: #21BA45;
    --q-negative: #ff1c1c;
    --q-info: #31CCEC;
    --q-warning: #F2C037;
    --q-dark: #1c1b1d;
    --q-dark-page: #121212;
    --q-size-xs: 0;
    --q-size-sm: 600px;
    --q-size-md: 1024px;
    --q-size-lg: 1440px;
    --q-size-xl: 1920px;
    --q-transition-duration: .3s;

    --form-field-height: 48px;
    --form-field-br: 8px;

    --br-3: 12px;
    --br-5: 20px;
}


/* End */


/* Start:/local/templates/main_b2b/css/fonts.css?17768485291074*/
:root {
    --font-family-1: Raleway, Arial, sans-serif;
}

@font-face {
    font-family: 'Raleway';
    src: url('/local/templates/main_b2b/css/../assets/fonts/Raleway-Bold.woff2') format('woff2'),
         url('/local/templates/main_b2b/css/../assets/fonts/Raleway-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/local/templates/main_b2b/css/../assets/fonts/Raleway-Medium.woff2') format('woff2'),
         url('/local/templates/main_b2b/css/../assets/fonts/Raleway-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/local/templates/main_b2b/css/../assets/fonts/Raleway-Regular.woff2') format('woff2'),
         url('/local/templates/main_b2b/css/../assets/fonts/Raleway-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/local/templates/main_b2b/css/../assets/fonts/Raleway-SemiBold.woff2') format('woff2'),
         url('/local/templates/main_b2b/css/../assets/fonts/Raleway-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


/* End */


/* Start:/local/templates/main_b2b/css/form.css?17768485292665*/
.b2b-field {
    position: relative;
    display: block;
    min-height: 48px;
    border: solid transparent 1px;
    border-radius: 10px;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 16px;
    transition: var(--animate-duration);

    .b2b-field__wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 0 12px;
        border: solid transparent 1px;
        box-sizing: border-box;
        transition: var(--animate-duration);

        input {
            width: 100%;
            min-height: 42px;
            min-width: 0;
            font-weight: 500;
            font-size: 16px;
            line-height: 130%;
            border: none !important;
            outline: none !important;
        }

        input::placeholder {
            color: #939393;
            font-variant-numeric: lining-nums proportional-nums;
            transition: .3s
        }

        input + * {
            width: 20px;
            height: 20px;
        }

        input + * svg {
            width: auto;
            height: 24px;
        }

        svg {
            transition: var(--animate-duration);
        }
    }
}

.b2b-btn-icon svg path {
  fill: var(--b2b-accent);
}

.b2b-field.b2b-field_1 {
    border-color: var(--b2b-accent);
    color: var(--t-color-1);
}

.b2c-field {
    position: relative;
    display: block;
    min-height: 44px;
    border: solid transparent 1px;
    border-radius: 8px;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 16px;
    transition: var(--animate-duration);

    .b2c-field__wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 0 12px;
        border: solid transparent 1px;
        box-sizing: border-box;
        transition: var(--animate-duration);

        input {
            width: 100%;
            min-height: 42px;
            min-width: 0;
            border: none !important;
            outline: none !important;
        }

        input::placeholder {
            color: #939393FF;
        }

        input + * {
            width: 20px;
            height: 20px;
        }

        input + * svg {
            width: auto;
            height: 20px;
        }

        svg {
            transition: var(--animate-duration);
        }
    }
}

.b2c-field.b2c-field_1 {
    border-color: var(--b2b-accent);
    color: var(--t-color-1);
}

.b2c-field.b2c-field_1:focus-within {
    border: solid var(--q-primary) 2px;

    .b2c-field__wrap {
        border-width: 0;

        svg {
            color: var(--q-primary);
        }
    }
}
/* End */


/* Start:/local/templates/main_b2b/css/standard.css?17846659697364*/
.b2b-ui_mobile {
    @media all and (min-width: 921px) {
        display: none !important;
    }
}

.b2b-ui_desktop {
    @media not all and (min-width: 921px) {
        display: none !important;
    }
}

.b2b-page-container {
    max-width: 1320px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.b2b-row-c {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.b2b-w-full {
    width: 100%;
}

.b2b-main-layout {
    position: relative;
    padding-left: 56px;
    padding-top: 88px;
    /* z-index: 6; */
}

.section-with-description {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10rem;
    row-gap: 1.5rem;
    align-items: baseline;
    justify-content: space-between;
}

.section-with-description h1 {
    flex: 1;
}

.text-animation.profile {
    font-size: 36px;
    font-weight: 700;
}

.section-with-description.catalog-page {
    flex-direction: column;
}

.section-with-description .favorite {
    font-size: 32px;
    font-weight: 700;
}

@media (max-width: 480px) {
    .section-with-description .favorite {
        display: none;
    }
}

.section-with-description .catalog {
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
}

@media (max-width: 768px) {
    .section-with-description .catalog {
        font-size: 26px !important;
    }
}

.section-with-description.investments {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.section-with-description.investments h1 {
    font-size: 56px;
    font-weight: 700;
}

.section-with-description .platforms,
.section-with-description .parks {
    font-size: 32px !important;
    font-weight: 600 !important;
}

@media (max-width: 768px) {
    .section-with-description.investments h1 {
        font-size: 32px !important;
        font-weight: 600 !important;
    }
}

@media (max-width: 468px) {
    .section-with-description.investments {
        font-size: 32px !important;
    }

    .section-with-description h1.platforms,
    .section-with-description .platforms.platforms,
    .section-with-description .platforms,
    .section-with-description h1.parks {
        font-size: 22px !important;
    }
}

.section-with-description.investments .intro-section__head-text {
    width: 400px;
}

.section-with-description .press {
    display: none;
}

.block_description {
    display: flex;
    text-align: right;
    justify-content: end;
    font-size: 0.875rem;
}

.page-container[data-v-23243403] {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto
}

.page-container--with-padding {
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (max-width: 768px) {

    .page-container--with-padding,
    .b2b-page-container {
        padding-left: 15px;
        padding-right: 15px
    }

    .block_description {
        flex: 0 0 100%;
        margin-top: 2rem;
    }
}

.page-container--with-padding .page-container--with-padding {
    padding-left: 0;
    padding-right: 0;
}


.main-page__btns {
    gap: 12px;
    position: fixed;
    z-index: 10;
    bottom: 67px;
    right: clamp(1rem, calc(0.55rem + 2.25vw), 3.25rem);
}

.main-layout__up-btn {
    position: fixed;
    z-index: 100;
    bottom: 15px;
    right: clamp(1rem, calc(0.55rem + 2.25vw), 3.25rem);
}

.main-layout__up-btn svg {
    transition-duration: 0.5s;
    transition-property: transform;
}

.body-scroll-bottom .main-layout__up-btn svg {
    transform: rotate(180deg);
}

.main-page__btns,
.main-layout__up-btn {
    .btn-component {
        box-shadow: 0 0 5px #f9fcff;
    }
}

.b2b-mobile-filters-btn {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 128px;
    height: 48px;
    padding: 0 12px;
    border: 0;
    border-radius: 10px;
    background: #e8eff5;
    color: #0a1a3e;
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    flex-shrink: 0;
    cursor: pointer;
}

.b2b-mobile-filters-btn__icon {
    display: inline-flex;
}

.b2b-mobile-filters-btn__text {
    white-space: nowrap;
}

.b2b-mobile-filter-apply,
.b2b-mobile-filter-clear {
    width: 100%;
    min-height: 48px;
    border-radius: 8px;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: 0.01em;
    cursor: pointer;
}

.b2b-mobile-filter-apply {
    border: 0;
    background: #0a1a3e;
    color: #fff;
}

.b2b-mobile-filter-clear {
    border: 2px solid #2f8eed;
    background: #f9fcff;
    color: #2f8eed;
}

@media (max-width: 768px) {
    .b2b-mobile-filters-btn--icon-only {
        width: 48px;
        min-width: 48px;
        height: 48px;
        padding: 0;
    }

    .b2b-mobile-filters-btn--icon-only .b2b-mobile-filters-btn__text {
        display: none;
    }
}

/* --- Виджет Mango Office: не перекрывать модалки и шторки (план 231, раздел A) ---
   Контейнеры виджета создаются самим Mango и имеют собственный высокий z-index,
   поэтому наши слои (cookie-баннер z-index 2000, шторка фильтров 2200) их не перебивают.
   body.no-scroll ставится шторками фильтров на время открытия. */
body.no-scroll #mgo-mcw-widget,
body.no-scroll .mgo-mcw__wrapper,
body.no-scroll .mgo-mcw-antispam-notification-wrapper,
body.no-scroll .mgo-mcw-antispam-notification-container,
body.no-scroll #chat-mango-overlay,
body.no-scroll #phone-mango-overlay {
    display: none !important;
}

/* «Антиспам»-баллон Mango отрисовывается пустым и полностью прозрачным (opacity: 0),
   интерактивных элементов внутри нет, но он занимает ~240×130px и перехватывал тапы
   по кнопке скролла и кнопкам мобильных фильтров. Отдаём события вниз.
   Сам виджет чата остаётся кликабельным — он вне этого контейнера. */
@media (max-width: 1242px) {
    .mgo-mcw-antispam-notification-wrapper,
    .mgo-mcw-antispam-notification-container {
        pointer-events: none;
    }
}

/* Свёрнутый виджет Mango — прозрачный «хотспот» 40×40 в правом нижнем углу: видимой
   кнопки там нет (в интерфейсе её роль играют наши #mango-chat / #mango-phone), но он
   лежит поверх кнопки скролла с z-index 99999–100000 и забирал тап (план 231, раздел A).
   Правило действует ТОЛЬКО в свёрнутом состоянии (mgo-mcw_state-default): как только
   чат открыт, виджет получает класс mgo-mcw_state-window-open, разворачивается на весь
   экран и остаётся полностью интерактивным. */
@media (max-width: 1242px) {
    #mgo-mcw-widget.mgo-mcw_state-default,
    #mgo-mcw-widget.mgo-mcw_state-default .mgo-mcw__wrapper,
    #mgo-mcw-widget.mgo-mcw_state-default .mgo-mcw__callback-container {
        pointer-events: none;
    }
}

/* End */


/* Start:/local/templates/main_b2b/css/spaces.css?17768485291883*/
:root {
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 28px;
    --space-8: 32px;
    --space-9: 36px;
    --space-10: 40px;
}

.gap-2 {
    gap: var(--space-2);
}

.gap-4 {
    gap: var(--space-4);
}

.mr2 {
    margin-right: var(--space-2);
}

.mla {
    margin-left: auto;
}
.mra {
    margin-right: auto;
}
.mr2 {
    margin-right: var(--space-2);
}
.mr4 {
    margin-right: var(--space-4);
}
.mb1 {
    margin-bottom: var(--space-1);
}
.mb2 {
    margin-bottom: var(--space-2);
}
.mb3 {
    margin-bottom: var(--space-3);
}
.mb4 {
    margin-bottom: var(--space-4);
}
.mb5 {
    margin-bottom: var(--space-5);
}
.mb6 {
    margin-bottom: var(--space-6) !important;
}
.mb7 {
    margin-bottom: var(--space-7);
}
.mb8 {
    margin-bottom: var(--space-8);
}
.mb9 {
    margin-bottom: var(--space-9);
}
.mb10 {
    margin-bottom: var(--space-10) !important;
}
.mt3 {
    margin-top: var(--space-3);
}
.mt5 {
    margin-top: var(--space-5);
}

.px2 {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
    box-sizing: border-box;
}
.px8 {
    padding-left: var(--space-8);
    padding-right: var(--space-8);
    box-sizing: border-box;
}
.py1 {
    padding-top: var(--space-1);
    padding-bottom: var(--space-1);
    box-sizing: border-box;
}
.pxy2 {
    padding: var(--space-2);
    box-sizing: border-box;
}
.pxy3 {
    padding: var(--space-3);
    box-sizing: border-box;
}
.pxy5 {
    padding: var(--space-5);
    box-sizing: border-box;
}
.pxy8 {
    padding: var(--space-8);
    box-sizing: border-box;
}

.pb4 {
    padding-bottom: var(--space-4);
    box-sizing: border-box;
}

.pb6 {
    padding-bottom: var(--space-6);
}

.pt4 {
    padding-top: var(--space-4);
    box-sizing: border-box;
}

.pt8 {
    padding-top: var(--space-8);
    box-sizing: border-box;
}
/* End */


/* Start:/local/templates/main_b2b/css/typography.css?17768485291504*/
:root {
    --t-color-1: #1C1B1DFF;
    --t-color-2: var(--b2b-dark);
    --t-color-3: #939393;
    --t-color-6: var(--b2b-accent);
    --t-color-4: var(--b2b-primary);
    --t-color-5: #FFFFFF;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
    font-variant-numeric: lining-nums proportional-nums;
}

h1 {
    font-size: clamp(1.375rem, 1.25rem + 0.625vw, 2rem);
    line-height: 1.3;
    font-weight: 600;
}

.h1 {
    font-size: clamp(2rem, 1.45rem + 2.75vw, 4.75rem);
    line-height: 1.1;
    font-weight: 700;
}

.h2 {
    font-size: clamp(1.875rem, 1.55rem + 1.625vw, 3.5rem);
    font-weight: 700;
    line-height: 1.15;
}

.h3 {
    font-size: clamp(1.625rem, 1.5rem + 0.625vw, 2.25rem);
    font-weight: 700;
    line-height: 1.15;
}

.h4 {
    font-size: clamp(1.25rem, 1.225rem + 0.125vw, 1.375rem);
    font-weight: 700;
    line-height: 1.15;
}

.t-2 {
    font-size: 18px;
    line-height: 140%;
}

.t-3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}

.t-4 {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
}

.t-5 {
    font-size: 12px;
    line-height: 140%;
}

.color-1 {
    color: var(--t-color-1);
}

.color-2 {
    color: var(--t-color-2);
}

.color-3 {
    color: var(--t-color-3);
}

.color-4 {
    color: var(--t-color-4);
}

.color-5 {
    color: var(--t-color-5);
}

.color-6 {
    color: var(--t-color-6);
}

.color-clear {
    color: var(--b2b-clear) !important;
}

.header-font {
    color: var(--header-font-color);
}
/* End */


/* Start:/local/templates/main_b2b/css/grid.css?17768485291229*/
.f-row-c {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.f-col {
    display: flex;
    flex-direction: column;
}

.f-grow-1 {
    flex-grow: 1;
}

.f-space-between {
    justify-content: space-between;
}

.gap-1 {
    gap: var(--space-1);
}

.gap-2 {
    gap: var(--space-2);
}

.gap-4 {
    gap: var(--space-4);
}

.gap-5 {
    gap: var(--space-5);
}

.gap-6 {
    gap: var(--space-6);
}

.gap-7 {
    gap: var(--space-7);
}

.gap-8 {
    gap: var(--space-8);
}

.g-row-1-xs {
    display: grid;

    @media all and (max-width: 575px) {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
        gap: var(--space-6) var(--space-2);
    }
}

.g-row-2-sm {
    display: grid;

    @media all and (min-width: 576px) {
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
        gap: var(--space-6) var(--space-2);
    }
}

.g-row-3-lg {
    display: grid;

    @media all and (min-width: 921px) {
        grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
        gap: var(--space-6) var(--space-4);
    }

    &:has(.bxmaker__ajaxpagenav__block--navbottom) {
        .bxmaker__ajaxpagenav__block--navbottom {
            grid-column: 1 / -1;
        }
    }
}
/* End */


/* Start:/local/templates/main_b2b/header.css?17771866534623*/
.catalog-section-title-block {
    display: flex;
    align-items: flex-end;
    gap: 8px;
}

.catalog-section-count {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #123670;
}

/* Дубль счётчика в мобильном блоке фильтров — по умолчанию скрыт */
.catalog-section-count--mobile {
    display: none;
}

/* Мобильный блок с фильтром: на ширине ≤920px переносим счётчик сюда */
@media (max-width: 920px) {
    /* Скрываем оригинальный счётчик в заголовке */
    .catalog-section-title-block .catalog-section-count {
        display: none;
    }

    /* Показываем счётчик в мобильном блоке */
    .catalog-section-count--mobile {
        display: block;
    }

    .catalog-mobile-filter-block {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 415px;
        width: 100%;
    }
}

.b2b-header {
    display: flex;
    align-items: center;
    /* height: 88px; */
    padding: 0.25rem 0;
    position: fixed;
    width: calc(100% - 56px);
    /* width: 100%; */
    top: 0;
    left: 56px;
    background: #f9fcff;
    z-index: 5;

    @media all and (min-width: 921px) {
        padding: 1rem 0;
    }

    @media screen and (max-width: 920px) {
        height: 80px;
        width: 100%;
        left: 0;
    }

    .b2b-header__logo {
        display: block;
        width: 130px;
        height: auto;

        img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
        }

        @media (max-width: 1200px) {
            width: 88px;
        }

        @media (min-width: 921px) {
            margin-right: var(--space-2);
        }

        @media (max-width: 920px) {
            margin-left: 0.5rem;
        }
    }


    .b2b-header__search {
        flex-grow: 1;
        max-width: 336px;

        @media (max-width: 920px) {
            margin-left: auto;
        }

        @media (max-width: 920px) {
            flex-grow: 0;
            max-width: 100%;
        }
    }

    .b2b-header__business {
        @media all and (min-width: 1320px) {
            width: 196px;
        }
    }
}

.b2b-header .b2b-header__logo {
    flex: 0 0 auto;
}

.b2b-header .b2b-header__search {
    min-width: 0;
}

.b2b-header .b2b-header__search .b2b-field__wrap input {
    background-color: #F9FCFF;
}

@media (min-width: 921px) {
    .b2b-header {
        padding: 1rem 0;
    }

    .b2b-header .b2b-ui_mobile {
        display: none !important;
    }

    .b2b-header .b2b-header__logo {
        margin-right: var(--space-2);
    }
}

@media (max-width: 920px) {
    .b2b-header {
        height: 80px;
        width: 100%;
        left: 0;
        padding: 0.25rem 0;
    }

    .b2b-header .b2b-page-container {
        gap: 4px;
    }

    .b2b-header .b2b-ui_desktop {
        display: none !important;
    }

    .b2b-header .b2b-header__logo {
        width: 88px;
        margin-left: 8px;
        margin-right: 0;
    }

    .b2b-header .b2b-header-mobile-menu-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        min-width: 40px;
        min-height: 40px;
        padding: 0;
    }

    .b2b-header .b2b-header-mobile-menu-btn svg {
        width: 24px;
        height: 24px;
    }

    .b2b-header .b2b-header__search {
        flex: 0 0 40px;
        max-width: 40px;
        margin-left: auto;
    }

    .b2b-header .b2b-header__search .b2b-field {
        min-height: 40px;
        border: 0;
        background: transparent;
    }

    .b2b-header .b2b-header__search .b2b-field__wrap {
        padding: 0;
        gap: 0;
    }

    .b2b-header .b2b-header__search .b2b-field__wrap input {
        display: none;
    }

    .b2b-header .b2b-header__search .b2b-btn-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
    }

    .b2b-header .b2b-header__search .b2b-btn-icon svg {
        width: 24px;
        height: 24px;
    }

    .b2b-header .header-locale {
        display: inline-flex;
        align-items: center;
        margin-left: 0;
        padding: 0;
        flex: 0 0 auto;
    }

    .b2b-header .header-locale__button {
        min-height: 40px;
        padding: 0 4px;
        gap: 2px;
    }

    .b2b-header .header-locale__text {
        font-size: 14px;
        line-height: 1;
    }
}

/* End */


/* Start:/local/templates/main_b2b/css/header-shared.css?17846278463309*/
/**
 * Общий контракт шапки для main_b2b и main_b2c.
 *
 * Шапки собраны из двух зеркальных стеков (b2b:ui.button + menu/header_actions
 * против b2c:ui.button + menu/header_multilevel). Сливать их в один компонент
 * нельзя — по конвенции проекта порталы разводятся дублированием, а не
 * параметром. Поэтому геометрия фиксируется здесь, а оба шаблона её читают.
 *
 * Подключается из main_b2b/header.php и main_b2c/header.php.
 * Эталон значений — B2B.
 */

:root {
    /* Иконка пункта навигации */
    --hdr-icon-size: 24px;

    /* Подпись под иконкой */
    --hdr-label-size: 14px;
    --hdr-label-weight: 500;
    --hdr-label-line-height: 140%;

    /* Кнопки шапки («Каталог», «Витрина» / «Для бизнеса») */
    --hdr-btn-min-height: 48px;
    --hdr-btn-padding-y: 8px;
    --hdr-btn-padding-x: 20px;
    --hdr-btn-radius: 10px;
    --hdr-btn-font-size: 16px;
    --hdr-btn-line-height: 130%;
    --hdr-btn-icon-size: 20px;

    /* Расстояние между пунктами навигации. Общий отступ элементов шапки
       задан утилитой gap-2 (8px) в разметке обоих header.php. */
    --hdr-nav-gap: 12px;
}

/* --- Кнопки ------------------------------------------------------------- */

/* Только текстовые кнопки («Каталог», «Витрина» / «Для бизнеса»).
   Шаблоны icon и iconRaw добавляют b2b-btn_square / b2b-btn_icon — у них
   своя геометрия (квадрат 40–44px, нулевые поля), и общие отступы её ломают:
   это бургер, мобильные поиск/избранное и кнопка версии для слабовидящих. */
.b2b-header .b2b-btn:not(.b2b-btn_square):not(.b2b-btn_icon),
.b2c-header .b2c-btn:not(.b2c-btn_square):not(.b2c-btn_icon) {
    min-height: var(--hdr-btn-min-height);
    padding: var(--hdr-btn-padding-y) var(--hdr-btn-padding-x);
    border-radius: var(--hdr-btn-radius);
    font-size: var(--hdr-btn-font-size);
    line-height: var(--hdr-btn-line-height);
    gap: 6px;
}

.b2b-header .b2b-btn:not(.b2b-btn_square):not(.b2b-btn_icon) svg,
.b2c-header .b2c-btn:not(.b2c-btn_square):not(.b2c-btn_icon) svg {
    width: var(--hdr-btn-icon-size);
    height: var(--hdr-btn-icon-size);
    flex-shrink: 0;
}

/* --- Пункты навигации --------------------------------------------------- */

.header-actions__icon,
.b2c-head-menu__li__btn__wrap__native__content > svg {
    width: var(--hdr-icon-size);
    height: var(--hdr-icon-size);
    flex-shrink: 0;
}

.header-actions__label,
.b2c-head-menu__li__btn__wrap__native__content__text {
    font-size: var(--hdr-label-size);
    font-weight: var(--hdr-label-weight);
    line-height: var(--hdr-label-line-height);
}

/* --- Раскладка ---------------------------------------------------------- */

.header-actions,
.b2c-head-menu {
    gap: var(--hdr-nav-gap, 12px);
}

/* End */


/* Start:/local/templates/main_b2b/template-bad-styles.css?1785161029656692*/
/* .h3 {
    font-size: 36px;
}
.h3 {
    line-height: 120%;
    margin: 0;
    font-variant-numeric: lining-nums proportional-nums;
} */

/* @charset "UTF-8"; */
[data-v-c730043f]:root {
    --tablet-breakpoint: 920px
}

.intro-section[data-v-c730043f] {
    gap: 32px;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%
}

.intro-section__content[data-v-c730043f] {
    gap: 16px;
    padding-bottom: 16px;
    max-width: 308px
}

.intro-section__title>span[data-v-c730043f] {
    overflow: hidden
}

@media screen and (max-width: 1270px) {
    .intro-section[data-v-c730043f] {
        flex-direction:column;
        align-items: flex-start;
        gap: 28px
    }

    .intro-section__content[data-v-c730043f] {
        padding-bottom: 0
    }
}

.intro-slider-wrap[data-v-c730043f] {
    position: relative
}

@media screen and (max-width: 480px) {
    .intro-slider-wrap__btn[data-v-c730043f] {
        right:20px
    }
}

.intro-slider[data-v-c730043f] {
    width: 100%;
    overflow: hidden
}

.intro-slider[data-v-c730043f] {
    margin-top: 62px
}

@media screen and (max-width: 1320px) {
    .intro-slider[data-v-c730043f] {
        margin-top:calc(28px + 34 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .intro-slider[data-v-c730043f] {
        margin-top:28px
    }
}

.intro-slider__track[data-v-c730043f] {
    display: flex;
    width: max-content;
    animation: scroll-c730043f linear infinite;
    animation-duration: 20s
}

@keyframes scroll-c730043f {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

.intro-slider__item[data-v-c730043f] {
    box-sizing: border-box
}

.intro-slider__item[data-v-c730043f] {
    height: 488px
}

@media screen and (max-width: 1320px) {
    .intro-slider__item[data-v-c730043f] {
        height:calc(275px + 213 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .intro-slider__item[data-v-c730043f] {
        height:275px
    }
}

.intro-slider__item[data-v-c730043f] {
    width: 548px
}

@media screen and (max-width: 1320px) {
    .intro-slider__item[data-v-c730043f] {
        width:calc(308px + 240 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .intro-slider__item[data-v-c730043f] {
        width:308px
    }
}

.intro-slider__item img[data-v-c730043f],.intro-slider__item picture[data-v-c730043f] {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover
}

.intro-slider__card[data-v-c730043f] {
    height: 100%;
    width: calc(100% - 16px);
    overflow: hidden;
    border-radius: 30px
}

.intro-slider__card[data-v-c730043f] img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover
}

@media screen and (max-width: 920px) {
    .intro-slider__card[data-v-c730043f] {
        width:calc(100% - 8px)
    }
}

[data-v-a3592013]:root {
    --tablet-breakpoint: 920px
}

.about-link[data-v-a3592013] {
    text-decoration: none;
    color: inherit
}

.about-link[data-v-a3592013] {
    min-width: 304px
}

@media screen and (max-width: 1320px) {
    .about-link[data-v-a3592013] {
        min-width:calc(220px + 84 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .about-link[data-v-a3592013] {
        min-width:220px
    }
}

.about-link__label[data-v-a3592013] {
    line-height: 110%;
    font-variant-numeric: lining-nums proportional-nums;
    margin: 0;
    color: #2f8eed;
    transition: .3s
}

.about-link__label[data-v-a3592013] {
    font-size: 92px
}

@media screen and (max-width: 1320px) {
    .about-link__label[data-v-a3592013] {
        font-size:calc(72px + 20 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .about-link__label[data-v-a3592013] {
        font-size:72px
    }
}

.about-link__text[data-v-a3592013] {
    color: #123670;
    white-space: break-spaces;
    transition: .3s
}

@media screen and (min-width: 921px) and (hover: hover) {
    .about-link:not(:disabled):not(.about-link--disabled):not(.disabled):hover .about-link__label[data-v-a3592013],.about-link:not(:disabled):not(.about-link--disabled):not(.disabled):focus-visible .about-link__label[data-v-a3592013] {
        color:#0a1a3e
    }

    .about-link:not(:disabled):not(.about-link--disabled):not(.disabled):hover .about-link__text[data-v-a3592013],.about-link:not(:disabled):not(.about-link--disabled):not(.disabled):focus-visible .about-link__text[data-v-a3592013] {
        color: #0a1a3e
    }
}

[data-v-1ab9c060]:root {
    --tablet-breakpoint: 920px
}

.main-about[data-v-1ab9c060] {
    padding-top: 120px
}

@media screen and (max-width: 1320px) {
    .main-about[data-v-1ab9c060] {
        padding-top:calc(68px + 52 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .main-about[data-v-1ab9c060] {
        padding-top:68px
    }
}

.main-about__content[data-v-1ab9c060] {
    max-width: 432px
}

.main-about__content[data-v-1ab9c060] .main-about__text {
    margin-bottom: 8px;
    color: #123670
}

.main-about__title[data-v-1ab9c060] {
    margin-bottom: 20px
}

@media screen and (max-width: 1320px) {
    .main-about__title[data-v-1ab9c060] {
        margin-bottom:calc(16px + 4 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .main-about__title[data-v-1ab9c060] {
        margin-bottom:16px
    }
}

.main-about__text[data-v-1ab9c060] {
    margin-bottom: 8px;
    color: #123670
}

.main-about__grid[data-v-1ab9c060] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 24px
}

@media screen and (max-width: 1170px) {
    .main-about[data-v-1ab9c060] {
        flex-direction:column;
        gap: 28px
    }

    .main-about__content[data-v-1ab9c060] {
        max-width: 524px
    }

    .main-about__grid[data-v-1ab9c060] {
        gap: 48px
    }

    .main-about__link[data-v-1ab9c060]:nth-child(1) {
        order: 3
    }

    .main-about__link[data-v-1ab9c060]:nth-child(2) {
        order: 1
    }

    .main-about__link[data-v-1ab9c060]:nth-child(3) {
        order: 2
    }

    .main-about__link[data-v-1ab9c060]:nth-child(4) {
        order: 4
    }
}

@media screen and (max-width: 600px) {
    .main-about__grid[data-v-1ab9c060] {
        gap:24px;
        grid-template-columns: 1fr
    }
}

[data-v-76c1af65]:root {
    --tablet-breakpoint: 920px
}

.banner-slider[data-v-76c1af65] {
    position: relative
}

@media screen and (max-width: 920px) {
    .banner-slider__nav[data-v-76c1af65] {
        display:none
    }
}

.main-banner[data-v-76c1af65] {
    width: 100%;
    min-height: 420px;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.main-banner[data-v-76c1af65] {
    border-radius: 36px
}

@media screen and (max-width: 1320px) {
    .main-banner[data-v-76c1af65] {
        border-radius:calc(24px + 12 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .main-banner[data-v-76c1af65] {
        border-radius:24px
    }
}

.main-banner__bg[data-v-76c1af65] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover
}

.main-banner[data-v-76c1af65]:after {
    content: "";
    background: linear-gradient(270deg,#0000,#00000073);
    height: 100%;
    width: 50%;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.main-banner__content[data-v-76c1af65] {
    width: 50%;
    padding: 32px 108px 32px 64px;
    color: #fff
}

.main-banner__title[data-v-76c1af65] {
    margin-bottom: 12px
}

.main-banner__text[data-v-76c1af65] {
    margin-bottom: 24px;
    max-width: 408px
}

@media screen and (max-width: 1200px) {
    .main-banner__content[data-v-76c1af65],.main-banner[data-v-76c1af65]:after {
        width:60%
    }

    .main-banner__content[data-v-76c1af65] {
        padding: 32px 64px
    }
}

@media screen and (max-width: 920px) {
    .main-banner[data-v-76c1af65] {
        min-height:240px
    }

    .main-banner[data-v-76c1af65]:after,.main-banner__content[data-v-76c1af65] {
        width: 100%
    }

    .main-banner__content[data-v-76c1af65] {
        max-width: 375px;
        padding: 20px 20px 48px
    }
}

/* [data-v-3d66981e]:root {
    --tablet-breakpoint: 920px
}

.products-services__head[data-v-3d66981e] {
    gap: 16px;
    margin-bottom: 40px
}

.products-services__text[data-v-3d66981e] {
    max-width: 404px;
    color: #123670
}

.products-services__content[data-v-3d66981e] {
    margin-bottom: 40px;
    padding-left: max(0px,(100% - 1320px) / 2)
}

.products-services__link[data-v-3d66981e] {
    width: fit-content;
    min-width: 232px
}

.products-services__slide[data-v-3d66981e] {
    width: fit-content;
    height: auto;
    display: flex
}

.products-services__slide[data-v-3d66981e]:first-child {
    padding-left: 20px
}

.products-services__slide[data-v-3d66981e]:last-child {
    padding-right: 20px!important
}

.products-services__slide[data-v-3d66981e] {
    padding-right: 16px
}

@media screen and (max-width: 1320px) {
    .products-services__slide[data-v-3d66981e] {
        padding-right:calc(8px + 8 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .products-services__slide[data-v-3d66981e] {
        padding-right:8px
    }
}

.products-services__card[data-v-3d66981e] {
    width: 308px
}

@media screen and (max-width: 1320px) {
    .products-services__card[data-v-3d66981e] {
        width:calc(238px + 70 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .products-services__card[data-v-3d66981e] {
        width:238px
    }
}

@media screen and (max-width: 920px) {
    .products-services__head[data-v-3d66981e] {
        flex-direction:column;
        align-items: flex-start
    }

    .products-services__text[data-v-3d66981e] {
        max-width: 456px
    }
} */

[data-v-da56c167]:root {
    --tablet-breakpoint: 920px
}

.about-catalog[data-v-da56c167] {
    gap: 28px
}

.about-catalog__content[data-v-da56c167] {
    max-width: 416px
}

.about-catalog__text[data-v-da56c167] {
    margin-bottom: 8px;
    color: #123670
}

.about-catalog__btn[data-v-da56c167] {
    min-width: 232px;
    margin-top: 24px
}

@media screen and (max-width: 920px) {
    .about-catalog[data-v-da56c167] {
        flex-direction:column
    }

    .about-catalog__content[data-v-da56c167] {
        max-width: 495px
    }
}

[data-v-0b4fbd1f]:root {
    --tablet-breakpoint: 920px
}

.query-exchange-card[data-v-0b4fbd1f] {
    border-radius: 16px;
    padding: 16px;
    background: #fff
}

.query-exchange-card__title[data-v-0b4fbd1f] {
    margin-bottom: 12px
}

.query-exchange-card__text[data-v-0b4fbd1f] {
    margin-bottom: 20px;
    max-width: 358px
}

.query-exchange-card__detail[data-v-0b4fbd1f] {
    white-space: break-spaces
}

.query-exchange-card__detail[data-v-0b4fbd1f]:not(:last-child) {
    margin-bottom: 4px
}

@media screen and (max-width: 920px) {
    .query-exchange-card[data-v-0b4fbd1f] {
        border-radius:12px;
        padding: 12px
    }

    .query-exchange-card__text[data-v-0b4fbd1f] {
        margin-bottom: 16px
    }

    .query-exchange-card__detail[data-v-0b4fbd1f]:not(:last-child) {
        margin-bottom: 8px
    }
}

[data-v-cb974259]:root {
    --tablet-breakpoint: 920px
}

.query-exchange__text[data-v-cb974259] {
    margin-bottom: 28px;
    margin-top: 16px
}

.query-exchange__card[data-v-cb974259] {
    width: calc(50% - 8px);
    overflow: hidden
}

.query-exchange__card[data-v-cb974259] {
    padding: 36px
}

@media screen and (max-width: 1320px) {
    .query-exchange__card[data-v-cb974259] {
        padding:calc(16px + 20 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .query-exchange__card[data-v-cb974259] {
        padding:16px
    }
}

.query-exchange__card[data-v-cb974259] {
    border-radius: 36px
}

@media screen and (max-width: 1320px) {
    .query-exchange__card[data-v-cb974259] {
        border-radius:calc(24px + 12 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .query-exchange__card[data-v-cb974259] {
        border-radius:24px
    }
}

.query-exchange__card--info[data-v-cb974259] {
    background: #2f8eed;
    color: #fff;
    position: relative;
    z-index: 1
}

.query-exchange__card--list[data-v-cb974259] {
    background: #d9efff;
    gap: 24px
}

.query-exchange__content[data-v-cb974259] {
    margin-top: 40px
}

@media screen and (max-width: 1320px) {
    .query-exchange__content[data-v-cb974259] {
        margin-top:calc(28px + 12 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .query-exchange__content[data-v-cb974259] {
        margin-top:28px
    }
}

.query-exchange__btn[data-v-cb974259] {
    min-width: 232px
}

.query-exchange__all-btn[data-v-cb974259] {
    width: 100%;
    margin-top: 8px
}

.query-exchange__bg[data-v-cb974259] {
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
    height: 100%
}

@media screen and (max-width: 920px) {
    .query-exchange__card[data-v-cb974259] {
        width:calc(50% - 4px)
    }

    .query-exchange__bg[data-v-cb974259] {
        transform: translate(31%)
    }

    .query-exchange__btn[data-v-cb974259] {
        min-width: 0;
        width: 100%
    }
}

@media screen and (max-width: 660px) {
    .query-exchange__content[data-v-cb974259] {
        gap:8px
    }

    .query-exchange__card[data-v-cb974259] {
        width: 100%
    }
}

[data-v-c4082f7a]:root {
    --tablet-breakpoint: 920px
}

.interactive-map[data-v-c4082f7a] {
    gap: 16px
}

.interactive-map__content[data-v-c4082f7a] {
    width: 288px;
    min-width: 288px;
    border-radius: 20px;
    border: 1px solid #d9efff;
    padding: 23px;
    gap: 20px
}

.interactive-map__map-wrapper[data-v-c4082f7a] {
    border-radius: 28px;
    flex-grow: 1;
    overflow: hidden
}

.interactive-map__map-component[data-v-c4082f7a] {
    border-radius: 28px;
    overflow: hidden;
    border: 1px solid #D0D5DD
}

.interactive-map__layers[data-v-c4082f7a] {
    gap: 16px
}

.interactive-map__btn[data-v-c4082f7a] {
    width: 100%
}

@media screen and (max-width: 920px) {
    .interactive-map__content[data-v-c4082f7a] {
        border-radius:16px;
        padding: 20px
    }

    .interactive-map__map-wrapper[data-v-c4082f7a] {
        border-radius: 20px
    }
}

@media screen and (max-width: 700px) {
    .interactive-map[data-v-c4082f7a] {
        flex-direction:column-reverse
    }

    .interactive-map__content[data-v-c4082f7a] {
        width: 100%;
        min-width: 0
    }

    .interactive-map__map-wrapper[data-v-c4082f7a] {
        height: 393px
    }
}

[data-v-253ac557]:root {
    --tablet-breakpoint: 920px
}

.support-banner__wrapper[data-v-253ac557] {
    padding: 64px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    color: #fff
}

.support-banner__wrapper[data-v-253ac557] {
    border-radius: 40px
}

@media screen and (max-width: 1320px) {
    .support-banner__wrapper[data-v-253ac557] {
        border-radius:calc(24px + 16 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .support-banner__wrapper[data-v-253ac557] {
        border-radius:24px
    }
}

.support-banner__wrapper[data-v-253ac557] {
    min-height: 664px
}

@media screen and (max-width: 1320px) {
    .support-banner__wrapper[data-v-253ac557] {
        min-height:calc(380px + 284 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .support-banner__wrapper[data-v-253ac557] {
        min-height:380px
    }
}

.support-banner__wrapper[data-v-253ac557]:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg,#0000 2.47%,#000000d9);
    height: 85%;
    width: 100%;
    z-index: -1
}

.support-banner__bg[data-v-253ac557] img {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover
}

.support-banner__text[data-v-253ac557] {
    margin-top: 24px;
    max-width: 432px
}

.support-banner__btn[data-v-253ac557] {
    margin-top: 36px;
    width: 248px
}

@media screen and (max-width: 920px) {
    .support-banner__wrapper[data-v-253ac557]:after {
        height:100%
    }

    .support-banner__text[data-v-253ac557] {
        margin-top: 12px
    }

    .support-banner__btn[data-v-253ac557] {
        margin-top: 20px
    }
}

@media screen and (max-width: 480px) {
    .support-banner__wrapper[data-v-253ac557] {
        min-height:336px;
        padding: 16px
    }
}

[data-v-05d6a468]:root {
    --tablet-breakpoint: 920px
}

.info-card[data-v-05d6a468] {
    border-radius: 20px;
    background: #d9efff;
    padding: 20px
}

.info-card[data-v-05d6a468] {
    gap: 38px
}

@media screen and (max-width: 1320px) {
    .info-card[data-v-05d6a468] {
        gap:calc(22px + 16 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .info-card[data-v-05d6a468] {
        gap:22px
    }
}

.info-card__label[data-v-05d6a468] {
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 76px;
    line-height: 110%;
    margin: 0;
    white-space: nowrap
}

.info-card__label span[data-v-05d6a468]:not(.label),.info-card__label[data-v-05d6a468] span:not(.label) {
    font-size: 20px;
    line-height: 140%
}

.info-card__label span.size-32[data-v-05d6a468],.info-card__label[data-v-05d6a468] span.size-32 {
    font-size: 32px;
    line-height: 140%
}

@media screen and (max-width: 920px) {
    .info-card[data-v-05d6a468] {
        border-radius:16px;
        padding: 16px
    }
}

[data-v-a6bfa7d7]:root {
    --tablet-breakpoint: 920px
}

[data-v-bcc6bc68]:root {
    --tablet-breakpoint: 920px
}

.about-in-numbers__slide[data-v-bcc6bc68] {
    width: fit-content;
    padding-right: 16px
}

.about-in-numbers__slide[data-v-bcc6bc68]:first-child {
    padding-left: 20px
}

.about-in-numbers__slide[data-v-bcc6bc68]:last-child {
    padding-right: 20px
}

.about-in-numbers__card[data-v-bcc6bc68] {
    min-height: 308px
}

@media screen and (max-width: 1320px) {
    .about-in-numbers__card[data-v-bcc6bc68] {
        min-height:calc(280px + 28 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .about-in-numbers__card[data-v-bcc6bc68] {
        min-height:280px
    }
}

.about-in-numbers__card[data-v-bcc6bc68] {
    width: 308px
}

.about-in-numbers__slider[data-v-bcc6bc68] {
    padding-left: calc((100% - 1320px)/2)
}

.about-in-numbers__footer[data-v-bcc6bc68] {
    margin-top: 28px
}

@media screen and (max-width: 920px) {
    .about-in-numbers__title[data-v-bcc6bc68] {
        text-align:center
    }

    .about-in-numbers__card[data-v-bcc6bc68] {
        width: 320px
    }
}

[data-v-ae80910e]:root {
    --tablet-breakpoint: 920px
}

.about-region[data-v-ae80910e] {
    position: relative
}

.about-region__title[data-v-ae80910e] {
    margin-bottom: 20px;
    text-align: center
}

.about-region__text[data-v-ae80910e] {
    margin-bottom: 32px;
    text-align: center;
    color: #123670
}

.about-region__btn[data-v-ae80910e] {
    width: 232px
}

.about-region__content[data-v-ae80910e] {
    padding: 90px 0 160px;
    max-width: 546px
}

.about-region__img[data-v-ae80910e] {
    position: absolute;
    border-radius: 16px;
    overflow: hidden
}

.about-region__img[data-v-ae80910e] img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover
}

.about-region__img--1[data-v-ae80910e] {
    height: 180px;
    width: 180px;
    left: 20px;
    top: 0
}

.about-region__img--2[data-v-ae80910e] {
    height: 200px;
    width: 220px;
    right: 20px;
    top: 0
}

.about-region__img--3[data-v-ae80910e] {
    height: 200px;
    width: 220px;
    left: 127px;
    bottom: 0
}

.about-region__img--4[data-v-ae80910e] {
    height: 190px;
    width: 190px;
    right: 154px;
    bottom: 10px
}

@media screen and (max-width: 1110px) {
    .about-region__img--1[data-v-ae80910e] {
        height:160px;
        width: 160px;
        left: 8px
    }

    .about-region__img--2[data-v-ae80910e] {
        right: 8px;
        top: -80px
    }

    .about-region__img--3[data-v-ae80910e] {
        height: 180px;
        width: 190px;
        left: 87px
    }

    .about-region__img--4[data-v-ae80910e] {
        height: 170px;
        width: 170px;
        right: 100px
    }
}

@media screen and (max-width: 920px) {
    .about-region__img[data-v-ae80910e] {
        display:none
    }

    .about-region__content[data-v-ae80910e] {
        padding: 0;
        max-width: 546px
    }
}

@media screen and (max-width: 480px) {
    .about-region__title[data-v-ae80910e],.about-region__text[data-v-ae80910e] {
        text-align:left;
        width: 100%
    }

    .about-region__btn[data-v-ae80910e] {
        width: 100%
    }
}

[data-v-6d525bc5]:root {
    --tablet-breakpoint: 920px
}

.region-progress-card__title[data-v-6d525bc5] {
    margin-top: 16px
}

.region-progress-card__text[data-v-6d525bc5] {
    margin-top: 8px;
    color: #123670
}

[data-v-623966dc]:root {
    --tablet-breakpoint: 920px
}

.region-progress[data-v-623966dc] {
    gap: 32px
}

.region-progress__title[data-v-623966dc] {
    max-width: 590px
}

/* .region-progress__content[data-v-623966dc] {
    max-width: 632px;
    display: grid;
    grid-template-columns: minmax(260px,1fr) minmax(310px,1fr);
    gap: 40px 56px;
} */

@media screen and (max-width: 1100px) {
    .region-progress[data-v-623966dc] {
        flex-direction:column
    }

    .region-progress__title[data-v-623966dc] {
        max-width: 100%;
        width: 100%;
        text-align: left
    }

    .region-progress__content[data-v-623966dc] {
        max-width: 100%;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 28px 56px
    }
}

@media screen and (max-width: 580px) {
    .region-progress__content[data-v-623966dc] {
        grid-template-columns:1fr
    }
}

[data-v-acb80fa4]:root {
    --tablet-breakpoint: 920px
}

.event-card[data-v-acb80fa4] {
    border-radius: 20px;
    padding: 20px;
    background: #d9efff;
    gap: 16px;
    min-height: 150px
}

.event-card__img-wrapper[data-v-acb80fa4] {
    width: 220px;
    min-width: 220px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    flex-grow: 1
}

.event-card__img-wrapper[data-v-acb80fa4] img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover
}

.event-card__detail[data-v-acb80fa4] {
    margin-bottom: 22px;
    gap: 4px
}

.event-card__status[data-v-acb80fa4] {
    margin-right: 8px
}

.event-card__text[data-v-acb80fa4] {
    color: #123670;
    margin-top: 8px
}

.event-card__separator[data-v-acb80fa4] {
    width: 12px;
    height: 1px;
    background: #adadad
}

.event-card__title[data-v-acb80fa4],.event-card__text[data-v-acb80fa4] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media screen and (max-width: 1000px) {
    .event-card[data-v-acb80fa4] {
        flex-direction:column;
        padding: 20px 16px
    }

    .event-card__img-wrapper[data-v-acb80fa4] {
        width: 100%;
        height: 166px;
        min-width: 0
    }
}

[data-v-89f0c5db]:root {
    --tablet-breakpoint: 920px
}

.events-section[data-v-89f0c5db] {
    gap: 28px
}

.events-section__text[data-v-89f0c5db] {
    max-width: 350px;
    color: #123670;
    margin: 24px 0
}

.events-section__list-track[data-v-89f0c5db] {
    height: 400px;
    overflow: hidden;
    width: 632px
}

.events-section__list[data-v-89f0c5db] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    animation: lift-89f0c5db linear infinite;
    animation-duration: 10s
}

@keyframes lift-89f0c5db {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-50%)
    }
}

.events-section .events-section__list-tablet[data-v-89f0c5db],.events-section__footer[data-v-89f0c5db] {
    display: none
}

@media screen and (max-width: 1000px) {
    .events-section[data-v-89f0c5db] {
        flex-direction:column;
        align-items: center
    }

    .events-section__btn[data-v-89f0c5db] {
        display: none
    }

    .events-section__title[data-v-89f0c5db] {
        text-align: center;
        justify-content: center
    }

    .events-section__text[data-v-89f0c5db] {
        margin: 16px 0 0;
        max-width: 500px;
        text-align: center
    }

    .events-section__footer[data-v-89f0c5db] {
        display: block
    }

    .events-section__list-track[data-v-89f0c5db] {
        display: none
    }

    .events-section .events-section__list-tablet[data-v-89f0c5db] {
        display: flex;
        justify-content: center;
        gap: 16px;
        width: 100%
    }

    .events-section__card[data-v-89f0c5db] {
        width: calc(50% - 8px);
        max-width: 320px
    }
}

@media screen and (max-width: 700px) {
    .events-section[data-v-89f0c5db] {
        align-items:flex-start
    }

    .events-section .events-section__list-tablet[data-v-89f0c5db] {
        flex-direction: column
    }

    .events-section__card[data-v-89f0c5db],.events-section__btn-mob[data-v-89f0c5db],.events-section__footer[data-v-89f0c5db] {
        width: 100%;
        max-width: 100%
    }

    .events-section__title[data-v-89f0c5db],.events-section__text[data-v-89f0c5db] {
        text-align: left;
        justify-content: flex-start
    }
}

[data-v-8b89f30a]:root {
    --tablet-breakpoint: 920px
}

.text-color-animate[data-v-8b89f30a] {
    column-gap: .28em
}

.text-color-animate .br[data-v-8b89f30a] {
    width: 100%
}

.text-color-animate__letter[data-v-8b89f30a] {
    transition: .1s ease-in-out;
    opacity: .2
}

[data-v-353ad6c1]:root {
    --tablet-breakpoint: 920px
}

.main-page-block[data-v-353ad6c1] {
    gap: 32px
}

.main-page-block__btn[data-v-353ad6c1] {
    min-width: 232px
}

@media screen and (max-width: 920px) {
    .main-page-block[data-v-353ad6c1] {
        gap:24px
    }
}

@media screen and (max-width: 480px) {
    .main-page-block__btn[data-v-353ad6c1] {
        width:100%
    }

    /* .main-page-block__title[data-v-353ad6c1] {
        font-size: 30px;
        line-height: 110%
    } */
}

[data-v-9b5bd171]:root {
    --tablet-breakpoint: 920px
}

.main-page-block2[data-v-9b5bd171] {
    gap: 24px
}

.main-page-block2__title[data-v-9b5bd171] {
    line-height: 95px
}

.main-page-block2__btn[data-v-9b5bd171] {
    min-width: 232px
}

@media screen and (max-width: 920px) {
    .main-page-block2[data-v-9b5bd171] {
        display:none
    }
}

[data-v-a126bbce]:root {
    --tablet-breakpoint: 920px
}

.main-page-block3[data-v-a126bbce] {
    position: relative;
    padding-left: 484px
}

.main-page-block3__img[data-v-a126bbce] {
    position: absolute;
    height: 100%;
    width: 432px;
    border-radius: 28px;
    overflow: hidden;
    top: 0;
    left: 20px
}

.main-page-block3__img[data-v-a126bbce] img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover
}

.main-page-block3__text[data-v-a126bbce] {
    max-width: 470px;
    margin-top: 245px;
    color: #123670;
    margin-bottom: 28px
}

.main-page-block3__btn[data-v-a126bbce] {
    min-width: 248px
}

@media screen and (max-width: 1000px) {
    .main-page-block3[data-v-a126bbce] {
        padding-left:20px
    }

    .main-page-block3__img[data-v-a126bbce] {
        display: none
    }

    .main-page-block3__title[data-v-a126bbce] {
        max-width: 550px
    }

    .main-page-block3__text[data-v-a126bbce] {
        max-width: 460px;
        margin-top: 16px;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 480px) {
    .main-page-block3__btn[data-v-a126bbce] {
        width:100%
    }
}

[data-v-a99d9668]:root {
    --tablet-breakpoint: 920px
}

.invest-indr-row[data-v-a99d9668] {
    padding: 12px 0;
    gap: 20px
}

.invest-indr-row__text[data-v-a99d9668] {
    color: #123670;
    max-width: 416px
}

.invest-indr-row__title[data-v-a99d9668] {
    max-width: 340px
}

@media screen and (max-width: 920px) {
    .invest-indr-row__text[data-v-a99d9668] {
        max-width:268px
    }

    .invest-indr-row__title[data-v-a99d9668] {
        max-width: 230px;
        margin-right: auto
    }
}

@media screen and (max-width: 660px) {
    .invest-indr-row[data-v-a99d9668] {
        flex-direction:column;
        align-items: flex-start;
        padding: 0;
        gap: 8px
    }

    .invest-indr-row__title[data-v-a99d9668] {
        max-width: 100%;
        margin-top: 8px
    }

    .invest-indr-row__text[data-v-a99d9668] {
        max-width: 100%
    }
}

[data-v-38948563]:root {
    --tablet-breakpoint: 920px
}

.invest-indr__content[data-v-38948563] {
    margin-top: 40px;
    gap: 20px
}

.invest-indr__btn[data-v-38948563] {
    min-width: 232px
}

.invest-indr__mob-btn[data-v-38948563] {
    display: none;
    min-width: 232px
}

@media screen and (max-width: 920px) {
    .invest-indr__btn[data-v-38948563] {
        display:none
    }

    .invest-indr__mob-btn[data-v-38948563] {
        display: block;
        margin-top: 40px
    }
}

@media screen and (max-width: 660px) {
    .invest-indr__content[data-v-38948563] {
        margin-top:36px;
        gap: 24px
    }
}





[data-v-84b34abb]:root {
    --tablet-breakpoint: 920px
}

.page-block-governor[data-v-84b34abb] {
    gap: 36px
}

.page-block-governor__img-wrap[data-v-84b34abb] {
    position: relative;
    height: 440px;
    width: 412px;
    min-width: 412px;
    border-radius: 24px;
    overflow: hidden
}

.page-block-governor__img-wrap[data-v-84b34abb] img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover
}

.page-block-governor__title[data-v-84b34abb] {
    max-width: 684px
}

.page-block-governor__text[data-v-84b34abb] {
    max-width: 270px
}

.page-block-governor__info[data-v-84b34abb] {
    gap: 12px
}

@media screen and (max-width: 920px) {
    .page-block-governor[data-v-84b34abb] {
        gap:12px
    }

    .page-block-governor__img-wrap[data-v-84b34abb] {
        min-width: 268px;
        width: 268px;
        height: 268px;
        border-radius: 16px
    }
}

@media screen and (max-width: 610px) {
    .page-block-governor[data-v-84b34abb] {
        flex-direction:column;
        gap: 28px
    }

    .page-block-governor__img-wrap[data-v-84b34abb] {
        width: 320px;
        height: 320px;
        max-width: 100%;
        min-width: 0
    }
}

[data-v-2f162918]:root {
    --tablet-breakpoint: 920px
}

.modal-content[data-v-2f162918] {
    background: #fff;
    padding: 24px 24px 32px;
    border-radius: 16px;
    width: auto;
    max-width: calc(100vw - 40px)
}

.modal-content--no-padding[data-v-2f162918] {
    padding: 0
}

.modal-content__head[data-v-2f162918] {
    position: relative;
    padding-right: 64px;
    margin-bottom: 20px;
    min-height: 36px
}

.modal-content__close[data-v-2f162918] {
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (max-width: 920px) {
    .modal-content[data-v-2f162918] {
        padding:16px
    }
}

[data-v-05c075f5]:root {
    --tablet-breakpoint: 920px
}

.partner-modal[data-v-05c075f5] {
    width: 420px
}

.partner-modal__text[data-v-05c075f5] {
    color: #123670
}

.partner-modal__content[data-v-05c075f5] {
    margin-top: 12px
}

.partner-modal__btn[data-v-05c075f5] {
    margin-top: 16px;
    width: 200px
}

@media screen and (max-width: 480px) {
    .partner-modal__btn[data-v-05c075f5] {
        width:100%
    }
}

.partner-modal__head[data-v-05c075f5] {
    gap: 20px
}

.partner-modal__logo[data-v-05c075f5] img {
    height: 40px;
    max-width: 80px;
    min-width: 40px
}

@media screen and (max-width: 920px) {
    .partner-modal[data-v-05c075f5] {
        width:100%
    }

    .partner-modal__head[data-v-05c075f5] {
        flex-direction: column;
        gap: 8px
    }
}

[data-v-29cbc8de]:root {
    --tablet-breakpoint: 920px
}

.partners[data-v-29cbc8de] {
    width: 100%;
    overflow: hidden
}

.partners__track[data-v-29cbc8de] {
    gap: 64px;
    display: flex;
    width: max-content;
    animation: scroll-29cbc8de linear infinite;
    animation-duration: 50s
}

@keyframes scroll-29cbc8de {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

.partners__logo[data-v-29cbc8de] {
    cursor: pointer;
    height: 100px;
    width: auto
}

@media screen and (max-width: 920px) {
    .partners__logo[data-v-29cbc8de] {
        height:50px
    }
}

[data-v-05ec2fc3]:root {
    --tablet-breakpoint: 920px
}

.main-page[data-v-05ec2fc3] {
    padding-top: 64px
}

@media screen and (max-width: 1320px) {
    .main-page[data-v-05ec2fc3] {
        padding-top:calc(20px + 44 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .main-page[data-v-05ec2fc3] {
        padding-top:20px
    }
}

.main-page[data-v-05ec2fc3] {
    padding-bottom: 40px;
    position: relative
}

/* .main-page__btns[data-v-05ec2fc3] {
    gap: 12px;
    position: fixed;
    z-index: 10;
    bottom: 64px;
    right: 52px;
    z-index: 2;
}

@media screen and (max-width: 920px) {
    .main-page__btns[data-v-05ec2fc3] {
        right:32px
    }
}

@media screen and (max-width: 480px) {
    .main-page__btns[data-v-05ec2fc3] {
        right:20px
    }
} */

[data-v-4233a19d]:root {
    --tablet-breakpoint: 920px
}

.btn-component[data-v-4233a19d] {
    width: fit-content;
    cursor: pointer;
    z-index: 2;
    border: none;
    color: currentColor;
    text-decoration: none;
    color: inherit;
    border-radius: 10px;
    transition: .35s;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 14px 10px 14px;
    background: transparent;
    color: curretColor
}

.btn-component.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: curretColor
}

.btn-component.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: curretColor
}

.btn-component.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: curretColor
}

.btn-component.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: curretColor
}

.btn-component.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: curretColor
}

.btn-component.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: curretColor
}

.btn-component.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: curretColor
}

.btn-component.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: curretColor
}

.btn-component.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: curretColor;
    stroke: curretColor
}

.btn-component.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #2f8eed
}

.btn-component.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #2f8eed
}

.btn-component.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #2f8eed
}

.btn-component.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #2f8eed
}

.btn-component.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #2f8eed
}

.btn-component.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #2f8eed
}

.btn-component.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #2f8eed
}

.btn-component.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #2f8eed
}

.btn-component.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #2f8eed;
    stroke: #2f8eed
}

.btn-component.active:not(.disabled).btn-component--outline[data-v-4233a19d] {
    border-color: transparent
}

.btn-component.active[data-v-4233a19d]:not(.disabled) {
    background: transparent;
    color: #2f8eed
}

@media screen and (min-width: 921px) and (hover: hover) {
    .btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([stroke]),.btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
        fill:#2f8eed
    }

    .btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg mask,.btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg mask {
        mask-type: alpha!important
    }

    .btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([fill]),.btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]),.btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
        fill: #2f8eed
    }

    .btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]),.btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]),.btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
        fill: #2f8eed
    }

    .btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width],.btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
        stroke: #2f8eed
    }

    .btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]),.btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
        fill: #2f8eed
    }

    .btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([fill]),.btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke],.btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
        fill: #2f8eed;
        stroke: #2f8eed
    }

    .btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):hover.btn-component--outline[data-v-4233a19d],.btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):focus-visible.btn-component--outline[data-v-4233a19d] {
        border-color: transparent
    }

    .btn-component[data-v-4233a19d]:not(:disabled):not(.btn-component--disabled):not(.disabled):hover,.btn-component[data-v-4233a19d]:not(:disabled):not(.btn-component--disabled):not(.disabled):focus-visible {
        background: transparent;
        color: #2f8eed
    }
}

.btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #2f8eed
}

.btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #2f8eed
}

.btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #2f8eed
}

.btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #2f8eed
}

.btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #2f8eed
}

.btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #2f8eed
}

.btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #2f8eed
}

.btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #2f8eed
}

.btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #2f8eed;
    stroke: #2f8eed
}

.btn-component:not(:disabled):not(.btn-component--disabled):not(.disabled):active.btn-component--outline[data-v-4233a19d] {
    border-color: transparent
}

.btn-component[data-v-4233a19d]:not(:disabled):not(.btn-component--disabled):not(.disabled):active {
    background: transparent;
    color: #2f8eed
}

.btn-component[data-v-4233a19d]:not([class*=text-weight-]) {
    font-weight: 500
}

.btn-component[data-v-4233a19d]:not([class*=caption]):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.text-body) {
    font-size: 16px;
    line-height: 130%
}

.btn-component.disabled[data-v-4233a19d],.btn-component[disabled][data-v-4233a19d] {
    opacity: 1!important
}

.btn-component--no-padding[data-v-4233a19d] {
    padding: 0;
    min-height: 0;
    border-radius: 0
}

.btn-component--padding-xs[data-v-4233a19d] {
    min-height: 0;
    padding: 4px
}

.btn-component--padding-s[data-v-4233a19d] {
    min-height: 0;
    padding: 8px
}

.btn-component--padding-6-12[data-v-4233a19d] {
    min-height: 0;
    padding: 6px 12px
}

.btn-component--padding-4-8[data-v-4233a19d] {
    min-height: 0;
    padding: 4px 8px
}

.btn-component--height-s[data-v-4233a19d] {
    min-height: 40px
}

.btn-component--height-m[data-v-4233a19d] {
    min-height: 44px
}

.btn-component--height-xl[data-v-4233a19d] {
    min-height: 52px
}

.btn-component--large-radius[data-v-4233a19d] {
    border-radius: 100px
}

.btn-component--circle-radius[data-v-4233a19d] {
    border-radius: 50%
}

.btn-component__wrapper[data-v-4233a19d] {
    gap: 8px
}

.btn-component--square[data-v-4233a19d] {
    aspect-ratio: 1/1
}

.btn-component--outline[data-v-4233a19d] {
    border: 2px solid currentColor
}

.btn-component--hover-underline[data-v-4233a19d] {
    padding-bottom: 2px;
    border-bottom: 1px solid transparent
}

@media screen and (min-width: 921px) and (hover: hover) {
    .btn-component--hover-underline[data-v-4233a19d]:not(:disabled):not(.btn-component--hover-underline--disabled):not(.disabled):hover,.btn-component--hover-underline[data-v-4233a19d]:not(:disabled):not(.btn-component--hover-underline--disabled):not(.disabled):focus-visible {
        border-color:currentColor
    }
}

.btn-component--hover-underline[data-v-4233a19d]:not(:disabled):not(.btn-component--hover-underline--disabled):not(.disabled):active {
    border-color: currentColor
}

.btn-component--primary-dark[data-v-4233a19d] {
    background: #2f8eed;
    color: #fff
}

.btn-component--primary-dark.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #fff
}

.btn-component--primary-dark.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--primary-dark.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #fff
}

.btn-component--primary-dark.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #fff
}

.btn-component--primary-dark.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #fff
}

.btn-component--primary-dark.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #fff
}

.btn-component--primary-dark.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #fff
}

.btn-component--primary-dark.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #fff
}

.btn-component--primary-dark.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #fff
}

.btn-component--primary-dark.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #fff;
    stroke: #fff
}

.btn-component--primary-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #fff
}

.btn-component--primary-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--primary-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #fff
}

.btn-component--primary-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #fff
}

.btn-component--primary-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #fff
}

.btn-component--primary-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #fff
}

.btn-component--primary-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #fff
}

.btn-component--primary-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #fff
}

.btn-component--primary-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #fff
}

.btn-component--primary-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #fff;
    stroke: #fff
}

.btn-component--primary-dark.active:not(.disabled).btn-component--outline[data-v-4233a19d] {
    border-color: #0a1a3e
}

.btn-component--primary-dark.active[data-v-4233a19d]:not(.disabled) {
    background: #0a1a3e;
    color: #fff
}

@media screen and (min-width: 921px) and (hover: hover) {
    .btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([stroke]),.btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
        fill:#fff
    }

    .btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg mask,.btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg mask {
        mask-type: alpha!important
    }

    .btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([fill]),.btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
        stroke: #fff
    }

    .btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]),.btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
        fill: #fff
    }

    .btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]),.btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
        stroke: #fff
    }

    .btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]),.btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
        fill: #fff
    }

    .btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width],.btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
        stroke: #fff
    }

    .btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]),.btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
        fill: #fff
    }

    .btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([fill]),.btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
        stroke: #fff
    }

    .btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke],.btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
        fill: #fff;
        stroke: #fff
    }

    .btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):hover.btn-component--outline[data-v-4233a19d],.btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):focus-visible.btn-component--outline[data-v-4233a19d] {
        border-color: #0a1a3e
    }

    .btn-component--primary-dark[data-v-4233a19d]:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):hover,.btn-component--primary-dark[data-v-4233a19d]:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):focus-visible {
        background: #0a1a3e;
        color: #fff
    }
}

.btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #fff
}

.btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #fff
}

.btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #fff
}

.btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #fff
}

.btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #fff
}

.btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #fff
}

.btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #fff
}

.btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #fff
}

.btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #fff;
    stroke: #fff
}

.btn-component--primary-dark:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):active.btn-component--outline[data-v-4233a19d] {
    border-color: #0a1a3e
}

.btn-component--primary-dark[data-v-4233a19d]:not(:disabled):not(.btn-component--primary-dark--disabled):not(.disabled):active {
    background: #0a1a3e;
    color: #fff
}

.btn-component--primary-dark.disabled[data-v-4233a19d] {
    background: #d2d2d2
}

.btn-component--dark-primary[data-v-4233a19d] {
    background: #0a1a3e;
    color: #fff
}

.btn-component--dark-primary.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #fff
}

.btn-component--dark-primary.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--dark-primary.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #fff
}

.btn-component--dark-primary.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #fff
}

.btn-component--dark-primary.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #fff
}

.btn-component--dark-primary.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #fff
}

.btn-component--dark-primary.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #fff
}

.btn-component--dark-primary.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #fff
}

.btn-component--dark-primary.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #fff
}

.btn-component--dark-primary.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #fff;
    stroke: #fff
}

.btn-component--dark-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #fff
}

.btn-component--dark-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--dark-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #fff
}

.btn-component--dark-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #fff
}

.btn-component--dark-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #fff
}

.btn-component--dark-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #fff
}

.btn-component--dark-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #fff
}

.btn-component--dark-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #fff
}

.btn-component--dark-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #fff
}

.btn-component--dark-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #fff;
    stroke: #fff
}

.btn-component--dark-primary.active:not(.disabled).btn-component--outline[data-v-4233a19d] {
    border-color: #2f8eed
}

.btn-component--dark-primary.active[data-v-4233a19d]:not(.disabled) {
    background: #2f8eed;
    color: #fff
}

@media screen and (min-width: 921px) and (hover: hover) {
    .btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([stroke]),.btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
        fill:#fff
    }

    .btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg mask,.btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg mask {
        mask-type: alpha!important
    }

    .btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([fill]),.btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
        stroke: #fff
    }

    .btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]),.btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
        fill: #fff
    }

    .btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]),.btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
        stroke: #fff
    }

    .btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]),.btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
        fill: #fff
    }

    .btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width],.btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
        stroke: #fff
    }

    .btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]),.btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
        fill: #fff
    }

    .btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([fill]),.btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
        stroke: #fff
    }

    .btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke],.btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
        fill: #fff;
        stroke: #fff
    }

    .btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):hover.btn-component--outline[data-v-4233a19d],.btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):focus-visible.btn-component--outline[data-v-4233a19d] {
        border-color: #2f8eed
    }

    .btn-component--dark-primary[data-v-4233a19d]:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):hover,.btn-component--dark-primary[data-v-4233a19d]:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):focus-visible {
        background: #2f8eed;
        color: #fff
    }
}

.btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #fff
}

.btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #fff
}

.btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #fff
}

.btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #fff
}

.btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #fff
}

.btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #fff
}

.btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #fff
}

.btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #fff
}

.btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #fff;
    stroke: #fff
}

.btn-component--dark-primary:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):active.btn-component--outline[data-v-4233a19d] {
    border-color: #2f8eed
}

.btn-component--dark-primary[data-v-4233a19d]:not(:disabled):not(.btn-component--dark-primary--disabled):not(.disabled):active {
    background: #2f8eed;
    color: #fff
}

.btn-component--dark-primary.disabled[data-v-4233a19d] {
    background: #d2d2d2
}

.btn-component--blue-dark[data-v-4233a19d] {
    background: #d9efff;
    color: #0a1a3e
}

.btn-component--blue-dark.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--blue-dark.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--blue-dark.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--blue-dark.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--blue-dark.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--blue-dark.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #0a1a3e
}

.btn-component--blue-dark.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #0a1a3e
}

.btn-component--blue-dark.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--blue-dark.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--blue-dark.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #0a1a3e;
    stroke: #0a1a3e
}

.btn-component--blue-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--blue-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--blue-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--blue-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--blue-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--blue-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #0a1a3e
}

.btn-component--blue-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #0a1a3e
}

.btn-component--blue-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--blue-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--blue-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #0a1a3e;
    stroke: #0a1a3e
}

.btn-component--blue-dark.active:not(.disabled).btn-component--outline[data-v-4233a19d] {
    border-color: #d9efff
}

.btn-component--blue-dark.active[data-v-4233a19d]:not(.disabled) {
    background: #d9efff;
    color: #0a1a3e
}

@media screen and (min-width: 921px) and (hover: hover) {
    .btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([stroke]),.btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
        fill:#0a1a3e
    }

    .btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg mask,.btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg mask {
        mask-type: alpha!important
    }

    .btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([fill]),.btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
        stroke: #0a1a3e
    }

    .btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]),.btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
        fill: #0a1a3e
    }

    .btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]),.btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
        stroke: #0a1a3e
    }

    .btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]),.btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
        fill: #0a1a3e
    }

    .btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width],.btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
        stroke: #0a1a3e
    }

    .btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]),.btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
        fill: #0a1a3e
    }

    .btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([fill]),.btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
        stroke: #0a1a3e
    }

    .btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke],.btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
        fill: #0a1a3e;
        stroke: #0a1a3e
    }

    .btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):hover.btn-component--outline[data-v-4233a19d],.btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):focus-visible.btn-component--outline[data-v-4233a19d] {
        border-color: #d9efff
    }

    .btn-component--blue-dark[data-v-4233a19d]:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):hover,.btn-component--blue-dark[data-v-4233a19d]:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):focus-visible {
        background: #d9efff;
        color: #0a1a3e
    }
}

.btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #0a1a3e
}

.btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #0a1a3e
}

.btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #0a1a3e;
    stroke: #0a1a3e
}

.btn-component--blue-dark:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):active.btn-component--outline[data-v-4233a19d] {
    border-color: #d9efff
}

.btn-component--blue-dark[data-v-4233a19d]:not(:disabled):not(.btn-component--blue-dark--disabled):not(.disabled):active {
    background: #d9efff;
    color: #0a1a3e
}

.btn-component--blue-dark.disabled[data-v-4233a19d] {
    background: #d2d2d2
}

.btn-component--dark-color-blue-light[data-v-4233a19d] {
    background: transparent;
    color: #0a1a3e
}

.btn-component--dark-color-blue-light.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--dark-color-blue-light.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--dark-color-blue-light.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--dark-color-blue-light.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--dark-color-blue-light.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--dark-color-blue-light.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #0a1a3e
}

.btn-component--dark-color-blue-light.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #0a1a3e
}

.btn-component--dark-color-blue-light.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--dark-color-blue-light.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--dark-color-blue-light.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #0a1a3e;
    stroke: #0a1a3e
}

.btn-component--dark-color-blue-light.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #2f8eed
}

.btn-component--dark-color-blue-light.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--dark-color-blue-light.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #2f8eed
}

.btn-component--dark-color-blue-light.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #2f8eed
}

.btn-component--dark-color-blue-light.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #2f8eed
}

.btn-component--dark-color-blue-light.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #2f8eed
}

.btn-component--dark-color-blue-light.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #2f8eed
}

.btn-component--dark-color-blue-light.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #2f8eed
}

.btn-component--dark-color-blue-light.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #2f8eed
}

.btn-component--dark-color-blue-light.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #2f8eed;
    stroke: #2f8eed
}

.btn-component--dark-color-blue-light.active:not(.disabled).btn-component--outline[data-v-4233a19d] {
    border-color: #f9fcff
}

.btn-component--dark-color-blue-light.active[data-v-4233a19d]:not(.disabled) {
    background: #f9fcff;
    color: #2f8eed
}

@media screen and (min-width: 921px) and (hover: hover) {
    .btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([stroke]),.btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
        fill:#2f8eed
    }

    .btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg mask,.btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg mask {
        mask-type: alpha!important
    }

    .btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([fill]),.btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]),.btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
        fill: #2f8eed
    }

    .btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]),.btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]),.btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
        fill: #2f8eed
    }

    .btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width],.btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
        stroke: #2f8eed
    }

    .btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]),.btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
        fill: #2f8eed
    }

    .btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([fill]),.btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke],.btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
        fill: #2f8eed;
        stroke: #2f8eed
    }

    .btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):hover.btn-component--outline[data-v-4233a19d],.btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):focus-visible.btn-component--outline[data-v-4233a19d] {
        border-color: #f9fcff
    }

    .btn-component--dark-color-blue-light[data-v-4233a19d]:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):hover,.btn-component--dark-color-blue-light[data-v-4233a19d]:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):focus-visible {
        background: #f9fcff;
        color: #2f8eed
    }
}

.btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #2f8eed
}

.btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #2f8eed
}

.btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #2f8eed
}

.btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #2f8eed
}

.btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #2f8eed
}

.btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #2f8eed
}

.btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #2f8eed
}

.btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #2f8eed
}

.btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #2f8eed;
    stroke: #2f8eed
}

.btn-component--dark-color-blue-light:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):active.btn-component--outline[data-v-4233a19d] {
    border-color: #f9fcff
}

.btn-component--dark-color-blue-light[data-v-4233a19d]:not(:disabled):not(.btn-component--dark-color-blue-light--disabled):not(.disabled):active {
    background: #f9fcff;
    color: #2f8eed
}

.btn-component--dark-color-blue-light.disabled[data-v-4233a19d] {
    background: #d2d2d2
}

.btn-component--grey-color-primary-color[data-v-4233a19d] {
    background: transparent;
    color: #919191
}

.btn-component--grey-color-primary-color.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #919191
}

.btn-component--grey-color-primary-color.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--grey-color-primary-color.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #919191
}

.btn-component--grey-color-primary-color.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #919191
}

.btn-component--grey-color-primary-color.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #919191
}

.btn-component--grey-color-primary-color.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #919191
}

.btn-component--grey-color-primary-color.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #919191
}

.btn-component--grey-color-primary-color.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #919191
}

.btn-component--grey-color-primary-color.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #919191
}

.btn-component--grey-color-primary-color.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #919191;
    stroke: #919191
}

.btn-component--grey-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #2f8eed
}

.btn-component--grey-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--grey-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #2f8eed
}

.btn-component--grey-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #2f8eed
}

.btn-component--grey-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #2f8eed
}

.btn-component--grey-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #2f8eed
}

.btn-component--grey-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #2f8eed
}

.btn-component--grey-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #2f8eed
}

.btn-component--grey-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #2f8eed
}

.btn-component--grey-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #2f8eed;
    stroke: #2f8eed
}

.btn-component--grey-color-primary-color.active:not(.disabled).btn-component--outline[data-v-4233a19d] {
    border-color: transparent
}

.btn-component--grey-color-primary-color.active[data-v-4233a19d]:not(.disabled) {
    background: transparent;
    color: #2f8eed
}

@media screen and (min-width: 921px) and (hover: hover) {
    .btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([stroke]),.btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
        fill:#2f8eed
    }

    .btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg mask,.btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg mask {
        mask-type: alpha!important
    }

    .btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([fill]),.btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]),.btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
        fill: #2f8eed
    }

    .btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]),.btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]),.btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
        fill: #2f8eed
    }

    .btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width],.btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
        stroke: #2f8eed
    }

    .btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]),.btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
        fill: #2f8eed
    }

    .btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([fill]),.btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke],.btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
        fill: #2f8eed;
        stroke: #2f8eed
    }

    .btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):hover.btn-component--outline[data-v-4233a19d],.btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):focus-visible.btn-component--outline[data-v-4233a19d] {
        border-color: transparent
    }

    .btn-component--grey-color-primary-color[data-v-4233a19d]:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):hover,.btn-component--grey-color-primary-color[data-v-4233a19d]:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):focus-visible {
        background: transparent;
        color: #2f8eed
    }
}

.btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #2f8eed
}

.btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #2f8eed
}

.btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #2f8eed
}

.btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #2f8eed
}

.btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #2f8eed
}

.btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #2f8eed
}

.btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #2f8eed
}

.btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #2f8eed
}

.btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #2f8eed;
    stroke: #2f8eed
}

.btn-component--grey-color-primary-color:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):active.btn-component--outline[data-v-4233a19d] {
    border-color: transparent
}

.btn-component--grey-color-primary-color[data-v-4233a19d]:not(:disabled):not(.btn-component--grey-color-primary-color--disabled):not(.disabled):active {
    background: transparent;
    color: #2f8eed
}

.btn-component--grey-color-primary-color.disabled[data-v-4233a19d] {
    background: #d2d2d2
}

.btn-component--primary-white[data-v-4233a19d] {
    background: #2f8eed;
    color: #fff
}

.btn-component--primary-white.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #fff
}

.btn-component--primary-white.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--primary-white.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #fff
}

.btn-component--primary-white.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #fff
}

.btn-component--primary-white.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #fff
}

.btn-component--primary-white.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #fff
}

.btn-component--primary-white.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #fff
}

.btn-component--primary-white.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #fff
}

.btn-component--primary-white.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #fff
}

.btn-component--primary-white.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #fff;
    stroke: #fff
}

.btn-component--primary-white.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #2f8eed
}

.btn-component--primary-white.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--primary-white.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #2f8eed
}

.btn-component--primary-white.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #2f8eed
}

.btn-component--primary-white.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #2f8eed
}

.btn-component--primary-white.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #2f8eed
}

.btn-component--primary-white.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #2f8eed
}

.btn-component--primary-white.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #2f8eed
}

.btn-component--primary-white.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #2f8eed
}

.btn-component--primary-white.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #2f8eed;
    stroke: #2f8eed
}

.btn-component--primary-white.active:not(.disabled).btn-component--outline[data-v-4233a19d] {
    border-color: #fff
}

.btn-component--primary-white.active[data-v-4233a19d]:not(.disabled) {
    background: #fff;
    color: #2f8eed
}

@media screen and (min-width: 921px) and (hover: hover) {
    .btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([stroke]),.btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
        fill:#2f8eed
    }

    .btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg mask,.btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg mask {
        mask-type: alpha!important
    }

    .btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([fill]),.btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]),.btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
        fill: #2f8eed
    }

    .btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]),.btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]),.btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
        fill: #2f8eed
    }

    .btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width],.btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
        stroke: #2f8eed
    }

    .btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]),.btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
        fill: #2f8eed
    }

    .btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([fill]),.btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke],.btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
        fill: #2f8eed;
        stroke: #2f8eed
    }

    .btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):hover.btn-component--outline[data-v-4233a19d],.btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):focus-visible.btn-component--outline[data-v-4233a19d] {
        border-color: #fff
    }

    .btn-component--primary-white[data-v-4233a19d]:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):hover,.btn-component--primary-white[data-v-4233a19d]:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):focus-visible {
        background: #fff;
        color: #2f8eed
    }
}

.btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #2f8eed
}

.btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #2f8eed
}

.btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #2f8eed
}

.btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #2f8eed
}

.btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #2f8eed
}

.btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #2f8eed
}

.btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #2f8eed
}

.btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #2f8eed
}

.btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #2f8eed;
    stroke: #2f8eed
}

.btn-component--primary-white:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):active.btn-component--outline[data-v-4233a19d] {
    border-color: #fff
}

.btn-component--primary-white[data-v-4233a19d]:not(:disabled):not(.btn-component--primary-white--disabled):not(.disabled):active {
    background: #fff;
    color: #2f8eed
}

.btn-component--primary-white.disabled[data-v-4233a19d] {
    background: #d2d2d2
}

.btn-component--disabled[data-v-4233a19d] {
    background: #adadad;
    color: #fff
}

.btn-component--disabled.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #fff
}

.btn-component--disabled.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--disabled.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #fff
}

.btn-component--disabled.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #fff
}

.btn-component--disabled.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #fff
}

.btn-component--disabled.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #fff
}

.btn-component--disabled.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #fff
}

.btn-component--disabled.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #fff
}

.btn-component--disabled.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #fff
}

.btn-component--disabled.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #fff;
    stroke: #fff
}

.btn-component--disabled.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #adadad
}

.btn-component--disabled.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--disabled.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #adadad
}

.btn-component--disabled.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #adadad
}

.btn-component--disabled.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #adadad
}

.btn-component--disabled.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #adadad
}

.btn-component--disabled.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #adadad
}

.btn-component--disabled.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #adadad
}

.btn-component--disabled.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #adadad
}

.btn-component--disabled.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #adadad;
    stroke: #adadad
}

.btn-component--disabled.active:not(.disabled).btn-component--outline[data-v-4233a19d] {
    border-color: #fff
}

.btn-component--disabled.active[data-v-4233a19d]:not(.disabled) {
    background: #fff;
    color: #adadad
}

@media screen and (min-width: 921px) and (hover: hover) {
    .btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([stroke]),.btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
        fill:#adadad
    }

    .btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg mask,.btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg mask {
        mask-type: alpha!important
    }

    .btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([fill]),.btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
        stroke: #adadad
    }

    .btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]),.btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
        fill: #adadad
    }

    .btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]),.btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
        stroke: #adadad
    }

    .btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]),.btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
        fill: #adadad
    }

    .btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width],.btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
        stroke: #adadad
    }

    .btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]),.btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
        fill: #adadad
    }

    .btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([fill]),.btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
        stroke: #adadad
    }

    .btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke],.btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
        fill: #adadad;
        stroke: #adadad
    }

    .btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):hover.btn-component--outline[data-v-4233a19d],.btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):focus-visible.btn-component--outline[data-v-4233a19d] {
        border-color: #fff
    }

    .btn-component--disabled[data-v-4233a19d]:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):hover,.btn-component--disabled[data-v-4233a19d]:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):focus-visible {
        background: #fff;
        color: #adadad
    }
}

.btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #adadad
}

.btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #adadad
}

.btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #adadad
}

.btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #adadad
}

.btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #adadad
}

.btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #adadad
}

.btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #adadad
}

.btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #adadad
}

.btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #adadad;
    stroke: #adadad
}

.btn-component--disabled:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):active.btn-component--outline[data-v-4233a19d] {
    border-color: #fff
}

.btn-component--disabled[data-v-4233a19d]:not(:disabled):not(.btn-component--disabled--disabled):not(.disabled):active {
    background: #fff;
    color: #adadad
}

.btn-component--disabled.disabled[data-v-4233a19d] {
    background: #adadad
}

.btn-component--white-color-transparent[data-v-4233a19d] {
    background: transparent;
    color: #fff
}

.btn-component--white-color-transparent.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #fff
}

.btn-component--white-color-transparent.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--white-color-transparent.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #fff
}

.btn-component--white-color-transparent.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #fff
}

.btn-component--white-color-transparent.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #fff
}

.btn-component--white-color-transparent.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #fff
}

.btn-component--white-color-transparent.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #fff
}

.btn-component--white-color-transparent.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #fff
}

.btn-component--white-color-transparent.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #fff
}

.btn-component--white-color-transparent.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #fff;
    stroke: #fff
}

.btn-component--white-color-transparent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #fff
}

.btn-component--white-color-transparent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--white-color-transparent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #fff
}

.btn-component--white-color-transparent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #fff
}

.btn-component--white-color-transparent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #fff
}

.btn-component--white-color-transparent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #fff
}

.btn-component--white-color-transparent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #fff
}

.btn-component--white-color-transparent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #fff
}

.btn-component--white-color-transparent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #fff
}

.btn-component--white-color-transparent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #fff;
    stroke: #fff
}

.btn-component--white-color-transparent.active:not(.disabled).btn-component--outline[data-v-4233a19d] {
    border-color: transparent
}

.btn-component--white-color-transparent.active[data-v-4233a19d]:not(.disabled) {
    background: transparent;
    color: #fff
}

@media screen and (min-width: 921px) and (hover: hover) {
    .btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([stroke]),.btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
        fill:#fff
    }

    .btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg mask,.btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg mask {
        mask-type: alpha!important
    }

    .btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([fill]),.btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
        stroke: #fff
    }

    .btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]),.btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
        fill: #fff
    }

    .btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]),.btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
        stroke: #fff
    }

    .btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]),.btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
        fill: #fff
    }

    .btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width],.btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
        stroke: #fff
    }

    .btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]),.btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
        fill: #fff
    }

    .btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([fill]),.btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
        stroke: #fff
    }

    .btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke],.btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
        fill: #fff;
        stroke: #fff
    }

    .btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):hover.btn-component--outline[data-v-4233a19d],.btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):focus-visible.btn-component--outline[data-v-4233a19d] {
        border-color: transparent
    }

    .btn-component--white-color-transparent[data-v-4233a19d]:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):hover,.btn-component--white-color-transparent[data-v-4233a19d]:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):focus-visible {
        background: transparent;
        color: #fff
    }
}

.btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #fff
}

.btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #fff
}

.btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #fff
}

.btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #fff
}

.btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #fff
}

.btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #fff
}

.btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #fff
}

.btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #fff
}

.btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #fff;
    stroke: #fff
}

.btn-component--white-color-transparent:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):active.btn-component--outline[data-v-4233a19d] {
    border-color: transparent
}

.btn-component--white-color-transparent[data-v-4233a19d]:not(:disabled):not(.btn-component--white-color-transparent--disabled):not(.disabled):active {
    background: transparent;
    color: #fff
}

.btn-component--primary-color-transparent[data-v-4233a19d] {
    background: transparent;
    color: #2f8eed
}

.btn-component--primary-color-transparent.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #2f8eed
}

.btn-component--primary-color-transparent.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--primary-color-transparent.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #2f8eed
}

.btn-component--primary-color-transparent.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #2f8eed
}

.btn-component--primary-color-transparent.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #2f8eed
}

.btn-component--primary-color-transparent.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #2f8eed
}

.btn-component--primary-color-transparent.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #2f8eed
}

.btn-component--primary-color-transparent.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #2f8eed
}

.btn-component--primary-color-transparent.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #2f8eed
}

.btn-component--primary-color-transparent.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #2f8eed;
    stroke: #2f8eed
}

.btn-component--primary-color-transparent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #2f8eed
}

.btn-component--primary-color-transparent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--primary-color-transparent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #2f8eed
}

.btn-component--primary-color-transparent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #2f8eed
}

.btn-component--primary-color-transparent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #2f8eed
}

.btn-component--primary-color-transparent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #2f8eed
}

.btn-component--primary-color-transparent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #2f8eed
}

.btn-component--primary-color-transparent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #2f8eed
}

.btn-component--primary-color-transparent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #2f8eed
}

.btn-component--primary-color-transparent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #2f8eed;
    stroke: #2f8eed
}

.btn-component--primary-color-transparent.active:not(.disabled).btn-component--outline[data-v-4233a19d] {
    border-color: transparent
}

.btn-component--primary-color-transparent.active[data-v-4233a19d]:not(.disabled) {
    background: transparent;
    color: #2f8eed
}

@media screen and (min-width: 921px) and (hover: hover) {
    .btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([stroke]),.btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
        fill:#2f8eed
    }

    .btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg mask,.btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg mask {
        mask-type: alpha!important
    }

    .btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([fill]),.btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]),.btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
        fill: #2f8eed
    }

    .btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]),.btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]),.btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
        fill: #2f8eed
    }

    .btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width],.btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
        stroke: #2f8eed
    }

    .btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]),.btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
        fill: #2f8eed
    }

    .btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([fill]),.btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke],.btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
        fill: #2f8eed;
        stroke: #2f8eed
    }

    .btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):hover.btn-component--outline[data-v-4233a19d],.btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):focus-visible.btn-component--outline[data-v-4233a19d] {
        border-color: transparent
    }

    .btn-component--primary-color-transparent[data-v-4233a19d]:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):hover,.btn-component--primary-color-transparent[data-v-4233a19d]:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):focus-visible {
        background: transparent;
        color: #2f8eed
    }
}

.btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #2f8eed
}

.btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #2f8eed
}

.btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #2f8eed
}

.btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #2f8eed
}

.btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #2f8eed
}

.btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #2f8eed
}

.btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #2f8eed
}

.btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #2f8eed
}

.btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #2f8eed;
    stroke: #2f8eed
}

.btn-component--primary-color-transparent:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):active.btn-component--outline[data-v-4233a19d] {
    border-color: transparent
}

.btn-component--primary-color-transparent[data-v-4233a19d]:not(:disabled):not(.btn-component--primary-color-transparent--disabled):not(.disabled):active {
    background: transparent;
    color: #2f8eed
}

.btn-component--white-dark[data-v-4233a19d] {
    background: #fff;
    color: #0a1a3e
}

.btn-component--white-dark.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--white-dark.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--white-dark.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--white-dark.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--white-dark.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--white-dark.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #0a1a3e
}

.btn-component--white-dark.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #0a1a3e
}

.btn-component--white-dark.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--white-dark.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--white-dark.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #0a1a3e;
    stroke: #0a1a3e
}

.btn-component--white-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #fff
}

.btn-component--white-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--white-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #fff
}

.btn-component--white-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #fff
}

.btn-component--white-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #fff
}

.btn-component--white-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #fff
}

.btn-component--white-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #fff
}

.btn-component--white-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #fff
}

.btn-component--white-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #fff
}

.btn-component--white-dark.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #fff;
    stroke: #fff
}

.btn-component--white-dark.active:not(.disabled).btn-component--outline[data-v-4233a19d] {
    border-color: #0a1a3e
}

.btn-component--white-dark.active[data-v-4233a19d]:not(.disabled) {
    background: #0a1a3e;
    color: #fff
}

@media screen and (min-width: 921px) and (hover: hover) {
    .btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([stroke]),.btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
        fill:#fff
    }

    .btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg mask,.btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg mask {
        mask-type: alpha!important
    }

    .btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([fill]),.btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
        stroke: #fff
    }

    .btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]),.btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
        fill: #fff
    }

    .btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]),.btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
        stroke: #fff
    }

    .btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]),.btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
        fill: #fff
    }

    .btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width],.btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
        stroke: #fff
    }

    .btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]),.btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
        fill: #fff
    }

    .btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([fill]),.btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
        stroke: #fff
    }

    .btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke],.btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
        fill: #fff;
        stroke: #fff
    }

    .btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):hover.btn-component--outline[data-v-4233a19d],.btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):focus-visible.btn-component--outline[data-v-4233a19d] {
        border-color: #0a1a3e
    }

    .btn-component--white-dark[data-v-4233a19d]:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):hover,.btn-component--white-dark[data-v-4233a19d]:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):focus-visible {
        background: #0a1a3e;
        color: #fff
    }
}

.btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #fff
}

.btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #fff
}

.btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #fff
}

.btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #fff
}

.btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #fff
}

.btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #fff
}

.btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #fff
}

.btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #fff
}

.btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #fff;
    stroke: #fff
}

.btn-component--white-dark:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):active.btn-component--outline[data-v-4233a19d] {
    border-color: #0a1a3e
}

.btn-component--white-dark[data-v-4233a19d]:not(:disabled):not(.btn-component--white-dark--disabled):not(.disabled):active {
    background: #0a1a3e;
    color: #fff
}

.btn-component--white-dark.disabled[data-v-4233a19d] {
    color: #fff;
    background: #d2d2d2
}

.btn-component--dark-color-primary-color[data-v-4233a19d] {
    background: transparent;
    color: #0a1a3e
}

.btn-component--dark-color-primary-color.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--dark-color-primary-color.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--dark-color-primary-color.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--dark-color-primary-color.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--dark-color-primary-color.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--dark-color-primary-color.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #0a1a3e
}

.btn-component--dark-color-primary-color.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #0a1a3e
}

.btn-component--dark-color-primary-color.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--dark-color-primary-color.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--dark-color-primary-color.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #0a1a3e;
    stroke: #0a1a3e
}

.btn-component--dark-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #2f8eed
}

.btn-component--dark-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--dark-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #2f8eed
}

.btn-component--dark-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #2f8eed
}

.btn-component--dark-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #2f8eed
}

.btn-component--dark-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #2f8eed
}

.btn-component--dark-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #2f8eed
}

.btn-component--dark-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #2f8eed
}

.btn-component--dark-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #2f8eed
}

.btn-component--dark-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #2f8eed;
    stroke: #2f8eed
}

.btn-component--dark-color-primary-color.active:not(.disabled).btn-component--outline[data-v-4233a19d] {
    border-color: transparent
}

.btn-component--dark-color-primary-color.active[data-v-4233a19d]:not(.disabled) {
    background: transparent;
    color: #2f8eed
}

@media screen and (min-width: 921px) and (hover: hover) {
    .btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([stroke]),.btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
        fill:#2f8eed
    }

    .btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg mask,.btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg mask {
        mask-type: alpha!important
    }

    .btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([fill]),.btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]),.btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
        fill: #2f8eed
    }

    .btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]),.btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]),.btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
        fill: #2f8eed
    }

    .btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width],.btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
        stroke: #2f8eed
    }

    .btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]),.btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
        fill: #2f8eed
    }

    .btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([fill]),.btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke],.btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
        fill: #2f8eed;
        stroke: #2f8eed
    }

    .btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):hover.btn-component--outline[data-v-4233a19d],.btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):focus-visible.btn-component--outline[data-v-4233a19d] {
        border-color: transparent
    }

    .btn-component--dark-color-primary-color[data-v-4233a19d]:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):hover,.btn-component--dark-color-primary-color[data-v-4233a19d]:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):focus-visible {
        background: transparent;
        color: #2f8eed
    }
}

.btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #2f8eed
}

.btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #2f8eed
}

.btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #2f8eed
}

.btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #2f8eed
}

.btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #2f8eed
}

.btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #2f8eed
}

.btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #2f8eed
}

.btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #2f8eed
}

.btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #2f8eed;
    stroke: #2f8eed
}

.btn-component--dark-color-primary-color:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):active.btn-component--outline[data-v-4233a19d] {
    border-color: transparent
}

.btn-component--dark-color-primary-color[data-v-4233a19d]:not(:disabled):not(.btn-component--dark-color-primary-color--disabled):not(.disabled):active {
    background: transparent;
    color: #2f8eed
}

.btn-component--dark-color-primary-color.disabled[data-v-4233a19d] {
    color: #2f8eed
}

.btn-component--blue-light-primary[data-v-4233a19d] {
    background: #f9fcff;
    color: #2f8eed
}

.btn-component--blue-light-primary.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #2f8eed
}

.btn-component--blue-light-primary.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--blue-light-primary.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #2f8eed
}

.btn-component--blue-light-primary.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #2f8eed
}

.btn-component--blue-light-primary.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #2f8eed
}

.btn-component--blue-light-primary.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #2f8eed
}

.btn-component--blue-light-primary.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #2f8eed
}

.btn-component--blue-light-primary.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #2f8eed
}

.btn-component--blue-light-primary.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #2f8eed
}

.btn-component--blue-light-primary.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #2f8eed;
    stroke: #2f8eed
}

.btn-component--blue-light-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #fff
}

.btn-component--blue-light-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--blue-light-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #fff
}

.btn-component--blue-light-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #fff
}

.btn-component--blue-light-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #fff
}

.btn-component--blue-light-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #fff
}

.btn-component--blue-light-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #fff
}

.btn-component--blue-light-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #fff
}

.btn-component--blue-light-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #fff
}

.btn-component--blue-light-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #fff;
    stroke: #fff
}

.btn-component--blue-light-primary.active:not(.disabled).btn-component--outline[data-v-4233a19d] {
    border-color: #2f8eed
}

.btn-component--blue-light-primary.active[data-v-4233a19d]:not(.disabled) {
    background: #2f8eed;
    color: #fff
}

@media screen and (min-width: 921px) and (hover: hover) {
    .btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([stroke]),.btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
        fill:#fff
    }

    .btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg mask,.btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg mask {
        mask-type: alpha!important
    }

    .btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([fill]),.btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
        stroke: #fff
    }

    .btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]),.btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
        fill: #fff
    }

    .btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]),.btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
        stroke: #fff
    }

    .btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]),.btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
        fill: #fff
    }

    .btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width],.btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
        stroke: #fff
    }

    .btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]),.btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
        fill: #fff
    }

    .btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([fill]),.btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
        stroke: #fff
    }

    .btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke],.btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
        fill: #fff;
        stroke: #fff
    }

    .btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):hover.btn-component--outline[data-v-4233a19d],.btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):focus-visible.btn-component--outline[data-v-4233a19d] {
        border-color: #2f8eed
    }

    .btn-component--blue-light-primary[data-v-4233a19d]:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):hover,.btn-component--blue-light-primary[data-v-4233a19d]:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):focus-visible {
        background: #2f8eed;
        color: #fff
    }
}

.btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #fff
}

.btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #fff
}

.btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #fff
}

.btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #fff
}

.btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #fff
}

.btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #fff
}

.btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #fff
}

.btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #fff
}

.btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #fff;
    stroke: #fff
}

.btn-component--blue-light-primary:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):active.btn-component--outline[data-v-4233a19d] {
    border-color: #2f8eed
}

.btn-component--blue-light-primary[data-v-4233a19d]:not(:disabled):not(.btn-component--blue-light-primary--disabled):not(.disabled):active {
    background: #2f8eed;
    color: #fff
}

.btn-component--blue-light-primary.disabled[data-v-4233a19d] {
    background: #d2d2d2;
    color: #fff;
    border-color: #d2d2d2
}

.btn-component--blue-light-primary-2[data-v-4233a19d] {
    background: #e8eff5;
    color: #0a1a3e
}

.btn-component--blue-light-primary-2.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--blue-light-primary-2.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--blue-light-primary-2.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--blue-light-primary-2.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--blue-light-primary-2.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--blue-light-primary-2.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #0a1a3e
}

.btn-component--blue-light-primary-2.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #0a1a3e
}

.btn-component--blue-light-primary-2.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--blue-light-primary-2.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--blue-light-primary-2.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #0a1a3e;
    stroke: #0a1a3e
}

.btn-component--blue-light-primary-2.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #fff
}

.btn-component--blue-light-primary-2.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--blue-light-primary-2.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #fff
}

.btn-component--blue-light-primary-2.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #fff
}

.btn-component--blue-light-primary-2.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #fff
}

.btn-component--blue-light-primary-2.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #fff
}

.btn-component--blue-light-primary-2.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #fff
}

.btn-component--blue-light-primary-2.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #fff
}

.btn-component--blue-light-primary-2.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #fff
}

.btn-component--blue-light-primary-2.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #fff;
    stroke: #fff
}

.btn-component--blue-light-primary-2.active:not(.disabled).btn-component--outline[data-v-4233a19d] {
    border-color: #2f8eed
}

.btn-component--blue-light-primary-2.active[data-v-4233a19d]:not(.disabled) {
    background: #2f8eed;
    color: #fff
}

@media screen and (min-width: 921px) and (hover: hover) {
    .btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([stroke]),.btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
        fill:#fff
    }

    .btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg mask,.btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg mask {
        mask-type: alpha!important
    }

    .btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([fill]),.btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
        stroke: #fff
    }

    .btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]),.btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
        fill: #fff
    }

    .btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]),.btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
        stroke: #fff
    }

    .btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]),.btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
        fill: #fff
    }

    .btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width],.btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
        stroke: #fff
    }

    .btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]),.btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
        fill: #fff
    }

    .btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([fill]),.btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
        stroke: #fff
    }

    .btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke],.btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
        fill: #fff;
        stroke: #fff
    }

    .btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):hover.btn-component--outline[data-v-4233a19d],.btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):focus-visible.btn-component--outline[data-v-4233a19d] {
        border-color: #2f8eed
    }

    .btn-component--blue-light-primary-2[data-v-4233a19d]:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):hover,.btn-component--blue-light-primary-2[data-v-4233a19d]:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):focus-visible {
        background: #2f8eed;
        color: #fff
    }
}

.btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #fff
}

.btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #fff
}

.btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #fff
}

.btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #fff
}

.btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #fff
}

.btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #fff
}

.btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #fff
}

.btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #fff
}

.btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #fff;
    stroke: #fff
}

.btn-component--blue-light-primary-2:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):active.btn-component--outline[data-v-4233a19d] {
    border-color: #2f8eed
}

.btn-component--blue-light-primary-2[data-v-4233a19d]:not(:disabled):not(.btn-component--blue-light-primary-2--disabled):not(.disabled):active {
    background: #2f8eed;
    color: #fff
}

.btn-component--blue-light-primary-2.disabled[data-v-4233a19d] {
    background: #d2d2d2;
    color: #fff;
    border-color: #d2d2d2
}

.btn-component--white-primary[data-v-4233a19d] {
    background: transparent; /* #fff */
    color: #2f8eed
}

.btn-component--white-primary.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #2f8eed
}

.btn-component--white-primary.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--white-primary.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #2f8eed
}

.btn-component--white-primary.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #2f8eed
}

.btn-component--white-primary.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #2f8eed
}

.btn-component--white-primary.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #2f8eed
}

.btn-component--white-primary.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #2f8eed
}

.btn-component--white-primary.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #2f8eed
}

.btn-component--white-primary.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #2f8eed
}

.btn-component--white-primary.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #2f8eed;
    stroke: #2f8eed
}

.btn-component--white-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #fff
}

.btn-component--white-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--white-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #fff
}

.btn-component--white-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #fff
}

.btn-component--white-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #fff
}

.btn-component--white-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #fff
}

.btn-component--white-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #fff
}

.btn-component--white-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #fff
}

.btn-component--white-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #fff
}

.btn-component--white-primary.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #fff;
    stroke: #fff
}

.btn-component--white-primary.active:not(.disabled).btn-component--outline[data-v-4233a19d] {
    border-color: #2f8eed
}

.btn-component--white-primary.active[data-v-4233a19d]:not(.disabled) {
    background: #2f8eed;
    color: #fff
}

@media screen and (min-width: 921px) and (hover: hover) {
    .btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([stroke]),.btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
        fill:#fff
    }

    .btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg mask,.btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg mask {
        mask-type: alpha!important
    }

    .btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([fill]),.btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
        stroke: #fff
    }

    .btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]),.btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
        fill: #fff
    }

    .btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]),.btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
        stroke: #fff
    }

    .btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]),.btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
        fill: #fff
    }

    .btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width],.btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
        stroke: #fff
    }

    .btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]),.btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
        fill: #fff
    }

    .btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([fill]),.btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
        stroke: #fff
    }

    .btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke],.btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
        fill: #fff;
        stroke: #fff
    }

    .btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):hover.btn-component--outline[data-v-4233a19d],.btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):focus-visible.btn-component--outline[data-v-4233a19d] {
        border-color: #2f8eed
    }

    .btn-component--white-primary[data-v-4233a19d]:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):hover,.btn-component--white-primary[data-v-4233a19d]:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):focus-visible {
        background: #2f8eed;
        color: #fff
    }
}

.btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #fff
}

.btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #fff
}

.btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #fff
}

.btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #fff
}

.btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #fff
}

.btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #fff
}

.btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #fff
}

.btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #fff
}

.btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #fff;
    stroke: #fff
}

.btn-component--white-primary:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):active.btn-component--outline[data-v-4233a19d] {
    border-color: #2f8eed
}

.btn-component--white-primary[data-v-4233a19d]:not(:disabled):not(.btn-component--white-primary--disabled):not(.disabled):active {
    background: #2f8eed;
    color: #fff
}

.btn-component--white-primary.disabled[data-v-4233a19d] {
    background: #d2d2d2;
    color: #fff;
    border-color: #d2d2d2
}

.btn-component--white-accent[data-v-4233a19d] {
    background: #fff;
    color: #1b6bed
}

.btn-component--white-accent.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #1b6bed
}

.btn-component--white-accent.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--white-accent.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #1b6bed
}

.btn-component--white-accent.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #1b6bed
}

.btn-component--white-accent.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #1b6bed
}

.btn-component--white-accent.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #1b6bed
}

.btn-component--white-accent.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #1b6bed
}

.btn-component--white-accent.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #1b6bed
}

.btn-component--white-accent.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #1b6bed
}

.btn-component--white-accent.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #1b6bed;
    stroke: #1b6bed
}

.btn-component--white-accent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #fff
}

.btn-component--white-accent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--white-accent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #fff
}

.btn-component--white-accent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #fff
}

.btn-component--white-accent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #fff
}

.btn-component--white-accent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #fff
}

.btn-component--white-accent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #fff
}

.btn-component--white-accent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #fff
}

.btn-component--white-accent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #fff
}

.btn-component--white-accent.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #fff;
    stroke: #fff
}

.btn-component--white-accent.active:not(.disabled).btn-component--outline[data-v-4233a19d] {
    border-color: #1b6bed
}

.btn-component--white-accent.active[data-v-4233a19d]:not(.disabled) {
    background: #1b6bed;
    color: #fff
}

@media screen and (min-width: 921px) and (hover: hover) {
    .btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([stroke]),.btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
        fill:#fff
    }

    .btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg mask,.btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg mask {
        mask-type: alpha!important
    }

    .btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([fill]),.btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
        stroke: #fff
    }

    .btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]),.btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
        fill: #fff
    }

    .btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]),.btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
        stroke: #fff
    }

    .btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]),.btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
        fill: #fff
    }

    .btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width],.btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
        stroke: #fff
    }

    .btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]),.btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
        fill: #fff
    }

    .btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([fill]),.btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
        stroke: #fff
    }

    .btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke],.btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
        fill: #fff;
        stroke: #fff
    }

    .btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):hover.btn-component--outline[data-v-4233a19d],.btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):focus-visible.btn-component--outline[data-v-4233a19d] {
        border-color: #1b6bed
    }

    .btn-component--white-accent[data-v-4233a19d]:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):hover,.btn-component--white-accent[data-v-4233a19d]:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):focus-visible {
        background: #1b6bed;
        color: #fff
    }
}

.btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #fff
}

.btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #fff
}

.btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #fff
}

.btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #fff
}

.btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #fff
}

.btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #fff
}

.btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #fff
}

.btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #fff
}

.btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #fff;
    stroke: #fff
}

.btn-component--white-accent:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):active.btn-component--outline[data-v-4233a19d] {
    border-color: #1b6bed
}

.btn-component--white-accent[data-v-4233a19d]:not(:disabled):not(.btn-component--white-accent--disabled):not(.disabled):active {
    background: #1b6bed;
    color: #fff
}

.btn-component--white-accent.disabled[data-v-4233a19d] {
    background: #d2d2d2;
    color: #fff;
    border-color: #d2d2d2
}

.btn-component--primary-color-dark-color[data-v-4233a19d] {
    background: transparent;
    color: #2f8eed
}

.btn-component--primary-color-dark-color.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #2f8eed
}

.btn-component--primary-color-dark-color.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--primary-color-dark-color.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #2f8eed
}

.btn-component--primary-color-dark-color.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #2f8eed
}

.btn-component--primary-color-dark-color.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #2f8eed
}

.btn-component--primary-color-dark-color.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #2f8eed
}

.btn-component--primary-color-dark-color.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #2f8eed
}

.btn-component--primary-color-dark-color.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #2f8eed
}

.btn-component--primary-color-dark-color.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #2f8eed
}

.btn-component--primary-color-dark-color.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #2f8eed;
    stroke: #2f8eed
}

.btn-component--primary-color-dark-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--primary-color-dark-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--primary-color-dark-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--primary-color-dark-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--primary-color-dark-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--primary-color-dark-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #0a1a3e
}

.btn-component--primary-color-dark-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #0a1a3e
}

.btn-component--primary-color-dark-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--primary-color-dark-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--primary-color-dark-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #0a1a3e;
    stroke: #0a1a3e
}

.btn-component--primary-color-dark-color.active:not(.disabled).btn-component--outline[data-v-4233a19d] {
    border-color: transparent
}

.btn-component--primary-color-dark-color.active[data-v-4233a19d]:not(.disabled) {
    background: transparent;
    color: #0a1a3e
}

@media screen and (min-width: 921px) and (hover: hover) {
    .btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([stroke]),.btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
        fill:#0a1a3e
    }

    .btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg mask,.btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg mask {
        mask-type: alpha!important
    }

    .btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([fill]),.btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
        stroke: #0a1a3e
    }

    .btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]),.btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
        fill: #0a1a3e
    }

    .btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]),.btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
        stroke: #0a1a3e
    }

    .btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]),.btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
        fill: #0a1a3e
    }

    .btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width],.btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
        stroke: #0a1a3e
    }

    .btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]),.btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
        fill: #0a1a3e
    }

    .btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([fill]),.btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
        stroke: #0a1a3e
    }

    .btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke],.btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
        fill: #0a1a3e;
        stroke: #0a1a3e
    }

    .btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):hover.btn-component--outline[data-v-4233a19d],.btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):focus-visible.btn-component--outline[data-v-4233a19d] {
        border-color: transparent
    }

    .btn-component--primary-color-dark-color[data-v-4233a19d]:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):hover,.btn-component--primary-color-dark-color[data-v-4233a19d]:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):focus-visible {
        background: transparent;
        color: #0a1a3e
    }
}

.btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #0a1a3e
}

.btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #0a1a3e
}

.btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #0a1a3e;
    stroke: #0a1a3e
}

.btn-component--primary-color-dark-color:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):active.btn-component--outline[data-v-4233a19d] {
    border-color: transparent
}

.btn-component--primary-color-dark-color[data-v-4233a19d]:not(:disabled):not(.btn-component--primary-color-dark-color--disabled):not(.disabled):active {
    background: transparent;
    color: #0a1a3e
}

.btn-component--primary-color-dark-color.disabled[data-v-4233a19d] {
    background: transparent;
    color: #d2d2d2
}

.btn-component--dark-primary-blue-light[data-v-4233a19d] {
    background: #f9fcff;
    color: #0a1a3e
}

.btn-component--dark-primary-blue-light.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--dark-primary-blue-light.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--dark-primary-blue-light.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--dark-primary-blue-light.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--dark-primary-blue-light.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--dark-primary-blue-light.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #0a1a3e
}

.btn-component--dark-primary-blue-light.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #0a1a3e
}

.btn-component--dark-primary-blue-light.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #0a1a3e
}

.btn-component--dark-primary-blue-light.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #0a1a3e
}

.btn-component--dark-primary-blue-light.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #0a1a3e;
    stroke: #0a1a3e
}

.btn-component--dark-primary-blue-light.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #2f8eed
}

.btn-component--dark-primary-blue-light.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--dark-primary-blue-light.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #2f8eed
}

.btn-component--dark-primary-blue-light.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #2f8eed
}

.btn-component--dark-primary-blue-light.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #2f8eed
}

.btn-component--dark-primary-blue-light.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #2f8eed
}

.btn-component--dark-primary-blue-light.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #2f8eed
}

.btn-component--dark-primary-blue-light.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #2f8eed
}

.btn-component--dark-primary-blue-light.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #2f8eed
}

.btn-component--dark-primary-blue-light.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #2f8eed;
    stroke: #2f8eed
}

.btn-component--dark-primary-blue-light.active:not(.disabled).btn-component--outline[data-v-4233a19d] {
    border-color: #f9fcff
}

.btn-component--dark-primary-blue-light.active[data-v-4233a19d]:not(.disabled) {
    background: #f9fcff;
    color: #2f8eed
}

@media screen and (min-width: 921px) and (hover: hover) {
    .btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([stroke]),.btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
        fill:#2f8eed
    }

    .btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg mask,.btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg mask {
        mask-type: alpha!important
    }

    .btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([fill]),.btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]),.btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
        fill: #2f8eed
    }

    .btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]),.btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]),.btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
        fill: #2f8eed
    }

    .btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width],.btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
        stroke: #2f8eed
    }

    .btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]),.btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
        fill: #2f8eed
    }

    .btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([fill]),.btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke],.btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
        fill: #2f8eed;
        stroke: #2f8eed
    }

    .btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):hover.btn-component--outline[data-v-4233a19d],.btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):focus-visible.btn-component--outline[data-v-4233a19d] {
        border-color: #f9fcff
    }

    .btn-component--dark-primary-blue-light[data-v-4233a19d]:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):hover,.btn-component--dark-primary-blue-light[data-v-4233a19d]:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):focus-visible {
        background: #f9fcff;
        color: #2f8eed
    }
}

.btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #2f8eed
}

.btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #2f8eed
}

.btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #2f8eed
}

.btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #2f8eed
}

.btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #2f8eed
}

.btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #2f8eed
}

.btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #2f8eed
}

.btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #2f8eed
}

.btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #2f8eed;
    stroke: #2f8eed
}

.btn-component--dark-primary-blue-light:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):active.btn-component--outline[data-v-4233a19d] {
    border-color: #f9fcff
}

.btn-component--dark-primary-blue-light[data-v-4233a19d]:not(:disabled):not(.btn-component--dark-primary-blue-light--disabled):not(.disabled):active {
    background: #f9fcff;
    color: #2f8eed
}

.btn-component--dark-primary-blue-light.disabled[data-v-4233a19d] {
    color: #d2d2d2
}

.btn-component--secondary-color-primary-color[data-v-4233a19d] {
    background: transparent;
    color: #123670
}

.btn-component--secondary-color-primary-color.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #123670
}

.btn-component--secondary-color-primary-color.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--secondary-color-primary-color.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #123670
}

.btn-component--secondary-color-primary-color.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #123670
}

.btn-component--secondary-color-primary-color.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #123670
}

.btn-component--secondary-color-primary-color.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #123670
}

.btn-component--secondary-color-primary-color.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #123670
}

.btn-component--secondary-color-primary-color.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #123670
}

.btn-component--secondary-color-primary-color.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #123670
}

.btn-component--secondary-color-primary-color.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #123670;
    stroke: #123670
}

.btn-component--secondary-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #2f8eed
}

.btn-component--secondary-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--secondary-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #2f8eed
}

.btn-component--secondary-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #2f8eed
}

.btn-component--secondary-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #2f8eed
}

.btn-component--secondary-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #2f8eed
}

.btn-component--secondary-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #2f8eed
}

.btn-component--secondary-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #2f8eed
}

.btn-component--secondary-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #2f8eed
}

.btn-component--secondary-color-primary-color.active:not(.disabled).with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #2f8eed;
    stroke: #2f8eed
}

.btn-component--secondary-color-primary-color.active:not(.disabled).btn-component--outline[data-v-4233a19d] {
    border-color: transparent
}

.btn-component--secondary-color-primary-color.active[data-v-4233a19d]:not(.disabled) {
    background: transparent;
    color: #2f8eed
}

@media screen and (min-width: 921px) and (hover: hover) {
    .btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([stroke]),.btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
        fill:#2f8eed
    }

    .btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg mask,.btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg mask {
        mask-type: alpha!important
    }

    .btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path:not([fill]),.btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]),.btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
        fill: #2f8eed
    }

    .btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]),.btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]),.btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
        fill: #2f8eed
    }

    .btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width],.btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
        stroke: #2f8eed
    }

    .btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]),.btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
        fill: #2f8eed
    }

    .btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle:not([fill]),.btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
        stroke: #2f8eed
    }

    .btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):hover.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke],.btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):focus-visible.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
        fill: #2f8eed;
        stroke: #2f8eed
    }

    .btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):hover.btn-component--outline[data-v-4233a19d],.btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):focus-visible.btn-component--outline[data-v-4233a19d] {
        border-color: transparent
    }

    .btn-component--secondary-color-primary-color[data-v-4233a19d]:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):hover,.btn-component--secondary-color-primary-color[data-v-4233a19d]:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):focus-visible {
        background: transparent;
        color: #2f8eed
    }
}

.btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([stroke]) {
    fill: #2f8eed
}

.btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg mask {
    mask-type: alpha!important
}

.btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path:not([fill]) {
    stroke: #2f8eed
}

.btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([stroke]) {
    fill: #2f8eed
}

.btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg polygon:not([fill]) {
    stroke: #2f8eed
}

.btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke]:not([stroke-width]) {
    fill: #2f8eed
}

.btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg path[fill][stroke][stroke-width] {
    stroke: #2f8eed
}

.btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([stroke]) {
    fill: #2f8eed
}

.btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle:not([fill]) {
    stroke: #2f8eed
}

.btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):active.with-custom-svg[data-v-4233a19d] svg circle[fill][stroke] {
    fill: #2f8eed;
    stroke: #2f8eed
}

.btn-component--secondary-color-primary-color:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):active.btn-component--outline[data-v-4233a19d] {
    border-color: transparent
}

.btn-component--secondary-color-primary-color[data-v-4233a19d]:not(:disabled):not(.btn-component--secondary-color-primary-color--disabled):not(.disabled):active {
    background: transparent;
    color: #2f8eed
}

.btn-component--secondary-color-primary-color.disabled[data-v-4233a19d] {
    color: #d2d2d2;
    background: transparent
}

@media screen and (max-width: 480px) {
    .btn-component[data-v-4233a19d] {
        transition:.15s
    }
}

[data-v-f7c2581f]:root {
    --tablet-breakpoint: 920px
}

.calendar-component[data-v-f7c2581f] {
    padding: 24px;
    border: 1px solid #919191;
    border-radius: 10px
}

.calendar-component__header[data-v-f7c2581f] {
    gap: 16px;
    margin-bottom: 12px
}

.calendar-component__weekdays[data-v-f7c2581f] {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    color: #adadad;
    gap: 14px;
    margin-bottom: 12px
}

.calendar-component__days[data-v-f7c2581f] {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    gap: 4px 14px
}

.calendar-component__day[data-v-f7c2581f] {
    width: 100%;
    position: relative
}

.calendar-component__day[data-v-f7c2581f]:disabled {
    cursor: default;
    pointer-events: none
}

.calendar-component__day-number[data-v-f7c2581f] {
    font-weight: 400
}

.calendar-component__nav-btn[data-v-f7c2581f] {
    width: 24px;
    height: 24px
}

.calendar-component__day-events[data-v-f7c2581f] {
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translate(-50%);
    gap: 4px
}

.calendar-component__day-event-dot[data-v-f7c2581f] {
    width: 5px;
    height: 5px;
    border-radius: 50%
}

.calendar-component__day--other-month[data-v-f7c2581f] {
    color: #adadad
}

.calendar-component__day--selected[data-v-f7c2581f] {
    background-color: #d9efff;
    border-radius: 8px
}

[data-v-b92fd6e9]:root {
    --tablet-breakpoint: 920px
}

.checkbox-component[data-v-b92fd6e9] * .q-checkbox__icon {
    color: currentColor;
    font-size: 16px
}

.checkbox-component[data-v-b92fd6e9] * .q-checkbox__bg {
    border-radius: 3px
}

.checkbox-component--size-small[data-v-b92fd6e9] .q-checkbox__inner,.checkbox-component--size-small[data-v-b92fd6e9] .q-checkbox__icon {
    font-size: 16px
}

.checkbox-component--size-medium[data-v-b92fd6e9] .q-checkbox__inner,.checkbox-component--size-medium[data-v-b92fd6e9] .q-checkbox__icon {
    font-size: 20px
}

.checkbox-component--size-large[data-v-b92fd6e9] .q-checkbox__inner,.checkbox-component--size-large[data-v-b92fd6e9] .q-checkbox__icon {
    font-size: 24px
}

@media screen and (max-width: 920px) {
    .checkbox-component[data-v-b92fd6e9] * .q-checkbox__inner,.checkbox-component[data-v-b92fd6e9] * .q-checkbox__icon {
        font-size:24px
    }
}

:root {
    --tablet-breakpoint: 920px
}

.checkbox-component {
    color: #2f8eed;
    gap: 8px
}

.checkbox-component .no-outline {
    display: none
}

.checkbox-component .q-checkbox__inner:before {
    display: none
}

.checkbox-component .q-checkbox__label {
    font-weight: 500;
    font-size: 16px;
    font-variant-numeric: lining-nums proportional-nums
}

.checkbox-component:not(.disabled) .q-checkbox__label {
    color: #0a1a3e
}

.checkbox-component.disabled {
    color: #d2d2d2;
    opacity: 1!important
}

@media screen and (max-width: 920px) {
    .checkbox-component {
        gap:0
    }

    .checkbox-component .q-checkbox__inner {
        font-size: 40px!important
    }
}

.checkbox-component--color-tertiary .q-checkbox__inner--indet,.checkbox-component--color-tertiary .q-checkbox__inner--falsy {
    color: #d0d5dd
}

.checkbox-component--color-secondary .q-checkbox__inner--indet,.checkbox-component--color-secondary .q-checkbox__inner--falsy {
    color: #123670
}

.checkbox-component--color-primary .q-checkbox__inner--indet,.checkbox-component--color-primary .q-checkbox__inner--falsy {
    color: #2f8eed
}

.checkbox-component--color-dark-primary .q-checkbox__inner--falsy,.checkbox-component--color-dark-primary .q-checkbox__inner--indet {
    color: #0a1a3e
}

.checkbox-component--color-dark-primary .q-checkbox__inner--truthy {
    color: #2f8eed
}

[data-v-e7e72e47]:root {
    --tablet-breakpoint: 920px
}

.up[data-v-e7e72e47] {
    transform: rotate(180deg)
}

.down[data-v-e7e72e47] {
    transform: rotate(0)
}

.left[data-v-e7e72e47] {
    transform: rotate(90deg)
}

.right[data-v-e7e72e47] {
    transform: rotate(-90deg)
}

[data-v-996367c8]:root {
    --tablet-breakpoint: 920px
}

.chip-component[data-v-996367c8] {
    border-radius: 100px;
    padding: 6px 8px;
    width: fit-content;
    color: #fff
}

.chip-component--py-xs[data-v-996367c8] {
    padding: 2px 8px
}

.chip-component--py-s[data-v-996367c8] {
    padding: 4px 8px
}

.chip-component--events[data-v-996367c8] {
    background: #3b5796
}

.chip-component--news[data-v-996367c8] {
    background: #2f8eed
}

.chip-component--activity[data-v-996367c8] {
    background: #1954a2
}

.chip-component--investment[data-v-996367c8] {
    background: #56a960
}

.chip-component--supports-measures[data-v-996367c8] {
    background: #5977eb
}

.chip-component--interview[data-v-996367c8] {
    background: #c9eaff;
    color: #0a1a3e
}

.chip-component--useful-articles[data-v-996367c8] {
    color: #0a1a3e;
    background: #fff
}

.chip-component--industrial-complex[data-v-996367c8] {
    background: #0a1a3e
}

.chip-component--industrial-tourism[data-v-996367c8] {
    background: #7ec5fb
}

.chip-component--regional-medias[data-v-996367c8] {
    background: #9a6dd4
}

.chip-component--russian-medias[data-v-996367c8] {
    background: #2254f9
}

.chip-component--foreign-medias[data-v-996367c8] {
    background: #bcf3ea;
    color: #0a1a3e
}

.chip-component--brand[data-v-996367c8],.chip-component--event-status[data-v-996367c8] {
    background: #fff;
    color: #0a1a3e
}

.chip-component--product[data-v-996367c8] {
    background: #2f8eed;
    color: #fff
}

.chip-component--service[data-v-996367c8] {
    background: #d9efff;
    color: #0a1a3e
}

/* @charset "UTF-8"; */
[data-v-2d9da287]:root {
    --tablet-breakpoint: 920px
}

.controlled-select-component__apply-button[data-v-2d9da287] {
    margin: 16px 0 2px
}

.controlled-select-component__search-input[data-v-2d9da287] {
    font-size: 14px;
    min-height: 34px;
    font-family: Raleway,sans-serif;
    outline: none;
    border: none;
    border-bottom: 1px solid rgba(0,26,52,.5019607843);
    border-radius: 0;
    background: transparent;
    width: 100%;
    color: #0a1a3e
}

.controlled-select-component__search-input[data-v-2d9da287]::placeholder {
    color: #adadad
}

.controlled-select-component[data-v-2d9da287] .q-field__control {
    min-height: 34px;
    border-color: transparent;
    font-size: 14px
}

.controlled-select-component__search-container[data-v-2d9da287] {
    padding-bottom: 12px
}

.controlled-select-component__selected-value[data-v-2d9da287] {
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.controlled-select-component__clear-button--small[data-v-2d9da287] {
    margin-top: 16px;
    margin-bottom: 2px
}

:root {
    --tablet-breakpoint: 920px
}

.controlled-select-component__popup-content .q-virtual-scroll__content {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.controlled-select-component__popup-content .q-virtual-scroll__content::-webkit-scrollbar {
    display: none
}

.controlled-select-component__popup-content .q-virtual-scroll__content {
    max-height: 165px;
    overflow-y: auto
}

[data-v-23243403]:root {
    --tablet-breakpoint: 920px
}

/* .page-container[data-v-23243403] {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto
}

.page-container--with-padding[data-v-23243403] {
    padding-left: 20px;
    padding-right: 20px
} */

[data-v-4615eaeb]:root {
    --tablet-breakpoint: 920px
}

.desktop-submenu-col__list[data-v-4615eaeb] {
    margin: 0;
    padding: 0;
    list-style: none
}

.desktop-submenu-col__link[data-v-4615eaeb] {
    text-decoration: none;
    color: inherit
}

.desktop-submenu-col__head[data-v-4615eaeb] {
    margin: 0 0 12px
}

.desktop-submenu-col__list[data-v-4615eaeb] {
    gap: 8px
}

[data-v-0f003d18]:root {
    --tablet-breakpoint: 920px
}

.expansion-component[data-v-0f003d18] * .q-item {
    padding: 0;
    min-height: 0
}

.expansion-component[data-v-0f003d18] * .q-item.disabled {
    color: #919191
}

.expansion-component[data-v-0f003d18] * .q-item__section--main~.q-item__section--side {
    padding-left: 4px
}

.expansion-component[data-v-0f003d18] * .q-item__section--main~.q-item__section--side .q-icon {
    font-size: 22px;
    color: #0a1a3e;
    line-height: 0;
    height: 0
}

.expansion-component[data-v-0f003d18] * .q-item .q-item__label {
    line-height: inherit!important
}

.expansion-component[data-v-0f003d18] * .q-focus-helper {
    display: none
}

.expansion-component--header-not-space[data-v-0f003d18] * .q-item__section--main {
    flex: unset;
    flex-grow: 0
}

.expansion-component--padding-s[data-v-0f003d18] * .q-item {
    padding: 8px
}

.expansion-component--height-s[data-v-0f003d18] * .q-item {
    min-height: 40px
}

.expansion-component--height-m[data-v-0f003d18] * .q-item {
    min-height: 44px
}

.expansion-component--height-l[data-v-0f003d18] * .q-item {
    min-height: 48px
}

.expansion-component--blue.q-expansion-item--expanded[data-v-0f003d18] * .q-item {
    background: #d9efff;
    border-radius: 8px
}

:root {
    --tablet-breakpoint: 920px
}

@media screen and (min-width: 921px) and (hover: hover) {
    .expansion-component .q-item:not(:disabled):not(.expansion-component .q-item--disabled):not(.disabled):hover,.expansion-component .q-item:not(:disabled):not(.expansion-component .q-item--disabled):not(.disabled):focus-visible {
        color:#2f8eed
    }

    .expansion-component .q-item:not(:disabled):not(.expansion-component .q-item--disabled):not(.disabled):hover .q-item__section--side .q-icon,.expansion-component .q-item:not(:disabled):not(.expansion-component .q-item--disabled):not(.disabled):focus-visible .q-item__section--side .q-icon {
        color: #2f8eed
    }
}

.q-expansion-item__container a {
    text-decoration: none;
}

/* Цвет только для заголовка раскрытого родителя */
.expansion-component.q-expansion-item--expanded > .q-expansion-item__container > .q-item[role="button"] .q-item__label {
    color: #2f8eed;
}

/* Цвет для иконки раскрытого родителя */
.expansion-component.q-expansion-item--expanded > .q-expansion-item__container > .q-item[role="button"] .q-expansion-item__toggle-icon {
    color: #2f8eed; /* если иконка тоже должна быть синей */
}

/* Если нужно, чтобы вложенные ссылки НЕ меняли цвет */
.expansion-component .submenu-drawer .q-item .q-item__label {
    color: var(--b2b-dark); /* ваш обычный цвет */
}

[data-v-3c6ca6a4]:root {
    --tablet-breakpoint: 920px
}

[data-v-e1fcc947]:root {
    --tablet-breakpoint: 920px
}

.drop-down-component__item[data-v-e1fcc947] {
    transition: margin-bottom .3s ease-in-out
}

.drop-down-component.open .drop-down-component__item[data-v-e1fcc947] {
    margin-bottom: 8px
}

[data-v-8221785b]:root {
    --tablet-breakpoint: 920px
}

.favourite-button[data-v-8221785b] svg path {
    fill: transparent;
    stroke: #0a1a3e
}

.favourite-button.active[data-v-8221785b] svg path {
    fill: #0a1a3e;
    stroke: #0a1a3e
}

@media screen and (min-width: 921px) and (hover: hover) {
    .favourite-button[data-v-8221785b]:not(:disabled):not(.favourite-button--disabled):not(.disabled):hover svg path,.favourite-button[data-v-8221785b]:not(:disabled):not(.favourite-button--disabled):not(.disabled):focus-visible svg path {
        stroke:#2f8eed;
        transition: .3s
    }
}

[data-v-aeea1c04]:root {
    --tablet-breakpoint: 920px
}

.icon-in-circle[data-v-aeea1c04] {
    border-radius: 50%;
    background: #d9efff;
    font-size: var(--icon-size)
}

.icon-in-circle[data-v-aeea1c04] {
    height: 56px
}

@media screen and (max-width: 1320px) {
    .icon-in-circle[data-v-aeea1c04] {
        height:calc(48px + 8 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .icon-in-circle[data-v-aeea1c04] {
        height:48px
    }
}

.icon-in-circle[data-v-aeea1c04] {
    width: 56px
}

@media screen and (max-width: 1320px) {
    .icon-in-circle[data-v-aeea1c04] {
        width:calc(48px + 8 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .icon-in-circle[data-v-aeea1c04] {
        width:48px
    }
}

.icon-in-circle[data-v-aeea1c04] {
    min-width: 56px
}

@media screen and (max-width: 1320px) {
    .icon-in-circle[data-v-aeea1c04] {
        min-width:calc(48px + 8 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .icon-in-circle[data-v-aeea1c04] {
        min-width:48px
    }
}

.icon-in-circle[data-v-aeea1c04] svg {
    height: var(--icon-size);
    width: var(--icon-size)
}

.icon-in-circle--m[data-v-aeea1c04] {
    height: 76px
}

@media screen and (max-width: 1320px) {
    .icon-in-circle--m[data-v-aeea1c04] {
        height:calc(52px + 24 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .icon-in-circle--m[data-v-aeea1c04] {
        height:52px
    }
}

.icon-in-circle--m[data-v-aeea1c04] {
    width: 76px
}

@media screen and (max-width: 1320px) {
    .icon-in-circle--m[data-v-aeea1c04] {
        width:calc(52px + 24 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .icon-in-circle--m[data-v-aeea1c04] {
        width:52px
    }
}

.icon-in-circle--m[data-v-aeea1c04] {
    min-width: 76px
}

@media screen and (max-width: 1320px) {
    .icon-in-circle--m[data-v-aeea1c04] {
        min-width:calc(52px + 24 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .icon-in-circle--m[data-v-aeea1c04] {
        min-width:52px
    }
}

@media screen and (max-width: 920px) {
    .icon-in-circle[data-v-aeea1c04] {
        font-size:var(--icon-size-tablet)
    }

    .icon-in-circle[data-v-aeea1c04] svg {
        height: var(--icon-size-tablet);
        width: var(--icon-size-tablet)
    }
}

@media screen and (max-width: 480px) {
    .icon-in-circle[data-v-aeea1c04] {
        font-size:var(--icon-size-mob)
    }

    .icon-in-circle[data-v-aeea1c04] svg {
        height: var(--icon-size-mob);
        width: var(--icon-size-mob)
    }
}

[data-v-6303748d]:root {
    --tablet-breakpoint: 920px
}

.input-component[data-v-6303748d] * .q-field__control,.input-component[data-v-6303748d] * .q-field__marginal,.input-component[data-v-6303748d] * .q-field__control-container,.input-component[data-v-6303748d] * .q-field__control:after {
    min-height: 48px;
    border-width: 1px
}

.input-component[data-v-6303748d] * .q-field__control {
    border-radius: 10px
}

.input-component[data-v-6303748d] * .q-field__control:before {
    border-color: #0a1a3e
}

.input-component[data-v-6303748d] * input,.input-component[data-v-6303748d] * textarea {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    font-variant-numeric: lining-nums proportional-nums
}

.input-component[data-v-6303748d] * input::placeholder,.input-component[data-v-6303748d] * textarea::placeholder {
    color: #939393;
    font-variant-numeric: lining-nums proportional-nums;
    transition: .3s
}

.input-component[data-v-6303748d] * textarea {
    resize: none
}

.input-component.q-field--focused[data-v-6303748d] * .q-field__control:after {
    border-width: 1.5px
}

.input-component.q-field--highlighted[data-v-6303748d] * .q-field__control:after {
    border-color: #0a1a3e
}

.input-component.q-field--highlighted[data-v-6303748d] * input::placeholder,.input-component.q-field--highlighted[data-v-6303748d] * textarea::placeholder {
    opacity: 0
}

.input-component--white[data-v-6303748d] * .q-field__control:before {
    border-color: #fff
}

.input-component--white[data-v-6303748d] * input::placeholder,.input-component--white[data-v-6303748d] * textarea::placeholder {
    color: #fff9
}

.input-component--white.q-field--highlighted[data-v-6303748d] * .q-field__control:after {
    border-color: #fff
}

.input-component--grey-light[data-v-6303748d] * .q-field__control:before {
    border-color: #d0d5dd
}

.input-component--grey-light[data-v-6303748d] * input::placeholder,.input-component--grey-light[data-v-6303748d] * textarea::placeholder {
    color: #919191
}

.input-component--grey-light.q-field--highlighted[data-v-6303748d] * .q-field__control:after {
    border-color: #adadad
}

.input-component--blue-light[data-v-6303748d] * .q-field__control {
    background: #f9fcff
}

.input-component--grey[data-v-6303748d] * .q-field__control:before {
    border-color: #919191
}

.input-component--grey.q-field--highlighted[data-v-6303748d] * .q-field__control:after {
    border-color: #0a1a3e
}

.input-component--blue-light.q-field--highlighted[data-v-6303748d] * .q-field__control:after {
    border-color: #2f8eed
}

.input-component.q-field--disabled[data-v-6303748d] * .q-field__control:before,.input-component.q-field--disabled[data-v-6303748d] * .q-field__control:after {
    border-color: #d2d2d2
}

.input-component.q-field--error[data-v-6303748d] * .q-field__control:before,.input-component.q-field--error[data-v-6303748d] * .q-field__control:after {
    border-color: #F04438;
}

.input-component--height-s[data-v-6303748d] * .q-field__control,.input-component--height-s[data-v-6303748d] * .q-field__marginal,.input-component--height-s[data-v-6303748d] * .q-field__control-container,.input-component--height-s[data-v-6303748d] * .q-field__control:after {
    min-height: 40px
}

.input-component--height-m[data-v-6303748d] * .q-field__control,.input-component--height-m[data-v-6303748d] * .q-field__marginal,.input-component--height-m[data-v-6303748d] * .q-field__control-container,.input-component--height-m[data-v-6303748d] * .q-field__control:after {
    min-height: 44px
}

.input-component--height-l[data-v-6303748d] * .q-field__control,.input-component--height-l[data-v-6303748d] * .q-field__marginal,.input-component--height-l[data-v-6303748d] * .q-field__control-container,.input-component--height-l[data-v-6303748d] * .q-field__control:after {
    min-height: 48px
}

:root {
    --tablet-breakpoint: 920px
}

@media screen and (min-width: 921px) and (hover: hover) {
    .input-component--blue-light .q-field__control:not(:disabled):not(.input-component--blue-light .q-field__control--disabled):not(.disabled):hover:before,.input-component--blue-light .q-field__control:not(:disabled):not(.input-component--blue-light .q-field__control--disabled):not(.disabled):focus-visible:before {
        border-color:#2f8eed
    }
}

[data-v-23f724a3]:root {
    --tablet-breakpoint: 920px
}

.input-wrapper__label[data-v-23f724a3] {
    margin-bottom: 6px;
    display: inline-flex;
    position: relative
}

.input-wrapper__label-required[data-v-23f724a3] {
    color: #2f8eed;
    position: absolute;
    top: 0;
    left: calc(100% + 2px)
}

.input-wrapper--flex .input-wrapper__content[data-v-23f724a3] {
    display: flex;
    gap: 16px
}

/* @charset "UTF-8"; */
[data-v-8ca7e758]:root {
    --tablet-breakpoint: 920px
}

.header-actions[data-v-8ca7e758] {
    gap: 12px
}

@media screen and (max-width: 1200px) {
    .header-actions[data-v-8ca7e758] .header-actions__label {
        display:none
    }
}

@media screen and (max-width: 920px) {
    .header-actions[data-v-8ca7e758] {
        gap:4px
    }

    .header-actions__btn--calendar[data-v-8ca7e758] {
        display: none
    }

    .header-actions__btn[data-v-8ca7e758] {
        height: 40px;
        width: 40px
    }
}

[data-v-0b46222e]:root {
    --tablet-breakpoint: 920px
}

.header-search[data-v-0b46222e] {
    flex-grow: 1;
    max-width: 336px
}

.header-search__mobile-btn[data-v-0b46222e] {
    display: none
}

@media screen and (max-width: 920px) {
    .header-search[data-v-0b46222e] {
        flex-grow:0
    }

    /* .header-search__input[data-v-0b46222e] {
        display: none
    } */

    /* .header-search__mobile-btn[data-v-0b46222e] {
        display: block;
        height: 40px;
        width: 40px
    } */
}

.header__search-suggestions-item-all-results-button[data-v-0b46222e] {
    margin-top: 20px
}

[data-v-0b46222e] .highlight {
    color: #0a1a3e
}

[data-v-d7db51a8]:root {
    --tablet-breakpoint: 920px
}

.header-locale[data-v-d7db51a8] {
    position: relative;
    padding: 4px
}

.header-locale__button[data-v-d7db51a8] {
    gap: 4px;
    cursor: pointer;
    color: #0a1a3e
}

.header-locale__dropdown[data-v-d7db51a8] {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    box-shadow: 0 4px 12px #0000001f;
    z-index: 6;
    display: flex;
    flex-direction: column;
    padding: 8px;
    gap: 2px;
    border-radius: 5px
}

.header-locale__option[data-v-d7db51a8] {
    transition: .2s ease;
    transition-property: color;
    width: 100%;
    text-align: left;
    padding: 2px;
    border: none;
    background: transparent;
    cursor: pointer
}

.header-locale__option--active[data-v-d7db51a8] {
    color: #2f8eed
}

@media screen and (min-width: 921px) and (hover: hover) {
    .header-locale__option[data-v-d7db51a8]:not(:disabled):not(.header-locale__option--disabled):not(.disabled):hover,.header-locale__option[data-v-d7db51a8]:not(:disabled):not(.header-locale__option--disabled):not(.disabled):focus-visible {
        color:#2f8eed
    }
}

.header-locale__option--active[data-v-d7db51a8] {
    background: #f9fcff
}

@media screen and (max-width: 920px) {
    .header-locale__icon[data-v-d7db51a8] {
        display:none
    }
}

.fade-enter-active[data-v-d7db51a8],.fade-leave-active[data-v-d7db51a8] {
    transition: opacity .15s ease
}

.fade-enter-from[data-v-d7db51a8],.fade-leave-to[data-v-d7db51a8] {
    opacity: 0
}

[data-v-baf38d5f]:root {
    --tablet-breakpoint: 920px
}

.header-mob-menu-btn[data-v-baf38d5f] {
    height: 36px;
    width: 36px;
    margin-right: 4px
}

.header-mob-menu-btn[data-v-baf38d5f] svg {
    height: 100%;
    width: 100%
}

[data-v-9f27670d]:root {
    --tablet-breakpoint: 920px
}

.header[data-v-9f27670d] {
    height: 88px;
    position: fixed;
    width: calc(100% - 56px);
    top: 0;
    left: 56px;
    background: #f9fcff;
    z-index: 5
}

.header.eye-mode[data-v-9f27670d] {
    top: 68px
}

@media screen and (max-width: 920px) {
    .header.eye-mode[data-v-9f27670d] {
        top:48px
    }
}

.header__container[data-v-9f27670d] {
    gap: 10px
}

.header__logo[data-v-9f27670d] {
    margin-right: 12px;
    width: 130px
}

.header__logo[data-v-9f27670d] svg {
    width: 100%
}

.header__actions[data-v-9f27670d] {
    margin-right: auto;
    margin-left: auto;
    padding: 0 16px
}

.header__locale[data-v-9f27670d] {
    margin-left: 12px
}

.header__menu-mobile[data-v-9f27670d] {
    display: none
}

.header__showcase[data-v-9f27670d] {
    animation: shaker-9f27670d 5s infinite
}

@keyframes shaker-9f27670d {
    0%,19% {
        transform: rotate(0)
    }

    20% {
        transform: rotate(2deg)
    }

    22% {
        transform: rotate(-2deg)
    }

    24% {
        transform: rotate(3deg)
    }

    26% {
        transform: rotate(-3deg)
    }

    28% {
        transform: rotate(2deg)
    }

    30% {
        transform: rotate(-2deg)
    }

    32% {
        transform: rotate(3deg)
    }

    34% {
        transform: rotate(-3deg)
    }

    36% {
        transform: rotate(1deg)
    }

    38% {
        transform: rotate(-1deg)
    }

    40% {
        transform: rotate(0)
    }

    to {
        transform: rotate(0)
    }
}

@media screen and (max-width: 1200px) {
    .header__logo[data-v-9f27670d] {
        width:88px
    }
}

@media screen and (max-width: 920px) {
    .header[data-v-9f27670d] {
        height:80px;
        width: 100%;
        left: 0
    }

    .header__container[data-v-9f27670d] {
        gap: 4px
    }

    .header__catalog[data-v-9f27670d],.header__showcase[data-v-9f27670d],.header__eye-btn[data-v-9f27670d] {
        display: none
    }

    .header__actions[data-v-9f27670d] {
        margin-right: 0;
        margin-left: 0;
        padding: 0
    }

    .header__locale[data-v-9f27670d] {
        margin-left: 0
    }

    .header__search[data-v-9f27670d] {
        margin-left: auto
    }

    .header__menu-mobile[data-v-9f27670d] {
        display: block
    }
}

[data-v-6912978c]:root {
    --tablet-breakpoint: 920px
}

.footer-contacts[data-v-6912978c] {
    color: #fff
}

.footer-contacts a[data-v-6912978c] {
    text-decoration: none;
    color: inherit
}

.footer-contacts__content[data-v-6912978c] {
    margin-top: 16px;
    gap: 8px;
    max-width: 288px
}

@media screen and (max-width: 1040px) {
    .footer-contacts[data-v-6912978c] {
        max-width:256px
    }
}

[data-v-9f9c37a8]:root {
    --tablet-breakpoint: 920px
}

.footer-form[data-v-9f9c37a8] {
    max-width: 357px;
    color: #fff;
    gap: 8px
}

.footer-form[data-v-9f9c37a8] textarea {
    min-height: 80px;
    height: 80px
}

.footer-form__title[data-v-9f9c37a8] {
    margin-bottom: 4px
}

.footer-form__text[data-v-9f9c37a8] {
    margin-bottom: 12px;
    color: #fff
}

.footer-form__btn[data-v-9f9c37a8] {
    width: 100%
}

.footer-form__subtext[data-v-9f9c37a8] {
    margin-top: 4px
}

.footer-form__subtext a[data-v-9f9c37a8] {
    text-decoration: none;
    color: inherit;
    text-decoration: underline
}

@media screen and (max-width: 1040px) {
    .footer-form[data-v-9f9c37a8] {
        max-width:340px
    }
}

[data-v-bcb39dab]:root {
    --tablet-breakpoint: 920px
}

.footer-email-form[data-v-bcb39dab] {
    gap: 12px;
    max-width: 430px;
    color: #fff
}

.footer-email-form__text[data-v-bcb39dab] {
    margin-bottom: 8px;
    color: #fff
}

.footer-email-form[data-v-bcb39dab] .q-field__control {
    padding-right: 4px
}

.footer-email-form__btn[data-v-bcb39dab] {
    min-width: 162px
}

.footer-email-form__subtext[data-v-bcb39dab] {
    max-width: 320px
}

.footer-email-form__subtext a[data-v-bcb39dab] {
    text-decoration: none;
    color: inherit
}

@media screen and (max-width: 920px) {
    .footer-email-form[data-v-bcb39dab] {
        gap:6px
    }

    .footer-email-form__text[data-v-bcb39dab] {
        margin-bottom: 6px
    }

    .footer-email-form__btn[data-v-bcb39dab] {
        min-width: 124px
    }
}

[data-v-b4236f0a]:root {
    --tablet-breakpoint: 920px
}

.footer-detail[data-v-b4236f0a] {
    color: #fff
}

.footer-detail a[data-v-b4236f0a] {
    text-decoration: none;
    color: inherit
}

.footer-detail ul[data-v-b4236f0a] {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-detail__col[data-v-b4236f0a] {
    gap: 12px
}

.footer-detail__caption[data-v-b4236f0a] {
    margin-top: 12px;
    margin-bottom: 8px
}

.footer-detail__net-row[data-v-b4236f0a] {
    margin-bottom: 20px;
    gap: 6px
}

.footer-detail__btn[data-v-b4236f0a] {
    margin-bottom: 8px
}

.footer-detail__col[data-v-b4236f0a]:nth-child(3) {
    display: none
}

@media screen and (max-width: 1200px) {
    .footer-detail[data-v-b4236f0a] {
        flex-wrap:wrap;
        gap: 36px
    }

    .footer-detail__col[data-v-b4236f0a]:nth-child(1) {
        order: 3
    }

    .footer-detail__col[data-v-b4236f0a]:nth-child(2) {
        order: 1;
        width: 100%
    }

    .footer-detail__col[data-v-b4236f0a]:nth-child(3) {
        order: 2;
        width: 100%
    }

    .footer-detail__col[data-v-b4236f0a]:nth-child(4) {
        order: 4
    }

    .footer-detail__caption[data-v-b4236f0a],.footer-detail__btn[data-v-b4236f0a] {
        margin-bottom: 0
    }
}

@media screen and (max-width: 1040px) {
    .footer-detail__col[data-v-b4236f0a]:nth-child(3) {
        display:block;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 710px) {
    .footer-detail[data-v-b4236f0a] {
        gap:20px
    }

    .footer-detail__col[data-v-b4236f0a] {
        width: 100%
    }

    .footer-detail__col[data-v-b4236f0a]:nth-child(3) {
        display: none
    }

    .footer-detail__col[data-v-b4236f0a]:nth-child(4) {
        margin-top: 6px;
        order: 3
    }

    .footer-detail__col[data-v-b4236f0a]:nth-child(1) {
        order: 4
    }

    .footer-detail__net-row[data-v-b4236f0a] {
        justify-content: flex-start
    }

    .footer-detail__btn[data-v-b4236f0a] {
        width: 100%
    }
}

.footer-menu__list[data-v-b4236f0a] {
    column-count: 2;
    gap: 56px
}

.footer-menu__el[data-v-b4236f0a] {
    margin-bottom: 8px
}

@media screen and (max-width: 1270px) {
    .footer-menu__list[data-v-b4236f0a] {
        gap:16px
    }
}

@media screen and (max-width: 600px) {
    .footer-menu__list[data-v-b4236f0a] {
        column-count:1
    }

    .footer-menu__el[data-v-b4236f0a]:not(:last-child) {
        margin-bottom: 18px
    }
}

[data-v-6fe06da1]:root {
    --tablet-breakpoint: 920px
}

.footer[data-v-6fe06da1] {
    padding-top: 56px
}

@media screen and (max-width: 1320px) {
    .footer[data-v-6fe06da1] {
        padding-top:calc(24px + 32 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .footer[data-v-6fe06da1] {
        padding-top:24px
    }
}

.footer[data-v-6fe06da1] {
    margin-bottom: 28px
}

.footer__container[data-v-6fe06da1] {
    border-radius: 40px
}

@media screen and (max-width: 1320px) {
    .footer__container[data-v-6fe06da1] {
        border-radius:calc(24px + 16 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .footer__container[data-v-6fe06da1] {
        border-radius:24px
    }
}

.footer__container[data-v-6fe06da1] {
    background: #2f8eed
}

.footer__content[data-v-6fe06da1] {
    position: relative
}

.footer__content[data-v-6fe06da1] {
    padding: 44px
}

.footer__content {
    .row {
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (max-width: 1320px) {
    .footer__content[data-v-6fe06da1] {
        padding:calc(20px + 24 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .footer__content[data-v-6fe06da1] {
        padding:20px
    }
}

.footer__detail[data-v-6fe06da1] {
    border-top: 1px solid #f9fcff
}

.footer__detail[data-v-6fe06da1] {
    padding-left: 44px
}

@media screen and (max-width: 1320px) {
    .footer__detail[data-v-6fe06da1] {
        padding-left:calc(20px + 24 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .footer__detail[data-v-6fe06da1] {
        padding-left:20px
    }
}

.footer__detail[data-v-6fe06da1] {
    padding-right: 44px
}

@media screen and (max-width: 1320px) {
    .footer__detail[data-v-6fe06da1] {
        padding-right:calc(20px + 24 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .footer__detail[data-v-6fe06da1] {
        padding-right:20px
    }
}

.footer__detail[data-v-6fe06da1] {
    padding-top: 44px
}

@media screen and (max-width: 1320px) {
    .footer__detail[data-v-6fe06da1] {
        padding-top:calc(40px + 4 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .footer__detail[data-v-6fe06da1] {
        padding-top:40px
    }
}

.footer__detail[data-v-6fe06da1] {
    padding-bottom: 40px
}

@media screen and (max-width: 1320px) {
    .footer__detail[data-v-6fe06da1] {
        padding-bottom:calc(28px + 12 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .footer__detail[data-v-6fe06da1] {
        padding-bottom:28px
    }
}

.footer__logos[data-v-6fe06da1] {
    width: fit-content
}

.footer__logos>span[data-v-6fe06da1] {
    width: 55px;
    height: 1px;
    background: #fff;
    display: block;
    margin: 28px auto
}

.footer__mail-form[data-v-6fe06da1] {
    position: absolute
}

.footer__mail-form[data-v-6fe06da1] {
    bottom: 44px
}

@media screen and (max-width: 1320px) {
    .footer__mail-form[data-v-6fe06da1] {
        bottom:calc(20px + 24 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .footer__mail-form[data-v-6fe06da1] {
        bottom:20px
    }
}

.footer__mail-form[data-v-6fe06da1] {
    left: 44px
}

@media screen and (max-width: 1320px) {
    .footer__mail-form[data-v-6fe06da1] {
        left:calc(20px + 24 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .footer__mail-form[data-v-6fe06da1] {
        left:20px
    }
}

@media screen and (max-width: 1040px) {
    .footer__mail-form[data-v-6fe06da1] {
        display:none
    }

    .footer__logos[data-v-6fe06da1] {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 28px
    }

    .footer__logos>span[data-v-6fe06da1] {
        height: 49px;
        width: 1px;
        margin: 0
    }

    .footer__content[data-v-6fe06da1] {
        gap: 32px
    }

    .footer__main-form[data-v-6fe06da1] {
        order: 1
    }

    .footer__contact[data-v-6fe06da1] {
        order: 2
    }

    .footer__main-logo[data-v-6fe06da1] {
        width: 146px;
        height: 61px
    }

    .footer__second-logo[data-v-6fe06da1] {
        width: 140px;
        height: 61px
    }
}

@media screen and (max-width: 920px) {
    .footer__detail[data-v-6fe06da1] {
        margin-top:20px
    }
}

@media screen and (max-width: 710px) {
    .footer__main-form[data-v-6fe06da1] {
        order:2;
        max-width: 100%;
        width: 100%
    }

    .footer__contact[data-v-6fe06da1] {
        order: 1;
        max-width: 100%;
        width: 100%
    }

    .footer__mail-form[data-v-6fe06da1] {
        display: flex;
        position: relative;
        bottom: unset;
        left: unset;
        max-width: 100%;
        width: 100%
    }

    .footer__logos[data-v-6fe06da1] {
        gap: 20px
    }

    .footer__main-logo[data-v-6fe06da1] {
        width: 123px;
        height: 53px
    }

    .footer__second-logo[data-v-6fe06da1] {
        width: 118px;
        height: 53px
    }
}

@media screen and (max-width: 480px) {
    .footer__detail[data-v-6fe06da1] {
        margin-top:12px
    }
}

/* .menu-drawer[data-v-2845160c] {
    position: fixed;
    z-index: 10;
    height: 100%;
    width: 352px;
    background: #f9fcff;
    top: 0;
    left: -352px;
    transition: .3s
}

.menu-drawer-overlay[data-v-2845160c] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
    background: #0a1a3e33
}

.menu-drawer ul[data-v-2845160c] {
    margin: 0;
    padding: 0;
    list-style: none
}

.menu-drawer.open[data-v-2845160c] {
    transform: translate(100%)
}

.menu-drawer__trigger[data-v-2845160c] {
    width: 56px;
    min-width: 56px;
    border-right: 1px solid #d9efff
}

.menu-drawer__close[data-v-2845160c] {
    height: 88px;
    width: 100%
}

.menu-drawer__content[data-v-2845160c] {
    padding: 20px 0 20px 12px;
    flex-grow: 1
}

.menu-drawer__nav[data-v-2845160c] {
    padding: 12px
}

.menu-drawer .submenu-drawer[data-v-2845160c] {
    padding: 4px 8px 8px;
    color: #123670
}

@media screen and (max-width: 920px) {
    .menu-drawer-overlay[data-v-2845160c], .menu-drawer[data-v-2845160c] {
        display:none
    }
} */

[data-v-2845160c]:root {
    --tablet-breakpoint: 920px
}

[data-v-2845160c] .btn-component.active {
    color: #2f8eed
}

[data-v-8f9659e7]:root {
    --tablet-breakpoint: 920px
}

/* .left-plate[data-v-8f9659e7] {
    width: 56px;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    border-right: 1px solid #d9efff;
    background: #f9fcff;
    z-index: 6;
}

.left-plate__head[data-v-8f9659e7] {
    height: 88px
}

@media screen and (max-width: 920px) {
    .left-plate[data-v-8f9659e7] {
        display:none
    }
} */

[data-v-572c4561]:root {
    --tablet-breakpoint: 920px
}

.right-menu-trigger[data-v-572c4561] {
    gap: 4px;
    color: #2f8eed;
    cursor: pointer
}

.right-menu-trigger__num[data-v-572c4561] {
    min-width: 16px;
    max-width: 16px
}

.right-menu-trigger__line[data-v-572c4561] {
    width: 4px;
    height: 196px;
    background: #d2d2d2;
    border-radius: 2px;
    overflow: hidden
}

.right-menu-trigger__line>span[data-v-572c4561] {
    background: #2f8eed;
    height: 10%;
    width: 100%;
    display: block;
    transition: .2s
}

.right-menu-trigger__icon[data-v-572c4561] {
    margin: auto
}

[data-v-d12c8be3]:root {
    --tablet-breakpoint: 920px
}

.desktop-right-menu[data-v-d12c8be3] {
    position: fixed;
    z-index: 10;
    right: 2px;
    top: 160px
}

@media screen and (max-width: 920px) {
    .desktop-right-menu[data-v-d12c8be3] {
        display:none
    }
}

:root {
    --tablet-breakpoint: 920px
}

.desktop-right-menu-tooltip {
    padding: 0;
    border-radius: 20px;
    background: #f9fcff;
    border: 1px solid #d9efff;
    box-shadow: none;
    width: 264px
}

.desktop-right-menu-tooltip__nav {
    background: #f9fcff;
    width: 264px
}

.desktop-right-menu-tooltip__list {
    margin: 0;
    list-style: none;
    gap: 12px;
    padding: 16px
}

@media screen and (max-width: 920px) {
    .desktop-right-menu-tooltip {
        display:none
    }
}

[data-v-dd999118]:root {
    --tablet-breakpoint: 920px
}

.desktop-catalog[data-v-dd999118] {
    height: 100%;
    width: 100%
}

.desktop-catalog ul[data-v-dd999118] {
    margin: 0;
    padding: 0;
    list-style: none
}

.desktop-catalog__left-side[data-v-dd999118] {
    height: 100%;
    max-width: 376px;
    min-width: 376px;
    border-right: 1px solid #d9efff;
    padding: 20px 12px 20px 56px
}

.desktop-catalog__left-side[data-v-dd999118] .q-scrollarea {
    flex-grow: 1;
    margin-top: 16px
}

.desktop-catalog__nav[data-v-dd999118] {
    padding-right: 44px
}

.desktop-catalog__list[data-v-dd999118] {
    max-width: 240px
}

.desktop-catalog__content[data-v-dd999118] {
    flex-grow: 1
}

@media screen and (max-width: 1260px) {
    .desktop-catalog__left-side[data-v-dd999118] {
        max-width:336px;
        min-width: 336px;
        padding: 20px 12px 20px 32px
    }

    .desktop-catalog__nav[data-v-dd999118] {
        padding-right: 32px
    }
}

@media screen and (max-width: 920px) {
    .desktop-catalog[data-v-dd999118] {
        display:none
    }
}

.desktop-catalog-content[data-v-dd999118] {
    padding: 28px 20px
}

.desktop-catalog-content__head[data-v-dd999118] {
    position: relative;
    margin-right: 36px;
    padding-right: 32px
}

.desktop-catalog-content__close[data-v-dd999118] {
    position: absolute;
    right: 0;
    top: 0
}

.desktop-catalog-content__title[data-v-dd999118] {
    width: fit-content
}

.desktop-catalog-content__count[data-v-dd999118] {
    color: #123670;
    padding-left: 16px;
    white-space: nowrap
}

.desktop-catalog-content__body[data-v-dd999118] {
    margin-top: 20px;
    flex-grow: 1
}

.desktop-catalog-content__grid[data-v-dd999118] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 32px
}

@media screen and (max-width: 1260px) {
    .desktop-catalog-content__grid[data-v-dd999118] {
        grid-template-columns:repeat(2,1fr)
    }
}

[data-v-538cc9a5]:root {
    --tablet-breakpoint: 920px
}

.mob-main-step[data-v-538cc9a5] {
    height: 100%;
    width: 100%;
    padding: 8px
}

.mob-main-step__wrapper[data-v-538cc9a5] {
    flex-grow: 1
}

.mob-main-step__body[data-v-538cc9a5] {
    gap: 8px;
    padding: 12px
}

.mob-main-step__nav[data-v-538cc9a5] {
    margin-top: 20px
}

.mob-main-step__nav ul[data-v-538cc9a5] {
    margin: 0;
    padding: 0;
    list-style: none
}

[data-v-26793874]:root {
    --tablet-breakpoint: 920px
}

.mob-catalog-step[data-v-26793874] {
    height: 100%;
    width: 100%;
    padding: 8px
}

.mob-catalog-step__wrapper[data-v-26793874] {
    flex-grow: 1
}

.mob-catalog-step__list[data-v-26793874] {
    margin: 0;
    list-style: none;
    padding: 12px
}

[data-v-53618f91]:root {
    --tablet-breakpoint: 920px
}

.mob-catalog-category-step[data-v-53618f91] {
    height: 100%;
    width: 100%;
    padding: 8px
}

.mob-catalog-category-step__wrapper[data-v-53618f91] {
    flex-grow: 1
}

.mob-catalog-category-step__list[data-v-53618f91] {
    padding: 12px
}

.mob-catalog-category-step__sublist[data-v-53618f91] {
    margin: 0;
    list-style: none;
    padding: 0 4px
}

[data-v-e94baacd]:root {
    --tablet-breakpoint: 920px
}

.mobile-search-step[data-v-e94baacd] {
    height: 100%;
    width: 100%;
    padding: 20px
}

.mobile-search-step__head[data-v-e94baacd] {
    margin-bottom: 12px
}

.mobile-search-step__body[data-v-e94baacd] {
    flex-grow: 1
}

.mobile-search-step__input[data-v-e94baacd] .q-field__control {
    padding-right: 0
}

.mobile-search-step__list[data-v-e94baacd] {
    margin: 0;
    padding: 0;
    list-style: none
}

.mobile-search-step__btn[data-v-e94baacd] {
    border-radius: 0 10px 10px 0
}

.mobile-search-step__suggestion[data-v-e94baacd] {
    width: 100%;
    justify-content: flex-start;
    color: #919191
}

.mobile-search-step__empty[data-v-e94baacd] {
    padding: 16px;
    text-align: center;
    color: #919191
}

[data-v-e94baacd] .highlight {
    color: #0a1a3e
}

[data-v-4634e24f]:root {
    --tablet-breakpoint: 920px
}

[data-v-600df3be]:root {
    --tablet-breakpoint: 920px
}

.filters-options-group__head[data-v-600df3be] {
    margin-bottom: 12px;
    padding: 16px 0
}

.filters-options-group__list[data-v-600df3be] {
    gap: 8px
}

.filters-options-group__item--circle[data-v-600df3be] .q-checkbox__inner svg {
    border-radius: 100px;
    overflow: hidden;
    border: 1px solid #2f8eed;
    fill: transparent;
    color: transparent
}

.filters-options-group__item--circle[data-v-600df3be] .q-checkbox__inner--truthy svg {
    color: #2f8eed;
    fill: #2f8eed
}

.filters-options-group__item-label--semibold[data-v-600df3be] .q-checkbox__label {
    font-weight: 600
}

.filters-options-group__children-list[data-v-600df3be] {
    padding-left: 12px
}

.filters-options-group__children-list[data-v-600df3be] .q-checkbox__label {
    font-size: 14px;
    color: #123670
}

.filters-options-group__item-icon-wrapper[data-v-600df3be] {
    gap: 4px
}

[data-v-c4a69a18]:root {
    --tablet-breakpoint: 920px
}

.mobile-filter-modal__head[data-v-c4a69a18] {
    padding: 10px 0
}

[data-v-a0e4470a]:root {
    --tablet-breakpoint: 920px
}

.filter-bottom-actions[data-v-a0e4470a] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 16px 20px 32px;
    z-index: 10
}

[data-v-08530431]:root {
    --tablet-breakpoint: 920px
}

.manufactures-filter-main[data-v-08530431] {
    overflow-y: auto;
    padding: 8px 20px;
    padding-bottom: var(--54c5990f)
}

.manufactures-filter-main__step[data-v-08530431] {
    margin-bottom: 16px;
    height: auto
}

.manufactures-filter-main__head[data-v-08530431] {
    margin-bottom: 16px
}

[data-v-6253ec9e]:root {
    --tablet-breakpoint: 920px
}

.manufactures-filters-categories[data-v-6253ec9e] {
    overflow-y: auto;
    padding: 8px 20px 160px
}

.manufactures-filters-categories__title[data-v-6253ec9e] {
    margin-bottom: 20px;
    text-align: center
}

[data-v-da795d24]:root {
    --tablet-breakpoint: 920px
}

.manufactures-filters-regions[data-v-da795d24] {
    overflow-y: auto;
    padding: 8px 20px 160px
}

.manufactures-filters-regions__title[data-v-da795d24] {
    margin-bottom: 20px;
    text-align: center
}

.manufactures-filters-regions__search[data-v-da795d24] {
    position: relative
}

.manufactures-filters-regions__btn[data-v-da795d24] {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 10px 10px 0
}

[data-v-314a678e]:root {
    --tablet-breakpoint: 920px
}

.exchange-filter-main[data-v-314a678e] {
    overflow-y: auto;
    padding: 8px 20px 100px
}

.exchange-filter-main__step[data-v-314a678e] {
    margin-bottom: 16px;
    height: auto
}

.exchange-filter-main__head[data-v-314a678e] {
    margin-bottom: 16px
}

.exchange-filter-main__sortering-buttons[data-v-314a678e] {
    gap: 12px
}

.exchange-filter-main__sortering-title[data-v-314a678e] {
    margin-bottom: 20px
}

.exchange-filter-main__sortering-btn--active[data-v-314a678e] {
    pointer-events: none
}

[data-v-2b72e95b]:root {
    --tablet-breakpoint: 920px
}

.exchange-filters-categories[data-v-2b72e95b] {
    overflow-y: auto;
    padding: 8px 20px 160px
}

.exchange-filters-categories__title[data-v-2b72e95b] {
    margin-bottom: 20px;
    text-align: center
}

[data-v-9095e32b]:root {
    --tablet-breakpoint: 920px
}

.favorite-filter-modal[data-v-9095e32b] {
    overflow-y: auto;
    padding: 8px 20px 160px
}

.favorite-filter-modal__step[data-v-9095e32b] {
    margin-bottom: 16px;
    height: auto
}

.favorite-filter-modal__head[data-v-9095e32b] {
    margin-bottom: 16px
}

.favorite-filter-modal__title[data-v-9095e32b] {
    margin-bottom: 12px
}

.favorite-filter-modal__items[data-v-9095e32b] {
    gap: 12px
}

[data-v-2eab3db1]:root {
    --tablet-breakpoint: 920px
}

.calendar-filters[data-v-2eab3db1] {
    overflow-y: auto;
    padding: 8px 20px 166px;
    gap: 24px
}

.calendar-filters__main[data-v-2eab3db1] {
    gap: 12px
}

@media screen and (max-width: 480px) {
    .calendar-filters__main[data-v-2eab3db1] {
        flex-direction:column
    }
}

.calendar-filters__head[data-v-2eab3db1] p {
    font-size: 22px
}

@media screen and (max-width: 920px) {
    .calendar-filters__head[data-v-2eab3db1] p {
        font-size:22px
    }
}

@media screen and (max-width: 480px) {
    .calendar-filters__head[data-v-2eab3db1] p {
        font-size:18px
    }
}

.calendar-filters__main-calendar[data-v-2eab3db1] {
    flex-grow: 1;
    max-width: 416px
}

.calendar-filters__label[data-v-2eab3db1] {
    font-size: 22px
}

@media screen and (max-width: 920px) {
    .calendar-filters__label[data-v-2eab3db1] {
        font-size:22px
    }
}

@media screen and (max-width: 480px) {
    .calendar-filters__label[data-v-2eab3db1] {
        font-size:16px
    }
}

.calendar-filters__label[data-v-2eab3db1] {
    margin-bottom: 20px
}

@media screen and (max-width: 480px) {
    .calendar-filters__label[data-v-2eab3db1] {
        margin-bottom:12px
    }
}

.calendar-filters__list[data-v-2eab3db1] {
    gap: 12px
}

.calendar-filters__main-color-list[data-v-2eab3db1] {
    max-width: 300px;
    gap: 8px
}

.calendar-filters__main-color-item[data-v-2eab3db1] {
    gap: 16px
}

@media screen and (max-width: 480px) {
    .calendar-filters__main-color-item[data-v-2eab3db1] {
        gap:6px
    }
}

.calendar-filters__main-color-item-color[data-v-2eab3db1] {
    min-width: 12px;
    margin: 5px;
    width: 12px;
    height: 12px;
    border-radius: 100px
}

@media screen and (max-width: 480px) {
    .calendar-filters__main-color-item-color[data-v-2eab3db1] {
        margin:4px
    }
}

.calendar-filters__main-color-item-label[data-v-2eab3db1] {
    color: #123670
}

@media screen and (max-width: 480px) {
    .calendar-filters__main-color-item-label[data-v-2eab3db1] {
        font-size:14px
    }
}

[data-v-a6ae7b04]:root {
    --tablet-breakpoint: 920px
}

.filter-simple-next[data-v-a6ae7b04] {
    padding: 8px 8px 10px 0
}

.filter-simple-next__content[data-v-a6ae7b04] {
    gap: 8px
}

.filter-simple-next__value[data-v-a6ae7b04] {
    color: #919191;
    margin-bottom: -2px
}

[data-v-f289ca76]:root {
    --tablet-breakpoint: 920px
}

.shop-filter-main[data-v-f289ca76] {
    overflow-y: auto;
    padding: 8px 20px 100px
}

.shop-filter-main__step[data-v-f289ca76] {
    margin-bottom: 16px;
    height: auto
}

.shop-filter-main__head[data-v-f289ca76] {
    margin-bottom: 16px
}

.shop-filter-main__filters[data-v-f289ca76] {
    gap: 16px
}

[data-v-5df272b8]:root {
    --tablet-breakpoint: 920px
}

.shop-filter-categories[data-v-5df272b8] {
    overflow-y: auto;
    padding: 8px 20px 100px
}

.shop-filter-categories__title[data-v-5df272b8] {
    margin-bottom: 20px;
    text-align: center
}

[data-v-1bb4ec33]:root {
    --tablet-breakpoint: 920px
}

.manufactures-filters-regions[data-v-1bb4ec33] {
    overflow-y: auto;
    padding: 8px 20px 160px
}

.manufactures-filters-regions__title[data-v-1bb4ec33] {
    margin-bottom: 20px;
    text-align: center
}

.manufactures-filters-regions__search[data-v-1bb4ec33] {
    position: relative
}

.manufactures-filters-regions__btn[data-v-1bb4ec33] {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 10px 10px 0
}

[data-v-2454567e]:root {
    --tablet-breakpoint: 920px
}

.manufactures-filters-regions[data-v-2454567e] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    padding: 8px 20px 160px
}

.manufactures-filters-regions__title[data-v-2454567e] {
    margin-bottom: 20px;
    text-align: center
}

.manufactures-filters-regions__search-wrapper[data-v-2454567e] {
    margin-bottom: 16px
}

.manufactures-filters-regions__search[data-v-2454567e] {
    position: relative
}

.manufactures-filters-regions__btn[data-v-2454567e] {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 10px 10px 0;
    height: 100%
}

.manufactures-filters-regions__active-search[data-v-2454567e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    padding: 2px 12px;
    background: #f9fcff;
    border-radius: 10px;
    font-size: 14px
}

.manufactures-filters-regions__clear-btn[data-v-2454567e] {
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #d0d5dd;
    color: #0a1a3e;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s
}

.manufactures-filters-regions__clear-btn[data-v-2454567e]:hover {
    background: #939393;
    color: #fff
}

.manufactures-filters-regions__results[data-v-2454567e] {
    flex: 1;
    overflow-y: auto
}

.manufactures-filters-regions__results-count[data-v-2454567e] {
    margin-bottom: 12px;
    color: #939393
}

.manufactures-filters-regions__empty[data-v-2454567e] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 32px;
    color: #939393
}

[data-v-5b5baaec]:root {
    --tablet-breakpoint: 920px
}

.manufactures-filters-regions[data-v-5b5baaec] {
    overflow-y: auto;
    padding: 8px 20px 160px
}

.manufactures-filters-regions__title[data-v-5b5baaec] {
    margin-bottom: 20px;
    text-align: center
}

.manufactures-filters-regions__search[data-v-5b5baaec] {
    position: relative
}

.manufactures-filters-regions__btn[data-v-5b5baaec] {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 10px 10px 0
}

[data-v-aeec7a65]:root {
    --tablet-breakpoint: 920px
}

.shop-filter-segment[data-v-aeec7a65] {
    overflow-y: auto;
    padding: 8px 20px
}

.shop-filter-segment__title[data-v-aeec7a65] {
    margin-bottom: 20px;
    text-align: center
}

[data-v-c6aa9f6b]:root {
    --tablet-breakpoint: 920px
}

.shop-filter-sortering[data-v-c6aa9f6b] {
    overflow-y: auto;
    padding: 8px 20px
}

.shop-filter-sortering__title[data-v-c6aa9f6b] {
    margin-bottom: 20px;
    text-align: center
}

[data-v-72797389]:root {
    --tablet-breakpoint: 920px
}

.manufactures-filters-regions[data-v-72797389] {
    overflow-y: auto;
    padding: 8px 20px 160px
}

.manufactures-filters-regions__title[data-v-72797389] {
    margin-bottom: 20px;
    text-align: center
}

[data-v-dc616650]:root {
    --tablet-breakpoint: 920px
}

.educations-filter-main[data-v-dc616650] {
    overflow-y: auto;
    padding: 8px 20px 100px
}

.educations-filter-main__head[data-v-dc616650] {
    margin-bottom: 16px
}

.educations-filter-main__list[data-v-dc616650] {
    gap: 12px
}

[data-v-8c58f76c]:root {
    --tablet-breakpoint: 920px
}

.educations-filters-sortering[data-v-8c58f76c] {
    overflow-y: auto;
    padding: 8px 20px 160px
}

.educations-filters-sortering__title[data-v-8c58f76c] {
    margin-bottom: 20px;
    text-align: center
}

[data-v-7ad2f7fe]:root {
    --tablet-breakpoint: 920px
}

.mobile-menu[data-v-7ad2f7fe] {
    height: 100%;
    width: 100%;
    overflow-y: auto
}

[data-v-d81cb690]:root {
    --tablet-breakpoint: 920px
}

.menu-block[data-v-d81cb690] {
    z-index: 10;
    position: fixed;
    height: calc(100% - 88px);
    width: 100%;
    top: 88px;
    right: 0;
    bottom: 0;
    left: 0;
    background: #f9fcff
}

.menu-block .menu-block__content[data-v-d81cb690] {
    height: 100%;
    width: 100%
}

.menu-block .menu-block__mobile[data-v-d81cb690] {
    display: none
}

@media screen and (max-width: 920px) {
    .menu-block[data-v-d81cb690] {
        top:80px;
        height: calc(100% - 80px)
    }

    .menu-block .menu-block__mobile[data-v-d81cb690] {
        display: block
    }

    .menu-block .menu-block__desktop[data-v-d81cb690] {
        display: none
    }
}

[data-v-6ed8779e]:root {
    --tablet-breakpoint: 920px
}

.breadcrumbs-component[data-v-6ed8779e] {
    font-variant-numeric: lining-nums proportional-nums
}

.breadcrumbs-component[data-v-6ed8779e] .q-breadcrumbs__separator {
    background: #2f8eed;
    height: 4px;
    width: 4px;
    border-radius: 50%
}

.breadcrumbs-component__item[data-v-6ed8779e] {
    color: #0a1a3e;
    font-weight: 500;
    font-size: 14px
}

.breadcrumbs-component span[data-v-6ed8779e] {
    color: #919191
}

[data-v-2dfc9e3f]:root {
    --tablet-breakpoint: 920px
}

.eye-panel[data-v-2dfc9e3f] {
    position: fixed;
    width: calc(100% - 56px);
    top: 0;
    left: 56px;
    z-index: 5;
    background: #fff;
    border-bottom: 5px solid #000;
    padding: 16px 0;
    font-family: Arial,Helvetica,sans-serif
}

@media screen and (max-width: 920px) {
    .eye-panel[data-v-2dfc9e3f] {
        width:100%;
        left: 0
    }
}

@media screen and (max-width: 480px) {
    .eye-panel[data-v-2dfc9e3f] {
        padding:8px 0;
        border-width: 3px
    }
}

.eye-panel__controls[data-v-2dfc9e3f] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px
}

@media screen and (max-width: 920px) {
    .eye-panel__controls[data-v-2dfc9e3f] {
        gap:8px
    }
}

@media screen and (max-width: 480px) {
    .eye-panel__controls[data-v-2dfc9e3f] {
        gap:8px 16px;
        flex-wrap: wrap
    }
}

.eye-panel__group[data-v-2dfc9e3f] {
    display: flex;
    align-items: center;
    gap: 8px
}

@media screen and (max-width: 480px) {
    .eye-panel__group[data-v-2dfc9e3f] {
        gap:2px
    }
}

.eye-panel__label[data-v-2dfc9e3f] {
    font-size: 16px!important;
    color: #000;
    font-weight: 600
}

@media screen and (max-width: 480px) {
    .eye-panel__label[data-v-2dfc9e3f] {
        display:none
    }
}

.eye-panel__btn[data-v-2dfc9e3f] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #000;
    cursor: pointer;
    color: #000!important;
    overflow: hidden;
    transition: all .2s
}

@media screen and (max-width: 920px) {
    .eye-panel__btn[data-v-2dfc9e3f] {
        width:28px;
        height: 28px;
        padding: 2px
    }
}

.eye-panel__btn--font[data-v-2dfc9e3f] {
    font-weight: 700
}

.eye-panel__btn--font i[data-v-2dfc9e3f] {
    color: #000
}

.eye-panel__btn--font:nth-child(2) i[data-v-2dfc9e3f] {
    font-size: 16px!important
}

.eye-panel__btn--font:nth-child(3) i[data-v-2dfc9e3f] {
    font-size: 20px!important
}

.eye-panel__btn--font:nth-child(4) i[data-v-2dfc9e3f] {
    font-size: 24px!important
}

.eye-panel__btn--color i[data-v-2dfc9e3f] {
    font-weight: 700;
    font-size: 16px!important
}

.eye-panel__btn--color[data-v-2dfc9e3f]:nth-child(2) {
    background: #fff!important
}

.eye-panel__btn--color:nth-child(2) i[data-v-2dfc9e3f] {
    color: #000!important
}

.eye-panel__btn--color[data-v-2dfc9e3f]:nth-child(3) {
    background-color: #000!important
}

.eye-panel__btn--color:nth-child(3) i[data-v-2dfc9e3f] {
    color: #fff!important
}

.eye-panel__btn--color[data-v-2dfc9e3f]:nth-child(4) {
    background-color: #e6f3ff!important
}

.eye-panel__btn--color:nth-child(4) i[data-v-2dfc9e3f] {
    color: #063462!important
}

[data-v-695053c4]:root {
    --tablet-breakpoint: 920px
}

.auth-head-decorator[data-v-695053c4] {
    padding: 24px 20px
}

@media screen and (max-width: 480px) {
    .auth-head-decorator[data-v-695053c4] {
        padding-bottom:0
    }
}

.auth-head-decorator__content[data-v-695053c4] {
    background-image: url(/images/local/decorators/auth/auth-tablet-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 182px;
    width: 100%;
    color: #fff;
    gap: 8px;
    border-radius: 28px
}

@media screen and (max-width: 480px) {
    .auth-head-decorator__content[data-v-695053c4] {
        background-image:url(/images/local/decorators/auth/auth-mobile-bg.png);
        height: 280px;
        padding: 24px;
        align-items: flex-start;
        justify-content: flex-end;
        border-radius: 16px
    }
}

@media screen and (max-width: 480px) {
    .auth-head-decorator__title[data-v-695053c4] {
        max-width:215px
    }
}

.auth-head-decorator__text[data-v-695053c4] {
    max-width: 341px;
    justify-content: center
}

@media screen and (max-width: 480px) {
    .auth-head-decorator__text[data-v-695053c4] {
        justify-content:flex-start
    }
}

[data-v-15df796f]:root {
    --tablet-breakpoint: 920px
}

.auth-left-decorator[data-v-15df796f] {
    background-color: #2f8eed;
    height: 100dvh;
    width: 604px
}

.auth-left-decorator--small[data-v-15df796f] {
    width: 452px
}

.auth-left-decorator__logo[data-v-15df796f] {
    position: absolute;
    top: 20px;
    left: 56px
}

.auth-left-decorator__decorator[data-v-15df796f] {
    position: absolute;
    bottom: 0;
    left: 0
}

[data-v-611ebac2]:root {
    --tablet-breakpoint: 920px
}

.input-wrapper__label[data-v-611ebac2] {
    margin-bottom: 6px;
    display: inline-flex;
    position: relative
}

.input-wrapper__label-required[data-v-611ebac2] {
    color: #2f8eed;
    position: absolute;
    top: 0;
    left: calc(100% + 2px)
}

[data-v-83edcb80]:root {
    --tablet-breakpoint: 920px
}

.auth-reset-email-form[data-v-83edcb80] {
    padding: 32px 0;
    justify-content: center;
    height: 100%;
    max-width: 392px;
    margin: 0 auto
}

@media screen and (max-width: 920px) {
    .auth-reset-email-form[data-v-83edcb80] {
        max-width:100%;
        padding: 20px
    }
}

.auth-reset-email-form__form[data-v-83edcb80] {
    margin-bottom: 48px
}

@media screen and (max-width: 480px) {
    .auth-reset-email-form__form[data-v-83edcb80] {
        margin-bottom:24px
    }
}

.auth-reset-email-form__head[data-v-83edcb80] {
    margin-bottom: 32px;
    gap: 16px
}

@media screen and (max-width: 920px) {
    .auth-reset-email-form__head[data-v-83edcb80] {
        display:none
    }
}

.auth-reset-email-form__form-group[data-v-83edcb80] {
    gap: 16px
}

.auth-reset-email-form__form-actions[data-v-83edcb80] {
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px
}

.auth-reset-email-form__form-submit[data-v-83edcb80] .btn-component {
    padding: 12px 20px
}

[data-v-7c9de565]:root {
    --tablet-breakpoint: 920px
}

.auth-reset-form[data-v-7c9de565] {
    padding: 32px 160px;
    justify-content: center;
    height: 100%
}

@media screen and (max-width: 920px) {
    .auth-reset-form[data-v-7c9de565] {
        padding:20px
    }
}

.auth-reset-form__head[data-v-7c9de565] {
    margin-bottom: 48px;
    gap: 16px;
    max-width: 530px
}

@media screen and (max-width: 920px) {
    .auth-reset-form__head[data-v-7c9de565] {
        display:none
    }
}

.auth-reset-form__form[data-v-7c9de565] {
    margin-bottom: 48px
}

@media screen and (max-width: 920px) {
    .auth-reset-form__form[data-v-7c9de565] {
        margin-bottom:44px
    }
}

@media screen and (max-width: 480px) {
    .auth-reset-form__form[data-v-7c9de565] {
        margin-bottom:20px
    }
}

.auth-reset-form__form-grid[data-v-7c9de565] {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(45%,1fr));
    gap: 16px;
    margin-bottom: 32px;
    max-width: 668px
}

@media screen and (max-width: 920px) {
    .auth-reset-form__form-grid[data-v-7c9de565] {
        grid-template-columns:repeat(auto-fill,minmax(100%,1fr));
        max-width: 100%;
        margin-bottom: 20px
    }
}

.auth-reset-form__form-checkbox[data-v-7c9de565] {
    margin-bottom: 30px
}

.auth-reset-form__form-checkbox[data-v-7c9de565] .q-checkbox__inner--falsy {
    color: #d0d5dd
}

.auth-reset-form__form-checkbox[data-v-7c9de565] .q-checkbox__icon {
    font-size: 20px
}

.auth-reset-form__form-submit[data-v-7c9de565] {
    max-width: 326px
}

@media screen and (max-width: 920px) {
    .auth-reset-form__form-submit[data-v-7c9de565] {
        max-width:100%
    }
}

.auth-reset-form__form-submit[data-v-7c9de565] .btn-component {
    padding: 12px 20px
}

[data-v-63203ee6]:root {
    --tablet-breakpoint: 920px
}

.auth-sign-in-form[data-v-63203ee6] {
    padding: 32px 0;
    justify-content: center;
    height: 100%;
    max-width: 392px;
    margin: 0 auto
}

.auth-sign-in-form__form-esia[data-v-63203ee6] {
    margin-top: 8px
}

@media screen and (max-width: 920px) {
    .auth-sign-in-form[data-v-63203ee6] {
        max-width:100%;
        padding: 20px
    }
}

.auth-sign-in-form__form[data-v-63203ee6] {
    margin-bottom: 48px
}

@media screen and (max-width: 920px) {
    .auth-sign-in-form__form[data-v-63203ee6] {
        margin-bottom:44px
    }
}

.auth-sign-in-form__head[data-v-63203ee6] {
    margin-bottom: 48px;
    gap: 16px
}

@media screen and (max-width: 920px) {
    .auth-sign-in-form__head[data-v-63203ee6] {
        display:none
    }
}

.auth-sign-in-form__form-group[data-v-63203ee6] {
    gap: 16px;
    margin-bottom: 24px
}

@media screen and (max-width: 920px) {
    .auth-sign-in-form__form-group[data-v-63203ee6] {
        margin-bottom:20px;
        gap: 16px
    }
}

.auth-sign-in-form__form-actions[data-v-63203ee6] {
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px
}

@media screen and (max-width: 920px) {
    .auth-sign-in-form__form-actions[data-v-63203ee6] {
        margin-bottom:12px
    }
}

.auth-sign-in-form__form-checkbox[data-v-63203ee6] .q-checkbox__inner--falsy {
    color: #d0d5dd
}

.auth-sign-in-form__form-checkbox[data-v-63203ee6] .q-checkbox__inner {
    font-size: 20px
}

@media screen and (max-width: 920px) {
    .auth-sign-in-form__form-checkbox[data-v-63203ee6] .q-checkbox__inner {
        margin-right:12px
    }
}

.auth-sign-in-form__form-checkbox[data-v-63203ee6] .q-checkbox__icon {
    font-size: 20px
}

.auth-sign-in-form__form-checkbox[data-v-63203ee6] .q-checkbox__label {
    color: #123670
}

.auth-sign-in-form__form-submit[data-v-63203ee6] .btn-component {
    padding: 12px 20px
}

.auth-sign-in-form__form-link[data-v-63203ee6] {
    color: #123670;
    text-decoration: underline;
    text-underline-offset: 4px
}

[data-v-7b132703]:root {
    --tablet-breakpoint: 920px
}

.auth-sign-up-form[data-v-7b132703] {
    padding: 32px 160px;
    justify-content: center;
    height: 100%
}

@media screen and (max-width: 920px) {
    .auth-sign-up-form[data-v-7b132703] {
        padding:20px
    }
}

.auth-sign-up-form__head[data-v-7b132703] {
    margin-bottom: 48px;
    gap: 16px
}

@media screen and (max-width: 920px) {
    .auth-sign-up-form__head[data-v-7b132703] {
        display:none
    }
}

.auth-sign-up-form__form[data-v-7b132703] {
    margin-bottom: 48px
}

@media screen and (max-width: 920px) {
    .auth-sign-up-form__form[data-v-7b132703] {
        margin-bottom:44px
    }
}

@media screen and (max-width: 480px) {
    .auth-sign-up-form__form[data-v-7b132703] {
        margin-bottom:20px
    }
}

.auth-sign-up-form__form-grid[data-v-7b132703] {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(45%,1fr));
    gap: 16px;
    margin-bottom: 30px;
    max-width: 668px
}

@media screen and (max-width: 920px) {
    .auth-sign-up-form__form-grid[data-v-7b132703] {
        max-width:100%;
        gap: 14px;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 480px) {
    .auth-sign-up-form__form-grid[data-v-7b132703] {
        grid-template-columns:1fr
    }
}

@media screen and (max-width: 480px) {
    .auth-sign-up-form[data-v-7b132703] .q-checkbox {
        align-items:flex-start
    }
}

.auth-sign-up-form__form-checkbox[data-v-7b132703] {
    margin-bottom: 30px
}

@media screen and (max-width: 920px) {
    .auth-sign-up-form__form-checkbox[data-v-7b132703] {
        margin-bottom:24px
    }
}

.auth-sign-up-form__form-checkbox[data-v-7b132703] .q-checkbox__inner {
    font-size: 20px
}

@media screen and (max-width: 920px) {
    .auth-sign-up-form__form-checkbox[data-v-7b132703] .q-checkbox__inner {
        margin-right:12px
    }
}

.auth-sign-up-form__form-checkbox[data-v-7b132703] .q-checkbox__inner--falsy {
    color: #d0d5dd
}

.auth-sign-up-form__form-checkbox[data-v-7b132703] .q-checkbox__icon {
    font-size: 20px
}

.auth-sign-up-form__form-btn[data-v-7b132703] {
    max-width: 326px
}

@media screen and (max-width: 920px) {
    .auth-sign-up-form__form-btn[data-v-7b132703] {
        max-width:100%
    }
}

.auth-sign-up-form__form-btn[data-v-7b132703] .btn-component {
    padding: 12px 20px
}

.auth-sign-up-form[data-v-7b132703] .q-field--outlined.q-field--readonly .q-field__control:before {
    border-style: solid
}

[data-v-d40c5d88]:root {
    --tablet-breakpoint: 920px
}

.modal-auth__switch-form[data-v-d40c5d88],.modal-auth__switch-form-item[data-v-d40c5d88] {
    gap: 16px
}

[data-v-e2597284]:root {
    --tablet-breakpoint: 920px
}

.auth-success[data-v-e2597284] {
    padding: 32px 0;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    margin: 0 auto
}

@media screen and (max-width: 920px) {
    .auth-success[data-v-e2597284] {
        padding:20px;
        height: calc(100dvh - 80px)
    }
}

@media screen and (max-width: 480px) {
    .auth-success[data-v-e2597284] {
        padding:0 20px
    }
}

.auth-success__content[data-v-e2597284] {
    max-width: 414px;
    height: 100%;
    justify-content: center
}

@media screen and (max-width: 480px) {
    .auth-success__content[data-v-e2597284] {
        align-items:center
    }
}

.auth-success__title[data-v-e2597284] {
    margin-bottom: 16px
}

@media screen and (max-width: 920px) {
    .auth-success__title[data-v-e2597284] {
        justify-content:center
    }
}

.auth-success__text[data-v-e2597284] {
    margin-bottom: 32px
}

@media screen and (max-width: 920px) {
    .auth-success__text[data-v-e2597284] {
        justify-content:center
    }
}

.auth-success__button[data-v-e2597284] {
    max-width: 326px
}

@media screen and (max-width: 920px) {
    .auth-success__button[data-v-e2597284] {
        max-width:428px
    }
}

@media screen and (max-width: 480px) {
    .auth-success__button[data-v-e2597284] {
        max-width:100%
    }
}

@media screen and (max-width: 920px) {
    [data-v-e2597284] .modal-auth__right {
        height:100%
    }
}

[data-v-12b37c68]:root {
    --tablet-breakpoint: 920px
}

.modal-auth[data-v-12b37c68] {
    background-color: #fff;
    height: 100dvh;
    z-index: 10
}

@media screen and (max-width: 920px) {
    .modal-auth[data-v-12b37c68] {
        flex-direction:column;
        height: calc(100dvh - 80px)
    }
}

.modal-auth__close[data-v-12b37c68] {
    position: absolute;
    top: 24px;
    right: 80px
}

.modal-auth__close[data-v-12b37c68] .q-icon {
    transform: rotateY(180deg)
}

.modal-auth__right[data-v-12b37c68] {
    width: 100%
}

[data-v-27a9c5e7]:root {
    --tablet-breakpoint: 920px
}

.product-request-modal[data-v-27a9c5e7] {
    position: relative;
    background: #f9fcff;
    padding: 40px;
    border-radius: 24px
}

@media screen and (max-width: 480px) {
    .product-request-modal[data-v-27a9c5e7] {
        padding:16px
    }
}

.product-request-modal__header[data-v-27a9c5e7] {
    margin: 0 0 16px
}

.product-request-modal__close[data-v-27a9c5e7] {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1
}

.product-request-modal__product[data-v-27a9c5e7] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 28px
}

.product-request-modal__product-image[data-v-27a9c5e7] {
    border-radius: 16px;
    width: 116px
}

.product-request-modal__product-info[data-v-27a9c5e7] {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.product-request-modal__title[data-v-27a9c5e7] {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0
}

.product-request-modal__form[data-v-27a9c5e7] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.product-request-modal__file[data-v-27a9c5e7] {
    flex-direction: column
}

.product-request-modal__file[data-v-27a9c5e7] .upload-file-component__btn {
    border: 2px solid #2f8eed;
    border-radius: 10px;
    width: 100%;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500
}

.product-request-modal__file[data-v-27a9c5e7] .upload-file-component__btn svg {
    display: none
}

.product-request-modal__subtext a[data-v-27a9c5e7] {
    color: #0a1a3e
}

.product-request-modal__subtext-grey[data-v-27a9c5e7] {
    color: #939393
}

[data-v-0a8dcb0a]:root {
    --tablet-breakpoint: 920px
}

.main-layout[data-v-0a8dcb0a] {
    position: relative;
    padding-left: 56px;
    /* padding-top: 88px */
}

.main-layout__breadcrumbs[data-v-0a8dcb0a] {
    padding: 23px 0 32px
}

.main-layout main[data-v-0a8dcb0a] {
    min-height: calc(100vh - 88px)
}

/* .main-layout__up-btn[data-v-0a8dcb0a] {
    position: fixed;
    z-index: 100;
    bottom: 12px;
    right: 52px;
}

@media screen and (max-width: 920px) {
    .main-layout__up-btn[data-v-0a8dcb0a] {
        right:32px
    }
}

@media screen and (max-width: 480px) {
    .main-layout__up-btn[data-v-0a8dcb0a] {
        right:20px
    }
} */

@media screen and (max-width: 920px) {
    .main-layout[data-v-0a8dcb0a] {
        /* padding-top:80px; */
        padding-left: 0
    }

    .main-layout main[data-v-0a8dcb0a] {
        min-height: calc(100vh - 80px)
    }
}

[data-v-47f3989e]:root {
    --tablet-breakpoint: 920px
}

.map-component[data-v-47f3989e] {
    width: 100%;
    height: 100%
}

.map[data-v-47f3989e] {
    height: 100%
}

.map__pin[data-v-47f3989e] {
    transition: .2s ease;
    transition-property: transform;
    cursor: pointer
}

@media screen and (min-width: 921px) and (hover: hover) {
    .map__pin[data-v-47f3989e]:not(:disabled):not(.map__pin--disabled):not(.disabled):hover,.map__pin[data-v-47f3989e]:not(:disabled):not(.map__pin--disabled):not(.disabled):focus-visible {
        transform:scale(1.15)
    }
}

.map__cluster[data-v-47f3989e] {
    transition: .2s ease;
    transition-property: transform;
    width: 40px;
    height: 40px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.map__cluster span[data-v-47f3989e] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff;
    font-size: 14px;
    font-weight: 500
}

@media screen and (min-width: 921px) and (hover: hover) {
    .map__cluster[data-v-47f3989e]:not(:disabled):not(.map__cluster--disabled):not(.disabled):hover,.map__cluster[data-v-47f3989e]:not(:disabled):not(.map__cluster--disabled):not(.disabled):focus-visible {
        transform:scale(1.15)
    }
}

@media screen and (max-width: 920px) {
    .map__pin[data-v-47f3989e],.map__cluster[data-v-47f3989e] {
        width:28px;
        height: 28px
    }

    .map__cluster span[data-v-47f3989e] {
        width: 19px;
        height: 19px;
        font-size: 10px
    }
}

[data-v-47f3989e] .ymaps3x0--controls_bottom {
    bottom: 56px!important;
    right: 26px;
    padding: 0
}

[data-v-47f3989e] .ymaps3x0--controls_left {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
    right: auto;
    padding: 0
}

[data-v-47f3989e] .ymaps3x0--zoom-control {
    background-color: #d9efff;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1px
}

[data-v-47f3989e] .ymaps3x0--control-button {
    padding: 13px 10px;
    border-radius: 0
}

[data-v-47f3989e] .ymaps3x0--zoom-control__in,[data-v-47f3989e] .ymaps3x0--zoom-control__out {
    width: 20px;
    height: 20px
}

/* @charset "UTF-8"; */
[data-v-b705b2e5]:root {
    --tablet-breakpoint: 920px
}

.news-card[data-v-b705b2e5] {
    gap: 20px;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

.news-card__content[data-v-b705b2e5] {
    flex-grow: 1
}

.news-card__footer[data-v-b705b2e5] {
    width: 100%;
    margin-top: 8px
}

.news-card__title[data-v-b705b2e5] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.news-card__head[data-v-b705b2e5] {
    border-radius: 16px;
    overflow: hidden;
    width: 100%;
    position: relative
}

.news-card__head[data-v-b705b2e5] {
    height: 312px
}

@media screen and (max-width: 1320px) {
    .news-card__head[data-v-b705b2e5] {
        height:calc(240px + 72 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .news-card__head[data-v-b705b2e5] {
        height:240px
    }
}

.news-card__head[data-v-b705b2e5] img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.news-card__tags[data-v-b705b2e5] {
    position: absolute;
    z-index: 1;
    gap: 8px;
    top: 12px;
    left: 12px;
    max-width: calc(100% - 24px)
}

.news-card__date[data-v-b705b2e5] {
    color: #123670
}

.news-card--small .news-card__head[data-v-b705b2e5] {
    height: 232px
}

@media screen and (min-width: 921px) and (hover: hover) {
    .news-card:not(:disabled):not(.news-card--disabled):not(.disabled):hover .news-card__link[data-v-b705b2e5],.news-card:not(:disabled):not(.news-card--disabled):not(.disabled):focus-visible .news-card__link[data-v-b705b2e5] {
        color:#2f8eed
    }
}

@media screen and (max-width: 920px) {
    .news-card--small .news-card__head[data-v-b705b2e5] {
        height:270px
    }
}

@media screen and (max-width: 480px) {
    .news-card--small .news-card__head[data-v-b705b2e5] {
        height:240px
    }
}

[data-v-b6b3216a]:root {
    --tablet-breakpoint: 920px
}

picture[data-v-b6b3216a] {
    display: flex
}

/* @charset "UTF-8"; */
[data-v-6d6ed1ea]:root {
    --tablet-breakpoint: 920px
}

article[data-v-6d6ed1ea] {
    height: 100%
}

.product-card[data-v-6d6ed1ea] {
    background: #d9efff;
    gap: 8px;
    padding: 12px;
    border-radius: 20px;
    height: 100%
}

.product-card__wrapper[data-v-6d6ed1ea] {
    text-decoration: none;
    color: inherit
}

.product-card__head[data-v-6d6ed1ea] {
    width: 100%;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 12px
}

.product-card__head[data-v-6d6ed1ea] {
    height: 312px
}

@media screen and (max-width: 1320px) {
    .product-card__head[data-v-6d6ed1ea] {
        height:calc(240px + 72 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .product-card__head[data-v-6d6ed1ea] {
        height:240px
    }
}

.product-card__head--square[data-v-6d6ed1ea] {
    height: 312px
}

@media screen and (max-width: 920px) {
    .product-card__head--square[data-v-6d6ed1ea] {
        height:224px
    }
}

@media screen and (max-width: 480px) {
    .product-card__head--square[data-v-6d6ed1ea] {
        height:144px
    }
}

.product-card__head--to-224[data-v-6d6ed1ea] {
    height: 312px
}

@media screen and (max-width: 1320px) {
    .product-card__head--to-224[data-v-6d6ed1ea] {
        height:calc(224px + 88 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .product-card__head--to-224[data-v-6d6ed1ea] {
        height:224px
    }
}

.product-card__img[data-v-6d6ed1ea] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover
}

.product-card__brand[data-v-6d6ed1ea] {
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 16px
}

.product-card__text[data-v-6d6ed1ea] {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 12px
}

.product-card__content[data-v-6d6ed1ea] {
    flex-grow: 1
}

.product-card__btn[data-v-6d6ed1ea] {
    margin-top: 4px
}

@media screen and (max-width: 920px) {
    .product-card[data-v-6d6ed1ea] {
        border-radius:16px
    }

    .product-card__brand[data-v-6d6ed1ea] {
        margin-top: 8px
    }

    .product-card__text[data-v-6d6ed1ea] {
        margin-top: 4px
    }

    .product-card__btn[data-v-6d6ed1ea] {
        margin-top: 0
    }
}

[data-v-cf6ded8b]:root {
    --tablet-breakpoint: 920px
}

.select-component[data-v-cf6ded8b] {
    width: 100%
}

.select-component[data-v-cf6ded8b] * .q-field__control:before,.select-component[data-v-cf6ded8b] * .q-field__control:after {
    border-width: 1px
}

.select-component[data-v-cf6ded8b] * .q-field__control,.select-component[data-v-cf6ded8b] * .q-field__marginal,.select-component[data-v-cf6ded8b] * .q-field__control-container {
    min-height: 48px;
    transition: all .2ms linear,border-radius .2s linear
}

.select-component[data-v-cf6ded8b] * .q-field__control {
    border-radius: 10px;
    padding: 0 12px 0 20px
}

.select-component[data-v-cf6ded8b] * .q-field__native {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    font-variant-numeric: lining-nums proportional-nums
}

.select-component[data-v-cf6ded8b] * .q-select__dropdown-icon {
    color: #0a1a3e
}

.select-component[data-v-cf6ded8b] * input {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    font-variant-numeric: lining-nums proportional-nums
}

.select-component[data-v-cf6ded8b] * input::placeholder {
    color: #939393;
    font-variant-numeric: lining-nums proportional-nums;
    transition: .3s
}

.select-component--placeholder-value[data-v-cf6ded8b] * .q-field__native {
    color: #939393
}

.select-component.q-field--highlighted[data-v-cf6ded8b] * input::placeholder,.select-component.q-field--highlighted[data-v-cf6ded8b] * textarea::placeholder {
    opacity: 0
}

.select-component--pl-12[data-v-cf6ded8b] * .q-field__control {
    padding-left: 12px
}

.select-component--open-popup[data-v-cf6ded8b] * .q-field__control {
    border-radius: 10px 10px 0 0
}

.select-component--open-popup[data-v-cf6ded8b] * .q-field__control:after,.select-component--open-popup[data-v-cf6ded8b] * .q-field__control:before {
    border-width: 1.5px;
    border-bottom-color: transparent!important
}

.select-component[data-v-cf6ded8b] * .q-field__control {
    background: #f9fcff
}

.select-component[data-v-cf6ded8b] * .q-field__control:before {
    border-color: #001a3480
}

.select-component.q-field--highlighted[data-v-cf6ded8b] * .q-field__control:after {
    border-color: #0a1a3e
}

.select-component--grey-light[data-v-cf6ded8b] * .q-field__control:before {
    border-color: #d0d5dd
}

.select-component--grey-light[data-v-cf6ded8b] * input::placeholder {
    color: #adadad
}

.select-component--grey-light.q-field--highlighted[data-v-cf6ded8b] * .q-field__control:after {
    border-color: #adadad
}

.select-component--blue-light.q-field--highlighted[data-v-cf6ded8b] * .q-field__control:after {
    border-color: #2f8eed
}

.select-component--fill-blue-light-2[data-v-cf6ded8b] * .q-field__control {
    background: #e8eff5
}

.select-component--fill-blue-light-2[data-v-cf6ded8b] * .q-field__control:before {
    border-color: #e8eff5
}

.select-component--placeholder-value.select-component--fill-blue-light-2[data-v-cf6ded8b] * .q-field__native {
    color: #0a1a3e
}

.select-component--fill-blue-light-2.q-field--highlighted[data-v-cf6ded8b] * .q-field__control:after {
    border-color: #e8eff5
}

.select-component--active-primary[data-v-cf6ded8b] * .q-field__control {
    background: #2f8eed
}

.select-component--active-primary[data-v-cf6ded8b] * .q-field__control:before {
    border-color: #2f8eed
}

.select-component--active-primary[data-v-cf6ded8b] * .q-field__native,.select-component--active-primary[data-v-cf6ded8b] * .q-select__dropdown-icon {
    color: #fff
}

.select-component.q-field--disabled[data-v-cf6ded8b] * .q-field__control:before,.select-component.q-field--disabled[data-v-cf6ded8b] * .q-field__control:after {
    border-color: #d2d2d2
}

.select-component.q-field--error[data-v-cf6ded8b] * .q-field__control:before,.select-component.q-field--error[data-v-cf6ded8b] * .q-field__control:after {
    border-color: #ff3535
}

.select-component--height-s[data-v-cf6ded8b] * .q-field__control,.select-component--height-s[data-v-cf6ded8b] * .q-field__marginal,.select-component--height-s[data-v-cf6ded8b] * .q-field__control-container,.select-component--height-s[data-v-cf6ded8b] * .q-field__control:after {
    min-height: 40px
}

.select-component--height-m[data-v-cf6ded8b] * .q-field__control,.select-component--height-m[data-v-cf6ded8b] * .q-field__marginal,.select-component--height-m[data-v-cf6ded8b] * .q-field__control-container,.select-component--height-m[data-v-cf6ded8b] * .q-field__control:after {
    min-height: 44px
}

.input-wrapper__label[data-v-cf6ded8b] {
    margin-bottom: 6px;
    display: inline-flex;
    position: relative
}

.input-wrapper__label-required[data-v-cf6ded8b] {
    color: #2f8eed;
    position: absolute;
    top: 0;
    left: calc(100% + 2px)
}

:root {
    --tablet-breakpoint: 920px
}

@media screen and (min-width: 921px) and (hover: hover) {
    .select-component--blue-light:not(.q-field--error) .q-field__control:not(:disabled):not(.select-component--blue-light:not(.q-field--error) .q-field__control--disabled):not(.disabled):hover:before,.select-component--blue-light:not(.q-field--error) .q-field__control:not(:disabled):not(.select-component--blue-light:not(.q-field--error) .q-field__control--disabled):not(.disabled):focus-visible:before {
        border-color:#2f8eed
    }
}

.select-component-popup {
    border-radius: 0 0 10px 10px;
    box-shadow: none;
    border: 1.5px solid #0a1a3e;
    border-top-width: 0;
    background: #f9fcff;
    margin-top: 0!important;
    transform-origin: top;
    padding: 2px 12px 10px 20px;
    max-width: min-content;
    width: 0
}

.select-component-popup .q-item {
    min-height: 0;
    color: #919191;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    padding: 0;
    font-variant-numeric: lining-nums proportional-nums
}

.select-component-popup .q-item--active {
    color: #2f8eed
}

.select-component-popup .q-item .q-focus-helper {
    display: none
}

@media screen and (min-width: 921px) and (hover: hover) {
    .select-component-popup .q-item:not(:disabled):not(.select-component-popup .q-item--disabled):not(.disabled):hover,.select-component-popup .q-item:not(:disabled):not(.select-component-popup .q-item--disabled):not(.disabled):focus-visible {
        color:#0a1a3e
    }
}

.select-component-popup .q-virtual-scroll__content {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.select-component-popup--pl-12 {
    padding-left: 12px
}

.select-component-popup--blue-light {
    border-color: #2f8eed
}

.select-component-popup--grey-light {
    border-color: #adadad
}

.select-component-popup--fill-blue-light-2 {
    background: #e8eff5;
    border-color: #e8eff5
}

.select-component-popup--fill-blue-light-2 .q-item {
    color: #0a1a3e
}

.select-component-popup--error {
    border-color: #ff3535
}

[data-v-2ab8e9e2]:root {
    --tablet-breakpoint: 920px
}

.swiper-nav-buttons.relative[data-v-2ab8e9e2] {
    display: flex;
    align-items: center;
    gap: 24px
}

.swiper-nav-buttons.relative .swiper-nav-buttons__btn[data-v-2ab8e9e2] {
    position: relative;
    left: unset;
    top: unset;
    right: unset;
    bottom: unset;
    margin: 0;
    background: #f9fcff
}

.swiper-nav-buttons.relative .swiper-nav-buttons__btn[data-v-2ab8e9e2]:hover {
    background: #fff
}

[data-v-11250eab]:root {
    --tablet-breakpoint: 920px
}

.text-animation[data-v-11250eab] {
    column-gap: .28em
}

.text-animation .br[data-v-11250eab] {
    width: 100%
}

.text-animation>.flex[data-v-11250eab] {
    overflow: hidden
}

/* @charset "UTF-8"; */
[data-v-4ad7fb35]:root {
    --tablet-breakpoint: 920px
}

.upload-file-component[data-v-4ad7fb35] {
    gap: 20px;
    align-items: flex-start
}

@media screen and (max-width: 920px) {
    .upload-file-component[data-v-4ad7fb35] {
        flex-direction:column
    }
}

.upload-file-component__btn[data-v-4ad7fb35] {
    border: none;
    background: none;
    margin: 0;
    cursor: pointer;
    outline: none;
    min-width: 159px;
    color: #2f8eed;
    padding: 14px;
    border-radius: 100px;
    gap: 8px;
    border: 1px solid rgba(0,26,52,.5)
}

@media screen and (max-width: 480px) {
    .upload-file-component__btn[data-v-4ad7fb35] {
        max-width:100%;
        width: 100%;
        justify-content: space-between
    }
}

.upload-file-component__file-list[data-v-4ad7fb35] {
    gap: 8px
}

.upload-file-component__file-item[data-v-4ad7fb35] {
    background-color: #d9efff;
    padding: 10px 12px;
    border-radius: 100px;
    gap: 12px
}

.upload-file-component__file-item-icon[data-v-4ad7fb35] {
    display: flex;
    align-items: center
}

.upload-file-component__file-item-name[data-v-4ad7fb35] {
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #2f8eed
}

.upload-file-component__file-item-remove[data-v-4ad7fb35] {
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 0;
    outline: none;
    width: 7px;
    color: #2f8eed
}

[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.25,.75,.75)
}

[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47,0,.745,.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39,.575,.565,1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445,.05,.55,.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0,100px,0)
}

[data-aos=fade-down] {
    transform: translate3d(0,-100px,0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px,0,0)
}

[data-aos=fade-left] {
    transform: translate3d(100px,0,0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px,100px,0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px,100px,0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px,-100px,0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px,-100px,0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity,transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0,100px,0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0,-100px,0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px,0,0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px,0,0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0,100px,0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0,-100px,0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px,0,0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px,0,0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0,100%,0)
}

[data-aos=slide-down] {
    transform: translate3d(0,-100%,0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%,0,0)
}

[data-aos=slide-left] {
    transform: translate3d(100%,0,0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

/* @charset "UTF-8"; */
/* @import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    font-stretch: normal;
    src: url(/assets/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbFmUiAw-yBxCyPWP.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
    src: url(/assets/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabVmUiAw-CNa4tw4G.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    src: url(/assets/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiAw-3fZ6d7DD.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    src: url(/assets/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bVmUiAw-CHKg1YId.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    src: url(/assets/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjalmUiAw-BepdiOnY.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-stretch: normal;
    src: url(/assets/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZtalmUiAw-4ZhHFPot.woff) format("woff")
}
*/

/* 
@font-face {
    font-family: Material Icons;
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/assets/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ-D-x-0Q06.woff2) format("woff2"),url(/assets/flUhRq6tzZclQEJ-Vdg-IuiaDsNa-Dr0goTwe.woff) format("woff")
} 

.material-icons {
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga"
} */

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

/*!
 * * Quasar Framework v2.18.2
 * * (c) 2015-present Razvan Stoenescu
 * * Released under the MIT License.
 * */
*,*:before,*:after {
    box-sizing: inherit;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent
}

html,body,#q-app {
    width: 100%;
    direction: ltr
}

body.platform-ios.within-iframe,body.platform-ios.within-iframe #q-app {
    width: 100px;
    min-width: 100%
}

html,body {
    margin: 0;
    box-sizing: border-box
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
    display: block
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

img {
    border-style: none
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

button,input,optgroup,select,textarea {
    font: inherit;
    font-family: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,input,select {
    overflow: visible;
    text-transform: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

button:-moz-focusring,input:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.q-icon {
    line-height: 1;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-align: center;
    position: relative;
    box-sizing: content-box;
    fill: currentColor
}

.q-icon:before,.q-icon:after {
    width: 100%;
    height: 100%;
    display: flex!important;
    align-items: center;
    justify-content: center
}

.q-icon>svg,.q-icon>img {
    width: 100%;
    height: 100%
}

.q-icon>div {
    box-sizing: border-box
}

.q-icon,.material-icons,.material-icons-outlined,.material-icons-round,.material-icons-sharp,.material-symbols-outlined,.material-symbols-rounded,.material-symbols-sharp {
    -webkit-user-select: none;
    user-select: none;
    cursor: inherit;
    font-size: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle
}

.q-panel {
    height: 100%;
    width: 100%
}

.q-panel>div {
    height: 100%;
    width: 100%
}

.q-panel-parent {
    overflow: hidden;
    position: relative
}

.q-loading-bar {
    position: fixed;
    z-index: 9998;
    transition: transform .5s cubic-bezier(0,0,.2,1),opacity .5s;
    background: #f44336
}

.q-loading-bar--top {
    left: 0;
    right: 0;
    top: 0;
    width: 100%
}

.q-loading-bar--bottom {
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%
}

.q-loading-bar--right {
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%
}

.q-loading-bar--left {
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.q-avatar {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    border-radius: 50%;
    font-size: 48px;
    height: 1em;
    width: 1em
}

.q-avatar__content {
    font-size: .5em;
    line-height: .5em
}

.q-avatar__content,.q-avatar img:not(.q-icon):not(.q-img__image) {
    border-radius: inherit;
    height: inherit;
    width: inherit
}

.q-avatar--square {
    border-radius: 0
}

.q-badge {
    background-color: var(--b2b-primary);
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1;
    min-height: 12px;
    font-weight: 400;
    vertical-align: baseline
}

.q-badge--single-line {
    white-space: nowrap
}

.q-badge--multi-line {
    word-break: break-all;
    word-wrap: break-word
}

.q-badge--floating {
    position: absolute;
    top: -4px;
    right: -3px;
    cursor: inherit
}

.q-badge--transparent {
    opacity: .8
}

.q-badge--outline {
    background-color: transparent;
    border: 1px solid currentColor
}

.q-badge--rounded {
    border-radius: 1em
}

.q-banner {
    min-height: 54px;
    padding: 8px 16px;
    background: #fff
}

.q-banner--top-padding {
    padding-top: 14px
}

.q-banner__avatar {
    min-width: 1px!important
}

.q-banner__avatar>.q-avatar {
    font-size: 46px
}

.q-banner__avatar>.q-icon {
    font-size: 40px
}

.q-banner__avatar:not(:empty)+.q-banner__content {
    padding-left: 16px
}

.q-banner__actions.col-auto {
    padding-left: 16px
}

.q-banner__actions.col-all .q-btn-item {
    margin: 4px 0 0 4px
}

.q-banner--dense {
    min-height: 32px;
    padding: 8px
}

.q-banner--dense.q-banner--top-padding {
    padding-top: 12px
}

.q-banner--dense .q-banner__avatar>.q-avatar,.q-banner--dense .q-banner__avatar>.q-icon {
    font-size: 28px
}

.q-banner--dense .q-banner__avatar:not(:empty)+.q-banner__content {
    padding-left: 8px
}

.q-banner--dense .q-banner__actions.col-auto {
    padding-left: 8px
}

.q-bar {
    background: #0003
}

.q-bar>.q-icon {
    margin-left: 2px
}

.q-bar>div,.q-bar>div+.q-icon {
    margin-left: 8px
}

.q-bar>.q-btn {
    margin-left: 2px
}

.q-bar>.q-icon:first-child,.q-bar>.q-btn:first-child,.q-bar>div:first-child {
    margin-left: 0
}

.q-bar--standard {
    padding: 0 12px;
    height: 32px;
    font-size: 18px
}

.q-bar--standard>div {
    font-size: 16px
}

.q-bar--standard .q-btn {
    font-size: 11px
}

.q-bar--dense {
    padding: 0 8px;
    height: 24px;
    font-size: 14px
}

.q-bar--dense .q-btn {
    font-size: 8px
}

.q-bar--dark {
    background: #ffffff26
}

.q-breadcrumbs__el {
    color: inherit
}

.q-breadcrumbs__el-icon {
    font-size: 125%
}

.q-breadcrumbs__el-icon--with-label {
    margin-right: 8px
}

[dir=rtl] .q-breadcrumbs__separator .q-icon {
    transform: scaleX(-1)
}

.q-btn {
    display: inline-flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
    outline: 0;
    border: 0;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.715em;
    text-decoration: none;
    color: inherit;
    background: transparent;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    width: auto;
    height: auto;
    cursor: default;
    padding: 4px 16px;
    min-height: 2.572em
}

.q-btn .q-icon,.q-btn .q-spinner {
    font-size: 1.715em
}

.q-btn.disabled {
    opacity: .7!important
}

.q-btn:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: inherit;
    box-shadow: 0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f
}

.q-btn--actionable {
    cursor: pointer
}

.q-btn--actionable.q-btn--standard:before {
    transition: box-shadow .3s cubic-bezier(.25,.8,.5,1)
}

.q-btn--actionable.q-btn--standard:active:before,.q-btn--actionable.q-btn--standard.q-btn--active:before {
    box-shadow: 0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f
}

.q-btn--no-uppercase {
    text-transform: none
}

.q-btn--rectangle {
    border-radius: 3px
}

.q-btn--outline {
    background: transparent!important
}

.q-btn--outline:before {
    border: 1px solid currentColor
}

.q-btn--push {
    border-radius: 7px
}

.q-btn--push:before {
    border-bottom: 3px solid rgba(0,0,0,.15)
}

.q-btn--push.q-btn--actionable {
    transition: transform .3s cubic-bezier(.25,.8,.5,1)
}

.q-btn--push.q-btn--actionable:before {
    transition: border-width .3s cubic-bezier(.25,.8,.5,1)
}

.q-btn--push.q-btn--actionable:active,.q-btn--push.q-btn--actionable.q-btn--active {
    transform: translateY(2px)
}

.q-btn--push.q-btn--actionable:active:before,.q-btn--push.q-btn--actionable.q-btn--active:before {
    border-bottom-width: 0
}

.q-btn--rounded {
    border-radius: 28px
}

.q-btn--round {
    border-radius: 50%;
    padding: 0;
    min-width: 3em;
    min-height: 3em
}

.q-btn--square {
    border-radius: 0
}

.q-btn--flat:before,.q-btn--outline:before,.q-btn--unelevated:before {
    box-shadow: none
}

.q-btn--dense {
    padding: .285em;
    min-height: 2em
}

.q-btn--dense.q-btn--round {
    padding: 0;
    min-height: 2.4em;
    min-width: 2.4em
}

.q-btn--dense .on-left {
    margin-right: 6px
}

.q-btn--dense .on-right {
    margin-left: 6px
}

.q-btn--fab .q-icon,.q-btn--fab-mini .q-icon {
    font-size: 24px
}

.q-btn--fab {
    padding: 16px;
    min-height: 56px;
    min-width: 56px
}

.q-btn--fab .q-icon {
    margin: auto
}

.q-btn--fab-mini {
    padding: 8px;
    min-height: 40px;
    min-width: 40px
}

.q-btn__content {
    transition: opacity .3s;
    z-index: 0
}

.q-btn__content--hidden {
    opacity: 0;
    pointer-events: none
}

.q-btn__progress {
    border-radius: inherit;
    z-index: 0
}

.q-btn__progress-indicator {
    z-index: -1;
    transform: translate(-100%);
    background: #ffffff40
}

.q-btn__progress--dark .q-btn__progress-indicator {
    background: #0003
}

.q-btn--flat .q-btn__progress-indicator,.q-btn--outline .q-btn__progress-indicator {
    opacity: .2;
    background: currentColor
}

.q-btn-dropdown--split .q-btn-dropdown__arrow-container {
    padding: 0 4px
}

.q-btn-dropdown--split .q-btn-dropdown__arrow-container.q-btn--outline {
    border-left: 1px solid currentColor
}

.q-btn-dropdown--split .q-btn-dropdown__arrow-container:not(.q-btn--outline) {
    border-left: 1px solid rgba(255,255,255,.3)
}

.q-btn-dropdown--simple *+.q-btn-dropdown__arrow {
    margin-left: 8px
}

.q-btn-dropdown__arrow {
    transition: transform .28s
}

.q-btn-dropdown--current {
    flex-grow: 1
}

.q-btn-group {
    border-radius: 3px;
    box-shadow: 0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f;
    vertical-align: middle
}

.q-btn-group>.q-btn-item {
    border-radius: inherit;
    align-self: stretch
}

.q-btn-group>.q-btn-item:before {
    box-shadow: none
}

.q-btn-group>.q-btn-item .q-badge--floating {
    right: 0
}

.q-btn-group>.q-btn-group {
    box-shadow: none
}

.q-btn-group>.q-btn-group:first-child>.q-btn:first-child {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}

.q-btn-group>.q-btn-group:last-child>.q-btn:last-child {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

.q-btn-group>.q-btn-group:not(:first-child)>.q-btn:first-child:before {
    border-left: 0
}

.q-btn-group>.q-btn-group:not(:last-child)>.q-btn:last-child:before {
    border-right: 0
}

.q-btn-group>.q-btn-item:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.q-btn-group>.q-btn-item:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.q-btn-group>.q-btn-item.q-btn--standard:before {
    z-index: -1
}

.q-btn-group--push {
    border-radius: 7px
}

.q-btn-group--push>.q-btn--push.q-btn--actionable {
    transform: none
}

.q-btn-group--push>.q-btn--push.q-btn--actionable .q-btn__content {
    transition: margin-top .3s cubic-bezier(.25,.8,.5,1),margin-bottom .3s cubic-bezier(.25,.8,.5,1)
}

.q-btn-group--push>.q-btn--push.q-btn--actionable:active .q-btn__content,.q-btn-group--push>.q-btn--push.q-btn--actionable.q-btn--active .q-btn__content {
    margin-top: 2px;
    margin-bottom: -2px
}

.q-btn-group--rounded {
    border-radius: 28px
}

.q-btn-group--square {
    border-radius: 0
}

.q-btn-group--flat,.q-btn-group--outline,.q-btn-group--unelevated {
    box-shadow: none
}

.q-btn-group--outline>.q-separator {
    display: none
}

.q-btn-group--outline>.q-btn-item+.q-btn-item:before {
    border-left: 0
}

.q-btn-group--outline>.q-btn-item:not(:last-child):before {
    border-right: 0
}

.q-btn-group--stretch {
    align-self: stretch;
    border-radius: 0
}

.q-btn-group--glossy>.q-btn-item {
    background-image: linear-gradient(to bottom,#ffffff4d,#fff0 50%,#0000001f 51%,#0000000a)!important
}

.q-btn-group--spread>.q-btn-group {
    display: flex!important
}

.q-btn-group--spread>.q-btn-item,.q-btn-group--spread>.q-btn-group>.q-btn-item:not(.q-btn-dropdown__arrow-container) {
    width: auto;
    min-width: 0;
    max-width: 100%;
    flex: 10000 1 0%
}

.q-btn-toggle {
    position: relative
}

.q-card {
    box-shadow: 0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f;
    border-radius: 4px;
    vertical-align: top;
    background: #fff;
    position: relative
}

.q-card>div:not(.q--avoid-card-border),.q-card>img:not(.q--avoid-card-border) {
    border-radius: 0
}

.q-card>div:nth-child(1 of:not(.q--avoid-card-border)),.q-card>img:nth-child(1 of:not(.q--avoid-card-border)) {
    border-top: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.q-card>div:nth-last-child(1 of:not(.q--avoid-card-border)),.q-card>img:nth-last-child(1 of:not(.q--avoid-card-border)) {
    border-bottom: 0;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.q-card>div:not(.q--avoid-card-border) {
    border-left: 0;
    border-right: 0;
    box-shadow: none
}

.q-card--bordered {
    border: 1px solid rgba(0,0,0,.12)
}

.q-card--dark {
    border-color: #ffffff47;
    box-shadow: 0 1px 5px #fff3,0 2px 2px #ffffff24,0 3px 1px -2px #ffffff1f
}

.q-card__section {
    position: relative
}

.q-card__section--vert {
    padding: 16px
}

.q-card__section--horiz>div:not(.q--avoid-card-border),.q-card__section--horiz>img:not(.q--avoid-card-border) {
    border-radius: 0
}

.q-card__section--horiz>div:nth-child(1 of:not(.q--avoid-card-border)),.q-card__section--horiz>img:nth-child(1 of:not(.q--avoid-card-border)) {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}

.q-card__section--horiz>div:nth-last-child(1 of:not(.q--avoid-card-border)),.q-card__section--horiz>img:nth-last-child(1 of:not(.q--avoid-card-border)) {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

.q-card__section--horiz>div:not(.q--avoid-card-border) {
    border-top: 0;
    border-bottom: 0;
    box-shadow: none
}

.q-card__actions {
    padding: 8px;
    align-items: center
}

.q-card__actions .q-btn--rectangle {
    padding: 0 8px
}

.q-card__actions--horiz>.q-btn-item+.q-btn-item,.q-card__actions--horiz>.q-btn-group+.q-btn-item,.q-card__actions--horiz>.q-btn-item+.q-btn-group {
    margin-left: 8px
}

.q-card__actions--vert>.q-btn-item.q-btn--round {
    align-self: center
}

.q-card__actions--vert>.q-btn-item+.q-btn-item,.q-card__actions--vert>.q-btn-group+.q-btn-item,.q-card__actions--vert>.q-btn-item+.q-btn-group {
    margin-top: 4px
}

.q-card__actions--vert>.q-btn-group>.q-btn-item {
    flex-grow: 1
}

.q-card>img {
    display: block;
    width: 100%;
    max-width: 100%;
    border: 0
}

.q-carousel {
    background-color: #fff;
    height: 400px
}

.q-carousel__slide {
    min-height: 100%;
    background-size: cover;
    background-position: 50%
}

.q-carousel__slide,.q-carousel .q-carousel--padding {
    padding: 16px
}

.q-carousel__slides-container {
    height: 100%
}

.q-carousel__control {
    color: #fff
}

.q-carousel__arrow {
    pointer-events: none
}

.q-carousel__arrow .q-icon {
    font-size: 28px
}

.q-carousel__arrow .q-btn {
    pointer-events: all
}

.q-carousel__prev-arrow--horizontal,.q-carousel__next-arrow--horizontal {
    top: 16px;
    bottom: 16px
}

.q-carousel__prev-arrow--horizontal {
    left: 16px
}

.q-carousel__next-arrow--horizontal {
    right: 16px
}

.q-carousel__prev-arrow--vertical,.q-carousel__next-arrow--vertical {
    left: 16px;
    right: 16px
}

.q-carousel__prev-arrow--vertical {
    top: 16px
}

.q-carousel__next-arrow--vertical {
    bottom: 16px
}

.q-carousel__navigation--top,.q-carousel__navigation--bottom {
    left: 16px;
    right: 16px;
    overflow-x: auto;
    overflow-y: hidden
}

.q-carousel__navigation--top {
    top: 16px
}

.q-carousel__navigation--bottom {
    bottom: 16px
}

.q-carousel__navigation--left,.q-carousel__navigation--right {
    top: 16px;
    bottom: 16px;
    overflow-x: hidden;
    overflow-y: auto
}

.q-carousel__navigation--left>.q-carousel__navigation-inner,.q-carousel__navigation--right>.q-carousel__navigation-inner {
    flex-direction: column
}

.q-carousel__navigation--left {
    left: 16px
}

.q-carousel__navigation--right {
    right: 16px
}

.q-carousel__navigation-inner {
    flex: 1 1 auto
}

.q-carousel__navigation .q-btn {
    margin: 6px 4px;
    padding: 5px
}

.q-carousel__navigation-icon--inactive {
    opacity: .7
}

.q-carousel .q-carousel__thumbnail {
    margin: 2px;
    height: 50px;
    width: auto;
    display: inline-block;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    vertical-align: middle;
    opacity: .7;
    transition: opacity .3s
}

.q-carousel .q-carousel__thumbnail:hover,.q-carousel .q-carousel__thumbnail--active {
    opacity: 1
}

.q-carousel .q-carousel__thumbnail--active {
    border-color: currentColor;
    cursor: default
}

.q-carousel--navigation-top.q-carousel--with-padding .q-carousel__slide,.q-carousel--navigation-top .q-carousel--padding,.q-carousel--arrows-vertical.q-carousel--with-padding .q-carousel__slide,.q-carousel--arrows-vertical .q-carousel--padding {
    padding-top: 60px
}

.q-carousel--navigation-bottom.q-carousel--with-padding .q-carousel__slide,.q-carousel--navigation-bottom .q-carousel--padding,.q-carousel--arrows-vertical.q-carousel--with-padding .q-carousel__slide,.q-carousel--arrows-vertical .q-carousel--padding {
    padding-bottom: 60px
}

.q-carousel--navigation-left.q-carousel--with-padding .q-carousel__slide,.q-carousel--navigation-left .q-carousel--padding,.q-carousel--arrows-horizontal.q-carousel--with-padding .q-carousel__slide,.q-carousel--arrows-horizontal .q-carousel--padding {
    padding-left: 60px
}

.q-carousel--navigation-right.q-carousel--with-padding .q-carousel__slide,.q-carousel--navigation-right .q-carousel--padding,.q-carousel--arrows-horizontal.q-carousel--with-padding .q-carousel__slide,.q-carousel--arrows-horizontal .q-carousel--padding {
    padding-right: 60px
}

.q-carousel.fullscreen {
    height: 100%
}

.q-message-name {
    font-size: small
}

.q-message-label {
    margin: 24px 0;
    text-align: center;
    font-size: small
}

.q-message-stamp {
    color: inherit;
    margin-top: 4px;
    opacity: .6;
    display: none;
    font-size: small
}

.q-message-avatar {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    min-width: 48px
}

.q-message {
    margin-bottom: 8px
}

.q-message:first-child .q-message-label {
    margin-top: 0
}

.q-message-avatar--received {
    margin-right: 8px
}

.q-message-text--received {
    color: #81c784;
    border-radius: 4px 4px 4px 0
}

.q-message-text--received:last-child:before {
    right: 100%;
    border-right: 0 solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid currentColor
}

.q-message-text-content--received {
    color: #000
}

.q-message-name--sent {
    text-align: right
}

.q-message-avatar--sent {
    margin-left: 8px
}

.q-message-container--sent {
    flex-direction: row-reverse
}

.q-message-text--sent {
    color: #344054;
    border-radius: 4px 4px 0
}

.q-message-text--sent:last-child:before {
    left: 100%;
    border-left: 0 solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid currentColor
}

.q-message-text-content--sent {
    color: #000
}

.q-message-text {
    background: currentColor;
    padding: 8px;
    line-height: 1.2;
    word-break: break-word;
    position: relative
}

.q-message-text+.q-message-text {
    margin-top: 3px
}

.q-message-text:last-child {
    min-height: 48px
}

.q-message-text:last-child .q-message-stamp {
    display: block
}

.q-message-text:last-child:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0
}

.q-checkbox {
    vertical-align: middle
}

.q-checkbox__native {
    width: 1px;
    height: 1px
}

.q-checkbox__bg,.q-checkbox__icon-container {
    -webkit-user-select: none;
    user-select: none
}

.q-checkbox__bg {
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    border: 2px solid currentColor;
    border-radius: 2px;
    transition: background .22s cubic-bezier(0,0,.2,1) 0ms;
    -webkit-print-color-adjust: exact
}

.q-checkbox__icon {
    color: currentColor;
    font-size: .5em
}

.q-checkbox__svg {
    color: #fff
}

.q-checkbox__truthy {
    stroke: currentColor;
    stroke-width: 3.12px;
    stroke-dashoffset: 29.78334;
    stroke-dasharray: 29.78334
}

.q-checkbox__indet {
    fill: currentColor;
    transform-origin: 50% 50%;
    transform: rotate(-280deg) scale(0)
}

.q-checkbox__inner {
    font-size: 40px;
    outline: 0;
    border-radius: 50%;
    color: #0000008a
}

.q-checkbox__inner--truthy,.q-checkbox__inner--indet {
    color: var(--b2b-primary)
}

.q-checkbox__inner--truthy .q-checkbox__bg,.q-checkbox__inner--indet .q-checkbox__bg {
    background: currentColor
}

.q-checkbox__inner--truthy path {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset .18s cubic-bezier(.4,0,.6,1) 0ms
}

.q-checkbox__inner--indet .q-checkbox__indet {
    transform: rotate(0) scale(1);
    transition: transform .22s cubic-bezier(0,0,.2,1) 0ms
}

.q-checkbox.disabled {
    opacity: .75!important
}

.q-checkbox--dark .q-checkbox__inner {
    color: #ffffffb3
}

.q-checkbox--dark .q-checkbox__inner:before {
    opacity: .32!important
}

.q-checkbox--dark .q-checkbox__inner--truthy,.q-checkbox--dark .q-checkbox__inner--indet {
    color: var(--b2b-primary)
}

.q-checkbox--dense .q-checkbox__inner {
    width: .5em;
    min-width: .5em;
    height: .5em
}

.q-checkbox--dense .q-checkbox__bg {
    left: 5%;
    top: 5%;
    width: 90%;
    height: 90%
}

.q-checkbox--dense .q-checkbox__label {
    padding-left: .5em
}

.q-checkbox--dense.reverse .q-checkbox__label {
    padding-left: 0;
    padding-right: .5em
}

body.desktop .q-checkbox:not(.disabled) .q-checkbox__inner:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background: currentColor;
    opacity: .12;
    transform: scale3d(0,0,1);
    transition: transform .22s cubic-bezier(0,0,.2,1)
}

body.desktop .q-checkbox:not(.disabled):focus .q-checkbox__inner:before,body.desktop .q-checkbox:not(.disabled):hover .q-checkbox__inner:before {
    transform: scaleZ(1)
}

body.desktop .q-checkbox--dense:not(.disabled):focus .q-checkbox__inner:before,body.desktop .q-checkbox--dense:not(.disabled):hover .q-checkbox__inner:before {
    transform: scale3d(1.4,1.4,1)
}

.q-chip {
    vertical-align: middle;
    border-radius: 16px;
    outline: 0;
    position: relative;
    height: 2em;
    max-width: 100%;
    margin: 4px;
    background: #e0e0e0;
    color: #000000de;
    font-size: 14px;
    padding: .5em .9em
}

.q-chip--colored .q-chip__icon,.q-chip--dark .q-chip__icon {
    color: inherit
}

.q-chip .q-avatar {
    font-size: 2em;
    margin-left: -.45em;
    margin-right: .2em;
    border-radius: 16px
}

.q-chip--outline {
    background: transparent!important;
    border: 1px solid currentColor
}

.q-chip--outline .q-avatar {
    margin-left: calc(-.45em - 1px)
}

.q-chip--selected .q-avatar {
    display: none
}

.q-chip__icon {
    color: #0000008a;
    font-size: 1.5em;
    margin: -.2em
}

.q-chip__icon--left {
    margin-right: .2em
}

.q-chip__icon--right {
    margin-left: .2em
}

.q-chip__icon--remove {
    margin-left: .1em;
    margin-right: -.5em;
    opacity: .6;
    outline: 0
}

.q-chip__icon--remove:hover,.q-chip__icon--remove:focus {
    opacity: 1
}

.q-chip__content {
    white-space: nowrap
}

.q-chip--dense {
    border-radius: 12px;
    padding: 0 .4em;
    height: 1.5em
}

.q-chip--dense .q-avatar {
    font-size: 1.5em;
    margin-left: -.27em;
    margin-right: .1em;
    border-radius: 12px
}

.q-chip--dense .q-chip__icon {
    font-size: 1.25em
}

.q-chip--dense .q-chip__icon--left {
    margin-right: .195em
}

.q-chip--dense .q-chip__icon--remove {
    margin-right: -.25em
}

.q-chip--square {
    border-radius: 4px
}

.q-chip--square .q-avatar {
    border-radius: 3px 0 0 3px
}

body.desktop .q-chip--clickable:focus {
    box-shadow: 0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f
}

body.desktop.body--dark .q-chip--clickable:focus {
    box-shadow: 0 1px 3px #fff3,0 1px 1px #ffffff24,0 2px 1px -1px #ffffff1f
}

.q-circular-progress {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    line-height: 1
}

.q-circular-progress.q-focusable {
    border-radius: 50%
}

.q-circular-progress__svg {
    width: 100%;
    height: 100%
}

.q-circular-progress__text {
    font-size: .25em
}

.q-circular-progress--indeterminate .q-circular-progress__svg {
    transform-origin: 50% 50%;
    animation: q-spin 2s linear infinite
}

.q-circular-progress--indeterminate .q-circular-progress__circle {
    stroke-dasharray: 1 400;
    stroke-dashoffset: 0;
    animation: q-circular-progress-circle 1.5s ease-in-out infinite
}

@keyframes q-circular-progress-circle {
    0% {
        stroke-dasharray: 1,400;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 400,400;
        stroke-dashoffset: -100
    }

    to {
        stroke-dasharray: 400,400;
        stroke-dashoffset: -300
    }
}

.q-color-picker {
    overflow: hidden;
    background: #fff;
    max-width: 350px;
    vertical-align: top;
    min-width: 180px;
    border-radius: 4px;
    box-shadow: 0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f
}

.q-color-picker .q-tab {
    padding: 0!important
}

.q-color-picker--bordered {
    border: 1px solid rgba(0,0,0,.12)
}

.q-color-picker__header-tabs {
    height: 32px
}

.q-color-picker__header input {
    line-height: 24px;
    border: 0
}

.q-color-picker__header .q-tab {
    min-height: 32px!important;
    height: 32px!important
}

.q-color-picker__header .q-tab--inactive {
    background: linear-gradient(to top,#0000004d,#00000026 25%,#0000001a)
}

.q-color-picker__error-icon {
    bottom: 2px;
    right: 2px;
    font-size: 24px;
    opacity: 0;
    transition: opacity .3s ease-in
}

.q-color-picker__header-content {
    position: relative;
    background: #fff
}

.q-color-picker__header-content--light {
    color: #000
}

.q-color-picker__header-content--dark {
    color: #fff
}

.q-color-picker__header-content--dark .q-tab--inactive:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff3
}

.q-color-picker__header-banner {
    height: 36px
}

.q-color-picker__header-bg {
    background: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAH0lEQVQoU2NkYGAwZkAFZ5G5jPRRgOYEVDeB3EBjBQBOZwTVugIGyAAAAABJRU5ErkJggg==)!important
}

.q-color-picker__footer {
    height: 36px
}

.q-color-picker__footer .q-tab {
    min-height: 36px!important;
    height: 36px!important
}

.q-color-picker__footer .q-tab--inactive {
    background: linear-gradient(to bottom,#0000004d,#00000026 25%,#0000001a)
}

.q-color-picker__spectrum {
    width: 100%;
    height: 100%
}

.q-color-picker__spectrum-tab {
    padding: 0!important
}

.q-color-picker__spectrum-white {
    background: linear-gradient(to right,#fff,#fff0)
}

.q-color-picker__spectrum-black {
    background: linear-gradient(to top,#000,#0000)
}

.q-color-picker__spectrum-circle {
    width: 10px;
    height: 10px;
    box-shadow: 0 0 0 1.5px #fff,inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006;
    border-radius: 50%;
    transform: translate(-5px,-5px)
}

.q-color-picker__hue .q-slider__track {
    background: linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)!important;
    opacity: 1
}

.q-color-picker__alpha .q-slider__track-container {
    padding-top: 0
}

.q-color-picker__alpha .q-slider__track:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    background: linear-gradient(90deg,#fff0,#757575)
}

.q-color-picker__sliders {
    padding: 0 16px
}

.q-color-picker__sliders .q-slider__thumb {
    color: #424242
}

.q-color-picker__sliders .q-slider__thumb path {
    stroke-width: 2px;
    fill: transparent
}

.q-color-picker__sliders .q-slider--active path {
    stroke-width: 3px
}

.q-color-picker__tune-tab .q-slider {
    margin-left: 18px;
    margin-right: 18px
}

.q-color-picker__tune-tab input {
    font-size: 11px;
    border: 1px solid #344054;
    border-radius: 4px;
    width: 3.5em
}

.q-color-picker__palette-tab {
    padding: 0!important
}

.q-color-picker__palette-rows--editable .q-color-picker__cube {
    cursor: pointer
}

.q-color-picker__cube {
    padding-bottom: 10%;
    width: 10%!important
}

.q-color-picker input {
    color: inherit;
    background: transparent;
    outline: 0;
    text-align: center
}

.q-color-picker .q-tabs {
    overflow: hidden
}

.q-color-picker .q-tab--active {
    box-shadow: 0 0 14px 3px #0003
}

.q-color-picker .q-tab--active .q-focus-helper,.q-color-picker .q-tab__indicator {
    display: none
}

.q-color-picker .q-tab-panels {
    background: inherit
}

.q-color-picker--dark {
    box-shadow: 0 1px 5px #fff3,0 2px 2px #ffffff24,0 3px 1px -2px #ffffff1f
}

.q-color-picker--dark .q-color-picker__tune-tab input {
    border: 1px solid rgba(255,255,255,.3)
}

.q-color-picker--dark .q-slider__thumb {
    color: #fafafa
}

.q-date {
    display: inline-flex;
    box-shadow: 0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f;
    border-radius: 4px;
    background: #fff;
    width: 290px;
    min-width: 290px;
    max-width: 100%
}

.q-date--bordered {
    border: 1px solid rgba(0,0,0,.12)
}

.q-date__header {
    border-top-left-radius: inherit;
    color: #fff;
    background-color: var(--b2b-primary);
    padding: 16px
}

.q-date__actions {
    padding: 0 16px 16px
}

.q-date__content,.q-date__main {
    outline: 0
}

.q-date__content .q-btn {
    font-weight: 400
}

.q-date__header-link {
    opacity: .64;
    outline: 0;
    transition: opacity .3s ease-out
}

.q-date__header-link--active,.q-date__header-link:hover,.q-date__header-link:focus {
    opacity: 1
}

.q-date__header-subtitle {
    font-size: 14px;
    line-height: 1.75;
    letter-spacing: .00938em
}

.q-date__header-title-label {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: .00735em
}

.q-date__view {
    height: 100%;
    width: 100%;
    min-height: 290px;
    padding: 16px
}

.q-date__navigation {
    height: 12.5%
}

.q-date__navigation>div:first-child {
    width: 8%;
    min-width: 24px;
    justify-content: flex-end
}

.q-date__navigation>div:last-child {
    width: 8%;
    min-width: 24px;
    justify-content: flex-start
}

.q-date__calendar-weekdays {
    height: 12.5%
}

.q-date__calendar-weekdays>div {
    opacity: .38;
    font-size: 12px
}

.q-date__calendar-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    width: 14.285%!important;
    height: 12.5%!important;
    position: relative;
    padding: 1px
}

.q-date__calendar-item:after {
    content: "";
    position: absolute;
    pointer-events: none;
    top: 1px;
    right: 0;
    bottom: 1px;
    left: 0;
    border-style: dashed;
    border-color: transparent;
    border-width: 1px
}

.q-date__calendar-item>div,.q-date__calendar-item button {
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.q-date__calendar-item>div {
    line-height: 30px;
    text-align: center
}

.q-date__calendar-item>button {
    line-height: 22px
}

.q-date__calendar-item--out {
    opacity: .18
}

.q-date__calendar-item--fill {
    visibility: hidden
}

.q-date__range:before,.q-date__range-from:before,.q-date__range-to:before {
    content: "";
    background-color: currentColor;
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 0;
    right: 0;
    opacity: .3
}

.q-date__range:nth-child(7n-6):before,.q-date__range-from:nth-child(7n-6):before,.q-date__range-to:nth-child(7n-6):before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.q-date__range:nth-child(7n):before,.q-date__range-from:nth-child(7n):before,.q-date__range-to:nth-child(7n):before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.q-date__range-from:before {
    left: 50%
}

.q-date__range-to:before {
    right: 50%
}

.q-date__edit-range:after {
    border-color: currentColor transparent
}

.q-date__edit-range:nth-child(7n-6):after {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.q-date__edit-range:nth-child(7n):after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.q-date__edit-range-from:after,.q-date__edit-range-from-to:after {
    left: 4px;
    border-left-color: currentColor;
    border-top-color: currentColor;
    border-bottom-color: currentColor;
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px
}

.q-date__edit-range-to:after,.q-date__edit-range-from-to:after {
    right: 4px;
    border-right-color: currentColor;
    border-top-color: currentColor;
    border-bottom-color: currentColor;
    border-top-right-radius: 28px;
    border-bottom-right-radius: 28px
}

.q-date__calendar-days-container {
    height: 75%;
    min-height: 192px
}

.q-date__calendar-days>div {
    height: 16.66%!important
}

.q-date__event {
    position: absolute;
    bottom: 2px;
    left: 50%;
    height: 5px;
    width: 8px;
    border-radius: 5px;
    background-color: var(--b2b-secondary);
    transform: translate3d(-50%,0,0)
}

.q-date__today {
    box-shadow: 0 0 1px 0 currentColor
}

.q-date__years-content {
    padding: 0 8px
}

.q-date__years-item,.q-date__months-item {
    flex: 0 0 33.3333%
}

.q-date.disabled .q-date__header,.q-date.disabled .q-date__content,.q-date--readonly .q-date__header,.q-date--readonly .q-date__content {
    pointer-events: none
}

.q-date--readonly .q-date__navigation {
    display: none
}

.q-date--portrait {
    flex-direction: column
}

.q-date--portrait-standard .q-date__content {
    height: calc(100% - 86px)
}

.q-date--portrait-standard .q-date__header {
    border-top-right-radius: inherit;
    height: 86px
}

.q-date--portrait-standard .q-date__header-title {
    align-items: center;
    height: 30px
}

.q-date--portrait-minimal .q-date__content {
    height: 100%
}

.q-date--landscape {
    flex-direction: row;
    align-items: stretch;
    min-width: 420px
}

.q-date--landscape>div {
    display: flex;
    flex-direction: column
}

.q-date--landscape .q-date__content {
    height: 100%
}

.q-date--landscape-standard {
    min-width: 420px
}

.q-date--landscape-standard .q-date__header {
    border-bottom-left-radius: inherit;
    min-width: 110px;
    width: 110px
}

.q-date--landscape-standard .q-date__header-title {
    flex-direction: column
}

.q-date--landscape-standard .q-date__header-today {
    margin-top: 12px;
    margin-left: -8px
}

.q-date--landscape-minimal {
    width: 310px
}

.q-date--dark {
    box-shadow: 0 1px 5px #fff3,0 2px 2px #ffffff24,0 3px 1px -2px #ffffff1f;
    border-color: #ffffff47
}

.q-dialog__title {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: .0125em
}

.q-dialog__progress {
    font-size: 4rem
}

.q-dialog__inner {
    outline: 0
}

.q-dialog__inner>div {
    pointer-events: all;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
    border-radius: 4px
}

.q-dialog__inner--square>div {
    border-radius: 0!important
}

.q-dialog__inner>.q-card>.q-card__actions .q-btn--rectangle {
    min-width: 64px
}

.q-dialog__inner--minimized {
    padding: 24px
}

.q-dialog__inner--minimized>div {
    max-height: calc(100vh - 48px)
}

.q-dialog__inner--maximized>div {
    height: 100%;
    width: 100%;
    max-height: 100vh;
    max-width: 100vw;
    border-radius: 0!important;
    top: 0!important;
    left: 0!important
}

.q-dialog__inner--top,.q-dialog__inner--bottom {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.q-dialog__inner--right,.q-dialog__inner--left {
    padding-right: 0!important;
    padding-left: 0!important
}

.q-dialog__inner--left:not(.q-dialog__inner--animating)>div,.q-dialog__inner--top:not(.q-dialog__inner--animating)>div {
    border-top-left-radius: 0
}

.q-dialog__inner--right:not(.q-dialog__inner--animating)>div,.q-dialog__inner--top:not(.q-dialog__inner--animating)>div {
    border-top-right-radius: 0
}

.q-dialog__inner--left:not(.q-dialog__inner--animating)>div,.q-dialog__inner--bottom:not(.q-dialog__inner--animating)>div {
    border-bottom-left-radius: 0
}

.q-dialog__inner--right:not(.q-dialog__inner--animating)>div,.q-dialog__inner--bottom:not(.q-dialog__inner--animating)>div {
    border-bottom-right-radius: 0
}

.q-dialog__inner--fullwidth>div {
    width: 100%!important;
    max-width: 100%!important
}

.q-dialog__inner--fullheight>div {
    height: 100%!important;
    max-height: 100%!important
}

.q-dialog__backdrop {
    z-index: -1;
    pointer-events: all;
    outline: 0;
    background: #0006
}

body.platform-ios .q-dialog__inner--minimized>div,body.platform-android:not(.native-mobile) .q-dialog__inner--minimized>div {
    max-height: calc(100vh - 108px)
}

body.q-ios-padding .q-dialog__inner {
    padding-top: 20px!important;
    padding-top: env(safe-area-inset-top)!important;
    padding-bottom: env(safe-area-inset-bottom)!important
}

body.q-ios-padding .q-dialog__inner>div {
    max-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important
}

@media (max-width: 599.98px) {
    .q-dialog__inner--top,.q-dialog__inner--bottom {
        padding-left:0;
        padding-right: 0
    }

    .q-dialog__inner--top>div,.q-dialog__inner--bottom>div {
        width: 100%!important
    }
}

@media (min-width: 600px) {
    .q-dialog__inner--minimized>div {
        max-width:560px
    }
}

.q-body--dialog {
    overflow: hidden
}

.q-editor {
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 4px;
    background-color: #fff
}

.q-editor.disabled {
    border-style: dashed
}

.q-editor>div:first-child,.q-editor__toolbars-container,.q-editor__toolbars-container>div:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.q-editor__content {
    outline: 0;
    padding: 10px;
    min-height: 10em;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    overflow: auto;
    max-width: 100%
}

.q-editor__content pre {
    white-space: pre-wrap
}

.q-editor__content hr {
    border: 0;
    outline: 0;
    margin: 1px;
    height: 1px;
    background: #0000001f
}

.q-editor__content:empty:not(:focus):before {
    content: attr(placeholder);
    opacity: .7
}

.q-editor__toolbar {
    border-bottom: 1px solid rgba(0,0,0,.12);
    min-height: 32px
}

.q-editor__toolbars-container {
    max-width: 100%
}

.q-editor .q-btn {
    margin: 4px
}

.q-editor__toolbar-group {
    position: relative;
    margin: 0 4px
}

.q-editor__toolbar-group+.q-editor__toolbar-group:before {
    content: "";
    position: absolute;
    left: -4px;
    top: 4px;
    bottom: 4px;
    width: 1px;
    background: #0000001f
}

.q-editor__link-input {
    color: inherit;
    text-decoration: none;
    text-transform: none;
    border: none;
    border-radius: 0;
    background: none;
    outline: 0
}

.q-editor--flat,.q-editor--flat .q-editor__toolbar {
    border: 0
}

.q-editor--dense .q-editor__toolbar-group {
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.q-editor--dark {
    border-color: #ffffff47
}

.q-editor--dark .q-editor__content hr {
    background: #ffffff47
}

.q-editor--dark .q-editor__toolbar {
    border-color: #ffffff47
}

.q-editor--dark .q-editor__toolbar-group+.q-editor__toolbar-group:before {
    background: #ffffff47
}

.q-expansion-item__border {
    opacity: 0
}

.q-expansion-item__toggle-icon {
    position: relative;
    transition: transform .3s
}

.q-expansion-item__toggle-icon--rotated {
    transform: rotate(180deg)
}

.q-expansion-item__toggle-focus {
    width: 1em!important;
    height: 1em!important;
    position: relative!important
}

.q-expansion-item__toggle-focus+.q-expansion-item__toggle-icon {
    margin-top: -1em
}

.q-expansion-item--standard.q-expansion-item--expanded>div>.q-expansion-item__border {
    opacity: 1
}

.q-expansion-item--popup {
    transition: padding .5s
}

.q-expansion-item--popup>.q-expansion-item__container {
    border: 1px solid rgba(0,0,0,.12)
}

.q-expansion-item--popup>.q-expansion-item__container>.q-separator {
    display: none
}

.q-expansion-item--popup.q-expansion-item--collapsed {
    padding: 0 15px
}

.q-expansion-item--popup.q-expansion-item--expanded {
    padding: 15px 0
}

.q-expansion-item--popup.q-expansion-item--expanded+.q-expansion-item--popup.q-expansion-item--expanded {
    padding-top: 0
}

.q-expansion-item--popup.q-expansion-item--collapsed:not(:first-child)>.q-expansion-item__container {
    border-top-width: 0
}

.q-expansion-item--popup.q-expansion-item--expanded+.q-expansion-item--popup.q-expansion-item--collapsed>.q-expansion-item__container {
    border-top-width: 1px
}

.q-expansion-item__content>.q-card {
    box-shadow: none;
    border-radius: 0
}

.q-expansion-item:first-child>div>.q-expansion-item__border--top {
    opacity: 0
}

.q-expansion-item:last-child>div>.q-expansion-item__border--bottom {
    opacity: 0
}

.q-expansion-item--expanded+.q-expansion-item--expanded>div>.q-expansion-item__border--top {
    opacity: 0
}

.q-expansion-item--expanded .q-textarea--autogrow textarea {
    animation: q-expansion-done 0s
}

@keyframes q-expansion-done {
    0% {
        --b2b-exp-done: 1
    }
}

.z-fab {
    z-index: 990
}

.q-fab {
    position: relative;
    vertical-align: middle
}

.q-fab>.q-btn {
    width: 100%
}

.q-fab--form-rounded {
    border-radius: 28px
}

.q-fab--form-square {
    border-radius: 4px
}

.q-fab__icon,.q-fab__active-icon {
    transition: opacity .4s,transform .4s
}

.q-fab__icon {
    opacity: 1;
    transform: rotate(0)
}

.q-fab__active-icon {
    opacity: 0;
    transform: rotate(-180deg)
}

.q-fab__label--external {
    position: absolute;
    padding: 0 8px;
    transition: opacity .18s cubic-bezier(.65,.815,.735,.395)
}

.q-fab__label--external-hidden {
    opacity: 0;
    pointer-events: none
}

.q-fab__label--external-left {
    top: 50%;
    left: -12px;
    transform: translate(-100%,-50%)
}

.q-fab__label--external-right {
    top: 50%;
    right: -12px;
    transform: translate(100%,-50%)
}

.q-fab__label--external-bottom {
    bottom: -12px;
    left: 50%;
    transform: translate(-50%,100%)
}

.q-fab__label--external-top {
    top: -12px;
    left: 50%;
    transform: translate(-50%,-100%)
}

.q-fab__label--internal {
    padding: 0;
    transition: font-size .12s cubic-bezier(.65,.815,.735,.395),max-height .12s cubic-bezier(.65,.815,.735,.395),opacity .07s cubic-bezier(.65,.815,.735,.395);
    max-height: 30px
}

.q-fab__label--internal-hidden {
    font-size: 0;
    opacity: 0
}

.q-fab__label--internal-top {
    padding-bottom: .12em
}

.q-fab__label--internal-bottom {
    padding-top: .12em
}

.q-fab__label--internal-top.q-fab__label--internal-hidden,.q-fab__label--internal-bottom.q-fab__label--internal-hidden {
    max-height: 0
}

.q-fab__label--internal-left {
    padding-left: .285em;
    padding-right: .571em
}

.q-fab__label--internal-right {
    padding-right: .285em;
    padding-left: .571em
}

.q-fab__icon-holder {
    min-width: 24px;
    min-height: 24px;
    position: relative
}

.q-fab__icon-holder--opened .q-fab__icon {
    transform: rotate(180deg);
    opacity: 0
}

.q-fab__icon-holder--opened .q-fab__active-icon {
    transform: rotate(0);
    opacity: 1
}

.q-fab__actions {
    position: absolute;
    opacity: 0;
    transition: transform .18s ease-in,opacity .18s ease-in;
    pointer-events: none;
    align-items: center;
    justify-content: center;
    align-self: center;
    padding: 3px
}

.q-fab__actions .q-btn {
    margin: 5px
}

.q-fab__actions--right {
    transform-origin: 0 50%;
    transform: scale(.4) translate(-62px);
    height: 56px;
    left: 100%;
    margin-left: 9px
}

.q-fab__actions--left {
    transform-origin: 100% 50%;
    transform: scale(.4) translate(62px);
    height: 56px;
    right: 100%;
    margin-right: 9px;
    flex-direction: row-reverse
}

.q-fab__actions--up {
    transform-origin: 50% 100%;
    transform: scale(.4) translateY(62px);
    width: 56px;
    bottom: 100%;
    margin-bottom: 9px;
    flex-direction: column-reverse
}

.q-fab__actions--down {
    transform-origin: 50% 0;
    transform: scale(.4) translateY(-62px);
    width: 56px;
    top: 100%;
    margin-top: 9px;
    flex-direction: column
}

.q-fab__actions--up,.q-fab__actions--down {
    left: 50%;
    margin-left: -28px
}

.q-fab__actions--opened {
    opacity: 1;
    transform: scale(1) translate(.1px);
    pointer-events: all
}

.q-fab--align-left>.q-fab__actions--up,.q-fab--align-left>.q-fab__actions--down {
    align-items: flex-start;
    left: 28px
}

.q-fab--align-right>.q-fab__actions--up,.q-fab--align-right>.q-fab__actions--down {
    align-items: flex-end;
    left: auto;
    right: 0
}

.q-field {
    font-size: 14px
}

.q-field ::-ms-clear,.q-field ::-ms-reveal {
    display: none
}

.q-field--with-bottom {
    padding-bottom: 20px
}

.q-field__marginal {
    height: 56px;
    color: #0000008a;
    font-size: 24px
}

.q-field__marginal>*+* {
    margin-left: 2px
}

.q-field__marginal .q-avatar {
    font-size: 32px
}

.q-field__before,.q-field__prepend {
    padding-right: 12px
}

.q-field__after,.q-field__append {
    padding-left: 12px
}

.q-field__after:empty,.q-field__append:empty {
    display: none
}

.q-field__append+.q-field__append {
    padding-left: 2px
}

.q-field__inner {
    text-align: left
}

.q-field__bottom {
    font-size: 12px;
    min-height: 20px;
    line-height: 1;
    color: #0000008a;
    padding: 8px 12px 0;
    backface-visibility: hidden
}

.q-field__bottom--animated {
    transform: translateY(100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.q-field__messages {
    line-height: 1
}

.q-field__messages>div {
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.q-field__messages>div+div {
    margin-top: 4px
}

.q-field__counter {
    padding-left: 8px;
    line-height: 1
}

.q-field--item-aligned {
    padding: 8px 16px
}

.q-field--item-aligned .q-field__before {
    min-width: 56px
}

.q-field__control-container {
    height: inherit
}

.q-field__control:before,.q-field__control:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

.q-field__control:before {
    border-radius: inherit
}

.q-field__shadow {
    top: 8px;
    opacity: 0;
    overflow: hidden;
    white-space: pre-wrap;
    transition: opacity .36s cubic-bezier(.4,0,.2,1)
}

.q-field__shadow+.q-field__native::placeholder {
    transition: opacity .36s cubic-bezier(.4,0,.2,1)
}

.q-field__shadow+.q-field__native:focus::placeholder {
    opacity: 0
}

.q-field__native,.q-field__prefix,.q-field__suffix,.q-field__input {
    font-weight: 400;
    line-height: 28px;
    letter-spacing: .00937em;
    text-decoration: inherit;
    text-transform: inherit;
    border: none;
    border-radius: 0;
    background: none;
    color: var(--b2b-accent);
    outline: 0;
    padding: 6px 0
}

.q-field__native,.q-field__input {
    width: 100%;
    min-width: 0;
    outline: 0!important;
    -webkit-user-select: auto;
    user-select: auto
}

.q-field__native:-webkit-autofill,.q-field__input:-webkit-autofill {
    -webkit-animation-name: q-autofill;
    -webkit-animation-fill-mode: both
}

.q-field__native:-webkit-autofill+.q-field__label,.q-field__input:-webkit-autofill+.q-field__label {
    transform: translateY(-40%) scale(.75)
}

.q-field__native[type=color]+.q-field__label,.q-field__native[type=date]+.q-field__label,.q-field__native[type=datetime-local]+.q-field__label,.q-field__native[type=month]+.q-field__label,.q-field__native[type=time]+.q-field__label,.q-field__native[type=week]+.q-field__label,.q-field__input[type=color]+.q-field__label,.q-field__input[type=date]+.q-field__label,.q-field__input[type=datetime-local]+.q-field__label,.q-field__input[type=month]+.q-field__label,.q-field__input[type=time]+.q-field__label,.q-field__input[type=week]+.q-field__label {
    transform: translateY(-40%) scale(.75)
}

.q-field__native:invalid,.q-field__input:invalid {
    box-shadow: none
}

.q-field__native[type=file] {
    line-height: 1em
}

.q-field__input {
    padding: 0;
    height: 0;
    min-height: 24px;
    line-height: 24px
}

.q-field__prefix,.q-field__suffix {
    transition: opacity .36s cubic-bezier(.4,0,.2,1);
    white-space: nowrap
}

.q-field__prefix {
    padding-right: 4px
}

.q-field__suffix {
    padding-left: 4px
}

.q-field--readonly .q-placeholder,.q-field--disabled .q-placeholder {
    opacity: 1!important
}

.q-field--readonly.q-field--labeled .q-field__native,.q-field--readonly.q-field--labeled .q-field__input {
    cursor: default
}

.q-field--readonly.q-field--float .q-field__native,.q-field--readonly.q-field--float .q-field__input {
    cursor: text
}

.q-field--disabled .q-field__inner {
    cursor: not-allowed
}

.q-field--disabled .q-field__control {
    pointer-events: none
}

.q-field--disabled .q-field__control>div {
    opacity: .6!important
}

.q-field--disabled .q-field__control>div,.q-field--disabled .q-field__control>div * {
    outline: 0!important
}

.q-field__label {
    left: 0;
    top: 18px;
    max-width: 100%;
    color: #0009;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: .00937em;
    text-decoration: inherit;
    text-transform: inherit;
    transform-origin: left top;
    transition: transform .36s cubic-bezier(.4,0,.2,1),max-width .324s cubic-bezier(.4,0,.2,1);
    backface-visibility: hidden
}

.q-field--float .q-field__label {
    max-width: 133%;
    transform: translateY(-40%) scale(.75);
    transition: transform .36s cubic-bezier(.4,0,.2,1),max-width .396s cubic-bezier(.4,0,.2,1)
}

.q-field--highlighted .q-field__label {
    color: currentColor
}

.q-field--highlighted .q-field__shadow {
    opacity: .5
}

.q-field--filled .q-field__control {
    padding: 0 12px;
    background: #0000000d;
    border-radius: 4px 4px 0 0
}

.q-field--filled .q-field__control:before {
    background: #0000000d;
    border-bottom: 1px solid rgba(0,0,0,.42);
    opacity: 0;
    transition: opacity .36s cubic-bezier(.4,0,.2,1),background .36s cubic-bezier(.4,0,.2,1)
}

.q-field--filled .q-field__control:hover:before {
    opacity: 1
}

.q-field--filled .q-field__control:after {
    height: 2px;
    top: auto;
    transform-origin: center bottom;
    transform: scale3d(0,1,1);
    background: currentColor;
    transition: transform .36s cubic-bezier(.4,0,.2,1)
}

.q-field--filled.q-field--rounded .q-field__control {
    border-radius: 28px 28px 0 0
}

.q-field--filled.q-field--highlighted .q-field__control:before {
    opacity: 1;
    background: #0000001f
}

.q-field--filled.q-field--highlighted .q-field__control:after {
    transform: scaleZ(1)
}

.q-field--filled.q-field--dark .q-field__control,.q-field--filled.q-field--dark .q-field__control:before {
    background: #ffffff12
}

.q-field--filled.q-field--dark.q-field--highlighted .q-field__control:before {
    background: #ffffff1a
}

.q-field--filled.q-field--readonly .q-field__control:before {
    opacity: 1;
    background: transparent;
    border-bottom-style: dashed
}

.q-field--outlined .q-field__control {
    border-radius: 4px;
    padding: 0 12px
}

.q-field--outlined .q-field__control:before {
    border: 1px solid rgba(0,0,0,.24);
    transition: border-color .36s cubic-bezier(.4,0,.2,1)
}

.q-field--outlined .q-field__control:hover:before {
    border-color: #000
}

.q-field--outlined .q-field__control:after {
    height: inherit;
    border-radius: inherit;
    border: 2px solid transparent;
    transition: border-color .36s cubic-bezier(.4,0,.2,1)
}

.q-field--outlined .q-field__native:-webkit-autofill,.q-field--outlined .q-field__input:-webkit-autofill {
    margin-top: 1px;
    margin-bottom: 1px
}

.q-field--outlined.q-field--rounded .q-field__control {
    border-radius: 28px
}

.q-field--outlined.q-field--highlighted .q-field__control:hover:before {
    border-color: transparent
}

.q-field--outlined.q-field--highlighted .q-field__control:after {
    border-color: currentColor;
    border-width: 2px;
    transform: scaleZ(1)
}

.q-field--outlined.q-field--readonly .q-field__control:before {
    border-style: dashed
}

.q-field--standard .q-field__control:before {
    border-bottom: 1px solid rgba(0,0,0,.24);
    transition: border-color .36s cubic-bezier(.4,0,.2,1)
}

.q-field--standard .q-field__control:hover:before {
    border-color: #000
}

.q-field--standard .q-field__control:after {
    height: 2px;
    top: auto;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    transform-origin: center bottom;
    transform: scale3d(0,1,1);
    background: currentColor;
    transition: transform .36s cubic-bezier(.4,0,.2,1)
}

.q-field--standard.q-field--highlighted .q-field__control:after {
    transform: scaleZ(1)
}

.q-field--standard.q-field--readonly .q-field__control:before {
    border-bottom-style: dashed
}

.q-field--dark .q-field__control:before {
    border-color: #fff9
}

.q-field--dark .q-field__control:hover:before {
    border-color: #fff
}

.q-field--dark .q-field__native,.q-field--dark .q-field__prefix,.q-field--dark .q-field__suffix,.q-field--dark .q-field__input {
    color: #fff
}

.q-field--dark:not(.q-field--highlighted) .q-field__label,.q-field--dark .q-field__marginal,.q-field--dark .q-field__bottom {
    color: #ffffffb3
}

.q-field--standout .q-field__control {
    padding: 0 12px;
    background: #0000000d;
    border-radius: 4px;
    transition: box-shadow .36s cubic-bezier(.4,0,.2,1),background-color .36s cubic-bezier(.4,0,.2,1)
}

.q-field--standout .q-field__control:before {
    background: #00000012;
    opacity: 0;
    transition: opacity .36s cubic-bezier(.4,0,.2,1),background .36s cubic-bezier(.4,0,.2,1)
}

.q-field--standout .q-field__control:hover:before {
    opacity: 1
}

.q-field--standout.q-field--rounded .q-field__control {
    border-radius: 28px
}

.q-field--standout.q-field--highlighted .q-field__control {
    box-shadow: 0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f;
    background: #000
}

.q-field--standout.q-field--highlighted .q-field__native,.q-field--standout.q-field--highlighted .q-field__prefix,.q-field--standout.q-field--highlighted .q-field__suffix,.q-field--standout.q-field--highlighted .q-field__prepend,.q-field--standout.q-field--highlighted .q-field__append,.q-field--standout.q-field--highlighted .q-field__input {
    color: #fff
}

.q-field--standout.q-field--readonly .q-field__control:before {
    opacity: 1;
    background: transparent;
    border: 1px dashed rgba(0,0,0,.24)
}

.q-field--standout.q-field--dark .q-field__control {
    background: #ffffff12
}

.q-field--standout.q-field--dark .q-field__control:before {
    background: #ffffff12
}

.q-field--standout.q-field--dark.q-field--highlighted .q-field__control {
    background: #fff
}

.q-field--standout.q-field--dark.q-field--highlighted .q-field__native,.q-field--standout.q-field--dark.q-field--highlighted .q-field__prefix,.q-field--standout.q-field--dark.q-field--highlighted .q-field__suffix,.q-field--standout.q-field--dark.q-field--highlighted .q-field__prepend,.q-field--standout.q-field--dark.q-field--highlighted .q-field__append,.q-field--standout.q-field--dark.q-field--highlighted .q-field__input {
    color: #000
}

.q-field--standout.q-field--dark.q-field--readonly .q-field__control:before {
    border-color: #ffffff3d
}

.q-field--labeled .q-field__native,.q-field--labeled .q-field__prefix,.q-field--labeled .q-field__suffix {
    line-height: 24px;
    padding-top: 24px;
    padding-bottom: 8px
}

.q-field--labeled .q-field__shadow {
    top: 0
}

.q-field--labeled:not(.q-field--float) .q-field__prefix,.q-field--labeled:not(.q-field--float) .q-field__suffix {
    opacity: 0
}

.q-field--labeled:not(.q-field--float) .q-field__native::placeholder,.q-field--labeled:not(.q-field--float) .q-field__input::placeholder {
    color: transparent
}

.q-field--labeled.q-field--dense .q-field__native,.q-field--labeled.q-field--dense .q-field__prefix,.q-field--labeled.q-field--dense .q-field__suffix {
    padding-top: 14px;
    padding-bottom: 2px
}

.q-field--dense .q-field--with-bottom {
    padding-bottom: 19px
}

.q-field--dense .q-field__shadow {
    top: 0
}

.q-field--dense .q-field__control,.q-field--dense .q-field__marginal {
    height: 40px
}

.q-field--dense .q-field__bottom {
    font-size: 11px
}

.q-field--dense .q-field__label {
    font-size: 14px;
    top: 10px
}

.q-field--dense .q-field__before,.q-field--dense .q-field__prepend {
    padding-right: 6px
}

.q-field--dense .q-field__after,.q-field--dense .q-field__append {
    padding-left: 6px
}

.q-field--dense .q-field__append+.q-field__append {
    padding-left: 2px
}

.q-field--dense .q-field__marginal .q-avatar {
    font-size: 24px
}

.q-field--dense.q-field--float .q-field__label {
    transform: translateY(-30%) scale(.75)
}

.q-field--dense .q-field__native:-webkit-autofill+.q-field__label,.q-field--dense .q-field__input:-webkit-autofill+.q-field__label {
    transform: translateY(-30%) scale(.75)
}

.q-field--dense .q-field__native[type=color]+.q-field__label,.q-field--dense .q-field__native[type=date]+.q-field__label,.q-field--dense .q-field__native[type=datetime-local]+.q-field__label,.q-field--dense .q-field__native[type=month]+.q-field__label,.q-field--dense .q-field__native[type=time]+.q-field__label,.q-field--dense .q-field__native[type=week]+.q-field__label,.q-field--dense .q-field__input[type=color]+.q-field__label,.q-field--dense .q-field__input[type=date]+.q-field__label,.q-field--dense .q-field__input[type=datetime-local]+.q-field__label,.q-field--dense .q-field__input[type=month]+.q-field__label,.q-field--dense .q-field__input[type=time]+.q-field__label,.q-field--dense .q-field__input[type=week]+.q-field__label {
    transform: translateY(-30%) scale(.75)
}

.q-field--borderless .q-field__bottom,.q-field--borderless.q-field--dense .q-field__control,.q-field--standard .q-field__bottom,.q-field--standard.q-field--dense .q-field__control {
    padding-left: 0;
    padding-right: 0
}

.q-field--error .q-field__label {
    animation: q-field-label .36s
}

.q-field--error .q-field__bottom {
    color: var(--b2b-negative)
}

.q-field__focusable-action {
    opacity: .6;
    cursor: pointer;
    outline: 0!important;
    border: 0;
    color: inherit;
    background: transparent;
    padding: 0
}

.q-field__focusable-action:hover,.q-field__focusable-action:focus {
    opacity: 1
}

.q-field--auto-height .q-field__control {
    height: auto
}

.q-field--auto-height .q-field__control,.q-field--auto-height .q-field__native {
    min-height: 56px
}

.q-field--auto-height .q-field__native {
    align-items: center
}

.q-field--auto-height .q-field__control-container {
    padding-top: 0
}

.q-field--auto-height .q-field__native,.q-field--auto-height .q-field__prefix,.q-field--auto-height .q-field__suffix {
    line-height: 18px
}

.q-field--auto-height.q-field--labeled .q-field__control-container {
    padding-top: 24px
}

.q-field--auto-height.q-field--labeled .q-field__shadow {
    top: 24px
}

.q-field--auto-height.q-field--labeled .q-field__native,.q-field--auto-height.q-field--labeled .q-field__prefix,.q-field--auto-height.q-field--labeled .q-field__suffix {
    padding-top: 0
}

.q-field--auto-height.q-field--labeled .q-field__native {
    min-height: 24px
}

.q-field--auto-height.q-field--dense .q-field__control,.q-field--auto-height.q-field--dense .q-field__native {
    min-height: 40px
}

.q-field--auto-height.q-field--dense.q-field--labeled .q-field__control-container {
    padding-top: 14px
}

.q-field--auto-height.q-field--dense.q-field--labeled .q-field__shadow {
    top: 14px
}

.q-field--auto-height.q-field--dense.q-field--labeled .q-field__native {
    min-height: 24px
}

.q-field--square .q-field__control {
    border-radius: 0!important
}

.q-transition--field-message-enter-active,.q-transition--field-message-leave-active {
    transition: transform .6s cubic-bezier(.86,0,.07,1),opacity .6s cubic-bezier(.86,0,.07,1)
}

.q-transition--field-message-enter-from,.q-transition--field-message-leave-to {
    opacity: 0;
    transform: translateY(-10px)
}

.q-transition--field-message-leave-from,.q-transition--field-message-leave-active {
    position: absolute
}

@keyframes q-field-label {
    40% {
        margin-left: 2px
    }

    60%,80% {
        margin-left: -2px
    }

    70%,90% {
        margin-left: 2px
    }
}

@keyframes q-autofill {
    to {
        background: transparent;
        color: inherit
    }
}

.q-file .q-field__native {
    word-break: break-all;
    overflow: hidden
}

.q-file .q-field__input {
    opacity: 0!important
}

.q-file .q-field__input::-webkit-file-upload-button {
    cursor: pointer
}

.q-file__filler {
    visibility: hidden;
    width: 100%;
    border: none;
    padding: 0
}

.q-file__dnd {
    outline: 1px dashed currentColor;
    outline-offset: -4px
}

.q-form {
    position: relative
}

.q-img {
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden
}

.q-img__loading .q-spinner {
    font-size: 50px
}

.q-img__container {
    border-radius: inherit;
    font-size: 0
}

.q-img__image {
    border-radius: inherit;
    width: 100%;
    height: 100%;
    opacity: 0
}

.q-img__image--with-transition {
    transition: opacity .28s ease-in
}

.q-img__image--loaded {
    opacity: 1
}

.q-img__content {
    border-radius: inherit;
    pointer-events: none
}

.q-img__content>div {
    pointer-events: all;
    position: absolute;
    padding: 16px;
    color: #fff;
    background: #00000078
}

.q-img--no-menu .q-img__image,.q-img--no-menu .q-img__placeholder {
    pointer-events: none
}

.q-inner-loading {
    background: #fff9;
    border-radius: inherit
}

.q-inner-loading--dark {
    background: #0006
}

.q-inner-loading__label {
    margin-top: 8px
}

.q-textarea .q-field__control {
    min-height: 56px;
    height: auto
}

.q-textarea .q-field__control-container {
    padding-top: 2px;
    padding-bottom: 2px
}

.q-textarea .q-field__shadow {
    top: 2px;
    bottom: 2px
}

.q-textarea .q-field__native,.q-textarea .q-field__prefix,.q-textarea .q-field__suffix {
    line-height: 18px
}

.q-textarea .q-field__native {
    resize: vertical;
    padding-top: 17px;
    min-height: 52px
}

.q-textarea.q-field--labeled .q-field__control-container {
    padding-top: 26px
}

.q-textarea.q-field--labeled .q-field__shadow {
    top: 26px
}

.q-textarea.q-field--labeled .q-field__native,.q-textarea.q-field--labeled .q-field__prefix,.q-textarea.q-field--labeled .q-field__suffix {
    padding-top: 0
}

.q-textarea.q-field--labeled .q-field__native {
    min-height: 26px;
    padding-top: 1px
}

.q-textarea--autogrow .q-field__native {
    resize: none
}

.q-textarea.q-field--dense .q-field__control,.q-textarea.q-field--dense .q-field__native {
    min-height: 36px
}

.q-textarea.q-field--dense .q-field__native {
    padding-top: 9px
}

.q-textarea.q-field--dense.q-field--labeled .q-field__control-container {
    padding-top: 14px
}

.q-textarea.q-field--dense.q-field--labeled .q-field__shadow {
    top: 14px
}

.q-textarea.q-field--dense.q-field--labeled .q-field__native {
    min-height: 24px;
    padding-top: 3px
}

.q-textarea.q-field--dense.q-field--labeled .q-field__prefix,.q-textarea.q-field--dense.q-field--labeled .q-field__suffix {
    padding-top: 2px
}

body.mobile .q-textarea .q-field__native,.q-textarea.disabled .q-field__native {
    resize: none
}

.q-intersection {
    position: relative
}

.q-item {
    min-height: 48px;
    padding: 8px 16px;
    color: inherit;
    transition: color .3s,background-color .3s
}

.q-item__section--side {
    color: #757575;
    align-items: flex-start;
    padding-right: 16px;
    width: auto;
    min-width: 0;
    max-width: 100%
}

.q-item__section--side>.q-icon {
    font-size: 24px
}

.q-item__section--side>.q-avatar {
    font-size: 40px
}

.q-item__section--avatar {
    color: inherit;
    min-width: 56px
}

.q-item__section--thumbnail img {
    width: 100px;
    height: 56px
}

.q-item__section--nowrap {
    white-space: nowrap
}

.q-item>.q-item__section--thumbnail:first-child,.q-item>.q-focus-helper+.q-item__section--thumbnail {
    margin-left: -16px
}

.q-item>.q-item__section--thumbnail:last-of-type {
    margin-right: -16px
}

.q-item__label {
    line-height: 1.2em!important;
    max-width: 100%
}

.q-item__label--overline {
    color: #000000b3
}

.q-item__label--caption {
    color: #0000008a
}

.q-item__label--header {
    color: #757575;
    padding: 16px;
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: .01786em
}

.q-separator--spaced+.q-item__label--header,.q-list--padding .q-item__label--header {
    padding-top: 8px
}

.q-item__label+.q-item__label {
    margin-top: 4px
}

.q-item__section--main {
    width: auto;
    min-width: 0;
    max-width: 100%;
    flex: 10000 1 0%
}

.q-item__section--main+.q-item__section--main {
    margin-left: 8px
}

.q-item__section--main~.q-item__section--side {
    align-items: flex-end;
    padding-right: 0;
    padding-left: 16px
}

.q-item__section--main.q-item__section--thumbnail {
    margin-left: 0;
    margin-right: -16px
}

.q-list--bordered {
    border: 1px solid rgba(0,0,0,.12)
}

.q-list--separator>.q-item-type+.q-item-type,.q-list--separator>.q-virtual-scroll__content>.q-item-type+.q-item-type {
    border-top: 1px solid rgba(0,0,0,.12)
}

.q-list--padding {
    padding: 8px 0
}

.q-list--dense>.q-item,.q-item--dense {
    min-height: 32px;
    padding: 2px 16px
}

.q-list--dark.q-list--separator>.q-item-type+.q-item-type,.q-list--dark.q-list--separator>.q-virtual-scroll__content>.q-item-type+.q-item-type {
    border-top-color: #ffffff47
}

.q-list--dark,.q-item--dark {
    color: #fff;
    border-color: #ffffff47
}

.q-list--dark .q-item__section--side:not(.q-item__section--avatar),.q-item--dark .q-item__section--side:not(.q-item__section--avatar) {
    color: #ffffffb3
}

.q-list--dark .q-item__label--header,.q-item--dark .q-item__label--header {
    color: #ffffffa3
}

.q-list--dark .q-item__label--overline,.q-list--dark .q-item__label--caption,.q-item--dark .q-item__label--overline,.q-item--dark .q-item__label--caption {
    color: #fffc
}

.q-item {
    position: relative
}

.q-item.q-router-link--active,.q-item--active {
    color: var(--b2b-primary)
}

.q-knob {
    font-size: 48px
}

.q-knob--editable {
    cursor: pointer;
    outline: 0
}

.q-knob--editable:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    box-shadow: none;
    transition: box-shadow .24s ease-in-out
}

.q-knob--editable:focus:before {
    box-shadow: 0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f
}

body.body--dark .q-knob--editable:focus:before {
    box-shadow: 0 1px 5px #fff3,0 2px 2px #ffffff24,0 3px 1px -2px #ffffff1f
}

.q-layout {
    width: 100%;
    outline: 0
}

.q-layout-container {
    position: relative;
    width: 100%;
    height: 100%
}

.q-layout-container .q-layout {
    min-height: 100%
}

.q-layout-container>div {
    transform: translateZ(0)
}

.q-layout-container>div>div {
    min-height: 0;
    max-height: 100%
}

.q-layout__shadow {
    width: 100%
}

.q-layout__shadow:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 0 10px 2px #0003,0 0 10px #0000003d
}

.q-layout__section--marginal {
    background-color: var(--b2b-primary);
    color: #fff
}

.q-header--hidden {
    transform: translateY(-110%)
}

.q-header--bordered {
    border-bottom: 1px solid rgba(0,0,0,.12)
}

.q-header .q-layout__shadow {
    bottom: -10px
}

.q-header .q-layout__shadow:after {
    bottom: 10px
}

.q-footer--hidden {
    transform: translateY(110%)
}

.q-footer--bordered {
    border-top: 1px solid rgba(0,0,0,.12)
}

.q-footer .q-layout__shadow {
    top: -10px
}

.q-footer .q-layout__shadow:after {
    top: 10px
}

.q-header,.q-footer {
    z-index: 2000
}

.q-drawer {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #fff;
    z-index: 1000
}

.q-drawer--on-top {
    z-index: 3000
}

.q-drawer--left {
    left: 0;
    transform: translate(-100%)
}

.q-drawer--left.q-drawer--bordered {
    border-right: 1px solid rgba(0,0,0,.12)
}

.q-drawer--left .q-layout__shadow {
    left: 10px;
    right: -10px
}

.q-drawer--left .q-layout__shadow:after {
    right: 10px
}

.q-drawer--right {
    right: 0;
    transform: translate(100%)
}

.q-drawer--right.q-drawer--bordered {
    border-left: 1px solid rgba(0,0,0,.12)
}

.q-drawer--right .q-layout__shadow {
    left: -10px
}

.q-drawer--right .q-layout__shadow:after {
    left: 10px
}

.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini {
    padding: 0!important
}

.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item,.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section {
    text-align: center;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    min-width: 0
}

.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__label,.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section--main,.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section--side~.q-item__section--side {
    display: none
}

.q-drawer--mini .q-mini-drawer-hide,.q-drawer--mini .q-expansion-item__content {
    display: none
}

.q-drawer--mini-animate .q-drawer__content {
    overflow-x: hidden!important;
    white-space: nowrap
}

.q-drawer--standard .q-mini-drawer-only,.q-drawer--mobile .q-mini-drawer-only,.q-drawer--mobile .q-mini-drawer-hide {
    display: none
}

.q-drawer__backdrop {
    z-index: 2999!important;
    will-change: background-color
}

.q-drawer__opener {
    z-index: 2001;
    height: 100%;
    width: 15px;
    -webkit-user-select: none;
    user-select: none
}

.q-layout,.q-header,.q-footer,.q-page {
    position: relative
}

.q-page-sticky--shrink {
    pointer-events: none
}

.q-page-sticky--shrink>div {
    display: inline-block;
    pointer-events: auto
}

body.q-ios-padding .q-layout--standard .q-header>.q-toolbar:nth-child(1),body.q-ios-padding .q-layout--standard .q-header>.q-tabs:nth-child(1) .q-tabs__content,body.q-ios-padding .q-layout--standard .q-drawer--top-padding .q-drawer__content {
    padding-top: 20px;
    min-height: 70px;
    padding-top: env(safe-area-inset-top);
    min-height: calc(env(safe-area-inset-top) + 50px)
}

body.q-ios-padding .q-layout--standard .q-footer>.q-toolbar:last-child,body.q-ios-padding .q-layout--standard .q-footer>.q-tabs:nth-last-child(1 of:not(.q-layout__shadow)) .q-tabs__content,body.q-ios-padding .q-layout--standard .q-drawer--top-padding .q-drawer__content {
    padding-bottom: env(safe-area-inset-bottom);
    min-height: calc(env(safe-area-inset-bottom) + 50px)
}

.q-body--layout-animate .q-drawer__backdrop {
    transition: background-color .12s!important
}

.q-body--layout-animate .q-drawer {
    transition: transform .12s,width .12s,top .12s,bottom .12s!important
}

.q-body--layout-animate .q-layout__section--marginal {
    transition: transform .12s,left .12s,right .12s!important
}

.q-body--layout-animate .q-page-container {
    transition: padding-top .12s,padding-right .12s,padding-bottom .12s,padding-left .12s!important
}

.q-body--layout-animate .q-page-sticky {
    transition: transform .12s,left .12s,right .12s,top .12s,bottom .12s!important
}

body:not(.q-body--layout-animate) .q-layout--prevent-focus {
    visibility: hidden
}

.q-body--drawer-toggle {
    overflow-x: hidden!important
}

@media (max-width: 599.98px) {
    .q-layout-padding {
        padding:8px
    }
}

@media (min-width: 600px) and (max-width: 1439.98px) {
    .q-layout-padding {
        padding:16px
    }
}

@media (min-width: 1440px) {
    .q-layout-padding {
        padding:24px
    }
}

body.body--dark .q-header,body.body--dark .q-footer,body.body--dark .q-drawer {
    border-color: #ffffff47
}

body.body--dark .q-layout__shadow:after {
    box-shadow: 0 0 10px 2px #fff3,0 0 10px #ffffff3d
}

body.platform-ios .q-layout--containerized {
    position: unset!important
}

.q-linear-progress {
    --b2b-linear-progress-speed: .3s;
    position: relative;
    width: 100%;
    overflow: hidden;
    font-size: 4px;
    height: 1em;
    color: var(--b2b-primary);
    transform: scaleZ(1)
}

.q-linear-progress__model,.q-linear-progress__track {
    transform-origin: 0 0
}

.q-linear-progress__model--with-transition,.q-linear-progress__track--with-transition {
    transition: transform var(--b2b-linear-progress-speed)
}

.q-linear-progress--reverse .q-linear-progress__model,.q-linear-progress--reverse .q-linear-progress__track {
    transform-origin: 0 100%
}

.q-linear-progress__model--determinate {
    background: currentColor
}

.q-linear-progress__model--indeterminate,.q-linear-progress__model--query {
    transition: none
}

.q-linear-progress__model--indeterminate:before,.q-linear-progress__model--indeterminate:after,.q-linear-progress__model--query:before,.q-linear-progress__model--query:after {
    background: currentColor;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform-origin: 0 0
}

.q-linear-progress__model--indeterminate:before,.q-linear-progress__model--query:before {
    animation: q-linear-progress--indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite
}

.q-linear-progress__model--indeterminate:after,.q-linear-progress__model--query:after {
    transform: translate3d(-101%,0,0) scaleZ(1);
    animation: q-linear-progress--indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;
    animation-delay: 1.15s
}

.q-linear-progress__track {
    opacity: .4
}

.q-linear-progress__track--light {
    background: #00000042
}

.q-linear-progress__track--dark {
    background: #fff9
}

.q-linear-progress__stripe {
    background-image: linear-gradient(45deg,#ffffff26 25%,#fff0 25% 50%,#ffffff26 50% 75%,#fff0 75%,#fff0)!important;
    background-size: 40px 40px!important
}

.q-linear-progress__stripe--with-transition {
    transition: width var(--b2b-linear-progress-speed)
}

@keyframes q-linear-progress--indeterminate {
    0% {
        transform: translate3d(-35%,0,0) scale3d(.35,1,1)
    }

    60% {
        transform: translate3d(100%,0,0) scale3d(.9,1,1)
    }

    to {
        transform: translate3d(100%,0,0) scale3d(.9,1,1)
    }
}

@keyframes q-linear-progress--indeterminate-short {
    0% {
        transform: translate3d(-101%,0,0) scaleZ(1)
    }

    60% {
        transform: translate3d(107%,0,0) scale3d(.01,1,1)
    }

    to {
        transform: translate3d(107%,0,0) scale3d(.01,1,1)
    }
}

.q-menu {
    position: fixed!important;
    display: inline-block;
    max-width: 95vw;
    max-height: 65vh;
    box-shadow: 0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f;
    background: #fff;
    border-radius: 4px;
    overflow-y: auto;
    overflow-x: hidden;
    outline: 0;
    z-index: 6000
}

.q-menu--square {
    border-radius: 0
}

.q-menu--dark {
    box-shadow: 0 1px 5px #fff3,0 2px 2px #ffffff24,0 3px 1px -2px #ffffff1f
}

.q-option-group--inline>div {
    display: inline-block
}

.q-pagination input {
    text-align: center;
    -moz-appearance: textfield
}

.q-pagination input::-webkit-outer-spin-button,.q-pagination input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.q-pagination__content {
    --b2b-pagination-gutter-parent: -2px;
    --b2b-pagination-gutter-child: 2px;
    margin-top: var(--b2b-pagination-gutter-parent);
    margin-left: var(--b2b-pagination-gutter-parent)
}

.q-pagination__content>.q-btn,.q-pagination__content>.q-input,.q-pagination__middle>.q-btn {
    margin-top: var(--b2b-pagination-gutter-child);
    margin-left: var(--b2b-pagination-gutter-child)
}

.q-parallax {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: inherit
}

.q-parallax__media>img,.q-parallax__media>video {
    position: absolute;
    left: 50%;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    will-change: transform;
    display: none
}

.q-popup-edit {
    padding: 8px 16px
}

.q-popup-edit__buttons {
    margin-top: 8px
}

.q-popup-edit__buttons .q-btn+.q-btn {
    margin-left: 8px
}

.q-pull-to-refresh {
    position: relative
}

.q-pull-to-refresh__puller {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: var(--b2b-primary);
    background: #fff;
    box-shadow: 0 0 4px #0000004d
}

.q-pull-to-refresh__puller--animating {
    transition: transform .3s,opacity .3s
}

.q-radio {
    vertical-align: middle
}

.q-radio__native {
    width: 1px;
    height: 1px
}

.q-radio__bg,.q-radio__icon-container {
    -webkit-user-select: none;
    user-select: none
}

.q-radio__bg {
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    -webkit-print-color-adjust: exact
}

.q-radio__bg path {
    fill: currentColor
}

.q-radio__icon {
    color: currentColor;
    font-size: .5em
}

.q-radio__check {
    transform-origin: 50% 50%;
    transform: scale3d(0,0,1);
    transition: transform .22s cubic-bezier(0,0,.2,1) 0ms
}

.q-radio__inner {
    font-size: 40px;
    width: 1em;
    min-width: 1em;
    height: 1em;
    outline: 0;
    border-radius: 50%;
    color: #0000008a
}

.q-radio__inner--truthy {
    color: var(--b2b-primary)
}

.q-radio__inner--truthy .q-radio__check {
    transform: scaleZ(1)
}

.q-radio.disabled {
    opacity: .75!important
}

.q-radio--dark .q-radio__inner {
    color: #ffffffb3
}

.q-radio--dark .q-radio__inner:before {
    opacity: .32!important
}

.q-radio--dark .q-radio__inner--truthy {
    color: var(--b2b-primary)
}

.q-radio--dense .q-radio__inner {
    width: .5em;
    min-width: .5em;
    height: .5em
}

.q-radio--dense .q-radio__bg {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.q-radio--dense .q-radio__label {
    padding-left: .5em
}

.q-radio--dense.reverse .q-radio__label {
    padding-left: 0;
    padding-right: .5em
}

body.desktop .q-radio:not(.disabled) .q-radio__inner:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background: currentColor;
    opacity: .12;
    transform: scale3d(0,0,1);
    transition: transform .22s cubic-bezier(0,0,.2,1) 0ms
}

body.desktop .q-radio:not(.disabled):focus .q-radio__inner:before,body.desktop .q-radio:not(.disabled):hover .q-radio__inner:before {
    transform: scaleZ(1)
}

body.desktop .q-radio--dense:not(.disabled):focus .q-radio__inner:before,body.desktop .q-radio--dense:not(.disabled):hover .q-radio__inner:before {
    transform: scale3d(1.5,1.5,1)
}

.q-rating {
    color: #ffeb3b;
    vertical-align: middle
}

.q-rating__icon-container {
    height: 1em;
    outline: 0
}

.q-rating__icon-container+.q-rating__icon-container {
    margin-left: 2px
}

.q-rating__icon {
    color: currentColor;
    text-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    position: relative;
    opacity: .4;
    transition: transform .2s ease-in,opacity .2s ease-in,color .2s ease-in
}

.q-rating__icon--hovered {
    transform: scale(1.3)
}

.q-rating__icon--active {
    opacity: 1
}

.q-rating__icon--exselected {
    opacity: .7
}

.q-rating--no-dimming .q-rating__icon {
    opacity: 1
}

.q-rating--editable .q-rating__icon-container {
    cursor: pointer
}

.q-responsive {
    position: relative;
    max-width: 100%;
    max-height: 100%
}

.q-responsive__filler {
    width: inherit;
    max-width: inherit;
    height: inherit;
    max-height: inherit
}

.q-responsive__content {
    border-radius: inherit
}

.q-responsive__content>* {
    width: 100%!important;
    height: 100%!important;
    max-height: 100%!important;
    max-width: 100%!important
}

.q-scrollarea {
    position: relative;
    contain: strict
}

.q-scrollarea__bar,.q-scrollarea__thumb {
    opacity: .2;
    transition: opacity .3s;
    will-change: opacity;
    cursor: grab
}

.q-scrollarea__bar--v,.q-scrollarea__thumb--v {
    right: 0;
    width: 10px
}

.q-scrollarea__bar--h,.q-scrollarea__thumb--h {
    bottom: 0;
    height: 10px
}

.q-scrollarea__bar--invisible,.q-scrollarea__thumb--invisible {
    opacity: 0!important;
    pointer-events: none
}

.q-scrollarea__thumb {
    background: #000;
    border-radius: 3px
}

.q-scrollarea__thumb:hover {
    opacity: .3
}

.q-scrollarea__thumb:active {
    opacity: .5
}

.q-scrollarea__content {
    min-height: 100%;
    min-width: 100%
}

.q-scrollarea--dark .q-scrollarea__thumb {
    background: #fff
}

.q-select--without-input .q-field__control {
    cursor: pointer
}

.q-select--with-input .q-field__control {
    cursor: text
}

.q-select .q-field__input {
    min-width: 50px!important;
    cursor: text
}

.q-select .q-field__input--padding {
    padding-left: 4px
}

.q-select__focus-target,.q-select__autocomplete-input {
    position: absolute;
    outline: 0!important;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    opacity: 0
}

.q-select__dropdown-icon {
    cursor: pointer;
    transition: transform .28s
}

.q-select.q-field--readonly .q-field__control,.q-select.q-field--readonly .q-select__dropdown-icon {
    cursor: default
}

.q-select__dialog {
    width: 90vw!important;
    max-width: 90vw!important;
    max-height: calc(100vh - 70px)!important;
    background: #fff;
    display: flex;
    flex-direction: column
}

.q-select__dialog>.scroll {
    position: relative;
    background: inherit
}

body.mobile:not(.native-mobile) .q-select__dialog {
    max-height: calc(100vh - 108px)!important
}

body.platform-android.native-mobile .q-dialog__inner--top .q-select__dialog {
    max-height: calc(100vh - 24px)!important
}

body.platform-android:not(.native-mobile) .q-dialog__inner--top .q-select__dialog {
    max-height: calc(100vh - 80px)!important
}

body.platform-ios.native-mobile .q-dialog__inner--top>div {
    border-radius: 4px
}

body.platform-ios.native-mobile .q-dialog__inner--top .q-select__dialog--focused {
    max-height: 47vh!important
}

body.platform-ios:not(.native-mobile) .q-dialog__inner--top .q-select__dialog--focused {
    max-height: 50vh!important
}

.q-separator {
    border: 0;
    background: #0000001f;
    margin: 0;
    transition: background .3s,opacity .3s;
    flex-shrink: 0
}

.q-separator--dark {
    background: #ffffff47
}

.q-separator--horizontal {
    display: block;
    height: 1px
}

.q-separator--horizontal-inset {
    margin-left: 16px;
    margin-right: 16px
}

.q-separator--horizontal-item-inset {
    margin-left: 72px;
    margin-right: 0
}

.q-separator--horizontal-item-thumbnail-inset {
    margin-left: 116px;
    margin-right: 0
}

.q-separator--vertical {
    width: 1px;
    height: auto;
    align-self: stretch
}

.q-separator--vertical-inset {
    margin-top: 8px;
    margin-bottom: 8px
}

.q-skeleton {
    --b2b-skeleton-speed: 1.5s;
    background: #0000001f;
    border-radius: 4px;
    box-sizing: border-box
}

.q-skeleton--anim {
    cursor: wait
}

.q-skeleton:before {
    content: " "
}

.q-skeleton--type-text {
    transform: scaleY(.5)
}

.q-skeleton--type-circle,.q-skeleton--type-QAvatar {
    height: 48px;
    width: 48px;
    border-radius: 50%
}

.q-skeleton--type-QBtn {
    width: 90px;
    height: 36px
}

.q-skeleton--type-QBadge {
    width: 70px;
    height: 16px
}

.q-skeleton--type-QChip {
    width: 90px;
    height: 28px;
    border-radius: 16px
}

.q-skeleton--type-QToolbar {
    height: 50px
}

.q-skeleton--type-QCheckbox,.q-skeleton--type-QRadio {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.q-skeleton--type-QToggle {
    width: 56px;
    height: 40px;
    border-radius: 7px
}

.q-skeleton--type-QSlider,.q-skeleton--type-QRange {
    height: 40px
}

.q-skeleton--type-QInput {
    height: 56px
}

.q-skeleton--bordered {
    border: 1px solid rgba(0,0,0,.05)
}

.q-skeleton--square {
    border-radius: 0
}

.q-skeleton--anim-fade {
    animation: q-skeleton--fade var(--b2b-skeleton-speed) linear .5s infinite
}

.q-skeleton--anim-pulse {
    animation: q-skeleton--pulse var(--b2b-skeleton-speed) ease-in-out .5s infinite
}

.q-skeleton--anim-pulse-x {
    animation: q-skeleton--pulse-x var(--b2b-skeleton-speed) ease-in-out .5s infinite
}

.q-skeleton--anim-pulse-y {
    animation: q-skeleton--pulse-y var(--b2b-skeleton-speed) ease-in-out .5s infinite
}

.q-skeleton--anim-wave,.q-skeleton--anim-blink,.q-skeleton--anim-pop {
    position: relative;
    overflow: hidden;
    z-index: 1
}

.q-skeleton--anim-wave:after,.q-skeleton--anim-blink:after,.q-skeleton--anim-pop:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0
}

.q-skeleton--anim-blink:after {
    background: #ffffffb3;
    animation: q-skeleton--fade var(--b2b-skeleton-speed) linear .5s infinite
}

.q-skeleton--anim-wave:after {
    background: linear-gradient(90deg,#fff0,#ffffff80,#fff0);
    animation: q-skeleton--wave var(--b2b-skeleton-speed) linear .5s infinite
}

.q-skeleton--dark {
    background: #ffffff0d
}

.q-skeleton--dark.q-skeleton--bordered {
    border: 1px solid rgba(255,255,255,.25)
}

.q-skeleton--dark.q-skeleton--anim-wave:after {
    background: linear-gradient(90deg,#fff0,#ffffff1a,#fff0)
}

.q-skeleton--dark.q-skeleton--anim-blink:after {
    background: #fff3
}

@keyframes q-skeleton--fade {
    0% {
        opacity: 1
    }

    50% {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes q-skeleton--pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.85)
    }

    to {
        transform: scale(1)
    }
}

@keyframes q-skeleton--pulse-x {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scaleX(.75)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes q-skeleton--pulse-y {
    0% {
        transform: scaleY(1)
    }

    50% {
        transform: scaleY(.75)
    }

    to {
        transform: scaleY(1)
    }
}

@keyframes q-skeleton--wave {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(100%)
    }
}

.q-slide-item {
    position: relative;
    background: #fff
}

.q-slide-item__left,.q-slide-item__right,.q-slide-item__top,.q-slide-item__bottom {
    visibility: hidden;
    font-size: 14px;
    color: #fff
}

.q-slide-item__left .q-icon,.q-slide-item__right .q-icon,.q-slide-item__top .q-icon,.q-slide-item__bottom .q-icon {
    font-size: 1.714em
}

.q-slide-item__left {
    background: #4caf50;
    padding: 8px 16px
}

.q-slide-item__left>div {
    transform-origin: left center
}

.q-slide-item__right {
    background: #ff9800;
    padding: 8px 16px
}

.q-slide-item__right>div {
    transform-origin: right center
}

.q-slide-item__top {
    background: #d9efff;
    padding: 16px 8px
}

.q-slide-item__top>div {
    transform-origin: top center
}

.q-slide-item__bottom {
    background: #9c27b0;
    padding: 16px 8px
}

.q-slide-item__bottom>div {
    transform-origin: bottom center
}

.q-slide-item__content {
    background: inherit;
    transition: transform .2s ease-in;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.q-slider {
    position: relative
}

.q-slider--h {
    width: 100%
}

.q-slider--v {
    height: 200px
}

.q-slider--editable .q-slider__track-container {
    cursor: grab
}

.q-slider__track-container {
    outline: 0
}

.q-slider__track-container--h {
    width: 100%;
    padding: 12px 0
}

.q-slider__track-container--h .q-slider__selection {
    will-change: width,left
}

.q-slider__track-container--v {
    height: 100%;
    padding: 0 12px
}

.q-slider__track-container--v .q-slider__selection {
    will-change: height,top
}

.q-slider__track {
    color: var(--b2b-primary);
    background: #0000001a;
    border-radius: 4px;
    width: inherit;
    height: inherit
}

.q-slider__inner {
    background: #0000001a;
    border-radius: inherit;
    width: 100%;
    height: 100%
}

.q-slider__selection {
    background: currentColor;
    border-radius: inherit;
    width: 100%;
    height: 100%
}

.q-slider__markers {
    color: #0000004d;
    border-radius: inherit;
    width: 100%;
    height: 100%
}

.q-slider__markers:after {
    content: "";
    position: absolute;
    background: currentColor
}

.q-slider__markers--h {
    background-image: repeating-linear-gradient(to right,currentColor,currentColor 2px,rgba(255,255,255,0) 0,rgba(255,255,255,0))
}

.q-slider__markers--h:after {
    height: 100%;
    width: 2px;
    top: 0;
    right: 0
}

.q-slider__markers--v {
    background-image: repeating-linear-gradient(to bottom,currentColor,currentColor 2px,rgba(255,255,255,0) 0,rgba(255,255,255,0))
}

.q-slider__markers--v:after {
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0
}

.q-slider__marker-labels-container {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 24px;
    min-width: 24px
}

.q-slider__marker-labels {
    position: absolute
}

.q-slider__marker-labels--h-standard {
    top: 0
}

.q-slider__marker-labels--h-switched {
    bottom: 0
}

.q-slider__marker-labels--h-ltr {
    transform: translate(-50%)
}

.q-slider__marker-labels--h-rtl {
    transform: translate(50%)
}

.q-slider__marker-labels--v-standard {
    left: 4px
}

.q-slider__marker-labels--v-switched {
    right: 4px
}

.q-slider__marker-labels--v-ltr {
    transform: translateY(-50%)
}

.q-slider__marker-labels--v-rtl {
    transform: translateY(50%)
}

.q-slider__thumb {
    z-index: 1;
    outline: 0;
    color: var(--b2b-primary);
    transition: transform .18s ease-out,fill .18s ease-out,stroke .18s ease-out
}

.q-slider__thumb.q-slider--focus {
    opacity: 1!important
}

.q-slider__thumb--h {
    top: 50%;
    will-change: left
}

.q-slider__thumb--h-ltr {
    transform: scale(1) translate(-50%,-50%)
}

.q-slider__thumb--h-rtl {
    transform: scale(1) translate(50%,-50%)
}

.q-slider__thumb--v {
    left: 50%;
    will-change: top
}

.q-slider__thumb--v-ltr {
    transform: scale(1) translate(-50%,-50%)
}

.q-slider__thumb--v-rtl {
    transform: scale(1) translate(-50%,50%)
}

.q-slider__thumb-shape {
    top: 0;
    left: 0;
    stroke-width: 3.5;
    stroke: currentColor;
    transition: transform .28s
}

.q-slider__thumb-shape path {
    stroke: currentColor;
    fill: currentColor
}

.q-slider__focus-ring {
    border-radius: 50%;
    opacity: 0;
    transition: transform .26667s ease-out,opacity .26667s ease-out,background-color .26667s ease-out;
    transition-delay: .14s
}

.q-slider__pin {
    opacity: 0;
    white-space: nowrap;
    transition: opacity .28s ease-out;
    transition-delay: .14s
}

.q-slider__pin:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute
}

.q-slider__pin--h:before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    left: 50%;
    transform: translate(-50%)
}

.q-slider__pin--h-standard {
    bottom: 100%
}

.q-slider__pin--h-standard:before {
    bottom: 2px;
    border-top: 6px solid currentColor
}

.q-slider__pin--h-switched {
    top: 100%
}

.q-slider__pin--h-switched:before {
    top: 2px;
    border-bottom: 6px solid currentColor
}

.q-slider__pin--v {
    top: 0
}

.q-slider__pin--v:before {
    top: 50%;
    transform: translateY(-50%);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent
}

.q-slider__pin--v-standard {
    left: 100%
}

.q-slider__pin--v-standard:before {
    left: 2px;
    border-right: 6px solid currentColor
}

.q-slider__pin--v-switched {
    right: 100%
}

.q-slider__pin--v-switched:before {
    right: 2px;
    border-left: 6px solid currentColor
}

.q-slider__label {
    z-index: 1;
    white-space: nowrap;
    position: absolute
}

.q-slider__label--h {
    left: 50%;
    transform: translate(-50%)
}

.q-slider__label--h-standard {
    bottom: 7px
}

.q-slider__label--h-switched {
    top: 7px
}

.q-slider__label--v {
    top: 50%;
    transform: translateY(-50%)
}

.q-slider__label--v-standard {
    left: 7px
}

.q-slider__label--v-switched {
    right: 7px
}

.q-slider__text-container {
    min-height: 25px;
    padding: 2px 8px;
    border-radius: 4px;
    background: currentColor;
    position: relative;
    text-align: center
}

.q-slider__text {
    color: #fff;
    font-size: 12px
}

.q-slider--no-value .q-slider__thumb,.q-slider--no-value .q-slider__inner,.q-slider--no-value .q-slider__selection {
    opacity: 0
}

.q-slider--focus .q-slider__focus-ring,body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__focus-ring {
    background: currentColor;
    transform: scale3d(1.55,1.55,1);
    opacity: .25
}

.q-slider--focus .q-slider__thumb,.q-slider--focus .q-slider__inner,.q-slider--focus .q-slider__selection,body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__thumb,body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__inner,body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__selection {
    opacity: 1
}

.q-slider--inactive .q-slider__thumb--h {
    transition: left .28s,right .28s
}

.q-slider--inactive .q-slider__thumb--v {
    transition: top .28s,bottom .28s
}

.q-slider--inactive .q-slider__selection {
    transition: width .28s,left .28s,right .28s,height .28s,top .28s,bottom .28s
}

.q-slider--inactive .q-slider__text-container {
    transition: transform .28s
}

.q-slider--active {
    cursor: grabbing
}

.q-slider--active .q-slider__thumb-shape {
    transform: scale(1.5)
}

.q-slider--active .q-slider__focus-ring,.q-slider--active.q-slider--label .q-slider__thumb-shape {
    transform: scale(0)!important
}

body.desktop .q-slider.q-slider--enabled .q-slider__track-container:hover .q-slider__pin,.q-slider--label.q-slider--active .q-slider__pin,.q-slider--label .q-slider--focus .q-slider__pin,.q-slider--label.q-slider--label-always .q-slider__pin {
    opacity: 1
}

.q-slider--dark .q-slider__track,.q-slider--dark .q-slider__inner {
    background: #ffffff1a
}

.q-slider--dark .q-slider__markers {
    color: #ffffff4d
}

.q-slider--dense .q-slider__track-container--h {
    padding: 6px 0
}

.q-slider--dense .q-slider__track-container--v {
    padding: 0 6px
}

.q-space {
    flex-grow: 1!important
}

.q-spinner {
    vertical-align: middle
}

.q-spinner-mat {
    animation: q-spin 2s linear infinite;
    transform-origin: center center
}

.q-spinner-mat .path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    animation: q-mat-dash 1.5s ease-in-out infinite
}

@keyframes q-spin {
    0% {
        transform: rotate3d(0,0,1,0)
    }

    25% {
        transform: rotate3d(0,0,1,90deg)
    }

    50% {
        transform: rotate3d(0,0,1,180deg)
    }

    75% {
        transform: rotate3d(0,0,1,270deg)
    }

    to {
        transform: rotate3d(0,0,1,359deg)
    }
}

@keyframes q-mat-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

.q-splitter__panel {
    position: relative;
    z-index: 0
}

.q-splitter__panel>.q-splitter {
    width: 100%;
    height: 100%
}

.q-splitter__separator {
    background-color: #0000001f;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    z-index: 1
}

.q-splitter__separator-area>* {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.q-splitter--dark .q-splitter__separator {
    background-color: #ffffff47
}

.q-splitter--vertical>.q-splitter__panel {
    height: 100%
}

.q-splitter--vertical.q-splitter--active {
    cursor: col-resize
}

.q-splitter--vertical>.q-splitter__separator {
    width: 1px
}

.q-splitter--vertical>.q-splitter__separator>div {
    left: -6px;
    right: -6px
}

.q-splitter--vertical.q-splitter--workable>.q-splitter__separator {
    cursor: col-resize
}

.q-splitter--horizontal>.q-splitter__panel {
    width: 100%
}

.q-splitter--horizontal.q-splitter--active {
    cursor: row-resize
}

.q-splitter--horizontal>.q-splitter__separator {
    height: 1px
}

.q-splitter--horizontal>.q-splitter__separator>div {
    top: -6px;
    bottom: -6px
}

.q-splitter--horizontal.q-splitter--workable>.q-splitter__separator {
    cursor: row-resize
}

.q-splitter__before,.q-splitter__after {
    overflow: auto
}

.q-stepper {
    box-shadow: 0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f;
    border-radius: 4px;
    background: #fff
}

.q-stepper__title {
    font-size: 14px;
    line-height: 1.285714;
    letter-spacing: .1px
}

.q-stepper__caption {
    font-size: 12px;
    line-height: 1.16667
}

.q-stepper__dot {
    contain: layout;
    margin-right: 8px;
    font-size: 14px;
    width: 24px;
    min-width: 24px;
    height: 24px;
    border-radius: 50%;
    background: currentColor
}

.q-stepper__dot span {
    color: #fff
}

.q-stepper__tab {
    padding: 8px 24px;
    font-size: 14px;
    color: #919191;
    flex-direction: row
}

.q-stepper--dark {
    box-shadow: 0 1px 5px #fff3,0 2px 2px #ffffff24,0 3px 1px -2px #ffffff1f
}

.q-stepper--dark .q-stepper__dot span {
    color: #000
}

.q-stepper__tab--navigation {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.q-stepper__tab--active,.q-stepper__tab--done {
    color: var(--b2b-primary)
}

.q-stepper__tab--active .q-stepper__dot,.q-stepper__tab--active .q-stepper__label,.q-stepper__tab--done .q-stepper__dot,.q-stepper__tab--done .q-stepper__label {
    text-shadow: 0 0 0 currentColor
}

.q-stepper__tab--disabled .q-stepper__dot {
    background: #00000038
}

.q-stepper__tab--disabled .q-stepper__label {
    color: #00000052
}

.q-stepper__tab--error {
    color: var(--b2b-negative)
}

.q-stepper__tab--error-with-icon .q-stepper__dot {
    background: transparent!important
}

.q-stepper__tab--error-with-icon .q-stepper__dot span {
    color: currentColor;
    font-size: 24px
}

.q-stepper__header {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.q-stepper__header--border {
    border-bottom: 1px solid rgba(0,0,0,.12)
}

.q-stepper__header--standard-labels .q-stepper__tab {
    min-height: 72px;
    justify-content: center
}

.q-stepper__header--standard-labels .q-stepper__tab:first-child {
    justify-content: flex-start
}

.q-stepper__header--standard-labels .q-stepper__tab:last-child {
    justify-content: flex-end
}

.q-stepper__header--standard-labels .q-stepper__tab:only-child {
    justify-content: center
}

.q-stepper__header--standard-labels .q-stepper__dot:after {
    display: none
}

.q-stepper__header--alternative-labels .q-stepper__tab {
    min-height: 104px;
    padding: 24px 32px;
    flex-direction: column;
    justify-content: flex-start
}

.q-stepper__header--alternative-labels .q-stepper__dot {
    margin-right: 0
}

.q-stepper__header--alternative-labels .q-stepper__label {
    margin-top: 8px;
    text-align: center
}

.q-stepper__header--alternative-labels .q-stepper__label:before,.q-stepper__header--alternative-labels .q-stepper__label:after {
    display: none
}

.q-stepper__header--contracted,.q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab {
    min-height: 72px
}

.q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab:first-child {
    align-items: flex-start
}

.q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab:last-child {
    align-items: flex-end
}

.q-stepper__header--contracted .q-stepper__tab {
    padding: 24px 0
}

.q-stepper__header--contracted .q-stepper__tab:first-child .q-stepper__dot {
    transform: translate(24px)
}

.q-stepper__header--contracted .q-stepper__tab:last-child .q-stepper__dot {
    transform: translate(-24px)
}

.q-stepper__header--contracted .q-stepper__tab:not(:last-child) .q-stepper__dot:after {
    display: block!important
}

.q-stepper__header--contracted .q-stepper__dot {
    margin: 0
}

.q-stepper__header--contracted .q-stepper__label {
    display: none
}

.q-stepper__nav {
    padding-top: 24px
}

.q-stepper--flat {
    box-shadow: none
}

.q-stepper--bordered {
    border: 1px solid rgba(0,0,0,.12)
}

.q-stepper--horizontal .q-stepper__step-inner {
    padding: 24px
}

.q-stepper--horizontal .q-stepper__tab:first-child {
    border-top-left-radius: inherit
}

.q-stepper--horizontal .q-stepper__tab:last-child {
    border-top-right-radius: inherit
}

.q-stepper--horizontal .q-stepper__tab:first-child .q-stepper__dot:before,.q-stepper--horizontal .q-stepper__tab:last-child .q-stepper__label:after,.q-stepper--horizontal .q-stepper__tab:last-child .q-stepper__dot:after {
    display: none
}

.q-stepper--horizontal .q-stepper__tab {
    overflow: hidden
}

.q-stepper--horizontal .q-stepper__line {
    contain: layout
}

.q-stepper--horizontal .q-stepper__line:before,.q-stepper--horizontal .q-stepper__line:after {
    position: absolute;
    top: 50%;
    height: 1px;
    width: 100vw;
    background: #0000001f
}

.q-stepper--horizontal .q-stepper__label:after,.q-stepper--horizontal .q-stepper__dot:after {
    content: "";
    left: 100%;
    margin-left: 8px
}

.q-stepper--horizontal .q-stepper__dot:before {
    content: "";
    right: 100%;
    margin-right: 8px
}

.q-stepper--horizontal>.q-stepper__nav {
    padding: 0 24px 24px
}

.q-stepper--vertical {
    padding: 16px 0
}

.q-stepper--vertical .q-stepper__tab {
    padding: 12px 24px
}

.q-stepper--vertical .q-stepper__title {
    line-height: 18px
}

.q-stepper--vertical .q-stepper__step-inner {
    padding: 0 24px 32px 60px
}

.q-stepper--vertical>.q-stepper__nav {
    padding: 24px 24px 0
}

.q-stepper--vertical .q-stepper__step {
    overflow: hidden
}

.q-stepper--vertical .q-stepper__dot {
    margin-right: 12px
}

.q-stepper--vertical .q-stepper__dot:before,.q-stepper--vertical .q-stepper__dot:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    height: 99999px;
    background: #0000001f
}

.q-stepper--vertical .q-stepper__dot:before {
    bottom: 100%;
    margin-bottom: 8px
}

.q-stepper--vertical .q-stepper__dot:after {
    top: 100%;
    margin-top: 8px
}

.q-stepper--vertical .q-stepper__step:first-child .q-stepper__dot:before,.q-stepper--vertical .q-stepper__step:last-child .q-stepper__dot:after {
    display: none
}

.q-stepper--vertical .q-stepper__step:last-child .q-stepper__step-inner {
    padding-bottom: 8px
}

.q-stepper--dark.q-stepper--bordered,.q-stepper--dark .q-stepper__header--border {
    border-color: #ffffff47
}

.q-stepper--dark.q-stepper--horizontal .q-stepper__line:before,.q-stepper--dark.q-stepper--horizontal .q-stepper__line:after {
    background: #ffffff47
}

.q-stepper--dark.q-stepper--vertical .q-stepper__dot:before,.q-stepper--dark.q-stepper--vertical .q-stepper__dot:after {
    background: #ffffff47
}

.q-stepper--dark .q-stepper__tab--disabled {
    color: #ffffff47
}

.q-stepper--dark .q-stepper__tab--disabled .q-stepper__dot {
    background: #ffffff47
}

.q-stepper--dark .q-stepper__tab--disabled .q-stepper__label {
    color: #ffffff8a
}

.q-tab-panels {
    background: #fff
}

.q-tab-panel {
    padding: 16px
}

.q-markup-table {
    overflow: auto;
    background: #fff
}

.q-table {
    width: 100%;
    max-width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.q-table thead tr,.q-table tbody td {
    height: 48px
}

.q-table th {
    font-weight: 500;
    font-size: 12px;
    -webkit-user-select: none;
    user-select: none
}

.q-table th.sortable {
    cursor: pointer
}

.q-table th.sortable:hover .q-table__sort-icon {
    opacity: .64
}

.q-table th.sorted .q-table__sort-icon {
    opacity: .86!important
}

.q-table th.sort-desc .q-table__sort-icon {
    transform: rotate(180deg)
}

.q-table th,.q-table td {
    padding: 7px 16px;
    background-color: inherit
}

.q-table thead,.q-table td,.q-table th {
    border-style: solid;
    border-width: 0
}

.q-table tbody td {
    font-size: 13px
}

.q-table__card {
    color: #000;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f
}

.q-table__card .q-table__middle {
    flex: 1 1 auto
}

.q-table__card .q-table__top,.q-table__card .q-table__bottom {
    flex: 0 0 auto
}

.q-table__container {
    position: relative
}

.q-table__container>div:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.q-table__container>div:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.q-table__container>.q-inner-loading {
    border-radius: inherit!important
}

.q-table__top {
    padding: 12px 16px
}

.q-table__top .q-table__control {
    flex-wrap: wrap
}

.q-table__title {
    font-size: 20px;
    letter-spacing: .005em;
    font-weight: 400
}

.q-table__separator {
    min-width: 8px!important
}

.q-table__progress {
    height: 0!important
}

.q-table__progress th {
    padding: 0!important;
    border: 0!important
}

.q-table__progress .q-linear-progress {
    position: absolute;
    bottom: 0
}

.q-table__middle {
    max-width: 100%
}

.q-table__bottom {
    min-height: 50px;
    padding: 4px 14px 4px 16px;
    font-size: 12px
}

.q-table__bottom .q-table__control {
    min-height: 24px
}

.q-table__bottom-nodata-icon {
    font-size: 200%;
    margin-right: 8px
}

.q-table__bottom-item {
    margin-right: 16px
}

.q-table__control {
    display: flex;
    align-items: center
}

.q-table__sort-icon {
    transition: transform .3s cubic-bezier(.25,.8,.5,1);
    opacity: 0;
    font-size: 120%
}

.q-table__sort-icon--left,.q-table__sort-icon--center {
    margin-left: 4px
}

.q-table__sort-icon--right {
    margin-right: 4px
}

.q-table--col-auto-width {
    width: 1px
}

.q-table__card--dark,.q-table--dark {
    box-shadow: 0 1px 5px #fff3,0 2px 2px #ffffff24,0 3px 1px -2px #ffffff1f
}

.q-table--flat {
    box-shadow: none
}

.q-table--bordered {
    border: 1px solid rgba(0,0,0,.12)
}

.q-table--square {
    border-radius: 0
}

.q-table__linear-progress {
    height: 2px
}

.q-table--no-wrap th,.q-table--no-wrap td {
    white-space: nowrap
}

.q-table--grid {
    box-shadow: none;
    border-radius: 4px
}

.q-table--grid .q-table__top {
    padding-bottom: 4px
}

.q-table--grid .q-table__middle {
    min-height: 2px;
    margin-bottom: 4px
}

.q-table--grid .q-table__middle thead,.q-table--grid .q-table__middle thead th {
    border: 0!important
}

.q-table--grid .q-table__linear-progress {
    bottom: 0
}

.q-table--grid .q-table__bottom {
    border-top: 0
}

.q-table--grid .q-table__grid-content {
    flex: 1 1 auto
}

.q-table--grid.fullscreen {
    background: inherit
}

.q-table__grid-item-card {
    vertical-align: top;
    padding: 12px
}

.q-table__grid-item-card .q-separator {
    margin: 12px 0
}

.q-table__grid-item-row+.q-table__grid-item-row {
    margin-top: 8px
}

.q-table__grid-item-title {
    opacity: .54;
    font-weight: 500;
    font-size: 12px
}

.q-table__grid-item-value {
    font-size: 13px
}

.q-table__grid-item {
    padding: 4px;
    transition: transform .3s cubic-bezier(.25,.8,.5,1)
}

.q-table__grid-item--selected {
    transform: scale(.95)
}

.q-table--horizontal-separator thead th,.q-table--horizontal-separator tbody tr:not(:last-child)>td,.q-table--cell-separator thead th,.q-table--cell-separator tbody tr:not(:last-child)>td {
    border-bottom-width: 1px
}

.q-table--vertical-separator td,.q-table--vertical-separator th,.q-table--cell-separator td,.q-table--cell-separator th {
    border-left-width: 1px
}

.q-table--vertical-separator thead tr:last-child th,.q-table--vertical-separator.q-table--loading tr:nth-last-child(2) th,.q-table--cell-separator thead tr:last-child th,.q-table--cell-separator.q-table--loading tr:nth-last-child(2) th {
    border-bottom-width: 1px
}

.q-table--vertical-separator td:first-child,.q-table--vertical-separator th:first-child,.q-table--cell-separator td:first-child,.q-table--cell-separator th:first-child {
    border-left: 0
}

.q-table--vertical-separator .q-table__top,.q-table--cell-separator .q-table__top {
    border-bottom: 1px solid rgba(0,0,0,.12)
}

.q-table--dense .q-table__top {
    padding: 6px 16px
}

.q-table--dense .q-table__bottom {
    min-height: 33px
}

.q-table--dense .q-table__sort-icon {
    font-size: 110%
}

.q-table--dense .q-table th,.q-table--dense .q-table td {
    padding: 4px 8px
}

.q-table--dense .q-table thead tr,.q-table--dense .q-table tbody tr,.q-table--dense .q-table tbody td {
    height: 28px
}

.q-table--dense .q-table th:first-child,.q-table--dense .q-table td:first-child {
    padding-left: 16px
}

.q-table--dense .q-table th:last-child,.q-table--dense .q-table td:last-child {
    padding-right: 16px
}

.q-table--dense .q-table__bottom-item {
    margin-right: 8px
}

.q-table--dense .q-table__select .q-field__control,.q-table--dense .q-table__select .q-field__native {
    min-height: 24px;
    padding: 0
}

.q-table--dense .q-table__select .q-field__marginal {
    height: 24px
}

.q-table__bottom:not(.q-table__bottom--nodata) {
    border-top: 1px solid rgba(0,0,0,.12)
}

.q-table thead,.q-table tr,.q-table th,.q-table td {
    border-color: #0000001f
}

.q-table tbody td {
    position: relative
}

.q-table tbody td:before,.q-table tbody td:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.q-table tbody td:before {
    background: #00000008
}

.q-table tbody td:after {
    background: #0000000f
}

.q-table tbody tr.selected td:after {
    content: ""
}

body.desktop .q-table>tbody>tr:not(.q-tr--no-hover):hover>td:not(.q-td--no-hover):before {
    content: ""
}

.q-table__card--dark,.q-table--dark,.q-table--dark .q-table__bottom,.q-table--dark thead,.q-table--dark tr,.q-table--dark th,.q-table--dark td {
    border-color: #ffffff47
}

.q-table--dark tbody td:before {
    background: #ffffff12
}

.q-table--dark tbody td:after {
    background: #ffffff1a
}

.q-table--dark.q-table--vertical-separator .q-table__top,.q-table--dark.q-table--cell-separator .q-table__top {
    border-color: #ffffff47
}

.q-tab {
    padding: 0 16px;
    min-height: 48px;
    transition: color .3s,background-color .3s;
    text-transform: uppercase;
    white-space: nowrap;
    color: inherit;
    text-decoration: none
}

.q-tab--full {
    min-height: 72px
}

.q-tab--no-caps {
    text-transform: none
}

.q-tab__content {
    height: inherit;
    padding: 4px 0;
    min-width: 40px
}

.q-tab__content--inline .q-tab__icon+.q-tab__label {
    padding-left: 8px
}

.q-tab__content .q-chip--floating {
    top: 0;
    right: -16px
}

.q-tab__icon {
    width: 24px;
    height: 24px;
    font-size: 24px
}

.q-tab__label {
    font-size: 14px;
    line-height: 1.715em;
    font-weight: 500
}

.q-tab .q-badge {
    top: 3px;
    right: -12px
}

.q-tab__alert,.q-tab__alert-icon {
    position: absolute
}

.q-tab__alert {
    top: 7px;
    right: -9px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: currentColor
}

.q-tab__alert-icon {
    top: 2px;
    right: -12px;
    font-size: 18px
}

.q-tab__indicator {
    opacity: 0;
    height: 2px;
    background: currentColor
}

.q-tab--active .q-tab__indicator {
    opacity: 1;
    transform-origin: left
}

.q-tab--inactive {
    opacity: .85
}

.q-tabs {
    position: relative;
    transition: color .3s,background-color .3s
}

.q-tabs--scrollable.q-tabs__arrows--outside.q-tabs--horizontal {
    padding-left: 36px;
    padding-right: 36px
}

.q-tabs--scrollable.q-tabs__arrows--outside.q-tabs--vertical {
    padding-top: 36px;
    padding-bottom: 36px
}

.q-tabs--scrollable.q-tabs__arrows--outside .q-tabs__arrow--faded {
    opacity: .3;
    pointer-events: none
}

.q-tabs--scrollable.q-tabs__arrows--inside .q-tabs__arrow--faded {
    display: none
}

.q-tabs--not-scrollable.q-tabs__arrows--outside,body.mobile .q-tabs--scrollable.q-tabs--mobile-without-arrows.q-tabs__arrows--outside {
    padding-left: 0;
    padding-right: 0
}

.q-tabs--not-scrollable .q-tabs__arrow,body.mobile .q-tabs--scrollable.q-tabs--mobile-without-arrows .q-tabs__arrow {
    display: none
}

.q-tabs--not-scrollable .q-tabs__content,body.mobile .q-tabs--scrollable.q-tabs--mobile-without-arrows .q-tabs__content {
    border-radius: inherit
}

.q-tabs__arrow {
    cursor: pointer;
    font-size: 32px;
    min-width: 36px;
    text-shadow: 0 0 3px #fff,0 0 1px #fff,0 0 1px #000;
    transition: opacity .3s
}

.q-tabs__content {
    overflow: hidden;
    flex: 1 1 auto
}

.q-tabs__content--align-center {
    justify-content: center
}

.q-tabs__content--align-right {
    justify-content: flex-end
}

.q-tabs__content--align-justify .q-tab {
    flex: 1 1 auto
}

.q-tabs__offset {
    display: none
}

.q-tabs--horizontal .q-tabs__arrow {
    height: 100%
}

.q-tabs--horizontal .q-tabs__arrow--left {
    top: 0;
    left: 0;
    bottom: 0
}

.q-tabs--horizontal .q-tabs__arrow--right {
    top: 0;
    right: 0;
    bottom: 0
}

.q-tabs--vertical,.q-tabs--vertical .q-tabs__content {
    display: block!important;
    height: 100%
}

.q-tabs--vertical .q-tabs__arrow {
    width: 100%;
    height: 36px;
    text-align: center
}

.q-tabs--vertical .q-tabs__arrow--left {
    top: 0;
    left: 0;
    right: 0
}

.q-tabs--vertical .q-tabs__arrow--right {
    left: 0;
    right: 0;
    bottom: 0
}

.q-tabs--vertical .q-tab {
    padding: 0 8px
}

.q-tabs--vertical .q-tab__indicator {
    height: unset;
    width: 2px
}

.q-tabs--vertical.q-tabs--not-scrollable .q-tabs__content {
    height: 100%
}

.q-tabs--vertical.q-tabs--dense .q-tab__content {
    min-width: 24px
}

.q-tabs--dense .q-tab {
    min-height: 36px
}

.q-tabs--dense .q-tab--full {
    min-height: 52px
}

.q-time {
    box-shadow: 0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f;
    border-radius: 4px;
    background: #fff;
    outline: 0;
    width: 290px;
    min-width: 290px;
    max-width: 100%
}

.q-time--bordered {
    border: 1px solid rgba(0,0,0,.12)
}

.q-time__header {
    border-top-left-radius: inherit;
    color: #fff;
    background-color: var(--b2b-primary);
    padding: 16px;
    font-weight: 300
}

.q-time__actions {
    padding: 0 16px 16px
}

.q-time__header-label {
    font-size: 28px;
    line-height: 1;
    letter-spacing: -.00833em
}

.q-time__header-label>div+div {
    margin-left: 4px
}

.q-time__link {
    opacity: .56;
    outline: 0;
    transition: opacity .3s ease-out
}

.q-time__link--active,.q-time__link:hover,.q-time__link:focus {
    opacity: 1
}

.q-time__header-ampm {
    font-size: 16px;
    letter-spacing: .1em
}

.q-time__content {
    padding: 16px
}

.q-time__content:before {
    content: "";
    display: block;
    padding-bottom: 100%
}

.q-time__container-parent {
    padding: 16px
}

.q-time__container-child {
    border-radius: 50%;
    background: #0000001f
}

.q-time__clock {
    padding: 24px;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    font-size: 14px
}

.q-time__clock-circle {
    position: relative
}

.q-time__clock-center {
    height: 6px;
    width: 6px;
    margin: auto;
    border-radius: 50%;
    min-height: 0;
    background: currentColor
}

.q-time__clock-pointer {
    width: 2px;
    height: 50%;
    transform-origin: 0 0;
    min-height: 0;
    position: absolute;
    left: 50%;
    right: 0;
    bottom: 0;
    color: var(--b2b-primary);
    background: currentColor;
    transform: translate(-50%)
}

.q-time__clock-pointer:before,.q-time__clock-pointer:after {
    content: "";
    position: absolute;
    left: 50%;
    border-radius: 50%;
    background: currentColor;
    transform: translate(-50%)
}

.q-time__clock-pointer:before {
    bottom: -4px;
    width: 8px;
    height: 8px
}

.q-time__clock-pointer:after {
    top: -3px;
    height: 6px;
    width: 6px
}

.q-time__clock-position {
    position: absolute;
    min-height: 32px;
    width: 32px;
    height: 32px;
    font-size: 12px;
    line-height: 32px;
    margin: 0;
    padding: 0;
    transform: translate(-50%,-50%);
    border-radius: 50%
}

.q-time__clock-position--disable {
    opacity: .4
}

.q-time__clock-position--active {
    background-color: var(--b2b-primary);
    color: #fff
}

.q-time__clock-pos-0 {
    top: 0%;
    left: 50%
}

.q-time__clock-pos-1 {
    top: 6.7%;
    left: 75%
}

.q-time__clock-pos-2 {
    top: 25%;
    left: 93.3%
}

.q-time__clock-pos-3 {
    top: 50%;
    left: 100%
}

.q-time__clock-pos-4 {
    top: 75%;
    left: 93.3%
}

.q-time__clock-pos-5 {
    top: 93.3%;
    left: 75%
}

.q-time__clock-pos-6 {
    top: 100%;
    left: 50%
}

.q-time__clock-pos-7 {
    top: 93.3%;
    left: 25%
}

.q-time__clock-pos-8 {
    top: 75%;
    left: 6.7%
}

.q-time__clock-pos-9 {
    top: 50%;
    left: 0%
}

.q-time__clock-pos-10 {
    top: 25%;
    left: 6.7%
}

.q-time__clock-pos-11 {
    top: 6.7%;
    left: 25%
}

.q-time__clock-pos-12 {
    top: 15%;
    left: 50%
}

.q-time__clock-pos-13 {
    top: 19.69%;
    left: 67.5%
}

.q-time__clock-pos-14 {
    top: 32.5%;
    left: 80.31%
}

.q-time__clock-pos-15 {
    top: 50%;
    left: 85%
}

.q-time__clock-pos-16 {
    top: 67.5%;
    left: 80.31%
}

.q-time__clock-pos-17 {
    top: 80.31%;
    left: 67.5%
}

.q-time__clock-pos-18 {
    top: 85%;
    left: 50%
}

.q-time__clock-pos-19 {
    top: 80.31%;
    left: 32.5%
}

.q-time__clock-pos-20 {
    top: 67.5%;
    left: 19.69%
}

.q-time__clock-pos-21 {
    top: 50%;
    left: 15%
}

.q-time__clock-pos-22 {
    top: 32.5%;
    left: 19.69%
}

.q-time__clock-pos-23 {
    top: 19.69%;
    left: 32.5%
}

.q-time__now-button {
    background-color: var(--b2b-primary);
    color: #fff;
    top: 12px;
    right: 12px
}

.q-time.disabled .q-time__header-ampm,.q-time.disabled .q-time__content,.q-time--readonly .q-time__header-ampm,.q-time--readonly .q-time__content {
    pointer-events: none
}

.q-time--portrait {
    display: inline-flex;
    flex-direction: column
}

.q-time--portrait .q-time__header {
    border-top-right-radius: inherit;
    min-height: 86px
}

.q-time--portrait .q-time__header-ampm {
    margin-left: 12px
}

.q-time--portrait.q-time--bordered .q-time__content {
    margin: 1px 0
}

.q-time--landscape {
    display: inline-flex;
    align-items: stretch;
    min-width: 420px
}

.q-time--landscape>div {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.q-time--landscape .q-time__header {
    border-bottom-left-radius: inherit;
    min-width: 156px
}

.q-time--landscape .q-time__header-ampm {
    margin-top: 12px
}

.q-time--dark {
    border-color: #ffffff47;
    box-shadow: 0 1px 5px #fff3,0 2px 2px #ffffff24,0 3px 1px -2px #ffffff1f
}

.q-timeline {
    padding: 0;
    width: 100%;
    list-style: none
}

.q-timeline h6 {
    line-height: inherit
}

.q-timeline--dark {
    color: #fff
}

.q-timeline--dark .q-timeline__subtitle {
    opacity: .7
}

.q-timeline__content {
    padding-bottom: 24px
}

.q-timeline__title {
    margin-top: 0;
    margin-bottom: 16px
}

.q-timeline__subtitle {
    font-size: 12px;
    margin-bottom: 8px;
    opacity: .6;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700
}

.q-timeline__dot {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 15px
}

.q-timeline__dot:before,.q-timeline__dot:after {
    content: "";
    background: currentColor;
    display: block;
    position: absolute
}

.q-timeline__dot:before {
    border: 3px solid transparent;
    border-radius: 100%;
    height: 15px;
    width: 15px;
    top: 4px;
    left: 0;
    transition: background .3s ease-in-out,border .3s ease-in-out
}

.q-timeline__dot:after {
    width: 3px;
    opacity: .4;
    top: 24px;
    bottom: 0;
    left: 6px
}

.q-timeline__dot .q-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    width: 100%;
    color: #fff
}

.q-timeline__dot .q-icon>svg,.q-timeline__dot .q-icon>img {
    width: 1em;
    height: 1em
}

.q-timeline__dot-img {
    position: absolute;
    top: 4px;
    left: 0;
    right: 0;
    height: 31px;
    width: 31px;
    background: currentColor;
    border-radius: 50%
}

.q-timeline__heading {
    position: relative
}

.q-timeline__heading:first-child .q-timeline__heading-title {
    padding-top: 0
}

.q-timeline__heading:last-child .q-timeline__heading-title {
    padding-bottom: 0
}

.q-timeline__heading-title {
    padding: 32px 0;
    margin: 0
}

.q-timeline__entry {
    position: relative;
    line-height: 22px
}

.q-timeline__entry:last-child {
    padding-bottom: 0!important
}

.q-timeline__entry:last-child .q-timeline__dot:after {
    content: none
}

.q-timeline__entry--icon .q-timeline__dot {
    width: 31px
}

.q-timeline__entry--icon .q-timeline__dot:before {
    height: 31px;
    width: 31px
}

.q-timeline__entry--icon .q-timeline__dot:after {
    top: 41px;
    left: 14px
}

.q-timeline__entry--icon .q-timeline__subtitle {
    padding-top: 8px
}

.q-timeline--dense--right .q-timeline__entry {
    padding-left: 40px
}

.q-timeline--dense--right .q-timeline__entry--icon .q-timeline__dot {
    left: -8px
}

.q-timeline--dense--right .q-timeline__dot {
    left: 0
}

.q-timeline--dense--left .q-timeline__heading {
    text-align: right
}

.q-timeline--dense--left .q-timeline__entry {
    padding-right: 40px
}

.q-timeline--dense--left .q-timeline__entry--icon .q-timeline__dot {
    right: -8px
}

.q-timeline--dense--left .q-timeline__content,.q-timeline--dense--left .q-timeline__title,.q-timeline--dense--left .q-timeline__subtitle {
    text-align: right
}

.q-timeline--dense--left .q-timeline__dot {
    right: 0
}

.q-timeline--comfortable {
    display: table
}

.q-timeline--comfortable .q-timeline__heading {
    display: table-row;
    font-size: 200%
}

.q-timeline--comfortable .q-timeline__heading>div {
    display: table-cell
}

.q-timeline--comfortable .q-timeline__entry {
    display: table-row;
    padding: 0
}

.q-timeline--comfortable .q-timeline__entry--icon .q-timeline__content {
    padding-top: 8px
}

.q-timeline--comfortable .q-timeline__subtitle,.q-timeline--comfortable .q-timeline__dot,.q-timeline--comfortable .q-timeline__content {
    display: table-cell;
    vertical-align: top
}

.q-timeline--comfortable .q-timeline__subtitle {
    width: 35%
}

.q-timeline--comfortable .q-timeline__dot {
    position: relative;
    min-width: 31px
}

.q-timeline--comfortable--right .q-timeline__heading .q-timeline__heading-title {
    margin-left: -50px
}

.q-timeline--comfortable--right .q-timeline__subtitle {
    text-align: right;
    padding-right: 30px
}

.q-timeline--comfortable--right .q-timeline__content {
    padding-left: 30px
}

.q-timeline--comfortable--right .q-timeline__entry--icon .q-timeline__dot {
    left: -8px
}

.q-timeline--comfortable--left .q-timeline__heading {
    text-align: right
}

.q-timeline--comfortable--left .q-timeline__heading .q-timeline__heading-title {
    margin-right: -50px
}

.q-timeline--comfortable--left .q-timeline__subtitle {
    padding-left: 30px
}

.q-timeline--comfortable--left .q-timeline__content {
    padding-right: 30px
}

.q-timeline--comfortable--left .q-timeline__content,.q-timeline--comfortable--left .q-timeline__title {
    text-align: right
}

.q-timeline--comfortable--left .q-timeline__entry--icon .q-timeline__dot {
    right: 0
}

.q-timeline--comfortable--left .q-timeline__dot {
    right: -8px
}

.q-timeline--loose .q-timeline__heading-title {
    text-align: center;
    margin-left: 0
}

.q-timeline--loose .q-timeline__entry,.q-timeline--loose .q-timeline__subtitle,.q-timeline--loose .q-timeline__dot,.q-timeline--loose .q-timeline__content {
    display: block;
    margin: 0;
    padding: 0
}

.q-timeline--loose .q-timeline__dot {
    position: absolute;
    left: 50%;
    margin-left: -7.15px
}

.q-timeline--loose .q-timeline__entry {
    padding-bottom: 24px;
    overflow: hidden
}

.q-timeline--loose .q-timeline__entry--icon .q-timeline__dot {
    margin-left: -15px
}

.q-timeline--loose .q-timeline__entry--icon .q-timeline__subtitle {
    line-height: 38px
}

.q-timeline--loose .q-timeline__entry--icon .q-timeline__content {
    padding-top: 8px
}

.q-timeline--loose .q-timeline__entry--left .q-timeline__content,.q-timeline--loose .q-timeline__entry--right .q-timeline__subtitle {
    float: left;
    padding-right: 30px;
    text-align: right
}

.q-timeline--loose .q-timeline__entry--left .q-timeline__subtitle,.q-timeline--loose .q-timeline__entry--right .q-timeline__content {
    float: right;
    text-align: left;
    padding-left: 30px
}

.q-timeline--loose .q-timeline__subtitle,.q-timeline--loose .q-timeline__content {
    width: 50%
}

.q-toggle {
    vertical-align: middle
}

.q-toggle__native {
    width: 1px;
    height: 1px
}

.q-toggle__track {
    height: .35em;
    border-radius: .175em;
    opacity: .38;
    background: currentColor
}

.q-toggle__thumb {
    top: .25em;
    left: .25em;
    width: .5em;
    height: .5em;
    transition: left .22s cubic-bezier(.4,0,.2,1);
    -webkit-user-select: none;
    user-select: none;
    z-index: 0
}

.q-toggle__thumb:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.q-toggle__thumb .q-icon {
    font-size: .3em;
    min-width: 1em;
    color: #000;
    opacity: .54;
    z-index: 1
}

.q-toggle__inner {
    font-size: 40px;
    width: 1.4em;
    min-width: 1.4em;
    height: 1em;
    padding: .325em .3em;
    -webkit-print-color-adjust: exact
}

.q-toggle__inner--indet .q-toggle__thumb {
    left: .45em
}

.q-toggle__inner--truthy {
    color: var(--b2b-primary)
}

.q-toggle__inner--truthy .q-toggle__track {
    opacity: .54
}

.q-toggle__inner--truthy .q-toggle__thumb {
    left: .65em
}

.q-toggle__inner--truthy .q-toggle__thumb:after {
    background-color: currentColor
}

.q-toggle__inner--truthy .q-toggle__thumb .q-icon {
    color: #fff;
    opacity: 1
}

.q-toggle.disabled {
    opacity: .75!important
}

.q-toggle--dark .q-toggle__inner {
    color: #fff
}

.q-toggle--dark .q-toggle__inner--truthy {
    color: var(--b2b-primary)
}

.q-toggle--dark .q-toggle__thumb:after {
    box-shadow: none
}

.q-toggle--dark .q-toggle__thumb:before {
    opacity: .32!important
}

.q-toggle--dense .q-toggle__inner {
    width: .8em;
    min-width: .8em;
    height: .5em;
    padding: .07625em 0
}

.q-toggle--dense .q-toggle__thumb {
    top: 0;
    left: 0
}

.q-toggle--dense .q-toggle__inner--indet .q-toggle__thumb {
    left: .15em
}

.q-toggle--dense .q-toggle__inner--truthy .q-toggle__thumb {
    left: .3em
}

.q-toggle--dense .q-toggle__label {
    padding-left: .5em
}

.q-toggle--dense.reverse .q-toggle__label {
    padding-left: 0;
    padding-right: .5em
}

body.desktop .q-toggle:not(.disabled) .q-toggle__thumb:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background: currentColor;
    opacity: .12;
    transform: scale3d(0,0,1);
    transition: transform .22s cubic-bezier(0,0,.2,1)
}

body.desktop .q-toggle:not(.disabled):focus .q-toggle__thumb:before,body.desktop .q-toggle:not(.disabled):hover .q-toggle__thumb:before {
    transform: scale3d(2,2,1)
}

body.desktop .q-toggle--dense:not(.disabled):focus .q-toggle__thumb:before,body.desktop .q-toggle--dense:not(.disabled):hover .q-toggle__thumb:before {
    transform: scale3d(1.5,1.5,1)
}

.q-toolbar {
    position: relative;
    padding: 0 12px;
    min-height: 50px;
    width: 100%
}

.q-toolbar--inset {
    padding-left: 58px
}

.q-toolbar .q-avatar {
    font-size: 38px
}

.q-toolbar__title {
    flex: 1 1 0%;
    min-width: 1px;
    max-width: 100%;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: .01em;
    padding: 0 12px
}

.q-toolbar__title:first-child {
    padding-left: 0
}

.q-toolbar__title:last-child {
    padding-right: 0
}

.q-tooltip--style {
    font-size: 10px;
    color: #fafafa;
    background: #757575;
    border-radius: 4px;
    text-transform: none;
    font-weight: 400
}

.q-tooltip {
    z-index: 9000;
    position: fixed!important;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 6px 10px;
    max-width: 95vw;
    max-height: 65vh
}

@media (max-width: 599.98px) {
    .q-tooltip {
        font-size:14px;
        padding: 8px 16px
    }
}

.q-tree {
    position: relative;
    color: #919191
}

.q-tree__node {
    padding: 0 0 3px 22px
}

.q-tree__node:after {
    content: "";
    position: absolute;
    top: -3px;
    bottom: 0;
    width: 2px;
    right: auto;
    left: -13px;
    border-left: 1px solid currentColor
}

.q-tree__node:last-child:after {
    display: none
}

.q-tree__node--disabled {
    pointer-events: none
}

.q-tree__node--disabled .disabled {
    opacity: 1!important
}

.q-tree__node--disabled>div,.q-tree__node--disabled>i,.q-tree__node--disabled>.disabled {
    opacity: .6!important
}

.q-tree__node--disabled>div .q-tree__node--disabled>div,.q-tree__node--disabled>div .q-tree__node--disabled>i,.q-tree__node--disabled>div .q-tree__node--disabled>.disabled,.q-tree__node--disabled>i .q-tree__node--disabled>div,.q-tree__node--disabled>i .q-tree__node--disabled>i,.q-tree__node--disabled>i .q-tree__node--disabled>.disabled,.q-tree__node--disabled>.disabled .q-tree__node--disabled>div,.q-tree__node--disabled>.disabled .q-tree__node--disabled>i,.q-tree__node--disabled>.disabled .q-tree__node--disabled>.disabled {
    opacity: 1!important
}

.q-tree__node-header:before {
    content: "";
    position: absolute;
    top: -3px;
    bottom: 50%;
    width: 31px;
    left: -35px;
    border-left: 1px solid currentColor;
    border-bottom: 1px solid currentColor
}

.q-tree__children {
    padding-left: 25px
}

.q-tree__node-body {
    padding: 5px 0 8px 5px
}

.q-tree__node--parent {
    padding-left: 2px
}

.q-tree__node--parent>.q-tree__node-header:before {
    width: 15px;
    left: -15px
}

.q-tree__node--parent>.q-tree__node-collapsible>.q-tree__node-body {
    padding: 5px 0 8px 27px
}

.q-tree__node--parent>.q-tree__node-collapsible>.q-tree__node-body:after {
    content: "";
    position: absolute;
    top: 0;
    width: 2px;
    height: 100%;
    right: auto;
    left: 12px;
    border-left: 1px solid currentColor;
    bottom: 50px
}

.q-tree__node--link {
    cursor: pointer
}

.q-tree__node-header {
    padding: 4px;
    margin-top: 3px;
    border-radius: 4px;
    outline: 0
}

.q-tree__node-header-content {
    color: #000;
    transition: color .3s
}

.q-tree__node--selected .q-tree__node-header-content {
    color: #919191
}

.q-tree__icon,.q-tree__node-header-content .q-icon {
    font-size: 21px
}

.q-tree__img {
    height: 42px;
    border-radius: 2px
}

.q-tree__avatar,.q-tree__node-header-content .q-avatar {
    font-size: 28px;
    border-radius: 50%;
    width: 28px;
    height: 28px
}

.q-tree__arrow,.q-tree__spinner {
    font-size: 16px;
    margin-right: 4px
}

.q-tree__arrow {
    transition: transform .3s
}

.q-tree__arrow--rotate {
    transform: rotate3d(0,0,1,90deg)
}

.q-tree__tickbox {
    margin-right: 4px
}

.q-tree>.q-tree__node {
    padding: 0
}

.q-tree>.q-tree__node:after,.q-tree>.q-tree__node>.q-tree__node-header:before {
    display: none
}

.q-tree>.q-tree__node--child>.q-tree__node-header {
    padding-left: 24px
}

.q-tree--dark .q-tree__node-header-content {
    color: #fff
}

.q-tree--no-connectors .q-tree__node:after,.q-tree--no-connectors .q-tree__node-header:before,.q-tree--no-connectors .q-tree__node-body:after {
    display: none!important
}

.q-tree--dense>.q-tree__node--child>.q-tree__node-header {
    padding-left: 1px
}

.q-tree--dense .q-tree__arrow,.q-tree--dense .q-tree__spinner {
    margin-right: 1px
}

.q-tree--dense .q-tree__img {
    height: 32px
}

.q-tree--dense .q-tree__tickbox {
    margin-right: 3px
}

.q-tree--dense .q-tree__node {
    padding: 0
}

.q-tree--dense .q-tree__node:after {
    top: 0;
    left: -8px
}

.q-tree--dense .q-tree__node-header {
    margin-top: 0;
    padding: 1px
}

.q-tree--dense .q-tree__node-header:before {
    top: 0;
    left: -8px;
    width: 8px
}

.q-tree--dense .q-tree__node--child {
    padding-left: 17px
}

.q-tree--dense .q-tree__node--child>.q-tree__node-header:before {
    left: -25px;
    width: 21px
}

.q-tree--dense .q-tree__node-body {
    padding: 0 0 2px
}

.q-tree--dense .q-tree__node--parent>.q-tree__node-collapsible>.q-tree__node-body {
    padding: 0 0 2px 20px
}

.q-tree--dense .q-tree__node--parent>.q-tree__node-collapsible>.q-tree__node-body:after {
    left: 8px
}

.q-tree--dense .q-tree__children {
    padding-left: 16px
}

[dir=rtl] .q-tree__arrow {
    transform: rotate3d(0,0,1,180deg)
}

[dir=rtl] .q-tree__arrow--rotate {
    transform: rotate3d(0,0,1,90deg)
}

.q-uploader {
    box-shadow: 0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f;
    border-radius: 4px;
    vertical-align: top;
    background: #fff;
    position: relative;
    width: 320px;
    max-height: 320px
}

.q-uploader--bordered {
    border: 1px solid rgba(0,0,0,.12)
}

.q-uploader__input {
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer!important;
    z-index: 1
}

.q-uploader__input::-webkit-file-upload-button {
    cursor: pointer
}

.q-uploader__file:before {
    content: "";
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background: currentColor;
    opacity: .04
}

.q-uploader__header {
    position: relative;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    background-color: var(--b2b-primary);
    color: #fff;
    width: 100%
}

.q-uploader__spinner {
    font-size: 24px;
    margin-right: 4px
}

.q-uploader__header-content {
    padding: 8px
}

.q-uploader__dnd {
    outline: 1px dashed currentColor;
    outline-offset: -4px;
    background: #fff9
}

.q-uploader__overlay {
    font-size: 36px;
    color: #000;
    background-color: #fff9
}

.q-uploader__list {
    position: relative;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    padding: 8px;
    min-height: 60px;
    flex: 1 1 auto
}

.q-uploader__file {
    border-radius: 4px 4px 0 0;
    border: 1px solid rgba(0,0,0,.12)
}

.q-uploader__file .q-circular-progress {
    font-size: 24px
}

.q-uploader__file--img {
    color: #fff;
    height: 200px;
    min-width: 200px;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.q-uploader__file--img:before {
    content: none
}

.q-uploader__file--img .q-circular-progress {
    color: #fff
}

.q-uploader__file--img .q-uploader__file-header {
    padding-bottom: 24px;
    background: linear-gradient(to bottom,#000000b3 20%,#fff0)
}

.q-uploader__file+.q-uploader__file {
    margin-top: 8px
}

.q-uploader__file-header {
    position: relative;
    padding: 4px 8px;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.q-uploader__file-header-content {
    padding-right: 8px
}

.q-uploader__file-status {
    font-size: 24px;
    margin-right: 4px
}

.q-uploader__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.285714;
    word-break: break-word
}

.q-uploader__subtitle {
    font-size: 12px;
    line-height: 1.5
}

.q-uploader--disable .q-uploader__header,.q-uploader--disable .q-uploader__list {
    pointer-events: none
}

.q-uploader--dark {
    border-color: #ffffff47;
    box-shadow: 0 1px 5px #fff3,0 2px 2px #ffffff24,0 3px 1px -2px #ffffff1f
}

.q-uploader--dark .q-uploader__file {
    border-color: #ffffff47
}

.q-uploader--dark .q-uploader__dnd,.q-uploader--dark .q-uploader__overlay {
    background: #ffffff4d
}

.q-uploader--dark .q-uploader__overlay {
    color: #fff
}

.q-video {
    position: relative;
    overflow: hidden;
    border-radius: inherit
}

.q-video iframe,.q-video object,.q-video embed {
    width: 100%;
    height: 100%
}

.q-video--responsive {
    height: 0
}

.q-video--responsive iframe,.q-video--responsive object,.q-video--responsive embed {
    position: absolute;
    top: 0;
    left: 0
}

.q-virtual-scroll:focus {
    outline: 0
}

.q-virtual-scroll__content {
    outline: none;
    contain: content
}

.q-virtual-scroll__content>* {
    overflow-anchor: none
}

.q-virtual-scroll__content>[data-q-vs-anchor] {
    overflow-anchor: auto
}

.q-virtual-scroll__padding {
    background: linear-gradient(#fff0,#fff0 20%,#80808008 20%,#80808014,#80808008 80%,#fff0 80%,#fff0);
    background-size: var(--b2b-virtual-scroll-item-width, 100%) var(--b2b-virtual-scroll-item-height, 50px)
}

.q-table .q-virtual-scroll__padding tr {
    height: 0!important
}

.q-table .q-virtual-scroll__padding td {
    padding: 0!important
}

.q-virtual-scroll--horizontal {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch
}

.q-virtual-scroll--horizontal .q-virtual-scroll__content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.q-virtual-scroll--horizontal .q-virtual-scroll__padding,.q-virtual-scroll--horizontal .q-virtual-scroll__content,.q-virtual-scroll--horizontal .q-virtual-scroll__content>* {
    flex: 0 0 auto
}

.q-virtual-scroll--horizontal .q-virtual-scroll__padding {
    background: linear-gradient(to left,#fff0,#fff0 20%,#80808008 20%,#80808014,#80808008 80%,#fff0 80%,#fff0);
    background-size: var(--b2b-virtual-scroll-item-width, 50px) var(--b2b-virtual-scroll-item-height, 100%)
}

.q-ripple {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: inherit;
    border-radius: inherit;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    contain: strict
}

.q-ripple__inner {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    color: inherit;
    border-radius: 50%;
    background: currentColor;
    pointer-events: none;
    will-change: transform,opacity
}

.q-ripple__inner--enter {
    transition: transform .225s cubic-bezier(.4,0,.2,1),opacity .1s cubic-bezier(.4,0,.2,1)
}

.q-ripple__inner--leave {
    transition: opacity .25s cubic-bezier(.4,0,.2,1)
}

.q-morph--invisible,.q-morph--internal {
    opacity: 0!important;
    pointer-events: none!important;
    position: fixed!important;
    right: 200vw!important;
    bottom: 200vh!important
}

.q-bottom-sheet {
    padding-bottom: 8px
}

.q-bottom-sheet__avatar {
    border-radius: 50%
}

.q-bottom-sheet--list {
    width: 400px
}

.q-bottom-sheet--list .q-icon,.q-bottom-sheet--list img {
    font-size: 24px;
    width: 24px;
    height: 24px
}

.q-bottom-sheet--grid {
    width: 700px
}

.q-bottom-sheet--grid .q-bottom-sheet__item {
    padding: 8px;
    text-align: center;
    min-width: 100px
}

.q-bottom-sheet--grid .q-icon,.q-bottom-sheet--grid img,.q-bottom-sheet--grid .q-bottom-sheet__empty-icon {
    font-size: 48px;
    width: 48px;
    height: 48px;
    margin-bottom: 8px
}

.q-bottom-sheet--grid .q-separator {
    margin: 12px 0
}

.q-bottom-sheet__item {
    flex: 0 0 33.3333%
}

@media (min-width: 600px) {
    .q-bottom-sheet__item {
        flex:0 0 25%
    }
}

.q-dialog-plugin {
    width: 400px
}

.q-dialog-plugin__form {
    max-height: 50vh
}

.q-dialog-plugin .q-card__section+.q-card__section {
    padding-top: 0
}

.q-dialog-plugin--progress {
    text-align: center
}

.q-loading {
    color: #000;
    position: fixed!important
}

.q-loading__backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .5;
    z-index: -1;
    background-color: #000;
    transition: background-color .28s
}

.q-loading__box {
    border-radius: 4px;
    padding: 18px;
    color: #fff;
    max-width: 450px
}

.q-loading__message {
    margin: 40px 20px 0;
    text-align: center
}

.q-notifications__list {
    z-index: 9500;
    pointer-events: none;
    left: 0;
    right: 0;
    margin-bottom: 10px;
    position: relative
}

.q-notifications__list--center {
    top: 0;
    bottom: 0
}

.q-notifications__list--top {
    top: 0
}

.q-notifications__list--bottom {
    bottom: 0
}

body.q-ios-padding .q-notifications__list--center,body.q-ios-padding .q-notifications__list--top {
    top: 20px;
    top: env(safe-area-inset-top)
}

body.q-ios-padding .q-notifications__list--center,body.q-ios-padding .q-notifications__list--bottom {
    bottom: env(safe-area-inset-bottom)
}

.q-notification {
    box-shadow: 0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f;
    border-radius: 4px;
    pointer-events: all;
    display: inline-flex;
    margin: 10px 10px 0;
    transition: transform 1s,opacity 1s;
    z-index: 9500;
    flex-shrink: 0;
    max-width: 95vw;
    background: #323232;
    color: #fff;
    font-size: 14px
}

.q-notification__icon {
    font-size: 24px;
    flex: 0 0 1em
}

.q-notification__icon--additional {
    margin-right: 16px
}

.q-notification__avatar {
    font-size: 32px
}

.q-notification__avatar--additional {
    margin-right: 8px
}

.q-notification__spinner {
    font-size: 32px
}

.q-notification__spinner--additional {
    margin-right: 8px
}

.q-notification__message {
    padding: 8px 0
}

.q-notification__caption {
    font-size: .9em;
    opacity: .7
}

.q-notification__actions {
    color: var(--b2b-primary)
}

.q-notification__badge {
    animation: q-notif-badge .42s;
    padding: 4px 8px;
    position: absolute;
    box-shadow: 0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f;
    background-color: var(--b2b-negative);
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    line-height: 12px
}

.q-notification__badge--top-left,.q-notification__badge--top-right {
    top: -6px
}

.q-notification__badge--bottom-left,.q-notification__badge--bottom-right {
    bottom: -6px
}

.q-notification__badge--top-left,.q-notification__badge--bottom-left {
    left: -22px
}

.q-notification__badge--top-right,.q-notification__badge--bottom-right {
    right: -22px
}

.q-notification__progress {
    z-index: -1;
    position: absolute;
    height: 3px;
    bottom: 0;
    left: -10px;
    right: -10px;
    animation: q-notif-progress linear;
    background: currentColor;
    opacity: .3;
    border-radius: 4px 4px 0 0;
    transform-origin: 0 50%;
    transform: scaleX(0)
}

.q-notification--standard {
    padding: 0 16px;
    min-height: 48px
}

.q-notification--standard .q-notification__actions {
    padding: 6px 0 6px 8px;
    margin-right: -8px
}

.q-notification--multi-line {
    min-height: 68px;
    padding: 8px 16px
}

.q-notification--multi-line .q-notification__badge--top-left,.q-notification--multi-line .q-notification__badge--top-right {
    top: -15px
}

.q-notification--multi-line .q-notification__badge--bottom-left,.q-notification--multi-line .q-notification__badge--bottom-right {
    bottom: -15px
}

.q-notification--multi-line .q-notification__progress {
    bottom: -8px
}

.q-notification--multi-line .q-notification__actions {
    padding: 0
}

.q-notification--multi-line .q-notification__actions--with-media {
    padding-left: 25px
}

.q-notification--top-left-enter-from,.q-notification--top-left-leave-to,.q-notification--top-enter-from,.q-notification--top-leave-to,.q-notification--top-right-enter-from,.q-notification--top-right-leave-to {
    opacity: 0;
    transform: translateY(-50px);
    z-index: 9499
}

.q-notification--left-enter-from,.q-notification--left-leave-to,.q-notification--center-enter-from,.q-notification--center-leave-to,.q-notification--right-enter-from,.q-notification--right-leave-to {
    opacity: 0;
    transform: rotateX(90deg);
    z-index: 9499
}

.q-notification--bottom-left-enter-from,.q-notification--bottom-left-leave-to,.q-notification--bottom-enter-from,.q-notification--bottom-leave-to,.q-notification--bottom-right-enter-from,.q-notification--bottom-right-leave-to {
    opacity: 0;
    transform: translateY(50px);
    z-index: 9499
}

.q-notification--top-left-leave-active,.q-notification--top-leave-active,.q-notification--top-right-leave-active,.q-notification--left-leave-active,.q-notification--center-leave-active,.q-notification--right-leave-active,.q-notification--bottom-left-leave-active,.q-notification--bottom-leave-active,.q-notification--bottom-right-leave-active {
    position: absolute;
    z-index: 9499;
    margin-left: 0;
    margin-right: 0
}

.q-notification--top-leave-active,.q-notification--center-leave-active {
    top: 0
}

.q-notification--bottom-left-leave-active,.q-notification--bottom-leave-active,.q-notification--bottom-right-leave-active {
    bottom: 0
}

@media (min-width: 600px) {
    .q-notification {
        max-width:65vw
    }
}

@keyframes q-notif-badge {
    15% {
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
}

@keyframes q-notif-progress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

:root {
    --animate-duration: .2s;
    --animate-delay: .3s;
    --animate-repeat: 1
}

.animated {
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.hinge {
    animation-duration: 2s
}

.animated.repeat-1 {
    animation-iteration-count: var(--animate-repeat)
}

.animated.repeat-2 {
    animation-iteration-count: calc(var(--animate-repeat) * 2)
}

.animated.repeat-3 {
    animation-iteration-count: calc(var(--animate-repeat) * 3)
}

.animated.delay-1s {
    animation-delay: var(--animate-delay)
}

.animated.delay-2s {
    animation-delay: calc(var(--animate-delay) * 2)
}

.animated.delay-3s {
    animation-delay: calc(var(--animate-delay) * 3)
}

.animated.delay-4s {
    animation-delay: calc(var(--animate-delay) * 4)
}

.animated.delay-5s {
    animation-delay: calc(var(--animate-delay) * 5)
}

.animated.faster {
    animation-duration: calc(var(--animate-duration) / 2)
}

.animated.fast {
    animation-duration: calc(var(--animate-duration) * .8)
}

.animated.slow {
    animation-duration: calc(var(--animate-duration) * 2)
}

.animated.slower {
    animation-duration: calc(var(--animate-duration) * 3)
}

@media print,(prefers-reduced-motion: reduce) {
    .animated {
        animation-duration: 1ms!important;
        transition-duration: 1ms!important;
        animation-iteration-count: 1!important
    }

    .animated[class*=Out] {
        opacity: 0
    }
}

.q-animate--scale {
    animation: q-scale .15s;
    animation-timing-function: cubic-bezier(.25,.8,.25,1)
}

@keyframes q-scale {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.04)
    }

    to {
        transform: scale(1)
    }
}

.q-animate--fade {
    animation: q-fade .2s
}

@keyframes q-fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.text-dark {
    color: var(--b2b-dark)!important
}

.bg-dark {
    background: var(--b2b-dark)!important
}

.text-primary {
    color: var(--b2b-primary)!important
}

.bg-primary {
    background: var(--b2b-primary)!important
}

.text-secondary {
    color: var(--b2b-secondary)!important
}

.bg-secondary {
    background: var(--b2b-secondary)!important
}

.text-accent {
    color: var(--b2b-accent)!important
}

.bg-accent {
    background: var(--b2b-accent)!important
}

.text-positive {
    color: var(--b2b-positive)!important
}

.bg-positive {
    background: var(--b2b-positive)!important
}

.text-negative {
    color: var(--b2b-negative)!important
}

.bg-negative {
    background: var(--b2b-negative)!important
}

.text-info {
    color: var(--b2b-info)!important
}

.bg-info {
    background: var(--b2b-info)!important
}

.text-warning {
    color: var(--b2b-warning)!important
}

.bg-warning {
    background: var(--b2b-warning)!important
}

.text-white {
    color: #fff!important
}

.bg-white {
    background: #fff!important
}

.text-black {
    color: #000!important
}

.bg-black {
    background: #000!important
}

.text-transparent {
    color: transparent!important
}

.bg-transparent {
    background: transparent!important
}

.text-separator {
    color: #0000001f!important
}

.bg-separator {
    background: #0000001f!important
}

.text-dark-separator {
    color: #ffffff47!important
}

.bg-dark-separator {
    background: #ffffff47!important
}

.text-red {
    color: #f44336!important
}

.text-red-1 {
    color: #ffebee!important
}

.text-red-2 {
    color: #ffcdd2!important
}

.text-red-3 {
    color: #ef9a9a!important
}

.text-red-4 {
    color: #e57373!important
}

.text-red-5 {
    color: #ef5350!important
}

.text-red-6 {
    color: #f44336!important
}

.text-red-7 {
    color: #e53935!important
}

.text-red-8 {
    color: #d32f2f!important
}

.text-red-9 {
    color: #c62828!important
}

.text-red-10 {
    color: #b71c1c!important
}

.text-red-11 {
    color: #ff8a80!important
}

.text-red-12 {
    color: #ff5252!important
}

.text-red-13 {
    color: #ff1744!important
}

.text-red-14 {
    color: #d50000!important
}

.text-pink {
    color: #e91e63!important
}

.text-pink-1 {
    color: #fce4ec!important
}

.text-pink-2 {
    color: #f8bbd0!important
}

.text-pink-3 {
    color: #f48fb1!important
}

.text-pink-4 {
    color: #f06292!important
}

.text-pink-5 {
    color: #ec407a!important
}

.text-pink-6 {
    color: #e91e63!important
}

.text-pink-7 {
    color: #d81b60!important
}

.text-pink-8 {
    color: #c2185b!important
}

.text-pink-9 {
    color: #ad1457!important
}

.text-pink-10 {
    color: #880e4f!important
}

.text-pink-11 {
    color: #ff80ab!important
}

.text-pink-12 {
    color: #ff4081!important
}

.text-pink-13 {
    color: #f50057!important
}

.text-pink-14 {
    color: #c51162!important
}

.text-purple {
    color: #9c27b0!important
}

.text-purple-1 {
    color: #f3e5f5!important
}

.text-purple-2 {
    color: #e1bee7!important
}

.text-purple-3 {
    color: #ce93d8!important
}

.text-purple-4 {
    color: #ba68c8!important
}

.text-purple-5 {
    color: #ab47bc!important
}

.text-purple-6 {
    color: #9c27b0!important
}

.text-purple-7 {
    color: #8e24aa!important
}

.text-purple-8 {
    color: #7b1fa2!important
}

.text-purple-9 {
    color: #6a1b9a!important
}

.text-purple-10 {
    color: #4a148c!important
}

.text-purple-11 {
    color: #ea80fc!important
}

.text-purple-12 {
    color: #e040fb!important
}

.text-purple-13 {
    color: #d500f9!important
}

.text-purple-14 {
    color: #a0f!important
}

.text-deep-purple {
    color: #673ab7!important
}

.text-deep-purple-1 {
    color: #ede7f6!important
}

.text-deep-purple-2 {
    color: #d1c4e9!important
}

.text-deep-purple-3 {
    color: #b39ddb!important
}

.text-deep-purple-4 {
    color: #9575cd!important
}

.text-deep-purple-5 {
    color: #7e57c2!important
}

.text-deep-purple-6 {
    color: #673ab7!important
}

.text-deep-purple-7 {
    color: #5e35b1!important
}

.text-deep-purple-8 {
    color: #512da8!important
}

.text-deep-purple-9 {
    color: #4527a0!important
}

.text-deep-purple-10 {
    color: #311b92!important
}

.text-deep-purple-11 {
    color: #b388ff!important
}

.text-deep-purple-12 {
    color: #7c4dff!important
}

.text-deep-purple-13 {
    color: #651fff!important
}

.text-deep-purple-14 {
    color: #6200ea!important
}

.text-indigo {
    color: #3f51b5!important
}

.text-indigo-1 {
    color: #e8eaf6!important
}

.text-indigo-2 {
    color: #c5cae9!important
}

.text-indigo-3 {
    color: #9fa8da!important
}

.text-indigo-4 {
    color: #7986cb!important
}

.text-indigo-5 {
    color: #5c6bc0!important
}

.text-indigo-6 {
    color: #3f51b5!important
}

.text-indigo-7 {
    color: #3949ab!important
}

.text-indigo-8 {
    color: #303f9f!important
}

.text-indigo-9 {
    color: #283593!important
}

.text-indigo-10 {
    color: #1a237e!important
}

.text-indigo-11 {
    color: #8c9eff!important
}

.text-indigo-12 {
    color: #536dfe!important
}

.text-indigo-13 {
    color: #3d5afe!important
}

.text-indigo-14 {
    color: #304ffe!important
}

.text-blue {
    color: #d9efff!important
}

.text-blue-1 {
    color: #e3f2fd!important
}

.text-blue-2 {
    color: #bbdefb!important
}

.text-blue-3 {
    color: #90caf9!important
}

.text-blue-4 {
    color: #64b5f6!important
}

.text-blue-5 {
    color: #42a5f5!important
}

.text-blue-6 {
    color: #2196f3!important
}

.text-blue-7 {
    color: #1e88e5!important
}

.text-blue-8 {
    color: #1976d2!important
}

.text-blue-9 {
    color: #1565c0!important
}

.text-blue-10 {
    color: #0d47a1!important
}

.text-blue-11 {
    color: #82b1ff!important
}

.text-blue-12 {
    color: #448aff!important
}

.text-blue-13 {
    color: #2979ff!important
}

.text-blue-14 {
    color: #2962ff!important
}

.text-light-blue {
    color: #03a9f4!important
}

.text-light-blue-1 {
    color: #e1f5fe!important
}

.text-light-blue-2 {
    color: #b3e5fc!important
}

.text-light-blue-3 {
    color: #81d4fa!important
}

.text-light-blue-4 {
    color: #4fc3f7!important
}

.text-light-blue-5 {
    color: #29b6f6!important
}

.text-light-blue-6 {
    color: #03a9f4!important
}

.text-light-blue-7 {
    color: #039be5!important
}

.text-light-blue-8 {
    color: #0288d1!important
}

.text-light-blue-9 {
    color: #0277bd!important
}

.text-light-blue-10 {
    color: #01579b!important
}

.text-light-blue-11 {
    color: #80d8ff!important
}

.text-light-blue-12 {
    color: #40c4ff!important
}

.text-light-blue-13 {
    color: #00b0ff!important
}

.text-light-blue-14 {
    color: #0091ea!important
}

.text-cyan {
    color: #00bcd4!important
}

.text-cyan-1 {
    color: #e0f7fa!important
}

.text-cyan-2 {
    color: #b2ebf2!important
}

.text-cyan-3 {
    color: #80deea!important
}

.text-cyan-4 {
    color: #4dd0e1!important
}

.text-cyan-5 {
    color: #26c6da!important
}

.text-cyan-6 {
    color: #00bcd4!important
}

.text-cyan-7 {
    color: #00acc1!important
}

.text-cyan-8 {
    color: #0097a7!important
}

.text-cyan-9 {
    color: #00838f!important
}

.text-cyan-10 {
    color: #006064!important
}

.text-cyan-11 {
    color: #84ffff!important
}

.text-cyan-12 {
    color: #18ffff!important
}

.text-cyan-13 {
    color: #00e5ff!important
}

.text-cyan-14 {
    color: #00b8d4!important
}

.text-teal {
    color: #009688!important
}

.text-teal-1 {
    color: #e0f2f1!important
}

.text-teal-2 {
    color: #b2dfdb!important
}

.text-teal-3 {
    color: #80cbc4!important
}

.text-teal-4 {
    color: #4db6ac!important
}

.text-teal-5 {
    color: #26a69a!important
}

.text-teal-6 {
    color: #009688!important
}

.text-teal-7 {
    color: #00897b!important
}

.text-teal-8 {
    color: #00796b!important
}

.text-teal-9 {
    color: #00695c!important
}

.text-teal-10 {
    color: #004d40!important
}

.text-teal-11 {
    color: #a7ffeb!important
}

.text-teal-12 {
    color: #64ffda!important
}

.text-teal-13 {
    color: #1de9b6!important
}

.text-teal-14 {
    color: #00bfa5!important
}

.text-green {
    color: #4caf50!important
}

.text-green-1 {
    color: #e8f5e9!important
}

.text-green-2 {
    color: #c8e6c9!important
}

.text-green-3 {
    color: #a5d6a7!important
}

.text-green-4 {
    color: #81c784!important
}

.text-green-5 {
    color: #66bb6a!important
}

.text-green-6 {
    color: #4caf50!important
}

.text-green-7 {
    color: #43a047!important
}

.text-green-8 {
    color: #388e3c!important
}

.text-green-9 {
    color: #2e7d32!important
}

.text-green-10 {
    color: #1b5e20!important
}

.text-green-11 {
    color: #b9f6ca!important
}

.text-green-12 {
    color: #69f0ae!important
}

.text-green-13 {
    color: #00e676!important
}

.text-green-14 {
    color: #00c853!important
}

.text-light-green {
    color: #8bc34a!important
}

.text-light-green-1 {
    color: #f1f8e9!important
}

.text-light-green-2 {
    color: #dcedc8!important
}

.text-light-green-3 {
    color: #c5e1a5!important
}

.text-light-green-4 {
    color: #aed581!important
}

.text-light-green-5 {
    color: #9ccc65!important
}

.text-light-green-6 {
    color: #8bc34a!important
}

.text-light-green-7 {
    color: #7cb342!important
}

.text-light-green-8 {
    color: #689f38!important
}

.text-light-green-9 {
    color: #558b2f!important
}

.text-light-green-10 {
    color: #33691e!important
}

.text-light-green-11 {
    color: #ccff90!important
}

.text-light-green-12 {
    color: #b2ff59!important
}

.text-light-green-13 {
    color: #76ff03!important
}

.text-light-green-14 {
    color: #64dd17!important
}

.text-lime {
    color: #cddc39!important
}

.text-lime-1 {
    color: #f9fbe7!important
}

.text-lime-2 {
    color: #f0f4c3!important
}

.text-lime-3 {
    color: #e6ee9c!important
}

.text-lime-4 {
    color: #dce775!important
}

.text-lime-5 {
    color: #d4e157!important
}

.text-lime-6 {
    color: #cddc39!important
}

.text-lime-7 {
    color: #c0ca33!important
}

.text-lime-8 {
    color: #afb42b!important
}

.text-lime-9 {
    color: #9e9d24!important
}

.text-lime-10 {
    color: #827717!important
}

.text-lime-11 {
    color: #f4ff81!important
}

.text-lime-12 {
    color: #eeff41!important
}

.text-lime-13 {
    color: #c6ff00!important
}

.text-lime-14 {
    color: #aeea00!important
}

.text-yellow {
    color: #ffeb3b!important
}

.text-yellow-1 {
    color: #fffde7!important
}

.text-yellow-2 {
    color: #fff9c4!important
}

.text-yellow-3 {
    color: #fff59d!important
}

.text-yellow-4 {
    color: #fff176!important
}

.text-yellow-5 {
    color: #ffee58!important
}

.text-yellow-6 {
    color: #ffeb3b!important
}

.text-yellow-7 {
    color: #fdd835!important
}

.text-yellow-8 {
    color: #fbc02d!important
}

.text-yellow-9 {
    color: #f9a825!important
}

.text-yellow-10 {
    color: #f57f17!important
}

.text-yellow-11 {
    color: #ffff8d!important
}

.text-yellow-12 {
    color: #ff0!important
}

.text-yellow-13 {
    color: #ffea00!important
}

.text-yellow-14 {
    color: #ffd600!important
}

.text-amber {
    color: #ffc107!important
}

.text-amber-1 {
    color: #fff8e1!important
}

.text-amber-2 {
    color: #ffecb3!important
}

.text-amber-3 {
    color: #ffe082!important
}

.text-amber-4 {
    color: #ffd54f!important
}

.text-amber-5 {
    color: #ffca28!important
}

.text-amber-6 {
    color: #ffc107!important
}

.text-amber-7 {
    color: #ffb300!important
}

.text-amber-8 {
    color: #ffa000!important
}

.text-amber-9 {
    color: #ff8f00!important
}

.text-amber-10 {
    color: #ff6f00!important
}

.text-amber-11 {
    color: #ffe57f!important
}

.text-amber-12 {
    color: #ffd740!important
}

.text-amber-13 {
    color: #ffc400!important
}

.text-amber-14 {
    color: #ffab00!important
}

.text-orange {
    color: #ff9800!important
}

.text-orange-1 {
    color: #fff3e0!important
}

.text-orange-2 {
    color: #ffe0b2!important
}

.text-orange-3 {
    color: #ffcc80!important
}

.text-orange-4 {
    color: #ffb74d!important
}

.text-orange-5 {
    color: #ffa726!important
}

.text-orange-6 {
    color: #ff9800!important
}

.text-orange-7 {
    color: #fb8c00!important
}

.text-orange-8 {
    color: #f57c00!important
}

.text-orange-9 {
    color: #ef6c00!important
}

.text-orange-10 {
    color: #e65100!important
}

.text-orange-11 {
    color: #ffd180!important
}

.text-orange-12 {
    color: #ffab40!important
}

.text-orange-13 {
    color: #ff9100!important
}

.text-orange-14 {
    color: #ff6d00!important
}

.text-deep-orange {
    color: #ff5722!important
}

.text-deep-orange-1 {
    color: #fbe9e7!important
}

.text-deep-orange-2 {
    color: #ffccbc!important
}

.text-deep-orange-3 {
    color: #ffab91!important
}

.text-deep-orange-4 {
    color: #ff8a65!important
}

.text-deep-orange-5 {
    color: #ff7043!important
}

.text-deep-orange-6 {
    color: #ff5722!important
}

.text-deep-orange-7 {
    color: #f4511e!important
}

.text-deep-orange-8 {
    color: #e64a19!important
}

.text-deep-orange-9 {
    color: #d84315!important
}

.text-deep-orange-10 {
    color: #bf360c!important
}

.text-deep-orange-11 {
    color: #ff9e80!important
}

.text-deep-orange-12 {
    color: #ff6e40!important
}

.text-deep-orange-13 {
    color: #ff3d00!important
}

.text-deep-orange-14 {
    color: #dd2c00!important
}

.text-brown {
    color: #795548!important
}

.text-brown-1 {
    color: #efebe9!important
}

.text-brown-2 {
    color: #d7ccc8!important
}

.text-brown-3 {
    color: #bcaaa4!important
}

.text-brown-4 {
    color: #a1887f!important
}

.text-brown-5 {
    color: #8d6e63!important
}

.text-brown-6 {
    color: #795548!important
}

.text-brown-7 {
    color: #6d4c41!important
}

.text-brown-8 {
    color: #5d4037!important
}

.text-brown-9 {
    color: #4e342e!important
}

.text-brown-10 {
    color: #3e2723!important
}

.text-brown-11 {
    color: #d7ccc8!important
}

.text-brown-12 {
    color: #bcaaa4!important
}

.text-brown-13 {
    color: #8d6e63!important
}

.text-brown-14 {
    color: #5d4037!important
}

.text-grey {
    color: #919191!important
}

.text-grey-1 {
    color: #fafafa!important
}

.text-grey-2 {
    color: #f5f5f5!important
}

.text-grey-3 {
    color: #eee!important
}

.text-grey-4 {
    color: #344054!important
}

.text-grey-5 {
    color: #bdbdbd!important
}

.text-grey-6 {
    color: #9e9e9e!important
}

.text-grey-7 {
    color: #757575!important
}

.text-grey-8 {
    color: #616161!important
}

.text-grey-9 {
    color: #424242!important
}

.text-grey-10 {
    color: #212121!important
}

.text-grey-11 {
    color: #f5f5f5!important
}

.text-grey-12 {
    color: #eee!important
}

.text-grey-13 {
    color: #bdbdbd!important
}

.text-grey-14 {
    color: #616161!important
}

.text-blue-grey {
    color: #607d8b!important
}

.text-blue-grey-1 {
    color: #eceff1!important
}

.text-blue-grey-2 {
    color: #cfd8dc!important
}

.text-blue-grey-3 {
    color: #b0bec5!important
}

.text-blue-grey-4 {
    color: #90a4ae!important
}

.text-blue-grey-5 {
    color: #78909c!important
}

.text-blue-grey-6 {
    color: #607d8b!important
}

.text-blue-grey-7 {
    color: #546e7a!important
}

.text-blue-grey-8 {
    color: #455a64!important
}

.text-blue-grey-9 {
    color: #37474f!important
}

.text-blue-grey-10 {
    color: #263238!important
}

.text-blue-grey-11 {
    color: #cfd8dc!important
}

.text-blue-grey-12 {
    color: #b0bec5!important
}

.text-blue-grey-13 {
    color: #78909c!important
}

.text-blue-grey-14 {
    color: #455a64!important
}

.bg-red {
    background: #f44336!important
}

.bg-red-1 {
    background: #ffebee!important
}

.bg-red-2 {
    background: #ffcdd2!important
}

.bg-red-3 {
    background: #ef9a9a!important
}

.bg-red-4 {
    background: #e57373!important
}

.bg-red-5 {
    background: #ef5350!important
}

.bg-red-6 {
    background: #f44336!important
}

.bg-red-7 {
    background: #e53935!important
}

.bg-red-8 {
    background: #d32f2f!important
}

.bg-red-9 {
    background: #c62828!important
}

.bg-red-10 {
    background: #b71c1c!important
}

.bg-red-11 {
    background: #ff8a80!important
}

.bg-red-12 {
    background: #ff5252!important
}

.bg-red-13 {
    background: #ff1744!important
}

.bg-red-14 {
    background: #d50000!important
}

.bg-pink {
    background: #e91e63!important
}

.bg-pink-1 {
    background: #fce4ec!important
}

.bg-pink-2 {
    background: #f8bbd0!important
}

.bg-pink-3 {
    background: #f48fb1!important
}

.bg-pink-4 {
    background: #f06292!important
}

.bg-pink-5 {
    background: #ec407a!important
}

.bg-pink-6 {
    background: #e91e63!important
}

.bg-pink-7 {
    background: #d81b60!important
}

.bg-pink-8 {
    background: #c2185b!important
}

.bg-pink-9 {
    background: #ad1457!important
}

.bg-pink-10 {
    background: #880e4f!important
}

.bg-pink-11 {
    background: #ff80ab!important
}

.bg-pink-12 {
    background: #ff4081!important
}

.bg-pink-13 {
    background: #f50057!important
}

.bg-pink-14 {
    background: #c51162!important
}

.bg-purple {
    background: #9c27b0!important
}

.bg-purple-1 {
    background: #f3e5f5!important
}

.bg-purple-2 {
    background: #e1bee7!important
}

.bg-purple-3 {
    background: #ce93d8!important
}

.bg-purple-4 {
    background: #ba68c8!important
}

.bg-purple-5 {
    background: #ab47bc!important
}

.bg-purple-6 {
    background: #9c27b0!important
}

.bg-purple-7 {
    background: #8e24aa!important
}

.bg-purple-8 {
    background: #7b1fa2!important
}

.bg-purple-9 {
    background: #6a1b9a!important
}

.bg-purple-10 {
    background: #4a148c!important
}

.bg-purple-11 {
    background: #ea80fc!important
}

.bg-purple-12 {
    background: #e040fb!important
}

.bg-purple-13 {
    background: #d500f9!important
}

.bg-purple-14 {
    background: #a0f!important
}

.bg-deep-purple {
    background: #673ab7!important
}

.bg-deep-purple-1 {
    background: #ede7f6!important
}

.bg-deep-purple-2 {
    background: #d1c4e9!important
}

.bg-deep-purple-3 {
    background: #b39ddb!important
}

.bg-deep-purple-4 {
    background: #9575cd!important
}

.bg-deep-purple-5 {
    background: #7e57c2!important
}

.bg-deep-purple-6 {
    background: #673ab7!important
}

.bg-deep-purple-7 {
    background: #5e35b1!important
}

.bg-deep-purple-8 {
    background: #512da8!important
}

.bg-deep-purple-9 {
    background: #4527a0!important
}

.bg-deep-purple-10 {
    background: #311b92!important
}

.bg-deep-purple-11 {
    background: #b388ff!important
}

.bg-deep-purple-12 {
    background: #7c4dff!important
}

.bg-deep-purple-13 {
    background: #651fff!important
}

.bg-deep-purple-14 {
    background: #6200ea!important
}

.bg-indigo {
    background: #3f51b5!important
}

.bg-indigo-1 {
    background: #e8eaf6!important
}

.bg-indigo-2 {
    background: #c5cae9!important
}

.bg-indigo-3 {
    background: #9fa8da!important
}

.bg-indigo-4 {
    background: #7986cb!important
}

.bg-indigo-5 {
    background: #5c6bc0!important
}

.bg-indigo-6 {
    background: #3f51b5!important
}

.bg-indigo-7 {
    background: #3949ab!important
}

.bg-indigo-8 {
    background: #303f9f!important
}

.bg-indigo-9 {
    background: #283593!important
}

.bg-indigo-10 {
    background: #1a237e!important
}

.bg-indigo-11 {
    background: #8c9eff!important
}

.bg-indigo-12 {
    background: #536dfe!important
}

.bg-indigo-13 {
    background: #3d5afe!important
}

.bg-indigo-14 {
    background: #304ffe!important
}

.bg-blue {
    background: #d9efff!important
}

.bg-blue-1 {
    background: #e3f2fd!important
}

.bg-blue-2 {
    background: #bbdefb!important
}

.bg-blue-3 {
    background: #90caf9!important
}

.bg-blue-4 {
    background: #64b5f6!important
}

.bg-blue-5 {
    background: #42a5f5!important
}

.bg-blue-6 {
    background: #2196f3!important
}

.bg-blue-7 {
    background: #1e88e5!important
}

.bg-blue-8 {
    background: #1976d2!important
}

.bg-blue-9 {
    background: #1565c0!important
}

.bg-blue-10 {
    background: #0d47a1!important
}

.bg-blue-11 {
    background: #82b1ff!important
}

.bg-blue-12 {
    background: #448aff!important
}

.bg-blue-13 {
    background: #2979ff!important
}

.bg-blue-14 {
    background: #2962ff!important
}

.bg-light-blue {
    background: #03a9f4!important
}

.bg-light-blue-1 {
    background: #e1f5fe!important
}

.bg-light-blue-2 {
    background: #b3e5fc!important
}

.bg-light-blue-3 {
    background: #81d4fa!important
}

.bg-light-blue-4 {
    background: #4fc3f7!important
}

.bg-light-blue-5 {
    background: #29b6f6!important
}

.bg-light-blue-6 {
    background: #03a9f4!important
}

.bg-light-blue-7 {
    background: #039be5!important
}

.bg-light-blue-8 {
    background: #0288d1!important
}

.bg-light-blue-9 {
    background: #0277bd!important
}

.bg-light-blue-10 {
    background: #01579b!important
}

.bg-light-blue-11 {
    background: #80d8ff!important
}

.bg-light-blue-12 {
    background: #40c4ff!important
}

.bg-light-blue-13 {
    background: #00b0ff!important
}

.bg-light-blue-14 {
    background: #0091ea!important
}

.bg-cyan {
    background: #00bcd4!important
}

.bg-cyan-1 {
    background: #e0f7fa!important
}

.bg-cyan-2 {
    background: #b2ebf2!important
}

.bg-cyan-3 {
    background: #80deea!important
}

.bg-cyan-4 {
    background: #4dd0e1!important
}

.bg-cyan-5 {
    background: #26c6da!important
}

.bg-cyan-6 {
    background: #00bcd4!important
}

.bg-cyan-7 {
    background: #00acc1!important
}

.bg-cyan-8 {
    background: #0097a7!important
}

.bg-cyan-9 {
    background: #00838f!important
}

.bg-cyan-10 {
    background: #006064!important
}

.bg-cyan-11 {
    background: #84ffff!important
}

.bg-cyan-12 {
    background: #18ffff!important
}

.bg-cyan-13 {
    background: #00e5ff!important
}

.bg-cyan-14 {
    background: #00b8d4!important
}

.bg-teal {
    background: #009688!important
}

.bg-teal-1 {
    background: #e0f2f1!important
}

.bg-teal-2 {
    background: #b2dfdb!important
}

.bg-teal-3 {
    background: #80cbc4!important
}

.bg-teal-4 {
    background: #4db6ac!important
}

.bg-teal-5 {
    background: #26a69a!important
}

.bg-teal-6 {
    background: #009688!important
}

.bg-teal-7 {
    background: #00897b!important
}

.bg-teal-8 {
    background: #00796b!important
}

.bg-teal-9 {
    background: #00695c!important
}

.bg-teal-10 {
    background: #004d40!important
}

.bg-teal-11 {
    background: #a7ffeb!important
}

.bg-teal-12 {
    background: #64ffda!important
}

.bg-teal-13 {
    background: #1de9b6!important
}

.bg-teal-14 {
    background: #00bfa5!important
}

.bg-green {
    background: #4caf50!important
}

.bg-green-1 {
    background: #e8f5e9!important
}

.bg-green-2 {
    background: #c8e6c9!important
}

.bg-green-3 {
    background: #a5d6a7!important
}

.bg-green-4 {
    background: #81c784!important
}

.bg-green-5 {
    background: #66bb6a!important
}

.bg-green-6 {
    background: #4caf50!important
}

.bg-green-7 {
    background: #43a047!important
}

.bg-green-8 {
    background: #388e3c!important
}

.bg-green-9 {
    background: #2e7d32!important
}

.bg-green-10 {
    background: #1b5e20!important
}

.bg-green-11 {
    background: #b9f6ca!important
}

.bg-green-12 {
    background: #69f0ae!important
}

.bg-green-13 {
    background: #00e676!important
}

.bg-green-14 {
    background: #00c853!important
}

.bg-light-green {
    background: #8bc34a!important
}

.bg-light-green-1 {
    background: #f1f8e9!important
}

.bg-light-green-2 {
    background: #dcedc8!important
}

.bg-light-green-3 {
    background: #c5e1a5!important
}

.bg-light-green-4 {
    background: #aed581!important
}

.bg-light-green-5 {
    background: #9ccc65!important
}

.bg-light-green-6 {
    background: #8bc34a!important
}

.bg-light-green-7 {
    background: #7cb342!important
}

.bg-light-green-8 {
    background: #689f38!important
}

.bg-light-green-9 {
    background: #558b2f!important
}

.bg-light-green-10 {
    background: #33691e!important
}

.bg-light-green-11 {
    background: #ccff90!important
}

.bg-light-green-12 {
    background: #b2ff59!important
}

.bg-light-green-13 {
    background: #76ff03!important
}

.bg-light-green-14 {
    background: #64dd17!important
}

.bg-lime {
    background: #cddc39!important
}

.bg-lime-1 {
    background: #f9fbe7!important
}

.bg-lime-2 {
    background: #f0f4c3!important
}

.bg-lime-3 {
    background: #e6ee9c!important
}

.bg-lime-4 {
    background: #dce775!important
}

.bg-lime-5 {
    background: #d4e157!important
}

.bg-lime-6 {
    background: #cddc39!important
}

.bg-lime-7 {
    background: #c0ca33!important
}

.bg-lime-8 {
    background: #afb42b!important
}

.bg-lime-9 {
    background: #9e9d24!important
}

.bg-lime-10 {
    background: #827717!important
}

.bg-lime-11 {
    background: #f4ff81!important
}

.bg-lime-12 {
    background: #eeff41!important
}

.bg-lime-13 {
    background: #c6ff00!important
}

.bg-lime-14 {
    background: #aeea00!important
}

.bg-yellow {
    background: #ffeb3b!important
}

.bg-yellow-1 {
    background: #fffde7!important
}

.bg-yellow-2 {
    background: #fff9c4!important
}

.bg-yellow-3 {
    background: #fff59d!important
}

.bg-yellow-4 {
    background: #fff176!important
}

.bg-yellow-5 {
    background: #ffee58!important
}

.bg-yellow-6 {
    background: #ffeb3b!important
}

.bg-yellow-7 {
    background: #fdd835!important
}

.bg-yellow-8 {
    background: #fbc02d!important
}

.bg-yellow-9 {
    background: #f9a825!important
}

.bg-yellow-10 {
    background: #f57f17!important
}

.bg-yellow-11 {
    background: #ffff8d!important
}

.bg-yellow-12 {
    background: #ff0!important
}

.bg-yellow-13 {
    background: #ffea00!important
}

.bg-yellow-14 {
    background: #ffd600!important
}

.bg-amber {
    background: #ffc107!important
}

.bg-amber-1 {
    background: #fff8e1!important
}

.bg-amber-2 {
    background: #ffecb3!important
}

.bg-amber-3 {
    background: #ffe082!important
}

.bg-amber-4 {
    background: #ffd54f!important
}

.bg-amber-5 {
    background: #ffca28!important
}

.bg-amber-6 {
    background: #ffc107!important
}

.bg-amber-7 {
    background: #ffb300!important
}

.bg-amber-8 {
    background: #ffa000!important
}

.bg-amber-9 {
    background: #ff8f00!important
}

.bg-amber-10 {
    background: #ff6f00!important
}

.bg-amber-11 {
    background: #ffe57f!important
}

.bg-amber-12 {
    background: #ffd740!important
}

.bg-amber-13 {
    background: #ffc400!important
}

.bg-amber-14 {
    background: #ffab00!important
}

.bg-orange {
    background: #ff9800!important
}

.bg-orange-1 {
    background: #fff3e0!important
}

.bg-orange-2 {
    background: #ffe0b2!important
}

.bg-orange-3 {
    background: #ffcc80!important
}

.bg-orange-4 {
    background: #ffb74d!important
}

.bg-orange-5 {
    background: #ffa726!important
}

.bg-orange-6 {
    background: #ff9800!important
}

.bg-orange-7 {
    background: #fb8c00!important
}

.bg-orange-8 {
    background: #f57c00!important
}

.bg-orange-9 {
    background: #ef6c00!important
}

.bg-orange-10 {
    background: #e65100!important
}

.bg-orange-11 {
    background: #ffd180!important
}

.bg-orange-12 {
    background: #ffab40!important
}

.bg-orange-13 {
    background: #ff9100!important
}

.bg-orange-14 {
    background: #ff6d00!important
}

.bg-deep-orange {
    background: #ff5722!important
}

.bg-deep-orange-1 {
    background: #fbe9e7!important
}

.bg-deep-orange-2 {
    background: #ffccbc!important
}

.bg-deep-orange-3 {
    background: #ffab91!important
}

.bg-deep-orange-4 {
    background: #ff8a65!important
}

.bg-deep-orange-5 {
    background: #ff7043!important
}

.bg-deep-orange-6 {
    background: #ff5722!important
}

.bg-deep-orange-7 {
    background: #f4511e!important
}

.bg-deep-orange-8 {
    background: #e64a19!important
}

.bg-deep-orange-9 {
    background: #d84315!important
}

.bg-deep-orange-10 {
    background: #bf360c!important
}

.bg-deep-orange-11 {
    background: #ff9e80!important
}

.bg-deep-orange-12 {
    background: #ff6e40!important
}

.bg-deep-orange-13 {
    background: #ff3d00!important
}

.bg-deep-orange-14 {
    background: #dd2c00!important
}

.bg-brown {
    background: #795548!important
}

.bg-brown-1 {
    background: #efebe9!important
}

.bg-brown-2 {
    background: #d7ccc8!important
}

.bg-brown-3 {
    background: #bcaaa4!important
}

.bg-brown-4 {
    background: #a1887f!important
}

.bg-brown-5 {
    background: #8d6e63!important
}

.bg-brown-6 {
    background: #795548!important
}

.bg-brown-7 {
    background: #6d4c41!important
}

.bg-brown-8 {
    background: #5d4037!important
}

.bg-brown-9 {
    background: #4e342e!important
}

.bg-brown-10 {
    background: #3e2723!important
}

.bg-brown-11 {
    background: #d7ccc8!important
}

.bg-brown-12 {
    background: #bcaaa4!important
}

.bg-brown-13 {
    background: #8d6e63!important
}

.bg-brown-14 {
    background: #5d4037!important
}

.bg-grey {
    background: #919191!important
}

.bg-grey-1 {
    background: #fafafa!important
}

.bg-grey-2 {
    background: #f5f5f5!important
}

.bg-grey-3 {
    background: #eee!important
}

.bg-grey-4 {
    background: #344054!important
}

.bg-grey-5 {
    background: #bdbdbd!important
}

.bg-grey-6 {
    background: #9e9e9e!important
}

.bg-grey-7 {
    background: #757575!important
}

.bg-grey-8 {
    background: #616161!important
}

.bg-grey-9 {
    background: #424242!important
}

.bg-grey-10 {
    background: #212121!important
}

.bg-grey-11 {
    background: #f5f5f5!important
}

.bg-grey-12 {
    background: #eee!important
}

.bg-grey-13 {
    background: #bdbdbd!important
}

.bg-grey-14 {
    background: #616161!important
}

.bg-blue-grey {
    background: #607d8b!important
}

.bg-blue-grey-1 {
    background: #eceff1!important
}

.bg-blue-grey-2 {
    background: #cfd8dc!important
}

.bg-blue-grey-3 {
    background: #b0bec5!important
}

.bg-blue-grey-4 {
    background: #90a4ae!important
}

.bg-blue-grey-5 {
    background: #78909c!important
}

.bg-blue-grey-6 {
    background: #607d8b!important
}

.bg-blue-grey-7 {
    background: #546e7a!important
}

.bg-blue-grey-8 {
    background: #455a64!important
}

.bg-blue-grey-9 {
    background: #37474f!important
}

.bg-blue-grey-10 {
    background: #263238!important
}

.bg-blue-grey-11 {
    background: #cfd8dc!important
}

.bg-blue-grey-12 {
    background: #b0bec5!important
}

.bg-blue-grey-13 {
    background: #78909c!important
}

.bg-blue-grey-14 {
    background: #455a64!important
}

.shadow-transition {
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1)!important
}

.shadow-1 {
    box-shadow: 0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f
}

.shadow-up-1 {
    box-shadow: 0 -1px 3px #0003,0 -1px 1px #00000024,0 -2px 1px -1px #0000001f
}

.shadow-2 {
    box-shadow: 0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f
}

.shadow-up-2 {
    box-shadow: 0 -1px 5px #0003,0 -2px 2px #00000024,0 -3px 1px -2px #0000001f
}

.shadow-3 {
    box-shadow: 0 1px 8px #0003,0 3px 4px #00000024,0 3px 3px -2px #0000001f
}

.shadow-up-3 {
    box-shadow: 0 -1px 8px #0003,0 -3px 4px #00000024,0 -3px 3px -2px #0000001f
}

.shadow-4 {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}

.shadow-up-4 {
    box-shadow: 0 -2px 4px -1px #0003,0 -4px 5px #00000024,0 -1px 10px #0000001f
}

.shadow-5 {
    box-shadow: 0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f
}

.shadow-up-5 {
    box-shadow: 0 -3px 5px -1px #0003,0 -5px 8px #00000024,0 -1px 14px #0000001f
}

.shadow-6 {
    box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}

.shadow-up-6 {
    box-shadow: 0 -3px 5px -1px #0003,0 -6px 10px #00000024,0 -1px 18px #0000001f
}

.shadow-7 {
    box-shadow: 0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f
}

.shadow-up-7 {
    box-shadow: 0 -4px 5px -2px #0003,0 -7px 10px 1px #00000024,0 -2px 16px 1px #0000001f
}

.shadow-8 {
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}

.shadow-up-8 {
    box-shadow: 0 -5px 5px -3px #0003,0 -8px 10px 1px #00000024,0 -3px 14px 2px #0000001f
}

.shadow-9 {
    box-shadow: 0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f
}

.shadow-up-9 {
    box-shadow: 0 -5px 6px -3px #0003,0 -9px 12px 1px #00000024,0 -3px 16px 2px #0000001f
}

.shadow-10 {
    box-shadow: 0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f
}

.shadow-up-10 {
    box-shadow: 0 -6px 6px -3px #0003,0 -10px 14px 1px #00000024,0 -4px 18px 3px #0000001f
}

.shadow-11 {
    box-shadow: 0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f
}

.shadow-up-11 {
    box-shadow: 0 -6px 7px -4px #0003,0 -11px 15px 1px #00000024,0 -4px 20px 3px #0000001f
}

.shadow-12 {
    box-shadow: 0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f
}

.shadow-up-12 {
    box-shadow: 0 -7px 8px -4px #0003,0 -12px 17px 2px #00000024,0 -5px 22px 4px #0000001f
}

.shadow-13 {
    box-shadow: 0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f
}

.shadow-up-13 {
    box-shadow: 0 -7px 8px -4px #0003,0 -13px 19px 2px #00000024,0 -5px 24px 4px #0000001f
}

.shadow-14 {
    box-shadow: 0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f
}

.shadow-up-14 {
    box-shadow: 0 -7px 9px -4px #0003,0 -14px 21px 2px #00000024,0 -5px 26px 4px #0000001f
}

.shadow-15 {
    box-shadow: 0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f
}

.shadow-up-15 {
    box-shadow: 0 -8px 9px -5px #0003,0 -15px 22px 2px #00000024,0 -6px 28px 5px #0000001f
}

.shadow-16 {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f
}

.shadow-up-16 {
    box-shadow: 0 -8px 10px -5px #0003,0 -16px 24px 2px #00000024,0 -6px 30px 5px #0000001f
}

.shadow-17 {
    box-shadow: 0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f
}

.shadow-up-17 {
    box-shadow: 0 -8px 11px -5px #0003,0 -17px 26px 2px #00000024,0 -6px 32px 5px #0000001f
}

.shadow-18 {
    box-shadow: 0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f
}

.shadow-up-18 {
    box-shadow: 0 -9px 11px -5px #0003,0 -18px 28px 2px #00000024,0 -7px 34px 6px #0000001f
}

.shadow-19 {
    box-shadow: 0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f
}

.shadow-up-19 {
    box-shadow: 0 -9px 12px -6px #0003,0 -19px 29px 2px #00000024,0 -7px 36px 6px #0000001f
}

.shadow-20 {
    box-shadow: 0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f
}

.shadow-up-20 {
    box-shadow: 0 -10px 13px -6px #0003,0 -20px 31px 3px #00000024,0 -8px 38px 7px #0000001f
}

.shadow-21 {
    box-shadow: 0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f
}

.shadow-up-21 {
    box-shadow: 0 -10px 13px -6px #0003,0 -21px 33px 3px #00000024,0 -8px 40px 7px #0000001f
}

.shadow-22 {
    box-shadow: 0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f
}

.shadow-up-22 {
    box-shadow: 0 -10px 14px -6px #0003,0 -22px 35px 3px #00000024,0 -8px 42px 7px #0000001f
}

.shadow-23 {
    box-shadow: 0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f
}

.shadow-up-23 {
    box-shadow: 0 -11px 14px -7px #0003,0 -23px 36px 3px #00000024,0 -9px 44px 8px #0000001f
}

.shadow-24 {
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f
}

.shadow-up-24 {
    box-shadow: 0 -11px 15px -7px #0003,0 -24px 38px 3px #00000024,0 -9px 46px 8px #0000001f
}

.inset-shadow {
    box-shadow: 0 7px 9px -7px #000000b3 inset
}

.inset-shadow-down {
    box-shadow: 0 -7px 9px -7px #000000b3 inset
}

body.body--dark .shadow-1 {
    box-shadow: 0 1px 3px #fff3,0 1px 1px #ffffff24,0 2px 1px -1px #ffffff1f
}

body.body--dark .shadow-up-1 {
    box-shadow: 0 -1px 3px #fff3,0 -1px 1px #ffffff24,0 -2px 1px -1px #ffffff1f
}

body.body--dark .shadow-2 {
    box-shadow: 0 1px 5px #fff3,0 2px 2px #ffffff24,0 3px 1px -2px #ffffff1f
}

body.body--dark .shadow-up-2 {
    box-shadow: 0 -1px 5px #fff3,0 -2px 2px #ffffff24,0 -3px 1px -2px #ffffff1f
}

body.body--dark .shadow-3 {
    box-shadow: 0 1px 8px #fff3,0 3px 4px #ffffff24,0 3px 3px -2px #ffffff1f
}

body.body--dark .shadow-up-3 {
    box-shadow: 0 -1px 8px #fff3,0 -3px 4px #ffffff24,0 -3px 3px -2px #ffffff1f
}

body.body--dark .shadow-4 {
    box-shadow: 0 2px 4px -1px #fff3,0 4px 5px #ffffff24,0 1px 10px #ffffff1f
}

body.body--dark .shadow-up-4 {
    box-shadow: 0 -2px 4px -1px #fff3,0 -4px 5px #ffffff24,0 -1px 10px #ffffff1f
}

body.body--dark .shadow-5 {
    box-shadow: 0 3px 5px -1px #fff3,0 5px 8px #ffffff24,0 1px 14px #ffffff1f
}

body.body--dark .shadow-up-5 {
    box-shadow: 0 -3px 5px -1px #fff3,0 -5px 8px #ffffff24,0 -1px 14px #ffffff1f
}

body.body--dark .shadow-6 {
    box-shadow: 0 3px 5px -1px #fff3,0 6px 10px #ffffff24,0 1px 18px #ffffff1f
}

body.body--dark .shadow-up-6 {
    box-shadow: 0 -3px 5px -1px #fff3,0 -6px 10px #ffffff24,0 -1px 18px #ffffff1f
}

body.body--dark .shadow-7 {
    box-shadow: 0 4px 5px -2px #fff3,0 7px 10px 1px #ffffff24,0 2px 16px 1px #ffffff1f
}

body.body--dark .shadow-up-7 {
    box-shadow: 0 -4px 5px -2px #fff3,0 -7px 10px 1px #ffffff24,0 -2px 16px 1px #ffffff1f
}

body.body--dark .shadow-8 {
    box-shadow: 0 5px 5px -3px #fff3,0 8px 10px 1px #ffffff24,0 3px 14px 2px #ffffff1f
}

body.body--dark .shadow-up-8 {
    box-shadow: 0 -5px 5px -3px #fff3,0 -8px 10px 1px #ffffff24,0 -3px 14px 2px #ffffff1f
}

body.body--dark .shadow-9 {
    box-shadow: 0 5px 6px -3px #fff3,0 9px 12px 1px #ffffff24,0 3px 16px 2px #ffffff1f
}

body.body--dark .shadow-up-9 {
    box-shadow: 0 -5px 6px -3px #fff3,0 -9px 12px 1px #ffffff24,0 -3px 16px 2px #ffffff1f
}

body.body--dark .shadow-10 {
    box-shadow: 0 6px 6px -3px #fff3,0 10px 14px 1px #ffffff24,0 4px 18px 3px #ffffff1f
}

body.body--dark .shadow-up-10 {
    box-shadow: 0 -6px 6px -3px #fff3,0 -10px 14px 1px #ffffff24,0 -4px 18px 3px #ffffff1f
}

body.body--dark .shadow-11 {
    box-shadow: 0 6px 7px -4px #fff3,0 11px 15px 1px #ffffff24,0 4px 20px 3px #ffffff1f
}

body.body--dark .shadow-up-11 {
    box-shadow: 0 -6px 7px -4px #fff3,0 -11px 15px 1px #ffffff24,0 -4px 20px 3px #ffffff1f
}

body.body--dark .shadow-12 {
    box-shadow: 0 7px 8px -4px #fff3,0 12px 17px 2px #ffffff24,0 5px 22px 4px #ffffff1f
}

body.body--dark .shadow-up-12 {
    box-shadow: 0 -7px 8px -4px #fff3,0 -12px 17px 2px #ffffff24,0 -5px 22px 4px #ffffff1f
}

body.body--dark .shadow-13 {
    box-shadow: 0 7px 8px -4px #fff3,0 13px 19px 2px #ffffff24,0 5px 24px 4px #ffffff1f
}

body.body--dark .shadow-up-13 {
    box-shadow: 0 -7px 8px -4px #fff3,0 -13px 19px 2px #ffffff24,0 -5px 24px 4px #ffffff1f
}

body.body--dark .shadow-14 {
    box-shadow: 0 7px 9px -4px #fff3,0 14px 21px 2px #ffffff24,0 5px 26px 4px #ffffff1f
}

body.body--dark .shadow-up-14 {
    box-shadow: 0 -7px 9px -4px #fff3,0 -14px 21px 2px #ffffff24,0 -5px 26px 4px #ffffff1f
}

body.body--dark .shadow-15 {
    box-shadow: 0 8px 9px -5px #fff3,0 15px 22px 2px #ffffff24,0 6px 28px 5px #ffffff1f
}

body.body--dark .shadow-up-15 {
    box-shadow: 0 -8px 9px -5px #fff3,0 -15px 22px 2px #ffffff24,0 -6px 28px 5px #ffffff1f
}

body.body--dark .shadow-16 {
    box-shadow: 0 8px 10px -5px #fff3,0 16px 24px 2px #ffffff24,0 6px 30px 5px #ffffff1f
}

body.body--dark .shadow-up-16 {
    box-shadow: 0 -8px 10px -5px #fff3,0 -16px 24px 2px #ffffff24,0 -6px 30px 5px #ffffff1f
}

body.body--dark .shadow-17 {
    box-shadow: 0 8px 11px -5px #fff3,0 17px 26px 2px #ffffff24,0 6px 32px 5px #ffffff1f
}

body.body--dark .shadow-up-17 {
    box-shadow: 0 -8px 11px -5px #fff3,0 -17px 26px 2px #ffffff24,0 -6px 32px 5px #ffffff1f
}

body.body--dark .shadow-18 {
    box-shadow: 0 9px 11px -5px #fff3,0 18px 28px 2px #ffffff24,0 7px 34px 6px #ffffff1f
}

body.body--dark .shadow-up-18 {
    box-shadow: 0 -9px 11px -5px #fff3,0 -18px 28px 2px #ffffff24,0 -7px 34px 6px #ffffff1f
}

body.body--dark .shadow-19 {
    box-shadow: 0 9px 12px -6px #fff3,0 19px 29px 2px #ffffff24,0 7px 36px 6px #ffffff1f
}

body.body--dark .shadow-up-19 {
    box-shadow: 0 -9px 12px -6px #fff3,0 -19px 29px 2px #ffffff24,0 -7px 36px 6px #ffffff1f
}

body.body--dark .shadow-20 {
    box-shadow: 0 10px 13px -6px #fff3,0 20px 31px 3px #ffffff24,0 8px 38px 7px #ffffff1f
}

body.body--dark .shadow-up-20 {
    box-shadow: 0 -10px 13px -6px #fff3,0 -20px 31px 3px #ffffff24,0 -8px 38px 7px #ffffff1f
}

body.body--dark .shadow-21 {
    box-shadow: 0 10px 13px -6px #fff3,0 21px 33px 3px #ffffff24,0 8px 40px 7px #ffffff1f
}

body.body--dark .shadow-up-21 {
    box-shadow: 0 -10px 13px -6px #fff3,0 -21px 33px 3px #ffffff24,0 -8px 40px 7px #ffffff1f
}

body.body--dark .shadow-22 {
    box-shadow: 0 10px 14px -6px #fff3,0 22px 35px 3px #ffffff24,0 8px 42px 7px #ffffff1f
}

body.body--dark .shadow-up-22 {
    box-shadow: 0 -10px 14px -6px #fff3,0 -22px 35px 3px #ffffff24,0 -8px 42px 7px #ffffff1f
}

body.body--dark .shadow-23 {
    box-shadow: 0 11px 14px -7px #fff3,0 23px 36px 3px #ffffff24,0 9px 44px 8px #ffffff1f
}

body.body--dark .shadow-up-23 {
    box-shadow: 0 -11px 14px -7px #fff3,0 -23px 36px 3px #ffffff24,0 -9px 44px 8px #ffffff1f
}

body.body--dark .shadow-24 {
    box-shadow: 0 11px 15px -7px #fff3,0 24px 38px 3px #ffffff24,0 9px 46px 8px #ffffff1f
}

body.body--dark .shadow-up-24 {
    box-shadow: 0 -11px 15px -7px #fff3,0 -24px 38px 3px #ffffff24,0 -9px 46px 8px #ffffff1f
}

body.body--dark .inset-shadow {
    box-shadow: 0 7px 9px -7px #ffffffb3 inset
}

body.body--dark .inset-shadow-down {
    box-shadow: 0 -7px 9px -7px #ffffffb3 inset
}

.no-shadow,.shadow-0 {
    box-shadow: none!important
}

.z-marginals {
    z-index: 2000
}

.z-notify {
    z-index: 9500
}

.z-fullscreen {
    z-index: 6000
}

.z-inherit {
    z-index: inherit!important
}

.row,.column,.flex {
    display: flex;
    flex-wrap: wrap
}

.row.inline,.column.inline,.flex.inline {
    display: inline-flex
}

.row.reverse {
    flex-direction: row-reverse
}

.column {
    flex-direction: column
}

.column.reverse {
    flex-direction: column-reverse
}

.wrap {
    flex-wrap: wrap
}

.no-wrap {
    flex-wrap: nowrap
}

.reverse-wrap {
    flex-wrap: wrap-reverse
}

.order-first {
    order: -10000
}

.order-last {
    order: 10000
}

.order-none {
    order: 0
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center,.flex-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center,.flex-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.content-start {
    align-content: flex-start
}

.content-end {
    align-content: flex-end
}

.content-center {
    align-content: center
}

.content-stretch {
    align-content: stretch
}

.content-between {
    align-content: space-between
}

.content-around {
    align-content: space-around
}

.self-start {
    align-self: flex-start
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.self-baseline {
    align-self: baseline
}

.self-stretch {
    align-self: stretch
}

.q-gutter-x-none,.q-gutter-none {
    margin-left: 0
}

.q-gutter-x-none>*,.q-gutter-none>* {
    margin-left: 0
}

.q-gutter-y-none,.q-gutter-none {
    margin-top: 0
}

.q-gutter-y-none>*,.q-gutter-none>* {
    margin-top: 0
}

.q-col-gutter-x-none,.q-col-gutter-none {
    margin-left: 0
}

.q-col-gutter-x-none>*,.q-col-gutter-none>* {
    padding-left: 0
}

.q-col-gutter-y-none,.q-col-gutter-none {
    margin-top: 0
}

.q-col-gutter-y-none>*,.q-col-gutter-none>* {
    padding-top: 0
}

.q-gutter-x-xs,.q-gutter-xs {
    margin-left: -4px
}

.q-gutter-x-xs>*,.q-gutter-xs>* {
    margin-left: 4px
}

.q-gutter-y-xs,.q-gutter-xs {
    margin-top: -4px
}

.q-gutter-y-xs>*,.q-gutter-xs>* {
    margin-top: 4px
}

.q-col-gutter-x-xs,.q-col-gutter-xs {
    margin-left: -4px
}

.q-col-gutter-x-xs>*,.q-col-gutter-xs>* {
    padding-left: 4px
}

.q-col-gutter-y-xs,.q-col-gutter-xs {
    margin-top: -4px
}

.q-col-gutter-y-xs>*,.q-col-gutter-xs>* {
    padding-top: 4px
}

.q-gutter-x-sm,.q-gutter-sm {
    margin-left: -8px
}

.q-gutter-x-sm>*,.q-gutter-sm>* {
    margin-left: 8px
}

.q-gutter-y-sm,.q-gutter-sm {
    margin-top: -8px
}

.q-gutter-y-sm>*,.q-gutter-sm>* {
    margin-top: 8px
}

.q-col-gutter-x-sm,.q-col-gutter-sm {
    margin-left: -8px
}

.q-col-gutter-x-sm>*,.q-col-gutter-sm>* {
    padding-left: 8px
}

.q-col-gutter-y-sm,.q-col-gutter-sm {
    margin-top: -8px
}

.q-col-gutter-y-sm>*,.q-col-gutter-sm>* {
    padding-top: 8px
}

.q-gutter-x-md,.q-gutter-md {
    margin-left: -16px
}

.q-gutter-x-md>*,.q-gutter-md>* {
    margin-left: 16px
}

.q-gutter-y-md,.q-gutter-md {
    margin-top: -16px
}

.q-gutter-y-md>*,.q-gutter-md>* {
    margin-top: 16px
}

.q-col-gutter-x-md,.q-col-gutter-md {
    margin-left: -16px
}

.q-col-gutter-x-md>*,.q-col-gutter-md>* {
    padding-left: 16px
}

.q-col-gutter-y-md,.q-col-gutter-md {
    margin-top: -16px
}

.q-col-gutter-y-md>*,.q-col-gutter-md>* {
    padding-top: 16px
}

.q-gutter-x-lg,.q-gutter-lg {
    margin-left: -24px
}

.q-gutter-x-lg>*,.q-gutter-lg>* {
    margin-left: 24px
}

.q-gutter-y-lg,.q-gutter-lg {
    margin-top: -24px
}

.q-gutter-y-lg>*,.q-gutter-lg>* {
    margin-top: 24px
}

.q-col-gutter-x-lg,.q-col-gutter-lg {
    margin-left: -24px
}

.q-col-gutter-x-lg>*,.q-col-gutter-lg>* {
    padding-left: 24px
}

.q-col-gutter-y-lg,.q-col-gutter-lg {
    margin-top: -24px
}

.q-col-gutter-y-lg>*,.q-col-gutter-lg>* {
    padding-top: 24px
}

.q-gutter-x-xl,.q-gutter-xl {
    margin-left: -48px
}

.q-gutter-x-xl>*,.q-gutter-xl>* {
    margin-left: 48px
}

.q-gutter-y-xl,.q-gutter-xl {
    margin-top: -48px
}

.q-gutter-y-xl>*,.q-gutter-xl>* {
    margin-top: 48px
}

.q-col-gutter-x-xl,.q-col-gutter-xl {
    margin-left: -48px
}

.q-col-gutter-x-xl>*,.q-col-gutter-xl>* {
    padding-left: 48px
}

.q-col-gutter-y-xl,.q-col-gutter-xl {
    margin-top: -48px
}

.q-col-gutter-y-xl>*,.q-col-gutter-xl>* {
    padding-top: 48px
}

@media (min-width: 0) {
    .row>.col,.flex>.col,.row>.col-auto,.flex>.col-auto,.row>.col-grow,.flex>.col-grow,.row>.col-shrink,.flex>.col-shrink,.row>.col-xs,.flex>.col-xs,.row>.col-xs-auto,.row>.col-12,.row>.col-xs-12,.row>.col-11,.row>.col-xs-11,.row>.col-10,.row>.col-xs-10,.row>.col-9,.row>.col-xs-9,.row>.col-8,.row>.col-xs-8,.row>.col-7,.row>.col-xs-7,.row>.col-6,.row>.col-xs-6,.row>.col-5,.row>.col-xs-5,.row>.col-4,.row>.col-xs-4,.row>.col-3,.row>.col-xs-3,.row>.col-2,.row>.col-xs-2,.row>.col-1,.row>.col-xs-1,.row>.col-0,.row>.col-xs-0,.flex>.col-xs-auto,.flex>.col-12,.flex>.col-xs-12,.flex>.col-11,.flex>.col-xs-11,.flex>.col-10,.flex>.col-xs-10,.flex>.col-9,.flex>.col-xs-9,.flex>.col-8,.flex>.col-xs-8,.flex>.col-7,.flex>.col-xs-7,.flex>.col-6,.flex>.col-xs-6,.flex>.col-5,.flex>.col-xs-5,.flex>.col-4,.flex>.col-xs-4,.flex>.col-3,.flex>.col-xs-3,.flex>.col-2,.flex>.col-xs-2,.flex>.col-1,.flex>.col-xs-1,.flex>.col-0,.flex>.col-xs-0,.row>.col-xs-grow,.flex>.col-xs-grow,.row>.col-xs-shrink,.flex>.col-xs-shrink {
        width:auto;
        min-width: 0;
        max-width: 100%
    }

    .column>.col,.flex>.col,.column>.col-auto,.flex>.col-auto,.column>.col-grow,.flex>.col-grow,.column>.col-shrink,.flex>.col-shrink,.column>.col-xs,.flex>.col-xs,.column>.col-xs-auto,.column>.col-12,.column>.col-xs-12,.column>.col-11,.column>.col-xs-11,.column>.col-10,.column>.col-xs-10,.column>.col-9,.column>.col-xs-9,.column>.col-8,.column>.col-xs-8,.column>.col-7,.column>.col-xs-7,.column>.col-6,.column>.col-xs-6,.column>.col-5,.column>.col-xs-5,.column>.col-4,.column>.col-xs-4,.column>.col-3,.column>.col-xs-3,.column>.col-2,.column>.col-xs-2,.column>.col-1,.column>.col-xs-1,.column>.col-0,.column>.col-xs-0,.flex>.col-xs-auto,.flex>.col-12,.flex>.col-xs-12,.flex>.col-11,.flex>.col-xs-11,.flex>.col-10,.flex>.col-xs-10,.flex>.col-9,.flex>.col-xs-9,.flex>.col-8,.flex>.col-xs-8,.flex>.col-7,.flex>.col-xs-7,.flex>.col-6,.flex>.col-xs-6,.flex>.col-5,.flex>.col-xs-5,.flex>.col-4,.flex>.col-xs-4,.flex>.col-3,.flex>.col-xs-3,.flex>.col-2,.flex>.col-xs-2,.flex>.col-1,.flex>.col-xs-1,.flex>.col-0,.flex>.col-xs-0,.column>.col-xs-grow,.flex>.col-xs-grow,.column>.col-xs-shrink,.flex>.col-xs-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }

    .col,.col-xs {
        flex: 10000 1 0%
    }

    .col-auto,.col-xs-auto,.col-12,.col-xs-12,.col-11,.col-xs-11,.col-10,.col-xs-10,.col-9,.col-xs-9,.col-8,.col-xs-8,.col-7,.col-xs-7,.col-6,.col-xs-6,.col-5,.col-xs-5,.col-4,.col-xs-4,.col-3,.col-xs-3,.col-2,.col-xs-2,.col-1,.col-xs-1,.col-0,.col-xs-0 {
        flex: 0 0 auto
    }

    .col-grow,.col-xs-grow {
        flex: 1 0 auto
    }

    .col-shrink,.col-xs-shrink {
        flex: 0 1 auto
    }

    .row>.col-0,.row>.col-xs-0 {
        height: auto;
        width: 0%
    }

    .row>.offset-0,.row>.offset-xs-0 {
        margin-left: 0%
    }

    .column>.col-0,.column>.col-xs-0 {
        height: 0%;
        width: auto
    }

    .row>.col-1,.row>.col-xs-1 {
        height: auto;
        width: 8.3333%
    }

    .row>.offset-1,.row>.offset-xs-1 {
        margin-left: 8.3333%
    }

    .column>.col-1,.column>.col-xs-1 {
        height: 8.3333%;
        width: auto
    }

    .row>.col-2,.row>.col-xs-2 {
        height: auto;
        width: 16.6667%
    }

    .row>.offset-2,.row>.offset-xs-2 {
        margin-left: 16.6667%
    }

    .column>.col-2,.column>.col-xs-2 {
        height: 16.6667%;
        width: auto
    }

    .row>.col-3,.row>.col-xs-3 {
        height: auto;
        width: 25%
    }

    .row>.offset-3,.row>.offset-xs-3 {
        margin-left: 25%
    }

    .column>.col-3,.column>.col-xs-3 {
        height: 25%;
        width: auto
    }

    .row>.col-4,.row>.col-xs-4 {
        height: auto;
        width: 33.3333%
    }

    .row>.offset-4,.row>.offset-xs-4 {
        margin-left: 33.3333%
    }

    .column>.col-4,.column>.col-xs-4 {
        height: 33.3333%;
        width: auto
    }

    .row>.col-5,.row>.col-xs-5 {
        height: auto;
        width: 41.6667%
    }

    .row>.offset-5,.row>.offset-xs-5 {
        margin-left: 41.6667%
    }

    .column>.col-5,.column>.col-xs-5 {
        height: 41.6667%;
        width: auto
    }

    .row>.col-6,.row>.col-xs-6 {
        height: auto;
        width: 50%
    }

    .row>.offset-6,.row>.offset-xs-6 {
        margin-left: 50%
    }

    .column>.col-6,.column>.col-xs-6 {
        height: 50%;
        width: auto
    }

    .row>.col-7,.row>.col-xs-7 {
        height: auto;
        width: 58.3333%
    }

    .row>.offset-7,.row>.offset-xs-7 {
        margin-left: 58.3333%
    }

    .column>.col-7,.column>.col-xs-7 {
        height: 58.3333%;
        width: auto
    }

    .row>.col-8,.row>.col-xs-8 {
        height: auto;
        width: 66.6667%
    }

    .row>.offset-8,.row>.offset-xs-8 {
        margin-left: 66.6667%
    }

    .column>.col-8,.column>.col-xs-8 {
        height: 66.6667%;
        width: auto
    }

    .row>.col-9,.row>.col-xs-9 {
        height: auto;
        width: 75%
    }

    .row>.offset-9,.row>.offset-xs-9 {
        margin-left: 75%
    }

    .column>.col-9,.column>.col-xs-9 {
        height: 75%;
        width: auto
    }

    .row>.col-10,.row>.col-xs-10 {
        height: auto;
        width: 83.3333%
    }

    .row>.offset-10,.row>.offset-xs-10 {
        margin-left: 83.3333%
    }

    .column>.col-10,.column>.col-xs-10 {
        height: 83.3333%;
        width: auto
    }

    .row>.col-11,.row>.col-xs-11 {
        height: auto;
        width: 91.6667%
    }

    .row>.offset-11,.row>.offset-xs-11 {
        margin-left: 91.6667%
    }

    .column>.col-11,.column>.col-xs-11 {
        height: 91.6667%;
        width: auto
    }

    .row>.col-12,.row>.col-xs-12 {
        height: auto;
        width: 100%
    }

    .row>.offset-12,.row>.offset-xs-12 {
        margin-left: 100%
    }

    .column>.col-12,.column>.col-xs-12 {
        height: 100%;
        width: auto
    }

    .row>.col-all {
        height: auto;
        flex: 0 0 100%
    }
}

@media (min-width: 600px) {
    .row>.col-sm,.flex>.col-sm,.row>.col-sm-auto,.row>.col-sm-12,.row>.col-sm-11,.row>.col-sm-10,.row>.col-sm-9,.row>.col-sm-8,.row>.col-sm-7,.row>.col-sm-6,.row>.col-sm-5,.row>.col-sm-4,.row>.col-sm-3,.row>.col-sm-2,.row>.col-sm-1,.row>.col-sm-0,.flex>.col-sm-auto,.flex>.col-sm-12,.flex>.col-sm-11,.flex>.col-sm-10,.flex>.col-sm-9,.flex>.col-sm-8,.flex>.col-sm-7,.flex>.col-sm-6,.flex>.col-sm-5,.flex>.col-sm-4,.flex>.col-sm-3,.flex>.col-sm-2,.flex>.col-sm-1,.flex>.col-sm-0,.row>.col-sm-grow,.flex>.col-sm-grow,.row>.col-sm-shrink,.flex>.col-sm-shrink {
        width:auto;
        min-width: 0;
        max-width: 100%
    }

    .column>.col-sm,.flex>.col-sm,.column>.col-sm-auto,.column>.col-sm-12,.column>.col-sm-11,.column>.col-sm-10,.column>.col-sm-9,.column>.col-sm-8,.column>.col-sm-7,.column>.col-sm-6,.column>.col-sm-5,.column>.col-sm-4,.column>.col-sm-3,.column>.col-sm-2,.column>.col-sm-1,.column>.col-sm-0,.flex>.col-sm-auto,.flex>.col-sm-12,.flex>.col-sm-11,.flex>.col-sm-10,.flex>.col-sm-9,.flex>.col-sm-8,.flex>.col-sm-7,.flex>.col-sm-6,.flex>.col-sm-5,.flex>.col-sm-4,.flex>.col-sm-3,.flex>.col-sm-2,.flex>.col-sm-1,.flex>.col-sm-0,.column>.col-sm-grow,.flex>.col-sm-grow,.column>.col-sm-shrink,.flex>.col-sm-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }

    .col-sm {
        flex: 10000 1 0%
    }

    .col-sm-auto,.col-sm-12,.col-sm-11,.col-sm-10,.col-sm-9,.col-sm-8,.col-sm-7,.col-sm-6,.col-sm-5,.col-sm-4,.col-sm-3,.col-sm-2,.col-sm-1,.col-sm-0 {
        flex: 0 0 auto
    }

    .col-sm-grow {
        flex: 1 0 auto
    }

    .col-sm-shrink {
        flex: 0 1 auto
    }

    .row>.col-sm-0 {
        height: auto;
        width: 0%
    }

    .row>.offset-sm-0 {
        margin-left: 0%
    }

    .column>.col-sm-0 {
        height: 0%;
        width: auto
    }

    .row>.col-sm-1 {
        height: auto;
        width: 8.3333%
    }

    .row>.offset-sm-1 {
        margin-left: 8.3333%
    }

    .column>.col-sm-1 {
        height: 8.3333%;
        width: auto
    }

    .row>.col-sm-2 {
        height: auto;
        width: 16.6667%
    }

    .row>.offset-sm-2 {
        margin-left: 16.6667%
    }

    .column>.col-sm-2 {
        height: 16.6667%;
        width: auto
    }

    .row>.col-sm-3 {
        height: auto;
        width: 25%
    }

    .row>.offset-sm-3 {
        margin-left: 25%
    }

    .column>.col-sm-3 {
        height: 25%;
        width: auto
    }

    .row>.col-sm-4 {
        height: auto;
        width: 33.3333%
    }

    .row>.offset-sm-4 {
        margin-left: 33.3333%
    }

    .column>.col-sm-4 {
        height: 33.3333%;
        width: auto
    }

    .row>.col-sm-5 {
        height: auto;
        width: 41.6667%
    }

    .row>.offset-sm-5 {
        margin-left: 41.6667%
    }

    .column>.col-sm-5 {
        height: 41.6667%;
        width: auto
    }

    .row>.col-sm-6 {
        height: auto;
        width: 50%
    }

    .row>.offset-sm-6 {
        margin-left: 50%
    }

    .column>.col-sm-6 {
        height: 50%;
        width: auto
    }

    .row>.col-sm-7 {
        height: auto;
        width: 58.3333%
    }

    .row>.offset-sm-7 {
        margin-left: 58.3333%
    }

    .column>.col-sm-7 {
        height: 58.3333%;
        width: auto
    }

    .row>.col-sm-8 {
        height: auto;
        width: 66.6667%
    }

    .row>.offset-sm-8 {
        margin-left: 66.6667%
    }

    .column>.col-sm-8 {
        height: 66.6667%;
        width: auto
    }

    .row>.col-sm-9 {
        height: auto;
        width: 75%
    }

    .row>.offset-sm-9 {
        margin-left: 75%
    }

    .column>.col-sm-9 {
        height: 75%;
        width: auto
    }

    .row>.col-sm-10 {
        height: auto;
        width: 83.3333%
    }

    .row>.offset-sm-10 {
        margin-left: 83.3333%
    }

    .column>.col-sm-10 {
        height: 83.3333%;
        width: auto
    }

    .row>.col-sm-11 {
        height: auto;
        width: 91.6667%
    }

    .row>.offset-sm-11 {
        margin-left: 91.6667%
    }

    .column>.col-sm-11 {
        height: 91.6667%;
        width: auto
    }

    .row>.col-sm-12 {
        height: auto;
        width: 100%
    }

    .row>.offset-sm-12 {
        margin-left: 100%
    }

    .column>.col-sm-12 {
        height: 100%;
        width: auto
    }
}

@media (min-width: 1024px) {
    .row>.col-md,.flex>.col-md,.row>.col-md-auto,.row>.col-md-12,.row>.col-md-11,.row>.col-md-10,.row>.col-md-9,.row>.col-md-8,.row>.col-md-7,.row>.col-md-6,.row>.col-md-5,.row>.col-md-4,.row>.col-md-3,.row>.col-md-2,.row>.col-md-1,.row>.col-md-0,.flex>.col-md-auto,.flex>.col-md-12,.flex>.col-md-11,.flex>.col-md-10,.flex>.col-md-9,.flex>.col-md-8,.flex>.col-md-7,.flex>.col-md-6,.flex>.col-md-5,.flex>.col-md-4,.flex>.col-md-3,.flex>.col-md-2,.flex>.col-md-1,.flex>.col-md-0,.row>.col-md-grow,.flex>.col-md-grow,.row>.col-md-shrink,.flex>.col-md-shrink {
        width:auto;
        min-width: 0;
        max-width: 100%
    }

    .column>.col-md,.flex>.col-md,.column>.col-md-auto,.column>.col-md-12,.column>.col-md-11,.column>.col-md-10,.column>.col-md-9,.column>.col-md-8,.column>.col-md-7,.column>.col-md-6,.column>.col-md-5,.column>.col-md-4,.column>.col-md-3,.column>.col-md-2,.column>.col-md-1,.column>.col-md-0,.flex>.col-md-auto,.flex>.col-md-12,.flex>.col-md-11,.flex>.col-md-10,.flex>.col-md-9,.flex>.col-md-8,.flex>.col-md-7,.flex>.col-md-6,.flex>.col-md-5,.flex>.col-md-4,.flex>.col-md-3,.flex>.col-md-2,.flex>.col-md-1,.flex>.col-md-0,.column>.col-md-grow,.flex>.col-md-grow,.column>.col-md-shrink,.flex>.col-md-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }

    .col-md {
        flex: 10000 1 0%
    }

    .col-md-auto,.col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8,.col-md-7,.col-md-6,.col-md-5,.col-md-4,.col-md-3,.col-md-2,.col-md-1,.col-md-0 {
        flex: 0 0 auto
    }

    .col-md-grow {
        flex: 1 0 auto
    }

    .col-md-shrink {
        flex: 0 1 auto
    }

    .row>.col-md-0 {
        height: auto;
        width: 0%
    }

    .row>.offset-md-0 {
        margin-left: 0%
    }

    .column>.col-md-0 {
        height: 0%;
        width: auto
    }

    .row>.col-md-1 {
        height: auto;
        width: 8.3333%
    }

    .row>.offset-md-1 {
        margin-left: 8.3333%
    }

    .column>.col-md-1 {
        height: 8.3333%;
        width: auto
    }

    .row>.col-md-2 {
        height: auto;
        width: 16.6667%
    }

    .row>.offset-md-2 {
        margin-left: 16.6667%
    }

    .column>.col-md-2 {
        height: 16.6667%;
        width: auto
    }

    .row>.col-md-3 {
        height: auto;
        width: 25%
    }

    .row>.offset-md-3 {
        margin-left: 25%
    }

    .column>.col-md-3 {
        height: 25%;
        width: auto
    }

    .row>.col-md-4 {
        height: auto;
        width: 33.3333%
    }

    .row>.offset-md-4 {
        margin-left: 33.3333%
    }

    .column>.col-md-4 {
        height: 33.3333%;
        width: auto
    }

    .row>.col-md-5 {
        height: auto;
        width: 41.6667%
    }

    .row>.offset-md-5 {
        margin-left: 41.6667%
    }

    .column>.col-md-5 {
        height: 41.6667%;
        width: auto
    }

    .row>.col-md-6 {
        height: auto;
        width: 50%
    }

    .row>.offset-md-6 {
        margin-left: 50%
    }

    .column>.col-md-6 {
        height: 50%;
        width: auto
    }

    .row>.col-md-7 {
        height: auto;
        width: 58.3333%
    }

    .row>.offset-md-7 {
        margin-left: 58.3333%
    }

    .column>.col-md-7 {
        height: 58.3333%;
        width: auto
    }

    .row>.col-md-8 {
        height: auto;
        width: 66.6667%
    }

    .row>.offset-md-8 {
        margin-left: 66.6667%
    }

    .column>.col-md-8 {
        height: 66.6667%;
        width: auto
    }

    .row>.col-md-9 {
        height: auto;
        width: 75%
    }

    .row>.offset-md-9 {
        margin-left: 75%
    }

    .column>.col-md-9 {
        height: 75%;
        width: auto
    }

    .row>.col-md-10 {
        height: auto;
        width: 83.3333%
    }

    .row>.offset-md-10 {
        margin-left: 83.3333%
    }

    .column>.col-md-10 {
        height: 83.3333%;
        width: auto
    }

    .row>.col-md-11 {
        height: auto;
        width: 91.6667%
    }

    .row>.offset-md-11 {
        margin-left: 91.6667%
    }

    .column>.col-md-11 {
        height: 91.6667%;
        width: auto
    }

    .row>.col-md-12 {
        height: auto;
        width: 100%
    }

    .row>.offset-md-12 {
        margin-left: 100%
    }

    .column>.col-md-12 {
        height: 100%;
        width: auto
    }
}

@media (min-width: 1440px) {
    .row>.col-lg,.flex>.col-lg,.row>.col-lg-auto,.row>.col-lg-12,.row>.col-lg-11,.row>.col-lg-10,.row>.col-lg-9,.row>.col-lg-8,.row>.col-lg-7,.row>.col-lg-6,.row>.col-lg-5,.row>.col-lg-4,.row>.col-lg-3,.row>.col-lg-2,.row>.col-lg-1,.row>.col-lg-0,.flex>.col-lg-auto,.flex>.col-lg-12,.flex>.col-lg-11,.flex>.col-lg-10,.flex>.col-lg-9,.flex>.col-lg-8,.flex>.col-lg-7,.flex>.col-lg-6,.flex>.col-lg-5,.flex>.col-lg-4,.flex>.col-lg-3,.flex>.col-lg-2,.flex>.col-lg-1,.flex>.col-lg-0,.row>.col-lg-grow,.flex>.col-lg-grow,.row>.col-lg-shrink,.flex>.col-lg-shrink {
        width:auto;
        min-width: 0;
        max-width: 100%
    }

    .column>.col-lg,.flex>.col-lg,.column>.col-lg-auto,.column>.col-lg-12,.column>.col-lg-11,.column>.col-lg-10,.column>.col-lg-9,.column>.col-lg-8,.column>.col-lg-7,.column>.col-lg-6,.column>.col-lg-5,.column>.col-lg-4,.column>.col-lg-3,.column>.col-lg-2,.column>.col-lg-1,.column>.col-lg-0,.flex>.col-lg-auto,.flex>.col-lg-12,.flex>.col-lg-11,.flex>.col-lg-10,.flex>.col-lg-9,.flex>.col-lg-8,.flex>.col-lg-7,.flex>.col-lg-6,.flex>.col-lg-5,.flex>.col-lg-4,.flex>.col-lg-3,.flex>.col-lg-2,.flex>.col-lg-1,.flex>.col-lg-0,.column>.col-lg-grow,.flex>.col-lg-grow,.column>.col-lg-shrink,.flex>.col-lg-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }

    .col-lg {
        flex: 10000 1 0%
    }

    .col-lg-auto,.col-lg-12,.col-lg-11,.col-lg-10,.col-lg-9,.col-lg-8,.col-lg-7,.col-lg-6,.col-lg-5,.col-lg-4,.col-lg-3,.col-lg-2,.col-lg-1,.col-lg-0 {
        flex: 0 0 auto
    }

    .col-lg-grow {
        flex: 1 0 auto
    }

    .col-lg-shrink {
        flex: 0 1 auto
    }

    .row>.col-lg-0 {
        height: auto;
        width: 0%
    }

    .row>.offset-lg-0 {
        margin-left: 0%
    }

    .column>.col-lg-0 {
        height: 0%;
        width: auto
    }

    .row>.col-lg-1 {
        height: auto;
        width: 8.3333%
    }

    .row>.offset-lg-1 {
        margin-left: 8.3333%
    }

    .column>.col-lg-1 {
        height: 8.3333%;
        width: auto
    }

    .row>.col-lg-2 {
        height: auto;
        width: 16.6667%
    }

    .row>.offset-lg-2 {
        margin-left: 16.6667%
    }

    .column>.col-lg-2 {
        height: 16.6667%;
        width: auto
    }

    .row>.col-lg-3 {
        height: auto;
        width: 25%
    }

    .row>.offset-lg-3 {
        margin-left: 25%
    }

    .column>.col-lg-3 {
        height: 25%;
        width: auto
    }

    .row>.col-lg-4 {
        height: auto;
        width: 33.3333%
    }

    .row>.offset-lg-4 {
        margin-left: 33.3333%
    }

    .column>.col-lg-4 {
        height: 33.3333%;
        width: auto
    }

    .row>.col-lg-5 {
        height: auto;
        width: 41.6667%
    }

    .row>.offset-lg-5 {
        margin-left: 41.6667%
    }

    .column>.col-lg-5 {
        height: 41.6667%;
        width: auto
    }

    .row>.col-lg-6 {
        height: auto;
        width: 50%
    }

    .row>.offset-lg-6 {
        margin-left: 50%
    }

    .column>.col-lg-6 {
        height: 50%;
        width: auto
    }

    .row>.col-lg-7 {
        height: auto;
        width: 58.3333%
    }

    .row>.offset-lg-7 {
        margin-left: 58.3333%
    }

    .column>.col-lg-7 {
        height: 58.3333%;
        width: auto
    }

    .row>.col-lg-8 {
        height: auto;
        width: 66.6667%
    }

    .row>.offset-lg-8 {
        margin-left: 66.6667%
    }

    .column>.col-lg-8 {
        height: 66.6667%;
        width: auto
    }

    .row>.col-lg-9 {
        height: auto;
        width: 75%
    }

    .row>.offset-lg-9 {
        margin-left: 75%
    }

    .column>.col-lg-9 {
        height: 75%;
        width: auto
    }

    .row>.col-lg-10 {
        height: auto;
        width: 83.3333%
    }

    .row>.offset-lg-10 {
        margin-left: 83.3333%
    }

    .column>.col-lg-10 {
        height: 83.3333%;
        width: auto
    }

    .row>.col-lg-11 {
        height: auto;
        width: 91.6667%
    }

    .row>.offset-lg-11 {
        margin-left: 91.6667%
    }

    .column>.col-lg-11 {
        height: 91.6667%;
        width: auto
    }

    .row>.col-lg-12 {
        height: auto;
        width: 100%
    }

    .row>.offset-lg-12 {
        margin-left: 100%
    }

    .column>.col-lg-12 {
        height: 100%;
        width: auto
    }
}

@media (min-width: 1920px) {
    .row>.col-xl,.flex>.col-xl,.row>.col-xl-auto,.row>.col-xl-12,.row>.col-xl-11,.row>.col-xl-10,.row>.col-xl-9,.row>.col-xl-8,.row>.col-xl-7,.row>.col-xl-6,.row>.col-xl-5,.row>.col-xl-4,.row>.col-xl-3,.row>.col-xl-2,.row>.col-xl-1,.row>.col-xl-0,.flex>.col-xl-auto,.flex>.col-xl-12,.flex>.col-xl-11,.flex>.col-xl-10,.flex>.col-xl-9,.flex>.col-xl-8,.flex>.col-xl-7,.flex>.col-xl-6,.flex>.col-xl-5,.flex>.col-xl-4,.flex>.col-xl-3,.flex>.col-xl-2,.flex>.col-xl-1,.flex>.col-xl-0,.row>.col-xl-grow,.flex>.col-xl-grow,.row>.col-xl-shrink,.flex>.col-xl-shrink {
        width:auto;
        min-width: 0;
        max-width: 100%
    }

    .column>.col-xl,.flex>.col-xl,.column>.col-xl-auto,.column>.col-xl-12,.column>.col-xl-11,.column>.col-xl-10,.column>.col-xl-9,.column>.col-xl-8,.column>.col-xl-7,.column>.col-xl-6,.column>.col-xl-5,.column>.col-xl-4,.column>.col-xl-3,.column>.col-xl-2,.column>.col-xl-1,.column>.col-xl-0,.flex>.col-xl-auto,.flex>.col-xl-12,.flex>.col-xl-11,.flex>.col-xl-10,.flex>.col-xl-9,.flex>.col-xl-8,.flex>.col-xl-7,.flex>.col-xl-6,.flex>.col-xl-5,.flex>.col-xl-4,.flex>.col-xl-3,.flex>.col-xl-2,.flex>.col-xl-1,.flex>.col-xl-0,.column>.col-xl-grow,.flex>.col-xl-grow,.column>.col-xl-shrink,.flex>.col-xl-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }

    .col-xl {
        flex: 10000 1 0%
    }

    .col-xl-auto,.col-xl-12,.col-xl-11,.col-xl-10,.col-xl-9,.col-xl-8,.col-xl-7,.col-xl-6,.col-xl-5,.col-xl-4,.col-xl-3,.col-xl-2,.col-xl-1,.col-xl-0 {
        flex: 0 0 auto
    }

    .col-xl-grow {
        flex: 1 0 auto
    }

    .col-xl-shrink {
        flex: 0 1 auto
    }

    .row>.col-xl-0 {
        height: auto;
        width: 0%
    }

    .row>.offset-xl-0 {
        margin-left: 0%
    }

    .column>.col-xl-0 {
        height: 0%;
        width: auto
    }

    .row>.col-xl-1 {
        height: auto;
        width: 8.3333%
    }

    .row>.offset-xl-1 {
        margin-left: 8.3333%
    }

    .column>.col-xl-1 {
        height: 8.3333%;
        width: auto
    }

    .row>.col-xl-2 {
        height: auto;
        width: 16.6667%
    }

    .row>.offset-xl-2 {
        margin-left: 16.6667%
    }

    .column>.col-xl-2 {
        height: 16.6667%;
        width: auto
    }

    .row>.col-xl-3 {
        height: auto;
        width: 25%
    }

    .row>.offset-xl-3 {
        margin-left: 25%
    }

    .column>.col-xl-3 {
        height: 25%;
        width: auto
    }

    .row>.col-xl-4 {
        height: auto;
        width: 33.3333%
    }

    .row>.offset-xl-4 {
        margin-left: 33.3333%
    }

    .column>.col-xl-4 {
        height: 33.3333%;
        width: auto
    }

    .row>.col-xl-5 {
        height: auto;
        width: 41.6667%
    }

    .row>.offset-xl-5 {
        margin-left: 41.6667%
    }

    .column>.col-xl-5 {
        height: 41.6667%;
        width: auto
    }

    .row>.col-xl-6 {
        height: auto;
        width: 50%
    }

    .row>.offset-xl-6 {
        margin-left: 50%
    }

    .column>.col-xl-6 {
        height: 50%;
        width: auto
    }

    .row>.col-xl-7 {
        height: auto;
        width: 58.3333%
    }

    .row>.offset-xl-7 {
        margin-left: 58.3333%
    }

    .column>.col-xl-7 {
        height: 58.3333%;
        width: auto
    }

    .row>.col-xl-8 {
        height: auto;
        width: 66.6667%
    }

    .row>.offset-xl-8 {
        margin-left: 66.6667%
    }

    .column>.col-xl-8 {
        height: 66.6667%;
        width: auto
    }

    .row>.col-xl-9 {
        height: auto;
        width: 75%
    }

    .row>.offset-xl-9 {
        margin-left: 75%
    }

    .column>.col-xl-9 {
        height: 75%;
        width: auto
    }

    .row>.col-xl-10 {
        height: auto;
        width: 83.3333%
    }

    .row>.offset-xl-10 {
        margin-left: 83.3333%
    }

    .column>.col-xl-10 {
        height: 83.3333%;
        width: auto
    }

    .row>.col-xl-11 {
        height: auto;
        width: 91.6667%
    }

    .row>.offset-xl-11 {
        margin-left: 91.6667%
    }

    .column>.col-xl-11 {
        height: 91.6667%;
        width: auto
    }

    .row>.col-xl-12 {
        height: auto;
        width: 100%
    }

    .row>.offset-xl-12 {
        margin-left: 100%
    }

    .column>.col-xl-12 {
        height: 100%;
        width: auto
    }
}

.rounded-borders {
    border-radius: 4px
}

.border-radius-inherit {
    border-radius: inherit
}

.no-transition {
    transition: none!important
}

.transition-0 {
    transition: 0s!important
}

.glossy {
    background-image: linear-gradient(to bottom,#ffffff4d,#fff0 50%,#0000001f 51%,#0000000a)!important
}

.q-placeholder::placeholder {
    color: inherit;
    opacity: .7
}

.q-body--fullscreen-mixin,.q-body--prevent-scroll {
    position: fixed!important
}

.q-body--force-scrollbar-x {
    overflow-x: scroll
}

.q-body--force-scrollbar-y {
    overflow-y: scroll
}

.q-no-input-spinner {
    -moz-appearance: textfield!important
}

.q-no-input-spinner::-webkit-outer-spin-button,.q-no-input-spinner::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.q-link {
    outline: 0;
    text-decoration: none
}

.q-link--focusable:focus-visible {
    -webkit-text-decoration: underline dashed currentColor 1px;
    text-decoration: underline dashed currentColor 1px
}

body.electron .q-electron-drag {
    -webkit-user-select: none;
    -webkit-app-region: drag
}

body.electron .q-electron-drag .q-btn-item,body.electron .q-electron-drag--exception {
    -webkit-app-region: no-drag
}

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

.non-selectable {
    -webkit-user-select: none!important;
    user-select: none!important
}

.scroll,body.mobile .scroll--mobile {
    overflow: auto
}

.scroll,.scroll-x,.scroll-y {
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.scroll-x {
    overflow-x: auto
}

.scroll-y {
    overflow-y: auto
}

.no-scroll {
    overflow: hidden!important
}

.no-pointer-events,.no-pointer-events--children,.no-pointer-events--children * {
    pointer-events: none!important
}

.all-pointer-events {
    pointer-events: all!important
}

.cursor-pointer {
    cursor: pointer!important
}

.cursor-not-allowed {
    cursor: not-allowed!important
}

.cursor-inherit {
    cursor: inherit!important
}

.cursor-none {
    cursor: none!important
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled=true] {
    cursor: default
}

.rotate-45 {
    transform: rotate(45deg)
}

.rotate-90 {
    transform: rotate(90deg)
}

.rotate-135 {
    transform: rotate(135deg)
}

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

.rotate-225 {
    transform: rotate(225deg)
}

.rotate-270 {
    transform: rotate(270deg)
}

.rotate-315 {
    transform: rotate(315deg)
}

.flip-horizontal {
    transform: scaleX(-1)
}

.flip-vertical {
    transform: scaleY(-1)
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.relative-position {
    position: relative
}

.fixed,.fixed-full,.fullscreen,.fixed-center,.fixed-bottom,.fixed-left,.fixed-right,.fixed-top,.fixed-top-left,.fixed-top-right,.fixed-bottom-left,.fixed-bottom-right {
    position: fixed
}

.absolute,.absolute-full,.absolute-center,.absolute-bottom,.absolute-left,.absolute-right,.absolute-top,.absolute-top-left,.absolute-top-right,.absolute-bottom-left,.absolute-bottom-right {
    position: absolute
}

.fixed-top,.absolute-top {
    top: 0;
    left: 0;
    right: 0
}

.fixed-right,.absolute-right {
    top: 0;
    right: 0;
    bottom: 0
}

.fixed-bottom,.absolute-bottom {
    right: 0;
    bottom: 0;
    left: 0
}

.fixed-left,.absolute-left {
    top: 0;
    bottom: 0;
    left: 0
}

.fixed-top-left,.absolute-top-left {
    top: 0;
    left: 0
}

.fixed-top-right,.absolute-top-right {
    top: 0;
    right: 0
}

.fixed-bottom-left,.absolute-bottom-left {
    bottom: 0;
    left: 0
}

.fixed-bottom-right,.absolute-bottom-right {
    bottom: 0;
    right: 0
}

.fullscreen {
    z-index: 6000;
    border-radius: 0!important;
    max-width: 100vw;
    max-height: 100vh
}

body.q-ios-padding .fullscreen {
    padding-top: 20px!important;
    padding-top: env(safe-area-inset-top)!important;
    padding-bottom: env(safe-area-inset-bottom)!important
}

.absolute-full,.fullscreen,.fixed-full {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.fixed-center,.absolute-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.vertical-top {
    vertical-align: top!important
}

.vertical-middle {
    vertical-align: middle!important
}

.vertical-bottom {
    vertical-align: bottom!important
}

.on-left {
    margin-right: 12px
}

.on-right {
    margin-left: 12px
}

.q-position-engine {
    margin-top: var(--b2b-pe-top, 0)!important;
    margin-left: var(--b2b-pe-left, 0)!important;
    will-change: auto;
    visibility: collapse
}

:root {
    --b2b-size-xs: 0;
    --b2b-size-sm: 600px;
    --b2b-size-md: 1024px;
    --b2b-size-lg: 1440px;
    --b2b-size-xl: 1920px
}

.fit {
    width: 100%!important;
    height: 100%!important
}

.full-height {
    height: 100%!important
}

.full-width {
    width: 100%!important;
    margin-left: 0!important;
    margin-right: 0!important
}

.window-height {
    margin-top: 0!important;
    margin-bottom: 0!important;
    height: 100vh!important
}

.window-width {
    margin-left: 0!important;
    margin-right: 0!important;
    width: 100vw!important
}

.block {
    display: block!important
}

.inline-block {
    display: inline-block!important
}

.q-pa-none {
    padding: 0
}

.q-pl-none {
    padding-left: 0
}

.q-pr-none {
    padding-right: 0
}

.q-pt-none {
    padding-top: 0
}

.q-pb-none {
    padding-bottom: 0
}

.q-px-none {
    padding-left: 0;
    padding-right: 0
}

.q-py-none {
    padding-top: 0;
    padding-bottom: 0
}

.q-ma-none {
    margin: 0
}

.q-ml-none {
    margin-left: 0
}

.q-mr-none {
    margin-right: 0
}

.q-mt-none {
    margin-top: 0
}

.q-mb-none {
    margin-bottom: 0
}

.q-mx-none {
    margin-left: 0;
    margin-right: 0
}

.q-my-none {
    margin-top: 0;
    margin-bottom: 0
}

.q-pa-xs {
    padding: 4px
}

.q-pl-xs {
    padding-left: 4px
}

.q-pr-xs {
    padding-right: 4px
}

.q-pt-xs {
    padding-top: 4px
}

.q-pb-xs {
    padding-bottom: 4px
}

.q-px-xs {
    padding-left: 4px;
    padding-right: 4px
}

.q-py-xs {
    padding-top: 4px;
    padding-bottom: 4px
}

.q-ma-xs {
    margin: 4px
}

.q-ml-xs {
    margin-left: 4px
}

.q-mr-xs {
    margin-right: 4px
}

.q-mt-xs {
    margin-top: 4px
}

.q-mb-xs {
    margin-bottom: 4px
}

.q-mx-xs {
    margin-left: 4px;
    margin-right: 4px
}

.q-my-xs {
    margin-top: 4px;
    margin-bottom: 4px
}

.q-pa-sm {
    padding: 8px
}

.q-pl-sm {
    padding-left: 8px
}

.q-pr-sm {
    padding-right: 8px
}

.q-pt-sm {
    padding-top: 8px
}

.q-pb-sm {
    padding-bottom: 8px
}

.q-px-sm {
    padding-left: 8px;
    padding-right: 8px
}

.q-py-sm {
    padding-top: 8px;
    padding-bottom: 8px
}

.q-ma-sm {
    margin: 8px
}

.q-ml-sm {
    margin-left: 8px
}

.q-mr-sm {
    margin-right: 8px
}

.q-mt-sm {
    margin-top: 8px
}

.q-mb-sm {
    margin-bottom: 8px
}

.q-mx-sm {
    margin-left: 8px;
    margin-right: 8px
}

.q-my-sm {
    margin-top: 8px;
    margin-bottom: 8px
}

.q-pa-md {
    padding: 16px
}

.q-pl-md {
    padding-left: 16px
}

.q-pr-md {
    padding-right: 16px
}

.q-pt-md {
    padding-top: 16px
}

.q-pb-md {
    padding-bottom: 16px
}

.q-px-md {
    padding-left: 16px;
    padding-right: 16px
}

.q-py-md {
    padding-top: 16px;
    padding-bottom: 16px
}

.q-ma-md {
    margin: 16px
}

.q-ml-md {
    margin-left: 16px
}

.q-mr-md {
    margin-right: 16px
}

.q-mt-md {
    margin-top: 16px
}

.q-mb-md {
    margin-bottom: 16px
}

.q-mx-md {
    margin-left: 16px;
    margin-right: 16px
}

.q-my-md {
    margin-top: 16px;
    margin-bottom: 16px
}

.q-pa-lg {
    padding: 24px
}

.q-pl-lg {
    padding-left: 24px
}

.q-pr-lg {
    padding-right: 24px
}

.q-pt-lg {
    padding-top: 24px
}

.q-pb-lg {
    padding-bottom: 24px
}

.q-px-lg {
    padding-left: 24px;
    padding-right: 24px
}

.q-py-lg {
    padding-top: 24px;
    padding-bottom: 24px
}

.q-ma-lg {
    margin: 24px
}

.q-ml-lg {
    margin-left: 24px
}

.q-mr-lg {
    margin-right: 24px
}

.q-mt-lg {
    margin-top: 24px
}

.q-mb-lg {
    margin-bottom: 24px
}

.q-mx-lg {
    margin-left: 24px;
    margin-right: 24px
}

.q-my-lg {
    margin-top: 24px;
    margin-bottom: 24px
}

.q-pa-xl {
    padding: 48px
}

.q-pl-xl {
    padding-left: 48px
}

.q-pr-xl {
    padding-right: 48px
}

.q-pt-xl {
    padding-top: 48px
}

.q-pb-xl {
    padding-bottom: 48px
}

.q-px-xl {
    padding-left: 48px;
    padding-right: 48px
}

.q-py-xl {
    padding-top: 48px;
    padding-bottom: 48px
}

.q-ma-xl {
    margin: 48px
}

.q-ml-xl {
    margin-left: 48px
}

.q-mr-xl {
    margin-right: 48px
}

.q-mt-xl {
    margin-top: 48px
}

.q-mb-xl {
    margin-bottom: 48px
}

.q-mx-xl {
    margin-left: 48px;
    margin-right: 48px
}

.q-my-xl {
    margin-top: 48px;
    margin-bottom: 48px
}

.q-mt-auto,.q-my-auto {
    margin-top: auto
}

.q-ml-auto {
    margin-left: auto
}

.q-mb-auto,.q-my-auto {
    margin-bottom: auto
}

.q-mr-auto {
    margin-right: auto
}

.q-mx-auto {
    margin-left: auto;
    margin-right: auto
}

.q-touch {
    -webkit-user-select: none;
    user-select: none;
    user-drag: none;
    -khtml-user-drag: none;
    -webkit-user-drag: none
}

.q-touch-x {
    touch-action: pan-x
}

.q-touch-y {
    touch-action: pan-y
}

:root {
    --b2b-transition-duration: .3s
}

.q-transition--slide-right-enter-active,.q-transition--slide-right-leave-active,.q-transition--slide-left-enter-active,.q-transition--slide-left-leave-active,.q-transition--slide-up-enter-active,.q-transition--slide-up-leave-active,.q-transition--slide-down-enter-active,.q-transition--slide-down-leave-active,.q-transition--jump-right-enter-active,.q-transition--jump-right-leave-active,.q-transition--jump-left-enter-active,.q-transition--jump-left-leave-active,.q-transition--jump-up-enter-active,.q-transition--jump-up-leave-active,.q-transition--jump-down-enter-active,.q-transition--jump-down-leave-active,.q-transition--fade-enter-active,.q-transition--fade-leave-active,.q-transition--scale-enter-active,.q-transition--scale-leave-active,.q-transition--rotate-enter-active,.q-transition--rotate-leave-active,.q-transition--flip-enter-active,.q-transition--flip-leave-active {
    --b2b-transition-duration: .3s;
    --b2b-transition-easing: cubic-bezier(.215,.61,.355,1)
}

.q-transition--slide-right-leave-active,.q-transition--slide-left-leave-active,.q-transition--slide-up-leave-active,.q-transition--slide-down-leave-active,.q-transition--jump-right-leave-active,.q-transition--jump-left-leave-active,.q-transition--jump-up-leave-active,.q-transition--jump-down-leave-active,.q-transition--fade-leave-active,.q-transition--scale-leave-active,.q-transition--rotate-leave-active,.q-transition--flip-leave-active {
    position: absolute
}

.q-transition--slide-right-enter-active,.q-transition--slide-right-leave-active,.q-transition--slide-left-enter-active,.q-transition--slide-left-leave-active,.q-transition--slide-up-enter-active,.q-transition--slide-up-leave-active,.q-transition--slide-down-enter-active,.q-transition--slide-down-leave-active {
    transition: transform var(--b2b-transition-duration) var(--b2b-transition-easing)
}

.q-transition--slide-right-enter-from {
    transform: translate3d(-100%,0,0)
}

.q-transition--slide-right-leave-to,.q-transition--slide-left-enter-from {
    transform: translate3d(100%,0,0)
}

.q-transition--slide-left-leave-to {
    transform: translate3d(-100%,0,0)
}

.q-transition--slide-up-enter-from {
    transform: translate3d(0,100%,0)
}

.q-transition--slide-up-leave-to,.q-transition--slide-down-enter-from {
    transform: translate3d(0,-100%,0)
}

.q-transition--slide-down-leave-to {
    transform: translate3d(0,100%,0)
}

.q-transition--jump-right-enter-active,.q-transition--jump-right-leave-active,.q-transition--jump-left-enter-active,.q-transition--jump-left-leave-active,.q-transition--jump-up-enter-active,.q-transition--jump-up-leave-active,.q-transition--jump-down-enter-active,.q-transition--jump-down-leave-active {
    transition: opacity var(--b2b-transition-duration),transform var(--b2b-transition-duration)
}

.q-transition--jump-right-enter-from,.q-transition--jump-right-leave-to,.q-transition--jump-left-enter-from,.q-transition--jump-left-leave-to,.q-transition--jump-up-enter-from,.q-transition--jump-up-leave-to,.q-transition--jump-down-enter-from,.q-transition--jump-down-leave-to {
    opacity: 0
}

.q-transition--jump-right-enter-from {
    transform: translate3d(-15px,0,0)
}

.q-transition--jump-right-leave-to,.q-transition--jump-left-enter-from {
    transform: translate3d(15px,0,0)
}

.q-transition--jump-left-leave-to {
    transform: translate(-15px)
}

.q-transition--jump-up-enter-from {
    transform: translate3d(0,15px,0)
}

.q-transition--jump-up-leave-to,.q-transition--jump-down-enter-from {
    transform: translate3d(0,-15px,0)
}

.q-transition--jump-down-leave-to {
    transform: translate3d(0,15px,0)
}

.q-transition--fade-enter-active,.q-transition--fade-leave-active {
    transition: opacity var(--b2b-transition-duration) ease-out
}

.q-transition--fade-enter-from,.q-transition--fade-leave-to {
    opacity: 0
}

.q-transition--scale-enter-active,.q-transition--scale-leave-active {
    transition: opacity var(--b2b-transition-duration),transform var(--b2b-transition-duration) var(--b2b-transition-easing)
}

.q-transition--scale-enter-from,.q-transition--scale-leave-to {
    opacity: 0;
    transform: scale3d(0,0,1)
}

.q-transition--rotate-enter-active,.q-transition--rotate-leave-active {
    transition: opacity var(--b2b-transition-duration),transform var(--b2b-transition-duration) var(--b2b-transition-easing);
    transform-style: preserve-3d
}

.q-transition--rotate-enter-from,.q-transition--rotate-leave-to {
    opacity: 0;
    transform: scale3d(0,0,1) rotate3d(0,0,1,90deg)
}

.q-transition--flip-right-enter-active,.q-transition--flip-right-leave-active,.q-transition--flip-left-enter-active,.q-transition--flip-left-leave-active,.q-transition--flip-up-enter-active,.q-transition--flip-up-leave-active,.q-transition--flip-down-enter-active,.q-transition--flip-down-leave-active {
    transition: transform var(--b2b-transition-duration);
    backface-visibility: hidden
}

.q-transition--flip-right-enter-to,.q-transition--flip-right-leave-from,.q-transition--flip-left-enter-to,.q-transition--flip-left-leave-from,.q-transition--flip-up-enter-to,.q-transition--flip-up-leave-from,.q-transition--flip-down-enter-to,.q-transition--flip-down-leave-from {
    transform: perspective(400px) rotate3d(1,1,0,0)
}

.q-transition--flip-right-enter-from {
    transform: perspective(400px) rotateY(-180deg)
}

.q-transition--flip-right-leave-to,.q-transition--flip-left-enter-from {
    transform: perspective(400px) rotateY(180deg)
}

.q-transition--flip-left-leave-to {
    transform: perspective(400px) rotateY(-180deg)
}

.q-transition--flip-up-enter-from {
    transform: perspective(400px) rotateX(-180deg)
}

.q-transition--flip-up-leave-to,.q-transition--flip-down-enter-from {
    transform: perspective(400px) rotateX(180deg)
}

.q-transition--flip-down-leave-to {
    transform: perspective(400px) rotateX(-180deg)
}

/* body {
    min-width: 100px;
    min-height: 100%;
    font-family: Roboto,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    line-height: 1.5;
    font-size: 14px
} */

/* h1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 6rem;
    letter-spacing: -.01562em
} */

/* h2 {
    font-size: 3.75rem;
    font-weight: 300;
    line-height: 3.75rem;
    letter-spacing: -.00833em
} */

/* h3 {
    font-size: 3rem;
    font-weight: 400;
    line-height: 3.125rem;
    letter-spacing: normal
} */

/* h4 {
    font-size: 2.125rem;
    font-weight: 400;
    line-height: 2.5rem;
    letter-spacing: .00735em
} */

/* h5 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal
}

h6 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: .0125em
} */

p {
    margin: 0 0 16px
}

.text-h1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 6rem;
    letter-spacing: -.01562em
}

.text-h2 {
    font-size: 3.75rem;
    font-weight: 300;
    line-height: 3.75rem;
    letter-spacing: -.00833em
}

.text-h3 {
    font-size: 3rem;
    font-weight: 400;
    line-height: 3.125rem;
    letter-spacing: normal
}

.text-h4 {
    font-size: 2.125rem;
    font-weight: 400;
    line-height: 2.5rem;
    letter-spacing: .00735em
}

.text-h5 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal
}

.text-h6 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: .0125em
}

.text-subtitle1 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75rem;
    letter-spacing: .00937em
}

.text-subtitle2 {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: .00714em
}

.text-body1 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: .03125em
}

.text-body2 {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: .01786em
}

.text-overline {
    font-size: .75rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: .16667em
}

.text-caption {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: .03333em
}

.text-uppercase {
    text-transform: uppercase
}

.text-lowercase {
    text-transform: lowercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify;
    -webkit-hyphens: auto;
    hyphens: auto
}

.text-italic {
    font-style: italic
}

.text-bold {
    font-weight: 700
}

.text-no-wrap {
    white-space: nowrap
}

.text-strike {
    text-decoration: line-through
}

.text-weight-thin {
    font-weight: 100
}

.text-weight-light {
    font-weight: 300
}

.text-weight-regular {
    font-weight: 400
}

.text-weight-medium {
    font-weight: 500
}

.text-weight-bold {
    font-weight: 700
}

.text-weight-bolder {
    font-weight: 900
}

small {
    font-size: 80%
}

big {
    font-size: 170%
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

.no-margin {
    margin: 0!important
}

.no-padding {
    padding: 0!important
}

.no-border {
    border: 0!important
}

.no-border-radius {
    border-radius: 0!important
}

.no-box-shadow {
    box-shadow: none!important
}

.no-outline {
    outline: 0!important
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ellipsis-2-lines,.ellipsis-3-lines {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ellipsis-2-lines {
    -webkit-line-clamp: 2
}

.ellipsis-3-lines {
    -webkit-line-clamp: 3
}

.readonly {
    cursor: default!important
}

.disabled,.disabled *,[disabled],[disabled] * {
    outline: 0!important;
    cursor: not-allowed!important
}

.disabled,[disabled] {
    opacity: .6!important
}

.hidden {
    display: none!important
}

.invisible,.invisible * {
    visibility: hidden!important;
    transition: none!important;
    animation: none!important
}

.transparent {
    background: transparent!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.overflow-hidden-y {
    overflow-y: hidden!important
}

.hide-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.hide-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.dimmed:after,.light-dimmed:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.dimmed:after {
    background: #0006!important
}

.light-dimmed:after {
    background: #fff9!important
}

.z-top {
    z-index: 7000!important
}

.z-max {
    z-index: 9998!important
}

body:not(.desktop) .desktop-only,body.desktop .desktop-hide {
    display: none!important
}

body:not(.mobile) .mobile-only,body.mobile .mobile-hide {
    display: none!important
}

body:not(.native-mobile) .native-mobile-only,body.native-mobile .native-mobile-hide {
    display: none!important
}

body:not(.cordova) .cordova-only,body.cordova .cordova-hide {
    display: none!important
}

body:not(.capacitor) .capacitor-only,body.capacitor .capacitor-hide {
    display: none!important
}

body:not(.electron) .electron-only,body.electron .electron-hide {
    display: none!important
}

body:not(.touch) .touch-only,body.touch .touch-hide {
    display: none!important
}

body:not(.within-iframe) .within-iframe-only,body.within-iframe .within-iframe-hide {
    display: none!important
}

body:not(.platform-ios) .platform-ios-only,body.platform-ios .platform-ios-hide {
    display: none!important
}

body:not(.platform-android) .platform-android-only,body.platform-android .platform-android-hide {
    display: none!important
}

@media all and (orientation: portrait) {
    .orientation-landscape {
        display:none!important
    }
}

@media all and (orientation: landscape) {
    .orientation-portrait {
        display:none!important
    }
}

@media screen {
    .print-only {
        display: none!important
    }
}

@media print {
    .print-hide {
        display: none!important
    }
}

@media (max-width: 599.98px) {
    .xs-hide,.gt-xs,.sm,.gt-sm,.md,.gt-md,.lg,.gt-lg,.xl {
        display:none!important
    }
}

@media (min-width: 600px) and (max-width: 1023.98px) {
    .sm-hide,.xs,.lt-sm,.gt-sm,.md,.gt-md,.lg,.gt-lg,.xl {
        display:none!important
    }
}

@media (min-width: 1024px) and (max-width: 1439.98px) {
    .md-hide,.xs,.lt-sm,.sm,.lt-md,.gt-md,.lg,.gt-lg,.xl {
        display:none!important
    }
}

@media (min-width: 1440px) and (max-width: 1919.98px) {
    .lg-hide,.xs,.lt-sm,.sm,.lt-md,.md,.lt-lg,.gt-lg,.xl {
        display:none!important
    }
}

@media (min-width: 1920px) {
    .xl-hide,.xs,.lt-sm,.sm,.lt-md,.md,.lt-lg,.lg,.lt-xl {
        display:none!important
    }
}

.q-focus-helper,.q-focusable,.q-manual-focusable,.q-hoverable {
    outline: 0
}

body.desktop .q-focus-helper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: inherit;
    opacity: 0;
    transition: background-color .3s cubic-bezier(.25,.8,.5,1),opacity .4s cubic-bezier(.25,.8,.5,1)
}

body.desktop .q-focus-helper:before,body.desktop .q-focus-helper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: inherit;
    transition: background-color .3s cubic-bezier(.25,.8,.5,1),opacity .6s cubic-bezier(.25,.8,.5,1)
}

body.desktop .q-focus-helper:before {
    background: #000
}

body.desktop .q-focus-helper:after {
    background: #fff
}

body.desktop .q-focus-helper--rounded {
    border-radius: 4px
}

body.desktop .q-focus-helper--round {
    border-radius: 50%
}

body.desktop .q-focusable:focus>.q-focus-helper,body.desktop .q-manual-focusable--focused>.q-focus-helper,body.desktop .q-hoverable:hover>.q-focus-helper {
    background: currentColor;
    opacity: .15
}

body.desktop .q-focusable:focus>.q-focus-helper:before,body.desktop .q-manual-focusable--focused>.q-focus-helper:before,body.desktop .q-hoverable:hover>.q-focus-helper:before {
    opacity: .1
}

body.desktop .q-focusable:focus>.q-focus-helper:after,body.desktop .q-manual-focusable--focused>.q-focus-helper:after,body.desktop .q-hoverable:hover>.q-focus-helper:after {
    opacity: .4
}

body.desktop .q-focusable:focus>.q-focus-helper,body.desktop .q-manual-focusable--focused>.q-focus-helper {
    opacity: .22
}

body.body--dark {
    color: #fff;
    background: var(--b2b-dark-page)
}

.q-dark {
    color: #fff;
    background: var(--b2b-dark)
}

body.eye-mode .main-layout {
    padding-top: 170px!important
}

body.eye-mode .main-layout main {
    min-height: calc(100vh - 170px)!important
}

@media screen and (max-width: 920px) {
    body.eye-mode .main-layout {
        padding-top:126px!important
    }

    body.eye-mode .main-layout main {
        min-height: calc(100vh - 126px)!important
    }
}

@media screen and (max-width: 920px) {
    body.eye-mode .menu-block {
        top:126px!important;
        height: calc(100% - 126px)!important
    }
}

body.eye-mode .btn-component.btn-component--primary-dark,body.eye-mode .btn-component.btn-component--dark-primary {
    border: 2px solid currentColor!important
}

.eye-font-1 {
    line-height: 1.5!important
}

.eye-font-1 p,.eye-font-1 li,.eye-font-1 a,.eye-font-1 span,.eye-font-1 button {
    font-size: 1rem!important
}

.eye-font-1 h1,.eye-font-1 h1 span {
    font-size: 2.6rem!important
}

.eye-font-1 h2,.eye-font-1 h2 span {
    font-size: 2.2rem!important
}

.eye-font-1 h3,.eye-font-1 h3 span {
    font-size: 2rem!important
}

.eye-font-2 * {
    line-height: 1.6!important
}

.eye-font-2 * p,.eye-font-2 * li,.eye-font-2 * a,.eye-font-2 * span,.eye-font-2 * button {
    font-size: 1.25rem!important
}

.eye-font-2 * h1,.eye-font-2 * h1 span {
    font-size: 3rem!important
}

.eye-font-2 * h2,.eye-font-2 * h2 span {
    font-size: 2.8rem!important
}

.eye-font-2 * h3,.eye-font-2 * h3 span {
    font-size: 2.6rem!important
}

.eye-font-3 * {
    line-height: 1.7!important
}

.eye-font-3 * p,.eye-font-3 * li,.eye-font-3 * a,.eye-font-3 * span,.eye-font-3 * button {
    font-size: 1.5rem!important
}

.eye-font-3 * h1,.eye-font-3 * h1 span {
    font-size: 3.4rem!important
}

.eye-font-3 * h2,.eye-font-3 * h2 span {
    font-size: 3rem!important
}

.eye-font-3 * h3,.eye-font-3 * h3 span {
    font-size: 2.8rem!important
}

.eye-color-1 *,.eye-color-1 *:before,.eye-color-1 *:after,.eye-color-2 *,.eye-color-2 *:before,.eye-color-2 *:after,.eye-color-3 *,.eye-color-3 *:before,.eye-color-3 *:after {
    background-image: none!important;
    box-shadow: none!important;
    text-shadow: none!important
}

.eye-color-1 img,.eye-color-1 svg,.eye-color-2 img,.eye-color-2 svg,.eye-color-3 img,.eye-color-3 svg {
    filter: grayscale(100%)!important
}

.eye-color-1 {
    background: #fff!important
}

.eye-color-1 header,.eye-color-1 main,.eye-color-1 aside,.eye-color-1 article,.eye-color-1 nav,.eye-color-1 div:not(.q-notifications__list):not(.__ymap-marker_wrapper),.eye-color-1 button,.eye-color-1 a {
    background: #fff!important
}

.eye-color-1 *,.eye-color-1 *:before,.eye-color-1 *:after,.eye-color-1 *::placeholder {
    color: #000!important;
    stroke: #000!important;
    border-color: #000!important
}

.eye-color-1 .eye-panel__btn--active {
    box-shadow: 0 0 0 2px #000!important
}

.eye-color-1 .right-menu-trigger__line>span {
    background: #000!important
}

.eye-color-2 {
    background: #000!important
}

.eye-color-2 header,.eye-color-2 main,.eye-color-2 aside,.eye-color-2 article,.eye-color-2 nav,.eye-color-2 div:not(.q-notifications__list):not(.__ymap-marker_wrapper),.eye-color-2 button,.eye-color-2 a {
    background: #000!important
}

.eye-color-2 *,.eye-color-2 *:before,.eye-color-2 *:after,.eye-color-2 *::placeholder {
    color: #fff!important;
    stroke: #fff!important;
    border-color: #fff!important
}

.eye-color-2 .eye-panel__btn--active {
    box-shadow: 0 0 0 2px #fff!important
}

.eye-color-2 .right-menu-trigger__line>span {
    background: #fff!important
}

.eye-color-3 {
    background: #e6f3ff!important
}

.eye-color-3 header,.eye-color-3 main,.eye-color-3 aside,.eye-color-3 article,.eye-color-3 nav,.eye-color-3 div:not(.q-notifications__list):not(.__ymap-marker_wrapper),.eye-color-3 button,.eye-color-3 a {
    background: #e6f3ff!important
}

.eye-color-3 *,.eye-color-3 *:before,.eye-color-3 *:after,.eye-color-3 *::placeholder {
    color: #063462!important;
    stroke: #063462!important;
    border-color: #063462!important
}

.eye-color-3 .eye-panel__btn--active {
    box-shadow: 0 0 0 2px #063462!important
}

.eye-color-3 .right-menu-trigger__line>span {
    background: #063462!important
}

.eye-hide-images img {
    opacity: 0!important;
    visibility: hidden!important
}

/* *,*:before,*:after {
    box-sizing: border-box
} */

/* html {
    height: 100%;
    min-width: 360px
} */

/* body {
    font-family: Raleway,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    font-size: 14px;
    line-height: 1.25;
    color: #0a1a3e;
    min-width: 320px;
    height: 100%;
    background: #f9fcff
} */

body.scroll-lock {
    overflow: hidden;
    margin-left: calc(-100vw + 100%)
}

#q-app {
    display: flex;
    flex-direction: column;
    height: 100%
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0)
}

.list-reset {
    margin: 0;
    padding: 0;
    list-style: none
}

.flex-1 {
    flex: 1
}

.jf-start {
    justify-self: start
}

.text-weight-semibold {
    font-weight: 600
}

/* .h1 {
    font-weight: 700;
    font-size: 76px;
    line-height: 110%;
    font-variant-numeric: lining-nums proportional-nums;
    margin: 0
}

.h1 {
    font-size: 76px
}

@media screen and (max-width: 1320px) {
    .h1 {
        font-size:calc(36px + 40 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .h1 {
        font-size:36px
    }
} */

/* .h2 {
    font-weight: 700;
    line-height: 115%;
    margin: 0;
    font-variant-numeric: lining-nums proportional-nums
}

.h2 {
    font-size: 56px
}

@media screen and (max-width: 1320px) {
    .h2 {
        font-size:calc(30px + 26 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .h2 {
        font-size:30px
    }
} */

/* .h3 {
    line-height: 120%;
    margin: 0;
    font-variant-numeric: lining-nums proportional-nums
}

.h3 {
    font-size: 36px
}

@media screen and (max-width: 1320px) {
    .h3 {
        font-size:calc(26px + 10 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .h3 {
        font-size:26px
    }
} */

/* .h4 {
    line-height: 115%;
    margin: 0;
    font-variant-numeric: lining-nums proportional-nums;
    font-weight: 700
}

.h4 {
    font-size: 22px
}

@media screen and (max-width: 1320px) {
    .h4 {
        font-size:calc(20px + 2 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .h4 {
        font-size:20px
    }
} */

.body-text {
    font-size: 18px;
    line-height: 130%;
    font-variant-numeric: lining-nums proportional-nums;
    margin: 0
}

.caption {
    font-size: 16px;
    line-height: 130%;
    font-variant-numeric: lining-nums proportional-nums;
    margin: 0
}

.caption-s {
    font-size: 14px;
    line-height: 130%;
    font-variant-numeric: lining-nums proportional-nums;
    margin: 0
}

.caption-xs {
    font-size: 12px;
    line-height: 130%;
    font-variant-numeric: lining-nums proportional-nums;
    margin: 0
}

.mt-140-80 {
    margin-top: 140px
}

@media screen and (max-width: 1320px) {
    .mt-140-80 {
        margin-top:calc(80px + 60 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .mt-140-80 {
        margin-top:80px
    }
}

.mt-110-50 {
    margin-top: 110px
}

@media screen and (max-width: 1320px) {
    .mt-110-50 {
        margin-top:calc(50px + 60 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .mt-110-50 {
        margin-top:50px
    }
}

.mt-40-28 {
    margin-top: 40px
}

@media screen and (max-width: 1320px) {
    .mt-40-28 {
        margin-top:calc(28px + 12 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .mt-40-28 {
        margin-top:28px
    }
}

.mt-32-28 {
    margin-top: 32px
}

@media screen and (max-width: 1320px) {
    .mt-32-28 {
        margin-top:calc(28px + 4 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .mt-32-28 {
        margin-top:28px
    }
}

.mb-40-28 {
    margin-bottom: 40px
}

@media screen and (max-width: 1320px) {
    .mb-40-28 {
        margin-bottom:calc(28px + 12 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .mb-40-28 {
        margin-bottom:28px
    }
}

.auth-sign-up-form__notify-message,.auth-sign-up-form__notify-message a {
    color: #fff!important
}

.auth-sign-up-form__notify-message a:hover {
    text-decoration: none
}

.header__search-suggestions-menu {
    border-radius: 12px;
    padding: 10px;
    border: 1px solid #D0D5DD;
    box-shadow: none
}

.header__search-suggestions-list {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.header__search-suggestions-item {
    font-size: 18px
}

@media screen and (max-width: 1320px) {
    .header__search-suggestions-item {
        font-size:calc(14px + 4 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .header__search-suggestions-item {
        font-size:14px
    }
}

.header__search-suggestions-item {
    padding: 0;
    color: #919191;
    min-height: 0
}

.header__search-suggestions-item .q-focus-helper {
    display: none
}

.header__search-suggestions-item:hover {
    background: transparent;
    color: #2f8eed!important
}

.header__search-suggestions-item:hover .highlight {
    color: #2f8eed!important
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,#00000080,#0000)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,.swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next {
    display: none!important
}

.swiper-button-prev svg,.swiper-button-next svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg)
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-prev:after,.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #FFFFFF;
    opacity: 100%;
}

@media screen and (max-width: 480px) {
    .swiper-pagination .swiper-pagination-bullet {
        height:4px;
        width: 4px
    }
}

.light-bullets.swiper-pagination {
    bottom: 12px;
    line-height: 0;
    padding: 4px;
    border-radius: 8px;
    background: #ffffff59;
    left: calc(50% - 2px);
    transform: translate(-50%) translateZ(0)
}

.light-bullets.swiper-pagination .swiper-pagination-bullet {
    opacity: .4;
    background: #fff
}

.light-bullets.swiper-pagination .swiper-pagination-bullet:not(:last-child) {
    margin-right: 4px
}

.light-bullets.swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1
}

@media screen and (max-width: 920px) {
    .light-bullets.swiper-pagination {
        bottom:8px
    }
}

.large-bullets.swiper-pagination {
    bottom: 12px;
    line-height: 0;
    padding: 2px 8px;
    left: calc(50% - 2px);
    transform: translate(-50%) translateZ(0)
}

.large-bullets.swiper-pagination .swiper-pagination-bullet {
    opacity: .5;
    height: 12px;
    width: 12px;
    margin-right: 4px;
    background: #2f8eed
}

.large-bullets.swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1
}

.swiper>.swiper-scrollbar.swiper-scrollbar-horizontal {
    height: 12px;
    background: #fafafa;
    border-radius: 20px;
    position: relative;
    margin-top: 24px;
    top: unset;
    bottom: unset;
    left: 20px;
    width: calc(100% - 40px)
}

.swiper>.swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag {
    height: calc(100% - 4px);
    background: #d2d2d2;
    top: 2px
}

@media screen and (max-width: 920px) {
    .swiper>.swiper-scrollbar.swiper-scrollbar-horizontal {
        margin-top:12px
    }
}

.swiper-button-next,.swiper-button-prev {
    --swiper-navigation-size: 32px;
    height: 32px;
    width: 32px;
    background: #ffffffe6;
    border-radius: 4px;
    color: #0a1a3e
}

.swiper-button-next:after,.swiper-button-prev:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: currentColor;
    -webkit-mask-image: url('data:image/svg+xml;utf8,  <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">  <path  d="M16.4708 8.40039L0.32959 8.40039"  stroke="currentColor"  stroke-width="0.941177"  stroke-miterlimit="10"  stroke-linecap="round"  stroke-linejoin="round"  />  <path  d="M12.4736 12.3533L16.4705 8.40033L12.4736 4.44739"  stroke="currentColor"  stroke-width="0.941177"  stroke-miterlimit="10"  stroke-linecap="round"  stroke-linejoin="round"  />  </svg>');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain
}

.swiper-button-next {
    right: 40px
}

.swiper-button-prev {
    left: 40px
}

.swiper-button-prev:after {
    transform: rotate(180deg)
}

.swiper-3d .swiper-slide-shadow {
    background: transparent!important
}

.slider-full-width {
    padding-left: calc((100% - 1320px)/2)
}

.slider-full-width .swiper-wrapper {
    align-items: stretch
}

.slider-full-width .swiper-slide {
    width: fit-content;
    height: auto;
    padding-right: 16px
}

.slider-full-width .swiper-slide:first-child {
    padding-left: 20px
}

.slider-full-width .swiper-slide:last-child {
    padding-right: 20px
}

:root {
    --tablet-breakpoint: 920px
}

body [data-aos=fade-up] {
    transform: translate3d(0,50px,0)
}

.__ymap {
    color: #000;
    position: relative
}

.__ymap_container {
    width: 100%;
    height: 100%
}

.__ymap_slots {
    display: none
}

.__ymap--grab [class$=main-engine-container] canvas {
    cursor: grab
}

.__ymap--grabbing:focus [class$=main-engine-container] canvas,.__ymap--grabbing:active [class$=main-engine-container] canvas {
    cursor: grabbing
}

.__ymap [class$=graphics-layer] {
    text-align: left
}

.menu-block {
  display: none !important; 
  position: absolute; 
  bottom: 60px; 
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 9999;
}
.menu-block.open {
  display: block !important; 
}

/* @charset "UTF-8"; */
[data-v-c730043f]:root {
    --tablet-breakpoint: 920px
}

.intro-section[data-v-c730043f] {
    gap: 32px;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%
}

.intro-section__content[data-v-c730043f] {
    gap: 16px;
    padding-bottom: 16px;
    max-width: 308px
}

.intro-section__title>span[data-v-c730043f] {
    overflow: hidden
}

@media screen and (max-width: 1270px) {
    .intro-section[data-v-c730043f] {
        flex-direction:column;
        align-items: flex-start;
        gap: 28px
    }

    .intro-section__content[data-v-c730043f] {
        padding-bottom: 0
    }
}

.intro-slider-wrap[data-v-c730043f] {
    position: relative
}

@media screen and (max-width: 480px) {
    .intro-slider-wrap__btn[data-v-c730043f] {
        right:20px
    }
}

.intro-slider[data-v-c730043f] {
    width: 100%;
    overflow: hidden
}

.intro-slider[data-v-c730043f] {
    margin-top: 62px
}

@media screen and (max-width: 1320px) {
    .intro-slider[data-v-c730043f] {
        margin-top:calc(28px + 34 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .intro-slider[data-v-c730043f] {
        margin-top:28px
    }
}

.intro-slider__track[data-v-c730043f] {
    display: flex;
    width: max-content;
    animation: scroll-c730043f linear infinite;
    animation-duration: 20s
}

@keyframes scroll-c730043f {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

.intro-slider__item[data-v-c730043f] {
    box-sizing: border-box
}

.intro-slider__item[data-v-c730043f] {
    height: 488px
}

@media screen and (max-width: 1320px) {
    .intro-slider__item[data-v-c730043f] {
        height:calc(275px + 213 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .intro-slider__item[data-v-c730043f] {
        height:275px
    }
}

.intro-slider__item[data-v-c730043f] {
    width: 548px
}

@media screen and (max-width: 1320px) {
    .intro-slider__item[data-v-c730043f] {
        width:calc(308px + 240 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .intro-slider__item[data-v-c730043f] {
        width:308px
    }
}

.intro-slider__item img[data-v-c730043f],.intro-slider__item picture[data-v-c730043f] {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover
}

.intro-slider__card[data-v-c730043f] {
    height: 100%;
    width: calc(100% - 16px);
    overflow: hidden;
    border-radius: 30px
}

.intro-slider__card[data-v-c730043f] img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover
}

@media screen and (max-width: 920px) {
    .intro-slider__card[data-v-c730043f] {
        width:calc(100% - 8px)
    }
}

[data-v-a3592013]:root {
    --tablet-breakpoint: 920px
}

.about-link[data-v-a3592013] {
    text-decoration: none;
    color: inherit
}

.about-link[data-v-a3592013] {
    min-width: 304px
}

@media screen and (max-width: 1320px) {
    .about-link[data-v-a3592013] {
        min-width:calc(220px + 84 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .about-link[data-v-a3592013] {
        min-width:220px
    }
}

.about-link__label[data-v-a3592013] {
    line-height: 110%;
    font-variant-numeric: lining-nums proportional-nums;
    margin: 0;
    color: #2f8eed;
    transition: .3s
}

.about-link__label[data-v-a3592013] {
    font-size: 92px;
    /* */
}

@media screen and (max-width: 1320px) {
    .about-link__label[data-v-a3592013] {
        font-size:calc(72px + 20 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .about-link__label[data-v-a3592013] {
        font-size:72px
    }
}

.about-link__text[data-v-a3592013] {
    color: #123670;
    white-space: break-spaces;
    transition: .3s
}

@media screen and (min-width: 921px) and (hover: hover) {
    .about-link:not(:disabled):not(.about-link--disabled):not(.disabled):hover .about-link__label[data-v-a3592013],.about-link:not(:disabled):not(.about-link--disabled):not(.disabled):focus-visible .about-link__label[data-v-a3592013] {
        color:#0a1a3e
    }

    .about-link:not(:disabled):not(.about-link--disabled):not(.disabled):hover .about-link__text[data-v-a3592013],.about-link:not(:disabled):not(.about-link--disabled):not(.disabled):focus-visible .about-link__text[data-v-a3592013] {
        color: #0a1a3e
    }
}

[data-v-1ab9c060]:root {
    --tablet-breakpoint: 920px
}

.main-about[data-v-1ab9c060] {
    padding-top: 120px
}

@media screen and (max-width: 1320px) {
    .main-about[data-v-1ab9c060] {
        padding-top:calc(68px + 52 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .main-about[data-v-1ab9c060] {
        padding-top:68px
    }
}

.main-about__content[data-v-1ab9c060] {
    max-width: 432px
}

.main-about__content[data-v-1ab9c060] .main-about__text {
    margin-bottom: 8px;
    color: #123670
}

.main-about__title[data-v-1ab9c060] {
    margin-bottom: 20px
}

@media screen and (max-width: 1320px) {
    .main-about__title[data-v-1ab9c060] {
        margin-bottom:calc(16px + 4 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .main-about__title[data-v-1ab9c060] {
        margin-bottom:16px
    }
}

.main-about__text[data-v-1ab9c060] {
    margin-bottom: 8px;
    color: #123670
}

.main-about__grid[data-v-1ab9c060] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 24px
}

@media screen and (max-width: 1170px) {
    .main-about[data-v-1ab9c060] {
        flex-direction:column;
        gap: 28px
    }

    .main-about__content[data-v-1ab9c060] {
        max-width: 524px
    }

    .main-about__grid[data-v-1ab9c060] {
        gap: 48px
    }

    .main-about__link[data-v-1ab9c060]:nth-child(1) {
        order: 3
    }

    .main-about__link[data-v-1ab9c060]:nth-child(2) {
        order: 1
    }

    .main-about__link[data-v-1ab9c060]:nth-child(3) {
        order: 2
    }

    .main-about__link[data-v-1ab9c060]:nth-child(4) {
        order: 4
    }
}

@media screen and (max-width: 600px) {
    .main-about__grid[data-v-1ab9c060] {
        gap:24px;
        grid-template-columns: 1fr
    }
}

[data-v-76c1af65]:root {
    --tablet-breakpoint: 920px
}

.banner-slider[data-v-76c1af65] {
    position: relative
}

@media screen and (max-width: 920px) {
    .banner-slider__nav[data-v-76c1af65] {
        display:none
    }
}

.main-banner[data-v-76c1af65] {
    width: 100%;
    min-height: 420px;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.main-banner[data-v-76c1af65] {
    border-radius: 36px
}

@media screen and (max-width: 1320px) {
    .main-banner[data-v-76c1af65] {
        border-radius:calc(24px + 12 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .main-banner[data-v-76c1af65] {
        border-radius:24px
    }
}

.main-banner__bg[data-v-76c1af65] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover
}

.main-banner[data-v-76c1af65]:after {
    content: "";
    background: linear-gradient(270deg,#0000,#00000073);
    height: 100%;
    width: 50%;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.main-banner__content[data-v-76c1af65] {
    width: 50%;
    padding: 32px 108px 32px 64px;
    color: #fff
}

.main-banner__title[data-v-76c1af65] {
    margin-bottom: 12px
}

.main-banner__text[data-v-76c1af65] {
    margin-bottom: 24px;
    max-width: 408px
}

@media screen and (max-width: 1200px) {
    .main-banner__content[data-v-76c1af65],.main-banner[data-v-76c1af65]:after {
        width:60%
    }

    .main-banner__content[data-v-76c1af65] {
        padding: 32px 64px
    }
}

@media screen and (max-width: 920px) {
    .main-banner[data-v-76c1af65] {
        min-height:240px
    }

    .main-banner[data-v-76c1af65]:after,.main-banner__content[data-v-76c1af65] {
        width: 100%
    }

    .main-banner__content[data-v-76c1af65] {
        max-width: 375px;
        padding: 20px 20px 48px
    }
}

[data-v-3d66981e]:root {
    --tablet-breakpoint: 920px
}

.products-services__head[data-v-3d66981e] {
    gap: 16px;
    margin-bottom: 40px
}

.products-services__text[data-v-3d66981e] {
    max-width: 404px;
    color: #123670
}

.products-services__content[data-v-3d66981e] {
    margin-bottom: 40px;
    padding-left: max(0px,(100% - 1320px) / 2)
}

.products-services__link[data-v-3d66981e] {
    width: fit-content;
    min-width: 232px
}

.products-services__slide[data-v-3d66981e] {
    width: fit-content;
    height: auto;
    display: flex
}

/* .products-services__slide[data-v-3d66981e]:first-child {
    padding-left: 20px
}

.products-services__slide[data-v-3d66981e]:last-child {
    padding-right: 20px!important
} */

.products-services__slide[data-v-3d66981e] {
    padding-right: 16px
}

/* @media screen and (max-width: 1320px) {
    .products-services__slide[data-v-3d66981e] {
        padding-right:calc(8px + 8 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .products-services__slide[data-v-3d66981e] {
        padding-right:8px
    }
} */

.products-services__card[data-v-3d66981e] {
    width: 308px
}

@media screen and (max-width: 1320px) {
    .products-services__card[data-v-3d66981e] {
        width:calc(238px + 70 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .products-services__card[data-v-3d66981e] {
        width:238px
    }
}

@media screen and (max-width: 920px) {
    .products-services__head[data-v-3d66981e] {
        flex-direction:column;
        align-items: flex-start
    }

    .products-services__text[data-v-3d66981e] {
        max-width: 456px
    }
}

.products-services__content {
    overflow-x: auto;
    overflow-y: hidden;
    touch-action: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scroll-behavior: smooth;
    &::-webkit-scrollbar {
        display: none;
    }
    scrollbar-width: none;
    -ms-overflow-style: none;
}

[data-v-da56c167]:root {
    --tablet-breakpoint: 920px
}

.about-catalog[data-v-da56c167] {
    gap: 28px
}

.about-catalog__content[data-v-da56c167] {
    max-width: 416px
}

.about-catalog__text[data-v-da56c167] {
    margin-bottom: 8px;
    color: #123670
}

.about-catalog__btn[data-v-da56c167] {
    min-width: 232px;
    margin-top: 24px
}

@media screen and (max-width: 920px) {
    .about-catalog[data-v-da56c167] {
        flex-direction:column
    }

    .about-catalog__content[data-v-da56c167] {
        max-width: 495px
    }
}

[data-v-0b4fbd1f]:root {
    --tablet-breakpoint: 920px
}

.query-exchange-card[data-v-0b4fbd1f] {
    border-radius: 16px;
    padding: 16px;
    background: #fff
}

.query-exchange-card__title[data-v-0b4fbd1f] {
    margin-bottom: 12px
}

.query-exchange-card__text[data-v-0b4fbd1f] {
    margin-bottom: 20px;
    max-width: 358px
}

.query-exchange-card__detail[data-v-0b4fbd1f] {
    white-space: break-spaces
}

.query-exchange-card__detail[data-v-0b4fbd1f]:not(:last-child) {
    margin-bottom: 4px
}

@media screen and (max-width: 920px) {
    .query-exchange-card[data-v-0b4fbd1f] {
        border-radius:12px;
        padding: 12px
    }

    .query-exchange-card__text[data-v-0b4fbd1f] {
        margin-bottom: 16px
    }

    .query-exchange-card__detail[data-v-0b4fbd1f]:not(:last-child) {
        margin-bottom: 8px
    }
}

[data-v-cb974259]:root {
    --tablet-breakpoint: 920px
}

.query-exchange__text[data-v-cb974259] {
    margin-bottom: 28px;
    margin-top: 16px
}

.query-exchange__card[data-v-cb974259] {
    width: calc(50% - 8px);
    overflow: hidden
}

.query-exchange__card[data-v-cb974259] {
    padding: 36px
}

@media screen and (max-width: 1320px) {
    .query-exchange__card[data-v-cb974259] {
        padding:calc(16px + 20 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .query-exchange__card[data-v-cb974259] {
        padding:16px
    }
}

.query-exchange__card[data-v-cb974259] {
    border-radius: 36px
}

@media screen and (max-width: 1320px) {
    .query-exchange__card[data-v-cb974259] {
        border-radius:calc(24px + 12 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .query-exchange__card[data-v-cb974259] {
        border-radius:24px
    }
}

.query-exchange__card--info[data-v-cb974259] {
    background: #2f8eed;
    color: #fff;
    position: relative;
    z-index: 1
}

.query-exchange__card--list[data-v-cb974259] {
    background: #d9efff;
    gap: 24px
}

.query-exchange__content[data-v-cb974259] {
    margin-top: 40px
}

@media screen and (max-width: 1320px) {
    .query-exchange__content[data-v-cb974259] {
        margin-top:calc(28px + 12 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .query-exchange__content[data-v-cb974259] {
        margin-top:28px
    }
}

.query-exchange__btn[data-v-cb974259] {
    min-width: 232px
}

.query-exchange__all-btn[data-v-cb974259] {
    width: 100%;
    margin-top: 8px
}

.query-exchange__bg[data-v-cb974259] {
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
    height: 100%
}

@media screen and (max-width: 920px) {
    .query-exchange__card[data-v-cb974259] {
        width:calc(50% - 4px)
    }

    .query-exchange__bg[data-v-cb974259] {
        transform: translate(31%)
    }

    .query-exchange__btn[data-v-cb974259] {
        min-width: 0;
        width: 100%
    }
}

@media screen and (max-width: 660px) {
    .query-exchange__content[data-v-cb974259] {
        gap:8px
    }

    .query-exchange__card[data-v-cb974259] {
        width: 100%
    }
}

[data-v-c4082f7a]:root {
    --tablet-breakpoint: 920px
}

.interactive-map[data-v-c4082f7a] {
    gap: 16px
}

.interactive-map__content[data-v-c4082f7a] {
    width: 288px;
    min-width: 288px;
    border-radius: 20px;
    border: 1px solid #d9efff;
    padding: 23px;
    gap: 20px
}

.interactive-map__map-wrapper[data-v-c4082f7a] {
    border-radius: 28px;
    flex-grow: 1;
    overflow: hidden
}

.interactive-map__map-component[data-v-c4082f7a] {
    border-radius: 28px;
    overflow: hidden;
    border: 1px solid #D0D5DD
}

.interactive-map__layers[data-v-c4082f7a] {
    gap: 16px
}

.interactive-map__btn[data-v-c4082f7a] {
    width: 100%
}

@media screen and (max-width: 920px) {
    .interactive-map__content[data-v-c4082f7a] {
        border-radius:16px;
        padding: 20px
    }

    .interactive-map__map-wrapper[data-v-c4082f7a] {
        border-radius: 20px
    }
}

@media screen and (max-width: 700px) {
    .interactive-map[data-v-c4082f7a] {
        flex-direction:column-reverse
    }

    .interactive-map__content[data-v-c4082f7a] {
        width: 100%;
        min-width: 0
    }

    .interactive-map__map-wrapper[data-v-c4082f7a] {
        height: 393px
    }
}

[data-v-253ac557]:root {
    --tablet-breakpoint: 920px
}

.support-banner__wrapper[data-v-253ac557] {
    padding: 64px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    color: #fff
}

.support-banner__wrapper[data-v-253ac557] {
    border-radius: 40px
}

@media screen and (max-width: 1320px) {
    .support-banner__wrapper[data-v-253ac557] {
        border-radius:calc(24px + 16 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .support-banner__wrapper[data-v-253ac557] {
        border-radius:24px
    }
}

.support-banner__wrapper[data-v-253ac557] {
    min-height: 664px
}

@media screen and (max-width: 1320px) {
    .support-banner__wrapper[data-v-253ac557] {
        min-height:calc(380px + 284 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .support-banner__wrapper[data-v-253ac557] {
        min-height:380px
    }
}

.support-banner__wrapper[data-v-253ac557]:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg,#0000 2.47%,#000000d9);
    height: 85%;
    width: 100%;
    z-index: -1
}

.support-banner__bg[data-v-253ac557] img {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover
}

.support-banner__text[data-v-253ac557] {
    margin-top: 24px;
    max-width: 432px
}

.support-banner__btn[data-v-253ac557] {
    margin-top: 36px;
    width: 248px
}

@media screen and (max-width: 920px) {
    .support-banner__wrapper[data-v-253ac557]:after {
        height:100%
    }

    .support-banner__text[data-v-253ac557] {
        margin-top: 12px
    }

    .support-banner__btn[data-v-253ac557] {
        margin-top: 20px
    }
}

@media screen and (max-width: 480px) {
    .support-banner__wrapper[data-v-253ac557] {
        min-height:336px;
        padding: 16px
    }
}

[data-v-05d6a468]:root {
    --tablet-breakpoint: 920px
}

.info-card[data-v-05d6a468] {
    border-radius: 20px;
    background: #d9efff;
    padding: 20px
}

.info-card[data-v-05d6a468] {
    gap: 38px
}

@media screen and (max-width: 1320px) {
    .info-card[data-v-05d6a468] {
        gap:calc(22px + 16 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .info-card[data-v-05d6a468] {
        gap:22px
    }
}

.info-card__label[data-v-05d6a468] {
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 76px;
    line-height: 110%;
    margin: 0;
    white-space: nowrap
}

.info-card__label span[data-v-05d6a468]:not(.label),.info-card__label[data-v-05d6a468] span:not(.label) {
    font-size: 20px;
    line-height: 140%
}

.info-card__label span.size-32[data-v-05d6a468],.info-card__label[data-v-05d6a468] span.size-32 {
    font-size: 32px;
    line-height: 140%
}

@media screen and (max-width: 920px) {
    .info-card[data-v-05d6a468] {
        border-radius:16px;
        padding: 16px
    }
}

[data-v-a6bfa7d7]:root {
    --tablet-breakpoint: 920px
}

[data-v-bcc6bc68]:root {
    --tablet-breakpoint: 920px
}

.about-in-numbers__slide[data-v-bcc6bc68] {
    width: fit-content;
    padding-right: 16px
}

.about-in-numbers__slide[data-v-bcc6bc68]:first-child {
    padding-left: 20px
}

.about-in-numbers__slide[data-v-bcc6bc68]:last-child {
    padding-right: 20px
}

.about-in-numbers__card[data-v-bcc6bc68] {
    min-height: 308px
}

@media screen and (max-width: 1320px) {
    .about-in-numbers__card[data-v-bcc6bc68] {
        min-height:calc(280px + 28 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .about-in-numbers__card[data-v-bcc6bc68] {
        min-height:280px
    }
}

.about-in-numbers__card[data-v-bcc6bc68] {
    width: 308px
}

.about-in-numbers__slider[data-v-bcc6bc68] {
    padding-left: calc((100% - 1320px)/2)
}

.about-in-numbers__footer[data-v-bcc6bc68] {
    margin-top: 28px
}

@media screen and (max-width: 920px) {
    .about-in-numbers__title[data-v-bcc6bc68] {
        text-align:center
    }

    .about-in-numbers__card[data-v-bcc6bc68] {
        width: 320px
    }
}

[data-v-ae80910e]:root {
    --tablet-breakpoint: 920px
}

.about-region[data-v-ae80910e] {
    position: relative
}

.about-region__title[data-v-ae80910e] {
    margin-bottom: 20px;
    text-align: center
}

.about-region__text[data-v-ae80910e] {
    margin-bottom: 32px;
    text-align: center;
    color: #123670
}

.about-region__btn[data-v-ae80910e] {
    width: 232px
}

.about-region__content[data-v-ae80910e] {
    padding: 90px 0 160px;
    max-width: 546px
}

.about-region__img[data-v-ae80910e] {
    position: absolute;
    border-radius: 16px;
    overflow: hidden
}

.about-region__img[data-v-ae80910e] img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover
}

.about-region__img--1[data-v-ae80910e] {
    height: 180px;
    width: 180px;
    left: 20px;
    top: 0
}

.about-region__img--2[data-v-ae80910e] {
    height: 200px;
    width: 220px;
    right: 20px;
    top: 0
}

.about-region__img--3[data-v-ae80910e] {
    height: 200px;
    width: 220px;
    left: 127px;
    bottom: 0
}

.about-region__img--4[data-v-ae80910e] {
    height: 190px;
    width: 190px;
    right: 154px;
    bottom: 10px
}

@media screen and (max-width: 1110px) {
    .about-region__img--1[data-v-ae80910e] {
        height:160px;
        width: 160px;
        left: 8px
    }

    .about-region__img--2[data-v-ae80910e] {
        right: 8px;
        top: -80px
    }

    .about-region__img--3[data-v-ae80910e] {
        height: 180px;
        width: 190px;
        left: 87px
    }

    .about-region__img--4[data-v-ae80910e] {
        height: 170px;
        width: 170px;
        right: 100px
    }
}

@media screen and (max-width: 920px) {
    .about-region__img[data-v-ae80910e] {
        display:none
    }

    .about-region__content[data-v-ae80910e] {
        padding: 0;
        max-width: 546px
    }
}

@media screen and (max-width: 480px) {
    .about-region__title[data-v-ae80910e],.about-region__text[data-v-ae80910e] {
        text-align:left;
        width: 100%
    }

    .about-region__btn[data-v-ae80910e] {
        width: 100%
    }
}

[data-v-6d525bc5]:root {
    --tablet-breakpoint: 920px
}

.region-progress-card__title[data-v-6d525bc5] {
    margin-top: 16px
}

.region-progress-card__text[data-v-6d525bc5] {
    margin-top: 8px;
    color: #123670
}

[data-v-623966dc]:root {
    --tablet-breakpoint: 920px
}

.region-progress[data-v-623966dc] {
    gap: 32px
}

.region-progress__title[data-v-623966dc] {
    max-width: 590px
}

.region-progress__content[data-v-623966dc] {
    max-width: 632px;
    display: grid;
    grid-template-columns: minmax(260px,1fr) minmax(310px,1fr);
    gap: 40px 56px;
}

@media screen and (max-width: 1100px) {
    .region-progress[data-v-623966dc] {
        flex-direction:column
    }

    .region-progress__title[data-v-623966dc] {
        max-width: 100%;
        width: 100%;
        text-align: left
    }

    .region-progress__content[data-v-623966dc] {
        max-width: 100%;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 28px 56px
    }
}

@media screen and (max-width: 580px) {
    .region-progress__content[data-v-623966dc] {
        grid-template-columns:1fr
    }
}

[data-v-acb80fa4]:root {
    --tablet-breakpoint: 920px
}

.event-card[data-v-acb80fa4] {
    border-radius: 20px;
    padding: 20px;
    background: #d9efff;
    gap: 16px;
    min-height: 150px
}

.event-card__img-wrapper[data-v-acb80fa4] {
    width: 220px;
    min-width: 220px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    flex-grow: 1
}

.event-card__img-wrapper[data-v-acb80fa4] img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover
}

.event-card__detail[data-v-acb80fa4] {
    margin-bottom: 22px;
    gap: 4px
}

.event-card__status[data-v-acb80fa4] {
    margin-right: 8px
}

.event-card__text[data-v-acb80fa4] {
    color: #123670;
    margin-top: 8px
}

.event-card__separator[data-v-acb80fa4] {
    width: 12px;
    height: 1px;
    background: #adadad
}

.event-card__title[data-v-acb80fa4],.event-card__text[data-v-acb80fa4] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media screen and (max-width: 1000px) {
    .event-card[data-v-acb80fa4] {
        flex-direction:column;
        padding: 20px 16px
    }

    .event-card__img-wrapper[data-v-acb80fa4] {
        width: 100%;
        height: 166px;
        min-width: 0
    }
}

[data-v-89f0c5db]:root {
    --tablet-breakpoint: 920px
}

.events-section[data-v-89f0c5db] {
    gap: 28px
}

.events-section__text[data-v-89f0c5db] {
    max-width: 350px;
    color: #123670;
    margin: 24px 0
}

.events-section__list-track[data-v-89f0c5db] {
    height: 400px;
    overflow: hidden;
    width: 632px
}

.events-section__list[data-v-89f0c5db] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    animation: lift-89f0c5db linear infinite;
    animation-duration: 10s
}

@keyframes lift-89f0c5db {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-50%)
    }
}

.events-section .events-section__list-tablet[data-v-89f0c5db],.events-section__footer[data-v-89f0c5db] {
    display: none
}

@media screen and (max-width: 1000px) {
    .events-section[data-v-89f0c5db] {
        flex-direction:column;
        align-items: center
    }

    .events-section__btn[data-v-89f0c5db] {
        display: none
    }

    .events-section__title[data-v-89f0c5db] {
        text-align: center;
        justify-content: center
    }

    .events-section__text[data-v-89f0c5db] {
        margin: 16px 0 0;
        max-width: 500px;
        text-align: center
    }

    .events-section__footer[data-v-89f0c5db] {
        display: block
    }

    .events-section__list-track[data-v-89f0c5db] {
        display: none
    }

    .events-section .events-section__list-tablet[data-v-89f0c5db] {
        display: flex;
        justify-content: center;
        gap: 16px;
        width: 100%
    }

    .events-section__card[data-v-89f0c5db] {
        width: calc(50% - 8px);
        max-width: 320px
    }
}

@media screen and (max-width: 700px) {
    .events-section[data-v-89f0c5db] {
        align-items:flex-start
    }

    .events-section .events-section__list-tablet[data-v-89f0c5db] {
        flex-direction: column
    }

    .events-section__card[data-v-89f0c5db],.events-section__btn-mob[data-v-89f0c5db],.events-section__footer[data-v-89f0c5db] {
        width: 100%;
        max-width: 100%
    }

    .events-section__title[data-v-89f0c5db],.events-section__text[data-v-89f0c5db] {
        text-align: left;
        justify-content: flex-start
    }
}

[data-v-8b89f30a]:root {
    --tablet-breakpoint: 920px
}

.text-color-animate[data-v-8b89f30a] {
    column-gap: .28em
}

.text-color-animate .br[data-v-8b89f30a] {
    width: 100%
}

.text-color-animate__letter[data-v-8b89f30a] {
    transition: .1s ease-in-out;
    opacity: .2
}

[data-v-353ad6c1]:root {
    --tablet-breakpoint: 920px
}

.main-page-block[data-v-353ad6c1] {
    gap: 32px
}

.main-page-block__btn[data-v-353ad6c1] {
    min-width: 232px
}

@media screen and (max-width: 920px) {
    .main-page-block[data-v-353ad6c1] {
        gap:24px
    }
}

@media screen and (max-width: 480px) {
    .main-page-block__btn[data-v-353ad6c1] {
        width:100%
    }

    /* .main-page-block__title[data-v-353ad6c1] {
        font-size: 30px;
        line-height: 110%
    } */
}

[data-v-9b5bd171]:root {
    --tablet-breakpoint: 920px
}

.main-page-block2[data-v-9b5bd171] {
    gap: 24px
}

.main-page-block2__title[data-v-9b5bd171] {
    line-height: 95px
}

.main-page-block2__btn[data-v-9b5bd171] {
    min-width: 232px
}

@media screen and (max-width: 920px) {
    .main-page-block2[data-v-9b5bd171] {
        display:none
    }
}

[data-v-a126bbce]:root {
    --tablet-breakpoint: 920px
}

.main-page-block3[data-v-a126bbce] {
    position: relative;
    padding-left: 484px
}

.main-page-block3__img[data-v-a126bbce] {
    position: absolute;
    height: 100%;
    width: 432px;
    border-radius: 28px;
    overflow: hidden;
    top: 0;
    left: 20px
}

.main-page-block3__img[data-v-a126bbce] img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover
}

.main-page-block3__text[data-v-a126bbce] {
    max-width: 470px;
    margin-top: 245px;
    color: #123670;
    margin-bottom: 28px
}

.main-page-block3__btn[data-v-a126bbce] {
    min-width: 248px
}

@media screen and (max-width: 1000px) {
    .main-page-block3[data-v-a126bbce] {
        padding-left:20px
    }

    .main-page-block3__img[data-v-a126bbce] {
        display: none
    }

    .main-page-block3__title[data-v-a126bbce] {
        max-width: 550px
    }

    .main-page-block3__text[data-v-a126bbce] {
        max-width: 460px;
        margin-top: 16px;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 480px) {
    .main-page-block3__btn[data-v-a126bbce] {
        width:100%
    }
}

[data-v-a99d9668]:root {
    --tablet-breakpoint: 920px
}

.invest-indr-row[data-v-a99d9668] {
    padding: 12px 0;
    gap: 20px
}

.invest-indr-row__text[data-v-a99d9668] {
    color: #123670;
    max-width: 416px
}

.invest-indr-row__title[data-v-a99d9668] {
    max-width: 340px
}

@media screen and (max-width: 920px) {
    .invest-indr-row__text[data-v-a99d9668] {
        max-width:268px
    }

    .invest-indr-row__title[data-v-a99d9668] {
        max-width: 230px;
        margin-right: auto
    }
}

@media screen and (max-width: 660px) {
    .invest-indr-row[data-v-a99d9668] {
        flex-direction:column;
        align-items: flex-start;
        padding: 0;
        gap: 8px
    }

    .invest-indr-row__title[data-v-a99d9668] {
        max-width: 100%;
        margin-top: 8px
    }

    .invest-indr-row__text[data-v-a99d9668] {
        max-width: 100%
    }
}

[data-v-38948563]:root {
    --tablet-breakpoint: 920px
}

.invest-indr__content[data-v-38948563] {
    margin-top: 40px;
    gap: 20px
}

.invest-indr__btn[data-v-38948563] {
    min-width: 232px
}

.invest-indr__mob-btn[data-v-38948563] {
    display: none;
    min-width: 232px
}

@media screen and (max-width: 920px) {
    .invest-indr__btn[data-v-38948563] {
        display:none
    }

    .invest-indr__mob-btn[data-v-38948563] {
        display: block;
        margin-top: 40px
    }
}

@media screen and (max-width: 660px) {
    .invest-indr__content[data-v-38948563] {
        margin-top:36px;
        gap: 24px
    }
}




[data-v-84b34abb]:root {
    --tablet-breakpoint: 920px
}

.page-block-governor[data-v-84b34abb] {
    gap: 36px
}

.page-block-governor__img-wrap[data-v-84b34abb] {
    position: relative;
    height: 440px;
    width: 412px;
    min-width: 412px;
    border-radius: 24px;
    overflow: hidden
}

.page-block-governor__img-wrap[data-v-84b34abb] img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover
}

.page-block-governor__title[data-v-84b34abb] {
    max-width: 684px
}

.page-block-governor__text[data-v-84b34abb] {
    max-width: 270px
}

.page-block-governor__info[data-v-84b34abb] {
    gap: 12px
}

@media screen and (max-width: 920px) {
    .page-block-governor[data-v-84b34abb] {
        gap:12px
    }

    .page-block-governor__img-wrap[data-v-84b34abb] {
        min-width: 268px;
        width: 268px;
        height: 268px;
        border-radius: 16px
    }
}

@media screen and (max-width: 610px) {
    .page-block-governor[data-v-84b34abb] {
        flex-direction:column;
        gap: 28px
    }

    .page-block-governor__img-wrap[data-v-84b34abb] {
        width: 320px;
        height: 320px;
        max-width: 100%;
        min-width: 0
    }
}

[data-v-2f162918]:root {
    --tablet-breakpoint: 920px
}

.modal-content[data-v-2f162918] {
    background: #fff;
    padding: 24px 24px 32px;
    border-radius: 16px;
    width: auto;
    max-width: calc(100vw - 40px)
}

.modal-content--no-padding[data-v-2f162918] {
    padding: 0
}

.modal-content__head[data-v-2f162918] {
    position: relative;
    padding-right: 64px;
    margin-bottom: 20px;
    min-height: 36px
}

.modal-content__close[data-v-2f162918] {
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (max-width: 920px) {
    .modal-content[data-v-2f162918] {
        padding:16px
    }
}

[data-v-05c075f5]:root {
    --tablet-breakpoint: 920px
}

.partner-modal[data-v-05c075f5] {
    width: 420px
}

.partner-modal__text[data-v-05c075f5] {
    color: #123670
}

.partner-modal__content[data-v-05c075f5] {
    margin-top: 12px
}

.partner-modal__btn[data-v-05c075f5] {
    margin-top: 16px;
    width: 200px
}

@media screen and (max-width: 480px) {
    .partner-modal__btn[data-v-05c075f5] {
        width:100%
    }
}

.partner-modal__head[data-v-05c075f5] {
    gap: 20px
}

.partner-modal__logo[data-v-05c075f5] img {
    height: 40px;
    max-width: 80px;
    min-width: 40px
}

@media screen and (max-width: 920px) {
    .partner-modal[data-v-05c075f5] {
        width:100%
    }

    .partner-modal__head[data-v-05c075f5] {
        flex-direction: column;
        gap: 8px
    }
}

[data-v-29cbc8de]:root {
    --tablet-breakpoint: 920px
}

.partners[data-v-29cbc8de] {
    width: 100%;
    overflow: hidden
}

.partners__track[data-v-29cbc8de] {
    gap: 64px;
    display: flex;
    width: max-content;
    animation: scroll-29cbc8de linear infinite;
    animation-duration: 50s
}

@keyframes scroll-29cbc8de {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

.partners__logo[data-v-29cbc8de] {
    cursor: pointer;
    height: 100px;
    width: auto
}

@media screen and (max-width: 920px) {
    .partners__logo[data-v-29cbc8de] {
        height:50px
    }
}

[data-v-05ec2fc3]:root {
    --tablet-breakpoint: 920px
}

.main-page[data-v-05ec2fc3] {
    padding-top: 64px
}

/* @media screen and (max-width: 1320px) {
    .main-page[data-v-05ec2fc3] {
        padding-top:calc(20px + 44 * (100vw - 768px) / 552)
    }
}

@media screen and (max-width: 768px) {
    .main-page[data-v-05ec2fc3] {
        padding-top:20px
    }
} */

.main-page[data-v-05ec2fc3] {
    padding-bottom: 40px;
    position: relative
}

/* .main-page__btns[data-v-05ec2fc3] {
    gap: 12px;
    position: fixed;
    z-index: 10;
    bottom: 64px;
    right: 52px
}

@media screen and (max-width: 920px) {
    .main-page__btns[data-v-05ec2fc3] {
        right:32px
    }
}

@media screen and (max-width: 480px) {
    .main-page__btns[data-v-05ec2fc3] {
        right:20px
    }
} */

[data-v-b92fd6e9]:root {
    --tablet-breakpoint: 920px
}

.checkbox-component[data-v-b92fd6e9] * .q-checkbox__icon {
    color: currentColor;
    font-size: 16px
}

.checkbox-component[data-v-b92fd6e9] * .q-checkbox__bg {
    border-radius: 3px
}

.checkbox-component--size-small[data-v-b92fd6e9] .q-checkbox__inner,.checkbox-component--size-small[data-v-b92fd6e9] .q-checkbox__icon {
    font-size: 16px
}

.checkbox-component--size-medium[data-v-b92fd6e9] .q-checkbox__inner,.checkbox-component--size-medium[data-v-b92fd6e9] .q-checkbox__icon {
    font-size: 20px
}

.checkbox-component--size-large[data-v-b92fd6e9] .q-checkbox__inner,.checkbox-component--size-large[data-v-b92fd6e9] .q-checkbox__icon {
    font-size: 24px
}

@media screen and (max-width: 920px) {
    .checkbox-component[data-v-b92fd6e9] * .q-checkbox__inner,.checkbox-component[data-v-b92fd6e9] * .q-checkbox__icon {
        font-size:24px
    }
}

:root {
    --tablet-breakpoint: 920px
}

.checkbox-component {
    color: #2f8eed;
    gap: 8px
}

.checkbox-component .no-outline {
    display: none
}

.checkbox-component .q-checkbox__inner:before {
    display: none
}

.checkbox-component .q-checkbox__label {
    font-weight: 500;
    font-size: 16px;
    font-variant-numeric: lining-nums proportional-nums
}

.checkbox-component:not(.disabled) .q-checkbox__label {
    color: #0a1a3e
}

.checkbox-component.disabled {
    color: #d2d2d2;
    opacity: 1!important
}

@media screen and (max-width: 920px) {
    .checkbox-component {
        gap:0
    }

    .checkbox-component .q-checkbox__inner {
        font-size: 40px!important
    }
}

.checkbox-component--color-tertiary .q-checkbox__inner--indet,.checkbox-component--color-tertiary .q-checkbox__inner--falsy {
    color: #d0d5dd
}

.checkbox-component--color-secondary .q-checkbox__inner--indet,.checkbox-component--color-secondary .q-checkbox__inner--falsy {
    color: #123670
}

.checkbox-component--color-primary .q-checkbox__inner--indet,.checkbox-component--color-primary .q-checkbox__inner--falsy {
    color: #2f8eed
}

.checkbox-component--color-dark-primary .q-checkbox__inner--falsy,.checkbox-component--color-dark-primary .q-checkbox__inner--indet {
    color: #0a1a3e
}

.checkbox-component--color-dark-primary .q-checkbox__inner--truthy {
    color: #2f8eed
}

/* End */


/* Start:/local/templates/main_b2b/css/footer.css?17847966211715*/
.footer-email-form__subtext {
    max-width: none;
}

.footer-email-form__subtext-text {
    white-space: nowrap;
}

@media (max-width: 480px) {
    /* На узких экранах строка в одну линию выталкивает страницу за пределы экрана */
    .footer-email-form__subtext-text {
        white-space: normal;
    }
}

.footer-email-form__subtext a,
.footer-email-form__subtext a:link,
.footer-email-form__subtext a:visited,
.footer-email-form__subtext a:hover,
.footer-email-form__subtext a:focus {
    color: inherit !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

.footer-form__btn {
    padding: 0 16px !important;
}

.b2b-footer .footer-form .q-field--outlined .q-field__control,
.b2b-footer .footer-email-form .q-field--outlined .q-field__control {
    border: 1px solid rgba(255, 255, 255, 0.9) !important;
    border-radius: 8px;
}

.b2b-footer .footer-form .q-field--outlined .q-field__control:before,
.b2b-footer .footer-form .q-field--outlined .q-field__control:after,
.b2b-footer .footer-email-form .q-field--outlined .q-field__control:before,
.b2b-footer .footer-email-form .q-field--outlined .q-field__control:after {
    border: none !important;
}

.b2b-footer .footer-form .q-field--focused .q-field__control,
.b2b-footer .footer-form .q-field__control:focus-within,
.b2b-footer .footer-email-form .q-field--focused .q-field__control,
.b2b-footer .footer-email-form .q-field__control:focus-within {
    border-color: #fff !important;
}

.b2b-footer .footer-form .q-field--error .q-field__control,
.b2b-footer .footer-email-form .q-field--error .q-field__control {
    border-color: #F04438 !important;
}

/* End */


/* Start:/local/bvi/css/bvi.css?177684852886654*/
/*!
 * Button visually impaired v1.0.0 (https://bvi.isvek.ru/)
 * Copyright 2014-2021 <bvi@isvek.ru>
 * Licensed under MIT (https://github.com/veks/button-visually-impaired-javascript/blob/master/LICENSE.md)
 */
/* html:not(.bvi-panel) {
  font-size: 100%;
}
html:not(.bvi-panel) *,
html:not(.bvi-panel) ::after,
html:not(.bvi-panel) ::before {
  box-sizing: border-box;
} */
html body .bvi-panel {
  font-family: Arial, serif !important;
  font-size: 1rem !important;
  padding: 0 0.5rem;
  color: black;
  top: 0;
  left: 0;
  right: 0;
  letter-spacing: 0;
  position: relative;
  text-shadow: none;
  line-height: normal;
  border: 0;
  margin-bottom: 0;
  background-color: #f7f7f7;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
  z-index: 999999 !important;
}
html body .bvi-panel * {
  font-family: Arial, serif !important;
  font-size: 1rem !important;
}
html body .bvi-panel.bvi-fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999999;
}
html body .bvi-panel.bvi-panel-hide {
  display: none;
}
html body .bvi-panel a {
  color: black !important;
  outline: 0 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
html body .bvi-panel a:hover, html body .bvi-panel a:focus {
  color: black !important;
  outline: 0 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
html body .bvi-panel a.bvi-link {
  display: inline-block;
  line-height: 1.5;
  font-size: 0.875rem !important;
  color: #212529 !important;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #e0e0e0 !important;
  border: 1px solid #c6c6c6 !important;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  position: relative;
  font-weight: bold;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
html body .bvi-panel a.bvi-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
html body .bvi-panel a.bvi-link:hover, html body .bvi-panel a.bvi-link:focus {
  background-color: #b6b6b6 !important;
}
html body .bvi-panel a.bvi-link.active {
  color: #212529 !important;
  background-color: #b6b6b6 !important;
}
html body .bvi-panel a.bvi-link.bvi-theme-white {
  background-color: #ffffff !important;
  color: #000000 !important;
}
html body .bvi-panel a.bvi-link.bvi-theme-black {
  background-color: #000000 !important;
  color: #ffffff !important;
}
html body .bvi-panel a.bvi-link.bvi-theme-blue {
  background-color: #9DD1FF !important;
  color: #063462 !important;
}
html body .bvi-panel a.bvi-link.bvi-theme-brown {
  background-color: #F7F3D6 !important;
  color: #4D4B43 !important;
}
html body .bvi-panel a.bvi-link.bvi-theme-green {
  background-color: #3B2716 !important;
  color: #A9E44D !important;
}
html body .bvi-panel .bvi-blocks {
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-flow: row wrap;
}
html body .bvi-panel .bvi-blocks.bvi-block-start {
  justify-content: flex-start;
}
html body .bvi-panel .bvi-blocks.bvi-block-center {
  justify-content: center;
}
html body .bvi-panel .bvi-blocks.bvi-block-end {
  justify-content: flex-end;
}
html body .bvi-panel .bvi-block {
  padding: 0.688rem 0.938rem;
}
html body .bvi-panel .bvi-block .bvi-block-title {
  text-align: center;
  font-weight: 600 !important;
  font-size: 1rem !important;
  display: block;
  margin-bottom: 0.5rem;
}
html body .bvi-panel .bvi-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  visibility: hidden;
  z-index: 1050;
  outline: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 200ms ease-in;
  -moz-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
}
html body .bvi-panel .bvi-modal.show {
  visibility: visible;
  opacity: 1;
}
html body .bvi-panel .bvi-modal .bvi-modal-dialog {
  max-width: 500px;
  margin: 1.75rem auto;
  display: flex;
  align-items: center;
  height: calc(100% - 3.5rem);
  pointer-events: none;
}
html body .bvi-panel .bvi-modal .bvi-modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
  max-height: 100%;
  overflow: hidden;
}
html body .bvi-panel .bvi-modal .bvi-modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 0.8rem 0.8rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
}
html body .bvi-panel .bvi-modal .bvi-modal-title {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 1.25rem;
  font-weight: 600;
  color: black;
}
html body .bvi-panel .bvi-modal .bvi-modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
  overflow-y: auto;
}
html body .bvi-panel .bvi-modal .bvi-modal-body::-webkit-scrollbar {
  width: 0.5rem;
  background-color: transparent;
  opacity: 0;
}
html body .bvi-panel .bvi-modal .bvi-modal-body::-webkit-scrollbar-thumb {
  background-color: #dee2e6;
  border-radius: 0.25rem;
}
html body .bvi-panel .bvi-modal .bvi-modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.8rem 0.8rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(.3rem - 1px);
  border-bottom-left-radius: calc(.3rem - 1px);
}
html body .bvi-panel .bvi-modal .bvi-modal-close {
  float: right;
  font-size: 1.2rem !important;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
html body .bvi-panel .bvi-modal .bvi-modal-close:focus, html body .bvi-panel .bvi-modal .bvi-modal-close:hover {
  cursor: pointer;
  opacity: 0.75;
}

body.bvi-active {
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
}
body.bvi-active.bvi-noscroll {
  overflow: hidden !important;
}
body .bvi-body {
  padding: 0 0.5rem;
}
body .bvi-body[data-bvi-theme=white]:not(.eye-no-styles) {
  background-color: #ffffff !important;
  color: #000000 !important;
  fill: #000000 !important;
  border-color: #000000 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles):not(ymaps) {
  background-color: #ffffff !important;
  color: #000000 !important;
  fill: #000000 !important;
  border-color: #000000 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) .bvi-speech-link,
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) .bvi-speech-text {
  border-color: #000000;
}
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles) {
  color: #000000 !important;
  background-color: transparent !important;
  text-underline: none !important;
  outline: 0 !important;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles).disabled {
  color: rgba(0, 0, 0, 0.5) !important;
  border: 1px solid rgba(0, 0, 0, 0.5) !important;
  pointer-events: none;
  cursor: no-drop;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles).disabled:focus {
  color: rgba(0, 0, 0, 0.5) !important;
  border: 1px solid rgba(0, 0, 0, 0.5) !important;
  text-underline: none !important;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles):hover {
  color: #ffffff !important;
  background-color: #000000 !important;
  text-underline: none !important;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles):focus {
  color: #000000 !important;
  background-color: #ffffff !important;
  text-underline: none !important;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :checked:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :default:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :disabled:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :empty:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :enabled:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :first-child:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :first-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :focus:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :indeterminate:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :hover:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :last-child:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :last-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :link:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :nth-last-child:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :nth-last-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :nth-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :only-child:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :only-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :optional:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :read-write:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :required:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :root:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :target:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :valid:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :visited:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :first-child:first-letter:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) :default:not(.eye-no-styles) {
  background-color: #ffffff !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-color: #000000 !important;
  color: #000000 !important;
  fill: #000000 !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles)::after:not(.eye-no-styles) {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #000000 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles)::before:not(.eye-no-styles) {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #000000 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles)::selection:not(.eye-no-styles) {
  background-color: #000000 !important;
  color: #ffffff !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) a:not(.eye-no-styles) {
  outline: 0 !important;
  color: #000000 !important;
  background-color: transparent !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) a:not(.eye-no-styles).active {
  color: #000000 !important;
  background-color: #ffffff !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) a:not(.eye-no-styles):hover:not(.eye-no-styles) {
  /* color: #ffffff !important;
  background-color: #000000 !important; */
  text-decoration: underline;
  text-underline-offset: 4px;
}
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) a:not(.eye-no-styles):hover:not(.eye-no-styles):after {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) a:not(.eye-no-styles):hover:not(.eye-no-styles):before {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) button:not(.eye-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) input[type=submit]:not(.eye-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) input[type=button]:not(.eye-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) button[type=submit]:not(.eye-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) button[type=button]:not(.eye-no-styles) {
  color: #ffffff !important;
  background-color: #000000 !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) button:hover.active, body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) input[type=button]:hover:not(.eye-no-styles).active, body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) input[type=submit]:hover:not(.eye-no-styles).active, body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) button[type=submit]:hover:not(.eye-no-styles).active, body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) button[type=button]:hover:not(.eye-no-styles).active {
  color: #ffffff !important;
  background-color: #000000 !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) button:hover:hover, body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) input[type=button]:hover:not(.eye-no-styles):hover, body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) input[type=submit]:hover:not(.eye-no-styles):hover, body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) button[type=submit]:hover:not(.eye-no-styles):hover, body .bvi-body[data-bvi-theme=white] *:not(.eye-no-styles) button[type=button]:hover:not(.eye-no-styles):hover {
  color: #ffffff !important;
  background-color: #000000 !important;
}
body .bvi-body[data-bvi-theme=black]:not(.eye-no-styles) {
  background-color: #000000 !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  border-color: #ffffff !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles):not(ymaps) {
  background-color: #000000 !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  border-color: #ffffff !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) .bvi-speech-link,
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) .bvi-speech-text {
  border-color: #ffffff;
}
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles) {
  color: #ffffff !important;
  background-color: transparent !important;
  text-underline: none !important;
  outline: 0 !important;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles).disabled {
  color: rgba(255, 255, 255, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  pointer-events: none;
  cursor: no-drop;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles).disabled:focus {
  color: rgba(255, 255, 255, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  text-underline: none !important;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles):hover {
  color: #000000 !important;
  background-color: #ffffff !important;
  text-underline: none !important;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles):focus {
  color: #ffffff !important;
  background-color: #000000 !important;
  text-underline: none !important;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :checked:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :default:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :disabled:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :empty:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :enabled:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :first-child:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :first-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :focus:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :indeterminate:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :hover:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :last-child:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :last-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :link:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :nth-last-child:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :nth-last-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :nth-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :only-child:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :only-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :optional:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :read-write:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :required:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :root:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :target:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :valid:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :visited:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :first-child:first-letter:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) :default:not(.eye-no-styles) {
  background-color: #000000 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  fill: #ffffff !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles)::after:not(.eye-no-styles) {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles)::before:not(.eye-no-styles) {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles)::selection:not(.eye-no-styles) {
  background-color: #ffffff !important;
  color: #000000 !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) a:not(.eye-no-styles) {
  outline: 0 !important;
  color: #ffffff !important;
  background-color: transparent !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) a:not(.eye-no-styles).active {
  color: #ffffff !important;
  background-color: #000000 !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) a:not(.eye-no-styles):hover:not(.eye-no-styles) {
  /* color: #000000 !important;
  background-color: #ffffff !important; */
  text-decoration: underline;
  text-underline-offset: 4px;
}
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) a:not(.eye-no-styles):hover:not(.eye-no-styles):after {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #000000 !important;
  border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) a:not(.eye-no-styles):hover:not(.eye-no-styles):before {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #000000 !important;
  border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) button:not(.eye-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) input[type=submit]:not(.eye-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) input[type=button]:not(.eye-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) button[type=submit]:not(.eye-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) button[type=button]:not(.eye-no-styles) {
  color: #000000 !important;
  background-color: #ffffff !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) button:hover.active, body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) input[type=button]:hover:not(.eye-no-styles).active, body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) input[type=submit]:hover:not(.eye-no-styles).active, body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) button[type=submit]:hover:not(.eye-no-styles).active, body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) button[type=button]:hover:not(.eye-no-styles).active {
  color: #000000 !important;
  background-color: #ffffff !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) button:hover:hover, body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) input[type=button]:hover:not(.eye-no-styles):hover, body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) input[type=submit]:hover:not(.eye-no-styles):hover, body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) button[type=submit]:hover:not(.eye-no-styles):hover, body .bvi-body[data-bvi-theme=black] *:not(.eye-no-styles) button[type=button]:hover:not(.eye-no-styles):hover {
  color: #000000 !important;
  background-color: #ffffff !important;
}
body .bvi-body[data-bvi-theme=blue]:not(.eye-no-styles) {
  background-color: #9DD1FF !important;
  color: #063462 !important;
  fill: #063462 !important;
  border-color: #063462 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles):not(ymaps) {
  background-color: #9DD1FF !important;
  color: #063462 !important;
  fill: #063462 !important;
  border-color: #063462 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) .bvi-speech-link,
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) .bvi-speech-text {
  border-color: #063462;
}
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles) {
  color: #063462 !important;
  background-color: transparent !important;
  text-underline: none !important;
  outline: 0 !important;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles).disabled {
  color: rgba(6, 52, 98, 0.5) !important;
  border: 1px solid rgba(6, 52, 98, 0.5) !important;
  pointer-events: none;
  cursor: no-drop;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles).disabled:focus {
  color: rgba(6, 52, 98, 0.5) !important;
  border: 1px solid rgba(6, 52, 98, 0.5) !important;
  text-underline: none !important;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles):hover {
  color: #9DD1FF !important;
  background-color: #063462 !important;
  text-underline: none !important;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles):focus {
  color: #063462 !important;
  background-color: #9DD1FF !important;
  text-underline: none !important;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :checked:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :default:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :disabled:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :empty:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :enabled:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :first-child:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :first-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :focus:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :indeterminate:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :hover:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :last-child:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :last-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :link:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :nth-last-child:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :nth-last-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :nth-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :only-child:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :only-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :optional:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :read-write:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :required:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :root:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :target:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :valid:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :visited:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :first-child:first-letter:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) :default:not(.eye-no-styles) {
  background-color: #9DD1FF !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-color: #063462 !important;
  color: #063462 !important;
  fill: #063462 !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles)::after:not(.eye-no-styles) {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #063462 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles)::before:not(.eye-no-styles) {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #063462 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles)::selection:not(.eye-no-styles) {
  background-color: #063462 !important;
  color: #9DD1FF !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) a:not(.eye-no-styles) {
  outline: 0 !important;
  color: #063462 !important;
  background-color: transparent !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) a:not(.eye-no-styles).active {
  color: #063462 !important;
  background-color: #9DD1FF !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) a:not(.eye-no-styles):hover:not(.eye-no-styles) {
  /* color: #9DD1FF !important;
  background-color: #063462 !important; */
  text-decoration: underline;
  text-underline-offset: 4px;
}
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) a:not(.eye-no-styles):hover:not(.eye-no-styles):after {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #9DD1FF !important;
  border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) a:not(.eye-no-styles):hover:not(.eye-no-styles):before {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #9DD1FF !important;
  border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) button:not(.eye-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) input[type=submit]:not(.eye-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) input[type=button]:not(.eye-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) button[type=submit]:not(.eye-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) button[type=button]:not(.eye-no-styles) {
  color: #9DD1FF !important;
  background-color: #063462 !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) button:hover.active, body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) input[type=button]:hover:not(.eye-no-styles).active, body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) input[type=submit]:hover:not(.eye-no-styles).active, body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) button[type=submit]:hover:not(.eye-no-styles).active, body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) button[type=button]:hover:not(.eye-no-styles).active {
  color: #9DD1FF !important;
  background-color: #063462 !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) button:hover:hover, body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) input[type=button]:hover:not(.eye-no-styles):hover, body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) input[type=submit]:hover:not(.eye-no-styles):hover, body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) button[type=submit]:hover:not(.eye-no-styles):hover, body .bvi-body[data-bvi-theme=blue] *:not(.eye-no-styles) button[type=button]:hover:not(.eye-no-styles):hover {
  color: #9DD1FF !important;
  background-color: #063462 !important;
}
body .bvi-body[data-bvi-theme=brown]:not(.eye-no-styles) {
  background-color: #F7F3D6 !important;
  color: #4D4B43 !important;
  fill: #4D4B43 !important;
  border-color: #4D4B43 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) {
  background-color: #F7F3D6 !important;
  color: #4D4B43 !important;
  fill: #4D4B43 !important;
  border-color: #4D4B43 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) .bvi-speech-link,
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) .bvi-speech-text {
  border-color: #4D4B43;
}
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles) {
  color: #4D4B43 !important;
  background-color: transparent !important;
  text-underline: none !important;
  outline: 0 !important;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles).disabled {
  color: rgba(77, 75, 67, 0.5) !important;
  border: 1px solid rgba(77, 75, 67, 0.5) !important;
  pointer-events: none;
  cursor: no-drop;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles).disabled:focus {
  color: rgba(77, 75, 67, 0.5) !important;
  border: 1px solid rgba(77, 75, 67, 0.5) !important;
  text-underline: none !important;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles):hover {
  color: #F7F3D6 !important;
  background-color: #4D4B43 !important;
  text-underline: none !important;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles):focus {
  color: #4D4B43 !important;
  background-color: #F7F3D6 !important;
  text-underline: none !important;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :checked:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :default:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :disabled:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :empty:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :enabled:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :first-child:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :first-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :focus:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :indeterminate:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :hover:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :last-child:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :last-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :link:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :nth-last-child:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :nth-last-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :nth-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :only-child:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :only-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :optional:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :read-write:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :required:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :root:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :target:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :valid:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :visited:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :first-child:first-letter:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) :default:not(.eye-no-styles) {
  background-color: #F7F3D6 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-color: #4D4B43 !important;
  color: #4D4B43 !important;
  fill: #4D4B43 !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles)::after:not(.eye-no-styles) {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #4D4B43 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles)::before:not(.eye-no-styles) {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #4D4B43 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles)::selection:not(.eye-no-styles) {
  background-color: #4D4B43 !important;
  color: #F7F3D6 !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) a:not(.eye-no-styles) {
  outline: 0 !important;
  color: #4D4B43 !important;
  background-color: transparent !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) a:not(.eye-no-styles).active {
  color: #4D4B43 !important;
  background-color: #F7F3D6 !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) a:not(.eye-no-styles):hover:not(.eye-no-styles) {
  color: #F7F3D6 !important;
  background-color: #4D4B43 !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) a:not(.eye-no-styles):hover:not(.eye-no-styles):after {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #F7F3D6 !important;
  border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) a:not(.eye-no-styles):hover:not(.eye-no-styles):before {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #F7F3D6 !important;
  border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) button:not(.eye-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) input[type=submit]:not(.eye-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) input[type=button]:not(.eye-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) button[type=submit]:not(.eye-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) button[type=button]:not(.eye-no-styles) {
  color: #F7F3D6 !important;
  background-color: #4D4B43 !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) button:hover.active, body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) input[type=button]:hover:not(.eye-no-styles).active, body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) input[type=submit]:hover:not(.eye-no-styles).active, body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) button[type=submit]:hover:not(.eye-no-styles).active, body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) button[type=button]:hover:not(.eye-no-styles).active {
  color: #F7F3D6 !important;
  background-color: #4D4B43 !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) button:hover:hover, body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) input[type=button]:hover:not(.eye-no-styles):hover, body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) input[type=submit]:hover:not(.eye-no-styles):hover, body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) button[type=submit]:hover:not(.eye-no-styles):hover, body .bvi-body[data-bvi-theme=brown] *:not(.eye-no-styles) button[type=button]:hover:not(.eye-no-styles):hover {
  color: #F7F3D6 !important;
  background-color: #4D4B43 !important;
}
body .bvi-body[data-bvi-theme=green]:not(.eye-no-styles) {
  background-color: #3B2716 !important;
  color: #A9E44D !important;
  fill: #A9E44D !important;
  border-color: #A9E44D !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) {
  background-color: #3B2716 !important;
  color: #A9E44D !important;
  fill: #A9E44D !important;
  border-color: #A9E44D !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) .bvi-speech-link,
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) .bvi-speech-text {
  border-color: #A9E44D;
}
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles) {
  color: #A9E44D !important;
  background-color: transparent !important;
  text-underline: none !important;
  outline: 0 !important;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles).disabled {
  color: rgba(169, 228, 77, 0.5) !important;
  border: 1px solid rgba(169, 228, 77, 0.5) !important;
  pointer-events: none;
  cursor: no-drop;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles).disabled:focus {
  color: rgba(169, 228, 77, 0.5) !important;
  border: 1px solid rgba(169, 228, 77, 0.5) !important;
  text-underline: none !important;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles):hover {
  color: #3B2716 !important;
  background-color: #A9E44D !important;
  text-underline: none !important;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) .bvi-link:not(.eye-no-styles):focus {
  color: #A9E44D !important;
  background-color: #3B2716 !important;
  text-underline: none !important;
  text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :checked:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :default:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :disabled:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :empty:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :enabled:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :first-child:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :first-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :focus:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :indeterminate:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :hover:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :last-child:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :last-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :link:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :nth-last-child:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :nth-last-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :nth-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :only-child:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :only-of-type:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :optional:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :read-write:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :required:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :root:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :target:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :valid:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :visited:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :first-child:first-letter:not(.eye-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) :default:not(.eye-no-styles) {
  background-color: #3B2716 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-color: #A9E44D !important;
  color: #A9E44D !important;
  fill: #A9E44D !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles)::after:not(.eye-no-styles) {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #A9E44D !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles)::before:not(.eye-no-styles) {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #A9E44D !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles)::selection:not(.eye-no-styles) {
  background-color: #A9E44D !important;
  color: #3B2716 !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) a:not(.eye-no-styles) {
  outline: 0 !important;
  color: #A9E44D !important;
  background-color: transparent !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) a:not(.eye-no-styles).active {
  color: #A9E44D !important;
  background-color: #3B2716 !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) a:not(.eye-no-styles):hover:not(.eye-no-styles) {
  color: #3B2716 !important;
  background-color: #A9E44D !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) a:not(.eye-no-styles):hover:not(.eye-no-styles):after {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #3B2716 !important;
  border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) a:not(.eye-no-styles):hover:not(.eye-no-styles):before {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #3B2716 !important;
  border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) button:not(.eye-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) input[type=submit]:not(.eye-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) input[type=button]:not(.eye-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) button[type=submit]:not(.eye-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) button[type=button]:not(.eye-no-styles) {
  color: #3B2716 !important;
  background-color: #A9E44D !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) button:hover.active, body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) input[type=button]:hover:not(.eye-no-styles).active, body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) input[type=submit]:hover:not(.eye-no-styles).active, body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) button[type=submit]:hover:not(.eye-no-styles).active, body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) button[type=button]:hover:not(.eye-no-styles).active {
  color: #3B2716 !important;
  background-color: #A9E44D !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) button:hover:hover, body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) input[type=button]:hover:not(.eye-no-styles):hover, body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) input[type=submit]:hover:not(.eye-no-styles):hover, body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) button[type=submit]:hover:not(.eye-no-styles):hover, body .bvi-body[data-bvi-theme=green] *:not(.eye-no-styles) button[type=button]:hover:not(.eye-no-styles):hover {
  color: #3B2716 !important;
  background-color: #A9E44D !important;
}
body .bvi-body[data-bvi-fontsize="40"] * {
  font-size: 40px !important;
}
body .bvi-body[data-bvi-fontsize="40"] * h1,
body .bvi-body[data-bvi-fontsize="40"] * h1 * {
  font-size: 47px !important;
}
body .bvi-body[data-bvi-fontsize="40"] * h2,
body .bvi-body[data-bvi-fontsize="40"] * h2 * {
  font-size: 46px !important;
}
body .bvi-body[data-bvi-fontsize="40"] * h3,
body .bvi-body[data-bvi-fontsize="40"] * h3 * {
  font-size: 45px !important;
}
body .bvi-body[data-bvi-fontsize="40"] * h4,
body .bvi-body[data-bvi-fontsize="40"] * h4 * {
  font-size: 44px !important;
}
body .bvi-body[data-bvi-fontsize="40"] * h5,
body .bvi-body[data-bvi-fontsize="40"] * h5 * {
  font-size: 43px !important;
}
body .bvi-body[data-bvi-fontsize="40"] * h6,
body .bvi-body[data-bvi-fontsize="40"] * h6 * {
  font-size: 42px !important;
}
body .bvi-body[data-bvi-fontsize="39"] * {
  font-size: 39px !important;
}
body .bvi-body[data-bvi-fontsize="39"] * h1,
body .bvi-body[data-bvi-fontsize="39"] * h1 * {
  font-size: 46px !important;
}
body .bvi-body[data-bvi-fontsize="39"] * h2,
body .bvi-body[data-bvi-fontsize="39"] * h2 * {
  font-size: 45px !important;
}
body .bvi-body[data-bvi-fontsize="39"] * h3,
body .bvi-body[data-bvi-fontsize="39"] * h3 * {
  font-size: 44px !important;
}
body .bvi-body[data-bvi-fontsize="39"] * h4,
body .bvi-body[data-bvi-fontsize="39"] * h4 * {
  font-size: 43px !important;
}
body .bvi-body[data-bvi-fontsize="39"] * h5,
body .bvi-body[data-bvi-fontsize="39"] * h5 * {
  font-size: 42px !important;
}
body .bvi-body[data-bvi-fontsize="39"] * h6,
body .bvi-body[data-bvi-fontsize="39"] * h6 * {
  font-size: 41px !important;
}
body .bvi-body[data-bvi-fontsize="38"] * {
  font-size: 38px !important;
}
body .bvi-body[data-bvi-fontsize="38"] * h1,
body .bvi-body[data-bvi-fontsize="38"] * h1 * {
  font-size: 45px !important;
}
body .bvi-body[data-bvi-fontsize="38"] * h2,
body .bvi-body[data-bvi-fontsize="38"] * h2 * {
  font-size: 44px !important;
}
body .bvi-body[data-bvi-fontsize="38"] * h3,
body .bvi-body[data-bvi-fontsize="38"] * h3 * {
  font-size: 43px !important;
}
body .bvi-body[data-bvi-fontsize="38"] * h4,
body .bvi-body[data-bvi-fontsize="38"] * h4 * {
  font-size: 42px !important;
}
body .bvi-body[data-bvi-fontsize="38"] * h5,
body .bvi-body[data-bvi-fontsize="38"] * h5 * {
  font-size: 41px !important;
}
body .bvi-body[data-bvi-fontsize="38"] * h6,
body .bvi-body[data-bvi-fontsize="38"] * h6 * {
  font-size: 40px !important;
}
body .bvi-body[data-bvi-fontsize="37"] * {
  font-size: 37px !important;
}
body .bvi-body[data-bvi-fontsize="37"] * h1,
body .bvi-body[data-bvi-fontsize="37"] * h1 * {
  font-size: 44px !important;
}
body .bvi-body[data-bvi-fontsize="37"] * h2,
body .bvi-body[data-bvi-fontsize="37"] * h2 * {
  font-size: 43px !important;
}
body .bvi-body[data-bvi-fontsize="37"] * h3,
body .bvi-body[data-bvi-fontsize="37"] * h3 * {
  font-size: 42px !important;
}
body .bvi-body[data-bvi-fontsize="37"] * h4,
body .bvi-body[data-bvi-fontsize="37"] * h4 * {
  font-size: 41px !important;
}
body .bvi-body[data-bvi-fontsize="37"] * h5,
body .bvi-body[data-bvi-fontsize="37"] * h5 * {
  font-size: 40px !important;
}
body .bvi-body[data-bvi-fontsize="37"] * h6,
body .bvi-body[data-bvi-fontsize="37"] * h6 * {
  font-size: 39px !important;
}
body .bvi-body[data-bvi-fontsize="36"] * {
  font-size: 36px !important;
}
body .bvi-body[data-bvi-fontsize="36"] * h1,
body .bvi-body[data-bvi-fontsize="36"] * h1 * {
  font-size: 43px !important;
}
body .bvi-body[data-bvi-fontsize="36"] * h2,
body .bvi-body[data-bvi-fontsize="36"] * h2 * {
  font-size: 42px !important;
}
body .bvi-body[data-bvi-fontsize="36"] * h3,
body .bvi-body[data-bvi-fontsize="36"] * h3 * {
  font-size: 41px !important;
}
body .bvi-body[data-bvi-fontsize="36"] * h4,
body .bvi-body[data-bvi-fontsize="36"] * h4 * {
  font-size: 40px !important;
}
body .bvi-body[data-bvi-fontsize="36"] * h5,
body .bvi-body[data-bvi-fontsize="36"] * h5 * {
  font-size: 39px !important;
}
body .bvi-body[data-bvi-fontsize="36"] * h6,
body .bvi-body[data-bvi-fontsize="36"] * h6 * {
  font-size: 38px !important;
}
body .bvi-body[data-bvi-fontsize="35"] * {
  font-size: 35px !important;
}
body .bvi-body[data-bvi-fontsize="35"] * h1,
body .bvi-body[data-bvi-fontsize="35"] * h1 * {
  font-size: 42px !important;
}
body .bvi-body[data-bvi-fontsize="35"] * h2,
body .bvi-body[data-bvi-fontsize="35"] * h2 * {
  font-size: 41px !important;
}
body .bvi-body[data-bvi-fontsize="35"] * h3,
body .bvi-body[data-bvi-fontsize="35"] * h3 * {
  font-size: 40px !important;
}
body .bvi-body[data-bvi-fontsize="35"] * h4,
body .bvi-body[data-bvi-fontsize="35"] * h4 * {
  font-size: 39px !important;
}
body .bvi-body[data-bvi-fontsize="35"] * h5,
body .bvi-body[data-bvi-fontsize="35"] * h5 * {
  font-size: 38px !important;
}
body .bvi-body[data-bvi-fontsize="35"] * h6,
body .bvi-body[data-bvi-fontsize="35"] * h6 * {
  font-size: 37px !important;
}
body .bvi-body[data-bvi-fontsize="34"] * {
  font-size: 34px !important;
}
body .bvi-body[data-bvi-fontsize="34"] * h1,
body .bvi-body[data-bvi-fontsize="34"] * h1 * {
  font-size: 41px !important;
}
body .bvi-body[data-bvi-fontsize="34"] * h2,
body .bvi-body[data-bvi-fontsize="34"] * h2 * {
  font-size: 40px !important;
}
body .bvi-body[data-bvi-fontsize="34"] * h3,
body .bvi-body[data-bvi-fontsize="34"] * h3 * {
  font-size: 39px !important;
}
body .bvi-body[data-bvi-fontsize="34"] * h4,
body .bvi-body[data-bvi-fontsize="34"] * h4 * {
  font-size: 38px !important;
}
body .bvi-body[data-bvi-fontsize="34"] * h5,
body .bvi-body[data-bvi-fontsize="34"] * h5 * {
  font-size: 37px !important;
}
body .bvi-body[data-bvi-fontsize="34"] * h6,
body .bvi-body[data-bvi-fontsize="34"] * h6 * {
  font-size: 36px !important;
}
body .bvi-body[data-bvi-fontsize="33"] * {
  font-size: 33px !important;
}
body .bvi-body[data-bvi-fontsize="33"] * h1,
body .bvi-body[data-bvi-fontsize="33"] * h1 * {
  font-size: 40px !important;
}
body .bvi-body[data-bvi-fontsize="33"] * h2,
body .bvi-body[data-bvi-fontsize="33"] * h2 * {
  font-size: 39px !important;
}
body .bvi-body[data-bvi-fontsize="33"] * h3,
body .bvi-body[data-bvi-fontsize="33"] * h3 * {
  font-size: 38px !important;
}
body .bvi-body[data-bvi-fontsize="33"] * h4,
body .bvi-body[data-bvi-fontsize="33"] * h4 * {
  font-size: 37px !important;
}
body .bvi-body[data-bvi-fontsize="33"] * h5,
body .bvi-body[data-bvi-fontsize="33"] * h5 * {
  font-size: 36px !important;
}
body .bvi-body[data-bvi-fontsize="33"] * h6,
body .bvi-body[data-bvi-fontsize="33"] * h6 * {
  font-size: 35px !important;
}
body .bvi-body[data-bvi-fontsize="32"] * {
  font-size: 32px !important;
}
body .bvi-body[data-bvi-fontsize="32"] * h1,
body .bvi-body[data-bvi-fontsize="32"] * h1 * {
  font-size: 39px !important;
}
body .bvi-body[data-bvi-fontsize="32"] * h2,
body .bvi-body[data-bvi-fontsize="32"] * h2 * {
  font-size: 38px !important;
}
body .bvi-body[data-bvi-fontsize="32"] * h3,
body .bvi-body[data-bvi-fontsize="32"] * h3 * {
  font-size: 37px !important;
}
body .bvi-body[data-bvi-fontsize="32"] * h4,
body .bvi-body[data-bvi-fontsize="32"] * h4 * {
  font-size: 36px !important;
}
body .bvi-body[data-bvi-fontsize="32"] * h5,
body .bvi-body[data-bvi-fontsize="32"] * h5 * {
  font-size: 35px !important;
}
body .bvi-body[data-bvi-fontsize="32"] * h6,
body .bvi-body[data-bvi-fontsize="32"] * h6 * {
  font-size: 34px !important;
}
body .bvi-body[data-bvi-fontsize="31"] * {
  font-size: 31px !important;
}
body .bvi-body[data-bvi-fontsize="31"] * h1,
body .bvi-body[data-bvi-fontsize="31"] * h1 * {
  font-size: 38px !important;
}
body .bvi-body[data-bvi-fontsize="31"] * h2,
body .bvi-body[data-bvi-fontsize="31"] * h2 * {
  font-size: 37px !important;
}
body .bvi-body[data-bvi-fontsize="31"] * h3,
body .bvi-body[data-bvi-fontsize="31"] * h3 * {
  font-size: 36px !important;
}
body .bvi-body[data-bvi-fontsize="31"] * h4,
body .bvi-body[data-bvi-fontsize="31"] * h4 * {
  font-size: 35px !important;
}
body .bvi-body[data-bvi-fontsize="31"] * h5,
body .bvi-body[data-bvi-fontsize="31"] * h5 * {
  font-size: 34px !important;
}
body .bvi-body[data-bvi-fontsize="31"] * h6,
body .bvi-body[data-bvi-fontsize="31"] * h6 * {
  font-size: 33px !important;
}
body .bvi-body[data-bvi-fontsize="30"] * {
  font-size: 30px !important;
}
body .bvi-body[data-bvi-fontsize="30"] * h1,
body .bvi-body[data-bvi-fontsize="30"] * h1 * {
  font-size: 37px !important;
}
body .bvi-body[data-bvi-fontsize="30"] * h2,
body .bvi-body[data-bvi-fontsize="30"] * h2 * {
  font-size: 36px !important;
}
body .bvi-body[data-bvi-fontsize="30"] * h3,
body .bvi-body[data-bvi-fontsize="30"] * h3 * {
  font-size: 35px !important;
}
body .bvi-body[data-bvi-fontsize="30"] * h4,
body .bvi-body[data-bvi-fontsize="30"] * h4 * {
  font-size: 34px !important;
}
body .bvi-body[data-bvi-fontsize="30"] * h5,
body .bvi-body[data-bvi-fontsize="30"] * h5 * {
  font-size: 33px !important;
}
body .bvi-body[data-bvi-fontsize="30"] * h6,
body .bvi-body[data-bvi-fontsize="30"] * h6 * {
  font-size: 32px !important;
}
body .bvi-body[data-bvi-fontsize="29"] * {
  font-size: 29px !important;
}
body .bvi-body[data-bvi-fontsize="29"] * h1,
body .bvi-body[data-bvi-fontsize="29"] * h1 * {
  font-size: 36px !important;
}
body .bvi-body[data-bvi-fontsize="29"] * h2,
body .bvi-body[data-bvi-fontsize="29"] * h2 * {
  font-size: 35px !important;
}
body .bvi-body[data-bvi-fontsize="29"] * h3,
body .bvi-body[data-bvi-fontsize="29"] * h3 * {
  font-size: 34px !important;
}
body .bvi-body[data-bvi-fontsize="29"] * h4,
body .bvi-body[data-bvi-fontsize="29"] * h4 * {
  font-size: 33px !important;
}
body .bvi-body[data-bvi-fontsize="29"] * h5,
body .bvi-body[data-bvi-fontsize="29"] * h5 * {
  font-size: 32px !important;
}
body .bvi-body[data-bvi-fontsize="29"] * h6,
body .bvi-body[data-bvi-fontsize="29"] * h6 * {
  font-size: 31px !important;
}
body .bvi-body[data-bvi-fontsize="28"] * {
  font-size: 28px !important;
}
body .bvi-body[data-bvi-fontsize="28"] * h1,
body .bvi-body[data-bvi-fontsize="28"] * h1 * {
  font-size: 35px !important;
}
body .bvi-body[data-bvi-fontsize="28"] * h2,
body .bvi-body[data-bvi-fontsize="28"] * h2 * {
  font-size: 34px !important;
}
body .bvi-body[data-bvi-fontsize="28"] * h3,
body .bvi-body[data-bvi-fontsize="28"] * h3 * {
  font-size: 33px !important;
}
body .bvi-body[data-bvi-fontsize="28"] * h4,
body .bvi-body[data-bvi-fontsize="28"] * h4 * {
  font-size: 32px !important;
}
body .bvi-body[data-bvi-fontsize="28"] * h5,
body .bvi-body[data-bvi-fontsize="28"] * h5 * {
  font-size: 31px !important;
}
body .bvi-body[data-bvi-fontsize="28"] * h6,
body .bvi-body[data-bvi-fontsize="28"] * h6 * {
  font-size: 30px !important;
}
body .bvi-body[data-bvi-fontsize="27"] * {
  font-size: 27px !important;
}
body .bvi-body[data-bvi-fontsize="27"] * h1,
body .bvi-body[data-bvi-fontsize="27"] * h1 * {
  font-size: 34px !important;
}
body .bvi-body[data-bvi-fontsize="27"] * h2,
body .bvi-body[data-bvi-fontsize="27"] * h2 * {
  font-size: 33px !important;
}
body .bvi-body[data-bvi-fontsize="27"] * h3,
body .bvi-body[data-bvi-fontsize="27"] * h3 * {
  font-size: 32px !important;
}
body .bvi-body[data-bvi-fontsize="27"] * h4,
body .bvi-body[data-bvi-fontsize="27"] * h4 * {
  font-size: 31px !important;
}
body .bvi-body[data-bvi-fontsize="27"] * h5,
body .bvi-body[data-bvi-fontsize="27"] * h5 * {
  font-size: 30px !important;
}
body .bvi-body[data-bvi-fontsize="27"] * h6,
body .bvi-body[data-bvi-fontsize="27"] * h6 * {
  font-size: 29px !important;
}
body .bvi-body[data-bvi-fontsize="26"] * {
  font-size: 26px !important;
}
body .bvi-body[data-bvi-fontsize="26"] * h1,
body .bvi-body[data-bvi-fontsize="26"] * h1 * {
  font-size: 33px !important;
}
body .bvi-body[data-bvi-fontsize="26"] * h2,
body .bvi-body[data-bvi-fontsize="26"] * h2 * {
  font-size: 32px !important;
}
body .bvi-body[data-bvi-fontsize="26"] * h3,
body .bvi-body[data-bvi-fontsize="26"] * h3 * {
  font-size: 31px !important;
}
body .bvi-body[data-bvi-fontsize="26"] * h4,
body .bvi-body[data-bvi-fontsize="26"] * h4 * {
  font-size: 30px !important;
}
body .bvi-body[data-bvi-fontsize="26"] * h5,
body .bvi-body[data-bvi-fontsize="26"] * h5 * {
  font-size: 29px !important;
}
body .bvi-body[data-bvi-fontsize="26"] * h6,
body .bvi-body[data-bvi-fontsize="26"] * h6 * {
  font-size: 28px !important;
}
body .bvi-body[data-bvi-fontsize="25"] * {
  font-size: 25px !important;
}
body .bvi-body[data-bvi-fontsize="25"] * h1,
body .bvi-body[data-bvi-fontsize="25"] * h1 * {
  font-size: 32px !important;
}
body .bvi-body[data-bvi-fontsize="25"] * h2,
body .bvi-body[data-bvi-fontsize="25"] * h2 * {
  font-size: 31px !important;
}
body .bvi-body[data-bvi-fontsize="25"] * h3,
body .bvi-body[data-bvi-fontsize="25"] * h3 * {
  font-size: 30px !important;
}
body .bvi-body[data-bvi-fontsize="25"] * h4,
body .bvi-body[data-bvi-fontsize="25"] * h4 * {
  font-size: 29px !important;
}
body .bvi-body[data-bvi-fontsize="25"] * h5,
body .bvi-body[data-bvi-fontsize="25"] * h5 * {
  font-size: 28px !important;
}
body .bvi-body[data-bvi-fontsize="25"] * h6,
body .bvi-body[data-bvi-fontsize="25"] * h6 * {
  font-size: 27px !important;
}
body .bvi-body[data-bvi-fontsize="24"] * {
  font-size: 24px !important;
}
body .bvi-body[data-bvi-fontsize="24"] * h1,
body .bvi-body[data-bvi-fontsize="24"] * h1 * {
  font-size: 31px !important;
}
body .bvi-body[data-bvi-fontsize="24"] * h2,
body .bvi-body[data-bvi-fontsize="24"] * h2 * {
  font-size: 30px !important;
}
body .bvi-body[data-bvi-fontsize="24"] * h3,
body .bvi-body[data-bvi-fontsize="24"] * h3 * {
  font-size: 29px !important;
}
body .bvi-body[data-bvi-fontsize="24"] * h4,
body .bvi-body[data-bvi-fontsize="24"] * h4 * {
  font-size: 28px !important;
}
body .bvi-body[data-bvi-fontsize="24"] * h5,
body .bvi-body[data-bvi-fontsize="24"] * h5 * {
  font-size: 27px !important;
}
body .bvi-body[data-bvi-fontsize="24"] * h6,
body .bvi-body[data-bvi-fontsize="24"] * h6 * {
  font-size: 26px !important;
}
body .bvi-body[data-bvi-fontsize="23"] * {
  font-size: 23px !important;
}
body .bvi-body[data-bvi-fontsize="23"] * h1,
body .bvi-body[data-bvi-fontsize="23"] * h1 * {
  font-size: 30px !important;
}
body .bvi-body[data-bvi-fontsize="23"] * h2,
body .bvi-body[data-bvi-fontsize="23"] * h2 * {
  font-size: 29px !important;
}
body .bvi-body[data-bvi-fontsize="23"] * h3,
body .bvi-body[data-bvi-fontsize="23"] * h3 * {
  font-size: 28px !important;
}
body .bvi-body[data-bvi-fontsize="23"] * h4,
body .bvi-body[data-bvi-fontsize="23"] * h4 * {
  font-size: 27px !important;
}
body .bvi-body[data-bvi-fontsize="23"] * h5,
body .bvi-body[data-bvi-fontsize="23"] * h5 * {
  font-size: 26px !important;
}
body .bvi-body[data-bvi-fontsize="23"] * h6,
body .bvi-body[data-bvi-fontsize="23"] * h6 * {
  font-size: 25px !important;
}
body .bvi-body[data-bvi-fontsize="22"] * {
  font-size: 22px !important;
}
body .bvi-body[data-bvi-fontsize="22"] * h1,
body .bvi-body[data-bvi-fontsize="22"] * h1 * {
  font-size: 29px !important;
}
body .bvi-body[data-bvi-fontsize="22"] * h2,
body .bvi-body[data-bvi-fontsize="22"] * h2 * {
  font-size: 28px !important;
}
body .bvi-body[data-bvi-fontsize="22"] * h3,
body .bvi-body[data-bvi-fontsize="22"] * h3 * {
  font-size: 27px !important;
}
body .bvi-body[data-bvi-fontsize="22"] * h4,
body .bvi-body[data-bvi-fontsize="22"] * h4 * {
  font-size: 26px !important;
}
body .bvi-body[data-bvi-fontsize="22"] * h5,
body .bvi-body[data-bvi-fontsize="22"] * h5 * {
  font-size: 25px !important;
}
body .bvi-body[data-bvi-fontsize="22"] * h6,
body .bvi-body[data-bvi-fontsize="22"] * h6 * {
  font-size: 24px !important;
}
body .bvi-body[data-bvi-fontsize="21"] * {
  font-size: 21px !important;
}
body .bvi-body[data-bvi-fontsize="21"] * h1,
body .bvi-body[data-bvi-fontsize="21"] * h1 * {
  font-size: 28px !important;
}
body .bvi-body[data-bvi-fontsize="21"] * h2,
body .bvi-body[data-bvi-fontsize="21"] * h2 * {
  font-size: 27px !important;
}
body .bvi-body[data-bvi-fontsize="21"] * h3,
body .bvi-body[data-bvi-fontsize="21"] * h3 * {
  font-size: 26px !important;
}
body .bvi-body[data-bvi-fontsize="21"] * h4,
body .bvi-body[data-bvi-fontsize="21"] * h4 * {
  font-size: 25px !important;
}
body .bvi-body[data-bvi-fontsize="21"] * h5,
body .bvi-body[data-bvi-fontsize="21"] * h5 * {
  font-size: 24px !important;
}
body .bvi-body[data-bvi-fontsize="21"] * h6,
body .bvi-body[data-bvi-fontsize="21"] * h6 * {
  font-size: 23px !important;
}
body .bvi-body[data-bvi-fontsize="20"] * {
  font-size: 20px !important;
}
body .bvi-body[data-bvi-fontsize="20"] * h1,
body .bvi-body[data-bvi-fontsize="20"] * h1 * {
  font-size: 27px !important;
}
body .bvi-body[data-bvi-fontsize="20"] * h2,
body .bvi-body[data-bvi-fontsize="20"] * h2 * {
  font-size: 26px !important;
}
body .bvi-body[data-bvi-fontsize="20"] * h3,
body .bvi-body[data-bvi-fontsize="20"] * h3 * {
  font-size: 25px !important;
}
body .bvi-body[data-bvi-fontsize="20"] * h4,
body .bvi-body[data-bvi-fontsize="20"] * h4 * {
  font-size: 24px !important;
}
body .bvi-body[data-bvi-fontsize="20"] * h5,
body .bvi-body[data-bvi-fontsize="20"] * h5 * {
  font-size: 23px !important;
}
body .bvi-body[data-bvi-fontsize="20"] * h6,
body .bvi-body[data-bvi-fontsize="20"] * h6 * {
  font-size: 22px !important;
}
body .bvi-body[data-bvi-fontsize="19"] * {
  font-size: 19px !important;
}
body .bvi-body[data-bvi-fontsize="19"] * h1,
body .bvi-body[data-bvi-fontsize="19"] * h1 * {
  font-size: 26px !important;
}
body .bvi-body[data-bvi-fontsize="19"] * h2,
body .bvi-body[data-bvi-fontsize="19"] * h2 * {
  font-size: 25px !important;
}
body .bvi-body[data-bvi-fontsize="19"] * h3,
body .bvi-body[data-bvi-fontsize="19"] * h3 * {
  font-size: 24px !important;
}
body .bvi-body[data-bvi-fontsize="19"] * h4,
body .bvi-body[data-bvi-fontsize="19"] * h4 * {
  font-size: 23px !important;
}
body .bvi-body[data-bvi-fontsize="19"] * h5,
body .bvi-body[data-bvi-fontsize="19"] * h5 * {
  font-size: 22px !important;
}
body .bvi-body[data-bvi-fontsize="19"] * h6,
body .bvi-body[data-bvi-fontsize="19"] * h6 * {
  font-size: 21px !important;
}
body .bvi-body[data-bvi-fontsize="18"] * {
  font-size: 18px !important;
}
body .bvi-body[data-bvi-fontsize="18"] * h1,
body .bvi-body[data-bvi-fontsize="18"] * h1 * {
  font-size: 25px !important;
}
body .bvi-body[data-bvi-fontsize="18"] * h2,
body .bvi-body[data-bvi-fontsize="18"] * h2 * {
  font-size: 24px !important;
}
body .bvi-body[data-bvi-fontsize="18"] * h3,
body .bvi-body[data-bvi-fontsize="18"] * h3 * {
  font-size: 23px !important;
}
body .bvi-body[data-bvi-fontsize="18"] * h4,
body .bvi-body[data-bvi-fontsize="18"] * h4 * {
  font-size: 22px !important;
}
body .bvi-body[data-bvi-fontsize="18"] * h5,
body .bvi-body[data-bvi-fontsize="18"] * h5 * {
  font-size: 21px !important;
}
body .bvi-body[data-bvi-fontsize="18"] * h6,
body .bvi-body[data-bvi-fontsize="18"] * h6 * {
  font-size: 20px !important;
}
body .bvi-body[data-bvi-fontsize="17"] * {
  font-size: 17px !important;
}
body .bvi-body[data-bvi-fontsize="17"] * h1,
body .bvi-body[data-bvi-fontsize="17"] * h1 * {
  font-size: 24px !important;
}
body .bvi-body[data-bvi-fontsize="17"] * h2,
body .bvi-body[data-bvi-fontsize="17"] * h2 * {
  font-size: 23px !important;
}
body .bvi-body[data-bvi-fontsize="17"] * h3,
body .bvi-body[data-bvi-fontsize="17"] * h3 * {
  font-size: 22px !important;
}
body .bvi-body[data-bvi-fontsize="17"] * h4,
body .bvi-body[data-bvi-fontsize="17"] * h4 * {
  font-size: 21px !important;
}
body .bvi-body[data-bvi-fontsize="17"] * h5,
body .bvi-body[data-bvi-fontsize="17"] * h5 * {
  font-size: 20px !important;
}
body .bvi-body[data-bvi-fontsize="17"] * h6,
body .bvi-body[data-bvi-fontsize="17"] * h6 * {
  font-size: 19px !important;
}
body .bvi-body[data-bvi-fontsize="16"] * {
  font-size: 16px !important;
}
body .bvi-body[data-bvi-fontsize="16"] * h1,
body .bvi-body[data-bvi-fontsize="16"] * h1 * {
  font-size: 23px !important;
}
body .bvi-body[data-bvi-fontsize="16"] * h2,
body .bvi-body[data-bvi-fontsize="16"] * h2 * {
  font-size: 22px !important;
}
body .bvi-body[data-bvi-fontsize="16"] * h3,
body .bvi-body[data-bvi-fontsize="16"] * h3 * {
  font-size: 21px !important;
}
body .bvi-body[data-bvi-fontsize="16"] * h4,
body .bvi-body[data-bvi-fontsize="16"] * h4 * {
  font-size: 20px !important;
}
body .bvi-body[data-bvi-fontsize="16"] * h5,
body .bvi-body[data-bvi-fontsize="16"] * h5 * {
  font-size: 19px !important;
}
body .bvi-body[data-bvi-fontsize="16"] * h6,
body .bvi-body[data-bvi-fontsize="16"] * h6 * {
  font-size: 18px !important;
}
body .bvi-body[data-bvi-fontsize="15"] * {
  font-size: 15px !important;
}
body .bvi-body[data-bvi-fontsize="15"] * h1,
body .bvi-body[data-bvi-fontsize="15"] * h1 * {
  font-size: 22px !important;
}
body .bvi-body[data-bvi-fontsize="15"] * h2,
body .bvi-body[data-bvi-fontsize="15"] * h2 * {
  font-size: 21px !important;
}
body .bvi-body[data-bvi-fontsize="15"] * h3,
body .bvi-body[data-bvi-fontsize="15"] * h3 * {
  font-size: 20px !important;
}
body .bvi-body[data-bvi-fontsize="15"] * h4,
body .bvi-body[data-bvi-fontsize="15"] * h4 * {
  font-size: 19px !important;
}
body .bvi-body[data-bvi-fontsize="15"] * h5,
body .bvi-body[data-bvi-fontsize="15"] * h5 * {
  font-size: 18px !important;
}
body .bvi-body[data-bvi-fontsize="15"] * h6,
body .bvi-body[data-bvi-fontsize="15"] * h6 * {
  font-size: 17px !important;
}
body .bvi-body[data-bvi-fontsize="14"] * {
  font-size: 14px !important;
}
body .bvi-body[data-bvi-fontsize="14"] * h1,
body .bvi-body[data-bvi-fontsize="14"] * h1 * {
  font-size: 21px !important;
}
body .bvi-body[data-bvi-fontsize="14"] * h2,
body .bvi-body[data-bvi-fontsize="14"] * h2 * {
  font-size: 20px !important;
}
body .bvi-body[data-bvi-fontsize="14"] * h3,
body .bvi-body[data-bvi-fontsize="14"] * h3 * {
  font-size: 19px !important;
}
body .bvi-body[data-bvi-fontsize="14"] * h4,
body .bvi-body[data-bvi-fontsize="14"] * h4 * {
  font-size: 18px !important;
}
body .bvi-body[data-bvi-fontsize="14"] * h5,
body .bvi-body[data-bvi-fontsize="14"] * h5 * {
  font-size: 17px !important;
}
body .bvi-body[data-bvi-fontsize="14"] * h6,
body .bvi-body[data-bvi-fontsize="14"] * h6 * {
  font-size: 16px !important;
}
body .bvi-body[data-bvi-fontsize="13"] * {
  font-size: 13px !important;
}
body .bvi-body[data-bvi-fontsize="13"] * h1,
body .bvi-body[data-bvi-fontsize="13"] * h1 * {
  font-size: 20px !important;
}
body .bvi-body[data-bvi-fontsize="13"] * h2,
body .bvi-body[data-bvi-fontsize="13"] * h2 * {
  font-size: 19px !important;
}
body .bvi-body[data-bvi-fontsize="13"] * h3,
body .bvi-body[data-bvi-fontsize="13"] * h3 * {
  font-size: 18px !important;
}
body .bvi-body[data-bvi-fontsize="13"] * h4,
body .bvi-body[data-bvi-fontsize="13"] * h4 * {
  font-size: 17px !important;
}
body .bvi-body[data-bvi-fontsize="13"] * h5,
body .bvi-body[data-bvi-fontsize="13"] * h5 * {
  font-size: 16px !important;
}
body .bvi-body[data-bvi-fontsize="13"] * h6,
body .bvi-body[data-bvi-fontsize="13"] * h6 * {
  font-size: 15px !important;
}
body .bvi-body[data-bvi-fontsize="12"] * {
  font-size: 12px !important;
}
body .bvi-body[data-bvi-fontsize="12"] * h1,
body .bvi-body[data-bvi-fontsize="12"] * h1 * {
  font-size: 19px !important;
}
body .bvi-body[data-bvi-fontsize="12"] * h2,
body .bvi-body[data-bvi-fontsize="12"] * h2 * {
  font-size: 18px !important;
}
body .bvi-body[data-bvi-fontsize="12"] * h3,
body .bvi-body[data-bvi-fontsize="12"] * h3 * {
  font-size: 17px !important;
}
body .bvi-body[data-bvi-fontsize="12"] * h4,
body .bvi-body[data-bvi-fontsize="12"] * h4 * {
  font-size: 16px !important;
}
body .bvi-body[data-bvi-fontsize="12"] * h5,
body .bvi-body[data-bvi-fontsize="12"] * h5 * {
  font-size: 15px !important;
}
body .bvi-body[data-bvi-fontsize="12"] * h6,
body .bvi-body[data-bvi-fontsize="12"] * h6 * {
  font-size: 14px !important;
}
body .bvi-body[data-bvi-fontsize="11"] * {
  font-size: 11px !important;
}
body .bvi-body[data-bvi-fontsize="11"] * h1,
body .bvi-body[data-bvi-fontsize="11"] * h1 * {
  font-size: 18px !important;
}
body .bvi-body[data-bvi-fontsize="11"] * h2,
body .bvi-body[data-bvi-fontsize="11"] * h2 * {
  font-size: 17px !important;
}
body .bvi-body[data-bvi-fontsize="11"] * h3,
body .bvi-body[data-bvi-fontsize="11"] * h3 * {
  font-size: 16px !important;
}
body .bvi-body[data-bvi-fontsize="11"] * h4,
body .bvi-body[data-bvi-fontsize="11"] * h4 * {
  font-size: 15px !important;
}
body .bvi-body[data-bvi-fontsize="11"] * h5,
body .bvi-body[data-bvi-fontsize="11"] * h5 * {
  font-size: 14px !important;
}
body .bvi-body[data-bvi-fontsize="11"] * h6,
body .bvi-body[data-bvi-fontsize="11"] * h6 * {
  font-size: 13px !important;
}
body .bvi-body[data-bvi-fontsize="10"] * {
  font-size: 10px !important;
}
body .bvi-body[data-bvi-fontsize="10"] * h1,
body .bvi-body[data-bvi-fontsize="10"] * h1 * {
  font-size: 17px !important;
}
body .bvi-body[data-bvi-fontsize="10"] * h2,
body .bvi-body[data-bvi-fontsize="10"] * h2 * {
  font-size: 16px !important;
}
body .bvi-body[data-bvi-fontsize="10"] * h3,
body .bvi-body[data-bvi-fontsize="10"] * h3 * {
  font-size: 15px !important;
}
body .bvi-body[data-bvi-fontsize="10"] * h4,
body .bvi-body[data-bvi-fontsize="10"] * h4 * {
  font-size: 14px !important;
}
body .bvi-body[data-bvi-fontsize="10"] * h5,
body .bvi-body[data-bvi-fontsize="10"] * h5 * {
  font-size: 13px !important;
}
body .bvi-body[data-bvi-fontsize="10"] * h6,
body .bvi-body[data-bvi-fontsize="10"] * h6 * {
  font-size: 12px !important;
}
body .bvi-body[data-bvi-fontsize="9"] * {
  font-size: 9px !important;
}
body .bvi-body[data-bvi-fontsize="9"] * h1,
body .bvi-body[data-bvi-fontsize="9"] * h1 * {
  font-size: 16px !important;
}
body .bvi-body[data-bvi-fontsize="9"] * h2,
body .bvi-body[data-bvi-fontsize="9"] * h2 * {
  font-size: 15px !important;
}
body .bvi-body[data-bvi-fontsize="9"] * h3,
body .bvi-body[data-bvi-fontsize="9"] * h3 * {
  font-size: 14px !important;
}
body .bvi-body[data-bvi-fontsize="9"] * h4,
body .bvi-body[data-bvi-fontsize="9"] * h4 * {
  font-size: 13px !important;
}
body .bvi-body[data-bvi-fontsize="9"] * h5,
body .bvi-body[data-bvi-fontsize="9"] * h5 * {
  font-size: 12px !important;
}
body .bvi-body[data-bvi-fontsize="9"] * h6,
body .bvi-body[data-bvi-fontsize="9"] * h6 * {
  font-size: 11px !important;
}
body .bvi-body[data-bvi-fontsize="8"] * {
  font-size: 8px !important;
}
body .bvi-body[data-bvi-fontsize="8"] * h1,
body .bvi-body[data-bvi-fontsize="8"] * h1 * {
  font-size: 15px !important;
}
body .bvi-body[data-bvi-fontsize="8"] * h2,
body .bvi-body[data-bvi-fontsize="8"] * h2 * {
  font-size: 14px !important;
}
body .bvi-body[data-bvi-fontsize="8"] * h3,
body .bvi-body[data-bvi-fontsize="8"] * h3 * {
  font-size: 13px !important;
}
body .bvi-body[data-bvi-fontsize="8"] * h4,
body .bvi-body[data-bvi-fontsize="8"] * h4 * {
  font-size: 12px !important;
}
body .bvi-body[data-bvi-fontsize="8"] * h5,
body .bvi-body[data-bvi-fontsize="8"] * h5 * {
  font-size: 11px !important;
}
body .bvi-body[data-bvi-fontsize="8"] * h6,
body .bvi-body[data-bvi-fontsize="8"] * h6 * {
  font-size: 10px !important;
}
body .bvi-body[data-bvi-fontsize="7"] * {
  font-size: 7px !important;
}
body .bvi-body[data-bvi-fontsize="7"] * h1,
body .bvi-body[data-bvi-fontsize="7"] * h1 * {
  font-size: 14px !important;
}
body .bvi-body[data-bvi-fontsize="7"] * h2,
body .bvi-body[data-bvi-fontsize="7"] * h2 * {
  font-size: 13px !important;
}
body .bvi-body[data-bvi-fontsize="7"] * h3,
body .bvi-body[data-bvi-fontsize="7"] * h3 * {
  font-size: 12px !important;
}
body .bvi-body[data-bvi-fontsize="7"] * h4,
body .bvi-body[data-bvi-fontsize="7"] * h4 * {
  font-size: 11px !important;
}
body .bvi-body[data-bvi-fontsize="7"] * h5,
body .bvi-body[data-bvi-fontsize="7"] * h5 * {
  font-size: 10px !important;
}
body .bvi-body[data-bvi-fontsize="7"] * h6,
body .bvi-body[data-bvi-fontsize="7"] * h6 * {
  font-size: 9px !important;
}
body .bvi-body[data-bvi-fontsize="6"] * {
  font-size: 6px !important;
}
body .bvi-body[data-bvi-fontsize="6"] * h1,
body .bvi-body[data-bvi-fontsize="6"] * h1 * {
  font-size: 13px !important;
}
body .bvi-body[data-bvi-fontsize="6"] * h2,
body .bvi-body[data-bvi-fontsize="6"] * h2 * {
  font-size: 12px !important;
}
body .bvi-body[data-bvi-fontsize="6"] * h3,
body .bvi-body[data-bvi-fontsize="6"] * h3 * {
  font-size: 11px !important;
}
body .bvi-body[data-bvi-fontsize="6"] * h4,
body .bvi-body[data-bvi-fontsize="6"] * h4 * {
  font-size: 10px !important;
}
body .bvi-body[data-bvi-fontsize="6"] * h5,
body .bvi-body[data-bvi-fontsize="6"] * h5 * {
  font-size: 9px !important;
}
body .bvi-body[data-bvi-fontsize="6"] * h6,
body .bvi-body[data-bvi-fontsize="6"] * h6 * {
  font-size: 8px !important;
}
body .bvi-body[data-bvi-fontsize="5"] * {
  font-size: 5px !important;
}
body .bvi-body[data-bvi-fontsize="5"] * h1,
body .bvi-body[data-bvi-fontsize="5"] * h1 * {
  font-size: 12px !important;
}
body .bvi-body[data-bvi-fontsize="5"] * h2,
body .bvi-body[data-bvi-fontsize="5"] * h2 * {
  font-size: 11px !important;
}
body .bvi-body[data-bvi-fontsize="5"] * h3,
body .bvi-body[data-bvi-fontsize="5"] * h3 * {
  font-size: 10px !important;
}
body .bvi-body[data-bvi-fontsize="5"] * h4,
body .bvi-body[data-bvi-fontsize="5"] * h4 * {
  font-size: 9px !important;
}
body .bvi-body[data-bvi-fontsize="5"] * h5,
body .bvi-body[data-bvi-fontsize="5"] * h5 * {
  font-size: 8px !important;
}
body .bvi-body[data-bvi-fontsize="5"] * h6,
body .bvi-body[data-bvi-fontsize="5"] * h6 * {
  font-size: 7px !important;
}
body .bvi-body[data-bvi-fontsize="4"] * {
  font-size: 4px !important;
}
body .bvi-body[data-bvi-fontsize="4"] * h1,
body .bvi-body[data-bvi-fontsize="4"] * h1 * {
  font-size: 11px !important;
}
body .bvi-body[data-bvi-fontsize="4"] * h2,
body .bvi-body[data-bvi-fontsize="4"] * h2 * {
  font-size: 10px !important;
}
body .bvi-body[data-bvi-fontsize="4"] * h3,
body .bvi-body[data-bvi-fontsize="4"] * h3 * {
  font-size: 9px !important;
}
body .bvi-body[data-bvi-fontsize="4"] * h4,
body .bvi-body[data-bvi-fontsize="4"] * h4 * {
  font-size: 8px !important;
}
body .bvi-body[data-bvi-fontsize="4"] * h5,
body .bvi-body[data-bvi-fontsize="4"] * h5 * {
  font-size: 7px !important;
}
body .bvi-body[data-bvi-fontsize="4"] * h6,
body .bvi-body[data-bvi-fontsize="4"] * h6 * {
  font-size: 6px !important;
}
body .bvi-body[data-bvi-fontsize="3"] * {
  font-size: 3px !important;
}
body .bvi-body[data-bvi-fontsize="3"] * h1,
body .bvi-body[data-bvi-fontsize="3"] * h1 * {
  font-size: 10px !important;
}
body .bvi-body[data-bvi-fontsize="3"] * h2,
body .bvi-body[data-bvi-fontsize="3"] * h2 * {
  font-size: 9px !important;
}
body .bvi-body[data-bvi-fontsize="3"] * h3,
body .bvi-body[data-bvi-fontsize="3"] * h3 * {
  font-size: 8px !important;
}
body .bvi-body[data-bvi-fontsize="3"] * h4,
body .bvi-body[data-bvi-fontsize="3"] * h4 * {
  font-size: 7px !important;
}
body .bvi-body[data-bvi-fontsize="3"] * h5,
body .bvi-body[data-bvi-fontsize="3"] * h5 * {
  font-size: 6px !important;
}
body .bvi-body[data-bvi-fontsize="3"] * h6,
body .bvi-body[data-bvi-fontsize="3"] * h6 * {
  font-size: 5px !important;
}
body .bvi-body[data-bvi-fontsize="2"] * {
  font-size: 2px !important;
}
body .bvi-body[data-bvi-fontsize="2"] * h1,
body .bvi-body[data-bvi-fontsize="2"] * h1 * {
  font-size: 9px !important;
}
body .bvi-body[data-bvi-fontsize="2"] * h2,
body .bvi-body[data-bvi-fontsize="2"] * h2 * {
  font-size: 8px !important;
}
body .bvi-body[data-bvi-fontsize="2"] * h3,
body .bvi-body[data-bvi-fontsize="2"] * h3 * {
  font-size: 7px !important;
}
body .bvi-body[data-bvi-fontsize="2"] * h4,
body .bvi-body[data-bvi-fontsize="2"] * h4 * {
  font-size: 6px !important;
}
body .bvi-body[data-bvi-fontsize="2"] * h5,
body .bvi-body[data-bvi-fontsize="2"] * h5 * {
  font-size: 5px !important;
}
body .bvi-body[data-bvi-fontsize="2"] * h6,
body .bvi-body[data-bvi-fontsize="2"] * h6 * {
  font-size: 4px !important;
}
body .bvi-body[data-bvi-fontsize="1"] * {
  font-size: 1px !important;
}
body .bvi-body[data-bvi-fontsize="1"] * h1,
body .bvi-body[data-bvi-fontsize="1"] * h1 * {
  font-size: 8px !important;
}
body .bvi-body[data-bvi-fontsize="1"] * h2,
body .bvi-body[data-bvi-fontsize="1"] * h2 * {
  font-size: 7px !important;
}
body .bvi-body[data-bvi-fontsize="1"] * h3,
body .bvi-body[data-bvi-fontsize="1"] * h3 * {
  font-size: 6px !important;
}
body .bvi-body[data-bvi-fontsize="1"] * h4,
body .bvi-body[data-bvi-fontsize="1"] * h4 * {
  font-size: 5px !important;
}
body .bvi-body[data-bvi-fontsize="1"] * h5,
body .bvi-body[data-bvi-fontsize="1"] * h5 * {
  font-size: 4px !important;
}
body .bvi-body[data-bvi-fontsize="1"] * h6,
body .bvi-body[data-bvi-fontsize="1"] * h6 * {
  font-size: 3px !important;
}
body .bvi-body[data-bvi-images=true]:not(.eye-no-styles) .bvi-background-image:not(.eye-no-styles),
body .bvi-body[data-bvi-images=true]:not(.eye-no-styles) img.bvi-background-image:not(.eye-no-styles),
body .bvi-body[data-bvi-images=true]:not(.eye-no-styles) img.bvi-img:not(.eye-no-styles) {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  visibility: visible;
}
body .bvi-body[data-bvi-images=false]:not(.eye-no-styles) .bvi-background-image:not(.eye-no-styles),
body .bvi-body[data-bvi-images=false]:not(.eye-no-styles) img.bvi-background-image:not(.eye-no-styles),
body .bvi-body[data-bvi-images=false]:not(.eye-no-styles) img.bvi-img:not(.eye-no-styles) {
  display: none;
  position: relative;
  border: 1px dashed;
}
body .bvi-body[data-bvi-images=grayscale]:not(.eye-no-styles) .bvi-background-image:not(.eye-no-styles),
body .bvi-body[data-bvi-images=grayscale]:not(.eye-no-styles) img.bvi-background-image:not(.eye-no-styles),
body .bvi-body[data-bvi-images=grayscale]:not(.eye-no-styles) img.bvi-img:not(.eye-no-styles) {
  -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -o-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(1);
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
  filter: grayscale(1);
  visibility: visible;
}
body .bvi-body[data-bvi-lineheight=normal]:not(.eye-no-styles) {
  line-height: 1.5 !important;
}
body .bvi-body[data-bvi-lineheight=average]:not(.eye-no-styles) {
  line-height: 2 !important;
}
body .bvi-body[data-bvi-lineheight=big]:not(.eye-no-styles) {
  line-height: 2.5 !important;
}
body .bvi-body[data-bvi-letterspacing=normal]:not(.eye-no-styles) {
  letter-spacing: 0 !important;
}
body .bvi-body[data-bvi-letterspacing=average]:not(.eye-no-styles) {
  letter-spacing: 2px !important;
}
body .bvi-body[data-bvi-letterspacing=big]:not(.eye-no-styles) {
  letter-spacing: 4px !important;
}
body .bvi-body[data-bvi-fontfamily=arial]:not(i):not(span):not(.eye-no-styles) {
  font-family: Arial, sans-serif !important;
}
body .bvi-body[data-bvi-fontfamily=times]:not(i):not(span):not(.eye-no-styles) {
  font-family: "Times New roman", serif !important;
}
body .bvi-body[data-bvi-builtelements=true]:not(.eye-no-styles) .wp-audio-shortcode,
body .bvi-body[data-bvi-builtelements=true]:not(.eye-no-styles) iframe,
body .bvi-body[data-bvi-builtelements=true]:not(.eye-no-styles) object,
body .bvi-body[data-bvi-builtelements=true]:not(.eye-no-styles) video,
/* body .bvi-body[data-bvi-builtelements=true]:not(.eye-no-styles) ymaps, */
body .bvi-body[data-bvi-builtelements=true]:not(.eye-no-styles) figure {
  display: block !important;
}
body .bvi-body[data-bvi-builtelements=false]:not(.eye-no-styles) .wp-audio-shortcode,
body .bvi-body[data-bvi-builtelements=false]:not(.eye-no-styles) iframe,
body .bvi-body[data-bvi-builtelements=false]:not(.eye-no-styles) object,
body .bvi-body[data-bvi-builtelements=false]:not(.eye-no-styles) video,
/* body .bvi-body[data-bvi-builtelements=false]:not(.eye-no-styles) ymaps, */
body .bvi-body[data-bvi-builtelements=false]:not(.eye-no-styles) figure {
  display: none !important;
}
body .bvi-body .bvi-speech {
  margin-bottom: 1.5rem;
}
body .bvi-body .bvi-speech .bvi-speech-link {
  display: inline-block;
  border: 1px dashed transparent;
  border-bottom: 0;
  padding: 0.7rem;
}
body .bvi-body .bvi-speech .bvi-speech-text {
  border: 1px dashed transparent;
  padding: 0.7rem;
}
body .bvi-body .bvi-speech .bvi-highlighting mark {
  font-weight: bold;
  text-decoration: underline;
}
body .bvi-body a.bvi-link {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  font-size: 0.875rem !important;
  color: #212529 !important;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #e0e0e0 !important;
  border: 1px solid #c6c6c6 !important;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  position: relative;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
body .bvi-body a.bvi-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
body .bvi-body .bvi-link-fixed-top {
  position: fixed !important;
  top: 2.5rem !important;
  right: 1.5rem !important;
  z-index: 999999 !important;
}
body .bvi-body .bvi-hide {
  display: none !important;
}
body .bvi-body .bvi-show {
  display: block !important;
}

.bvi-images {
  width: 18px;
  height: 18px;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
  z-index: 1;
  background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
}
.bvi-images.bvi-images-cog {
  background-image: url("/local/bvi/css/../img/cog.svg");
  background-repeat: no-repeat;
}
.bvi-images.bvi-images-eye-slash {
  background-image: url("/local/bvi/css/../img/eye-slash.svg");
  background-repeat: no-repeat;
}
.bvi-images.bvi-images-volume-up {
  background-image: url("/local/bvi/css/../img/volume-up.svg");
  background-repeat: no-repeat;
}
.bvi-images.bvi-images-volume-off {
  background-image: url("/local/bvi/css/../img/volume-off.svg");
  background-repeat: no-repeat;
}
.bvi-images.bvi-images-adjust {
  background-image: url("/local/bvi/css/../img/adjust.svg");
  background-repeat: no-repeat;
}
.bvi-images.bvi-images-minus-circle {
  background-image: url("/local/bvi/css/../img/minus-circle.svg");
  background-repeat: no-repeat;
}
.bvi-images.bvi-images-image {
  background-image: url("/local/bvi/css/../img/image.svg");
  background-repeat: no-repeat;
}
.bvi-images.bvi-images-minus {
  background-image: url("/local/bvi/css/../img/minus.svg");
  background-repeat: no-repeat;
}
.bvi-images.bvi-images-eye {
  background-image: url("/local/bvi/css/../img/eye.svg");
  background-repeat: no-repeat;
  fill: green;
}
.bvi-images.bvi-images-size-32 {
  width: 32px !important;
  height: 32px !important;
}

/*# sourceMappingURL=bvi.css.map */

/* End */


/* Start:/local/bvi/css/bvi-custom.css?178507644018329*/
/*!
* Доп стили (версия для слабовидящих)
*/
:root {
    --bvi-panel-height: 83px;
    --bvi-blue: #9DD1FF;
}
html body .bvi-body[data-bvi-theme="white"] {
    --bvi-bg-color: #fff;
}
html body .bvi-body[data-bvi-theme="black"] {
    --bvi-bg-color: #000;
}
html body .bvi-body[data-bvi-theme="blue"] {
    --bvi-bg-color: #9DD1FF;
}
html body .bvi-panel {
    position: fixed !important;
    top: 0 !important;
    padding: 0 0.5rem !important;
    margin-bottom: 0 !important;
}
html body .bvi-panel .bvi-block .bvi-block-title {
    margin-bottom: 0.5rem !important;
}
html body .bvi-panel a.bvi-link.bvi-theme-brown,
html body .bvi-panel a.bvi-link.bvi-theme-green
{
    display: none !important;
}


html body .bvi-body[data-bvi-theme] {
    .b2b-header, .b2c-header {
        top: var(--bvi-panel-height);
        border-bottom: 1px solid #000;
    }
	
	.b2b-search-history + div, .b2c-search-history + div {
		display: none !important;
	}
}

/* B2B */
html body .bvi-body[data-bvi-theme] *:not(.eye-no-styles) {
    .left-plate__head, .menu-drawer__trigger, .menu-drawer__nav {
        padding-top: var(--bvi-panel-height);
    }

    .left-plate__head .btn-component, .menu-drawer__trigger .btn-component {
        background-color: transparent !important;
        border: none;
        border-radius: 0;
    }

    .footer__container {
        border: 1px solid #000;
        overflow: hidden;
        a {
            border: none !important;
        }
    }
    /* .main-layout__up-btn svg {
        background-color: transparent !important;
        color: #ffffff !important;
    } */
    .menu-drawer-overlay, .menu-drawer {
        z-index: 10000;
    }
    .router-link-active {
        text-decoration: underline;
        text-underline-offset: 4px;
    }
    .b2b-btn, .btn-component {
        border: 1px solid;
    }
    .b2b-field {
        overflow: hidden;
        .b2b-field__wrap {
            border: none;
        }
    }
    .footer-menu .btn-component {
        border: none !important;
    }
    .q-field--outlined .q-field__control:after {
        border: 1px solid;
    }

    .menu-drawer .q-expansion-item--expanded > .q-expansion-item__container > .q-item[role="button"] .q-item__label, .menu-drawer .menu-element-active {
        color: currentColor !important;
    }
    .menu-drawer .submenu-drawer .q-item .q-item__label {
        color: currentColor !important;
    }
    button.partner-region-select__trigger[type="button"], button.partner-region-select__trigger[type="button"]:hover:not(.eye-no-styles):hover {
        background-color: transparent !important;
    }
    .partner-filter-dropdown {
        border: 1px solid;
    }
    .partner-filter-item input.region-checkbox:checked {
        background-color: currentColor !important;
    }
    .partner-list-page__top-search-input {
        svg path {
            fill: none !important;
        }
    }
    .slider__head-nav {
        .button--prev-slider-recently-viewed, .button--next-slider-recently-viewed {
            background-color: transparent !important;
        }
    }
    .product-card, .query-exchange__card, .info-card, .event-card {
        border: 1px solid;
    }
    .support-banner__content {
        padding: 2rem;
    }
    .exchange-toolbar .exchange-form__select, .exchange-howto {
        border: 1px solid;
    }
    button.exchange-product-modal__close[type=button] {
        background-color: transparent !important;
    }
    .exchange-card {
        border: 1px solid;
    }
    .card-chapter__link {
        border: none;
    }
    .switch-tab-component__btn--active {
        text-decoration: underline;
        text-underline-offset: 4px;
    }
    button.builder-menu-module__block-item-link[type="button"], button.builder-menu-module__block-item-link[type="button"]:hover:not(.eye-no-styles):hover {
        background-color: transparent !important;
    }
    .builder-menu-module__block-item-children-item-link {
        border: none !important;
    }
    .builder-menu-module__block-item-children-item-link.active, .builder-menu-module__block-item-link.active {
        text-decoration: underline;
        text-underline-offset: 4px;
    }
    .t10-file, .card-chapter {
        border: 1px solid;
    }
    .calendar-tag.btn-component, .calendar-tag.btn-component:hover:not(.eye-no-styles):hover {
        background-color: transparent !important;
    }
    .exhibition-card  {
        border: 1px solid;
    }
    .industries-section__list-btn, .industries-section__list-btn[type="button"]:hover {
        background-color: transparent !important;
    }
    .industries-section__content {
        .industries-section__list-btn-color, canvas {
            filter: grayscale(1);
        }
    }
    .statistic-section__chart {
        .statistic-section__item-circle, svg path, svg text {
           filter: grayscale(1); 
        }
    }
    .interactive-map {
        .interactive-map__list::-webkit-scrollbar { 
            width: 10px;
            filter: grayscale(1);
        }
        .interactive-map__list::-webkit-scrollbar-track {
            background: #f8f8f8;
        }
        .interactive-map__item-dot, 
        .map-svg {
            filter: grayscale(1); 
        }
    }
    .cards-list-module__item:before {
        filter: grayscale(1); 
    }
    .toggle-regions, .toggle-regions:hover:not(.eye-no-styles):hover {
        background-color: transparent !important;
    }
    .read-more-btn[type="button"], .description-section__btn[type="button"] {
        background-color: transparent !important;
        .btn-component__wrapper {
            background-color: transparent !important;
        }
    }
    .inv-logo-svg {
        circle {
            fill: none !important;
        }
    }
    .semicircle-dotted, .items-on-arc {
        background-color: transparent !important;
    }
    .q-breadcrumbs__separator {
        background-color: currentColor !important;
    }
    .switch-tab-component__btn[type="button"] {
        background-color: transparent !important;
    }
    .switch-tab-component__btn[type="button"]:hover:not(.eye-no-styles):hover,
    .switch-tab-component__btn[type="button"].switch-tab-component__btn--active
    {
        background-color: transparent !important;
        span {
            text-decoration: underline !important;
            text-underline-offset: 4px;
        }
    }
    .doc {
        border: 1px solid;
    }
    .cards-list-module__item-label:before {
        background-color: currentColor !important;
    }
    .project-card {
        border: 1px solid;
    }
    .advantages-card {
        border: 1px solid;
        margin-bottom: 1rem;
        h3 {
            display: flex;
            gap: 0.7em;
        }
    }
    .about-region-section__ellipses-item, 
    .land-plots-section__card,
    .land-plots-section__doc,
    .spic-section__doc,
    .benefits-card__content,
    .showcase-card
    {
        border: 1px solid;
    }
    .b2b-pagination {
        span.b2b-pagination__btn-page {
            border: 1px solid !important;
        }
        svg path {
            stroke: currentColor !important;
        }
    }
    .media-section__col--first,
    .contacts-section__main,
    .intro-news__content
    {
        border: 1px solid;
    }
    .press-intro-section__row .press-intro-section-prev__content {
        background-color: var(--bvi-bg-color) !important;
    }
    .media-section__col .press-intro-section-prev__content {
        background-color: var(--bvi-bg-color) !important;
    }
    button.news-card__link[type="button"], .slider-nav-buttons {
        background-color: transparent !important;
        border: none;
    }
    .intro-section__bg {
        z-index: 1;
    }
    .statistic-card, .statistic-section__item {
        border: 1px solid;
    }
    button.industries-section__list-btn[type="button"], 
    button.industries-section__list-btn[type="button"]:hover:not(.eye-no-styles):hover,
    button.contacts-item__button[type="button"], 
    button.contacts-item__button[type="button"]:hover:not(.eye-no-styles):hover
    {
        background-color: transparent !important;
    }
    .economy-section__item-btn.is-active {
        text-decoration: underline;
    }
    .tourism-form-gallery-download__icon svg path {
        stroke: currentColor;
    }
    
    input[type="range"]::-webkit-slider-runnable-track, 
    input[type="range"]::-webkit-slider-thumb,
    input[type="range"]::-moz-range-track,
    input[type="range"]::-moz-range-thumb
    {
        background: currentColor; 
    }
    .exchange-howto__step:not(:last-child)::after {
        z-index: 2;
        border-top-color: currentColor;
    }
    .how-it-works-section__item-number {
        border: 1px solid;
    }
    .b2b-select .b2b-select__trigger {
        border: 1px solid;
        border-radius: 10px;
    }
    select {
        filter: grayscale(1);
    }
    .b2b-select__checkbox span::before {
        border-color: currentColor !important;
    }
    .b2b-select__checkbox input:checked+span::before {
        background-color: currentColor !important;
        border-color: currentColor !important;
    }
    .filter-tags-show-all-btn[type="button"], .filter-tags-show-all-btn[type="button"]:hover:not(.eye-no-styles):hover {
        background-color: transparent !important;
    }
    .contacts-item__name:before {
        filter: grayscale(1);
    }
}

html body .bvi-body ~ div {
    .image-zoom-modal {
        padding-top: 180px;
        .image-zoom-modal__close {
            background-color: transparent !important;
        }
    }
}

html body .bvi-body[data-bvi-theme] {
    .b2b-main-layout {
        .left-plate__head button[type="button"] svg path, .menu-drawer button[type="button"] svg path {
            stroke: currentColor !important;
        }
        .left-plate__head button[type="button"]:hover:not(.eye-no-styles):hover, .menu-drawer button[type="button"]:hover:not(.eye-no-styles):hover {
            background-color: transparent !important;
        }
    }
    .main-layout {
        padding-top: 100px !important;
    }
    .menu-block:not(.eye-no-styles) {
        z-index: 1000;
        top: var(--bvi-panel-height);
        .btn-component {
            background-color: transparent !important;
            border: none !important;
        }
        .btn-component:not(.eye-no-styles):hover {
            background-color: transparent !important;
            .btn-component__wrapper {
                text-decoration: underline;
            }
        }
    }
}

/* B2C */
html body .bvi-body[data-bvi-theme] *:not(.eye-no-styles) {
    .b2c-footer {
        border: 1px solid #000;
        overflow: hidden;
    }
    .main-catalog-menu {
        margin-top: var(--bvi-panel-height);
        .btn-component {
            border: none !important;
            background-color: transparent !important;
        }
        .btn-component:hover:not(.eye-no-styles):hover {
            text-decoration: underline;
            text-underline-offset: 4px;
            background-color: transparent !important;
        }
        .desktop-catalog__left-side {
            padding-bottom: var(--bvi-panel-height);
        }
        .desktop-catalog__content {
            padding-bottom: 140px !important;
        }       
    }
    .b2c-header__search {
        .b2c-btn-icon {
            background-color: transparent !important;
        }
    }
    .b2c-head-menu__li__btn[type="button"], .b2c-head-menu__li__btn[type="button"]:hover:not(.eye-no-styles):hover {
        background-color: transparent !important;
    }
    .b2c-head-menu__li:hover .b2c-head-menu__li__btn__wrap__native__content__text, 
    .b2c-head-submenu__btn:hover .b2c-head-submenu__btn__wrap__native,
    .b2c-head-menu__li__btn-active .b2c-head-menu__li__btn__wrap__native__content__text
    {
        color: currentColor !important;
        text-decoration: underline;
        text-underline-offset: 4px;
    }
    .journal-card .journal-card__content {
        margin-top: 0;
    }
    .main-banner__info,
    .main-banner__slider,
    .main-new-direction__col--info, 
    .journal-card, 
    .category-card__head,
    .button-all-catalog .button 
    {
        border: 1px solid;
    }
    .swiper-pagination-bullets {
        background-color: transparent !important;
    }
    .product-item {
        border: none !important;
    }
    .main-banner__slider {
        .swiper-slide-shadow {
            display: none;
        }
    }
    .q-dialog__inner {
        padding-top: 200px;
    }
    button.closeModalBtn, button.closeModalBtn[type="button"] {
        background-color: transparent !important;
        border: 1px solid;
        .button__native span {
            display: none;
        }
    }
    .purchase-channel-filter__toggle, .purchase-channel-filter__toggle:hover {
        background-color: transparent !important;
    }
    .b2c-pagination {
        .b2c-pagination__more:not(:hover), .b2c-pagination__more:hover {
            background-color: transparent !important;
            border: 1px solid;
        }
        span.b2c-pagination__btn-page {
            border: 1px solid !important;
        }
        svg path {
            stroke: currentColor !important;
        }
    }
    .first-char-filter__list {
        a {
            display: inline-block;
            border: 1px solid;
        }
        button {
            color: currentColor !important;
        }
    }
    button.show-all-regions-btn, button.show-all-regions-btn:hover {
        background-color: transparent !important;
    }
    .tourism-advice__info__list-item a, .b2c-card {
        border: 1px solid;
    }
    .tourism-target__decoration {
        display: none;
    }
    .custom-text-wrapper {
        .custom-text-icon {
            background-color: transparent !important;
        }
    }
    .custom-select__trigger[type="button"], .custom-select__trigger[type="button"]:hover:not(.eye-no-styles):hover {
        background-color: transparent !important;
    }
    .journal-grid__head-tab-list .journal-grid__head-tab-button.active::after {
        background-color: currentColor !important;
    }
    .journal-aside__ads-telegram:before {
        filter: grayscale(1);
    }
}

html body .bvi-body[data-bvi-theme] {
    .b2c-main {
        padding-top: 310px !important;
    }
}

/* COMMON */
html body .bvi-body[data-bvi-theme] {
    .cookie-using-modal, .q-dialog__inner {
        background-color: transparent !important;
    }
    .cookie-using-modal__content {
        border: 1px solid;
    }
    .cookie-using-modal .cookie-using-close-btn[type="button"], .cookie-using-modal .cookie-using-close-btn[type="button"]:hover:not(.eye-no-styles):hover {
        background-color: transparent !important;
        border: 1px solid;
    }
}

html body .bvi-body[data-bvi-theme] *:not(.eye-no-styles) button *:not(.eye-no-styles),
html body .bvi-body[data-bvi-theme] *:not(.eye-no-styles) a *:not(.eye-no-styles)
{
    background-color: transparent !important;
}

html body .bvi-body[data-bvi-theme="white"] *:not(.eye-no-styles) {
    .add-to-favorite, .remove-to-favorite {
        span {
            color: #fff !important;
        }
    }
    .remove-to-favorite {
        svg path {
            fill: #fff !important;
        }
    }
    button *:not(.eye-no-styles), a *:not(.eye-no-styles) {
        stroke: #fff !important;
    }
    .main-page__btns {
        svg path {
            fill: #fff !important;
        }
    }
}
html body .bvi-body[data-bvi-theme="black"] *:not(.eye-no-styles) {
    .add-to-favorite, .remove-to-favorite {
        span {
            color: #000 !important;
        }
    }
    .remove-to-favorite {
        svg path {
            fill: #000 !important;
        }
    }
    button *:not(.eye-no-styles), a *:not(.eye-no-styles) {
        stroke: #000 !important;
    }
    .main-layout__up-btn {
        svg path {
            stroke: #fff !important;
        }
    }
}
html body .bvi-body[data-bvi-theme="blue"] *:not(.eye-no-styles) {
    .add-to-favorite, .remove-to-favorite {
        span {
            color: var(--bvi-blue) !important;
        }
    }
    .remove-to-favorite {
        svg path {
            fill: var(--bvi-blue) !important;
        }
    }
    button *:not(.eye-no-styles), a *:not(.eye-no-styles) {
        stroke: #9DD1FF !important;
    }
    .main-page__btns {
        svg path {
            fill: #fff !important;
        }
    }
}

html body .bvi-body[data-bvi-theme] *:not(.eye-no-styles) button.b2b-btn-icon:not(.eye-no-styles) {
    background-color: transparent !important;
    * {
        stroke: currentColor !important;
    }
}
html body .bvi-body[data-bvi-theme] *:not(.eye-no-styles) button.b2b-btn-icon:hover:not(.eye-no-styles):hover {
    background-color: transparent !important;
}

html body .bvi-body[data-bvi-theme="black"] *:not(.eye-no-styles) {
    .main-page__btns, .main-layout__up-btn {
        .btn-component, .btn-component:hover {
            background-color: transparent !important;
            border: 1px solid #fff !important;
        }
    }
}

html body .bvi-body[data-bvi-theme] *:not(.eye-no-styles) input::placeholder,
html body .bvi-body[data-bvi-theme] *:not(.eye-no-styles) textarea::placeholder 
{
    color: currentColor !important;
    opacity: 0.7;
}
html body .bvi-body[data-bvi-theme] *:not(.eye-no-styles)  {
    .b2b-field__wrap {
        input {
            background-color: transparent !important;
        }
    }
}
html body .bvi-body[data-bvi-theme] ymaps {
    filter: grayscale(1);
}
html body .bvi-body[data-bvi-theme] ~ .captcha-modal-overlay {
    filter: grayscale(1);
}

@media (min-width: 921px) {
    html body .bvi-body[data-bvi-theme] .b2b-header .header-actions__dropdown--tourism,
    html body .bvi-body[data-bvi-theme] .b2b-header .header-actions__btn[data-header-action="tourism"] {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    html body .bvi-body[data-bvi-theme] .b2b-header .header-actions__btn[data-header-action="tourism"] {
        align-items: center !important;
        justify-content: center !important;
        min-height: 44px !important;
        color: currentColor !important;
        background-color: transparent !important;
    }
}

/* End */


/* Start:/local/templates/main_b2b/components/bitrix/menu/left_multilevel/style.css?17768485294097*/

.menu-drawer {
    --menu-drawer-width: 350px;
    position: fixed;
    z-index: 10;
    height: 100%;
    width: var(--menu-drawer-width);
    background: #f9fcff;
    top: 0;
    left: calc(-1 * var(--menu-drawer-width));
    transition: .3s
}

.menu-drawer-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    background: #0a1a3e33
}

.menu-element-active {
    background: transparent;
    color: #2f8eed !important;
}

.menu-drawer ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.menu-drawer.open {
    transform: translate(100%)
}

.menu-drawer__trigger {
    /* width: 56px;
    min-width: 56px; */
    border-right: 1px solid #d9efff
}

.menu-drawer__close {
    height: 88px;
    width: 100%
}

.menu-drawer__close .q-icon {
    width: 24px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.menu-drawer__close .q-icon img {
    width: 24px;
    height: 20px;
    display: block;
}

.menu-drawer__content {
    padding: 24px;
    flex-grow: 1
}

.menu-drawer__nav {
    padding: 8px 0 0;
}

.menu-drawer .submenu-drawer {
    padding: 4px 8px 8px;
    color: #123670
}

.menu-drawer .q-item .q-item__label {
    font-size: 16px;
    line-height: 130% !important;
    color: #0b1c3f;
}

.menu-drawer .submenu-drawer .q-item .q-item__label {
    font-size: 16px;
    line-height: 130% !important;
    color: #123670 !important;
    font-weight: 500;
}

.menu-drawer .q-expansion-item--expanded > .q-expansion-item__container > .q-item[role="button"] .q-item__label,
.menu-drawer .menu-element-active {
    color: #2f8eed !important;
}

.menu-drawer .q-expansion-item__container > .q-item[role="button"] .q-item__section--side {
    color: #0b1c3f;
    padding-left: 8px;
}

.menu-drawer .q-expansion-item__container > .q-item[role="button"] .q-item__section--side .q-expansion-item__toggle-icon {
    display: none;
}

.menu-drawer .q-expansion-item__container > .q-item[role="button"] .q-item__section--side::before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    background-color: currentColor;
    -webkit-mask: url("/local/templates/main_b2b/components/bitrix/menu/left_multilevel/./images/arrow_down.svg") center / 16px 16px no-repeat;
    mask: url("/local/templates/main_b2b/components/bitrix/menu/left_multilevel/./images/arrow_down.svg") center / 16px 16px no-repeat;
    transition: transform .3s, background-color .3s;
}

.menu-drawer .q-expansion-item--expanded > .q-expansion-item__container > .q-item[role="button"] .q-item__section--side {
    color: #2f8eed;
}

.menu-drawer .q-expansion-item--expanded > .q-expansion-item__container > .q-item[role="button"] .q-item__section--side::before {
    transform: rotate(180deg);
}

@media screen and (max-width: 920px) {
    .menu-drawer,
    .menu-drawer-overlay {
        top: var(--menu-mobile-header-offset, 80px);
        bottom: 0;
        height: auto;
    }

    .menu-drawer .expansion-component--padding-s .q-item {
        padding: 9.5px 8px;
    }

    .menu-drawer .caption {
        font-size: 1rem;
    }

    .menu-drawer__nav {
        padding: 28px 0 0;
    }

    .menu-drawer__content {
        padding: 20px;
    }
    .menu-drawer .q-expansion-item__container > .q-item[role="button"] .q-item__section--main {
        flex: 1 1 auto;
    }
    .menu-drawer .q-expansion-item__container > .q-item[role="button"] .q-item__section--side {
        margin-left: auto;
        padding-left: 12px;
    }
}



.left-plate {
    width: 56px;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    border-right: 1px solid #d9efff;
    background: #f9fcff;
    z-index: 6;
}

.left-plate__head {
    height: 88px
}

@media screen and (max-width: 920px) {
    .left-plate {
        display:none
    }
}

@media screen and (max-width: 920px) {
    .menu-drawer {
        --menu-drawer-width: 100%;
    }
    .menu-drawer__trigger {
        display: none;
    }
}

.menu-drawer-btns {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

@media screen and (max-width: 920px) {
    .menu-drawer-btns {
        gap: 8px;
    }
}

/* End */


/* Start:/local/components/b2b/ui.button/buttons.css?17842245743776*/
.b2b-btn {
    font-size: 16px;
    line-height: 130%;
    font-weight: 500;
    z-index: 2;
    border: none;
    color: currentColor;
    text-decoration: none !important;
    border-radius: 10px;
    transition: .35s;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 8px 20px;
    gap: 6px;
    cursor: pointer;
    white-space: nowrap;
}
.b2b-btn, .b2b-btn * {
    transition: var(--animate-duration);
}

.b2b-btn.b2b-btn_square {
    width: 40px;
    padding: 8px;
}

.b2b-btn.b2b-btn_icon {
    min-height: 36px;
    padding: 0;
    background: transparent;
    border-color: transparent;
    color: var(--t-color-1);
}

.b2b-btn svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.b2b-btn_1 {
    background: var(--b2b-primary);
    border-color: var(--b2b-primary);
    color: var(--t-color-5);
}
.b2b-btn_1:hover {
    background: var(--b2b-accent);
    border-color: var(--b2b-accent);
    color: var(--t-color-5);
}

.b2b-btn_2 svg path {
    stroke: #2f8eed !important;
}

.b2b-btn_2 {
    background: #f9fcff !important;
    border: 1px solid #2f8eed !important;
    color: #2f8eed !important;
}
.b2b-btn_2:hover {
    background: var(--b2b-primary) !important;
    border-color: none !important;
    color: var(--t-color-5) !important;
}
.b2b-btn_2:hover svg path {
    stroke: var(--t-color-5) !important;
}

.b2b-btn_3 {
    background: var(--b2b-accent);
    border-color: var(--b2b-accent);
    color: var(--t-color-5);
    aspect-ratio: 1 / 1;
    min-height: 0;
    padding: 8px;
}
.b2b-btn_3:hover {
    background: var(--b2b-primary);
    border-color: var(--b2b-primary);
    color: var(--t-color-5);
}

.b2b-btn_4 {
    background: var(--b2b-accent);
    border-color: var(--b2b-accent);
    color: var(--t-color-5);
    padding: 8px;
}
.b2b-btn_4:hover {
    background: var(--b2b-primary);
    border-color: var(--b2b-primary);
    color: var(--t-color-5);
}

.b2b-btn_border-3 {
    border-color: var(--t-color-1);
}

.b2b-btn-icon {
    background: none !important;
    outline: none !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer;
}

.b2b-btn-shake {
    animation: shaker 5s infinite
}

.b2b-btn-plus {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    /* Отступ от текста задаётся общим gap кнопки — плюс держим вплотную к словам */
    margin-right: 0;
    display: inline-flex;
    align-items: center;
}

.b2b-btn_icon .b2b-btn-plus {
    color: currentColor;
}

.b2b-btn_2 .b2b-btn-plus {
    color: #2f8eed;
}

.b2b-btn_2:hover .b2b-btn-plus {
    color: var(--t-color-5);
}

/* Отступы иконок задаёт общий gap кнопки — отдельные margin убраны,
   чтобы значок стоял вплотную к тексту и содержимое было по центру */
.b2b-btn_with-icon-right svg:last-child {
    margin-left: 0;
}

.b2b-btn_with-icon-right svg:first-child {
    margin-right: 0;
}

@keyframes shaker {
    0%,19% {
        transform: rotate(0)
    }

    20% {
        transform: rotate(2deg)
    }

    22% {
        transform: rotate(-2deg)
    }

    24% {
        transform: rotate(3deg)
    }

    26% {
        transform: rotate(-3deg)
    }

    28% {
        transform: rotate(2deg)
    }

    30% {
        transform: rotate(-2deg)
    }

    32% {
        transform: rotate(3deg)
    }

    34% {
        transform: rotate(-3deg)
    }

    36% {
        transform: rotate(1deg)
    }

    38% {
        transform: rotate(-1deg)
    }

    40% {
        transform: rotate(0)
    }

    to {
        transform: rotate(0)
    }
}
/* End */


/* Start:/local/templates/main_b2b/components/bitrix/catalog.section.list/catalog_menu_multilevel/style.css?17838851764595*/
.menu-block {
    display: none;
    z-index: 10;
    position: fixed;
    height: calc(100% - 88px);
    width: 100%;
    top: 88px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden; 
    background: #f9fcff;
}

.menu-block--open {
    display: block !important;
}

.menu-block .desktop-catalog {
    height: 100%;
    min-height: 100%;
    display: flex;
    align-items: stretch;
    animation: slideDown 0.3s ease-out;
    overflow: hidden; 
}

/* ЛЕВАЯ ПАНЕЛЬ С МЕНЮ */
.menu-block .desktop-catalog__left-side {
    width: 280px;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Убираем скролл с контейнера */
    border-right: 1px solid rgba(0,0,0,0.1);
}

.menu-block .desktop-catalog__nav {
    flex: 1; 
    overflow-y: auto; 
    padding: 0 0 16px 0;
    height: 100%;
}

.menu-block .desktop-catalog__list {
    margin: 0;
    padding: 0 16px;
    list-style: none;
}

.desktop-catalog-content__title {
	font-size: 24px !important;
}

.menu-block .desktop-catalog__content .desktop-catalog-content__close {
    position: absolute;
    top: 4px;
    right: 0;
    cursor: pointer;
    z-index: 2;
}

.menu-block .desktop-catalog__content .desktop-catalog-content__close:hover path {
    stroke: var(--b2b-primary);
}

.desktop-catalog__title {
    margin-bottom: 16px;
}

/* ПРАВАЯ ПАНЕЛЬ С КОНТЕНТОМ */
.menu-block .desktop-catalog__content {
    flex: 1; 
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden; 
    background: #fff;
    position: relative;
}

.menu-block .desktop-catalog-content__body {
    flex: 1; 
    overflow-y: auto; 
    padding: 24px;
    height: 100%;
}

/* Сетка контента */
.desktop-catalog-content__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    padding-bottom: 20px; 
}

/* Колонка с подразделами */
.desktop-submenu-col {
    break-inside: avoid;
    margin-bottom: 24px;
}

.desktop-submenu-col__list {
    margin: 8px 0 0 0;
    padding: 0;
    list-style: none;
}

.desktop-submenu-col__el a {
    color: #666;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.4;
    transition: color 0.2s;
}

.desktop-submenu-col__el a:hover {
    color: #35559F;
}

/* Стили для кнопок "Показать все" */
.desktop-submenu-col__expandable {
    margin-top: 6px;
}

.menu-block .desktop-catalog__content .desktop-catalog-content__head {
    margin-right: 0;
    padding-right: 64px;
    position: relative;
}

.main-catalog-menu-right-head {
	display: inline-flex;
	flex-direction: row;
    align-items: baseline;
	gap: 16px;
	margin-bottom: 20px;
}

.main-catalog-menu-right-head-title h4 {
    margin: 0;
    color: #0A1A3E;
    font-family: Raleway, sans-serif;
	font-size: 24px;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0.01em;
}

.main-catalog-menu-right-head-count {
	display: flex;
	align-items: baseline;
    flex-shrink: 0;
}

.main-catalog-menu-right-head-count span {
	font-size: 14px;
	font-weight: 400;
	color: var(--b2b-accent);
}

.show-hide-btn {
    margin: 4px 0;
    color: #35559F;
    font-size: 13px;
}

.show-hide-btn .btn-component__wrapper {
    gap: 4px;
}

.show-hide-text {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.show-hide-arrow {
    flex: 0 0 auto;
    margin-left: 0;
    transition: transform 0.3s ease;
}

.show-hide-text img {
    transition: transform 0.3s ease;
    width: 13px;
    height: 13px;
    margin-left: 6px;
    vertical-align: middle;
}

.show-hide-btn.is-open .show-hide-text img {
    transform: rotate(180deg);
}

.show-hide-btn.is-open .show-hide-arrow {
    transform: rotate(180deg);
}

/* Анимация для раскрывающегося контента — только внутри каталогового меню */
.menu-block .q-expansion-item__content {
    overflow: hidden;
    transition: max-height 0.3s ease-in-out, opacity 0.2s ease-in-out;
    max-height: 0;
    opacity: 0;
}

/* При раскрытии показываем не более ~5 позиций (~140px) со скроллом;
   итого с всегда видимыми 5 = максимум 10 позиций */
.menu-block .q-expansion-item__content.show {
    max-height: 140px;
    opacity: 1;
    overflow-y: auto;
}

.b2b-header__catalog--active {
    background: var(--b2b-accent) !important;
    border-color: var(--b2b-accent) !important;
    color: var(--t-color-5) !important;
}

/* End */


/* Start:/local/templates/main_b2b/components/bitrix/menu/right_menu/style.css?17826905093369*/
:root {
	--tablet-breakpoint: 920px;
	--primary-color: #2f8eed;
	--gray-light: #f9fcff;
	--gray-border: #d9efff;
	--gray-bg: #d2d2d2;
}

/* Desktop Right Menu */
.desktop-right-menu {
	position: fixed;
	z-index: 10;
	right: 2px;
	top: 160px;
}

@media screen and (max-width: 920px) {
	.desktop-right-menu {
		display: none;
	}
}

/* Триггер меню */
.right-menu-trigger {
	display: flex;
	flex-wrap: nowrap;
	gap: 4px;
	color: #2f8eed;
	cursor: pointer;
}

.right-menu-trigger__num {
	min-width: 16px;
	max-width: 16px;
	font-size: 12px;
	line-height: 1.2;
	color: #2f8eed;
}

.right-menu-trigger__line {
	width: 4px;
	height: 196px;
	background: #d2d2d2;
	border-radius: 2px;
	overflow: hidden;
}

.right-menu-trigger__line span {
	background: #2f8eed;
	height: 0%;
	width: 100%;
	display: block;
	transition: height 0.2s;
}

.right-menu-trigger__icon {
	margin: auto;
}

.right-menu-trigger__icon svg {
	width: 20px;
	height: 20px;
	display: block;
}

/* Анимация появления */
[data-aos="zoom-in-left"] {
	opacity: 0;
	transform: translateX(-20px) scale(0.9);
	transition: opacity 0.3s, transform 0.3s;
}

[data-aos="zoom-in-left"].aos-animate {
	opacity: 1;
	transform: translateX(0) scale(1);
}

/* QMenu - выпадающее меню */
.q-menu {
	position: fixed;
	background: #f9fcff;
	border: 2px solid #d9efff;
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.05);
	width: 264px;
	padding: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s, visibility 0.2s;
	z-index: 100;
	top: 160px;
	right: 50px;
}

.q-menu.visible {
	opacity: 1;
	visibility: visible;
}

.desktop-right-menu-tooltip {
	padding: 0;
	border: 1px solid #d9efff;
	box-shadow: none;
	width: 264px;
}

.desktop-right-menu-tooltip__nav {
	width: 264px;
	border-radius: 10px;
}

.desktop-right-menu-tooltip__list {
	margin: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 16px;
}

@media screen and (max-width: 920px) {
	.desktop-right-menu-tooltip,
	.q-menu {
		display: none;
	}
}

/* Кнопки меню */
.menu-button {
	background: none;
	border: none;
	color: var(--b2b-accent);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	text-align: left;
	width: 100%;
	cursor: pointer;
	transition: color 0.2s;
	position: relative;
    padding: 0;
}

.menu-button:hover {
	color: #2f8eed;
}

.menu-button.active {
	color: #2f8eed;
	font-weight: 500;
}

/* Демо контент - якоря на самих блоках, а не отдельно */
.content {
	max-width: 800px;
	margin: 0 auto;
	padding: 20px;
}

.section-block {
	height: 100vh;
	border-bottom: 1px solid #eee;
	padding: 40px 20px;
	font-size: 24px;
	color: #333;
	scroll-margin-top: 70px; /* Важно! Заменяет отдельный якорь */
}

.section-block:nth-child(even) {
	background: #f5f9ff;
}

/*
* style.min.css
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/main_b2b/components/bitrix/menu/right_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
*/
/* End */


/* Start:/local/templates/main_b2b/components/bitrix/search.form/header/style.css?1777186653440*/
.b2b-header__search .b2b-field {
    background-color: #F9FCFF;
}

.b2b-header__search .b2b-field__wrap input {
    background-color: #F9FCFF;
}

.b2b-header__search .b2b-field__wrap input:-webkit-autofill,
.b2b-header__search .b2b-field__wrap input:-webkit-autofill:hover,
.b2b-header__search .b2b-field__wrap input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #F9FCFF inset;
    box-shadow: 0 0 0 1000px #F9FCFF inset;
}

/* End */


/* Start:/local/templates/main_b2b/components/bitrix/menu/header_actions/style.css?17841447935709*/
/* Основной контейнер - резиновый с отступами */
.header-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 auto;
    
    padding-left: max(16px, calc((100% - 1200px) / 2));
    padding-right: max(16px, calc((100% - 1200px) / 2));

    box-sizing: border-box;
    
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    line-height: 1.4;
    color: var(--b2b-accent);
    font-variant-numeric: lining-nums;
    direction: ltr;
    -webkit-tap-highlight-color: transparent;

}

.b2b-header .header-actions {
    @media (max-width: 920px) {
        display: none;
    }
}

.header-actions__btn {
    font: inherit;
    margin: 0;
    min-height: 44px;
    padding: 2px 4px;
    /* Кнопки не сжимаются: в узкой шапке flex-shrink срезал бы подписи */
    flex-shrink: 0;
    border: none;
    text-decoration: none;
    color: inherit;
    border-radius: 8px;
    transition: .2s;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    background: transparent;

    .header-actions__btn-wrapper {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
        z-index: 1;
    }

    .header-actions__content {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 0;
        font-weight: 500;
        font-size: 16px;
        line-height: 140%;
    }

    .header-actions__icon {
        display: block;
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        transition: color linear var(--b2b-transition-duration),
        fill linear var(--b2b-transition-duration);
        
        path {
            transition: fill 0.2s ease;
            fill: currentColor;
        }
    }

    .header-actions__label {
        font-size: 14px;
        line-height: 140%;
        font-weight: 500;
        white-space: nowrap;
        transition: color linear var(--b2b-transition-duration);

        @media (max-width: 1220px) {
            display: none;
        }
    }

    &.header-actions__btn-active {
        .header-actions__icon path {
            fill: var(--b2b-primary) !important;
            color: var(--b2b-primary) !important;
        }
        .header-actions__label {
            color: var(--b2b-primary) !important;
        }
    }
}

.header-actions__btn:hover {
    .header-actions__icon path {
        fill: var(--b2b-primary) !important;
        color: var(--b2b-primary) !important;
        transition: .5s;
    }
    .header-actions__label {
        color: var(--b2b-primary) !important;
    }
}


.header-actions__dropdown {
    position: relative;
}

.header-actions__submenu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 100;
    min-width: 220px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    padding: 8px 0;
}

.header-actions__submenu-link {
    display: block;
    padding: 10px 16px;
    color: var(--b2b-accent);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    white-space: nowrap;
    transition: color 0.2s, background 0.2s;
}

.header-actions__submenu-link:hover {
    color: var(--b2b-primary);
    background: rgba(var(--b2b-primary-rgb), 0.05);
}

.header-actions__btn--profile .header-actions__content {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
}

/*
 * Подпись — строго в одну строку с многоточием: перенос на вторую строку
 * распирал кнопку выше её высоты и выдавливал иконку вверх («ФКУ ИК №4»).
 * Полное название организации — в title кнопки.
 */
.header-actions__btn--profile .header-actions__label {
    font-size: 14px;
    line-height: 1.3;
    font-weight: 500;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    color: inherit;
}

    .header-actions__btn--profile .header-actions__label {
        @media (max-width: 1220px) {
            display: none;
        }
    }

.header-actions__btn--profile.header-actions__btn-active {
    background: rgba(var(--b2b-primary-rgb), 0.1);
}

@media (max-width: 920px) {
    .b2b-header .header-actions {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0;
        gap: 2px;
    }

    .b2b-header .header-actions .header-actions__btn {
        display: none;
    }

    .b2b-header .header-actions .header-actions__dropdown {
        display: none;
    }

    .b2b-header .header-actions .header-actions__btn[data-header-action="favorite"],
    .b2b-header .header-actions .header-actions__btn[data-header-action="profile"] {
        display: flex;
        width: 40px;
        min-width: 40px;
        height: 40px;
        min-height: 40px;
        padding: 0;
    }

    .b2b-header .header-actions .header-actions__btn[data-header-action="favorite"] .header-actions__label,
    .b2b-header .header-actions .header-actions__btn[data-header-action="profile"] .header-actions__label {
        display: none;
    }

    .b2b-header .header-actions .header-actions__btn[data-header-action="favorite"] .header-actions__icon,
    .b2b-header .header-actions .header-actions__btn[data-header-action="profile"] .header-actions__icon {
        width: 24px;
        height: 24px;
    }
}

/* End */


/* Start:/local/components/spll/ui.lang/templates/.default/style.css?17768485292129*/
.header-locale {
    position: relative;
    display: inline-block;
}

.header-locale__button {
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 4px;
    transition: background-color 0.3s;
    display: flex;
    align-items: center;
    gap: 8px;
}

.header-locale__button:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.header-locale__text {
    font-size: 14px;
    line-height: 1.2;
}

.header-locale__icon {
    display: inline-flex;
    transition: transform 0.3s;
}

.header-locale__button[aria-expanded="true"] .header-locale__icon {
    transform: rotate(180deg);
}

.header-locale__dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 100%;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    z-index: 1000;
}

.header-locale__dropdown.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header-locale__option {
    display: block;
    width: 100%;
    padding: 8px 16px;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s;
    white-space: nowrap;
}

.header-locale__option:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.header-locale__option--active {
    background-color: rgba(0, 0, 0, 0.02);
    font-weight: 600;
    position: relative;
}

.header-locale__option--active::before {
    position: absolute;
    left: 4px;
    color: #4caf50;
}

/* Анимации для AOS */
[data-aos="fade-up"] {
    transform: translateY(20px);
    opacity: 0;
    transition-property: transform, opacity;
}

[data-aos="fade-up"].aos-animate {
    transform: translateY(0);
    opacity: 1;
}

/* Медиа-запросы для адаптивности */
@media (max-width: 768px) {
    .header-locale__button {
        padding: 6px 10px;
    }

    .header-locale__dropdown {
        right: auto;
        left: 0;
    }
}
/* End */


/* Start:/local/templates/main_b2b/components/bitrix/breadcrumb/.default/style.css?1784796494566*/
/* Фокус на хлебных крошках.
   По умолчанию браузер рисует обводку вплотную к тексту и перекрывает буквы.
   При клике мышью обводка не нужна, при навигации с клавиатуры — нужна,
   но с отступом и скруглением. */
.breadcrumbs-component__item:focus {
    outline: none;
}

.breadcrumbs-component__item:focus-visible {
    outline: 2px solid #2f8eed;
    outline-offset: 4px;
    border-radius: 8px;
}

/* End */


/* Start:/local/components/spll/catalog.banner/templates/.default/style.css?177684852844*/
.banner-section {
    margin-bottom: 32px;
}
/* End */


/* Start:/local/templates/main_b2b/components/bitrix/menu/subsidies_section_menu/style.css?17848170468281*/
.section-top-menu {
    margin-top: 24px;
    margin-bottom: 28px;
}

[data-v-1fff1c25]:root {
    --tablet-breakpoint: 920px
}

@media screen and (max-width: 920px) {
    .switch-tab-component[data-v-1fff1c25] {
        width:100%
    }
}

.switch-tab-component__list[data-v-1fff1c25] {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.switch-tab-component__list[data-v-1fff1c25]::-webkit-scrollbar {
    display: none
}

.switch-tab-component__list[data-v-1fff1c25] {
    background-color: #d9efff;
    padding: 12px;
    border-radius: 12px;
    gap: 12px
}

@media screen and (max-width: 920px) {
    .switch-tab-component__list[data-v-1fff1c25] {
        padding:6px 8px;
        gap: 8px;
        overflow-x: auto
    }
}

@media screen and (max-width: 768px) {
    .section-top-menu {
        flex-direction: column;
        align-items: start !important;
        gap: 16px !important;
    }
}

@media screen and (max-width: 470px) {
    .switch-tab-component__list[data-v-1fff1c25] {
        display: flex;
        /* flex-direction: column; */
    }

    .section-top-menu {
        flex-direction: column;
        align-items: center !important;
    }
}
@media screen and (max-width: 320px) {
    .switch-tab-component__list[data-v-1fff1c25] {
        .btn-component {
            padding: 12px 10px 12px 10px;
            font-size: 13px;
        }
    }
}

.switch-tab-component__head[data-v-1fff1c25] {
    align-items: center;
    gap: 8px
}

@media screen and (max-width: 480px) {
    .switch-tab-component__head[data-v-1fff1c25] {
        flex-direction:column
    }
}

.switch-tab-component__head .b2b-select__trigger {
    width: 292px;   
}

.switch-tab-component__item[data-v-1fff1c25] {
    flex-grow: 1;
    text-align: center;
}

.switch-tab-component__head-right[data-v-1fff1c25] {
    display: flex;
    align-items: center
}

.switch-tab-component__btn[data-v-1fff1c25] {
    background-color: transparent
}

@media screen and (min-width: 921px) and (hover: hover) {
    .switch-tab-component__btn[data-v-1fff1c25]:not(:disabled):not(.switch-tab-component__btn--disabled):not(.disabled):hover,.switch-tab-component__btn[data-v-1fff1c25]:not(:disabled):not(.switch-tab-component__btn--disabled):not(.disabled):focus-visible {
        background-color:#fff;
        color: #0a1a3e
    }
}

.switch-tab-component__btn--active[data-v-1fff1c25] {
    background-color: #fff;
    pointer-events: none;
    color: #0a1a3e
}

/* ─── Мобильная кнопка-фильтр и панель (≤480px) ─── */

/* Кнопка скрыта по умолчанию */
.subsidy-mobile-filter-btn {
    display: none;
    cursor: pointer;
    background: transparent;
    border: none;
    padding: 0;
    margin-bottom: 0;
    align-items: center;
    justify-content: center;
}

.subsidy-mobile-filter-panel {
    display: none;
}

@media screen and (max-width: 480px) {
    .section-top-menu {
        display: none !important;
    }

    .subsidy-mobile-filter-btn {
        display: flex;
        margin-bottom: 8px;
    }

    .subsidy-mobile-filter-panel.is-open {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 80px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999;
        background: #fff;
        overflow-y: auto;
    }

    .subsidy-mobile-filter-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 32px 20px 16px;
        margin-bottom: 16px;
        flex-shrink: 0;
    }

    .subsidy-mobile-filter-title {
        font-size: 18px;
        font-weight: 700;
        color: var(--b2b-accent);
    }

    .subsidy-mobile-filter-close {
        padding: 0;
        background: transparent;
        border: none;
        font-size: 15px;
        font-weight: 500;
        color: #2f8eed;
        cursor: pointer;
        font-family: inherit;
    }

    /* Тело панели */
    .subsidy-mobile-filter-body {
        padding: 0 20px 8px;
        flex: 1;
        overflow-y: auto;
    }

    .subsidy-mobile-filter-section-label {
        font-size: 20px;
        font-weight: 700;
        color: var(--b2b-accent);
        margin-bottom: 12px;
    }

    .subsidy-mobile-filter-radios {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .subsidy-mobile-radio {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 0;
        border-bottom: 1px solid rgba(10, 26, 62, 0.08);
        cursor: pointer;
    }

    .subsidy-mobile-radio__label {
        font-size: 16px;
        color: var(--b2b-accent);
        font-weight: 600;
    }

    .subsidy-mobile-filter-panel .mob-check-round {
        position: relative;
        flex-shrink: 0;
        width: 24px;
        height: 24px;
    }

    .subsidy-mobile-filter-panel .mob-check-round input[type="radio"] {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
    }

    .subsidy-mobile-filter-panel .mob-check-round__mark {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        border: 2px solid #2f8eed;
        background: #fff;
        transition: border-color .15s, background .15s;
        box-sizing: border-box;
    }

    .subsidy-mobile-filter-panel .mob-check-round__mark svg {
        opacity: 0;
        transform: scale(0);
        transition: opacity .15s, transform .15s;
    }

    .subsidy-mobile-filter-panel .mob-check-round input[type="radio"]:checked ~ .mob-check-round__mark {
        border-color: #2f8eed;
        background: #2f8eed;
    }

    .subsidy-mobile-filter-panel .mob-check-round input[type="radio"]:checked ~ .mob-check-round__mark svg {
        opacity: 1;
        transform: scale(1);
    }

    body.subsidy-mobile-filter-open {
        overflow: hidden;
    }

    .mob-filter-actions {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 16px 20px;
        padding-bottom: 32px;
        flex-shrink: 0;
        position: sticky;
        bottom: 0;
        background: #fff;
        z-index: 1;
    }

    .mob-filter-actions__apply,
    .mob-filter-actions__clear {
        flex: 1;
        padding: 12px 0;
        border-radius: 10px;
        font-size: 15px;
        font-weight: 600;
        font-family: inherit;
        cursor: pointer;
        border: none;
    }

    .mob-filter-actions__apply {
        background: var(--b2b-accent, #2f8eed);
        color: #fff;
    }

    .mob-filter-actions__clear {
        background: transparent;
        color: #2f8eed;
        border: 1px solid #2f8eed;
    }
}

.switch-tab-component__btn--black-text[data-v-1fff1c25] {
    color: var(--b2b-accent);
}


.btn-component--grey-color-primary-color:hover {
background: #f9fcff;
}

.swith-element-text {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--b2b-accent) !important;
}
/* ─── Табы раздела «Новости» (/press/news/) ───
   По макету полоса табов 514x68: кнопки по ширине текста (padding 0 16px)
   и высотой 44px, а не растянутые на всю строку.
   Правила заскоплены модификатором .section-top-menu--auto-width, который
   шаблон вешает только на страницах /press/news/ — табы мер господдержки
   и других разделов остаются прежними. */
/* двойной класс — перебиваем .section-top-menu .switch-tab-component__list{width:100%}
   из local/components/spll/favorite.filter.type/templates/b2b/style.css */
.section-top-menu--auto-width.section-top-menu .switch-tab-component__list {
    flex: 0 0 auto;
    width: fit-content;
}

.section-top-menu--auto-width .switch-tab-component__item {
    flex: 0 0 auto;
}

.section-top-menu--auto-width .switch-tab-component__btn {
    width: auto !important; /* перебиваем .full-width из template-bad-styles.css */
    min-height: 44px;
    height: 44px;
    padding: 0 12px;
}

/* End */


/* Start:/local/templates/main_b2b/components/bitrix/menu/subsidies_section_main/style.css?17768485292482*/
[data-v-293acbfb]:root {
    --tablet-breakpoint: 920px
}

.card-chapter[data-v-293acbfb] {
    border-radius: 20px;
    background-color: #d9efff;
    padding: 30px;
    position: relative;
    min-height: 195px;
    height: 100%
}

@media screen and (max-width: 480px) {
    .card-chapter[data-v-293acbfb] {
        padding:20px;
        min-height: auto
    }
}

.card-chapter__title[data-v-293acbfb] {
    color: #2f8eed;
    margin-bottom: 20px
}

.card-chapter__list[data-v-293acbfb] {
    gap: 10px
}

.card-chapter__image[data-v-293acbfb] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 62px
}

@media screen and (max-width: 920px) {
    .card-chapter__image[data-v-293acbfb] {
        display:none
    }
}

.card-chapter[data-v-293acbfb] a {
    width: 100%
}

.card-chapter[data-v-293acbfb] svg {
    color: #2f8eed
}

.card-chapter[data-v-293acbfb] .btn-component__wrapper span {
    max-width: 313px
}

[data-v-42dcbaeb]:root {
    --tablet-breakpoint: 920px
}

.support-page[data-v-42dcbaeb] {
    padding-bottom: 50px
}

@media screen and (max-width: 920px) {
    .support-page[data-v-42dcbaeb] {
        padding-bottom:30px
    }
}

.support-page__title[data-v-42dcbaeb] {
    margin-bottom: 24px
}

.support-page__list[data-v-42dcbaeb] {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(45%,1fr));
    margin-top: 24px;
    gap: 14px;
    align-items: stretch
}
.section-top-menu .switch-tab-component__list {
    width: 100%;
}

@media screen and (max-width: 920px) {
    .support-page__list[data-v-42dcbaeb] {
        grid-template-columns:repeat(auto-fill,minmax(100%,1fr))
    }
}

.support-page__list--double[data-v-42dcbaeb] {
    background-color: #d9efff;
    border-radius: 20px
}

.support-page__list--double .support-page__item[data-v-42dcbaeb] {
    position: relative
}

@media screen and (max-width: 480px) {
    .support-page__list--double .support-page__item[data-v-42dcbaeb]:nth-child(2) .card-chapter {
        padding-top:0
    }
}

@media screen and (max-width: 480px) {
    .support-page__list--double .support-page__item[data-v-42dcbaeb]:nth-child(1) .card-chapter {
        padding-bottom:0
    }
}

.support-page__list--double .support-page__item[data-v-42dcbaeb]:nth-child(1):after {
    position: absolute;
    top: 50%;
    right: 0;
    border-right: 1px solid rgba(47,142,237,.25);
    transform: translateY(-50%);
    width: 1px;
    height: calc(100% - 68px);
    content: ""
}

/* End */


/* Start:/local/components/b2c/ui.list/list.css?1776848528130*/
.b2c-list-ver-nav {
    margin-block-end: 0;
    margin-block-start: 0;
    padding-inline-start: 0;
    list-style-type: none;
}

/* End */


/* Start:/local/components/b2c/ui.list/templates/navVertical/style.css?177684852844*/
.no-underline {
    text-decoration: none;
}
/* End */


/* Start:/local/templates/main_b2b/components/bitrix/main.feedback/.default/style.css?1776848529281*/
[id^="wait_comp_"],
.bx-core-waitwindow,
.bx-core-waitwindow-overlay {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.field-error {
    font-size: 12px;
    color: #F04438;
    margin-top: 4px;
}
/* End */


/* Start:/local/components/spll/cookie.using/templates/.default/style.css?17768485282004*/
.cookie-using-modal {
    position: fixed;
    inset: 0;
    z-index: 2000;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.cookie-using-modal.active {
    opacity: 1;
    visibility: visible;
}

.cookie-using-modal .q-dialog__inner {
    display: flex;
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 16px;
}

.cookie-using-modal .q-dialog__inner > div {
    overflow: hidden !important;
}

.cookie-using-modal__content {
    position: fixed;
    left: 50%;
    bottom: 16px;
    transform: translateX(-50%);
    width: 552px;
    max-width: calc(100vw - 32px);
    height: 109px;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
    padding: 24px 56px 24px 24px;
    overflow: hidden;
    display: flex;
    align-items: center;
    pointer-events: auto;
}

.cookie-using-modal .modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cookie-using-modal .modal__close .material-icons {
    font-family: "Material Icons", sans-serif;
    font-size: 22px;
    color: #1c1b1d;
}

.cookie-using-modal__text {
    margin: 0;
    color: #1c1b1d;
    font-size: 16px;
    line-height: 1.45;
}

.cookie-using-modal__text a {
    color: #1c1b1d;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .cookie-using-modal .q-dialog__inner {
        padding: 8px;
    }

    .cookie-using-modal__content {
        left: 8px;
        right: 8px;
        bottom: 8px;
        transform: none;
        width: auto;
        height: auto;
        min-height: 109px;
        padding: 18px 46px 18px 16px;
        border-radius: 10px;
    }

    .cookie-using-modal__text {
        font-size: 14px;
    }
}








/* End */


/* Start:/local/components/spll/test.mode.notice/templates/.default/style.css?17850281162127*/
.test-mode-notice {
    --test-notice-accent: #2f8eed;

    position: fixed;
    left: 16px;
    bottom: 16px;
    z-index: 1500;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 420px;
    max-width: calc(100vw - 32px);
    box-sizing: border-box;
    padding: 18px 44px 18px 18px;
    background: #ffffff;
    border: 1px solid var(--border-color-2, #e4e4e4);
    border-left: 4px solid var(--test-notice-accent);
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
    color: #1c1b1d;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.test-mode-notice--b2c {
    --test-notice-accent: #8654cc;
}

.test-mode-notice--visible {
    opacity: 1;
    transform: translateY(0);
}

.test-mode-notice__icon {
    flex: 0 0 auto;
    color: var(--test-notice-accent);
    margin-top: 2px;
}

.test-mode-notice__title {
    font-weight: 700;
    font-size: 15px;
    line-height: 1.35;
    margin-bottom: 6px;
}

.test-mode-notice__text {
    font-size: 14px;
    line-height: 1.45;
}

.test-mode-notice__link {
    color: var(--test-notice-accent);
    text-decoration: underline;
}

.test-mode-notice__action {
    padding: 0;
    border: none;
    background: transparent;
    font: inherit;
    color: var(--test-notice-accent);
    text-decoration: underline;
    cursor: pointer;
}

.test-mode-notice__close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    color: #1c1b1d;
    cursor: pointer;
    border-radius: 6px;
}

.test-mode-notice__close:hover {
    background: rgba(0, 0, 0, 0.06);
}

@media (max-width: 767px) {
    .test-mode-notice {
        left: 8px;
        right: 8px;
        bottom: 8px;
        width: auto;
        max-width: none;
        padding: 14px 40px 14px 14px;
        border-radius: 10px;
    }

    .test-mode-notice__title {
        font-size: 14px;
    }

    .test-mode-notice__text {
        font-size: 13px;
    }
}

/* End */


/* Start:/local/templates/main_b2b/styles.css?1776848529439*/
/* body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #0a1a3e;
    min-width: 320px;
    height: 100%;
    background: #f9fcff
} */

/* h1 {
    font-size: 56px;
    font-weight: 300;
    margin: 0;
    padding:0;
    letter-spacing: -.01562em;
    span {
        font-size: 56px;
    }
} */

/* .section-with-description {
    display: flex;
    flex-direction: column;
    gap: 232px;
} */
/* End */


/* Start:/local/templates/main_b2b/template_styles.css?17768485293258*/
*, *:before, *:after {
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: var(--font-family-1);
    font-size: 100%;
    font-variant-numeric: lining-nums proportional-nums;
    color: #0a1a3e;
    /* min-width: 320px; */
    height: 100%;
    background: #f9fcff;
}

body, body * {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
}

img {
    max-width: 100%;
}

.main-layout {
    padding-left: 56px;
}

@media (min-width: 921px) {
    .b2b-footer {
        padding-left: 56px;
    }
}

.form-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.field-error {
  color: #D92D20 !important;
  font-size: 14px !important;
}

.footer__content .q-field__native,.q-field__prefix,.q-field__suffix,.q-field__input {
    color: #FFF !important;
}
/* ══════════════════════════════════════════════════════════════════════════
   MANGO OFFICE — виджет обратной связи
   ══════════════════════════════════════════════════════════════════════════ */

/* Виджет Mango поверх всех элементов страницы */
#mgo-mcw-widget {
    z-index: 99999 !important;
    display: block !important;
}

/* Показываем все контейнеры Mango */
.mgo-mcw-antispam-notification-wrapper,
.mgo-mcw__wrapper {
    display: block !important;
    visibility: visible !important;
}

/* Группа кнопок Mango */
#mgo-mcw-group-buttons {
    display: none !important;
}

#mgo-mcw-chat-button,
#mgo-mcw-cb-button {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 50px !important;
    height: 50px !important;
    background: blue !important;
    pointer-events: auto !important;
}

/* Контейнеры форм - показываем при открытии */
#mgo-mcw-callback,
#mgo-mcw-window-c {
    z-index: 100000 !important;
}

/* Hover эффект для кастомных кнопок (добавляется через JS) */
#mango-phone button.hover,
#mango-chat button.hover,
.main-page__btns button.hover {
    transform: scale(1.08);
}

#mgo-mcw-cb-button {
    display: none !important;
}

/*версия для слабовидящих и иконки*/
.footer-detail__col:nth-child(3) {
    display: flex !important;
    flex-direction: column;
    align-items: flex-end;
    flex-shrink: 0;
    min-width: fit-content;
}

.mgo-mcw__button .mgo-mcw__button-icon, .mgo-mcw__button .mgo-mcw__button-icon__offline {
    width: 40px !important;
    height: 40px !important;
}

.mgo-mcw-widget_position-right {
    bottom: 67px;
    right: clamp(1rem, calc(0.55rem + 2.25vw), 3.25rem);
}

#mgo-mcw-cb-button {
    width: 40px !important;
    height: 40px !important;
}
/* End */
/* /local/templates/main_b2b/css/material-icons.css?1776848529718 */
/* /local/templates/main_b2b/css/variables.css?17768485291390 */
/* /local/templates/main_b2b/css/fonts.css?17768485291074 */
/* /local/templates/main_b2b/css/form.css?17768485292665 */
/* /local/templates/main_b2b/css/standard.css?17846659697364 */
/* /local/templates/main_b2b/css/spaces.css?17768485291883 */
/* /local/templates/main_b2b/css/typography.css?17768485291504 */
/* /local/templates/main_b2b/css/grid.css?17768485291229 */
/* /local/templates/main_b2b/header.css?17771866534623 */
/* /local/templates/main_b2b/css/header-shared.css?17846278463309 */
/* /local/templates/main_b2b/template-bad-styles.css?1785161029656692 */
/* /local/templates/main_b2b/css/footer.css?17847966211715 */
/* /local/bvi/css/bvi.css?177684852886654 */
/* /local/bvi/css/bvi-custom.css?178507644018329 */
/* /local/templates/main_b2b/components/bitrix/menu/left_multilevel/style.css?17768485294097 */
/* /local/components/b2b/ui.button/buttons.css?17842245743776 */
/* /local/templates/main_b2b/components/bitrix/catalog.section.list/catalog_menu_multilevel/style.css?17838851764595 */
/* /local/templates/main_b2b/components/bitrix/menu/right_menu/style.css?17826905093369 */
/* /local/templates/main_b2b/components/bitrix/search.form/header/style.css?1777186653440 */
/* /local/templates/main_b2b/components/bitrix/menu/header_actions/style.css?17841447935709 */
/* /local/components/spll/ui.lang/templates/.default/style.css?17768485292129 */
/* /local/templates/main_b2b/components/bitrix/breadcrumb/.default/style.css?1784796494566 */
/* /local/components/spll/catalog.banner/templates/.default/style.css?177684852844 */
/* /local/templates/main_b2b/components/bitrix/menu/subsidies_section_menu/style.css?17848170468281 */
/* /local/templates/main_b2b/components/bitrix/menu/subsidies_section_main/style.css?17768485292482 */
/* /local/components/b2c/ui.list/list.css?1776848528130 */
/* /local/components/b2c/ui.list/templates/navVertical/style.css?177684852844 */
/* /local/templates/main_b2b/components/bitrix/main.feedback/.default/style.css?1776848529281 */
/* /local/components/spll/cookie.using/templates/.default/style.css?17768485282004 */
/* /local/components/spll/test.mode.notice/templates/.default/style.css?17850281162127 */
/* /local/templates/main_b2b/styles.css?1776848529439 */
/* /local/templates/main_b2b/template_styles.css?17768485293258 */
