<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
:root {
    --controlFontSizeXS: 0.6875rem;
    --controlFontSizeS: 0.8125rem;
    --controlFontSizeM: 0.875rem;
    --controlFontSizeL: 1rem;
    --controlFontSizeXL: 1.125rem;
    --controlFontSizeXXL: 1.25rem;
    --controlFontWeightRegular: 400;
    --controlFontWeightSemibold: 600;
    --controlFontWeightBold: 700
}

@-webkit-keyframes skeleton-lines {
    0% {
        background-position: -100px
    }

    40% {
        background-position: 140px
    }

    to {
        background-position: 140px
    }
}

@keyframes skeleton-lines {
    0% {
        background-position: -100px
    }

    40% {
        background-position: 140px
    }

    to {
        background-position: 140px
    }
}

:root {
    --transition-time: .3s;
    --focusColor: rgba(253, 54, 101, 0.35);
    --actualHeaderHeight: var(--mobileHeaderHeight);
    --grid-sides: 1rem;
    --sidebar-column-width: 6.875rem;
    --sidebar-column-count: 0;
    --sidebar-width: 0;
    --grid-gutter: 1rem;
    --grid-columns: 2;
    --max-screen: 100vw;
    --temp: calc(var(--grid-gutter) * (var(--grid-columns) - 1));
    --grid-column-width: calc((var(--max-screen) - var(--grid-sides) * 2 - var(--temp)) / var(--grid-columns))
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input {
    margin: 0
}

:root {
    --focus-size: 0.25rem;
    --focus-style: 4px solid #eee2fc
}

* {
    box-sizing: border-box
}

:focus {
    outline: var(--focus-style)
}

.js-focus-visible :focus:not(.focus-visible) {
    outline: none
}

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    height: 100%;
    color: #1c1f25;
    font-family: SF Pro Display, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Arial, Noto Sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3
}

a * {
    pointer-events: none
}

.btn, .clear-button, button {
    border: 0;
    background-color: transparent;
    text-decoration: none;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color: inherit;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn *, .clear-button *, button * {
    pointer-events: none
}

img {
    max-width: 100%
}

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

* {
    scroll-behavior: smooth;
    scroll-padding-top: .625rem
}

[data-lazy-preloader] {
    --preloader-svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' font-family='SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,Noto Sans,sans-serif' font-size='1em' fill='%2360656c' width='200' height='100'%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle'%3ELoading...%3C/text%3E%3C/svg%3E");
    font-size: 0;
    position: relative;
    border-radius: 10px;
    background-position: 50%, 0 0;
    background-repeat: no-repeat;
    background-size: contain, 400% 400%;
    -webkit-animation: lazy-preloader-animation 3s ease infinite;
    animation: lazy-preloader-animation 3s ease infinite;
    background-image: var(--preloader-svg), linear-gradient(-45deg, #e9edf1, #fff, #e9edf1)
}

[lang=ru] [data-lazy-preloader] {
    --preloader-svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' font-family='SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,Noto Sans,sans-serif' font-size='1em' fill='%2360656c' width='200' height='100'%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle'%3EЗагрузка...%3C/text%3E%3C/svg%3E")
}

[lang=uk] [data-lazy-preloader] {
    --preloader-svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' font-family='SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,Noto Sans,sans-serif' font-size='1em' fill='%2360656c' width='200' height='100'%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle'%3EЗавантаження...%3C/text%3E%3C/svg%3E")
}

@-webkit-keyframes lazy-preloader-animation {
    0% {
        background-position: 50%, 0 50%
    }

    50% {
        background-position: 50%, 100% 50%
    }

    to {
        background-position: 50%, 0 50%
    }
}

@keyframes lazy-preloader-animation {
    0% {
        background-position: 50%, 0 50%
    }

    50% {
        background-position: 50%, 100% 50%
    }

    to {
        background-position: 50%, 0 50%
    }
}

.container {
    --containerSides: var(--grid-sides);
    width: 100%;
    max-width: 93rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--containerSides);
    padding-right: var(--containerSides)
}

.wide-screen {
    --shift: calc(var(--grid-sides) * -1);
    margin-left: var(--shift);
    margin-right: var(--shift)
}

.layout-grid:before {
    --grid-color: rgb(255 0 0/0.03);
    --grid-color: rgb(255 0 0/0.1);
    --sidebar-color: rgb(30 144 255/0.1);
    position: fixed;
    top: 0;
    content: "";
    pointer-events: none;
    z-index: 10000;
    width: 100vw;
    height: calc(var(--vh, 1vh) * 100);
    background-repeat: no-repeat;
    border-width: medium;
    border-left: var(--grid-sides) solid transparent;
    border-bottom: 0 solid transparent;
    border-right: var(--grid-sides) solid transparent;
    border-top: 0 solid transparent;
    max-width: calc(93rem - var(--grid-sides) * 2)
}

.content {
    --maxCols: 2;
    display: grid;
    -webkit-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter);
    grid-template-columns: repeat(var(--maxCols), 1fr)
}

.content .cell {
    --small-phone-offset: 1;
    --large-phone-offset: 1;
    --tablet-small-offset: 1;
    --tablet-medium-offset: 1;
    --desktop-medium-offset: 1;
    --tablet-large-offset: 1;
    --desktop-small-offset: 1;
    --desktop-large-offset: 1;
    --desktop-max-offset: 1;
    --small-phone-cols: 2;
    --large-phone-cols: 2;
    --tablet-small-cols: 4;
    --tablet-medium-cols: 6;
    --tablet-large-cols: 8;
    --desktop-small-cols: 6;
    --desktop-medium-cols: 8;
    --desktop-large-cols: 10;
    --desktop-max-cols: 10;
    --currentOffcet: 1;
    --currentCols: 12;
    grid-column: var(--current-offset)/span var(--currentCols);
    --current-offset: var(--small-phone-offset);
    --currentCols: var(--small-phone-cols, --maxCols)
}

.layout-with-sidebar {
    display: grid;
    max-width: 100%;
    -webkit-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter);
    --sidebarMobileOrder: initial;
    --sidebarMobileDisplay: initial
}

.layout-with-sidebar &gt; * {
    min-width: 0
}

.layout-with-sidebar__area-sidebar {
    grid-area: sidebar
}

.layout-with-sidebar__area-content {
    grid-area: content
}

.layout-with-sidebar__area-content &gt; * {
    min-width: 0
}

.toolbar-item {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #1c1f25;
    text-decoration: none;
    border-radius: .375rem;
    transition: color .3s linear
}

.toolbar-item:focus, .toolbar-item:hover, .toolbar-item_active {
    color: #9a0db7
}

.toolbar-item__icon-wrapper {
    position: relative;
    flex-shrink: 0
}

.toolbar-item__text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    font-size: .6875rem;
    line-height: 1.45455;
    letter-spacing: .008em
}

.toolbar-item__bage {
    transition: opacity .3s linear
}

.toolbar-item__bage:empty {
    opacity: 0
}

.mobile-toolbar {
    background: linear-gradient(270deg, #f9f5ff, #f5f7ff 33%, #fcfdff 66%, #f9f5ff);
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 8px 16px -8px rgba(46, 48, 52, .15);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    z-index: 57
}

.mobile-toolbar__list {
    display: flex;
    min-height: var(--space-56)
}

.mobile-toolbar__list-item {
    flex-grow: 1
}

.mobile-toolbar__link {
    width: 100%;
    height: 100%
}

.breadcrumbs {
    --beadcrumbLinkColor: initial
}

.breadcrumbs__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: var(--space-4)
}

.breadcrumbs__item {
    display: flex;
    align-items: center;
    transition: color .3s linear;
    color: var(--beadcrumbLinkColor)
}

.breadcrumbs__link {
    --font-size: 0.75rem;
    --font-weight: 400;
    --line-height: 1.3;
    --letter-spacing: 0.004em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    text-decoration: none;
    transition: color .3s linear;
    color: inherit
}

.btn-search-toggler {
    color: #1c1f25
}

.search-suggest {
    --searchSuggestPaddingX: var(--space-16);
    background-color: #fff;
    position: absolute;
    z-index: 1
}

.search-suggest__item:not(:last-child) {
    border-bottom: 1px solid #e9edf1
}

.search-suggest-item-empty {
    padding-top: .75rem;
    padding-bottom: .75rem;
    text-align: center
}

.search-suggest-item-rubric {
    --itemBackgroundColor: transparent;
    --itemNameColor: #1c1f25;
    --itemIconColor: #6a6e73;
    padding-top: .25rem;
    padding-bottom: .25rem;
    text-decoration: none;
    min-height: 2.5rem;
    padding-left: var(--searchSuggestPaddingX);
    padding-right: var(--searchSuggestPaddingX);
    background-color: var(--itemBackgroundColor);
    transition: background-color .3s linear;
    display: grid;
    grid-template-areas: "icon-left name icon-right" "icon-left note icon-right";
    grid-template-columns: var(--space-22) 1fr var(--space-16);
    -webkit-column-gap: var(--space-4);
    column-gap: var(--space-4)
}

.search-suggest-item-rubric__icon-left {
    grid-area: icon-left;
    color: var(--itemIconColor);
    align-self: center
}

.search-suggest-item-rubric__icon-right {
    grid-area: icon-right;
    color: #383c41;
    align-self: center
}

.search-suggest-item-rubric__name {
    grid-area: name;
    font-size: .875rem;
    line-height: 1.57143;
    color: var(--itemNameColor);
    transition: color .3s linear
}

.search-suggest-item-rubric__note {
    grid-area: note;
    font-size: .8125rem;
    line-height: 1.53846;
    color: #6a6e73
}

.search-suggest-item-rubric:focus, .search-suggest-item-rubric:hover {
    --itemNameColor: #2b0484;
    --itemIconColor: #2b0484;
    --itemBackgroundColor: #fdfbff
}

.search-suggest-item-product {
    --itemBackgroundColor: transparent;
    --itemNameColor: #1c1f25;
    padding-top: .25rem;
    padding-bottom: .25rem;
    text-decoration: none;
    min-height: 2.5rem;
    padding-left: var(--searchSuggestPaddingX);
    padding-right: var(--searchSuggestPaddingX);
    background-color: var(--itemBackgroundColor);
    transition: background-color .3s linear;
    display: grid;
    grid-template-areas: "img name icon-right" "img sub-title icon-right";
    grid-template-columns: var(--space-44) 1fr var(--space-16);
    -webkit-column-gap: var(--space-4);
    column-gap: var(--space-4)
}

.search-suggest-item-product__col-img {
    grid-area: img;
    position: relative
}

.search-suggest-item-product__img {
    position: absolute;
    left: .5rem;
    top: .5rem;
    right: .5rem;
    bottom: .5rem;
    width: calc(100% - 1rem);
    max-height: calc(100% - 1rem);
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.search-suggest-item-product__icon-right {
    grid-area: icon-right;
    color: #4f5358;
    align-self: center
}

.search-suggest-item-product__name {
    --font-size: 1.0625rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0em;
    grid-area: name;
    color: var(--itemNameColor);
    transition: color .3s linear
}

.search-suggest-item-product__name, .search-suggest-item-product__price {
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit)
}

.search-suggest-item-product__price {
    --font-size: 0.8125rem;
    --font-weight: 700;
    --line-height: 1.2;
    --letter-spacing: 0.004em;
    grid-area: sub-title;
    font-weight: 700;
    color: #4f5358
}

.search-suggest-item-product:focus, .search-suggest-item-product:hover {
    --itemNameColor: #2b0484;
    --itemBackgroundColor: #f5f8fb
}

.search-suggest-item-brand {
    --itemBackgroundColor: transparent;
    --itemNameColor: #1c1f25;
    padding-top: .25rem;
    padding-bottom: .25rem;
    text-decoration: none;
    min-height: 2.5rem;
    padding-left: var(--searchSuggestPaddingX);
    padding-right: var(--searchSuggestPaddingX);
    background-color: var(--itemBackgroundColor);
    transition: background-color .3s linear;
    display: grid;
    grid-template-areas: "img name icon-right" "img note icon-right";
    grid-template-columns: var(--space-44) 1fr var(--space-16);
    -webkit-column-gap: var(--space-4);
    column-gap: var(--space-4);
    pointer-events: auto
}

.search-suggest-item-brand__col-img {
    grid-area: img;
    position: relative
}

.search-suggest-item-brand__img {
    position: absolute;
    left: .5rem;
    top: .5rem;
    right: .5rem;
    bottom: .5rem;
    width: calc(100% - 1rem);
    max-height: calc(100% - 1rem);
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.search-suggest-item-brand__icon-right {
    grid-area: icon-right;
    color: #383c41;
    align-self: center
}

.search-suggest-item-brand__name {
    --font-size: 1.0625rem;
    --line-height: 1.4;
    --letter-spacing: 0em;
    grid-area: name;
    color: var(--itemNameColor);
    transition: color .3s linear
}

.search-suggest-item-brand__name, .search-suggest-item-brand__note {
    --font-weight: 400;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit)
}

.search-suggest-item-brand__note {
    --font-size: 0.8125rem;
    --line-height: 1.2;
    --letter-spacing: 0.004em;
    grid-area: note;
    color: #6a6e73
}

.search-suggest-item-brand:focus, .search-suggest-item-brand:hover {
    --itemNameColor: #2b0484;
    --itemBackgroundColor: #fdfbff
}

.mega-burger {
    --show-transition-time: 0.3s;
    --sidebar-desktop-width: 100%;
    --loading-sidebar-display: none;
    --loading-content-display: none;
    visibility: hidden;
    opacity: 0;
    position: relative;
    transition: opacity var(--show-transition-time) linear, visibility 0s linear var(--show-transition-time), -webkit-transform var(--show-transition-time) linear;
    transition: transform var(--show-transition-time) linear, opacity var(--show-transition-time) linear, visibility 0s linear var(--show-transition-time);
    transition: transform var(--show-transition-time) linear, opacity var(--show-transition-time) linear, visibility 0s linear var(--show-transition-time), -webkit-transform var(--show-transition-time) linear;
    min-height: 6.25rem
}

.mega-burger_is-loading-sidebar {
    --loading-sidebar-display: block
}

.mega-burger_show {
    visibility: visible;
    opacity: 1;
    transition: opacity var(--show-transition-time) linear, visibility var(--show-transition-time) linear, -webkit-transform var(--show-transition-time) linear;
    transition: transform var(--show-transition-time) linear, opacity var(--show-transition-time) linear, visibility var(--show-transition-time) linear;
    transition: transform var(--show-transition-time) linear, opacity var(--show-transition-time) linear, visibility var(--show-transition-time) linear, -webkit-transform var(--show-transition-time) linear
}

.mega-burger__sub-content {
    display: none;
    flex-grow: 1
}

.mega-burger__sub-content-list {
    flex-grow: 1
}

.mega-burger__inner {
    position: relative
}

.mega-burger__inner:after, .mega-burger__inner:before {
    position: absolute;
    top: 1.25rem;
    font-size: 1.25rem;
    font-weight: 700
}

.mega-burger__inner:before {
    content: attr(data-loading);
    display: var(--loading-sidebar-display);
    width: var(--sidebar-desktop-width);
    text-align: center
}

.mega-burger__inner:after {
    content: attr(data-loading);
    display: var(--loading-content-display);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.mega-burger-sidebar-menu {
    --sublist-display: none
}

.mega-burger-sidebar-menu__item {
    --burgerLinkColor: #1c1f25;
    --burgerLinkBgColor: transparent
}

.mega-burger-sidebar-menu__item:hover, .mega-burger-sidebar-menu__item_show {
    --burgerLinkColor: #9a0db7
}

.mega-burger-sidebar-menu__link {
    font-size: .875rem;
    line-height: 1.57143;
    color: var(--burgerLinkColor);
    display: flex;
    align-items: center;
    border-radius: .375rem;
    text-decoration: none;
    transition: background-color .3s linear, color .3s linear;
    background-color: var(--burgerLinkBgColor);
    transition: color .3s linear
}

.mega-burger-sidebar-menu__link-text {
    flex-grow: 1;
    pointer-events: none
}

.mega-burger-sidebar-menu__link-arrow {
    transition: opacity .3s linear, -webkit-transform .3s linear;
    transition: opacity .3s linear, transform .3s linear;
    transition: opacity .3s linear, transform .3s linear, -webkit-transform .3s linear;
    margin-left: .25rem;
    pointer-events: none
}

.mega-burger-sidebar-menu__sub-list {
    display: var(--sublist-display)
}

.new-popup {
    --padding-content: 1.25rem;
    z-index: 1000;
    position: absolute;
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 6px 12px -6px rgba(46, 48, 52, .15);
    -webkit-filter: drop-shadow(0 1px 2px rgba(96, 101, 108, .1)) drop-shadow(0 0 1px rgba(96, 101, 108, .2));
    filter: drop-shadow(0 1px 2px rgba(96, 101, 108, .1)) drop-shadow(0 0 1px rgba(96, 101, 108, .2))
}

.new-popup_no-padding {
    --padding-content: 0px
}

.new-popup__tail {
    position: absolute
}

.new-popup__tail_top {
    top: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.new-popup__tail_bottom {
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.new-popup__tail-bottom, .new-popup__tail-left, .new-popup__tail-right, .new-popup__tail-top {
    display: none
}

.new-popup__tail_bottom .new-popup__tail-bottom, .new-popup__tail_left .new-popup__tail-left, .new-popup__tail_right .new-popup__tail-right, .new-popup__tail_top .new-popup__tail-top {
    display: block
}

.new-popup__content {
    background: #fff;
    padding: var(--padding-content);
    border-radius: .5rem
}

.region-question-popup {
    position: absolute;
    max-width: 18rem;
    z-index: 8000
}

.region-question-popup__question {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.28571;
    color: #1c1f25
}

.region-question-popup__btns-wrapper {
    margin-top: 1rem;
    display: flex
}

.region-question-popup__btns-wrapper &gt; * + * {
    margin-left: .75rem
}

.region-settings {
    --padding-x: 1rem;
    --more-icon-rotate: 0deg;
    --show-transition-time: 0.3s;
    --overlay-opacity: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10000000000;
    visibility: hidden;
    transition: visibility 0s linear var(--show-transition-time)
}

.region-settings_show {
    visibility: visible;
    transition: visibility var(--show-transition-time) linear
}

.region-settings__container {
    z-index: 2;
    position: relative;
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.region-settings__header {
    height: 3.5rem;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    position: relative;
    border-bottom: 1px solid #e9edf1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.region-settings__header-btn-close {
    position: absolute;
    left: 0;
    top: 0;
    width: 3.5rem;
    height: 3.5rem
}

.region-settings__header-title {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: #1c1f25
}

.region-settings__body {
    flex-grow: 1;
    overflow-y: auto
}

.region-settings__body::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
}

.region-settings__body::-webkit-scrollbar-track {
    background-color: #f5f8fb
}

.region-settings__body::-webkit-scrollbar-thumb {
    background-color: #c2c6cc;
    border-radius: 1.5rem
}

.region-settings__body::-webkit-scrollbar-thumb:hover {
    background-color: #bebec0
}

.region-settings__body_without-scrollbars {
    padding-right: .5rem
}

.region-settings__footer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-height: 5rem;
    padding: 1.25rem var(--padding-x)
}

.region-settings__form {
    display: flex;
    flex-direction: column;
    height: 100%
}

.region-settings__area-langs {
    padding: calc(1.5rem - var(--focus-size)) var(--padding-x);
    display: flex;
    align-items: center;
    flex-shrink: 0;
    position: relative;
    border-bottom: 1px solid #e9edf1
}

.region-settings__langs-label {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.33333;
    letter-spacing: -.01em;
    color: #1c1f25;
    margin-right: calc(.75rem - var(--focus-size))
}

.region-settings__langs-list {
    display: flex;
    align-items: center;
    overflow-y: auto;
    padding: var(--focus-size)
}

.region-settings__langs-list::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
}

.region-settings__langs-list::-webkit-scrollbar-track {
    background-color: #f5f8fb
}

.region-settings__langs-list::-webkit-scrollbar-thumb {
    background-color: #c2c6cc;
    border-radius: 1.5rem
}

.region-settings__langs-list::-webkit-scrollbar-thumb:hover {
    background-color: #bebec0
}

.region-settings__langs-list &gt; * + * {
    margin-left: .5rem
}

.region-settings__area-currency {
    padding: 1.5rem var(--padding-x);
    display: flex;
    flex-direction: column;
    align-items: center
}

.region-settings__currency-label {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.33333;
    letter-spacing: -.01em;
    color: #1c1f25
}

.region-settings__currency-select {
    margin-top: 1.5rem;
    width: 100%;
    display: block
}

.region-settings__area-countries {
    flex-grow: 1;
    padding: 1.5rem var(--padding-x);
    border-bottom: 1px solid #e9edf1
}

.region-settings__countries-title {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25;
    text-align: center;
    color: #1c1f25
}

.region-settings__countries-description {
    margin-top: .75rem;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.2;
    text-align: center;
    color: #6a6e73
}

.region-settings__countries-search {
    width: 100%;
    margin-top: 1.5rem
}

.region-settings__countries-list {
    margin-top: 1.25rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem
}

.region-settings__countries-list-item {
    min-width: 0
}

.region-settings__more-wrapper {
    text-align: center;
    margin-top: 1.5rem
}

.region-settings__more-wrapper_hide {
    display: none
}

.region-settings__more {
    margin-top: 1.5rem;
    display: inline-flex;
    align-items: center;
    color: #4730dd
}

.region-settings__more_hide {
    --more-icon-rotate: 180deg
}

.region-settings__more-icon {
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    -webkit-transform: rotate(var(--more-icon-rotate));
    transform: rotate(var(--more-icon-rotate))
}

.region-settings__more-label {
    margin-right: .25rem
}

.h1, .h2, .h3, .h4, .h5, .h6, .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
    --headingColor: #1c1f25;
    font-size: var(--headingFontSize);
    line-height: var(--headingLineHeight);
    color: var(--headingColor);
    font-weight: 600
}

.h1, .wysiwyg .h1, .wysiwyg h1 {
    --headingFontSize: 1.3125rem;
    --headingLineHeight: 1.42857
}

.h2, .wysiwyg .h2, .wysiwyg h2 {
    --headingFontSize: 1.25rem;
    --headingLineHeight: 1.4
}

.h3, .wysiwyg .h3, .wysiwyg h3 {
    --headingFontSize: 1.1875rem;
    --headingLineHeight: 1.42105
}

.h4, .wysiwyg .h4, .wysiwyg h4 {
    --headingFontSize: 1.125rem;
    --headingLineHeight: 1.44444
}

.h5, .wysiwyg .h5, .wysiwyg h5 {
    --headingFontSize: 1.0625rem;
    --headingLineHeight: 1.47059
}

.h6, .wysiwyg .h6, .wysiwyg h6 {
    --headingFontSize: 1rem;
    --headingLineHeight: 1.5
}

.footer {
    background-color: #f5f8fb;
    padding-bottom: var(--footerPaddingBottom, var(--space-64))
}

.footer__inner {
    padding-top: 2.75rem;
    display: grid;
    -webkit-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter);
    grid-template-columns: 1fr;
    grid-template-areas: "logo" "menu" "contacts" "apps" "bottom"
}

.footer__area-logo {
    grid-area: logo;
    display: flex;
    flex-direction: column;
    gap: var(--space-12);
    align-items: center;
    margin-bottom: var(--space-24)
}

.footer__area-menu {
    grid-area: menu;
    margin-bottom: var(--space-40)
}

.footer__area-contacts {
    grid-area: contacts;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: var(--space-24)
}

.footer__area-apps {
    grid-area: apps;
    display: flex;
    justify-content: center;
    margin-bottom: var(--space-40)
}

.footer__area-bottom {
    grid-area: bottom;
    display: grid;
    -webkit-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter);
    grid-template-columns: 1fr;
    grid-template-areas: "pay-comment" "pay-list" "powered";
    color: #c2c6cc
}

.footer__copyright {
    --font-size: 0.8125rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0.004em;
    color: #6a6e73
}

.footer__copyright, .footer__phone {
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit)
}

.footer__phone {
    --font-size: 1.125rem;
    --font-weight: 700;
    --line-height: 1.3;
    --letter-spacing: -0.01em;
    color: #1c1f25;
    margin-bottom: var(--space-4);
    text-decoration: none
}

.footer__phone-title {
    display: flex;
    align-items: center
}

.footer__phone-comment {
    --font-size: 0.8125rem;
    color: #6a6e73
}

.footer__mail, .footer__phone-comment {
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0.004em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    margin-bottom: var(--space-12)
}

.footer__mail {
    --font-size: 0.75rem;
    color: #4730dd
}

.footer__pay-img {
    display: block;
    max-width: none
}

.footer__pay-comment {
    --font-size: 0.75rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0.004em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    grid-area: pay-comment;
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    color: #6a6e73;
    max-width: 18.75rem
}

.footer__powered {
    grid-area: powered;
    display: flex;
    align-items: center
}

.footer__powered-text {
    --font-size: 0.75rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0.004em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    color: #4f5358
}

.footer__powered-logo {
    margin-left: .5rem
}

.footer-social-links {
    display: flex;
    gap: var(--space-8)
}

.footer-social-links__item {
    flex-shrink: 0
}

.footer-social-links__link {
    display: block;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}

.footer-social-links__link:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.footer-social-links__icon {
    display: block
}

.footer-apps-list {
    gap: var(--space-12);
    display: flex;
    flex-direction: column
}

.footer-apps-list__item {
    flex-shrink: 0
}

.footer-apps-list__link {
    display: block
}

.footer-apps-list__link_disabled {
    opacity: .1
}

.footer-apps-list__img {
    display: block;
    max-width: 100%;
    height: auto
}

.footer-menu {
    border-top: 1px #e9edf1
}

.footer-menu, .footer-menu__group {
    border-color: #e9edf1;
    border-style: solid
}

.footer-menu__group {
    border-bottom: .0625rem;
    grid-column: span 2/span 2
}

.footer-menu__title-wrap {
    display: flex;
    gap: var(--space-10);
    justify-content: space-between;
    align-items: center;
    padding-top: var(--space-12);
    padding-bottom: var(--space-12);
    width: 100%
}

.footer-menu__title {
    color: #1c1f25
}

.footer-menu__list {
    padding-top: .5rem;
    padding-bottom: 1.25rem
}

.footer-menu__list-item:not(:last-child) {
    margin-bottom: var(--space-8)
}

.footer-menu__link {
    padding-top: var(--space-8);
    padding-bottom: var(--space-8)
}

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

.page_mobile-menu-v1 {
    --mobileHeaderHeight: var(--space-48);
    --mobileToolbarHeight: var(--space-56)
}

.page_mobile-menu-v2 {
    --mobileHeaderHeight: var(--space-40);
    --mobileToolbarHeight: 0px
}

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

.page__content {
    flex-grow: 1
}

.page-simple {
    display: flex;
    flex-direction: column
}

.page-simple__content {
    flex-grow: 1
}

.accessibility-menu {
    --popupPosition: absolute;
    left: .625rem;
    top: -100%;
    transition: top .3s linear;
    z-index: 10000;
    margin-top: .625rem
}

.accessibility-menu__content {
    padding: .9375rem
}

.accessibility-menu:focus-within {
    top: 0
}

.accessibility-menu__list {
    margin-top: .625rem
}

.accessibility-menu__kbd {
    padding: .12em .1875em .0625em;
    border: 1px solid #888c92;
    border-radius: .1875rem
}

.accessibility-menu__item:not(:last-child) {
    margin-bottom: .625rem
}

.menu-profile {
    --show-transition-time: 0.3s;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--show-transition-time) linear, visibility 0s linear var(--show-transition-time), -webkit-transform var(--show-transition-time) linear;
    transition: transform var(--show-transition-time) linear, opacity var(--show-transition-time) linear, visibility 0s linear var(--show-transition-time);
    transition: transform var(--show-transition-time) linear, opacity var(--show-transition-time) linear, visibility 0s linear var(--show-transition-time), -webkit-transform var(--show-transition-time) linear;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.menu-profile_show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: opacity var(--show-transition-time) linear, visibility var(--show-transition-time) linear, -webkit-transform var(--show-transition-time) linear;
    transition: transform var(--show-transition-time) linear, opacity var(--show-transition-time) linear, visibility var(--show-transition-time) linear;
    transition: transform var(--show-transition-time) linear, opacity var(--show-transition-time) linear, visibility var(--show-transition-time) linear, -webkit-transform var(--show-transition-time) linear
}

.menu-profile__list {
    min-width: 15rem;
    padding-top: var(--space-8);
    padding-bottom: var(--space-8)
}

.menu-profile__list-link {
    --font-size: 0.875rem;
    --font-weight: 400;
    --line-height: 1.3;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    padding: var(--space-9) var(--space-16);
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: #1c1f25;
    text-decoration: none;
    transition: color .3s linear
}

.menu-profile__list-link:focus, .menu-profile__list-link:hover {
    color: #240274
}

.menu-profile__list-link_active {
    background-color: #f5f8fb;
    border-radius: .375rem
}

.menu-profile__first-row {
    display: flex;
    align-items: center
}

.menu-profile__first-row &gt; * + * {
    margin-left: .25rem
}

.menu-profile__comment-row {
    --font-size: 0.8125rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0.004em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    color: #4f5358;
    margin-top: .25rem;
    margin-left: 1.625rem
}

.menu-profile__list-link-text {
    flex-grow: 1
}

.menu-profile__list-link-arrow {
    opacity: 0;
    transition: opacity .3s linear
}

.menu-profile__list-link:hover .menu-profile__list-link-arrow {
    opacity: 1
}

.form-control {
    --inputBorderRadius: 0.375rem;
    --inputBorderTopLeftRadius: var(--inputBorderRadius);
    --inputBorderTopRightRadius: var(--inputBorderRadius);
    --inputBorderBottomRightRadius: var(--inputBorderRadius);
    --inputBorderBottomLeftRadius: var(--inputBorderRadius);
    --form-control-font-size: 0.8125rem;
    --form-control-line-height: 1rem;
    --form-control-padding-y: 0.5rem;
    --form-control-padding-x: 0.5rem;
    --form-control-icon-size: 1rem;
    --form-control-inner-gap: 0.25rem;
    --form-control-padding-start: var(--form-control-padding-x);
    --form-control-padding-end: var(--form-control-padding-x);
    --form-control-icon-size-start: var(--form-control-icon-size);
    --form-control-icon-size-end: var(--form-control-icon-size);
    --form-control-icon-start: none;
    --form-control-icon-end: none;
    font-family: inherit;
    border-top-left-radius: var(--inputBorderTopLeftRadius);
    border-top-right-radius: var(--inputBorderTopRightRadius);
    border-bottom-left-radius: var(--inputBorderBottomLeftRadius);
    border-bottom-right-radius: var(--inputBorderBottomRightRadius);
    font-size: var(--form-control-font-size);
    line-height: var(--form-control-line-height);
    padding: var(--form-control-padding-y) var(--form-control-padding-end) var(--form-control-padding-y) var(--form-control-padding-start);
    width: 100%;
    background-repeat: no-repeat, no-repeat;
    background-image: var(--form-control-icon-start), var(--form-control-icon-end);
    background-size: var(--form-control-icon-size-start), var(--form-control-icon-size-start);
    background-position: left var(--form-control-padding-x) center, right var(--form-control-padding-x) center;
    border: 1px solid var(--inputBorderColor);
    background-color: var(--inputBackgroundColor);
    color: var(--inputColor);
    transition: color .3s linear, border-color .3s linear, background-color .3s linear;
    -moz-appearance: textfield
}

.form-control::-webkit-input-placeholder {
    color: var(--inputPlaceholderColor)
}

.form-control:-moz-placeholder, .form-control::-moz-placeholder {
    color: var(--inputPlaceholderColor)
}

.form-control::-moz-placeholder {
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: var(--inputPlaceholderColor)
}

.form-control[type=number] {
    -moz-appearance: textfield
}

.form-control[type=number]::-webkit-inner-spin-button, .form-control[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.form-control[type=number]::-ms-clear {
    display: none
}

.form-control:hover {
    --inputBorderColor: var(--inputBorderColorHover);
    --inputBackgroundColor: var(--inputBackgroundColorHover);
    --inputColor: var(--inputColorHover);
    --inputPlaceholderColor: var(--inputPlaceholderColorHover)
}

.form-control:focus {
    --inputBorderColor: var(--inputBorderColorFocus);
    --inputBackgroundColor: var(--inputBackgroundColorFocus);
    --inputColor: var(--inputColorFocus);
    --inputPlaceholderColor: var(--inputPlaceholderColorFocus)
}

.form-control:disabled {
    --inputBorderColor: var(--inputBorderColorDisabled);
    --inputBackgroundColor: var(--inputBackgroundColorDisabled);
    --inputColor: var(--inputColorDisabled);
    --inputPlaceholderColor: var(--inputPlaceholderColorDisabled)
}

.form-control_default {
    --inputBackgroundColor: #f5f8fb;
    --inputBackgroundColorHover: #f5f8fb;
    --inputBackgroundColorDisabled: #f5f8fb
}

.form-control_default, .form-control_light {
    --inputBorderColor: #888c92;
    --inputPlaceholderColor: #888c92;
    --inputColor: #1c1f25;
    --inputBorderColorHover: #383c41;
    --inputPlaceholderColorHover: #888c92;
    --inputColorHover: #1c1f25;
    --inputBackgroundColorFocus: #fff;
    --inputBorderColorFocus: #7d4bd6;
    --inputPlaceholderColorFocus: #888c92;
    --inputColorFocus: #1c1f25;
    --inputBorderColorDisabled: #c2c6cc;
    --inputPlaceholderColorDisabled: #c2c6cc;
    --inputColorDisabled: #c2c6cc
}

.form-control_light {
    --inputBackgroundColor: #fff;
    --inputBackgroundColorHover: #fff;
    --inputBackgroundColorDisabled: #fff
}

.form-control_success {
    --inputBackgroundColor: #fbfffc;
    --inputBorderColor: #0ab261;
    --inputPlaceholderColor: #21cc71;
    --inputColor: #049854;
    --inputBackgroundColorHover: #fbfffc;
    --inputBorderColorHover: #049854;
    --inputPlaceholderColorHover: #21cc71;
    --inputColorHover: #049854;
    --inputBackgroundColorFocus: #fff;
    --inputBorderColorFocus: #0ab261;
    --inputPlaceholderColorFocus: #21cc71;
    --inputColorFocus: #049854;
    --inputBackgroundColorDisabled: #fbfffc;
    --inputBorderColorDisabled: #4ee08a;
    --inputPlaceholderColorDisabled: #4ee08a;
    --inputColorDisabled: #4ee08a
}

.form-control_error, .form-field_error .form-control {
    --inputBackgroundColor: #fffbfb;
    --inputBorderColor: #fb9baf;
    --inputPlaceholderColor: #f8668d;
    --inputColor: #d50657;
    --inputBackgroundColorHover: #fffbfb;
    --inputBorderColorHover: #f3296b;
    --inputPlaceholderColorHover: #f8668d;
    --inputColorHover: #d50657;
    --inputBackgroundColorFocus: #fff;
    --inputBorderColorFocus: #f8668d;
    --inputPlaceholderColorFocus: #f8668d;
    --inputColorFocus: #d50657;
    --inputBackgroundColorDisabled: #fffbfb;
    --inputBorderColorDisabled: #fee3e6;
    --inputPlaceholderColorDisabled: #fcc2cb;
    --inputColorDisabled: #fcc2cb
}

.form-control_text-center {
    text-align: center
}

.form-control_size_s {
    --form-control-font-size: 0.8125rem;
    --form-control-line-height: 1rem;
    --form-control-icon-size: 1rem;
    --form-control-inner-gap: 0.25rem;
    --form-control-padding-x: 0.5rem;
    --form-control-padding-y: 0.5rem
}

.form-control_size_m {
    --form-control-font-size: 0.9375rem;
    --form-control-line-height: 1.25rem;
    --form-control-icon-size: 1.25rem;
    --form-control-inner-gap: 0.375rem;
    --form-control-padding-x: 0.75rem;
    --form-control-padding-y: 0.625rem;
    --form-control-padding-x: 12px;
    --form-control-font-size: 15px;
    --form-control-icon-size: 20px;
    --form-control-inner-gap: 6px
}

.form-control_size_l {
    --form-control-font-size: 1rem;
    --form-control-line-height: 1.25rem;
    --form-control-icon-size: 1.25rem;
    --form-control-inner-gap: 0.375rem;
    --form-control-padding-x: 1rem;
    --form-control-padding-y: 0.875rem
}

.form-control_icon-start {
    --form-control-padding-start: calc(var(--form-control-padding-x) + var(--form-control-icon-size-start) + var(--form-control-inner-gap))
}

.form-control_icon-end {
    --form-control-padding-end: calc(var(--form-control-padding-x) + var(--form-control-icon-size-end) + var(--form-control-inner-gap))
}

.form-field {
    --formFieldRequiredContent: none
}

.form-field &gt; * + * {
    margin-top: var(--space-8)
}

.form-field_required {
    --formFieldRequiredContent: "*"
}

.form-field_size_s {
    --formFieldLabelSize: var(--controlFontSizeS);
    --formFieldDescriptionSize: var(--controlFontSizeXS);
    --formFieldErrorSize: var(--controlFontSizeXS)
}

.form-field_size_m {
    --formFieldLabelSize: var(--controlFontSizeL);
    --formFieldDescriptionSize: var(--controlFontSizeS);
    --formFieldErrorSize: var(--controlFontSizeS)
}

.form-field_size_l {
    --formFieldLabelSize: var(--controlFontSizeXL);
    --formFieldDescriptionSize: var(--controlFontSizeM);
    --formFieldErrorSize: var(--controlFontSizeM)
}

.form-field__description {
    color: #6a6e73;
    font-size: var(--formFieldDescriptionSize)
}

.form-field__error {
    color: #d50657;
    font-size: var(--formFieldErrorSize);
    display: none
}

.form-field__error:not(:empty) {
    display: block
}

.form-field__label {
    display: flex;
    align-items: center;
    color: #1c1f25;
    font-weight: 600;
    font-size: var(--formFieldLabelSize)
}

.form-field__label:empty {
    display: none
}

.form-field__label &gt; * + * {
    margin-left: var(--space-4)
}

.form-field__label + .form-field__comment {
    margin-top: .25rem
}

.form-field__label-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.form-field__label-text:after {
    content: var(--formFieldRequiredContent);
    display: inline-block;
    margin-left: var(--space-4);
    color: #2b0484
}

.form-field__label-icon {
    width: 1.2em;
    height: 1.2em;
    flex-shrink: 0
}

.form-field__control .radio + .radio {
    margin-left: var(--space-16)
}

.form-field__comment {
    --font-size: 0.8125rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0.004em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    padding: .25rem 0;
    color: #6a6e73
}

.input {
    --inputBorderRadius: 0.375rem;
    --inputBorderTopLeftRadius: var(--inputBorderRadius);
    --inputBorderTopRightRadius: var(--inputBorderRadius);
    --inputBorderBottomRightRadius: var(--inputBorderRadius);
    --inputBorderBottomLeftRadius: var(--inputBorderRadius);
    --inputFontSize: 1rem;
    --inputPaddingX: 0.75em;
    --inputPaddingY: 0.45em;
    --inputLineHeight: 1.5em;
    font-family: inherit;
    border-top-left-radius: var(--inputBorderTopLeftRadius);
    border-top-right-radius: var(--inputBorderTopRightRadius);
    border-bottom-left-radius: var(--inputBorderBottomLeftRadius);
    border-bottom-right-radius: var(--inputBorderBottomRightRadius);
    font-size: var(--inputFontSize);
    line-height: var(--inputLineHeight);
    padding: var(--inputPaddingY) var(--inputPaddingX);
    width: 100%;
    border: 1px solid var(--inputBorderColor);
    background-color: var(--inputBackgroundColor);
    color: var(--inputColor);
    transition: color .3s linear, border-color .3s linear, background-color .3s linear
}

.input::-webkit-input-placeholder {
    color: var(--inputPlaceholderColor)
}

.input:-moz-placeholder, .input::-moz-placeholder {
    color: var(--inputPlaceholderColor)
}

.input::-moz-placeholder {
    opacity: 1
}

.input:-ms-input-placeholder {
    color: var(--inputPlaceholderColor)
}

.input[type=number], .input[type=search], .input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.input[type=number] {
    -moz-appearance: textfield
}

.input[type=number]::-webkit-inner-spin-button, .input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.input[type=number]::-ms-clear {
    display: none
}

.input:hover {
    --inputBorderColor: var(--inputBorderColorHover);
    --inputBackgroundColor: var(--inputBackgroundColorHover);
    --inputColor: var(--inputColorHover);
    --inputPlaceholderColor: var(--inputPlaceholderColorHover)
}

.input:focus {
    --inputBorderColor: var(--inputBorderColorFocus);
    --inputBackgroundColor: var(--inputBackgroundColorFocus);
    --inputColor: var(--inputColorFocus);
    --inputPlaceholderColor: var(--inputPlaceholderColorFocus)
}

.input:disabled {
    --inputBorderColor: var(--inputBorderColorDisabled);
    --inputBackgroundColor: var(--inputBackgroundColorDisabled);
    --inputColor: var(--inputColorDisabled);
    --inputPlaceholderColor: var(--inputPlaceholderColorDisabled)
}

.input_default {
    --inputBackgroundColor: #f5f8fb;
    --inputBackgroundColorHover: #f5f8fb;
    --inputBackgroundColorDisabled: #f5f8fb
}

.input_default, .input_light {
    --inputBorderColor: #888c92;
    --inputPlaceholderColor: #888c92;
    --inputColor: #1c1f25;
    --inputBorderColorHover: #383c41;
    --inputPlaceholderColorHover: #888c92;
    --inputColorHover: #1c1f25;
    --inputBackgroundColorFocus: #fff;
    --inputBorderColorFocus: #7d4bd6;
    --inputPlaceholderColorFocus: #888c92;
    --inputColorFocus: #1c1f25;
    --inputBorderColorDisabled: #c2c6cc;
    --inputPlaceholderColorDisabled: #c2c6cc;
    --inputColorDisabled: #c2c6cc
}

.input_light {
    --inputBackgroundColor: #fff;
    --inputBackgroundColorHover: #fff;
    --inputBackgroundColorDisabled: #fff
}

.input_success {
    --inputBackgroundColor: #fbfffc;
    --inputBorderColor: #0ab261;
    --inputPlaceholderColor: #21cc71;
    --inputColor: #049854;
    --inputBackgroundColorHover: #fbfffc;
    --inputBorderColorHover: #049854;
    --inputPlaceholderColorHover: #21cc71;
    --inputColorHover: #049854;
    --inputBackgroundColorFocus: #fff;
    --inputBorderColorFocus: #0ab261;
    --inputPlaceholderColorFocus: #21cc71;
    --inputColorFocus: #049854;
    --inputBackgroundColorDisabled: #fbfffc;
    --inputBorderColorDisabled: #4ee08a;
    --inputPlaceholderColorDisabled: #4ee08a;
    --inputColorDisabled: #4ee08a
}

.input_clear {
    --inputBackgroundColor: hsla(0, 0%, 100%, 0);
    --inputBorderColor: hsla(0, 0%, 100%, 0);
    --inputPlaceholderColor: #888c92;
    --inputColor: #1c1f25;
    --inputBackgroundColorHover: hsla(0, 0%, 100%, 0);
    --inputBorderColorHover: hsla(0, 0%, 100%, 0);
    --inputPlaceholderColorHover: #888c92;
    --inputColorHover: #1c1f25;
    --inputBackgroundColorFocus: hsla(0, 0%, 100%, 0);
    --inputBorderColorFocus: #7d4bd6;
    --inputPlaceholderColorFocus: #888c92;
    --inputColorFocus: #1c1f25;
    --inputBackgroundColorDisabled: hsla(0, 0%, 100%, 0);
    --inputBorderColorDisabled: hsla(0, 0%, 100%, 0);
    --inputPlaceholderColorDisabled: #c2c6cc;
    --inputColorDisabled: #c2c6cc
}

.form-field_error .input, .input_error {
    --inputBackgroundColor: #fffbfb;
    --inputBorderColor: #fb9baf;
    --inputPlaceholderColor: #f8668d;
    --inputColor: #d50657;
    --inputBackgroundColorHover: #fffbfb;
    --inputBorderColorHover: #f3296b;
    --inputPlaceholderColorHover: #f8668d;
    --inputColorHover: #d50657;
    --inputBackgroundColorFocus: #fff;
    --inputBorderColorFocus: #f8668d;
    --inputPlaceholderColorFocus: #f8668d;
    --inputColorFocus: #d50657;
    --inputBackgroundColorDisabled: #fffbfb;
    --inputBorderColorDisabled: #fee3e6;
    --inputPlaceholderColorDisabled: #fcc2cb;
    --inputColorDisabled: #fcc2cb
}

.input_text-center {
    text-align: center
}

.input_size_s {
    --inputFontSize: 0.8125rem
}

.input_size_m {
    --inputFontSize: 0.9375rem
}

.input_size_l {
    --inputFontSize: 1.25rem
}

.file {
    --inputBorderRadius: 0.375rem;
    --inputBorderTopLeftRadius: var(--inputBorderRadius);
    --inputBorderTopRightRadius: var(--inputBorderRadius);
    --inputBorderBottomRightRadius: var(--inputBorderRadius);
    --inputBorderBottomLeftRadius: var(--inputBorderRadius);
    --inputInsideGap: 0.375rem;
    --inputFontSize: 1rem;
    --inputPaddingX: 0.75em;
    --inputPaddingY: 0.45em;
    --inputLineHeight: 1.5em;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: inherit;
    font-size: var(--inputFontSize);
    line-height: var(--inputLineHeight);
    padding: var(--inputPaddingY) var(--inputPaddingX);
    border-top-left-radius: var(--inputBorderTopLeftRadius);
    border-top-right-radius: var(--inputBorderTopRightRadius);
    border-bottom-left-radius: var(--inputBorderBottomLeftRadius);
    border-bottom-right-radius: var(--inputBorderBottomRightRadius);
    width: 100%;
    transition: color .3s linear, border-color .3s linear, background-color .3s linear;
    color: var(--inputColor);
    border: 1px dashed var(--inputBorderColor)
}

.file:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    background-color: var(--inputBackgroundColor);
    pointer-events: none
}

.file:hover {
    --inputBorderColor: var(--inputBorderColorHover);
    --inputBackgroundColor: var(--inputBackgroundColorHover);
    --inputColor: var(--inputColorHover);
    --inputPlaceholderColor: var(--inputPlaceholderColorHover)
}

.file::-webkit-input-placeholder {
    color: var(--inputPlaceholderColor)
}

.file:-moz-placeholder, .file::-moz-placeholder {
    color: var(--inputPlaceholderColor)
}

.file::-moz-placeholder {
    opacity: 1
}

.file:-ms-input-placeholder {
    color: var(--inputPlaceholderColor)
}

.file_default {
    --inputBackgroundColor: #f5f8fb;
    --inputBackgroundColorHover: #f5f8fb;
    --inputBackgroundColorDisabled: #f5f8fb
}

.file_default, .file_light {
    --inputBorderColor: #888c92;
    --inputPlaceholderColor: #888c92;
    --inputColor: #1c1f25;
    --inputBorderColorHover: #383c41;
    --inputPlaceholderColorHover: #888c92;
    --inputColorHover: #1c1f25;
    --inputBackgroundColorFocus: #fff;
    --inputBorderColorFocus: #7d4bd6;
    --inputPlaceholderColorFocus: #888c92;
    --inputColorFocus: #1c1f25;
    --inputBorderColorDisabled: #c2c6cc;
    --inputPlaceholderColorDisabled: #c2c6cc;
    --inputColorDisabled: #c2c6cc
}

.file_light {
    --inputBackgroundColor: #fff;
    --inputBackgroundColorHover: #fff;
    --inputBackgroundColorDisabled: #fff
}

.file_success {
    --inputBackgroundColor: #fbfffc;
    --inputBorderColor: #0ab261;
    --inputPlaceholderColor: #21cc71;
    --inputColor: #049854;
    --inputBackgroundColorHover: #fbfffc;
    --inputBorderColorHover: #049854;
    --inputPlaceholderColorHover: #21cc71;
    --inputColorHover: #049854;
    --inputBackgroundColorFocus: #fff;
    --inputBorderColorFocus: #0ab261;
    --inputPlaceholderColorFocus: #21cc71;
    --inputColorFocus: #049854;
    --inputBackgroundColorDisabled: #fbfffc;
    --inputBorderColorDisabled: #4ee08a;
    --inputPlaceholderColorDisabled: #4ee08a;
    --inputColorDisabled: #4ee08a
}

.file_clear {
    --inputBackgroundColor: hsla(0, 0%, 100%, 0);
    --inputBorderColor: hsla(0, 0%, 100%, 0);
    --inputPlaceholderColor: #888c92;
    --inputColor: #1c1f25;
    --inputBackgroundColorHover: hsla(0, 0%, 100%, 0);
    --inputBorderColorHover: hsla(0, 0%, 100%, 0);
    --inputPlaceholderColorHover: #888c92;
    --inputColorHover: #1c1f25;
    --inputBackgroundColorFocus: hsla(0, 0%, 100%, 0);
    --inputBorderColorFocus: #7d4bd6;
    --inputPlaceholderColorFocus: #888c92;
    --inputColorFocus: #1c1f25;
    --inputBackgroundColorDisabled: hsla(0, 0%, 100%, 0);
    --inputBorderColorDisabled: hsla(0, 0%, 100%, 0);
    --inputPlaceholderColorDisabled: #c2c6cc;
    --inputColorDisabled: #c2c6cc
}

.file_error, .form-field_error .file {
    --inputBackgroundColor: #fffbfb;
    --inputBorderColor: #fb9baf;
    --inputPlaceholderColor: #f8668d;
    --inputColor: #d50657;
    --inputBackgroundColorHover: #fffbfb;
    --inputBorderColorHover: #f3296b;
    --inputPlaceholderColorHover: #f8668d;
    --inputColorHover: #d50657;
    --inputBackgroundColorFocus: #fff;
    --inputBorderColorFocus: #f8668d;
    --inputPlaceholderColorFocus: #f8668d;
    --inputColorFocus: #d50657;
    --inputBackgroundColorDisabled: #fffbfb;
    --inputBorderColorDisabled: #fee3e6;
    --inputPlaceholderColorDisabled: #fcc2cb;
    --inputColorDisabled: #fcc2cb
}

.file_text-center {
    text-align: center
}

.file_size_s {
    --inputFontSize: 0.8125rem;
    --inputIconSize: 1.25rem;
    --inputInsideGap: 0.25rem
}

.file_size_m {
    --inputFontSize: 0.9375rem;
    --inputIconSize: 1.5rem;
    --inputInsideGap: 0.375rem
}

.file_size_l {
    --inputFontSize: 1.25rem;
    --inputIconSize: 1.5rem;
    --inputInsideGap: 0.5rem
}

.file__input {
    position: absolute;
    color: transparent;
    font-size: 0;
    line-height: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    cursor: pointer;
    border-radius: inherit
}

.file__input:focus {
    --inputBorderColor: var(--inputBorderColorFocus);
    --inputBackgroundColor: var(--inputBackgroundColorFocus);
    --inputColor: var(--inputColorFocus);
    --inputPlaceholderColor: var(--inputPlaceholderColorFocus)
}

.file__input:disabled {
    --inputBorderColor: var(--inputBorderColorDisabled);
    --inputBackgroundColor: var(--inputBackgroundColorDisabled);
    --inputColor: var(--inputColorDisabled);
    --inputPlaceholderColor: var(--inputPlaceholderColorDisabled)
}

.file__icon, .file__label {
    position: relative;
    pointer-events: none;
    z-index: 1
}

.file__icon {
    flex-shrink: 0;
    display: block;
    width: var(--inputIconSize);
    height: var(--inputIconSize);
    color: var(--iconColor);
    margin-left: var(--inputInsideGap)
}

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

.file__list-item {
    --file-list-item-color: #4f5358;
    --file-list-item-loader-visibility: hidden;
    display: flex;
    align-items: center;
    margin-top: .5rem;
    padding: 0 .5rem
}

.file__list-item_loading {
    --file-list-item-loader-visibility: visible
}

.file__list-item_error {
    --file-list-item-color: #d50657
}

.file__list-item-img-wrapper {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    color: var(--file-list-item-color);
    margin-right: .5rem
}

.file__list-item-info {
    display: inline-grid;
    color: var(--file-list-item-color);
    margin-right: auto
}

.file__list-item-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.file__list-item-loader {
    flex-shrink: 0;
    position: relative;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: .5rem;
    visibility: var(--file-list-item-loader-visibility)
}

.file__list-item-loader:after, .file__list-item-loader:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 9999px;
    border-width: .1875rem;
    border-style: solid
}

.file__list-item-loader:before {
    border-color: #d9dde2
}

.file__list-item-loader:after {
    border-color: #2b0484;
    -webkit-animation: prixClipFix 2s linear infinite;
    animation: prixClipFix 2s linear infinite
}

@-webkit-keyframes prixClipFix {
    0% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
    }

    25% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
    }

    50% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
    }

    75% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
    }

    to {
        -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
    }
}

@keyframes prixClipFix {
    0% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
    }

    25% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
    }

    50% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
    }

    75% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
    }

    to {
        -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
    }
}

.file__list-item-btn {
    flex-shrink: 0;
    display: inline-flex;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 9999px;
    color: #fff;
    background-color: #d9dde2;
    margin-left: .5rem;
    transition: color, background-color .3s linear;
    padding: .125rem
}

.file__list-item-btn:hover {
    color: #fff;
    background-color: #1c1f25
}

.file__list-item-btn-icon {
    width: 100%;
    height: 100%
}

.input-with-icon {
    position: relative
}

.input-with-icon_default {
    color: #1c1f25
}

.input-with-icon_success {
    color: #049854
}

.input-with-icon_error {
    color: #d50657
}

.input-with-icon_clear, .input-with-icon_light {
    color: #1c1f25
}

.input-with-icon_size_s {
    --input-padding: 0.375rem;
    --input-gap: 0.25rem;
    --icon-size: 1.25rem
}

.input-with-icon_size_m {
    --input-padding: 0.5rem;
    --input-gap: 0.375rem;
    --icon-size: 1.5rem
}

.input-with-icon_size_l {
    --input-padding: 0.75rem;
    --input-gap: 0.5rem;
    --icon-size: 1.5rem
}

.input-with-icon__input_icon-start {
    padding-left: calc(var(--icon-size) + var(--input-padding) + var(--input-gap))
}

.input-with-icon__input_icon-end {
    padding-right: calc(var(--icon-size) + var(--input-padding) + var(--input-gap))
}

.input-with-icon__icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: var(--icon-size);
    height: var(--icon-size)
}

.input-with-icon__icon_start {
    left: var(--input-padding)
}

.input-with-icon__icon_end {
    right: var(--input-padding)
}

.input-group {
    display: flex
}

.input-group__btn.btn {
    position: relative;
    flex-shrink: 0
}

.input-group__btn.btn:not(:last-child) {
    --btnBorderTopRightRadius: 0;
    --btnBorderBottomRightRadius: 0
}

.input-group__btn.btn:not(:first-child) {
    --btnBorderTopLeftRadius: 0;
    --btnBorderBottomLeftRadius: 0
}

.input-group__btn.btn:focus {
    z-index: 1
}

.input-group__input.input {
    --inputBorderColor: #f5f8fb;
    position: relative;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group__input.input:focus {
    z-index: 1
}

.checkbox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: calc(1.2em + var(--space-8));
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: var(--formFieldLabelSize);
    outline: none
}

.checkbox_size_s {
    font-size: var(--controlFontSizeS)
}

.checkbox_size_m {
    font-size: var(--controlFontSizeL)
}

.checkbox_size_l {
    font-size: var(--controlFontSizeXL)
}

.checkbox_light {
    --checkboxBgColor: #fff;
    --checkboxBgColorHover: #fff;
    --checkboxBorderColorFocus: #af87ec;
    --checkboxBgColorDisabled: #fff;
    --checkboxIconColorChecked: #1c1f25;
    --checkboxBgColorChecked: #f5f8fb;
    --checkboxBorderColorChecked: #c2c6cc;
    --checkboxIconColorCheckedHover: #1c1f25;
    --checkboxBgColorCheckedHover: #f5f8fb;
    --checkboxBorderColorCheckedHover: #888c92;
    --checkboxIconColorCheckedFocus: #1c1f25;
    --checkboxBgColorCheckedFocus: #fdfbff;
    --checkboxBorderColorCheckedFocus: #af87ec
}

.checkbox_default, .checkbox_light {
    --checkboxBgOutlineColor: rgba(65, 11, 151, 0.3);
    --checkboxIconColor: hsla(0, 0%, 100%, 0);
    --checkboxTextColor: #1c1f25;
    --checkboxBorderColor: #c2c6cc;
    --checkboxIconColorHover: hsla(0, 0%, 100%, 0);
    --checkboxTextColorHover: #1c1f25;
    --checkboxBorderColorHover: #888c92;
    --checkboxIconColorFocus: hsla(0, 0%, 100%, 0);
    --checkboxTextColorFocus: #1c1f25;
    --checkboxBgColorFocus: #fff;
    --checkboxIconColorDisabled: hsla(0, 0%, 100%, 0);
    --checkboxTextColorDisabled: #1c1f25;
    --checkboxTextColorDisabled: #d1d6db;
    --checkboxBorderColorDisabled: #e9edf1;
    --checkboxTextColorChecked: #1c1f25;
    --checkboxTextColorCheckedHover: #1c1f25;
    --checkboxTextColorCheckedFocus: #1c1f25;
    --checkboxIconColorCheckedDisabled: #d9dde2;
    --checkboxTextColorCheckedDisabled: #1c1f25;
    --checkboxTextColorCheckedDisabled: #d1d6db;
    --checkboxBgColorCheckedDisabled: #f5f8fb;
    --checkboxBorderColorCheckedDisabled: #e9edf1
}

.checkbox_default {
    --checkboxBgColor: #f5f8fb;
    --checkboxBgColorHover: #f5f8fb;
    --checkboxBorderColorFocus: #7d4bd6;
    --checkboxBgColorDisabled: #f5f8fb;
    --checkboxIconColorChecked: #fff;
    --checkboxBgColorChecked: #2b0484;
    --checkboxBorderColorChecked: #2b0484;
    --checkboxIconColorCheckedHover: #fff;
    --checkboxBgColorCheckedHover: #4d1caf;
    --checkboxBorderColorCheckedHover: #4d1caf;
    --checkboxIconColorCheckedFocus: #fff;
    --checkboxBgColorCheckedFocus: #4d1caf;
    --checkboxBorderColorCheckedFocus: #1d0264
}

.checkbox__input ~ * {
    color: var(--checkboxTextColor)
}

.checkbox:hover .checkbox__input ~ * {
    color: var(--checkboxTextColorHover)
}

.checkbox__input {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.checkbox__box {
    position: absolute;
    margin-left: calc((1.2em + var(--space-8)) * -1);
    width: 1.2em;
    height: 1.2em;
    border-radius: .375rem;
    top: .0625rem;
    color: var(--checkboxIconColor);
    background-color: var(--checkboxBgColor);
    border: 1px solid var(--checkboxBorderColor)
}

.checkbox__icon {
    margin-right: .5rem
}

.checkbox__text {
    display: inline-block
}

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

.checkbox_no-active .checkbox__text {
    color: var(--checkboxTextColorNoActive)
}

.checkbox__input:focus {
    outline: none
}

.checkbox__input:focus:not(.focus-visible) ~ * {
    color: var(--checkboxTextColorFocus)
}

.checkbox:hover .checkbox__input.disabled ~ *, .checkbox:hover .checkbox__input:disabled ~ *, .checkbox__input.disabled ~ *, .checkbox__input:disabled ~ * {
    color: var(--checkboxTextColorDisabled)
}

.checkbox:hover .checkbox__box {
    color: var(--checkboxIconColorHover);
    background-color: var(--checkboxBgColorHover);
    border-color: var(--checkboxBorderColorHover)
}

.checkbox:hover .checkbox__input:focus + .checkbox__box, .checkbox__input:focus + .checkbox__box {
    outline: var(--focus-size) solid var(--checkboxBgOutlineColor);
    color: var(--checkboxIconColorFocus);
    background-color: var(--checkboxBgColorFocus);
    border-color: var(--checkboxBorderColorFocus)
}

.checkbox:hover .checkbox__input:focus:not(.focus-visible) + .checkbox__box, .checkbox__input:focus:not(.focus-visible) + .checkbox__box {
    outline: none
}

.checkbox:hover .checkbox__input.disabled + .checkbox__box, .checkbox:hover .checkbox__input:disabled + .checkbox__box, .checkbox__input.disabled + .checkbox__box, .checkbox__input:disabled + .checkbox__box {
    color: var(--checkboxIconColorDisabled);
    background-color: var(--checkboxBgColorDisabled);
    border-color: var(--checkboxBorderColorDisabled)
}

.checkbox__input:checked ~ * {
    color: var(--checkboxTextColorChecked)
}

.checkbox:hover .checkbox__input:checked ~ * {
    color: var(--checkboxTextColorCheckedHover)
}

.checkbox__input:checked + .checkbox__box {
    color: var(--checkboxIconColorChecked);
    background-color: var(--checkboxBgColorChecked);
    border-color: var(--checkboxBorderColorChecked)
}

.checkbox:hover .checkbox__input:checked + .checkbox__box {
    color: var(--checkboxIconColorCheckedHover);
    background-color: var(--checkboxBgColorCheckedHover);
    border-color: var(--checkboxBorderColorCheckedHover)
}

.checkbox:hover .checkbox__input:focus:checked ~ * {
    color: var(--checkboxTextColorCheckedFocus)
}

.checkbox:hover .checkbox__input:focus:checked + .checkbox__box, .checkbox__input:focus:checked + .checkbox__box {
    color: var(--checkboxIconColorCheckedFocus);
    background-color: var(--checkboxBgColorCheckedFocus);
    border-color: var(--checkboxBorderColorCheckedFocus)
}

.checkbox:hover .checkbox__input:checked.disabled ~ *, .checkbox:hover .checkbox__input:checked:disabled ~ *, .checkbox__input:checked.disabled ~ *, .checkbox__input:checked:disabled ~ * {
    color: var(--checkboxTextColorCheckedDisabled)
}

.checkbox:hover .checkbox__input:checked.disabled + .checkbox__box, .checkbox:hover .checkbox__input:disabled:checked + .checkbox__box, .checkbox__input:checked.disabled + .checkbox__box, .checkbox__input:disabled:checked + .checkbox__box {
    color: var(--checkboxIconColorCheckedDisabled);
    background-color: var(--checkboxBgColorCheckedDisabled);
    border-color: var(--checkboxBorderColorCheckedDisabled)
}

.switch {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-flex;
    align-items: center;
    white-space: nowrap
}

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

.switch__label {
    font-size: 1rem;
    line-height: 1.5;
    color: #1c1f25
}

.switch__box {
    width: 2.25rem;
    height: 1.35rem;
    display: inline-flex;
    align-items: center;
    position: relative;
    transition: background-color .3s linear;
    background-color: #e9edf1;
    border: .0625rem solid #d9dde2;
    border-radius: 1.25rem
}

.switch__box:after {
    content: "";
    position: absolute;
    display: block;
    border-radius: 50%;
    left: .0625rem;
    right: auto;
    width: 1.1rem;
    height: 1.1rem;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 2px 4px -2px rgba(46, 48, 52, .15)
}

.switch__box + .switch__label, .switch__label ~ .switch__box {
    margin-left: .75rem;
    margin-right: 0
}

.switch__input:checked ~ .switch__box {
    background-color: #2b0484;
    border-color: #2b0484
}

.switch__input:checked ~ .switch__box:after {
    background-color: #fff;
    left: auto;
    right: .0625rem
}

.switch__box:hover {
    background-color: #d9dde2;
    border-color: #c2c6cc
}

.switch__box:hover:after {
    background-color: #fff
}

.switch__input:checked ~ .switch__box:hover {
    background-color: #4d1caf;
    border-color: #4d1caf
}

.switch__input:checked ~ .switch__box:hover:after {
    background-color: #fff
}

.switch__input.focus-visible:focus ~ .switch__box {
    outline: var(--focus-size) solid rgba(65, 11, 151, .3)
}

.radio {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-flex;
    align-items: center;
    white-space: nowrap
}

.radio_size_s {
    --radio-text-size: 0.8125rem;
    --radio-line-height: 1rem;
    --radio-box-size: 1rem;
    --radio-check-size: 0.375rem;
    --radio-gap: 0.375rem
}

.radio_size_m {
    --radio-text-size: 0.9375rem;
    --radio-gap: 0.5625rem
}

.radio_size_l, .radio_size_m {
    --radio-line-height: 1.25rem;
    --radio-box-size: 1.25rem;
    --radio-check-size: 0.5rem
}

.radio_size_l {
    --radio-text-size: 1rem;
    --radio-gap: 0.5625rem
}

.radio_color_default {
    --btnColor: hsla(0, 0%, 100%, 0);
    --radio-uncheck-border-color: #c2c6cc;
    --radio-uncheck-bg-color: #f5f8fb;
    --radio-uncheck-dot-color: hsla(0, 0%, 100%, 0);
    --radio-uncheck-border-color-hover: #888c92;
    --radio-uncheck-bg-color-hover: #f5f8fb;
    --radio-uncheck-dot-color-hover: hsla(0, 0%, 100%, 0);
    --radio-uncheck-border-color-focus: #7d4bd6;
    --radio-uncheck-bg-color-focus: #fff;
    --radio-uncheck-dot-color-focus: hsla(0, 0%, 100%, 0);
    --radio-uncheck-border-color-disabled: #e9edf1;
    --radio-uncheck-bg-color-disabled: #f5f8fb;
    --radio-uncheck-dot-color-disabled: hsla(0, 0%, 100%, 0);
    --radio-check-border-color: #2b0484;
    --radio-check-bg-color: #2b0484;
    --radio-check-dot-color: #fff;
    --radio-check-border-color-hover: #4d1caf;
    --radio-check-bg-color-hover: #4d1caf;
    --radio-check-dot-color-hover: #fff;
    --radio-check-border-color-focus: #1d0264;
    --radio-check-bg-color-focus: #4d1caf;
    --radio-check-dot-color-focus: #fff;
    --radio-check-border-color-disabled: #e9edf1;
    --radio-check-bg-color-disabled: #f5f8fb;
    --radio-check-dot-color-disabled: #d9dde2;
    --radio-outline: rgba(65, 11, 151, 0.3)
}

.radio_color_light {
    --btnColor: hsla(0, 0%, 100%, 0);
    --radio-uncheck-border-color: #c2c6cc;
    --radio-uncheck-bg-color: #fff;
    --radio-uncheck-dot-color: hsla(0, 0%, 100%, 0);
    --radio-uncheck-border-color-hover: #888c92;
    --radio-uncheck-bg-color-hover: #fff;
    --radio-uncheck-dot-color-hover: hsla(0, 0%, 100%, 0);
    --radio-uncheck-border-color-focus: #af87ec;
    --radio-uncheck-bg-color-focus: #fff;
    --radio-uncheck-dot-color-focus: hsla(0, 0%, 100%, 0);
    --radio-uncheck-border-color-disabled: #e9edf1;
    --radio-uncheck-bg-color-disabled: #fff;
    --radio-uncheck-dot-color-disabled: hsla(0, 0%, 100%, 0);
    --radio-check-border-color: #c2c6cc;
    --radio-check-bg-color: #f5f8fb;
    --radio-check-dot-color: #1c1f25;
    --radio-check-border-color-hover: #888c92;
    --radio-check-bg-color-hover: #f5f8fb;
    --radio-check-dot-color-hover: #1c1f25;
    --radio-check-border-color-focus: #af87ec;
    --radio-check-bg-color-focus: #fdfbff;
    --radio-check-dot-color-focus: #1c1f25;
    --radio-check-border-color-disabled: #e9edf1;
    --radio-check-bg-color-disabled: #f5f8fb;
    --radio-check-dot-color-disabled: #d9dde2;
    --radio-outline: rgba(65, 11, 151, 0.3)
}

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

.radio__label {
    font-size: var(--radio-text-size);
    line-height: var(--radio-line-height);
    color: #1c1f25;
    margin-left: var(--radio-gap)
}

.radio__box {
    width: var(--radio-box-size);
    height: var(--radio-box-size);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: background-color .3s linear, border-color .3s linear;
    background-color: var(--radio-uncheck-bg-color);
    border: .0625rem solid var(--radio-uncheck-border-color)
}

.radio__box:after {
    content: "";
    display: block;
    border-radius: 50%;
    width: var(--radio-check-size);
    height: var(--radio-check-size);
    background-color: var(--radio-uncheck-dot-color);
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: background-color .3s linear, -webkit-transform .3s linear;
    transition: background-color .3s linear, transform .3s linear;
    transition: background-color .3s linear, transform .3s linear, -webkit-transform .3s linear
}

.radio__input.focus-visible:focus ~ .radio__box {
    background-color: var(--radio-uncheck-bg-color-focus);
    border-color: var(--radio-uncheck-border-color-focus)
}

.radio__input.focus-visible:focus ~ .radio__box:after {
    background-color: var(--radio-uncheck-dot-color-focus)
}

.radio__box:hover {
    background-color: var(--radio-uncheck-bg-color-hover);
    border-color: var(--radio-uncheck-border-color-hover)
}

.radio__box:hover:after {
    background-color: var(--radio-uncheck-dot-color-hover)
}

.radio__input:disabled ~ .radio__box {
    background-color: var(--radio-uncheck-bg-color-disabled);
    border-color: var(--radio-uncheck-border-color-disabled)
}

.radio__input:disabled ~ .radio__box:after {
    background-color: var(--radio-uncheck-dot-color-disabled)
}

.radio__input:checked ~ .radio__box {
    background-color: var(--radio-check-bg-color);
    border-color: var(--radio-check-border-color)
}

.radio__input:checked ~ .radio__box:after {
    background-color: var(--radio-check-dot-color);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.radio__input:checked ~ .radio__box:hover {
    background-color: var(--radio-check-bg-color-hover);
    border-color: var(--radio-check-border-color-hover)
}

.radio__input:checked ~ .radio__box:hover:after {
    background-color: var(--radio-check-dot-color-hover)
}

.radio__input.focus-visible:checked ~ .radio__box {
    background-color: var(--radio-check-bg-color-focus);
    border-color: var(--radio-check-border-color-focus)
}

.radio__input.focus-visible:checked ~ .radio__box:after {
    background-color: var(--radio-check-dot-color-focus)
}

.radio__input:checked:disabled ~ .radio__box {
    background-color: var(--radio-check-bg-color-disabled);
    border-color: var(--radio-check-border-color-disabled)
}

.radio__input:checked:disabled ~ .radio__box:after {
    background-color: var(--radio-check-dot-color-disabled)
}

.radio__input.focus-visible:focus ~ .radio__box {
    outline: var(--focus-size) solid var(--radio-outline)
}

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

.radio-box__box {
    background-color: #f5f8fb;
    border: 1px solid #c2c6cc;
    border-radius: .5rem;
    padding: .5rem 1rem;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.radio-box__input.focus-visible:checked ~ .radio-box__box, .radio-box__input:checked ~ .radio-box__box, .radio-box__input:checked ~ .radio-box__box:hover {
    background-color: #fff;
    border-color: #2b0484
}

.radio-box__input.focus-visible:focus ~ .radio-box__box {
    outline: var(--focus-size) solid rgba(65, 11, 151, .3)
}

.radio-with-icon {
    --check-icon-display: none;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-flex;
    align-items: center;
    white-space: nowrap
}

.radio-with-icon_with-check-icon {
    --check-icon-display: block
}

.radio-with-icon_size_s {
    --radio-with-icon-text-size: 0.8125rem;
    --radio-with-icon-line-height: 1rem;
    --radio-with-icon-gap: 0.25rem;
    --radio-with-icon-border-radius: 0.375rem;
    --radio-with-icon-padding-x: 0.4375rem;
    --radio-with-icon-padding-y: 0.4375rem
}

.radio-with-icon_size_m {
    --radio-with-icon-text-size: 0.9375rem;
    --radio-with-icon-line-height: 1.25rem;
    --radio-with-icon-gap: 0.375rem;
    --radio-with-icon-border-radius: 0.5rem;
    --radio-with-icon-padding-x: 0.6875rem;
    --radio-with-icon-padding-y: 0.5625rem
}

.radio-with-icon_size_l {
    --radio-with-icon-text-size: 1rem;
    --radio-with-icon-line-height: 1.25rem;
    --radio-with-icon-gap: 0.375rem;
    --radio-with-icon-border-radius: 0.625rem;
    --radio-with-icon-padding-x: 0.9375rem;
    --radio-with-icon-padding-y: 0.8125rem
}

.radio-with-icon_color_default, .radio-with-icon_color_light {
    --radio-with-icon-uncheck-border-color: #e9edf1;
    --radio-with-icon-uncheck-bg-color: #f5f8fb;
    --radio-with-icon-uncheck-border-color-hover: #7d4bd6;
    --radio-with-icon-uncheck-bg-color-hover: #fdfbff;
    --radio-with-icon-uncheck-border-color-focus: #7d4bd6;
    --radio-with-icon-uncheck-bg-color-focus: #fff;
    --radio-with-icon-uncheck-border-color-disabled: #f5f8fb;
    --radio-with-icon-uncheck-bg-color-disabled: #f5f8fb;
    --radio-with-icon-check-border-color: #2b0484;
    --radio-with-icon-check-bg-color: #fff;
    --radio-with-icon-check-border-color-hover: #7d4bd6;
    --radio-with-icon-check-bg-color-hover: #fdfbff;
    --radio-with-icon-check-border-color-focus: #7d4bd6;
    --radio-with-icon-check-bg-color-focus: #fff;
    --radio-with-icon-check-border-color-disabled: #f5f8fb;
    --radio-with-icon-check-bg-color-disabled: #f5f8fb;
    --radio-with-icon-outline: rgba(65, 11, 151, 0.3)
}

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

.radio-with-icon__label {
    font-size: var(--radio-with-icon-text-size);
    line-height: var(--radio-with-icon-line-height);
    color: #1c1f25;
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.radio-with-icon__label-scroll {
    overflow: hidden
}

.radio-with-icon__label-scroll-text {
    -webkit-animation: radio-with-icon-scroll-label var(--scroll-speed) alternate infinite;
    animation: radio-with-icon-scroll-label var(--scroll-speed) alternate infinite;
    white-space: nowrap;
    display: inline-block;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.radio-with-icon__icon-start {
    flex-shrink: 0
}

.radio-with-icon__icon-end {
    flex-shrink: 0;
    display: var(--check-icon-display);
    visibility: hidden
}

.radio-with-icon__box {
    width: 100%;
    border-radius: var(--radio-with-icon-border-radius);
    display: inline-flex;
    align-items: center;
    position: relative;
    transition: background-color .3s linear, border-color .3s linear;
    background-color: var(--radio-with-icon-uncheck-bg-color);
    border: .0625rem solid var(--radio-with-icon-uncheck-border-color);
    padding: var(--radio-with-icon-padding-y) var(--radio-with-icon-padding-x)
}

.radio-with-icon__box &gt; * + * {
    margin-left: var(--radio-with-icon-gap)
}

.radio-with-icon__input.focus-visible:focus ~ .radio-with-icon__box {
    background-color: var(--radio-with-icon-uncheck-bg-color-focus);
    border-color: var(--radio-with-icon-uncheck-border-color-focus)
}

.radio-with-icon__box:hover {
    background-color: var(--radio-with-icon-uncheck-bg-color-hover);
    border-color: var(--radio-with-icon-uncheck-border-color-hover)
}

.radio-with-icon__input:disabled ~ .radio-with-icon__box {
    background-color: var(--radio-with-icon-uncheck-bg-color-disabled);
    border-color: var(--radio-with-icon-uncheck-border-color-disabled)
}

.radio-with-icon__input:checked ~ .radio-with-icon__box .radio-with-icon__icon-end {
    visibility: visible
}

.radio-with-icon__input:checked ~ .radio-with-icon__box {
    background-color: var(--radio-with-icon-check-bg-color);
    border-color: var(--radio-with-icon-check-border-color)
}

.radio-with-icon__input:checked ~ .radio-with-icon__box:hover {
    background-color: var(--radio-with-icon-check-bg-color-hover);
    border-color: var(--radio-with-icon-check-border-color-hover)
}

.radio-with-icon__input.focus-visible:checked ~ .radio-with-icon__box {
    background-color: var(--radio-with-icon-check-bg-color-focus);
    border-color: var(--radio-with-icon-check-border-color-focus)
}

.radio-with-icon__input:checked:disabled ~ .radio-with-icon__box {
    background-color: var(--radio-with-icon-check-bg-color-disabled);
    border-color: var(--radio-with-icon-check-border-color-disabled)
}

.radio-with-icon__input.focus-visible:focus ~ .radio-with-icon__box {
    outline: var(--focus-size) solid var(--radio-with-icon-outline)
}

@-webkit-keyframes radio-with-icon-scroll-label {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(var(--scroll-shift));
        transform: translateX(var(--scroll-shift))
    }
}

@keyframes radio-with-icon-scroll-label {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(var(--scroll-shift));
        transform: translateX(var(--scroll-shift))
    }
}

.select {
    --form-control-icon-end: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%232E3034' d='M17.378 9.282l-5.055 5.778a.429.429 0 0 1-.646 0L6.623 9.282a.429.429 0 0 1 .323-.71h10.11c.369 0 .566.433.323.71z'/%3E%3C/svg%3E");
    --select-color: #1c1f25;
    --select-bg-color: #f5f8fb;
    --select-border-color: #888c92;
    --select-padding-x: 0.5rem;
    --select-padding-y: 0.5rem;
    --select-inner-gap: 0.375rem;
    --select-icon-size: 1.5rem;
    --select-border-radius: 0.5rem;
    --select-focus-color: rgba(65, 11, 151, 0.3);
    --focus-style: var(--focus-size) solid var(--select-focus-color);
    --form-control-icon-end-hover: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%232E3034' d='M17.378 9.282l-5.055 5.778a.429.429 0 0 1-.646 0L6.623 9.282a.429.429 0 0 1 .323-.71h10.11c.369 0 .566.433.323.71z'/%3E%3C/svg%3E");
    --select-color-hover: #1c1f25;
    --select-bg-color-hover: #f5f8fb;
    --select-border-color-hover: #383c41;
    --select-color-focus: #1c1f25;
    --select-bg-color-focus: #fff;
    --select-border-color-focus: #7d4bd6;
    --form-control-icon-end-disabled: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23D1D6DB' d='M17.378 9.282l-5.055 5.778a.429.429 0 0 1-.646 0L6.623 9.282a.429.429 0 0 1 .323-.71h10.11c.369 0 .566.433.323.71z'/%3E%3C/svg%3E");
    --select-color-disabled: #c2c6cc;
    --select-bg-color-disabled: #f5f8fb;
    --select-border-color-disabled: #c2c6cc;
    --font-size: 1rem;
    --font-weight: 400;
    --line-height: 1.3;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    background-image: var(--form-control-icon-end);
    background-size: var(--select-icon-size) var(--select-icon-size);
    background-repeat: no-repeat;
    background-position: calc(100% - var(--select-padding-x)) 50%;
    color: var(--select-color);
    background-color: var(--select-bg-color);
    border: 1px solid var(--select-border-color);
    border-radius: var(--select-border-radius);
    padding: var(--select-padding-y) var(--select-padding-x);
    padding-right: calc(var(--select-padding-x) + var(--select-icon-size) + var(--select-inner-gap));
    width: 100%
}

.select:hover {
    --form-control-icon-end: var(--form-control-icon-end-hover);
    --select-color: var(--select-color-hover);
    --select-bg-color: var(--select-bg-color-hover);
    --select-border-color: var(--select-border-color-hover)
}

.select:focus {
    --select-color: var(--select-color-focus);
    --select-bg-color: var(--select-bg-color-focus);
    --select-border-color: var(--select-border-color-focus)
}

.select:disabled {
    --form-control-icon-end: var(--form-control-icon-end-disabled);
    --select-color: var(--select-color-disabled);
    --select-bg-color: var(--select-bg-color-disabled);
    --select-border-color: var(--select-border-color-disabled)
}

.select_size_s {
    --select-padding-x: 0.375rem;
    --select-padding-y: 0.375rem;
    --select-inner-gap: 0.25rem;
    --select-icon-size: 1.25rem;
    --select-border-radius: 0.375rem;
    --font-size: 0.9375rem
}

.select_size_m, .select_size_s {
    --font-weight: 400;
    --line-height: 1.3;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.select_size_m {
    --select-padding-x: 0.5rem;
    --select-padding-y: 0.5rem;
    --select-inner-gap: 0.375rem;
    --select-icon-size: 1.5rem;
    --select-border-radius: 0.5rem;
    --font-size: 1rem
}

.select_size_l {
    --select-padding-x: 0.75rem;
    --select-padding-y: 0.75rem;
    --select-inner-gap: 0.5rem;
    --select-icon-size: 1.5rem;
    --select-border-radius: 0.625rem;
    --font-size: 1.0625rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.select_default {
    --select-color: #1c1f25;
    --select-bg-color: #f5f8fb;
    --select-border-color: #888c92;
    --select-focus-color: rgba(65, 11, 151, 0.3);
    --select-color-hover: #1c1f25;
    --select-bg-color-hover: #f5f8fb;
    --select-border-color-hover: #383c41;
    --select-color-focus: #1c1f25;
    --select-bg-color-focus: #fff;
    --select-border-color-focus: #7d4bd6;
    --select-color-disabled: #c2c6cc;
    --select-bg-color-disabled: #f5f8fb;
    --select-border-color-disabled: #c2c6cc
}

.select_default, .select_light {
    --form-control-icon-end: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%232E3034' d='M17.378 9.282l-5.055 5.778a.429.429 0 0 1-.646 0L6.623 9.282a.429.429 0 0 1 .323-.71h10.11c.369 0 .566.433.323.71z'/%3E%3C/svg%3E");
    --form-control-icon-end-hover: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%232E3034' d='M17.378 9.282l-5.055 5.778a.429.429 0 0 1-.646 0L6.623 9.282a.429.429 0 0 1 .323-.71h10.11c.369 0 .566.433.323.71z'/%3E%3C/svg%3E");
    --form-control-icon-end-disabled: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23D1D6DB' d='M17.378 9.282l-5.055 5.778a.429.429 0 0 1-.646 0L6.623 9.282a.429.429 0 0 1 .323-.71h10.11c.369 0 .566.433.323.71z'/%3E%3C/svg%3E")
}

.select_light {
    --select-color: #1c1f25;
    --select-bg-color: #fff;
    --select-border-color: #888c92;
    --select-focus-color: rgba(65, 11, 151, 0.3);
    --select-color-hover: #1c1f25;
    --select-bg-color-hover: #fff;
    --select-border-color-hover: #383c41;
    --select-color-focus: #1c1f25;
    --select-bg-color-focus: #fff;
    --select-border-color-focus: #7d4bd6;
    --select-color-disabled: #c2c6cc;
    --select-bg-color-disabled: #fff;
    --select-border-color-disabled: #c2c6cc
}

.select_success {
    --form-control-icon-end: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23047D3F' d='M17.378 9.282l-5.055 5.778a.429.429 0 0 1-.646 0L6.623 9.282a.429.429 0 0 1 .323-.71h10.11c.369 0 .566.433.323.71z'/%3E%3C/svg%3E");
    --select-color: #049854;
    --select-bg-color: #fbfffc;
    --select-border-color: #0ab261;
    --select-focus-color: rgba(10, 178, 97, 0.3);
    --form-control-icon-end-hover: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23047D3F' d='M17.378 9.282l-5.055 5.778a.429.429 0 0 1-.646 0L6.623 9.282a.429.429 0 0 1 .323-.71h10.11c.369 0 .566.433.323.71z'/%3E%3C/svg%3E");
    --select-color-hover: #049854;
    --select-bg-color-hover: #fbfffc;
    --select-border-color-hover: #049854;
    --select-color-focus: #049854;
    --select-bg-color-focus: #fff;
    --select-border-color-focus: #0ab261;
    --form-control-icon-end-disabled: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23B5EABB' d='M17.378 9.282l-5.055 5.778a.429.429 0 0 1-.646 0L6.623 9.282a.429.429 0 0 1 .323-.71h10.11c.369 0 .566.433.323.71z'/%3E%3C/svg%3E");
    --select-color-disabled: #4ee08a;
    --select-bg-color-disabled: #fbfffc;
    --select-border-color-disabled: #4ee08a
}

.select_error {
    --form-control-icon-end: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23C01B35' d='M17.378 9.282l-5.055 5.778a.429.429 0 0 1-.646 0L6.623 9.282a.429.429 0 0 1 .323-.71h10.11c.369 0 .566.433.323.71z'/%3E%3C/svg%3E");
    --select-color: #d50657;
    --select-bg-color: #fffbfb;
    --select-border-color: #fb9baf;
    --select-focus-color: rgba(231, 11, 90, 0.3);
    --form-control-icon-end-hover: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23C01B35' d='M17.378 9.282l-5.055 5.778a.429.429 0 0 1-.646 0L6.623 9.282a.429.429 0 0 1 .323-.71h10.11c.369 0 .566.433.323.71z'/%3E%3C/svg%3E");
    --select-color-hover: #d50657;
    --select-bg-color-hover: #fffbfb;
    --select-border-color-hover: #f3296b;
    --select-color-focus: #d50657;
    --select-bg-color-focus: #fff;
    --select-border-color-focus: #f8668d;
    --form-control-icon-end-disabled: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23F8D1D3' d='M17.378 9.282l-5.055 5.778a.429.429 0 0 1-.646 0L6.623 9.282a.429.429 0 0 1 .323-.71h10.11c.369 0 .566.433.323.71z'/%3E%3C/svg%3E");
    --select-color-disabled: #fcc2cb;
    --select-bg-color-disabled: #fffbfb;
    --select-border-color-disabled: #fee3e6
}

.select_clear {
    --form-control-icon-end: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%232E3034' d='M17.378 9.282l-5.055 5.778a.429.429 0 0 1-.646 0L6.623 9.282a.429.429 0 0 1 .323-.71h10.11c.369 0 .566.433.323.71z'/%3E%3C/svg%3E");
    --select-color: #1c1f25;
    --select-bg-color: hsla(0, 0%, 100%, 0);
    --select-border-color: hsla(0, 0%, 100%, 0);
    --select-focus-color: rgba(65, 11, 151, 0.3);
    --form-control-icon-end-hover: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%232E3034' d='M17.378 9.282l-5.055 5.778a.429.429 0 0 1-.646 0L6.623 9.282a.429.429 0 0 1 .323-.71h10.11c.369 0 .566.433.323.71z'/%3E%3C/svg%3E");
    --select-color-hover: #1c1f25;
    --select-bg-color-hover: hsla(0, 0%, 100%, 0);
    --select-border-color-hover: hsla(0, 0%, 100%, 0);
    --select-color-focus: #1c1f25;
    --select-bg-color-focus: hsla(0, 0%, 100%, 0);
    --select-border-color-focus: #7d4bd6;
    --form-control-icon-end-disabled: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23D1D6DB' d='M17.378 9.282l-5.055 5.778a.429.429 0 0 1-.646 0L6.623 9.282a.429.429 0 0 1 .323-.71h10.11c.369 0 .566.433.323.71z'/%3E%3C/svg%3E");
    --select-color-disabled: #c2c6cc;
    --select-bg-color-disabled: hsla(0, 0%, 100%, 0);
    --select-border-color-disabled: hsla(0, 0%, 100%, 0)
}

.select_with-icon {
    padding-left: calc(var(--select-padding-x) + var(--select-icon-size) + var(--select-inner-gap))
}

.atlas-select {
    overflow: initial
}

.atlas-select, .atlas-select__label {
    position: relative
}

.atlas-select__label-icon {
    position: absolute;
    left: var(--select-padding-x);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.atlas-select__label-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.atlas-select__dropdown {
    --form-control-icon-size-start: 1.25rem;
    pointer-events: none;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(1.1875rem);
    transform: scale(.75) translateY(1.1875rem);
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    opacity: 0
}

.atlas-select_open .atlas-select__dropdown {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.range {
    --range-track-size: 0.25rem;
    --range-track-radius: 0.125rem;
    --range-track-color: #e9edf1;
    --range-track-color-hover: #e9edf1;
    --range-track-color-progress-start: #af87ec;
    --range-track-color-progress-end: #af87ec;
    --range-track-color-progress-start-hover: #af87ec;
    --range-track-color-progress-end-hover: #af87ec;
    --range-track-color-progress-start-active: #2b0484;
    --range-track-color-progress-end-active: #2b0484;
    --range-thumb-size: 1.25rem;
    --range-thumb-border-size: 1px;
    --range-thumb-border-color: #d5bcf7;
    --range-thumb-border-color-hover: #2b0484;
    --range-thumb-border-color-active: #2b0484;
    --range-thumb-bg-color: #fdfbff;
    --range-thumb-bg-color-hover: #fdfbff;
    --range-thumb-bg-color-focus: #fdfbff;
    width: 100%;
    height: var(--range-thumb-size);
    -webkit-appearance: none
}

.range_with-progress {
    --range: calc(var(--max) - var(--min));
    --ratio: calc((var(--value) - var(--min)) / var(--range));
    --sx: calc(10px + var(--ratio) * (100% - 20px))
}

.range:focus {
    outline: none
}

.range.focus-visible:focus {
    color: #2b0484;
    --outlineSize: var(--focus-size);
    outline: 0 solid transparent;
    box-shadow: none
}

.range::-webkit-slider-thumb {
    cursor: pointer;
    -webkit-appearance: none;
    width: var(--range-thumb-size);
    height: var(--range-thumb-size);
    border-radius: 50%;
    background-color: var(--range-thumb-bg-color);
    border: var(--range-thumb-border-size) solid var(--range-thumb-border-color);
    box-shadow: none;
    margin-top: calc(var(--range-track-size) * 0.5 - max(var(--range-thumb-size) * .5, var(--range-thumb-border-size)))
}

.range::-webkit-slider-runnable-track {
    height: var(--range-track-size);
    border: none;
    border-radius: var(--range-track-radius);
    background-color: var(--range-track-color);
    box-shadow: none
}

.range::-webkit-slider-thumb:hover {
    background-color: var(--range-thumb-bg-color-hover);
    border-color: var(--range-thumb-border-color-hover)
}

.range:hover::-webkit-slider-runnable-track {
    background-color: var(--range-track-color-hover)
}

.range::-webkit-slider-thumb:active {
    background-color: var(--range-thumb-bg-color-focus);
    border-color: var(--range-thumb-border-color-active)
}

.range:active::-webkit-slider-runnable-track {
    background: #f5f5f5
}

.range_with-progress::-webkit-slider-runnable-track {
    background: linear-gradient(90deg, var(--range-track-color-progress-start), var(--range-track-color-progress-end)) 0/var(--sx) 100% no-repeat, var(--range-track-color)
}

.range_with-progress:hover::-webkit-slider-runnable-track {
    background: linear-gradient(90deg, var(--range-track-color-progress-start-hover), var(--range-track-color-progress-end-hover)) 0/var(--sx) 100% no-repeat, var(--range-track-color-hover)
}

.range_with-progress:active::-webkit-slider-runnable-track {
    background: linear-gradient(90deg, var(--range-track-color-progress-start-active), var(--range-track-color-progress-end-active)) 0/var(--sx) 100% no-repeat, #f5f5f5
}

.range::-moz-range-track {
    height: var(--range-track-size);
    border: none;
    border-radius: var(--range-track-radius);
    background-color: var(--range-track-color);
    box-shadow: none
}

.range::-moz-range-thumb:hover {
    background-color: var(--range-thumb-bg-color-hover);
    border-color: var(--range-thumb-border-color-hover)
}

.range:hover::-moz-range-track {
    background-color: var(--range-track-color-hover)
}

.range::-moz-range-thumb:active {
    background-color: var(--range-thumb-bg-color-focus);
    border-color: var(--range-track-color-hover)
}

.range:active::-moz-range-track {
    background: #f5f5f5
}

.range_with-progress::-moz-range-track {
    background: linear-gradient(90deg, var(--range-track-color-progress-start), var(--range-track-color-progress-end)) 0/var(--sx) 100% no-repeat, var(--range-track-color)
}

.range_with-progress:hover::-moz-range-track {
    background: linear-gradient(90deg, var(--range-track-color-progress-start-hover), var(--range-track-color-progress-end-hover)) 0/var(--sx) 100% no-repeat, var(--range-track-color-hover)
}

.range_with-progress:active::-moz-range-track {
    background: linear-gradient(90deg, var(--range-track-color-progress-start-active), var(--range-track-color-progress-end-active)) 0/var(--sx) 100% no-repeat, #f5f5f5
}

.range::-ms-fill-lower, .range::-ms-fill-upper {
    background: 0 0;
    border-color: transparent
}

.range::-ms-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--range-thumb-bg-color);
    border: var(--range-thumb-border-size) solid var(--range-thumb-border-color);
    margin-top: 0
}

.range::-ms-thumb, .range::-ms-track {
    box-shadow: none;
    box-sizing: border-box
}

.range::-ms-track {
    height: var(--range-track-size);
    border-radius: var(--range-track-radius);
    background-color: var(--range-track-color);
    border: none
}

.range::-ms-thumb:hover {
    background-color: var(--range-thumb-bg-color-hover);
    border-color: var(--range-thumb-border-color-hover)
}

.range:hover::-ms-track {
    background-color: var(--range-track-color-hover)
}

.range::-ms-thumb:active {
    background-color: var(--range-thumb-bg-color-focus);
    border-color: var(--range-track-color-hover)
}

.range:active::-ms-track {
    background-color: var(--range-track-color)
}

.range_with-progress::-ms-fill-lower {
    height: var(--range-track-size);
    border-radius: var(--range-track-radius) 0 0 var(--range-track-radius);
    margin: -undefined 0 -undefined -undefined;
    background-color: var(--range-track-color-progress-start);
    border: none;
    border-right: 0
}

.range_with-progress:hover::-ms-fill-lower {
    background-color: var(--range-track-color-progress-start-hover)
}

.range_with-progress:active::-ms-fill-lower {
    background-color: var(--range-track-color-progress-start-active)
}

.one-time-code__inner {
    display: grid;
    -webkit-column-gap: .5rem;
    column-gap: .5rem;
    grid-template-columns: repeat(4, 2.5rem);
    justify-content: center
}

.one-time-code__input {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    -moz-appearance: textfield;
    appearance: textfield;
    -webkit-appearance: textfield
}

.one-time-code__label, .one-time-code__legend {
    position: absolute;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden
}

.phone-with-code {
    position: relative;
    --code-size: 4.5rem;
    --code-gap: 0.25rem
}

.phone-with-code__input {
    padding-left: calc(var(--code-size) + var(--code-gap))
}

.phone-with-code__code, .phone-with-code__code.diz-select-label {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    left: 0;
    top: 0;
    width: var(--code-size);
    z-index: 1;
    height: 100%;
    border: none;
    background-color: transparent;
    --icon-size: 1.5rem;
    --icon-gap: 0.5rem;
    padding: .75rem;
    padding-right: calc(var(--icon-size) + var(--icon-gap));
    border-radius: .375rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTE3LjM3OCA5LjI4MmwtNS4wNTUgNS43NzhhLjQyOS40MjkgMCAwIDEtLjY0NiAwTDYuNjIzIDkuMjgyYS40MjkuNDI5IDAgMCAxIC4zMjMtLjcxaDEwLjExYy4zNjkgMCAuNTY2LjQzMy4zMjMuNzF6JyBmaWxsPScjMkUzMDM0Jy8+PC9zdmc+);
    background-position: 100%;
    background-size: var(--icon-size) var(--icon-size);
    background-repeat: no-repeat
}

.diz-select-label {
    --icon-size: 1.5rem;
    --icon-gap: 0.5rem
}

.diz-select-label__button {
    cursor: pointer;
    display: inline-flex;
    align-items: center
}

.diz-select-label__label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.diz-select-dropdown {
    display: none;
    position: absolute;
    z-index: 9999999999999;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 10px 20px -10px rgba(46, 48, 52, .15);
    border-radius: .375rem;
    overflow: hidden
}

.diz-select-dropdown_open {
    display: block
}

.diz-select-dropdown__options {
    max-height: 200px;
    overflow-y: auto
}

.diz-select-dropdown__options::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
}

.diz-select-dropdown__options::-webkit-scrollbar-track {
    background-color: #f5f8fb
}

.diz-select-dropdown__options::-webkit-scrollbar-thumb {
    background-color: #c2c6cc;
    border-radius: 1.5rem
}

.diz-select-dropdown__options::-webkit-scrollbar-thumb:hover {
    background-color: #bebec0
}

.diz-select-dropdown__option {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: .75rem;
    background-color: transparent;
    color: #1c1f25;
    min-height: 3rem
}

.diz-select-dropdown__option:hover, .diz-select-dropdown__option[data-focused] {
    background-color: #f5f8fb;
    color: #1c1f25
}

.diz-select-dropdown__option_selected {
    background-color: transparent;
    color: #1c1f25
}

.diz-select-dropdown__option &gt; * + * {
    margin-left: .5rem
}

.diz-select-dropdown__option &gt; * {
    pointer-events: none
}

.diz-select-dropdown__option-text {
    --font-size: 1rem;
    --font-weight: 400;
    --line-height: 1.3;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    flex-grow: 1
}

.diz-select-dropdown__option-icon {
    color: #2b0484
}

.select-with-search {
    --select-with-search-control-visibility: hidden;
    --select-with-search-control-opacity: 0;
    position: relative
}

.select-with-search_show {
    --select-with-search-control-visibility: visible;
    --select-with-search-control-opacity: 1
}

.select-with-search__control {
    position: absolute;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    visibility: var(--select-with-search-control-visibility);
    opacity: var(--select-with-search-control-opacity)
}

.notifications {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 1rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-height: 80%;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    width: calc(100% - var(--grid-sides));
    overflow-y: auto;
    z-index: 9000
}

.notifications::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
}

.notifications::-webkit-scrollbar-track {
    background-color: #f5f8fb
}

.notifications::-webkit-scrollbar-thumb {
    background-color: #c2c6cc;
    border-radius: 1.5rem
}

.notifications::-webkit-scrollbar-thumb:hover {
    background-color: #bebec0
}

.notifications__item {
    --font-size: 1rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .0625rem;
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    width: calc(100% - var(--notifications-item-reduction-size, 1rem) * 2 * var(--notifications-item-index, 0));
    color: var(--notifications-color, #fff);
    background-color: var(--notifications-bg-color, rgba(0, 0, 0, .8));
    border-radius: var(--notifications-item-border-radius, 0 0 .625rem .625rem);
    overflow: var(--notifications-item-overflow, hidden);
    height: var(--notifications-item-height, .375rem);
    visibility: var(--notifications-item-visibility, hidden);
    opacity: 0;
    transition: opacity .3s linear
}

.notifications__item:first-child {
    --notifications-item-index: 1;
    --notifications-item-visibility: visible
}

.notifications__item:nth-child(2) {
    --notifications-item-index: 2;
    --notifications-item-visibility: visible
}

.notifications__item:last-child {
    order: -1
}

.notifications__item:last-child, .notifications_collapsed .notifications__item {
    --notifications-item-index: 0;
    --notifications-item-col-btn-close-opacity: .6;
    --notifications-item-col-text-opacity: 1;
    --notifications-item-col-link-opacity: .6;
    --notifications-item-visibility: visible;
    --notifications-item-border-radius: 0.625rem;
    --notifications-item-height: auto;
    --notifications-item-overflow: visible
}

.notifications__item_show {
    opacity: 1
}

.notifications__item_default {
    --notifications-color: #fff;
    --notifications-bg-color: rgba(0, 0, 0, 0.8)
}

.notifications__item_success {
    --notifications-bg-color: #0ab261;
    --notifications-color: #fff
}

.notifications__item_warning {
    --notifications-bg-color: #ee7b3a;
    --notifications-color: #fff
}

.notifications__item_danger {
    --notifications-bg-color: #e70b5a;
    --notifications-color: #fff
}

.notifications__item_accent {
    --notifications-bg-color: #b611d1;
    --notifications-color: #fff
}

.notifications__col-btn-close {
    display: inline-flex;
    align-items: center;
    padding: .625rem;
    opacity: var(--notifications-item-col-btn-close-opacity, 0)
}

.notifications__icon {
    display: block
}

.notifications__col-text {
    padding: .625rem .5rem .625rem .625rem;
    margin-right: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: var(--notifications-item-col-text-opacity, 0)
}

.notifications__col-link {
    padding: .625rem;
    opacity: var(--notifications-item-col-link-opacity, 0)
}

.notifications__link {
    color: #fff;
    text-decoration: none
}

.profile-header-popup-fix {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: .5rem
}

.profile-header {
    --profile-header-avatar-size: 2.75rem;
    --profile-header-padding-x: var(--space-6);
    --avatar-rows: 2;
    --contacts-display: none;
    display: grid;
    grid-template-columns: var(--profile-header-avatar-size) 1fr;
    -webkit-column-gap: .75rem;
    column-gap: .75rem;
    row-gap: .25rem;
    padding-top: var(--profile-header-padding-x);
    padding-bottom: var(--profile-header-padding-x)
}

.profile-header_with-subscription {
    --avatar-rows: 3
}

.profile-header__area-avatar {
    grid-column: 1/span 1;
    grid-row: 1/span var(--avatar-rows);
    background-color: #c2c6cc
}

.profile-header__area-avatar, .profile-header__avatar {
    width: var(--profile-header-avatar-size);
    height: var(--profile-header-avatar-size);
    border-radius: 50%
}

.profile-header__avatar {
    -o-object-fit: cover;
    object-fit: cover;
    font-size: 0;
    display: block
}

.profile-header__area-name {
    -webkit-line-clamp: 2
}

.profile-header__area-contact, .profile-header__area-name {
    grid-column: 2/span 1;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.57143;
    color: #1c1f25;
    align-self: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.profile-header__area-contact {
    display: var(--contacts-display)
}

.profile-header__area-info {
    grid-column: 2/span 1;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: .6875rem;
    line-height: 1.45455;
    color: #4f5358
}

.profile-header__area-info &gt; * + * {
    margin-left: var(--space-4)
}

.subscription-label {
    font-style: normal;
    font-weight: 700;
    font-size: .6875rem;
    line-height: 1.45455;
    padding-left: var(--space-4);
    padding-right: var(--space-4);
    border-radius: .375rem;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.subscription-label_v1 {
    background-color: #b611d1;
    color: #fff
}

.subscription-label_v2 {
    background-color: #a8adb3;
    color: #fff
}

.promotion-block {
    display: grid;
    grid-template-columns: repeat(var(--col-count), 1fr);
    grid-template-rows: repeat(var(--row-count), auto);
    grid-template-areas: var(--grid-area);
    gap: var(--grid-gutter)
}

.promotion-block_type1 {
    --col-count: 1;
    --row-count: 1;
    --img-width: 1440;
    --img-height: 360;
    --grid-area: "col1"
}

.promotion-block_type2 {
    --img-width: 708;
    --img-height: 354;
    --col-count: 1;
    --row-count: 2;
    --grid-area: "col1" "col2"
}

.promotion-block_type3 {
    --img-width: 1440;
    --img-height: 360;
    --col-count: 1;
    --row-count: 3;
    --grid-area: "col1" "col2" "col3"
}

.promotion-block_type4 {
    --img-width: 345;
    --img-height: 345;
    --col-count: 2;
    --row-count: 2;
    --grid-area: "col1 col2" "col3 col4"
}

.promotion-block__link {
    display: block;
    position: relative;
    padding-top: calc(var(--img-height) / var(--img-width) * 100%);
    background-color: #e9edf1
}

.promotion-block__link:first-child {
    grid-area: col1
}

.promotion-block__link:nth-child(2) {
    grid-area: col2
}

.promotion-block__link:nth-child(3) {
    grid-area: col3
}

.promotion-block__link:nth-child(4) {
    grid-area: col4
}

.promotion-block__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.title-with-link {
    display: flex;
    align-items: center
}

.title-with-link:first-child {
    padding-top: 0
}

.title-with-link__title {
    margin-right: var(--space-8);
    flex-grow: 1;
    font-weight: 500;
    color: #1c1f25
}

.title-with-link__title_h1 {
    font-size: 1.25rem;
    line-height: 1.4
}

.title-with-link__title_h2 {
    font-size: .9375rem;
    line-height: 1.2
}

.title-with-link__link {
    display: inline-flex;
    align-items: center;
    font-size: .875rem;
    line-height: 1.28571
}

.title-with-link__link-text {
    display: none
}

.title-with-link__link-icon {
    margin-left: .25rem;
    width: 1.125rem;
    height: 1.125rem
}

.carousel-block {
    --carousel-overflow-x: auto;
    --carousel-slides-count: 1;
    --carousel-slides-gap-def: 16px;
    --carousel-slides-gap: var(--carousel-slides-gap-def);
    --carousel-scroll-padding-size: 0.4375rem;
    --carousel-scroll-padding: var(--carousel-scroll-padding-size);
    position: relative
}

.carousel-block__carousel {
    overflow: var(--carousel-overflow-x);
    padding: var(--focus-size);
    margin: calc(var(--focus-size) * -1)
}

.carousel-block__carousel::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
}

.carousel-block__carousel::-webkit-scrollbar-track {
    background-color: #f5f8fb
}

.carousel-block__carousel::-webkit-scrollbar-thumb {
    background-color: #c2c6cc;
    border-radius: 1.5rem
}

.carousel-block__carousel::-webkit-scrollbar-thumb:hover {
    background-color: #bebec0
}

.carousel-block_inited {
    --carousel-slides-gap: 0;
    --carousel-overflow-x: hidden;
    --carousel-scroll-padding: calc(var(--carousel-scroll-padding-size) + 0.4375rem)
}

.carousel-block__wrapper {
    display: flex;
    padding-bottom: var(--carousel-scroll-padding)
}

.carousel-block__slide {
    --gap-summ: calc((var(--carousel-slides-count) - 1) * var(--carousel-slides-gap-def));
    flex-shrink: 0;
    width: calc((100% - var(--gap-summ)) / var(--carousel-slides-count));
    height: auto
}

.carousel-block__slide + .carousel-block__slide {
    margin-left: var(--carousel-slides-gap)
}

.carousel-nav {
    --zIndex: 1;
    --opacityInside: var(--outside) .75;
    --shadowInside: var(--outside) none;
    --filterInside: var(--outside) none;
    --opacityOutside: 1;
    --nav-display-fallback: none;
    --nav-top-fallback: 50%;
    --nav-translate-y-fallback: calc(-50% - var(--carousel-scroll-padding-size));
    cursor: pointer;
    align-items: center;
    justify-content: center;
    display: flex;
    width: var(--space-50);
    height: var(--space-50);
    border-radius: 50%;
    z-index: var(--zIndex, 1);
    opacity: var(--opacityInside, var(--opacityOutside));
    color: #1c1f25;
    background-color: #f5f8fb;
    border: 1px solid #f5f8fb;
    transition: color .3s linear, border-color .3s linear, background-color .3s linear, box-shadow .3s linear, opacity .3s linear;
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 2px 4px -2px rgba(46, 48, 52, .15);
    position: absolute;
    top: var(--nav-top, var(--nav-top-fallback));
    -webkit-transform: translateY(var(--nav-translate-y, var(--nav-translate-y-fallback)));
    transform: translateY(var(--nav-translate-y, var(--nav-translate-y-fallback)));
    display: var(--nav-display, var(--nav-display-fallback))
}

.carousel-nav_prev {
    left: calc(var(--containerSides) * -1)
}

.carousel-nav_next {
    right: calc(var(--containerSides) * -1)
}

.carousel-nav:hover {
    opacity: 1;
    color: #1c1f25;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 4px 8px -4px rgba(46, 48, 52, .15)
}

.carousel-nav:focus {
    color: #1c1f25;
    background-color: #fff;
    border-color: #c2c6cc;
    -webkit-filter: none;
    filter: none
}

.carousel-nav:disabled {
    background-color: #f5f8fb;
    border-color: #f5f8fb;
    color: #c2c6cc;
    cursor: no-drop;
    box-shadow: none
}

.app-touch .carousel-nav {
    display: none
}

.carousel-pagination {
    --opacity: 0.5;
    --btn-scale: 1;
    display: flex;
    justify-content: center;
    min-height: 1.25rem
}

.carousel-pagination__item {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.carousel-pagination__item_active {
    --opacity: 1;
    --btn-scale: 2
}

.carousel-pagination__btn {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.carousel-pagination__btn:after {
    content: "";
    display: block;
    width: .25rem;
    height: .25rem;
    background-color: #9a0db7;
    opacity: var(--opacity);
    -webkit-transform: scale(var(--btn-scale));
    transform: scale(var(--btn-scale));
    transition: opacity transform .3s linear linear .3s;
    border-radius: 50%
}

.carousel-products {
    --carousel-max-width: calc(100vw - var(--sidebar-width, 0px));
    --carousel-slide-max-width: 8.25rem;
    --carousel-nav-shift-y: calc(var(--carousel-slide-max-width) * var(--productCardRatio) / 100);
    --nav-top: calc(var(--carousel-nav-shift-y) / 2);
    --nav-translate-y: -50%
}

.carousel-products_without-sidebar {
    --carousel-max-width: 100vw
}

.carousel-products_with-sidebar {
    --sidebar-width: calc(var(--grid-gutter) + 13.75rem);
    --carousel-slides-count: 3
}

.carousel-promotion {
    --nav-opacity: 0
}

.carousel-promotion:focus-within, .carousel-promotion:hover {
    --nav-opacity: .5
}

.carousel-promotion__link {
    display: block
}

.carousel-promotion__img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: .5rem
}

.carousel-promotion .carousel-nav_prev {
    opacity: var(--nav-opacity);
    left: .5rem
}

.carousel-promotion .carousel-nav_next {
    opacity: var(--nav-opacity);
    right: .5rem
}

.carousel-promotion2__link {
    display: block
}

.carousel-promotion2__img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: .5rem
}

.carousel-promotion4__link {
    display: block
}

.carousel-promotion4__img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: .5rem
}

.country-button {
    display: flex;
    align-items: center;
    padding: .9375rem 1rem;
    width: 100%;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.33333;
    color: #2e3034;
    justify-content: flex-end
}

.country-button__title {
    margin-right: auto;
    justify-self: flex-start
}

.country-button__country {
    color: #1c1f25
}

.country-button__icon {
    margin-left: .25rem
}

.link-btn {
    --link-btn-underline-color: transparent;
    display: inline-flex;
    align-items: center;
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    color: var(--linkColor);
    background-color: var(--linkBackgroundColor);
    transition: color .3s linear, border-color .3s linear, background-color .3s linear;
    text-decoration: none;
    height: var(--link-button-height);
    border-radius: .375rem
}

.link-btn:hover {
    color: var(--linkColorHover)
}

.link-btn:focus {
    --link-btn-underline-color: transparent;
    color: var(--linkColorFocused);
    outline: var(--focus-size) solid var(--linkOutlineColor)
}

.js-focus-visible .link-btn:focus:not(.focus-visible) {
    --link-btn-underline-color: currentColor
}

.link-btn_size_s {
    --link-button-height: 2rem;
    --font-size: 0.9375rem
}

.link-btn_size_m, .link-btn_size_s {
    --font-weight: 400;
    --line-height: 1.3;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.link-btn_size_m {
    --link-button-height: 2.5rem;
    --font-size: 1rem
}

.link-btn_size_l {
    --link-button-height: 3rem;
    --font-size: 1.0625rem;
    --line-height: 1.4;
    --letter-spacing: 0em
}

.link-btn_size_l, .link-btn_size_xl {
    --font-weight: 400;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.link-btn_size_xl {
    --link-button-height: 3.625rem;
    --font-size: 1.125rem;
    --line-height: 1.3;
    --letter-spacing: -0.01em
}

.link-btn_default {
    --linkOutlineColor: rgba(182, 17, 209, 0.3);
    --linkColor: #4730dd;
    --linkTextDecorationColor: rgba(71, 48, 221, 0.4);
    --linkColorHover: #9a0db7;
    --linkTextDecorationColorHover: rgba(154, 13, 183, 0.4);
    --linkColorFocused: #9a0db7;
    --linkBackgroundColorFocused: #fdfbff;
    --linkTextDecorationColorFocused: rgba(154, 13, 183, 0.4);
    --linkColorVisited: #27179e;
    --linkTextDecorationColorVisited: rgba(39, 23, 158, 0.4)
}

.link-btn_default, .link-btn_second {
    --linkTextDecorationLine: underline;
    --linkBackgroundColor: hsla(0, 0%, 100%, 0);
    --linkBackgroundHover: hsla(0, 0%, 100%, 0);
    --linkColorDisabled: #c2c6cc;
    --linkBackgroundDisabled: hsla(0, 0%, 100%, 0);
    --linkTextDecorationColorDisabled: rgba(194, 198, 204, 0.4);
    --linkBackgroundVisited: hsla(0, 0%, 100%, 0)
}

.link-btn_second {
    --linkOutlineColor: rgba(136, 140, 146, 0.3);
    --linkColor: #4f5358;
    --linkTextDecorationColor: rgba(79, 83, 88, 0.4);
    --linkColorHover: #1c1f25;
    --linkTextDecorationColorHover: rgba(28, 31, 37, 0.4);
    --linkColorFocused: #1c1f25;
    --linkBackgroundColorFocused: #f5f8fb;
    --linkTextDecorationColorFocused: rgba(28, 31, 37, 0.4);
    --linkColorVisited: #4f5358;
    --linkTextDecorationColorVisited: rgba(79, 83, 88, 0.4)
}

.link-btn_catalog {
    --linkOutlineColor: rgba(182, 17, 209, 0.3);
    --linkTextDecorationLine: underline;
    --linkColor: #1c1f25;
    --linkBackgroundColor: hsla(0, 0%, 100%, 0);
    --linkTextDecorationColor: rgba(28, 31, 37, 0.4);
    --linkColorHover: #9a0db7;
    --linkBackgroundHover: hsla(0, 0%, 100%, 0);
    --linkTextDecorationColorHover: rgba(154, 13, 183, 0.4);
    --linkColorDisabled: #c2c6cc;
    --linkBackgroundDisabled: hsla(0, 0%, 100%, 0);
    --linkTextDecorationColorDisabled: rgba(194, 198, 204, 0.4);
    --linkColorFocused: #9a0db7;
    --linkBackgroundColorFocused: #fdfbff;
    --linkTextDecorationColorFocused: rgba(154, 13, 183, 0.4);
    --linkColorVisited: #1c1f25;
    --linkBackgroundVisited: hsla(0, 0%, 100%, 0);
    --linkTextDecorationColorVisited: rgba(28, 31, 37, 0.4)
}

.link-btn_underline_solid {
    --link-btn-underline-color: currentColor;
    --link-btn-underline-type: solid
}

.link-btn_underline_dashed {
    --link-btn-underline-color: currentColor;
    --link-btn-underline-type: dashed
}

.link-btn__icon {
    display: block
}

.link-btn__text {
    border-top: 1px solid transparent;
    border-bottom: 1px var(--link-btn-underline-type) var(--link-btn-underline-color)
}

.link-btn &gt; * + * {
    margin-left: .25rem
}

.link-btn:disabled, .link-btn_disabled, .link-btn_disabled:focus, .link-btn_disabled:hover {
    color: var(--linkColorDisabled);
    background-color: var(--linkBackgroundDisabled);
    cursor: not-allowed
}

.partners-hello-window .modal__window {
    max-width: 31.25rem;
    display: flex
}

.partners-hello-window .popup__content {
    padding: 2.5rem 2rem;
    position: relative;
    display: flex;
    flex-direction: column
}

.partners-hello-window__btn-close {
    position: absolute;
    right: .25rem;
    top: .25rem
}

.partners-hello-window__title {
    text-align: center;
    font-weight: 700;
    font-size: 1.1875rem;
    line-height: 1.42105;
    letter-spacing: -.0045em;
    color: #1c1f25
}

.partners-hello-window__icons-list {
    margin-top: var(--space-20);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: var(--space-4);
    column-gap: var(--space-4)
}

.partners-hello-window__icons-list-item {
    padding: var(--space-4);
    text-align: center
}

.partners-hello-window__icons-list-title {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: -.0044em;
    color: #1c1f25
}

.partners-hello-window__icons-list-text {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.5;
    letter-spacing: -.0015em
}

.partners-hello-window__text {
    margin-top: var(--space-20);
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.91667;
    letter-spacing: -.0015em;
    color: #1c1f25
}

.partners-hello-window__row-content {
    flex-grow: 1;
    overflow-y: auto
}

.partners-hello-window__row-content-widget-wrapper {
    display: flex;
    flex-direction: column
}

.partners-hello-window__row-content-widget-wrapper:empty {
    display: none
}

.partners-hello-window__row-content-widget-wrapper:last-child {
    margin-bottom: 0
}

.partners-hello-window__row-content-widget-wrapper_align_start {
    align-items: flex-start;
    text-align: start
}

.partners-hello-window__row-content-widget-wrapper_align_center {
    align-items: center;
    text-align: center
}

.partners-hello-window__row-content-widget-wrapper_align_end {
    align-items: flex-end;
    text-align: end
}

.partners-hello-window__row-btns {
    --cols: 1;
    margin-top: var(--space-32);
    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap: 1rem
}

.partners-hello-window__btn, .video {
    width: 100%
}

.video {
    --video-button-display: none;
    --video-media-opacity: 0;
    --video-button-color: #fff;
    --video-button-fill: #212121;
    --video-button-fill-opacity: 0.8;
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    background-color: #000
}

.video:hover {
    --video-button-fill: red;
    --video-button-fill-opacity: 1
}

.video[data-inited] {
    --video-button-display: block;
    --video-media-opacity: 1;
    cursor: pointer
}

.video .video__link, .video .video__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video .video__media {
    border: none;
    opacity: var(--video-media-opacity)
}

.video .video__button {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: var(--video-button-display);
    padding: 0;
    width: 4.25rem;
    height: 3rem;
    border: none;
    background-color: transparent;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
}

.video .video__button:focus {
    --video-button-fill: red;
    --video-button-fill-opacity: 1;
    outline: none
}

.video .video__button-shape {
    color: var(--video-button-color);
    fill: var(--video-button-fill);
    fill-opacity: var(--video-button-fill-opacity)
}

.link {
    color: var(--linkColor);
    background-color: var(--linkBackgroundColor);
    transition: color .3s linear;
    display: inline-flex;
    align-items: center;
    text-underline-offset: .125rem;
    border-radius: .375rem;
    border-width: 0
}

.link_default {
    --linkOutlineColor: rgba(182, 17, 209, 0.3);
    --linkColor: #4730dd;
    --linkTextDecorationColor: rgba(71, 48, 221, 0.4);
    --linkColorHover: #9a0db7;
    --linkTextDecorationColorHover: rgba(154, 13, 183, 0.4);
    --linkColorFocused: #9a0db7;
    --linkBackgroundColorFocused: #fdfbff;
    --linkTextDecorationColorFocused: rgba(154, 13, 183, 0.4);
    --linkColorVisited: #27179e;
    --linkTextDecorationColorVisited: rgba(39, 23, 158, 0.4)
}

.link_default, .link_second {
    --linkTextDecorationLine: underline;
    --linkBackgroundColor: hsla(0, 0%, 100%, 0);
    --linkBackgroundHover: hsla(0, 0%, 100%, 0);
    --linkColorDisabled: #c2c6cc;
    --linkBackgroundDisabled: hsla(0, 0%, 100%, 0);
    --linkTextDecorationColorDisabled: rgba(194, 198, 204, 0.4);
    --linkBackgroundVisited: hsla(0, 0%, 100%, 0)
}

.link_second {
    --linkOutlineColor: rgba(136, 140, 146, 0.3);
    --linkColor: #4f5358;
    --linkTextDecorationColor: rgba(79, 83, 88, 0.4);
    --linkColorHover: #1c1f25;
    --linkTextDecorationColorHover: rgba(28, 31, 37, 0.4);
    --linkColorFocused: #1c1f25;
    --linkBackgroundColorFocused: #f5f8fb;
    --linkTextDecorationColorFocused: rgba(28, 31, 37, 0.4);
    --linkColorVisited: #4f5358;
    --linkTextDecorationColorVisited: rgba(79, 83, 88, 0.4)
}

.link_catalog {
    --linkOutlineColor: rgba(182, 17, 209, 0.3);
    --linkTextDecorationLine: underline;
    --linkColor: #1c1f25;
    --linkBackgroundColor: hsla(0, 0%, 100%, 0);
    --linkTextDecorationColor: rgba(28, 31, 37, 0.4);
    --linkColorHover: #9a0db7;
    --linkBackgroundHover: hsla(0, 0%, 100%, 0);
    --linkTextDecorationColorHover: rgba(154, 13, 183, 0.4);
    --linkColorDisabled: #c2c6cc;
    --linkBackgroundDisabled: hsla(0, 0%, 100%, 0);
    --linkTextDecorationColorDisabled: rgba(194, 198, 204, 0.4);
    --linkColorFocused: #9a0db7;
    --linkBackgroundColorFocused: #fdfbff;
    --linkTextDecorationColorFocused: rgba(154, 13, 183, 0.4);
    --linkColorVisited: #1c1f25;
    --linkBackgroundVisited: hsla(0, 0%, 100%, 0);
    --linkTextDecorationColorVisited: rgba(28, 31, 37, 0.4)
}

.link_dashed {
    border-bottom: 1px dashed
}

.link_no-underline {
    text-decoration: none
}

.link_size_150 {
    --font-size: 0.6875rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0.008em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.link_size_200 {
    --font-size: 0.75rem
}

.link_size_200, .link_size_250 {
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0.004em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.link_size_250 {
    --font-size: 0.8125rem
}

.link_size_300 {
    --font-size: 0.875rem
}

.link_size_300, .link_size_350 {
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.link_size_350 {
    --font-size: 0.9375rem
}

.link_size_400 {
    --font-size: 1rem
}

.link_size_400, .link_size_450 {
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.link_size_450 {
    --font-size: 1.0625rem
}

.link_size_500 {
    --font-size: 1.125rem
}

.link_size_500, .link_size_600 {
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: -0.01em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.link_size_600 {
    --font-size: 1.25rem
}

.link_size_700 {
    --font-size: 1.5rem;
    --letter-spacing: -0.01em
}

.link_size_700, .link_size_800 {
    --font-weight: 400;
    --line-height: 1.4;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.link_size_800 {
    --font-size: 1.75rem;
    --letter-spacing: -0.012em
}

.link_size_900 {
    --font-size: 2rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: -0.016em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.link:visited {
    color: var(--linkColorVisited);
    -webkit-text-decoration-color: var(--linkTextDecorationColorVisited);
    text-decoration-color: var(--linkTextDecorationColorVisited)
}

.link:hover {
    color: var(--linkColorHover);
    -webkit-text-decoration-color: var(--linkTextDecorationColorHover);
    text-decoration-color: var(--linkTextDecorationColorHover)
}

.link:focus {
    color: var(--linkColorFocused);
    -webkit-text-decoration-color: var(--linkTextDecorationColorFocused);
    text-decoration-color: var(--linkTextDecorationColorFocused);
    background-color: var(--linkBackgroundColorFocused);
    outline: var(--focus-size) solid var(--linkOutlineColor);
    text-decoration: none
}

.link_disabled {
    pointer-events: none;
    cursor: not-allowed;
    color: var(--linkColorDisabled);
    -webkit-text-decoration-color: var(linkTextDecorationColorDisabled);
    text-decoration-color: var(linkTextDecorationColorDisabled)
}

.link_active {
    color: var(--linkColorHover);
    -webkit-text-decoration-color: var(--linkTextDecorationColorHover);
    text-decoration-color: var(--linkTextDecorationColorHover)
}

.link__text {
    border-bottom: 1px dashed var(--linkTextDecorationColorFocused)
}

.link svg {
    font-size: 0
}

.link &gt; * + * {
    margin-left: var(--space-4)
}

.label {
    --font-size: 0.8125rem;
    --font-weight: 700;
    --line-height: 1.2;
    --letter-spacing: 0.004em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    display: inline-block;
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    border-radius: .25rem;
    padding: .1875rem .375rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.label + .label {
    margin-left: .25rem
}

.label_v2 {
    border-radius: 0 .375rem
}

.label_sale {
    background-color: #f9e26b;
    color: #1c1f25
}

.label_bestseller {
    background-color: #ee7b3a;
    color: #fff
}

.label_new {
    background-color: #5445ec;
    color: #fff
}

.label_sale-percent {
    background-color: #b611d1;
    color: #fff
}

.label_discont {
    background-color: #049854;
    color: #fff
}

.label_popular {
    background-color: #e70b5a;
    color: #fff
}

.label_partners {
    background-image: linear-gradient(268.71deg, #fddb83, #ef6033 98.9%);
    color: #fff
}

.like-btn {
    --iconColor: #fff;
    stroke: #4f5358;
    transition: stroke .3s linear, color .3s linear, background-color .3s linear, border-color .3s linear, box-shadow .3s linear
}

.like-btn:hover {
    --iconColor: #fee3e6;
    stroke: #e70b5a
}

.like-btn:active {
    --iconColor: #e70b5a;
    stroke: #e70b5a
}

.country {
    display: flex;
    pointer-events: none
}

.card-product-delivery {
    color: #1c1f25;
    padding-left: 2rem;
    position: relative
}

.card-product-delivery__icon {
    position: absolute;
    left: 0
}

.card-product-delivery__price {
    --font-size: 1rem;
    --font-weight: 600;
    --line-height: 1.2;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    margin-bottom: .25rem
}

.card-product-delivery__comment {
    margin-bottom: var(--space-12)
}

.card-product-delivery__comment, .card-product-delivery__link {
    --font-size: 0.875rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit)
}

.card-product-brand {
    --brandGap: 1.25rem;
    --brandLogoAlign: center;
    display: flex;
    gap: var(--brandGap)
}

.card-product-brand_no-logo {
    --brandGap: 0.5rem;
    --brandLogoAlign: flex-start
}

.card-product-brand__col-logo {
    display: flex;
    align-items: var(--brandLogoAlign);
    color: #1c1f25
}

.card-product-brand__card-brand {
    width: 7.5rem
}

.card-product-brand__logo-wrapper {
    width: 7.4375rem;
    height: 4.25rem;
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 4px 8px -4px rgba(46, 48, 52, .15);
    border-radius: .375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.card-product-brand__logo {
    height: auto;
    -o-object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: var(--space-8) var(--space-10)
}

.card-product-brand__col-title {
    display: flex;
    gap: var(--space-4);
    flex-direction: column;
    justify-content: center
}

.card-product-brand__label {
    --font-size: 1rem;
    --font-weight: 600;
    --line-height: 1.2;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    color: #1c1f25;
    margin-bottom: var(--space-4)
}

.option-item {
    --optionItemLabelPadding: 0.4375em 0.9375em;
    --labelWidth: 100%
}

.option-item_type_image {
    --optionItemLabelPadding: 133.333% 0 0 0;
    --labelWidth: 4.3125rem
}

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

.option-item__label {
    --focus-style: var(--focus-size) solid rgba(65, 11, 151, 0.3);
    z-index: 0;
    font-size: 1.25rem;
    line-height: 1.5em;
    padding: var(--optionItemLabelPadding);
    border-radius: .375rem;
    border: 1px solid #e9edf1;
    cursor: pointer;
    width: var(--labelWidth);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f8fb;
    color: #1c1f25;
    font-weight: 700;
    overflow: hidden;
    position: relative;
    transition: color .3s linear, background-color .3s linear, border-color .3s linear, box-shadow .3s linear
}

.option-item__label:hover {
    background-color: #fdfbff;
    border-color: #7d4bd6;
    color: #1c1f25
}

.option-item__img {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-size: .625rem;
    line-height: 1.1
}

.option-item__input:checked + .option-item__label {
    background-color: #fff;
    border-color: #2b0484;
    color: #2b0484
}

.option-item__input:focus + .option-item__label {
    background-color: #fff;
    border-color: #7d4bd6;
    color: #1c1f25;
    outline: var(--focus-style)
}

.option-item__input:disabled + .option-item__label {
    cursor: not-allowed;
    background-color: #f5f8fb;
    border-color: #f5f8fb;
    color: #c2c6cc
}

.option-item_type_image .option-item__input:disabled + .option-item__label:after, .option-item_type_image .option-item__input:disabled + .option-item__label:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.option-item_type_image .option-item__input:disabled + .option-item__label:before {
    left: 0;
    z-index: 5;
    background-color: hsla(0, 0%, 100%, .6)
}

.option-item_type_image .option-item__input:disabled + .option-item__label:after {
    left: 50%;
    width: 1px;
    background-color: #6a6e73;
    -webkit-transform: translateX(-50%) rotate(-35deg);
    transform: translateX(-50%) rotate(-35deg);
    z-index: 6
}

.card-product-layout {
    display: grid;
    position: relative;
    -webkit-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter)
}

.card-product-layout__area-title {
    grid-area: title;
    margin-bottom: var(--space-8)
}

.card-product-layout__area-article {
    grid-area: article;
    display: flex;
    margin-bottom: var(--space-20)
}

.card-product-layout__area-preview {
    height: 100%;
    grid-area: preview;
    position: relative
}

.card-product-layout__area-price {
    grid-area: price;
    margin-bottom: var(--space-20)
}

.card-product-layout__not-avalible {
    --font-size: 1rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    color: #1c1f25
}

.card-product-layout__area-info {
    grid-area: info
}

.card-product-layout__area-content {
    grid-area: content;
    display: grid;
    position: relative;
    gap: var(--grid-gutter);
    align-items: flex-start;
    margin-top: var(--space-56);
    margin-bottom: var(--space-56);
    grid-template-columns: repeat(2, 1fr)
}

.card-product-layout__content-col-tabs, .card-product-layout__content-col-tags {
    grid-column: 1/span 2
}

.card-product-layout__content-col-tabs, .card-product-layout__content-col-tags {
    grid-column: span 2
}

.card-product-layout__block-share {
    margin-left: auto
}

.card-product-layout__article {
    --font-size: 0.875rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    display: inline-flex
}

.card-product-layout__article-label {
    color: #4f5358;
    margin-right: .25rem
}

.card-product-layout__article-value {
    color: #1c1f25
}

.card-product-layout__discount-wrapper {
    min-height: var(--space-24);
    margin-bottom: var(--space-4)
}

.card-product-layout__delivery {
    margin-bottom: var(--space-44)
}

.card-product-layout__label {
    display: none
}

.card-product-layout__tags-list, .card-product-layout__tags-title {
    margin-bottom: var(--space-16)
}

.card-product-layout__options-group {
    margin-bottom: var(--space-20)
}

.card-product-layout__options-group:last-child {
    margin-bottom: var(--space-44)
}

.card-product-layout__block-parameters {
    margin-bottom: var(--space-40)
}

.card-product-layout__block-parameters-list-group {
    margin-bottom: var(--space-20)
}

.card-product-layout__collapsed-block-wrapper:not(:last-child) {
    margin-bottom: var(--space-24)
}

.card-product-layout__collapsed-block-wrapper_hidden {
    display: none
}

.card-product-layout__parameters-title {
    margin-bottom: var(--space-20)
}

.card-product-layout__description-title {
    margin-bottom: 1.25rem
}

.card-product-btns {
    display: flex;
    position: fixed;
    bottom: var(--mobileToolbarHeight);
    z-index: 53;
    background-color: hsla(0, 0%, 100%, .8);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    left: 0;
    padding: var(--space-8) var(--grid-gutter);
    width: 100%;
    gap: var(--space-11)
}

.card-product-btns__form {
    width: 8.8125rem
}

.card-product-btns__form-block {
    display: flex;
    gap: var(--space-12);
    width: 100%
}

.card-product-btns__btn {
    width: 8.8125rem;
    flex-grow: 1
}

.btn {
    --btnBorderRadius: 0.375rem;
    --btnBorderTopLeftRadius: var(--btnBorderRadius);
    --btnBorderTopRightRadius: var(--btnBorderRadius);
    --btnBorderBottomRightRadius: var(--btnBorderRadius);
    --btnBorderBottomLeftRadius: var(--btnBorderRadius);
    --btnIconSize: 1.5rem;
    --btnInsideGap: 0.375rem;
    --btnPaddingSize: 0.5rem;
    --btnMinSize: 2.5rem;
    --textGrow: 0;
    --textAlign: initial;
    --font-size: 1rem;
    --font-weight: 700;
    --line-height: 1.3;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--btnMinSize);
    min-height: var(--btnMinSize);
    background-color: var(--btnBackgroundColor, transparent);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--btnColor);
    padding-right: var(--btnPaddingSize);
    padding-left: var(--btnPaddingSize);
    border-top-left-radius: var(--btnBorderTopLeftRadius);
    border-top-right-radius: var(--btnBorderTopRightRadius);
    border-bottom-left-radius: var(--btnBorderBottomLeftRadius);
    border-bottom-right-radius: var(--btnBorderBottomRightRadius);
    border: 1px solid transparent;
    border-color: var(--btnBorderColor);
    font-weight: 600;
    max-width: 100%;
    width: auto;
    white-space: nowrap;
    transition: color .3s linear, background-color .3s linear, border-color .3s linear, box-shadow .3s linear
}

.btn &gt; * {
    margin-left: var(--btnInsideGap);
    margin-right: var(--btnInsideGap)
}

.btn &gt; :first-child + * {
    margin-right: 0;
    margin-left: 0
}

.btn &gt; * + :last-child {
    margin-right: var(--btnInsideGap);
    margin-left: 0
}

.btn:hover {
    background-color: var(--btnBackgroundColorHover);
    border-color: var(--btnBorderColorHover);
    color: var(--btnColorHover)
}

.btn_rounded {
    --btnBorderRadius: 6.25rem
}

.btn_size_xs {
    --btnPaddingSize: 0.25rem;
    --btnMinSize: 1.75rem;
    --font-size: 0.875rem
}

.btn_size_s, .btn_size_xs {
    --btnIconSize: 1.25rem;
    --btnInsideGap: 0.25rem;
    --font-weight: 700;
    --line-height: 1.3;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-weight: 600
}

.btn_size_s {
    --btnPaddingSize: 0.375rem;
    --btnMinSize: 2rem;
    --font-size: 0.9375rem
}

.btn_size_m {
    --btnPaddingSize: 0.5rem;
    --btnMinSize: 2.5rem;
    --btnInsideGap: 0.375rem;
    --font-size: 1rem;
    --line-height: 1.3
}

.btn_size_l, .btn_size_m {
    --btnIconSize: 1.5rem;
    --font-weight: 700;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.btn_size_l {
    --btnPaddingSize: 0.75rem;
    --btnMinSize: 3rem;
    --btnInsideGap: 0.5rem;
    --font-size: 1.0625rem;
    --line-height: 1.4
}

.btn_size_xl {
    --btnPaddingSize: 1rem;
    --btnMinSize: 3.5rem;
    --btnIconSize: 1.5rem;
    --btnInsideGap: 0.625rem;
    --font-size: 1.125rem;
    --font-weight: 700;
    --line-height: 1.3;
    --letter-spacing: -0.01em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.btn_only-icon {
    --btnInsideGap: 0
}

.btn_text-grow {
    --textGrow: 1
}

.btn_text_center {
    --textAlign: center
}

.btn_text_right {
    --textAlign: right
}

.btn__icon-wrap {
    width: var(--btnIconSize);
    height: var(--btnIconSize);
    position: relative;
    flex-shrink: 0;
    z-index: 2
}

.btn__bage {
    position: absolute;
    top: -.375rem;
    right: -.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn__icon {
    width: 100%;
    height: 100%;
    color: var(--iconColor);
    display: block
}

.btn:disabled, .btn_disabled, .btn_disabled:focus, .btn_disabled:hover {
    color: var(--btnColorDisabled);
    border-color: var(--btnBorderColorDisabled);
    background-color: var(--btnBackgroundColorDisabled);
    cursor: not-allowed
}

.btn_progress, .btn_progress.btn, .btn_progress.btn_disabled, .btn_progress:hover.btn_disabled {
    color: var(--btnColorProgress);
    border-color: var(--btnBorderColorProgress);
    background-color: var(--btnBackgroundColorProgress);
    position: relative;
    overflow: hidden
}

.btn_progress.btn:before, .btn_progress.btn_disabled:before, .btn_progress:before, .btn_progress:hover.btn_disabled:before {
    content: "";
    display: block;
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    left: -2.875rem;
    z-index: 1;
    background: repeating-linear-gradient(-55deg, transparent .0625rem, var(--btnColorProgressLine) .125rem, var(--btnColorProgressLine) .6875rem, transparent .75rem, transparent 1.25rem);
    -webkit-animation-name: stripe-in-progress;
    animation-name: stripe-in-progress;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.btn.focus-visible, .btn_active {
    color: var(--btnColorFocused);
    border-color: var(--btnBorderColorFocused);
    background-color: var(--btnBackgroundColorFocused)
}

@-webkit-keyframes stripe-in-progress {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(46px);
        transform: translateX(46px)
    }
}

@keyframes stripe-in-progress {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(46px);
        transform: translateX(46px)
    }
}

.bage {
    width: calc(1.4em + .125rem);
    height: calc(1.4em + .125rem);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    line-height: 0;
    border-radius: 1.875rem;
    flex-shrink: 0;
    opacity: 1;
    transition: opacity .3s linear;
    border: .0625rem solid var(--bageBorderColor);
    color: var(--bageColor);
    background-color: var(--bageBackgroundColor)
}

.bage_default {
    --bageColor: #fff;
    --bageBorderColor: #b611d1;
    --bageBackgroundColor: #b611d1
}

.bage_default, .bage_light {
    --focusColor: inherit;
    --bageDisabledColor: #d9dde2;
    --bageDisabledBorderColor: #f5f8fb;
    --bageDisabledBackgroundColor: #f5f8fb
}

.bage_light {
    --bageColor: #383c41;
    --bageBorderColor: #f5f8fb;
    --bageBackgroundColor: #f5f8fb
}

.bage_size_s {
    font-size: .6875rem;
    min-width: 1rem;
    min-height: 1rem
}

.bage_size_m {
    font-size: .875rem
}

.bage_size_l {
    font-size: 1rem
}

:disabled .bage {
    border-color: var(--bageDisabledBorderColor);
    color: var(--bageDisabledColor);
    background-color: var(--bageDisabledBackgroundColor)
}

.bage:empty {
    opacity: 0
}

.options-group__legend {
    --font-size: 0.875rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    display: flex;
    align-items: center;
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    gap: var(--space-4);
    margin-bottom: var(--space-12)
}

.options-group__legend-name {
    color: #4f5358
}

.options-group__value {
    font-weight: 600;
    color: #1c1f25
}

.options-group__list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-8)
}

.options-group__list-item {
    font-size: 0
}

.options-group__sizes-link {
    --font-size: 0.875rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    margin-top: var(--space-12)
}

.parameters-list-group {
    -webkit-column-break-inside: avoid;
    break-inside: avoid-column
}

.parameters-list-group__title {
    margin-bottom: var(--space-12)
}

.parameters-list {
    --font-size: 0.875rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit)
}

.parameters-list__item {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-8);
    position: relative
}

.parameters-list__item:before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: .2em;
    border-bottom: .0625rem dashed #c2c6cc
}

.parameters-list__item:not(:last-child) {
    margin-bottom: var(--space-12)
}

.parameters-list__detail, .parameters-list__term {
    z-index: 1
}

.parameters-list__term {
    display: inline;
    color: #4f5358
}

.parameters-list__term-text {
    background-color: #fff;
    padding-right: var(--space-4);
    position: relative;
    bottom: -.0625rem
}

.parameters-list__detail {
    justify-content: flex-end;
    color: #1c1f25;
    background-color: #fff;
    flex-basis: 33.333%;
    padding-left: var(--space-4)
}

@-webkit-keyframes skeleton-lines2 {
    0% {
        background-position: -100px
    }

    40% {
        background-position: 240px
    }

    to {
        background-position: 240px
    }
}

@keyframes skeleton-lines2 {
    0% {
        background-position: -100px
    }

    40% {
        background-position: 240px
    }

    to {
        background-position: 240px
    }
}

.product-card-skeleton {
    --scale-image: 1;
    --preview-opacity: 1;
    --border-radius: 0.375rem;
    position: relative;
    display: flex;
    flex-direction: column
}

.product-card-skeleton__img {
    margin-bottom: var(--space-12);
    display: flex;
    align-items: center;
    border-radius: var(--border-radius);
    padding-top: calc(var(--productCardRatio) * 1%);
    overflow: hidden;
    order: 1;
    position: relative
}

.product-card-skeleton__img:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, #e9edf1, #fff 40px, #e9edf1 80px);
    background-size: 600px;
    -webkit-animation: skeleton-lines2 2.6s linear infinite;
    animation: skeleton-lines2 2.6s linear infinite;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 2px;
    z-index: 20
}

.product-card-skeleton__price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -webkit-column-gap: var(--space-8);
    column-gap: var(--space-8);
    margin-bottom: var(--space-4);
    order: 2;
    font-weight: 700;
    border-radius: var(--border-radius);
    position: relative
}

.product-card-skeleton__price:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, #e9edf1, #fff 40px, #e9edf1 80px);
    background-size: 600px;
    -webkit-animation: skeleton-lines2 2.6s linear infinite;
    animation: skeleton-lines2 2.6s linear infinite;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 2px;
    z-index: 20
}

.product-card-skeleton__title {
    order: 3;
    margin-bottom: .25rem;
    --font-size: 0.875rem;
    --line-height: 1.125rem;
    font-weight: 400;
    font-size: var(--font-size, inherit);
    line-height: var(--line-height, inherit);
    min-height: calc(var(--line-height) * 2);
    max-height: calc(var(--line-height) * 2);
    display: block;
    border-radius: var(--border-radius);
    position: relative
}

.product-card-skeleton__title:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, #e9edf1, #fff 40px, #e9edf1 80px);
    background-size: 600px;
    -webkit-animation: skeleton-lines2 2.6s linear infinite;
    animation: skeleton-lines2 2.6s linear infinite;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 2px;
    z-index: 20
}

.product-card-skeleton__category {
    margin-bottom: var(--space-12);
    order: 4;
    font-weight: 400;
    z-index: 3;
    display: block;
    font-size: .8125rem;
    line-height: 1.23077;
    border-radius: var(--border-radius);
    position: relative
}

.product-card-skeleton__category:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, #e9edf1, #fff 40px, #e9edf1 80px);
    background-size: 600px;
    -webkit-animation: skeleton-lines2 2.6s linear infinite;
    animation: skeleton-lines2 2.6s linear infinite;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 2px;
    z-index: 20
}

.product-card-skeleton__brand {
    display: flex;
    order: 5;
    z-index: 3;
    border-radius: var(--border-radius);
    position: relative
}

.product-card-skeleton__brand:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, #e9edf1, #fff 40px, #e9edf1 80px);
    background-size: 600px;
    -webkit-animation: skeleton-lines2 2.6s linear infinite;
    animation: skeleton-lines2 2.6s linear infinite;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 2px;
    z-index: 20
}

.product-card {
    --scale-image: 1;
    --preview-opacity: 1;
    position: relative;
    display: flex;
    flex-direction: column
}

.product-card:hover {
    --scale-image: 1.1;
    --preview-opacity: 0
}

.product-card__flag {
    position: absolute;
    top: .5rem;
    left: .875rem;
    z-index: 5;
    pointer-events: none
}

.product-card__preview {
    margin-bottom: var(--space-12);
    display: flex;
    align-items: center;
    border-radius: .375rem;
    padding-top: calc(var(--productCardRatio) * 1%);
    overflow: hidden;
    position: relative;
    order: 1
}

.product-card__preview:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 16, 19, .03);
    z-index: 5;
    transition: opacity .3s linear;
    pointer-events: none;
    opacity: var(--preview-opacity)
}

.product-card__preview-link {
    position: absolute;
    z-index: 3;
    left: var(--focus-size);
    top: var(--focus-size);
    width: calc(100% - var(--focus-size) * 2);
    height: calc(100% - var(--focus-size) * 2)
}

.product-card__preview-bottom-area {
    position: absolute;
    left: .25rem;
    bottom: .25rem;
    z-index: 6;
    pointer-events: none
}

.product-card__image {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    padding: .625rem;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    -webkit-transform: scale(var(--scale-image));
    transform: scale(var(--scale-image))
}

.product-card__prices {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -webkit-column-gap: var(--space-8);
    column-gap: var(--space-8);
    margin-bottom: var(--space-4);
    order: 2;
    font-weight: 700
}

.product-card__old-price {
    font-size: .8125rem;
    line-height: 1.23077;
    color: #4f5358;
    -webkit-text-decoration-color: #b611d1;
    text-decoration-color: #b611d1;
    display: inline-flex
}

.product-card__price {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.33333;
    color: #1c1f25;
    display: inline-flex
}

.product-card__price_profit {
    color: #9a0db7
}

.product-card__title {
    order: 3;
    margin-bottom: .25rem
}

.product-card__title-link {
    --font-size: 0.875rem;
    --line-height: 1.125rem;
    font-weight: 400;
    font-size: var(--font-size, inherit);
    line-height: var(--line-height, inherit);
    color: #1c1f25;
    text-decoration: none;
    overflow: hidden;
    min-height: calc(var(--line-height) * 2);
    max-height: calc(var(--line-height) * 2);
    display: block
}

.product-card__category {
    display: block;
    margin-bottom: var(--space-12);
    order: 4
}

.product-card__category-link {
    font-weight: 400;
    z-index: 3;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .8125rem;
    line-height: 1.23077
}

.product-card__brand {
    display: flex;
    order: 5
}

.product-card__brand-link {
    position: relative;
    z-index: 3
}

.product-card-simple {
    --focus-style: var(--focus-size) solid rgba(136, 140, 146, 0.3);
    display: flex;
    flex-direction: column;
    padding: .5rem;
    position: relative;
    border-radius: .5rem;
    text-decoration: none;
    overflow: hidden
}

.product-card-simple:hover {
    --img-scale: 1.1
}

.product-card-simple:after {
    content: "";
    background-color: #f5f8fb;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: multiply;
    border-radius: inherit
}

.product-card-simple__name {
    overflow: hidden;
    height: 3.875rem;
    color: #1c1f25;
    display: flex;
    justify-content: center;
    margin-bottom: .5rem;
    position: relative;
    z-index: 1
}

.product-card-simple__name-inner {
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.28571;
    text-align: center;
    color: #1c1f25;
    padding: .5rem
}

.product-card-simple__img-wrap {
    margin-top: .5rem;
    padding-bottom: 100%;
    position: relative;
    -webkit-transform: scale(var(--img-scale, 1));
    transform: scale(var(--img-scale, 1));
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}

.product-card-simple__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

:root {
    --productCardRatio: 133.331818182
}

.product-listing-card {
    --scale-image: 1;
    --preview-opacity: 1;
    position: relative;
    display: flex;
    flex-direction: column
}

.product-listing-card:hover {
    --scale-image: 1.1;
    --preview-opacity: 0
}

.product-listing-card__preview {
    margin-bottom: var(--space-12);
    display: flex;
    align-items: center;
    border-radius: .375rem;
    padding-top: calc(var(--productCardRatio) * 1%);
    overflow: hidden;
    position: relative
}

.product-listing-card__preview:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 16, 19, .03);
    z-index: 5;
    transition: opacity .3s linear;
    pointer-events: none;
    opacity: var(--preview-opacity)
}

.product-listing-card__preview-link {
    position: absolute;
    z-index: 3;
    left: var(--focus-size);
    top: var(--focus-size);
    width: calc(100% - var(--focus-size) * 2);
    height: calc(100% - var(--focus-size) * 2)
}

.product-listing-card__image {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    padding: .625rem;
}

.product-listing-card__preview-widgets-area {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.product-listing-card__preview-inner {
    display: flex;
    justify-content: space-between;
    min-height: calc(33.3333% - .375rem)
}

.product-listing-card__preview-inner + .product-listing-card__preview-inner {
    margin-top: .375rem
}

.product-listing-card__preview-place {
    display: flex;
    align-items: var(--place-vertical-align, flex-start);
    justify-content: var(--place-horizontal-align, flex-start);
    min-width: 33.3333%
}

.product-listing-card__preview-place_direction_column {
    flex-direction: column;
    align-items: var(--place-horizontal-align, flex-start);
    justify-content: var(--place-vertical-align, flex-start)
}

.product-listing-card__preview-place_top_start {
    --widget-has-top-shift: 1;
    --widget-has-right-shift: 0;
    --widget-has-bottom-shift: 0;
    --widget-has-left-shift: 1;
    --place-vertical-align: flex-start;
    --place-horizontal-align: flex-start
}

.product-listing-card__preview-place_top_center {
    --widget-has-right-shift: 0;
    --place-horizontal-align: center
}

.product-listing-card__preview-place_top_center, .product-listing-card__preview-place_top_end {
    --widget-has-top-shift: 1;
    --widget-has-bottom-shift: 0;
    --widget-has-left-shift: 0;
    --place-vertical-align: flex-start;
    align-items: var(--place-vertical-align, flex-start)
}

.product-listing-card__preview-place_top_end {
    --widget-has-right-shift: 1;
    --place-horizontal-align: flex-end
}

.product-listing-card__preview-place_middle_start {
    --place-horizontal-align: flex-start
}

.product-listing-card__preview-place_middle_center, .product-listing-card__preview-place_middle_start {
    --widget-has-top-shift: 1;
    --widget-has-right-shift: 0;
    --widget-has-bottom-shift: 0;
    --widget-has-left-shift: 1;
    --place-vertical-align: center;
    align-items: var(--place-vertical-align, center)
}

.product-listing-card__preview-place_middle_center {
    --place-horizontal-align: center
}

.product-listing-card__preview-place_middle_end {
    --widget-has-top-shift: 1;
    --widget-has-right-shift: 1;
    --widget-has-bottom-shift: 0;
    --widget-has-left-shift: 0;
    --place-vertical-align: center;
    --place-horizontal-align: flex-end;
    align-items: var(--place-vertical-align, center)
}

.product-listing-card__preview-place_bottom_start {
    --widget-has-left-shift: 1;
    --place-horizontal-align: flex-start
}

.product-listing-card__preview-place_bottom_center, .product-listing-card__preview-place_bottom_start {
    --widget-has-top-shift: 0;
    --widget-has-right-shift: 0;
    --widget-has-bottom-shift: 1;
    --place-vertical-align: flex-end;
    align-items: var(--place-vertical-align, flex-end)
}

.product-listing-card__preview-place_bottom_center {
    --widget-has-left-shift: 0;
    --place-horizontal-align: center
}

.product-listing-card__preview-place_bottom_end {
    --widget-has-top-shift: 0;
    --widget-has-right-shift: 1;
    --widget-has-bottom-shift: 1;
    --widget-has-left-shift: 0;
    --place-vertical-align: flex-end;
    --place-horizontal-align: flex-end;
    align-items: var(--place-vertical-align, flex-end)
}

.master-checkout__title {
    --font-size: 1.5rem;
    --font-weight: 600;
    --line-height: 1.2;
    --letter-spacing: -0.01em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    color: #1c1f25;
    padding-top: 1.5rem;
    padding-bottom: 1rem
}

.master-checkout__layout {
    display: grid;
    --content-cols: 12;
    --sidebar-cols: 0;
    --sidebar-col-size: 10.5rem;
    --content-grid-column: 1/span var(--content-cols);
    --sidebar-grid-column: 1/span var(--content-cols);
    grid-template-columns: repeat(var(--content-cols), 1fr) repeat(var(--sidebar-cols), var(--sidebar-col-size));
    -webkit-column-gap: 1.5rem;
    column-gap: 1.5rem;
    row-gap: 1.5rem
}

.master-checkout__content {
    grid-column: var(--content-grid-column)
}

.master-checkout__group-title {
    --font-size: 1.0625rem;
    --font-weight: 600;
    --line-height: 1.4;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    display: inline-flex;
    align-items: center;
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit)
}

.master-checkout__group-title &gt; * + * {
    margin-left: .5rem
}

.master-checkout__delivery-date {
    --font-size: 0.9375rem;
    --font-weight: 600;
    --line-height: 1.3;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: 600;
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.master-checkout__region {
    --content-display: block;
    --sidebar-display: none;
    margin-left: calc(var(--containerSides) * -1);
    margin-right: calc(var(--containerSides) * -1);
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 4px 8px -4px rgba(46, 48, 52, .15);
    margin-bottom: 1.5rem
}

.master-checkout__region_sidebar {
    display: var(--sidebar-display)
}

.master-checkout__region_content {
    display: var(--content-display)
}

.master-checkout__sidebar {
    grid-column: var(--sidebar-grid-column)
}

.master-checkout-payment {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 2px 4px -2px rgba(46, 48, 52, .15)
}

.master-checkout-payment__fieldset {
    padding: 1rem
}

.master-checkout-payment__title {
    --font-size: 1.0625rem;
    --font-weight: 600;
    --line-height: 1.2;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: 700;
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    color: #1c1f25;
    float: left;
    margin-bottom: .75rem;
    width: 100%
}

.master-checkout-payment__inputs {
    overflow: auto;
    display: flex;
    width: 100%;
    margin: calc(var(--focus-size) * -1);
    padding: var(--focus-size)
}

.master-checkout-payment__inputs::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
}

.master-checkout-payment__inputs::-webkit-scrollbar-track {
    background-color: #f5f8fb
}

.master-checkout-payment__inputs::-webkit-scrollbar-thumb {
    background-color: #c2c6cc;
    border-radius: 1.5rem
}

.master-checkout-payment__inputs::-webkit-scrollbar-thumb:hover {
    background-color: #bebec0
}

.master-checkout-payment__inputs &gt; * + * {
    margin-left: 1rem
}

.checkout-address-button {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 4px 8px -4px rgba(46, 48, 52, .15);
    padding: 1rem;
    width: 100%;
    display: grid;
    text-align: initial;
    grid-template-columns: auto 1.5rem;
    -webkit-column-gap: .25rem;
    column-gap: .25rem;
    transition: border-color .3s linear, box-shadow .3s linear;
    border: 1px solid #fff
}

.checkout-address-button:hover {
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 8px 16px -8px rgba(46, 48, 52, .15)
}

.checkout-address-button:focus {
    border-color: #9a0db7
}

.checkout-address-button.focus-visible:focus {
    outline: var(--focus-size) solid rgba(65, 11, 151, .3)
}

.checkout-address-button__title {
    --font-size: 1.0625rem;
    --font-weight: 600;
    --line-height: 1.2;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    display: block;
    font-size: var(--font-size, inherit);
    font-weight: 700;
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    color: #1c1f25
}

.checkout-address-button__empty {
    display: block;
    margin-top: .25rem;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.2;
    color: #6a6e73
}

.checkout-address-button__icon {
    align-self: center;
    flex-grow: 0;
    color: #1c1f25
}

.checkout-address-button__contact {
    display: flex;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.2;
    color: #1c1f25;
    margin-top: .75rem
}

.checkout-address-button__contact-icon {
    flex-shrink: 0;
    margin-right: .25rem
}


.product-listing-card__preview-widget-wrapper {
    --widget-gutter-size: 0.5rem;
    margin: calc(var(--widget-gutter-size) * var(--widget-has-top-shift, 1)) calc(var(--widget-gutter-size) * var(--widget-has-right-shift, 1)) calc(var(--widget-gutter-size) * var(--widget-has-bottom-shift, 1)) calc(var(--widget-gutter-size) * var(--widget-has-left-shift, 1));
    z-index: 3;
    pointer-events: none
}

.product-listing-card__preview-widget-wrapper:empty {
    display: none
}

.product-listing-card__preview-widget-wrapper_without_shift {
    margin: calc(var(--widget-gutter-size) * (var(--widget-has-top-shift, 1) + -1)) calc(var(--widget-gutter-size) * (var(--widget-has-right-shift, 1) + -1)) calc(var(--widget-gutter-size) * (var(--widget-has-bottom-shift, 1) + -1)) calc(var(--widget-gutter-size) * (var(--widget-has-left-shift, 1) + -1))
}

.product-listing-card__preview-widget-wrapper_with_events {
    pointer-events: auto
}

.product-listing-card__info {
    justify-content: space-between
}

.product-listing-card__info, .product-listing-card__info-widget-wrapper {
    display: flex;
    flex-direction: column
}

.product-listing-card__info-widget-wrapper:empty {
    display: none
}

.product-listing-card__info-widget-wrapper:last-child {
    margin-bottom: 0
}

.product-listing-card__info-widget-wrapper_align_start {
    align-items: flex-start;
    text-align: start
}

.product-listing-card__info-widget-wrapper_align_center {
    align-items: center;
    text-align: center
}

.product-listing-card__info-widget-wrapper_align_end {
    align-items: flex-end;
    text-align: end
}

.product-listing-card-info {
    --white-space: normal;
    --overflow: visible;
    --text-overflow: clip;
    --min-height: auto;
    --max-height: auto;
    display: inline-grid
}

.product-listing-card-info__content {
    position: relative;
    z-index: 3;
    display: block;
    white-space: var(--white-space);
    overflow: var(--overflow);
    text-overflow: var(--text-overflow);
    min-height: var(--min-height);
    max-height: var(--max-height)
}

.product-listing-card-info_line-clamp_1 {
    --line-clamp: 1;
    --white-space: nowrap;
    --overflow: hidden;
    --text-overflow: ellipsis;
    --min-height: calc(var(--font-size) * var(--line-height) * var(--line-clamp));
    --max-height: calc(var(--font-size) * var(--line-height) * var(--line-clamp))
}

.product-listing-card-info_line-clamp_2 {
    --line-clamp: 2
}

.product-listing-card-info_line-clamp_2, .product-listing-card-info_line-clamp_3 {
    --white-space: normal;
    --overflow: hidden;
    --text-overflow: ellipsis;
    --min-height: calc(var(--font-size) * var(--line-height) * var(--line-clamp));
    --max-height: calc(var(--font-size) * var(--line-height) * var(--line-clamp))
}

.product-listing-card-info_line-clamp_3 {
    --line-clamp: 3
}

.product-listing-card-prices {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    -webkit-column-gap: var(--space-8);
    column-gap: var(--space-8)
}

.product-listing-card-prices__out-of-stock {
    color: #4f5358
}

.product-listing-card-prices__old-price {
    display: inline-flex;
    color: #4f5358;
    -webkit-text-decoration-color: #b611d1;
    text-decoration-color: #b611d1
}

.product-listing-card-prices__price {
    display: inline-flex;
    color: #1c1f25
}

.product-listing-card-prices__price_profit {
    color: #9a0db7
}

.product-preview-carousel {
    --slidesGap: 0.5rem
}

.preview-block_carousel-inited .product-preview-carousel {
    --slidesGap: 0
}

.product-preview-carousel__img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block
}

.product-preview-carousel__carousel {
    padding: .25rem
}

.product-preview-carousel__carousel::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
}

.product-preview-carousel__carousel::-webkit-scrollbar-track {
    background-color: #f5f8fb
}

.product-preview-carousel__carousel::-webkit-scrollbar-thumb {
    background-color: #c2c6cc;
    border-radius: 1.5rem
}

.product-preview-carousel__carousel::-webkit-scrollbar-thumb:hover {
    background-color: #bebec0
}

.preview-block {
    height: 100%;
    max-height: 37.5rem
}

:root {
    --popupPosition: relative;
    --popupBoxShadow: 0px 1px 2px 0px rgba(77, 81, 87, 0.08), 0px 0px 1px 0px rgba(60, 63, 68, 0.13), 0px 6px 12px -6px rgba(46, 48, 52, 0.15);
    --popupFilter: drop-shadow(0px 1px 2px rgba(96, 101, 108, 0.1)) drop-shadow(0px 0px 1px rgba(96, 101, 108, 0.2));
    --popupBorderRadius: 0.5rem;
    --popupBackgroundColor: #fff;
    --popupArrowRotate: rotate(0);
    --popupArrowTranslate: translate(0, 0);
    --popupArrowTop: auto;
    --popupArrowLeft: auto;
    --popupArrowRight: auto;
    --popupArrowBottom: auto;
    --popupArrowWidth: auto
}

.popup {
    background: var(--popupBackgroundColor);
    box-shadow: var(--popupBoxShadow);
    -webkit-filter: var(--popupFilter);
    filter: var(--popupFilter);
    position: var(--popupPosition)
}

.popup, .popup:before {
    border-radius: var(--popupBorderRadius);
    z-index: 8000
}

.popup:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: var(--popupBackgroundColor);
    left: 0;
    top: 0;
    pointer-events: none
}

.popup__content {
    position: relative;
    z-index: 8000
}

.popup.popup_size_l.popup_arrow_bottom, .popup.popup_size_l.popup_arrow_top {
    --arrowWidth: 0.75rem
}

.popup.popup_size_l.popup_arrow_, .popup.popup_size_l.popup_arrow_top {
    --arrowWidth: 1.25rem
}

.popup_size_l .popup__arrow {
    --arrowWidth: 1.625rem
}

.popup__arrow {
    color: #fff;
    -webkit-filter: var(--popupFilter);
    filter: var(--popupFilter);
    position: absolute;
    -webkit-transform: var(--popupArrowTranslate) var(--popupArrowRotate);
    transform: var(--popupArrowTranslate) var(--popupArrowRotate);
    top: var(--popupArrowTop);
    right: var(--popupArrowRight);
    bottom: var(--popupArrowBottom);
    left: var(--popupArrowLeft);
    width: var(--popupArrowWidth);
    height: auto
}

.popup__arrow_top {
    --popupArrowTop: 0;
    --popupArrowLeft: 50%;
    --popupArrowTranslate: translate(-50%, -100%)
}

.popup__arrow_bottom {
    --popupArrowBottom: 0;
    --popupArrowLeft: 50%;
    --popupArrowTranslate: translate(-50%, 100%);
    --popupArrowRotate: rotate(180deg)
}

.popup__arrow_right {
    --popupArrowTop: 50%;
    --popupArrowRight: 0.4375rem;
    --popupArrowTranslate: translate(100%, -50%);
    --popupArrowRotate: rotate(90deg)
}

.popup__arrow_left {
    --popupArrowTop: 50%;
    --popupArrowLeft: 0;
    --popupArrowTranslate: var(--popupArrowTranslate), var(--popupArrowRotate);
    --popupArrowRotate: rotate(-90deg)
}

.modal-window {
    --btn-size: 3rem;
    --popup-content-padding-x: 2rem;
    --popup-content-padding-bottom: 1rem
}

.modal-window .modal__window {
    max-width: 31.25rem;
    display: flex
}

.modal-window .popup__content {
    padding: 0 var(--popup-content-padding-x) var(--popup-content-padding-bottom);
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%
}

.modal-window__header {
    display: grid;
    -webkit-column-gap: .375rem;
    column-gap: .375rem;
    grid-template-columns: -webkit-min-content 1fr -webkit-min-content;
    grid-template-columns: min-content 1fr min-content;
    grid-template-rows: var(--btn-size);
    z-index: 1;
    margin-left: calc(var(--popup-content-padding-x) * -1);
    margin-right: calc(var(--popup-content-padding-x) * -1)
}

.modal-window__header-btn-wrapper {
    min-width: 2.5rem;
    padding-left: .25rem;
    padding-right: .25rem;
    display: flex;
    align-items: center
}

.modal-window__header-btn-wrapper:first-child {
    justify-content: flex-start
}

.modal-window__header-btn-wrapper:last-child {
    justify-content: flex-end
}

.modal-window__title {
    --font-size: 1.25rem;
    --font-weight: 600;
    --line-height: 1.2;
    --letter-spacing: -0.01em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    color: #1c1f25
}

.modal-window__header-btn {
    width: calc(var(--btn-size) - .25rem);
    height: calc(var(--btn-size) - .25rem);
    flex-grow: 0
}

.modal-window__header-btn_hidden {
    visibility: hidden;
    display: none
}

.modal-window__content {
    overflow-y: auto;
    padding: var(--focus-size);
    margin: calc(var(--focus-size) * -1);
    flex-grow: 1
}

.modal-window__content::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
}

.modal-window__content::-webkit-scrollbar-track {
    background-color: #f5f8fb
}

.modal-window__content::-webkit-scrollbar-thumb {
    background-color: #c2c6cc;
    border-radius: 1.5rem
}

.modal-window__content::-webkit-scrollbar-thumb:hover {
    background-color: #bebec0
}

.modal-window__footer {
    --col-count: 1;
    --col-gap: 1rem;
    --row-gap: 1rem;
    margin-top: 2rem;
    display: grid;
    -webkit-column-gap: var(--col-gap);
    column-gap: var(--col-gap);
    row-gap: var(--row-gap);
    grid-template-columns: repeat(var(--col-count), 1fr)
}

.price-customs {
    position: relative;
    display: inline-block
}

.price-customs__icon {
    display: block
}

.price-customs__popup {
    padding: .75rem;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    left: 50%;
    -webkit-transform: translate(-50%, calc(-100% - 2.8125rem));
    transform: translate(-50%, calc(-100% - 2.8125rem));
    transition: opacity .3s linear, visibility 0s linear .3s
}

.price-customs:focus .price-customs__popup, .price-customs:hover .price-customs__popup {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s linear, visibility 0s linear
}

.price-customs__table {
    --cols: 2;
    display: grid;
    grid-template-columns: repeat(var(--cols), -webkit-max-content);
    grid-template-columns: repeat(var(--cols), max-content);
    row-gap: .25rem;
    font-size: .875rem;
    line-height: 1.57143;
    white-space: nowrap
}

.price-customs__table_currency {
    --cols: 3
}

.price-customs__label {
    color: #6a6e73;
    padding-right: .9375rem;
    justify-self: flex-start
}

.price-customs__price {
    justify-self: flex-end;
    color: #1c1f25;
    padding-left: .5rem
}

.price-customs__price_discount {
    color: #240274
}

.price-customs__currency {
    justify-self: flex-end;
    color: #1c1f25;
    padding-left: .5rem
}

.price-customs__currency_discount {
    color: #240274
}

.price-customs__hr {
    height: .0625rem;
    background-color: #e9edf1
}

.rubrics-layout-categories__body {
    padding-top: 1.25rem;
    padding-bottom: .25rem
}

.rubrics-items-grid {
    grid-template-columns: repeat(2, minmax(calc(50% - var(--grid-gutter)), 1fr));
    row-gap: var(--space-32)
}

.rubrics-items-grid, .rubrics-layout {
    display: grid;
    -webkit-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter)
}

.rubrics-layout__area-title {
    grid-area: title;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: var(--space-24)
}

.rubrics-layout__area-after-title {
    grid-area: after-title;
    margin-bottom: 2.25rem
}

.rubrics-layout__area-after-title:empty {
    display: none
}

.rubrics-layout__products-count {
    font-size: .8125rem;
    line-height: 1.53846;
    color: #6a6e73;
    margin-left: .5rem;
    margin-bottom: var(--space-2)
}

.rubrics-layout__area-sidebar {
    grid-area: sidebar
}

.rubrics-layout .js-mobile-categories-toggle {
    display: none
}

.rubrics-layout__mobile-menu-btn {
    flex-grow: 1;
    flex-shrink: 0
}

.rubrics-layout__mobile-menu-btn_no-grow {
    flex-grow: 0
}

.rubrics-layout__area-content {
    grid-area: content;
    min-width: 1px
}

.rubrics-layout__brand-info {
    margin-bottom: 2.5rem
}

.rubrics-layout__sort {
    margin-bottom: var(--space-12)
}

.rubrics-layout__filter-tags {
    margin-bottom: var(--space-44)
}

.rubrics-layout__pagination {
    margin-top: 2.0625rem;
    margin-bottom: 3.5rem
}

.rubrics-layout__brands-title {
    margin-bottom: var(--space-16)
}

.rubrics-layout__brands-list {
    margin-bottom: var(--space-44)
}

.rubrics-layout__tags-title {
    margin-bottom: var(--space-16)
}

.rubrics-layout__tags-list {
    margin-bottom: var(--space-64)
}

.mobile-popup-header {
    height: 3.5rem;
    display: flex;
    align-items: center;
    background: linear-gradient(270deg, #f9f5ff, #f5f7ff 33%, #fcfdff 66%, #f9f5ff);
    position: relative
}

.mobile-popup-header__text {
    --font-size: 1.0625rem;
    --font-weight: 600;
    --line-height: 1.2;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: 600;
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    text-align: center;
    color: #1c1f25;
    margin-left: var(--space-8);
    margin-right: var(--space-8);
    flex-grow: 1;
    padding-left: var(--space-56);
    padding-right: var(--space-56)
}

.mobile-popup-header__btn {
    width: 3rem;
    height: 3rem;
    position: absolute;
    left: .25rem;
    top: .25rem;
    color: #1c1f25;
    z-index: 1
}

.modal {
    --transitionTime: 1s;
    --translateY: translateY(-1.25rem);
    --opacity: 0;
    --visibility: hidden;
    --modal-translate-x: translateX(-100%);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 8000;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: var(--visibility);
    -webkit-transform: var(--modal-translate-x);
    transform: var(--modal-translate-x)
}

.modal_open {
    --translateY: translateY(0);
    --opacity: 1;
    --visibility: visible
}

.modal_hide, .modal_open {
    --modal-translate-x: translateX(0)
}

.modal_hide {
    --translateY: translateY(-1.25rem);
    --opacity: 0;
    transition: visibility 0s linear var(--transitionTime)
}

.modal__overlay {
    z-index: 1;
    z-index: 1000;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(106, 110, 115, .5);
    transition: opacity var(--transitionTime, .3s) ease-in
}

.modal__overlay, .modal__window {
    width: 100%;
    opacity: var(--opacity)
}

.modal__window {
    z-index: 2;
    z-index: 1000;
    background-color: #fff;
    max-width: calc(100vw - var(--grid-sides) * 2);
    max-height: calc(var(--vh, 1vh) * 100 - var(--grid-sides) * 2);
    -webkit-transform: translateY(-1.25rem);
    transform: translateY(-1.25rem);
    -webkit-transform: var(--translateY);
    transform: var(--translateY);
    transition: opacity var(--transitionTime, .3s) ease-in, -webkit-transform var(--transitionTime, .3s) ease-in;
    transition: transform var(--transitionTime, .3s) ease-in, opacity var(--transitionTime, .3s) ease-in;
    transition: transform var(--transitionTime, .3s) ease-in, opacity var(--transitionTime, .3s) ease-in, -webkit-transform var(--transitionTime, .3s) ease-in
}

.tag-with-button {
    --icon-opacity: 1;
    --tagColor: #fff;
    --tagBg: #2b0484;
    --tagBorder: #2b0484;
    position: relative;
    color: var(--tagColor);
    font-weight: 600;
    font-size: .8125rem;
    line-height: 1.53846
}

.tag-with-button__label {
    padding-top: .5em;
    padding-bottom: .5em;
    position: relative;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 2rem;
    padding-left: .98462em
}

.tag-with-button__btn {
    border-top-right-radius: 1.92308em;
    border-bottom-right-radius: 1.92308em;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--tagBg);
    color: inherit;
    border-radius: 1.92308em;
    padding-right: .65231em;
    border: .0625rem solid var(--tagBorder);
    transition: border-color .3s linear, background-color .3s linear, color .3s linear
}

.tag-with-button__btn:hover {
    --icon-opacity: 0.5;
    --tagBg: #4d1caf;
    --tagColor: #fff;
    --tagBorder: #4d1caf
}

.tag-with-button__btn:focus {
    --icon-opacity: 0.5;
    --tagBg: #4d1caf;
    --tagColor: #fff;
    --tagBorder: #1d0264;
    outline: var(--focus-size) solid rgba(65, 11, 151, .3)
}

.tag-with-button__btn:disabled {
    --tagBg: #f5f8fb;
    --tagColor: #d9dde2;
    --tagBorder: #f5f8fb
}

.tag-with-button__btn-icon {
    transition: opacity .3s linear;
    opacity: var(--icon-opacity)
}

.brand-info {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 1.375rem;
    -webkit-column-gap: 2rem;
    column-gap: 2rem
}

.brand-info__card-brand {
    width: 7.5rem
}

.fs-16 {
    font-size: 1rem;
    line-height: 1.625
}

.fs-18 {
    font-size: 1.125rem;
    line-height: 1.44444
}

.fs-20 {
    font-size: 1.25rem;
    line-height: 1.4
}

.fs-26 {
    font-size: 1.625rem;
    line-height: 1.38462
}

.my-4 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.mx-4 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mt-4 {
    margin-top: .25rem
}

.mb-4 {
    margin-bottom: .25rem
}

.ml-4 {
    margin-left: .25rem
}

.mr-4 {
    margin-right: .25rem
}

.py-4 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.px-4 {
    padding-left: .25rem;
    padding-right: .25rem
}

.pt-4 {
    padding-top: .25rem
}

.pb-4 {
    padding-bottom: .25rem
}

.pl-4 {
    padding-left: .25rem
}

.pr-4 {
    padding-right: .25rem
}

.my-5 {
    margin-top: .3125rem;
    margin-bottom: .3125rem
}

.mx-5 {
    margin-left: .3125rem;
    margin-right: .3125rem
}

.mt-5 {
    margin-top: .3125rem
}

.mb-5 {
    margin-bottom: .3125rem
}

.ml-5 {
    margin-left: .3125rem
}

.mr-5 {
    margin-right: .3125rem
}

.py-5 {
    padding-top: .3125rem;
    padding-bottom: .3125rem
}

.px-5 {
    padding-left: .3125rem;
    padding-right: .3125rem
}

.pt-5 {
    padding-top: .3125rem
}

.pb-5 {
    padding-bottom: .3125rem
}

.pl-5 {
    padding-left: .3125rem
}

.pr-5 {
    padding-right: .3125rem
}

.my-6 {
    margin-top: .375rem;
    margin-bottom: .375rem
}

.mx-6 {
    margin-left: .375rem;
    margin-right: .375rem
}

.mt-6 {
    margin-top: .375rem
}

.mb-6 {
    margin-bottom: .375rem
}

.ml-6 {
    margin-left: .375rem
}

.mr-6 {
    margin-right: .375rem
}

.py-6 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.px-6 {
    padding-left: .375rem;
    padding-right: .375rem
}

.pt-6 {
    padding-top: .375rem
}

.pb-6 {
    padding-bottom: .375rem
}

.pl-6 {
    padding-left: .375rem
}

.pr-6 {
    padding-right: .375rem
}

.my-8 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.mx-8 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mt-8 {
    margin-top: .5rem
}

.mb-8 {
    margin-bottom: .5rem
}

.ml-8 {
    margin-left: .5rem
}

.mr-8 {
    margin-right: .5rem
}

.py-8 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.px-8 {
    padding-left: .5rem;
    padding-right: .5rem
}

.pt-8 {
    padding-top: .5rem
}

.pb-8 {
    padding-bottom: .5rem
}

.pl-8 {
    padding-left: .5rem
}

.pr-8 {
    padding-right: .5rem
}

.my-12 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.mx-12 {
    margin-left: .75rem;
    margin-right: .75rem
}

.mt-12 {
    margin-top: .75rem
}

.mb-12 {
    margin-bottom: .75rem
}

.ml-12 {
    margin-left: .75rem
}

.mr-12 {
    margin-right: .75rem
}

.py-12 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.px-12 {
    padding-left: .75rem;
    padding-right: .75rem
}

.pt-12 {
    padding-top: .75rem
}

.pb-12 {
    padding-bottom: .75rem
}

.pl-12 {
    padding-left: .75rem
}

.pr-12 {
    padding-right: .75rem
}

.my-16 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.mx-16 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mt-16 {
    margin-top: 1rem
}

.mb-16 {
    margin-bottom: 1rem
}

.ml-16 {
    margin-left: 1rem
}

.mr-16 {
    margin-right: 1rem
}

.py-16 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.px-16 {
    padding-left: 1rem;
    padding-right: 1rem
}

.pt-16 {
    padding-top: 1rem
}

.pb-16 {
    padding-bottom: 1rem
}

.pl-16 {
    padding-left: 1rem
}

.pr-16 {
    padding-right: 1rem
}

.my-20 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.mx-20 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.mt-20 {
    margin-top: 1.25rem
}

.mb-20 {
    margin-bottom: 1.25rem
}

.ml-20 {
    margin-left: 1.25rem
}

.mr-20 {
    margin-right: 1.25rem
}

.py-20 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.px-20 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.pt-20 {
    padding-top: 1.25rem
}

.pb-20 {
    padding-bottom: 1.25rem
}

.pl-20 {
    padding-left: 1.25rem
}

.pr-20 {
    padding-right: 1.25rem
}

.my-24 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.mx-24 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.mt-24 {
    margin-top: 1.5rem
}

.mb-24 {
    margin-bottom: 1.5rem
}

.ml-24 {
    margin-left: 1.5rem
}

.mr-24 {
    margin-right: 1.5rem
}

.py-24 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.px-24 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.pt-24 {
    padding-top: 1.5rem
}

.pb-24 {
    padding-bottom: 1.5rem
}

.pl-24 {
    padding-left: 1.5rem
}

.pr-24 {
    padding-right: 1.5rem
}

.my-26 {
    margin-top: 1.625rem;
    margin-bottom: 1.625rem
}

.mx-26 {
    margin-left: 1.625rem;
    margin-right: 1.625rem
}

.mt-26 {
    margin-top: 1.625rem
}

.mb-26 {
    margin-bottom: 1.625rem
}

.ml-26 {
    margin-left: 1.625rem
}

.mr-26 {
    margin-right: 1.625rem
}

.py-26 {
    padding-top: 1.625rem;
    padding-bottom: 1.625rem
}

.px-26 {
    padding-left: 1.625rem;
    padding-right: 1.625rem
}

.pt-26 {
    padding-top: 1.625rem
}

.pb-26 {
    padding-bottom: 1.625rem
}

.pl-26 {
    padding-left: 1.625rem
}

.pr-26 {
    padding-right: 1.625rem
}

.my-28 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem
}

.mx-28 {
    margin-left: 1.75rem;
    margin-right: 1.75rem
}

.mt-28 {
    margin-top: 1.75rem
}

.mb-28 {
    margin-bottom: 1.75rem
}

.ml-28 {
    margin-left: 1.75rem
}

.mr-28 {
    margin-right: 1.75rem
}

.py-28 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}

.px-28 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.pt-28 {
    padding-top: 1.75rem
}

.pb-28 {
    padding-bottom: 1.75rem
}

.pl-28 {
    padding-left: 1.75rem
}

.pr-28 {
    padding-right: 1.75rem
}

.my-32 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.mx-32 {
    margin-left: 2rem;
    margin-right: 2rem
}

.mt-32 {
    margin-top: 2rem
}

.mb-32 {
    margin-bottom: 2rem
}

.ml-32 {
    margin-left: 2rem
}

.mr-32 {
    margin-right: 2rem
}

.py-32 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.px-32 {
    padding-left: 2rem;
    padding-right: 2rem
}

.pt-32 {
    padding-top: 2rem
}

.pb-32 {
    padding-bottom: 2rem
}

.pl-32 {
    padding-left: 2rem
}

.pr-32 {
    padding-right: 2rem
}

.my-44 {
    margin-top: 2.75rem;
    margin-bottom: 2.75rem
}

.mx-44 {
    margin-left: 2.75rem;
    margin-right: 2.75rem
}

.mt-44 {
    margin-top: 2.75rem
}

.mb-44 {
    margin-bottom: 2.75rem
}

.ml-44 {
    margin-left: 2.75rem
}

.mr-44 {
    margin-right: 2.75rem
}

.py-44 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem
}

.px-44 {
    padding-left: 2.75rem;
    padding-right: 2.75rem
}

.pt-44 {
    padding-top: 2.75rem
}

.pb-44 {
    padding-bottom: 2.75rem
}

.pl-44 {
    padding-left: 2.75rem
}

.pr-44 {
    padding-right: 2.75rem
}

.my-48 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.mx-48 {
    margin-left: 3rem;
    margin-right: 3rem
}

.mt-48 {
    margin-top: 3rem
}

.mb-48 {
    margin-bottom: 3rem
}

.ml-48 {
    margin-left: 3rem
}

.mr-48 {
    margin-right: 3rem
}

.py-48 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.px-48 {
    padding-left: 3rem;
    padding-right: 3rem
}

.pt-48 {
    padding-top: 3rem
}

.pb-48 {
    padding-bottom: 3rem
}

.pl-48 {
    padding-left: 3rem
}

.pr-48 {
    padding-right: 3rem
}

.my-80 {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.mx-80 {
    margin-left: 5rem;
    margin-right: 5rem
}

.mt-80 {
    margin-top: 5rem
}

.mb-80 {
    margin-bottom: 5rem
}

.ml-80 {
    margin-left: 5rem
}

.mr-80 {
    margin-right: 5rem
}

.py-80 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.px-80 {
    padding-left: 5rem;
    padding-right: 5rem
}

.pt-80 {
    padding-top: 5rem
}

.pb-80 {
    padding-bottom: 5rem
}

.pl-80 {
    padding-left: 5rem
}

.pr-80 {
    padding-right: 5rem
}

.ml-auto {
    margin-left: auto
}

.mr-auto, .mx-auto {
    margin-right: auto
}

.mx-auto {
    margin-left: auto
}

.mb-clear:last-child {
    margin-bottom: 0
}

.card-brand {
    --inner-padding: 0.625rem;
    position: relative;
    display: block;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 2px 4px -2px rgba(46, 48, 52, .15);
    border-radius: .375rem;
    padding-top: calc(56.25% + var(--inner-padding));
    transition: box-shadow .3s linear
}

.card-brand[href]:hover {
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 10px 20px -10px rgba(46, 48, 52, .15)
}

.card-brand:focus {
    box-shadow: none
}

.card-brand__img {
    display: block;
    position: absolute;
    left: var(--inner-padding);
    top: var(--inner-padding);
    width: calc(100% - var(--inner-padding) * 2);
    height: calc(100% - var(--inner-padding) * 2);
    -o-object-fit: contain;
    object-fit: contain
}

.rubrics2-layout {
    --max-width-fallback: 100px;
    --head-area-btn-start-max-width: var(--start-max-width, var(--max-width-fallback));
    --head-area-btn-end-max-width: 0;
    --show-transition-time: var(--transition-time);
    left: 0;
    top: var(--mobileHeaderHeight);
    bottom: var(--mobileToolbarHeight);
    width: 100%;
    background-color: #fff;
    z-index: 10000;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    transition: opacity var(--show-transition-time) linear, visibility 0s linear var(--show-transition-time), -webkit-transform var(--show-transition-time) linear;
    transition: transform var(--show-transition-time) linear, opacity var(--show-transition-time) linear, visibility 0s linear var(--show-transition-time);
    transition: transform var(--show-transition-time) linear, opacity var(--show-transition-time) linear, visibility 0s linear var(--show-transition-time), -webkit-transform var(--show-transition-time) linear
}

.page_mobile-menu-v1 .rubrics2-layout {
    top: 0;
    bottom: var(--mobileToolbarHeight)
}

.page_mobile-menu-v2 .rubrics2-layout {
    top: var(--mobileHeaderHeight);
    bottom: 0
}

.rubrics2-layout_show {
    visibility: visible;
    opacity: 1;
    transition: opacity var(--show-transition-time) linear, visibility var(--show-transition-time) linear, -webkit-transform var(--show-transition-time) linear;
    transition: transform var(--show-transition-time) linear, opacity var(--show-transition-time) linear, visibility var(--show-transition-time) linear;
    transition: transform var(--show-transition-time) linear, opacity var(--show-transition-time) linear, visibility var(--show-transition-time) linear, -webkit-transform var(--show-transition-time) linear
}

.rubrics2-layout_show_btn_close_search {
    --head-area-btn-start-max-width: 0;
    --head-area-btn-end-max-width: var(--end-max-width, var(--max-width-fallback))
}

.rubrics2-layout__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-left: calc(var(--grid-sides) * -1);
    margin-right: calc(var(--grid-sides) * -1);
    width: calc(100% + var(--grid-sides) * 2)
}

.rubrics2-layout__area-head {
    min-height: 3rem;
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.rubrics2-layout__area-head &gt; * + * {
    margin-left: .5rem
}

.rubrics2-layout__area-head-btn {
    flex-shrink: 0;
    overflow: hidden;
    transition: max-width .3s linear
}

.rubrics2-layout__area-head-btn_start {
    max-width: var(--head-area-btn-start-max-width)
}

.rubrics2-layout__area-head-btn_end {
    max-width: var(--head-area-btn-end-max-width)
}

.rubrics2-layout__area-content {
    flex-grow: 1;
    position: relative
}

.rubrics2-layout__search-form {
    flex-grow: 1
}

.rubrics2-layout__area-menu-content {
    height: 100%;
    overflow-x: hidden;
    display: flex;
    position: relative
}

.rubrics2-menu {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    overflow-y: auto;
    background-color: #fff;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    display: flex;
    flex-direction: column
}

.rubrics2-menu_no-animation, .rubrics2-menu_show {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.rubrics2-menu__head &gt; * &gt; {
    margin-left: .5rem
}

.rubrics2-menu__head:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    background-color: #a8adb3;
    height: 1px;
    width: calc(100% - var(--grid-sides))
}

.rubrics2-menu__head-title {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.rubrics2-menu__items {
    position: relative;
    flex-grow: 1
}

.rubrics2-menu__item-link {
    --color: #1c1f25;
    --bg-color: transparent;
    min-height: 3rem;
    display: flex;
    align-items: flex-start;
    text-decoration: none;
    color: var(--color);
    transition: color .3s linear, background-color .3s linear;
    position: relative;
    padding: .75rem var(--grid-sides);
    background-color: var(--bg-color)
}

.rubrics2-menu__item-link:active {
    --color: #9a0db7;
    --bg-color: #f5f8fb
}

.rubrics2-menu__item-link &gt; * + * {
    -webkit-margin-start: .5rem;
    margin-inline-start: .5rem
}

[dir=rtl] .rubrics2-menu__item-link &gt; * + * {
    margin-right: .5rem
}

[dir=ltr] .rubrics2-menu__item-link &gt; * + * {
    margin-left: .5rem
}

.rubrics2-menu__item-link:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    background-color: #a8adb3;
    height: 1px;
    width: calc(100% - var(--grid-sides))
}

.rubrics2-menu__item-icon {
    flex-shrink: 0
}

.rubrics2-menu__item-text {
    flex-grow: 1
}

.form-search {
    --input-border-color: #888c92;
    --btn-size: 2.5rem;
    --prompt-gap: 0.75rem;
    display: flex
}

.form-search:focus-within {
    --input-border-color: #7d4bd6
}

.form-search__input.input:placeholder-shown {
    --btns-count: 1
}

.form-search__input:placeholder-shown + .form-search__btn_reset {
    --btns-count: 1;
    display: none
}

.form-search__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--btn-size);
    height: var(--btn-size);
    flex-shrink: 0;
    transition: color var(--transition-time) linear, background-color var(--transition-time) linear
}

.form-search__btn_reset {
    color: #d9dde2
}

.form-search__btn_reset.focus-visible, .form-search__btn_reset:hover {
    color: #1c1f25
}

.form-search__btn_submit:hover {
    background-color: var(--btnBackgroundColorHover);
    color: var(--btnColorHover)
}

.form-search__btn_submit.focus-visible {
    color: var(--btnColorFocused);
    background-color: var(--btnBackgroundColorFocused)
}

.list-item {
    display: flex;
    color: #1c1f25;
    padding: .75rem 1rem;
    position: relative;
    width: 100%;
    text-align: left;
    transition: background-color .3s linear
}

.list-item:hover, .list-item_active {
    background-color: #f5f8fb;
    color: #2b0484
}

.list-item:not(:last-child):after {
    content: "";
    height: 1px;
    background-color: #a8adb3;
    width: calc(100% - .75rem);
    position: absolute;
    left: .75rem;
    bottom: 0
}

.list-item &gt; * + * {
    margin-left: .5rem
}

.list-item_rounded {
    border-radius: .5rem
}

.list-item__place-end, .list-item__place-start {
    min-width: 1.5rem;
    flex-shrink: 0
}

.list-item__place-end:empty, .list-item__place-start:empty {
    display: none
}

.list-item__content {
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

.list-item__title {
    grid-area: title;
    --font-size: 1.0625rem
}

.list-item__comment, .list-item__title {
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.list-item__comment {
    grid-area: comment;
    --font-size: 0.875rem;
    color: #4f5358;
    margin-top: .25rem
}

.list-item__comment:empty {
    display: none
}

.tariff {
    padding: 1.5rem .9375rem;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 2px 4px -2px rgba(46, 48, 52, .15);
    border-radius: .75rem
}

.tariff__title {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5
}

.tariff__period {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: var(--space-16);
    color: #1c1f25
}

.tariff__price-wrapper {
    display: flex;
    align-items: center;
    color: #1c1f25
}

.tariff__price-wrapper &gt; * + * {
    margin-left: var(--space-8)
}

.tariff__price {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #1c1f25
}

.tariff__price-old {
    -webkit-text-decoration-color: #b611d1;
    text-decoration-color: #b611d1
}

.tariff__by-month, .tariff__price-old {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    color: #4f5358
}

.tariff__by-month {
    margin-top: var(--space-16)
}

.tariff__btn-wrapper {
    margin-top: var(--space-24)
}

.tariff__btn.btn {
    width: 100%
}

.table {
    overflow-x: auto;
    padding: .25rem .25rem .75rem
}

.table::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
}

.table::-webkit-scrollbar-track {
    background-color: #f5f8fb
}

.table::-webkit-scrollbar-thumb {
    background-color: #c2c6cc;
    border-radius: 1.5rem
}

.table::-webkit-scrollbar-thumb:hover {
    background-color: #bebec0
}

.table .table-nowrap {
    white-space: nowrap
}

.table_lined tbody tr:not(:last-child) {
    border-bottom: 1px solid #e9edf1
}

.table_lined-vertical tbody tr td:not(:last-child) {
    border-right: 1px solid #e9edf1
}

.table tr.table-row-selected td {
    position: relative;
    padding: .5rem 0
}

.table tr.table-row-selected td:before {
    content: "";
    background-color: #f5f8fb;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: .5rem;
    bottom: .5rem
}

.table tr.table-row-selected td:first-child:before {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.table tr.table-row-selected td:last-child:before {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.table tr.table-row-selected td .cell-content {
    position: relative;
    z-index: 1;
    padding: .75rem;
    display: block
}

.table .table-text-xs {
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -.0031em
}

.table__inner {
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 2px 4px -2px rgba(46, 48, 52, .15);
    border-radius: .5rem;
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

.table__body {
    color: #1c1f25;
    font-size: .875rem;
    line-height: 1.64286;
    letter-spacing: -.0015em;
    width: 100%;
    border-spacing: 0;
    border: 1rem solid transparent
}

.table .table-cell-center {
    text-align: center
}

.table .table-cell-right {
    text-align: right
}

.table th {
    white-space: nowrap
}

.table td, .table th {
    padding: .75rem;
    text-align: left
}

.pro-activate {
    --inner-padding: 16px;
    padding: var(--inner-padding);
    background-color: #f5f8fb;
    border-radius: .5rem;
    display: flex;
    flex-direction: column
}

.pro-activate__info {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 4px 8px -4px rgba(46, 48, 52, .15);
    border-radius: .5rem;
    padding: var(--space-16)
}

.pro-activate__col-text {
    flex-grow: 1
}

.pro-activate__col-switch {
    margin-top: var(--space-16)
}

.pro-activate__title-wrapper {
    display: flex;
    align-items: center
}

.pro-activate__title-wrapper &gt; * + * {
    margin-left: var(--space-8)
}

.pro-activate__title {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.55556;
    letter-spacing: -.0044em;
    color: #1c1f25
}

.pro-activate__status {
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.57143;
    letter-spacing: -.0015em;
    color: #0ab261
}

.pro-activate__comment {
    font-size: .875rem;
    line-height: 1.64286;
    letter-spacing: -.0015em;
    color: #4f5358;
    margin-top: var(--space-4)
}

.pro-activate__carousel {
    --carouselOverflow: auto;
    --inner-padding-bottom: 1.125rem;
    --carouselSlideMaxWidth: none;
    --carouselSlideGapRef: 8px;
    --carouselSidesGapRef: var(--inner-padding);
    --carouselSlideGap: var(--carouselSlideGapRef);
    --carouselSidesGap: var(--carouselSidesGapRef);
    --carouselMaxWidth: 100vw;
    --carouselSlideCount: "auto";
    --slide-width: calc(100% - var(--inner-padding) * 2 + var(--carouselSidesGap) * 2);
    margin-top: var(--space-16);
    overflow: var(--carouselOverflow)
}

.pro-activate__carousel::-webkit-scrollbar {
    height: .375rem
}

.pro-activate__carousel::-webkit-scrollbar-track {
    margin: 0 var(--carouselSidesGap)
}

.pro-activate__carousel::-webkit-scrollbar-thumb {
    background-color: #c2c6cc;
    border-radius: 1.5rem;
    cursor: pointer
}

.pro-activate__carousel_inited {
    --inner-padding-bottom: 0.25rem;
    --carouselSlideGap: 1px;
    --carouselSidesGap: 1px;
    --carouselOverflow: hidden
}

.pro-activate__carousel-inner {
    display: flex;
    padding-left: var(--carouselSidesGap);
    padding-right: var(--carouselSidesGap);
    padding-bottom: var(--inner-padding-bottom)
}

.pro-activate__carousel-slide {
    width: var(--slide-width);
    flex-shrink: 0;
    margin-right: var(--carouselSlideGap);
    display: inline-block
}

.pro-activate__scrollbar-track {
    height: .375rem;
    margin-top: .875rem;
    width: 100%
}

.pro-activate__scrollbar-thumb {
    height: .375rem;
    background-color: #c2c6cc;
    border-radius: 1.5rem;
    cursor: pointer
}

.tariff-card-v1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    color: #1c1f25;
    padding: 1.5rem 1rem;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 4px 8px -4px rgba(46, 48, 52, .15);
    border-radius: .5rem
}

.tariff-card-v1__period {
    font-size: 1.4375rem;
    line-height: 1.3913;
    letter-spacing: -.001em
}

.tariff-card-v1__price {
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.375;
    letter-spacing: .0041em;
    margin-top: var(--space-12);
    white-space: nowrap
}

.tariff-card-v1__price-old {
    min-height: 1.5rem;
    color: #4f5358;
    -webkit-text-decoration-color: #b611d1;
    text-decoration-color: #b611d1;
    white-space: nowrap
}

.tariff-card-v1__comment {
    margin-top: var(--space-8);
    font-size: .875rem;
    line-height: 1.64286;
    letter-spacing: -.0015em;
    color: mapGet("palette", "natural.1000");
    display: flex;
    align-items: center
}

.tariff-card-v1__comment &gt; * + * {
    margin-left: var(--space-4)
}

.tariff-card-v1__btn-wrap {
    margin-top: var(--space-24);
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -.0031em;
    color: #1c1f25;
    min-height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.tariff-card-v1__btn.btn {
    width: 100%
}

.tariff-card-v1__label {
    position: absolute;
    top: 0;
    right: 0
}

.tariff-card-v1__level {
    display: inline-flex;
    height: .875rem;
    padding-left: var(--space-4);
    padding-right: var(--space-4)
}

.tariff-card-v1__level-line {
    width: .25rem;
    height: 100%;
    background-color: #d9dde2;
    border-radius: .375rem
}

.tariff-card-v1__level-line + .tariff-card-v1__level-line {
    margin-left: var(--space-4)
}

.tariff-card-v1__level-line_selected {
    background-color: #0ab261
}

.tariff-card-v1__is-active {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0ab261;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -.0031em
}

.tariff-card-v1__crown-icon {
    margin-right: var(--space-4)
}

.shipping-calculator-layout {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "title1" "block1" "block2" "block3" "title2" "table";
    -webkit-column-gap: 1rem;
    column-gap: 1rem
}

.shipping-calculator-layout__title1 {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: #1c1f25;
    grid-area: title1
}

.shipping-calculator-layout__block1 {
    margin-top: 1.5rem;
    grid-area: block1
}

.shipping-calculator-layout__block2 {
    margin-top: 1.5rem;
    grid-area: block2
}

.shipping-calculator-layout__block3 {
    margin-top: 1.5rem;
    grid-area: block3
}

.shipping-calculator-layout__title2 {
    margin-top: 3rem;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.33333;
    letter-spacing: -.01em;
    color: #1c1f25;
    grid-area: title2
}

.shipping-calculator-layout__table {
    margin-top: 2rem;
    grid-area: table
}

.shipping-calculator-info {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 6px 12px -6px rgba(46, 48, 52, .15);
    margin-left: calc(var(--containerSides) * -1);
    margin-right: calc(var(--containerSides) * -1);
    align-self: flex-start
}

.shipping-calculator-info__item {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.28571;
    color: #1c1f25
}

.shipping-calculator-info__item:not(:last-child) {
    border-bottom: 1px solid #e9edf1
}

.shipping-calculator-info__icon {
    flex-shrink: 0
}

.shipping-calculator-info__link {
    display: flex;
    text-decoration: none;
    padding: 1rem
}

.shipping-calculator-info__link[href] {
    color: #4730dd;
    transition: color .3s linear
}

.shipping-calculator-info__link[href]:hover {
    color: #9a0db7
}

.shipping-calculator-info__link &gt; * + * {
    margin-left: .25rem
}

.shipping-calculator-form {
    padding: 1.5rem 1rem;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 6px 12px -6px rgba(46, 48, 52, .15);
    margin-left: calc(var(--containerSides) * -1);
    margin-right: calc(var(--containerSides) * -1)
}

.shipping-calculator-form__row:not(:first-child) {
    margin-top: 1.5rem
}

.shipping-calculator-form__sizes-group {
    display: flex;
    align-items: center
}

.shipping-calculator-form__input {
    max-width: 4.5rem;
    width: 100%
}

.shipping-calculator-form__input-devider {
    margin-left: .5rem;
    margin-right: .5rem
}

.shipping-calculator-form__radio-row:not(:first-child) {
    margin-top: .75rem
}

.shipping-calculator-form__radio-row_hide {
    display: none
}

.shipping-calculator-country {
    padding: 1.5rem 1rem;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 6px 12px -6px rgba(46, 48, 52, .15);
    margin-left: calc(var(--containerSides) * -1);
    margin-right: calc(var(--containerSides) * -1);
    position: relative;
    overflow: hidden
}

.shipping-calculator-country__title {
    font-weight: 600;
    font-size: .9375rem;
    line-height: 1.2;
    text-align: center;
    color: #1c1f25
}

.shipping-calculator-country__weight {
    margin-top: .25rem;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.33333;
    text-align: center;
    letter-spacing: -.012em;
    color: #0ab261
}

.shipping-calculator-country__list {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem
}

.shipping-calculator-country__list-item {
    position: relative;
    padding-left: 3.5rem;
    list-style-type: none;
    --active-color: #1c1f25
}

.shipping-calculator-country__list-item_not_active {
    --active-color: #6a6e73
}

.shipping-calculator-country__flag {
    top: 0;
    left: 0;
    position: absolute
}

.shipping-calculator-country__name {
    font-weight: 400;
    font-size: .8125rem;
    line-height: 1.23077;
    letter-spacing: .004em;
    color: var(--active-color)
}

.shipping-calculator-country__price-wrap {
    display: flex;
    align-items: center
}

.shipping-calculator-country__price-wrap &gt; * + * {
    margin-left: .5rem
}

.shipping-calculator-country__price {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -.01em;
    color: var(--active-color)
}

.shipping-calculator-country__price-kg {
    font-weight: 400;
    font-size: .8125rem;
    line-height: 1.23077;
    letter-spacing: .004em;
    color: #6a6e73
}

.shipping-calculator-country__price-kg &gt; * + * {
    margin-left: var(--space-4)
}

.shipping-calculator-country__date {
    font-weight: 400;
    font-size: .8125rem;
    line-height: 1.23077;
    letter-spacing: .004em;
    color: #6a6e73;
    display: flex;
    align-items: center
}

.shipping-calculator-country__date &gt; * + * {
    margin-left: .25rem
}

.shipping-calculator-country__comment {
    margin-top: 1rem;
    font-weight: 400;
    font-size: .8125rem;
    line-height: 1.23077;
    letter-spacing: .004em;
    color: #6a6e73;
    display: flex
}

.shipping-calculator-country__comment &gt; * + * {
    margin-left: .25rem
}

.shipping-calculator-country__comment-icon {
    flex-shrink: 0
}

.shipping-calculator-country__preloader-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .85);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s linear
}

.shipping-calculator-country__preloader-wrapper_show {
    opacity: 1
}

.preloader {
    text-align: center;
    position: relative;
    top: -1.625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 5rem
}

.preloader__item {
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 100%;
    background-color: #2b0484;
    -webkit-animation: preloader 1.4s ease-in-out infinite both;
    animation: preloader 1.4s ease-in-out infinite both
}

.preloader__item_one {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.preloader__item_two {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes preloader {
    0%, 80%, to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.quantity-group {
    display: inline-flex;
    background-color: #f5f8fb;
    border: 1px solid #e9edf1;
    border-radius: .375rem
}

.quantity-group__inner {
    margin: -1px;
    display: inline-flex
}

.quantity-group__btn.btn {
    flex-shrink: 0;
    border-radius: 0
}

.quantity-group__btn.btn:first-child {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.quantity-group__btn.btn:last-child {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.quantity-group__input-wrapper {
    position: relative;
    max-width: 2.5rem;
    overflow: hidden
}

.quantity-group__input {
    border-radius: 0;
    width: 100%;
    padding-left: var(--inputPaddingY);
    padding-right: var(--inputPaddingY);
    opacity: 0
}

.quantity-group__input:focus {
    opacity: 1
}

.quantity-group__number {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    font-weight: 400;
    color: #1c1f25;
    font-size: var(--form-control-font-size);
    line-height: var(--form-control-line-height);
    padding: var(--form-control-padding-y) var(--form-control-padding-end) var(--form-control-padding-y) var(--form-control-padding-start);
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.quantity-group__number_from-right {
    -webkit-animation-name: slideFromRight;
    animation-name: slideFromRight
}

.quantity-group__number_to-left {
    -webkit-animation-name: slideToLeft;
    animation-name: slideToLeft
}

.quantity-group__number_from-left {
    -webkit-animation-name: slideFromLeft;
    animation-name: slideFromLeft
}

.quantity-group__number_to-right {
    -webkit-animation-name: slideToRight;
    animation-name: slideToRight
}

.quantity-group__input:focus ~ .quantity-group__number {
    opacity: 0
}

:root {
    --opacity-from: 0;
    --opacity-to: 1;
    --scale-from: .3;
    --scale-top: 1
}

@-webkit-keyframes slideFromRight {
    0% {
        opacity: var(--opacity-from);
        -webkit-transform: translateX(100%) scale(var(--scale-from));
        transform: translateX(100%) scale(var(--scale-from))
    }

    to {
        opacity: var(--opacity-to);
        -webkit-transform: translateX(0) scale(var(--scale-to));
        transform: translateX(0) scale(var(--scale-to))
    }
}

@keyframes slideFromRight {
    0% {
        opacity: var(--opacity-from);
        -webkit-transform: translateX(100%) scale(var(--scale-from));
        transform: translateX(100%) scale(var(--scale-from))
    }

    to {
        opacity: var(--opacity-to);
        -webkit-transform: translateX(0) scale(var(--scale-to));
        transform: translateX(0) scale(var(--scale-to))
    }
}

@-webkit-keyframes slideToLeft {
    0% {
        opacity: var(--opacity-to);
        -webkit-transform: translateX(0) scale(var(--scale-to));
        transform: translateX(0) scale(var(--scale-to))
    }

    to {
        opacity: var(--opacity-from);
        -webkit-transform: translateX(-100%) scale(var(--scale-from));
        transform: translateX(-100%) scale(var(--scale-from))
    }
}

@keyframes slideToLeft {
    0% {
        opacity: var(--opacity-to);
        -webkit-transform: translateX(0) scale(var(--scale-to));
        transform: translateX(0) scale(var(--scale-to))
    }

    to {
        opacity: var(--opacity-from);
        -webkit-transform: translateX(-100%) scale(var(--scale-from));
        transform: translateX(-100%) scale(var(--scale-from))
    }
}

@-webkit-keyframes slideFromLeft {
    0% {
        opacity: var(--opacity-from);
        -webkit-transform: translateX(-100%) scale(var(--scale-from));
        transform: translateX(-100%) scale(var(--scale-from))
    }

    to {
        opacity: var(--opacity-to);
        -webkit-transform: translateX(0) scale(var(--scale-to));
        transform: translateX(0) scale(var(--scale-to))
    }
}

@keyframes slideFromLeft {
    0% {
        opacity: var(--opacity-from);
        -webkit-transform: translateX(-100%) scale(var(--scale-from));
        transform: translateX(-100%) scale(var(--scale-from))
    }

    to {
        opacity: var(--opacity-to);
        -webkit-transform: translateX(0) scale(var(--scale-to));
        transform: translateX(0) scale(var(--scale-to))
    }
}

@-webkit-keyframes slideToRight {
    0% {
        opacity: var(--opacity-to);
        -webkit-transform: translateX(0) scale(var(--scale-to));
        transform: translateX(0) scale(var(--scale-to))
    }

    to {
        opacity: var(--opacity-from);
        -webkit-transform: translateX(100%) scale(var(--scale-from));
        transform: translateX(100%) scale(var(--scale-from))
    }
}

@keyframes slideToRight {
    0% {
        opacity: var(--opacity-to);
        -webkit-transform: translateX(0) scale(var(--scale-to));
        transform: translateX(0) scale(var(--scale-to))
    }

    to {
        opacity: var(--opacity-from);
        -webkit-transform: translateX(100%) scale(var(--scale-from));
        transform: translateX(100%) scale(var(--scale-from))
    }
}

.group-items {
    --border-radius: 0;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 6px 12px -6px rgba(46, 48, 52, .15);
    border-radius: var(--border-radius);
    z-index: 1;
    position: relative
}

.group-items__header {
    display: flex;
    align-items: center;
    padding: .75rem 1rem;
    background-color: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 5;
    border-bottom: 1px solid #e9edf1;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius)
}

.group-items__header &gt; * + * {
    margin-left: .25rem
}

.group-items__header-end, .group-items__header-start {
    display: flex;
    align-items: center;
    font-weight: 600
}

.group-items__header-start {
    flex-grow: 1
}

.group-items__item:not(:last-child) {
    border-bottom: 1px solid #e9edf1
}

.dropdown {
    --dropdown-item-font-size: 0.9375rem;
    --dropdown-item-padding-x: 0.75rem;
    --dropdown-item-padding-y: 0.5rem;
    --dropdown-item-line-height: 1.25rem;
    --dropdown-item-gap: 0.375rem;
    position: absolute;
    left: 0;
    top: calc(100% + .125rem);
    width: 100%;
    z-index: 100;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 10px 20px -10px rgba(46, 48, 52, .15);
    border-radius: .375rem
}

.dropdown__search-box {
    padding: .25rem
}

.dropdown__list {
    overflow-y: auto;
    max-height: calc((var(--dropdown-item-line-height) + var(--dropdown-item-padding-y) * 2) * var(--dropdown-item-count))
}

.dropdown__list::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
}

.dropdown__list::-webkit-scrollbar-track {
    background-color: #f5f8fb
}

.dropdown__list::-webkit-scrollbar-thumb {
    background-color: #c2c6cc;
    border-radius: 1.5rem
}

.dropdown__list::-webkit-scrollbar-thumb:hover {
    background-color: #bebec0
}

.dropdown__item {
    transition: background-color .3s linear;
    padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
    font-weight: 400;
    font-size: var(--dropdown-item-font-size);
    line-height: var(--dropdown-item-line-height);
    letter-spacing: .004em;
    color: #1c1f25;
    background-color: transparent;
    display: flex;
    align-items: center
}

.dropdown__item &gt; * + * {
    margin-left: var(--dropdown-item-gap)
}

.dropdown__item:hover, .dropdown__item_focused, .dropdown__item_selected {
    color: #1c1f25;
    background-color: #f5f8fb
}

.dropdown__item-text {
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dropdown__item-icon-start {
    width: var(--form-control-icon-size-start);
    height: var(--form-control-icon-size-start);
    flex-shrink: 0
}

.dropdown__item-icon-end {
    display: none;
    width: var(--dropdown-item-icon-size-end);
    height: var(--dropdown-item-icon-size-end);
    flex-shrink: 0;
    color: #2b0484
}

.dropdown__item_selected .dropdown__item-icon-end {
    display: block
}

.page-basket {
    position: relative;
    min-height: 6.25rem
}

.basket-layout {
    --padding-top: 1rem;
    --content-cols: 12;
    --sidebar-cols: 0;
    --sidebar-col-size: 10.5rem;
    --head-grid-column: 1/span var(--content-cols);
    --select-grid-column: 1/span var(--content-cols);
    --regions-grid-column: 1/span var(--content-cols);
    --groups-grid-column: 1/span var(--content-cols);
    --summary-grid-column: 1/span var(--content-cols);
    --head-grid-row: 1;
    --select-grid-row: 2;
    --groups-grid-row: 3;
    --regions-grid-row: 4;
    --summary-grid-row: 5;
    padding-top: var(--padding-top);
    padding-bottom: 5rem;
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--content-cols), 1fr) repeat(var(--sidebar-cols), var(--sidebar-col-size));
    -webkit-column-gap: 1.5rem;
    column-gap: 1.5rem;
    row-gap: 1.5rem
}

.basket-layout__head {
    grid-column: var(--head-grid-column);
    grid-row: var(--head-grid-row);
    margin-bottom: 1rem
}

.basket-layout__block-select {
    grid-column: var(--select-grid-column);
    grid-row: var(--select-grid-row)
}

.basket-layout__block-groups {
    grid-column: var(--groups-grid-column);
    grid-row: var(--groups-grid-row)
}

.basket-layout__group:not(:first-child) {
    margin-top: 1.5rem
}

.basket-layout__region {
    grid-column: var(--regions-grid-column);
    grid-row: var(--regions-grid-row)
}

.basket-layout__block-summary {
    grid-column: var(--summary-grid-column);
    grid-row: var(--summary-grid-row);
    align-self: flex-start;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.basket-layout__group-header-title {
    display: inline-flex;
    align-items: center;
    color: #1c1f25
}

.basket-layout__group-header-title &gt; * + * {
    margin-left: .25rem
}

.basket-layout__group-header-title-label {
    --font-weight: 400
}

.basket-layout__group-header-title-country, .basket-layout__group-header-title-label {
    --font-size: 0.9375rem;
    --line-height: 1.4;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit)
}

.basket-layout__group-header-title-country {
    --font-weight: 500
}

.basket-layout-head {
    display: flex;
    align-items: center
}

.basket-layout-head__title {
    --font-size: 1.25rem;
    --font-weight: 600;
    --line-height: 1.2;
    --letter-spacing: -0.01em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    color: #1c1f25
}

.basket-layout-head__items {
    display: flex;
    align-items: center;
    margin-left: .75rem
}

.basket-layout-head__item {
    --font-size: 0.8125rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0.004em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    color: #6a6e73
}

.basket-layout-head__item_hidden {
    display: none
}

.basket-layout-head__item_unavalibled {
    color: #d50657;
    display: flex;
    align-items: center
}

.basket-layout-head__item_unavalibled:before {
    content: "\B7";
    display: block;
    color: #6a6e73;
    margin-left: .25rem;
    margin-right: .25rem
}

.basket-layout-head__item_unavalibled:empty {
    display: none
}

.basket-layout-region {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 4px 8px -4px rgba(46, 48, 52, .15);
    border-radius: .75rem;
    border-radius: var(--border-radius, 0)
}

.basket-checkout-mobile {
    display: flex;
    padding-top: .5rem;
    align-items: center;
    padding-bottom: .5rem;
    padding-left: var(--grid-sides);
    padding-right: var(--grid-sides);
    position: fixed;
    bottom: -3.75rem;
    z-index: 55;
    width: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 8px 16px -8px rgba(46, 48, 52, .15);
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}

.basket-checkout-mobile_show {
    -webkit-transform: translateY(-7.25rem);
    transform: translateY(-7.25rem)
}

.basket-checkout-mobile_hidden, .basket-checkout-mobile_hidden.btn {
    display: none
}

.basket-checkout-mobile__area-info {
    flex-grow: 1
}

.basket-checkout-mobile__price {
    --font-size: 1.0625rem;
    --font-weight: 600;
    --line-height: 1.4;
    --letter-spacing: 0em
}

.basket-checkout-mobile__price, .basket-checkout-mobile__products {
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    color: #1c1f25
}

.basket-checkout-mobile__products {
    --font-size: 0.8125rem;
    --font-weight: 400;
    --line-height: 1.2;
    --letter-spacing: 0.004em
}

.basket-summary {
    --info-height: 0;
    --btn-info-icon-rotation: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: .25rem;
    column-gap: .25rem;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 6px 12px -6px rgba(46, 48, 52, .15);
    padding: 1rem;
    border-radius: var(--border-radius, 0)
}

.basket-summary_show-info {
    --info-height: auto;
    --btn-info-icon-rotation: 180deg
}

.basket-summary_hidden, .basket-summary_hidden.btn {
    display: none
}

.basket-summary__info-title {
    --font-size: 1.125rem;
    --font-weight: 600;
    --line-height: 1.2;
    --letter-spacing: -0.01em;
    font-weight: var(--custom-font-weight, var(--font-weight));
    grid-row: 1;
    font-weight: 600
}

.basket-summary__btn-more, .basket-summary__info-title {
    font-size: var(--font-size);
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    grid-column: 1;
    font-size: var(--font-size, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    color: #1c1f25
}

.basket-summary__btn-more {
    --font-size: 1rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0em;
    font-weight: var(--custom-font-weight, var(--font-weight));
    grid-row: 2;
    display: flex;
    align-items: center;
    font-weight: var(--font-weight, inherit);
    text-align: left;
    margin-top: .25rem
}

.basket-summary__btn-more-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    padding: .125rem;
    background: #f5f8fb;
    border-radius: .375rem;
    margin-left: .5rem
}

.basket-summary__btn-more-icon {
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    -webkit-transform: rotate(var(--btn-info-icon-rotation));
    transform: rotate(var(--btn-info-icon-rotation));
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.basket-summary__price-wrapper {
    grid-row: 1/3;
    grid-column: 2;
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.basket-summary__price {
    --font-size: 1.25rem;
    --font-weight: 600;
    --line-height: 1.4;
    --letter-spacing: -0.01em;
    font-weight: var(--custom-font-weight, var(--font-weight));
    font-weight: 600;
    color: #1c1f25
}

.basket-summary__old-price, .basket-summary__price {
    font-size: var(--font-size);
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    white-space: nowrap
}

.basket-summary__old-price {
    --font-size: 0.9375rem;
    --font-weight: 400;
    --line-height: 1.3;
    --letter-spacing: 0em;
    font-weight: var(--custom-font-weight, var(--font-weight));
    font-weight: 400;
    color: #4f5358;
    -webkit-text-decoration-color: #4f5358;
    text-decoration-color: #4f5358
}

.basket-summary__btn-checkout, .basket-summary__btn-select-all {
    margin-top: 1rem;
    width: 100%;
    grid-column: 1/3
}

.basket-summary__comment {
    --font-size: 0.875rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    color: #4f5358;
    margin-top: 1rem;
    grid-column: 1/3
}

.basket-summary__hint {
    --font-size: 0.875rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    color: #4f5358;
    margin-top: 1rem;
    grid-column: 1/3
}

.basket-summary__tax {
    margin-top: 1rem;
    grid-column: 1/3;
    display: flex;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: space-between;
}

.basket-summary__country {
    grid-column: 1/3;
    height: var(--info-height);
    overflow: hidden
}

.basket-summary__country-title {
    display: flex;
    align-items: center
}

.basket-summary__country-title &gt; * + * {
    margin-left: .25rem
}

.basket-summary__country-inner:not(:empty) {
    padding-top: 1rem
}

.basket-summary__country-block {
    margin-top: .75rem
}

.basket-summary__list {
    margin-top: .75rem;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.33333
}

.basket-summary__list-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: .25rem;
    column-gap: .25rem
}

.basket-summary__list-item:not(:first-child) {
    margin-top: .5rem
}

.basket-summary__list-key {
    color: #6a6e73
}

.basket-summary__list-val {
    color: #1c1f25;
    text-align: right
}

.basket-summary__list-val_accent {
    color: #9a0db7
}

.basket-select-block {
    --border-radius: 0;
    justify-content: space-between;
    padding: .625rem 1rem;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 2px 4px -2px rgba(46, 48, 52, .15);
    border-radius: var(--border-radius);
    overflow: hidden
}

.basket-empty, .basket-select-block {
    display: flex;
    align-items: center;
    position: relative
}

.basket-empty {
    flex-direction: column;
    text-align: center;
    margin: auto;
    padding: 2rem
}

.basket-empty__title {
    --font-size: 1.25rem;
    --font-weight: 600;
    --line-height: 1.2;
    --letter-spacing: -0.01em;
    color: #1c1f25
}

.cart-empty__text, .basket-empty__title {
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit)
}

.cart-empty__text {
    --font-size: 1rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0em;
    color: #6a6e73;
    max-width: 20rem
}

.basket-empty__links {
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
    margin-top: .75rem
}

.basket-empty__links, .lds-roller {
    display: flex;
    justify-content: center
}

.lds-roller {
    position: relative;
    width: 100%;
    height: 5rem
}

.lds-roller .lds-roller__inner {
    width: 5rem;
    position: relative;
    display: inline-block
}

.lds-roller .lds-roller__inner div {
    -webkit-animation: lds-roller 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    animation: lds-roller 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    -webkit-transform-origin: 2.5rem 2.5rem;
    transform-origin: 2.5rem 2.5rem
}

.lds-roller .lds-roller__inner div:after {
    content: " ";
    display: block;
    position: absolute;
    width: .25rem;
    height: .25rem;
    border-radius: 50%;
    background: #2b0484;
    margin: -.25rem 0
}

.lds-roller .lds-roller__inner div:first-child {
    -webkit-animation-delay: -36ms;
    animation-delay: -36ms
}

.lds-roller .lds-roller__inner div:first-child:after {
    top: 63px;
    left: 63px
}

.lds-roller .lds-roller__inner div:nth-child(2) {
    -webkit-animation-delay: -72ms;
    animation-delay: -72ms
}

.lds-roller .lds-roller__inner div:nth-child(2):after {
    top: 68px;
    left: 56px
}

.lds-roller .lds-roller__inner div:nth-child(3) {
    -webkit-animation-delay: -.108s;
    animation-delay: -.108s
}

.lds-roller .lds-roller__inner div:nth-child(3):after {
    top: 71px;
    left: 48px
}

.lds-roller .lds-roller__inner div:nth-child(4) {
    -webkit-animation-delay: -.144s;
    animation-delay: -.144s
}

.lds-roller .lds-roller__inner div:nth-child(4):after {
    top: 72px;
    left: 40px
}

.lds-roller .lds-roller__inner div:nth-child(5) {
    -webkit-animation-delay: -.18s;
    animation-delay: -.18s
}

.lds-roller .lds-roller__inner div:nth-child(5):after {
    top: 71px;
    left: 32px
}

.lds-roller .lds-roller__inner div:nth-child(6) {
    -webkit-animation-delay: -.216s;
    animation-delay: -.216s
}

.lds-roller .lds-roller__inner div:nth-child(6):after {
    top: 68px;
    left: 24px
}

.lds-roller .lds-roller__inner div:nth-child(7) {
    -webkit-animation-delay: -.252s;
    animation-delay: -.252s
}

.lds-roller .lds-roller__inner div:nth-child(7):after {
    top: 63px;
    left: 17px
}

.lds-roller .lds-roller__inner div:nth-child(8) {
    -webkit-animation-delay: -.288s;
    animation-delay: -.288s
}

.lds-roller .lds-roller__inner div:nth-child(8):after {
    top: 56px;
    left: 12px
}

@-webkit-keyframes lds-roller {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes lds-roller {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.cart-item-default {
    --mobile-toolbar-shift: 0.5rem;
    --image-opacity: 1;
    --title-color: #1c1f25;
    --props-color: #6a6e73;
    --img-width: 4.375rem;
    display: grid;
    grid-template-columns: var(--img-width) 1fr;
    -webkit-column-gap: 1rem;
    column-gap: 1rem;
    row-gap: .5rem;
    position: relative;
    padding: 1rem .75rem 1.3125rem
}

.cart-item-default__form {
    --image-opacity: 1;
    --title-color: #1c1f25;
    --props-color: #6a6e73;
    display: inline-block;
    position: relative;
    padding: 1rem 0.75rem 1.3125rem;
}

.cart-item-default_unavalible {
    --image-opacity: 0.3;
    --title-color: #a8adb3;
    --props-color: #a8adb3
}

.cart-item-default__select.checkbox {
    position: absolute;
    left: .75rem;
    top: 1rem;
    z-index: 1
}

.cart-item-default__area-img {
    grid-row: 1/3;
    grid-column: 1;
    position: relative;
    align-self: flex-start;
    text-align: center;
}

.cart-item-default__img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 4.375rem;
    height: 4.375rem;
    opacity: var(--image-opacity)
}

.cart-item-default__area-content {
    grid-row: 1;
    grid-column: 2
}

.cart-item-default__area-price {
    grid-row: 2;
    grid-column: 2;
    display: flex;
    flex-direction: column;
    min-height: 2.5rem;
    justify-content: center;
    align-self: flex-start
}

.cart-item-default__unavailable-info {
    --font-size: 0.8125rem;
    --font-weight: 600;
    --line-height: 1.2;
    --letter-spacing: 0.004em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    color: #6a6e73
}

.cart-item-default__warehouse-selector {
    position: relative
}

.cart-item-default__warehouse-selector-btn {
    --font-size: 0.9375rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    display: inline-flex;
    align-items: center;
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    margin-top: .5rem
}

.cart-item-default__warehouse-selector-btn &gt; * + * {
    margin-left: .25rem
}

.cart-item-default__warehouse-selector-btn-text {
    color: #4f5358;
    border-bottom: 1px dashed #4f5358
}

.cart-item-default__warehouse-popup {
    display: none;
    width: 18rem
}

.cart-item-default__warehouse-list {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.cart-item-default__warehouse-list-button {
    --bg-color: transparent;
    --title-color: #1c1f25;
    --border-color: transparent;
    --focus-size: 0;
    --checked-icon-display: none;
    width: 100%;
    display: block;
    position: relative;
    padding: .6875rem 2.375rem;
    text-align: initial;
    background-color: var(--bg-color);
    border: 1px solid var(--border-color);
    border-radius: .375rem
}

.cart-item-default__warehouse-list-button:focus, .cart-item-default__warehouse-list-button:hover {
    --title-color: #9a0db7
}

.cart-item-default__warehouse-list-button_current {
    --checked-icon-display: block;
    --bg-color: #f5f8fb
}

.cart-item-default__warehouse-list-button:focus {
    outline: none;
    --border-color: #9a0db7
}

.cart-item-default__warehouse-list-icon {
    position: absolute;
    top: .6875rem
}

.cart-item-default__warehouse-list-icon_left {
    left: 1rem
}

.cart-item-default__warehouse-list-icon_right {
    display: var(--checked-icon-display);
    right: 1rem
}

.cart-item-default__warehouse-list-title {
    --font-size: 0.875rem;
    --letter-spacing: 0em;
    color: #1c1f25;
    text-decoration: none
}

.cart-item-default__warehouse-list-price, .cart-item-default__warehouse-list-title {
    --font-weight: 400;
    --line-height: 1.3;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    display: block;
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit)
}

.cart-item-default__warehouse-list-price {
    --font-size: 0.75rem;
    --letter-spacing: 0.004em;
    color: #6a6e73;
    margin-top: .25rem
}

.cart-item-default__price {
    --font-size: 0.9375rem;
    --font-weight: 600;
    --line-height: 1.3;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    color: #1c1f25
}

.cart-item-default__price_sale {
    color: #9a0db7
}

.cart-item-default__old-price {
    --font-size: 0.75rem;
    --font-weight: 600;
    --line-height: 1.3;
    --letter-spacing: 0.004em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    color: #4f5358;
    -webkit-text-decoration-color: #b611d1;
    text-decoration-color: #b611d1;
    white-space: nowrap;
    margin-top: .125rem
}

.cart-item-default__area-btns {
    grid-row: 3;
    grid-column: 1/3;
    margin-top: var(--mobile-toolbar-shift);
    display: grid;
    -webkit-column-gap: .5rem;
    column-gap: .5rem;
    grid-auto-flow: column dense;
    grid-template-columns: -webkit-min-content;
    grid-template-columns: min-content;
    justify-items: flex-start
}

.cart-item-default__btn-desktop.link-btn {
    display: none
}

.cart-item-default__btn-mobile.btn {
    display: flex
}

.cart-item-default__area-quantity-group {
    grid-row: 3;
    grid-column: 1/3;
    justify-self: flex-end;
    margin-top: var(--mobile-toolbar-shift)
}

.cart-item-default__brand {
    --font-size: 1.0625rem;
    --font-weight: 600;
    margin-bottom: .5rem
}

.cart-item-default__brand, .cart-item-default__title {
    --line-height: 1.4;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    color: var(--title-color);
    text-decoration: none
}

.cart-item-default__title {
    --font-size: 0.9375rem;
    --font-weight: 400
}

.cart-item-default__props {
    --font-size: 0.8125rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0.004em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    color: var(--props-color);
    margin-top: .5rem;
    display: flex;
    flex-wrap: wrap
}

.cart-item-default__props-item {
    display: inline-flex;
    align-items: center
}

.cart-item-default__props-item:not(:last-child):after {
    content: "\2022";
    display: inline-block;
    margin-left: .125rem;
    margin-right: .125rem
}

.cart-item-checkout {
    --title-color: #1c1f25;
    --props-color: #6a6e73;
    display: grid;
    -webkit-column-gap: .75rem;
    column-gap: .75rem;
    align-items: flex-start;
    position: relative;
    padding: 1rem
}

.cart-item-checkout__area-content {
    display: flex;
    grid-area: content
}

.cart-item-checkout__area-delete {
    grid-area: delete
}

.cart-item-checkout__area-weight {
    --font-size: 0.9375rem;
    --font-weight: 400;
    --line-height: 1.3;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    grid-area: weight;
    height: 2.5rem;
    display: flex;
    align-items: center;
    min-width: 3.25rem;
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    color: #1c1f25
}

.cart-item-checkout__col-content {
    flex-grow: 1
}

.cart-item-checkout__area-img {
    grid-area: img;
    flex-shrink: 0;
    font-size: 0
}

.cart-item-checkout__img-wrapper {
    width: 100%;
    position: relative;
    padding-top: 100%
}

.cart-item-checkout__img {
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.cart-item-checkout__area-price {
    --font-weight: 600;
    --line-height: 1.3
}

.cart-item-checkout__area-price, .cart-item-checkout__title {
    --font-size: 0.9375rem;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    color: #1c1f25
}

.cart-item-checkout__title {
    --font-weight: 400;
    --line-height: 1.4
}

.cart-item-checkout__delimiter {
    width: 1px;
    height: 1.0625rem;
    background-color: #a8adb3;
    display: inline-block;
    margin-left: .5rem;
    margin-right: .5rem
}

.cart-item-checkout__params {
    --font-size: 0.8125rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0.004em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: var(--font-size, inherit);
    font-weight: var(--font-weight, inherit);
    line-height: var(--line-height, inherit);
    letter-spacing: var(--letter-spacing, inherit);
    margin-top: .25rem;
    color: #6a6e73
}

.cart-item-checkout__params-item {
    display: inline-block;
    align-items: center;
    margin-bottom: .25rem
}

.cart-item-checkout__params-item:not(:last-child):after {
    content: "\2022";
    display: inline-block;
    margin-left: .125rem;
    margin-right: .125rem
}

.text-100 {
    --font-size: 0.625rem
}

.text-100, .text-150 {
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0.008em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.text-150 {
    --font-size: 0.6875rem
}

.text-200 {
    --font-size: 0.75rem
}

.text-200, .text-250 {
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0.004em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.text-250 {
    --font-size: 0.8125rem
}

.text-300 {
    --font-size: 0.875rem
}

.text-300, .text-350 {
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.text-350 {
    --font-size: 0.9375rem
}

.text-400 {
    --font-size: 1rem
}

.text-400, .text-450 {
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.text-450 {
    --font-size: 1.0625rem
}

.text-500 {
    --font-size: 1.125rem
}

.text-500, .text-600 {
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: -0.01em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.text-600 {
    --font-size: 1.25rem
}

.text-700 {
    --font-size: 1.5rem;
    --letter-spacing: -0.01em
}

.text-700, .text-800 {
    --font-weight: 400;
    --line-height: 1.4;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.text-800 {
    --font-size: 1.75rem;
    --letter-spacing: -0.012em
}

.text-900 {
    --font-size: 2rem;
    --letter-spacing: -0.016em
}

.control-100, .text-900 {
    --font-weight: 400;
    --line-height: 1.4;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.control-100 {
    --font-size: 0.625rem;
    --letter-spacing: 0.008em
}

.control-150 {
    --font-size: 0.6875rem;
    --line-height: 1.5;
    --letter-spacing: 0.008em
}

.control-150, .control-200 {
    --font-weight: 400;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.control-200 {
    --font-size: 0.75rem;
    --line-height: 1.3;
    --letter-spacing: 0.004em
}

.control-250 {
    --font-size: 0.8125rem;
    --line-height: 1.2;
    --letter-spacing: 0.004em
}

.control-250, .control-300 {
    --font-weight: 400;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.control-300 {
    --font-size: 0.875rem;
    --line-height: 1.3;
    --letter-spacing: 0em
}

.control-350 {
    --font-size: 0.9375rem
}

.control-350, .control-400 {
    --font-weight: 400;
    --line-height: 1.3;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.control-400 {
    --font-size: 1rem
}

.control-450 {
    --font-size: 1.0625rem;
    --font-weight: 400;
    --line-height: 1.4;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.control-500 {
    --font-size: 1.125rem;
    --line-height: 1.3
}

.control-500, .control-600 {
    --font-weight: 400;
    --letter-spacing: -0.01em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.control-600 {
    --font-size: 1.25rem;
    --line-height: 1.4
}

.control-700 {
    --font-size: 1.5rem;
    --letter-spacing: -0.01em
}

.control-700, .control-800 {
    --font-weight: 400;
    --line-height: 1.3;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.control-800 {
    --font-size: 1.75rem;
    --letter-spacing: -0.012em
}

.control-900 {
    --font-size: 2rem;
    --font-weight: 400;
    --line-height: 1.3;
    --letter-spacing: -0.016em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.title-1 {
    --font-size: 2.125rem;
    --letter-spacing: -0.016em
}

.title-1, .title-2 {
    --font-weight: 600;
    --line-height: 1.2;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.title-2 {
    --font-size: 1.75rem;
    --letter-spacing: -0.012em
}

.title-3 {
    --font-size: 1.375rem
}

.title-3, .title-4 {
    --font-weight: 600;
    --line-height: 1.2;
    --letter-spacing: -0.01em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.title-4 {
    --font-size: 1.25rem
}

.title-5 {
    --font-size: 1.0625rem;
    --font-weight: 600;
    --line-height: 1.2;
    --letter-spacing: 0em;
    font-size: var(--font-size);
    font-weight: var(--custom-font-weight, var(--font-weight));
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

.weight-ultrathin {
    --custom-font-weight: 100
}

.weight-thin, .weight-ultrathin {
    font-weight: var(--custom-font-weight)
}

.weight-thin {
    --custom-font-weight: 200
}

.weight-light {
    --custom-font-weight: 300
}

.weight-light, .weight-regular {
    font-weight: var(--custom-font-weight)
}

.weight-regular {
    --custom-font-weight: 400
}

.weight-medium {
    --custom-font-weight: 500
}

.weight-medium, .weight-semibold {
    font-weight: var(--custom-font-weight)
}

.weight-semibold {
    --custom-font-weight: 600
}

.weight-bold {
    --custom-font-weight: 700
}

.weight-bold, .weight-heavy {
    font-weight: var(--custom-font-weight)
}

.weight-heavy {
    --custom-font-weight: 800
}

.weight-black {
    --custom-font-weight: 900;
    font-weight: var(--custom-font-weight)
}

:root {
    --space-56: 3.5rem;
    --space-4: 0.25rem;
    --space-24: 1.5rem;
    --space-8: 0.5rem;
    --space-12: 0.75rem;
    --space-6: 0.375rem;
    --space-16: 1rem;
    --space-22: 1.375rem;
    --space-44: 2.75rem;
    --space-20: 1.25rem;
    --space-64: 4rem;
    --space-40: 2.5rem;
    --space-10: 0.625rem;
    --space-48: 3rem;
    --space-18: 1.125rem;
    --space-80: 5rem;
    --space-9: 0.5625rem;
    --space-50: 3.125rem;
    --space-32: 2rem;
    --space-11: 0.6875rem;
    --space-26: 1.625rem;
    --space-5: 0.3125rem;
    --space-2: 0.125rem
}

@media screen and (min-width: 31.0625rem) {
    :root {
        --grid-columns: 4
    }

    .content {
        --maxCols: 4
    }

    .content .cell {
        --current-offset: var(--tablet-small-offset);
        --currentCols: var(--tablet-small-cols, --maxCols)
    }

    .footer-apps-list {
        flex-direction: row
    }

    .title-with-link__title_h2 {
        letter-spacing: -.01em;
        font-size: 1.125rem;
        line-height: 1.33333
    }

    .title-with-link__link {
        font-size: .875rem;
        line-height: 1.71429
    }

    .carousel-products {
        --carousel-slide-max-width: 10rem
    }

    .partners-hello-window .modal__window {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .partners-hello-window__row-btns {
        --cols: 2
    }

    .partners-hello-window__btn_cancel {
        order: 1
    }

    .partners-hello-window__btn_accept {
        order: 2
    }

    .card-product-layout__area-content {
        grid-template-columns: repeat(4, 1fr)
    }

    .card-product-layout__content-col-tabs, .card-product-layout__content-col-tags {
        grid-column: span 4
    }

    .product-card-skeleton__title {
        --font-size: 1rem;
        --line-height: 1.25rem
    }

    .product-card-skeleton__category {
        font-size: .875rem;
        line-height: 1.28571
    }

    .product-card__old-price {
        font-size: .875rem;
        line-height: 1.57143
    }

    .product-card__price {
        font-size: 1.25rem;
        line-height: 1.4
    }

    .product-card__title-link {
        --font-size: 1rem;
        --line-height: 1.25rem
    }

    .product-card__category-link {
        font-size: .875rem;
        line-height: 1.28571
    }

    .modal-window .modal__window {
        margin-left: 1rem;
        margin-right: 1rem;
        border-radius: .75rem
    }

    .modal-window__header {
        padding-bottom: 1.5rem;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: var(--btn-size) -webkit-min-content;
        grid-template-rows: var(--btn-size) min-content
    }

    .modal-window__title {
        --font-size: 1.5rem;
        --font-weight: 600;
        --line-height: 1.2;
        --letter-spacing: -0.01em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing);
        grid-column: 1/3;
        grid-row: 2
    }

    .brand-info {
        grid-template-columns: auto 1fr
    }

    .tablet-small\:fs-16 {
        font-size: 1rem;
        line-height: 1.625
    }

    .tablet-small\:fs-18 {
        font-size: 1.125rem;
        line-height: 1.44444
    }

    .tablet-small\:fs-20 {
        font-size: 1.25rem;
        line-height: 1.4
    }

    .tablet-small\:fs-26 {
        font-size: 1.625rem;
        line-height: 1.38462
    }

    .tablet-small\:my-4 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .tablet-small\:mx-4 {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .tablet-small\:mt-4 {
        margin-top: .25rem
    }

    .tablet-small\:mb-4 {
        margin-bottom: .25rem
    }

    .tablet-small\:ml-4 {
        margin-left: .25rem
    }

    .tablet-small\:mr-4 {
        margin-right: .25rem
    }

    .tablet-small\:py-4 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .tablet-small\:px-4 {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .tablet-small\:pt-4 {
        padding-top: .25rem
    }

    .tablet-small\:pb-4 {
        padding-bottom: .25rem
    }

    .tablet-small\:pl-4 {
        padding-left: .25rem
    }

    .tablet-small\:pr-4 {
        padding-right: .25rem
    }

    .tablet-small\:my-5 {
        margin-top: .3125rem;
        margin-bottom: .3125rem
    }

    .tablet-small\:mx-5 {
        margin-left: .3125rem;
        margin-right: .3125rem
    }

    .tablet-small\:mt-5 {
        margin-top: .3125rem
    }

    .tablet-small\:mb-5 {
        margin-bottom: .3125rem
    }

    .tablet-small\:ml-5 {
        margin-left: .3125rem
    }

    .tablet-small\:mr-5 {
        margin-right: .3125rem
    }

    .tablet-small\:py-5 {
        padding-top: .3125rem;
        padding-bottom: .3125rem
    }

    .tablet-small\:px-5 {
        padding-left: .3125rem;
        padding-right: .3125rem
    }

    .tablet-small\:pt-5 {
        padding-top: .3125rem
    }

    .tablet-small\:pb-5 {
        padding-bottom: .3125rem
    }

    .tablet-small\:pl-5 {
        padding-left: .3125rem
    }

    .tablet-small\:pr-5 {
        padding-right: .3125rem
    }

    .tablet-small\:my-6 {
        margin-top: .375rem;
        margin-bottom: .375rem
    }

    .tablet-small\:mx-6 {
        margin-left: .375rem;
        margin-right: .375rem
    }

    .tablet-small\:mt-6 {
        margin-top: .375rem
    }

    .tablet-small\:mb-6 {
        margin-bottom: .375rem
    }

    .tablet-small\:ml-6 {
        margin-left: .375rem
    }

    .tablet-small\:mr-6 {
        margin-right: .375rem
    }

    .tablet-small\:py-6 {
        padding-top: .375rem;
        padding-bottom: .375rem
    }

    .tablet-small\:px-6 {
        padding-left: .375rem;
        padding-right: .375rem
    }

    .tablet-small\:pt-6 {
        padding-top: .375rem
    }

    .tablet-small\:pb-6 {
        padding-bottom: .375rem
    }

    .tablet-small\:pl-6 {
        padding-left: .375rem
    }

    .tablet-small\:pr-6 {
        padding-right: .375rem
    }

    .tablet-small\:my-8 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .tablet-small\:mx-8 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .tablet-small\:mt-8 {
        margin-top: .5rem
    }

    .tablet-small\:mb-8 {
        margin-bottom: .5rem
    }

    .tablet-small\:ml-8 {
        margin-left: .5rem
    }

    .tablet-small\:mr-8 {
        margin-right: .5rem
    }

    .tablet-small\:py-8 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .tablet-small\:px-8 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .tablet-small\:pt-8 {
        padding-top: .5rem
    }

    .tablet-small\:pb-8 {
        padding-bottom: .5rem
    }

    .tablet-small\:pl-8 {
        padding-left: .5rem
    }

    .tablet-small\:pr-8 {
        padding-right: .5rem
    }

    .tablet-small\:my-12 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .tablet-small\:mx-12 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .tablet-small\:mt-12 {
        margin-top: .75rem
    }

    .tablet-small\:mb-12 {
        margin-bottom: .75rem
    }

    .tablet-small\:ml-12 {
        margin-left: .75rem
    }

    .tablet-small\:mr-12 {
        margin-right: .75rem
    }

    .tablet-small\:py-12 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .tablet-small\:px-12 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .tablet-small\:pt-12 {
        padding-top: .75rem
    }

    .tablet-small\:pb-12 {
        padding-bottom: .75rem
    }

    .tablet-small\:pl-12 {
        padding-left: .75rem
    }

    .tablet-small\:pr-12 {
        padding-right: .75rem
    }

    .tablet-small\:my-16 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .tablet-small\:mx-16 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .tablet-small\:mt-16 {
        margin-top: 1rem
    }

    .tablet-small\:mb-16 {
        margin-bottom: 1rem
    }

    .tablet-small\:ml-16 {
        margin-left: 1rem
    }

    .tablet-small\:mr-16 {
        margin-right: 1rem
    }

    .tablet-small\:py-16 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .tablet-small\:px-16 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .tablet-small\:pt-16 {
        padding-top: 1rem
    }

    .tablet-small\:pb-16 {
        padding-bottom: 1rem
    }

    .tablet-small\:pl-16 {
        padding-left: 1rem
    }

    .tablet-small\:pr-16 {
        padding-right: 1rem
    }

    .tablet-small\:my-20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .tablet-small\:mx-20 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .tablet-small\:mt-20 {
        margin-top: 1.25rem
    }

    .tablet-small\:mb-20 {
        margin-bottom: 1.25rem
    }

    .tablet-small\:ml-20 {
        margin-left: 1.25rem
    }

    .tablet-small\:mr-20 {
        margin-right: 1.25rem
    }

    .tablet-small\:py-20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .tablet-small\:px-20 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .tablet-small\:pt-20 {
        padding-top: 1.25rem
    }

    .tablet-small\:pb-20 {
        padding-bottom: 1.25rem
    }

    .tablet-small\:pl-20 {
        padding-left: 1.25rem
    }

    .tablet-small\:pr-20 {
        padding-right: 1.25rem
    }

    .tablet-small\:my-24 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .tablet-small\:mx-24 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .tablet-small\:mt-24 {
        margin-top: 1.5rem
    }

    .tablet-small\:mb-24 {
        margin-bottom: 1.5rem
    }

    .tablet-small\:ml-24 {
        margin-left: 1.5rem
    }

    .tablet-small\:mr-24 {
        margin-right: 1.5rem
    }

    .tablet-small\:py-24 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .tablet-small\:px-24 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .tablet-small\:pt-24 {
        padding-top: 1.5rem
    }

    .tablet-small\:pb-24 {
        padding-bottom: 1.5rem
    }

    .tablet-small\:pl-24 {
        padding-left: 1.5rem
    }

    .tablet-small\:pr-24 {
        padding-right: 1.5rem
    }

    .tablet-small\:my-26 {
        margin-top: 1.625rem;
        margin-bottom: 1.625rem
    }

    .tablet-small\:mx-26 {
        margin-left: 1.625rem;
        margin-right: 1.625rem
    }

    .tablet-small\:mt-26 {
        margin-top: 1.625rem
    }

    .tablet-small\:mb-26 {
        margin-bottom: 1.625rem
    }

    .tablet-small\:ml-26 {
        margin-left: 1.625rem
    }

    .tablet-small\:mr-26 {
        margin-right: 1.625rem
    }

    .tablet-small\:py-26 {
        padding-top: 1.625rem;
        padding-bottom: 1.625rem
    }

    .tablet-small\:px-26 {
        padding-left: 1.625rem;
        padding-right: 1.625rem
    }

    .tablet-small\:pt-26 {
        padding-top: 1.625rem
    }

    .tablet-small\:pb-26 {
        padding-bottom: 1.625rem
    }

    .tablet-small\:pl-26 {
        padding-left: 1.625rem
    }

    .tablet-small\:pr-26 {
        padding-right: 1.625rem
    }

    .tablet-small\:my-28 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem
    }

    .tablet-small\:mx-28 {
        margin-left: 1.75rem;
        margin-right: 1.75rem
    }

    .tablet-small\:mt-28 {
        margin-top: 1.75rem
    }

    .tablet-small\:mb-28 {
        margin-bottom: 1.75rem
    }

    .tablet-small\:ml-28 {
        margin-left: 1.75rem
    }

    .tablet-small\:mr-28 {
        margin-right: 1.75rem
    }

    .tablet-small\:py-28 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .tablet-small\:px-28 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .tablet-small\:pt-28 {
        padding-top: 1.75rem
    }

    .tablet-small\:pb-28 {
        padding-bottom: 1.75rem
    }

    .tablet-small\:pl-28 {
        padding-left: 1.75rem
    }

    .tablet-small\:pr-28 {
        padding-right: 1.75rem
    }

    .tablet-small\:my-32 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .tablet-small\:mx-32 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .tablet-small\:mt-32 {
        margin-top: 2rem
    }

    .tablet-small\:mb-32 {
        margin-bottom: 2rem
    }

    .tablet-small\:ml-32 {
        margin-left: 2rem
    }

    .tablet-small\:mr-32 {
        margin-right: 2rem
    }

    .tablet-small\:py-32 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .tablet-small\:px-32 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .tablet-small\:pt-32 {
        padding-top: 2rem
    }

    .tablet-small\:pb-32 {
        padding-bottom: 2rem
    }

    .tablet-small\:pl-32 {
        padding-left: 2rem
    }

    .tablet-small\:pr-32 {
        padding-right: 2rem
    }

    .tablet-small\:my-44 {
        margin-top: 2.75rem;
        margin-bottom: 2.75rem
    }

    .tablet-small\:mx-44 {
        margin-left: 2.75rem;
        margin-right: 2.75rem
    }

    .tablet-small\:mt-44 {
        margin-top: 2.75rem
    }

    .tablet-small\:mb-44 {
        margin-bottom: 2.75rem
    }

    .tablet-small\:ml-44 {
        margin-left: 2.75rem
    }

    .tablet-small\:mr-44 {
        margin-right: 2.75rem
    }

    .tablet-small\:py-44 {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }

    .tablet-small\:px-44 {
        padding-left: 2.75rem;
        padding-right: 2.75rem
    }

    .tablet-small\:pt-44 {
        padding-top: 2.75rem
    }

    .tablet-small\:pb-44 {
        padding-bottom: 2.75rem
    }

    .tablet-small\:pl-44 {
        padding-left: 2.75rem
    }

    .tablet-small\:pr-44 {
        padding-right: 2.75rem
    }

    .tablet-small\:my-48 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .tablet-small\:mx-48 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .tablet-small\:mt-48 {
        margin-top: 3rem
    }

    .tablet-small\:mb-48 {
        margin-bottom: 3rem
    }

    .tablet-small\:ml-48 {
        margin-left: 3rem
    }

    .tablet-small\:mr-48 {
        margin-right: 3rem
    }

    .tablet-small\:py-48 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .tablet-small\:px-48 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .tablet-small\:pt-48 {
        padding-top: 3rem
    }

    .tablet-small\:pb-48 {
        padding-bottom: 3rem
    }

    .tablet-small\:pl-48 {
        padding-left: 3rem
    }

    .tablet-small\:pr-48 {
        padding-right: 3rem
    }

    .tablet-small\:my-80 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .tablet-small\:mx-80 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .tablet-small\:mt-80 {
        margin-top: 5rem
    }

    .tablet-small\:mb-80 {
        margin-bottom: 5rem
    }

    .tablet-small\:ml-80 {
        margin-left: 5rem
    }

    .tablet-small\:mr-80 {
        margin-right: 5rem
    }

    .tablet-small\:py-80 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .tablet-small\:px-80 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .tablet-small\:pt-80 {
        padding-top: 5rem
    }

    .tablet-small\:pb-80 {
        padding-bottom: 5rem
    }

    .tablet-small\:pl-80 {
        padding-left: 5rem
    }

    .tablet-small\:pr-80 {
        padding-right: 5rem
    }

    .pro-activate__info {
        display: flex;
        align-items: center
    }

    .pro-activate__carousel {
        --carouselSlideGapRef: 16px;
        --slide-width: 14.75rem
    }

    .shipping-calculator-info {
        margin-left: 0;
        margin-right: 0;
        border-radius: .75rem
    }

    .shipping-calculator-info__link {
        padding: 1rem 1.5rem
    }

    .shipping-calculator-country, .shipping-calculator-form {
        padding: 1.5rem;
        margin-left: 0;
        margin-right: 0;
        border-radius: .75rem
    }

    .shipping-calculator-country__list {
        grid-template-columns: repeat(2, 1fr)
    }

    .group-items {
        --border-radius: 0.75rem
    }

    .basket-layout-head__title {
        --font-size: 1.5rem;
        --font-weight: 600;
        --line-height: 1.2;
        --letter-spacing: -0.01em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .basket-layout-region, .basket-select-block, .basket-summary {
        --border-radius: 0.75rem
    }

    .basket-empty {
        padding: 2.75rem
    }

    .cart-item-default {
        --mobile-toolbar-shift: 0.25rem
    }

    .cart-item-default__area-price {
        grid-row: 1;
        grid-column: 3
    }

    .cart-item-default__unavailable-info {
        max-width: 7.5rem
    }

    .cart-item-default__price {
        --font-size: 1.125rem;
        --font-weight: 600;
        --line-height: 1.3;
        --letter-spacing: -0.01em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size, inherit);
        font-weight: var(--font-weight, inherit);
        line-height: var(--line-height, inherit);
        letter-spacing: var(--letter-spacing, inherit)
    }

    .cart-item-default__old-price {
        --font-size: 0.8125rem;
        --font-weight: 600;
        --line-height: 1.2;
        --letter-spacing: 0.004em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .cart-item-default__area-quantity-group {
        grid-column: 1/4
    }

    .tablet-small\:text-100 {
        --font-size: 0.625rem
    }

    .tablet-small\:text-100, .tablet-small\:text-150 {
        --font-weight: 400;
        --line-height: 1.4;
        --letter-spacing: 0.008em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .tablet-small\:text-150 {
        --font-size: 0.6875rem
    }

    .tablet-small\:text-200 {
        --font-size: 0.75rem
    }

    .tablet-small\:text-200, .tablet-small\:text-250 {
        --font-weight: 400;
        --line-height: 1.4;
        --letter-spacing: 0.004em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .tablet-small\:text-250 {
        --font-size: 0.8125rem
    }

    .tablet-small\:text-300 {
        --font-size: 0.875rem
    }

    .tablet-small\:text-300, .tablet-small\:text-350 {
        --font-weight: 400;
        --line-height: 1.4;
        --letter-spacing: 0em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .tablet-small\:text-350 {
        --font-size: 0.9375rem
    }

    .tablet-small\:text-400 {
        --font-size: 1rem
    }

    .tablet-small\:text-400, .tablet-small\:text-450 {
        --font-weight: 400;
        --line-height: 1.4;
        --letter-spacing: 0em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .tablet-small\:text-450 {
        --font-size: 1.0625rem
    }

    .tablet-small\:text-500 {
        --font-size: 1.125rem
    }

    .tablet-small\:text-500, .tablet-small\:text-600 {
        --font-weight: 400;
        --line-height: 1.4;
        --letter-spacing: -0.01em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .tablet-small\:text-600 {
        --font-size: 1.25rem
    }

    .tablet-small\:text-700 {
        --font-size: 1.5rem;
        --letter-spacing: -0.01em
    }

    .tablet-small\:text-700, .tablet-small\:text-800 {
        --font-weight: 400;
        --line-height: 1.4;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .tablet-small\:text-800 {
        --font-size: 1.75rem;
        --letter-spacing: -0.012em
    }

    .tablet-small\:text-900 {
        --font-size: 2rem;
        --letter-spacing: -0.016em
    }

    .tablet-small\:control-100, .tablet-small\:text-900 {
        --font-weight: 400;
        --line-height: 1.4;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .tablet-small\:control-100 {
        --font-size: 0.625rem;
        --letter-spacing: 0.008em
    }

    .tablet-small\:control-150 {
        --font-size: 0.6875rem;
        --line-height: 1.5;
        --letter-spacing: 0.008em
    }

    .tablet-small\:control-150, .tablet-small\:control-200 {
        --font-weight: 400;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .tablet-small\:control-200 {
        --font-size: 0.75rem;
        --line-height: 1.3;
        --letter-spacing: 0.004em
    }

    .tablet-small\:control-250 {
        --font-size: 0.8125rem;
        --line-height: 1.2;
        --letter-spacing: 0.004em
    }

    .tablet-small\:control-250, .tablet-small\:control-300 {
        --font-weight: 400;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .tablet-small\:control-300 {
        --font-size: 0.875rem;
        --line-height: 1.3;
        --letter-spacing: 0em
    }

    .tablet-small\:control-350 {
        --font-size: 0.9375rem
    }

    .tablet-small\:control-350, .tablet-small\:control-400 {
        --font-weight: 400;
        --line-height: 1.3;
        --letter-spacing: 0em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .tablet-small\:control-400 {
        --font-size: 1rem
    }

    .tablet-small\:control-450 {
        --font-size: 1.0625rem;
        --font-weight: 400;
        --line-height: 1.4;
        --letter-spacing: 0em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .tablet-small\:control-500 {
        --font-size: 1.125rem;
        --line-height: 1.3
    }

    .tablet-small\:control-500, .tablet-small\:control-600 {
        --font-weight: 400;
        --letter-spacing: -0.01em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .tablet-small\:control-600 {
        --font-size: 1.25rem;
        --line-height: 1.4
    }

    .tablet-small\:control-700 {
        --font-size: 1.5rem;
        --letter-spacing: -0.01em
    }

    .tablet-small\:control-700, .tablet-small\:control-800 {
        --font-weight: 400;
        --line-height: 1.3;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .tablet-small\:control-800 {
        --font-size: 1.75rem;
        --letter-spacing: -0.012em
    }

    .tablet-small\:control-900 {
        --font-size: 2rem;
        --font-weight: 400;
        --line-height: 1.3;
        --letter-spacing: -0.016em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .title-1 {
        --font-size: 2.5rem;
        --letter-spacing: -0.02em
    }

    .title-1, .title-2 {
        --font-weight: 600;
        --line-height: 1.2;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .title-2 {
        --font-size: 2rem;
        --letter-spacing: -0.016em
    }

    .title-3 {
        --font-size: 1.5rem
    }

    .title-3, .title-4 {
        --font-weight: 600;
        --line-height: 1.2;
        --letter-spacing: -0.01em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .title-4 {
        --font-size: 1.25rem
    }

    .title-5 {
        --font-size: 1.0625rem;
        --font-weight: 600;
        --line-height: 1.2;
        --letter-spacing: 0em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }
}

@media screen and (min-width: 42.0625rem) {
    :root {
        --grid-columns: 6
    }

    .content {
        --maxCols: 6
    }

    .content .cell {
        --current-offset: var(--tablet-medium-offset);
        --currentCols: var(--tablet-medium-cols, --maxCols)
    }

    .promotion-block_type2 {
        --col-count: 2;
        --row-count: 1;
        --grid-area: "col1 col2"
    }

    .promotion-block_type3 {
        --col-count: 2;
        --row-count: 2;
        --grid-area: "col1 col1" "col2 col3"
    }

    .promotion-block_type4 {
        --col-count: 4;
        --row-count: 1;
        --grid-area: "col1 col2 col3 col4"
    }

    .card-product-layout__area-preview {
        align-self: flex-start;
        min-height: 37.125rem
    }

    .card-product-layout__area-content {
        grid-template-columns: repeat(6, 1fr)
    }

    .card-product-layout__content-col-tabs, .card-product-layout__content-col-tags {
        grid-column: span 6
    }

    .card-product-layout__block-parameters {
        -webkit-columns: 2;
        column-count: 2;
        gap: var(--space-24)
    }

    .preview-block {
        position: -webkit-sticky;
        position: sticky;
        top: var(--space-10)
    }

    .rubrics-items-grid {
        grid-template-columns: repeat(var(--countRepeat), calc(var(--grid-column-width) * 2 + var(--grid-gutter)));
        --countRepeat: 3
    }

    .tablet-medium\:fs-16 {
        font-size: 1rem;
        line-height: 1.625
    }

    .tablet-medium\:fs-18 {
        font-size: 1.125rem;
        line-height: 1.44444
    }

    .tablet-medium\:fs-20 {
        font-size: 1.25rem;
        line-height: 1.4
    }

    .tablet-medium\:fs-26 {
        font-size: 1.625rem;
        line-height: 1.38462
    }

    .tablet-medium\:my-4 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .tablet-medium\:mx-4 {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .tablet-medium\:mt-4 {
        margin-top: .25rem
    }

    .tablet-medium\:mb-4 {
        margin-bottom: .25rem
    }

    .tablet-medium\:ml-4 {
        margin-left: .25rem
    }

    .tablet-medium\:mr-4 {
        margin-right: .25rem
    }

    .tablet-medium\:py-4 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .tablet-medium\:px-4 {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .tablet-medium\:pt-4 {
        padding-top: .25rem
    }

    .tablet-medium\:pb-4 {
        padding-bottom: .25rem
    }

    .tablet-medium\:pl-4 {
        padding-left: .25rem
    }

    .tablet-medium\:pr-4 {
        padding-right: .25rem
    }

    .tablet-medium\:my-5 {
        margin-top: .3125rem;
        margin-bottom: .3125rem
    }

    .tablet-medium\:mx-5 {
        margin-left: .3125rem;
        margin-right: .3125rem
    }

    .tablet-medium\:mt-5 {
        margin-top: .3125rem
    }

    .tablet-medium\:mb-5 {
        margin-bottom: .3125rem
    }

    .tablet-medium\:ml-5 {
        margin-left: .3125rem
    }

    .tablet-medium\:mr-5 {
        margin-right: .3125rem
    }

    .tablet-medium\:py-5 {
        padding-top: .3125rem;
        padding-bottom: .3125rem
    }

    .tablet-medium\:px-5 {
        padding-left: .3125rem;
        padding-right: .3125rem
    }

    .tablet-medium\:pt-5 {
        padding-top: .3125rem
    }

    .tablet-medium\:pb-5 {
        padding-bottom: .3125rem
    }

    .tablet-medium\:pl-5 {
        padding-left: .3125rem
    }

    .tablet-medium\:pr-5 {
        padding-right: .3125rem
    }

    .tablet-medium\:my-6 {
        margin-top: .375rem;
        margin-bottom: .375rem
    }

    .tablet-medium\:mx-6 {
        margin-left: .375rem;
        margin-right: .375rem
    }

    .tablet-medium\:mt-6 {
        margin-top: .375rem
    }

    .tablet-medium\:mb-6 {
        margin-bottom: .375rem
    }

    .tablet-medium\:ml-6 {
        margin-left: .375rem
    }

    .tablet-medium\:mr-6 {
        margin-right: .375rem
    }

    .tablet-medium\:py-6 {
        padding-top: .375rem;
        padding-bottom: .375rem
    }

    .tablet-medium\:px-6 {
        padding-left: .375rem;
        padding-right: .375rem
    }

    .tablet-medium\:pt-6 {
        padding-top: .375rem
    }

    .tablet-medium\:pb-6 {
        padding-bottom: .375rem
    }

    .tablet-medium\:pl-6 {
        padding-left: .375rem
    }

    .tablet-medium\:pr-6 {
        padding-right: .375rem
    }

    .tablet-medium\:my-8 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .tablet-medium\:mx-8 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .tablet-medium\:mt-8 {
        margin-top: .5rem
    }

    .tablet-medium\:mb-8 {
        margin-bottom: .5rem
    }

    .tablet-medium\:ml-8 {
        margin-left: .5rem
    }

    .tablet-medium\:mr-8 {
        margin-right: .5rem
    }

    .tablet-medium\:py-8 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .tablet-medium\:px-8 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .tablet-medium\:pt-8 {
        padding-top: .5rem
    }

    .tablet-medium\:pb-8 {
        padding-bottom: .5rem
    }

    .tablet-medium\:pl-8 {
        padding-left: .5rem
    }

    .tablet-medium\:pr-8 {
        padding-right: .5rem
    }

    .tablet-medium\:my-12 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .tablet-medium\:mx-12 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .tablet-medium\:mt-12 {
        margin-top: .75rem
    }

    .tablet-medium\:mb-12 {
        margin-bottom: .75rem
    }

    .tablet-medium\:ml-12 {
        margin-left: .75rem
    }

    .tablet-medium\:mr-12 {
        margin-right: .75rem
    }

    .tablet-medium\:py-12 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .tablet-medium\:px-12 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .tablet-medium\:pt-12 {
        padding-top: .75rem
    }

    .tablet-medium\:pb-12 {
        padding-bottom: .75rem
    }

    .tablet-medium\:pl-12 {
        padding-left: .75rem
    }

    .tablet-medium\:pr-12 {
        padding-right: .75rem
    }

    .tablet-medium\:my-16 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .tablet-medium\:mx-16 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .tablet-medium\:mt-16 {
        margin-top: 1rem
    }

    .tablet-medium\:mb-16 {
        margin-bottom: 1rem
    }

    .tablet-medium\:ml-16 {
        margin-left: 1rem
    }

    .tablet-medium\:mr-16 {
        margin-right: 1rem
    }

    .tablet-medium\:py-16 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .tablet-medium\:px-16 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .tablet-medium\:pt-16 {
        padding-top: 1rem
    }

    .tablet-medium\:pb-16 {
        padding-bottom: 1rem
    }

    .tablet-medium\:pl-16 {
        padding-left: 1rem
    }

    .tablet-medium\:pr-16 {
        padding-right: 1rem
    }

    .tablet-medium\:my-20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .tablet-medium\:mx-20 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .tablet-medium\:mt-20 {
        margin-top: 1.25rem
    }

    .tablet-medium\:mb-20 {
        margin-bottom: 1.25rem
    }

    .tablet-medium\:ml-20 {
        margin-left: 1.25rem
    }

    .tablet-medium\:mr-20 {
        margin-right: 1.25rem
    }

    .tablet-medium\:py-20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .tablet-medium\:px-20 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .tablet-medium\:pt-20 {
        padding-top: 1.25rem
    }

    .tablet-medium\:pb-20 {
        padding-bottom: 1.25rem
    }

    .tablet-medium\:pl-20 {
        padding-left: 1.25rem
    }

    .tablet-medium\:pr-20 {
        padding-right: 1.25rem
    }

    .tablet-medium\:my-24 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .tablet-medium\:mx-24 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .tablet-medium\:mt-24 {
        margin-top: 1.5rem
    }

    .tablet-medium\:mb-24 {
        margin-bottom: 1.5rem
    }

    .tablet-medium\:ml-24 {
        margin-left: 1.5rem
    }

    .tablet-medium\:mr-24 {
        margin-right: 1.5rem
    }

    .tablet-medium\:py-24 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .tablet-medium\:px-24 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .tablet-medium\:pt-24 {
        padding-top: 1.5rem
    }

    .tablet-medium\:pb-24 {
        padding-bottom: 1.5rem
    }

    .tablet-medium\:pl-24 {
        padding-left: 1.5rem
    }

    .tablet-medium\:pr-24 {
        padding-right: 1.5rem
    }

    .tablet-medium\:my-26 {
        margin-top: 1.625rem;
        margin-bottom: 1.625rem
    }

    .tablet-medium\:mx-26 {
        margin-left: 1.625rem;
        margin-right: 1.625rem
    }

    .tablet-medium\:mt-26 {
        margin-top: 1.625rem
    }

    .tablet-medium\:mb-26 {
        margin-bottom: 1.625rem
    }

    .tablet-medium\:ml-26 {
        margin-left: 1.625rem
    }

    .tablet-medium\:mr-26 {
        margin-right: 1.625rem
    }

    .tablet-medium\:py-26 {
        padding-top: 1.625rem;
        padding-bottom: 1.625rem
    }

    .tablet-medium\:px-26 {
        padding-left: 1.625rem;
        padding-right: 1.625rem
    }

    .tablet-medium\:pt-26 {
        padding-top: 1.625rem
    }

    .tablet-medium\:pb-26 {
        padding-bottom: 1.625rem
    }

    .tablet-medium\:pl-26 {
        padding-left: 1.625rem
    }

    .tablet-medium\:pr-26 {
        padding-right: 1.625rem
    }

    .tablet-medium\:my-28 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem
    }

    .tablet-medium\:mx-28 {
        margin-left: 1.75rem;
        margin-right: 1.75rem
    }

    .tablet-medium\:mt-28 {
        margin-top: 1.75rem
    }

    .tablet-medium\:mb-28 {
        margin-bottom: 1.75rem
    }

    .tablet-medium\:ml-28 {
        margin-left: 1.75rem
    }

    .tablet-medium\:mr-28 {
        margin-right: 1.75rem
    }

    .tablet-medium\:py-28 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .tablet-medium\:px-28 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .tablet-medium\:pt-28 {
        padding-top: 1.75rem
    }

    .tablet-medium\:pb-28 {
        padding-bottom: 1.75rem
    }

    .tablet-medium\:pl-28 {
        padding-left: 1.75rem
    }

    .tablet-medium\:pr-28 {
        padding-right: 1.75rem
    }

    .tablet-medium\:my-32 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .tablet-medium\:mx-32 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .tablet-medium\:mt-32 {
        margin-top: 2rem
    }

    .tablet-medium\:mb-32 {
        margin-bottom: 2rem
    }

    .tablet-medium\:ml-32 {
        margin-left: 2rem
    }

    .tablet-medium\:mr-32 {
        margin-right: 2rem
    }

    .tablet-medium\:py-32 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .tablet-medium\:px-32 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .tablet-medium\:pt-32 {
        padding-top: 2rem
    }

    .tablet-medium\:pb-32 {
        padding-bottom: 2rem
    }

    .tablet-medium\:pl-32 {
        padding-left: 2rem
    }

    .tablet-medium\:pr-32 {
        padding-right: 2rem
    }

    .tablet-medium\:my-44 {
        margin-top: 2.75rem;
        margin-bottom: 2.75rem
    }

    .tablet-medium\:mx-44 {
        margin-left: 2.75rem;
        margin-right: 2.75rem
    }

    .tablet-medium\:mt-44 {
        margin-top: 2.75rem
    }

    .tablet-medium\:mb-44 {
        margin-bottom: 2.75rem
    }

    .tablet-medium\:ml-44 {
        margin-left: 2.75rem
    }

    .tablet-medium\:mr-44 {
        margin-right: 2.75rem
    }

    .tablet-medium\:py-44 {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }

    .tablet-medium\:px-44 {
        padding-left: 2.75rem;
        padding-right: 2.75rem
    }

    .tablet-medium\:pt-44 {
        padding-top: 2.75rem
    }

    .tablet-medium\:pb-44 {
        padding-bottom: 2.75rem
    }

    .tablet-medium\:pl-44 {
        padding-left: 2.75rem
    }

    .tablet-medium\:pr-44 {
        padding-right: 2.75rem
    }

    .tablet-medium\:my-48 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .tablet-medium\:mx-48 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .tablet-medium\:mt-48 {
        margin-top: 3rem
    }

    .tablet-medium\:mb-48 {
        margin-bottom: 3rem
    }

    .tablet-medium\:ml-48 {
        margin-left: 3rem
    }

    .tablet-medium\:mr-48 {
        margin-right: 3rem
    }

    .tablet-medium\:py-48 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .tablet-medium\:px-48 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .tablet-medium\:pt-48 {
        padding-top: 3rem
    }

    .tablet-medium\:pb-48 {
        padding-bottom: 3rem
    }

    .tablet-medium\:pl-48 {
        padding-left: 3rem
    }

    .tablet-medium\:pr-48 {
        padding-right: 3rem
    }

    .tablet-medium\:my-80 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .tablet-medium\:mx-80 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .tablet-medium\:mt-80 {
        margin-top: 5rem
    }

    .tablet-medium\:mb-80 {
        margin-bottom: 5rem
    }

    .tablet-medium\:ml-80 {
        margin-left: 5rem
    }

    .tablet-medium\:mr-80 {
        margin-right: 5rem
    }

    .tablet-medium\:py-80 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .tablet-medium\:px-80 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .tablet-medium\:pt-80 {
        padding-top: 5rem
    }

    .tablet-medium\:pb-80 {
        padding-bottom: 5rem
    }

    .tablet-medium\:pl-80 {
        padding-left: 5rem
    }

    .tablet-medium\:pr-80 {
        padding-right: 5rem
    }

    .cart-item-default {
        --img-width: 6.25rem;
        grid-template-columns: var(--img-width) 1fr 7.5rem;
        grid-template-rows: auto 1fr
    }

    .cart-item-default__area-content {
        margin-top: 0;
        grid-row: 1
    }

    .cart-item-default__area-price {
        grid-column: 3
    }

    .cart-item-default__area-btns {
        grid-row: 2;
        grid-column: 2/4;
        align-self: flex-start;
        margin-top: auto
    }

    .cart-item-default__btn-desktop.link-btn {
        display: flex
    }

    .cart-item-default__btn-mobile.btn {
        display: none
    }

    .cart-item-default__area-quantity-group {
        align-self: flex-start;
        grid-row: 2;
        grid-column: 3;
        margin-top: auto
    }

    .cart-item-checkout {
        row-gap: .25rem;
        align-items: center;
        grid-template-columns: 2.625rem 1fr auto auto;
        grid-template-areas: "img content weight delete" "img price weight delete"
    }
}

@media screen and (min-width: 53.0625rem) {
    :root {
        --grid-columns: 8
    }

    .content {
        --maxCols: 8
    }

    .content .cell {
        --current-offset: var(--tablet-large-offset);
        --currentCols: var(--tablet-large-cols, --maxCols)
    }

    .carousel-promotion2 {
        --carousel-slides-count: 2
    }

    .carousel-promotion4 {
        --carousel-slides-count: 4
    }

    .rubrics-items-grid {
        --countRepeat: 4
    }

    .tablet-large\:fs-16 {
        font-size: 1rem;
        line-height: 1.625
    }

    .tablet-large\:fs-18 {
        font-size: 1.125rem;
        line-height: 1.44444
    }

    .tablet-large\:fs-20 {
        font-size: 1.25rem;
        line-height: 1.4
    }

    .tablet-large\:fs-26 {
        font-size: 1.625rem;
        line-height: 1.38462
    }

    .tablet-large\:my-4 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .tablet-large\:mx-4 {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .tablet-large\:mt-4 {
        margin-top: .25rem
    }

    .tablet-large\:mb-4 {
        margin-bottom: .25rem
    }

    .tablet-large\:ml-4 {
        margin-left: .25rem
    }

    .tablet-large\:mr-4 {
        margin-right: .25rem
    }

    .tablet-large\:py-4 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .tablet-large\:px-4 {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .tablet-large\:pt-4 {
        padding-top: .25rem
    }

    .tablet-large\:pb-4 {
        padding-bottom: .25rem
    }

    .tablet-large\:pl-4 {
        padding-left: .25rem
    }

    .tablet-large\:pr-4 {
        padding-right: .25rem
    }

    .tablet-large\:my-5 {
        margin-top: .3125rem;
        margin-bottom: .3125rem
    }

    .tablet-large\:mx-5 {
        margin-left: .3125rem;
        margin-right: .3125rem
    }

    .tablet-large\:mt-5 {
        margin-top: .3125rem
    }

    .tablet-large\:mb-5 {
        margin-bottom: .3125rem
    }

    .tablet-large\:ml-5 {
        margin-left: .3125rem
    }

    .tablet-large\:mr-5 {
        margin-right: .3125rem
    }

    .tablet-large\:py-5 {
        padding-top: .3125rem;
        padding-bottom: .3125rem
    }

    .tablet-large\:px-5 {
        padding-left: .3125rem;
        padding-right: .3125rem
    }

    .tablet-large\:pt-5 {
        padding-top: .3125rem
    }

    .tablet-large\:pb-5 {
        padding-bottom: .3125rem
    }

    .tablet-large\:pl-5 {
        padding-left: .3125rem
    }

    .tablet-large\:pr-5 {
        padding-right: .3125rem
    }

    .tablet-large\:my-6 {
        margin-top: .375rem;
        margin-bottom: .375rem
    }

    .tablet-large\:mx-6 {
        margin-left: .375rem;
        margin-right: .375rem
    }

    .tablet-large\:mt-6 {
        margin-top: .375rem
    }

    .tablet-large\:mb-6 {
        margin-bottom: .375rem
    }

    .tablet-large\:ml-6 {
        margin-left: .375rem
    }

    .tablet-large\:mr-6 {
        margin-right: .375rem
    }

    .tablet-large\:py-6 {
        padding-top: .375rem;
        padding-bottom: .375rem
    }

    .tablet-large\:px-6 {
        padding-left: .375rem;
        padding-right: .375rem
    }

    .tablet-large\:pt-6 {
        padding-top: .375rem
    }

    .tablet-large\:pb-6 {
        padding-bottom: .375rem
    }

    .tablet-large\:pl-6 {
        padding-left: .375rem
    }

    .tablet-large\:pr-6 {
        padding-right: .375rem
    }

    .tablet-large\:my-8 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .tablet-large\:mx-8 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .tablet-large\:mt-8 {
        margin-top: .5rem
    }

    .tablet-large\:mb-8 {
        margin-bottom: .5rem
    }

    .tablet-large\:ml-8 {
        margin-left: .5rem
    }

    .tablet-large\:mr-8 {
        margin-right: .5rem
    }

    .tablet-large\:py-8 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .tablet-large\:px-8 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .tablet-large\:pt-8 {
        padding-top: .5rem
    }

    .tablet-large\:pb-8 {
        padding-bottom: .5rem
    }

    .tablet-large\:pl-8 {
        padding-left: .5rem
    }

    .tablet-large\:pr-8 {
        padding-right: .5rem
    }

    .tablet-large\:my-12 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .tablet-large\:mx-12 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .tablet-large\:mt-12 {
        margin-top: .75rem
    }

    .tablet-large\:mb-12 {
        margin-bottom: .75rem
    }

    .tablet-large\:ml-12 {
        margin-left: .75rem
    }

    .tablet-large\:mr-12 {
        margin-right: .75rem
    }

    .tablet-large\:py-12 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .tablet-large\:px-12 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .tablet-large\:pt-12 {
        padding-top: .75rem
    }

    .tablet-large\:pb-12 {
        padding-bottom: .75rem
    }

    .tablet-large\:pl-12 {
        padding-left: .75rem
    }

    .tablet-large\:pr-12 {
        padding-right: .75rem
    }

    .tablet-large\:my-16 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .tablet-large\:mx-16 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .tablet-large\:mt-16 {
        margin-top: 1rem
    }

    .tablet-large\:mb-16 {
        margin-bottom: 1rem
    }

    .tablet-large\:ml-16 {
        margin-left: 1rem
    }

    .tablet-large\:mr-16 {
        margin-right: 1rem
    }

    .tablet-large\:py-16 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .tablet-large\:px-16 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .tablet-large\:pt-16 {
        padding-top: 1rem
    }

    .tablet-large\:pb-16 {
        padding-bottom: 1rem
    }

    .tablet-large\:pl-16 {
        padding-left: 1rem
    }

    .tablet-large\:pr-16 {
        padding-right: 1rem
    }

    .tablet-large\:my-20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .tablet-large\:mx-20 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .tablet-large\:mt-20 {
        margin-top: 1.25rem
    }

    .tablet-large\:mb-20 {
        margin-bottom: 1.25rem
    }

    .tablet-large\:ml-20 {
        margin-left: 1.25rem
    }

    .tablet-large\:mr-20 {
        margin-right: 1.25rem
    }

    .tablet-large\:py-20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .tablet-large\:px-20 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .tablet-large\:pt-20 {
        padding-top: 1.25rem
    }

    .tablet-large\:pb-20 {
        padding-bottom: 1.25rem
    }

    .tablet-large\:pl-20 {
        padding-left: 1.25rem
    }

    .tablet-large\:pr-20 {
        padding-right: 1.25rem
    }

    .tablet-large\:my-24 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .tablet-large\:mx-24 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .tablet-large\:mt-24 {
        margin-top: 1.5rem
    }

    .tablet-large\:mb-24 {
        margin-bottom: 1.5rem
    }

    .tablet-large\:ml-24 {
        margin-left: 1.5rem
    }

    .tablet-large\:mr-24 {
        margin-right: 1.5rem
    }

    .tablet-large\:py-24 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .tablet-large\:px-24 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .tablet-large\:pt-24 {
        padding-top: 1.5rem
    }

    .tablet-large\:pb-24 {
        padding-bottom: 1.5rem
    }

    .tablet-large\:pl-24 {
        padding-left: 1.5rem
    }

    .tablet-large\:pr-24 {
        padding-right: 1.5rem
    }

    .tablet-large\:my-26 {
        margin-top: 1.625rem;
        margin-bottom: 1.625rem
    }

    .tablet-large\:mx-26 {
        margin-left: 1.625rem;
        margin-right: 1.625rem
    }

    .tablet-large\:mt-26 {
        margin-top: 1.625rem
    }

    .tablet-large\:mb-26 {
        margin-bottom: 1.625rem
    }

    .tablet-large\:ml-26 {
        margin-left: 1.625rem
    }

    .tablet-large\:mr-26 {
        margin-right: 1.625rem
    }

    .tablet-large\:py-26 {
        padding-top: 1.625rem;
        padding-bottom: 1.625rem
    }

    .tablet-large\:px-26 {
        padding-left: 1.625rem;
        padding-right: 1.625rem
    }

    .tablet-large\:pt-26 {
        padding-top: 1.625rem
    }

    .tablet-large\:pb-26 {
        padding-bottom: 1.625rem
    }

    .tablet-large\:pl-26 {
        padding-left: 1.625rem
    }

    .tablet-large\:pr-26 {
        padding-right: 1.625rem
    }

    .tablet-large\:my-28 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem
    }

    .tablet-large\:mx-28 {
        margin-left: 1.75rem;
        margin-right: 1.75rem
    }

    .tablet-large\:mt-28 {
        margin-top: 1.75rem
    }

    .tablet-large\:mb-28 {
        margin-bottom: 1.75rem
    }

    .tablet-large\:ml-28 {
        margin-left: 1.75rem
    }

    .tablet-large\:mr-28 {
        margin-right: 1.75rem
    }

    .tablet-large\:py-28 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .tablet-large\:px-28 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .tablet-large\:pt-28 {
        padding-top: 1.75rem
    }

    .tablet-large\:pb-28 {
        padding-bottom: 1.75rem
    }

    .tablet-large\:pl-28 {
        padding-left: 1.75rem
    }

    .tablet-large\:pr-28 {
        padding-right: 1.75rem
    }

    .tablet-large\:my-32 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .tablet-large\:mx-32 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .tablet-large\:mt-32 {
        margin-top: 2rem
    }

    .tablet-large\:mb-32 {
        margin-bottom: 2rem
    }

    .tablet-large\:ml-32 {
        margin-left: 2rem
    }

    .tablet-large\:mr-32 {
        margin-right: 2rem
    }

    .tablet-large\:py-32 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .tablet-large\:px-32 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .tablet-large\:pt-32 {
        padding-top: 2rem
    }

    .tablet-large\:pb-32 {
        padding-bottom: 2rem
    }

    .tablet-large\:pl-32 {
        padding-left: 2rem
    }

    .tablet-large\:pr-32 {
        padding-right: 2rem
    }

    .tablet-large\:my-44 {
        margin-top: 2.75rem;
        margin-bottom: 2.75rem
    }

    .tablet-large\:mx-44 {
        margin-left: 2.75rem;
        margin-right: 2.75rem
    }

    .tablet-large\:mt-44 {
        margin-top: 2.75rem
    }

    .tablet-large\:mb-44 {
        margin-bottom: 2.75rem
    }

    .tablet-large\:ml-44 {
        margin-left: 2.75rem
    }

    .tablet-large\:mr-44 {
        margin-right: 2.75rem
    }

    .tablet-large\:py-44 {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }

    .tablet-large\:px-44 {
        padding-left: 2.75rem;
        padding-right: 2.75rem
    }

    .tablet-large\:pt-44 {
        padding-top: 2.75rem
    }

    .tablet-large\:pb-44 {
        padding-bottom: 2.75rem
    }

    .tablet-large\:pl-44 {
        padding-left: 2.75rem
    }

    .tablet-large\:pr-44 {
        padding-right: 2.75rem
    }

    .tablet-large\:my-48 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .tablet-large\:mx-48 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .tablet-large\:mt-48 {
        margin-top: 3rem
    }

    .tablet-large\:mb-48 {
        margin-bottom: 3rem
    }

    .tablet-large\:ml-48 {
        margin-left: 3rem
    }

    .tablet-large\:mr-48 {
        margin-right: 3rem
    }

    .tablet-large\:py-48 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .tablet-large\:px-48 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .tablet-large\:pt-48 {
        padding-top: 3rem
    }

    .tablet-large\:pb-48 {
        padding-bottom: 3rem
    }

    .tablet-large\:pl-48 {
        padding-left: 3rem
    }

    .tablet-large\:pr-48 {
        padding-right: 3rem
    }

    .tablet-large\:my-80 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .tablet-large\:mx-80 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .tablet-large\:mt-80 {
        margin-top: 5rem
    }

    .tablet-large\:mb-80 {
        margin-bottom: 5rem
    }

    .tablet-large\:ml-80 {
        margin-left: 5rem
    }

    .tablet-large\:mr-80 {
        margin-right: 5rem
    }

    .tablet-large\:py-80 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .tablet-large\:px-80 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .tablet-large\:pt-80 {
        padding-top: 5rem
    }

    .tablet-large\:pb-80 {
        padding-bottom: 5rem
    }

    .tablet-large\:pl-80 {
        padding-left: 5rem
    }

    .tablet-large\:pr-80 {
        padding-right: 5rem
    }

    .shipping-calculator-layout {
        grid-template-columns: repeat(12, 1fr);
        grid-template-areas: "title1 title1 title1 title1 title1 title1 title1 title1 title1 title1 title1 title1" "block1 block1 block1 block1 block1 block1 block1 block1 block2 block2 block2 block2" "block3 block3 block3 block3 block3 block3 block3 block3 block3 block3 block3 block3" "title2 title2 title2 title2 title2 title2 title2 title2 title2 title2 title2 title2" "table table table table table table table table table table table table"
    }

    .shipping-calculator-country__list {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media screen and (min-width: 64.0625rem) {
    :root {
        --grid-sides: 1.5rem;
        --grid-gutter: 1.5rem;
        --grid-columns: 6;
        --sidebar-column-count: 2;
        --sidebar-width: calc(var(--sidebar-column-width) * var(--sidebar-column-count) + var(--grid-gutter));
        --temp: calc(var(--grid-gutter) * (var(--grid-columns) - 1));
        --grid-column-width: calc((var(--max-screen) - var(--grid-sides) * 2 - var(--sidebar-width) - var(--grid-gutter) - var(--temp)) / var(--grid-columns))
    }

    .layout-grid:before {
        background-image: repeating-linear-gradient(90deg, var(--sidebar-color), var(--sidebar-color) var(--sidebar-column-width), transparent var(--sidebar-column-width), transparent calc(var(--sidebar-column-width) + var(--grid-gutter))), repeating-linear-gradient(90deg, var(--grid-color), var(--grid-color) var(--grid-column-width), transparent var(--grid-column-width), transparent calc(var(--grid-column-width) + var(--grid-gutter)));
        background-size: calc(var(--sidebar-width) + var(--grid-sides)), calc(var(--max-screen) - var(--sidebar-width) + var(--grid-gutter) * 2 + var(--grid-sides));
        background-position: 0 0, left calc(var(--sidebar-width) + var(--grid-sides)) top
    }

    .content {
        --maxCols: 6
    }

    .content .cell {
        --current-offset: var(--desktop-small-offset);
        --currentCols: var(--desktop-small-cols, --maxCols)
    }

    .layout-with-sidebar {
        grid-template-areas: "sidebar sidebar content";
        grid-template-columns: 6.875rem 6.875rem minmax(0, 1fr)
    }

    .mobile-toolbar {
        display: none
    }

    .breadcrumbs__item {
        --beadcrumbLinkColor: #4f5358
    }

    .breadcrumbs__item:hover {
        --beadcrumbLinkColor: #1c1f25
    }

    .breadcrumbs__icon-before {
        display: none
    }

    .breadcrumbs__icon-after {
        color: #d9dde2;
        margin-left: .5rem;
        margin-right: .5rem
    }

    .search-suggest {
        top: -.5rem;
        left: -.5rem;
        right: -.5rem;
        width: calc(100% + 1rem);
        border-radius: .375rem;
        padding-right: .5625rem;
        box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 6px 12px -6px rgba(46, 48, 52, .15)
    }

    .search-suggest__list {
        margin-top: 3.5rem;
        max-height: 12.5rem;
        overflow-y: auto;
        padding-top: .25rem;
        width: 100%;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .search-suggest__list::-webkit-scrollbar {
        width: .5rem;
        height: .5rem
    }

    .search-suggest__list::-webkit-scrollbar-track {
        background-color: #f5f8fb
    }

    .search-suggest__list::-webkit-scrollbar-thumb {
        background-color: #c2c6cc;
        border-radius: 1.5rem
    }

    .search-suggest__list::-webkit-scrollbar-thumb:hover {
        background-color: #bebec0
    }

    .search-suggest__list::-webkit-scrollbar-track {
        margin-right: .3125rem
    }

    .region-settings {
        --padding-x: 2rem;
        height: calc(var(--vh, 1vh) * 100);
        --container-show: translateX(0)
    }

    .region-settings_show {
        --overlay-opacity: 1;
        --container-show: translateX(100%)
    }

    .region-settings__overlay {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        cursor: pointer;
        background-color: rgba(0, 0, 0, .7);
        transition: opacity var(--show-transition-time) linear;
        opacity: var(--overlay-opacity)
    }

    .region-settings__container {
        max-width: 25rem;
        box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 10px 20px -10px rgba(46, 48, 52, .15);
        left: -25rem;
        transition: -webkit-transform var(--show-transition-time) linear;
        transition: transform var(--show-transition-time) linear;
        transition: transform var(--show-transition-time) linear, -webkit-transform var(--show-transition-time) linear;
        -webkit-transform: var(--container-show);
        transform: var(--container-show)
    }

    .h1, .wysiwyg .h1, .wysiwyg h1 {
        --headingFontSize: 1.8125rem;
        --headingLineHeight: 1.37931
    }

    .h2, .wysiwyg .h2, .wysiwyg h2 {
        --headingFontSize: 1.625rem;
        --headingLineHeight: 1.38462
    }

    .h3, .wysiwyg .h3, .wysiwyg h3 {
        --headingFontSize: 1.4375rem;
        --headingLineHeight: 1.3913
    }

    .h4, .wysiwyg .h4, .wysiwyg h4 {
        --headingFontSize: 1.25rem;
        --headingLineHeight: 1.4
    }

    .h5, .wysiwyg .h5, .wysiwyg h5 {
        --headingFontSize: 1.125rem;
        --headingLineHeight: 1.44444
    }

    .footer__inner {
        grid-template-areas: "logo logo menu menu menu menu menu menu" "contacts contacts contacts contacts contacts contacts contacts contacts" "apps apps apps apps apps apps apps apps" "bottom bottom bottom bottom bottom bottom bottom bottom";
        grid-template-columns: repeat(8, 1fr)
    }

    .footer__area-logo {
        align-items: flex-start
    }

    .footer__area-logo, .footer__area-menu {
        margin-bottom: var(--space-40)
    }

    .footer__area-bottom {
        grid-template-areas: "pay-list pay-comment pay-comment pay-comment . . powered powered";
        grid-template-columns: repeat(8, 1fr)
    }

    .footer__phone {
        --font-size: 1.25rem;
        --font-weight: 700;
        --line-height: 1.4;
        --letter-spacing: -0.01em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .footer-menu {
        display: grid;
        border-top-width: 0;
        gap: var(--grid-gutter);
        grid-template-columns: repeat(6, 1fr)
    }

    .footer-menu__group {
        border-bottom-width: 0
    }

    .footer-menu__title-wrap {
        padding-top: 0;
        cursor: auto
    }

    .footer-menu__title {
        cursor: auto
    }

    .footer-menu__title-icon {
        display: none
    }

    .footer-menu__list {
        padding-top: .125rem;
        padding-bottom: 0
    }

    .footer-menu__list-item:not(:last-child) {
        margin-bottom: var(--space-12)
    }

    .footer-menu__link {
        padding-top: 0;
        padding-bottom: 0
    }

    .page__header {
        margin-bottom: var(--space-24)
    }

    .page__bread {
        margin-bottom: var(--space-18)
    }

    .menu-profile {
        position: absolute;
        border-radius: .5rem;
        box-shadow: 0 1px 2px 0 rgba(77, 81, 87, .08), 0 0 1px 0 rgba(60, 63, 68, .13), 0 10px 20px -10px rgba(46, 48, 52, .15);
        -webkit-filter: drop-shadow(0 1px 2px rgba(96, 101, 108, .1)) drop-shadow(0 0 1px rgba(96, 101, 108, .2));
        filter: drop-shadow(0 1px 2px rgba(96, 101, 108, .1)) drop-shadow(0 0 1px rgba(96, 101, 108, .2));
        z-index: 55
    }

    .notifications {
        top: 1.5rem
    }

    .profile-header {
        --profile-header-avatar-size: 4.5rem;
        --profile-header-padding-x: 0;
        --contacts-display: block
    }

    .profile-header_mobile {
        --profile-header-avatar-size: 2.75rem;
        --profile-header-padding-x: var(--space-6);
        --contacts-display: none
    }

    .title-with-link {
        display: block
    }

    .title-with-link__title {
        display: inline
    }

    .title-with-link__title_h1 {
        font-size: 1.625rem;
        line-height: 1.38462
    }

    .title-with-link__title_h2 {
        font-size: 1.25rem;
        line-height: 1.2
    }

    .title-with-link__link-text_desktop {
        display: inline-block
    }

    .carousel-block {
        --carousel-slides-gap-def: 24px
    }

    .carousel-block_inited {
        --nav-display: flex
    }

    .carousel-products {
        --carousel-nav-shift-y: calc((var(--carousel-max-width) - var(--grid-sides) * 2 - var(--carousel-slides-gap-def) * (var(--carousel-slides-count) - 1)) / var(--carousel-slides-count) * var(--productCardRatio) / 100)
    }

    .carousel-products_with-sidebar {
        --carousel-slides-count: 3
    }

    .carousel-brands_without-sidebar {
        --carousel-slides-count: 7
    }

    .carousel-brands_with-sidebar {
        --carousel-slides-count: 6
    }

    .carousel-simple-cards_with-sidebar, .carousel-simple-cards_without-sidebar {
        --carousel-slides-count: 3
    }

    .option-item__label {
        font-size: 1rem
    }

    .card-product-layout__area-article {
        margin-bottom: var(--space-24)
    }

    .card-product-layout__area-content {
        grid-template-columns: repeat(8, 1fr)
    }

    .card-product-layout__content-col-tabs, .card-product-layout__content-col-tags {
        position: -webkit-sticky;
        position: sticky;
        top: var(--space-12)
    }

    .card-product-layout__content-col-tabs {
        grid-column: span 5
    }

    .card-product-layout__content-col-tags {
        grid-column: span 3
    }

    .card-product-layout__block-btns {
        margin-bottom: var(--space-44)
    }

    .card-product-layout__label {
        margin-right: .75rem
    }

    .card-product-layout__options-group:last-child {
        margin-bottom: var(--space-20)
    }

    .card-product-btns {
        position: static;
        bottom: auto;
        left: auto;
        width: auto;
        padding: 0
    }

    .card-product-btns__btn {
        flex-grow: 0
    }

    .preview-block_one-slide .product-preview-carousel {
        display: none
    }

    .product-preview-carousel {
        position: relative;
        padding-top: 3rem;
        padding-bottom: 3rem;
        width: 4.8125rem;
        margin-left: -.25rem
    }

    .product-preview-carousel__carousel {
        overflow: hidden;
        height: 31.25rem
    }

    .product-preview-carousel__wrapper {
        flex-direction: column
    }

    .product-preview-carousel__slide {
        width: 100%;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        border-radius: .375rem;
        border: 1px solid #d9dde2;
        height: 5.75rem;
        display: block
    }

    .product-preview-carousel__slide:not(:first-child) {
        margin-top: var(--slidesGap)
    }

    .product-preview-carousel__slide_active {
        border-color: #2b0484
    }

    .product-preview-carousel__btn {
        position: absolute;
        width: 100%
    }

    .product-preview-carousel__btn_prev {
        --iconTransform: rotate(90deg);
        top: 0
    }

    .product-preview-carousel__btn_next {
        --iconTransform: rotate(90deg);
        bottom: 0
    }

    .app-touch .product-preview-carousel__btn {
        display: none
    }

    .product-preview-carousel__btn-icon {
        -webkit-transform: var(--iconTransform);
        transform: var(--iconTransform)
    }

    .preview-block {
        display: flex
    }

    .preview-block__img {
        order: 2;
        flex-grow: 1;
        display: flex;
        justify-content: center
    }

    .preview-block__carousel {
        order: 1;
        flex-shrink: 0;
        margin-right: 1.5rem
    }

    .preview-image {
        width: 100%;
        height: 100%;
        max-width: 35.0625rem;
        border-radius: .125rem;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .preview-image__link {
        display: block;
        width: 100%;
        height: 100%;
        cursor: default
    }

    .preview-image__img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

    .rubrics-layout-categories {
        margin-bottom: var(--space-24)
    }

    .rubrics-layout-categories__header {
        display: none;
        visibility: hidden
    }

    .rubrics-catalog__back {
        min-height: 2.0625rem;
        display: flex;
        align-items: center;
        margin-bottom: .75rem;
        font-weight: 400;
        font-size: .8125rem;
        line-height: 1.53846;
        letter-spacing: -.0008em
    }

    .rubrics-catalog__back-icon {
        margin-right: .25rem;
        flex-shrink: 0
    }

    .rubrics-catalog__item:not(:last-child) {
        margin-bottom: var(--space-4)
    }

    .rubrics-catalog__link {
        font-size: 1rem;
        line-height: 1.5;
        display: block;
        text-decoration: none;
        color: #1c1f25;
        background-color: #f5f8fb;
        border-radius: .375rem;
        font-weight: 600;
        padding: var(--space-5) var(--space-12);
        transition: color .3s linear
    }

    .rubrics-catalog__link:hover {
        color: #9a0db7
    }

    .rubrics-catalog__sub-link {
        font-size: 1rem;
        line-height: 1.5;
        display: block;
        text-decoration: none;
        color: #1c1f25;
        padding: var(--space-5) var(--space-16) var(--space-5) var(--space-20);
        transition: color .3s linear
    }

    .rubrics-catalog__sub-link:hover {
        color: #9a0db7
    }

    .rubrics-catalog__sub-link:not(:last-child) {
        margin-bottom: var(--space-4)
    }

    .rubrics-items-grid {
        --countRepeat: 3
    }

    .rubrics-layout {
        grid-template-areas: "title title title" "after-title after-title after-title" "sidebar sidebar content";
        grid-template-columns: 6.875rem 6.875rem 1fr
    }

    .rubrics-layout__area-after-title {
        margin-bottom: 2.75rem
    }

    .rubrics-layout__area-sidebar {
        display: block;
        top: var(--space-10);
        align-self: start
    }

    .rubrics-layout__sidebar-mobile-menu {
        display: none;
        visibility: hidden
    }

    .desktop-small\:fs-16 {
        font-size: 1rem;
        line-height: 1.625
    }

    .desktop-small\:fs-18 {
        font-size: 1.125rem;
        line-height: 1.44444
    }

    .desktop-small\:fs-20 {
        font-size: 1.25rem;
        line-height: 1.4
    }

    .desktop-small\:fs-26 {
        font-size: 1.625rem;
        line-height: 1.38462
    }

    .desktop-small\:my-4 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .desktop-small\:mx-4 {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .desktop-small\:mt-4 {
        margin-top: .25rem
    }

    .desktop-small\:mb-4 {
        margin-bottom: .25rem
    }

    .desktop-small\:ml-4 {
        margin-left: .25rem
    }

    .desktop-small\:mr-4 {
        margin-right: .25rem
    }

    .desktop-small\:py-4 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .desktop-small\:px-4 {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .desktop-small\:pt-4 {
        padding-top: .25rem
    }

    .desktop-small\:pb-4 {
        padding-bottom: .25rem
    }

    .desktop-small\:pl-4 {
        padding-left: .25rem
    }

    .desktop-small\:pr-4 {
        padding-right: .25rem
    }

    .desktop-small\:my-5 {
        margin-top: .3125rem;
        margin-bottom: .3125rem
    }

    .desktop-small\:mx-5 {
        margin-left: .3125rem;
        margin-right: .3125rem
    }

    .desktop-small\:mt-5 {
        margin-top: .3125rem
    }

    .desktop-small\:mb-5 {
        margin-bottom: .3125rem
    }

    .desktop-small\:ml-5 {
        margin-left: .3125rem
    }

    .desktop-small\:mr-5 {
        margin-right: .3125rem
    }

    .desktop-small\:py-5 {
        padding-top: .3125rem;
        padding-bottom: .3125rem
    }

    .desktop-small\:px-5 {
        padding-left: .3125rem;
        padding-right: .3125rem
    }

    .desktop-small\:pt-5 {
        padding-top: .3125rem
    }

    .desktop-small\:pb-5 {
        padding-bottom: .3125rem
    }

    .desktop-small\:pl-5 {
        padding-left: .3125rem
    }

    .desktop-small\:pr-5 {
        padding-right: .3125rem
    }

    .desktop-small\:my-6 {
        margin-top: .375rem;
        margin-bottom: .375rem
    }

    .desktop-small\:mx-6 {
        margin-left: .375rem;
        margin-right: .375rem
    }

    .desktop-small\:mt-6 {
        margin-top: .375rem
    }

    .desktop-small\:mb-6 {
        margin-bottom: .375rem
    }

    .desktop-small\:ml-6 {
        margin-left: .375rem
    }

    .desktop-small\:mr-6 {
        margin-right: .375rem
    }

    .desktop-small\:py-6 {
        padding-top: .375rem;
        padding-bottom: .375rem
    }

    .desktop-small\:px-6 {
        padding-left: .375rem;
        padding-right: .375rem
    }

    .desktop-small\:pt-6 {
        padding-top: .375rem
    }

    .desktop-small\:pb-6 {
        padding-bottom: .375rem
    }

    .desktop-small\:pl-6 {
        padding-left: .375rem
    }

    .desktop-small\:pr-6 {
        padding-right: .375rem
    }

    .desktop-small\:my-8 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .desktop-small\:mx-8 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .desktop-small\:mt-8 {
        margin-top: .5rem
    }

    .desktop-small\:mb-8 {
        margin-bottom: .5rem
    }

    .desktop-small\:ml-8 {
        margin-left: .5rem
    }

    .desktop-small\:mr-8 {
        margin-right: .5rem
    }

    .desktop-small\:py-8 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .desktop-small\:px-8 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .desktop-small\:pt-8 {
        padding-top: .5rem
    }

    .desktop-small\:pb-8 {
        padding-bottom: .5rem
    }

    .desktop-small\:pl-8 {
        padding-left: .5rem
    }

    .desktop-small\:pr-8 {
        padding-right: .5rem
    }

    .desktop-small\:my-12 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .desktop-small\:mx-12 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .desktop-small\:mt-12 {
        margin-top: .75rem
    }

    .desktop-small\:mb-12 {
        margin-bottom: .75rem
    }

    .desktop-small\:ml-12 {
        margin-left: .75rem
    }

    .desktop-small\:mr-12 {
        margin-right: .75rem
    }

    .desktop-small\:py-12 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .desktop-small\:px-12 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .desktop-small\:pt-12 {
        padding-top: .75rem
    }

    .desktop-small\:pb-12 {
        padding-bottom: .75rem
    }

    .desktop-small\:pl-12 {
        padding-left: .75rem
    }

    .desktop-small\:pr-12 {
        padding-right: .75rem
    }

    .desktop-small\:my-16 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .desktop-small\:mx-16 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .desktop-small\:mt-16 {
        margin-top: 1rem
    }

    .desktop-small\:mb-16 {
        margin-bottom: 1rem
    }

    .desktop-small\:ml-16 {
        margin-left: 1rem
    }

    .desktop-small\:mr-16 {
        margin-right: 1rem
    }

    .desktop-small\:py-16 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .desktop-small\:px-16 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .desktop-small\:pt-16 {
        padding-top: 1rem
    }

    .desktop-small\:pb-16 {
        padding-bottom: 1rem
    }

    .desktop-small\:pl-16 {
        padding-left: 1rem
    }

    .desktop-small\:pr-16 {
        padding-right: 1rem
    }

    .desktop-small\:my-20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .desktop-small\:mx-20 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .desktop-small\:mt-20 {
        margin-top: 1.25rem
    }

    .desktop-small\:mb-20 {
        margin-bottom: 1.25rem
    }

    .desktop-small\:ml-20 {
        margin-left: 1.25rem
    }

    .desktop-small\:mr-20 {
        margin-right: 1.25rem
    }

    .desktop-small\:py-20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .desktop-small\:px-20 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .desktop-small\:pt-20 {
        padding-top: 1.25rem
    }

    .desktop-small\:pb-20 {
        padding-bottom: 1.25rem
    }

    .desktop-small\:pl-20 {
        padding-left: 1.25rem
    }

    .desktop-small\:pr-20 {
        padding-right: 1.25rem
    }

    .desktop-small\:my-24 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .desktop-small\:mx-24 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .desktop-small\:mt-24 {
        margin-top: 1.5rem
    }

    .desktop-small\:mb-24 {
        margin-bottom: 1.5rem
    }

    .desktop-small\:ml-24 {
        margin-left: 1.5rem
    }

    .desktop-small\:mr-24 {
        margin-right: 1.5rem
    }

    .desktop-small\:py-24 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .desktop-small\:px-24 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .desktop-small\:pt-24 {
        padding-top: 1.5rem
    }

    .desktop-small\:pb-24 {
        padding-bottom: 1.5rem
    }

    .desktop-small\:pl-24 {
        padding-left: 1.5rem
    }

    .desktop-small\:pr-24 {
        padding-right: 1.5rem
    }

    .desktop-small\:my-26 {
        margin-top: 1.625rem;
        margin-bottom: 1.625rem
    }

    .desktop-small\:mx-26 {
        margin-left: 1.625rem;
        margin-right: 1.625rem
    }

    .desktop-small\:mt-26 {
        margin-top: 1.625rem
    }

    .desktop-small\:mb-26 {
        margin-bottom: 1.625rem
    }

    .desktop-small\:ml-26 {
        margin-left: 1.625rem
    }

    .desktop-small\:mr-26 {
        margin-right: 1.625rem
    }

    .desktop-small\:py-26 {
        padding-top: 1.625rem;
        padding-bottom: 1.625rem
    }

    .desktop-small\:px-26 {
        padding-left: 1.625rem;
        padding-right: 1.625rem
    }

    .desktop-small\:pt-26 {
        padding-top: 1.625rem
    }

    .desktop-small\:pb-26 {
        padding-bottom: 1.625rem
    }

    .desktop-small\:pl-26 {
        padding-left: 1.625rem
    }

    .desktop-small\:pr-26 {
        padding-right: 1.625rem
    }

    .desktop-small\:my-28 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem
    }

    .desktop-small\:mx-28 {
        margin-left: 1.75rem;
        margin-right: 1.75rem
    }

    .desktop-small\:mt-28 {
        margin-top: 1.75rem
    }

    .desktop-small\:mb-28 {
        margin-bottom: 1.75rem
    }

    .desktop-small\:ml-28 {
        margin-left: 1.75rem
    }

    .desktop-small\:mr-28 {
        margin-right: 1.75rem
    }

    .desktop-small\:py-28 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .desktop-small\:px-28 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .desktop-small\:pt-28 {
        padding-top: 1.75rem
    }

    .desktop-small\:pb-28 {
        padding-bottom: 1.75rem
    }

    .desktop-small\:pl-28 {
        padding-left: 1.75rem
    }

    .desktop-small\:pr-28 {
        padding-right: 1.75rem
    }

    .desktop-small\:my-32 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .desktop-small\:mx-32 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .desktop-small\:mt-32 {
        margin-top: 2rem
    }

    .desktop-small\:mb-32 {
        margin-bottom: 2rem
    }

    .desktop-small\:ml-32 {
        margin-left: 2rem
    }

    .desktop-small\:mr-32 {
        margin-right: 2rem
    }

    .desktop-small\:py-32 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .desktop-small\:px-32 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .desktop-small\:pt-32 {
        padding-top: 2rem
    }

    .desktop-small\:pb-32 {
        padding-bottom: 2rem
    }

    .desktop-small\:pl-32 {
        padding-left: 2rem
    }

    .desktop-small\:pr-32 {
        padding-right: 2rem
    }

    .desktop-small\:my-44 {
        margin-top: 2.75rem;
        margin-bottom: 2.75rem
    }

    .desktop-small\:mx-44 {
        margin-left: 2.75rem;
        margin-right: 2.75rem
    }

    .desktop-small\:mt-44 {
        margin-top: 2.75rem
    }

    .desktop-small\:mb-44 {
        margin-bottom: 2.75rem
    }

    .desktop-small\:ml-44 {
        margin-left: 2.75rem
    }

    .desktop-small\:mr-44 {
        margin-right: 2.75rem
    }

    .desktop-small\:py-44 {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }

    .desktop-small\:px-44 {
        padding-left: 2.75rem;
        padding-right: 2.75rem
    }

    .desktop-small\:pt-44 {
        padding-top: 2.75rem
    }

    .desktop-small\:pb-44 {
        padding-bottom: 2.75rem
    }

    .desktop-small\:pl-44 {
        padding-left: 2.75rem
    }

    .desktop-small\:pr-44 {
        padding-right: 2.75rem
    }

    .desktop-small\:my-48 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .desktop-small\:mx-48 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .desktop-small\:mt-48 {
        margin-top: 3rem
    }

    .desktop-small\:mb-48 {
        margin-bottom: 3rem
    }

    .desktop-small\:ml-48 {
        margin-left: 3rem
    }

    .desktop-small\:mr-48 {
        margin-right: 3rem
    }

    .desktop-small\:py-48 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .desktop-small\:px-48 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .desktop-small\:pt-48 {
        padding-top: 3rem
    }

    .desktop-small\:pb-48 {
        padding-bottom: 3rem
    }

    .desktop-small\:pl-48 {
        padding-left: 3rem
    }

    .desktop-small\:pr-48 {
        padding-right: 3rem
    }

    .desktop-small\:my-80 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .desktop-small\:mx-80 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .desktop-small\:mt-80 {
        margin-top: 5rem
    }

    .desktop-small\:mb-80 {
        margin-bottom: 5rem
    }

    .desktop-small\:ml-80 {
        margin-left: 5rem
    }

    .desktop-small\:mr-80 {
        margin-right: 5rem
    }

    .desktop-small\:py-80 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .desktop-small\:px-80 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .desktop-small\:pt-80 {
        padding-top: 5rem
    }

    .desktop-small\:pb-80 {
        padding-bottom: 5rem
    }

    .desktop-small\:pl-80 {
        padding-left: 5rem
    }

    .desktop-small\:pr-80 {
        padding-right: 5rem
    }

    .pro-activate {
        --inner-padding: 12px
    }

    .pro-activate__carousel {
        --carouselSidesGapRef: 0;
        --carouselSlideGapRef: 12px;
        --slide-width: 12.1875rem;
        margin-top: var(--space-12)
    }

    .shipping-calculator-layout {
        -webkit-column-gap: 1.5rem;
        column-gap: 1.5rem;
        grid-template-columns: repeat(6, 1fr);
        grid-template-areas: "title1 title1 title1 title1 title1 title1" "block1 block1 block1 block2 block2 block2" "block3 block3 block3 block3 block3 block3" "title2 title2 title2 title2 title2 title2" "table table table table table table"
    }

    .shipping-calculator-layout__title1 {
        font-size: 1.75rem;
        line-height: 1.28571;
        letter-spacing: -.012em
    }

    .shipping-calculator-layout__block1, .shipping-calculator-layout__block2, .shipping-calculator-layout__block3 {
        margin-top: 2rem
    }

    .shipping-calculator-layout__title2 {
        font-size: 1.25rem;
        line-height: 1.2;
        letter-spacing: -.01em
    }

    .basket-layout {
        --content-cols: 6;
        --sidebar-cols: 2;
        --head-grid-column: 1/span calc(var(--content-cols) + var(--sidebar-cols));
        --regions-grid-column: calc(var(--content-cols) + 1)/span var(--sidebar-cols);
        --summary-grid-column: calc(var(--content-cols) + 1)/span var(--sidebar-cols);
        --head-grid-row: 1;
        --select-grid-row: 2;
        --regions-grid-row: 2;
        --groups-grid-row: 3;
        --summary-grid-row: 3;
        --padding-top: 2rem
    }

    .basket-layout__head {
        margin-bottom: 1.5rem
    }

    .basket-layout-head__title {
        --font-size: 1.75rem;
        --font-weight: 600;
        --line-height: 1.2;
        --letter-spacing: -0.012em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .basket-checkout-mobile {
        display: none
    }

    .basket-empty {
        padding: 3.5rem
    }

    .title-1 {
        --font-size: 2.5rem;
        --letter-spacing: -0.02em
    }

    .title-1, .title-2 {
        --font-weight: 600;
        --line-height: 1.2;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .title-2 {
        --font-size: 2.125rem;
        --letter-spacing: -0.016em
    }

    .title-3 {
        --font-size: 1.75rem;
        --font-weight: 600;
        --line-height: 1.2;
        --letter-spacing: -0.012em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .title-4 {
        --font-size: 1.5rem
    }

    .title-4, .title-5 {
        --font-weight: 600;
        --line-height: 1.2;
        --letter-spacing: -0.01em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .title-5 {
        --font-size: 1.125rem
    }
}

@media screen and (min-width: 72.3125rem) {
    :root {
        --grid-columns: 8
    }

    .content {
        --maxCols: 8
    }

    .content .cell {
        --current-offset: var(--desktop-medium-offset);
        --currentCols: var(--desktop-medium-cols, --maxCols)
    }

    .footer__inner {
        grid-template-areas: "logo logo menu menu menu menu menu menu contacts contacts" "apps apps apps apps apps apps apps apps apps apps" "bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom";
        grid-template-columns: repeat(10, 1fr)
    }

    .footer__area-contacts {
        align-items: flex-start
    }

    .footer__area-bottom {
        grid-template-areas: "pay-list pay-comment pay-comment pay-comment . . . . powered powered";
        grid-template-columns: repeat(10, 1fr)
    }

    .carousel-products_with-sidebar {
        --carousel-slides-count: 4
    }

    .carousel-brands_without-sidebar {
        --carousel-slides-count: 8
    }

    .carousel-brands_with-sidebar {
        --carousel-slides-count: 7
    }

    .carousel-simple-cards_with-sidebar, .carousel-simple-cards_without-sidebar {
        --carousel-slides-count: 4
    }

    .card-product-layout__area-content {
        grid-template-columns: repeat(10, 1fr)
    }

    .card-product-layout__content-col-tabs {
        grid-column: span 6
    }

    .card-product-layout__content-col-tags {
        grid-column: span 4
    }

    .rubrics-items-grid {
        --countRepeat: 4
    }

    .desktop-medium\:fs-16 {
        font-size: 1rem;
        line-height: 1.625
    }

    .desktop-medium\:fs-18 {
        font-size: 1.125rem;
        line-height: 1.44444
    }

    .desktop-medium\:fs-20 {
        font-size: 1.25rem;
        line-height: 1.4
    }

    .desktop-medium\:fs-26 {
        font-size: 1.625rem;
        line-height: 1.38462
    }

    .desktop-medium\:my-4 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .desktop-medium\:mx-4 {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .desktop-medium\:mt-4 {
        margin-top: .25rem
    }

    .desktop-medium\:mb-4 {
        margin-bottom: .25rem
    }

    .desktop-medium\:ml-4 {
        margin-left: .25rem
    }

    .desktop-medium\:mr-4 {
        margin-right: .25rem
    }

    .desktop-medium\:py-4 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .desktop-medium\:px-4 {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .desktop-medium\:pt-4 {
        padding-top: .25rem
    }

    .desktop-medium\:pb-4 {
        padding-bottom: .25rem
    }

    .desktop-medium\:pl-4 {
        padding-left: .25rem
    }

    .desktop-medium\:pr-4 {
        padding-right: .25rem
    }

    .desktop-medium\:my-5 {
        margin-top: .3125rem;
        margin-bottom: .3125rem
    }

    .desktop-medium\:mx-5 {
        margin-left: .3125rem;
        margin-right: .3125rem
    }

    .desktop-medium\:mt-5 {
        margin-top: .3125rem
    }

    .desktop-medium\:mb-5 {
        margin-bottom: .3125rem
    }

    .desktop-medium\:ml-5 {
        margin-left: .3125rem
    }

    .desktop-medium\:mr-5 {
        margin-right: .3125rem
    }

    .desktop-medium\:py-5 {
        padding-top: .3125rem;
        padding-bottom: .3125rem
    }

    .desktop-medium\:px-5 {
        padding-left: .3125rem;
        padding-right: .3125rem
    }

    .desktop-medium\:pt-5 {
        padding-top: .3125rem
    }

    .desktop-medium\:pb-5 {
        padding-bottom: .3125rem
    }

    .desktop-medium\:pl-5 {
        padding-left: .3125rem
    }

    .desktop-medium\:pr-5 {
        padding-right: .3125rem
    }

    .desktop-medium\:my-6 {
        margin-top: .375rem;
        margin-bottom: .375rem
    }

    .desktop-medium\:mx-6 {
        margin-left: .375rem;
        margin-right: .375rem
    }

    .desktop-medium\:mt-6 {
        margin-top: .375rem
    }

    .desktop-medium\:mb-6 {
        margin-bottom: .375rem
    }

    .desktop-medium\:ml-6 {
        margin-left: .375rem
    }

    .desktop-medium\:mr-6 {
        margin-right: .375rem
    }

    .desktop-medium\:py-6 {
        padding-top: .375rem;
        padding-bottom: .375rem
    }

    .desktop-medium\:px-6 {
        padding-left: .375rem;
        padding-right: .375rem
    }

    .desktop-medium\:pt-6 {
        padding-top: .375rem
    }

    .desktop-medium\:pb-6 {
        padding-bottom: .375rem
    }

    .desktop-medium\:pl-6 {
        padding-left: .375rem
    }

    .desktop-medium\:pr-6 {
        padding-right: .375rem
    }

    .desktop-medium\:my-8 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .desktop-medium\:mx-8 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .desktop-medium\:mt-8 {
        margin-top: .5rem
    }

    .desktop-medium\:mb-8 {
        margin-bottom: .5rem
    }

    .desktop-medium\:ml-8 {
        margin-left: .5rem
    }

    .desktop-medium\:mr-8 {
        margin-right: .5rem
    }

    .desktop-medium\:py-8 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .desktop-medium\:px-8 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .desktop-medium\:pt-8 {
        padding-top: .5rem
    }

    .desktop-medium\:pb-8 {
        padding-bottom: .5rem
    }

    .desktop-medium\:pl-8 {
        padding-left: .5rem
    }

    .desktop-medium\:pr-8 {
        padding-right: .5rem
    }

    .desktop-medium\:my-12 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .desktop-medium\:mx-12 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .desktop-medium\:mt-12 {
        margin-top: .75rem
    }

    .desktop-medium\:mb-12 {
        margin-bottom: .75rem
    }

    .desktop-medium\:ml-12 {
        margin-left: .75rem
    }

    .desktop-medium\:mr-12 {
        margin-right: .75rem
    }

    .desktop-medium\:py-12 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .desktop-medium\:px-12 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .desktop-medium\:pt-12 {
        padding-top: .75rem
    }

    .desktop-medium\:pb-12 {
        padding-bottom: .75rem
    }

    .desktop-medium\:pl-12 {
        padding-left: .75rem
    }

    .desktop-medium\:pr-12 {
        padding-right: .75rem
    }

    .desktop-medium\:my-16 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .desktop-medium\:mx-16 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .desktop-medium\:mt-16 {
        margin-top: 1rem
    }

    .desktop-medium\:mb-16 {
        margin-bottom: 1rem
    }

    .desktop-medium\:ml-16 {
        margin-left: 1rem
    }

    .desktop-medium\:mr-16 {
        margin-right: 1rem
    }

    .desktop-medium\:py-16 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .desktop-medium\:px-16 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .desktop-medium\:pt-16 {
        padding-top: 1rem
    }

    .desktop-medium\:pb-16 {
        padding-bottom: 1rem
    }

    .desktop-medium\:pl-16 {
        padding-left: 1rem
    }

    .desktop-medium\:pr-16 {
        padding-right: 1rem
    }

    .desktop-medium\:my-20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .desktop-medium\:mx-20 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .desktop-medium\:mt-20 {
        margin-top: 1.25rem
    }

    .desktop-medium\:mb-20 {
        margin-bottom: 1.25rem
    }

    .desktop-medium\:ml-20 {
        margin-left: 1.25rem
    }

    .desktop-medium\:mr-20 {
        margin-right: 1.25rem
    }

    .desktop-medium\:py-20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .desktop-medium\:px-20 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .desktop-medium\:pt-20 {
        padding-top: 1.25rem
    }

    .desktop-medium\:pb-20 {
        padding-bottom: 1.25rem
    }

    .desktop-medium\:pl-20 {
        padding-left: 1.25rem
    }

    .desktop-medium\:pr-20 {
        padding-right: 1.25rem
    }

    .desktop-medium\:my-24 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .desktop-medium\:mx-24 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .desktop-medium\:mt-24 {
        margin-top: 1.5rem
    }

    .desktop-medium\:mb-24 {
        margin-bottom: 1.5rem
    }

    .desktop-medium\:ml-24 {
        margin-left: 1.5rem
    }

    .desktop-medium\:mr-24 {
        margin-right: 1.5rem
    }

    .desktop-medium\:py-24 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .desktop-medium\:px-24 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .desktop-medium\:pt-24 {
        padding-top: 1.5rem
    }

    .desktop-medium\:pb-24 {
        padding-bottom: 1.5rem
    }

    .desktop-medium\:pl-24 {
        padding-left: 1.5rem
    }

    .desktop-medium\:pr-24 {
        padding-right: 1.5rem
    }

    .desktop-medium\:my-26 {
        margin-top: 1.625rem;
        margin-bottom: 1.625rem
    }

    .desktop-medium\:mx-26 {
        margin-left: 1.625rem;
        margin-right: 1.625rem
    }

    .desktop-medium\:mt-26 {
        margin-top: 1.625rem
    }

    .desktop-medium\:mb-26 {
        margin-bottom: 1.625rem
    }

    .desktop-medium\:ml-26 {
        margin-left: 1.625rem
    }

    .desktop-medium\:mr-26 {
        margin-right: 1.625rem
    }

    .desktop-medium\:py-26 {
        padding-top: 1.625rem;
        padding-bottom: 1.625rem
    }

    .desktop-medium\:px-26 {
        padding-left: 1.625rem;
        padding-right: 1.625rem
    }

    .desktop-medium\:pt-26 {
        padding-top: 1.625rem
    }

    .desktop-medium\:pb-26 {
        padding-bottom: 1.625rem
    }

    .desktop-medium\:pl-26 {
        padding-left: 1.625rem
    }

    .desktop-medium\:pr-26 {
        padding-right: 1.625rem
    }

    .desktop-medium\:my-28 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem
    }

    .desktop-medium\:mx-28 {
        margin-left: 1.75rem;
        margin-right: 1.75rem
    }

    .desktop-medium\:mt-28 {
        margin-top: 1.75rem
    }

    .desktop-medium\:mb-28 {
        margin-bottom: 1.75rem
    }

    .desktop-medium\:ml-28 {
        margin-left: 1.75rem
    }

    .desktop-medium\:mr-28 {
        margin-right: 1.75rem
    }

    .desktop-medium\:py-28 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .desktop-medium\:px-28 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .desktop-medium\:pt-28 {
        padding-top: 1.75rem
    }

    .desktop-medium\:pb-28 {
        padding-bottom: 1.75rem
    }

    .desktop-medium\:pl-28 {
        padding-left: 1.75rem
    }

    .desktop-medium\:pr-28 {
        padding-right: 1.75rem
    }

    .desktop-medium\:my-32 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .desktop-medium\:mx-32 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .desktop-medium\:mt-32 {
        margin-top: 2rem
    }

    .desktop-medium\:mb-32 {
        margin-bottom: 2rem
    }

    .desktop-medium\:ml-32 {
        margin-left: 2rem
    }

    .desktop-medium\:mr-32 {
        margin-right: 2rem
    }

    .desktop-medium\:py-32 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .desktop-medium\:px-32 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .desktop-medium\:pt-32 {
        padding-top: 2rem
    }

    .desktop-medium\:pb-32 {
        padding-bottom: 2rem
    }

    .desktop-medium\:pl-32 {
        padding-left: 2rem
    }

    .desktop-medium\:pr-32 {
        padding-right: 2rem
    }

    .desktop-medium\:my-44 {
        margin-top: 2.75rem;
        margin-bottom: 2.75rem
    }

    .desktop-medium\:mx-44 {
        margin-left: 2.75rem;
        margin-right: 2.75rem
    }

    .desktop-medium\:mt-44 {
        margin-top: 2.75rem
    }

    .desktop-medium\:mb-44 {
        margin-bottom: 2.75rem
    }

    .desktop-medium\:ml-44 {
        margin-left: 2.75rem
    }

    .desktop-medium\:mr-44 {
        margin-right: 2.75rem
    }

    .desktop-medium\:py-44 {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }

    .desktop-medium\:px-44 {
        padding-left: 2.75rem;
        padding-right: 2.75rem
    }

    .desktop-medium\:pt-44 {
        padding-top: 2.75rem
    }

    .desktop-medium\:pb-44 {
        padding-bottom: 2.75rem
    }

    .desktop-medium\:pl-44 {
        padding-left: 2.75rem
    }

    .desktop-medium\:pr-44 {
        padding-right: 2.75rem
    }

    .desktop-medium\:my-48 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .desktop-medium\:mx-48 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .desktop-medium\:mt-48 {
        margin-top: 3rem
    }

    .desktop-medium\:mb-48 {
        margin-bottom: 3rem
    }

    .desktop-medium\:ml-48 {
        margin-left: 3rem
    }

    .desktop-medium\:mr-48 {
        margin-right: 3rem
    }

    .desktop-medium\:py-48 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .desktop-medium\:px-48 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .desktop-medium\:pt-48 {
        padding-top: 3rem
    }

    .desktop-medium\:pb-48 {
        padding-bottom: 3rem
    }

    .desktop-medium\:pl-48 {
        padding-left: 3rem
    }

    .desktop-medium\:pr-48 {
        padding-right: 3rem
    }

    .desktop-medium\:my-80 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .desktop-medium\:mx-80 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .desktop-medium\:mt-80 {
        margin-top: 5rem
    }

    .desktop-medium\:mb-80 {
        margin-bottom: 5rem
    }

    .desktop-medium\:ml-80 {
        margin-left: 5rem
    }

    .desktop-medium\:mr-80 {
        margin-right: 5rem
    }

    .desktop-medium\:py-80 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .desktop-medium\:px-80 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .desktop-medium\:pt-80 {
        padding-top: 5rem
    }

    .desktop-medium\:pb-80 {
        padding-bottom: 5rem
    }

    .desktop-medium\:pl-80 {
        padding-left: 5rem
    }

    .desktop-medium\:pr-80 {
        padding-right: 5rem
    }

    .pro-activate__carousel {
        --carouselSlideCount: 4;
        --allGap: calc(var(--carouselSlideGap) * (var(--carouselSlideCount) - 1));
        --slide-width: calc((100% - var(--allGap)) / var(--carouselSlideCount))
    }

    .shipping-calculator-layout {
        -webkit-column-gap: 1.5rem;
        column-gap: 1.5rem;
        grid-template-columns: repeat(12, 1fr);
        grid-template-areas: "title1 title1 title1 title1 title1 title1 title1 title1 title1 title1 title1 title1" "block1 block1 block1 block1 block1 block1 block1 block1 block2 block2 block2 block2" "block3 block3 block3 block3 block3 block3 block3 block3 block3 block3 block3 block3" "title2 title2 title2 title2 title2 title2 title2 title2 title2 title2 title2 title2" "table table table table table table table table table table table table"
    }

    .basket-layout, .master-checkout__layout {
        --content-cols: 8
    }
}

@media screen and (min-width: 64.0625rem) {
    .master-checkout__layout {
        --content-cols: 6;
        --sidebar-cols: 2;
        --sidebar-grid-column: calc(var(--content-cols) + 1)/span var(--sidebar-cols)
    }
}

@media screen and (min-width: 85.8125rem) {
    :root {
        --grid-columns: 10
    }

    .content {
        --maxCols: 10
    }

    .basket-layout, .master-checkout__layout {
        --content-cols: 8
    }

    .content .cell {
        --current-offset: var(--desktop-large-offset);
        --currentCols: var(--desktop-large-cols, --maxCols)
    }

    .mega-burger-content-menu {
        -webkit-columns: 3;
        column-count: 3
    }

    .footer__inner {
        grid-template-areas: "logo logo menu menu menu menu menu menu contacts contacts apps apps" "bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom";
        grid-template-columns: repeat(12, 1fr)
    }

    .footer__area-apps {
        justify-content: flex-end
    }

    .footer__area-bottom {
        grid-template-areas: "pay-list pay-comment pay-comment pay-comment . . . . . . powered powered";
        grid-template-columns: repeat(12, 1fr)
    }

    .footer__powered {
        justify-content: flex-end
    }

    .footer-apps-list {
        flex-direction: column;
        gap: var(--space-8)
    }

    .carousel-products_without-sidebar {
        --carousel-slides-count: 6
    }

    .carousel-products_with-sidebar {
        --carousel-slides-count: 5
    }

    .carousel-brands_without-sidebar {
        --carousel-slides-count: 9
    }

    .carousel-brands_with-sidebar {
        --carousel-slides-count: 8
    }

    .carousel-simple-cards_with-sidebar, .carousel-simple-cards_without-sidebar {
        --carousel-slides-count: 5
    }

    .card-product-layout {
        grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content 1fr -webkit-min-content;
        grid-template-rows: min-content min-content min-content 1fr min-content;
        grid-template-areas: "title title title title title title title title title title title title" "article article article article article article article article article article article article" "preview preview preview preview preview preview preview preview price price price price" "preview preview preview preview preview preview preview preview info info info info" "content content content content content content content content content content content content"
    }

    .card-product-layout, .card-product-layout__area-content {
        grid-template-columns: repeat(12, 1fr)
    }

    .card-product-layout__content-col-tabs {
        grid-column: span 8
    }

    .rubrics-items-grid {
        --countRepeat: 5
    }

    .desktop-large\:fs-16 {
        font-size: 1rem;
        line-height: 1.625
    }

    .desktop-large\:fs-18 {
        font-size: 1.125rem;
        line-height: 1.44444
    }

    .desktop-large\:fs-20 {
        font-size: 1.25rem;
        line-height: 1.4
    }

    .desktop-large\:fs-26 {
        font-size: 1.625rem;
        line-height: 1.38462
    }

    .desktop-large\:my-4 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .desktop-large\:mx-4 {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .desktop-large\:mt-4 {
        margin-top: .25rem
    }

    .desktop-large\:mb-4 {
        margin-bottom: .25rem
    }

    .desktop-large\:ml-4 {
        margin-left: .25rem
    }

    .desktop-large\:mr-4 {
        margin-right: .25rem
    }

    .desktop-large\:py-4 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .desktop-large\:px-4 {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .desktop-large\:pt-4 {
        padding-top: .25rem
    }

    .desktop-large\:pb-4 {
        padding-bottom: .25rem
    }

    .desktop-large\:pl-4 {
        padding-left: .25rem
    }

    .desktop-large\:pr-4 {
        padding-right: .25rem
    }

    .desktop-large\:my-5 {
        margin-top: .3125rem;
        margin-bottom: .3125rem
    }

    .desktop-large\:mx-5 {
        margin-left: .3125rem;
        margin-right: .3125rem
    }

    .desktop-large\:mt-5 {
        margin-top: .3125rem
    }

    .desktop-large\:mb-5 {
        margin-bottom: .3125rem
    }

    .desktop-large\:ml-5 {
        margin-left: .3125rem
    }

    .desktop-large\:mr-5 {
        margin-right: .3125rem
    }

    .desktop-large\:py-5 {
        padding-top: .3125rem;
        padding-bottom: .3125rem
    }

    .desktop-large\:px-5 {
        padding-left: .3125rem;
        padding-right: .3125rem
    }

    .desktop-large\:pt-5 {
        padding-top: .3125rem
    }

    .desktop-large\:pb-5 {
        padding-bottom: .3125rem
    }

    .desktop-large\:pl-5 {
        padding-left: .3125rem
    }

    .desktop-large\:pr-5 {
        padding-right: .3125rem
    }

    .desktop-large\:my-6 {
        margin-top: .375rem;
        margin-bottom: .375rem
    }

    .desktop-large\:mx-6 {
        margin-left: .375rem;
        margin-right: .375rem
    }

    .desktop-large\:mt-6 {
        margin-top: .375rem
    }

    .desktop-large\:mb-6 {
        margin-bottom: .375rem
    }

    .desktop-large\:ml-6 {
        margin-left: .375rem
    }

    .desktop-large\:mr-6 {
        margin-right: .375rem
    }

    .desktop-large\:py-6 {
        padding-top: .375rem;
        padding-bottom: .375rem
    }

    .desktop-large\:px-6 {
        padding-left: .375rem;
        padding-right: .375rem
    }

    .desktop-large\:pt-6 {
        padding-top: .375rem
    }

    .desktop-large\:pb-6 {
        padding-bottom: .375rem
    }

    .desktop-large\:pl-6 {
        padding-left: .375rem
    }

    .desktop-large\:pr-6 {
        padding-right: .375rem
    }

    .desktop-large\:my-8 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .desktop-large\:mx-8 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .desktop-large\:mt-8 {
        margin-top: .5rem
    }

    .desktop-large\:mb-8 {
        margin-bottom: .5rem
    }

    .desktop-large\:ml-8 {
        margin-left: .5rem
    }

    .desktop-large\:mr-8 {
        margin-right: .5rem
    }

    .desktop-large\:py-8 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .desktop-large\:px-8 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .desktop-large\:pt-8 {
        padding-top: .5rem
    }

    .desktop-large\:pb-8 {
        padding-bottom: .5rem
    }

    .desktop-large\:pl-8 {
        padding-left: .5rem
    }

    .desktop-large\:pr-8 {
        padding-right: .5rem
    }

    .desktop-large\:my-12 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .desktop-large\:mx-12 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .desktop-large\:mt-12 {
        margin-top: .75rem
    }

    .desktop-large\:mb-12 {
        margin-bottom: .75rem
    }

    .desktop-large\:ml-12 {
        margin-left: .75rem
    }

    .desktop-large\:mr-12 {
        margin-right: .75rem
    }

    .desktop-large\:py-12 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .desktop-large\:px-12 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .desktop-large\:pt-12 {
        padding-top: .75rem
    }

    .desktop-large\:pb-12 {
        padding-bottom: .75rem
    }

    .desktop-large\:pl-12 {
        padding-left: .75rem
    }

    .desktop-large\:pr-12 {
        padding-right: .75rem
    }

    .desktop-large\:my-16 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .desktop-large\:mx-16 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .desktop-large\:mt-16 {
        margin-top: 1rem
    }

    .desktop-large\:mb-16 {
        margin-bottom: 1rem
    }

    .desktop-large\:ml-16 {
        margin-left: 1rem
    }

    .desktop-large\:mr-16 {
        margin-right: 1rem
    }

    .desktop-large\:py-16 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .desktop-large\:px-16 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .desktop-large\:pt-16 {
        padding-top: 1rem
    }

    .desktop-large\:pb-16 {
        padding-bottom: 1rem
    }

    .desktop-large\:pl-16 {
        padding-left: 1rem
    }

    .desktop-large\:pr-16 {
        padding-right: 1rem
    }

    .desktop-large\:my-20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .desktop-large\:mx-20 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .desktop-large\:mt-20 {
        margin-top: 1.25rem
    }

    .desktop-large\:mb-20 {
        margin-bottom: 1.25rem
    }

    .desktop-large\:ml-20 {
        margin-left: 1.25rem
    }

    .desktop-large\:mr-20 {
        margin-right: 1.25rem
    }

    .desktop-large\:py-20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .desktop-large\:px-20 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .desktop-large\:pt-20 {
        padding-top: 1.25rem
    }

    .desktop-large\:pb-20 {
        padding-bottom: 1.25rem
    }

    .desktop-large\:pl-20 {
        padding-left: 1.25rem
    }

    .desktop-large\:pr-20 {
        padding-right: 1.25rem
    }

    .desktop-large\:my-24 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .desktop-large\:mx-24 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .desktop-large\:mt-24 {
        margin-top: 1.5rem
    }

    .desktop-large\:mb-24 {
        margin-bottom: 1.5rem
    }

    .desktop-large\:ml-24 {
        margin-left: 1.5rem
    }

    .desktop-large\:mr-24 {
        margin-right: 1.5rem
    }

    .desktop-large\:py-24 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .desktop-large\:px-24 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .desktop-large\:pt-24 {
        padding-top: 1.5rem
    }

    .desktop-large\:pb-24 {
        padding-bottom: 1.5rem
    }

    .desktop-large\:pl-24 {
        padding-left: 1.5rem
    }

    .desktop-large\:pr-24 {
        padding-right: 1.5rem
    }

    .desktop-large\:my-26 {
        margin-top: 1.625rem;
        margin-bottom: 1.625rem
    }

    .desktop-large\:mx-26 {
        margin-left: 1.625rem;
        margin-right: 1.625rem
    }

    .desktop-large\:mt-26 {
        margin-top: 1.625rem
    }

    .desktop-large\:mb-26 {
        margin-bottom: 1.625rem
    }

    .desktop-large\:ml-26 {
        margin-left: 1.625rem
    }

    .desktop-large\:mr-26 {
        margin-right: 1.625rem
    }

    .desktop-large\:py-26 {
        padding-top: 1.625rem;
        padding-bottom: 1.625rem
    }

    .desktop-large\:px-26 {
        padding-left: 1.625rem;
        padding-right: 1.625rem
    }

    .desktop-large\:pt-26 {
        padding-top: 1.625rem
    }

    .desktop-large\:pb-26 {
        padding-bottom: 1.625rem
    }

    .desktop-large\:pl-26 {
        padding-left: 1.625rem
    }

    .desktop-large\:pr-26 {
        padding-right: 1.625rem
    }

    .desktop-large\:my-28 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem
    }

    .desktop-large\:mx-28 {
        margin-left: 1.75rem;
        margin-right: 1.75rem
    }

    .desktop-large\:mt-28 {
        margin-top: 1.75rem
    }

    .desktop-large\:mb-28 {
        margin-bottom: 1.75rem
    }

    .desktop-large\:ml-28 {
        margin-left: 1.75rem
    }

    .desktop-large\:mr-28 {
        margin-right: 1.75rem
    }

    .desktop-large\:py-28 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .desktop-large\:px-28 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .desktop-large\:pt-28 {
        padding-top: 1.75rem
    }

    .desktop-large\:pb-28 {
        padding-bottom: 1.75rem
    }

    .desktop-large\:pl-28 {
        padding-left: 1.75rem
    }

    .desktop-large\:pr-28 {
        padding-right: 1.75rem
    }

    .desktop-large\:my-32 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .desktop-large\:mx-32 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .desktop-large\:mt-32 {
        margin-top: 2rem
    }

    .desktop-large\:mb-32 {
        margin-bottom: 2rem
    }

    .desktop-large\:ml-32 {
        margin-left: 2rem
    }

    .desktop-large\:mr-32 {
        margin-right: 2rem
    }

    .desktop-large\:py-32 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .desktop-large\:px-32 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .desktop-large\:pt-32 {
        padding-top: 2rem
    }

    .desktop-large\:pb-32 {
        padding-bottom: 2rem
    }

    .desktop-large\:pl-32 {
        padding-left: 2rem
    }

    .desktop-large\:pr-32 {
        padding-right: 2rem
    }

    .desktop-large\:my-44 {
        margin-top: 2.75rem;
        margin-bottom: 2.75rem
    }

    .desktop-large\:mx-44 {
        margin-left: 2.75rem;
        margin-right: 2.75rem
    }

    .desktop-large\:mt-44 {
        margin-top: 2.75rem
    }

    .desktop-large\:mb-44 {
        margin-bottom: 2.75rem
    }

    .desktop-large\:ml-44 {
        margin-left: 2.75rem
    }

    .desktop-large\:mr-44 {
        margin-right: 2.75rem
    }

    .desktop-large\:py-44 {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }

    .desktop-large\:px-44 {
        padding-left: 2.75rem;
        padding-right: 2.75rem
    }

    .desktop-large\:pt-44 {
        padding-top: 2.75rem
    }

    .desktop-large\:pb-44 {
        padding-bottom: 2.75rem
    }

    .desktop-large\:pl-44 {
        padding-left: 2.75rem
    }

    .desktop-large\:pr-44 {
        padding-right: 2.75rem
    }

    .desktop-large\:my-48 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .desktop-large\:mx-48 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .desktop-large\:mt-48 {
        margin-top: 3rem
    }

    .desktop-large\:mb-48 {
        margin-bottom: 3rem
    }

    .desktop-large\:ml-48 {
        margin-left: 3rem
    }

    .desktop-large\:mr-48 {
        margin-right: 3rem
    }

    .desktop-large\:py-48 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .desktop-large\:px-48 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .desktop-large\:pt-48 {
        padding-top: 3rem
    }

    .desktop-large\:pb-48 {
        padding-bottom: 3rem
    }

    .desktop-large\:pl-48 {
        padding-left: 3rem
    }

    .desktop-large\:pr-48 {
        padding-right: 3rem
    }

    .desktop-large\:my-80 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .desktop-large\:mx-80 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .desktop-large\:mt-80 {
        margin-top: 5rem
    }

    .desktop-large\:mb-80 {
        margin-bottom: 5rem
    }

    .desktop-large\:ml-80 {
        margin-left: 5rem
    }

    .desktop-large\:mr-80 {
        margin-right: 5rem
    }

    .desktop-large\:py-80 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .desktop-large\:px-80 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .desktop-large\:pt-80 {
        padding-top: 5rem
    }

    .desktop-large\:pb-80 {
        padding-bottom: 5rem
    }

    .desktop-large\:pl-80 {
        padding-left: 5rem
    }

    .desktop-large\:pr-80 {
        padding-right: 5rem
    }

    .shipping-calculator-layout {
        grid-template-areas: "title1 title1 title1 title1 title1 title1 title1 title1 title1 title1 title1 title1" "block1 block1 block1 block1 block1 block1 block2 block2 block2 block3 block3 block3" "title2 title2 title2 title2 title2 title2 title2 title2 title2 title2 title2 title2" "table table table table table table table table table table table table"
    }

    .basket-layout {
        --content-cols: 10
    }
}

@media screen and (min-width: 93rem) {
    :root {
        --max-screen: 93rem
    }

    .layout-grid:before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .content {
        --maxCols: 10
    }

    .content .cell {
        --current-offset: var(--desktop-max-offset);
        --currentCols: var(--desktop-max-cols, --maxCols)
    }

    .carousel-products {
        --carousel-max-width: calc(93rem - var(--sidebar-width, 0px))
    }

    .desktop-max\:fs-16 {
        font-size: 1rem;
        line-height: 1.625
    }

    .desktop-max\:fs-18 {
        font-size: 1.125rem;
        line-height: 1.44444
    }

    .desktop-max\:fs-20 {
        font-size: 1.25rem;
        line-height: 1.4
    }

    .desktop-max\:fs-26 {
        font-size: 1.625rem;
        line-height: 1.38462
    }

    .desktop-max\:my-4 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .desktop-max\:mx-4 {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .desktop-max\:mt-4 {
        margin-top: .25rem
    }

    .desktop-max\:mb-4 {
        margin-bottom: .25rem
    }

    .desktop-max\:ml-4 {
        margin-left: .25rem
    }

    .desktop-max\:mr-4 {
        margin-right: .25rem
    }

    .desktop-max\:py-4 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .desktop-max\:px-4 {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .desktop-max\:pt-4 {
        padding-top: .25rem
    }

    .desktop-max\:pb-4 {
        padding-bottom: .25rem
    }

    .desktop-max\:pl-4 {
        padding-left: .25rem
    }

    .desktop-max\:pr-4 {
        padding-right: .25rem
    }

    .desktop-max\:my-5 {
        margin-top: .3125rem;
        margin-bottom: .3125rem
    }

    .desktop-max\:mx-5 {
        margin-left: .3125rem;
        margin-right: .3125rem
    }

    .desktop-max\:mt-5 {
        margin-top: .3125rem
    }

    .desktop-max\:mb-5 {
        margin-bottom: .3125rem
    }

    .desktop-max\:ml-5 {
        margin-left: .3125rem
    }

    .desktop-max\:mr-5 {
        margin-right: .3125rem
    }

    .desktop-max\:py-5 {
        padding-top: .3125rem;
        padding-bottom: .3125rem
    }

    .desktop-max\:px-5 {
        padding-left: .3125rem;
        padding-right: .3125rem
    }

    .desktop-max\:pt-5 {
        padding-top: .3125rem
    }

    .desktop-max\:pb-5 {
        padding-bottom: .3125rem
    }

    .desktop-max\:pl-5 {
        padding-left: .3125rem
    }

    .desktop-max\:pr-5 {
        padding-right: .3125rem
    }

    .desktop-max\:my-6 {
        margin-top: .375rem;
        margin-bottom: .375rem
    }

    .desktop-max\:mx-6 {
        margin-left: .375rem;
        margin-right: .375rem
    }

    .desktop-max\:mt-6 {
        margin-top: .375rem
    }

    .desktop-max\:mb-6 {
        margin-bottom: .375rem
    }

    .desktop-max\:ml-6 {
        margin-left: .375rem
    }

    .desktop-max\:mr-6 {
        margin-right: .375rem
    }

    .desktop-max\:py-6 {
        padding-top: .375rem;
        padding-bottom: .375rem
    }

    .desktop-max\:px-6 {
        padding-left: .375rem;
        padding-right: .375rem
    }

    .desktop-max\:pt-6 {
        padding-top: .375rem
    }

    .desktop-max\:pb-6 {
        padding-bottom: .375rem
    }

    .desktop-max\:pl-6 {
        padding-left: .375rem
    }

    .desktop-max\:pr-6 {
        padding-right: .375rem
    }

    .desktop-max\:my-8 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .desktop-max\:mx-8 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .desktop-max\:mt-8 {
        margin-top: .5rem
    }

    .desktop-max\:mb-8 {
        margin-bottom: .5rem
    }

    .desktop-max\:ml-8 {
        margin-left: .5rem
    }

    .desktop-max\:mr-8 {
        margin-right: .5rem
    }

    .desktop-max\:py-8 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .desktop-max\:px-8 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .desktop-max\:pt-8 {
        padding-top: .5rem
    }

    .desktop-max\:pb-8 {
        padding-bottom: .5rem
    }

    .desktop-max\:pl-8 {
        padding-left: .5rem
    }

    .desktop-max\:pr-8 {
        padding-right: .5rem
    }

    .desktop-max\:my-12 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .desktop-max\:mx-12 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .desktop-max\:mt-12 {
        margin-top: .75rem
    }

    .desktop-max\:mb-12 {
        margin-bottom: .75rem
    }

    .desktop-max\:ml-12 {
        margin-left: .75rem
    }

    .desktop-max\:mr-12 {
        margin-right: .75rem
    }

    .desktop-max\:py-12 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .desktop-max\:px-12 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .desktop-max\:pt-12 {
        padding-top: .75rem
    }

    .desktop-max\:pb-12 {
        padding-bottom: .75rem
    }

    .desktop-max\:pl-12 {
        padding-left: .75rem
    }

    .desktop-max\:pr-12 {
        padding-right: .75rem
    }

    .desktop-max\:my-16 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .desktop-max\:mx-16 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .desktop-max\:mt-16 {
        margin-top: 1rem
    }

    .desktop-max\:mb-16 {
        margin-bottom: 1rem
    }

    .desktop-max\:ml-16 {
        margin-left: 1rem
    }

    .desktop-max\:mr-16 {
        margin-right: 1rem
    }

    .desktop-max\:py-16 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .desktop-max\:px-16 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .desktop-max\:pt-16 {
        padding-top: 1rem
    }

    .desktop-max\:pb-16 {
        padding-bottom: 1rem
    }

    .desktop-max\:pl-16 {
        padding-left: 1rem
    }

    .desktop-max\:pr-16 {
        padding-right: 1rem
    }

    .desktop-max\:my-20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .desktop-max\:mx-20 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .desktop-max\:mt-20 {
        margin-top: 1.25rem
    }

    .desktop-max\:mb-20 {
        margin-bottom: 1.25rem
    }

    .desktop-max\:ml-20 {
        margin-left: 1.25rem
    }

    .desktop-max\:mr-20 {
        margin-right: 1.25rem
    }

    .desktop-max\:py-20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .desktop-max\:px-20 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .desktop-max\:pt-20 {
        padding-top: 1.25rem
    }

    .desktop-max\:pb-20 {
        padding-bottom: 1.25rem
    }

    .desktop-max\:pl-20 {
        padding-left: 1.25rem
    }

    .desktop-max\:pr-20 {
        padding-right: 1.25rem
    }

    .desktop-max\:my-24 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .desktop-max\:mx-24 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .desktop-max\:mt-24 {
        margin-top: 1.5rem
    }

    .desktop-max\:mb-24 {
        margin-bottom: 1.5rem
    }

    .desktop-max\:ml-24 {
        margin-left: 1.5rem
    }

    .desktop-max\:mr-24 {
        margin-right: 1.5rem
    }

    .desktop-max\:py-24 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .desktop-max\:px-24 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .desktop-max\:pt-24 {
        padding-top: 1.5rem
    }

    .desktop-max\:pb-24 {
        padding-bottom: 1.5rem
    }

    .desktop-max\:pl-24 {
        padding-left: 1.5rem
    }

    .desktop-max\:pr-24 {
        padding-right: 1.5rem
    }

    .desktop-max\:my-26 {
        margin-top: 1.625rem;
        margin-bottom: 1.625rem
    }

    .desktop-max\:mx-26 {
        margin-left: 1.625rem;
        margin-right: 1.625rem
    }

    .desktop-max\:mt-26 {
        margin-top: 1.625rem
    }

    .desktop-max\:mb-26 {
        margin-bottom: 1.625rem
    }

    .desktop-max\:ml-26 {
        margin-left: 1.625rem
    }

    .desktop-max\:mr-26 {
        margin-right: 1.625rem
    }

    .desktop-max\:py-26 {
        padding-top: 1.625rem;
        padding-bottom: 1.625rem
    }

    .desktop-max\:px-26 {
        padding-left: 1.625rem;
        padding-right: 1.625rem
    }

    .desktop-max\:pt-26 {
        padding-top: 1.625rem
    }

    .desktop-max\:pb-26 {
        padding-bottom: 1.625rem
    }

    .desktop-max\:pl-26 {
        padding-left: 1.625rem
    }

    .desktop-max\:pr-26 {
        padding-right: 1.625rem
    }

    .desktop-max\:my-28 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem
    }

    .desktop-max\:mx-28 {
        margin-left: 1.75rem;
        margin-right: 1.75rem
    }

    .desktop-max\:mt-28 {
        margin-top: 1.75rem
    }

    .desktop-max\:mb-28 {
        margin-bottom: 1.75rem
    }

    .desktop-max\:ml-28 {
        margin-left: 1.75rem
    }

    .desktop-max\:mr-28 {
        margin-right: 1.75rem
    }

    .desktop-max\:py-28 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .desktop-max\:px-28 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .desktop-max\:pt-28 {
        padding-top: 1.75rem
    }

    .desktop-max\:pb-28 {
        padding-bottom: 1.75rem
    }

    .desktop-max\:pl-28 {
        padding-left: 1.75rem
    }

    .desktop-max\:pr-28 {
        padding-right: 1.75rem
    }

    .desktop-max\:my-32 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .desktop-max\:mx-32 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .desktop-max\:mt-32 {
        margin-top: 2rem
    }

    .desktop-max\:mb-32 {
        margin-bottom: 2rem
    }

    .desktop-max\:ml-32 {
        margin-left: 2rem
    }

    .desktop-max\:mr-32 {
        margin-right: 2rem
    }

    .desktop-max\:py-32 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .desktop-max\:px-32 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .desktop-max\:pt-32 {
        padding-top: 2rem
    }

    .desktop-max\:pb-32 {
        padding-bottom: 2rem
    }

    .desktop-max\:pl-32 {
        padding-left: 2rem
    }

    .desktop-max\:pr-32 {
        padding-right: 2rem
    }

    .desktop-max\:my-44 {
        margin-top: 2.75rem;
        margin-bottom: 2.75rem
    }

    .desktop-max\:mx-44 {
        margin-left: 2.75rem;
        margin-right: 2.75rem
    }

    .desktop-max\:mt-44 {
        margin-top: 2.75rem
    }

    .desktop-max\:mb-44 {
        margin-bottom: 2.75rem
    }

    .desktop-max\:ml-44 {
        margin-left: 2.75rem
    }

    .desktop-max\:mr-44 {
        margin-right: 2.75rem
    }

    .desktop-max\:py-44 {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }

    .desktop-max\:px-44 {
        padding-left: 2.75rem;
        padding-right: 2.75rem
    }

    .desktop-max\:pt-44 {
        padding-top: 2.75rem
    }

    .desktop-max\:pb-44 {
        padding-bottom: 2.75rem
    }

    .desktop-max\:pl-44 {
        padding-left: 2.75rem
    }

    .desktop-max\:pr-44 {
        padding-right: 2.75rem
    }

    .desktop-max\:my-48 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .desktop-max\:mx-48 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .desktop-max\:mt-48 {
        margin-top: 3rem
    }

    .desktop-max\:mb-48 {
        margin-bottom: 3rem
    }

    .desktop-max\:ml-48 {
        margin-left: 3rem
    }

    .desktop-max\:mr-48 {
        margin-right: 3rem
    }

    .desktop-max\:py-48 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .desktop-max\:px-48 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .desktop-max\:pt-48 {
        padding-top: 3rem
    }

    .desktop-max\:pb-48 {
        padding-bottom: 3rem
    }

    .desktop-max\:pl-48 {
        padding-left: 3rem
    }

    .desktop-max\:pr-48 {
        padding-right: 3rem
    }

    .desktop-max\:my-80 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .desktop-max\:mx-80 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .desktop-max\:mt-80 {
        margin-top: 5rem
    }

    .desktop-max\:mb-80 {
        margin-bottom: 5rem
    }

    .desktop-max\:ml-80 {
        margin-left: 5rem
    }

    .desktop-max\:mr-80 {
        margin-right: 5rem
    }

    .desktop-max\:py-80 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .desktop-max\:px-80 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .desktop-max\:pt-80 {
        padding-top: 5rem
    }

    .desktop-max\:pb-80 {
        padding-bottom: 5rem
    }

    .desktop-max\:pl-80 {
        padding-left: 5rem
    }

    .desktop-max\:pr-80 {
        padding-right: 5rem
    }
}

@media screen and (min-width: 20rem) {
    .mobile\:fs-16 {
        font-size: 1rem;
        line-height: 1.625
    }

    .mobile\:fs-18 {
        font-size: 1.125rem;
        line-height: 1.44444
    }

    .mobile\:fs-20 {
        font-size: 1.25rem;
        line-height: 1.4
    }

    .mobile\:fs-26 {
        font-size: 1.625rem;
        line-height: 1.38462
    }

    .mobile\:my-4 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .mobile\:mx-4 {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .mobile\:mt-4 {
        margin-top: .25rem
    }

    .mobile\:mb-4 {
        margin-bottom: .25rem
    }

    .mobile\:ml-4 {
        margin-left: .25rem
    }

    .mobile\:mr-4 {
        margin-right: .25rem
    }

    .mobile\:py-4 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .mobile\:px-4 {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .mobile\:pt-4 {
        padding-top: .25rem
    }

    .mobile\:pb-4 {
        padding-bottom: .25rem
    }

    .mobile\:pl-4 {
        padding-left: .25rem
    }

    .mobile\:pr-4 {
        padding-right: .25rem
    }

    .mobile\:my-5 {
        margin-top: .3125rem;
        margin-bottom: .3125rem
    }

    .mobile\:mx-5 {
        margin-left: .3125rem;
        margin-right: .3125rem
    }

    .mobile\:mt-5 {
        margin-top: .3125rem
    }

    .mobile\:mb-5 {
        margin-bottom: .3125rem
    }

    .mobile\:ml-5 {
        margin-left: .3125rem
    }

    .mobile\:mr-5 {
        margin-right: .3125rem
    }

    .mobile\:py-5 {
        padding-top: .3125rem;
        padding-bottom: .3125rem
    }

    .mobile\:px-5 {
        padding-left: .3125rem;
        padding-right: .3125rem
    }

    .mobile\:pt-5 {
        padding-top: .3125rem
    }

    .mobile\:pb-5 {
        padding-bottom: .3125rem
    }

    .mobile\:pl-5 {
        padding-left: .3125rem
    }

    .mobile\:pr-5 {
        padding-right: .3125rem
    }

    .mobile\:my-6 {
        margin-top: .375rem;
        margin-bottom: .375rem
    }

    .mobile\:mx-6 {
        margin-left: .375rem;
        margin-right: .375rem
    }

    .mobile\:mt-6 {
        margin-top: .375rem
    }

    .mobile\:mb-6 {
        margin-bottom: .375rem
    }

    .mobile\:ml-6 {
        margin-left: .375rem
    }

    .mobile\:mr-6 {
        margin-right: .375rem
    }

    .mobile\:py-6 {
        padding-top: .375rem;
        padding-bottom: .375rem
    }

    .mobile\:px-6 {
        padding-left: .375rem;
        padding-right: .375rem
    }

    .mobile\:pt-6 {
        padding-top: .375rem
    }

    .mobile\:pb-6 {
        padding-bottom: .375rem
    }

    .mobile\:pl-6 {
        padding-left: .375rem
    }

    .mobile\:pr-6 {
        padding-right: .375rem
    }

    .mobile\:my-8 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .mobile\:mx-8 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .mobile\:mt-8 {
        margin-top: .5rem
    }

    .mobile\:mb-8 {
        margin-bottom: .5rem
    }

    .mobile\:ml-8 {
        margin-left: .5rem
    }

    .mobile\:mr-8 {
        margin-right: .5rem
    }

    .mobile\:py-8 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .mobile\:px-8 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .mobile\:pt-8 {
        padding-top: .5rem
    }

    .mobile\:pb-8 {
        padding-bottom: .5rem
    }

    .mobile\:pl-8 {
        padding-left: .5rem
    }

    .mobile\:pr-8 {
        padding-right: .5rem
    }

    .mobile\:my-12 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .mobile\:mx-12 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .mobile\:mt-12 {
        margin-top: .75rem
    }

    .mobile\:mb-12 {
        margin-bottom: .75rem
    }

    .mobile\:ml-12 {
        margin-left: .75rem
    }

    .mobile\:mr-12 {
        margin-right: .75rem
    }

    .mobile\:py-12 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .mobile\:px-12 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .mobile\:pt-12 {
        padding-top: .75rem
    }

    .mobile\:pb-12 {
        padding-bottom: .75rem
    }

    .mobile\:pl-12 {
        padding-left: .75rem
    }

    .mobile\:pr-12 {
        padding-right: .75rem
    }

    .mobile\:my-16 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .mobile\:mx-16 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .mobile\:mt-16 {
        margin-top: 1rem
    }

    .mobile\:mb-16 {
        margin-bottom: 1rem
    }

    .mobile\:ml-16 {
        margin-left: 1rem
    }

    .mobile\:mr-16 {
        margin-right: 1rem
    }

    .mobile\:py-16 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .mobile\:px-16 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .mobile\:pt-16 {
        padding-top: 1rem
    }

    .mobile\:pb-16 {
        padding-bottom: 1rem
    }

    .mobile\:pl-16 {
        padding-left: 1rem
    }

    .mobile\:pr-16 {
        padding-right: 1rem
    }

    .mobile\:my-20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .mobile\:mx-20 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .mobile\:mt-20 {
        margin-top: 1.25rem
    }

    .mobile\:mb-20 {
        margin-bottom: 1.25rem
    }

    .mobile\:ml-20 {
        margin-left: 1.25rem
    }

    .mobile\:mr-20 {
        margin-right: 1.25rem
    }

    .mobile\:py-20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .mobile\:px-20 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .mobile\:pt-20 {
        padding-top: 1.25rem
    }

    .mobile\:pb-20 {
        padding-bottom: 1.25rem
    }

    .mobile\:pl-20 {
        padding-left: 1.25rem
    }

    .mobile\:pr-20 {
        padding-right: 1.25rem
    }

    .mobile\:my-24 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .mobile\:mx-24 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .mobile\:mt-24 {
        margin-top: 1.5rem
    }

    .mobile\:mb-24 {
        margin-bottom: 1.5rem
    }

    .mobile\:ml-24 {
        margin-left: 1.5rem
    }

    .mobile\:mr-24 {
        margin-right: 1.5rem
    }

    .mobile\:py-24 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .mobile\:px-24 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .mobile\:pt-24 {
        padding-top: 1.5rem
    }

    .mobile\:pb-24 {
        padding-bottom: 1.5rem
    }

    .mobile\:pl-24 {
        padding-left: 1.5rem
    }

    .mobile\:pr-24 {
        padding-right: 1.5rem
    }

    .mobile\:my-26 {
        margin-top: 1.625rem;
        margin-bottom: 1.625rem
    }

    .mobile\:mx-26 {
        margin-left: 1.625rem;
        margin-right: 1.625rem
    }

    .mobile\:mt-26 {
        margin-top: 1.625rem
    }

    .mobile\:mb-26 {
        margin-bottom: 1.625rem
    }

    .mobile\:ml-26 {
        margin-left: 1.625rem
    }

    .mobile\:mr-26 {
        margin-right: 1.625rem
    }

    .mobile\:py-26 {
        padding-top: 1.625rem;
        padding-bottom: 1.625rem
    }

    .mobile\:px-26 {
        padding-left: 1.625rem;
        padding-right: 1.625rem
    }

    .mobile\:pt-26 {
        padding-top: 1.625rem
    }

    .mobile\:pb-26 {
        padding-bottom: 1.625rem
    }

    .mobile\:pl-26 {
        padding-left: 1.625rem
    }

    .mobile\:pr-26 {
        padding-right: 1.625rem
    }

    .mobile\:my-28 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem
    }

    .mobile\:mx-28 {
        margin-left: 1.75rem;
        margin-right: 1.75rem
    }

    .mobile\:mt-28 {
        margin-top: 1.75rem
    }

    .mobile\:mb-28 {
        margin-bottom: 1.75rem
    }

    .mobile\:ml-28 {
        margin-left: 1.75rem
    }

    .mobile\:mr-28 {
        margin-right: 1.75rem
    }

    .mobile\:py-28 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .mobile\:px-28 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .mobile\:pt-28 {
        padding-top: 1.75rem
    }

    .mobile\:pb-28 {
        padding-bottom: 1.75rem
    }

    .mobile\:pl-28 {
        padding-left: 1.75rem
    }

    .mobile\:pr-28 {
        padding-right: 1.75rem
    }

    .mobile\:my-32 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .mobile\:mx-32 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .mobile\:mt-32 {
        margin-top: 2rem
    }

    .mobile\:mb-32 {
        margin-bottom: 2rem
    }

    .mobile\:ml-32 {
        margin-left: 2rem
    }

    .mobile\:mr-32 {
        margin-right: 2rem
    }

    .mobile\:py-32 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .mobile\:px-32 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .mobile\:pt-32 {
        padding-top: 2rem
    }

    .mobile\:pb-32 {
        padding-bottom: 2rem
    }

    .mobile\:pl-32 {
        padding-left: 2rem
    }

    .mobile\:pr-32 {
        padding-right: 2rem
    }

    .mobile\:my-44 {
        margin-top: 2.75rem;
        margin-bottom: 2.75rem
    }

    .mobile\:mx-44 {
        margin-left: 2.75rem;
        margin-right: 2.75rem
    }

    .mobile\:mt-44 {
        margin-top: 2.75rem
    }

    .mobile\:mb-44 {
        margin-bottom: 2.75rem
    }

    .mobile\:ml-44 {
        margin-left: 2.75rem
    }

    .mobile\:mr-44 {
        margin-right: 2.75rem
    }

    .mobile\:py-44 {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }

    .mobile\:px-44 {
        padding-left: 2.75rem;
        padding-right: 2.75rem
    }

    .mobile\:pt-44 {
        padding-top: 2.75rem
    }

    .mobile\:pb-44 {
        padding-bottom: 2.75rem
    }

    .mobile\:pl-44 {
        padding-left: 2.75rem
    }

    .mobile\:pr-44 {
        padding-right: 2.75rem
    }

    .mobile\:my-48 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .mobile\:mx-48 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .mobile\:mt-48 {
        margin-top: 3rem
    }

    .mobile\:mb-48 {
        margin-bottom: 3rem
    }

    .mobile\:ml-48 {
        margin-left: 3rem
    }

    .mobile\:mr-48 {
        margin-right: 3rem
    }

    .mobile\:py-48 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .mobile\:px-48 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .mobile\:pt-48 {
        padding-top: 3rem
    }

    .mobile\:pb-48 {
        padding-bottom: 3rem
    }

    .mobile\:pl-48 {
        padding-left: 3rem
    }

    .mobile\:pr-48 {
        padding-right: 3rem
    }

    .mobile\:my-80 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .mobile\:mx-80 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .mobile\:mt-80 {
        margin-top: 5rem
    }

    .mobile\:mb-80 {
        margin-bottom: 5rem
    }

    .mobile\:ml-80 {
        margin-left: 5rem
    }

    .mobile\:mr-80 {
        margin-right: 5rem
    }

    .mobile\:py-80 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .mobile\:px-80 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .mobile\:pt-80 {
        padding-top: 5rem
    }

    .mobile\:pb-80 {
        padding-bottom: 5rem
    }

    .mobile\:pl-80 {
        padding-left: 5rem
    }

    .mobile\:pr-80 {
        padding-right: 5rem
    }

    .mobile\:text-100 {
        --font-size: 0.625rem
    }

    .mobile\:text-100, .mobile\:text-150 {
        --font-weight: 400;
        --line-height: 1.4;
        --letter-spacing: 0.008em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .mobile\:text-150 {
        --font-size: 0.6875rem
    }

    .mobile\:text-200 {
        --font-size: 0.75rem
    }

    .mobile\:text-200, .mobile\:text-250 {
        --font-weight: 400;
        --line-height: 1.4;
        --letter-spacing: 0.004em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .mobile\:text-250 {
        --font-size: 0.8125rem
    }

    .mobile\:text-300 {
        --font-size: 0.875rem
    }

    .mobile\:text-300, .mobile\:text-350 {
        --font-weight: 400;
        --line-height: 1.4;
        --letter-spacing: 0em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .mobile\:text-350 {
        --font-size: 0.9375rem
    }

    .mobile\:text-400 {
        --font-size: 1rem
    }

    .mobile\:text-400, .mobile\:text-450 {
        --font-weight: 400;
        --line-height: 1.4;
        --letter-spacing: 0em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .mobile\:text-450 {
        --font-size: 1.0625rem
    }

    .mobile\:text-500 {
        --font-size: 1.125rem
    }

    .mobile\:text-500, .mobile\:text-600 {
        --font-weight: 400;
        --line-height: 1.4;
        --letter-spacing: -0.01em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .mobile\:text-600 {
        --font-size: 1.25rem
    }

    .mobile\:text-700 {
        --font-size: 1.5rem;
        --letter-spacing: -0.01em
    }

    .mobile\:text-700, .mobile\:text-800 {
        --font-weight: 400;
        --line-height: 1.4;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }

    .mobile\:text-800 {
        --font-size: 1.75rem;
        --letter-spacing: -0.012em
    }

    .mobile\:text-900 {
        --font-size: 2rem;
        --font-weight: 400;
        --line-height: 1.4;
        --letter-spacing: -0.016em;
        font-size: var(--font-size);
        font-weight: var(--custom-font-weight, var(--font-weight));
        line-height: var(--line-height);
        letter-spacing: var(--letter-spacing)
    }
}

@media screen and (min-width: 17.1875rem) {
    .mobile-large\:fs-16 {
        font-size: 1rem;
        line-height: 1.625
    }

    .mobile-large\:fs-18 {
        font-size: 1.125rem;
        line-height: 1.44444
    }

    .mobile-large\:fs-20 {
        font-size: 1.25rem;
        line-height: 1.4
    }

    .mobile-large\:fs-26 {
        font-size: 1.625rem;
        line-height: 1.38462
    }

    .mobile-large\:my-4 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .mobile-large\:mx-4 {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .mobile-large\:mt-4 {
        margin-top: .25rem
    }

    .mobile-large\:mb-4 {
        margin-bottom: .25rem
    }

    .mobile-large\:ml-4 {
        margin-left: .25rem
    }

    .mobile-large\:mr-4 {
        margin-right: .25rem
    }

    .mobile-large\:py-4 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .mobile-large\:px-4 {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .mobile-large\:pt-4 {
        padding-top: .25rem
    }

    .mobile-large\:pb-4 {
        padding-bottom: .25rem
    }

    .mobile-large\:pl-4 {
        padding-left: .25rem
    }

    .mobile-large\:pr-4 {
        padding-right: .25rem
    }

    .mobile-large\:my-5 {
        margin-top: .3125rem;
        margin-bottom: .3125rem
    }

    .mobile-large\:mx-5 {
        margin-left: .3125rem;
        margin-right: .3125rem
    }

    .mobile-large\:mt-5 {
        margin-top: .3125rem
    }

    .mobile-large\:mb-5 {
        margin-bottom: .3125rem
    }

    .mobile-large\:ml-5 {
        margin-left: .3125rem
    }

    .mobile-large\:mr-5 {
        margin-right: .3125rem
    }

    .mobile-large\:py-5 {
        padding-top: .3125rem;
        padding-bottom: .3125rem
    }

    .mobile-large\:px-5 {
        padding-left: .3125rem;
        padding-right: .3125rem
    }

    .mobile-large\:pt-5 {
        padding-top: .3125rem
    }

    .mobile-large\:pb-5 {
        padding-bottom: .3125rem
    }

    .mobile-large\:pl-5 {
        padding-left: .3125rem
    }

    .mobile-large\:pr-5 {
        padding-right: .3125rem
    }

    .mobile-large\:my-6 {
        margin-top: .375rem;
        margin-bottom: .375rem
    }

    .mobile-large\:mx-6 {
        margin-left: .375rem;
        margin-right: .375rem
    }

    .mobile-large\:mt-6 {
        margin-top: .375rem
    }

    .mobile-large\:mb-6 {
        margin-bottom: .375rem
    }

    .mobile-large\:ml-6 {
        margin-left: .375rem
    }

    .mobile-large\:mr-6 {
        margin-right: .375rem
    }

    .mobile-large\:py-6 {
        padding-top: .375rem;
        padding-bottom: .375rem
    }

    .mobile-large\:px-6 {
        padding-left: .375rem;
        padding-right: .375rem
    }

    .mobile-large\:pt-6 {
        padding-top: .375rem
    }

    .mobile-large\:pb-6 {
        padding-bottom: .375rem
    }

    .mobile-large\:pl-6 {
        padding-left: .375rem
    }

    .mobile-large\:pr-6 {
        padding-right: .375rem
    }

    .mobile-large\:my-8 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .mobile-large\:mx-8 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .mobile-large\:mt-8 {
        margin-top: .5rem
    }

    .mobile-large\:mb-8 {
        margin-bottom: .5rem
    }

    .mobile-large\:ml-8 {
        margin-left: .5rem
    }

    .mobile-large\:mr-8 {
        margin-right: .5rem
    }

    .mobile-large\:py-8 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .mobile-large\:px-8 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .mobile-large\:pt-8 {
        padding-top: .5rem
    }

    .mobile-large\:pb-8 {
        padding-bottom: .5rem
    }

    .mobile-large\:pl-8 {
        padding-left: .5rem
    }

    .mobile-large\:pr-8 {
        padding-right: .5rem
    }

    .mobile-large\:my-12 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .mobile-large\:mx-12 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .mobile-large\:mt-12 {
        margin-top: .75rem
    }

    .mobile-large\:mb-12 {
        margin-bottom: .75rem
    }

    .mobile-large\:ml-12 {
        margin-left: .75rem
    }

    .mobile-large\:mr-12 {
        margin-right: .75rem
    }

    .mobile-large\:py-12 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .mobile-large\:px-12 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .mobile-large\:pt-12 {
        padding-top: .75rem
    }

    .mobile-large\:pb-12 {
        padding-bottom: .75rem
    }

    .mobile-large\:pl-12 {
        padding-left: .75rem
    }

    .mobile-large\:pr-12 {
        padding-right: .75rem
    }

    .mobile-large\:my-16 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .mobile-large\:mx-16 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .mobile-large\:mt-16 {
        margin-top: 1rem
    }

    .mobile-large\:mb-16 {
        margin-bottom: 1rem
    }

    .mobile-large\:ml-16 {
        margin-left: 1rem
    }

    .mobile-large\:mr-16 {
        margin-right: 1rem
    }

    .mobile-large\:py-16 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .mobile-large\:px-16 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .mobile-large\:pt-16 {
        padding-top: 1rem
    }

    .mobile-large\:pb-16 {
        padding-bottom: 1rem
    }

    .mobile-large\:pl-16 {
        padding-left: 1rem
    }

    .mobile-large\:pr-16 {
        padding-right: 1rem
    }

    .mobile-large\:my-20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .mobile-large\:mx-20 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .mobile-large\:mt-20 {
        margin-top: 1.25rem
    }

    .mobile-large\:mb-20 {
        margin-bottom: 1.25rem
    }

    .mobile-large\:ml-20 {
        margin-left: 1.25rem
    }

    .mobile-large\:mr-20 {
        margin-right: 1.25rem
    }

    .mobile-large\:py-20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .mobile-large\:px-20 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .mobile-large\:pt-20 {
        padding-top: 1.25rem
    }

    .mobile-large\:pb-20 {
        padding-bottom: 1.25rem
    }

    .mobile-large\:pl-20 {
        padding-left: 1.25rem
    }

    .mobile-large\:pr-20 {
        padding-right: 1.25rem
    }

    .mobile-large\:my-24 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .mobile-large\:mx-24 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .mobile-large\:mt-24 {
        margin-top: 1.5rem
    }

    .mobile-large\:mb-24 {
        margin-bottom: 1.5rem
    }

    .mobile-large\:ml-24 {
        margin-left: 1.5rem
    }

    .mobile-large\:mr-24 {
        margin-right: 1.5rem
    }

    .mobile-large\:py-24 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .mobile-large\:px-24 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .mobile-large\:pt-24 {
        padding-top: 1.5rem
    }

    .mobile-large\:pb-24 {
        padding-bottom: 1.5rem
    }

    .mobile-large\:pl-24 {
        padding-left: 1.5rem
    }

    .mobile-large\:pr-24 {
        padding-right: 1.5rem
    }

    .mobile-large\:my-26 {
        margin-top: 1.625rem;
        margin-bottom: 1.625rem
    }

    .mobile-large\:mx-26 {
        margin-left: 1.625rem;
        margin-right: 1.625rem
    }

    .mobile-large\:mt-26 {
        margin-top: 1.625rem
    }

    .mobile-large\:mb-26 {
        margin-bottom: 1.625rem
    }

    .mobile-large\:ml-26 {
        margin-left: 1.625rem
    }

    .mobile-large\:mr-26 {
        margin-right: 1.625rem
    }

    .mobile-large\:py-26 {
        padding-top: 1.625rem;
        padding-bottom: 1.625rem
    }

    .mobile-large\:px-26 {
        padding-left: 1.625rem;
        padding-right: 1.625rem
    }

    .mobile-large\:pt-26 {
        padding-top: 1.625rem
    }

    .mobile-large\:pb-26 {
        padding-bottom: 1.625rem
    }

    .mobile-large\:pl-26 {
        padding-left: 1.625rem
    }

    .mobile-large\:pr-26 {
        padding-right: 1.625rem
    }

    .mobile-large\:my-28 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem
    }

    .mobile-large\:mx-28 {
        margin-left: 1.75rem;
        margin-right: 1.75rem
    }

    .mobile-large\:mt-28 {
        margin-top: 1.75rem
    }

    .mobile-large\:mb-28 {
        margin-bottom: 1.75rem
    }

    .mobile-large\:ml-28 {
        margin-left: 1.75rem
    }

    .mobile-large\:mr-28 {
        margin-right: 1.75rem
    }

    .mobile-large\:py-28 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .mobile-large\:px-28 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .mobile-large\:pt-28 {
        padding-top: 1.75rem
    }

    .mobile-large\:pb-28 {
        padding-bottom: 1.75rem
    }

    .mobile-large\:pl-28 {
        padding-left: 1.75rem
    }

    .mobile-large\:pr-28 {
        padding-right: 1.75rem
    }

    .mobile-large\:my-32 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .mobile-large\:mx-32 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .mobile-large\:mt-32 {
        margin-top: 2rem
    }

    .mobile-large\:mb-32 {
        margin-bottom: 2rem
    }

    .mobile-large\:ml-32 {
        margin-left: 2rem
    }

    .mobile-large\:mr-32 {
        margin-right: 2rem
    }

    .mobile-large\:py-32 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .mobile-large\:px-32 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .mobile-large\:pt-32 {
        padding-top: 2rem
    }

    .mobile-large\:pb-32 {
        padding-bottom: 2rem
    }

    .mobile-large\:pl-32 {
        padding-left: 2rem
    }

    .mobile-large\:pr-32 {
        padding-right: 2rem
    }

    .mobile-large\:my-44 {
        margin-top: 2.75rem;
        margin-bottom: 2.75rem
    }

    .mobile-large\:mx-44 {
        margin-left: 2.75rem;
        margin-right: 2.75rem
    }

    .mobile-large\:mt-44 {
        margin-top: 2.75rem
    }

    .mobile-large\:mb-44 {
        margin-bottom: 2.75rem
    }

    .mobile-large\:ml-44 {
        margin-left: 2.75rem
    }

    .mobile-large\:mr-44 {
        margin-right: 2.75rem
    }

    .mobile-large\:py-44 {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }

    .mobile-large\:px-44 {
        padding-left: 2.75rem;
        padding-right: 2.75rem
    }

    .mobile-large\:pt-44 {
        padding-top: 2.75rem
    }

    .mobile-large\:pb-44 {
        padding-bottom: 2.75rem
    }

    .mobile-large\:pl-44 {
        padding-left: 2.75rem
    }

    .mobile-large\:pr-44 {
        padding-right: 2.75rem
    }

    .mobile-large\:my-48 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .mobile-large\:mx-48 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .mobile-large\:mt-48 {
        margin-top: 3rem
    }

    .mobile-large\:mb-48 {
        margin-bottom: 3rem
    }

    .mobile-large\:ml-48 {
        margin-left: 3rem
    }

    .mobile-large\:mr-48 {
        margin-right: 3rem
    }

    .mobile-large\:py-48 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .mobile-large\:px-48 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .mobile-large\:pt-48 {
        padding-top: 3rem
    }

    .mobile-large\:pb-48 {
        padding-bottom: 3rem
    }

    .mobile-large\:pl-48 {
        padding-left: 3rem
    }

    .mobile-large\:pr-48 {
        padding-right: 3rem
    }

    .mobile-large\:my-80 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .mobile-large\:mx-80 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .mobile-large\:mt-80 {
        margin-top: 5rem
    }

    .mobile-large\:mb-80 {
        margin-bottom: 5rem
    }

    .mobile-large\:ml-80 {
        margin-left: 5rem
    }

    .mobile-large\:mr-80 {
        margin-right: 5rem
    }

    .mobile-large\:py-80 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .mobile-large\:px-80 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .mobile-large\:pt-80 {
        padding-top: 5rem
    }

    .mobile-large\:pb-80 {
        padding-bottom: 5rem
    }

    .mobile-large\:pl-80 {
        padding-left: 5rem
    }

    .mobile-large\:pr-80 {
        padding-right: 5rem
    }
}

@media screen and (min-width: 0) and (max-width: 94.99875rem) {
    .container__no-sides {
        margin-left: calc(var(--containerSides) * -1);
        margin-right: calc(var(--containerSides) * -1)
    }

    .container__no-sides_with-padding {
        padding-left: var(--containerSides);
        padding-right: var(--containerSides)
    }
}

@media screen and (min-width: 95rem) {
    .wide-screen {
        --shift: calc((50vw - 46.5rem + var(--grid-sides)) * -1)
    }
}

@media screen and (min-width: 0) and (max-width: 64.06125rem) {
    .layout-grid:before {
        background-image: repeating-linear-gradient(90deg, var(--grid-color), var(--grid-color) var(--grid-column-width), transparent var(--grid-column-width), transparent calc(var(--grid-column-width) + var(--grid-gutter)))
    }

    .layout-with-sidebar {
        grid-template-areas: "sidebar sidebar" "content content";
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)
    }

    .layout-with-sidebar_mobile-sidebar-top {
        --sidebarMobileOrder: 1
    }

    .layout-with-sidebar_mobile-sidebar-bottom {
        --sidebarMobileOrder: 2
    }

    .layout-with-sidebar_mobile-sidebar-hidden {
        --sidebarMobileDisplay: none
    }

    .layout-with-sidebar__area-sidebar {
        order: var(--sidebarMobileOrder);
        display: var(--sidebarMobileDisplay)
    }

    .breadcrumbs__list {
        height: 100%
    }

    .breadcrumbs__item {
        --beadcrumbLinkColor: #4730dd
    }

    .breadcrumbs__item:hover {
        --beadcrumbLinkColor: #9a0db7
    }

    .breadcrumbs__item:not(:last-child) {
        display: none
    }

    .breadcrumbs__icon-before {
        display: block;
        margin-right: var(--space-4);
        transition: color .3s linear
    }

    .breadcrumbs__icon-after {
        display: none
    }

    .search-suggest {
        display: flex;
        background-color: #fff;
        padding-top: var(--mobileHeaderHeight);
        padding-bottom: var(--mobileToolbarHeight)
    }

    .search-suggest__list {
        overflow-y: auto;
        width: 100%
    }

    .mega-burger {
        z-index: 56;
        position: fixed;
        left: 0;
        top: var(--mobileHeaderHeight);
        bottom: var(--mobileToolbarHeight);
        width: 100%;
        background-color: #fff;
        height: 100%
    }

    .mega-burger__inner {
        margin-left: calc(var(--grid-sides) * -1);
        margin-right: calc(var(--grid-sides) * -1);
        padding-right: 0;
        max-width: calc(100% + var(--grid-sides))
    }

    .mega-burger__sidebar {
        overflow-y: auto;
        height: 100%;
        --burger-margin: calc(var(--mobileHeaderHeight) + var(--mobileToolbarHeight));
        max-height: calc(var(--vh, 1vh) * 100 - var(--burger-margin))
    }

    .mega-burger-sidebar-menu {
        background-color: #fff
    }

    .mega-burger-sidebar-menu__item {
        --burgerArrowRotate: rotate(90deg)
    }

    .mega-burger-sidebar-menu__item_show {
        --sublist-display: block;
        --burgerArrowRotate: rotate(-90deg)
    }

    .mega-burger-sidebar-menu__link {
        padding: .875rem .9375rem;
        border-bottom: 1px solid #e9edf1
    }

    .mega-burger-sidebar-menu__link-arrow {
        -webkit-transform: var(--burgerArrowRotate);
        transform: var(--burgerArrowRotate)
    }

    .mega-burger-sidebar-menu__sub-list {
        box-shadow: inset 0 0 1.125rem #ececec
    }

    .mega-burger-sidebar-menu__sub-link {
        font-size: 1rem;
        line-height: 1.375;
        display: flex;
        align-items: center;
        color: var(--burgerSubLinkColor);
        text-decoration: none;
        padding: .90625rem .9375rem .90625rem 2.5625rem;
        border-bottom: 1px solid #e9edf1;
        transition: color .3s linear
    }

    .mega-burger-sidebar-menu__sub-link:focus {
        background-color: #f5f8fb;
        color: #9a0db7
    }

    .mega-burger-sidebar-menu__sub-link-text {
        flex-grow: 1;
        pointer-events: none
    }

    .region-settings {
        bottom: var(--mobileToolbarHeight);
        --container-show: 0
    }

    .region-settings_show {
        --container-show: 1
    }

    .region-settings__container {
        transition: opacity var(--show-transition-time) linear;
        opacity: var(--container-show)
    }

    .footer__area-bottom {
        justify-items: center
    }

    .footer__pay-comment {
        text-align: center
    }

    .footer__powered {
        margin-top: var(--space-24)
    }

    .footer-menu__content-wrap {
        overflow: hidden;
        transition: max-height .3s linear
    }

    .footer-menu__list_hidden {
        display: none
    }

    .page__header {
        margin-bottom: var(--space-8)
    }

    .page__bread {
        margin-bottom: var(--space-16)
    }

    .menu-profile {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: calc(var(--vh, 1vh) * 100 - var(--mobileToolbarHeight));
        z-index: 55
    }

    .page_mobile-menu-v2 .menu-profile {
        top: var(--mobileHeaderHeight);
        height: calc(var(--vh, 1vh) * 100 - var(--mobileHeaderHeight))
    }

    .title-with-link__link-text_mobile {
        display: inline-block
    }

    .carousel-block_wide .carousel-block__carousel {
        margin-left: calc(var(--containerSides) * -1);
        margin-right: calc(var(--containerSides) * -1);
        padding-left: calc(var(--containerSides) - var(--focus-size))
    }

    .carousel-products__slide {
        width: var(--carousel-slide-max-width)
    }

    .page-product {
        --footerPaddingBottom: 8.75rem
    }

    .product-preview-carousel {
        width: 100%
    }

    .product-preview-carousel__spacer {
        width: 100%;
        height: auto;
        opacity: 0;
        display: block
    }

    .product-preview-carousel__carousel {
        overflow: hidden;
        height: 100%
    }

    .product-preview-carousel__wrapper {
        height: 100%
    }

    .product-preview-carousel__slide {
        width: 100%;
        height: 100%
    }

    .product-preview-carousel__slide:not(:first-child) {
        margin-left: var(--slidesGap)
    }

    .product-preview-carousel__pagination {
        display: flex;
        justify-content: center;
        position: relative;
        bottom: var(--space-10)
    }

    .product-preview-carousel__pagination-item {
        width: 1.25rem;
        height: 1.25rem;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-top: -1.25rem
    }

    .product-preview-carousel__pagination-item:before {
        content: "";
        display: block;
        width: .25rem;
        height: .25rem;
        background-color: #2b0484;
        opacity: .5;
        transition: opacity .3s linear, -webkit-transform .3s linear;
        transition: opacity .3s linear, transform .3s linear;
        transition: opacity .3s linear, transform .3s linear, -webkit-transform .3s linear;
        border-radius: 50%
    }

    .product-preview-carousel__pagination-item_active:before {
        opacity: 1;
        -webkit-transform: scale(2);
        transform: scale(2)
    }

    .product-preview-carousel__btn {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .product-preview-carousel__btn.carousel-nav_prev {
        left: 0
    }

    .product-preview-carousel__btn.carousel-nav_next {
        right: 0
    }

    .preview-block__img {
        display: none
    }

    .preview-block__carousel {
        height: 100%
    }

    .rubrics-layout-categories {
        display: none;
        visibility: hidden
    }

    .rubrics-layout-categories__show {
        position: fixed;
        left: 0;
        top: 0;
        width: 100vw;
        height: calc(var(--vh, 1vh) * 100);
        background-color: #fff;
        z-index: 10;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        visibility: visible
    }

    .rubrics-layout-categories__header {
        flex-shrink: 0
    }

    .rubrics-layout-categories__body {
        padding-bottom: var(--mobileToolbarHeight);
        flex-grow: 1;
        overflow-y: auto
    }

    .rubrics-catalog {
        padding-left: var(--grid-sides);
        padding-right: var(--grid-sides)
    }

    .rubrics-catalog__back.link {
        font-size: .875rem;
        line-height: 1.57143;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
        color: #4f5358;
        padding-top: var(--space-12);
        padding-bottom: var(--space-12);
        border-bottom: 1px solid #f5f8fb
    }

    .rubrics-catalog__back.link:after {
        content: "";
        display: block;
        width: 1.125rem;
        height: 1.125rem;
        background-color: #f5f8fb;
        border: 1px solid #c2c6cc;
        border-radius: 50%;
        flex-shrink: 0;
        margin-left: var(--space-8)
    }

    .rubrics-catalog__back-icon {
        display: none
    }

    .rubrics-catalog__link, .rubrics-catalog__sub-link {
        font-size: .875rem;
        line-height: 1.57143;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
        color: #4f5358;
        padding-top: var(--space-12);
        padding-bottom: var(--space-12);
        border-bottom: 1px solid #f5f8fb
    }

    .rubrics-catalog__link:after, .rubrics-catalog__sub-link:after {
        content: "";
        display: block;
        width: 1.125rem;
        height: 1.125rem;
        background-color: #f5f8fb;
        border: 1px solid #c2c6cc;
        border-radius: 50%;
        flex-shrink: 0;
        margin-left: var(--space-8)
    }

    .rubrics-catalog__item_active .rubrics-catalog__link:after, .rubrics-catalog__sub-item_active .rubrics-catalog__sub-link:after {
        width: .5rem;
        height: .5rem;
        background-color: #fff;
        border-color: #2b0484;
        border-width: .375rem
    }

    .rubrics-catalog__sub-item_active .rubrics-catalog__sub-link {
        background-color: #f5f8fb
    }

    .rubrics-catalog__link {
        margin-left: var(--space-12);
        font-weight: 600
    }

    .rubrics-catalog__sub-link {
        margin-left: var(--space-26)
    }

    .rubrics-layout {
        grid-template-areas: "title title" "after-title after-title" "sidebar sidebar" "content  content";
        grid-template-columns: 1fr 1fr
    }

    .rubrics-layout__area-sidebar {
        margin-bottom: var(--space-24)
    }

    .rubrics-layout__sidebar-mobile-menu {
        display: flex;
        align-items: center
    }

    .rubrics-layout__sidebar-mobile-menu &gt; * + * {
        margin-left: var(--space-12)
    }

    .rubrics-layout__filters {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 100;
        width: 100vw;
        height: calc(100vh - var(--mobileToolbarHeight))
    }

    .rubrics-layout__filter-tags, .rubrics-layout__sort {
        display: none
    }

    .rubrics-layout__brands-list {
        flex-wrap: nowrap;
        overflow: auto;
        margin-left: calc(var(--containerSides) * -1);
        margin-right: calc(var(--containerSides) * -1);
        padding-left: var(--containerSides)
    }

    .rubrics-layout__brands-list .expand-list__more {
        display: none
    }

    .rubrics-layout__brands-list .expand-list__item_hidden {
        display: inline-block
    }

    .pro-activate {
        border-radius: 0;
        margin-left: calc(var(--grid-sides) * -1);
        margin-right: calc(var(--grid-sides) * -1)
    }

    .pro-activate__carousel {
        margin-left: calc(var(--inner-padding) * -1);
        margin-right: calc(var(--inner-padding) * -1)
    }
}

@media screen and (min-width: smallPhone) {
    .content {
        --maxCols: 2
    }
}

@media screen and (min-width: largePhone) {
    .content {
        --maxCols: 2
    }

    .content .cell {
        --current-offset: var(--large-phone-offset);
        --currentCols: var(--large-phone-cols, --maxCols)
    }
}

@media screen and (min-width: 64.0625rem) and (min-width: 64.0625rem) {
    .mega-burger__content-promo {
        display: flex;
        margin-left: var(--space-24)
    }
}

@media screen and (min-width: 64.0625rem) and (min-width: 72.3125rem) {
    .mega-burger__promos {
        display: grid
    }
}

@media screen and (min-width: 64.0625rem) and (max-width: 72.31125rem) {
    .carousel-products_without-sidebar {
        --carousel-slides-count: 4
    }

    .card-product-layout {
        grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content 1fr -webkit-min-content;
        grid-template-rows: min-content min-content min-content 1fr min-content;
        grid-template-columns: repeat(8, 1fr);
        grid-template-areas: "title title title title title title title title" "article article article article article article article article" "preview preview preview preview preview price price price" "preview preview preview preview preview info info info" "content content content content content content content content"
    }
}

@media screen and (min-width: 72.3125rem) and (max-width: 85.81125rem) {
    .carousel-products_without-sidebar {
        --carousel-slides-count: 5
    }

    .card-product-layout {
        grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content 1fr -webkit-min-content;
        grid-template-rows: min-content min-content min-content 1fr min-content;
        grid-template-columns: repeat(10, 1fr);
        grid-template-areas: "title title title title title title title title title title" "article article article article article article article article article article" "preview preview preview preview preview preview price price price price" "preview preview preview preview preview preview info info info info" "content content content content content content content content content content"
    }
}

@media screen and (min-width: 0) and (max-width: 31.06125rem) {
    .carousel-brands__slide {
        width: 6.25rem
    }

    .carousel-promotion2__slide {
        width: 17rem
    }

    .partners-hello-window .modal__window {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        max-height: none;
        border-radius: 0
    }

    .partners-hello-window .popup__content {
        height: calc(var(--vh, 1vh) * 100)
    }

    .card-product-layout {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas: "preview preview" "price price" "title title" "article article" "info info" "content content"
    }

    .modal-window .modal__window {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        max-height: none;
        border-radius: 0
    }

    .modal-window .popup__content {
        --popup-content-padding-x: 1rem;
        --popup-content-padding-bottom: 2rem;
        height: calc(var(--vh, 1vh) * 100)
    }

    .basket-layout-region, .basket-select-block, .basket-summary, .group-items {
        margin-left: calc(var(--containerSides) * -1);
        margin-right: calc(var(--containerSides) * -1)
    }
}

@media screen and (min-width: 31.0625rem) and (max-width: 64.06125rem) {
    .carousel-brands__slide {
        width: 7.5rem
    }
}

@media screen and (min-width: 0) and (max-width: 53.06125rem) {
    .carousel-simple-cards__slide {
        width: 10rem
    }
}

@media screen and (min-width: 31.0625rem) and (max-width: 53.06125rem) {
    .carousel-promotion2__slide {
        width: 25rem
    }
}

@media screen and (min-width: 0) and (max-width: 42.06125rem) {
    .carousel-promotion4__slide {
        width: 10rem
    }

    .cart-item-checkout {
        row-gap: 0;
        grid-template-columns: 2.625rem 1fr auto auto;
        grid-template-areas: "img content content content" "img price weight delete"
    }

    .cart-item-checkout__area-price {
        align-self: center
    }
}

@media screen and (min-width: 42.0625rem) and (max-width: 53.06125rem) {
    .carousel-promotion4__slide {
        width: 12rem
    }

    .card-product-layout {
        grid-template-columns: repeat(9, 1fr);
        grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content 1fr -webkit-min-content;
        grid-template-rows: min-content min-content min-content 1fr min-content;
        grid-template-areas: "preview preview preview preview preview price price price price" "preview preview preview preview preview title title title title" "preview preview preview preview preview article article article article" "preview preview preview preview preview info info info info" "content content content content content content content content content"
    }
}

@media screen and (min-width: 31.0625rem) and (max-width: 42.06125rem) {
    .card-product-layout {
        grid-template-columns:repeat(4, 1fr);
        grid-template-areas: "preview preview preview preview" "price price price price" "title title title title" "article article article article" "info info info info" "content content content content"
    }
}

@media screen and (min-width: 53.0625rem) and (max-width: 64.06125rem) {
    .card-product-layout {
        grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content 1fr -webkit-min-content;
        grid-template-rows: min-content min-content min-content 1fr min-content;
        grid-template-columns: repeat(8, 1fr);
        grid-template-areas: "preview preview preview preview price price price price" "preview preview preview preview title title title title" "preview preview preview preview article article article article" "preview preview preview preview info info info info" "content content content content content content content content"
    }
}
.mantenance-no-show-add-card-button {
    background: #f3f3f3 !important;
    padding: 0.5rem 1rem 0.5rem 1rem;
    display: block;
    border-radius: 0.4rem;
}
.mantenance-no-show-add-card-button-l {
    font-weight: 500;
    margin-bottom: 0.345em;
    display: block;
}
</pre></body></html>