* {
	box-sizing: border-box;
	outline: 0;
	border: 0;
}

    .logo_str0 {stroke:#2B2A29;stroke-width:105.83;stroke-miterlimit:22.9256}
    .logo_str1 {stroke:#2B2A29;stroke-width:7.62;stroke-miterlimit:22.9256}
    .logo_fil0 {fill:#CF3923}
    .logo_fil1 {fill:#FD0202}
    .logo_fil4 {fill:#823334;fill-rule:nonzero}
    .logo_fil3 {fill:#F8F5F0;fill-rule:nonzero}
    .logo_fil2 {fill:#FEFEFE;fill-rule:nonzero}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	outline: none;
	font-style: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
body {
  position: relative;
	background: #fafafa;
  line-height: 1.2;
  font-size:1em;
}
p {margin: 0px 0px 0em;}
b {
	font-weight: 500;
}
ol, ul {
	list-style: none;
}
h1 {font-size: 1.4em;}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

button {
	margin: 0;
	color: inherit;
}

span {
	display: inline-block;
}

select {
	color: inherit;
}
a {
	color: #337AB7; text-decoration: none; border-bottom-width: 0px;  cursor: pointer;
}
a:hover {
	color: #337AB7; text-decoration: none;
}
button:focus,
a:focus,
li:focus,
select:focus,
input[type="file"]:focus,
{
	transition: box-shadow 200ms ease;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
}

label[for] {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	 -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Firefox */
			-ms-user-select: none; /* Internet Explorer/Edge */
					user-select: none; /* Non-prefixed version, as of middle 2017
															supported by Chrome and Opera only */
}



body{font-family: HeliosC; font-size: 16px;}


#loader-wrapper {
    background: rgba(0, 0, 0, .7);
    height: 100vh;
    left: 0;
    margin: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 101
}

@font-face {
    font-family: 'HeliosC';
    src: url('/css/fonts/ui/heliosc.ttf') format('truetype'),


    font-style: normal;

}


#loader-wrapper > .spinner {
    height: 96px;
    margin: 100px auto;
    position: relative;
    width: 96px
}

#loader-wrapper > .spinner > .double-bounce1, .spinner > .double-bounce2 {
    -webkit-animation: sk-bounce 2s ease-in-out infinite;
    animation: sk-bounce 2s ease-in-out infinite;
    background-color: #fff;
    border-radius: 50%;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    width: 100%
}

#loader-wrapper > .spinner > .double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes sk-bounce {
    0%, to {
        -webkit-transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bounce {
    0%, to {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

#loader-wrapper.loader-enter, #loader-wrapper.loader-leave-active, #loader-wrapper.loader-leave-to {
    opacity: 0
}

.divider-horizontal[data-v-1a50f78a] {
    border-bottom: 1px solid var(--border-regular);
    display: flex;
    height: 0;
    width: 100%
}

.icon-loading[data-v-2d39b340] {
    animation: rotate-2d39b340 .7s linear infinite
}

.icon-loading__stroke-gradient[data-v-2d39b340] {
    background: conic-gradient(#000 10deg, transparent 10deg, transparent 90deg, #000 1turn);
    border-radius: 50%;
    height: 100%;
    width: 100%
}

@-moz-keyframes rotate-2d39b340 {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes rotate-2d39b340 {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

@-o-keyframes rotate-2d39b340 {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes rotate-2d39b340 {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.icon-loading[data-v-b619ffc8] {
    animation: rotate-b619ffc8 .7s linear infinite
}

.icon-loading__stroke-gradient[data-v-b619ffc8] {
    background: conic-gradient(#fff 10deg, hsla(0, 0%, 100%, 0) 10deg, hsla(0, 0%, 100%, 0) 90deg, #fff 1turn);
    border-radius: 50%;
    height: 100%;
    width: 100%
}

@-moz-keyframes rotate-b619ffc8 {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes rotate-b619ffc8 {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

@-o-keyframes rotate-b619ffc8 {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes rotate-b619ffc8 {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.button__content[ui-32] {
    align-items: center;
    display: flex;
    gap: 4px
}

.button[ui-32] {
    align-items: center;
    box-shadow: none;
    cursor: pointer;
    display: flex;
    font-family: HeliosC;
    justify-content: center;
    outline: none;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition-duration: .2s
}

.button[disabled][ui-32] {
    color: var(--text-disabled);
    pointer-events: none
}

.button[disabled][ui-32], .button[disabled][ui-32]:hover {
    background-color: var(--button-disabled-onprimary)
}

.button[loading][ui-32] {
    pointer-events: none
}

.button__icon-loading[ui-32] {
    position: absolute
}

.button_primary-accented[ui-32] {
    background-color: var(--button-primary-accented-rest);
    color: #fff
}

.button_primary-accented[ui-32]:hover {
    background-color: var(--button-primary-accented-hovered)
}

.button_primary-neutral[ui-32] {
    background-color: var(--button-primary-neutral-rest);
    color: #fff
}

.button_primary-neutral[ui-32]:hover {
    background-color: var(--button-primary-neutral-hovered)
}

.button_secondary-accented[ui-32] {
    background-color: var(--button-secondary-accented-rest);
    color: var(--text-accented)
}

.button_secondary-accented[ui-32]:hover {
    background-color: var(--button-secondary-accented-hovered)
}

.button_secondary-neutral[ui-32] {
    background-color: var(--button-secondary-neutral-onprimary-rest);
    color: #1f2026
}

.button_secondary-neutral[ui-32]:hover {
    background-color: var(--button-secondary-neutral-onprimary-hovered)
}

.button_tertiary-outlined[ui-32] {
    background-color: #fff;
    border: 1px solid var(--border-regular);
    color: var(--text-primary)
}

.button_tertiary-outlined[ui-32]:hover {
    background-color: var(--button-secondary-neutral-onprimary-hovered)
}

.button_tertiary-ghost[ui-32] {
    background-color: #fff;
    border: 1px solid #fff;
    color: var(--text-primary)
}

.button_tertiary-ghost[ui-32]:hover {
    background-color: var(--button-tertiary-neutral-onprimary-hovered);
    border: 1px solid var(--button-tertiary-neutral-onprimary-hovered)
}

.button_quaternary-accented[ui-32] {
    background-color: #ea3324;
    border: 1px solid #ea3324;
    color: #fff
}

.button_quaternary-accented[ui-32]:hover {
    background-color: #f54e40;
    border: 1px solid #f54e40
}

.button_quaternary-accented[disabled][ui-32] {
    background-color: #f7b5b0;
    border: 1px solid #f7b5b0;
    color: #fff
}

.button_quaternary-neutral[ui-32] {
    background-color: #1d1346;
    border: 1px solid #1d1346;
    color: #fff
}

.button_quaternary-neutral[ui-32]:hover {
    background-color: #312270;
    border: 1px solid #312270
}

.button_quaternary-neutral[disabled][ui-32] {
    background-color: #b4afc9;
    border: 1px solid #b4afc9;
    color: #fff
}

.button_quaternary-dark[ui-32] {
    background-color: #141414;
    border: 1px solid #141414;
    color: #fff
}

.button_quaternary-dark[ui-32]:hover {
    background-color: #242424;
    border: 1px solid #242424
}

.button_quaternary-dark[disabled][ui-32] {
    background-color: #b8b8b8;
    border: 1px solid #b8b8b8;
    color: #fff
}

.button_xs28[ui-32] {
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    height: 28px;
    padding: 0 12px
}

.button_xs28 .button__icon-loading[ui-32] {
    height: 16px;
    width: 16px
}

.button_xs32[ui-32] {
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    height: 32px;
    padding: 0 12px
}

.button_xs32 .button__icon-loading[ui-32] {
    height: 16px;
    width: 16px
}

.button_s36[ui-32] {
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    height: 36px;
    padding: 0 14px
}

.button_s36 .button__icon-loading[ui-32] {
    height: 16px;
    width: 16px
}

.button_m40[ui-32] {
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    padding: 0 16px
}

.button_m40 .button__icon-loading[ui-32] {
    height: 20px;
    width: 20px
}

.button_pay[ui-32] {
    border-radius: 12px;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    padding: 0 20px
}

.button_pay .button__icon-loading[ui-32] {
    height: 24px;
    width: 24px
}

.button_product[ui-32] {
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    height: 56px;
    padding: 0 24px
}



.button_basket[ui-32] {
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    height: 56px;
    padding: 0 24px
}

.button_xl56 .button__icon-loading[ui-32] {
    height: 24px;
    width: 24px
}

.label[data-v-2041fb7e] {
    color: var(--text-secondary);
    font-family: vat(--typography-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

.label_required[data-v-2041fb7e]:after {
    color: var(--text-accented);
    content: "*";
    margin-left: 2px
}

.label-error[data-v-190b8338] {
    color: var(--text-negative);
    font-family: HeliosC;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.segment-control[data-v-4bb855d8] {
    cursor: text;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative
}

.segment-control__error[data-v-4bb855d8] {
    bottom: -18px;
    left: 0;
    position: absolute;
    right: 0
}

.segment-control__buttons[data-v-4bb855d8] {
    border: 1px solid var(--border-regular);
    border-radius: var(--rounding150);
    display: flex;
    height: 38px;
    overflow: hidden
}

.segment-control__buttons_error[data-v-4bb855d8] {
    border: 1px solid var(--border-negative) !important
}

.segment-control__buttons button[data-v-4bb855d8] {
    align-items: center;
    background-color: #fff;
    box-shadow: none;
    color: var(--text-primary);
    cursor: pointer;
    display: flex;
    font-family: HeliosC;
    font-size: 16px;
    justify-content: center;
    outline: none;
    text-align: center;
    text-decoration: none;
    transition-duration: .2s;
    width: 100%
}

.segment-control__buttons button[data-v-4bb855d8]:hover {
    background-color: var(--button-secondary-neutral-onprimary-hovered)
}

.segment-control__buttons button[data-v-4bb855d8]:nth-of-type(n+2) {
    border-left: 1px solid var(--border-regular)
}

.segment-control__buttons button[selected][data-v-4bb855d8] {
    background-color: var(--button-secondary-neutral-onprimary-hovered)
}

.button-clear[data-v-65f77ddd] {
    align-items: center;
    aspect-ratio: 1;
    background-color: #fff;
    border-radius: var(--rounding100);
    box-shadow: none;
    color: var(--text-primary);
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    outline: none;
    text-align: center;
    text-decoration: none;
    transition-duration: .2s
}

.button-clear[data-v-65f77ddd]:hover {
    background-color: var(--button-tertiary-neutral-onprimary-hovered)
}

.icon[data-v-74036cfc] {
    display: inline-flex;
    height: 1em;
    min-width: 1em
}

.icon-loading[data-v-7d041ee5] {
    animation: loading-7d041ee5 .75s linear infinite
}

@-moz-keyframes loading-7d041ee5 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes loading-7d041ee5 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@-o-keyframes loading-7d041ee5 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes loading-7d041ee5 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.input-field-container[data-v-5a45244c] {
    align-items: center;
    display: flex;
    gap: 8px;
    min-height: 28px;
    overflow: hidden;
    width: 100%
}

.input-field-container_disabled[data-v-5a45244c] {
    pointer-events: none
}

.input-field-container__input[data-v-5a45244c] {
    color: var(--text-primary);
    font-family: HeliosC;
    font-weight: 400;
    outline: none;
    padding: 0;
    text-overflow: ellipsis;
    width: 100%
}

.input-field-container__input[data-v-5a45244c]:disabled {
    background: none;
    color: var(--text-disabled)
}

.input-field-container__input_m40[data-v-5a45244c] {
    font-size: 16px;
    line-height: 20px
}

.input-field-container__input_l48[data-v-5a45244c] {
    font-size: 16px;
    line-height: 22px
}

.input-field-container__input[data-v-5a45244c]::placeholder {
    color: var(--text-tertiary)
}

.input-field-container__icon-error[data-v-5a45244c] {
    color: var(--icon-negative);
    font-size: 20px
}

.input-outlined-wrapper[data-v-1e80414c] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative
}

.input-outlined-wrapper__error-label[data-v-1e80414c] {
    bottom: -18px;
    left: 0;
    position: absolute;
    right: 0
}

.input-outlined-field[data-v-1e80414c] {
    align-items: center;
    background-color: #fff;
    border: 1px solid var(--border-regular);
    border-radius: var(--rounding150);
    cursor: text;
    display: flex;
    padding: 0 12px 0 6px
}

.input-outlined-field[data-v-1e80414c]:hover, .input-outlined-field_focused[data-v-1e80414c] {
    border: 1px solid var(--border-focused)
}

.input-outlined-field_error[data-v-1e80414c] {
    border: 1px solid var(--border-negative) !important
}

.input-outlined-field_m40[data-v-1e80414c] {
    height: 40px
}

.input-outlined-field_l48[data-v-1e80414c] {
    height: 48px
}

.input-outlined-field__input[data-v-1e80414c] {
    margin-left: 10px
}

.input-wrapper[data-v-ccf096b2] {
    cursor: text;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative
}

.input-wrapper_disabled[data-v-ccf096b2] {
    pointer-events: none
}

.input-wrapper__error[data-v-ccf096b2] {
    bottom: -18px;
    left: 0;
    position: absolute;
    right: 0
}

.input-field-container[data-v-ccf096b2] {
    align-items: center;
    border-radius: var(--rounding150);
    display: flex;
    overflow: hidden;
    padding: 6px 12px 6px 6px
}

.input-field-container input[data-v-ccf096b2] {
    color: var(--text-primary);
    font-family: HeliosC;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 10px;
    outline: none;
    padding: 0;
    text-overflow: ellipsis;
    width: 100%
}

.input-field-container input[data-v-ccf096b2]:disabled {
    background: none;
    color: var(--text-disabled)
}

.input-field-container input[data-v-ccf096b2]::placeholder {
    color: var(text-tertiary)
}

.input-field-container_m40[data-v-ccf096b2] {
    height: 40px
}

.input-field-container_outlined[data-v-ccf096b2] {
    background-color: #fff;
    border: 1px solid var(--border-regular)
}

.input-field-container_outlined[data-v-ccf096b2]:hover, .input-field-container_outlined_focused[data-v-ccf096b2] {
    border: 1px solid var(--border-focused)
}

.input-field-container_error[data-v-ccf096b2] {
    border: 1px solid var(--border-negative) !important
}

.input-field-container__icon-error[data-v-ccf096b2] {
    color: var(--icon-negative);
    font-size: 20px
}

.resize-observer[data-v-8859cc6c] {
    background-color: transparent;
    border: none;
    opacity: 0
}

.resize-observer[data-v-8859cc6c], .resize-observer[data-v-8859cc6c] object {
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.v-popper__popper {
    left: 0;
    outline: none;
    top: 0;
    z-index: 10000
}

.v-popper__popper.v-popper__popper--hidden {
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s, visibility .15s;
    visibility: hidden
}

.v-popper__popper.v-popper__popper--shown {
    opacity: 1;
    transition: opacity .15s;
    visibility: visible
}

.v-popper__popper.v-popper__popper--skip-transition, .v-popper__popper.v-popper__popper--skip-transition > .v-popper__wrapper {
    transition: none !important
}

.v-popper__backdrop {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.v-popper__inner {
    box-sizing: border-box;
    overflow-y: auto;
    position: relative
}

.v-popper__inner > div {
    max-height: inherit;
    max-width: inherit;
    position: relative;
    z-index: 1
}

.v-popper__arrow-container {
    height: 10px;
    position: absolute;
    width: 10px
}

.v-popper__popper--arrow-overflow .v-popper__arrow-container, .v-popper__popper--no-positioning .v-popper__arrow-container {
    display: none
}

.v-popper__arrow-inner, .v-popper__arrow-outer {
    border-style: solid;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.v-popper__arrow-inner {
    border-width: 7px;
    visibility: hidden
}

.v-popper__arrow-outer {
    border-width: 6px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner, .v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
    left: -2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer, .v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
    left: -1px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner, .v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
    border-bottom-color: transparent !important;
    border-bottom-width: 0;
    border-left-color: transparent !important;
    border-right-color: transparent !important
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
    top: -2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
    top: 0
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner, .v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-top-width: 0
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
    top: -4px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    top: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner, .v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
    top: -2px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer, .v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    top: -1px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner, .v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-left-width: 0;
    border-top-color: transparent !important
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
    left: -4px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    left: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container {
    right: -10px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner, .v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer {
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    border-right-width: 0;
    border-top-color: transparent !important
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner {
    left: -2px
}

.v-popper--theme-dropdown .v-popper__inner {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 6px 30px #0000001a;
    color: #000
}

.v-popper--theme-dropdown .v-popper__arrow-inner {
    border-color: #fff;
    visibility: visible
}

.v-popper--theme-dropdown .v-popper__arrow-outer {
    border-color: #ddd
}

.v-popper--theme-tooltip .v-popper__inner {
    background: rgba(0, 0, 0, .8);
    border-radius: 6px;
    color: #fff;
    padding: 7px 12px 6px
}

.v-popper--theme-tooltip .v-popper__arrow-outer {
    border-color: #000c
}

.dropdown__wrapper[data-v-6e8f003b] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    width: 100%
}

.dropdown__button[data-v-6e8f003b] {
    align-items: center;
    background-color: #fff;
    border: 1px solid var(--border-regular);
    border-radius: 12px;
    color: var(--text-primary);
    cursor: pointer;
    display: grid;
    gap: 6px;
    grid-template-columns:1fr 20px;
    height: 40px;
    padding: 0 12px 0 16px
}

.dropdown__button[data-v-6e8f003b]:hover, .dropdown__button_focused[data-v-6e8f003b] {
    border: 1px solid var(--border-focused)
}

.dropdown__button_error[data-v-6e8f003b] {
    border: 1px solid var(--border-negative) !important
}

.dropdown__button__loader[data-v-6e8f003b] {
    font-size: 20px;
    margin-left: auto
}

.dropdown__button__chevron[data-v-6e8f003b] {
    font-size: 20px;
    margin-left: auto;
    transition-duration: .3s
}

.dropdown__button__chevron_rotated[data-v-6e8f003b] {
    transform: rotateX(180deg)
}

.dropdown__button__error-label[data-v-6e8f003b] {
    bottom: -18px;
    left: 0;
    position: absolute;
    right: 0
}

.dropdown__popper[data-v-6e8f003b] {
    background-color: var(--white);
    border-radius: 12px;
    box-shadow: var(--box-shadow-soft-small);
    display: flex;
    flex-direction: column;
    max-height: 260px;
    overflow-y: auto
}

.dropdown__popper[data-v-6e8f003b]::-webkit-scrollbar {
    border-radius: 8px;
    width: 10px
}

.dropdown__popper[data-v-6e8f003b]::-webkit-scrollbar-thumb {
    background-color: #edeff2;
    border-radius: 8px
}

.dropdown__popper[data-v-6e8f003b]::-webkit-scrollbar-track {
    background-color: rgba(1, 1, 1, .02);
    border-radius: 0 12px 12px 0
}

.dropdown__options[data-v-6e8f003b] {
    display: flex;
    flex-direction: column
}

.dropdown__options__option[data-v-6e8f003b] {
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
    padding: 12px 16px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dropdown__options__option_disabled[data-v-6e8f003b] {
    pointer-events: none
}

@media (min-width: 960px) and (max-width: 1279px) {
    .dropdown__options__option[data-v-6e8f003b]:hover {
        background-color: var(--surface-primary-hovered)
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .dropdown__options__option[data-v-6e8f003b]:hover {
        background-color: var(--surface-primary-hovered)
    }
}

@media (min-width: 1920px) {
    .dropdown__options__option[data-v-6e8f003b]:hover {
        background-color: var(--surface-primary-hovered)
    }
}

.dropdown__options__option[data-v-6e8f003b]:nth-of-type(n+2):before {
    background-color: var(--border-strong);
    content: "";
    height: .5px;
    left: 16px;
    position: absolute;
    right: 0;
    top: 0
}

.dropdown__options__option_empty[data-v-6e8f003b] {
    color: var(--text-secondary);
    pointer-events: none
}

.v-popper--theme-dropdown-mm.v-popper__popper {
    z-index: unset
}

.v-popper--theme-dropdown-mm, .v-popper--theme-dropdown-mm .v-popper__inner, .v-popper--theme-dropdown-mm .v-popper__wrapper {
    background-color: transparent;
    border-radius: 12px
}

.v-popper--theme-dropdown-mm .v-popper__inner {
    overflow: visible
}

.v-popper--theme-dropdown-mm .v-popper__inner > div {
    background-color: transparent;
    border-radius: 12px
}

.v-popper--theme-dropdown-mm .v-popper__arrow-container {
    display: none
}

.v-popper--theme-dropdown-mm .v-popper__backdrop {
    background-color: transparent;
    border-radius: 12px;
    display: none
}

.dropdown-button__label[data-v-7b895fbc] {
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dropdown-input_disabled[data-v-18c08df9] {
    pointer-events: none
}

.notification[data-v-3751527e] {
    border-radius: 12px;
    display: grid;
    gap: 8px;
    grid-template-columns:1fr;
    padding: 8px 16px
}

.notification_error[data-v-3751527e] {
    background-color: var(--surface-negative-rest)
}

.notification_warning[data-v-3751527e] {
    background-color: var(--surface-caution-rest)
}

.notification_neutral[data-v-3751527e] {
    background-color: var(--surface-secondary-rest)
}

.notification_has-icon[data-v-3751527e] {
    grid-template-columns:24px 1fr
}

.notification__icon[data-v-3751527e] {
    font-size: 24px
}

.notification__icon_error[data-v-3751527e] {
    color: var(--icon-negative)
}

.notification__icon_warning[data-v-3751527e] {
    color: var(--icon-caution)
}

.notification__icon_neutral[data-v-3751527e] {
    color: var(--icon-primary)
}

.notification__text[data-v-3751527e] {
    align-items: flex-start;
    color: var(--text-primary);
    display: flex;
    flex-direction: column;
    font-size: 16px;
    gap: 6px;
    line-height: 18px;
    text-align: left
}

.notification__text__title[data-v-3751527e] {
    font-weight: 500;
    padding-top: 3px
}

.snackbar[data-v-19d56f03] {
    background-color: var(--background-popover-inverted);
    border-radius: var(--rounding250);
    color: var(--text-inverse-primary);
    display: flex;
    gap: var(--spacing150);
    padding: var(--spacing175, 14px) var(--rounding250, 20px)
}

.snackbar__icon[data-v-19d56f03] {
    font-size: 24px;
    margin-left: 8px;
    margin-top: 5px
}

.snackbar__text[data-v-19d56f03] {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-family: HeliosC;
    font-size: var(--typography-font-size-body-m);
    line-height: var(--typography-line-height-default-body-m);
    margin-bottom: var(--spacing100);
    margin-top: var(--spacing100);
    overflow: hidden
}

.snackbar__close[data-v-19d56f03] {
    align-items: center;
    border-radius: var(--rounding100);
    cursor: pointer;
    display: flex;
    font-size: 24px;
    height: 36px;
    justify-content: center;
    margin-left: auto;
    min-width: 36px;
    transition-duration: .2s;
    width: 36px
}

.snackbar__close[data-v-19d56f03]:hover {
    background-color: hsla(0, 0%, 100%, .1)
}

.text_primary[ui-19] {
    color: var(--text-primary)
}

.text_secondary{
    color: var(--text-secondary)
}

.text_tertiary[ui-19] {
    color: var(--text-tertiary)
}

.text_disabled[ui-19] {
    color: var(--text-disabled)
}

.text_inverse-primary[ui-19] {
    color: var(--text-inverse-primary)
}

.text_inverse-secondary[ui-19] {
    color: var(--text-inverse-secondary)
}

.text_inverse-disabled[ui-19] {
    color: var(--text-inverse-disabled)
}

.text_accented[ui-19] {
    color: var(--text-accented)
}

.text_flashsale[ui-19] {
    color: var(--text-flashsale)
}

.text_info[ui-19] {
    color: var(--text-info)
}

.text_positive[ui-19] {
    color: var(--text-positive)
}

.text_caution[ui-19] {
    color: var(--text-caution)
}

.text_negative[ui-19] {
    color: var(--text-negative)
}

.text_display-m-bold[ui-19] {
    font-size: var(--display-m-bold);
    font-weight: 700;
    line-height: 1.142857
}

.text_display-s-bold[ui-19] {
    font-size: var(--display-s-bold);
    font-weight: 700;
    line-height: 1.222222
}

.text_headline-l-medium[ui-19] {
    font-size: var(--headline-l-medium);
    font-weight: 500;
    line-height: 1.25
}

.text_headline-l-semibold[ui-19] {
    font-size: var(--headline-l-semibold);
    font-weight: 600;
    line-height: 1.25
}

.text_headline-l-bold[ui-19] {
    font-size: var(--headline-l-bold);
    font-weight: 700;
    line-height: 1.25
}

.text_headline-m-medium[ui-19] {
    font-size: var(--headline-m-medium);
    font-weight: 500;
    line-height: 1.285714
}

.text_headline-m-semibold[ui-19] {
    font-size: var(--headline-m-semibold);
    font-weight: 600;
    line-height: 1.285714
}

.text_headline-m-bold[ui-19] {
    font-size: var(--headline-m-bold);
    font-weight: 700;
    line-height: 1.285714
}

.text_headline-s-medium[ui-19] {
    font-size: var(--headline-s-medium);
    font-weight: 500;
    line-height: 1.25
}

.text_headline-s-semibold[ui-19] {
    font-size: var(--headline-s-semibold);
    font-weight: 600;
    line-height: 1.25
}

.text_headline-s-bold[ui-19] {
    font-size: var(--headline-s-bold);
    font-weight: 700;
    line-height: 1.25
}

.text_title-l-medium[ui-19] {
    font-size: var(--title-l-medium);
    font-weight: 500;
    line-height: 1.272727
}

.text_title-l-medium-long[ui-19] {
    font-size: var(--title-l-medium-long);
    font-weight: 500;
    line-height: 1.454545
}

.text_title-l-semibold[ui-19] {
    font-size: var(--title-l-semibold);
    font-weight: 600;
    line-height: 1.272727
}

.text_title-l-semibold-long[ui-19] {
    font-size: var(--title-l-semibold-long);
    font-weight: 600;
    line-height: 1.454545
}

.text_title-l-bold[ui-19] {
    font-size: var(--title-l-bold);
    font-weight: 700;
    line-height: 1.272727
}

.text_title-l-bold-long[ui-19] {
    font-size: var(--title-l-bold-long);
    font-weight: 700;
    line-height: 1.454545
}

.text_title-m-medium[ui-19] {
    font-size: var(--title-m-medium);
    font-weight: 500;
    line-height: 1.2
}

.text_title-m-medium-long[ui-19] {
    font-size: var(--title-m-medium-long);
    font-weight: 500;
    line-height: 1.5
}

.text_title-m-semibold[ui-19] {
    font-size: var(--title-m-semibold);
    font-weight: 600;
    line-height: 1.2
}

.text_title-m-semibold-long[ui-19] {
    font-size: var(--title-m-semibold-long);
    font-weight: 600;
    line-height: 1.5
}

.text_title-m-bold[ui-19] {
    font-size: var(--title-m-bold);
    font-weight: 700;
    line-height: 1.2
}

.text_title-m-bold-long[ui-19] {
    font-size: var(--title-m-bold-long);
    font-weight: 700;
    line-height: 1.5
}

.text_title-s-medium[ui-19] {
    font-size: var(--title-s-medium);
    font-weight: 500;
    line-height: 1.222222
}

.text_title-s-medium-long[ui-19] {
    font-size: var(--title-s-medium-long);
    font-weight: 500;
    line-height: 1.555556
}

.text_title-s-semibold[ui-19] {
    font-size: var(--title-s-semibold);
    font-weight: 600;
    line-height: 1.222222
}

.text_title-s-semibold-long[ui-19] {
    font-size: var(--title-s-semibold-long);
    font-weight: 600;
    line-height: 1.555556
}

.text_title-s-bold[ui-19] {
    font-size: var(--title-s-bold);
    font-weight: 700;
    line-height: 1.222222
}

.text_title-s-bold-long[ui-19] {
    font-size: var(--title-s-bold-long);
    font-weight: 700;
    line-height: 1.555556
}

.text_body-l-regular[ui-19] {
    font-size: var(--body-l-regular);
    font-weight: 400;
    line-height: 1.25
}

.text_body-l-regular-long[ui-19] {
    font-size: var(--body-l-regular-long);
    font-weight: 400;
    line-height: 1.375
}

.text_body-l-medium[ui-19] {
    font-size: var(--body-l-medium);
    font-weight: 500;
    line-height: 1.25
}

.text_body-l-medium-long[ui-19] {
    font-size: var(--body-l-medium-long);
    font-weight: 500;
    line-height: 1.375
}

.text_body-l-semibold[ui-19] {
    font-size: var(--body-l-semibold);
    font-weight: 600;
    line-height: 1.25
}

.text_body-l-semibold-long[ui-19] {
    font-size: var(--body-l-semibold-long);
    font-weight: 600;
    line-height: 1.375
}

.text_body-l-bold[ui-19] {
    font-size: var(--body-l-bold);
    font-weight: 700;
    line-height: 1.25
}

.text_body-l-bold-long[ui-19] {
    font-size: var(--body-l-bold-long);
    font-weight: 700;
    line-height: 1.375
}

.text_body-m-regular[ui-19] {
    font-size: var(--body-m-regular);
    font-weight: 400;
    line-height: 1.285714
}

.text_body-m-regular-long[ui-19] {
    font-size: var(--body-m-regular-long);
    font-weight: 400;
    line-height: 1.428571
}

.text_body-m-medium{
    font-size: var(--body-m-medium);
    font-weight: 500;
    line-height: 1.285714
}

.text_body-m-medium-long[ui-19] {
    font-size: var(--body-m-medium-long);
    font-weight: 500;
    line-height: 1.428571
}

.text_body-m-semibold[ui-19] {
    font-size: var(--body-m-semibold);
    font-weight: 600;
    line-height: 1.285714
}

.text_body-m-semibold-long[ui-19] {
    font-size: var(--body-m-semibold-long);
    font-weight: 600;
    line-height: 1.428571
}

.text_body-m-bold[ui-19] {
    font-size: var(--body-m-bold);
    font-weight: 700;
    line-height: 1.285714
}

.text_body-m-bold-long[ui-19] {
    font-size: var(--body-m-bold-long);
    font-weight: 700;
    line-height: 1.428571
}

.text_body-s-regular[ui-19] {
    font-size: var(--body-s-regular);
    font-weight: 400;
    line-height: 1.333333
}

.text_body-s-regular-long[ui-19] {
    font-size: var(--body-s-regular-long);
    font-weight: 400;
    line-height: 1.5
}

.text_body-s-medium[ui-19] {
    font-size: var(--body-s-medium);
    font-weight: 500;
    line-height: 1.333333
}

.text_body-s-medium-long[ui-19] {
    font-size: var(--body-s-medium-long);
    font-weight: 500;
    line-height: 1.5
}

.text_body-s-semibold[ui-19] {
    font-size: var(--body-s-semibold);
    font-weight: 600;
    line-height: 1.333333
}

.text_body-s-semibold-long[ui-19] {
    font-size: var(--body-s-semibold-long);
    font-weight: 600;
    line-height: 1.5
}

.text_body-s-bold[ui-19] {
    font-size: var(--body-s-bold);
    font-weight: 700;
    line-height: 1.333333
}

.text_body-s-bold-long[ui-19] {
    font-size: var(--body-s-bold-long);
    font-weight: 700;
    line-height: 1.5
}

.text_caption-l-medium[ui-19] {
    font-size: var(--caption-l-medium);
    font-weight: 500;
    line-height: 1.333333
}

.text_caption-l-regular[ui-19] {
    font-size: var(--caption-l-regular);
    font-weight: 400;
    line-height: 1.333333
}

.text_caption-m-regular[ui-19] {
    font-size: var(--caption-m-regular);
    font-weight: 400;
    line-height: 1.454545
}

.text_caption-m-medium[ui-19] {
    font-size: var(--caption-m-medium);
    font-weight: 500;
    line-height: 1.454545
}

.text_caption-s-regular[ui-19] {
    font-size: var(--caption-s-regular);
    font-weight: 400;
    line-height: 1.4
}

.text_caption-s-medium[ui-19] {
    font-size: var(--caption-s-medium);
    font-weight: 500;
    line-height: 1.4
}

.text[ui-19] {
    font-family: HeliosC
}

.vpn-notification[data-v-561aa01c] {
    align-items: center;
    background-color: #fff8e6;
    display: flex;
    gap: 6px;
    padding: var(--spacing125) var(--spacing150)
}

.vpn-notification__icon[data-v-561aa01c] {
    color: var(--icon-caution);
    font-size: 16px
}

.vpn-notification__text[data-v-561aa01c] {
    font-family: HeliosC;
    font-size: var(--typography-font-size-body-s);
    line-height: var(--typography-line-height-default-body-s)
}

.vpn-notification__close[data-v-561aa01c] {
    color: var(--icon-tertiary-filled);
    font-size: 20px;
    margin-left: auto
}

.fade-enter-active[data-v-561aa01c] {
    animation: fade-in-561aa01c .35s
}

.fade-leave-active[data-v-561aa01c] {
    animation: fade-in-561aa01c .35s reverse
}

@-moz-keyframes fade-in-561aa01c {
    0% {
        height: 0
    }
    to {
        height: auto
    }
}

@-webkit-keyframes fade-in-561aa01c {
    0% {
        height: 0
    }
    to {
        height: auto
    }
}

@-o-keyframes fade-in-561aa01c {
    0% {
        height: 0
    }
    to {
        height: auto
    }
}

@keyframes fade-in-561aa01c {
    0% {
        height: 0
    }
    to {
        height: auto
    }
}

.vpn-popup[data-v-a6141fee] {
    bottom: 24px;
    display: flex;
    justify-content: center;
    max-width: 523px;
    position: fixed;
    z-index: 2147483647
}

.fade-enter-active[data-v-a6141fee] {
    animation: fade-in-a6141fee .2s
}

.fade-leave-active[data-v-a6141fee] {
    animation: fade-in-a6141fee .2s reverse
}

@-moz-keyframes fade-in-a6141fee {
    0% {
        opacity: 0;
        transform: translateY(16px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes fade-in-a6141fee {
    0% {
        opacity: 0;
        transform: translateY(16px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-o-keyframes fade-in-a6141fee {
    0% {
        opacity: 0;
        transform: translateY(16px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fade-in-a6141fee {
    0% {
        opacity: 0;
        transform: translateY(16px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.ui-button[ui-09] {
    --bg-color: transparent;
    --color: #000;
    --border-radius: 10px;
    align-items: center;
    align-self: center;
    background-color: var(--bg-color);
    border: none;
    border-radius: var(--border-radius);
    color: var(--color);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    text-decoration: none;
    transition: all .2s
}

.ui-button[ui-09]:after {
    border-radius: var(--border-radius)
}

.ui-button .slot[ui-09] {
    align-items: center;
    display: flex;
    height: 100%
}

.ui-button[ui-09] .ui-icon path {
    fill: var(--color) !important
}

.ui-button[ui-09] .ui-icon.loading-icon {
    animation: spinner-cb9a05c6 1s linear infinite
}

.ui-button[ui-09]:focus-visible {
    box-shadow: inset 0 0 0 1px #fff;
    outline: none;
    position: relative
}

.ui-button[ui-09]:focus-visible:after {
    box-shadow: 0 0 0 2px #19c5ff;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%
}

.ui-button.disabled[ui-09], .ui-button.loading[ui-09], .ui-button[ui-09]:disabled {
    pointer-events: none
}

.ui-button.small[ui-09] {
    --border-radius: 10px;
    column-gap: 6px;
    font-family: HeliosC;
    font-size: 16px;
    font-weight: 500;
    height: 36px;
    letter-spacing: .006em;
    line-height: 18px;
    padding: 0 12px;
    text-align: center
}

.ui-button.small[ui-09] .slot.default {
    margin: 0 4px
}

.ui-button.small[ui-09] .ui-icon {
    height: 24px;
    width: 24px
}

.ui-button.medium[ui-09] {
    --border-radius: 12px;
    column-gap: 8px;
    font-family: HeliosC;
    font-size: 16px;
    font-weight: 500;
    height: 44px;
    letter-spacing: .004em;
    line-height: 20px;
    padding: 0 14px;
    text-align: center
}

.ui-button.medium[ui-09] .slot.default {
    margin: 0 2px
}

.ui-button.medium[ui-09] .ui-icon {
    height: 28px;
    width: 28px
}

.ui-button.large[ui-09] {
    --border-radius: 12px;
    column-gap: 10px;
    font-family: HeliosC;
    font-size: 16px;
    font-weight: 600;
    height: 56px;
    letter-spacing: .004em;
    line-height: 20px;
    padding: 0 18px;
    text-align: center
}

@media (min-width: 640px) and (max-width: 959px) {
    .ui-button.large[ui-09] {
        height: 52px
    }
}

@media (max-width: 639px) {
    .ui-button.large[ui-09] {
        height: 52px
    }
}

.ui-button.large[ui-09] .slot.default {
    margin: 0 2px
}

.ui-button.large[ui-09] .ui-icon {
    height: 28px;
    width: 28px
}

.ui-button.secondary[ui-09] {
    --bg-color: #f0f1f5;
    --color: #15151a
}

.ui-button.secondary[ui-09]:hover {
    --bg-color: #e9ebf0
}

.ui-button.secondary.active[ui-09], .ui-button.secondary[ui-09]:active {
    --bg-color: #e4e6eb
}

.ui-button.secondary.disabled[ui-09], .ui-button.secondary[ui-09]:disabled {
    --bg-color: #f5f6f7;
    --color: #a6a9b3
}

.ui-button.tertiary-ghost[ui-09] {
    --bg-color: transparent;
    --color: #15151a
}

.ui-button.tertiary-ghost[ui-09]:hover {
    --bg-color: #e9ebf0
}

.ui-button.tertiary-ghost.active[ui-09], .ui-button.tertiary-ghost[ui-09]:active {
    --bg-color: #e4e6eb
}

.ui-button.tertiary-ghost.disabled[ui-09], .ui-button.tertiary-ghost[ui-09]:disabled {
    --bg-color: #f5f6f7;
    --color: #a6a9b3
}

.ui-button.tertiary-outlined[ui-09] {
    --bg-color: transparent;
    --color: #15151a;
    box-shadow: inset 0 0 0 1px #d0d2d9
}

.ui-button.tertiary-outlined[ui-09]:hover {
    --bg-color: #e9ebf0
}

.ui-button.tertiary-outlined.active[ui-09], .ui-button.tertiary-outlined[ui-09]:active {
    --bg-color: #e4e6eb
}

.ui-button.tertiary-outlined.disabled[ui-09], .ui-button.tertiary-outlined[ui-09]:disabled {
    --color: #a6a9b2;
    box-shadow: inset 0 0 0 1px #dfe1e6
}

.ui-button.primary-red[ui-09] {
    --bg-color: #fa0000;
    --color: #f7f9fc
}

.ui-button.primary-red[ui-09]:hover {
    --bg-color: #ff3336
}

.ui-button.primary-red.active[ui-09], .ui-button.primary-red[ui-09]:active {
    --bg-color: #e00000
}

.ui-button.primary-red.disabled[ui-09], .ui-button.primary-red[ui-09]:disabled {
    --bg-color: #f5f6f7;
    --color: #a6a9b3
}

.ui-button.primary-black[ui-09] {
    --bg-color: #15151a;
    --color: #f7f9fc
}

.ui-button.primary-black[ui-09]:hover {
    --bg-color: #1f2026
}

.ui-button.primary-black.active[ui-09], .ui-button.primary-black[ui-09]:active {
    --bg-color: #000
}

.ui-button.primary-black.disabled[ui-09], .ui-button.primary-black[ui-09]:disabled {
    --bg-color: #f5f6f7;
    --color: #a6a9b3
}

.ui-button.primary-violet[ui-09] {
    --bg-color: #7000ff;
    --color: #fff
}

.ui-button.primary-violet[ui-09]:hover {
    --bg-color: #5d00d6
}

.ui-button.primary-violet.active[ui-09], .ui-button.primary-violet[ui-09]:active {
    --bg-color: #420099
}

.ui-button.primary-violet.disabled[ui-09], .ui-button.primary-violet[ui-09]:disabled {
    --bg-color: #f5f6f7;
    --color: #a6a9b3
}

@-moz-keyframes spinner-cb9a05c6 {
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes spinner-cb9a05c6 {
    to {
        transform: rotate(1turn)
    }
}

@-o-keyframes spinner-cb9a05c6 {
    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-cb9a05c6 {
    to {
        transform: rotate(1turn)
    }
}

.radio-image[data-v-5ac41e78] {
    cursor: pointer;
    height: 84px;
    width: 63px
}

.radio-image .radio-image-wrapper[data-v-5ac41e78] {
    align-items: center;
    border: 1px solid #cacbce;
    border-radius: 8px;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

.radio-image .radio-image-wrapper .image-wrapper[data-v-5ac41e78] {
    height: 100%;
    position: relative;
    width: 100%
}

.radio-image .radio-image-wrapper .image-wrapper > img[data-v-5ac41e78] {
    border-radius: 8px;
    height: 100%;
    width: 100%
}

.radio-image .radio-image-wrapper.disabled[data-v-5ac41e78] {
    border: 1px dashed #cacbce
}

.radio-image .radio-image-wrapper.disabled .image-wrapper[data-v-5ac41e78] {
    opacity: .8
}

.radio-image .radio-image-wrapper.disabled .diagonal[data-v-5ac41e78] {
    background-color: rgba(0, 0, 0, .2);
    height: 1px;
    left: -30%;
    position: absolute;
    top: 48%;
    transform: rotate(54deg);
    width: 160%
}

.radio-image .radio-image-wrapper.disabled .diagonal[data-v-5ac41e78]:before {
    background-color: rgba(54, 55, 64, .2);
    content: "";
    height: 1px;
    position: absolute;
    top: 1.5px;
    transform: translateY(-50%);
    width: 100%
}

.radio-image .radio-image-wrapper[data-v-5ac41e78]:hover {
    border: 2px solid rgba(0, 0, 0, .2)
}

.radio-image .radio-image-wrapper:hover .image-wrapper[data-v-5ac41e78] {
    height: calc(100% - 2px);
    width: calc(100% - 2px)
}

.radio-image .radio-image-wrapper:hover .image-wrapper img[data-v-5ac41e78] {
    border-radius: 6px
}

.radio-image .radio-image-wrapper.active[data-v-5ac41e78] {
    border: 2px solid #1d1e20
}

.radio-image .radio-image-wrapper.active .image-wrapper[data-v-5ac41e78] {
    height: calc(100% - 2px);
    width: calc(100% - 2px)
}

.radio-image .radio-image-wrapper.active .image-wrapper img[data-v-5ac41e78] {
    border-radius: 6px
}

.radio-image .radio-image-wrapper.active.disabled[data-v-5ac41e78] {
    border: 2px solid #1d1e20
}

.radio-image .radio-image-wrapper.active.disabled .diagonal[data-v-5ac41e78] {
    left: -20%;
    width: 138%
}

.radio-color[data-v-97cb64b8] {
    cursor: pointer;
    height: 44px;
    width: 44px
}

.radio-color .radio-color-wrapper[data-v-97cb64b8] {
    border-radius: 50%;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.radio-color .radio-color-wrapper:hover .color[data-v-97cb64b8]:before {
    background-color: rgba(0, 0, 0, .06)
}

.radio-color .radio-color-wrapper .color[data-v-97cb64b8], .radio-color .radio-color-wrapper .color[data-v-97cb64b8]:before {
    border-radius: 50%;
    box-sizing: border-box;
    height: 100%;
    position: absolute;
    width: 100%
}

.radio-color .radio-color-wrapper .color[data-v-97cb64b8]:before {
    border: 1px solid rgba(54, 55, 63, .2);
    content: ""
}

.radio-color .radio-color-wrapper.active[data-v-97cb64b8] {
    border: 2px solid #141416
}

.radio-color .radio-color-wrapper.active .color[data-v-97cb64b8] {
    height: 90%;
    left: 2px;
    top: 2px;
    width: 90%
}

.radio-color .radio-color-wrapper.active .color[data-v-97cb64b8]:before {
    border: none
}

.radio-color .radio-color-wrapper.disabled .color[data-v-97cb64b8] {
    opacity: .4
}

.radio-color .radio-color-wrapper.disabled .diagonal[data-v-97cb64b8] {
    background-color: #fff;
    height: 3px;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 46%;
    transform: rotate(54deg);
    width: 100%
}

.radio-color .radio-color-wrapper.disabled .diagonal[data-v-97cb64b8]:before {
    background-color: #76797f;
    content: "";
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.radio-color .radio-color-wrapper.disabled.active .diagonal[data-v-97cb64b8] {
    right: 5%;
    width: 90%
}

.radio-text[data-v-14b82d55] {
    cursor: pointer;
    width: fit-content
}

.radio-text .radio-text-wrapper[data-v-14b82d55] {
    align-items: center;
    border: 1px solid #cacbce;
    border-radius: 8px;
    box-sizing: border-box;
    color: #141416;
    display: flex;
    font-family: HeliosC;
    font-size: 16px;
    font-weight: 500;
    justify-content: center;
    letter-spacing: .006em;
    line-height: 18px;
    min-height: 44px;
    min-width: 44px;
    overflow: hidden;
    position: relative;
    text-align: center
}

.radio-text .radio-text-wrapper[data-v-14b82d55]:hover {
    background-color: #fafafa
}

.radio-text .radio-text-wrapper .text[data-v-14b82d55] {
    padding: 13px 16px;
    vertical-align: middle
}

.radio-text .radio-text-wrapper.long-text[data-v-14b82d55] {
    text-align: left
}

.radio-text .radio-text-wrapper.disabled[data-v-14b82d55] {
    background-color: #fafafa;
    border: 1px dashed #cacbce
}

.radio-text .radio-text-wrapper.disabled[data-v-14b82d55]:hover {
    background-color: #f4f4f5
}

.radio-text .radio-text-wrapper.disabled .text[data-v-14b82d55] {
    color: #a7aab4;
    z-index: 1
}

.radio-text .radio-text-wrapper.disabled .diagonal[data-v-14b82d55] {
    background-color: #dfe0e2;
    height: 1px;
    position: absolute;
    right: 10%;
    text-align: center;
    top: 47%;
    transform: rotate(54deg);
    width: 75%
}

.radio-text .radio-text-wrapper[data-v-14b82d55]:hover {
    border: 2px solid rgba(0, 0, 0, .2)
}

.radio-text .radio-text-wrapper.active.disabled[data-v-14b82d55], .radio-text .radio-text-wrapper.active[data-v-14b82d55] {
    border: 2px solid #1d1e20
}

.ui-button[ui-82] {
    align-items: center;
    align-self: center;
    border: none;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    transition: all .2s
}

.ui-button .slot.after[ui-82], .ui-button .slot.before[ui-82], .ui-button .slot.default[ui-82] {
    align-items: center;
    display: flex;
    height: 100%
}

.ui-checkbox[data-v-a64768a8] {
    cursor: pointer;
    display: flex;
    position: relative
}

.ui-checkbox input[data-v-a64768a8] {
    height: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 0;
    z-index: -1
}

.ui-checkbox.is-checked .ui-checkbox--indicator[data-v-a64768a8] {
    background-color: red;
    border: 1px solid red
}

.ui-checkbox.is-checked .ui-checkbox--indicator[data-v-a64768a8]:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    content: "";
    height: 8px;
    left: 5px;
    position: absolute;
    top: 2px;
    transform: rotate(45deg);
    width: 3px
}

.ui-checkbox.is-disabled[data-v-a64768a8] {
    cursor: not-allowed;
    opacity: .5
}

.ui-checkbox.is-disabled .ui-checkbox--indicator[data-v-a64768a8] {
    background-color: #f4f4f5;
    border: 1px solid #cacbce
}

.ui-checkbox.is-disabled.is-checked .ui-checkbox--indicator[data-v-a64768a8] {
    background-color: #a0a2a7;
    border: 1px solid #a0a2a7
}

.ui-checkbox .ui-checkbox--indicator[data-v-a64768a8] {
    background: #fff;
    border: 1px solid #000;
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    flex-shrink: 0;
    height: 16px;
    position: relative;
    vertical-align: middle;
    width: 16px
}

.ui-checkbox .ui-checkbox--label[data-v-a64768a8] {
    display: inline-block;
    line-height: 16px;
    padding-left: .6rem;
    vertical-align: middle
}

.title-wrapper[data-v-6290f81d] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 16px 4px 8px 16px
}

.title-wrapper .title[data-v-6290f81d] {
    font-family: HeliosC;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2em
}

.title-wrapper .clear[data-v-6290f81d] {
    background-color: transparent;
    border-radius: 4px;
    color: #141416;
    color: hsla(220, 4%, 48%, .7);
    cursor: pointer;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.2em;
    padding: 8px 12px;
    text-decoration: none
}

.title-wrapper .clear[data-v-6290f81d]:hover {
    background-color: hsla(220, 4%, 48%, .1)
}

.title-wrapper .clear[data-v-6290f81d]:active {
    background-color: hsla(220, 4%, 48%, .2)
}

.title-wrapper .clear.disabled[data-v-6290f81d], .title-wrapper .clear[data-v-6290f81d]:disabled {
    color: #a0a2a7
}

.text-suggestions .cell[data-v-6290f81d] {
    padding: 12px 51px 12px 50px;
    position: relative;
    text-align: left
}

.text-suggestions .cell.hover[data-v-6290f81d] {
    background-color: #f4f4f5;
    cursor: pointer
}

.text-suggestions .cell .suggest[data-v-6290f81d] {
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4em
}

.text-suggestions .cell .suggest[data-v-6290f81d] .suggest--bold {
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 800;
    line-height: 1.4em
}

.text-suggestions .cell[data-v-6290f81d] .icon-left {
    fill: hsla(220, 4%, 48%, .7);
    height: 20px;
    margin: 0;
    width: 20px
}

.text-suggestions .cell .icon-wrapper[data-v-6290f81d] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0
}

.text-suggestions .cell .icon-wrapper.right[data-v-6290f81d] {
    right: 0;
    width: 51px
}

.text-suggestions .cell .icon-wrapper.right[data-v-6290f81d]:hover .icon-right {
    fill: hsla(220, 4%, 48%, .9)
}

.text-suggestions .cell .icon-wrapper.left[data-v-6290f81d] {
    justify-content: flex-end;
    left: 0;
    width: 35px
}

.text-suggestions .cell[data-v-6290f81d] .icon-right {
    fill: hsla(220, 4%, 48%, .7);
    height: 28px;
    width: 33px
}

.separator-line[data-v-6290f81d] {
    border-bottom: 1px solid hsla(220, 4%, 48%, .15);
    margin-left: 50px
}

@media (min-width: 960px) and (max-width: 1279px) {
    .separator-line[data-v-6290f81d] {
        display: none
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .separator-line[data-v-6290f81d] {
        display: none
    }
}

@media (min-width: 1920px) {
    .separator-line[data-v-6290f81d] {
        display: none
    }
}

[loader-spinner-spinner] {
    margin: 0 auto;
    width: 24px
}

[loader-spinner-spinner] > .dot {
    animation: fx .8s ease 0ms infinite;
    background: rgba(0, 0, 0, .38);
    border-radius: 50%;
    height: 5px;
    width: 5px
}

[loader-spinner-spinner] > .dot:nth-child(2) {
    animation: fx .8s ease .15s infinite
}

[loader-spinner-spinner] > .dot:nth-child(3) {
    animation: fx .8s ease .3s infinite
}

@-webkit-keyframes fx {
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fx {
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@media only screen and (max-width: 960px) {
    [ui-button] {
        font-size: .875rem;
        height: 36px;
        padding: 5px 20px
    }
}

@media only screen and (min-width: 960px) {
    [ui-button] {
        font-size: 1rem;
        height: 42px;
        padding: 10px 20px
    }
}

[ui-button] {
    background-color: transparent;
    border: 1px solid var(--border-accented);
    border-radius: 8px;
    cursor: pointer;
    font-family: HeliosC;
    font-weight: 500;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: .15s ease;
    width: auto
}

[ui-button].tall {
    height: 48px
}

[ui-button].non-padding {
    border: 0;
    height: auto;
    padding: 0
}

[ui-button].non-padding:active {
    color: initial !important
}

[ui-button].bordered {
    background-color: #fff;
    border-color: var(--border-accented);
    color: var(--button-primary-accented-rest)
}

[ui-button].bordered.disabled, [ui-button].bordered:disabled {
    background-color: #fff;
    border-color: rgba(229, 57, 53, .5);
    color: rgba(229, 57, 53, .5)
}

[ui-button].bordered:hover {
    background-color: #f8f8f8
}

[ui-button].deframed:hover {
    color: rgba(0, 0, 0, .87)
}

[ui-button].wide {
    width: 100%
}

[ui-button].deframed {
    border: 1px solid transparent
}

[ui-button].translucent {
    background: rgba(0, 0, 0, .06);
    border: none;
    color: rgba(0, 0, 0, .54)
}

[ui-button].translucent:hover {
    background: rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .74)
}

[ui-button].solid {
    background-color: var(--button-primary-accented-rest);
    border: none;
    color: #fff
}

[ui-button].solid.accept {
    background-color: #66bb6a
}

[ui-button].solid.disabled, [ui-button].solid:disabled {
    background-color: rgba(229, 57, 53, .5);
    color: #fff
}

[ui-button].solid.disabled:hover, [ui-button].solid:disabled:hover {
    background-color: rgba(0, 0, 0, .12)
}

[ui-button].solid:hover {
    background-color: var(--button-primary-accented-rest)
}

[ui-button].solid.accept:hover {
    background-color: #4caf50
}

[ui-button].deframed:hover, [ui-button].transparent {
    opacity: .8
}

[ui-button]:hover.transparent {
    opacity: 1
}

[ui-button] > .ripple {
    border-radius: 50%;
    opacity: .3;
    position: absolute;
    transform: scale(0)
}

[ui-button].chip > .ripple, [ui-button].solid > .ripple {
    background-color: #fff
}

[ui-button].deframed > .ripple {
    background-color: #000
}

[ui-button].chip > .ripple.active, [ui-button].deframed > .ripple.active, [ui-button].solid > .ripple.active {
    animation: ripple .5s linear
}

@keyframes ripple {
    to {
        opacity: 0;
        transform: scale(3)
    }
}

[ui-link] {
    color: inherit;
    text-decoration: none
}

[ui-link].underlined {
    text-decoration: underline
}

[ui-link].transparent {
    color: rgba(0, 0, 0, .7)
}

[ui-link].transparent:hover {
    color: #000;
    opacity: 1
}

[ui-link].active-link {
    color: #000
}

[ui-link].exact-active-link {
    color: #000;
    font-weight: 500
}

section[express], section[express] > #section-express-content {
    width: 100%
}

section[express] .section-link {
    align-items: center;
    display: flex
}

section[express] .section-link-icon {
    filter: brightness(0);
    padding-right: 3px;
    transform: rotate(-90deg)
}

div[ui-wrapper] {
    margin: 0 auto;
    max-width: 1240px;
    min-width: 320px;
    width: 95%
}

[ui-help-tooltip] {
    cursor: pointer;
    display: inline;
    position: relative
}

#icon-help {
    margin: -3px 0 0 5px;
    opacity: .7
}

[ui-help-tooltip] > [toltip-text] {
    background: #757575;
    border-radius: 2px;
    color: #fff;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.83;
    margin: auto;
    padding: 10px 15px;
    position: absolute;
    width: 250px;
    z-index: 2
}

[ui-help-tooltip].right > [toltip-text] {
    left: 100%;
    margin-left: 20px
}

[ui-help-tooltip].left > [toltip-text] {
    right: 100%
}

[ui-help-tooltip].bottom > [toltip-text] {
    top: 100%;
    transform: translate3d(0, -20px, 0)
}

[ui-help-tooltip].top > [toltip-text] {
    bottom: 100%;
    transform: translate3d(0, 20px, 0)
}

@media only screen and (max-width: 51em) {
    #icon-help {
        margin: -3px 0 0 4px;
        width: 18px
    }
}

@media only screen and (max-width: 24em) {
    [ui-help-tooltip] > [toltip-text] {
        width: 170px
    }

    #icon-help {
        margin: -2px 0 0 3px;
        width: 15px
    }
}

[ui-input] {
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 4px;
    color: rgba(0, 0, 0, .87);
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 400;
    height: 2.5rem;
    padding: 0;
    text-indent: 1rem;
    width: 100%
}

[ui-input][type=number] {
    position: relative
}

[input-form-group] [ui-label] {
    margin-bottom: 7px
}

[input-form-group].tall [ui-input] {
    font-size: 1.1rem;
    height: 3rem
}

[input-form-group] [ui-input]:-moz-placeholder, [input-form-group] [ui-input]:-ms-input-placeholder, [input-form-group] [ui-input]::-moz-placeholder, [input-form-group] [ui-input]::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

[input-form-group] [ui-input]:not([readonly]):focus {
    border-color: rgba(0, 0, 0, .38)
}

[input-form-group] [ui-input][name=phone_code], [input-form-group].center [ui-input] {
    text-align: center;
    text-indent: 0
}

[input-form-group] > div[express]:after {
    height: 0;
    margin-top: 0
}

[input-form-group] > div[express].has-error:after {
    color: #e53935;
    content: attr(data-error);
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: auto;
    margin-top: 9px;
    transition: all .2s
}

[input-form-group] [ui-input].has-error {
    border-color: #e53935
}

[input-form-group] > div[express] {
    position: relative;
    transition: all .2s
}

[input-form-group] > div[express] > #tooltip {
    position: absolute;
    right: 1px;
    top: 0
}

[ui-form][horizontal] > [input-form-group] [ui-input].has-error:after {
    height: auto
}

[ui-form][horizontal] > [input-form-group] [ui-input] {
    width: 80%
}

[ui-form][inline] > [input-form-group] [ui-input] {
    width: 100%
}

[ui-form][inline] > [input-form-group] [ui-input]:after {
    height: 0
}

[ui-input][type=number] {
    -moz-appearance: textfield;
    padding: 1px
}

[ui-input]::-webkit-inner-spin-button, [ui-input]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

[input-form-group] > div[express] > #tooltip > button, [input-form-group] > div[express] > button {
    background: none;
    border: 0;
    border-radius: 0;
    height: 38px;
    padding: 0;
    position: absolute;
    top: 1px;
    width: 38px;
    z-index: 1
}

@media (max-width: 960px) {
    [input-form-group] > div[express] > #tooltip > button, [input-form-group] > div[express] > button {
        height: 33px;
        width: 33px
    }
}

[input-form-group] > div[express] > button {
    left: 1px
}

[input-form-group] > div[express] > #tooltip > button {
    right: 1px
}

[input-form-group] > div[express] > #tooltip > button > i, [input-form-group] > div[express] > button > i {
    background: #000;
    display: block;
    height: 2px;
    margin: 0 auto;
    width: 14px
}

[input-form-group] > div[express] > #tooltip > button > i:after {
    background: #000;
    content: "";
    display: block;
    height: 14px;
    margin: -6px 0 0 6px;
    position: absolute;
    width: 2px
}

[input-form-group] > div[express] > #prefix {
    align-items: center;
    background: #fff;
    bottom: 1px;
    color: rgba(0, 0, 0, .54);
    display: flex;
    font-size: .875rem;
    height: auto;
    left: 1px;
    padding-left: 8px;
    position: absolute;
    top: 1px
}

[input-form-group] > div[express] > [ui-input][type=price] {
    text-indent: 2rem
}

#tooltip > span {
    background: var(--button-primary-accented-rest);
    border-radius: 4px;
    bottom: 7px;
    color: #fff;
    display: none;
    font-size: 13px;
    left: -30px;
    padding: 5px 8px;
    position: absolute;
    text-align: center;
    white-space: nowrap
}

span.after {
    border-color: var(--border-accented) transparent transparent transparent;
    border-style: solid;
    border-width: 3px;
    content: " ";
    left: 5%;
    position: absolute;
    top: 100%
}

#tooltip:hover > span {
    display: inherit;
    z-index: 999
}

@media (max-width: 960px) {
    #tooltip > span {
        display: inherit
    }
}

[ui-card] {
    background-color: #fff
}

[ui-card].bordered {
    border: 1px solid rgba(0, 0, 0, .25)
}

[ui-abstract-radio] {
    margin: 0 -5px
}

[ui-abstract-radio] > .radio-item {
    border: 1px solid rgba(0, 0, 0, .2);
    box-sizing: border-box;
    color: rgba(0, 0, 0, .87);
    cursor: pointer;
    display: inline-block;
    font-size: .875rem;
    line-height: 38px;
    margin: .25rem 5px;
    min-height: 40px;
    min-width: 40px;
    overflow: hidden;
    position: relative;
    text-align: center
}

[ui-abstract-radio] > .radio-item.text-characteristic .text {
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 500;
    left: 0;
    line-height: 1.4em;
    margin: 0 auto;
    min-width: 38px;
    padding: 0 10px;
    position: relative;
    right: 0;
    text-align: center;
    user-select: none;
    width: 100%
}

[ui-abstract-radio] > .radio-item.active {
    border: 2px solid #141416
}

[ui-abstract-radio] > .radio-item.disabled {
    position: relative
}

[ui-abstract-radio] > .radio-item.color.disabled .diagonal, [ui-abstract-radio] > .radio-item.image.disabled .diagonal, [ui-abstract-radio] > .radio-item.text-characteristic.disabled .diagonal {
    background-color: #fff;
    height: 3px;
    position: absolute;
    right: -20%;
    text-align: center;
    top: 50%;
    transform: rotate(45deg);
    width: 140%
}

[ui-abstract-radio] > .radio-item.text-characteristic.disabled .diagonal {
    height: 1px
}

[ui-abstract-radio] > .radio-item.image.disabled .diagonal {
    right: -53.7%;
    transform: rotate(53.3deg);
    width: 200%
}

[ui-abstract-radio] > .radio-item.color.disabled .diagonal:before, [ui-abstract-radio] > .radio-item.image.disabled .diagonal:before, [ui-abstract-radio] > .radio-item.text-characteristic.disabled .diagonal:before {
    background-color: #141416;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

[ui-abstract-radio] > .radio-item.text-characteristic.disabled .diagonal:before {
    background-color: #a0a2a7
}

[ui-abstract-radio] .radio-item .characteristic-wrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

[ui-abstract-radio] .radio-item.color .characteristic-wrapper {
    border-radius: 50px
}

[ui-abstract-radio] > .radio-item.disabled .background {
    opacity: .35
}

[ui-abstract-radio] > .radio-item.active.disabled {
    opacity: 1
}

[ui-abstract-radio] > .radio-item.disabled .diagonal {
    background-color: #fff
}

[ui-abstract-radio] > .radio-item.disabled .diagonal:before {
    background-color: #141416
}

[ui-abstract-radio] .radio-item .background {
    height: 100%;
    width: 100%
}

[ui-abstract-radio] .radio-item.color {
    position: relative
}

[ui-abstract-radio] > .radio-item.color.disabled .diagonal {
    right: -20%;
    top: 45%
}

[ui-abstract-radio] .radio-item.color .characteristic-wrapper {
    height: 32px;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 32px
}

[ui-abstract-radio] > .radio-item.color {
    border-radius: 50px
}

[ui-abstract-radio] > .radio-item.color, [ui-abstract-radio] > .radio-item.color.disabled {
    border: 1px solid rgba(0, 0, 0, .2);
    padding: 3px
}

[ui-abstract-radio] > .radio-item.color.disabled:hover:not(.active), [ui-abstract-radio] > .radio-item.color:hover:not(.active) {
    border: 2px solid rgba(0, 0, 0, .2);
    border-radius: 50px;
    padding: 1px
}

[ui-abstract-radio] > .radio-item.active.color, [ui-abstract-radio] > .radio-item.active.color.disabled {
    border: 2px solid #27282a;
    border-radius: 50px;
    padding: 1px
}

[ui-abstract-radio] .radio-item.active.color .background {
    border-radius: 50px
}

[ui-abstract-radio] > .radio-item.image {
    border-radius: 4px;
    height: 72px;
    padding: 3px;
    width: 56px
}

[ui-abstract-radio] > .radio-item.image.disabled {
    border: 1px dashed rgba(0, 0, 0, .2);
    padding: 3px
}

[ui-abstract-radio] > .radio-item.image.disabled:hover {
    border: 2px solid rgba(0, 0, 0, .2);
    padding: 2px
}

[ui-abstract-radio] > .radio-item.image.active, [ui-abstract-radio] > .radio-item.image.active.disabled {
    border: 2px solid #27282a;
    padding: 2px
}

[ui-abstract-radio] > .radio-item.image:hover:not(.active) {
    border: 2px solid rgba(0, 0, 0, .2);
    padding: 2px
}

[ui-abstract-radio] > .radio-item.image .background {
    border-radius: 2px
}

[ui-abstract-radio] .radio-item.text-characteristic {
    align-items: center;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;
    display: inline-flex;
    justify-content: center;
    padding: 1px
}

[ui-abstract-radio] .radio-item.text-characteristic:hover:not(.active) {
    border: 2px solid rgba(0, 0, 0, .2);
    padding: 0
}

[ui-abstract-radio] .radio-item.text-characteristic.active, [ui-abstract-radio] .radio-item.text-characteristic.active.disabled {
    border: 2px solid #27282a;
    padding: 0
}

[ui-abstract-radio] .radio-item.text-characteristic.disabled {
    background: #fafafa;
    border: 1px dashed rgba(0, 0, 0, .2);
    padding: 1px
}

[ui-splitter].thick {
    margin: 16px 0
}

[ui-splitter].very.thick {
    margin: 32px 0
}

[ui-splitter] {
    background-color: rgba(0, 0, 0, .12);
    height: 1px;
    margin: 8px 0;
    text-align: center;
    width: 100%
}

[ui-splitter] > [splitter-text] {
    background: #fafafa;
    color: rgba(0, 0, 0, .26);
    display: inline-block;
    font-size: .875rem;
    font-weight: 400;
    padding: 0 16px;
    position: relative;
    top: -8px
}

div[ui-dropdown] {
    position: relative;
    width: 100%
}

div[ui-dropdown] [ui-label] {
    margin-bottom: 7px
}

div[ui-dropdown] > div[dropdown-active].has-error {
    border-color: #e53935
}

div[ui-dropdown].has-error:after {
    color: #e53935;
    content: attr(data-error);
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: auto;
    margin-top: 9px;
    transition: all .2s
}

div[ui-dropdown] > div[dropdown-active] {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 10px;
    color: rgba(0, 0, 0, .87);
    cursor: pointer;
    display: block;
    font-size: .9rem;
    font-weight: 400;
    height: 2.5rem;
    line-height: 2.5rem;
    overflow: hidden;
    padding: 0 2rem 0 1rem;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

div[ui-dropdown].disabled > div[dropdown-active] {
    background: transparent;
    color: grey
}

[dropdown-item] {
    position: relative
}

div[ui-dropdown] > div[dropdown-options] > ul > [dropdown-item].category {
    color: var(--text-accented);
    font-weight: 400
}

div[ui-dropdown] > div[dropdown-options] > ul > [dropdown-item].checkout {
    font-weight: 500
}

div[ui-dropdown] > div[dropdown-options] > ul > [dropdown-item].lead {
    color: var(--text-accented)
}

div[ui-dropdown] [dropdown-item] .ui-icon, div[ui-dropdown] div[dropdown-active] .ui-icon, div[ui-dropdown] > div[dropdown-active] > img {
    bottom: 0;
    margin: auto;
    pointer-events: none;
    position: absolute;
    right: .5rem;
    top: 0
}

div[ui-dropdown] > div[dropdown-options] {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .12);
    box-sizing: border-box;
    margin-top: -1px;
    max-height: 262px;
    overflow-y: auto;
    position: absolute;
    transition: opacity .2s, visibility 0s .2s;
    width: 100%;
    z-index: 4
}

div[ui-dropdown] > div[dropdown-options].visible-selected {
    top: 102%
}

div[ui-dropdown] > div[dropdown-options].up {
    bottom: 0
}

div[ui-dropdown] > div[dropdown-options].up.visible-selected {
    bottom: 102%
}

div[ui-dropdown] > div[dropdown-options] > ul {
    margin: 0
}

div[ui-dropdown] > div[dropdown-options] > ul > li {
    cursor: pointer;
    font-size: .9rem;
    font-weight: 400;
    height: 2.5rem;
    line-height: 2.5rem;
    overflow: hidden;
    padding: 0 1rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

div[ui-dropdown] > div[dropdown-options] > ul > li:not(:first-child) {
    border-top: 1px solid rgba(0, 0, 0, .12)
}

div[ui-dropdown] > div[dropdown-options] > ul > li:not(:first-child):hover {
    background-color: rgba(0, 0, 0, .12);
    border-top: 1px solid transparent
}

div[ui-dropdown] > div[dropdown-options] > ul > li:first-child:hover {
    background-color: rgba(0, 0, 0, .12)
}

.dropdown-enter-active, .dropdown-leave-active {
    transition: height .3s
}

.dropdown-enter, .dropdown-leave-to {
    opacity: 0
}

.rotated .ui-icon {
    transform: rotate(180deg)
}

[ui-checkbox] > div[express] {
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: center;
    position: relative;
    width: 20px
}

[ui-checkbox] > div[express] > .icon {
    pointer-events: none;
    position: absolute;
    width: 11px
}

[ui-checkbox] > div[express] > input[type=checkbox] {
    height: inherit !important;
    visibility: hidden;
    width: inherit !important
}

[ui-checkbox] > div[express] > label {
    background: transparent;
    border: 2px solid var(--border-regular);
    border-radius: 4px;
    cursor: pointer;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px
}

[ui-checkbox] > div[express] > input[type=checkbox]:checked + label {
    background: var(--button-primary-accented-rest);
    border: 0
}

[ui-checkbox] > div[express] > input[type=checkbox]:checked + label:after {
    opacity: 1
}

.ui-check-list .check {
    align-content: center;
    align-items: center;
    color: #8a8d93;
    display: flex;
    font-family: HeliosC;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.2em;
    margin-top: 2px
}

.ui-check-list .check svg path {
    fill: #a0a2a7;
    transition: fill .3s ease-in-out
}

.ui-check-list .check.success svg path {
    fill: #14b845
}

.ui-check-list .check .title {
    margin-left: 5px
}

[ui-form][horizontal] > [form-group][express] {
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap
}

[ui-form][inline] {
    display: flex;
    flex-flow: row wrap
}

[ui-form][inline] > [form-group][express] {
    align-items: flex-start;
    flex-flow: row wrap
}

@media only screen and (max-width: 480px) {
    [ui-modal][wrapper] > [ui-card] {
        width: 300px !important
    }
}

[ui-modal][wrapper] {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    left: 0;
    margin: 0;
    position: fixed;
    top: 0;
    transform-style: preserve-3d;
    width: 100%;
    z-index: 100
}

[ui-modal][wrapper] > [ui-card] {
    left: 50vw;
    position: relative;
    top: 50vh;
    transform: translate(-50%, -50%)
}

[ui-modal][wrapper].prompt > [ui-card] {
    max-width: 400px
}

[ui-modal][wrapper].wide > [ui-card] {
    width: 400px
}

[ui-modal][wrapper].prompt header {
    align-items: center;
    background: rgba(0, 0, 0, .06);
    display: flex;
    justify-content: space-between;
    padding: 18px 25px
}

[ui-modal][wrapper].prompt header > h4 {
    font-size: 1.125rem;
    font-weight: 500
}

[ui-modal][wrapper].prompt header > img {
    cursor: pointer
}

[ui-modal][wrapper].prompt .content {
    max-height: 90vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 35px 25px
}

[ui-modal][wrapper].prompt footer {
    border-top: 1px solid rgba(0, 0, 0, .12);
    display: flex;
    justify-content: flex-end;
    padding: 16px 25px
}

.modal-enter-active, .modal-leave-active {
    transition: all .3s ease
}

.modal-enter-active [ui-card], .modal-leave-active [ui-card] {
    transition: .25s ease-in-out
}

.modal-enter, .modal-leave-to {
    opacity: 0
}

.modal-enter [ui-card], .modal-leave-to [ui-card] {
    opacity: 0;
    transform: scale(.4)
}

.close-button {
    cursor: pointer
}

[ui-switcher] > [ui-label] {
    margin-bottom: 7px
}

[ui-switcher]:after {
    height: 0;
    margin-top: 0
}

[ui-switcher].has-error:after {
    color: #e53935;
    content: attr(data-error);
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 14px;
    margin-top: 9px;
    transition: all .2s
}

[ui-switcher] > div {
    display: flex
}

[ui-switcher] > div > .switcher-item {
    border: 1px solid rgba(0, 0, 0, .12);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    padding: 10px 20px;
    text-align: center;
    width: inherit
}

[ui-switcher] > div > .switcher-item.not-selected {
    border-right: 0
}

[ui-switcher] > div > .switcher-item.not-selected:last-of-type {
    border: 1px solid rgba(0, 0, 0, .12)
}

[ui-switcher] > div > .switcher-item.selected + .not-selected {
    border-left: 0
}

[ui-switcher] > div > .switcher-item.small {
    padding: 5px 15px
}

[ui-switcher] > div > .switcher-item > img {
    height: 40px
}

svg.spinner {
    animation: loading-rotate 2s linear infinite;
    height: 42px;
    overflow: initial;
    width: 42px
}

svg.spinner .path {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #20a0ff;
    stroke-linecap: round;
    animation: loading-dash 1.5s ease-in-out infinite
}

@keyframes loading-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px
    }
}

[ui-image-uploader] .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

[ui-image-uploader] .image {
    background-position: 50%;
    background-size: cover;
    display: inline-block;
    position: relative
}

.delete-image {
    background-color: #bdbdbd;
    border-radius: 100px;
    display: flex;
    padding: 4px;
    position: absolute;
    right: -8px;
    top: -8px;
    z-index: 2
}

.delete-image:hover {
    background-color: #e53935
}

.delete-image svg {
    cursor: pointer;
    height: 16px;
    width: 16px
}

.delete-image svg path {
    fill: #fff
}

.image-container {
    position: relative
}

[ui-image-uploader].normal {
    width: 112px
}

[ui-image-uploader] span[spinner] {
    background-color: rgba(0, 0, 0, .5);
    display: table;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

[ui-image-uploader] span[spinner] svg {
    left: calc(50% - 22px);
    position: absolute;
    top: calc(50% - 22px)
}

[ui-image-uploader] span[spinner] circle {
    stroke: #fff;
    stroke-width: 4px
}

[ui-image-uploader] [upload-container] {
    align-items: center;
    background-color: hsla(0, 0%, 74%, .5);
    background-position: 50%;
    background-size: cover;
    border-radius: 2px;
    display: flex;
    position: relative;
    z-index: -1
}

[ui-image-uploader] [upload-container]:before {
    color: #999;
    content: "+";
    display: block;
    font-size: 50px;
    text-align: center;
    width: 100%
}

[ui-image-uploader] [upload-container] > input[type=file] {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

[ui-image-uploader] > [ui-label] {
    font-size: .75rem;
    margin-bottom: 7px
}

[ui-image-uploader].has-error:after {
    color: #e53935;
    content: attr(data-error);
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 14px;
    margin-top: 9px;
    transition: all .2s;
    width: max-content;
    width: -moz-max-content
}

[textarea-form-group] [ui-textarea] {
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 2px;
    color: rgba(0, 0, 0, .87);
    font-size: .875rem;
    font-weight: 400;
    height: 2.5rem;
    max-width: -webkit-fill-available;
    min-height: 100px;
    min-width: -webkit-fill-available;
    padding: 10px 0 10px 1rem;
    width: 100%
}

[textarea-form-group] [ui-label] {
    margin-bottom: 7px
}

[textarea-form-group].tall [ui-textarea] {
    font-size: 1.1rem;
    height: 3rem
}

[textarea-form-group] [ui-textarea]:-moz-placeholder, [textarea-form-group] [ui-textarea]:-ms-input-placeholder, [textarea-form-group] [ui-textarea]::-moz-placeholder, [textarea-form-group] [ui-textarea]::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

[textarea-form-group] [ui-textarea]:focus {
    border-color: rgba(0, 0, 0, .38)
}

[textarea-form-group] > div[express]:after {
    height: 0;
    margin-top: 0
}

[textarea-form-group] > div[express].has-error:after {
    color: #e53935;
    content: attr(data-error);
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 14px;
    margin-top: 9px;
    transition: all .2s
}

[textarea-form-group] [ui-textarea].has-error {
    border-color: #e53935
}

[textarea-form-group] > div[express] {
    transition: all .2s
}

[ui-tabs] .tab-title {
    font-size: inherit;
    font-weight: 400;
    line-height: inherit;
    margin-top: 0
}

[ui-tabs] > #tabs-buttons-container {
    padding-left: 1rem;
    padding-right: 1rem
}

[ui-tabs] > #tabs-buttons-container > #tabs-buttons {
    margin: 0 15%
}

[ui-tabs] > #tabs-buttons-container > #tabs-buttons > button {
    border-bottom: 2px solid transparent;
    font-weight: 400;
    margin: 0 30px -1px 0;
    padding: 12px 0
}

@media only screen and (min-width: 51em) {
    [ui-tabs] > #tabs-buttons-container {
        padding: 0
    }

    [ui-tabs] > #tabs-buttons-container > #tabs-buttons > button {
        font-size: .875rem
    }

    [ui-tabs] > #tabs-body-container {
        padding: 30px 0
    }
}

@media only screen and (max-width: 50.99em) {
    [ui-tabs] > #tabs-buttons-container > #tabs-buttons > button {
        font-size: .875rem
    }

    [ui-tabs] > #tabs-body-container {
        padding: 25px 16px
    }

    [ui-tabs] > #tabs-buttons-container > #tabs-buttons {
        margin: 0
    }
}

@media only screen and (max-width: 24em) {
    [ui-tabs] > #tabs-buttons-container > #tabs-buttons > button {
        border-bottom: 2px solid transparent;
        font-size: .75rem;
        font-weight: 400;
        margin: 0 0 -1px;
        padding: 12px 15px;
        width: 100%
    }
}

[ui-tabs] > #tabs-buttons-container {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

[ui-tabs] > #tabs-buttons-container > #tabs-buttons > button.active {
    border-color: var(--border-accented);
    color: var(--button-primary-accented-rest)
}

[ui-tabs] > #tabs-body-container {
    font-size: .875rem;
    line-height: 1.43
}

[ui-tabs] #product-info-tab-description {
    overflow: hidden
}

.ke-checkbox {
    cursor: pointer;
    display: flex;
    position: relative
}

.ke-checkbox input {
    height: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 0;
    z-index: -1
}

.ke-checkbox.is-checked .ke-checkbox--indicator {
    background-color: var(--button-primary-accented-rest);
    border: none
}

.ke-checkbox.is-checked .ke-checkbox--indicator:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    content: "";
    height: 8px;
    left: 7px;
    position: absolute;
    top: 3px;
    transform: rotate(45deg);
    width: 4px
}

.ke-checkbox.is-disabled {
    cursor: not-allowed
}

.ke-checkbox.is-disabled .ke-checkbox--indicator {
    background-color: var(--button-primary-accented-rest);
    border: none
}

.ke-checkbox .ke-checkbox--indicator {
    background: #fff;
    border: 2px solid var(--border-regular);
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    flex-shrink: 0;
    height: 20px;
    position: relative;
    vertical-align: middle;
    width: 20px
}

.ke-checkbox .ke-checkbox--label {
    display: inline-block;
    padding-left: .6rem;
    vertical-align: middle
}

.radio-button[data-v-0c108050] {
    align-items: center;
    cursor: pointer;
    display: flex;
    position: relative
}

.radio-button:hover .radio-button-wrapper .radio-dot[data-v-0c108050] {
    opacity: .7
}

.radio-button .radio-button-wrapper[data-v-0c108050] {
    align-items: center;
    border: var(--stroke) solid hsla(220, 4%, 48%, .15);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: var(--size);
    justify-content: center;
    min-width: var(--size);
    transition: all .3s ease-in-out;
    width: var(--size)
}

.radio-button .radio-button-wrapper.disabled[data-v-0c108050] {
    border: 1.5px solid #76797f
}

.radio-button .radio-button-wrapper.active[data-v-0c108050] {
    border-color: var(--border-accented)
}

.radio-button .radio-button-wrapper.active .radio-dot[data-v-0c108050] {
    background: var(--button-primary-accented-rest);
    opacity: 1
}

.radio-button .radio-button-wrapper .radio-dot[data-v-0c108050] {
    background: hsla(220, 4%, 48%, .1);
    border-radius: 50%;
    height: var(--internalSize);
    opacity: 0;
    transition: all .3s ease-in-out;
    width: var(--internalSize)
}

.radio-button .label[data-v-0c108050] {
    font-family: HeliosC;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2em;
    margin-left: 10px
}

.switch[data-v-7f6f7167] {
    display: inline-block;
    height: 34px;
    position: relative;
    width: 60px
}

.switch input[data-v-7f6f7167] {
    height: 0;
    opacity: 0;
    width: 0
}

.slider[data-v-7f6f7167] {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .4s;
    transition: .4s
}

.slider[data-v-7f6f7167]:before {
    background-color: #fff;
    bottom: 4px;
    content: "";
    height: 26px;
    left: 4px;
    position: absolute;
    -webkit-transition: .4s;
    transition: .4s;
    width: 26px
}

input:checked + .slider[data-v-7f6f7167] {
    background-color: #1f1f26
}

input:focus + .slider[data-v-7f6f7167] {
    box-shadow: 0 0 1px #1f1f26
}

input:checked + .slider[data-v-7f6f7167]:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.slider.round[data-v-7f6f7167] {
    border-radius: 34px
}

.slider.round[data-v-7f6f7167]:before {
    border-radius: 50%
}

.radio-button[data-v-ef4f8612] {
    height: 20px;
    width: 20px
}

.empty[data-v-ef4f8612] {
    border: 1px solid #b4b6bf;
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.accordion[data-v-da99f6ea] {
    padding: 8px 0
}

.accordion-content[data-v-da99f6ea], .accordion-title[data-v-da99f6ea] {
    padding: 0 16px
}

.accordion-title[data-v-da99f6ea] {
    align-items: center;
    color: var(--text-primary);
    display: flex;
    font-family: HeliosC;
    font-size: 16px;
    justify-content: space-between;
    line-height: 18px;
    padding: 8px 16px
}

.accordion-title img[data-v-da99f6ea] {
    transition: transform .2s ease-in-out
}

.accordion-content[data-v-da99f6ea] {
    box-sizing: content-box;
    height: 0;
    overflow: hidden;
    transition: all .2s ease-in-out
}

.accordion-content .links[data-v-da99f6ea] {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.accordion-content .links a[data-v-da99f6ea] {
    color: var(--text-tertiary)
}

.accordion.opened .accordion-title img[data-v-da99f6ea] {
    transform: rotate(-180deg)
}

.accordion-group .accordion[data-v-cc5b38e4]:not(:last-child) {
    border-bottom: 1px solid var(--border-regular)
}

.input-radio[ui-20] {
    -webkit-tap-highlight-color: transparent;
    border: 2px solid var(--border-subtle);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    padding: 16px;
    transition-duration: .3s;
    width: 100%
}

@media (max-width: 639px) {
    .input-radio[ui-20] {
        border-radius: 12px;
        padding: 12px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .input-radio[ui-20] {
        border-radius: 12px;
        padding: 12px
    }
}

.input-radio_checked[ui-20] {
    border-color: var(--border-focused) !important;
}

.input-radio_disabled[ui-20]:not(.input-radio_pickable) {
    pointer-events: none
}

.input-radio_disabled .input-radio__main[ui-20] {
    opacity: .5
}

.input-radio[ui-20]:not(.input-radio_checked):hover {
    background-color: var(--surface-primary-hovered)
}

.input-radio__main[ui-20] {
    display: flex;
    gap: 6px
}

@media (max-width: 639px) {
    .actions[data-v-56d33c52] {
        margin-top: 48px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .actions[data-v-56d33c52] {
        margin-top: 48px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .actions[data-v-56d33c52] {
        margin-top: 64px
    }
}

@media (min-width: 1920px) {
    .actions[data-v-56d33c52] {
        margin-top: 44px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .actions[data-v-56d33c52] {
        margin-top: 44px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .actions[data-v-56d33c52] {
        text-align: center
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .actions[data-v-56d33c52] {
        text-align: center
    }
}

@media (min-width: 1920px) {
    .actions[data-v-56d33c52] {
        text-align: center
    }
}

.actions .button[data-v-56d33c52] {
    background-color: #e63737;
    border-radius: 8px;
    color: #fff;
    font-family: HeliosC;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2em
}

.actions .button[data-v-56d33c52]:hover {
    background-color: #e42525
}

.actions .button[data-v-56d33c52]:active {
    background-color: #da1b1b
}

@media (max-width: 639px) {
    .actions .button[data-v-56d33c52] {
        display: block;
        padding: 14px 21px;
        text-align: center;
        width: 100%
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .actions .button[data-v-56d33c52] {
        display: block;
        padding: 14px 21px;
        text-align: center;
        width: 100%
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .actions .button[data-v-56d33c52] {
        padding: 16px 21px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .actions .button[data-v-56d33c52] {
        padding: 16px 21px
    }
}

@media (min-width: 1920px) {
    .actions .button[data-v-56d33c52] {
        padding: 16px 21px
    }
}

.header[data-v-204ff944] {
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    transition: background-color .2s ease
}

@media (max-width: 639px) {
    .header[data-v-204ff944] {
        padding: 16px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .header[data-v-204ff944] {
        padding: 16px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .header[data-v-204ff944] {
        padding: 24px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .header[data-v-204ff944] {
        padding: 24px
    }
}

@media (min-width: 1920px) {
    .header[data-v-204ff944] {
        padding: 24px
    }
}

.header .icon[data-v-204ff944] {
    align-self: flex-start;
    background-color: #141416;
    border-radius: 20px;
    display: flex
}

@media (max-width: 639px) {
    .header .icon[data-v-204ff944] {
        margin-right: 16px;
        padding: 6px
    }

    .header .icon img[data-v-204ff944] {
        height: 20px;
        width: 20px
    }
	.icon svg {
        height: 20px;
        width: 20px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .header .icon[data-v-204ff944] {
        margin-right: 16px;
        padding: 6px
    }

    .header .icon img[data-v-204ff944] {
        height: 20px;
        width: 20px
    }
	.icon svg {
        height: 20px;
        width: 20px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .header .icon[data-v-204ff944] {
        margin-right: 24px;
        padding: 8px
    }

    .header .icon img[data-v-204ff944] {
        height: 24px;
        width: 24px
    }
	.icon svg {
        height: 24px;
        width: 24px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .header .icon[data-v-204ff944] {
        margin-right: 24px;
        padding: 8px
    }

    .header .icon img[data-v-204ff944] {
        height: 24px;
        width: 24px
    }
	.icon svg {
        height: 24px;
        width: 24px
    }
}

@media (min-width: 1920px) {
    .header .icon[data-v-204ff944] {
        margin-right: 24px;
        padding: 8px
    }

    .header .icon img[data-v-204ff944] {
        height: 24px;
        width: 24px
    }
	.icon svg {
        height: 24px;
        width: 24px
    }
}

@media (max-width: 639px) {
    .header .title[data-v-204ff944] {
        font-size: 16px;
        padding: 8px 0
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .header .title[data-v-204ff944] {
        font-size: 16px;
        padding: 8px 0
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .header .title[data-v-204ff944] {
        font-size: 16px;
        padding: 11px 0
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .header .title[data-v-204ff944] {
        font-size: 16px;
        padding: 11px 0
    }
}

@media (min-width: 1920px) {
    .header .title[data-v-204ff944] {
        font-size: 16px;
        padding: 11px 0
    }
}

.content[data-v-204ff944] {
    line-height: 140%
}

@media (max-width: 639px) {
    .content[data-v-204ff944] {
        font-size: 13px;
        margin-bottom: 24px;
        margin-left: 64px;
        margin-top: 24px;
        padding-right: 16px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .content[data-v-204ff944] {
        font-size: 13px;
        margin-bottom: 24px;
        margin-left: 64px;
        margin-top: 24px;
        padding-right: 16px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .content[data-v-204ff944] {
        font-size: 16px;
        margin-bottom: 32px;
        margin-left: 88px;
        margin-top: 32px;
        max-width: 800px;
        padding-right: 24px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .content[data-v-204ff944] {
        font-size: 16px;
        margin-bottom: 32px;
        margin-left: 88px;
        margin-top: 32px;
        max-width: 800px;
        padding-right: 24px
    }
}

@media (min-width: 1920px) {
    .content[data-v-204ff944] {
        font-size: 16px;
        margin-bottom: 32px;
        margin-left: 88px;
        margin-top: 32px;
        max-width: 800px;
        padding-right: 24px
    }
}

.accordion-item[data-v-204ff944] {
    position: relative
}

.accordion-item[data-v-204ff944]:first-child:before {
    display: none
}

.accordion-item:last-child.active[data-v-204ff944]:after, .accordion-item[data-v-204ff944]:last-child:not(.active):not(:hover):after {
    content: ""
}

.accordion-item:not(.active):hover + .accordion-item[data-v-204ff944]:before {
    display: none
}

.accordion-item[data-v-204ff944]:not(.active):not(:hover):after {
    bottom: 0
}

.accordion-item[data-v-204ff944]:not(.active):not(:hover):before {
    content: "";
    top: 0
}

.accordion-item[data-v-204ff944]:after, .accordion-item[data-v-204ff944]:before {
    background-color: hsla(220, 4%, 48%, .2);
    height: 1px;
    position: absolute;
    right: 0
}

@media (max-width: 639px) {
    .accordion-item[data-v-204ff944]:after, .accordion-item[data-v-204ff944]:before {
        left: 64px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .accordion-item[data-v-204ff944]:after, .accordion-item[data-v-204ff944]:before {
        left: 64px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .accordion-item[data-v-204ff944]:after, .accordion-item[data-v-204ff944]:before {
        left: 88px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .accordion-item[data-v-204ff944]:after, .accordion-item[data-v-204ff944]:before {
        left: 88px
    }
}

@media (min-width: 1920px) {
    .accordion-item[data-v-204ff944]:after, .accordion-item[data-v-204ff944]:before {
        left: 88px
    }
}

.accordion-item.active .header[data-v-204ff944], .accordion-item:hover .header[data-v-204ff944] {
    background-color: hsla(220, 4%, 48%, .1)
}

@media (max-width: 639px) {
    .accordion-wrapper[data-v-0d9a5a3d] {
        margin-top: 32px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .accordion-wrapper[data-v-0d9a5a3d] {
        margin-top: 32px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .accordion-wrapper[data-v-0d9a5a3d] {
        margin-top: 40px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .accordion-wrapper[data-v-0d9a5a3d] {
        margin-top: 40px
    }
}

@media (min-width: 1920px) {
    .accordion-wrapper[data-v-0d9a5a3d] {
        margin-top: 40px
    }
}

.price-timer {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    height: 18px;
    padding: 3px 0;
    position: relative
}

.price-timer .option-value {
    padding-left: 4px
}

@media only screen and (max-width: 960px) {
    .price-timer {
        justify-content: flex-start
    }
}

.price-timer:deep(svg) {
    fill: #fff
}

.price-timer:deep(svg) path {
    fill: #fff
}

.price-timer--filled {
    border-radius: 10px;
    color: #f4488d;
    font-size: 13px;
    line-height: 16px;
    padding: 0 6px 0 4px
}

.price-timer--filled .option-value {
    padding-left: 2px
}

.timer-icon {
    align-items: center;
    display: flex;
    left: 10px
}

.timer-icon:deep(svg) path {
    fill: currentColor
}

.timer-icon svg path {
    fill: currentColor
}

.badge-container .badge-list {
    display: flex;
    flex-wrap: wrap;
    gap: 2px
}

.badge-container .badge-list .badge {
    align-items: center;
    border-radius: 10px;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    height: 18px;
    padding: 0 6px
}

.badge-container .badge-list .badge .text {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 16px;
    overflow: hidden;
    word-break: break-all
}

.badge-container--card {
    bottom: 0;
    left: 0;
    position: absolute
}

.product-added-to-cart > .product-added-to-cart-container {
    display: grid;
    grid-template-columns:auto auto;
    grid-template-rows:auto;
    padding: 20px;
    position: relative
}

.product-added-to-cart > .product-added-to-cart-container .close {
    position: absolute;
    right: 20px;
    top: 20px
}

.product-added-to-cart > .product-added-to-cart-container > .product-added-main {
    display: flex;
    grid-column: 1/1
}

.product-added-to-cart > .product-added-to-cart-container > .product-added-main > .product-added-image > img {
    height: 80px;
    margin-right: 20px;
    min-height: 80px;
    min-width: 80px;
    object-fit: contain;
    object-position: center;
    width: 80px
}

.product-added-to-cart > .product-added-to-cart-container > .product-added-main > div.product-added-info {
    max-width: 400px;
    padding-right: 30px
}

.product-added-to-cart > .product-added-to-cart-container > .product-added-main > div.product-added-info .info-header {
    font-size: 16px
}

@media (min-width: 640px) and (max-width: 959px) {
    .product-added-to-cart > .product-added-to-cart-container > .product-added-main > div.product-added-info .info-header {
        font-size: 12px
    }
}

@media (max-width: 639px) {
    .product-added-to-cart > .product-added-to-cart-container > .product-added-main > div.product-added-info .info-header {
        font-size: 12px
    }
}

.product-added-to-cart > .product-added-to-cart-container > .product-added-main > div.product-added-info .info-content {
    font-size: 16px;
    line-height: 1.29;
    padding-top: 10px
}

@media (min-width: 640px) and (max-width: 959px) {
    .product-added-to-cart > .product-added-to-cart-container > .product-added-main > div.product-added-info .info-content {
        font-size: 10px
    }
}

@media (max-width: 639px) {
    .product-added-to-cart > .product-added-to-cart-container > .product-added-main > div.product-added-info .info-content {
        font-size: 10px
    }
}

.product-added-to-cart > .product-added-to-cart-container > div.product-added-links {
    align-items: flex-end;
    display: flex;
    grid-column: 2/2;
    justify-content: flex-end
}

.product-added-to-cart > .product-added-to-cart-container > div.product-added-links > [ui-link] {
    color: var(--text-link-brand-rest);
    font-size: 16px;
    text-transform: uppercase
}

@media (min-width: 640px) and (max-width: 959px) {
    .product-added-to-cart > .product-added-to-cart-container > div.product-added-links > [ui-link] {
        font-size: 11px
    }
}

@media (max-width: 639px) {
    .product-added-to-cart > .product-added-to-cart-container > div.product-added-links > [ui-link] {
        font-size: 11px;
        padding: 8px 0
    }
}

.product-added-to-cart > .product-added-to-cart-container > img {
    cursor: pointer;
    position: absolute;
    top: 20px
}

@media (max-width: 639px) {
    .product-added-to-cart > .product-added-to-cart-container > img {
        right: 24px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .product-added-to-cart > .product-added-to-cart-container > img {
        right: 24px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .product-added-to-cart > .product-added-to-cart-container > img {
        right: 24px
    }
}

@media (max-width: 639px) {
    .product-added-to-cart > .product-added-to-cart-container {
        grid-template-columns:1fr 1fr;
        grid-template-rows:auto auto;
        padding: 8px 8px 8px 20px
    }

    .product-added-to-cart > .product-added-to-cart-container > .product-added-main {
        grid-column: 1/3;
        grid-row: 1/2
    }

    .product-added-to-cart > .product-added-to-cart-container > .product-added-main > div.product-added-info {
        padding-top: 4px
    }

    .product-added-to-cart > .product-added-to-cart-container > div.product-added-links {
        grid-column: 1/3;
        grid-row: 2/2
    }
}

.product-modal-info[data-v-27b6d719] {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 6px;
    position: relative
}

.product-modal-info .title[data-v-27b6d719] {
    font-family: HeliosC;
    font-size: 1rem;
    font-weight: 400
}

.product-modal-info .wrapper[data-v-27b6d719] {
    display: flex;
    flex-grow: 1;
    margin-top: 16px
}

.product-modal-info .wrapper .image[data-v-27b6d719] {
    border-radius: 8px;
    height: 100%;
    margin-right: 12px;
    object-fit: contain;
    object-position: center;
    width: 96px
}

.product-modal-info .wrapper .info[data-v-27b6d719] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px 0
}

.product-modal-info .wrapper .info h1[data-v-27b6d719] {
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.2em;
    margin-top: 0
}

.product-modal-info .wrapper .info .status[data-v-27b6d719] {
    color: #e63737;
    font-family: HeliosC;
    font-size: .8rem;
    font-weight: 500;
    line-height: 1.4em;
    margin-top: auto;
    padding-top: 8px
}

.product-modal-info .wrapper .info .option-wrapper[data-v-27b6d719] {
    margin-top: 8px
}

.product-modal-info .wrapper .info .option-wrapper .option[data-v-27b6d719] {
    color: #8a8d93;
    display: flex;
    font-family: HeliosC;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.4em
}

@media (min-width: 640px) and (max-width: 959px) {
    .product-modal-info[data-v-27b6d719] {
        align-items: center;
        color: #fff;
        display: flex;
        flex-direction: row;
        min-height: auto;
        min-width: auto;
        padding: 12px 16px
    }

    .product-modal-info .icon.ui-icon[data-v-27b6d719] {
        height: 24px;
        margin-right: 8px;
        width: 24px
    }

    .product-modal-info .icon.ui-icon[data-v-27b6d719] .circle {
        fill: #fff
    }

    .product-modal-info .title[data-v-27b6d719] {
        font-family: HeliosC;
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.2em
    }
}

@media (max-width: 639px) {
    .product-modal-info[data-v-27b6d719] {
        align-items: center;
        color: #fff;
        display: flex;
        flex-direction: row;
        min-height: auto;
        min-width: auto;
        padding: 12px 16px
    }

    .product-modal-info .icon.ui-icon[data-v-27b6d719] {
        height: 24px;
        margin-right: 8px;
        width: 24px
    }

    .product-modal-info .icon.ui-icon[data-v-27b6d719] .circle {
        fill: #fff
    }

    .product-modal-info .title[data-v-27b6d719] {
        font-family: HeliosC;
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.2em
    }
}

.info-block {
    padding: 32px
}

.info-block.characteristics {
    padding-top: 0
}

.info-block .sku-characteristics .block-part {
    margin-bottom: 24px
}

.info-block .sku-characteristics-title {
    align-items: center;
    color: #212121;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.info-block .sku-characteristics-title__sku-value {
    font-weight: 600;
    padding-left: 8px
}

.info-block .sku-characteristics-title__sku-value-content {
    margin-top: 8px
}

.info-block .sku-characteristics-title__sku-value.notChosen .block-part-title {
    color: var(--text-accented)
}

.info-block .sku-characteristics-title__sku-value.notChosen .error-tooltip {
    display: inherit
}

.info-block .sku-characteristics .error-tooltip {
    display: none;
    margin-left: 8px;
    position: relative
}

@media (max-width: 639px) {
    .info-block .sku-characteristics .error-tooltip {
        margin-left: auto
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .info-block .sku-characteristics .error-tooltip {
        margin-left: auto
    }
}

.info-block .sku-characteristics .error-tooltip .tooltip-text {
    background: #e53935;
    border-radius: 4px;
    bottom: 150%;
    color: #fff;
    display: block;
    font-size: 13px;
    left: -3px;
    max-width: 25vw;
    padding: 5px 8px;
    position: absolute;
    text-align: left;
    width: max-content
}

.info-block .sku-characteristics .error-tooltip .tooltip-text:after {
    border: 3px solid transparent;
    border-top-color: #e53935;
    content: " ";
    left: 12px;
    position: absolute;
    top: 100%
}

@media (max-width: 639px) {
    .info-block .sku-characteristics .error-tooltip .tooltip-text {
        left: unset;
        max-width: calc(100vw - 24px);
        right: -4px;
        text-align: right
    }

    .info-block .sku-characteristics .error-tooltip .tooltip-text:after {
        left: unset;
        right: 12px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .info-block .sku-characteristics .error-tooltip .tooltip-text {
        left: unset;
        max-width: calc(100vw - 24px);
        right: -4px;
        text-align: right
    }

    .info-block .sku-characteristics .error-tooltip .tooltip-text:after {
        left: unset;
        right: 12px
    }
}

.slider {
    height: 100%;
    position: relative;
    width: 100%
}

.slider .close, .slider .next, .slider .prev {
    cursor: pointer;
    position: absolute;
    z-index: 1
}

.slider .close:hover, .slider .next:hover, .slider .prev:hover {
    opacity: .25
}

.slider .close svg, .slider .next svg, .slider .prev svg {
    fill: #fff;
    left: calc(50% - 12px);
    position: absolute;
    top: calc(50% - 12px)
}

.slider .close {
    opacity: .54;
    position: absolute;
    right: 12px;
    top: 12px
}

.slider .next, .slider .prev {
    backface-visibility: hidden;
    background: #000;
    border: 1px solid #fff;
    border-radius: 100px;
    opacity: .15;
    padding: 15px;
    perspective: 1000;
    top: calc(50% - 15px);
    transition: opacity .3s ease
}

.slider .prev {
    left: 20px
}

.slider .next {
    right: 20px
}

.slider .slides-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.slider .slides-wrapper .slider-frame {
    align-items: center;
    display: flex;
    height: 100%
}

#interactive-content .video-controls .close {
    backdrop-filter: blur(40px);
    background: rgba(79, 81, 85, .9);
    border-radius: 24px;
    height: 48px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 48px;
    z-index: 2
}

#interactive-content .video-controls .close:hover {
    backdrop-filter: blur(40px);
    background: hsla(220, 4%, 48%, .9)
}

#interactive-content .video-controls .close.close--card-view {
    z-index: 1
}

#interactive-content .video-controls .close .video-img {
    height: 23px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 23px
}

#interactive-content .video-controls .hover:hover {
    background: hsla(0, 0%, 53%, .5);
    cursor: pointer
}

#interactive-content .video-controls > * svg {
    fill: #fff;
    left: calc(50% - 12px);
    position: absolute;
    top: calc(50% - 12px)
}

#interactive-content .video-wrapper {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

#interactive-content .video-wrapper.video-wrapper--card-view {
    height: 100%;
    width: 100%
}

@media (max-width: 640px) {
    #interactive-content .video-wrapper {
        height: 100vh;
        width: 100vw
    }
}

#interactive-content .video-wrapper:hover .video-shadow {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .1) 25%, rgba(0, 0, 0, .4))
}

#interactive-content .video-wrapper:hover .video-shadow .buffered, #interactive-content .video-wrapper:hover .video-shadow .fullscreen, #interactive-content .video-wrapper:hover .video-shadow .mute, #interactive-content .video-wrapper:hover .video-shadow .play-pause--small, #interactive-content .video-wrapper:hover .video-shadow .progress-bar span {
    opacity: 1;
    position: absolute
}

#interactive-content .video-wrapper:hover .video-shadow .fullscreen, #interactive-content .video-wrapper:hover .video-shadow .mute, #interactive-content .video-wrapper:hover .video-shadow .play-pause--small {
    border-radius: 24px;
    bottom: 28px;
    height: 32px;
    position: absolute;
    width: 32px
}

#interactive-content .video-wrapper:hover .video-shadow .fullscreen .video-img, #interactive-content .video-wrapper:hover .video-shadow .mute .video-img, #interactive-content .video-wrapper:hover .video-shadow .play-pause--small .video-img {
    height: 16px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px
}

#interactive-content .video-wrapper:hover .video-shadow .fullscreen:hover, #interactive-content .video-wrapper:hover .video-shadow .mute:hover, #interactive-content .video-wrapper:hover .video-shadow .play-pause--small:hover {
    backdrop-filter: blur(40px);
    background: rgba(79, 81, 85, .9);
    cursor: pointer
}

#interactive-content .video-wrapper:hover .video-shadow .mute {
    right: 5px
}

#interactive-content .video-wrapper:hover .video-shadow .fullscreen {
    right: 45px
}

#interactive-content .video-wrapper:hover .video-shadow .play-pause--small {
    left: 5px
}

#interactive-content .video-wrapper:hover .video-shadow .progress-wrapper {
    border-radius: 2px;
    bottom: 8px;
    height: 4px;
    left: 8px;
    padding-bottom: 8px;
    padding-top: 8px;
    position: absolute;
    right: 8px;
    width: auto
}

#interactive-content .video-wrapper:hover .video-shadow .progress-wrapper .current-time {
    align-items: center;
    align-self: center;
    backdrop-filter: blur(40px);
    background: rgba(79, 81, 85, .9);
    border-radius: 9px;
    bottom: 20px;
    color: #fff;
    display: flex;
    flex: none;
    font-family: HeliosC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 16px;
    left: 50%;
    line-height: 13px;
    order: 0;
    padding: 1.5px 8px;
    position: absolute;
    text-align: center;
    transform: translateX(-50%)
}

#interactive-content .video-wrapper:hover .video-shadow .progress-wrapper:hover {
    cursor: pointer
}

#interactive-content .video-wrapper:hover .video-shadow .progress-wrapper:hover .buffered:before {
    background: #fff;
    border-radius: 25px;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    right: -4px;
    top: -4px;
    width: 12px
}

#interactive-content .video-wrapper:hover .video-shadow .progress-wrapper .progress-bar {
    background: hsla(0, 0%, 100%, .5);
    border-radius: 2px;
    height: 4px;
    left: -50%;
    position: absolute;
    top: 4px;
    transform: translate(50%, 50%);
    width: 100%
}

#interactive-content .video-wrapper:hover .video-shadow .progress-wrapper .progress-bar .buffered {
    background: #fff;
    border-radius: 2px;
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    transition: width .15s
}

#interactive-content .video-wrapper:hover .video-shadow .progress-wrapper .progress-bar .buffered:before:hover {
    cursor: pointer
}

#interactive-content .video-wrapper .video-content {
    clip-path: inset(0);
    height: 100vh;
    width: auto
}

#interactive-content .video-wrapper .video-content.video-content--card-view {
    height: 100%;
    object-fit: cover;
    width: 100%
}

@media (max-width: 640px) {
    #interactive-content .video-wrapper .video-content {
        height: 100vh;
        object-fit: cover;
        width: 100vw
    }
}

#interactive-content .video-wrapper .video-content--fullscreen {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

#interactive-content .video-wrapper .video-shadow {
    bottom: 0;
    height: 96px;
    left: 0;
    position: absolute;
    width: 100%
}

#interactive-content .video-wrapper .video-shadow .buffered, #interactive-content .video-wrapper .video-shadow .fullscreen, #interactive-content .video-wrapper .video-shadow .mute, #interactive-content .video-wrapper .video-shadow .play-pause--small, #interactive-content .video-wrapper .video-shadow .progress-bar span {
    opacity: 0;
    position: absolute
}

#interactive-content .play-pause {
    backdrop-filter: blur(40px);
    background: rgba(79, 81, 85, .9);
    border-radius: 24px;
    bottom: 28px;
    height: 48px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 48px
}

#interactive-content .play-pause .video-img {
    height: 16px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px
}

#interactive-content .play-pause:hover {
    backdrop-filter: blur(40px);
    background: #434343;
    background: hsla(220, 4%, 48%, .9);
    cursor: pointer
}

#interactive-content.interactive-content--card-view .video-controls .close {
    height: 32px;
    width: 32px;
    z-index: 1
}

#interactive-content.interactive-content--card-view .video-controls .video-img {
    height: 16px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px
}

#interactive-content.interactive-content--card-view .video-controls > * svg {
    fill: #fff;
    left: calc(50% - 12px);
    position: absolute;
    top: calc(50% - 12px)
}

#interactive-content.interactive-content--card-view .video-wrapper {
    height: 100%;
    width: 100%
}

#interactive-content.interactive-content--card-view .video-content {
    height: 100%;
    object-fit: cover;
    width: 100%
}

#interactive-content.interactive-content--card-view .video-shadow {
    bottom: 0;
    height: 96px;
    left: 0;
    position: absolute;
    width: 100%
}

#interactive-content.interactive-content--card-view .video-shadow:hover {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .1) 25%, rgba(0, 0, 0, .4))
}

#interactive-content.interactive-content--card-view .video-shadow:hover .fullscreen, #interactive-content.interactive-content--card-view .video-shadow:hover .mute, #interactive-content.interactive-content--card-view .video-shadow:hover .play-pause--small {
    border-radius: 24px;
    bottom: 28px;
    height: 32px;
    position: absolute;
    width: 32px
}

#interactive-content.interactive-content--card-view .video-shadow:hover .fullscreen .video-img, #interactive-content.interactive-content--card-view .video-shadow:hover .mute .video-img, #interactive-content.interactive-content--card-view .video-shadow:hover .play-pause--small .video-img {
    height: 16px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px
}

#interactive-content.interactive-content--card-view .video-shadow:hover .fullscreen:hover, #interactive-content.interactive-content--card-view .video-shadow:hover .mute:hover, #interactive-content.interactive-content--card-view .video-shadow:hover .play-pause--small:hover {
    backdrop-filter: blur(40px);
    background: hsla(220, 4%, 48%, .9);
    cursor: pointer
}

#interactive-content.interactive-content--card-view .video-shadow:hover .mute {
    right: 5px
}

#interactive-content.interactive-content--card-view .video-shadow:hover .fullscreen {
    right: 45px
}

#interactive-content.interactive-content--card-view .video-shadow:hover .play-pause--small {
    left: 5px
}

#interactive-content.interactive-content--card-view .video-shadow:hover .progress-wrapper {
    border-radius: 2px;
    bottom: 8px;
    height: 4px;
    left: 8px;
    padding-bottom: 8px;
    padding-top: 8px;
    position: absolute;
    right: 8px;
    width: auto
}

#interactive-content.interactive-content--card-view .video-shadow:hover .progress-wrapper .current-time {
    align-items: center;
    align-self: center;
    backdrop-filter: blur(40px);
    background: rgba(79, 81, 85, .9);
    border-radius: 9px;
    bottom: 20px;
    color: #fff;
    display: flex;
    flex: none;
    font-family: HeliosC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 16px;
    left: 50%;
    line-height: 13px;
    order: 0;
    padding: 1.5px 8px;
    position: absolute;
    text-align: center;
    transform: translateX(-50%)
}

#interactive-content.interactive-content--card-view .video-shadow:hover .progress-wrapper .current-time:hover {
    cursor: pointer
}

#interactive-content.interactive-content--card-view .video-shadow:hover .progress-wrapper .current-time:hover .buffered:before {
    background: #fff;
    border-radius: 25px;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    right: -4px;
    top: -4px;
    width: 12px
}

#interactive-content.interactive-content--card-view .video-shadow:hover .progress-wrapper .progress-bar {
    background: hsla(0, 0%, 100%, .5);
    border-radius: 2px;
    height: 4px;
    left: -50%;
    position: absolute;
    top: 4px;
    transform: translate(50%, 50%);
    width: 100%
}

#interactive-content.interactive-content--card-view .video-shadow:hover .progress-wrapper .progress-bar .buffered {
    background: #fff;
    border-radius: 2px;
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    transition: width .15s
}

#interactive-content.interactive-content--card-view .video-shadow:hover .progress-wrapper .progress-bar .buffered:before:hover {
    cursor: pointer
}

#interactive-content.interactive-content--card-view .play-pause {
    backdrop-filter: blur(40px);
    background: rgba(79, 81, 85, .9);
    border-radius: 24px;
    bottom: 28px;
    height: 32px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 32px
}

#interactive-content.interactive-content--card-view .play-pause .video-img {
    height: 16px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px
}

#interactive-content.interactive-content--card-view .play-pause:hover {
    backdrop-filter: blur(40px);
    background: #434343;
    background: hsla(220, 4%, 48%, .9);
    cursor: pointer
}

#interactive-content {
    background: rgba(0, 0, 0, .8);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 6
}

#interactive-content .circular-controls .close {
    backdrop-filter: blur(40px);
    background: rgba(85, 85, 85, .5);
    border-radius: 24px;
    height: 48px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 48px;
    z-index: 2
}

#interactive-content .circular-controls .close.close--card-view {
    z-index: 1
}

#interactive-content .circular-controls .close .circular-img {
    height: 23px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 23px
}

#interactive-content .circular-controls .hover:hover {
    background: hsla(0, 0%, 53%, .5);
    cursor: pointer
}

#interactive-content .circular-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

#interactive-content .circular-wrapper.circular-wrapper--card-view {
    height: 100%;
    width: 100%
}

#interactive-content .circular-wrapper .circular-content {
    cursor: ew-resize;
    width: auto
}

#interactive-content .circular-wrapper .circular-content.circular-content--card-view {
    height: 100%;
    object-fit: cover;
    width: 100%
}

#interactive-content .circular-wrapper .circular-content--fullscreen {
    height: 100%
}

#interactive-content .circular-wrapper .circular-content--fullscreen .circular-img {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: auto !important
}

@media (min-width: 20em) and (max-width: 56em) {
    #interactive-content .circular-wrapper .circular-content--fullscreen .circular-img {
        width: 100vw !important
    }
}

#interactive-content .circular-wrapper .circular-shadow {
    align-items: flex-end;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .1) 25%, rgba(0, 0, 0, .4));
    bottom: 0;
    display: flex;
    height: 96px;
    left: 0;
    position: absolute;
    width: 100%
}

#interactive-content .circular-wrapper .circular-shadow .circular-text {
    color: #fff;
    font-size: 14px;
    margin-bottom: 16px;
    margin-left: 16px;
    margin-right: 64px;
    text-align: left
}

#interactive-content .circular-wrapper .circular-shadow .fullscreen {
    border-radius: 24px;
    bottom: 16px;
    height: 32px;
    position: absolute;
    right: 16px;
    width: 32px
}

#interactive-content .circular-wrapper .circular-shadow .fullscreen .circular-img {
    height: 13px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 13px
}

#interactive-content .circular-wrapper .circular-shadow .fullscreen:hover {
    backdrop-filter: blur(40px);
    background: rgba(85, 85, 85, .5);
    cursor: pointer
}

#interactive-content .circular-wrapper .circular-shadow--fullscreen .circular-text {
    margin-left: auto;
    margin-right: auto;
    padding: 0 64px
}

#interactive-content .circular-wrapper .circular-shadow--fullscreen .fullscreen {
    display: none
}

#interactive-content.interactive-content--card-view {
    background: unset;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

#interactive-content.interactive-content--card-view .circular-controls .close {
    height: 32px;
    width: 32px;
    z-index: 1
}

#interactive-content.interactive-content--card-view .circular-controls .close .circular-img {
    height: 16px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px
}

#interactive-content.interactive-content--card-view .circular-wrapper {
    height: 100%;
    width: 100%
}

#interactive-content.interactive-content--card-view .circular-wrapper .circular-content {
    height: 100%;
    object-fit: cover;
    width: 100%
}

#interactive-content.interactive-content--card-view .circular-wrapper .circular-content img {
    background-color: #fff;
    bottom: 0;
    height: 100%;
    position: absolute;
    top: 0
}

#interactive-content.interactive-content--card-view .circular-wrapper .circular-shadow {
    bottom: 0;
    height: 96px;
    left: 0;
    position: absolute;
    width: 100%
}

#interactive-content.interactive-content--card-view .circular-wrapper .circular-shadow:hover {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .1) 25%, rgba(0, 0, 0, .4))
}

#interactive-content.interactive-content--card-view .circular-wrapper .circular-shadow:hover .fullscreen {
    border-radius: 24px;
    bottom: 16px;
    height: 32px;
    position: absolute;
    right: 16px;
    width: 32px
}

#interactive-content.interactive-content--card-view .circular-wrapper .circular-shadow:hover .fullscreen .circular-img {
    height: 13px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 13px
}

#interactive-content.interactive-content--card-view .circular-wrapper .circular-shadow:hover .fullscreen:hover {
    backdrop-filter: blur(40px);
    background: rgba(85, 85, 85, .5);
    cursor: pointer
}

.product-photo-slider {
    align-self: flex-start;
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 41%
}

.product-photo-slider.product-photo-slider--change-index {
    z-index: 6 !important
}

.product-photo-slider .main-photo {
    align-items: center;
    align-self: flex-start;
    display: flex;
    flex-grow: 1;
    position: relative
}

.product-photo-slider .main-photo.with-nav {
    padding-left: calc(16.6% + 8px)
}

.product-photo-slider .main-photo .carousel-container {
    align-items: center;
    background-color: #eee;
    display: flex;
    height: 0;
    overflow: hidden;
    padding-top: 133.33333%;
    position: relative;
    width: 100%
}

.product-photo-slider .main-photo .carousel-container .slider {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.product-photo-slider .main-photo .carousel-container .slider .next, .product-photo-slider .main-photo .carousel-container .slider .prev {
    background: rgba(0, 0, 0, .2);
    border: none;
    opacity: 1;
    transition: background .2s ease
}

.product-photo-slider .main-photo .carousel-container .slider .next:hover, .product-photo-slider .main-photo .carousel-container .slider .prev:hover {
    background: hsla(0, 0%, 100%, .2)
}

.product-photo-slider .main-photo .carousel-container .swiper-wrapper {
    align-items: center
}

.product-photo-slider .main-photo .carousel-container img {
    height: 100%;
    object-fit: contain;
    object-position: center;
    user-select: none;
    width: 100%
}

.product-photo-slider .main-photo .circular-view, .product-photo-slider .main-photo .video {
    background: hsla(0, 0%, 100%, .6);
    border-radius: 8px;
    bottom: 8px;
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    left: 8px;
    padding: 11px 12px 11px 44px;
    position: absolute;
    transition: background .2s ease-in
}

.product-photo-slider .main-photo .circular-view:hover, .product-photo-slider .main-photo .video:hover {
    background: #fff
}

@media (min-width: 321px) {
    .product-photo-slider .main-photo .circular-view--with-nav, .product-photo-slider .main-photo .video--with-nav {
        left: calc(16.6% + 16px)
    }
}

.product-photo-slider .main-photo .play-video-circle {
    left: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.product-photo-slider .main-photo .circular-view {
    bottom: 56px
}

.product-photo-slider .main-photo .circular-view .circular-view__icon {
    left: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.product-photo-slider .main-photo .circular-view--without-video {
    bottom: 8px
}

.product-photo-slider .photo-navigation {
    align-self: flex-start;
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    margin-right: 8px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 1.1rem;
    position: absolute;
    scroll-behavior: smooth;
    top: 0;
    width: 16.6%
}

.product-photo-slider .photo-navigation .photo-nav-item {
    background-color: #eee;
    border-radius: 2px;
    cursor: pointer;
    height: 0;
    padding-top: 133.33333%;
    position: relative;
    width: 100%
}

.product-photo-slider .photo-navigation .photo-nav-item:not(:last-child) {
    margin-bottom: 8px
}

.product-photo-slider .photo-navigation .photo-nav-item > * {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: contain;
    object-position: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.product-photo-slider .photo-navigation .photo-nav-item.active:after, .product-photo-slider .photo-navigation .photo-nav-item.more:after {
    border-radius: 2px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.product-photo-slider .photo-navigation .photo-nav-item.active:after {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .54)
}

.product-photo-slider .photo-navigation .photo-nav-item.more:after {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12)
}

.product-photo-slider .photo-navigation .photo-nav-item.more p {
    align-items: center;
    background: #fff;
    border-radius: 2px;
    display: flex;
    font-size: 13px;
    justify-content: center;
    margin: 0;
    text-transform: uppercase
}

.choose-characteristics[ui-57] {
    font-family: HeliosC;
    font-size: .875rem;
    line-height: 1.2em;
    margin-top: 4px;
    text-align: center
}

.photo-with-main-info[ui-57] {
    display: flex;
    margin-top: 16px
}

.photo-slider[ui-57] {
    height: 96px;
    width: 72px
}

.main-info[ui-57] {
    margin-left: 16px
}

.product-title[ui-57] {
    font-family: HeliosC;
    font-size: .875rem;
    line-height: 1.2em;
    word-break: break-word
}

.available-count-description[ui-57] {
    align-items: center;
    display: flex;
    font-family: HeliosC;
    font-size: .8rem;
    font-weight: 500;
    line-height: 1.2em;
    margin-top: 6px
}

.available-count-description .fire-icon[ui-57] {
    margin-right: 4px;
    width: 15px
}

.available-count-description .quantity-color--red[ui-57] {
    color: #e63838
}

.available-count-description .quantity-color--gray[ui-57] {
    color: #62656a
}

.available-count-description .quantity-color--green[ui-57] {
    color: #00c853
}

.price[ui-57] {
    display: flex;
    margin-top: 8px
}

.price .actual-price[ui-57] {
    font-family: HeliosC;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2em
}

.price .full-price[ui-57] {
    color: #8a8d93;
    font-family: HeliosC;
    font-size: 1rem;
    line-height: 1.2em;
    margin-left: 8px;
    margin-top: 2px
}

.text__product-old-price{ font-size: 1rem;}

.price .full-price span[ui-57] {
    text-decoration: line-through
}

[ui-57] .block-part-title {
    font-size: 12.25px !important
}

[ui-57] .block-part {
    margin-bottom: 0 !important
}

.info-button[ui-57] {
    align-items: center;
    background-color: transparent;
    border: 1px solid hsla(220, 4%, 48%, .3);
    border-radius: 4px;
    color: #141416;
    cursor: pointer;
    display: inline-flex;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 500;
    height: 38px;
    justify-content: center;
    margin-top: 8px;
    padding: 7px 14px;
    text-decoration: none;
    width: 100%
}

.info-button[ui-57]:hover {
    background-color: hsla(220, 4%, 48%, .1);
    border-color: hsla(220, 4%, 48%, .4)
}

.info-button[ui-57]:active {
    background-color: hsla(220, 4%, 48%, .2);
    border-color: hsla(220, 4%, 48%, .4)
}

.info-button[ui-57]:focus {
    background-color: transparent;
    border-color: #141416
}

.info-button.disabled[ui-57], .info-button[ui-57]:disabled {
    background-color: #dfe0e2;
    color: #dfe0e2
}

.fade-enter-active[data-v-6a33105e], .fade-leave-active[data-v-6a33105e] {
    transition: opacity .3s ease-in-out
}

.fade-enter[data-v-6a33105e], .fade-leave-to[data-v-6a33105e] {
    opacity: 0
}

.vat-popover[data-v-6a33105e] {
    backdrop-filter: blur(20px);
    background: rgba(0, 0, 0, .7);
    border-radius: 8px;
    height: 56px;
    left: calc(100% + 12px);
    min-width: 189px;
    padding: 8px 24px;
    position: absolute;
    z-index: 10
}

.vat-popover[data-v-6a33105e]:after {
    border-bottom: 10px solid transparent;
    border-right: 10px solid rgba(0, 0, 0, .7);
    border-top: 10px solid transparent;
    content: " ";
    height: 0;
    left: -10px;
    position: absolute;
    top: 30%;
    width: 0
}

.vat-popover .wrapper[data-v-6a33105e] {
    text-align: start;
    white-space: nowrap
}

.vat-popover .text[data-v-6a33105e] {
    color: #cacbce;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4em
}

.vat-popover .value[data-v-6a33105e] {
    color: #fff;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 800;
    line-height: 1.4em
}

.popup-container[data-v-7a24655c] {
    display: flex;
    flex-direction: column;
    max-width: 560px
}

@media (max-width: 639px) {
    .popup-container[data-v-7a24655c] {
        max-width: none;
        padding: 0 8px 24px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .popup-container[data-v-7a24655c] {
        max-width: none;
        padding: 0 8px 24px
    }
}

.header[data-v-7a24655c] {
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

@media (max-width: 639px) {
    .header[data-v-7a24655c] {
        margin: 42px 0 24px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .header[data-v-7a24655c] {
        margin: 42px 0 24px
    }
}

.header .ui-icon.dolyame-icon[data-v-7a24655c], .header .ui-icon.dolyame-icon[data-v-7a24655c] path {
    fill: #000
}

.body[data-v-7a24655c] {
    display: flex;
    flex-direction: column
}

.dolyame-title[data-v-7a24655c] {
    font-family: HeliosC;
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.4em;
    margin-bottom: 12px;
    padding: 0 8px
}

.dolyame-subtitle[data-v-7a24655c] {
    color: #4d4e59;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4em;
    margin-bottom: 24px;
    padding: 0 8px
}

.dolyame-parts[data-v-7a24655c] {
    display: flex;
    justify-content: center;
    padding: 0
}

@media (max-width: 639px) {
    .dolyame-parts[data-v-7a24655c] {
        align-items: start;
        flex-direction: column;
        padding: 0 8px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .dolyame-parts[data-v-7a24655c] {
        align-items: start;
        flex-direction: column;
        padding: 0 8px
    }
}

.dolyame-part[data-v-7a24655c] {
    align-items: center;
    display: flex
}

@media (max-width: 639px) {
    .dolyame-part[data-v-7a24655c] {
        flex-direction: column
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .dolyame-part[data-v-7a24655c] {
        flex-direction: column
    }
}

.dolyame-part-content[data-v-7a24655c] {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media (max-width: 639px) {
    .dolyame-part-content[data-v-7a24655c] {
        flex-direction: row-reverse
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .dolyame-part-content[data-v-7a24655c] {
        flex-direction: row-reverse
    }
}

@media (max-width: 639px) {
    .dolyame-part-info[data-v-7a24655c] {
        margin-left: 12px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .dolyame-part-info[data-v-7a24655c] {
        margin-left: 12px
    }
}

.dolyame-part-cost[data-v-7a24655c] {
    color: #1f1f26;
    font-family: HeliosC;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 4px;
    text-align: center
}

@media (max-width: 639px) {
    .dolyame-part-cost.now[data-v-7a24655c] {
        font-family: HeliosC;
        font-size: 1.375rem;
        font-weight: 600
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .dolyame-part-cost.now[data-v-7a24655c] {
        font-family: HeliosC;
        font-size: 1.375rem;
        font-weight: 600
    }
}

@media (max-width: 639px) {
    .dolyame-part-cost[data-v-7a24655c] {
        font-family: HeliosC;
        font-size: 1rem;
        font-weight: 500;
        text-align: left
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .dolyame-part-cost[data-v-7a24655c] {
        font-family: HeliosC;
        font-size: 1rem;
        font-weight: 500;
        text-align: left
    }
}

.dolyame-part-date[data-v-7a24655c] {
    color: #8b8e99;
    font-family: HeliosC;
    font-size: .8rem;
    font-weight: 400;
    margin-bottom: 12px
}

.dolyame-part-date.now[data-v-7a24655c] {
    color: #1f1f26;
    font-family: HeliosC;
    font-size: .8rem;
    font-weight: 600
}

@media (max-width: 639px) {
    .dolyame-part-date[data-v-7a24655c] {
        font-family: HeliosC;
        font-size: 1rem;
        font-weight: 400;
        margin-bottom: 0
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .dolyame-part-date[data-v-7a24655c] {
        font-family: HeliosC;
        font-size: 1rem;
        font-weight: 400;
        margin-bottom: 0
    }
}

.dolyame-part-num[data-v-7a24655c] {
    align-items: center;
    background: #f2f4f7;
    border-radius: 50%;
    color: #1f1f26;
    display: flex;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 600;
    height: 46px;
    justify-content: center;
    line-height: 1.2em;
    position: relative;
    width: 46px
}

.dolyame-part-quarter[data-v-7a24655c] {
    height: 50%;
    position: absolute;
    width: 50%
}

.dolyame-part-quarter-1[data-v-7a24655c] {
    border-radius: 0 100% 0 0;
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    right: 0;
    top: 0
}

.dolyame-part-quarter-2[data-v-7a24655c] {
    border-bottom: 2px solid #000;
    border-radius: 0 0 100% 0;
    border-right: 2px solid #000;
    bottom: 0;
    right: 0
}

.dolyame-part-quarter-3[data-v-7a24655c] {
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    border-radius: 0 0 0 100%;
    bottom: 0;
    left: 0
}

.dolyame-part-quarter-4[data-v-7a24655c] {
    border-left: 2px solid #000;
    border-radius: 100% 0 0 0;
    border-top: 2px solid #000;
    left: 0;
    top: 0
}

.dolyame-part-separator[data-v-7a24655c] {
    background: #e4e6eb;
    border-radius: 16px;
    height: 2px;
    margin: 66px 25px auto;
    width: 24px
}

@media (max-width: 639px) {
    .dolyame-part-separator[data-v-7a24655c] {
        height: 24px;
        margin: 9px auto 9px 23px;
        width: 2px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .dolyame-part-separator[data-v-7a24655c] {
        height: 24px;
        margin: 9px auto 9px 23px;
        width: 2px
    }
}

.dolyame-descriptions[data-v-7a24655c] {
    margin-top: 28px;
    padding: 0 8px
}

.dolyame-description[data-v-7a24655c] {
    align-items: center;
    color: #4d4e59;
    display: flex;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4em
}

.dolyame-description[data-v-7a24655c]:not(:last-child) {
    margin-bottom: 8px
}

.dolyame-description .ui-icon[data-v-7a24655c] {
    margin-right: 8px
}

.banner[data-v-7b3615c0] {
    align-items: center;
    align-self: stretch;
        background: linear-gradient(90deg, color(display-p3 1 .098 .098), color(display-p3 1 .698 .7294) 100.69%);
    border-radius: var(--rounding-150, 12px);
    display: flex;
    height: 1px;
    min-height: 72px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 100%
}

.banner-image[data-v-7b3615c0] {
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    margin-left: auto;
    max-width: 144px;
    min-width: 120px;
    width: 100%
}

.text[data-v-7b3615c0] {
    color: var(--text-on-color, #fff);
    color: var(--text-on-color, color(display-p3 1 1 1));
    font-family: HeliosC;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    padding: 12px 0 12px 12px
}

.icon-wrap[data-v-7b3615c0] {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.icon-wrap[data-v-7b3615c0] svg {
    fill: #fff
}

.product-info-card {
    align-items: stretch;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    margin-top: 20px
}

.is-add-button-only {
    flex: 1;
    width: inherit !important
}

#product-info .actions-wrapper [ui-button] {
    padding: 10px 12px
}

#product-info.short-view .base {
    padding: 0 16px
}

#product-info.short-view .characteristics {
    padding: 16px
}

@media (max-width: 639px) {
    #product-info.short-view .characteristics {
        padding: 16px 0
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    #product-info.short-view .characteristics {
        padding: 16px 0
    }
}

#product-info.short-view .characteristics .block-part.price .price-timer {
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.2em
}

#product-info.short-view .characteristics .block-part.actions .action {
    width: 100%
}

@media (max-width: 639px) {
    #product-info.short-view .characteristics .block-part.actions .actions-wrapper {
        background: #fff;
        bottom: 0;
        left: 0;
        padding: 16px;
        position: fixed;
        z-index: 2                                                                                         
    }

    #product-info.short-view .characteristics .block-part.actions .actions-wrapper .actions-overlay {
        bottom: 0;
        left: 0;
        position: absolute
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    #product-info.short-view .characteristics .block-part.actions .actions-wrapper {
        background: #fff;
        bottom: 0;
        left: 0;
        padding: 16px;
        position: fixed;
        z-index: 2
    }

    #product-info.short-view .characteristics .block-part.actions .actions-wrapper .actions-overlay {
        bottom: 0;
        left: 0;
        position: absolute
    }
}

.info-container .stats {
    color: #62656a;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 6px
}

.info-container .stats, .info-container .stats .rating {
    align-items: center;
    display: flex
}

.info-container .stats .rating img {
    margin-right: 2px;
    margin-top: -2px
}



																						   
.info-container .stats .rating .rating-value {
    margin-right: 4px
}

.info-container .stats .rating .reviews-info {
    cursor: pointer
}

.info-container .stats .rating .reviews-info:hover .dotted {
    border: none;
    user-select: none
}

.info-container .stats .rating .dotted {
    border-bottom: 1px dotted #757575;
    display: inline-block;
    line-height: 14px
}

.info-container .stats .bullet {
    background-color: #757575;
    border-radius: 100%;
    height: 3px;
    margin-left: 8px;
    margin-right: 8px;
    width: 3px
}

.info-container .stats .orders {
    flex-grow: 1;
    padding-left: 16px
}

.info-container .stats .like-stuff #button-heart {
    align-items: center;
    color: #141416;
    display: flex;
    font-weight: 400;
    padding-left: 0;
    padding-right: 0
}

.info-container .stats .like-stuff #button-heart .slot.default {
    margin: 0
}

.info-container .stats .like-stuff #button-heart .ui-icon {
    height: 18px;
    width: 18px
}

.info-container .stats .like-stuff #button-heart .ui-icon path:first-child {
    fill: transparent !important
}

.info-container .stats .like-stuff #button-heart.liked .ui-icon path {
    fill: var(--icon-accented) !important
}

.info-container .info-block {
    padding: 32px
}

.info-container .info-block .discount-offer {
    background: rgba(255, 228, 51, .3);
    border-radius: 8px;
    padding: 0 32px
}

.info-container .info-block .discount-offer .offer-icon {
    margin-right: 5px
}

@media (max-width: 27em) {
    .info-container .info-block .discount-offer {
        padding: 0 16px
    }
}

.info-container .info-block .discount-offer .block-part {
    display: flex;
    justify-content: space-between;
    padding: 19px 0
}

@media (max-width: 27em) {
    .info-container .info-block .discount-offer .block-part {
        padding: 14px 0
    }
}

.info-container .info-block .discount-offer .block-part .offer-text {
    color: #141416;
    font-size: 16px;
    line-height: 16px;
    margin-right: 10px;
    padding: 5px 0;
    width: 60%
}

@media (max-width: 27em) {
    .info-container .info-block .discount-offer .block-part .offer-text {
        margin-right: 0;
        margin-top: 14px;
        padding: 0;
        width: auto
    }

    .info-container .info-block .discount-offer .block-part {
        flex-direction: column-reverse
    }
}

.info-container .info-block .discount-offer .block-part--timer {
    align-items: center;
    justify-content: center
}

.info-container .info-block .discount-offer .block-part--timer .block-part {
    padding: 17px 0
}

.info-container .info-block .discount-offer .block-part--timer .offer-text {
    align-items: center;
    display: flex;
    justify-content: center;
    width: auto
}

@media (max-width: 27em) {
    .info-container .info-block .discount-offer .block-part--timer .offer-text {
        display: block;
        font-size: 13px
    }

    .info-container .info-block .discount-offer .block-part--button .offer-text {
        font-size: 14px;
        text-align: center
    }
}

.info-container .info-block .discount-offer .block-part--motivation {
    align-items: center;
    padding: 0
}

@media (max-width: 27em) {
    .info-container .info-block .discount-offer .block-part--motivation {
        padding: 9px 0
    }
}

.info-container .info-block .discount-offer .block-part--motivation .offer-text {
    align-items: center;
    display: flex
}

@media (max-width: 27em) {
    .info-container .info-block .discount-offer .block-part--motivation .offer-text {
        font-size: 14px;
        margin-top: 0
    }
}

.info-container .info-block.base {
    padding-bottom: 0;
    padding-top: 0
}

.info-container .info-block.base .title {
    color: #212121;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
    word-break: break-word
}

.info-container .info-block.base .charity {
    display: flex;
    margin-top: -8px;
    padding: 8px 0
}

.info-container .info-block.base .charity .ch-icon {
    padding: 0 0 20px
}

.info-container .info-block.base .charity .ch-text {
    color: #141416;
    font-family: HeliosC;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-left: 16px
}

.info-container .info-block.base .price {
    align-items: baseline;
    display: flex;
    margin-bottom: 16px;
    margin-top: 8px
}

.info-container .info-block.base .price .new-price {
    color: var(--text-accented);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-right: 16px
}

.info-container .info-block.base .price .old-price {
    color: #757575;
    font-size: 16px;
    line-height: 24px;
    margin-right: 13px;
    text-decoration-line: line-through
}

.info-container .info-block.base .price .price-timer {
    display: block
}

@media only screen and (min-width: 960px) {
    .info-container .info-block.base .price .price-timer {
        display: none
    }
}

.info-container .info-block.base .price .badge-container {
    margin-left: 22px
}

.info-container .info-block.base .product-info-item {
    align-items: center;
    display: flex;
    margin-top: 8px
}

.info-container .info-block.base .product-info-item > * {
    align-items: center;
    color: #141416;
    display: flex;
    font-size: 16px;
    line-height: 24px;
    min-width: 100px;
    padding: 0
}

.info-container .info-block.base .product-info-item .product-info-item-value--seller {
    text-decoration: underline
}

.info-container .info-block.base .product-info-item [ui-help-tooltip] {
    align-items: center;
    display: flex
}

.info-container .info-block.base .product-info-item [ui-help-tooltip] img {
    display: block
}

.info-container .info-block.base .product-info-item [ui-help-tooltip] [toltip-text] {
    background: #424242;
    border-radius: 4px
}

.info-container .info-block.characteristics {
    padding-top: 0
}

.info-container .info-block.characteristics .section-line {
    border-bottom: 1px solid hsla(220, 4%, 48%, .2);
    margin-bottom: 24px;
    padding-top: 24px
}

.info-container .info-block .block-part:not(:last-child) {
    margin-bottom: 24px
}

.info-container .info-block .block-part-title {
    align-items: center;
    color: #212121;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.info-container .info-block .block-part-title__sku-value {
    font-weight: 600;
    padding-left: 8px
}

.info-container .info-block .block-part-content {
    margin-top: 8px
}

.info-container .info-block .block-part.notChosen .block-part-title {
    color: var(--text-accented)
}

.info-container .info-block .block-part.notChosen .error-tooltip {
    display: inherit
}

.info-container .info-block .block-part-vat {
    align-items: center;
    color: #8a8d93;
    display: flex;
    font-family: HeliosC;
    font-size: .875rem;
    line-height: 1.2em;
    margin-top: 8px;
    position: relative;
    width: max-content
}

.info-container .info-block .block-part-vat .currency {
    margin-right: 5px
}

.info-container .info-block .block-part-vat .icon {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-left: 10px
}

.info-container .info-block .block-part .error-tooltip {
    display: none;
    margin-left: 8px;
    position: relative
}

@media (max-width: 639px) {
    .info-container .info-block .block-part .error-tooltip {
        margin-left: auto
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .info-container .info-block .block-part .error-tooltip {
        margin-left: auto
    }
}

.info-container .info-block .block-part .error-tooltip .tooltip-text {
    background: var(--button-primary-accented-rest);
    border-radius: 4px;
    bottom: 150%;
    color: #fff;
    display: block;
    font-size: 13px;
    left: -3px;
    max-width: 25vw;
    padding: 5px 8px;
    position: absolute;
    text-align: left;
    width: max-content
}

.info-container .info-block .block-part .error-tooltip .tooltip-text:after {
    border-color: var(--border-accented) transparent transparent transparent;
    border-style: solid;
    border-width: 3px;
    content: " ";
    left: 12px;
    position: absolute;
    top: 100%
}

@media (max-width: 639px) {
    .info-container .info-block .block-part .error-tooltip .tooltip-text {
        left: unset;
        max-width: calc(100vw - 24px);
        right: -4px;
        text-align: right
    }

    .info-container .info-block .block-part .error-tooltip .tooltip-text:after {
        left: unset;
        right: 12px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .info-container .info-block .block-part .error-tooltip .tooltip-text {
        left: unset;
        max-width: calc(100vw - 24px);
        right: -4px;
        text-align: right
    }

    .info-container .info-block .block-part .error-tooltip .tooltip-text:after {
        left: unset;
        right: 12px
    }
}

.info-container .info-block .block-part.count .block-part-content {
    align-items: center;
    display: flex
}

.info-container .info-block .block-part.count [input-form-group] {
    box-sizing: border-box;
    width: 120px
}

.info-container .info-block .block-part.count .count-input {
    margin-right: 16px
}

.info-container .info-block .block-part.count .available-amount {
    align-items: center;
    color: #757575;
    display: flex;
    font-size: 16px;
    line-height: 24px
}

.info-container .info-block .block-part.count .available-amount .quantity-color--fire-icon {
    margin-right: 2px
}

.info-container .info-block .block-part.count .available-amount .quantity-color--red {
    color: var(--button-primary-accented-rest)
}

.info-container .info-block .block-part.count .available-amount .quantity-color--gray {
    color: #62656a
}

.info-container .info-block .block-part.count .available-amount .quantity-color--green {
    color: #00c853
}

.info-container .info-block .block-part.price .block-part-content {
    align-items: center;
    display: flex
}

.info-container .info-block .block-part.price .total-price {
    color: #212121;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-right: 13px;
    white-space: nowrap
}

.info-container .info-block .block-part.price .old-price {
    color: #8a8d93;
    font-size: 16px;
    line-height: 24px;
    margin-left: 8px;
    text-decoration-line: line-through
}

.info-container .info-block .block-part.price .per-item-price {
    color: #757575;
    font-size: 16px;
    line-height: 24px;
    margin-left: 8px;
    white-space: nowrap
}

.info-container .info-block .block-part.price .badge-container {
    margin-left: 22px
}

.info-container .info-block .block-part.dolyame {
    width: 100%
}

.info-container .info-block .block-part.dolyame .block-part-content {
    align-items: center;
    background: #f5f6fa;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    padding: 12px 8px 12px 12px;
    position: relative
}

.info-container .info-block .block-part.dolyame .block-part-content:hover {
    background: #edeff2
}

.info-container .info-block .block-part.dolyame .dolyame-button {
    align-items: center;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    display: flex;
    height: 24px;
    justify-content: center;
    text-align: center;
    transition: .15s ease;
    width: 80px
}

.info-container .info-block .block-part.dolyame .dolyame-button .ui-icon {
    height: 30px;
    transform: scale(1.5);
    width: 40px
}

.info-container .info-block .block-part.dolyame .dolyame-button.disabled {
    background-color: #a6a9b3
}

.info-container .info-block .block-part.dolyame .dolyame-button.disabled .ui-icon path {
    fill: #fff !important;
    transition: .15s ease
}

.info-container .info-block .block-part.dolyame .dolyame-text {
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 500;
    margin-left: 8px
}

.info-container .info-block .block-part.dolyame .dolyame-text.disabled {
    color: #a6a9b3
}

.info-container .info-block .block-part.dolyame .dolyame-icon {
    display: flex;
    margin-left: auto
}

.info-container .info-block .block-part.dolyame .dolyame-icon-spinner {
    animation: spin 2s linear infinite
}

.info-container .info-block .block-part.dolyame .dolyame-overlay {
    bottom: 0;
    left: 0;
    position: absolute
}

.info-container .info-block .block-part.actions .block-part-content .actions-wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%
}

.info-container .info-block .block-part.actions .block-part-content .actions-wrapper .actions-overlay {
    cursor: pointer;
    height: 100%;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.info-container .info-block .block-part.actions .block-part-content .actions-wrapper .action {
    width: calc(50% - 4px)
}

.info-container .info-block .block-part.actions .block-part-content .actions-wrapper .action .ui-button {
    width: 100%
}

.info-container .info-block .block-part.actions .block-part-content .actions-wrapper .action .ui-button.one-click-buy {
    box-shadow: 0 0 0 1px var(--border-accented) inset;
    color: var(--text-accented)
}

.info-container .info-block .block-part.actions .block-part-content .actions-wrapper .action .ui-button.one-click-buy.disabled {
    box-shadow: inset 0 0 0 1px #dfe1e6;
    color: #a6a9b2
}

.info-container .info-block .block-part.actions .block-part-content .actions-wrapper .action.with-popup {
    position: relative
}

.info-container .info-block .block-part.actions .block-part-content .actions-wrapper .action.with-popup .action-popup-text {
    background: #424242;
    border-radius: 4px;
    bottom: calc(100% + 8px);
    color: #fff;
    font-size: .75rem;
    left: 0;
    line-height: 1.83;
    padding: 10px 15px;
    position: absolute;
    right: 0
}

.info-container .info-block .block-part.short-about ul {
    list-style-position: inside;
    list-style-type: disc;
    margin: 0
}

.info-container .info-block .block-part.short-about ul li {
    font-size: 16px;
    line-height: 18px
}

.info-container .info-block .block-part.short-about ul li:not(:last-child) {
    margin-bottom: 8px
}

#product-fixed-buy-container {
    border-radius: 0;
    bottom: 0;
    box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .1), 0 -1px 2px 0 rgba(0, 0, 0, .2);
    left: 0;
    padding: 10px .25rem;
    position: fixed;
    width: 100%;
    z-index: 5
}

#product-fixed-buy-container .ui-button {
    width: 100%
}

#product-fixed-buy-container > div > .fixed-unit {
    font-size: .625rem
}

#product-fixed-buy-container > div > .fixed-value {
    font-size: 1.125rem
}

#product-fixed-buy-container {
    display: none
}

.badge-description {
    margin-bottom: 24px
}

@media (max-width: 639px) {
    .badge-description {
        margin-bottom: 8px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .badge-description {
        margin-bottom: 8px
    }
}

.product-modal-info[data-v-76975515] {
    height: 100%;
    position: relative;
    width: 774px
}

.product-modal-info .scrollable[data-v-76975515] {
    align-items: stretch;
    display: flex;
    justify-content: space-between;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 16px
}

.product-modal-info .scrollable .product-main-info[data-v-76975515] {
    flex-grow: 1;
    padding-right: 16px;
    width: 300px
}

@media (min-width: 640px) and (max-width: 959px) {
    .product-modal-info .scrollable .product-main-info[data-v-76975515] {
        max-width: 300px;
        width: auto
    }

    .product-modal-info .scrollable .product-main-info.no-padding[data-v-76975515] {
        padding: 0
    }
}

@media (max-width: 639px) {
    .product-modal-info .scrollable .product-main-info[data-v-76975515] {
        max-width: 300px;
        width: auto
    }

    .product-modal-info .scrollable .product-main-info.no-padding[data-v-76975515] {
        padding: 0
    }
}

.product-modal-info .scrollable .product-main-info .image[data-v-76975515] {
    border-radius: 8px;
    height: 100%;
    object-fit: contain;
    object-position: center;
    overflow: hidden;
    width: 100%
}

.product-modal-info .scrollable .product-main-info .action[data-v-76975515] {
    align-items: center;
    background-color: transparent;
    border: 1px solid hsla(220, 4%, 48%, .3);
    border-radius: 4px;
    color: #141416;
    cursor: pointer;
    display: inline-flex;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 500;
    height: 38px;
    justify-content: center;
    margin-top: 8px;
    padding: 7px 14px;
    text-decoration: none;
    width: 100%
}

.product-modal-info .scrollable .product-main-info .action[data-v-76975515]:hover {
    background-color: hsla(220, 4%, 48%, .1);
    border-color: hsla(220, 4%, 48%, .4)
}

.product-modal-info .scrollable .product-main-info .action[data-v-76975515]:active {
    background-color: hsla(220, 4%, 48%, .2);
    border-color: hsla(220, 4%, 48%, .4)
}

.product-modal-info .scrollable .product-main-info .action[data-v-76975515]:focus {
    background-color: transparent;
    border-color: #141416
}

.product-modal-info .scrollable .product-main-info .action.disabled[data-v-76975515], .product-modal-info .scrollable .product-main-info .action[data-v-76975515]:disabled {
    background-color: #dfe0e2;
    color: #dfe0e2
}

.product-modal-info .scrollable .product-main-info .action .info-text[data-v-76975515] {
    text-align: end
}

.product-modal-info .scrollable .info-container[data-v-76975515] {
    flex-basis: 400px;
    flex-grow: 4
}

@media (min-width: 640px) and (max-width: 959px) {
    .product-modal-info[data-v-76975515] {
        min-width: unset;
        padding: 16px 16px 0;
        width: 100%
    }

    .product-modal-info .scrollable[data-v-76975515] {
        -ms-overflow-style: none;
        -webkit-touch-callout: none;
        align-items: none;
        color: #141416;
        flex-direction: column;
        font-family: HeliosC;
        font-size: .875rem;
        font-weight: 400;
        justify-content: none;
        line-height: 1.2em;
        margin-bottom: 70px;
        max-height: calc(90vh - 142px);
        padding: 0;
        scrollbar-width: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .product-modal-info .scrollable[data-v-76975515]::-webkit-scrollbar {
        display: none
    }

    .product-modal-info .scrollable .product-main-info[data-v-76975515] {
        max-width: none
    }

    .product-modal-info .scrollable .product-main-info .title[data-v-76975515] {
        font-family: HeliosC;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.2em;
        text-align: center
    }

    .product-modal-info .scrollable .product-main-info .wrapper[data-v-76975515] {
        display: flex;
        padding-top: 16px
    }

    .product-modal-info .scrollable .product-main-info .wrapper .info[data-v-76975515] {
        display: flex;
        flex-direction: column
    }

    .product-modal-info .scrollable .product-main-info .wrapper .info h1[data-v-76975515] {
        font-family: HeliosC;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.2em;
        margin-top: 7px
    }

    .product-modal-info .scrollable .product-main-info .wrapper .info .timer[data-v-76975515] {
        margin-top: 7px
    }

    .product-modal-info .scrollable .product-main-info .wrapper .info .price[data-v-76975515] {
        display: flex;
        margin-top: 7px
    }

    .product-modal-info .scrollable .product-main-info .wrapper .info .price .new-price[data-v-76975515] {
        font-family: HeliosC;
        font-size: 1rem;
        font-weight: 600;
        margin-right: 8px
    }

    .product-modal-info .scrollable .product-main-info .wrapper .info .price .old-price[data-v-76975515] {
        color: #8a8d93;
        font-family: HeliosC;
        font-size: .8rem;
        font-weight: 400
    }

    .product-modal-info .scrollable .product-main-info .wrapper .info .price .old-price .currency[data-v-76975515] {
        text-decoration-line: line-through
    }

    .product-modal-info .scrollable .product-main-info .wrapper .image[data-v-76975515] {
        height: 96px;
        margin-right: 14px;
        width: 72px
    }

    .product-modal-info .scrollable .product-main-info .action[data-v-76975515] {
        margin: 16px 0
    }
}

@media (max-width: 639px) {
    .product-modal-info[data-v-76975515] {
        min-width: unset;
        padding: 16px 16px 0;
        width: 100%
    }

    .product-modal-info .scrollable[data-v-76975515] {
        -ms-overflow-style: none;
        -webkit-touch-callout: none;
        align-items: none;
        color: #141416;
        flex-direction: column;
        font-family: HeliosC;
        font-size: .875rem;
        font-weight: 400;
        justify-content: none;
        line-height: 1.2em;
        margin-bottom: 70px;
        max-height: calc(90vh - 142px);
        padding: 0;
        scrollbar-width: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .product-modal-info .scrollable[data-v-76975515]::-webkit-scrollbar {
        display: none
    }

    .product-modal-info .scrollable .product-main-info[data-v-76975515] {
        max-width: none
    }

    .product-modal-info .scrollable .product-main-info .title[data-v-76975515] {
        font-family: HeliosC;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.2em;
        text-align: center
    }

    .product-modal-info .scrollable .product-main-info .wrapper[data-v-76975515] {
        display: flex;
        padding-top: 16px
    }

    .product-modal-info .scrollable .product-main-info .wrapper .info[data-v-76975515] {
        display: flex;
        flex-direction: column
    }

    .product-modal-info .scrollable .product-main-info .wrapper .info h1[data-v-76975515] {
        font-family: HeliosC;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.2em;
        margin-top: 7px
    }

    .product-modal-info .scrollable .product-main-info .wrapper .info .timer[data-v-76975515] {
        margin-top: 7px
    }

    .product-modal-info .scrollable .product-main-info .wrapper .info .price[data-v-76975515] {
        display: flex;
        margin-top: 7px
    }

    .product-modal-info .scrollable .product-main-info .wrapper .info .price .new-price[data-v-76975515] {
        font-family: HeliosC;
        font-size: 1rem;
        font-weight: 600;
        margin-right: 8px
    }

    .product-modal-info .scrollable .product-main-info .wrapper .info .price .old-price[data-v-76975515] {
        color: #8a8d93;
        font-family: HeliosC;
        font-size: .8rem;
        font-weight: 400
    }

    .product-modal-info .scrollable .product-main-info .wrapper .info .price .old-price .currency[data-v-76975515] {
        text-decoration-line: line-through
    }

    .product-modal-info .scrollable .product-main-info .wrapper .image[data-v-76975515] {
        height: 96px;
        margin-right: 14px;
        width: 72px
    }

    .product-modal-info .scrollable .product-main-info .action[data-v-76975515] {
        margin: 16px 0
    }
}

.icon[data-v-2e7f0c4c] {
    fill: var(--icon-accented)
}

#notification[data-v-547a215c] {
    border: 1px solid hsla(220, 4%, 48%, .3);
    border-radius: 16px;
    color: #141416;
    display: flex;
    font-family: HeliosC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    font-weight: 400;
    gap: 16px;
    line-height: 1.2em;
    margin-bottom: 20px;
    padding: 16px 20px
}

@media (min-width: 640px) and (max-width: 959px) {
    #notification[data-v-547a215c] {
        border: none;
        border-bottom: 1px solid hsla(220, 4%, 48%, .3);
        border-radius: 0
    }
}

@media (max-width: 639px) {
    #notification[data-v-547a215c] {
        border: none;
        border-bottom: 1px solid hsla(220, 4%, 48%, .3);
        border-radius: 0
    }
}

#notification .button-wrapper[data-v-547a215c] {
    align-items: flex-start;
    display: flex;
    gap: 8px
}

#notification .notification-text[data-v-547a215c] {
    margin-bottom: 10px;
    width: 100%
}

#notification .notification-text.row-one[data-v-547a215c] {
    margin-bottom: 0
}

#notification[data-v-6e9b7920] {
    color: #141416;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    font-family: HeliosC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    font-weight: 400;
    line-height: 1.2em;
    margin: 0;
    padding: 8px;
    width: 480px
}

@media (min-width: 640px) and (max-width: 959px) {
    #notification[data-v-6e9b7920] {
        height: 320px;
        padding: 35px 16px;
        width: auto
    }
}

@media (max-width: 639px) {
    #notification[data-v-6e9b7920] {
        height: 320px;
        padding: 35px 16px;
        width: auto
    }
}

#notification .button-wrapper[data-v-6e9b7920] {
    align-items: flex-start;
    display: flex;
    gap: 8px;
    justify-content: center;
    margin: 0 auto;
    width: 328px
}

@media (min-width: 640px) and (max-width: 959px) {
    #notification .button-wrapper[data-v-6e9b7920] {
        width: 288px
    }
}

@media (max-width: 639px) {
    #notification .button-wrapper[data-v-6e9b7920] {
        width: 288px
    }
}

#notification .button-wrapper .chip[data-v-6e9b7920] {
    width: 100%
}

#notification .notification-text[data-v-6e9b7920] {
    margin-bottom: 16px;
    text-align: center;
    width: 100%
}

#notification .notification-text.row-one[data-v-6e9b7920] {
    color: #141416;
    font-family: HeliosC;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.2em
}

@media (min-width: 640px) and (max-width: 959px) {
    #notification .notification-text.row-one[data-v-6e9b7920] {
        margin-bottom: 14px
    }
}

@media (max-width: 639px) {
    #notification .notification-text.row-one[data-v-6e9b7920] {
        margin-bottom: 14px
    }
}

#notification .notification-text.row-two[data-v-6e9b7920] {
    color: #62656a;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 40px
}

@media (min-width: 640px) and (max-width: 959px) {
    #notification .notification-text.row-two[data-v-6e9b7920] {
        margin-bottom: 79px
    }
}

@media (max-width: 639px) {
    #notification .notification-text.row-two[data-v-6e9b7920] {
        margin-bottom: 79px
    }
}

#notification .icons-wrapper[data-v-6e9b7920] {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media (min-width: 640px) and (max-width: 959px) {
    #notification .icons-wrapper[data-v-6e9b7920] {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
}

@media (max-width: 639px) {
    #notification .icons-wrapper[data-v-6e9b7920] {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
}

#notification .notification-wrapper .text-wrapper[data-v-6e9b7920] {
    width: 100%
}

@media (min-width: 640px) and (max-width: 959px) {
    #notification .notification-wrapper[data-v-6e9b7920] {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
}

@media (max-width: 639px) {
    #notification .notification-wrapper[data-v-6e9b7920] {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
}

#notification .solid--red[data-v-6e9b7920] {
    margin-left: 16px
}

@media (min-width: 640px) and (max-width: 959px) {
    #notification .solid--red[data-v-6e9b7920] {
        margin-left: 8px
    }
}

@media (max-width: 639px) {
    #notification .solid--red[data-v-6e9b7920] {
        margin-left: 8px
    }
}

.filter-checkbox {
    align-items: center;
    display: flex
}

.filter-checkbox #filter-indicator .ui-checkbox .ui-checkbox--indicator {
    border: 2px solid var(--border-regular);
    border-radius: 4px;
    height: 20px;
    width: 20px
}

.filter-checkbox #filter-indicator .ui-checkbox .ui-checkbox--indicator:after {
    left: 7px;
    top: 4px
}

.filter-checkbox #filter-indicator .ui-checkbox.is-checked .ui-checkbox--indicator {
    background-color: var(--button-primary-accented-rest);
    border: 1px solid var(--button-primary-accented-rest);
    border-radius: 4px
}

.filter-checkbox #filter-indicator .ui-checkbox.is-checked .ui-checkbox--indicator:after {
    height: 7px;
    width: 2px
}

.filter-checkbox #filter-indicator .ui-checkbox--label {
    padding: 0
}

.filter-checkbox .filter-checkbox--label {
    color: #141416;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding-left: 12px;
    text-align: left;
    vertical-align: middle
}

.filter-checkbox.is-mobile {
    padding: 12px 0
}

.filter-checkbox.is-mobile .filter-checkbox--label {
    font-size: 12px
}

.filter-checkbox.is-mobile .ui-checkbox .ui-checkbox--label {
    padding-left: 0
}

.filter-checkbox.is-disabled #filter-indicator .ui-checkbox--indicator {
    background: #f4f4f5;
    border: 1px solid #cacbce;
    border-radius: 2px
}

.filter-checkbox.is-disabled .filter-checkbox--label {
    color: #a0a2a7;
    font-size: 14px;
    line-height: 16px
}

.filter-checkbox.is-half-disabled.is-disabled.is-checked #filter-indicator .ui-checkbox--indicator {
    background-color: #a0a2a7;
    border: 1px solid #a0a2a7
}

.filter-checkbox.is-square .ui-checkbox .ui-checkbox--indicator {
    display: none
}

.filter-checkbox.is-square .filter-checkbox--label {
    font-size: 13px
}

.filter-checkbox.is-square.is-mobile {
    background: #f4f4f5;
    border: 2px solid transparent;
    border-radius: 4px;
    box-shadow: 0 0 0 1px #f4f4f5;
    cursor: pointer;
    display: flex;
    margin-bottom: 4px;
    margin-right: 8px;
    padding: 12px 20px;
    position: relative
}

.filter-checkbox.is-square.is-mobile .filter-checkbox--label {
    font-size: 13px;
    padding-left: 0;
    white-space: nowrap
}

.filter-checkbox.is-square.is-checked {
    background-color: #27282a;
    border: 2px solid #27282a;
    box-shadow: none
}

.filter-checkbox.is-square.is-checked .filter-checkbox--label {
    color: #fff
}

.filter-checkbox.is-square.is-checked .ui-checkbox--indicator {
    display: none
}

.filter-checkbox.is-square.is-disabled {
    cursor: not-allowed;
    overflow: hidden;
    position: relative
}

.filter-checkbox.is-square.is-disabled .ui-checkbox--indicator {
    display: none
}

.filter-checkbox.is-square.is-disabled .filter-checkbox--label {
    background: #f4f4f5;
    color: #a0a2a7;
    cursor: not-allowed
}

.filter-checkbox.is-square.is-disabled.is-half-disabled {
    background-color: #27282a;
    border: 2px solid #27282a;
    box-shadow: none;
    cursor: pointer
}

.filter-checkbox.is-square.is-disabled.is-half-disabled .filter-checkbox--label {
    background: #27282a;
    color: #fff;
    cursor: pointer
}

.filter-checkbox.is-circle #filter-indicator {
    cursor: pointer;
    height: 24px;
    position: relative;
    width: 24px
}

.filter-checkbox.is-circle #filter-indicator img.background-image {
    border-radius: 50%;
    display: block;
    height: 100%;
    width: 100%
}

.filter-checkbox.is-circle #filter-indicator .ui-checkbox {
    position: static
}

.filter-checkbox.is-circle #filter-indicator .ui-checkbox .ui-checkbox--indicator {
    background: transparent;
    border: none;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    flex-shrink: 0;
    height: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    vertical-align: middle;
    width: 14px
}

.filter-checkbox.is-circle #filter-indicator .ui-checkbox.is-checked .ui-checkbox--indicator {
    background-color: #fff;
    border: 1px solid hsla(220, 4%, 48%, .2)
}

.filter-checkbox.is-circle #filter-indicator .ui-checkbox.is-checked .ui-checkbox--indicator:after {
    border: solid #000;
    border-width: 0 2px 2px 0;
    content: "";
    height: 5px;
    left: 4px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg);
    width: 2px
}

.filter-checkbox.is-circle #filter-indicator .filter-checkbox--label {
    font-size: 13px
}

.filter-checkbox.is-circle.is-mobile {
    padding: 4px
}

.filter-checkbox.is-circle.is-mobile .filter-indicator, .filter-checkbox.is-circle.is-mobile .filter-indicator img.background-image {
    height: 30px;
    width: 30px
}

.filter-checkbox.is-circle.is-mobile .ui-checkbox {
    position: static
}

.filter-checkbox.is-circle.is-mobile .ui-checkbox .ui-checkbox--indicator {
    height: 16px;
    width: 16px
}

.filter-checkbox.is-circle.is-mobile .ui-checkbox.is-checked .ui-checkbox--indicator:after {
    height: 8px;
    left: 5px;
    top: 2px;
    width: 3px
}

.filter-checkbox.is-circle.is-mobile .filter-checkbox--label {
    font-size: 12px
}

.filter-checkbox.is-circle.is-disabled .filter-indicator {
    cursor: not-allowed;
    opacity: .5
}

.filter-checkbox.is-circle.is-disabled .filter-indicator .filter-checkbox--label {
    background: #f4f4f5;
    cursor: not-allowed;
    opacity: .5
}

.filter-checkbox.is-circle.is-disabled.is-half-disabled, .filter-checkbox.is-circle.is-disabled.is-half-disabled .filter-checkbox--label {
    cursor: pointer
}

.filter-checkbox.is-circle.is-disabled .ui-checkbox.is-disabled .ui-checkbox--indicator {
    background-color: unset;
    border: none
}

.filter-checkbox.is-circle.is-disabled .ui-checkbox.is-checked.is-disabled .ui-checkbox--indicator {
    background-color: #fff;
    border: 1px solid hsla(220, 4%, 48%, .2)
}

.filter-checkbox.is-circle.is-disabled .filter-checkbox--label {
    cursor: not-allowed;
    opacity: .5
}

.filter-checkbox.is-circle.is-white img.background-image {
    border: 1px solid hsla(220, 4%, 48%, .2)
}

.modal--second-level .filter-checkbox .is-circle.is-mobile {
    padding: 2px 0
}

.modal--second-level .filter-checkbox.is-disabled .filter-checkbox--label {
    background-color: unset;
    cursor: not-allowed;
    opacity: .5
}

.filter .title-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-bottom: 20px;
    position: relative
}

.filter .title-wrapper.title-wrapper--range {
    min-height: 60px;
    padding-bottom: 0
}

.filter .title-wrapper .filter-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.filter .title-wrapper .filter-icon path {
    fill: #a0a2a7
}

.filter .title-wrapper .clear {
    align-self: flex-start;
    border-bottom: 1px dashed #a0a2a7;
    font-size: 14px;
    font-weight: 400;
    height: max-content;
    line-height: 1.5rem
}

.filter .title-wrapper .clear:hover {
    border-bottom: 1px solid #a0a2a7;
    cursor: pointer
}

.filter .title-wrapper .title-text {
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    margin-right: 8px
}

.filter .title-wrapper .selected {
    color: #8a8d93;
    font-size: 12px;
    font-weight: 500;
    line-height: 13px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.filter .title-wrapper .fade-enter-active, .filter .title-wrapper .fade-leave-active {
    transition: opacity .5s
}

.filter .title-wrapper .fade-enter, .filter .title-wrapper .fade-leave-to {
    opacity: 0
}

.filter.is-disabled .title-text {
    color: #a0a2a7
}

.filter.is-disabled .filter-icon path {
    fill: #dfe0e2
}

[sidebar-categories] .ui-button.clear-all {
    background-color: transparent;
    border: 1px solid hsla(220, 4%, 48%, .3);
    border-radius: 4px;
    width: 100%
}

[sidebar-categories] .ui-button.clear-all .slot {
    font-size: 16px;
    font-weight: 500;
    justify-content: center;
    padding: 8px 0;
    text-align: center
}

@media (max-width: 639px) {
    .filter .title-wrapper {
        display: flex;
        justify-content: center;
        padding: 7px 0
    }

    .filter .title-wrapper.title-wrapper--range {
        margin-bottom: 4px;
        min-height: 38px
    }

    .filter .title-wrapper .title-text {
        font-size: 13px;
        font-weight: 500;
        line-height: 15px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .filter .title-wrapper {
        display: flex;
        justify-content: center;
        padding: 7px 0
    }

    .filter .title-wrapper.title-wrapper--range {
        margin-bottom: 4px;
        min-height: 38px
    }

    .filter .title-wrapper .title-text {
        font-size: 13px;
        font-weight: 500;
        line-height: 15px
    }
}

@media (max-width: 639px) {
    .filter {
        padding-left: 15px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .filter {
        padding-left: 19px
    }
}

@media (min-width: 1920px) {
    .filter {
        padding-bottom: 5px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .filter {
        padding-bottom: 5px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .filter {
        padding-bottom: 5px
    }
}

.sku-filter.sku-filter--desktop.filter .shadow-active {
    position: relative
}

.sku-filter.sku-filter--desktop.filter .shadow-active .shadow-top {
    top: 0;
    transform: matrix(1, 0, 0, -1, 0, 0);
    width: calc(100% - 8px)
}

.sku-filter.sku-filter--desktop.filter .shadow-active .shadow-bottom, .sku-filter.sku-filter--desktop.filter .shadow-active .shadow-top {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 63.54%);
    content: "";
    display: block;
    height: 12px;
    left: 0;
    position: absolute;
    z-index: 1
}

.sku-filter.sku-filter--desktop.filter .shadow-active .shadow-bottom {
    bottom: 0;
    width: calc(100% - 6px)
}

.sku-filter.sku-filter--desktop.filter .shadow-active .fade-enter-active, .sku-filter.sku-filter--desktop.filter .shadow-active .fade-leave-active {
    transition: opacity .5s
}

.sku-filter.sku-filter--desktop.filter .shadow-active .fade-enter, .sku-filter.sku-filter--desktop.filter .shadow-active .fade-leave-to {
    opacity: 0
}

.sku-filter.sku-filter--desktop .filter-options {
    max-height: 204px;
    transition: max-height 1s
}

.sku-filter.sku-filter--desktop .filter-options.filter-options--large {
    max-height: 335px;
    overflow: hidden;
    transition: max-height .5s
}

.sku-filter.sku-filter--desktop .filter-options.filter-options--scrolled {
    overflow-y: scroll !important
}

.sku-filter.sku-filter--desktop .filter-options.filter-options--scrolled::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px
}

.sku-filter.sku-filter--desktop .filter-options.filter-options--scrolled::-webkit-scrollbar-track {
    background-color: hsla(220, 4%, 48%, .1)
}

.sku-filter.sku-filter--desktop .filter-options.filter-options--scrolled::-webkit-scrollbar-thumb {
    background-color: hsla(220, 4%, 48%, .8);
    border-radius: 4px;
    height: 221px
}

.sku-filter.sku-filter--desktop .filter-options.filter-options--scrolled .filter-options__parameter:first-child {
    margin-top: 12px;
    transition: margin-top .5s
}

.sku-filter.sku-filter--desktop .filter-options.filter-options--scrolled .filter-options__parameter:last-child {
    margin-bottom: 12px;
    transition: margin-top .5s
}

.sku-filter.sku-filter--desktop .filter-options .filter-options__parameter {
    align-items: center;
    display: flex;
    margin-bottom: 12px;
    margin-top: 0
}

.sku-filter.sku-filter--desktop .filter-options .filter-options__parameter:last-child {
    margin-bottom: 0
}

.sku-filter.sku-filter--desktop .filter-options .filter-options__parameter label {
    color: #141416;
    cursor: pointer;
    font-size: 13px
}

.sku-filter.sku-filter--desktop .show-more span {
    border-bottom: 1px dashed #a0a2a7;
    color: #62656a;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    margin-top: 15px
}

.sku-filter.sku-filter--desktop .show-more span:hover {
    border-bottom: 1px solid #a0a2a7;
    cursor: pointer
}

.filter-mobile-modal {
    background-color: #fff;
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transform: translate3d(110, 0, 0);
    width: 100%;
    z-index: 1
}

.filter-mobile-modal.modal--first-level, .filter-mobile-modal.modal--second-level {
    transform: translateZ(0)
}

.filter-mobile-modal.modal--second-level {
    z-index: 2
}

.filter-mobile-modal .scrollable {
    -ms-overflow-style: none;
    -webkit-touch-callout: none;
    height: 100%;
    overflow-y: auto;
    padding-bottom: 75px;
    padding-top: 45px;
    scrollbar-width: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.filter-mobile-modal .scrollable::-webkit-scrollbar {
    display: none
}

.filter-mobile-modal ul, .filter-mobile-modal ul li {
    margin: 0
}

.filter-mobile-modal .header-title {
    align-items: center;
    backdrop-filter: blur(20px);
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .15);
    display: flex;
    font-size: 16px;
    height: 45px;
    justify-content: center;
    line-height: 16px;
    padding: 0 8px;
    position: relative;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10
}

.filter-mobile-modal .header-title .icon-wrapper {
    height: 100%;
    left: 0;
    margin-top: 0;
    position: absolute;
    width: 100px
}

.filter-mobile-modal .header-title .icon-wrapper .icon--back {
    cursor: pointer;
    left: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.filter-mobile-modal .header-title h4 {
    font-size: 16px;
    font-weight: 600
}

.filter-mobile-modal .header-title .cancel {
    background: #fff;
    color: var(--text-accented);
    font-weight: 500;
    margin-top: 0;
    padding: 8px;
    position: absolute;
    right: 7px;
    width: auto
}

.filter-mobile-modal .footer {
    background: #fff;
    bottom: 0;
    padding: 15px;
    position: fixed;
    width: 100%;
    z-index: 1
}

.filter-mobile-modal .footer__button-content {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.filter-mobile-modal .footer__button-content .slot {
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 13px
}

.filter-mobile-modal .footer__button-content .slot.count {
    font-size: 13px;
    font-weight: 400;
    line-height: 12px
}

.filter-mobile-modal.modal--tablet .header-title .cancel {
    right: 11px
}

.filter-mobile-modal.modal--tablet .header-title .icon-wrapper .icon--back {
    left: 19px
}

.filter-mobile-modal.modal--tablet .footer {
    padding: 16px 20px
}

[category-content] #caregory-content-wrapper aside[express] div.wrapper #filters .filter-mobile-modal .accept, [category-content] #caregory-content-wrapper aside[express] div.wrapper #filters .filter-mobile-modal .cancel {
    margin-top: 0
}

.mobile-filter {
    background: #fff;
    display: flex;
    flex-flow: column;
    height: 100%;
    left: 0;
    position: relative;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 5
}

.bounce-enter-active {
    animation: bounce-in .6s
}

.bounce-leave-active {
    animation: bounce-in .6s reverse
}

@-moz-keyframes bounce-in {
    0% {
        transform: translate3d(110%, 0, 0);
        z-index: 2
    }
    10% {
        transform: translate3d(99%, 0, 0);
        z-index: 2
    }
    to {
        transform: translateZ(0);
        z-index: 2
    }
}

@-webkit-keyframes bounce-in {
    0% {
        transform: translate3d(110%, 0, 0);
        z-index: 2
    }
    10% {
        transform: translate3d(99%, 0, 0);
        z-index: 2
    }
    to {
        transform: translateZ(0);
        z-index: 2
    }
}

@-o-keyframes bounce-in {
    0% {
        transform: translate3d(110%, 0, 0);
        z-index: 2
    }
    10% {
        transform: translate3d(99%, 0, 0);
        z-index: 2
    }
    to {
        transform: translateZ(0);
        z-index: 2
    }
}

@keyframes bounce-in {
    0% {
        transform: translate3d(110%, 0, 0);
        z-index: 2
    }
    10% {
        transform: translate3d(99%, 0, 0);
        z-index: 2
    }
    to {
        transform: translateZ(0);
        z-index: 2
    }
}

.sku-filter.sku-filter--big .title-wrapper {
    padding: 12px 48px 12px 0
}

.sku-filter .title-wrapper {
    padding-right: 48px
}

.sku-filter .options-wrapper {
    -ms-overflow-style: none;
    display: flex;
    overflow-x: scroll;
    padding: 1px 1px 10px;
    scrollbar-width: none
}

.sku-filter .options-wrapper::-webkit-scrollbar {
    display: none
}

.sku-filter .options-wrapper .filter-options {
    display: flex;
    max-height: 192px
}

.sku-filter .options-wrapper .show-more-wrapper .show-more {
    display: flex;
    position: relative;
    white-space: nowrap
}

.sku-filter .modal.modal--second-level .header {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 38px;
    justify-content: space-between;
    padding: 3px 15px
}

.sku-filter .modal.modal--second-level .header .clear-all {
    border: none;
    margin: 0;
    position: static
}

.sku-filter .modal.modal--second-level .filter-options {
    background-color: #fff;
    display: block;
    margin-top: 0;
    max-height: none;
    padding-left: 15px
}

.sku-filter .modal.modal--second-level .filter-options .filter-options__parameter {
    flex-direction: column
}

.sku-filter .modal.modal--second-level .filter-options .line-wrapper {
    padding-left: 26px
}

.sku-filter .modal.modal--second-level .filter-options .line-wrapper.line-wrapper-circle {
    padding-left: 42px
}

[sidebar-categories] .filter-options__parameter {
    padding: 0
}

[category-content] #caregory-content-wrapper aside[express] div.wrapper #filters .options-wrapper .show-more-wrapper {
    padding-bottom: 4px;
    padding-right: 13px
}

@media (min-width: 640px) and (max-width: 959px) {
    .sku-filter.sku-filter--big .modal.modal--second-level .header {
        padding: 12px 19px
    }

    .sku-filter.sku-filter--big .modal.modal--second-level .filter-options {
        padding-left: 19px
    }
}

.range-filter.filter {
    display: flex;
    flex-direction: column
}

.range-filter.filter .range-title {
    font-size: 16px;
    font-weight: 600px
}

.range-filter .range-filter-wrapper .range-controls {
    display: flex;
    flex-direction: column;
    width: 100%
}

.range-filter .range-filter-wrapper .range-controls .range-field {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.range-filter .range-filter-wrapper .range-controls .range-field [input-form-group]:after, .range-filter .range-filter-wrapper .range-controls .range-field [input-form-group]:before {
    font-family: HeliosC;
    font-size: 12.25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.range-filter .range-filter-wrapper .range-controls .range-field [input-form-group]:first-child {
    margin-right: 8px
}

.range-filter .range-filter-wrapper .range-controls .range-line {
    align-items: center;
    display: flex;
    height: 36px;
    padding: 10px 12px
}

.range-filter .range-filter-wrapper .range-controls .range-line .range-spector {
    background: hsla(220, 4%, 48%, .2);
    height: 2px;
    position: relative;
    width: 100%
}

.range-filter .range-filter-wrapper .range-controls .range-line .range-spector .range-spector__selected {
    background: var(--text-accented);
    height: 2px;
    position: absolute;
    width: auto
}

.range-filter .range-filter-wrapper .range-controls .range-line .range-spector .range-spector__selected .draggable-button {
    cursor: pointer;
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px
}

.range-filter .range-filter-wrapper .range-controls .range-line .range-spector .range-spector__selected .draggable-button.draggable-button--left {
    left: -12px
}

.range-filter .range-filter-wrapper .range-controls .range-line .range-spector .range-spector__selected .draggable-button.draggable-button--right {
    right: -12px
}

.range-filter .range-filter-wrapper .range-controls .range-line .range-spector .range-spector__selected .draggable-button.touched-last {
    z-index: 1
}

.range-filter .range-filter-wrapper .range-controls .range-line .range-spector .range-spector__selected .draggable-button:after {
    background-color: #fff;
    border: 1px solid var(--border-accented);
    border-radius: 50px;
    content: "";
    display: block;
    height: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 12px
}

.range-filter .range-filter-wrapper .range-controls .range-discount {
    align-items: center;
    display: flex
}

.range-filter .range-filter-wrapper.is-disabled .range-controls .range-field input {
    background: hsla(220, 4%, 48%, .2)
}

.range-filter .range-filter-wrapper.is-disabled .range-controls .range-line .range-spector__selected {
    background-color: #cacbce
}

.range-filter .range-filter-wrapper.is-disabled .range-controls .range-line .range-spector__selected .draggable-button:after {
    border: 1px solid #cacbce
}

.range-filter .range-field [input-form-group] {
    position: relative;
    width: 100%
}

.range-filter .range-field [input-form-group] [ui-input] {
    background: #fff;
    text-indent: 2rem
}

@media (max-width: 639px) {
    .range-filter .range-field [input-form-group] [ui-input] {
        background: #f4f4f5;
        border: none
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .range-filter .range-field [input-form-group] [ui-input] {
        background: #f4f4f5;
        border: none
    }
}

.range-filter .range-field [input-form-group]:after {
    color: rgba(0, 0, 0, .5);
    content: attr(data-symbol);
    display: block;
    font-weight: 400;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.range-filter .range-field [input-form-group]:first-child:before {
    color: rgba(0, 0, 0, .5);
    content: "от";
    display: block;
    font-weight: 400;
    left: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.range-filter .range-field [input-form-group]:last-child:before {
    color: rgba(0, 0, 0, .5);
    content: "до";
    display: block;
    font-weight: 400;
    left: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.range-filter .range-discount {
    font-size: 13px
}

.range-filter .range-discount .range-discount__title {
    cursor: pointer;
    margin-left: 16px
}

.range-filter.range-filter--mobile-tablet {
    -webkit-touch-callout: none;
    padding-left: 15px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.range-filter.range-filter--mobile-tablet [ui-input] {
    height: 38px
}

.range-filter.range-filter--mobile-tablet .range-filter-wrapper {
    padding-bottom: 10px
}

.range-filter.range-filter--mobile-tablet .range-filter-wrapper .range-controls {
    padding-right: 15px
}

.range-filter.range-filter--mobile-tablet .range-filter-wrapper .range-controls .range-line {
    height: 50px;
    padding: 20px 15px
}

.range-filter.range-filter--mobile-tablet .range-filter-wrapper .range-controls .range-line .range-spector .range-spector__selected .draggable-button {
    height: 30px;
    width: 30px
}

.range-filter.range-filter--mobile-tablet .range-filter-wrapper .range-controls .range-line .range-spector .range-spector__selected .draggable-button.draggable-button--left {
    left: -15px
}

.range-filter.range-filter--mobile-tablet .range-filter-wrapper .range-controls .range-line .range-spector .range-spector__selected .draggable-button.draggable-button--right {
    right: -15px
}

.range-filter.range-filter--mobile-tablet .range-filter-wrapper .range-controls .range-line .range-spector .range-spector__selected .draggable-button:after {
    height: 20px;
    width: 20px
}

.range-filter.range-filter--mobile-tablet .range-discount {
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 15px
}

.range-filter.range-filter--mobile-tablet .line-wrapper {
    padding-left: 0
}

.modal--tablet .range-filter--mobile-tablet {
    padding-left: 19px
}

.modal--tablet .range-filter--mobile-tablet .range-filter-wrapper .range-controls {
    padding-right: 19px
}

.filters-group--desktop {
    background: #fff
}

.filters-group--desktop .filter-wrapper li {
    margin-top: 36px
}

#filters .filters-group--desktop .clear-all {
    width: 100%
}

.filters-group--mobile {
    background: #fff;
    padding: 12px 0
}

.filters-group--mobile li {
    margin: 0
}

.filters-group--mobile .header {
    color: #27282a;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    justify-content: flex-start;
    line-height: 15px;
    padding: 0 15px 7px;
    position: relative
}

.filters-group--mobile .clear-all {
    background-color: transparent;
    color: var(--text-accented);
    font-size: 13px;
    font-weight: 500;
    margin-top: 0;
    padding: 8px;
    position: absolute;
    right: 7px;
    top: -8px
}

.filters-group--mobile .fade-enter-active, .filters-group--mobile .fade-leave-active {
    transition: opacity .5s
}

.filters-group--mobile .fade-enter, .filters-group--mobile .fade-leave-to {
    opacity: 0
}

.filters-group--mobile [sidebar-categories] .ui-button.clear-all {
    background-color: transparent;
    border: 1px solid hsla(220, 4%, 48%, .3);
    border-radius: 4px;
    width: 100%
}

.filters-group--mobile [sidebar-categories] .ui-button.clear-all .slot {
    font-size: 16px;
    font-weight: 500;
    justify-content: center;
    padding: 8px 0;
    text-align: center
}

[category-content] #caregory-content-wrapper aside[express] div.wrapper #filters .header .clear-all {
    margin-top: 0
}

.modal--tablet .filters-group--mobile .header {
    padding: 0 19px
}

.modal--tablet .filters-group--mobile .clear-all {
    padding: 8px;
    right: 11px;
    top: -8px
}

.category-filter-mobile, .category-filter-mobile .category-wrapper {
    background: #fff
}

.category-filter-mobile .category-wrapper ul {
    margin: 0
}

.category-filter-mobile .category-wrapper li {
    cursor: pointer
}

.category-filter-mobile .category-wrapper span {
    color: #141416;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    padding: 12px 0;
    width: 100%
}

.category-filter-mobile .category-wrapper .parent {
    margin-left: 16px
}

.category-filter-mobile .category-wrapper .parent .parent-crumb {
    position: relative
}

.category-filter-mobile .category-wrapper .parent .parent-crumb .root-icon {
    content: "";
    display: block;
    height: 24px;
    left: -32px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px
}

.category-filter-mobile .category-wrapper .parent .parent-crumb .parent-root-child {
    padding-left: 14px
}

.category-filter-mobile .category-wrapper .parent .parent-crumb .parent-current {
    padding-left: 28px
}

.category-filter-mobile .category-wrapper .parent .parent-crumb.hidden {
    display: none
}

.category-filter-mobile .category-wrapper .child {
    margin-left: 32px
}

.category-filter-mobile .category-wrapper .child .full-family {
    padding-left: 28px
}

.category-filter-mobile .category-wrapper .current-crumb {
    color: var(--text-accented);
    padding-right: 40px;
    position: relative
}

.category-filter-mobile .category-wrapper .current-crumb:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.776 6.22a.75.75 0 0 1 0 1.06L9.28 17.78a.75.75 0 0 1-1.06 0l-3.998-3.998a.75.75 0 0 1 1.06-1.06l3.468 3.467 9.965-9.97a.75.75 0 0 1 1.06 0Z' fill='%23ff462d'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    content: "";
    display: block;
    height: 24px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px
}

.category-filter-mobile .category-wrapper .show-more-wrapper .ui-button.show-more {
    background-color: #fff;
    color: #8a8d93;
    margin: 0;
    padding: 12px 0;
    position: relative
}

.category-filter-mobile .category-wrapper .show-more-wrapper .ui-button.show-more :hover {
    color: #141416
}

.category-filter-mobile .category-wrapper .show-more-wrapper .ui-button.show-more .after {
    position: absolute;
    right: -19px;
    top: 50%;
    transform: translateY(-50%)
}

.category-filter-mobile .category-wrapper .show-more-wrapper .ui-button.show-more .after path {
    fill: #8a8d93
}

[category-content] #caregory-content-wrapper aside[express] div.wrapper #filters .ui-button.show-more {
    margin: 0
}

@media (min-width: 640px) and (max-width: 959px) {
    .category-filter-mobile .category-wrapper .parent {
        margin-left: 50px
    }

    .category-filter-mobile .category-wrapper .parent .parent-crumb .parent-root-child {
        padding-left: 24px
    }

    .category-filter-mobile .category-wrapper .parent .parent-crumb .parent-current {
        padding-left: 48px
    }

    .category-filter-mobile .category-wrapper .child {
        margin-left: 74px
    }

    .category-filter-mobile .category-wrapper .child .full-family {
        padding-left: 48px
    }

    .category-filter-mobile .category-wrapper .current-crumb:after {
        right: 19px
    }
}

.mobile-sort {
    position: relative
}

.mobile-sort.second-modal {
    background-color: transparent;
    height: 100%;
    left: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2
}

.mobile-sort [sort] {
    margin: 0
}

.mobile-sort .mobile-filter-sort {
    background-color: #fff;
    padding: 0 0 0 15px;
    width: 100%
}

.mobile-sort .mobile-filter-sort .sorting-variant {
    align-items: center;
    border-bottom: 1px solid hsla(220, 4%, 48%, .2);
    border-radius: 0;
    color: #141416;
    display: flex;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 500;
    height: 46px;
    justify-content: flex-start;
    line-height: 1.2em;
    text-align: left;
    width: 100%
}

.mobile-sort .mobile-filter-sort .sorting-variant:last-child {
    border-bottom: none
}

.mobile-sort .mobile-filter-sort .sorting-variant.sorted {
    color: var(--text-accented);
    position: relative
}

.mobile-sort .mobile-filter-sort .sorting-variant.sorted:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.776 6.22a.75.75 0 0 1 0 1.06L9.28 17.78a.75.75 0 0 1-1.06 0l-3.998-3.998a.75.75 0 0 1 1.06-1.06l3.468 3.467 9.965-9.97a.75.75 0 0 1 1.06 0Z' fill='%23ff462d'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    content: "";
    display: block;
    height: 24px;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px
}

@media (max-width: 639px) {
    #filters .modal--second-level [sort].sort-mobile {
        padding: 0 0 0 15px
    }

    #filters .modal--second-level [sort].sort-mobile .sorter {
        margin: 0
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    #filters .modal--second-level [sort].sort-mobile {
        padding: 0 0 0 19px
    }

    #filters .modal--second-level [sort].sort-mobile .sorter {
        margin: 0
    }
}

@media (max-width: 639px) {
    [sidebar-categories] {
        display: none
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    [sidebar-categories] {
        display: none
    }
}

[sidebar-categories] .header-title > span {
    font-size: 1rem;
    line-height: 2.5rem
}

[sidebar-categories] ul {
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    margin: 0
}

[sidebar-categories] ul > li, [sidebar-categories] ul > li > a {
    display: inline-block;
    line-height: 1;
    padding: 3px 0;
    width: auto
}

[sidebar-categories] > ul:first-of-type {
    margin-top: 8px
}

[sidebar-categories] > ul:last-child {
    margin-bottom: 16px
}

[sidebar-categories] .hug.category-list--parent {
    margin-top: 2px
}

[sidebar-categories] [ui-link].transparent {
    color: #212121;
    font-size: 16px;
    height: 25px;
    line-height: 16px;
    margin-top: 2px;
    opacity: 1;
    padding: 4px 0
}

[sidebar-categories] [ui-link].transparent.category-item-link {
    height: auto;
    line-height: 20px;
    padding: 6px 8px
}

[sidebar-categories] [ui-link].transparent.category-item-link:hover {
    background: #f4f4f5;
    border-radius: 4px
}

[sidebar-categories] .category-item-title--parent {
    position: relative
}

[sidebar-categories] .category-item-title--parent:after {
    border: solid #000;
    border-width: 0 1px 1px 0;
    content: "";
    display: block;
    height: 5px;
    left: -10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
    width: 5px
}

[sidebar-categories] .category-item-link--current .category-item-title--parent:after {
    display: none
}

[sidebar-categories] .category-item-link--parent:hover {
    background: #f4f4f5;
    border-radius: 4px
}

[sidebar-categories] .category-item-link--parent:hover .category-item-title--parent:after {
    left: -14px;
    transition: .2s ease-in-out
}

[sidebar-categories] .category-item--parent {
    border-radius: 4px
}

[sidebar-categories] .category-item--parent .category-item-link--parent {
    padding-left: 24px
}

[sidebar-categories] .category-item--parent .category-item-link--current {
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px
}

[sidebar-categories] .category-item--parent.category-item-link--current {
    padding-left: 16px
}

[sidebar-categories] .category-item--parent.category-item-link--current:hover {
    background: 0 0
}

[sidebar-categories] .category-item {
    padding-bottom: 0;
    padding-top: 0
}

[sidebar-categories] .category-item.category-item--parent .category-item-link--parent {
    border-radius: 4px;
    padding-left: 24px;
    padding-right: 8px
}

[sidebar-categories] .category-item.category-item--parent .category-item-link--parent.category-item-link--current {
    margin-left: 16px;
    padding-left: 8px
}

[sidebar-categories] .category-item.category-item--parent:hover .category-item-link--parent {
    background: #f4f4f5
}

[sidebar-categories] .category-item--child {
    height: auto !important;
    padding-left: 16px
}

[sidebar-categories] .category-item--hidden {
    display: none
}

[sidebar-categories] .category-item-link {
    padding-bottom: 0;
    padding-top: 0
}

[sidebar-categories] .category-list.category-list--child {
    margin-top: 2px
}

[sidebar-categories] .category-item-link--parent.category-item-title--current:hover .category-item-title--parent:after, [sidebar-categories] .category-item-title--parent.category-item-title--current:after {
    display: none
}

[sidebar-categories] .category-item--child .category-item-link--current, [sidebar-categories] .category-item--parent .category-item-link--current {
    background: #f4f4f5;
    font-weight: 500
}

@media (min-width: 640px) and (max-width: 959px) {
    [sidebar-categories] .category-item--child.category-item--padding {
        padding-left: 0
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    [sidebar-categories] .category-item--child.category-item--padding {
        padding-left: 0
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    [sidebar-categories] .category-item--child.category-item--padding {
        padding-left: 0
    }
}

@media (min-width: 1920px) {
    [sidebar-categories] .category-item--child.category-item--padding {
        padding-left: 0
    }
}

@media (max-width: 639px) {
    [sidebar-categories] .header-title {
        backdrop-filter: blur(20px);
        background: #fff;
        box-shadow: 0 .5px 0 rgba(0, 0, 0, .15);
        display: flex;
        font-size: 16px;
        justify-content: center;
        line-height: 16px;
        padding: 14px 8px;
        position: relative;
        text-align: center
    }

    [sidebar-categories] .category-item--child {
        margin-left: 36px
    }

    [sidebar-categories] .category-item-link {
        align-items: center;
        display: flex;
        height: 38px
    }

    [sidebar-categories] .category-item--child .category-item-link.category-item-link--current, [sidebar-categories] .category-item.category-item--parent .category-item-link--parent.category-item-link--current {
        background-color: #fff;
        color: #e63838;
        position: relative
    }

    [sidebar-categories] .category-item--child .category-item-link.category-item-link--current:after, [sidebar-categories] .category-item.category-item--parent .category-item-link--parent.category-item-link--current:after {
        background-image: url("data:image/svg+xml%20charset=UTF-8,%3csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http%20//www.w3.org/2000/svg%27%3e%3cg%20clip-path=%27url%28%23clip0%29%27%3e%3cpath%20fill-rule=%27evenodd%27%20clip-rule=%27evenodd%27%20d=%27M19.7758%206.21954C20.0688%206.51237%2020.0689%206.98725%2019.776%207.2802L9.28049%2017.7802C9.13984%2017.9209%208.94906%2018%208.75013%2018C8.55119%2018%208.36039%2017.921%208.21972%2017.7803L4.22163%2013.7823C3.92873%2013.4894%203.92873%2013.0145%204.22162%2012.7216C4.51451%2012.4287%204.98939%2012.4287%205.28228%2012.7216L8.74993%2016.1892L18.7152%206.21977C19.008%205.92681%2019.4829%205.92671%2019.7758%206.21954Z%27%20fill=%27%23E63838%27/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id=%27clip0%27%3e%3crect%20width=%2724%27%20height=%2724%27%20fill=%27white%27/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
        content: "";
        display: block;
        height: 24px;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: 24px
    }

    [sidebar-categories] .category-item-link--parent:hover, [sidebar-categories] .category-item-link:hover {
        background: none;
        border-radius: none
    }

    [category-content] > #caregory-content-wrapper > aside[express] > div.wrapper > #filters [sidebar-categories] button {
        color: #e63838;
        font-size: 13px;
        margin-top: 0;
        padding: 8px;
        position: absolute;
        right: 0;
        top: 8px
    }
}

.line-wrapper {
    background-color: #fff;
    padding: 4px 0 4px 16px
}

.line-wrapper .line {
    background: hsla(220, 4%, 48%, .2);
    height: 1px;
    width: 100%
}

.line-wrapper.bold {
    background-color: #fff;
    height: 7px;
    padding: 0
}

.line-wrapper.bold .line {
    background: hsla(220, 4%, 48%, .2);
    height: 100%;
    width: 100%
}

.range-filter input {
    background: #f4f4f5
}

@media (max-width: 639px) {
    .desktop-wrapper {
        display: none
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .desktop-wrapper {
        display: none
    }
}

.popover[data-v-74fd1629] {
    display: inline-block;
    position: relative
}

.popover__body[data-v-74fd1629] {
    bottom: auto;
    box-sizing: border-box;
    min-width: 340px;
    position: absolute;
    top: calc(100% + 10px);
    z-index: 1
}

.popover__body[data-v-74fd1629]:before {
    background: hsla(0, 0%, 100%, .9);
    border-radius: 2px;
    content: "";
    height: 16px;
    position: absolute;
    top: 0;
    transform: translateY(-50%) rotate(45deg);
    width: 16px;
    z-index: -1
}

.popover--right .popover__body[data-v-74fd1629] {
    right: 0
}

.popover--right .popover__body[data-v-74fd1629]:before {
    right: 20px
}

.popover--center .popover__body[data-v-74fd1629] {
    right: 50%;
    transform: translateX(50%)
}

.popover--center .popover__body[data-v-74fd1629]:before {
    right: 50%;
    transform: translate(50%, -50%) rotate(45deg)
}

.popover--left .popover__body[data-v-74fd1629] {
    left: 0
}

.popover--left .popover__body[data-v-74fd1629]:before {
    left: 20px
}

.popover__content[data-v-74fd1629] {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 6px 18px -6px rgba(11, 11, 30, .06), 0 12px 36px -12px rgba(11, 11, 30, .12);
    font-family: HeliosC;
    font-size: 16px;
    letter-spacing: .006em;
    line-height: 20px;
    padding: 16px 24px
}

.fade-enter-active[data-v-74fd1629], .fade-leave-active[data-v-74fd1629] {
    transition: opacity .3s ease-in-out
}

.fade-enter[data-v-74fd1629], .fade-leave-to[data-v-74fd1629] {
    opacity: 0
}

.popup[data-v-52cc1a2a] {
    font-family: HeliosC;
    padding: 16px;
    width: 100%
}

@media (min-width: 960px) and (max-width: 1279px) {
    .popup[data-v-52cc1a2a] {
        padding: 0;
        width: 340px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .popup[data-v-52cc1a2a] {
        padding: 0;
        width: 340px
    }
}

@media (min-width: 1920px) {
    .popup[data-v-52cc1a2a] {
        padding: 0;
        width: 340px
    }
}

.title[data-v-52cc1a2a] {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 28px;
    margin-bottom: 16px;
    margin-top: 16px;
    padding-right: 28px
}

@media (min-width: 960px) and (max-width: 1279px) {
    .title[data-v-52cc1a2a] {
        margin-top: 0
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .title[data-v-52cc1a2a] {
        margin-top: 0
    }
}

@media (min-width: 1920px) {
    .title[data-v-52cc1a2a] {
        margin-top: 0
    }
}

.description[data-v-52cc1a2a] {
    font-size: 16px;
    letter-spacing: .004em;
    line-height: 24px;
    margin-top: 0
}

.popup-word .title[data-v-52cc1a2a] {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    text-align: left
}

.popup-word .description[data-v-52cc1a2a] {
    color: #8b8e99;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    text-align: left
}

.chip[data-v-09d7c3a4] {
    align-items: center;
    background-color: transparent;
    color: var(--color-text-tertiary);
    cursor: pointer;
    display: inline-flex;
    font-family: HeliosC;
    font-size: 12px;
    font-weight: 400;
    gap: 3px;
    letter-spacing: .01em;
    line-height: 16px;
    opacity: .5;
    white-space: nowrap
}

.chip--circle[data-v-09d7c3a4] {
    background: transparent;
    height: 24px;
    justify-content: center;
    opacity: 1;
    padding: 3px;
    width: 24px
}

.chip--word[data-v-09d7c3a4] {
    color: #dee0e5;
    padding: 2px 6px
}

@media (max-width: 639px) {
    .chip--word[data-v-09d7c3a4] {
        padding: 2px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .chip--word[data-v-09d7c3a4] {
        padding: 2px
    }
}

[data-v-09d7c3a4] .chip__icon path {
    fill: currentColor
}

.popover.popover-word[data-v-09d7c3a4] {
    left: 2px;
    top: 8px
}

.popover.popover-word .popover-title[data-v-09d7c3a4] {
    font-family: HeliosC;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px
}

.popover-title[data-v-09d7c3a4] {
    display: block;
    font-family: HeliosC;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0
}

.popover-description[data-v-09d7c3a4] {
    font-family: HeliosC;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    margin-top: 8px
}

.popover-description.popover-description_word[data-v-09d7c3a4] {
    color: #8b8e99;
    font-family: HeliosC;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .008em;
    line-height: 16px
}

[data-v-09d7c3a4] .icon-insert {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 6px 18px -6px rgba(11, 11, 30, .06), 0 12px 36px -12px rgba(11, 11, 30, .12);
    transform: rotate(90deg)
}

[data-v-09d7c3a4] .icon-insert path {
    fill: #c2c4cc
}

.icon_active[ui-70] {
    fill: var(--icon-accented)
}

.icon_inactive[ui-70] {
    fill: var(--text-primary-light);
	background-color: #ffffff;
}

[product-card] .product-card-price-info span.product-card-old-price[ui-69] {
    color: #757575
}

@media (max-width: 639px) {
    [product-card] .product-card-price-info[ui-69] {
        align-items: flex-start !important;
        flex-direction: column-reverse
    }

    [product-card] .product-card-price-info > [ui-69] {
        margin-left: 0 !important
    }

    [product-card] .product-card-price-info > span.product-card-price[ui-69] {
        height: 15px;
        line-height: 120%;
        margin-top: 1px
    }

    [product-card] .product-card-price-info > span.product-card-old-price[ui-69] {
        height: 12px;
        line-height: 120%
    }

    [product-card] .subtitle[ui-69] {
        font-size: 13px;
        max-height: 47px
    }

    [product-card] .product-card-like[ui-69] {
        opacity: 0.7 !important;
        transform: translateZ(0) !important
    }

    [product-card] .card-info-block[ui-69] {
		min-height: 90px;
        max-height: 110px;
        padding: 10.5px 7px 7px
    }

    [product-card] .product-card-price-info[ui-69] {
        align-self: center
    }

    [product-card] .product-card-price-info > span.product-card-price[ui-69] {
        font-size: 12.25px;
        line-height: 120%
    }

    [product-card] .product-card-price-info > span.product-card-old-price[ui-69] {
        font-size: 9.8px;
        line-height: 120%
    }

    [product-card] .card-rating[ui-69], [product-card] .subtitle span[ui-69] {
        font-family: HeliosC;
        font-size: 11.2px
    }

    [product-card] .product-card-secondary-info > .product-card-rating[ui-69] {
        margin-top: 3.5px !important
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    [product-card] .subtitle[ui-69] {
        font-size: 13px;
        max-height: 33px
    }

    [product-card] .product-card-like[ui-69] {
        opacity: 0.7 !important;
        transform: translateZ(0) !important
    }

    [product-card] .card-info-block[ui-69] {
        height: 90px;
        padding: 10.5px 7px 7px
    }

    [product-card] .product-card-price-info[ui-69] {
        align-self: center
    }

    [product-card] .product-card-price-info > span.product-card-price[ui-69] {
        font-size: 12.25px;
        line-height: 120%
    }

    [product-card] .product-card-price-info > span.product-card-old-price[ui-69] {
        font-size: 9.8px;
        line-height: 120%
    }

    [product-card] .card-rating[ui-69], [product-card] .subtitle span[ui-69] {
        font-family: HeliosC;
        font-size: 11.2px
    }

    [product-card] .product-card-secondary-info > .product-card-rating[ui-69] {
        margin-top: 3.5px !important
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    [product-card] .subtitle[ui-69] {
        font-family: HeliosC;
        font-size: 1em;
        line-height: 1.2em;
        max-height: 65px
    }

    [product-card] .card-info-block[ui-69] {
        height: 110px;
        padding: 12px 8px 8px
    }

    [product-card] .product-card-price[ui-69] {
        font-family: HeliosC;
        font-size: 1em
    }

    [product-card] .product-card-secondary-info > .product-card-rating[ui-69] {
        font-size: 11.2px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    [product-card] .subtitle[ui-69] {
        font-family: HeliosC;
        font-size: 1em;
        line-height: 1.2em;
        max-height: 65px
    }

    [product-card] .card-info-block[ui-69] {
        height: 110px;
        padding: 12px 8px 8px
    }

    [product-card] .product-card-price[ui-69] {
        font-family: HeliosC;
        font-size: 1em;
    }

    [product-card] .product-card-secondary-info > .product-card-rating[ui-69] {
        font-size: 11.2px
    }
}

@media (min-width: 1920px) {
    [product-card] .subtitle[ui-69] {
        font-family: HeliosC;
        font-size: 1em;
        line-height: 1.2em;
        max-height: 65px
    }

    [product-card] .card-info-block[ui-69] {
        height: 110px;
        padding: 12px 8px 8px
    }

    [product-card] .product-card-price[ui-69] {
        font-family: HeliosC;
        font-size: 1em;
    }

    [product-card] .product-card-secondary-info > .product-card-rating[ui-69] {
        font-size: 11.2px
    }
}

.tap-noselect[ui-69] {
    -webkit-tap-highlight-color: transparent
}

[product-card][ui-69] {
    backface-visibility: hidden;
    background-color: #fff;
    border-radius: 8px;
    cursor: pointer;
    display: block;
    height: auto;
    opacity: 1;
    position: relative;
    transition: all .25s;
    width: 100%
}

[product-card] .card-info-block[ui-69] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

[product-card][ui-69]:hover {
    box-shadow: 0 10px 25px -16px rgba(0, 0, 0, .16)
}

[product-card] .are-you-adult[ui-69] {
    background-color: hsla(0, 0%, 100%, .3);
    justify-content: flex-start;
    opacity: .1
}

[product-card] .adult-inform[ui-69], [product-card] .are-you-adult[ui-69] {
    align-items: center;
    flex-direction: column;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

[product-card] .adult-inform[ui-69] {
    display: flex;
    justify-content: center
}

[product-card] .adult-text[ui-69] {
    color: #141416;
    font-size: 14px;
    margin-top: 8px;
    text-align: center
}

[product-card]:hover .are-you-adult[ui-69] {
    opacity: 1;
    padding: .75rem
}

[product-card] .adult .product-card-image img[ui-69] {
    filter: blur(13px);
    transition: filter .5s ease
}

[product-card] > [ui-card][ui-69] {
    height: 100%;
    padding: 0
}

[product-card] .product-card-image[ui-69] {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    transform: translateZ(0);
    transition: all .35s
}

[product-card]:hover .product-card-image[ui-69] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

[product-card] .product-card-image img[ui-69] {
    transition: all .25s;
    will-change: transform
}

[product-card]:hover .product-card-image img[ui-69] {
    transform: scale(1.02)
}

[product-card] .product-card-image[ui-69]:before {
    background-color: #fff;
    content: "";
    display: block;
    padding-top: 133.333333%
}

[product-card] .product-card-image .list_card_img_mini[ui-69] {
    border-radius: 8px;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

[product-card] .product-card-old-price[ui-69] {
    font-family: HeliosC;
    font-size: .8rem
}

[product-card] .subtitle[ui-69] {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    margin-top: 0;
    overflow: hidden;
    overflow-wrap: anywhere;
    text-overflow: ellipsis
}

[product-card] .subtitle.eco[ui-69] {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

[product-card] .subtitle span[ui-69] {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

[product-card] .eco-icon[ui-69] {
    bottom: .5rem;
    left: .5rem;
    position: absolute
}

[product-card] .charity-icon[ui-69] {
    background: #fff;
    border-radius: 50%;
    bottom: 4px;
    left: 4px;
    padding: 4px;
    position: absolute
}

[product-card] .product-card-price-info[ui-69] {
    align-items: center;
    display: flex
}

[product-card] .product-card-price-info > [ui-69] {
    margin-left: 8px
}

[product-card] .product-card-price-info[ui-69] > :first-child {
    margin-left: 0
}

[product-card] .product-card-discount[ui-69]:before {
    content: "-"
}

[product-card] .product-card-discount[ui-69] {
    background-color: var(--badge-bg-sale);
    border-radius: 2px 0;
    color: #fff;
    font-size: 13px;
    left: 0;
    padding: 3px 4px;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 1
}

[product-card] .product-card-secondary-info[ui-69] {
    display: flex
}

[product-card] .product-card-secondary-info[ui-69]:after {
    clear: both;
    content: "";
    display: block
}

[product-card] > * .product-card-old-price[ui-69] {
    text-decoration: line-through
}

[product-card] .product-card-secondary-info > .product-card-rating[ui-69] {
    color: #8a8d93;
    display: flex;
    flex-grow: 1;
    font-family: HeliosC;
    font-size: 11.2px;
    font-weight: 300;
    margin-top: 4px
}

[product-card] .product-card-secondary-info > .product-card-rating > img[ui-69] {
    margin: 3px 4px 3px -1px
}

[product-card] .product-card-secondary-info > .product-card-rating .orders[ui-69] {
    align-items: center;
    display: flex;
    height: 16px;
}
.orders[ui-48] {
    margin-left: 12px;
}
[product-card] .product-card-secondary-info > .product-card-rating .orders.light[ui-69] {
    font-weight: 100;
    opacity: .25
}

[product-card] .product-card-secondary-info > .product-card-rating .orders .raiting-wrapper[ui-69] {
    align-items: center;
    display: flex;
    margin-right: 4px
}

[product-card] .product-card-secondary-info > .product-card-rating .orders .raiting-wrapper img[ui-69] {
    padding-bottom: 2px
}

[product-card] .product-card-like[ui-69] {
    border: none;
    border-radius: 2px;
    height: 24px;
    opacity: .4;
    padding: 2px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    transition: opacity .3s ease;
    width: 24px
}

[product-card] .product-card-like.liked[ui-69], [product-card] .product-card-like[ui-69]:hover {
    opacity: 1
}

[product-card] .adult .product-card-like[ui-69] {
    opacity: 0
}

[product-card] .product-card-like.liked[ui-69] {
    animation: pump-heart-2719eb46 .2s cubic-bezier(.21, .88, .88, .21)
}

[product-card] .badge-container[ui-69] {
    margin: 0 2px 2px
}

[product-card] .badge-container .badge-list .badge[ui-69] {
    border-radius: 6px
}

.a .product-enter-active[ui-69], .product-leave-active[ui-69] {
    transition: opacity .5s ease
}

.a .product-enter[ui-69], .product-leave-to[ui-69] {
    opacity: 0
}

.a [product-card][ui-69] {
    backface-visibility: hidden;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .06);
    display: block;
    height: 100%;
    opacity: 1;
    overflow: hidden;
    padding: .75rem;
    position: relative;
    transform: translateY(0);
    transition: box-shadow .15s ease, transform .15s ease;
    width: 100%
}

.a [product-card][ui-69]:hover {
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .24)
}

.a [product-card] > * > .product-card-image[ui-69] {
    background-position: 50%;
    background-size: cover;
    max-height: 240px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.a [product-card] > * > .product-card-image[ui-69]:before {
    content: "";
    display: block;
    padding-top: 100%
}

.a [product-card] > * > .product-card-image > img[ui-69] {
    border-radius: 2px;
    height: 90%;
    left: 5%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 5%;
    width: 90%
}

.a [product-card] > * > .product-card-info[ui-69] {
    padding: 0 12px 15px
}

.a [product-card] > * > .product-card-info > .subtitle[ui-69] {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    line-height: 1.43;
    margin-top: 0;
    overflow: hidden;
    padding-top: 12px;
    text-overflow: ellipsis
}

.a [product-card] > * > .product-card-info > .product-card-price-info[ui-69] {
    display: flex;
    height: 20px;
    margin-top: 12px
}

.a [product-card] .product-card-discount[ui-69] {
    background-color: var(--badge-bg-sale);
    border-radius: 2px 0;
    color: #fff;
    font-size: 13px;
    left: 0;
    padding: 3px 4px;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 1
}

.a [product-card] > * > .product-card-info > .product-card-secondary-info[ui-69] {
    display: flex;
    margin-top: 10px
}

.a [product-card] > * > .product-card-info > .product-card-secondary-info[ui-69]:after {
    clear: both;
    content: "";
    display: block
}

.a [product-card] > * > .product-card-info > .product-card-secondary-info > span.product-card-old-price[ui-69] {
    float: left;
    text-decoration: line-through
}

.a [product-card] > * > .product-card-info > .product-card-secondary-info > .product-card-rating[ui-69] {
    display: flex;
    float: right;
    min-height: 15px
}

.a [product-card] > * > .product-card-info > .product-card-secondary-info > .product-card-rating > img[ui-69] {
    margin-right: 5px
}

.a [product-card] > * > .product-card-like[ui-69] {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 2px;
    height: 32px;
    padding: 0;
    position: absolute;
    right: 11px;
    top: 11px;
    transform: translate3d(0, -50px, 0);
    transition: opacity .2s ease, transform .2s ease;
    width: 32px;
    z-index: 1
}

.a [product-card]:hover > * > .product-card-like[ui-69], .a [product-card] > * > .product-card-like.liked[ui-69] {
    transform: translateZ(0)
}

.a [product-card] > * > .product-card-like > img[ui-69] {
    vertical-align: middle
}

.a .product-enter-active[ui-69], .a .product-leave-active[ui-69] {
    transition: opacity .5s ease
}

.a .product-enter[ui-69], .a .product-leave-to[ui-69] {
    opacity: 0
}

[product-card] .product-card-main-info-wrapper[ui-69] {
    display: flex;
    justify-content: space-between;
    margin-top: auto
}

@media (min-width: 1280px) and (max-width: 1919px) {
    [product-card] .product-card-main-info-wrapper[ui-69] {
        height: 34px
    }
}

@media (min-width: 1920px) {
    [product-card] .product-card-main-info-wrapper[ui-69] {
        height: 34px
    }
}

[ui-69] .add-to-cart.ui-button {
    border-radius: 15%;
    box-sizing: border-box;
    height: 32px;
    padding: 3.5px;
    width: 32px
}

[ui-69] .add-to-cart.ui-button.disabled {
    background: #f4f4f5
}

[ui-69] .add-to-cart.ui-button.disabled >>> .add-cart-icon path {
    fill: #a0a2a7
}
[ui-69] .add-to-cart.ui-button.disabled >>> .add-cart-icon_active path {
    fill: #ffffff
}

@media (max-width: 639px) {
    [ui-69] .add-to-cart.ui-button {
        border: none;
        height: 38px;
        padding: 3.5px;
        width: 38px
    }

    [ui-69] .add-to-cart.ui-button.disabled, [ui-69] .add-to-cart.ui-button:active, [ui-69] .add-to-cart.ui-button:disabled, [ui-69] .add-to-cart.ui-button:focus, [ui-69] .add-to-cart.ui-button:hover {
        background: transparent !important;
        border: none
    }

    [ui-69] .add-to-cart.ui-button:hover .ui-icon {
        background-color: hsla(220, 4%, 48%, .1)
    }

    [ui-69] .add-to-cart.ui-button:active .ui-icon {
        background-color: hsla(220, 4%, 48%, .3)
    }

    [ui-69] .add-to-cart.ui-button:focus .ui-icon {
        background-color: transparent;
        border-color: hsla(220, 4%, 48%, .4)
    }

    [ui-69] .add-to-cart.ui-button .ui-icon.add-cart-icon {
        border-radius: 50%;
        height: 31px;
        padding: 3.5px;
        transition: all .2s;
        width: 31px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    [ui-69] .add-to-cart.ui-button {
        border: none;
        height: 38px;
        padding: 3.5px;
        width: 38px
    }

    [ui-69] .add-to-cart.ui-button.disabled, [ui-69] .add-to-cart.ui-button:active, [ui-69] .add-to-cart.ui-button:disabled, [ui-69] .add-to-cart.ui-button:focus, [ui-69] .add-to-cart.ui-button:hover {
        background: transparent !important;
        border: none
    }

    [ui-69] .add-to-cart.ui-button:hover .ui-icon {
        background-color: hsla(220, 4%, 48%, .1)
    }

    [ui-69] .add-to-cart.ui-button:active .ui-icon {
        background-color: hsla(220, 4%, 48%, .3)
    }

    [ui-69] .add-to-cart.ui-button:focus .ui-icon {
        background-color: transparent;
        border-color: hsla(220, 4%, 48%, .4)
    }

    [ui-69] .add-to-cart.ui-button .ui-icon.add-cart-icon {
        border-radius: 50%;
        height: 31px;
        padding: 3.5px;
        transition: all .2s;
        width: 31px
    }
}

.card-discount[ui-69] {
    color: #e63838;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%
}

.is-horizontal .ui-card[ui-69] {
    display: flex;
    padding: 8px
}

@media (min-width: 640px) and (max-width: 959px) {
    .is-horizontal .ui-card[ui-69] {
        padding: 0
    }
}

@media (max-width: 639px) {
    .is-horizontal .ui-card[ui-69] {
        padding: 0
    }
}

.is-horizontal .product-card-image[ui-69] {
    flex-shrink: 0;
    height: 132px;
    width: 99px
}

.is-horizontal .card-info-block[ui-69] {
    flex-grow: 1;
    height: auto;
    padding: 4px 12px
}

.is-horizontal .card-info-block .subtitle .subtitle-item[ui-69] {
    color: #15151a;
    font-family: HeliosC;
    font-size: 1em !inherit;
    font-weight: 400;
    line-height: 1.4em
}

@media max-width: 959px {
    .is-horizontal .card-info-block .subtitle .subtitle-item[ui-69] {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
		
    }
	    .subtitle[ui-69] {
        height: 50px;
    }

}


@media (min-width: 960px) and (max-width: 1919px) {
    .is-horizontal .card-info-block .subtitle .subtitle-item[ui-69] {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }
}

@media (min-width: 1920px) {
    .is-horizontal .card-info-block .subtitle .subtitle-item[ui-69] {
        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }
}

.is-horizontal[product-card] .product-card-like[ui-69] {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    position: static
}

.is-horizontal[product-card] .product-card-like[ui-69] svg {
    height: 20px;
    width: 20px
}

.is-horizontal[product-card] .product-card-main-info-wrapper[ui-69] {
    align-items: center !important;
    height: 32px
}

@media (max-width: 639px) {
    .is-horizontal[product-card] .product-card-main-info-wrapper[ui-69] {
        height: 38px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .is-horizontal[product-card] .product-card-main-info-wrapper[ui-69] {
        height: 38px
    }
}

.is-horizontal[product-card] .product-card-price-info[ui-69] {
    align-items: flex-end !important;
    display: flex
}

@media (max-width: 639px) {
    .is-horizontal[product-card] .product-card-price-info[ui-69] {
        flex-direction: row
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .is-horizontal[product-card] .product-card-price-info[ui-69] {
        flex-direction: row
    }
}

.is-horizontal[product-card] .product-card-price-info .product-card-price[ui-69] {
    color: #15151a;
    font-family: HeliosC;
    line-height: 18px
}

.is-horizontal[product-card] .product-card-price-info .product-card-old-price[ui-69] {
    color: #7e808c;
    line-height: 13px;
    padding-bottom: 2px
}

@media (max-width: 639px) {
    .is-horizontal[product-card] .product-card-price-info .product-card-old-price[ui-69] {
        margin-left: 8px !important
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .is-horizontal[product-card] .product-card-price-info .product-card-old-price[ui-69] {
        margin-left: 8px !important
    }
}

.is-horizontal[product-card] .card-info-block-controls[ui-69] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 4px
}

.is-horizontal[product-card] .badge-container[ui-69] {
    margin-top: 9px
}

.is-horizontal[product-card] .badge-container[ui-69] .badge {
    border-radius: 10px;
    font-family: HeliosC;
    font-size: .8rem;
    font-weight: 400;
    padding: 0 6px
}

.is-horizontal .product-ad-marker[ui-69] {
    left: 4px;
    top: 4px
}

@media (min-width: 960px) and (max-width: 1279px) {
    .is-horizontal .product-ad-marker[ui-69] {
        left: 12px;
        top: 12px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .is-horizontal .product-ad-marker[ui-69] {
        left: 12px;
        top: 12px
    }
}

@media (min-width: 1920px) {
    .is-horizontal .product-ad-marker[ui-69] {
        left: 12px;
        top: 12px
    }
}

.ui-card.adult[ui-69] {
    pointer-events: none
}

.product-ad-marker[ui-69] {
    left: 8px;
    position: absolute;
    top: 10px;
    z-index: 1
}

@media (max-width: 639px) {
    .product-ad-marker[ui-69] {
        top: 8px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .product-ad-marker[ui-69] {
        top: 8px
    }
}

[ui-69] .product-ad-marker.popover--right .popover__body {
    right: -10px
}

[ui-69] .product-ad-marker.popover--left .popover__body {
    left: -10px
}

@-moz-keyframes pump-heart-2719eb46 {
    0%, to {
        transform: scale(1) translateZ(0)
    }
    50% {
        transform: scale(1.3) translateZ(0)
    }
}

@-webkit-keyframes pump-heart-2719eb46 {
    0%, to {
        transform: scale(1) translateZ(0)
    }
    50% {
        transform: scale(1.3) translateZ(0)
    }
}

@-o-keyframes pump-heart-2719eb46 {
    0%, to {
        transform: scale(1) translateZ(0)
    }
    50% {
        transform: scale(1.3) translateZ(0)
    }
}

@keyframes pump-heart-2719eb46 {
    0%, to {
        transform: scale(1) translateZ(0)
    }
    50% {
        transform: scale(1.3) translateZ(0)
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .promo-offer[data-v-593c3b8f] {
        padding: 64px 0
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .promo-offer[data-v-593c3b8f] {
        padding: 64px 0
    }
}

@media (min-width: 1920px) {
    .promo-offer[data-v-593c3b8f] {
        padding: 64px 0
    }
}

@media (max-width: 639px) {
    .promo-offer[data-v-593c3b8f] {
        padding: 35px 0
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .promo-offer[data-v-593c3b8f] {
        padding: 35px 0
    }
}

.promo-offer .actions[data-v-593c3b8f] {
    display: flex;
    justify-content: center
}

@media (min-width: 960px) and (max-width: 1279px) {
    .promo-offer .actions[data-v-593c3b8f] {
        margin-top: 40px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .promo-offer .actions[data-v-593c3b8f] {
        margin-top: 40px
    }
}

@media (min-width: 1920px) {
    .promo-offer .actions[data-v-593c3b8f] {
        margin-top: 40px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .promo-offer .actions[data-v-593c3b8f] {
        justify-content: center;
        margin-top: 35px;
        padding: 0 15px;
        width: 100%
    }
}

@media (max-width: 639px) {
    .promo-offer .actions[data-v-593c3b8f] {
        justify-content: center;
        margin-top: 35px;
        padding: 0 15px;
        width: 100%
    }
}

.promo-offer .actions .load-more[data-v-593c3b8f] {
    background: none;
    border: 1px solid hsla(220, 4%, 48%, .3);
    border-radius: 4px;
    border-radius: 8px;
    color: #141416;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    height: 56px;
    padding: 0 24px;
    text-decoration: none
}

@media (max-width: 639px) {
    .promo-offer .actions .load-more[data-v-593c3b8f] {
        display: flex;
        width: 100%
    }
}

.promo-offer .actions .load-more[data-v-593c3b8f]:hover {
    background-color: hsla(220, 4%, 48%, .1)
}

.promo-offer .actions .load-more[data-v-593c3b8f]:active {
    background-color: hsla(220, 4%, 48%, .2)
}

@media (min-width: 640px) and (max-width: 959px) {
    .promo-offer .actions .load-more[data-v-593c3b8f] {
        font-size: 16px;
        height: 52px;
        padding: 0 20px
    }
}

@media (max-width: 639px) {
    .promo-offer .actions .load-more[data-v-593c3b8f] {
        font-size: 16px;
        height: 52px;
        padding: 0 20px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .promo-offer .actions .load-more[data-v-593c3b8f] {
        font-size: 16px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .promo-offer .actions .load-more[data-v-593c3b8f] {
        font-size: 16px
    }
}

@media (min-width: 1920px) {
    .promo-offer .actions .load-more[data-v-593c3b8f] {
        font-size: 16px
    }
}

@media (max-width: 639px) {
    .promo-offer .actions .load-more[data-v-593c3b8f] {
        font-size: 14px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .promo-offer .actions .load-more[data-v-593c3b8f] {
        font-size: 14px
    }
}

.product-list[data-v-593c3b8f] {
    display: grid
}

@media (min-width: 1920px) {
    .product-list[data-v-593c3b8f] {
        grid-column-gap: 20px;
        grid-row-gap: 32px;
        grid-template-columns:repeat(5, 1fr);
        margin-top: 40px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .product-list[data-v-593c3b8f] {
        grid-column-gap: 20px;
        grid-row-gap: 32px;
        grid-template-columns:repeat(5, 1fr);
        margin-top: 40px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .product-list[data-v-593c3b8f] {
        grid-column-gap: 16px;
        grid-row-gap: 32px;
        grid-template-columns:repeat(4, 1fr);
        margin-top: 40px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .product-list[data-v-593c3b8f] {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (max-width: 639px) {
    .product-list[data-v-593c3b8f] {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .product-list[data-v-593c3b8f] {
        grid-column-gap: 7px;
        grid-row-gap: 28px;
        margin-top: 35px
    }
}

@media (max-width: 639px) {
    .product-list[data-v-593c3b8f] {
        grid-column-gap: 7px;
        grid-row-gap: 28px;
        margin-top: 35px
    }
}

.promo-offer[data-v-593c3b8f] {
    padding-bottom: 0;
    padding-top: 0
}

.promo-offer h1[data-v-593c3b8f] {
    text-align: center
}

.promo-offer .actions .load-more[data-v-593c3b8f] {
    align-items: center;
    display: flex;
    justify-content: center
}

.title-description[data-v-7fa99f62] {
    text-align: center
}

@media (min-width: 960px) and (max-width: 1279px) {
    .title-description[data-v-7fa99f62] {
        margin-top: 56px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .title-description[data-v-7fa99f62] {
        margin-top: 56px
    }
}

@media (min-width: 1920px) {
    .title-description[data-v-7fa99f62] {
        margin-top: 56px
    }
}

@media (max-width: 639px) {
    .title-description[data-v-7fa99f62] {
        margin-top: 40px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .title-description[data-v-7fa99f62] {
        margin-top: 40px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .title-description .element[data-v-7fa99f62]:not(:last-child) {
        margin-bottom: 24px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .title-description .element[data-v-7fa99f62]:not(:last-child) {
        margin-bottom: 24px
    }
}

@media (min-width: 1920px) {
    .title-description .element[data-v-7fa99f62]:not(:last-child) {
        margin-bottom: 24px
    }
}

@media (max-width: 639px) {
    .title-description .element[data-v-7fa99f62]:not(:last-child) {
        margin-bottom: 12px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .title-description .element[data-v-7fa99f62]:not(:last-child) {
        margin-bottom: 12px
    }
}

.title-description .title[data-v-7fa99f62] {
    font-weight: 600;
    line-height: 1.2em
}

@media (max-width: 639px) {
    .title-description .title[data-v-7fa99f62] {
        font-size: 24px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .title-description .title[data-v-7fa99f62] {
        font-size: 24px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .title-description .title[data-v-7fa99f62] {
        font-size: 32px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .title-description .title[data-v-7fa99f62] {
        font-size: 32px
    }
}

@media (min-width: 1920px) {
    .title-description .title[data-v-7fa99f62] {
        font-size: 48px
    }
}

.title-description .description[data-v-7fa99f62] {
    font-weight: 400;
    line-height: 1.4em
}

@media (max-width: 639px) {
    .title-description .description[data-v-7fa99f62] {
        font-size: 14px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .title-description .description[data-v-7fa99f62] {
        font-size: 14px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .title-description .description[data-v-7fa99f62] {
        font-size: 18px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .title-description .description[data-v-7fa99f62] {
        font-size: 18px
    }
}

@media (min-width: 1920px) {
    .title-description .description[data-v-7fa99f62] {
        font-size: 18px
    }
}

.card-item[data-v-533dddbe] {
    background-color: hsla(220, 4%, 48%, .05);
    border-radius: 8px;
    text-align: center
}

@media (max-width: 639px) {
    .card-item[data-v-533dddbe] {
        padding: 24px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .card-item[data-v-533dddbe] {
        padding: 24px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .card-item[data-v-533dddbe] {
        padding: 32px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .card-item[data-v-533dddbe] {
        padding: 32px
    }
}

@media (min-width: 1920px) {
    .card-item[data-v-533dddbe] {
        padding: 32px
    }
}

@media (max-width: 639px) {
    .card-item .portion[data-v-533dddbe]:not(:first-child) {
        margin-top: 16px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .card-item .portion[data-v-533dddbe]:not(:first-child) {
        margin-top: 16px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .card-item .portion[data-v-533dddbe]:not(:first-child) {
        margin-top: 16px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .card-item .portion[data-v-533dddbe]:not(:first-child) {
        margin-top: 24px
    }
}

@media (min-width: 1920px) {
    .card-item .portion[data-v-533dddbe]:not(:first-child) {
        margin-top: 24px
    }
}

.card-item .image img[data-v-533dddbe] {
    display: block;
    margin: 0 auto
}

@media (max-width: 639px) {
    .card-item .image img[data-v-533dddbe] {
        width: 64px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .card-item .image img[data-v-533dddbe] {
        width: 96px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .card-item .image img[data-v-533dddbe] {
        width: 96px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .card-item .image img[data-v-533dddbe] {
        width: 96px
    }
}

@media (min-width: 1920px) {
    .card-item .image img[data-v-533dddbe] {
        width: 96px
    }
}

.card-item .title[data-v-533dddbe] {
    font-family: HeliosC;
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.2em
}

.card-item .text[data-v-533dddbe] {
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4em
}

.cards[data-v-d8bee39e] {
    display: grid
}

.cards .card-item[data-v-d8bee39e] {
    padding: 24px
}

@media (max-width: 639px) {
    .cards[data-v-d8bee39e] {
        grid-template-columns:1fr
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .cards[data-v-d8bee39e] {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .cards[data-v-d8bee39e] {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .cards[data-v-d8bee39e] {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (min-width: 1920px) {
    .cards[data-v-d8bee39e] {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (max-width: 639px) {
    .cards[data-v-d8bee39e] {
        grid-gap: 8px;
        margin-top: 48px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .cards[data-v-d8bee39e] {
        grid-gap: 8px;
        margin-top: 48px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .cards[data-v-d8bee39e] {
        margin-top: 64px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .cards[data-v-d8bee39e] {
        margin-top: 64px
    }
}

@media (min-width: 1920px) {
    .cards[data-v-d8bee39e] {
        margin-top: 64px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .cards[data-v-d8bee39e] {
        grid-gap: 16px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .cards[data-v-d8bee39e] {
        grid-gap: 16px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .cards[data-v-d8bee39e] {
        grid-gap: 16px
    }
}

@media (min-width: 1920px) {
    .cards[data-v-d8bee39e] {
        grid-gap: 16px
    }
}

.cards .info-link[data-v-d8bee39e] {
    color: #8a8d93;
    cursor: pointer;
    text-decoration: underline
}

.cards .info-link[data-v-d8bee39e]:hover {
    text-decoration: none
}

.cards[data-v-5781b655] {
    display: grid
}

@media (max-width: 639px) {
    .cards[data-v-5781b655] {
        grid-template-columns:1fr
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .cards[data-v-5781b655] {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .cards[data-v-5781b655] {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .cards[data-v-5781b655] {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (min-width: 1920px) {
    .cards[data-v-5781b655] {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (max-width: 639px) {
    .cards[data-v-5781b655] {
        grid-gap: 8px;
        margin-top: 24px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .cards[data-v-5781b655] {
        grid-gap: 8px;
        margin-top: 24px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .cards[data-v-5781b655] {
        margin-top: 40px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .cards[data-v-5781b655] {
        margin-top: 40px
    }
}

@media (min-width: 1920px) {
    .cards[data-v-5781b655] {
        margin-top: 40px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .cards[data-v-5781b655] {
        grid-gap: 16px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .cards[data-v-5781b655] {
        grid-gap: 16px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .cards[data-v-5781b655] {
        grid-gap: 16px
    }
}

@media (min-width: 1920px) {
    .cards[data-v-5781b655] {
        grid-gap: 16px
    }
}

.cards .cities[data-v-5781b655] {
    cursor: pointer;
    text-decoration: underline
}

.cards .cities[data-v-5781b655]:hover {
    text-decoration: none
}

.cards .info-link[data-v-5781b655] {
    color: #8a8d93;
    cursor: pointer;
    text-decoration: underline
}

.cards .info-link[data-v-5781b655]:hover {
    text-decoration: none
}

.banner-wrapeer[data-v-8fc9df9c] {
    background: linear-gradient(0deg, #ffe2c7, #ffe2c7);
    overflow: hidden;
    position: relative;
    z-index: 1
}

.socials[data-v-8fc9df9c] {
    align-items: center;
    display: flex;
    margin-top: 40px
}

@media (max-width: 639px) {
    .socials[data-v-8fc9df9c] {
        justify-content: center;
        left: 0;
        position: absolute;
        width: 100%
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .socials[data-v-8fc9df9c] {
        justify-content: center;
        left: 0;
        position: absolute;
        width: 100%
    }
}

@media (max-width: 639px) {
    .socials[data-v-8fc9df9c] {
        bottom: 16px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .socials[data-v-8fc9df9c] {
        bottom: 32px
    }
}

.socials[data-v-8fc9df9c] > :not(:last-child) {
    display: block;
    margin-right: 16px
}

.banner[data-v-8fc9df9c] {
    display: flex;
    overflow: hidden;
    z-index: 1
}

@media (min-width: 1920px) {
    .banner[data-v-8fc9df9c] {
        height: 640px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner[data-v-8fc9df9c] {
        height: 540px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner[data-v-8fc9df9c] {
        height: 540px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner[data-v-8fc9df9c] {
        height: 748px
    }
}

@media (max-width: 639px) {
    .banner[data-v-8fc9df9c] {
        height: 496px
    }
}

.banner picture.banner-picture[data-v-8fc9df9c] {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.banner picture.banner-picture img[data-v-8fc9df9c] {
    height: 100%;
    object-fit: contain;
    width: 100%
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner picture.banner-picture img[data-v-8fc9df9c] {
        object-position: center bottom
    }
}

@media (max-width: 639px) {
    .banner picture.banner-picture img[data-v-8fc9df9c] {
        object-position: center bottom
    }
}

@media (min-width: 1920px) {
    .banner picture.banner-picture img[data-v-8fc9df9c] {
        object-position: right
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner picture.banner-picture img[data-v-8fc9df9c] {
        object-position: right
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner picture.banner-picture img[data-v-8fc9df9c] {
        object-position: right
    }
}

.banner .banner-content[data-v-8fc9df9c] {
    color: #141416;
    z-index: 2
}

@media (max-width: 639px) {
    .banner .banner-content[data-v-8fc9df9c] {
        margin-bottom: 50px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content[data-v-8fc9df9c] {
        margin-bottom: 75px
    }
}

@media (max-width: 639px) {
    .banner .banner-content[data-v-8fc9df9c] {
        height: 100%;
        position: relative;
        text-align: center;
        width: 100%
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content[data-v-8fc9df9c] {
        height: 100%;
        position: relative;
        text-align: center;
        width: 100%
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner .banner-content[data-v-8fc9df9c] {
        margin-top: 100px;
        width: 360px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner .banner-content[data-v-8fc9df9c] {
        margin-top: 100px
    }
}

@media (min-width: 1920px) {
    .banner .banner-content[data-v-8fc9df9c] {
        margin-top: 120px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner .banner-content[data-v-8fc9df9c] {
        width: 573px
    }
}

@media (min-width: 1920px) {
    .banner .banner-content[data-v-8fc9df9c] {
        width: 573px
    }
}

.banner .banner-content .banner-title[data-v-8fc9df9c] {
    font-weight: 800;
    line-height: 1.2em
}

@media (max-width: 639px) {
    .banner .banner-content .banner-title[data-v-8fc9df9c] {
        font-size: 32px;
        margin-top: 48px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content .banner-title[data-v-8fc9df9c] {
        font-size: 32px;
        margin-top: 48px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner .banner-content .banner-title[data-v-8fc9df9c] {
        font-size: 48px;
        margin-top: 0
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner .banner-content .banner-title[data-v-8fc9df9c] {
        font-size: 48px;
        margin-top: 0
    }
}

@media (min-width: 1920px) {
    .banner .banner-content .banner-title[data-v-8fc9df9c] {
        font-size: 48px;
        margin-top: 0
    }
}

.banner .banner-content .description[data-v-8fc9df9c] {
    font-weight: 400;
    line-height: 1.4em;
    margin-top: 16px
}

@media (max-width: 639px) {
    .banner .banner-content .description[data-v-8fc9df9c] {
        font-size: 20px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content .description[data-v-8fc9df9c] {
        font-size: 20px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner .banner-content .description[data-v-8fc9df9c] {
        font-size: 22px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner .banner-content .description[data-v-8fc9df9c] {
        font-size: 22px
    }
}

@media (min-width: 1920px) {
    .banner .banner-content .description[data-v-8fc9df9c] {
        font-size: 22px
    }
}

.banner .banner-content .caption[data-v-8fc9df9c] {
    color: rgba(0, 0, 0, .5);
    line-height: 120%;
    position: absolute
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner .banner-content .caption[data-v-8fc9df9c] {
        bottom: 64px;
        font-size: 14px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner .banner-content .caption[data-v-8fc9df9c] {
        bottom: 64px;
        font-size: 14px
    }
}

@media (min-width: 1920px) {
    .banner .banner-content .caption[data-v-8fc9df9c] {
        bottom: 64px;
        font-size: 14px
    }
}

@media (max-width: 639px) {
    .banner .banner-content .caption[data-v-8fc9df9c] {
        bottom: 32px;
        font-size: 13px;
        width: 100%
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content .caption[data-v-8fc9df9c] {
        bottom: 32px;
        font-size: 13px;
        width: 100%
    }
}

.banner .banner-content .action[data-v-8fc9df9c] {
    align-items: center;
    background-color: #141416;
    border-radius: 8px;
    color: #fff;
    display: flex;
    height: 60px;
    justify-content: center;
    width: 100%
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner .banner-content .action[data-v-8fc9df9c] {
        margin-top: 40px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner .banner-content .action[data-v-8fc9df9c] {
        margin-top: 40px
    }
}

@media (min-width: 1920px) {
    .banner .banner-content .action[data-v-8fc9df9c] {
        margin-top: 40px
    }
}

@media (max-width: 639px) {
    .banner .banner-content .action[data-v-8fc9df9c] {
        left: 0;
        position: absolute
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content .action[data-v-8fc9df9c] {
        left: 0;
        position: absolute
    }
}

@media (max-width: 639px) {
    .banner .banner-content .action[data-v-8fc9df9c] {
        bottom: 16px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content .action[data-v-8fc9df9c] {
        bottom: 32px
    }
}

.banner .banner-content .action .wrapper[data-v-8fc9df9c] {
    align-items: center;
    display: flex
}

.banner .banner-content .action .wrapper[data-v-8fc9df9c] .ui-icon {
    margin-right: 8px
}

.step-item[data-v-196cf14a] {
    background-color: hsla(220, 4%, 48%, .05);
    border-radius: 8px;
    text-align: center
}

@media (max-width: 639px) {
    .step-item[data-v-196cf14a] {
        padding: 24px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .step-item[data-v-196cf14a] {
        padding: 24px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .step-item[data-v-196cf14a] {
        padding: 32px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .step-item[data-v-196cf14a] {
        padding: 32px
    }
}

@media (min-width: 1920px) {
    .step-item[data-v-196cf14a] {
        padding: 32px
    }
}

.step-item .title[data-v-196cf14a] {
    color: #ff1919;
    font-weight: 700
}

@media (max-width: 639px) {
    .step-item .title[data-v-196cf14a] {
        font-size: 32px;
        margin-bottom: 8px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .step-item .title[data-v-196cf14a] {
        font-size: 32px;
        margin-bottom: 8px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .step-item .title[data-v-196cf14a] {
        font-size: 32px;
        margin-bottom: 16px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .step-item .title[data-v-196cf14a] {
        font-size: 32px;
        margin-bottom: 16px
    }
}

@media (min-width: 1920px) {
    .step-item .title[data-v-196cf14a] {
        font-size: 32px;
        margin-bottom: 16px
    }
}

.step-item .subtitle[data-v-196cf14a] {
    font-weight: 600
}

@media (min-width: 960px) and (max-width: 1279px) {
    .step-item .subtitle[data-v-196cf14a] {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 12px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .step-item .subtitle[data-v-196cf14a] {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 12px
    }
}

@media (min-width: 1920px) {
    .step-item .subtitle[data-v-196cf14a] {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 12px
    }
}

@media (max-width: 639px) {
    .step-item .subtitle[data-v-196cf14a] {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 8px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .step-item .subtitle[data-v-196cf14a] {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 8px
    }
}

.step-item .text[data-v-196cf14a] {
    font-weight: 400
}

@media (min-width: 960px) and (max-width: 1279px) {
    .step-item .text[data-v-196cf14a] {
        font-size: 16px;
        line-height: 25px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .step-item .text[data-v-196cf14a] {
        font-size: 16px;
        line-height: 25px
    }
}

@media (min-width: 1920px) {
    .step-item .text[data-v-196cf14a] {
        font-size: 16px;
        line-height: 25px
    }
}

@media (max-width: 639px) {
    .step-item .text[data-v-196cf14a] {
        font-size: 16px;
        line-height: 20px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .step-item .text[data-v-196cf14a] {
        font-size: 16px;
        line-height: 20px
    }
}

.steps[data-v-48e99c24] {
    display: grid
}

@media (max-width: 639px) {
    .steps[data-v-48e99c24] {
        grid-template-columns:1fr
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .steps[data-v-48e99c24] {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .steps[data-v-48e99c24] {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .steps[data-v-48e99c24] {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (min-width: 1920px) {
    .steps[data-v-48e99c24] {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (max-width: 639px) {
    .steps[data-v-48e99c24] {
        grid-gap: 8px;
        margin-top: 24px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .steps[data-v-48e99c24] {
        grid-gap: 8px;
        margin-top: 24px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .steps[data-v-48e99c24] {
        margin-top: 40px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .steps[data-v-48e99c24] {
        margin-top: 40px
    }
}

@media (min-width: 1920px) {
    .steps[data-v-48e99c24] {
        margin-top: 40px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .steps[data-v-48e99c24] {
        grid-gap: 16px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .steps[data-v-48e99c24] {
        grid-gap: 16px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .steps[data-v-48e99c24] {
        grid-gap: 16px
    }
}

@media (min-width: 1920px) {
    .steps[data-v-48e99c24] {
        grid-gap: 16px
    }
}

.info-text[data-v-4a140927] {
    color: #62656a;
    font-family: HeliosC;
    font-size: 1rem;
    font-size: .875rem;
    line-height: 1.4em
}

.info-text[data-v-4a140927] a {
    cursor: pointer;
    text-decoration: underline
}

.info-text[data-v-4a140927] a:hover {
    text-decoration: none
}

.lead-form {
    margin: 0 auto
}

.lead-form .description {
    font-size: 16px;
    margin: -10px 0 15px
}

.lead-form .row:not(:last-child) {
    margin-bottom: 15px
}

.lead-form .row [input-form-group] {
    display: block;
    width: 100%
}

.lead-form .row .ui-button {
    width: 100%
}

.lead-form .row [ui-dropdown] .selected {
    height: 10px
}

.success-content[data-v-ce0ed93a] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 16px;
    padding: 72px 16px 32px;
    position: relative;
    text-align: center;
    width: 528px
}

@media (max-width: 639px) {
    .success-content[data-v-ce0ed93a] {
        height: 80vh;
        padding: 0;
        width: auto
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .success-content[data-v-ce0ed93a] {
        height: 80vh;
        padding: 0;
        width: auto
    }
}

.success-content .image-wrapper[data-v-ce0ed93a] {
    margin-bottom: 16px
}

.success-content .image-wrapper .emoji[data-v-ce0ed93a] {
    margin: 0 4px
}

.success-content .title[data-v-ce0ed93a] {
    font-family: HeliosC;
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.2em;
    margin-bottom: 16px
}

.success-content .text[data-v-ce0ed93a] {
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4em;
    margin-bottom: 40px
}

.success-content .actions[data-v-ce0ed93a] {
    padding: 0
}

.success-content .actions .go-to-form[data-v-ce0ed93a] {
    background-color: #e63737;
    background: var(--button-primary-accented-rest);
    border-radius: 4px;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: HeliosC;
    font-size: 1rem;
    font-weight: 600;
    height: 52px;
    line-height: 1.2rem;
    padding: 16px 24px;
    text-decoration: none
}

.success-content .actions .go-to-form[data-v-ce0ed93a]:hover {
    background-color: #da1b1b
}

.success-content .actions .go-to-form[data-v-ce0ed93a]:active {
    background-color: #b61616
}

.success-content .actions .go-to-form.disabled[data-v-ce0ed93a], .success-content .actions .go-to-form[data-v-ce0ed93a]:disabled {
    background-color: #dfe0e2;
    color: #a0a2a7
}

@media (max-width: 639px) {
    .success-content .actions .go-to-form[data-v-ce0ed93a] {
        text-align: center;
        width: 100%
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .success-content .actions .go-to-form[data-v-ce0ed93a] {
        text-align: center;
        width: 100%
    }
}

@media (max-width: 639px) {
    .success-content .actions[data-v-ce0ed93a] {
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .success-content .actions[data-v-ce0ed93a] {
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%
    }
}

#form-wrapper.title-description {
    background: linear-gradient(180deg, #ffc8b2 22.52%, #fdb7e1 62.87%, #e2a7ff);
    border-radius: 8px;
    padding-bottom: 40px;
    padding-top: 32px;
    text-align: center
}

@media (min-width: 960px) and (max-width: 1279px) {
    #form-wrapper.title-description {
        margin-top: 48px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    #form-wrapper.title-description {
        margin-top: 48px
    }
}

@media (min-width: 1920px) {
    #form-wrapper.title-description {
        margin-top: 48px
    }
}

@media (max-width: 639px) {
    #form-wrapper.title-description {
        margin-top: 32px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    #form-wrapper.title-description {
        margin-top: 32px
    }
}

#form-wrapper.title-description .element:not(:last-child) {
    margin-bottom: 16px
}

#form-wrapper.title-description .title {
    font-weight: 600;
    line-height: 1.2em;
    margin-bottom: 12px
}

@media (max-width: 639px) {
    #form-wrapper.title-description .title {
        font-size: 28px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    #form-wrapper.title-description .title {
        font-size: 28px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    #form-wrapper.title-description .title {
        font-size: 40px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    #form-wrapper.title-description .title {
        font-size: 40px
    }
}

@media (min-width: 1920px) {
    #form-wrapper.title-description .title {
        font-size: 40px
    }
}

#form-wrapper.title-description .description {
    font-family: HeliosC;
    font-size: .875rem;
    line-height: 1.2em;
    margin-bottom: 16px
}

@media (max-width: 639px) {
    #form-wrapper.title-description .description {
        font-family: HeliosC;
        font-size: .875rem;
        line-height: 1.2em;
        margin-left: .5rem;
        margin-right: .5rem
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    #form-wrapper.title-description .description {
        font-family: HeliosC;
        font-size: .875rem;
        line-height: 1.2em;
        margin-left: .5rem;
        margin-right: .5rem
    }
}

#form-wrapper.title-description .agreement {
    font-family: HeliosC;
    font-size: .8rem;
    line-height: 1.2em;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px
}

@media (min-width: 960px) and (max-width: 1279px) {
    #form-wrapper.title-description .agreement {
        font-size: 13px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    #form-wrapper.title-description .agreement {
        font-size: 13px
    }
}

@media (min-width: 1920px) {
    #form-wrapper.title-description .agreement {
        font-size: 13px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    #form-wrapper.title-description .agreement {
        max-width: 400px
    }
}

@media (max-width: 639px) {
    #form-wrapper.title-description .agreement {
        font-size: 12px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    #form-wrapper.title-description .agreement {
        font-size: 12px
    }
}

@media (max-width: 639px) {
    #form-wrapper.title-description .agreement {
        margin-left: .5rem;
        margin-right: .5rem;
        max-width: unset
    }
}

#form-wrapper.title-description .agreement a {
    text-decoration: underline
}

#form-wrapper.title-description [dropdown-active], #form-wrapper.title-description [ui-input] {
    background: hsla(0, 0%, 100%, .4);
    border-radius: 4px
}

#form-wrapper.title-description .lead-form [dropdown-active], #form-wrapper.title-description .lead-form [dropdown-item], #form-wrapper.title-description .lead-form input {
    align-items: center;
    display: flex;
    height: 56px
}

@media (max-width: 639px) {
    #form-wrapper.title-description .lead-form [dropdown-active], #form-wrapper.title-description .lead-form [dropdown-item], #form-wrapper.title-description .lead-form input {
        height: 52px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    #form-wrapper.title-description .lead-form [dropdown-active], #form-wrapper.title-description .lead-form [dropdown-item], #form-wrapper.title-description .lead-form input {
        height: 52px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    #form-wrapper.title-description .lead-form [dropdown-active], #form-wrapper.title-description .lead-form [dropdown-item], #form-wrapper.title-description .lead-form input {
        height: 52px
    }
}

#form-wrapper.title-description .lead-form [dropdown-active]::placeholder, #form-wrapper.title-description .lead-form [dropdown-item]::placeholder, #form-wrapper.title-description .lead-form input::placeholder {
    color: rgba(0, 0, 0, .8)
}

#form-wrapper.title-description .lead-form [dropdown-options] {
    border-radius: 4px;
    max-height: none;
    text-align: left
}

@media (max-width: 639px) {
    #form-wrapper.title-description .lead-form .row {
        margin-left: .5rem;
        margin-right: .5rem
    }
}

#form-wrapper.title-description .lead-form button {
    background: #27282a;
    border-radius: 8px;
    height: 56px;
    line-height: 1.2rem;
    padding: 16px 24px
}

@media (max-width: 639px) {
    #form-wrapper.title-description .lead-form button {
        height: 52px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    #form-wrapper.title-description .lead-form button {
        height: 52px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    #form-wrapper.title-description .lead-form button {
        height: 52px
    }
}

.title-description[data-v-7fff1102] {
    text-align: center
}

@media (min-width: 960px) and (max-width: 1279px) {
    .title-description[data-v-7fff1102] {
        margin-top: 48px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .title-description[data-v-7fff1102] {
        margin-top: 48px
    }
}

@media (min-width: 1920px) {
    .title-description[data-v-7fff1102] {
        margin-top: 48px
    }
}

@media (max-width: 639px) {
    .title-description[data-v-7fff1102] {
        margin-top: 32px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .title-description[data-v-7fff1102] {
        margin-top: 32px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .title-description .element[data-v-7fff1102]:not(:last-child) {
        margin-bottom: 24px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .title-description .element[data-v-7fff1102]:not(:last-child) {
        margin-bottom: 24px
    }
}

@media (min-width: 1920px) {
    .title-description .element[data-v-7fff1102]:not(:last-child) {
        margin-bottom: 24px
    }
}

@media (max-width: 639px) {
    .title-description .element[data-v-7fff1102]:not(:last-child) {
        margin-bottom: 12px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .title-description .element[data-v-7fff1102]:not(:last-child) {
        margin-bottom: 12px
    }
}

.title-description .title[data-v-7fff1102] {
    font-weight: 600;
    line-height: 1.2em
}

@media (max-width: 639px) {
    .title-description .title[data-v-7fff1102] {
        font-size: 28px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .title-description .title[data-v-7fff1102] {
        font-size: 28px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .title-description .title[data-v-7fff1102] {
        font-size: 40px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .title-description .title[data-v-7fff1102] {
        font-size: 40px
    }
}

@media (min-width: 1920px) {
    .title-description .title[data-v-7fff1102] {
        font-size: 40px
    }
}

.title-description .description[data-v-7fff1102] {
    font-weight: 400;
    line-height: 1.4em
}

@media (max-width: 639px) {
    .title-description .description[data-v-7fff1102] {
        font-size: 14px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .title-description .description[data-v-7fff1102] {
        font-size: 16px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .title-description .description[data-v-7fff1102] {
        font-size: 18px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .title-description .description[data-v-7fff1102] {
        font-size: 18px
    }
}

@media (min-width: 1920px) {
    .title-description .description[data-v-7fff1102] {
        font-size: 18px
    }
}

.card-item[data-v-3cc9cf90] {
    background-color: hsla(220, 4%, 48%, .05);
    border-radius: 8px
}

@media (max-width: 639px) {
    .card-item[data-v-3cc9cf90] {
        padding: 24px;
        text-align: center
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .card-item[data-v-3cc9cf90] {
        padding: 24px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .card-item[data-v-3cc9cf90] {
        padding: 32px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .card-item[data-v-3cc9cf90] {
        padding: 32px
    }
}

@media (min-width: 1920px) {
    .card-item[data-v-3cc9cf90] {
        padding: 32px
    }
}

.card-item .portion[data-v-3cc9cf90]:not(:first-child) {
    margin-top: 16px
}

@media (max-width: 639px) {
    .card-item .image img[data-v-3cc9cf90] {
        width: 64px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .card-item .image img[data-v-3cc9cf90] {
        width: 96px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .card-item .image img[data-v-3cc9cf90] {
        width: 96px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .card-item .image img[data-v-3cc9cf90] {
        width: 96px
    }
}

@media (min-width: 1920px) {
    .card-item .image img[data-v-3cc9cf90] {
        width: 96px
    }
}

.card-item .title[data-v-3cc9cf90] {
    font-family: HeliosC;
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.2em
}

.card-item .text[data-v-3cc9cf90] {
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4em
}

.card .no-wrap[data-v-56b25458] {
    white-space: nowrap
}

.cards[data-v-56b25458] {
    grid-gap: 16px;
    display: flex;
    flex-wrap: wrap;
    text-align: left
}

@media (min-width: 960px) and (max-width: 1279px) {
    .cards[data-v-56b25458] {
        text-align: center
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .cards[data-v-56b25458] {
        text-align: center
    }
}

@media (max-width: 639px) {
    .cards[data-v-56b25458] {
        text-align: center
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .cards[data-v-56b25458] {
        text-align: left
    }
}

@media (min-width: 1920px) {
    .cards[data-v-56b25458] {
        text-align: left
    }
}

.cards .card-item[data-v-56b25458] {
    flex: 1 1 350px
}

@media (min-width: 640px) and (max-width: 959px) {
    .cards .card-item[data-v-56b25458] {
        flex: 1 1 292px
    }
}

.cards .cities[data-v-56b25458] {
    cursor: pointer;
    text-decoration: underline
}

.cards .cities[data-v-56b25458]:hover {
    text-decoration: none
}

.cards .info-link[data-v-56b25458] {
    color: #8a8d93;
    cursor: pointer;
    text-decoration: underline
}

.cards .info-link[data-v-56b25458]:hover {
    text-decoration: none
}

.step-item[data-v-04cdcd33] {
    background-color: hsla(220, 4%, 48%, .05);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    text-align: center
}

@media (max-width: 639px) {
    .step-item[data-v-04cdcd33] {
        align-items: center;
        display: flex;
        padding: 24px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .step-item[data-v-04cdcd33] {
        padding: 24px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .step-item[data-v-04cdcd33] {
        padding: 32px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .step-item[data-v-04cdcd33] {
        padding: 32px
    }
}

@media (min-width: 1920px) {
    .step-item[data-v-04cdcd33] {
        padding: 32px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .step-item[data-v-04cdcd33] {
        padding: 32px;
        text-align: left
    }
}

@media (min-width: 1920px) {
    .step-item[data-v-04cdcd33] {
        padding: 32px;
        text-align: left
    }
}

.step-item .title[data-v-04cdcd33] {
    color: #ff1919;
    font-weight: 700
}

@media (max-width: 639px) {
    .step-item .title[data-v-04cdcd33] {
        font-size: 32px;
        margin-bottom: 8px;
        min-width: 18px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .step-item .title[data-v-04cdcd33] {
        font-size: 32px;
        margin-bottom: 8px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .step-item .title[data-v-04cdcd33] {
        font-size: 32px;
        margin-bottom: 16px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .step-item .title[data-v-04cdcd33] {
        font-size: 32px;
        margin-bottom: 16px
    }
}

@media (min-width: 1920px) {
    .step-item .title[data-v-04cdcd33] {
        font-size: 32px;
        margin-bottom: 16px
    }
}

.step-item .text[data-v-04cdcd33] {
    font-weight: 400
}

@media (max-width: 639px) {
    .step-item .text[data-v-04cdcd33] {
        font-size: 16px;
        line-height: 20px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .step-item .text[data-v-04cdcd33] {
        font-size: 16px;
        line-height: 22px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .step-item .text[data-v-04cdcd33] {
        font-size: 20px;
        line-height: 25px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .step-item .text[data-v-04cdcd33] {
        font-size: 20px;
        line-height: 25px
    }
}

@media (min-width: 1920px) {
    .step-item .text[data-v-04cdcd33] {
        font-size: 20px;
        line-height: 25px
    }
}

.step-item .text.bold[data-v-04cdcd33] {
    font-weight: 600
}

.step-item .text.content[data-v-04cdcd33] {
    margin-top: 12px
}

@media (max-width: 639px) {
    .step-item .text.content[data-v-04cdcd33] {
        margin-top: 8px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .step-item .text.content[data-v-04cdcd33] {
        margin-top: 8px
    }
}

.step-item[data-v-04cdcd33]:first-child .content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between
}

.step-item[data-v-04cdcd33]:first-child .content a {
    color: #141416
}

.steps[data-v-0812cbfd] {
    display: grid
}

@media (max-width: 639px) {
    .steps[data-v-0812cbfd] {
        grid-template-columns:1fr
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .steps[data-v-0812cbfd] {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .steps[data-v-0812cbfd] {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .steps[data-v-0812cbfd] {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (min-width: 1920px) {
    .steps[data-v-0812cbfd] {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (max-width: 639px) {
    .steps[data-v-0812cbfd] {
        grid-gap: 8px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .steps[data-v-0812cbfd] {
        grid-gap: 8px;
        grid-gap: 16px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .steps[data-v-0812cbfd] {
        grid-gap: 16px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .steps[data-v-0812cbfd] {
        grid-gap: 16px
    }
}

@media (min-width: 1920px) {
    .steps[data-v-0812cbfd] {
        grid-gap: 16px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .steps .go-to-form[data-v-0812cbfd] {
        margin-top: 32px
    }
}

@media (max-width: 639px) {
    .steps .go-to-form[data-v-0812cbfd] {
        margin-top: 16px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .steps .go-to-form[data-v-0812cbfd] {
        margin-top: 16px
    }
}

.banner-wrapeer[data-v-f381cfde] {
    background-color: #000;
    overflow: hidden;
    position: relative
}

.banner[data-v-f381cfde] {
    display: flex;
    position: relative;
    z-index: 1
}

@media (min-width: 1920px) {
    .banner[data-v-f381cfde] {
        align-items: center;
        height: 640px;
        justify-content: space-between
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner[data-v-f381cfde] {
        align-items: center;
        height: 540px;
        justify-content: space-between
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner[data-v-f381cfde] {
        align-items: center;
        height: 540px;
        justify-content: space-between
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner[data-v-f381cfde] {
        align-items: center;
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
        padding: 32px 0
    }
}

@media (max-width: 639px) {
    .banner[data-v-f381cfde] {
        align-items: center;
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
        padding: 32px 0
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner[data-v-f381cfde] {
        height: 748px
    }
}

@media (max-width: 639px) {
    .banner[data-v-f381cfde] {
        height: 600px
    }
}

.banner .banner-content[data-v-f381cfde] {
    color: #fff;
    max-width: 450px;
    z-index: 2
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner .banner-content[data-v-f381cfde] {
        max-width: 425px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner .banner-content[data-v-f381cfde] {
        max-width: 432px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content[data-v-f381cfde] {
        text-align: center
    }
}

@media (max-width: 639px) {
    .banner .banner-content[data-v-f381cfde] {
        text-align: center
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content[data-v-f381cfde] {
        margin-bottom: 0;
        max-width: 65%
    }
}

@media (max-width: 639px) {
    .banner .banner-content[data-v-f381cfde] {
        width: 100%
    }
}

.banner .banner-content .banner-title[data-v-f381cfde] {
    font-weight: 800;
    line-height: 1.2em
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner .banner-content .banner-title[data-v-f381cfde] {
        font-size: 48px;
        margin-top: 48px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner .banner-content .banner-title[data-v-f381cfde] {
        font-size: 48px;
        margin-top: 48px
    }
}

@media (min-width: 1920px) {
    .banner .banner-content .banner-title[data-v-f381cfde] {
        font-size: 48px;
        margin-top: 48px
    }
}

@media (max-width: 639px) {
    .banner .banner-content .banner-title[data-v-f381cfde] {
        font-size: 32px;
        margin-top: 16px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content .banner-title[data-v-f381cfde] {
        font-size: 32px;
        margin-top: 16px
    }
}

.banner .banner-content .description[data-v-f381cfde] {
    font-weight: 400;
    line-height: 1.4em;
    margin-top: 16px
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner .banner-content .description[data-v-f381cfde] {
        font-size: 18px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner .banner-content .description[data-v-f381cfde] {
        font-size: 18px
    }
}

@media (min-width: 1920px) {
    .banner .banner-content .description[data-v-f381cfde] {
        font-size: 18px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content .description[data-v-f381cfde] {
        font-size: 16px
    }
}

@media (max-width: 639px) {
    .banner .banner-content .description[data-v-f381cfde] {
        font-size: 14px
    }
}

.banner .banner-content .actions[data-v-f381cfde] {
    display: flex;
    justify-content: center;
    padding: 0
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content .actions[data-v-f381cfde] {
        justify-content: center;
        margin-top: 35px;
        padding: 0 15px;
        width: 100%
    }
}

@media (max-width: 639px) {
    .banner .banner-content .actions[data-v-f381cfde] {
        justify-content: center;
        margin-top: 35px;
        padding: 0 15px;
        width: 100%
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner .banner-content .actions[data-v-f381cfde] {
        justify-content: flex-start;
        margin-top: 40px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner .banner-content .actions[data-v-f381cfde] {
        justify-content: flex-start;
        margin-top: 40px
    }
}

@media (min-width: 1920px) {
    .banner .banner-content .actions[data-v-f381cfde] {
        justify-content: flex-start;
        margin-top: 40px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content .actions[data-v-f381cfde] {
        bottom: 32px
    }
}

@media (max-width: 639px) {
    .banner .banner-content .actions[data-v-f381cfde] {
        bottom: 16px
    }
}

.banner .banner-content .actions .go-to-form[data-v-f381cfde] {
    background-color: #e63737;
    background: var(--button-primary-accented-rest);
    border-radius: 4px;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-family: HeliosC;
    font-size: 1rem;
    font-weight: 600;
    height: 52px;
    line-height: 1.2rem;
    min-width: 260px;
    padding: 16px 24px;
    text-align: center;
    text-decoration: none
}

.banner .banner-content .actions .go-to-form[data-v-f381cfde]:hover {
    background-color: #da1b1b
}

.banner .banner-content .actions .go-to-form[data-v-f381cfde]:active {
    background-color: #b61616
}

.banner .banner-content .actions .go-to-form.disabled[data-v-f381cfde], .banner .banner-content .actions .go-to-form[data-v-f381cfde]:disabled {
    background-color: #dfe0e2;
    color: #a0a2a7
}

@media (max-width: 639px) {
    .banner .banner-content .actions .go-to-form[data-v-f381cfde] {
        width: 100%
    }
}

.banner .bloggers-wrapper[data-v-f381cfde] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    position: relative
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .bloggers-wrapper[data-v-f381cfde] {
        flex-grow: unset;
        height: 100%
    }
}

@media (max-width: 639px) {
    .banner .bloggers-wrapper[data-v-f381cfde] {
        flex-grow: unset;
        height: 100%
    }
}

.banner .banner-bloggers[data-v-f381cfde] {
    align-items: center;
    display: flex;
    height: 470px;
    min-width: 747px;
    position: relative
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner .banner-bloggers[data-v-f381cfde] {
        min-width: 657px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner .banner-bloggers[data-v-f381cfde] {
        min-width: 657px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner .banner-bloggers[data-v-f381cfde] {
        min-width: 432px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-bloggers[data-v-f381cfde] {
        height: 100%;
        min-width: unset;
        width: auto
    }
}

@media (max-width: 639px) {
    .banner .banner-bloggers[data-v-f381cfde] {
        height: 100%;
        min-width: unset;
        width: auto
    }
}

.banner .banner-bloggers .blogger[data-v-f381cfde] {
    height: 390px;
    z-index: 1
}

@media (min-width: 1920px) {
    .banner .banner-bloggers .blogger[data-v-f381cfde] {
        padding: 0 22px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner .banner-bloggers .blogger[data-v-f381cfde] {
        height: 355px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner .banner-bloggers .blogger[data-v-f381cfde] {
        height: 355px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner .banner-bloggers .blogger[data-v-f381cfde] {
        padding: 0 15px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner .banner-bloggers .blogger[data-v-f381cfde] {
        padding: 0 16px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-bloggers .blogger[data-v-f381cfde] {
        height: 320px;
        padding: 0 13px
    }
}

@media (max-width: 639px) {
    .banner .banner-bloggers .blogger[data-v-f381cfde] {
        height: 160px;
        padding: 0 5px
    }
}

.banner .banner-bloggers .blogger-0[data-v-f381cfde] {
    align-self: center
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner .banner-bloggers .blogger-0[data-v-f381cfde] {
        display: none
    }
}

.banner .banner-bloggers .blogger-1[data-v-f381cfde] {
    align-self: flex-start
}

.banner .banner-bloggers .blogger-2[data-v-f381cfde] {
    align-self: flex-end
}

.banner .banner-bloggers .background-bloggers[data-v-f381cfde] {
    height: 472px;
    left: 0;
    position: absolute;
    top: 0;
    transform: matrix(.71, -.71, -.71, -.71, 0, 0);
    z-index: 0
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner .banner-bloggers .background-bloggers[data-v-f381cfde] {
        height: 428px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner .banner-bloggers .background-bloggers[data-v-f381cfde] {
        height: 428px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) rotate(320deg)
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-bloggers .background-bloggers[data-v-f381cfde] {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) rotate(320deg)
    }
}

@media (max-width: 639px) {
    .banner .banner-bloggers .background-bloggers[data-v-f381cfde] {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) rotate(320deg)
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-bloggers .background-bloggers[data-v-f381cfde] {
        height: 376px
    }
}

@media (max-width: 639px) {
    .banner .banner-bloggers .background-bloggers[data-v-f381cfde] {
        height: 240px
    }
}

.banner .background-content[data-v-f381cfde] {
    height: 302px;
    opacity: .5;
    position: absolute;
    transform: translate(-15%, 90%) rotate(320deg)
}

@media (max-width: 639px) {
    .banner .background-content[data-v-f381cfde] {
        bottom: 0;
        left: 20%;
        transform: translate(-20%, 40%) rotate(320deg)
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .background-content[data-v-f381cfde] {
        bottom: 0;
        left: 20%;
        transform: translate(-20%, 40%) rotate(320deg)
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .promo-offer[data-v-4dc4b44a] {
        padding: 64px 0
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .promo-offer[data-v-4dc4b44a] {
        padding: 64px 0
    }
}

@media (min-width: 1920px) {
    .promo-offer[data-v-4dc4b44a] {
        padding: 64px 0
    }
}

@media (max-width: 639px) {
    .promo-offer[data-v-4dc4b44a] {
        padding: 35px 0
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .promo-offer[data-v-4dc4b44a] {
        padding: 35px 0
    }
}

.promo-offer .actions[data-v-4dc4b44a] {
    display: flex;
    justify-content: center
}

@media (min-width: 960px) and (max-width: 1279px) {
    .promo-offer .actions[data-v-4dc4b44a] {
        margin-top: 40px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .promo-offer .actions[data-v-4dc4b44a] {
        margin-top: 40px
    }
}

@media (min-width: 1920px) {
    .promo-offer .actions[data-v-4dc4b44a] {
        margin-top: 40px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .promo-offer .actions[data-v-4dc4b44a] {
        justify-content: center;
        margin-top: 35px;
        padding: 0 15px;
        width: 100%
    }
}

@media (max-width: 639px) {
    .promo-offer .actions[data-v-4dc4b44a] {
        justify-content: center;
        margin-top: 35px;
        padding: 0 15px;
        width: 100%
    }
}

.promo-offer .actions .load-more[data-v-4dc4b44a] {
    background: none;
    border: 1px solid hsla(220, 4%, 48%, .3);
    border-radius: 4px;
    border-radius: 8px;
    color: #141416;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    height: 56px;
    padding: 0 24px;
    text-decoration: none
}

@media (max-width: 639px) {
    .promo-offer .actions .load-more[data-v-4dc4b44a] {
        display: flex;
        width: 100%
    }
}

.promo-offer .actions .load-more[data-v-4dc4b44a]:hover {
    background-color: hsla(220, 4%, 48%, .1)
}

.promo-offer .actions .load-more[data-v-4dc4b44a]:active {
    background-color: hsla(220, 4%, 48%, .2)
}

@media (min-width: 640px) and (max-width: 959px) {
    .promo-offer .actions .load-more[data-v-4dc4b44a] {
        font-size: 16px;
        height: 52px;
        padding: 0 20px
    }
}

@media (max-width: 639px) {
    .promo-offer .actions .load-more[data-v-4dc4b44a] {
        font-size: 16px;
        height: 52px;
        padding: 0 20px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .promo-offer .actions .load-more[data-v-4dc4b44a] {
        font-size: 16px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .promo-offer .actions .load-more[data-v-4dc4b44a] {
        font-size: 16px
    }
}

@media (min-width: 1920px) {
    .promo-offer .actions .load-more[data-v-4dc4b44a] {
        font-size: 16px
    }
}

@media (max-width: 639px) {
    .promo-offer .actions .load-more[data-v-4dc4b44a] {
        font-size: 14px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .promo-offer .actions .load-more[data-v-4dc4b44a] {
        font-size: 14px
    }
}

.product-list[data-v-4dc4b44a] {
    display: grid
}

@media (min-width: 1920px) {
    .product-list[data-v-4dc4b44a] {
        grid-column-gap: 20px;
        grid-row-gap: 32px;
        grid-template-columns:repeat(5, 1fr);
        margin-top: 40px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .product-list[data-v-4dc4b44a] {
        grid-column-gap: 20px;
        grid-row-gap: 32px;
        grid-template-columns:repeat(5, 1fr);
        margin-top: 40px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .product-list[data-v-4dc4b44a] {
        grid-column-gap: 16px;
        grid-row-gap: 32px;
        grid-template-columns:repeat(4, 1fr);
        margin-top: 40px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .product-list[data-v-4dc4b44a] {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (max-width: 639px) {
    .product-list[data-v-4dc4b44a] {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .product-list[data-v-4dc4b44a] {
        grid-column-gap: 7px;
        grid-row-gap: 28px;
        margin-top: 35px
    }
}

@media (max-width: 639px) {
    .product-list[data-v-4dc4b44a] {
        grid-column-gap: 7px;
        grid-row-gap: 28px;
        margin-top: 35px
    }

    div[ui-wrapper][data-v-4dc4b44a] {
        min-width: auto
    }
}

.promo-offer[data-v-4dc4b44a] {
    padding-top: 0
}

.promo-offer .product-list[data-v-4dc4b44a] {
    margin-top: 40px
}

.promo-offer .actions .load-more[data-v-4dc4b44a] {
    align-items: center;
    display: flex;
    justify-content: center
}

@media (max-width: 639px) {
    .promo-offer .actions .load-more[data-v-4dc4b44a] {
        width: 100%
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .promo-offer .actions .load-more[data-v-4dc4b44a] {
        width: 100%
    }
}

.banner-wrapeer[data-v-1606d798] {
    overflow: hidden;
    position: relative;
    z-index: 1
}

@media (max-width: 639px) {
    .banner-wrapeer div[ui-wrapper][data-v-1606d798] {
        width: 100%
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner-wrapeer div[ui-wrapper][data-v-1606d798] {
        width: 100%
    }
}

.banner[data-v-1606d798] {
    display: flex;
    overflow: hidden;
    z-index: 1
}

@media (max-width: 639px) {
    .banner[data-v-1606d798] {
        flex-direction: column
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner[data-v-1606d798] {
        flex-direction: column
    }
}

@media (min-width: 1920px) {
    .banner[data-v-1606d798] {
        height: 640px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner[data-v-1606d798] {
        height: 640px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner[data-v-1606d798] {
        height: 640px
    }
}

.banner picture.banner-picture[data-v-1606d798] {
    background: linear-gradient(180deg, #f5efee, #fafaf8 51.04%, #fff);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

@media (max-width: 639px) {
    .banner picture.banner-picture[data-v-1606d798] {
        height: 360px;
        position: relative
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner picture.banner-picture[data-v-1606d798] {
        height: 360px;
        position: relative
    }
}

.banner picture.banner-picture img[data-v-1606d798] {
    height: 100%;
    object-fit: contain;
    object-position: right;
    width: 100%
}

@media (max-width: 639px) {
    .banner picture.banner-picture img[data-v-1606d798] {
        object-fit: cover;
        object-position: center
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner picture.banner-picture img[data-v-1606d798] {
        object-fit: cover;
        object-position: center
    }
}

.banner .banner-content[data-v-1606d798] {
    color: #141416;
    z-index: 2
}

@media (max-width: 639px) {
    .banner .banner-content[data-v-1606d798] {
        padding: 0 16px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content[data-v-1606d798] {
        padding: 0 24px
    }
}

@media (max-width: 639px) {
    .banner .banner-content[data-v-1606d798] {
        height: 100%;
        position: relative
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content[data-v-1606d798] {
        height: 100%;
        position: relative
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner .banner-content[data-v-1606d798] {
        width: 510px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner .banner-content[data-v-1606d798] {
        width: 573px
    }
}

@media (min-width: 1920px) {
    .banner .banner-content[data-v-1606d798] {
        width: 573px
    }
}

.banner .banner-content .banner-title[data-v-1606d798] {
    font-family: HeliosC;
    font-size: 2.25rem;
    font-weight: 800;
    line-height: 1.2em
}

@media (max-width: 639px) {
    .banner .banner-content .banner-title[data-v-1606d798] {
        margin-top: 8px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content .banner-title[data-v-1606d798] {
        margin-top: 8px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner .banner-content .banner-title[data-v-1606d798] {
        font-size: 40px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner .banner-content .banner-title[data-v-1606d798] {
        font-size: 48px;
        margin-top: 64px
    }
}

@media (min-width: 1920px) {
    .banner .banner-content .banner-title[data-v-1606d798] {
        font-size: 48px;
        margin-top: 64px
    }
}

.banner .banner-content .description[data-v-1606d798] {
    font-family: HeliosC;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.4em
}

@media (max-width: 639px) {
    .banner .banner-content .description[data-v-1606d798] {
        font-family: HeliosC;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.4em;
        margin-top: 16px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content .description[data-v-1606d798] {
        font-family: HeliosC;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.4em;
        margin-top: 16px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner .banner-content .description[data-v-1606d798] {
        margin-top: 32px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner .banner-content .description[data-v-1606d798] {
        margin-top: 32px
    }
}

@media (min-width: 1920px) {
    .banner .banner-content .description[data-v-1606d798] {
        margin-top: 32px
    }
}

.banner-wrapeer[data-v-0792a73c] {
    background: radial-gradient(100% 100% at 100% 0, #fbfbfe 0, #f4f9ff 100%);
    overflow: hidden;
    position: relative;
    z-index: 1
}

.socials[data-v-0792a73c] {
    align-items: center;
    display: flex;
    margin-top: 40px
}

@media (max-width: 639px) {
    .socials[data-v-0792a73c] {
        justify-content: center;
        left: 0;
        position: absolute;
        width: 100%
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .socials[data-v-0792a73c] {
        justify-content: center;
        left: 0;
        position: absolute;
        width: 100%
    }
}

@media (max-width: 639px) {
    .socials[data-v-0792a73c] {
        bottom: 16px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .socials[data-v-0792a73c] {
        bottom: 32px
    }
}

.socials[data-v-0792a73c] > :not(:last-child) {
    display: block;
    margin-right: 16px
}

.banner[data-v-0792a73c] {
    display: flex;
    overflow: hidden;
    z-index: 1
}

@media (min-width: 1920px) {
    .banner[data-v-0792a73c] {
        height: 640px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner[data-v-0792a73c] {
        height: 540px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner[data-v-0792a73c] {
        height: 540px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner[data-v-0792a73c] {
        height: 682px
    }
}

@media (max-width: 639px) {
    .banner[data-v-0792a73c] {
        height: 542px
    }
}

.banner picture.banner-picture[data-v-0792a73c] {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.banner picture.banner-picture img[data-v-0792a73c] {
    height: 100%;
    object-fit: contain;
    width: 100%
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner picture.banner-picture img[data-v-0792a73c] {
        object-position: center bottom
    }
}

@media (max-width: 639px) {
    .banner picture.banner-picture img[data-v-0792a73c] {
        object-position: center bottom
    }
}

@media (min-width: 1920px) {
    .banner picture.banner-picture img[data-v-0792a73c] {
        object-position: right
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner picture.banner-picture img[data-v-0792a73c] {
        object-position: right
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner picture.banner-picture img[data-v-0792a73c] {
        object-position: right
    }
}

.banner .banner-content[data-v-0792a73c] {
    color: #141416;
    z-index: 2
}

@media (max-width: 639px) {
    .banner .banner-content[data-v-0792a73c] {
        margin-bottom: 50px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content[data-v-0792a73c] {
        margin-bottom: 75px
    }
}

@media (max-width: 639px) {
    .banner .banner-content[data-v-0792a73c] {
        height: 100%;
        position: relative;
        text-align: center;
        width: 100%
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content[data-v-0792a73c] {
        height: 100%;
        position: relative;
        text-align: center;
        width: 100%
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner .banner-content[data-v-0792a73c] {
        margin-top: 100px;
        width: 360px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner .banner-content[data-v-0792a73c] {
        margin-top: 100px
    }
}

@media (min-width: 1920px) {
    .banner .banner-content[data-v-0792a73c] {
        margin-top: 120px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner .banner-content[data-v-0792a73c] {
        width: 573px
    }
}

@media (min-width: 1920px) {
    .banner .banner-content[data-v-0792a73c] {
        width: 573px
    }
}

.banner .banner-content .banner-title[data-v-0792a73c] {
    font-weight: 800;
    line-height: 1.2em
}

.banner .banner-content .logo-dolyame path[data-v-0792a73c] {
    fill: #000
}

@media (max-width: 639px) {
    .banner .banner-content .banner-title[data-v-0792a73c] {
        font-size: 32px;
        margin-top: 48px
    }

    .banner .banner-content .logo-dolyame[data-v-0792a73c] {
        height: 32px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content .banner-title[data-v-0792a73c] {
        font-size: 32px;
        margin-top: 48px
    }

    .banner .banner-content .logo-dolyame[data-v-0792a73c] {
        height: 32px
    }

    .banner .banner-content header[data-v-0792a73c] {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-top: 48px
    }

    .banner .banner-content header .banner-title[data-v-0792a73c] {
        margin-top: 0
    }

    .banner .banner-content header .logo-dolyame[data-v-0792a73c] {
        margin-left: 20px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner .banner-content .banner-title[data-v-0792a73c] {
        font-size: 48px;
        margin-top: 0
    }

    .banner .banner-content .logo-dolyame[data-v-0792a73c] {
        height: 48px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner .banner-content .banner-title[data-v-0792a73c] {
        font-size: 48px;
        margin-top: 0
    }

    .banner .banner-content .logo-dolyame[data-v-0792a73c] {
        height: 48px
    }
}

@media (min-width: 1920px) {
    .banner .banner-content .banner-title[data-v-0792a73c] {
        font-size: 48px;
        margin-top: 0
    }

    .banner .banner-content .logo-dolyame[data-v-0792a73c] {
        height: 48px
    }
}

.banner .banner-content .description[data-v-0792a73c] {
    font-weight: 400;
    line-height: 1.4em;
    margin-top: 16px
}

@media (max-width: 639px) {
    .banner .banner-content .description[data-v-0792a73c] {
        margin-left: 16px;
        margin-right: 16px
    }

    .banner .banner-content .description br[data-v-0792a73c] {
        display: none
    }

    .banner .banner-content .description[data-v-0792a73c] {
        font-size: 20px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content .description[data-v-0792a73c] {
        font-size: 20px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner .banner-content .description[data-v-0792a73c] {
        font-size: 22px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner .banner-content .description[data-v-0792a73c] {
        font-size: 22px
    }
}

@media (min-width: 1920px) {
    .banner .banner-content .description[data-v-0792a73c] {
        font-size: 22px
    }
}

.banner .banner-content .caption[data-v-0792a73c] {
    color: rgba(0, 0, 0, .5);
    line-height: 120%;
    position: absolute
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner .banner-content .caption[data-v-0792a73c] {
        bottom: 64px;
        font-size: 14px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner .banner-content .caption[data-v-0792a73c] {
        bottom: 64px;
        font-size: 14px
    }
}

@media (min-width: 1920px) {
    .banner .banner-content .caption[data-v-0792a73c] {
        bottom: 64px;
        font-size: 14px
    }
}

@media (max-width: 639px) {
    .banner .banner-content .caption[data-v-0792a73c] {
        bottom: 32px;
        font-size: 13px;
        width: 100%
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content .caption[data-v-0792a73c] {
        bottom: 32px;
        font-size: 13px;
        width: 100%
    }
}

.banner .banner-content .action[data-v-0792a73c] {
    align-items: center;
    background-color: #141416;
    border-radius: 8px;
    color: #fff;
    display: flex;
    height: 60px;
    justify-content: center;
    width: 100%
}

@media (min-width: 960px) and (max-width: 1279px) {
    .banner .banner-content .action[data-v-0792a73c] {
        margin-top: 40px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .banner .banner-content .action[data-v-0792a73c] {
        margin-top: 40px
    }
}

@media (min-width: 1920px) {
    .banner .banner-content .action[data-v-0792a73c] {
        margin-top: 40px
    }
}

@media (max-width: 639px) {
    .banner .banner-content .action[data-v-0792a73c] {
        left: 0;
        position: absolute
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content .action[data-v-0792a73c] {
        left: 0;
        position: absolute
    }
}

@media (max-width: 639px) {
    .banner .banner-content .action[data-v-0792a73c] {
        bottom: 16px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .banner .banner-content .action[data-v-0792a73c] {
        bottom: 32px
    }
}

.banner .banner-content .action .wrapper[data-v-0792a73c] {
    align-items: center;
    display: flex
}

.banner .banner-content .action .wrapper[data-v-0792a73c] .ui-icon {
    margin-right: 8px
}

.cards[data-v-2ec16fd8] {
    display: grid
}

.cards .card-item .title[data-v-2ec16fd8] {
    font-family: HeliosC;
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.2em
}

.cards .card-item .subtitle[data-v-2ec16fd8] {
    font-family: HeliosC;
    font-size: .875rem;
    line-height: 1.4em;
    margin-top: 12px
}

@media (max-width: 639px) {
    .cards[data-v-2ec16fd8] {
        grid-template-columns:1fr
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .cards[data-v-2ec16fd8] {
        grid-template-columns:repeat(2, 1fr)
    }

    .cards .card-item[data-v-2ec16fd8]:last-child {
        grid-column-end: 3;
        grid-column-start: 1
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .cards[data-v-2ec16fd8] {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .cards[data-v-2ec16fd8] {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (min-width: 1920px) {
    .cards[data-v-2ec16fd8] {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (max-width: 639px) {
    .cards[data-v-2ec16fd8] {
        grid-gap: 8px;
        margin-top: 24px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .cards[data-v-2ec16fd8] {
        grid-gap: 8px;
        margin-top: 24px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .cards[data-v-2ec16fd8] {
        margin-top: 40px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .cards[data-v-2ec16fd8] {
        margin-top: 40px
    }
}

@media (min-width: 1920px) {
    .cards[data-v-2ec16fd8] {
        margin-top: 40px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .cards[data-v-2ec16fd8] {
        grid-gap: 16px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .cards[data-v-2ec16fd8] {
        grid-gap: 16px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .cards[data-v-2ec16fd8] {
        grid-gap: 16px
    }
}

@media (min-width: 1920px) {
    .cards[data-v-2ec16fd8] {
        grid-gap: 16px
    }
}

.cards .cities[data-v-2ec16fd8] {
    cursor: pointer;
    text-decoration: underline
}

.cards .cities[data-v-2ec16fd8]:hover {
    text-decoration: none
}

.cards .info-link[data-v-2ec16fd8] {
    color: #8a8d93;
    cursor: pointer;
    text-decoration: underline
}

.cards .info-link[data-v-2ec16fd8]:hover {
    text-decoration: none
}

.steps[data-v-297aeb25] {
    display: grid
}

.steps[data-v-297aeb25] >>> .step-item >>> .subtitle.portion >>> {
    margin: 0 auto;
    width: 80%
}

@media (max-width: 639px) {
    .steps[data-v-297aeb25] {
        grid-template-columns:1fr
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .steps[data-v-297aeb25] {
        grid-template-columns:1fr
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .steps[data-v-297aeb25] {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .steps[data-v-297aeb25] {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (min-width: 1920px) {
    .steps[data-v-297aeb25] {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (max-width: 639px) {
    .steps[data-v-297aeb25] {
        grid-gap: 8px;
        margin-top: 24px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .steps[data-v-297aeb25] {
        grid-gap: 8px;
        margin-top: 24px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .steps[data-v-297aeb25] {
        margin-top: 40px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .steps[data-v-297aeb25] {
        margin-top: 40px
    }
}

@media (min-width: 1920px) {
    .steps[data-v-297aeb25] {
        margin-top: 40px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .steps[data-v-297aeb25] {
        grid-gap: 16px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .steps[data-v-297aeb25] {
        grid-gap: 16px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .steps[data-v-297aeb25] {
        grid-gap: 16px
    }
}

@media (min-width: 1920px) {
    .steps[data-v-297aeb25] {
        grid-gap: 16px
    }
}

.container[data-v-4f1cd710] {
    width: auto
}

.cell[data-v-4f1cd710] {
    display: flex;
    line-height: auto;
    padding: 12px 8px 12px 12px;
    position: relative
}

.cell.hover[data-v-4f1cd710] {
    background-color: #f4f4f5;
    cursor: pointer
}

.image-container[data-v-4f1cd710] {
    align-items: center;
    display: flex;
    margin-right: 12px
}

.image-container .image[data-v-4f1cd710] {
    border-radius: 8px;
    width: 72px
}

.text[data-v-4f1cd710] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 400;
    justify-content: center;
    line-height: 1.4em;
    margin-right: 28px;
    text-align: left
}

.text .title[data-v-4f1cd710], .text[data-v-4f1cd710] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.text .title[data-v-4f1cd710] {
    color: #141416;
    display: -webkit-box;
    max-height: 40px
}

.text .content[data-v-4f1cd710] {
    color: #8a8d93;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.text .content .price[data-v-4f1cd710] {
    color: #141416;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 800;
    line-height: 1.4em
}

.icon[data-v-4f1cd710] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px
}

.icon .icon-right[data-v-4f1cd710] {
    fill: hsla(220, 4%, 48%, .6);
    height: 28px;
    width: 28px
}

.separator .separator-line[data-v-4f1cd710] {
    border-bottom: 1px solid hsla(220, 4%, 48%, .15);
    margin-left: 81px
}

.category-cell .separator .separator-line[data-v-4f1cd710] {
    margin-left: 0
}

.catalog-card-cell .image-container[data-v-4f1cd710] {
    height: 96px
}

.catalog-card-cell .title[data-v-4f1cd710] {
    margin-bottom: 2px
}

@media (max-width: 639px) {
    .container[data-v-4f1cd710] {
        border: 1px solid hsla(220, 4%, 48%, .15);
        border-radius: 16px;
        margin: 12px 16px 0;
        overflow: hidden
    }

    .no-image[data-v-4f1cd710] {
        padding-left: 16px
    }

    .shop-cell .no-image[data-v-4f1cd710] {
        padding-left: 12px
    }

    .catalog-card-cell .image-container[data-v-4f1cd710] {
        height: 76px
    }

    .catalog-card-cell .image-container .image[data-v-4f1cd710] {
        width: 57px
    }

    .shop-cell .image-container .image[data-v-4f1cd710] {
        height: 57px;
        width: 57px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .container[data-v-4f1cd710] {
        border: 1px solid hsla(220, 4%, 48%, .15);
        border-radius: 16px;
        margin: 12px 16px 0;
        overflow: hidden
    }

    .no-image[data-v-4f1cd710] {
        padding-left: 16px
    }

    .shop-cell .no-image[data-v-4f1cd710] {
        padding-left: 12px
    }

    .catalog-card-cell .image-container[data-v-4f1cd710] {
        height: 76px
    }

    .catalog-card-cell .image-container .image[data-v-4f1cd710] {
        width: 57px
    }

    .shop-cell .image-container .image[data-v-4f1cd710] {
        height: 57px;
        width: 57px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .separator[data-v-4f1cd710] {
        display: none
    }

    .cell[data-v-4f1cd710] {
        padding: 8px 12px 8px 16px
    }

    .category-cell .cell[data-v-4f1cd710], .shop-cell .cell[data-v-4f1cd710] {
        padding: 12px 12px 12px 16px
    }

    .icon[data-v-4f1cd710] {
        justify-content: flex-start;
        width: 40px
    }

    .image-container[data-v-4f1cd710] {
        margin-right: 16px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .separator[data-v-4f1cd710] {
        display: none
    }

    .cell[data-v-4f1cd710] {
        padding: 8px 12px 8px 16px
    }

    .category-cell .cell[data-v-4f1cd710], .shop-cell .cell[data-v-4f1cd710] {
        padding: 12px 12px 12px 16px
    }

    .icon[data-v-4f1cd710] {
        justify-content: flex-start;
        width: 40px
    }

    .image-container[data-v-4f1cd710] {
        margin-right: 16px
    }
}

@media (min-width: 1920px) {
    .separator[data-v-4f1cd710] {
        display: none
    }

    .cell[data-v-4f1cd710] {
        padding: 8px 12px 8px 16px
    }

    .category-cell .cell[data-v-4f1cd710], .shop-cell .cell[data-v-4f1cd710] {
        padding: 12px 12px 12px 16px
    }

    .icon[data-v-4f1cd710] {
        justify-content: flex-start;
        width: 40px
    }

    .image-container[data-v-4f1cd710] {
        margin-right: 16px
    }
}

#suggests-block-list .blocks[data-v-0886ce12] {
    margin: 0
}

.scrollable[data-v-0886ce12] {
    -ms-overflow-style: none;
    -webkit-touch-callout: none;
    overflow-y: auto;
    scrollbar-width: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.scrollable[data-v-0886ce12]::-webkit-scrollbar {
    display: none
}

@media (min-width: 960px) and (max-width: 1279px) {
    #suggests-block-list[data-v-0886ce12] {
        background-color: #fff;
        border: 1px solid hsla(220, 4%, 48%, .3);
        border-radius: 0 0 12px 12px;
        border-top: none;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
        box-sizing: border-box;
        left: 0;
        opacity: 1;
        position: absolute;
        right: 0;
        top: 100%;
        z-index: 10
    }

    .scrollable[data-v-0886ce12] {
        padding: 8px 0 12px
    }
}


@media (min-width: 1280px) and (max-width: 1919px) {
    #suggests-block-list[data-v-0886ce12] {
        background-color: #fff;
        border: 1px solid hsla(220, 4%, 48%, .3);
        border-radius: 0 0 12px 12px;
        border-top: none;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
        box-sizing: border-box;
        left: 0;
        opacity: 1;
        position: absolute;
        right: 0;
        top: 100%;
        z-index: 10
    }

    .scrollable[data-v-0886ce12] {
        padding: 8px 0 12px
    }
}

@media (min-width: 1920px) {
    #suggests-block-list[data-v-0886ce12] {
        background-color: #fff;
        border: 1px solid hsla(220, 4%, 48%, .3);
        border-radius: 0 0 12px 12px;
        border-top: none;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
        box-sizing: border-box;
        left: 0;
        opacity: 1;
        position: absolute;
        right: 0;
        top: 100%;
        z-index: 10
    }

    .scrollable[data-v-0886ce12] {
        padding: 8px 0 12px
    }
}

@media (max-width: 639px) {
    #suggests-block-list[data-v-0886ce12] {
        height: calc(100% - 60px);
        overflow: scroll;
        position: static
    }

    .scrollable[data-v-0886ce12] {
        padding-bottom: 56px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    #suggests-block-list[data-v-0886ce12] {
        height: calc(100% - 60px);
        overflow: scroll;
        position: static
    }

    .scrollable[data-v-0886ce12] {
        padding-bottom: 56px
    }
}

.search-form[ui-08] {
    border-radius: 2px;
    display: flex;
    transition: border .1s ease
}

.search-form > [ui-08] {
    border-radius: 0 4px 4px 0;
    width: 100%
}

.search-form > button[ui-08] {
    background: hsla(220, 4%, 48%, .05);
    border: 1px solid hsla(220, 4%, 48%, .3);
    border-left-width: 0;
    border-radius: 0 4px 4px 0;
    margin: 0;
    padding: 0;
    transition: background-color .1s ease;
    width: 15%
}

.search-form > button svg[ui-08] {
    margin: 0 auto
}

.search-form.focus > button[ui-08] {
    background-color: rgba(0, 0, 0, .26)
}

@media (min-width: 960px) and (max-width: 1279px) {
    .search-form[ui-08] {
        flex-grow: 1;
        font-family: HeliosC;
        margin-right: 24px
    }

    .search-form:focus [ui-08], .search-form:hover [ui-08] {
        border-color: hsla(220, 4%, 48%, .5)
    }

    .search-form .default-input[ui-08] {
        background-color: #fff;
        border-radius: 4px;
        font-family: HeliosC;
        font-size: .875rem;
        font-weight: 400;
        height: 100%;
        margin: 0;
        outline: none;
        padding: 0 calc(15% + 38px) 0 16px;
        transition: box-shadow .2s ease;
        vertical-align: top;
        width: 100%
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .search-form[ui-08] {
        flex-grow: 1;
        font-family: HeliosC;
        margin-right: 24px
    }

    .search-form:focus [ui-08], .search-form:hover [ui-08] {
        border-color: hsla(220, 4%, 48%, .5)
    }

    .search-form .default-input[ui-08] {
        background-color: #fff;
        border-radius: 4px;
        font-family: HeliosC;
        font-size: .875rem;
        font-weight: 400;
        height: 100%;
        margin: 0;
        outline: none;
        padding: 0 calc(15% + 38px) 0 16px;
        transition: box-shadow .2s ease;
        vertical-align: top;
        width: 100%
    }
}

@media (min-width: 1920px) {
    .search-form[ui-08] {
        flex-grow: 1;
        font-family: HeliosC;
        margin-right: 24px
    }

    .search-form:focus [ui-08], .search-form:hover [ui-08] {
        border-color: hsla(220, 4%, 48%, .5)
    }

    .search-form .default-input[ui-08] {
        background-color: #fff;
        border-radius: 4px;
        font-family: HeliosC;
        font-size: .875rem;
        font-weight: 400;
        height: 100%;
        margin: 0;
        outline: none;
        padding: 0 calc(15% + 38px) 0 16px;
        transition: box-shadow .2s ease;
        vertical-align: top;
        width: 100%
    }
}

@media (max-width: 639px) {
    .search-input-component[ui-08] {
        padding: 0 16px
    }

    .open-modal .search-input-component[ui-08] {
        background-color: var(--background-tertiary);
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: flex-start;
        padding: 0;
        position: fixed;
        top: 0;
        z-index: 1
    }

    .open-modal .search-input-component {
        align-items: center;
        display: flex;
        flex: 0;
        margin-top: 16px;
        padding-left: 62px;
        padding-right: 16px;
        width: 100%
    }
	


    .open-modal .search-input-component svg[ui-08] {
        left: 76px
    }

    .search-form .search-button[ui-08] {
        background: transparent;
        border: none;
        left: 8px;
        position: absolute;
        width: min-content;
        z-index: 1
    }

    .search-form[ui-08] {
        left: 0;
        position: absolute;
        width: 100%
    }

    .search-form > button[ui-08] {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0
    }

    .search-form > button svg[ui-08] {
        height: 28px;
        margin: 0 auto;
        width: 28px
    }

    .search-form > button svg path[ui-08] {
        fill: #a0a2a7
    }

    .default-input[ui-08] {
        background-color: #fff;
        background: hsla(220, 4%, 48%, .1);
        border: none;
        border-radius: 8px;
        font-family: HeliosC;
        font-size: 16px;
        font-weight: 400;
        height: 100%;
        outline: none;
        padding: 0 41px 0 46px;
        transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1);
        vertical-align: top;
        width: 100%;
        z-index: 1
    }
	
	.input-line[ui-08]
	{width: 100% !important;}
	
}

@media (min-width: 640px) and (max-width: 959px) {
    .search-input-component[ui-08] {
        padding: 0 16px
    }

    .open-modal .search-input-component[ui-08] {
        background-color: var(--background-tertiary);
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: flex-start;
        padding: 0;
        position: fixed;
        top: 0;
        z-index: 1
    }

    .open-modal .search-input-component .input-line1[ui-08] {
        align-items: center;
        display: flex;
        flex: 0;
        margin-top: 16px;
        padding-left: 62px;
        padding-right: 16px;
    }
    .open-modal .search-input-component  {
        width: 100%
    }

    .open-modal .search-input-component svg[ui-08] {
        left: 76px
    }

	.input-line[ui-08]
	{left: 80px; width: calc(100% - 80px) !important;}
	
    .search-form .search-button[ui-08] {
        background: transparent;
        border: none;
        left: 8px;
        position: absolute;
        width: min-content;
        z-index: 1
    }

    .search-form[ui-08] {
        left: 0;
        position: absolute;
        width: 100%
    }

    .search-form > button[ui-08] {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0
    }

    .search-form > button svg[ui-08] {
        height: 28px;
        margin: 0 auto;
        width: 28px
    }

    .search-form > button svg path[ui-08] {
        fill: #a0a2a7
    }

    .default-input[ui-08] {
        background-color: #fff;
        background: hsla(220, 4%, 48%, .1);
        border: none;
        border-radius: 8px;
        font-family: HeliosC;
        font-size: 16px;
        font-weight: 400;
        height: 100%;
        outline: none;
        padding: 0 41px 0 46px;
        transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1);
        vertical-align: top;
        width: 100%;
        z-index: 1
    }
}

.input-line[ui-08] {
    height: 100%;
    width: 100%
}

.clean-wrapper[ui-08] {
    height: 32px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    z-index: 5
}

.clean-wrapper[ui-08]:hover {
    cursor: pointer
}

.clean-wrapper:hover .clean[ui-08] circle {
    fill: hsla(220, 4%, 48%, .8)
}

.clean-wrapper .clean[ui-08] {
    height: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 14px
}

.clean-wrapper .clean[ui-08] circle {
    fill: hsla(220, 4%, 48%, .6)
}

.clean-wrapper .clean[ui-08] path {
    fill: #fff
}

@media (min-width: 960px) and (max-width: 1279px) {
    .search-form > [ui-08] {
        height: 40px
    }

    .is-not-mobile-and-tablet[ui-08] {
        display: block
    }

    .mobile-and-tablet[ui-08] {
        display: none
    }

    #div_top_search_string[ui-08] {
        position: relative
    }

    #div_top_search_string .default-input[ui-08] {
        border: 1px solid var(--border-regular);
        border-radius: 10px
    }

    #div_top_search_string .search-button[ui-08] {
        border: none;
        border-radius: 10px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 72px;
        z-index: 1
    }

    #div_top_search_string .search-button .magnifying-glass[ui-08] {
        height: 24px;
        width: 24px
    }

    #div_top_search_string .clean-wrapper[ui-08] {
        align-items: center;
        display: flex;
        justify-content: center;
        right: calc(15% + 6px)
    }

    #div_top_search_string .clean[ui-08] {
        left: auto;
        position: static;
        top: auto;
        transform: unset
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .search-form > [ui-08] {
        height: 40px
    }

    .is-not-mobile-and-tablet[ui-08] {
        display: block
    }

    .mobile-and-tablet[ui-08] {
        display: none
    }

    #div_top_search_string[ui-08] {
        position: relative
    }

    #div_top_search_string .default-input[ui-08] {
        border: 1px solid var(--border-regular);
        border-radius: 10px
    }

    #div_top_search_string .search-button[ui-08] {
        border: none;
        border-radius: 10px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 72px;
        z-index: 1
    }

    #div_top_search_string .search-button .magnifying-glass[ui-08] {
        height: 24px;
        width: 24px
    }

    #div_top_search_string .clean-wrapper[ui-08] {
        align-items: center;
        display: flex;
        justify-content: center;
        right: calc(15% + 6px)
    }

    #div_top_search_string .clean[ui-08] {
        left: auto;
        position: static;
        top: auto;
        transform: unset
    }
}

@media (min-width: 1920px) {
    .search-form > [ui-08] {
        height: 40px
    }

    .is-not-mobile-and-tablet[ui-08] {
        display: block
    }

    .mobile-and-tablet[ui-08] {
        display: none
    }

    #div_top_search_string[ui-08] {
        position: relative
    }

    #div_top_search_string .default-input[ui-08] {
        border: 1px solid var(--border-regular);
        border-radius: 10px
    }

    #div_top_search_string .search-button[ui-08] {
        border: none;
        border-radius: 10px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 72px;
        z-index: 1
    }

    #div_top_search_string .search-button .magnifying-glass[ui-08] {
        height: 24px;
        width: 24px
    }

    #div_top_search_string .clean-wrapper[ui-08] {
        align-items: center;
        display: flex;
        justify-content: center;
        right: calc(15% + 6px)
    }

    #div_top_search_string .clean[ui-08] {
        left: auto;
        position: static;
        top: auto;
        transform: unset
    }
}

@media (max-width: 639px) {
    .mobile-and-tablet[ui-08] {
        display: block
    }

    .is-not-mobile-and-tablet[ui-08] {
        display: none
    }

    .search-form > [ui-08] {
        height: 40px
    }

    #div_top_search_string .input-line[ui-08] {
        align-items: center;
        display: flex
    }

    #div_top_search_string .input-line .default-input[ui-08] {
        background-color: var(--button-secondary-neutral-onprimary-rest);
        border-radius: 12px;
        caret-color: #e63737;
        color: var(--text-primary);
        flex-grow: 1;
        height: 40px
    }

    #div_top_search_string .input-line .default-input[ui-08]::placeholder {
        color: var(--text-tertiary)
    }

    .input-line[ui-08] {
        position: relative
    }

    .input-line .magnifying-glass[ui-08] {
        fill: var(--icon-tetriary-outlined);
        height: 20px;
        left: 12px;
        margin: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        z-index: 2
    }

    .return-icon-wrapper[ui-08] {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: flex-end;
        left: 0;
        padding-left: 16px;
        padding-right: 6px;
        position: absolute;
        top: 0
    }

    .return-icon-wrapper svg[ui-08] {
        height: 28px;
        width: 28px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .mobile-and-tablet[ui-08] {
        display: block
    }

    .is-not-mobile-and-tablet[ui-08] {
        display: none
    }

    .search-form > [ui-08] {
        height: 40px
    }

    #div_top_search_string .input-line[ui-08] {
        align-items: center;
        display: flex
    }

    #div_top_search_string .input-line .default-input[ui-08] {
        background-color: var(--button-secondary-neutral-onprimary-rest);
        border-radius: 12px;
        caret-color: #e63737;
        color: var(--text-primary);
        flex-grow: 1;
        height: 40px
    }

    #div_top_search_string .input-line .default-input[ui-08]::placeholder {
        color: var(--text-tertiary)
    }

    .input-line[ui-08] {
        position: relative
    }

    .input-line .magnifying-glass[ui-08] {
        fill: var(--icon-tetriary-outlined);
        height: 20px;
        left: 12px;
        margin: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        z-index: 2
    }

    .return-icon-wrapper[ui-08] {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: flex-end;
        left: 0;
        padding-left: 16px;
        padding-right: 6px;
        position: absolute;
        top: 0
    }

    .return-icon-wrapper svg[ui-08] {
        height: 28px;
        width: 28px
    }
}

.return-icon-fade-enter-active[ui-08], .return-icon-fade-leave-active[ui-08] {
    animation: chevron-move-a9b86bc8 .5s
}

.return-icon-fade-enter[ui-08], .return-icon-fade-leave-to[ui-08] {
    animation: chevron-move-a9b86bc8 .6s reverse
}

@-moz-keyframes chevron-move-a9b86bc8 {
    0% {
        left: -50px
    }
    to {
        left: 0
    }
}

@-webkit-keyframes chevron-move-a9b86bc8 {
    0% {
        left: -50px
    }
    to {
        left: 0
    }
}

@-o-keyframes chevron-move-a9b86bc8 {
    0% {
        left: -50px
    }
    to {
        left: 0
    }
}

@keyframes chevron-move-a9b86bc8 {
    0% {
        left: -50px
    }
    to {
        left: 0
    }
}

.feature-flags table[data-v-6c9f6455] {
    width: 100%
}

.feature-flags tr[data-v-6c9f6455] {
    height: 50px;
    width: 100%
}

.feature-flags tr[data-v-6c9f6455]:not(:first-child) {
    border-bottom: 1px solid hsla(220, 4%, 48%, .2)
}

.feature-flags tr td[data-v-6c9f6455], .feature-flags tr th[data-v-6c9f6455] {
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.2em;
    padding: 16px;
    text-align: left;
    vertical-align: middle
}

.feature-flags tr td[data-v-6c9f6455]:not(:first-child), .feature-flags tr th[data-v-6c9f6455]:not(:first-child) {
    height: 48px;
    position: relative;
    text-align: center;
    width: 16.6%
}

.feature-flags tr td:not(:first-child) .radio-button[data-v-6c9f6455], .feature-flags tr th:not(:first-child) .radio-button[data-v-6c9f6455] {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.feature-flags tr td[data-v-6c9f6455] {
    font-weight: 800
}

.feature-flags tr th[data-v-6c9f6455] {
    background: hsla(220, 4%, 48%, .05)
}

.feature-flags tr th[data-v-6c9f6455]:first-child {
    border-radius: 8px 0 0 8px
}

.feature-flags tr th[data-v-6c9f6455]:last-child {
    border-radius: 0 8px 8px 0
}

.toolbar-urls .reset[data-v-6ee7fff9] {
    cursor: pointer;
    font-family: HeliosC;
    font-size: .8rem;
    line-height: 1.2em;
    margin-left: auto;
    margin-top: 12px;
    opacity: 0;
    transition: opacity 0.3 ease-in-out;
    width: max-content
}

.toolbar-urls .reset.show[data-v-6ee7fff9] {
    border-bottom: 1px dashed hsla(220, 4%, 48%, .3);
    opacity: 1
}

.toolbar-urls .reset.show[data-v-6ee7fff9]:hover {
    border-bottom-style: solid
}

.toolbar-urls table[data-v-6ee7fff9] {
    width: 100%
}

.toolbar-urls tr[data-v-6ee7fff9] {
    height: 50px;
    width: 100%
}

.toolbar-urls tr[data-v-6ee7fff9]:not(:first-child) {
    border-bottom: 1px solid hsla(220, 4%, 48%, .2)
}

.toolbar-urls tr td[data-v-6ee7fff9], .toolbar-urls tr th[data-v-6ee7fff9] {
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.2em;
    padding: 16px;
    text-align: left;
    vertical-align: middle
}

.toolbar-urls tr td[data-v-6ee7fff9]:not(:first-child), .toolbar-urls tr th[data-v-6ee7fff9]:not(:first-child) {
    height: 48px;
    position: relative;
    text-align: center;
    width: auto
}

.toolbar-urls tr td:not(:first-child) .radio-button[data-v-6ee7fff9], .toolbar-urls tr th:not(:first-child) .radio-button[data-v-6ee7fff9] {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.toolbar-urls tr td[data-v-6ee7fff9] {
    font-weight: 800
}

.toolbar-urls tr th[data-v-6ee7fff9] {
    background: hsla(220, 4%, 48%, .05);
    white-space: nowrap
}

.toolbar-urls tr th[data-v-6ee7fff9]:first-child {
    border-radius: 8px 0 0 8px
}

.toolbar-urls tr th[data-v-6ee7fff9]:last-child {
    border-radius: 0 8px 8px 0
}

.environment[data-v-6ee7fff9] {
    margin: 0;
    white-space: nowrap
}

.environment .sup[data-v-6ee7fff9] {
    font-size: 8px;
    vertical-align: super
}

.toolbar-trackers .disable-all[data-v-52f88932], .toolbar-trackers .enable-all[data-v-52f88932] {
    cursor: pointer;
    font-family: HeliosC;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.2em;
    margin: auto;
    opacity: 0;
    text-align: center !important;
    transition: opacity .3 ease-in-out;
    width: max-content
}

.toolbar-trackers .disable-all.show[data-v-52f88932], .toolbar-trackers .enable-all.show[data-v-52f88932] {
    border-bottom: 1px dashed hsla(220, 4%, 48%, .3);
    opacity: 1
}

.toolbar-trackers .disable-all.show[data-v-52f88932]:hover, .toolbar-trackers .enable-all.show[data-v-52f88932]:hover {
    border-bottom-style: solid
}

.toolbar-trackers table[data-v-52f88932] {
    width: 100%
}

.toolbar-trackers tr[data-v-52f88932] {
    height: 50px;
    width: 100%
}

.toolbar-trackers tr[data-v-52f88932]:not(:first-child):not(:last-child) {
    border-bottom: 1px solid hsla(220, 4%, 48%, .2)
}

.toolbar-trackers tr td[data-v-52f88932], .toolbar-trackers tr th[data-v-52f88932] {
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.2em;
    padding: 16px;
    text-align: left;
    vertical-align: middle
}

.toolbar-trackers tr td[data-v-52f88932]:not(:first-child), .toolbar-trackers tr th[data-v-52f88932]:not(:first-child) {
    height: 48px;
    position: relative;
    text-align: center;
    width: auto
}

.toolbar-trackers tr td:not(:first-child) .radio-button[data-v-52f88932], .toolbar-trackers tr th:not(:first-child) .radio-button[data-v-52f88932] {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.toolbar-trackers tr td[data-v-52f88932] {
    font-weight: 800
}

.toolbar-trackers tr th[data-v-52f88932] {
    background: hsla(220, 4%, 48%, .05)
}

.toolbar-trackers tr th[data-v-52f88932]:first-child {
    border-radius: 8px 0 0 8px
}

.toolbar-trackers tr th[data-v-52f88932]:last-child {
    border-radius: 0 8px 8px 0
}

.ui-tabs .tab-titles {
    align-items: center;
    display: flex;
    overflow-x: auto
}

.ui-tab-title {
    align-items: center;
    color: var(--text-secondary);
    cursor: pointer;
    display: flex;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 500;
    height: 44px;
    justify-content: center;
    line-height: 1.2em;
    margin: 0 16px;
    position: relative;
    white-space: nowrap;
    width: min-content
}

.ui-tab-title:after {
    background: var(--border-accented);
    border-radius: 1px;
    bottom: 4px;
    content: "";
    height: 2px;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    transform: scaleY(0);
    transition: transform .3s ease;
    will-change: transform
}

.ui-tab-title.selected {
    color: var(--text-primary);
    font-weight: 500
}

.ui-tab-title.selected:after {
    transform: scaleY(1)
}

.ui-tab-content {
    width: 100%;
    word-break: break-word
}

.toolbar-content[data-v-2726e0ed] {
    min-width: 480px
}

@media (max-width: 639px) {
    .toolbar-content[data-v-2726e0ed] {
        padding: 16px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .toolbar-content[data-v-2726e0ed] {
        padding: 16px
    }
}

.toolbar-content .title[data-v-2726e0ed] {
    font-family: HeliosC;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.2em
}

.toolbar-content .tab-titles .ui-tab-title[data-v-2726e0ed]:first-child {
    margin-left: 0
}

.toolbar[data-v-432efb6c] {
    cursor: pointer;
    left: 0;
    padding: 4px;
    position: absolute;
    top: 0;
    z-index: 22
}

.toolbar[data-v-432efb6c], .toolbar[data-v-432efb6c] .ui-icon, .toolbar[data-v-432efb6c] .ui-icon path {
    transition: all .3s ease-in-out
}

.toolbar[data-v-432efb6c]:hover {
    padding: 0
}

.toolbar[data-v-432efb6c]:hover .ui-icon {
    height: 32px;
    transform: rotate(60deg);
    width: 32px
}

.toolbar[data-v-432efb6c]:hover .ui-icon path {
    fill: #e63737
}

.container, .container-fluid {
    margin-left: auto;
    margin-right: auto
}

.container-fluid {
    padding-left: 2rem;
    padding-right: 2rem
}

.row {
    -webkit-box-flex: 0;
    -webkit-box-direction: normal;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.5rem;
    margin-right: -.5rem
}

.row, .row.reverse {
    -webkit-box-orient: horizontal
}

.row.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.column.reverse, .row.reverse {
    -webkit-box-direction: reverse
}

.column.reverse {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.col-mbs, .col-mbs-1, .col-mbs-10, .col-mbs-11, .col-mbs-12, .col-mbs-2, .col-mbs-2_5, .col-mbs-3, .col-mbs-4, .col-mbs-5, .col-mbs-5_5, .col-mbs-6, .col-mbs-6_5, .col-mbs-7, .col-mbs-8, .col-mbs-9, .col-mbs-offset-0, .col-mbs-offset-1, .col-mbs-offset-10, .col-mbs-offset-11, .col-mbs-offset-12, .col-mbs-offset-2, .col-mbs-offset-3, .col-mbs-offset-4, .col-mbs-offset-5, .col-mbs-offset-6, .col-mbs-offset-7, .col-mbs-offset-8, .col-mbs-offset-9 {
    -webkit-box-flex: 0;
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-left: .25rem;
    padding-right: .25rem
}

[class*=col-mbs], [class^=col-mbs] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-mbs-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
}

.col-mbs-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
}

.col-mbs-2_5 {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%
}

.col-mbs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.col-mbs-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
}

.col-mbs-4_9 {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%
}

.col-mbs-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
}

.col-mbs-5_5 {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    max-width: 45%
}

.col-mbs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.col-mbs-6_5 {
    -ms-flex-preferred-size: 53%;
    flex-basis: 53%;
    max-width: 53%
}

.col-mbs-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%
}

.col-mbs-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
}

.col-mbs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.col-mbs-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
}

.col-mbs-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
}

.col-mbs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.col-mbs-offset-0 {
    margin-left: 0
}

.col-mbs-offset-1 {
    margin-left: 8.33333333%
}

.col-mbs-offset-2 {
    margin-left: 16.66666667%
}

.col-mbs-offset-3 {
    margin-left: 25%
}

.col-mbs-offset-4 {
    margin-left: 33.33333333%
}

.col-mbs-offset-5 {
    margin-left: 41.66666667%
}

.col-mbs-offset-6 {
    margin-left: 50%
}

.col-mbs-offset-7 {
    margin-left: 58.33333333%
}

.col-mbs-offset-8 {
    margin-left: 66.66666667%
}

.col-mbs-offset-9 {
    margin-left: 75%
}

.col-mbs-offset-10 {
    margin-left: 83.33333333%
}

.col-mbs-offset-11 {
    margin-left: 91.66666667%
}

.mbs-offset-top-0 {
    margin-top: 0
}

.mbs-offset-top-1 {
    margin-top: 10px
}

.mbs-offset-top {
    margin-top: 20px
}

.start-mbs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
}

.center-mbs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.end-mbs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
}

.top-mbs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.middle-mbs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bottom-mbs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.around-mbs {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.between-mbs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.first-mbs {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: 1;
    order: 1
}

.last-mbs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2
}

.reverse-mbs {
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.column-mbs, .reverse-mbs {
    -webkit-box-orient: vertical
}

.column-mbs {
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.visible-mbs {
    display: initial
}

.flex-mbs {
    display: flex
}

.hidden-mbs {
    display: none
}

@media screen and (min-width: 20em) {
    .col-mbm, .col-mbm-1, .col-mbm-10, .col-mbm-11, .col-mbm-12, .col-mbm-2, .col-mbm-3, .col-mbm-4, .col-mbm-5, .col-mbm-6, .col-mbm-7, .col-mbm-8, .col-mbm-9, .col-mbm-offset-0, .col-mbm-offset-1, .col-mbm-offset-10, .col-mbm-offset-11, .col-mbm-offset-12, .col-mbm-offset-2, .col-mbm-offset-3, .col-mbm-offset-4, .col-mbm-offset-5, .col-mbm-offset-6, .col-mbm-offset-7, .col-mbm-offset-8, .col-mbm-offset-9 {
        -webkit-box-flex: 0;
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-left: .25rem;
        padding-right: .25rem
    }

    [class*=col-mbm], [class^=col-mbm] {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-mbm-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-mbm-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-mbm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-mbm-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-mbm-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-mbm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-mbm-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-mbm-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-mbm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-mbm-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-mbm-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-mbm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-mbm-offset-0 {
        margin-left: 0
    }

    .col-mbm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-mbm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-mbm-offset-3 {
        margin-left: 25%
    }

    .col-mbm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-mbm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-mbm-offset-6 {
        margin-left: 50%
    }

    .col-mbm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-mbm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-mbm-offset-9 {
        margin-left: 75%
    }

    .col-mbm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-mbm-offset-11 {
        margin-left: 91.66666667%
    }

    .start-mbm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .center-mbm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .end-mbm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .top-mbm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-mbm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-mbm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .around-mbm {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-mbm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-mbm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-mbm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .reverse-mbm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .visible-mbm {
        display: initial
    }

    .hidden-mbm {
        display: none !important
    }

    @media screen and (min-width: 23em) {
        .col-mbl, .col-mbl-1, .col-mbl-10, .col-mbl-11, .col-mbl-12, .col-mbl-2, .col-mbl-3, .col-mbl-4, .col-mbl-5, .col-mbl-6, .col-mbl-7, .col-mbl-8, .col-mbl-9, .col-mbl-offset-0, .col-mbl-offset-1, .col-mbl-offset-10, .col-mbl-offset-11, .col-mbl-offset-12, .col-mbl-offset-2, .col-mbl-offset-3, .col-mbl-offset-4, .col-mbl-offset-5, .col-mbl-offset-6, .col-mbl-offset-7, .col-mbl-offset-8, .col-mbl-offset-9 {
            -webkit-box-flex: 0;
            box-sizing: border-box;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            padding-left: .25rem;
            padding-right: .25rem
        }

        [class*=col-mbl], [class^=col-mbl] {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            flex-grow: 1;
            max-width: 100%
        }

        .col-mbl-1 {
            -ms-flex-preferred-size: 8.33333333%;
            flex-basis: 8.33333333%;
            max-width: 8.33333333%
        }

        .col-mbl-2 {
            -ms-flex-preferred-size: 16.66666667%;
            flex-basis: 16.66666667%;
            max-width: 16.66666667%
        }

        .col-mbl-3 {
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
            max-width: 25%
        }

        .col-mbl-4 {
            -ms-flex-preferred-size: 33.33333333%;
            flex-basis: 33.33333333%;
            max-width: 33.33333333%
        }

        .col-mbl-5 {
            -ms-flex-preferred-size: 41.66666667%;
            flex-basis: 41.66666667%;
            max-width: 41.66666667%
        }

        .col-mbl-6 {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            max-width: 50%
        }

        .col-mbl-7 {
            -ms-flex-preferred-size: 58.33333333%;
            flex-basis: 58.33333333%;
            max-width: 58.33333333%
        }

        .col-mbl-8 {
            -ms-flex-preferred-size: 66.66666667%;
            flex-basis: 66.66666667%;
            max-width: 66.66666667%
        }

        .col-mbl-9 {
            -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
            max-width: 75%
        }

        .col-mbl-10 {
            -ms-flex-preferred-size: 83.33333333%;
            flex-basis: 83.33333333%;
            max-width: 83.33333333%
        }

        .col-mbl-11 {
            -ms-flex-preferred-size: 91.66666667%;
            flex-basis: 91.66666667%;
            max-width: 91.66666667%
        }

        .col-mbl-12 {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            max-width: 100%
        }

        .col-mbl-offset-0 {
            margin-left: 0
        }

        .col-mbl-offset-1 {
            margin-left: 8.33333333%
        }

        .col-mbl-offset-2 {
            margin-left: 16.66666667%
        }

        .col-mbl-offset-3 {
            margin-left: 25%
        }

        .col-mbl-offset-4 {
            margin-left: 33.33333333%
        }

        .col-mbl-offset-5 {
            margin-left: 41.66666667%
        }

        .col-mbl-offset-6 {
            margin-left: 50%
        }

        .col-mbl-offset-7 {
            margin-left: 58.33333333%
        }

        .col-mbl-offset-8 {
            margin-left: 66.66666667%
        }

        .col-mbl-offset-9 {
            margin-left: 75%
        }

        .col-mbl-offset-10 {
            margin-left: 83.33333333%
        }

        .col-mbl-offset-11 {
            margin-left: 91.66666667%
        }

        .start-mbl {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            text-align: start
        }

        .center-mbl {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            text-align: center
        }

        .end-mbl {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            text-align: end
        }

        .top-mbl {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start
        }

        .middle-mbl {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .bottom-mbl {
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end
        }

        .around-mbl {
            -ms-flex-pack: distribute;
            justify-content: space-around
        }

        .between-mbl {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        .first-mbl {
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1
        }

        .last-mbl {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

        .reverse-mbl {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse
        }

        .visible-mbl {
            display: initial
        }

        .hidden-mbl {
            display: none !important
        }

        @media screen and (min-width: 37em) {
            .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9 {
                -webkit-box-flex: 0;
                box-sizing: border-box;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                padding-left: .25rem;
                padding-right: .25rem
            }

            [class*=col-xs], [class^=col-xs] {
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                -ms-flex-preferred-size: 0;
                flex-basis: 0;
                flex-grow: 1;
                max-width: 100%
            }

            .col-xs-1 {
                -ms-flex-preferred-size: 8.33333333%;
                flex-basis: 8.33333333%;
                max-width: 8.33333333%
            }

            .col-xs-2 {
                -ms-flex-preferred-size: 16.66666667%;
                flex-basis: 16.66666667%;
                max-width: 16.66666667%
            }

            .col-xs-3 {
                -ms-flex-preferred-size: 25%;
                flex-basis: 25%;
                max-width: 25%
            }

            .col-xs-4 {
                -ms-flex-preferred-size: 33.33333333%;
                flex-basis: 33.33333333%;
                max-width: 33.33333333%
            }

            .col-xs-5 {
                -ms-flex-preferred-size: 41.66666667%;
                flex-basis: 41.66666667%;
                max-width: 41.66666667%
            }

            .col-xs-6 {
                -ms-flex-preferred-size: 50%;
                flex-basis: 50%;
                max-width: 50%
            }

            .col-xs-7 {
                -ms-flex-preferred-size: 58.33333333%;
                flex-basis: 58.33333333%;
                max-width: 58.33333333%
            }

            .col-xs-8 {
                -ms-flex-preferred-size: 66.66666667%;
                flex-basis: 66.66666667%;
                max-width: 66.66666667%
            }

            .col-xs-9 {
                -ms-flex-preferred-size: 75%;
                flex-basis: 75%;
                max-width: 75%
            }

            .col-xs-10 {
                -ms-flex-preferred-size: 83.33333333%;
                flex-basis: 83.33333333%;
                max-width: 83.33333333%
            }

            .col-xs-11 {
                -ms-flex-preferred-size: 91.66666667%;
                flex-basis: 91.66666667%;
                max-width: 91.66666667%
            }

            .col-xs-12 {
                -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
                max-width: 100%
            }

            .col-xs-offset-0 {
                margin-left: 0
            }

            .col-xs-offset-1 {
                margin-left: 8.33333333%
            }

            .col-xs-offset-2 {
                margin-left: 16.66666667%
            }

            .col-xs-offset-3 {
                margin-left: 25%
            }

            .col-xs-offset-4 {
                margin-left: 33.33333333%
            }

            .col-xs-offset-5 {
                margin-left: 41.66666667%
            }

            .col-xs-offset-6 {
                margin-left: 50%
            }

            .col-xs-offset-7 {
                margin-left: 58.33333333%
            }

            .col-xs-offset-8 {
                margin-left: 66.66666667%
            }

            .col-xs-offset-9 {
                margin-left: 75%
            }

            .col-xs-offset-10 {
                margin-left: 83.33333333%
            }

            .col-xs-offset-11 {
                margin-left: 91.66666667%
            }

            .xs-offset-top-0 {
                margin-top: 0
            }

            .xs-offset-top {
                margin-top: 20px
            }

            .start-xs {
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                text-align: start
            }

            .center-xs {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                text-align: center
            }

            .end-xs {
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end;
                text-align: end
            }

            .top-xs {
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start
            }

            .middle-xs {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .bottom-xs {
                -webkit-box-align: end;
                -ms-flex-align: end;
                align-items: flex-end
            }

            .around-xs {
                -ms-flex-pack: distribute;
                justify-content: space-around
            }

            .between-xs {
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between
            }

            .first-xs {
                -webkit-box-ordinal-group: 0;
                -ms-flex-order: 1;
                order: 1
            }

            .last-xs {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 2;
                order: 2
            }

            .column-xs {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

            .visible-xs {
                display: initial
            }

            .hidden-xs {
                display: none
            }

            @media screen and (min-width: 960px) {
                .container {
                    width: 49rem
                }

                .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-2_5, .col-sm-3, .col-sm-4, .col-sm-4_9, .col-sm-5, .col-sm-5_5, .col-sm-6, .col-sm-6_5, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9 {
                    -webkit-box-flex: 0;
                    box-sizing: border-box;
                    -ms-flex: 0 0 auto;
                    flex: 0 0 auto;
                    padding-left: .5rem;
                    padding-right: .5rem
                }

                [class*=col-sm], [class^=col-sm] {
                    -webkit-box-flex: 1;
                    -ms-flex-positive: 1;
                    -ms-flex-preferred-size: 0;
                    flex-basis: 0;
                    flex-grow: 1;
                    max-width: 100%
                }

                .col-sm-1 {
                    -ms-flex-preferred-size: 8.33333333%;
                    flex-basis: 8.33333333%;
                    max-width: 8.33333333%
                }

                .col-sm-2 {
                    -ms-flex-preferred-size: 16.66666667%;
                    flex-basis: 16.66666667%;
                    max-width: 16.66666667%
                }

                .col-sm-2_5 {
                    -ms-flex-preferred-size: 20%;
                    flex-basis: 20%;
                    max-width: 20%
                }

                .col-sm-3 {
                    -ms-flex-preferred-size: 25%;
                    flex-basis: 25%;
                    max-width: 25%
                }

                .col-sm-4 {
                    -ms-flex-preferred-size: 33.33333333%;
                    flex-basis: 33.33333333%;
                    max-width: 33.33333333%
                }

                .col-sm-4_9 {
                    -ms-flex-preferred-size: 40%;
                    flex-basis: 40%;
                    max-width: 40%
                }

                .col-sm-5 {
                    -ms-flex-preferred-size: 41.66666667%;
                    flex-basis: 41.66666667%;
                    max-width: 41.66666667%
                }

                .col-sm-5_5 {
                    -ms-flex-preferred-size: 45%;
                    flex-basis: 45%;
                    max-width: 45%
                }

                .col-sm-6 {
                    -ms-flex-preferred-size: 50%;
                    flex-basis: 50%;
                    max-width: 50%
                }

                .col-sm-6_5 {
                    -ms-flex-preferred-size: 53%;
                    flex-basis: 53%;
                    max-width: 53%
                }

                .col-sm-7 {
                    -ms-flex-preferred-size: 58.33333333%;
                    flex-basis: 58.33333333%;
                    max-width: 58.33333333%
                }

                .col-sm-8 {
                    -ms-flex-preferred-size: 66.66666667%;
                    flex-basis: 66.66666667%;
                    max-width: 66.66666667%
                }

                .col-sm-9 {
                    -ms-flex-preferred-size: 75%;
                    flex-basis: 75%;
                    max-width: 75%
                }

                .col-sm-10 {
                    -ms-flex-preferred-size: 83.33333333%;
                    flex-basis: 83.33333333%;
                    max-width: 83.33333333%
                }

                .col-sm-11 {
                    -ms-flex-preferred-size: 91.66666667%;
                    flex-basis: 91.66666667%;
                    max-width: 91.66666667%
                }

                .col-sm-12 {
                    -ms-flex-preferred-size: 100%;
                    flex-basis: 100%;
                    max-width: 100%
                }

                .col-sm-offset-0 {
                    margin-left: 0
                }

                .col-sm-offset-1 {
                    margin-left: 8.33333333%
                }

                .col-sm-offset-2 {
                    margin-left: 16.66666667%
                }

                .col-sm-offset-3 {
                    margin-left: 25%
                }

                .col-sm-offset-4 {
                    margin-left: 33.33333333%
                }

                .col-sm-offset-5 {
                    margin-left: 41.66666667%
                }

                .col-sm-offset-6 {
                    margin-left: 50%
                }

                .col-sm-offset-7 {
                    margin-left: 58.33333333%
                }

                .col-sm-offset-8 {
                    margin-left: 66.66666667%
                }

                .col-sm-offset-9 {
                    margin-left: 75%
                }

                .col-sm-offset-10 {
                    margin-left: 83.33333333%
                }

                .col-sm-offset-11 {
                    margin-left: 91.66666667%
                }

                .sm-offset-top-0 {
                    margin-top: 0
                }

                .sm-offset-top-1 {
                    margin-top: 10px
                }

                .sm-offset-top-2 {
                    margin-top: 20px
                }

                .start-sm {
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    text-align: start
                }

                .center-sm {
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    text-align: center
                }

                .end-sm {
                    -webkit-box-pack: end;
                    -ms-flex-pack: end;
                    justify-content: flex-end;
                    text-align: end
                }

                .top-sm {
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start
                }

                .middle-sm {
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                .bottom-sm {
                    -webkit-box-align: end;
                    -ms-flex-align: end;
                    align-items: flex-end
                }

                .around-sm {
                    -ms-flex-pack: distribute;
                    justify-content: space-around
                }

                .between-sm {
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between
                }

                .first-sm {
                    -webkit-box-ordinal-group: 0;
                    -ms-flex-order: -1;
                    order: -1
                }

                .last-sm {
                    -webkit-box-ordinal-group: 2;
                    -ms-flex-order: 1;
                    order: 1
                }

                .sm-reverse {
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: reverse;
                    -ms-flex-direction: column-reverse;
                    flex-direction: column-reverse
                }

                .visible-sm {
                    display: initial
                }

                .hidden-sm {
                    display: none
                }

                .block-sm {
                    display: block
                }

                .flex-sm {
                    display: flex
                }

                @media screen and (min-width: 64em) {
                    .container {
                        width: 65rem
                    }

                    .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-2_5, .col-md-3, .col-md-4, .col-md-4_9, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-offset-0, .col-md-offset-1, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9 {
                        -webkit-box-flex: 0;
                        box-sizing: border-box;
                        -ms-flex: 0 0 auto;
                        flex: 0 0 auto;
                        padding-left: .25rem;
                        padding-right: .25rem
                    }

                    [class*=col-md], [class^=col-md] {
                        -webkit-box-flex: 1;
                        -ms-flex-positive: 1;
                        -ms-flex-preferred-size: 0;
                        flex-basis: 0;
                        flex-grow: 1;
                        max-width: 100%
                    }

                    .col-md-1 {
                        -ms-flex-preferred-size: 8.33333333%;
                        flex-basis: 8.33333333%;
                        max-width: 8.33333333%
                    }

                    .col-md-2 {
                        -ms-flex-preferred-size: 16.66666667%;
                        flex-basis: 16.66666667%;
                        max-width: 16.66666667%
                    }

                    .col-md-2_5 {
                        -ms-flex-preferred-size: 20%;
                        flex-basis: 20%;
                        max-width: 20%
                    }

                    .col-md-3 {
                        -ms-flex-preferred-size: 25%;
                        flex-basis: 25%;
                        max-width: 25%
                    }

                    .col-md-4 {
                        -ms-flex-preferred-size: 33.33333333%;
                        flex-basis: 33.33333333%;
                        max-width: 33.33333333%
                    }

                    .col-md-4_9 {
                        -ms-flex-preferred-size: 40%;
                        flex-basis: 40%;
                        max-width: 40%
                    }

                    .col-md-5 {
                        -ms-flex-preferred-size: 41.66666667%;
                        flex-basis: 41.66666667%;
                        max-width: 41.66666667%
                    }

                    .col-md-6 {
                        -ms-flex-preferred-size: 50%;
                        flex-basis: 50%;
                        max-width: 50%
                    }

                    .col-md-7 {
                        -ms-flex-preferred-size: 58.33333333%;
                        flex-basis: 58.33333333%;
                        max-width: 58.33333333%
                    }

                    .col-md-8 {
                        -ms-flex-preferred-size: 66.66666667%;
                        flex-basis: 66.66666667%;
                        max-width: 66.66666667%
                    }

                    .col-md-9 {
                        -ms-flex-preferred-size: 75%;
                        flex-basis: 75%;
                        max-width: 75%
                    }

                    .col-md-10 {
                        -ms-flex-preferred-size: 83.33333333%;
                        flex-basis: 83.33333333%;
                        max-width: 83.33333333%
                    }

                    .col-md-11 {
                        -ms-flex-preferred-size: 91.66666667%;
                        flex-basis: 91.66666667%;
                        max-width: 91.66666667%
                    }

                    .col-md-12 {
                        -ms-flex-preferred-size: 100%;
                        flex-basis: 100%;
                        max-width: 100%
                    }

                    .col-md-offset-0 {
                        margin-left: 0
                    }

                    .col-md-offset-1 {
                        margin-left: 8.33333333%
                    }

                    .col-md-offset-2 {
                        margin-left: 16.66666667%
                    }

                    .col-md-offset-3 {
                        margin-left: 25%
                    }

                    .col-md-offset-4 {
                        margin-left: 33.33333333%
                    }

                    .col-md-offset-5 {
                        margin-left: 41.66666667%
                    }

                    .col-md-offset-6 {
                        margin-left: 50%
                    }

                    .col-md-offset-7 {
                        margin-left: 58.33333333%
                    }

                    .col-md-offset-8 {
                        margin-left: 66.66666667%
                    }

                    .col-md-offset-9 {
                        margin-left: 75%
                    }

                    .col-md-offset-10 {
                        margin-left: 83.33333333%
                    }

                    .col-md-offset-11 {
                        margin-left: 91.66666667%
                    }

                    .md-offset-top-0 {
                        margin-top: 0
                    }

                    .md-offset-top {
                        margin-top: 20px
                    }

                    .start-md {
                        -webkit-box-pack: start;
                        -ms-flex-pack: start;
                        justify-content: flex-start;
                        text-align: start
                    }

                    .center-md {
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        text-align: center
                    }

                    .end-md {
                        -webkit-box-pack: end;
                        -ms-flex-pack: end;
                        justify-content: flex-end;
                        text-align: end
                    }

                    .top-md {
                        -webkit-box-align: start;
                        -ms-flex-align: start;
                        align-items: flex-start
                    }

                    .middle-md {
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center
                    }

                    .bottom-md {
                        -webkit-box-align: end;
                        -ms-flex-align: end;
                        align-items: flex-end
                    }

                    .around-md {
                        -ms-flex-pack: distribute;
                        justify-content: space-around
                    }

                    .between-md {
                        -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                        justify-content: space-between
                    }

                    .first-md {
                        -webkit-box-ordinal-group: 0;
                        -ms-flex-order: -1;
                        order: -1
                    }

                    .last-md {
                        -webkit-box-ordinal-group: 2;
                        -ms-flex-order: 1;
                        order: 1
                    }

                    .visible-md {
                        display: initial
                    }

                    .hidden-md {
                        display: none
                    }

                    @media screen and (min-width: 75em) {
                        .container {
                            width: 76rem
                        }

                        .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9 {
                            -webkit-box-flex: 0;
                            box-sizing: border-box;
                            -ms-flex: 0 0 auto;
                            flex: 0 0 auto;
                            padding-left: .5rem;
                            padding-right: .5rem
                        }

                        [class*=col-lg], [class^=col-lg] {
                            -webkit-box-flex: 1;
                            -ms-flex-positive: 1;
                            -ms-flex-preferred-size: 0;
                            flex-basis: 0;
                            flex-grow: 1;
                            max-width: 100%
                        }

                        .col-lg-1 {
                            -ms-flex-preferred-size: 8.33333333%;
                            flex-basis: 8.33333333%;
                            max-width: 8.33333333%
                        }

                        .col-lg-2 {
                            -ms-flex-preferred-size: 16.66666667%;
                            flex-basis: 16.66666667%;
                            max-width: 16.66666667%
                        }

                        .col-lg-2_5 {
                            -ms-flex-preferred-size: 20%;
                            flex-basis: 20%;
                            max-width: 20%
                        }

                        .col-lg-3 {
                            -ms-flex-preferred-size: 25%;
                            flex-basis: 25%;
                            max-width: 25%
                        }

                        .col-lg-4 {
                            -ms-flex-preferred-size: 33.33333333%;
                            flex-basis: 33.33333333%;
                            max-width: 33.33333333%
                        }

                        .col-lg-5 {
                            -ms-flex-preferred-size: 41.66666667%;
                            flex-basis: 41.66666667%;
                            max-width: 41.66666667%
                        }

                        .col-lg-6 {
                            -ms-flex-preferred-size: 50%;
                            flex-basis: 50%;
                            max-width: 50%
                        }

                        .col-lg-7 {
                            -ms-flex-preferred-size: 58.33333333%;
                            flex-basis: 58.33333333%;
                            max-width: 58.33333333%
                        }

                        .col-lg-8 {
                            -ms-flex-preferred-size: 66.66666667%;
                            flex-basis: 66.66666667%;
                            max-width: 66.66666667%
                        }

                        .col-lg-9 {
                            -ms-flex-preferred-size: 75%;
                            flex-basis: 75%;
                            max-width: 75%
                        }

                        .col-lg-10 {
                            -ms-flex-preferred-size: 83.33333333%;
                            flex-basis: 83.33333333%;
                            max-width: 83.33333333%
                        }

                        .col-lg-11 {
                            -ms-flex-preferred-size: 91.66666667%;
                            flex-basis: 91.66666667%;
                            max-width: 91.66666667%
                        }

                        .col-lg-12 {
                            -ms-flex-preferred-size: 100%;
                            flex-basis: 100%;
                            max-width: 100%
                        }

                        .col-lg-offset-0 {
                            margin-left: 0
                        }

                        .col-lg-offset-1 {
                            margin-left: 8.33333333%
                        }

                        .col-lg-offset-2 {
                            margin-left: 16.66666667%
                        }

                        .col-lg-offset-3 {
                            margin-left: 25%
                        }

                        .col-lg-offset-4 {
                            margin-left: 33.33333333%
                        }

                        .col-lg-offset-5 {
                            margin-left: 41.66666667%
                        }

                        .col-lg-offset-6 {
                            margin-left: 50%
                        }

                        .col-lg-offset-7 {
                            margin-left: 58.33333333%
                        }

                        .col-lg-offset-8 {
                            margin-left: 66.66666667%
                        }

                        .col-lg-offset-9 {
                            margin-left: 75%
                        }

                        .col-lg-offset-10 {
                            margin-left: 83.33333333%
                        }

                        .col-lg-offset-11 {
                            margin-left: 91.66666667%
                        }

                        .start-lg {
                            -webkit-box-pack: start;
                            -ms-flex-pack: start;
                            justify-content: flex-start;
                            text-align: start
                        }

                        .center-lg {
                            -webkit-box-pack: center;
                            -ms-flex-pack: center;
                            justify-content: center;
                            text-align: center
                        }

                        .end-lg {
                            -webkit-box-pack: end;
                            -ms-flex-pack: end;
                            justify-content: flex-end;
                            text-align: end
                        }

                        .top-lg {
                            -webkit-box-align: start;
                            -ms-flex-align: start;
                            align-items: flex-start
                        }

                        .middle-lg {
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center
                        }

                        .bottom-lg {
                            -webkit-box-align: end;
                            -ms-flex-align: end;
                            align-items: flex-end
                        }

                        .around-lg {
                            -ms-flex-pack: distribute;
                            justify-content: space-around
                        }

                        .between-lg {
                            -webkit-box-pack: justify;
                            -ms-flex-pack: justify;
                            justify-content: space-between
                        }

                        .first-lg {
                            -webkit-box-ordinal-group: 0;
                            -ms-flex-order: -1;
                            order: -1
                        }

                        .last-lg {
                            -webkit-box-ordinal-group: 2;
                            -ms-flex-order: 1;
                            order: 1
                        }

                        .visible-lg {
                            display: initial
                        }

                        .hidden-lg {
                            display: none
                        }
                    }
                }
            }
        }
    }
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: var(--border-accented);
    height: 3px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1031
}

#nprogress .peg {
    box-shadow: 0 0 10px var(--border-accented), 0 0 5px var(--border-accented);
    display: block;
    height: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    -webkit-transform: rotate(3deg) translateY(-4px);
    -ms-transform: rotate(3deg) translateY(-4px);
    transform: rotate(3deg) translateY(-4px);
    width: 100px
}

#nprogress .spinner {
    display: none
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

:root {
    --black-a100: #000 !important;
    --black-a95: rgba(0, 0, 0, .95) !important;
    --black-a90: rgba(0, 0, 0, .9) !important;
    --black-a85: rgba(0, 0, 0, .85) !important;
    --black-a80: rgba(0, 0, 0, .8) !important;
    --black-a75: rgba(0, 0, 0, .75) !important;
    --black-a70: rgba(0, 0, 0, .7) !important;
    --black-a65: rgba(0, 0, 0, .65) !important;
    --black-a60: rgba(0, 0, 0, .6) !important;
    --black-a55: rgba(0, 0, 0, .55) !important;
    --black-a50: rgba(0, 0, 0, .5) !important;
    --black-a45: rgba(0, 0, 0, .45) !important;
    --black-a40: rgba(0, 0, 0, .4) !important;
    --black-a35: rgba(0, 0, 0, .35) !important;
    --black-a30: rgba(0, 0, 0, .3) !important;
    --black-a25: rgba(0, 0, 0, .25) !important;
    --black-a20: rgba(0, 0, 0, .2) !important;
    --black-a15: rgba(0, 0, 0, .15) !important;
    --black-a10: rgba(0, 0, 0, .1) !important;
    --black-a5: rgba(0, 0, 0, .05) !important;
    --white-a100: #fff !important;
    --white-a95: hsla(0, 0%, 100%, .95) !important;
    --white-a90: hsla(0, 0%, 100%, .9) !important;
    --white-a85: hsla(0, 0%, 100%, .85) !important;
    --white-a80: hsla(0, 0%, 100%, .8) !important;
    --white-a75: hsla(0, 0%, 100%, .75) !important;
    --white-a70: hsla(0, 0%, 100%, .7) !important;
    --white-a65: hsla(0, 0%, 100%, .65) !important;
    --white-a60: hsla(0, 0%, 100%, .6) !important;
    --white-a55: hsla(0, 0%, 100%, .55) !important;
    --white-a50: hsla(0, 0%, 100%, .5) !important;
    --white-a45: hsla(0, 0%, 100%, .45) !important;
    --white-a40: hsla(0, 0%, 100%, .4) !important;
    --white-a35: hsla(0, 0%, 100%, .35) !important;
    --white-a30: hsla(0, 0%, 100%, .3) !important;
    --white-a25: hsla(0, 0%, 100%, .25) !important;
    --white-a20: hsla(0, 0%, 100%, .2) !important;
    --white-a15: hsla(0, 0%, 100%, .15) !important;
    --white-a10: hsla(0, 0%, 100%, .1) !important;
    --white-a5: hsla(0, 0%, 100%, .05) !important;
    --gray-a100: #363740 !important;
    --gray-a95: rgba(54, 55, 64, .95) !important;
    --gray-a90: rgba(54, 55, 64, .9) !important;
    --gray-a85: rgba(54, 55, 64, .85) !important;
    --gray-a80: rgba(54, 55, 64, .8) !important;
    --gray-a75: rgba(54, 55, 64, .75) !important;
    --gray-a70: rgba(54, 55, 64, .7) !important;
    --gray-a65: rgba(54, 55, 64, .65) !important;
    --gray-a60: rgba(54, 55, 64, .6) !important;
    --gray-a55: rgba(54, 55, 64, .55) !important;
    --gray-a50: rgba(54, 55, 64, .5) !important;
    --gray-a45: rgba(54, 55, 64, .45) !important;
    --gray-a40: rgba(54, 55, 64, .4) !important;
    --gray-a35: rgba(54, 55, 64, .35) !important;
    --gray-a30: rgba(54, 55, 64, .3) !important;
    --gray-a25: rgba(54, 55, 64, .25) !important;
    --gray-a20: rgba(54, 55, 64, .2) !important;
    --gray-a15: rgba(54, 55, 64, .15) !important;
    --gray-a10: rgba(54, 55, 64, .1) !important;
    --gray-a5: rgba(54, 55, 64, .05) !important;
    --gray-10: #15151a !important;
    --gray-15: #1f2026 !important;
    --gray-20: #2a2b33 !important;
    --gray-25: #363740 !important;
    --gray-30: #41434d !important;
    --gray-35: #4d4f59 !important;
    --gray-40: #595b66 !important;
    --gray-45: #656773 !important;
    --gray-50: #717480 !important;
    --gray-55: #7e818c !important;
    --gray-60: #8b8e99 !important;
    --gray-65: #999ca6 !important;
    --gray-70: #a6a9b2 !important;
    --gray-75: #b4b7bf !important;
    --gray-80: #c2c5cc !important;
    --gray-85: #d0d3d9 !important;
    --gray-87: #d5d8de !important;
    --gray-90: #dee0e5 !important;
    --gray-91: #e1e3e8 !important;
    --gray-92: #e4e6eb !important;
    --gray-93: #e6e8ed !important;
    --gray-94: #e9ebf0 !important;
    --gray-95: #edeff2 !important;
    --gray-96: #f0f2f5 !important;
    --gray-97: #f2f4f7 !important;
    --gray-98: #f5f7fa !important;
    --gray-99: #f7f9fc !important;
    --green-90: #d7f4dd !important;
    --green-92: #dff7e4 !important;
    --green-95: #ebfaee !important;
    --green-96: #effbf1 !important;
    --green-97: #f4fcf6 !important;
    --green-10: #001f0e !important;
    --green-15: #003017 !important;
    --green-20: #00421d !important;
    --green-25: #005424 !important;
    --green-30: #006629 !important;
    --green-35: #007830 !important;
    --green-40: #008a32 !important;
    --green-45: #009c38 !important;
    --green-50: #00ad3a !important;
    --green-55: #13be4c !important;
    --green-60: #2cc95b !important;
    --green-70: #62da82 !important;
    --green-75: #80e099 !important;
    --green-80: #9de7ae !important;
    --green-85: #baedc6 !important;
    --green-65: #44d56f !important;
    --red-10: #330600 !important;
    --red-15: #4d0900 !important;
    --red-20: #660c00 !important;
    --red-25: #800f00 !important;
    --red-30: #991200 !important;
    --red-35: #b21500 !important;
    --red-40: #cc1800 !important;
    --red-45: #e51b00 !important;
    --red-50: #ff1e00 !important;
    --red-55: #ff3419 !important;
    --red-60: #ff462d !important;
    --red-65: #ff624d !important;
    --red-70: #ff7866 !important;
    --red-75: #ff8f80 !important;
    --red-80: #ffa599 !important;
    --red-85: #ffbbb2 !important;
    --red-90: #ffd2cc !important;
    --red-92: #ffdbd6 !important;
    --red-95: #ffe8e5 !important;
    --red-96: #ffedeb !important;
    --red-97: #fff2f0 !important;
	--autotc-orange-40: #FB9D38 !important;
	--autotc-orange-50: #FC8E19 !important;
	--autotc-orange-60: #F88205 !important;
    --blue-10: #050233 !important;
    --blue-15: #06054d !important;
    --blue-20: #080b66 !important;
    --blue-25: #0d1680 !important;
    --blue-30: #122499 !important;
    --blue-35: #1935b2 !important;
    --blue-40: #2149cc !important;
    --blue-45: #295fe5 !important;
    --blue-50: #37f !important;
    --blue-55: #478eff !important;
    --blue-60: #5ca3ff !important;
    --blue-65: #70b5ff !important;
    --blue-70: #85c6ff !important;
    --blue-75: #99d5ff !important;
    --blue-80: #ade1ff !important;
    --blue-85: #c2ecff !important;
    --blue-90: #d6f4ff !important;
    --blue-92: #def6ff !important;
    --blue-95: #ebfbff !important;
    --blue-96: #f0fcff !important;
    --blue-97: #f2fcff !important;
    --violet-10: #0d0233 !important;
    --violet-15: #140447 !important;
    --violet-20: #1e075c !important;
    --violet-25: #260b70 !important;
    --violet-30: #331085 !important;
    --violet-35: #3d1599 !important;
    --violet-40: #4c1cad !important;
    --violet-45: #5823c2 !important;
    --violet-50: #6a2bd6 !important;
    --violet-55: #8042eb !important;
    --violet-60: #9d5cff !important;
    --violet-65: #a970ff !important;
    --violet-70: #ba85ff !important;
    --violet-75: #c599ff !important;
    --violet-80: #d3adff !important;
    --violet-85: #dec2ff !important;
    --violet-90: #ebd6ff !important;
    --violet-92: #efdeff !important;
    --violet-95: #f2e5ff !important;
    --violet-96: #f5ebff !important;
    --violet-97: #f9f2ff !important;
    --pink-10: #29000b !important;
    --pink-15: #470015 !important;
    --pink-20: #602 !important;
    --pink-25: #80002f !important;
    --pink-30: #99003d !important;
    --pink-35: #ad0c52 !important;
    --pink-40: #c21b69 !important;
    --pink-45: #d12c7f !important;
    --pink-50: #e03f95 !important;
    --pink-55: #eb52a9 !important;
    --pink-60: #f567bc !important;
    --pink-65: #fa7acb !important;
    --pink-70: #ff8fda !important;
    --pink-75: #ffa1e3 !important;
    --pink-80: #ffb2eb !important;
    --pink-85: #ffc4f1 !important;
    --pink-90: #ffd6f7 !important;
    --pink-92: #ffdef8 !important;
    --pink-95: #ffe8fb !important;
    --pink-96: #ffebfc !important;
    --pink-97: #fff0fd !important;
    --orange-10: #310 !important;
    --orange-15: #4d1a00 !important;
    --orange-20: #662700 !important;
    --orange-25: #803100 !important;
    --orange-30: #994200 !important;
    --orange-35: #b24d00 !important;
    --orange-40: #cc6300 !important;
    --orange-45: #e56f00 !important;
    --orange-50: #f80 !important;
    --orange-55: #ff941a !important;
    --orange-60: #fa3 !important;
    --orange-65: #ffb54c !important;
    --orange-70: #ffc766 !important;
    --orange-75: #ffd080 !important;
    --orange-80: #ffdf99 !important;
    --orange-85: #ffe7b2 !important;
    --orange-90: #fff1cc !important;
    --orange-92: #fff4d6 !important;
    --orange-95: #fff8e6 !important;
    --orange-96: #fffaeb !important;
    --orange-97: #fffbf0 !important;
    --gray-a8: rgba(54, 55, 64, .08) !important;
    --transparent: #fff !important;
    --market-bb01: #ff462d !important;
    --market-bb02: #fff014 !important;
    --market-bb03: #282828 !important;
    --market-bb04: #fff !important;
    --white: var(--white-a100);
    --background-primary: var(--white-a100) !important;
    --background-secondary: var(--gray-97) !important;
    --background-tertiary: var(--white-a100) !important;
    --background-quaternary: var(--gray-97) !important;
    --background-skeleton-onprimary: var(--gray-98) !important;
    --background-skeleton-onsecondary: var(--white-a90) !important;
    --background-overlay-default: var(--black-a30) !important;
    --background-overlay-blurred: var(--black-a20) !important;
    --background-popover-default: var(--white-a100) !important;
    --background-popover-inverted: var(--gray-15) !important;
    --background-popover-defaultconstant: var(--white-a100) !important;
    --background-popover-invertedconstant: var(--gray-15) !important;
    --background-secondary-alpha: rgba(0, 39, 98, .05) !important;
    --badge-bg-installment: var(--gray-95) !important;
    --badge-bg-sale: var(--red-60) !important;
    --badge-bg-flashsale: var(--pink-55) !important;
    --badge-bg-neutral: var(--gray-95) !important;
    --border-inverse-strong: var(--white-a100) !important;
    --badge-bg-lowstock: var(--red-96) !important;
    --badge-text-sale: var(--white-a100) !important;
    --badge-bg-white: var(--white-a100) !important;
    --badge-text-white: var(--gray-40) !important;
    --badge-bg-discount: var(--red-95) !important;
    --badge-text-discount: var(--red-60) !important;
    --badge-bg-delivery: var(--green-45) !important;
    --badge-bg-deliveryalt: var(--green-92) !important;
    --badge-text-delivery: var(--white-a100) !important;
    --badge-text-deliveryalt: var(--gray-15) !important;
    --border-strong: var(--gray-a25) !important;
    --border-regular: var(--gray-a20) !important;
    --border-subtle: var(--gray-a8) !important;
    --border-disabled: var(--gray-a8) !important;
    --border-focused: var(--gray-15) !important;
    --border-accented: var(--red-60) !important;
    --border-info: var(--blue-50) !important;
    --border-positive: var(--green-45) !important;
    --border-caution: var(--orange-50) !important;
    --border-negative: var(--red-45) !important;
    --border-focus: var(--blue-65) !important;
    --box-shadow-soft-small: 0px 6px 12px -4px rgba(31, 32, 38, .04), 0px 12px 24px -6px rgba(31, 32, 38, .08);
    --box-shadow-soft-medium: 0px -12px 24px -6px rgba(31, 32, 38, .12), 0px -24px 48px -12px rgba(31, 32, 38, .24);
    --box-shadow-hard-medium: 0px 4px 8px 4px rgba(31, 32, 38, .08), 0px 2px 4px 0px rgba(31, 32, 38, .16);
    --button-primary-accented-rest: var(--autotc-orange-50) !important;
    --button-primary-accented-hovered: var(--autotc-orange-60) !important;
    --button-primary-accented-pressed: var(--autotc-orange-40) !important;
    --button-primary-neutral-rest: var(--gray-15) !important;
    --button-primary-neutral-hovered: var(--gray-25) !important;
    --button-primary-neutral-pressed: var(--gray-10) !important;
    --button-secondary-neutral-onprimary-rest: var(--gray-97) !important;
    --button-secondary-neutral-onprimary-hovered: var(--gray-93) !important;
    --button-secondary-neutral-onprimary-pressed: var(--gray-90) !important;
    --button-secondary-neutral-onsecondary-rest: var(--gray-93) !important;
    --button-secondary-neutral-onsecondary-hovered: var(--gray-90) !important;
    --button-secondary-neutral-onsecondary-pressed: var(--gray-87) !important;
    --button-tertiary-neutral-onprimary-rest: var(--transparent) !important;
    --button-tertiary-neutral-onprimary-hovered: var(--gray-93) !important;
    --button-tertiary-neutral-onprimary-pressed: var(--gray-90) !important;
    --button-tertiary-neutral-onsecondary-rest: var(--transparent) !important;
    --button-tertiary-neutral-onsecondary-hovered: var(--gray-90) !important;
    --button-tertiary-neutral-onsecondary-pressed: var(--gray-87) !important;
    --button-disabled-onprimary: var(--gray-97) !important;
    --button-disabled-onsecondary: var(--gray-93) !important;
    --button-secondary-accented-rest: var(--red-97) !important;
    --button-secondary-accented-hovered: var(--red-92) !important;
    --button-secondary-accented-pressed: var(--red-90) !important;
    --button-secondary-neutral-ontertiary-rest: var(--gray-97) !important;
    --button-secondary-neutral-ontertiary-hovered: var(--gray-93) !important;
    --button-secondary-neutral-ontertiary-pressed: var(--gray-90) !important;
    --button-primary-inverted-rest: var(--white-a100) !important;
    --button-primary-inverted-hovered: var(--white-a85) !important;
    --button-primary-inverted-pressed: var(--white-a75) !important;
    --button-secondary-inverted-rest: var(--white-a30) !important;
    --button-secondary-inverted-hovered: var(--white-a45) !important;
    --button-secondary-inverted-pressed: var(--white-a50) !important;
    --icon-primary: var(--gray-15) !important;
    --icon-secondary: var(--gray-55) !important;
    --icon-tertiary-outlined: var(--gray-0) !important;
    --icon-tertiary-filled: var(--gray-75) !important;
    --icon-disabled: var(--gray-a30) !important;
    --icon-inverse-primary: var(--white-a100) !important;
    --icon-inverse-secondary: var(--white-a70) !important;
    --icon-inverse-disabled: var(--white-a40) !important;
    --icon-accented: var(--green-50) !important;
    --icon-flashsale: var(--pink-55) !important;
    --icon-info: var(--blue-55) !important;
    --icon-positive: var(--green-50) !important;
    --icon-caution: var(--orange-50) !important;
    --icon-negative: var(--red-50) !important;
    --icon-favorite-accented: var(--red-60) !important;
    --icon-rating-accented: var(--orange-65) !important;
    --icon-rating-neutral: var(--gray-90) !important;
    --icon-lastitem: var(--red-50) !important;
    --icon-link-accented-rest: var(--blue-50) !important;
    --icon-link-accented-hovered: var(--blue-45) !important;
    --icon-link-accented-pressed: var(--blue-45) !important;
    --icon-link-neutral-rest: var(--gray-60) !important;
    --icon-link-neutral-hovered: var(--gray-15) !important;
    --icon-link-neutral-pressed: var(--gray-15) !important;
    --icon-button-accented-rest: var(--blue-50) !important;
    --icon-button-accented-hovered: var(--blue-45) !important;
    --icon-button-accented-pressed: var(--blue-45) !important;
    --icon-button-neutral-rest: var(--gray-60) !important;
    --icon-button-neutral-hovered: var(--gray-15) !important;
    --icon-button-neutral-pressed: var(--gray-15) !important;
    --page-control-indicator-pressed: var(--red-60) !important;
    --rounding100: 8px !important;
    --rounding150: 12px !important;
    --rounding200: 16px !important;
    --rounding250: 20px !important;
    --rounding300: 24px !important;
    --rounding450: 36px !important;
    --roundingfull: 100px !important;
    --spacing50: 4px !important;
    --spacing100: 8px !important;
    --spacing125: 10px !important;
    --spacing150: 12px !important;
    --spacing175: 14px !important;
    --spacing200: 16px !important;
    --spacing250: 20px !important;
    --spacing300: 24px !important;
    --spacing400: 32px !important;
    --spacing450: 36px !important;
    --surface-primary-rest: var(--white-a100) !important;
    --surface-primary-hovered: var(--gray-98) !important;
    --surface-primary-pressed: var(--gray-95) !important;
    --surface-secondary-rest: var(--gray-97) !important;
    --surface-secondary-hovered: var(--gray-94) !important;
    --surface-secondary-pressed: var(--gray-91) !important;
    --surface-info-rest: var(--blue-95) !important;
    --surface-info-hovered: var(--blue-92) !important;
    --surface-info-pressed: var(--blue-90) !important;
    --surface-positive-rest: var(--green-95) !important;
    --surface-positive-hovered: var(--green-92) !important;
    --surface-positive-pressed: var(--green-90) !important;
    --surface-caution-rest: var(--orange-95) !important;
    --surface-caution-hovered: var(--orange-92) !important;
    --surface-caution-pressed: var(--orange-90) !important;
    --surface-negative-rest: var(--red-97) !important;
    --surface-negative-hovered: var(--red-95) !important;
    --surface-negative-pressed: var(--red-92) !important;
    --surface-light-default: var(--white-a100) !important;
    --surface-dark-default: var(--gray-15) !important;
    --surface-light-blurred: var(--white-a90) !important;
    --surface-dark-blurred: var(--gray-a80) !important;
    --surface-popover-blue: var(--blue-55) !important;
    --surface-tertiary-rest: var(--gray-95) !important;
    --surface-quarternary-rest: var(--white-a100) !important;
    --surface-inverted-rest: var(--gray-15) !important;
    --surface-inverted-hovered: var(--gray-20) !important;
    --surface-inverted-pressed: var(--gray-15) !important;
    --text-primary: var(--gray-15) !important;
    --text-secondary: var(--gray-40) !important;
    --text-tertiary: var(--gray-60) !important;
    --text-disabled: var(--gray-a35) !important;
    --text-inverse-primary: var(--white-a100) !important;
    --text-inverse-secondary: var(--white-a70) !important;
    --text-inverse-disabled: var(--white-a40) !important;
    --text-accented: var(--green-50) !important;
    --text-flashsale: var(--pink-50) !important;
    --text-info: var(--blue-50) !important;
    --text-positive: var(--green-45) !important;
    --text-caution: var(--orange-50) !important;
    --text-negative: var(--red-45) !important;
    --text-primary-light: var(--gray-20) !important;
    --text-link-brand-rest: var(--red-60) !important;
    --text-link-brand-hovered: var(--red-50) !important;
    --text-link-brand-pressed: var(--red-50) !important;
    --text-link-accented-rest: var(--blue-50) !important;
    --text-link-accented-hovered: var(--blue-45) !important;
    --text-link-accented-pressed: var(--blue-45) !important;
    --text-link-neutral-rest: var(--gray-60) !important;
    --text-link-neutral-hovered: var(--gray-15) !important;
    --text-link-neutral-pressed: var(--gray-15) !important;
    --text-link-neutral-inline-rest: var(--gray-15) !important;
    --text-link-neutral-inline-hovered: var(--gray-25) !important;
    --text-link-neutral-inline-pressed: var(--gray-25) !important;
    --icon-link-neutral-inline-rest: var(--gray-15) !important;
    --icon-link-neutral-inline-hovered: var(--gray-25) !important;
    --icon-link-neutral-inline-pressed: var(--gray-25) !important;
    --text-button-accented-rest: var(--blue-50) !important;
    --text-button-accented-hovered: var(--blue-45) !important;
    --text-button-accented-pressed: var(--blue-45) !important;
    --text-button-neutral-rest: var(--gray-60) !important;
    --text-button-neutral-hovered: var(--gray-15) !important;
    --text-button-neutral-pressed: var(--gray-15) !important;
    --typography-font: Inter, sans-serif;
    --typography-font-size-body-s: 12px;
    --typography-font-size-body-m: 14px;
    --typography-line-height-default-body-s: 16px;
    --typography-line-height-default-body-m: 18px;
    --display-m-bold: 42px !important;
    --display-s-bold: 36px !important;
    --headline-l-medium: 32px !important;
    --headline-l-semibold: 32px !important;
    --headline-l-bold: 32px !important;
    --headline-m-medium: 28px !important;
    --headline-m-semibold: 28px !important;
    --headline-m-bold: 28px !important;
    --headline-s-medium: 24px !important;
    --headline-s-semibold: 24px !important;
    --headline-s-bold: 24px !important;
    --title-l-medium: 22px !important;
    --title-l-medium-long: 22px !important;
    --title-l-semibold: 22px !important;
    --title-l-semibold-long: 22px !important;
    --title-l-bold: 22px !important;
    --title-l-bold-long: 22px !important;
    --title-m-medium: 20px !important;
    --title-m-medium-long: 20px !important;
    --title-m-semibold: 20px !important;
    --title-m-semibold-long: 20px !important;
    --title-m-bold: 20px !important;
    --title-m-bold-long: 20px !important;
    --title-s-medium: 18px !important;
    --title-s-medium-long: 18px !important;
    --title-s-semibold: 18px !important;
    --title-s-semibold-long: 18px !important;
    --title-s-bold: 18px !important;
    --title-s-bold-long: 18px !important;
    --body-l-regular: 16px !important;
    --body-l-regular-long: 16px !important;
    --body-l-medium: 16px !important;
    --body-l-medium-long: 16px !important;
    --body-l-semibold: 16px !important;
    --body-l-semibold-long: 16px !important;
    --body-l-bold: 16px !important;
    --body-l-bold-long: 16px !important;
    --body-m-regular: 14px !important;
    --body-m-regular-long: 14px !important;
    --body-m-medium: 14px !important;
    --body-m-medium-long: 14px !important;
    --body-m-semibold: 14px !important;
    --body-m-semibold-long: 14px !important;
    --body-m-bold: 14px !important;
    --body-m-bold-long: 14px !important;
    --body-s-regular: 12px !important;
    --body-s-regular-long: 12px !important;
    --body-s-medium: 12px !important;
    --body-s-medium-long: 12px !important;
    --body-s-semibold: 12px !important;
    --body-s-semibold-long: 12px !important;
    --body-s-bold: 12px !important;
    --body-s-bold-long: 12px !important;
    --caption-l-medium: 12px !important;
    --caption-l-regular: 12px !important;
    --caption-m-regular: 11px !important;
    --caption-m-medium: 11px !important;
    --caption-s-regular: 10px !important;
    --caption-s-medium: 10px !important
}

.text-ui-xs-regular {
    font-weight: 400
}

.text-ui-xs-medium, .text-ui-xs-regular {
    font-family: HeliosC;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16px
}

.text-ui-xs-medium {
    font-weight: 500
}

.text-ui-s-regular {
    font-weight: 400
}

.text-ui-s-medium, .text-ui-s-regular {
    font-family: HeliosC;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 18px
}

.text-ui-s-medium {
    font-weight: 500
}

.text-ui-s-semibold {
    font-family: HeliosC;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px
}

.text-ui-m-regular {
    font-weight: 400
}

.text-ui-m-medium, .text-ui-m-regular {
    font-family: HeliosC;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px
}

.text-ui-m-medium {
    font-weight: 500
}

.text-ui-m-semibold {
    font-family: HeliosC;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px
}

.text-ui-l-regular {
    font-weight: 400
}

.text-ui-l-medium, .text-ui-l-regular {
    font-family: HeliosC;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px
}

.text-ui-l-medium {
    font-weight: 500
}

.text-ui-l-semibold {
    font-family: HeliosC;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px
}

.text-ui-xl-regular {
    font-weight: 400
}

.text-ui-xl-medium, .text-ui-xl-regular {
    font-family: HeliosC;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px
}

.text-ui-xl-medium {
    font-weight: 500
}

.text-display-m-bold {
    font-family: HeliosC;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: -.014em;
    line-height: 48px
}

.text-display-s-bold {
    font-family: HeliosC;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -.013em;
    line-height: 44px
}

.text-headline-l-medium {
    font-weight: 500
}

.text-headline-l-medium, .text-headline-l-semibold {
    font-family: HeliosC;
    font-size: 32px;
    letter-spacing: -.01em;
    line-height: 40px
}

.text-headline-l-semibold {
    font-weight: 600
}

.text-headline-l-bold {
    font-family: HeliosC;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 40px
}

.text-headline-m-medium {
    font-weight: 500
}

.text-headline-m-medium, .text-headline-m-semibold {
    font-family: HeliosC;
    font-size: 28px;
    letter-spacing: -.009em;
    line-height: 36px
}

.text-headline-m-semibold {
    font-weight: 600
}

.text-headline-m-bold {
    font-family: HeliosC;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -.009em;
    line-height: 36px
}

.text-headline-s-medium {
    font-weight: 500
}

.text-headline-s-medium, .text-headline-s-semibold {
    font-family: HeliosC;
    font-size: 24px;
    letter-spacing: -.01em;
    line-height: 30px
}

.text-headline-s-semibold {
    font-weight: 600
}

.text-headline-s-bold {
    font-family: HeliosC;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 30px
}

.text-title-l-medium {
    font-weight: 500
}

.text-title-l-medium, .text-title-l-semibold {
    font-family: HeliosC;
    font-size: 22px;
    letter-spacing: -.01em;
    line-height: 28px
}

.text-title-l-semibold {
    font-weight: 600
}

.text-title-l-bold {
    font-weight: 700;
    line-height: 28px
}

.text-title-l-bold, .text-title-l-medium-long {
    font-family: HeliosC;
    font-size: 22px;
    letter-spacing: -.01em
}

.text-title-l-medium-long {
    font-weight: 500;
    line-height: 32px
}

.text-title-l-semibold-long {
    font-weight: 600
}

.text-title-l-bold-long, .text-title-l-semibold-long {
    font-family: HeliosC;
    font-size: 22px;
    letter-spacing: -.01em;
    line-height: 28px
}

.text-title-l-bold-long {
    font-weight: 700
}

.text-title-m-medium {
    font-weight: 500
}

.text-title-m-medium, .text-title-m-semibold {
    font-family: HeliosC;
    font-size: 20px;
    letter-spacing: -.009em;
    line-height: 24px
}

.text-title-m-semibold {
    font-weight: 600
}

.text-title-m-bold {
    font-family: HeliosC;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.009em;
    line-height: 24px
}

.text-title-m-medium-long {
    font-weight: 500
}

.text-title-m-medium-long, .text-title-m-semibold-long {
    font-family: HeliosC;
    font-size: 20px;
    letter-spacing: -.009em;
    line-height: 30px
}

.text-title-m-semibold-long {
    font-weight: 600
}

.text-title-m-bold-long {
    font-family: HeliosC;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.009em;
    line-height: 30px
}

.text-title-s-medium {
    font-weight: 500
}

.text-title-s-medium, .text-title-s-semibold {
    font-family: HeliosC;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 22px
}

.text-title-s-semibold {
    font-weight: 600
}

.text-title-s-bold {
    font-family: HeliosC;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px
}

.text-title-s-medium-long {
    font-weight: 500
}

.text-title-s-medium-long, .text-title-s-semibold-long {
    font-family: HeliosC;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 28px
}

.text-title-s-semibold-long {
    font-weight: 600
}

.text-title-s-bold-long {
    font-family: HeliosC;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 28px
}

.text-body-l-regular {
    font-weight: 400
}

.text-body-l-medium, .text-body-l-regular {
    font-family: HeliosC;
    font-size: 16px;
    letter-spacing: .004em;
    line-height: 20px
}

.text-body-l-medium {
    font-weight: 500
}

.text-body-l-semibold {
    font-weight: 600
}

.text-body-l-bold, .text-body-l-semibold {
    font-family: HeliosC;
    font-size: 16px;
    letter-spacing: .004em;
    line-height: 20px
}

.text-body-l-bold {
    font-weight: 700
}

.text-body-l-regular-long {
    font-weight: 400
}

.text-body-l-medium-long, .text-body-l-regular-long {
    font-family: HeliosC;
    font-size: 16px;
    letter-spacing: .004em;
    line-height: 24px
}

.text-body-l-medium-long {
    font-weight: 500
}

.text-body-l-semibold-long {
    font-weight: 600
}

.text-body-l-bold-long, .text-body-l-semibold-long {
    font-family: HeliosC;
    font-size: 16px;
    letter-spacing: .004em;
    line-height: 24px
}

.text-body-l-bold-long {
    font-weight: 700
}

.text-body-m-regular {
    font-weight: 400
}

.text-body-m-medium, .text-body-m-regular {
    font-family: HeliosC;
    font-size: 16px;
    letter-spacing: .006em;
    line-height: 18px
}

.text-body-m-medium {
    font-weight: 500
}

.text-body-m-semibold {
    font-weight: 600
}

.text-body-m-bold, .text-body-m-semibold {
    font-family: HeliosC;
    font-size: 16px;
    letter-spacing: .006em;
    line-height: 18px
}

.text-body-m-bold {
    font-weight: 700
}

.text-body-m-regular-long {
    font-weight: 400
}

.text-body-m-medium-long, .text-body-m-regular-long {
    font-family: HeliosC;
    font-size: 16px;
    letter-spacing: .006em;
    line-height: 20px
}

.text-body-m-medium-long {
    font-weight: 500
}

.text-body-m-semibold-long {
    font-weight: 600
}

.text-body-m-bold-long, .text-body-m-semibold-long {
    font-family: HeliosC;
    font-size: 16px;
    letter-spacing: .006em;
    line-height: 20px
}

.text-body-m-bold-long {
    font-weight: 700
}

.text-body-s-regular {
    font-weight: 400
}

.text-body-s-medium, .text-body-s-regular {
    font-family: HeliosC;
    font-size: 13px;
    letter-spacing: .008em;
    line-height: 16px
}

.text-body-s-medium {
    font-weight: 500
}

.text-body-s-semibold {
    font-weight: 600
}

.text-body-s-bold, .text-body-s-semibold {
    font-family: HeliosC;
    font-size: 13px;
    letter-spacing: .008em;
    line-height: 16px
}

.text-body-s-bold {
    font-weight: 700
}

.text-body-s-regular-long {
    font-weight: 400
}

.text-body-s-medium-long, .text-body-s-regular-long {
    font-family: HeliosC;
    font-size: 13px;
    letter-spacing: .008em;
    line-height: 18px
}

.text-body-s-medium-long {
    font-weight: 500
}

.text-body-s-semibold-long {
    font-weight: 600
}

.text-body-s-bold-long, .text-body-s-semibold-long {
    font-family: HeliosC;
    font-size: 13px;
    letter-spacing: .008em;
    line-height: 18px
}

.text-body-s-bold-long {
    font-weight: 700
}

.text-caption-m-regular {
    font-weight: 400
}

.text-caption-m-medium, .text-caption-m-regular {
    font-family: HeliosC;
    font-size: 13px;
    letter-spacing: .008em;
    line-height: 16px
}

.text-caption-m-medium {
    font-weight: 500
}

.text-caption-s-regular {
    font-weight: 400
}

.text-caption-s-medium, .text-caption-s-regular {
    font-family: HeliosC;
    font-size: 12px;
    letter-spacing: .01em;
    line-height: 16px
}

.text-caption-s-medium {
    font-weight: 500
}

:root {
    --color-border-auxiliary-on-primary: #1f2026;
    --color-border-auxiliary-on-secondary: #d5d7de;
    --color-border-emphasis-on-primary: #d0d2d9;
    --color-border-emphasis-on-secondary: #c2c5cc;
    --color-border-disabled-on-primary: #dee0e5;
    --color-border-disabled-on-secondary: #dee0e5;
    --color-border-focus: #15151a;
    --color-border-error: #fa0000;
    --color-border-warning: #fa6800;
    --color-border-success: #00ab4a;
    --color-button-primary-rest: #1f2026;
    --color-button-primary-hovered: #2a2b33;
    --color-button-primary-pressed: #15151a;
    --color-button-primary-disabled: #f7f9fc;
    --color-button-secondary-rest: #f5f6fa;
    --color-button-secondary-hovered: #edeff2;
    --color-button-secondary-pressed: #e1e3e8;
    --color-button-secondary-disabled: #f7f9fc;
    --color-button-accented-rest: #fa0000;
    --color-button-accented-hovered: #ff3336;
    --color-button-accented-pressed: #e00000;
    --color-button-accented-disabled: #f7f9fc;
    --color-field-primary-rest: #edeff2;
    --color-field-primary-hovered: #edeff2;
    --color-field-primary-disabled: #edeff2;
    --color-field-secondary-rest: #fff;
    --color-icon-primary: #15151a;
    --color-icon-secondary: #999ba6;
    --color-icon-tertiary: #c2c4cc;
    --color-icon-on-surface: #fff;
    --color-icon-error: #fa0000;
    --color-icon-warning: #fa6800;
    --color-icon-success: #00ab4a;
    --color-icon-disabled: #595a66;
    --color-icon-decorative-one: #0c80ed;
    --color-icon-decorative-two: #0036fa;
    --color-icon-decorative-three: #f261a2;
    --color-icon-decorative-four: #ff9633;
    --color-icon-active: #fa0000;
    --color-background-primary: #fff;
    --color-background-secondary: #f2f4f7;
    --color-surface-primary-rest: #fff;
    --color-surface-primary-hovered: #f7f7f7;
    --color-surface-primary-pressed: #f2f2f2;
    --color-surface-primary-disabled: #fff;
    --color-surface-secondary-rest: #f2f4f7;
    --color-surface-secondary-hovered: #edeff2;
    --color-surface-secondary-pressed: #e6e8ed;
    --color-surface-secondary-disabled: #f7f9fc;
    --color-surface-error-rest: #fff2f4;
    --color-surface-error-hovered: #ffedf0;
    --color-surface-error-pressed: #ffe5e9;
    --color-surface-warning-rest: #fff8e6;
    --color-surface-warning-hovered: #fff4d9;
    --color-surface-warning-pressed: #ffefcc;
    --color-surface-success-rest: #edfaef;
    --color-surface-success-hovered: #e1f7e5;
    --color-surface-success-pressed: #d7f5dd;
    --color-surface-information-rest: #f0fafc;
    --color-surface-information-hovered: #e3f7fc;
    --color-surface-information-pressed: #d7f4fc;
    --color-surface-decorative-one-rest: #e6f6ff;
    --color-surface-decorative-two-rest: #fff2fc;
    --color-actions-primary: #1f2026;
    --color-actions-error: #e00000;
    --color-actions-warning: #e04f00;
    --color-actions-success: #ffe5e9;
    --color-badge-one: #656773;
    --color-badge-two: #f00000;
    --color-badge-three: #f05c00;
    --color-badge-four-primary: #009945;
    --color-badge-four-secondary: rgba(0, 122, 59, .2);
    --color-badge-five: #0071e3;
    --color-badge-six: #002cf0;
    --color-badge-seven: #e84f8f;
    --color-text-primary: #1f2026;
    --color-text-secondary: #4d4e59;
    --color-text-tertiary: #8b8e99;
    --color-text-on-surface: #fff;
    --color-text-error: #f00000;
    --color-text-warning: #f05c00;
    --color-text-success: #009945;
    --color-text-disabled: #a6a9b2;
    --color-text-decorative-one: #0071e3;
    --color-text-decorative-two: #002cf0;
    --color-text-decorative-three: #e84f8f;
    --color-text-link-rest: #0071e3;
    --color-text-link-hovered: #0066d4;
    --color-text-link-pressed: #0059bf;
    --color-text-link-focus: #19c5ff
}

:root .theme-dark {
    --color-border-auxiliary-on-primary: #e4e6eb;
    --color-border-auxiliary-on-secondary: #2a2b33;
    --color-border-emphasis-on-primary: #2a2b33;
    --color-border-emphasis-on-secondary: #363640;
    --color-border-disabled-on-primary: #1f2026;
    --color-border-disabled-on-secondary: #363640;
    --color-border-focus: #f7f9fc;
    --color-border-error: #f00000;
    --color-border-warning: #f05c00;
    --color-border-success: #009945;
    --color-button-primary-rest: #edeff2;
    --color-button-primary-hovered: #dfe1e5;
    --color-button-primary-pressed: #d0d2d9;
    --color-button-primary-disabled: #595a66;
    --color-button-secondary-rest: #2a2b33;
    --color-button-secondary-hovered: #1f2026;
    --color-button-secondary-pressed: #15151a;
    --color-button-secondary-disabled: #595a66;
    --color-button-accented-rest: #e00000;
    --color-button-accented-hovered: #c00;
    --color-button-accented-pressed: #b20000;
    --color-button-accented-disabled: #595a66;
    --color-field-primary-rest: #1f2026;
    --color-field-primary-hovered: #2a2b33;
    --color-field-primary-disabled: #2a2b33;
    --color-field-secondary-rest: #2a2b33;
    --color-icon-primary: #f7f9fc;
    --color-icon-secondary: #8b8e99;
    --color-icon-tertiary: #656773;
    --color-icon-error: #f00000;
    --color-icon-warning: #f05c00;
    --color-icon-success: #009945;
    --color-icon-decorative-one: #0071e3;
    --color-icon-decorative-two: #002cf0;
    --color-icon-decorative-three: #e84f8f;
    --color-icon-decorative-four: #ff811a;
    --color-icon-active: #f00000;
    --color-background-primary: #000;
    --color-background-secondary: #1f2026;
    --color-surface-primary-rest: #15151a;
    --color-surface-primary-hovered: #1f2026;
    --color-surface-primary-pressed: #2a2b33;
    --color-surface-primary-disabled: #595a66;
    --color-surface-secondary-rest: #2a2b33;
    --color-surface-secondary-hovered: #363640;
    --color-surface-secondary-pressed: #41424d;
    --color-surface-secondary-disabled: #595a66;
    --color-surface-error-rest: #f9a;
    --color-surface-error-hovered: #ff8c9f;
    --color-surface-error-pressed: #ff8090;
    --color-surface-warning-rest: #ffd899;
    --color-surface-warning-hovered: #ffd38c;
    --color-surface-warning-pressed: #ffca80;
    --color-surface-success-rest: #9ce5ae;
    --color-surface-success-hovered: #90e5a5;
    --color-surface-success-pressed: #81de9b;
    --color-surface-information-rest: #a2e0fa;
    --color-surface-information-hovered: #96dcfa;
    --color-surface-information-pressed: #88d2f7;
    --color-surface-decorative-one-rest: #399ccf;
    --color-surface-decorative-two-rest: #ffc2ea;
    --color-actions-primary: #1f2026;
    --color-actions-error: #e00000;
    --color-actions-warning: #e04f00;
    --color-actions-success: #009945;
    --color-badge-one: #1f2026;
    --color-badge-two: #e00000;
    --color-badge-three: #e04f00;
    --color-badge-four-primary: #007a3b;
    --color-badge-four-secondary: rgba(0, 153, 69, .2);
    --color-badge-five: rgba(0, 113, 227, .9);
    --color-badge-six: #e00000;
    --color-badge-seven: #e04f00;
    --color-text-primary: #f7f9fc;
    --color-text-secondary: #a6a9b2;
    --color-text-tertiary: #8b8e99;
    --color-text-on-surface: #1f2026;
    --color-text-error: #f00000;
    --color-text-warning: #f05c00;
    --color-text-success: #009945;
    --color-text-disabled: #595a66;
    --color-text-decorative-one: #0071e3;
    --color-text-decorative-two: #002cf0;
    --color-text-decorative-three: #e84f8f;
    --color-text-link-rest: #56b5f5;
    --color-text-link-hovered: #3da5f5;
    --color-text-link-pressed: #2492f2;
    --color-text-link-focus: #19c5ff
}

@media (max-width: 639px) {
    body, html {
        font-size: 14px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    body, html {
        font-size: 14px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    body, html {
        font-size: 16px
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    body, html {
        font-size: 16px
    }
}

@media (min-width: 1920px) {
    body, html {
        font-size: 16px
    }
}

.feedback-modal-block {
    overflow: hidden
}

.layout-empty[data-v-37b9b55d] {
    background-color: #fff
}

.item-link[ui-45] {
    -webkit-tap-highlight-color: var(--background-secondary-alpha);
    height: 100%;
    width: 100%
}

.item-link[ui-45], .item[ui-45] {
    align-items: center;
    display: flex;
    justify-content: center
}

.item[ui-45] {
    color: #8b8e99;
    flex-direction: column
}

.text[ui-45] {
    font-family: HeliosC;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    margin-top: 2px;
    text-align: center
}

.active[ui-45] {
    color: #ff462d
}

.active[ui-45] svg * {
    fill: #ff462d
}

.catalog-item[data-v-6e6038dc] {
    align-items: center;
    color: #1f2026;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    gap: 16px;
    line-height: 20px;
    padding: 16px;
    position: relative
}

.catalog-item-active[data-v-6e6038dc] {
    font-weight: 600
}

.icon-wrap[data-v-6e6038dc] {
    width: 24px
}

.icon-wrap img[data-v-6e6038dc] {
    height: 24px;
    width: 24px
}

.chevron[data-v-6e6038dc] {
    margin-left: auto;
    transform: rotate(90deg)
}

.chevron.external[data-v-6e6038dc] {
    transform: translateX(4px)
}

.chevron-reverse[data-v-6e6038dc] {
    transform: rotate(180deg)
}

.divider[data-v-6e6038dc] {
    background: #363740;
    bottom: 0;
    height: .5px;
    left: 56px;
    opacity: .25;
    position: absolute;
    right: 0;
    width: 100%
}

.catalog-item:last-child .divider[data-v-6e6038dc] {
    display: none
}

.catalog-modal[data-v-b1a443ca] {
    background: #fff;
    height: 100%;
    overflow-y: scroll;
    overscroll-behavior: contain;
    position: relative;
    z-index: 21
}

.catalog-modal__header[data-v-b1a443ca] {
    background-color: #fff;
    padding-bottom: 12px;
    position: sticky;
    top: -32px;
    z-index: 1
}

.search-wrap[data-v-b1a443ca] {
    height: 40px;
    margin-top: 0;
    position: relative;
    width: 100%
}

.top-text[data-v-b1a443ca] {
    background: #f2f4f7;
    color: #595b66;
    flex: none;
    flex-grow: 1;
    font-family: HeliosC;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 12px;
    order: 0;
    padding: 8px;
    text-align: center
}

.catalog[data-v-b1a443ca] {
    overflow-x: hidden
}

.promo-category[data-v-b1a443ca] {
    font-weight: 500
}

.contact-us-modal[data-v-e20f8c00] {
    width: 368px
}

@media (min-width: 640px) and (max-width: 959px) {
    .contact-us-modal[data-v-e20f8c00] {
        padding: 20px 16px;
        width: 100%
    }
}

@media (max-width: 639px) {
    .contact-us-modal[data-v-e20f8c00] {
        padding: 20px 16px;
        width: 100%
    }
}

.contact-us-modal .header[data-v-e20f8c00] {
    color: #151519;
    font-family: HeliosC;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    padding: 5px 0 0 8px
}

@media (min-width: 640px) and (max-width: 959px) {
    .contact-us-modal .header[data-v-e20f8c00] {
        padding-top: 0
    }
}

@media (max-width: 639px) {
    .contact-us-modal .header[data-v-e20f8c00] {
        padding-top: 0
    }
}

.contact-us-modal .content[data-v-e20f8c00] {
    margin-top: 32px
}

.contact-us-modal .content .description[data-v-e20f8c00] {
    color: #151519;
    font-family: HeliosC;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.125rem;
    margin: 0;
    padding-left: 8px
}

.contact-us-modal .content .list[data-v-e20f8c00] {
    display: flex;
    flex-direction: column;
    margin-top: 16px
}

.contact-us-modal .content .list .tile[data-v-e20f8c00] {
    align-items: center;
    border-radius: 12px;
    display: flex;
    margin-bottom: 6px;
    padding: 8px;
    text-decoration: none;
    width: 100%
}

.contact-us-modal .content .list .tile[data-v-e20f8c00]:last-child {
    margin: 0
}

.contact-us-modal .content .list .tile[data-v-e20f8c00]:hover {
    background: #f7f7f7
}

.contact-us-modal .content .list .tile img[data-v-e20f8c00] {
    cursor: pointer
}

.contact-us-modal .content .list .tile .text[data-v-e20f8c00] {
    color: #151519;
    font-family: HeliosC;
    font-size: .75rem;
    padding-left: 12px
}

.contact-us-modal .content .list .tile .text .title[data-v-e20f8c00] {
    font-weight: 600;
    line-height: 1rem;
    margin: 0
}

.contact-us-modal .content .list .tile .text .subtitle[data-v-e20f8c00] {
    color: #7d808c;
    font-weight: 400;
    line-height: 1rem;
    margin: 0
}

.contact-us-modal .mail[data-v-e20f8c00] {
    font-family: HeliosC;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    padding-left: 8px
}

.accordion__panel[data-v-029c4cf6] {
    -webkit-animation: linear;
    animation: linear;
    -webkit-transition: all;
    transition: all
}

.accordion__panel_hidden[data-v-029c4cf6] {
    overflow: hidden
}

.divider[ui-43] {
    background-color: rgba(54, 55, 64, .08);
    height: 1px;
    width: 100%
}

.button[data-v-a1b84152] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    all: unset;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.button_primary[data-v-a1b84152] {
    background-color: var(--button-primary-accented-rest);
    color: #fff
}

.button_primary[data-v-a1b84152]:hover {
    background-color: var(--button-primary-accented-hover)
}

.button_md[data-v-a1b84152] {
    border-radius: 10px;
    font-family: HeliosC;
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    letter-spacing: .006em;
    line-height: 18px;
    padding: 0 16px
}

.footer-ui-link[ui-40] {
    all: unset;
    cursor: pointer
}

.footer-link[ui-38] {
    cursor: pointer
}

.footer-links-desktop[ui-37] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.footer-links-desktop__title[ui-37] {
    color: color-text--primary;
    font-family: HeliosC;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .006em;
    line-height: 18px;
    margin-bottom: 8px
}

.footer-links-desktop__item[ui-37] {
    color: #8b8e99;
    font-family: HeliosC;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .006em;
    line-height: 18px
}

.footer-links-mobile__button[data-v-6f9d61ae] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    height: 60px;
    justify-content: space-between
}

.footer-links-mobile__button__title[data-v-6f9d61ae] {
    color: color-text--primary;
    font-family: HeliosC;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .006em;
    line-height: 18px;
    margin-bottom: 8px
}

.footer-links-mobile__button__chevron[data-v-6f9d61ae] {
    height: 20px;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    width: 20px
}

.footer-links-mobile__button__chevron_open[data-v-6f9d61ae] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.footer-links-mobile__list[data-v-6f9d61ae] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-bottom: 1px solid rgba(54, 55, 64, .08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 24px
}

.footer-links-mobile__list__item[data-v-6f9d61ae] {
    color: #8b8e99;
    font-family: HeliosC;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .006em;
    line-height: 18px
}

.footer-policy[ui-43] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    color: #8b8e99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
    padding: 16px 0;
    white-space: nowrap
}

@media (max-width: 639.98px) {
    .footer-policy[ui-43] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px;
        white-space: unset
    }
}

@media (min-width: 640px) and (max-width: 959.98px) {
    .footer-policy[ui-43] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px;
        white-space: unset
    }
}

.footer-policy__links[ui-43] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: HeliosC;
    font-size: 16px;
    font-weight: 500;
    font-weight: 400;
    gap: 16px;
    letter-spacing: .006em;
    line-height: 18px
}

@media (max-width: 639.98px) {
    .footer-policy__links[ui-43] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px
    }
}

@media (min-width: 640px) and (max-width: 959.98px) {
    .footer-policy__links[ui-43] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px
    }
}

.footer-policy__legalinfo[ui-43] {
    font-family: HeliosC;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .008em;
    line-height: 16px;
    padding: 1px 0 0
}

.footer-contacts-download[data-v-cab2e5d4] {
    border: 1px solid rgba(54, 55, 64, .08);
    border-radius: 16px;
    display: grid;
    gap: 20px;
    grid-template-columns:88px 1fr;
    padding: 20px
}

@media (max-width: 639.98px) {
    .footer-contacts-download[data-v-cab2e5d4] {
        border: none;
        gap: 16px;
        grid-template-columns:1fr;
        padding: 0
    }
}

@media (min-width: 640px) and (max-width: 959.98px) {
    .footer-contacts-download[data-v-cab2e5d4] {
        border: none;
        gap: 16px;
        grid-template-columns:1fr;
        padding: 0
    }
}

.footer-contacts-download__text[data-v-cab2e5d4] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

@media (max-width: 639.98px) {
    .footer-contacts-download__text[data-v-cab2e5d4] {
        gap: 8px
    }
}

@media (min-width: 640px) and (max-width: 959.98px) {
    .footer-contacts-download__text[data-v-cab2e5d4] {
        gap: 8px
    }
}

@media (min-width: 960px) and (max-width: 1279.98px) {
    .footer-contacts-download__text[data-v-cab2e5d4] {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer-contacts-download__text__title[data-v-cab2e5d4] {
    color: color-text--primary;
    font-family: HeliosC;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .006em;
    line-height: 18px
}

.footer-contacts-download__text__desc[data-v-cab2e5d4] {
    color: #8b8e99;
    font-family: HeliosC;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .008em;
    line-height: 16px
}

.footer-contacts-social[ui-42] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.footer-contacts-social__title[ui-42] {
    font-family: HeliosC;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .006em;
    line-height: 18px
}

.footer-contacts-social__links[ui-42] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.footer-contacts-social__links > a[ui-42] {
    all: unset;
    cursor: pointer
}

.footer-contacts-social__links svg[ui-42] {
    height: 36px;
    width: 36px
}

.footer-contacts-phone[ui-42] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: HeliosC;
    font-size: 16px;
    font-weight: 500;
    gap: 8px;
    letter-spacing: .006em;
    line-height: 18px
}

.footer-contacts-phone > a[ui-42] {
    all: unset;
    cursor: pointer
}

.footer-contacts[data-v-e905df30] {
    display: grid;
    gap: 24px;
    grid-template-columns:1fr
}

@media (max-width: 639.98px) {
    .footer-contacts[data-v-e905df30] {
        gap: 32px;
        margin-top: 24px
    }
}

@media (min-width: 640px) and (max-width: 959.98px) {
    .footer-contacts[data-v-e905df30] {
        margin-top: 24px
    }
}

@media (min-width: 960px) and (max-width: 1279.98px) {
    .footer-contacts[data-v-e905df30] {
        grid-column: 1/-1;
        grid-template-columns:subgrid;
        grid-template-columns:2fr 1fr
    }
}

.footer-contacts__soc[data-v-e905df30] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

@media (min-width: 640px) and (max-width: 959.98px) {
    .footer-contacts__soc[data-v-e905df30] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.footer[ui-36] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: HeliosC;
    justify-content: center;
    width: 100%
}

.footer__content[ui-36] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 1240px;
    min-width: 320px;
    width: 95%
}

.footer__content__main-container[ui-36] {
    display: grid;
    gap: 24px;
    grid-template-columns:repeat(4, 1fr);
    padding: 24px 0
}

@media (min-width: 960px) and (max-width: 1279.98px) {
    .footer__content__main-container[ui-36] {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (max-width: 639.98px) {
    .footer__content__main-container[ui-36] {
        gap: 0;
        grid-template-columns:1fr
    }
}

@media (min-width: 640px) and (max-width: 959.98px) {
    .footer__content__main-container[ui-36] {
        gap: 0;
        grid-template-columns:1fr
    }
}

.frame[data-v-1b4fa656] {
    background: hsla(220, 4%, 48%, .1);
    border-radius: 4px
}

.parent-categories[data-v-1b4fa656] {
    list-style: none;
    margin: 0;
    padding-top: 10px
}

@media (min-width: 1920px) {
    .parent-categories[data-v-1b4fa656] {
        border-right: 1px solid hsla(220, 4%, 48%, .2);
        width: var(--aside-width)
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .parent-categories[data-v-1b4fa656] {
        border-right: 1px solid hsla(220, 4%, 48%, .2);
        width: var(--aside-width)
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .parent-categories[data-v-1b4fa656] {
        border-right: 1px solid hsla(220, 4%, 48%, .2);
        width: var(--aside-width)
    }
}

.parent-category[data-v-1b4fa656] {
    margin-bottom: 20px;
    margin-left: 8px;
    margin-right: 12px;
    min-height: 20px
}

.main-categories[data-v-1b4fa656] {
    background: #fff;
    margin-bottom: 30px;
    margin-left: 30px
}

.parent-title[data-v-1b4fa656] {
    margin-bottom: 16px;
    margin-top: 18px;
    min-height: 24px;
    width: 200px
}

.categories[data-v-1b4fa656] {
    align-content: space-between;
    display: flex;
    flex-flow: column wrap;
    height: 200vh
}

.categories[data-v-1b4fa656]:after, .categories[data-v-1b4fa656]:before {
    content: "";
    flex-basis: 100%;
    order: 2;
    width: 0
}

.category-item[data-v-1b4fa656] {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    width: calc(33.3% - 30px)
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .category-item[data-v-1b4fa656] {
        width: calc(33.33333% - 30px)
    }

    .category-item[data-v-1b4fa656]:nth-child(3n+1) {
        order: 1
    }

    .category-item[data-v-1b4fa656]:nth-child(3n+2) {
        order: 2
    }

    .category-item[data-v-1b4fa656]:nth-child(3n+3) {
        order: 3
    }

    .category-item[data-v-1b4fa656]:nth-child(-n+3) {
        margin-top: 20px
    }
}

@media (min-width: 1920px) {
    .category-item[data-v-1b4fa656] {
        width: calc(33.33333% - 30px)
    }

    .category-item[data-v-1b4fa656]:nth-child(3n+1) {
        order: 1
    }

    .category-item[data-v-1b4fa656]:nth-child(3n+2) {
        order: 2
    }

    .category-item[data-v-1b4fa656]:nth-child(3n+3) {
        order: 3
    }

    .category-item[data-v-1b4fa656]:nth-child(-n+3) {
        margin-top: 20px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .category-item[data-v-1b4fa656] {
        width: calc(50% - 30px)
    }

    .category-item[data-v-1b4fa656]:nth-child(odd) {
        order: 1
    }

    .category-item[data-v-1b4fa656]:nth-child(2n+2) {
        order: 2
    }

    .category-item[data-v-1b4fa656]:nth-child(-n+2) {
        margin-top: 20px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .category-item[data-v-1b4fa656] {
        width: calc(50% - 30px)
    }

    .category-item[data-v-1b4fa656]:nth-child(odd) {
        order: 1
    }

    .category-item[data-v-1b4fa656]:nth-child(2n+2) {
        order: 2
    }

    .category-item[data-v-1b4fa656]:nth-child(-n+2) {
        margin-top: 20px
    }
}

.title[data-v-1b4fa656] {
    margin-bottom: 12px;
    min-height: 20px
}

.children[data-v-1b4fa656] {
    min-height: 116px
}

.fill[data-v-2d735651] .ui-icon path {
    fill: var(--color) !important
}

.ui-button[data-v-2d735651] {
    --bg-color: transparent;
    --color: var(--text-secondary);
    --border-radius: 10px;
    align-items: center;
    align-self: center;
    background-color: var(--bg-color);
    border: none;
    border-radius: var(--border-radius);
    color: var(--color);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    text-decoration: none;
    transition: all .2s
}

.ui-button[data-v-2d735651]:after {
    border-radius: var(--border-radius)
}

.ui-button .slot[data-v-2d735651] {
    align-items: center;
    display: flex;
    height: 100%
}

.ui-button[data-v-2d735651] .ui-icon path {
    fill: var(--icon-primary)
}

.ui-button[data-v-2d735651] .ui-icon.loading-icon {
    animation: spinner-2d735651 1s linear infinite
}

.ui-button[data-v-2d735651]:focus-visible {
    box-shadow: inset 0 0 0 1px #fff;
    outline: none;
    position: relative
}

.ui-button[data-v-2d735651]:focus-visible:after {
    box-shadow: 0 0 0 2px #19c5ff;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%
}

.ui-button.disabled[data-v-2d735651], .ui-button.loading[data-v-2d735651], .ui-button[data-v-2d735651]:disabled {
    pointer-events: none
}

.ui-button.small[data-v-2d735651] {
    --border-radius: 10px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    font-family: HeliosC;
    font-size: 16px;
    font-weight: 500;
    height: 36px;
    letter-spacing: .006em;
    line-height: 18px;
    padding: 0 12px;
    text-align: center
}

.ui-button.small[data-v-2d735651] .slot.default {
    margin: 0 4px
}

.ui-button.small[data-v-2d735651] .ui-icon {
    height: 24px;
    width: 24px
}

.ui-button.medium[data-v-2d735651] {
    --border-radius: 12px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    font-family: HeliosC;
    font-size: 16px;
    font-weight: 500;
    height: 44px;
    letter-spacing: .004em;
    line-height: 20px;
    padding: 0 14px;
    text-align: center
}

.ui-button.medium[data-v-2d735651] .slot.default {
    margin: 0 2px
}

.ui-button.medium[data-v-2d735651] .ui-icon {
    height: 28px;
    width: 28px
}

.ui-button.large[data-v-2d735651] {
    --border-radius: 12px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    font-family: HeliosC;
    font-size: 16px;
    font-weight: 600;
    height: 56px;
    letter-spacing: .004em;
    line-height: 20px;
    padding: 0 18px;
    text-align: center
}

@media (min-width: 640px) and (max-width: 959px) {
    .ui-button.large[data-v-2d735651] {
        height: 52px
    }
}

@media (max-width: 639px) {
    .ui-button.large[data-v-2d735651] {
        height: 52px
    }
}

.ui-button.large[data-v-2d735651] .slot.default {
    margin: 0 2px
}

.ui-button.large[data-v-2d735651] .ui-icon {
    height: 28px;
    width: 28px
}

.ui-button.secondary[data-v-2d735651] {
    --bg-color: var(--button-secondary-neutral-onsecondary-rest);
    --color: var(--text-secondary)
}

.ui-button.secondary[data-v-2d735651]:hover {
    --bg-color: var(--button-secondary-neutral-onsecondary-hovered)
}

.ui-button.secondary.active[data-v-2d735651], .ui-button.secondary[data-v-2d735651]:active {
    --bg-color: var(--button-secondary-neutral-onsecondary-pressed)
}

.ui-button.secondary.disabled[data-v-2d735651], .ui-button.secondary[data-v-2d735651]:disabled {
    --bg-color: var(--button-disabled-onsecondary);
    --color: var(--text-disabled)
}

.ui-button.tertiary-ghost[data-v-2d735651] {
    --bg-color: transparent;
    --color: var(--text-primary)
}

.ui-button.tertiary-ghost[data-v-2d735651]:hover {
    --bg-color: var(--button-tertiary-neutral-onsecondary-hovered)
}

.ui-button.tertiary-ghost.active[data-v-2d735651], .ui-button.tertiary-ghost[data-v-2d735651]:active {
    --bg-color: var(--button-tertiary-neutral-onsecondary-pressed)
}

.ui-button.tertiary-ghost.disabled[data-v-2d735651], .ui-button.tertiary-ghost[data-v-2d735651]:disabled {
    --bg-color: var(--button-disabled-onsecondary);
    --color: var(--text-disabled)
}

.ui-button.tertiary-outlined[data-v-2d735651] {
    --bg-color: transparent;
    --color: var(--text-button-neutral-rest);
    box-shadow: 0 0 0 1px var(--border-regular) inset
}

.ui-button.tertiary-outlined[data-v-2d735651]:hover {
    --bg-color: var(--button-tertiary-neutral-onprimary-hovered)
}

.ui-button.tertiary-outlined.active[data-v-2d735651], .ui-button.tertiary-outlined[data-v-2d735651]:active {
    --bg-color: var(--button-tertiary-neutral-onprimary-pressed)
}

.ui-button.tertiary-outlined.disabled[data-v-2d735651], .ui-button.tertiary-outlined[data-v-2d735651]:disabled {
    --color: var(--text-disabled);
    box-shadow: 0 0 0 1px var(--button-disabled-onsecondary) inset
}

.ui-button.primary-red[data-v-2d735651] {
    --bg-color: #fa0000;
    --color: #f7f9fc
}

.ui-button.primary-red[data-v-2d735651]:hover {
    --bg-color: #ff3336
}

.ui-button.primary-red.active[data-v-2d735651], .ui-button.primary-red[data-v-2d735651]:active {
    --bg-color: #e00000
}

.ui-button.primary-red.disabled[data-v-2d735651], .ui-button.primary-red[data-v-2d735651]:disabled {
    --bg-color: #f5f6f7;
    --color: #a6a9b3
}

.ui-button.primary-black[data-v-2d735651] {
    --bg-color: var(--button-primary-neutral-rest);
    --color: var(--text-inverse-primary)
}

.ui-button.primary-black[data-v-2d735651]:hover {
    --bg-color: var(--button-primary-neutral-hovered)
}

.ui-button.primary-black.active[data-v-2d735651], .ui-button.primary-black[data-v-2d735651]:active {
    --bg-color: var(--button-primary-neutral-pressed)
}

.ui-button.primary-black.disabled[data-v-2d735651], .ui-button.primary-black[data-v-2d735651]:disabled {
    --bg-color: var(--button-disabled-onprimary);
    --color: var(--text-disabled)
}

.ui-button.primary-violet[data-v-2d735651] {
    --bg-color: var(--button-primary-accented-rest);
    --color: var(--text-on-color)
}

.ui-button.primary-violet[data-v-2d735651]:hover {
    --bg-color: var(--button-primary-accented-hovered)
}

.ui-button.primary-violet.active[data-v-2d735651], .ui-button.primary-violet[data-v-2d735651]:active {
    --bg-color: var(--button-primary-accented-pressed)
}

.ui-button.primary-violet.disabled[data-v-2d735651], .ui-button.primary-violet[data-v-2d735651]:disabled {
    --bg-color: var(--button-disabled-onprimary);
    --color: var(--text-disabled)
}

@keyframes spinner-2d735651 {
    to {
        transform: rotate(1turn)
    }
}

.ui-button[data-v-46433c6c] {
    align-items: center;
    align-self: center;
    border: none;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    transition: all .2s
}

.ui-button .slot.after[data-v-46433c6c], .ui-button .slot.before[data-v-46433c6c], .ui-button .slot.default[data-v-46433c6c] {
    align-items: center;
    display: flex;
    height: 100%
}

[ui-label] {
    color: rgba(0, 0, 0, .6);
    display: block;
    font-size: .875rem;
    font-weight: 400
}

[ui-form][horizontal] > [form-group][express] > [ui-label] {
    width: 20%
}

[ui-form][horizontal] > [form-group][express] > [ui-label], [ui-form][inline] > [form-group][express] > [ui-label] {
    margin-top: 16px
}

.ui-dropdown[data-v-3f294715] {
    position: relative;
    width: 100%
}

.ui-dropdown .ui-label[data-v-3f294715] {
    margin-bottom: 7px
}

.ui-dropdown > div[dropdown-active].has-error[data-v-3f294715] {
    border-color: var(--border--accented)
}

.ui-dropdown.has-error[data-v-3f294715]:after {
    color: var(--header-primary-color);
    content: attr(data-error);
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: auto;
    margin-top: 9px;
    transition: all .2s
}

.ui-dropdown > div[dropdown-active][data-v-3f294715] {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 2px;
    color: rgba(0, 0, 0, .87);
    cursor: pointer;
    display: block;
    font-size: .9rem;
    font-weight: 400;
    height: 2.5rem;
    line-height: 2.5rem;
    overflow: hidden;
    padding: 0 2rem 0 1rem;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ui-dropdown.disabled > div[dropdown-active][data-v-3f294715] {
    background: transparent;
    color: grey
}

.dropdown-item[data-v-3f294715] {
    position: relative
}

.ui-dropdown .dropdown-item .ui-icon[data-v-3f294715], .ui-dropdown div[dropdown-active] .ui-icon[data-v-3f294715], .ui-dropdown > div[dropdown-active] > img[data-v-3f294715] {
    bottom: 0;
    margin: auto;
    pointer-events: none;
    position: absolute;
    right: .5rem;
    top: 0
}

.ui-dropdown > div[dropdown-options][data-v-3f294715] {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .12);
    box-sizing: border-box;
    margin-top: -1px;
    max-height: 262px;
    overflow-y: auto;
    position: absolute;
    transition: opacity .2s, visibility 0s .2s;
    width: 100%;
    z-index: 4
}

.ui-dropdown > div[dropdown-options].visible-selected[data-v-3f294715] {
    top: 102%
}

.ui-dropdown > div[dropdown-options].droplist[data-v-3f294715] {
    box-shadow: 0 2px 10px 0 var(--border-regular)
}

.ui-dropdown > div[dropdown-options].up[data-v-3f294715] {
    bottom: 0
}

.ui-dropdown > div[dropdown-options].up.visible-selected[data-v-3f294715] {
    bottom: 102%
}

.ui-dropdown > div[dropdown-options] > ul[data-v-3f294715] {
    margin: 0
}

.ui-dropdown > div[dropdown-options] > ul > li[data-v-3f294715] {
    cursor: pointer;
    font-size: .9rem;
    font-weight: 400;
    height: 2.5rem;
    line-height: 2.5rem;
    overflow: hidden;
    padding: 0 1rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-dropdown > div[dropdown-options] > ul > li[data-v-3f294715]:not(:first-child) {
    border-top: 1px solid var(--border-regular)
}

.ui-dropdown > div[dropdown-options] > ul > li[data-v-3f294715]:not(:first-child):hover {
    background-color: var(--border-regular);
    border-top: 1px solid transparent
}

.ui-dropdown > div[dropdown-options] > ul > li[data-v-3f294715]:first-child:hover {
    background-color: var(--border-subtle)
}

.dropdown-enter-active[data-v-3f294715], .dropdown-leave-active[data-v-3f294715] {
    transition: height .3s
}

.dropdown-enter[data-v-3f294715], .dropdown-leave-to[data-v-3f294715] {
    opacity: 0
}

.radio-button[data-v-4430224d] {
    align-items: center;
    cursor: pointer;
    display: flex;
    position: relative
}

.radio-button:hover .radio-button-wrapper .radio-dot[data-v-4430224d] {
    opacity: .7
}

.radio-button .radio-button-wrapper[data-v-4430224d] {
    align-items: center;
    border: var(--stroke) solid var(--border-subtle);
    border-radius: 50%;
    cursor: pointerF;
    display: flex;
    height: var(--size);
    justify-content: center;
    min-width: var(--size);
    transition: all .3s ease-in-out;
    width: var(--size)
}

.radio-button .radio-button-wrapper.disabled[data-v-4430224d] {
    border: 1.5px solid var(--icon-disabled)
}

.radio-button .radio-button-wrapper.active[data-v-4430224d] {
    border-color: var(--icon-primary)
}

.radio-button .radio-button-wrapper.active .radio-dot[data-v-4430224d] {
    background: var(--icon-primary);
    opacity: 1
}

.radio-button .radio-button-wrapper .radio-dot[data-v-4430224d] {
    background: var(--border-subtle);
    border-radius: 50%;
    height: var(--internalSize);
    opacity: 0;
    transition: all .3s ease-in-out;
    width: var(--internalSize)
}

.radio-button .label[data-v-4430224d] {
    font-family: HeliosC;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2em;
    margin-left: 10px
}

.toast-bar[data-v-43ee5dbe] {
    align-items: center;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background: var(--surface-dark-default);
    border-radius: 20px;
    display: flex;
    height: 100%;
    padding: 20px 24px;
    width: 100%
}

@media (max-width: 639px) {
    .toast-bar[data-v-43ee5dbe] {
        padding: 14px 16px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .toast-bar[data-v-43ee5dbe] {
        padding: 14px 16px
    }
}

.toast-bar .text[data-v-43ee5dbe] {
    color: var(--text-on-color);
    font-size: 16px;
    letter-spacing: -.005em;
    line-height: 18px;
    margin-left: 14px
}

.ui-link[ui-05] {
    color: inherit;
    text-decoration: none
}

.ui-link.underlined[ui-05] {
    text-decoration: underline
}

.ui-link.transparent[ui-05] {
    color: var(--text-secondary)
}

.ui-link.transparent[ui-05]:hover {
    color: var(--text-primary);
    opacity: 1
}

.ui-link.active-link[ui-05] {
    color: var(--text-primary)
}

.ui-link.exact-active-link[ui-05] {
    color: var(--text-primary);
    font-weight: 500
}

@media only screen and (max-width: 960px) {
    [ui-card].borderless {
        border: none !important
    }
}

[ui-card] {
    background-color: var(--background-tertiary);
    border-radius: 2px;
    transition: box-shadow .3s ease
}

[ui-card].bordered {
    border: 1px solid var(--border-regular);
    box-shadow: 0
}

[ui-card] {
    border: 0
}

[ui-card] > section[content] {
    margin: 8px 0;
    padding: 16px
}

[ui-card] footer, [ui-card] header {
    overflow: hidden;
    width: 100%
}

[ui-card] footer > * {
    margin: 0
}

[ui-card] footer > :last-child {
    margin-left: 15px
}

.button[ui-06] {
    align-items: center;
    box-shadow: none;
    cursor: pointer;
    display: flex;
    font-family: HeliosC;
    justify-content: center;
    outline: none;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition-duration: .2s
}

.button[disabled][ui-06] {
    background-color: var(--button-disabled);
    color: var(--text-disabled);
    pointer-events: none
}

.button_primary-accented[ui-06] {
    background-color: var(--button-primary-accented-rest);
    color: #fff
}

.button_primary-accented[ui-06]:hover {
    background-color: var(--button-primary-accented-hovered)
}

.button_secondary-neutral[ui-06] {
    background-color: var(--button-secondary-neutral-rest);
    color: #1f2026
}

.button_secondary-neutral[ui-06]:hover {
    background-color: var(--button-secondary-neutral-hovered)
}

.button_tertiary-outlined[ui-06] {
    background-color: #fff;
    border: 1px solid var(--border-regular);
    color: var(--text-primary)
}

.button_tertiary-outlined[ui-06]:hover {
    background-color: var(--button-secondary-neutral-hovered)
}

.button_xs32[ui-06] {
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    height: 32px;
    padding: 0 12px
}

.button_s36[ui-06] {
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    height: 36px;
    padding: 0 14px
}

.button_m40[ui-06] {
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    padding: 0 16px
}

.button_pay[ui-06] {
    border-radius: 12px;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    padding: 0 20px
}

.button_xl56[ui-06] {
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    height: 56px;
    padding: 0 24px
}

.button-catalog[ui-07] {
    align-items: center;
    display: flex;
    gap: 4px
}

.vertical-shrink-enter-active[ui-07] {
    animation: vertical-shrink-6eb31a14 .15s
}

.vertical-shrink-leave-active[ui-07] {
    animation: vertical-shrink-6eb31a14 .15s reverse
}

@keyframes vertical-shrink-6eb31a14 {
    0% {
        transform: scaleY(0)
    }
    to {
        transform: scaleY(1)
    }
}

.children-category[ui-12] {
    max-inline-size: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.children-category[ui-12]:not(:last-child) {
    margin-bottom: 9px
}

.children-category-title[ui-12] {
    color: var(--text-tertiary);
    font-size: .8rem;
    line-height: 1.2em;
    transition: color .25s
}

.children-category-title.show[ui-12] {
    align-items: flex-start;
    color: var(--text-tertiary);
    cursor: pointer;
    display: flex;
    height: 16px;
    margin-bottom: 1px;
    margin-top: 1px
}

.children-category-title.show svg[ui-12] {
    transform: translate(3px, -3px)
}

.children-category-title[ui-12]:hover {
    color: var(--text-link-brand-hovered);
    transition: none
}

.children-category-title:hover svg[ui-12], .children-category-title:hover svg[ui-12] path {
    fill: var(--text-link-brand-hovered)
}

.cities-popup[data-v-5a3b813a] {
    display: flex;
    flex-direction: column;
    min-width: 676px
}

@media (max-width: 639px) {
    .cities-popup[data-v-5a3b813a] {
        min-width: 0
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .cities-popup[data-v-5a3b813a] {
        min-width: 0
    }
}

.cities-popup.is-ke .active[data-v-5a3b813a] {
    color: var(--text-accented)
}

.title[data-v-5a3b813a] {
    font-size: 1.375rem;
    font-weight: 500
}

.subtitle[data-v-5a3b813a], .title[data-v-5a3b813a] {
    color: var(--text-primary);
    font-family: HeliosC;
    margin-top: 24px;
    text-align: center
}

.subtitle[data-v-5a3b813a] {
    font-size: 1.125rem;
    font-weight: 400
}

.wrapper-search[data-v-5a3b813a] {
    height: 40px;
    margin-top: 16px;
    position: relative;
    width: 100%
}

.wrapper-search input[data-v-5a3b813a] {
    background: var(--field-primary-rest);
    border: 1px solid var(--border-regular);
    border-radius: 2px;
    box-sizing: border-box;
    color: var(--text-secondary);
    display: flex;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 400;
    height: 40px;
    padding: 8px 16px;
    width: 100%
}

.wrapper-search .delete[data-v-5a3b813a] {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
}

.cities[data-v-5a3b813a] {
    grid-column-gap: 40px;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns:1fr 1fr;
    margin-bottom: 12px;
    margin-top: 12px
}

.cities.in-search[data-v-5a3b813a] {
    grid-auto-flow: row;
    grid-template-columns:1fr
}

.cities.in-search .city[data-v-5a3b813a] {
    border-bottom: none;
    padding: 0 16px
}

.city[data-v-5a3b813a] {
    border-bottom: 1px solid var(--border-regular);
    box-sizing: content-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 40px;
    justify-content: center;
    justify-items: center;
    margin-top: 4px;
    padding-left: 16px;
    text-align: left
}

.city[data-v-5a3b813a]:hover {
    background: var(--background-secondary);
    border-bottom-color: var(--border-inverse-strong)
}

.city.bottom[data-v-5a3b813a] {
    border-bottom-color: var(--border-regular)
}

.city .chosen[data-v-5a3b813a] {
    color: var(--text-tertiary);
    font-family: HeliosC;
    font-size: .8rem;
    font-weight: 400;
    margin-bottom: 3px
}

.city__title[data-v-5a3b813a] {
    color: var(--text-primary);
    font-size: 1.125rem;
    font-weight: 300
}

.city__title.active[data-v-5a3b813a] {
    font-weight: 500
}

.no-result[data-v-5a3b813a] {
    margin: 0;
    max-height: none;
    min-height: 330px
}

.no-result__inner[data-v-5a3b813a] {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, 50%);
    width: 75%
}

.no-result__title[data-v-5a3b813a] {
    color: var(--text-primary);
    font-family: HeliosC;
    font-size: 1.125rem;
    font-weight: 500
}

.no-result__subtitle[data-v-5a3b813a] {
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 400;
    line-height: 18px;
    margin-top: 16px
}

.no-result__subtitle u[data-v-5a3b813a] {
    cursor: pointer
}

.localization-switcher-desktop[data-v-634bcbae] {
    min-width: 100px
}

.localization-switcher-desktop[data-v-634bcbae] div[dropdown-options] {
    border: none;
    border-radius: 0 0 8px 8px;
    top: 100%;
    z-index: 200
}

.localization-switcher-desktop[data-v-634bcbae] div[dropdown-options] ul li {
    align-items: center;
    color: var(--text-secondary);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 32px;
    padding: 0 12px 0 10px
}

.localization-switcher-desktop[data-v-634bcbae] div[dropdown-options] ul li .icon__option-before {
    align-items: center;
    display: flex;
    margin-right: 6px
}

.localization-switcher-desktop[data-v-634bcbae] div[dropdown-options] ul li .icon__option-before .ui-icon {
    position: static
}

.localization-switcher-desktop[data-v-634bcbae] div[dropdown-active] {
    align-items: center;
    background: transparent;
    border: none;
    color: var(--text-primary);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    max-height: 32px;
    padding: 0 12px 0 10px;
    text-align: center
}

.localization-switcher-desktop[data-v-634bcbae] div[dropdown-active] .icon__selected-before {
    align-items: center;
    display: flex;
    margin-right: 6px
}

.localization-switcher-desktop[data-v-634bcbae] div[dropdown-active] .icon__selected-before .ui-icon {
    border-radius: 50%;
    position: static
}

.localization-switcher-desktop[data-v-634bcbae] div[dropdown-options] {
    background-color: var(--background-primary)
}

.localization-switcher-popup[data-v-f87833f8] {
    color: var(--text-primary)
}

.localization-switcher-popup .header[data-v-f87833f8] {
    font-family: HeliosC;
    font-size: 22px;
    font-weight: 600;
    margin: 30px 0 16px;
    padding: 0 16px
}

.localization-switcher-popup .content[data-v-f87833f8] {
    overflow-y: auto;
    padding: 0 16px 0 17.5px
}

.localization-switcher-popup .content .locale[data-v-f87833f8] {
    align-items: center;
    display: flex;
    height: 60px;
    justify-content: space-between;
    padding-right: 12px;
    position: relative;
    width: 100%
}

.localization-switcher-popup .content .locale[data-v-f87833f8]:last-child {
    margin-bottom: 8px
}

.localization-switcher-popup .content .locale[data-v-f87833f8]:not(:last-child):after {
    background: var(--background-secondary);
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    width: 80%
}

.localization-switcher-popup .content .locale .radio-button-wrapper[data-v-f87833f8] {
    border-color: var(--icon-primary)
}

.localization-switcher-popup .content .locale .radio-button-wrapper.active .radio-dot[data-v-f87833f8], .localization-switcher-popup .content .locale .radio-dot[data-v-f87833f8] {
    background: var(--icon-primary)
}

.localization-switcher-popup .content .locale .label[data-v-f87833f8] {
    margin-left: 13.5px
}

.localization-switcher-popup .footer[data-v-f87833f8] {
    padding: 16px
}

.localization-switcher-popup .footer .button-locale[data-v-f87833f8] {
    background-color: #27282a;
    border-radius: 4px;
    border-radius: 8px;
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    font-family: HeliosC;
    font-size: 1rem;
    font-size: 16px;
    font-weight: 600;
    height: 52px;
    padding: 14px 21px;
    text-decoration: none
}

.localization-switcher-popup .footer .button-locale[data-v-f87833f8]:active, .localization-switcher-popup .footer .button-locale[data-v-f87833f8]:hover {
    background-color: #3b3c40
}

.localization-switcher-popup .footer .button-locale.disabled[data-v-f87833f8], .localization-switcher-popup .footer .button-locale[data-v-f87833f8]:disabled {
    background-color: #dfe0e2;
    color: #a0a2a7
}

.localization-switcher-popup .footer .button-locale .default[data-v-f87833f8] {
    justify-content: center
}

.title[data-v-87d49bf0] {
    padding-left: 9px
}

.theme-options[data-v-631e410e] {
    margin: 0;
    width: 100%
}

.theme-option[data-v-631e410e] {
    align-items: center;
    border-radius: 12px;
    color: var(--text-primary);
    cursor: pointer;
    display: flex;
    height: 44px;
    margin-bottom: 3px;
    padding: 10px
}

.theme-option[data-v-631e410e]:hover {
    background-color: var(--surface-primary-hovered)
}

.theme-option:hover .radio[data-v-631e410e] {
    background-color: var(--surface-primary-rest)
}

.theme-option.selected[data-v-631e410e] {
    background-color: var(--surface-primary-pressed)
}

.theme-option .title[data-v-631e410e] {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    margin-left: 6px
}

.theme-option .ui-icon[data-v-631e410e]:not(.moon) path {
    fill: var(--icon-primary)
}

.theme-option .moon[data-v-631e410e] path {
    stroke: var(--icon-primary)
}

.theme-option .radio[data-v-631e410e] {
    border-radius: 50%;
    height: 20px;
    margin-left: auto;
    width: 20px
}

.theme-option .radio .empty[data-v-631e410e] {
    border: 1.5px solid var(--icon-tertiary-outlined);
    border-radius: 50%;
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.theme-option .radio .ui-icon[data-v-631e410e] {
    height: 100%;
    width: 100%
}

.theme-option .radio .ui-icon[data-v-631e410e] path {
    fill: var(--icon-primary)
}

.dropdown-enter-active[data-v-3976f58c], .dropdown-leave-active[data-v-3976f58c] {
    transition: opacity .25s ease-out
}

.dropdown-enter[data-v-3976f58c], .dropdown-leave-to[data-v-3976f58c] {
    opacity: 0
}

.theme-switcher[data-v-3976f58c] {
    align-items: center;
    display: flex;
    position: relative
}

.ui-icon[data-v-3976f58c] {
    cursor: pointer
}

.title[data-v-3976f58c] {
    color: var(--text-primary);
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px
}

.dropdown[data-v-3976f58c] {
    background-color: var(--surface-primary-rest);
    border-radius: 32px;
    box-shadow: 0 24px 48px -12px var(--border-regular), 0 12px 24px -6px var(--border-subtle);
    padding: 16px;
    position: absolute;
    right: 0;
    top: 35px;
    width: 282px;
    z-index: 100
}

.description[data-v-3976f58c] {
    color: var(--text-tertiary);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    padding-top: 10px;
    text-align: center
}

.theme-popup[data-v-5fb8eccf] {
    font-family: HeliosC;
    margin: 16px auto;
    min-width: 288px;
    width: 94%
}

.theme-popup .title[data-v-5fb8eccf] {
    color: var(--text-primary);
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 28px;
    margin-bottom: 15px;
    text-align: left
}

.theme-popup .button[data-v-5fb8eccf] {
    margin-top: 20px;
    width: 100%
}

.theme-popup .description[data-v-5fb8eccf] {
    color: var(--text-tertiary);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    padding-top: 10px;
    text-align: center
}

.ui-button.moon[data-v-670def07] .ui-icon path {
    fill: transparent;
    stroke: var(--icon-primary)
}

:root {
    --gray-10: #15151a;
    --gray-12: #19191f;
    --gray-15: #1f2026;
    --gray-20: #2a2b33;
    --gray-25: #363740;
    --gray-30: #41434d;
    --gray-35: #4d4f59;
    --gray-40: #595b66;
    --gray-45: #656773;
    --gray-50: #717480;
    --gray-55: #7e818c;
    --gray-60: #8b8e99;
    --gray-65: #999ca6;
    --gray-70: #a6a9b2;
    --gray-75: #b4b7bf;
    --gray-80: #c2c5cc;
    --gray-85: #d0d3d9;
    --gray-87: #d5d8de;
    --gray-90: #dee0e5;
    --gray-91: #e1e3e8;
    --gray-92: #e4e6eb;
    --gray-93: #e6e8ed;
    --gray-94: #e9ebf0;
    --gray-95: #edeff2;
    --gray-96: #f0f2f5;
    --gray-97: #f2f4f7;
    --gray-98: #f5f7fa;
    --gray-99: #f7f9fc;
    --gray-a8: rgba(54, 54, 64, .08);
    --gray-a50: rgba(54, 54, 64, .5);
    --gray-a25: rgba(54, 54, 64, .25);
    --gray-a30: rgba(54, 54, 64, .3);
    --gray-a35: rgba(54, 54, 64, .35);
    --gray-a100: var(--gray-25);
    --gray-a85: rgba(54, 54, 64, .85);
    --gray-a75: rgba(54, 54, 64, .75);
    --gray-a90: rgba(54, 54, 64, .9);
    --gray-a80: rgba(54, 54, 64, .8);
    --gray-a95: rgba(54, 54, 64, .95);
    --gray-a45: rgba(54, 54, 64, .45);
    --gray-a20: rgba(54, 54, 64, .2);
    --gray-a70: rgba(54, 54, 64, .7);
    --gray-a10: rgba(54, 54, 64, .1);
    --gray-a5: rgba(54, 54, 64, .05);
    --gray-a55: rgba(54, 54, 64, .55);
    --gray-a40: rgba(54, 54, 64, .4);
    --gray-a65: rgba(54, 54, 64, .65);
    --gray-a60: rgba(54, 54, 64, .6);
    --gray-a15: rgba(54, 54, 64, .15);
    --kazanexpress-neutral-bb04: #fff;
    --kazanexpress-neutral-bb02: #282828;
    --kazanexpress-neutral-bb01: #000;
    --kazanexpress-neutral-bb03: #ededed;
    --kazanexpress-red-bb01: #ff1919;
    ---transparent: hsla(0, 0%, 100%, 0);
    --orange-10: #310;
    --orange-15: #4d1a00;
    --orange-20: #662700;
    --orange-25: #803100;
    --orange-30: #994200;
    --orange-35: #b24d00;
    --orange-40: #cc6300;
    --orange-45: #e56f00;
    --orange-50: #f80;
    --orange-55: #ff941a;
    --orange-60: #fa3;
    --orange-65: #ffb54c;
    --orange-70: #ffc766;
    --orange-75: #ffd080;
    --orange-80: #ffdf99;
    --orange-85: #ffe7b2;
    --orange-90: #fff1cc;
    --orange-92: #fff4d6;
    --orange-95: #fff8e6;
    --orange-96: #fffaeb;
    --orange-97: #fffbf0;
    --pink-10: #29000b;
    --pink-15: #470015;
    --pink-20: #602;
    --pink-25: #80002f;
    --pink-30: #99003d;
    --pink-35: #ad0c52;
    --pink-40: #c21b69;
    --pink-45: #d12c7f;
    --pink-50: #e03f95;
    --pink-55: #eb52a9;
    --pink-60: #f567bc;
    --pink-65: #fa7acb;
    --pink-70: #ff8fda;
    --pink-75: #ffa1e3;
    --pink-80: #ffb2eb;
    --pink-85: #ffc4f1;
    --pink-90: #ffd6f7;
    --pink-92: #ffdef8;
    --pink-95: #ffe8fb;
    --pink-96: #ffebfc;
    --pink-97: #fff0fd;
    --blue-10: #050233;
    --blue-15: #06054d;
    --blue-20: #080b66;
    --blue-25: #0d1680;
    --blue-30: #122499;
    --blue-35: #1935b2;
    --blue-40: #2149cc;
    --blue-45: #295fe5;
    --blue-50: #37f;
    --blue-55: #478eff;
    --blue-60: #5ca3ff;
    --blue-65: #70b5ff;
    --blue-70: #85c6ff;
    --blue-75: #99d5ff;
    --blue-80: #ade1ff;
    --blue-85: #c2ecff;
    --blue-90: #d6f4ff;
    --blue-92: #def6ff;
    --blue-95: #ebfbff;
    --blue-96: #f0fcff;
    --blue-97: #f2fcff;
    --red-10: #300;
    --red-15: #4d0000;
    --red-20: #600;
    --red-25: maroon;
    --red-30: #900;
    --red-35: #b20000;
    --red-40: #c00;
    --red-70: #ff6670;
    --red-75: #ff8088;
    --red-80: #ff99a3;
    --red-85: #ffb2ba;
    --red-90: #ffccd3;
    --red-92: #ffd6db;
    --red-95: #ffe5e8;
    --red-96: #ffebee;
    --red-97: #fff0f2;
    --green-10: #001f0e;
    --green-15: #003017;
    --green-20: #00421d;
    --green-25: #005424;
    --green-30: #006629;
    --green-35: #007830;
    --green-40: #008a32;
    --green-45: #009c38;
    --green-50: #00ad3a;
    --green-55: #13be4c;
    --green-60: #2cc95b;
    --green-65: #44d56f;
    --green-70: #62da82;
    --green-75: #80e099;
    --green-80: #9de7ae;
    --green-85: #baedc6;
    --green-90: #d7f4dd;
    --green-92: #dff7e4;
    --green-95: #ebfaee;
    --green-96: #effbf1;
    --green-97: #f4fcf6;
    --black-a80: rgba(0, 0, 0, .8);
    --black-a75: rgba(0, 0, 0, .75);
    --black-a85: rgba(0, 0, 0, .85);
    --black-a70: rgba(0, 0, 0, .7);
    --black-a10: rgba(0, 0, 0, .1);
    --black-a95: rgba(0, 0, 0, .95);
    --black-a40: rgba(0, 0, 0, .4);
    --black-a100: #000;
    --black-a45: rgba(0, 0, 0, .45);
    --black-a55: rgba(0, 0, 0, .55);
    --black-a30: rgba(0, 0, 0, .3);
    --black-a25: rgba(0, 0, 0, .25);
    --black-a65: rgba(0, 0, 0, .65);
    --black-a50: rgba(0, 0, 0, .5);
    --black-a35: rgba(0, 0, 0, .35);
    --black-a90: rgba(0, 0, 0, .9);
    --black-a60: rgba(0, 0, 0, .6);
    --black-a5: rgba(0, 0, 0, .05);
    --black-a15: rgba(0, 0, 0, .15);
    --black-a20: rgba(0, 0, 0, .2);
    --white-a25: hsla(0, 0%, 100%, .25);
    --white-a20: hsla(0, 0%, 100%, .2);
    --white-a35: hsla(0, 0%, 100%, .35);
    --white-a40: hsla(0, 0%, 100%, .4);
    --white-a45: hsla(0, 0%, 100%, .45);
    --white-a10: hsla(0, 0%, 100%, .1);
    --white-a50: hsla(0, 0%, 100%, .5);
    --white-a60: hsla(0, 0%, 100%, .6);
    --white-a15: hsla(0, 0%, 100%, .15);
    --white-a65: hsla(0, 0%, 100%, .65);
    --white-a5: hsla(0, 0%, 100%, .05);
    --white-a30: hsla(0, 0%, 100%, .3);
    --white-a70: hsla(0, 0%, 100%, .7);
    --white-a75: hsla(0, 0%, 100%, .75);
    --white-a80: hsla(0, 0%, 100%, .8);
    --white-a85: hsla(0, 0%, 100%, .85);
    --white-a90: hsla(0, 0%, 100%, .9);
    --white-a95: hsla(0, 0%, 100%, .95);
    --white-a100: #fff;
    --white-a55: hsla(0, 0%, 100%, .55)
}

:root.theme-dark {
    --page-control-indicator-tertiary: var(--gray-30);
    --page-control-indicator-secondary: var(--black-a15);
    --page-control-indicator-primary-neutral: var(--gray-60);
    --page-control-indicator-primary-accented: var(--red-55);
    --page-control-background: var(--white-a65);
    --background-tertiary: var(--gray-10);
    --background-skeleton-onprimary: var(--gray-15);
    --background-skeleton-onsecondary: var(--gray-20);
    --background-overlay-blurred: var(--black-a45);
    --background-overlay-default: var(--black-a55);
    --background-secondary: var(--black-a100);
    --background-primary: var(--black-a100);
    --icon-on-color: var(--white-a95);
    --icon-rating-neutral: var(--gray-30);
    --icon-rating-accented: var(--orange-70);
    --icon-tertiary-filled: var(--gray-55);
    --icon-tertiary-outlined: var(--gray-50);
    --icon-secondary: var(--gray-45);
    --icon-primary: var(--gray-90);
    --icon-lastitem: var(--red-55);
    --icon-info: var(--blue-60);
    --icon-negative: var(--red-55);
    --icon-flashsale: var(--pink-60);
    --icon-disabled: var(--gray-50);
    --icon-inverse-disabled: var(--black-a40);
    --icon-inverse-secondary: var(--black-a70);
    --icon-inverse-primary: var(--black-a100);
    --icon-caution: var(--orange-35);
    --icon-positive: var(--green-55);
    --icon-accented: var(--red-60);
    --badge-text-sale: var(--white-a95);
    --badge-text-installment: var(--gray-15);
    --badge-text-adv: var(--gray-99);
    --badge-bg-lowstock: var(--red-50);
    --badge-bg-flashsale: var(--pink-55);
    --badge-bg-sale: var(--red-50);
    --badge-bg-installment: var(--gray-15);
    --badge-bg-neutral: var(--gray-15);
    --badge-bg-blackfriday: var(--gray-15);
    --button-secondary-accented-pressed: var(--red-10);
    --button-secondary-accented-hovered: var(--red-15);
    --button-secondary-accented-rest: var(--red-10);
    --button-secondary-neutral-onsecondary-hovered: var(--gray-25);
    --button-secondary-neutral-onsecondary-rest: var(--gray-20);
    --button-secondary-neutral-onsecondary-pressed: var(--gray-15);
    --button-secondary-neutral-onprimary-rest: var(--gray-15);
    --button-secondary-neutral-onprimary-hovered: var(--gray-20);
    --button-secondary-neutral-onprimary-pressed: var(--gray-10);
    --button-disabled-onsecondary: var(--gray-25);
    --button-disabled-onprimary: var(--gray-20);
    --button-tertiary-neutral-onsecondary-pressed: var(--gray-15);
    --button-tertiary-neutral-onsecondary-hovered: var(--gray-25);
    --button-tertiary-neutral-onsecondary-rest: transparent;
    --button-tertiary-neutral-onprimary-pressed: var(--gray-10);
    --button-tertiary-neutral-onprimary-hovered: var(--gray-20);
    --button-tertiary-neutral-onprimary-rest: transparent;
    --button-primary-accented-pressed: var(--red-40);
    --button-primary-accented-hovered: var(--red-55);
    --button-primary-accented-rest: var(--red-45);
    --button-primary-neutral-rest: var(--gray-90);
    --button-primary-neutral-hovered: var(--gray-80);
    --button-primary-neutral-pressed: var(--gray-99);
    --border-inverse-strong: var(--black-a100);
    --border-negative: var(--red-50);
    --border-positive: var(--green-50);
    --border-info: var(--blue-55);
    --border-accented: var(--red-60);
    --border-focused: var(--gray-90);
    --border-disabled: var(--gray-a40);
    --border-subtle: var(--white-a10);
    --border-caution: var(--orange-55);
    --border-focus: var(--blue-65);
    --border-regular: var(--white-a15);
    --border-strong: var(--white-a20);
    --os-android-navigationbar-text-selected: var(--text-accented);
    --os-android-navigationbar-text-default: var(--gray-45);
    --os-android-navigationbar-icon-selected: var(--icon-accented);
    --os-android-navigationbar-icon-default: var(--gray-45);
    --os-android-navigation: var(--white-a100);
    --os-android-statusbar: var(--white-a100);
    --os-android-carriage: var(--red-45);
    --os-ios-tabbar-text-default: var(--gray-45);
    --os-ios-tabbar-text-selected: var(--text-accented);
    --os-ios-tabbar-icon-selected: var(--icon-accented);
    --os-ios-tabbar-icon-default: var(--gray-45);
    --os-ios-carriage: var(--blue-55);
    --os-ios-homeindicator: var(--white-a100);
    --os-ios-statusbar: var(--white-a100);
    --surface-quarternary-rest: var(--gray-30);
    --surface-dark-default: var(--gray-10);
    --surface-dark-blurred: var(--gray-a80);
    --surface-light-default: var(--gray-10);
    --surface-light-blurred: var(--gray-a80);
    --surface-negative-rest: var(--red-40);
    --surface-negative-pressed: var(--red-50);
    --surface-negative-hovered: var(--red-45);
    --surface-caution-pressed: var(--orange-45);
    --surface-caution-rest: var(--orange-35);
    --surface-caution-hovered: var(--orange-40);
    --surface-positive-rest: var(--green-35);
    --surface-positive-pressed: var(--green-45);
    --surface-positive-hovered: var(--green-40);
    --surface-info-pressed: var(--blue-45);
    --surface-info-rest: var(--blue-35);
    --surface-info-hovered: var(--blue-40);
    --surface-tertiary-rest: var(--gray-20);
    --surface-secondary-hovered: var(--gray-15);
    --surface-secondary-pressed: var(--gray-20);
    --surface-secondary-rest: var(--gray-12);
    --surface-popover-blue: var(--blue-55);
    --surface-primary-hovered: var(--gray-15);
    --surface-primary-rest: var(--gray-12);
    --surface-primary-pressed: var(--gray-20);
    --field-secondary-rest: transparent;
    --field-secondary-disabled: transparent;
    --field-secondary-pressed: transparent;
    --field-secondary-hovered: transparent;
    --field-primary-pressed: var(--gray-25);
    --field-primary-hovered: var(--gray-20);
    --field-primary-rest: var(--gray-15);
    --field-primary-disabled: var(--gray-15);
    --text-on-color: var(--white-a95);
    --text-adv: var(--gray-15);
    --text-button-accented-rest: var(--blue-55);
    --text-button-accented-hovered: var(--blue-50);
    --text-button-accented-pressed: var(--blue-50);
    --text-button-neutral-pressed: var(--gray-85);
    --text-button-neutral-hovered: var(--gray-85);
    --text-button-neutral-rest: var(--gray-60);
    --text-link-neutral-pressed: var(--gray-85);
    --text-link-neutral-hovered: var(--gray-85);
    --text-link-neutral-rest: var(--gray-60);
    --text-link-accented-rest: var(--blue-55);
    --text-link-accented-hovered: var(--blue-50);
    --text-link-accented-pressed: var(--blue-50);
    --text-negative: var(--red-50);
    --text-caution: var(--orange-40);
    --text-positive: var(--green-50);
    --text-info: var(--blue-55);
    --text-flashsale: var(--pink-55);
    --text-accented: var(--green-50);
    --text-inverse-primary: var(--black-a100);
    --text-inverse-secondary: var(--black-a70);
    --text-inverse-disabled: var(--black-a40);
    --text-disabled: var(--gray-60);
    --text-tertiary: var(--gray-60);
    --text-secondary: var(--gray-65);
    --text-primary: var(--gray-90)
}

@media (prefers-color-scheme: dark) {
    :root {
        --page-control-indicator-tertiary: var(--gray-30);
        --page-control-indicator-secondary: var(--black-a15);
        --page-control-indicator-primary-neutral: var(--gray-60);
        --page-control-indicator-primary-accented: var(--red-55);
        --page-control-background: var(--white-a65);
        --background-tertiary: var(--gray-10);
        --background-skeleton-onprimary: var(--gray-15);
        --background-skeleton-onsecondary: var(--gray-20);
        --background-overlay-blurred: var(--black-a45);
        --background-overlay-default: var(--black-a55);
        --background-secondary: var(--black-a100);
        --background-primary: var(--black-a100);
        --icon-on-color: var(--white-a95);
        --icon-rating-neutral: var(--gray-30);
        --icon-rating-accented: var(--orange-70);
        --icon-tertiary-filled: var(--gray-55);
        --icon-tertiary-outlined: var(--gray-50);
        --icon-secondary: var(--gray-45);
        --icon-primary: var(--gray-90);
        --icon-lastitem: var(--red-55);
        --icon-info: var(--blue-60);
        --icon-negative: var(--red-55);
        --icon-flashsale: var(--pink-60);
        --icon-disabled: var(--gray-50);
        --icon-inverse-disabled: var(--black-a40);
        --icon-inverse-secondary: var(--black-a70);
        --icon-inverse-primary: var(--black-a100);
        --icon-caution: var(--orange-35);
        --icon-positive: var(--green-55);
        --icon-accented: var(--red-60);
        --badge-text-sale: var(--white-a95);
        --badge-text-installment: var(--gray-15);
        --badge-text-adv: var(--gray-99);
        --badge-bg-lowstock: var(--red-50);
        --badge-bg-flashsale: var(--pink-55);
        --badge-bg-sale: var(--red-50);
        --badge-bg-installment: var(--gray-15);
        --badge-bg-neutral: var(--gray-15);
        --badge-bg-blackfriday: var(--gray-15);
        --button-secondary-accented-pressed: var(--red-10);
        --button-secondary-accented-hovered: var(--red-15);
        --button-secondary-accented-rest: var(--red-10);
        --button-secondary-neutral-onsecondary-hovered: var(--gray-25);
        --button-secondary-neutral-onsecondary-rest: var(--gray-20);
        --button-secondary-neutral-onsecondary-pressed: var(--gray-15);
        --button-secondary-neutral-onprimary-rest: var(--gray-15);
        --button-secondary-neutral-onprimary-hovered: var(--gray-20);
        --button-secondary-neutral-onprimary-pressed: var(--gray-10);
        --button-disabled-onsecondary: var(--gray-25);
        --button-disabled-onprimary: var(--gray-20);
        --button-tertiary-neutral-onsecondary-pressed: var(--gray-15);
        --button-tertiary-neutral-onsecondary-hovered: var(--gray-25);
        --button-tertiary-neutral-onsecondary-rest: transparent;
        --button-tertiary-neutral-onprimary-pressed: var(--gray-10);
        --button-tertiary-neutral-onprimary-hovered: var(--gray-20);
        --button-tertiary-neutral-onprimary-rest: transparent;
        --button-primary-accented-pressed: var(--red-40);
        --button-primary-accented-hovered: var(--red-55);
        --button-primary-accented-rest: var(--red-45);
        --button-primary-neutral-rest: var(--gray-90);
        --button-primary-neutral-hovered: var(--gray-80);
        --button-primary-neutral-pressed: var(--gray-99);
        --border-inverse-strong: var(--black-a100);
        --border-negative: var(--red-50);
        --border-positive: var(--green-50);
        --border-info: var(--blue-55);
        --border-accented: var(--red-60);
        --border-focused: var(--gray-90);
        --border-disabled: var(--gray-a40);
        --border-subtle: var(--white-a10);
        --border-caution: var(--orange-55);
        --border-focus: var(--blue-65);
        --border-regular: var(--white-a15);
        --border-strong: var(--white-a20);
        --os-android-navigationbar-text-selected: var(--text-accented);
        --os-android-navigationbar-text-default: var(--gray-45);
        --os-android-navigationbar-icon-selected: var(--icon-accented);
        --os-android-navigationbar-icon-default: var(--gray-45);
        --os-android-navigation: var(--white-a100);
        --os-android-statusbar: var(--white-a100);
        --os-android-carriage: var(--red-45);
        --os-ios-tabbar-text-default: var(--gray-45);
        --os-ios-tabbar-text-selected: var(--text-accented);
        --os-ios-tabbar-icon-selected: var(--icon-accented);
        --os-ios-tabbar-icon-default: var(--gray-45);
        --os-ios-carriage: var(--blue-55);
        --os-ios-homeindicator: var(--white-a100);
        --os-ios-statusbar: var(--white-a100);
        --surface-quarternary-rest: var(--gray-30);
        --surface-dark-default: var(--gray-10);
        --surface-dark-blurred: var(--gray-a80);
        --surface-light-default: var(--gray-10);
        --surface-light-blurred: var(--gray-a80);
        --surface-negative-rest: var(--red-40);
        --surface-negative-pressed: var(--red-50);
        --surface-negative-hovered: var(--red-45);
        --surface-caution-pressed: var(--orange-45);
        --surface-caution-rest: var(--orange-35);
        --surface-caution-hovered: var(--orange-40);
        --surface-positive-rest: var(--green-35);
        --surface-positive-pressed: var(--green-45);
        --surface-positive-hovered: var(--green-40);
        --surface-info-pressed: var(--blue-45);
        --surface-info-rest: var(--blue-35);
        --surface-info-hovered: var(--blue-40);
        --surface-tertiary-rest: var(--gray-20);
        --surface-secondary-hovered: var(--gray-15);
        --surface-secondary-pressed: var(--gray-20);
        --surface-secondary-rest: var(--gray-12);
        --surface-popover-blue: var(--blue-55);
        --surface-primary-hovered: var(--gray-15);
        --surface-primary-rest: var(--gray-12);
        --surface-primary-pressed: var(--gray-20);
        --field-secondary-rest: transparent;
        --field-secondary-disabled: transparent;
        --field-secondary-pressed: transparent;
        --field-secondary-hovered: transparent;
        --field-primary-pressed: var(--gray-25);
        --field-primary-hovered: var(--gray-20);
        --field-primary-rest: var(--gray-15);
        --field-primary-disabled: var(--gray-15);
        --text-on-color: var(--white-a95);
        --text-adv: var(--gray-15);
        --text-button-accented-rest: var(--blue-55);
        --text-button-accented-hovered: var(--blue-50);
        --text-button-accented-pressed: var(--blue-50);
        --text-button-neutral-pressed: var(--gray-85);
        --text-button-neutral-hovered: var(--gray-85);
        --text-button-neutral-rest: var(--gray-60);
        --text-link-neutral-pressed: var(--gray-85);
        --text-link-neutral-hovered: var(--gray-85);
        --text-link-neutral-rest: var(--gray-60);
        --text-link-accented-rest: var(--blue-55);
        --text-link-accented-hovered: var(--blue-50);
        --text-link-accented-pressed: var(--blue-50);
        --text-negative: var(--red-50);
        --text-caution: var(--orange-40);
        --text-positive: var(--green-50);
        --text-info: var(--blue-55);
        --text-flashsale: var(--pink-55);
        --text-accented: var(--green-50);
        --text-inverse-primary: var(--black-a100);
        --text-inverse-secondary: var(--black-a70);
        --text-inverse-disabled: var(--black-a40);
        --text-disabled: var(--gray-60);
        --text-tertiary: var(--gray-60);
        --text-secondary: var(--gray-65);
        --text-primary: var(--gray-90)
    }
}

:root, :root.theme-light {
    --page-control-indicator-tertiary: var(--gray-96);
    --page-control-indicator-secondary: var(--black-a15);
    --page-control-indicator-primary-neutral: var(--gray-70);
    --page-control-indicator-primary-accented: var(--red-55);
    --page-control-background: var(--white-a65);
    --background-tertiary: var(--white-a100);
    --background-skeleton-onprimary: var(--gray-98);
    --background-skeleton-onsecondary: var(--white-a90);
    --background-overlay-blurred: var(--black-a20);
    --background-overlay-default: var(--black-a30);
    --background-secondary: var(--gray-97);
    --background-primary: var(--white-a100);
    --icon-on-color: var(--white-a100);
    --icon-rating-neutral: var(--gray-90);
    --icon-rating-accented: var(--orange-65);
    --icon-tertiary-filled: var(--gray-75);
    --icon-tertiary-outlined: var(--gray-70);
    --icon-secondary: var(--gray-55);
    --icon-primary: var(--gray-15);
    --icon-lastitem: var(--red-50);
    --icon-info: var(--blue-55);
    --icon-negative: var(--red-50);
    --icon-flashsale: var(--pink-55);
    --icon-disabled: var(--gray-a30);
    --icon-inverse-disabled: var(--white-a40);
    --icon-inverse-secondary: var(--white-a70);
    --icon-inverse-primary: var(--white-a100);
    --icon-caution: var(--orange-50);
    --icon-positive: var(--green-50);
    --icon-accented: var(--red-55);
    --badge-text-sale: var(--white-a100);
    --badge-text-installment: var(--gray-15);
    --badge-text-adv: var(--gray-90);
    --badge-bg-lowstock: var(--red-96);
    --badge-bg-flashsale: var(--pink-55);
    --badge-bg-sale: var(--red-50);
    --badge-bg-installment: var(--gray-95);
    --badge-bg-neutral: var(--gray-95);
    --badge-bg-blackfriday: var(--black-a100);
    --button-secondary-accented-pressed: var(--red-90);
    --button-secondary-accented-hovered: var(--red-92);
    --button-secondary-accented-rest: var(--red-97);
    --button-secondary-neutral-onsecondary-hovered: var(--gray-90);
    --button-secondary-neutral-onsecondary-rest: var(--gray-93);
    --button-secondary-neutral-onsecondary-pressed: var(--gray-87);
    --button-secondary-neutral-onprimary-rest: var(--gray-97);
    --button-secondary-neutral-onprimary-hovered: var(--gray-93);
    --button-secondary-neutral-onprimary-pressed: var(--gray-90);
    --button-disabled-onsecondary: var(--gray-93);
    --button-disabled-onprimary: var(--gray-97);
    --button-tertiary-neutral-onsecondary-pressed: var(--gray-87);
    --button-tertiary-neutral-onsecondary-hovered: var(--gray-90);
    --button-tertiary-neutral-onsecondary-rest: transparent;
    --button-tertiary-neutral-onprimary-pressed: var(--gray-90);
    --button-tertiary-neutral-onprimary-hovered: var(--gray-93);
    --button-tertiary-neutral-onprimary-rest: transparent;
    --button-primary-accented-pressed: var(--red-45);
    --button-primary-accented-hovered: var(--red-60);
    --button-primary-accented-rest: var(--red-50);
    --button-primary-neutral-rest: var(--gray-15);
    --button-primary-neutral-hovered: var(--gray-25);
    --button-primary-neutral-pressed: var(--gray-10);
    --border-inverse-strong: var(--white-a100);
    --border-negative: var(--red-45);
    --border-positive: var(--green-45);
    --border-info: var(--blue-50);
    --border-accented: var(--red-55);
    --border-focused: var(--gray-15);
    --border-disabled: var(--gray-a8);
    --border-subtle: var(--gray-a8);
    --border-caution: var(--orange-50);
    --border-focus: var(--blue-65);
    --border-regular: var(--gray-a20);
    --border-strong: var(--gray-a25);
    --os-android-navigationbar-text-selected: var(--text-accented);
    --os-android-navigationbar-text-default: var(--gray-60);
    --os-android-navigationbar-icon-selected: var(--icon-accented);
    --os-android-navigationbar-icon-default: var(--gray-60);
    --os-android-navigation: var(--black-a100);
    --os-android-statusbar: var(--gray-15);
    --os-android-carriage: var(--red-40);
    --os-ios-tabbar-text-default: var(--gray-60);
    --os-ios-tabbar-text-selected: var(--text-accented);
    --os-ios-tabbar-icon-selected: var(--icon-accented);
    --os-ios-tabbar-icon-default: var(--gray-60);
    --os-ios-carriage: var(--blue-50);
    --os-ios-homeindicator: var(--black-a100);
    --os-ios-statusbar: var(--black-a100);
    --surface-quarternary-rest: var(--white-a100);
    --surface-dark-default: var(--gray-15);
    --surface-dark-blurred: var(--gray-a80);
    --surface-light-default: var(--white-a100);
    --surface-light-blurred: var(--white-a90);
    --surface-negative-rest: var(--red-97);
    --surface-negative-pressed: var(--red-92);
    --surface-negative-hovered: var(--red-95);
    --surface-caution-pressed: var(--orange-90);
    --surface-caution-rest: var(--orange-95);
    --surface-caution-hovered: var(--orange-92);
    --surface-positive-rest: var(--green-95);
    --surface-positive-pressed: var(--green-90);
    --surface-positive-hovered: var(--green-92);
    --surface-info-pressed: var(--blue-90);
    --surface-info-rest: var(--blue-95);
    --surface-info-hovered: var(--blue-92);
    --surface-tertiary-rest: var(--gray-95);
    --surface-secondary-hovered: var(--gray-94);
    --surface-secondary-pressed: var(--gray-91);
    --surface-secondary-rest: var(--gray-97);
    --surface-popover-blue: var(--blue-55);
    --surface-primary-hovered: var(--gray-98);
    --surface-primary-rest: var(--white-a100);
    --surface-primary-pressed: var(--gray-95);
    --field-secondary-rest: transparent;
    --field-secondary-disabled: transparent;
    --field-secondary-pressed: transparent;
    --field-secondary-hovered: transparent;
    --field-primary-pressed: var(--gray-91);
    --field-primary-hovered: var(--gray-94);
    --field-primary-rest: var(--gray-97);
    --field-primary-disabled: var(--gray-97);
    --text-on-color: var(--white-a100);
    --text-adv: var(--gray-90);
    --text-button-accented-rest: var(--blue-50);
    --text-button-accented-hovered: var(--blue-45);
    --text-button-accented-pressed: var(--blue-45);
    --text-button-neutral-pressed: var(--gray-15);
    --text-button-neutral-hovered: var(--gray-15);
    --text-button-neutral-rest: var(--gray-60);
    --text-link-neutral-pressed: var(--gray-15);
    --text-link-neutral-hovered: var(--gray-15);
    --text-link-neutral-rest: var(--gray-60);
    --text-link-accented-rest: var(--blue-50);
    --text-link-accented-hovered: var(--blue-45);
    --text-link-accented-pressed: var(--blue-45);
    --text-negative: var(--red-45);
    --text-caution: var(--orange-50);
    --text-positive: var(--green-45);
    --text-info: var(--blue-50);
    --text-flashsale: var(--pink-50);
    --text-accented: var(--green-50);
    --text-inverse-primary: var(--white-a100);
    --text-inverse-secondary: var(--white-a70);
    --text-inverse-disabled: var(--white-a40);
    --text-disabled: var(--gray-a35);
    --text-tertiary: var(--gray-60);
    --text-secondary: var(--gray-40);
    --text-primary: var(--gray-15)
}

@media (prefers-color-scheme: light) {
    :root {
        --page-control-indicator-tertiary: var(--gray-96);
        --page-control-indicator-secondary: var(--black-a15);
        --page-control-indicator-primary-neutral: var(--gray-70);
        --page-control-indicator-primary-accented: var(--red-55);
        --page-control-background: var(--white-a65);
        --background-tertiary: var(--white-a100);
        --background-skeleton-onprimary: var(--gray-98);
        --background-skeleton-onsecondary: var(--white-a90);
        --background-overlay-blurred: var(--black-a20);
        --background-overlay-default: var(--black-a30);
        --background-secondary: var(--gray-97);
        --background-primary: var(--white-a100);
        --icon-on-color: var(--white-a100);
        --icon-rating-neutral: var(--gray-90);
        --icon-rating-accented: var(--orange-65);
        --icon-tertiary-filled: var(--gray-75);
        --icon-tertiary-outlined: var(--gray-70);
        --icon-secondary: var(--gray-55);
        --icon-primary: var(--gray-15);
        --icon-lastitem: var(--red-50);
        --icon-info: var(--blue-55);
        --icon-negative: var(--red-50);
        --icon-flashsale: var(--pink-55);
        --icon-disabled: var(--gray-a30);
        --icon-inverse-disabled: var(--white-a40);
        --icon-inverse-secondary: var(--white-a70);
        --icon-inverse-primary: var(--white-a100);
        --icon-caution: var(--orange-50);
        --icon-positive: var(--green-50);
        --icon-accented: var(--red-55);
        --badge-text-sale: var(--white-a100);
        --badge-text-installment: var(--gray-15);
        --badge-text-adv: var(--gray-90);
        --badge-bg-lowstock: var(--red-96);
        --badge-bg-flashsale: var(--pink-55);
        --badge-bg-sale: var(--red-50);
        --badge-bg-installment: var(--gray-95);
        --badge-bg-neutral: var(--gray-95);
        --badge-bg-blackfriday: var(--black-a100);
        --button-secondary-accented-pressed: var(--red-90);
        --button-secondary-accented-hovered: var(--red-92);
        --button-secondary-accented-rest: var(--red-97);
        --button-secondary-neutral-onsecondary-hovered: var(--gray-90);
        --button-secondary-neutral-onsecondary-rest: var(--gray-93);
        --button-secondary-neutral-onsecondary-pressed: var(--gray-87);
        --button-secondary-neutral-onprimary-rest: var(--gray-97);
        --button-secondary-neutral-onprimary-hovered: var(--gray-93);
        --button-secondary-neutral-onprimary-pressed: var(--gray-90);
        --button-disabled-onsecondary: var(--gray-93);
        --button-disabled-onprimary: var(--gray-97);
        --button-tertiary-neutral-onsecondary-pressed: var(--gray-87);
        --button-tertiary-neutral-onsecondary-hovered: var(--gray-90);
        --button-tertiary-neutral-onsecondary-rest: transparent;
        --button-tertiary-neutral-onprimary-pressed: var(--gray-90);
        --button-tertiary-neutral-onprimary-hovered: var(--gray-93);
        --button-tertiary-neutral-onprimary-rest: transparent;
        --button-primary-accented-pressed: var(--red-45);
        --button-primary-accented-hovered: var(--red-60);
        --button-primary-accented-rest: var(--red-50);
        --button-primary-neutral-rest: var(--gray-15);
        --button-primary-neutral-hovered: var(--gray-25);
        --button-primary-neutral-pressed: var(--gray-10);
        --border-inverse-strong: var(--white-a100);
        --border-negative: var(--red-45);
        --border-positive: var(--green-45);
        --border-info: var(--blue-50);
        --border-accented: var(--red-55);
        --border-focused: var(--gray-15);
        --border-disabled: var(--gray-a8);
        --border-subtle: var(--gray-a8);
        --border-caution: var(--orange-50);
        --border-focus: var(--blue-65);
        --border-regular: var(--gray-a20);
        --border-strong: var(--gray-a25);
        --os-android-navigationbar-text-selected: var(--text-accented);
        --os-android-navigationbar-text-default: var(--gray-60);
        --os-android-navigationbar-icon-selected: var(--icon-accented);
        --os-android-navigationbar-icon-default: var(--gray-60);
        --os-android-navigation: var(--black-a100);
        --os-android-statusbar: var(--gray-15);
        --os-android-carriage: var(--red-40);
        --os-ios-tabbar-text-default: var(--gray-60);
        --os-ios-tabbar-text-selected: var(--text-accented);
        --os-ios-tabbar-icon-selected: var(--icon-accented);
        --os-ios-tabbar-icon-default: var(--gray-60);
        --os-ios-carriage: var(--blue-50);
        --os-ios-homeindicator: var(--black-a100);
        --os-ios-statusbar: var(--black-a100);
        --surface-quarternary-rest: var(--white-a100);
        --surface-dark-default: var(--gray-15);
        --surface-dark-blurred: var(--gray-a80);
        --surface-light-default: var(--white-a100);
        --surface-light-blurred: var(--white-a90);
        --surface-negative-rest: var(--red-97);
        --surface-negative-pressed: var(--red-92);
        --surface-negative-hovered: var(--red-95);
        --surface-caution-pressed: var(--orange-90);
        --surface-caution-rest: var(--orange-95);
        --surface-caution-hovered: var(--orange-92);
        --surface-positive-rest: var(--green-95);
        --surface-positive-pressed: var(--green-90);
        --surface-positive-hovered: var(--green-92);
        --surface-info-pressed: var(--blue-90);
        --surface-info-rest: var(--blue-95);
        --surface-info-hovered: var(--blue-92);
        --surface-tertiary-rest: var(--gray-95);
        --surface-secondary-hovered: var(--gray-94);
        --surface-secondary-pressed: var(--gray-91);
        --surface-secondary-rest: var(--gray-97);
        --surface-popover-blue: var(--blue-55);
        --surface-primary-hovered: var(--gray-98);
        --surface-primary-rest: var(--white-a100);
        --surface-primary-pressed: var(--gray-95);
        --field-secondary-rest: transparent;
        --field-secondary-disabled: transparent;
        --field-secondary-pressed: transparent;
        --field-secondary-hovered: transparent;
        --field-primary-pressed: var(--gray-91);
        --field-primary-hovered: var(--gray-94);
        --field-primary-rest: var(--gray-97);
        --field-primary-disabled: var(--gray-97);
        --text-on-color: var(--white-a100);
        --text-adv: var(--gray-90);
        --text-button-accented-rest: var(--blue-50);
        --text-button-accented-hovered: var(--blue-45);
        --text-button-accented-pressed: var(--blue-45);
        --text-button-neutral-pressed: var(--gray-15);
        --text-button-neutral-hovered: var(--gray-15);
        --text-button-neutral-rest: var(--gray-60);
        --text-link-neutral-pressed: var(--gray-15);
        --text-link-neutral-hovered: var(--gray-15);
        --text-link-neutral-rest: var(--gray-60);
        --text-link-accented-rest: var(--blue-50);
        --text-link-accented-hovered: var(--blue-45);
        --text-link-accented-pressed: var(--blue-45);
        --text-negative: var(--red-45);
        --text-caution: var(--orange-50);
        --text-positive: var(--green-45);
        --text-info: var(--blue-50);
        --text-flashsale: var(--pink-50);
        --text-accented: var(--green-50);
        --text-inverse-primary: var(--white-a100);
        --text-inverse-secondary: var(--white-a70);
        --text-inverse-disabled: var(--white-a40);
        --text-disabled: var(--gray-a35);
        --text-tertiary: var(--gray-60);
        --text-secondary: var(--gray-40);
        --text-primary: var(--gray-15)
    }
}

.new-password[data-v-1527fa0d] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: HeliosC;
    height: 418px;
    width: 100%
}

.title[data-v-1527fa0d] {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 30px;
    margin: 0
}

.input[data-v-1527fa0d] {
    margin-top: 32px;
    position: relative
}

@media (min-width: 640px) and (max-width: 959px) {
    .input[data-v-1527fa0d] {
        margin-top: 24px
    }
}

@media (max-width: 639px) {
    .input[data-v-1527fa0d] {
        margin-top: 24px
    }
}

.input .switch[data-v-1527fa0d] {
    position: absolute;
    right: 8px;
    top: 8px
}

.input[data-v-1527fa0d] .ui-input input {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--field-primary-rest);
    background-color: #f2f4f7;
    border-radius: 4px;
    border-radius: 12px;
    color: var(--text-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    height: 40px;
    height: 44px;
    padding: 0 16px;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 100%
}

.input[data-v-1527fa0d] .ui-input input input {
    background-color: transparent;
    border: none;
    color: inherit;
    font-family: HeliosC;
    font-size: .875rem;
    height: 100%;
    line-height: 1.2em;
    width: 100%
}

.input[data-v-1527fa0d] .ui-input input input::-webkit-input-placeholder {
    color: var(--text-secondary)
}

.input[data-v-1527fa0d] .ui-input input input::-moz-placeholder {
    color: var(--text-secondary)
}

.input[data-v-1527fa0d] .ui-input input input:-ms-input-placeholder {
    color: var(--text-secondary)
}

.input[data-v-1527fa0d] .ui-input input input::-ms-input-placeholder {
    color: var(--text-secondary)
}

.input[data-v-1527fa0d] .ui-input input input::placeholder {
    color: var(--text-secondary)
}

.input[data-v-1527fa0d] .ui-input input.focus, .input[data-v-1527fa0d] .ui-input input:focus {
    -webkit-box-shadow: inset 0 0 0 1px #33c;
    box-shadow: inset 0 0 0 1px #33c
}

.input[data-v-1527fa0d] .ui-input input[disabled] {
    background: var(--field-primary-disabled);
    color: var(--text-disabled)
}

.input[data-v-1527fa0d] .ui-input input[disabled] input ::-webkit-input-placeholder {
    color: var(--text-disabled)
}

.input[data-v-1527fa0d] .ui-input input[disabled] input ::-moz-placeholder {
    color: var(--text-disabled)
}

.input[data-v-1527fa0d] .ui-input input[disabled] input :-ms-input-placeholder {
    color: var(--text-disabled)
}

.input[data-v-1527fa0d] .ui-input input[disabled] input ::-ms-input-placeholder {
    color: var(--text-disabled)
}

.input[data-v-1527fa0d] .ui-input input[disabled] input ::placeholder {
    color: var(--text-disabled)
}

.input[data-v-1527fa0d] .ui-input input .error:not(.focus) {
    -webkit-box-shadow: inset 0 0 0 1px #6e00ff !important;
    box-shadow: inset 0 0 0 1px #6e00ff !important;
    color: var(--text-accented)
}

.input[data-v-1527fa0d] .ui-input input .error:not(.focus) input ::-webkit-input-placeholder {
    color: var(--text-accented)
}

.input[data-v-1527fa0d] .ui-input input .error:not(.focus) input ::-moz-placeholder {
    color: var(--text-accented)
}

.input[data-v-1527fa0d] .ui-input input .error:not(.focus) input :-ms-input-placeholder {
    color: var(--text-accented)
}

.input[data-v-1527fa0d] .ui-input input .error:not(.focus) input ::-ms-input-placeholder {
    color: var(--text-accented)
}

.input[data-v-1527fa0d] .ui-input input .error:not(.focus) input ::placeholder {
    color: var(--text-accented)
}

.input[data-v-1527fa0d] .ui-input input:hover:not([disabled]) {
    background: var(--field-primary-hovered)
}

.input[data-v-1527fa0d] .ui-input.focus input {
    -webkit-box-shadow: none;
    box-shadow: none
}

.input.error[data-v-1527fa0d] .ui-input {
    border: 1px solid #fa0000
}

.error-text[data-v-1527fa0d] {
    color: #f00000;
    margin-top: 8px
}

.button[data-v-1527fa0d] {
    margin-top: 24px;
    width: 100%
}

@media (min-width: 640px) and (max-width: 959px) {
    .button[data-v-1527fa0d] {
        margin-top: 16px
    }
}

@media (max-width: 639px) {
    .button[data-v-1527fa0d] {
        margin-top: 16px
    }
}

.ui-input[data-v-75cc1f53] {
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 4px;
    color: rgba(0, 0, 0, .87);
    font-size: .875rem;
    font-weight: 400;
    height: 2.5rem;
    padding: 0;
    text-indent: 1rem;
    width: 100%
}

.input-form-group.tall .ui-input[data-v-75cc1f53] {
    font-size: 1.1rem;
    height: 3rem
}

.input-form-group .ui-input[data-v-75cc1f53]:-moz-placeholder, .input-form-group .ui-input[data-v-75cc1f53]:-ms-input-placeholder, .input-form-group .ui-input[data-v-75cc1f53]::-moz-placeholder, .input-form-group .ui-input[data-v-75cc1f53]::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.input-form-group .ui-input[data-v-75cc1f53]:not([readonly]):focus {
    border-color: rgba(0, 0, 0, .38)
}

.input-form-group .ui-input[name=phone_code][data-v-75cc1f53], .input-form-group.center .ui-input[data-v-75cc1f53] {
    text-align: center;
    text-indent: 0
}

.input-form-group > div[express][data-v-75cc1f53]:after {
    height: 0;
    margin-top: 0
}

.input-form-group > div[express].has-error[data-v-75cc1f53]:after {
    color: #e53935;
    content: attr(data-error);
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: auto;
    margin-top: 9px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.input-form-group .ui-input.has-error[data-v-75cc1f53] {
    border-color: #e53935
}

.input-form-group > div[express][data-v-75cc1f53] {
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s
}

.input-form-group > div[express] > #tooltip[data-v-75cc1f53] {
    position: absolute;
    right: 1px;
    top: 0
}

[ui-form][horizontal] > .input-form-group .ui-input.has-error[data-v-75cc1f53]:after {
    height: auto
}

[ui-form][horizontal] > .input-form-group .ui-input[data-v-75cc1f53] {
    width: 80%
}

[ui-form][inline] > .input-form-group .ui-input[data-v-75cc1f53] {
    width: 100%
}

[ui-form][inline] > .input-form-group .ui-input[data-v-75cc1f53]:after {
    height: 0
}

.ui-input[type=number][data-v-75cc1f53] {
    -moz-appearance: textfield;
    padding: 1px
}

.ui-input[data-v-75cc1f53]::-webkit-inner-spin-button, .ui-input[data-v-75cc1f53]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.input-form-group > div[express] > #tooltip > button[data-v-75cc1f53], .input-form-group > div[express] > button[data-v-75cc1f53] {
    background: none;
    border: 0;
    border-radius: 0;
    height: 38px;
    padding: 0;
    position: absolute;
    top: 1px;
    width: 38px;
    z-index: 1
}

@media (max-width: 960px) {
    .input-form-group > div[express] > #tooltip > button[data-v-75cc1f53], .input-form-group > div[express] > button[data-v-75cc1f53] {
        height: 33px;
        width: 33px
    }
}

.input-form-group > div[express] > button[data-v-75cc1f53] {
    left: 1px
}

.input-form-group > div[express] > #tooltip > button[data-v-75cc1f53] {
    right: 1px
}

.input-form-group > div[express] > #tooltip > button > i[data-v-75cc1f53], .input-form-group > div[express] > button > i[data-v-75cc1f53] {
    background: #000;
    display: block;
    height: 2px;
    margin: 0 auto;
    width: 14px
}

.input-form-group > div[express] > #tooltip > button > i[data-v-75cc1f53]:after {
    background: #000;
    content: "";
    display: block;
    height: 14px;
    margin: -6px 0 0 6px;
    position: absolute;
    width: 2px
}

.input-form-group > div[express] > #prefix[data-v-75cc1f53] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    bottom: 1px;
    color: rgba(0, 0, 0, .54);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    height: auto;
    left: 1px;
    padding-left: 8px;
    position: absolute;
    top: 1px
}

.input-form-group > div[express] > .ui-input[type=price][data-v-75cc1f53] {
    text-indent: 2rem
}

#tooltip > span[data-v-75cc1f53] {
    background-color: var(--bage-bg-sale);
    border-radius: 4px;
    bottom: 7px;
    color: #fff;
    display: none;
    font-size: 13px;
    left: -30px;
    padding: 5px 8px;
    position: absolute;
    text-align: center;
    white-space: nowrap
}

span.after[data-v-75cc1f53] {
    border-color: var(--border-accented) transparent transparent transparent;
    border-style: solid;
    border-width: 3px;
    content: " ";
    left: 5%;
    position: absolute;
    top: 100%
}

#tooltip:hover > span[data-v-75cc1f53] {
    display: inherit;
    z-index: 999
}

@media (max-width: 960px) {
    #tooltip:hover > span[data-v-75cc1f53] {
        display: none
    }
}

.verification-code[data-v-54749858] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.verification-code .input-wrapper[data-v-54749858] {
    color: transparent;
    height: 48px;
    margin-right: 12px;
    width: 44px
}

.verification-code input[data-v-54749858] {
    background-color: var(--field-primary-rest);
    border-radius: 12px;
    color: var(--text-primary);
    font-family: HeliosC;
    font-size: 20px;
    height: 48px;
    line-height: 24px;
    padding: 0;
    text-align: center;
    width: 44px
}

.verification-code input.invalid[data-v-54749858] {
    border: 1px solid var(--border-negative);
    color: var(--text-negative)
}

.verification-code input.loading[data-v-54749858] {
    -webkit-animation: blink-54749858 1.5s linear infinite;
    animation: blink-54749858 1.5s linear infinite
}

.verification-code input[data-v-54749858]:last-child {
    margin: 0
}

.verification-code input[data-v-54749858]::-webkit-inner-spin-button, .verification-code input[data-v-54749858]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.verification-code input[type=number][data-v-54749858], .verification-code input[type=number][data-v-54749858]:focus, .verification-code input[type=number][data-v-54749858]:hover {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: textfield
}

@-webkit-keyframes blink-54749858 {
    0% {
        opacity: 1
    }
    50% {
        opacity: .3
    }
    to {
        opacity: 1
    }
}

@keyframes blink-54749858 {
    0% {
        opacity: 1
    }
    50% {
        opacity: .3
    }
    to {
        opacity: 1
    }
}

.sign-in-code[data-v-54455998] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: HeliosC;
    height: 100%;
    overflow-x: hidden;
    width: 100%
}

.sign-in-code__form[data-v-54455998] {
    position: relative
}

.code-input[data-v-54455998] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    padding: 0
}

.code-input[data-v-54455998] input {
    background: none;
    caret-color: transparent;
    color: #15151a;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 15px;
    line-height: 40px;
    padding: 0;
    width: auto
}

@media (min-width: 640px) and (max-width: 959px) {
    .code-input[data-v-54455998] input {
        font-size: 40px
    }
}

@media (max-width: 639px) {
    .code-input[data-v-54455998] input {
        font-size: 40px
    }
}

.code-input.error[data-v-54455998] input {
    color: #f00000
}

.code-input-container[data-v-54455998] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 30px;
    position: relative
}

.code-input-container[data-v-54455998], .dots-absolute-container[data-v-54455998] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.dots-absolute-container[data-v-54455998] {
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.dots-container[data-v-54455998] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 29px;
    justify-content: space-between;
    padding: 0 7px
}

.dot-placeholder[data-v-54455998] {
    width: 8px
}

.dot[data-v-54455998] {
    background: #dfe0e2;
    border-radius: 50%;
    height: 8px;
    width: 8px
}

.title[data-v-54455998] {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 30px
}

@media (max-width: 639px) {
    .title[data-v-54455998] {
        font-size: 22px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .title[data-v-54455998] {
        font-size: 22px
    }
}

.description[data-v-54455998] {
    font-size: 16px;
    line-height: 20px;
    margin-top: 12px;
    width: 95%
}

@media (min-width: 640px) and (max-width: 959px) {
    .description[data-v-54455998] {
        width: 84%
    }
}

@media (max-width: 639px) {
    .description[data-v-54455998] {
        width: 84%
    }
}

.verification-code[data-v-54455998] {
    margin: 71px auto 0
}

.invalid[data-v-54455998] {
    bottom: -22px;
    color: #f00000;
    font-size: 16px;
    left: 50%;
    letter-spacing: -.005em;
    line-height: 18px;
    margin: 12px auto 0;
    position: absolute;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.retry[data-v-54455998] {
    font-size: 16px;
    letter-spacing: .004em;
    line-height: 20px;
    margin-top: auto;
    text-align: center
}

@media (min-width: 640px) and (max-width: 959px) {
    .retry[data-v-54455998] {
        margin-top: 42px
    }
}

@media (max-width: 639px) {
    .retry[data-v-54455998] {
        margin-top: 42px
    }
}

.send-again[data-v-54455998] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #202027;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    justify-content: center
}

.send-again .icon[data-v-54455998] {
    margin-right: 10px
}

.countdown[data-v-54455998] {
    color: #8b8e98
}

.autofill-disabled[data-v-54455998] input:-webkit-autofill, .autofill-disabled[data-v-54455998] input:-webkit-autofill:active, .autofill-disabled[data-v-54455998] input:-webkit-autofill:focus, .autofill-disabled[data-v-54455998] input:-webkit-autofill:hover {
    background-clip: content-box !important;
    background-color: #fff !important;
    -webkit-box-shadow: inset 0 0 0 60px #fff !important
}

.restore-password[data-v-e9a41b8a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: HeliosC;
    width: 100%
}

.restore-password .title[data-v-e9a41b8a] {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 30px
}

@media (max-width: 639px) {
    .restore-password .title[data-v-e9a41b8a] {
        font-size: 22px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .restore-password .title[data-v-e9a41b8a] {
        font-size: 22px
    }
}

.restore-password .description[data-v-e9a41b8a] {
    font-size: 16px;
    line-height: 20px;
    margin-top: 12px
}

.restore-password[data-v-e9a41b8a] input {
    background-color: #f2f4f7;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 400;
    height: 44px;
    line-height: 20px;
    margin-top: 32px
}

.restore-password .error-text[data-v-e9a41b8a] {
    color: #f00000;
    margin-top: 8px
}

.restore-password .button[data-v-e9a41b8a] {
    margin-top: 24px;
    width: 100%
}

.restore-password .button[data-v-e9a41b8a] .default {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.sign-in-password[data-v-174a5f43] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: HeliosC
}

.sign-in-password[data-v-174a5f43] .ui-input {
    background-color: #f2f4f7;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    height: 44px;
    line-height: 20px
}

.title[data-v-174a5f43] {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 30px;
    margin-bottom: 32px
}

@media (max-width: 639px) {
    .title[data-v-174a5f43] {
        font-size: 22px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .title[data-v-174a5f43] {
        font-size: 22px
    }
}

.password.error[data-v-174a5f43] .ui-input, .username.error[data-v-174a5f43] .ui-input {
    border: 1px solid #e53935
}

.input[data-v-174a5f43] {
    margin-top: 12px;
    position: relative
}

.input .switch[data-v-174a5f43] {
    position: absolute;
    right: 8px;
    top: 8px
}

.enter[data-v-174a5f43] {
    margin-top: 24px;
    width: 100%
}

.enter[data-v-174a5f43] .default, .forget[data-v-174a5f43] {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.forget[data-v-174a5f43] {
    cursor: pointer;
    font-size: 16px;
    margin: 24px auto 0
}

.sign-in-phone[data-v-53ea624c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: HeliosC;
    height: 100%;
    justify-content: space-between;
    width: 100%
}

.sign-in-phone[data-v-53ea624c] .ui-input {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--field-primary-rest);
    border-radius: 4px;
    border-radius: 12px;
    color: var(--text-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    height: 52px;
    margin-top: 32px;
    padding: 0 16px;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.sign-in-phone[data-v-53ea624c] .ui-input input {
    background-color: transparent;
    border: none;
    color: inherit;
    font-family: HeliosC;
    font-size: .875rem;
    height: 100%;
    line-height: 1.2em;
    width: 100%
}

.sign-in-phone[data-v-53ea624c] .ui-input input::-webkit-input-placeholder {
    color: var(--text-secondary)
}

.sign-in-phone[data-v-53ea624c] .ui-input input::-moz-placeholder {
    color: var(--text-secondary)
}

.sign-in-phone[data-v-53ea624c] .ui-input input:-ms-input-placeholder {
    color: var(--text-secondary)
}

.sign-in-phone[data-v-53ea624c] .ui-input input::-ms-input-placeholder {
    color: var(--text-secondary)
}

.sign-in-phone[data-v-53ea624c] .ui-input input::placeholder {
    color: var(--text-secondary)
}

.sign-in-phone[data-v-53ea624c] .ui-input.focus, .sign-in-phone[data-v-53ea624c] .ui-input:focus {
    -webkit-box-shadow: inset 0 0 0 1px #33c;
    box-shadow: inset 0 0 0 1px #33c
}

.sign-in-phone[data-v-53ea624c] .ui-input[disabled] {
    background: var(--field-primary-disabled);
    color: var(--text-disabled)
}

.sign-in-phone[data-v-53ea624c] .ui-input[disabled] input ::-webkit-input-placeholder {
    color: var(--text-disabled)
}

.sign-in-phone[data-v-53ea624c] .ui-input[disabled] input ::-moz-placeholder {
    color: var(--text-disabled)
}

.sign-in-phone[data-v-53ea624c] .ui-input[disabled] input :-ms-input-placeholder {
    color: var(--text-disabled)
}

.sign-in-phone[data-v-53ea624c] .ui-input[disabled] input ::-ms-input-placeholder {
    color: var(--text-disabled)
}

.sign-in-phone[data-v-53ea624c] .ui-input[disabled] input ::placeholder {
    color: var(--text-disabled)
}

.sign-in-phone[data-v-53ea624c] .ui-input .error:not(.focus) {
    -webkit-box-shadow: inset 0 0 0 1px #6e00ff !important;
    box-shadow: inset 0 0 0 1px #6e00ff !important;
    color: var(--text-accented)
}

.sign-in-phone[data-v-53ea624c] .ui-input .error:not(.focus) input ::-webkit-input-placeholder {
    color: var(--text-accented)
}

.sign-in-phone[data-v-53ea624c] .ui-input .error:not(.focus) input ::-moz-placeholder {
    color: var(--text-accented)
}

.sign-in-phone[data-v-53ea624c] .ui-input .error:not(.focus) input :-ms-input-placeholder {
    color: var(--text-accented)
}

.sign-in-phone[data-v-53ea624c] .ui-input .error:not(.focus) input ::-ms-input-placeholder {
    color: var(--text-accented)
}

.sign-in-phone[data-v-53ea624c] .ui-input .error:not(.focus) input ::placeholder {
    color: var(--text-accented)
}

.sign-in-phone[data-v-53ea624c] .ui-input:hover:not([disabled]) {
    background: var(--field-primary-hovered)
}

.sign-in-phone[data-v-53ea624c] .ui-input.focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.sign-in-phone[data-v-53ea624c] .ui-input.error {
    border: 1px solid #fa0000
}

.sign-in-phone[data-v-53ea624c] .ui-input .before {
    font-family: HeliosC;
    font-size: 20px;
    font-weight: 400;
    margin-right: 2px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.sign-in-phone[data-v-53ea624c] .ui-input input {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px
}

.title[data-v-53ea624c] {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 30px
}

@media (max-width: 639px) {
    .title[data-v-53ea624c] {
        font-size: 22px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .title[data-v-53ea624c] {
        font-size: 22px
    }
}

.description[data-v-53ea624c] {
    font-size: 16px;
    line-height: 20px;
    margin-top: 12px
}

.error-text[data-v-53ea624c] {
    color: #f00000;
    font-size: 16px;
    letter-spacing: -.005em;
    line-height: 18px;
    padding-top: 8px
}

.button[data-v-53ea624c] {
    margin-top: 24px;
    width: 100%
}

.button[data-v-53ea624c] .default, .by-password[data-v-53ea624c] {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.by-password[data-v-53ea624c] {
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.01em;
    line-height: 20px;
    margin: 0 auto
}

.policy[data-v-53ea624c] {
    font-size: 16px;
    line-height: 18px;
    margin-top: 28px;
    text-align: center
}

.policy__link[data-v-53ea624c] {
    color: #0070e0;
    text-decoration: none
}

.new-sign-in[data-v-2e211250] {
    font-family: HeliosC;
    height: 418px
}

@media (min-width: 640px) and (max-width: 959px) {
    .new-sign-in[data-v-2e211250] {
        height: 568px;
        padding: 16px
    }
}

@media (max-width: 639px) {
    .new-sign-in[data-v-2e211250] {
        height: 568px;
        padding: 16px
    }
}

.new-sign-in__header[data-v-2e211250] {
    height: 28px;
    position: relative
}

.go-back[data-v-2e211250] {
    cursor: pointer;
    margin-left: -8px
}

.title[data-v-2e211250] {
    display: none;
    font-size: 20px;
    font-weight: 500;
    left: 50%;
    position: absolute;
    top: 7px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media (min-width: 640px) and (max-width: 959px) {
    .title[data-v-2e211250] {
        display: block
    }
}

@media (max-width: 639px) {
    .title[data-v-2e211250] {
        display: block
    }
}

.new-sign-in__body[data-v-2e211250] {
    height: 366px;
    margin: 28px auto 0;
    width: 350px
}

@media (min-width: 640px) and (max-width: 959px) {
    .new-sign-in__body[data-v-2e211250] {
        height: 466px;
        width: 288px
    }
}

@media (max-width: 639px) {
    .new-sign-in__body[data-v-2e211250] {
        height: 466px;
        width: 288px
    }
}

.resend-error[data-v-2e211250] {
    bottom: 50px;
    height: 64px;
    margin: 0;
    position: fixed;
    right: 50px;
    width: 320px;
    z-index: 1000
}

@media (max-width: 639px) {
    .resend-error[data-v-2e211250] {
        height: 48px;
        left: 50%;
        top: 18%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 287px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .resend-error[data-v-2e211250] {
        height: 48px;
        left: 50%;
        top: 18%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 287px
    }
}

.fade-enter-active[data-v-5ae89f85], .fade-leave-active[data-v-5ae89f85] {
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.fade-enter[data-v-5ae89f85], .fade-leave-to[data-v-5ae89f85] {
    opacity: 0
}

.account-popover[data-v-5ae89f85] {
    background: #fff;
    border-radius: 16px;
    -webkit-box-shadow: 0 6px 18px -6px rgba(11, 11, 30, .06), 0 12px 36px -12px rgba(11, 11, 30, .12);
    box-shadow: 0 6px 18px -6px rgba(11, 11, 30, .06), 0 12px 36px -12px rgba(11, 11, 30, .12);
    cursor: default;
    left: 50%;
    max-width: 100vw;
    min-width: 299px;
    padding: 24px;
    position: absolute;
    top: 42px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10
}

.account-popover .active-account[data-v-5ae89f85] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background: hsla(220, 4%, 48%, .05);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    min-height: 44px;
    padding: 13px 17px 13px 16px;
    width: 100%
}

.account-popover .active-account .title[data-v-5ae89f85] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.2em;
    margin-right: 17px;
    text-align: left
}

.account-popover .active-account[data-v-5ae89f85] .check {
    margin-left: auto
}

.account-popover .active-account[data-v-5ae89f85] .check path {
    fill: #12a53e
}

.account-popover .links[data-v-5ae89f85] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left
}

.account-popover .links a[data-v-5ae89f85] {
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.2em;
    margin-top: 16px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.account-popover .links a[data-v-5ae89f85]:hover {
    text-decoration: underline
}

.account-popover .action[data-v-5ae89f85] {
    color: #15151a;
    margin-top: 24px;
    width: 100%
}

.parent-category-link[ui-11] {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 4px 0 0 4px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 500;
    font-weight: 600;
    margin-left: 0;
    padding: 0 8px 0 10px;
    -webkit-transition: color .25s;
    transition: color .25s;
    width: 100%
}

.parent-category-link[ui-11]:hover {
    color: var(--text-link-brand-hovered);
    -webkit-transition: none;
    transition: none
}

.parent-category-link:hover .subtitle[ui-11] {
    color: var(--text-link-brand-hovered)
}

.parent-category-link:hover svg[ui-11] {
    fill: var(--text-link-brand-hovered)
}

.parent-category-link .image[ui-11] {
    margin-top: 8px
}

.parent-category-link img[ui-11] {
    height: 32px;
    margin-left: -4px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 32px
}

.parent-category-link .arrow[ui-11], .parent-category-link .icon[ui-11] {
    margin-top: 13px
}

.parent-category-link .arrow[ui-11] {
    margin-left: auto
}

.parent-category-link .title[ui-11] {
    line-height: 120%;
    margin: 12.5px 0;
    padding: 0 8px;
    width: calc(100% - 48px)
}

.parent-category-link .subtitle[ui-11] {
    color: #8a8d93;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.2em;
    margin-top: 2px
}

.catalog-transition[ui-10] {
    overflow: hidden;
    position: absolute;
    top: 73px;
    width: 1240px;
    z-index: 1000;
	border: 1px solid #CCCCCC;
	border-radius: 8px;
}

.catalog-shadow-enter-active[ui-10] {
    max-height: 100%;
    -webkit-transition: all .17s ease-in .2s;
    transition: all .17s ease-in .2s
}

.catalog-shadow-leave-active[ui-10] {
    max-height: 100%;
    -webkit-transition: all .17s ease-out;
    transition: all .17s ease-out
}

.catalog-shadow-enter[ui-10], .catalog-shadow-leave-to[ui-10] {
    max-height: 0;
    opacity: 0
}

.catalog-enter-active[ui-10] {
    -webkit-transition: all .2s ease-in .07s, margin-top .2s ease-out .01ms;
    transition: all .2s ease-in .07s, margin-top .2s ease-out .01ms
}

.catalog-leave-active[ui-10] {
    -webkit-transition: all .17s ease-out .01ms, margin-top .15s ease-out .15s;
    transition: all .17s ease-out .01ms, margin-top .15s ease-out .15s
}

.catalog-enter[ui-10], .catalog-leave-to[ui-10] {
    color: transparent;
    margin-top: -72px;
    opacity: 0
}

.skeleton-enter-active[ui-10], .skeleton-leave-active[ui-10] {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.skeleton-enter[ui-10], .skeleton-leave-to[ui-10] {
    opacity: 0
}

.close-icon-catalog[ui-10] {
    fill: #141416;
    background-color: hsla(220, 4%, 48%, .1);
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    padding: 8px;
    position: absolute;
    right: 10px;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}

.close-icon-catalog[ui-10]:hover {
    background-color: hsla(220, 4%, 48%, .05)
}

.ke-catalog[ui-10] {
    --aside-width: 264px;
    background: #fff;
    color: #141416;
    font-family: HeliosC;
    width: 100%;
    z-index: 1000
}

.shadow[ui-10] {
    background: transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(11, 11, 30, .3)), color-stop(30.21%, rgba(11, 11, 30, .14)), color-stop(62.5%, rgba(11, 11, 30, .05)), to(rgba(11, 11, 30, 0)));
    background: linear-gradient(180deg, rgba(11, 11, 30, .3), rgba(11, 11, 30, .14) 30.21%, rgba(11, 11, 30, .05) 62.5%, rgba(11, 11, 30, 0));
    height: 120px
}

.parent-categories[ui-10] {
    height: 100%;
    list-style: none;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}

@media (min-width: 1920px) {
    .parent-categories[ui-10] {
        border-right: 1px solid hsla(220, 4%, 48%, .2);
        width: var(--aside-width)
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .parent-categories[ui-10] {
        border-right: 1px solid hsla(220, 4%, 48%, .2);
        width: var(--aside-width)
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .parent-categories[ui-10] {
        border-right: 1px solid hsla(220, 4%, 48%, .2);
        width: var(--aside-width)
    }
}

.custom-icon[ui-10] {
    height: 24px;
    width: 24px
}

.parent-category-icon[ui-10] {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.main-categories[ui-10] {
    background: #fff;
    margin-bottom: 30px;
    margin-left: 30px
}

.main-categories .parent-category-title[ui-10] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #141416;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.125rem;
    font-weight: 600;
    margin-top: 9px
}

.main-categories .categories[ui-10] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    height: 100%
}

.main-categories .categories[ui-10]:after, .main-categories .categories[ui-10]:before {
    -ms-flex-preferred-size: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    content: "";
    flex-basis: 100%;
    order: 2;
    width: 0
}

.main-categories .categories .category-item[ui-10] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 30px
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .main-categories .categories .category-item[ui-10] {
        width: calc(33.33333% - 30px)
    }

    .main-categories .categories .category-item[ui-10]:nth-child(3n+1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .main-categories .categories .category-item[ui-10]:nth-child(3n+2) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .main-categories .categories .category-item[ui-10]:nth-child(3n+3) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .main-categories .categories .category-item[ui-10]:nth-child(-n+3) {
        margin-top: 20px
    }
}

@media (min-width: 1920px) {
    .main-categories .categories .category-item[ui-10] {
        width: calc(33.33333% - 30px)
    }

    .main-categories .categories .category-item[ui-10]:nth-child(3n+1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .main-categories .categories .category-item[ui-10]:nth-child(3n+2) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .main-categories .categories .category-item[ui-10]:nth-child(3n+3) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .main-categories .categories .category-item[ui-10]:nth-child(-n+3) {
        margin-top: 20px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .main-categories .categories .category-item[ui-10] {
        width: calc(50% - 30px)
    }

    .main-categories .categories .category-item[ui-10]:nth-child(odd) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .main-categories .categories .category-item[ui-10]:nth-child(2n+2) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .main-categories .categories .category-item[ui-10]:nth-child(-n+2) {
        margin-top: 20px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .main-categories .categories .category-item[ui-10] {
        width: calc(50% - 30px)
    }

    .main-categories .categories .category-item[ui-10]:nth-child(odd) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .main-categories .categories .category-item[ui-10]:nth-child(2n+2) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .main-categories .categories .category-item[ui-10]:nth-child(-n+2) {
        margin-top: 20px
    }
}

.main-categories .categories .category-item .category-title[ui-10] {
    color: #141416;
    font-size: .875rem;
    font-weight: 600;
    line-height: 17px;
    margin-bottom: 18px
}

.main-categories .categories .category-item .category-title[ui-10]:hover {
    color: var(--text-link-brand-hovered)
}

.parent-category-link[ui-10] {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 4px 0 0 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    font-weight: 500;
    padding: 0 8px 0 10px;
    width: 100%
}

.parent-category-link .arrow[ui-10], .parent-category-link .icon[ui-10] {
    margin-top: 8px
}

.parent-category-link .arrow[ui-10] {
    margin-left: auto
}

.parent-category-link .title[ui-10] {
    line-height: 120%;
    margin: 11.5px 0;
    padding: 0 8px;
    width: calc(100% - 48px)
}

.parent-category-link.active[ui-10] {
    background-color: hsla(220, 4%, 48%, .1)
}

.ui-link[ui-10] {
    -webkit-transition: color .25s;
    transition: color .25s
}

.ui-link[ui-10]:hover {
    color: var(--text-link-brand-hovered);
    -webkit-transition: none;
    transition: none
}

.ui-link:hover svg[ui-10] {
    fill: var(--text-link-brand-hovered)
}

.wrapper[ui-10] {
    --columns: 3;
    background: #fff;
    display: grid;
    grid-template-columns:var(--aside-width) 1fr;
    margin: 0 auto;
    max-width: 1240px;
    position: relative;
    z-index: 1000
}

@media (min-width: 640px) and (max-width: 959px) {
    .wrapper[ui-10] {
        --columns: 2
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .wrapper[ui-10] {
        --columns: 2
    }
}

.cart-preview[data-v-100c22e6] {
    cursor: auto;
    max-width: 500px;
    padding-top: 15px;
    position: absolute;
    right: 0;
    top: 28px;
    width: 30vw;
    z-index: 1010
}

[ui-card][data-v-100c22e6] {
    overflow: hidden
}

.bottom[data-v-100c22e6] {
    background-color: #eee;
    padding: 15px
}

.item[data-v-100c22e6] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin: 0;
    padding: 0 15px;
    -moz-text-align-last: left;
    text-align-last: left
}

.item[data-v-100c22e6]:hover {
    background-color: #eee
}

.item > [data-v-100c22e6] {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0;
    padding: 10px 0;
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left
}

.item > [data-v-100c22e6]:not(:last-child) {
    margin-right: 10px
}

.item .title[data-v-100c22e6] {
    max-width: 67%;
    max-width: calc(100% - 68px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.item .title .price[data-v-100c22e6] {
    font-size: 13px;
    margin-top: 5px
}

.item .delete[data-v-100c22e6] {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.item .delete .ui-icon[data-v-100c22e6] {
    cursor: pointer;
    float: right;
    opacity: .26
}

.item .delete .ui-icon[data-v-100c22e6]:hover {
    opacity: 1
}

@media screen and (max-width: 960px) {
    .cart-preview[data-v-100c22e6] {
        width: 95vw;
        width: calc(100vw - 2rem)
    }
}

.fade-enter-active[data-v-4a9e6810], .fade-leave-active[data-v-4a9e6810] {
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.fade-enter[data-v-4a9e6810], .fade-leave-to[data-v-4a9e6810] {
    opacity: 0
}

.logged-legal-popover[data-v-4a9e6810] {
    background: #fff;
    border-radius: 16px;
    -webkit-box-shadow: 0 6px 18px -6px rgba(11, 11, 30, .06), 0 12px 36px -12px rgba(11, 11, 30, .12);
    box-shadow: 0 6px 18px -6px rgba(11, 11, 30, .06), 0 12px 36px -12px rgba(11, 11, 30, .12);
    cursor: default;
    left: 15%;
    max-width: 288px;
    padding: 24px;
    position: absolute;
    top: 42px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10
}

.logged-legal-popover .wrapper[data-v-4a9e6810] {
    text-align: start
}

.logged-legal-popover .title[data-v-4a9e6810] {
    font-family: HeliosC;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4em
}

.logged-legal-popover .text[data-v-4a9e6810] {
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4em;
    margin-top: 4px
}

.logged-legal-popover .action[data-v-4a9e6810] {
    margin-top: 16px
}

.promo-category-mobile[data-v-40d431ce] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.promo-category-mobile img[data-v-40d431ce] {
    height: 32px;
    margin-left: -4px;
    margin-right: 4px;
    width: 32px
}

.ui-button[data-v-40d431ce] {
    grid-gap: 0;
    border-radius: 0;
    color: #141416;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 40px;
    justify-items: flex-start;
    padding: 0 15px;
    width: 100%
}

.ui-button .show-more path[data-v-40d431ce] {
    fill: #a0a2a7
}

.ui-button .title[data-v-40d431ce] {
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.2em
}

.ui-button .default[data-v-40d431ce] {
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ui-button svg[data-v-40d431ce] {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.ui-button .after[data-v-40d431ce] {
    margin-left: auto
}

.ui-button[data-v-40d431ce]:active {
    color: inherit
}

.ui-button .split[data-v-40d431ce] {
    background: hsla(220, 4%, 48%, .2);
    border-left: 16px solid #fff;
    height: 1px;
    margin-left: auto;
    width: 100%
}

.ui-button .split.short[data-v-40d431ce] {
    border-left-width: 46px
}

.ui-button .subtitle[data-v-40d431ce] {
    color: #8a8d93;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.2em
}

@media (max-width: 639px) {
    .mobile-sidebar[data-v-33be0960] {
        overflow: hidden;
        touch-action: none;
        -ms-touch-action: none
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .mobile-sidebar[data-v-33be0960] {
        overflow: hidden;
        touch-action: none;
        -ms-touch-action: none
    }
}

.mobile-sidebar[data-v-33be0960] .ui-link {
    text-decoration: none
}

.mobile-sidebar[data-v-33be0960] .ui-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #fff;
    border-radius: 4px;
    border-radius: 0;
    color: #141416;
    cursor: pointer;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    justify-items: flex-start;
    line-height: 1.2em;
    padding: 0 15px !important;
    text-decoration: none
}

.mobile-sidebar[data-v-33be0960] .ui-button, .mobile-sidebar[data-v-33be0960] .ui-button .default {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.mobile-sidebar[data-v-33be0960] .ui-button .default {
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mobile-sidebar[data-v-33be0960] .ui-button .after {
    margin-left: auto
}

.mobile-sidebar[data-v-33be0960] .ui-button .show-more path {
    fill: #a0a2a7
}

.mobile-sidebar[data-v-33be0960] .ui-button:active {
    color: inherit
}

.mobile-sidebar[data-v-33be0960] .ui-button.link-i .before {
    margin-right: 7px
}

.mobile-sidebar[data-v-33be0960] .ui-button.link {
    padding-left: 46px !important
}

.mobile-sidebar[data-v-33be0960] .ui-button.toggle-link {
    color: #62656a
}

.mobile-sidebar[data-v-33be0960] .ui-button.catalog {
    color: var(--text-link-brand-rest);
    font-weight: 600;
    height: 52px;
    margin-top: 7px
}

.mobile-sidebar[data-v-33be0960] .ui-button.catalog .after svg path {
    fill: var(--icon-accented)
}

.mobile-sidebar[data-v-33be0960] .ui-button.current, .mobile-sidebar[data-v-33be0960] .ui-button.logout {
    color: var(--text-accented)
}

.mobile-sidebar[data-v-33be0960] .ui-button.current {
    font-weight: 600
}

.mobile-sidebar[data-v-33be0960] .ui-button.all {
    font-weight: 800
}

.sidebar-enter-active[data-v-33be0960], .sidebar-leave-active[data-v-33be0960] {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.sidebar-enter[data-v-33be0960], .sidebar-leave-to[data-v-33be0960] {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.toggle-enter-active[data-v-33be0960], .toggle-leave-active[data-v-33be0960] {
    max-height: 100%;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.toggle-enter[data-v-33be0960], .toggle-leave-to[data-v-33be0960] {
    max-height: 0;
    opacity: 0
}

.mobile-sidebar[data-v-33be0960] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #f4f4f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 6
}

.mobile-sidebar header[data-v-33be0960] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 52px;
    margin: 0;
    padding: 0 15px;
    width: 100%
}

.mobile-sidebar header .close[data-v-33be0960] {
    cursor: pointer;
    margin-right: auto
}

.mobile-sidebar header .profile[data-v-33be0960] {
    cursor: pointer;
    margin-right: 6px
}

.mobile-sidebar header span[data-v-33be0960] {
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 500
}

.mobile-sidebar header span.slash[data-v-33be0960] {
    padding-left: 3px;
    padding-right: 2px
}

.mobile-sidebar header span.under[data-v-33be0960] {
    cursor: pointer;
    text-decoration: underline
}

.mobile-sidebar .split[data-v-33be0960] {
    background: hsla(220, 4%, 48%, .2);
    border-left: 16px solid #fff;
    height: 1px;
    margin-left: auto;
    width: 100%
}

.mobile-sidebar .split.short[data-v-33be0960] {
    border-left-width: 46px
}

.mobile-sidebar .cities[data-v-33be0960], .mobile-sidebar .info[data-v-33be0960], .mobile-sidebar .toggle-menu[data-v-33be0960] {
    background: #fff;
    padding: 2px 0
}

.mobile-sidebar .custom-icon[data-v-33be0960] {
    height: 24px;
    width: 24px
}

.mobile-sidebar .content[data-v-33be0960] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%
}

.mobile-sidebar .cities[data-v-33be0960] {
    background: #fff;
    color: #141416;
    margin-top: 7px;
    padding: 2px 0
}

.mobile-sidebar .cities .select-city[data-v-33be0960] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-line-pack: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-content: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 500;
    height: 40px;
    justify-content: flex-start;
    justify-items: flex-start;
    line-height: 1.2em;
    position: relative
}

.mobile-sidebar .cities .select-city .title[data-v-33be0960] {
    margin-right: 4px
}

.mobile-sidebar .cities .select-city select[data-v-33be0960] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent !important;
    color: inherit;
    flex-grow: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    height: 100%;
    margin: 0;
    padding: 0
}

.mobile-sidebar .cities .select-city select option[data-v-33be0960] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff !important
}

.mobile-sidebar .cities .select-city .geo-icon[data-v-33be0960] {
    margin-left: 15px;
    margin-right: 7px
}

.mobile-sidebar .toggle-icon[data-v-33be0960] {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.mobile-sidebar .toggle-icon.up[data-v-33be0960] {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.app-header[ui-03] {
    --header-primary-color: #e63737
}

.app-header__catalog-button[ui-03] {
    margin-right: 8px;
}

.ui-wrapper[ui-03] {
    margin: 0 auto;
    max-width: 1240px;
    min-width: 320px;
    width: 95%
}

.top-header[ui-03] {
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: #f4f4f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: HeliosC;
    justify-content: stretch;
    min-height: 32px;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    width: 100%
}

.top-header__body[ui-03] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1240px;
    min-width: 320px;
    position: relative;
    width: 95%
}

.top-header__link[ui-03] {
    color: inherit;
    font-size: .875rem;
    text-decoration: none
}

.localization-switcher[ui-03] {
    margin-left: 16px
}

.location[ui-03] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: center;
    color: #62656a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1
}

.location > p[ui-03] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: .875rem;
    padding-left: 4px
}

.delivery-points[ui-03] {
    color: #141416;
    font-weight: 500;
}

.main-usp[ui-03] {
    -webkit-box-flex: 450px;
    color: #62656a;
    -ms-flex: 450px 1 1;
    flex: 450px 1 1;
    font-size: 13px;
    line-height: 1;
    text-align: center
}

.city[ui-03] {
    color: #1f2026;
    cursor: pointer;
    font-family: HeliosC;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 18px
}

.city[ui-03]:hover {
    color: rgba(31, 32, 38, .7)
}

.suggestion-priority[ui-03] {
    background: #fff;
    position: relative;
    position: sticky;
    top: 0;
    z-index: 6
}

@media only screen and (min-width: 960px) {
    .suggestion-priority[ui-03] {
        background-color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 17px 0 0;
        position: relative;
        -webkit-transition: margin .05s linear, -webkit-transform .3s ease;
        transition: margin .05s linear, -webkit-transform .3s ease;
        transition: transform .3s ease, margin .05s linear;
        transition: transform .3s ease, margin .05s linear, -webkit-transform .3s ease;
        width: 100%;
        z-index: 2
    }
}
@media only screen and (max-width: 959px) {
.app-header__catalog-button[ui-03] {
    display: none;
}
}

.menu-skeleton[ui-03] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    overflow: hidden
}

.menu-skeleton-item[ui-03] {
    background: #f4f4f4;
    border-radius: 4px;
    height: 24px;
    margin-right: 32px;
    width: 124px
}

.show-catalog[ui-03] {
    background-color: #f2f4f7;
    border-radius: 10px;
    color: #37f;
    height: 40px !important;
    margin-right: 7px;
    width: 120px
}

.show-catalog[ui-03]:hover {
    background: #e6e8ed
}

.show-catalog[ui-03]:hover .inner {
    background: #e0e0f6;
    -webkit-transition: background .001ms .001ms;
    transition: background .001ms .001ms
}

.catalog-icon[ui-03] {
    margin-right: 8px
}

.top-links[ui-03] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: HeliosC;
    font-weight: 500;
    gap: 16px;
    margin-left: auto
}

.top-link[ui-03] {
    cursor: pointer;
    font-size: .875rem
}

.top-link[ui-03]:hover {
    color: #000
}

.bottom-header-wrapper[ui-03] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0 12px;
    width: 100%
}

.more[ui-03] {
    -ms-flex-item-align: center;
    align-self: center;
    border-bottom: 2px solid transparent;
    color: rgba(0, 0, 0, .7) !important;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    height: 36px;
    line-height: 24px;
    margin-right: 8px;
    opacity: .87;
    padding-bottom: 10px;
    padding-top: 7px
}

.more[ui-03] svg {
    margin-left: 3px;
    position: relative;
    top: 5px
}

.more[ui-03] svg path {
    fill: #62656a
}

.more[ui-03]:hover {
    color: #000 !important;
    opacity: 1
}

.more[ui-03]:hover svg path {
    fill: #000 !important
}

.bottom-header[ui-03] {
    overflow: hidden;
    position: relative
}

.categories[ui-03] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 38px;
    justify-content: space-between;
    margin: 0 -10px;
    -webkit-perspective: 1000;
    perspective: 1000;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    white-space: nowrap;
    width: 100%;
    z-index: 4
}

.promo-category-link[ui-03]:after {
    display: none
}

.promo-category-link .image img[ui-03], .promo-category-link .image[ui-03] {
    height: 24px;
    width: 24px
}

.promo-category-link .title[ui-03] {
    color: #000 !important;
    font-family: HeliosC;
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.2em;
    margin-left: 4px;
    white-space: nowrap
}

.category[ui-03] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    margin: 0 10px;
    overflow: hidden;
    position: relative
}

.category[ui-03]:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #141416;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    -webkit-perspective: 1000;
    perspective: 1000;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
    transition: opacity .5s ease, -webkit-transform .5s ease;
    transition: transform .5s ease, opacity .5s ease;
    transition: transform .5s ease, opacity .5s ease, -webkit-transform .5s ease;
    width: 100%
}

.category.open[ui-03]:after, .category[ui-03]:hover:after {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.category.open > [ui-03] {
    color: #000;
    opacity: 1
}

.category__body[ui-03] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -1px;
    padding-bottom: 6px;
    padding-top: 7px
}

.logo[ui-03] {
    width: 96px
}

@media (max-width: 639px) {
    .logo[ui-03] {
        width: 60px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .logo[ui-03] {
        width: 80px
    }
}

.logo-link[ui-03] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 24px 0 8px
}

@media (max-width: 639px) {
    .logo-link[ui-03] {
        margin: 0 0 0 4px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .logo-link[ui-03] {
        margin: 0 0 0 4px
    }
}

@media screen and (max-width: 959px) {
    .suggestion-priority .ui-wrapper[ui-03] {
        padding: 12px 0;
        position: relative;
        width: 100%
    }
}

.store-action-buttons[ui-03] {
    position: relative
}

.action-button[ui-03] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 500;
    min-height: 42px;
    min-width: 42px;
    padding: 0 8px;
    position: relative
}

@media (max-width: 639px) {
    .action-button[ui-03] {
        padding: 0
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .action-button[ui-03] {
        padding: 0
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .action-button[ui-03] {
        padding: 0
    }
}

.action-button[ui-03]:hover {
    background: hsla(220, 4%, 48%, .1);
    border-radius: 4px
}

.action-button[ui-03]:not(:last-child) {
    margin-right: 8px;
	margin-left: 8px;
}

@media (max-width: 639px) {
    .action-button[ui-03]:not(:last-child) {
        margin-right: 0
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .action-button[ui-03]:not(:last-child) {
        margin-right: 0
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .action-button[ui-03]:not(:last-child) {
        margin-right: 0
    }
}

.action-button img[ui-03], .action-button svg[ui-03] {
    margin-right: 9px
}

@media (max-width: 639px) {
    .action-button img[ui-03], .action-button svg[ui-03] {
        margin: 0 auto
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .action-button img[ui-03], .action-button svg[ui-03] {
        margin: 0 auto
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .action-button img[ui-03], .action-button svg[ui-03] {
        margin: 0 auto
    }
}

.action-button__label[ui-03] {
    display: none
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .action-button__label[ui-03] {
        display: initial
    }
}

@media (min-width: 1920px) {
    .action-button__label[ui-03] {
        display: initial
    }
}

.products-in-cart-count[ui-03] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	text-align: center;
    background-color: var(--icon-accented);
    border-radius: 50%;
    color: #fff;
	display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .products-in-cart-count[ui-03] {
        font-size: 13px;
        height: 20px;
        line-height: 20px;
        margin-left: 4px;
        width: 20px;
		margin-top:-1px;

    }
}

@media (min-width: 1920px) {
    .products-in-cart-count[ui-03] {
        font-size: 13px;
        height: 20px;
        line-height: 20px;
        margin-left: 4px;
        width: 20px;
		min-width: 20px;
		margin-top:-1px;
    }
}

@media (max-width: 639px) {
    .products-in-cart-count[ui-03] {
        font-size: 11px;
        height: 16px;
        line-height: 16px;
        position: absolute;
        right: 50%;
		margin-right:-27px;
        top: 6px;
        width: 16px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .products-in-cart-count[ui-03] {
        font-size: 11px;
        height: 16px;
        line-height: 16px;
        position: absolute;
        right: 50%;
		margin-right:-27px;
        top: 6px;
        width: 16px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .products-in-cart-count[ui-03] {
        font-size: 11px;
        height: 16px;
        line-height: 16px;
        position: absolute;
        right: 6px;
        top: 6px;
        width: 16px;
		margin-top:-1px;
    }
}

.products-in-cart-count.hasProduct[ui-03] {
    display: block !important;
}

.cart-enter[ui-03] {
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.middle-header[ui-03] {
    margin: 0;
    position: relative;
    width: 100%
}

@media screen and (max-width: 959px) {
    .middle-header[ui-03] {
        height: 42px
    }
}

.humb-wrapper[ui-03], .middle-header-main-logo[ui-03] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.humb-wrapper[ui-03] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    cursor: pointer;
    height: 40px;
    justify-content: center;
    width: 40px
}

.nav-humb[ui-03] {
    border-radius: 2px;
    cursor: pointer;
    height: 24px;
    position: relative;
    width: 24px;
    z-index: 1
}

.change-account[data-v-518691d0] {
    width: 328px
}

.change-account .title[data-v-518691d0] {
    font-family: HeliosC;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2em;
    margin-top: 6.5px
}

.change-account .companies[data-v-518691d0] {
    margin-top: 7px
}

.change-account .companies[data-v-518691d0] .radio-button.company {
    min-height: 72px;
    padding: 5px 0
}

.change-account .companies[data-v-518691d0] .radio-button.company:not(:last-child) {
    border-bottom: 1px solid hsla(220, 4%, 48%, .3)
}

.change-account .auth[data-v-518691d0] {
    margin-top: 16px;
    width: 100%
}

.spinner {
    animation: spin 2s linear infinite;
    border: var(--stroke) solid var(--color);
    border-bottom-color: transparent;
    border-radius: 50%;
    height: var(--size);
    width: var(--size)
}

@-moz-keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@-o-keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.ui-input[data-v-fb319c80] {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px hsla(220, 4%, 48%, .3);
    color: #141416;
    display: flex;
    height: 48px;
    padding: 15.5px 16px;
    transition: all .15s ease-in-out
}

.ui-input input[data-v-fb319c80] {
    background-color: transparent;
    border: none;
    color: inherit;
    font-size: .875rem;
    height: 100%;
    width: 100%
}

.ui-input input[data-v-fb319c80]::placeholder {
    color: rgba(0, 0, 0, .5)
}

.ui-input input[data-v-fb319c80] {
    font-family: HeliosC;
    font-size: .8rem;
    line-height: 1.2em
}

.ui-input.focus[data-v-fb319c80], .ui-input[data-v-fb319c80]:focus {
    box-shadow: inset 0 0 0 1px #33c
}

.ui-input[disabled][data-v-fb319c80] {
    background: hsla(220, 4%, 48%, .15)
}

.ui-input[disabled] input[data-v-fb319c80] {
    color: #8a8d93
}

.ui-input[disabled] input[data-v-fb319c80] ::placeholder {
    color: #8a8d93
}

.ui-input .error[data-v-fb319c80]:not(.focus) {
    box-shadow: inset 0 0 0 1px #e63737 !important;
    color: #e63737 !important
}

.ui-input .error:not(.focus) input[data-v-fb319c80] ::placeholder {
    color: #e63737 !important
}

.ui-input[data-v-fb319c80]:hover:not([disabled]) {
    background: hsla(220, 4%, 48%, .1);
    box-shadow: inset 0 0 0 1px #141416;
    color: rgba(0, 0, 0, .5)
}

.ui-input:hover:not([disabled]) input[data-v-fb319c80] ::placeholder {
    color: rgba(0, 0, 0, .5)
}

.ui-input.focus[data-v-fb319c80], .ui-input[data-v-fb319c80]:focus {
    box-shadow: inset 0 0 0 1px #a0a2a7
}

.ui-input.error[data-v-fb319c80]:not(.focus) {
    box-shadow: inset 0 0 0 1px #e63737 !important;
    color: #e63737 !important
}

.ui-input.error:not(.focus) input[data-v-fb319c80] ::placeholder {
    color: #e63737 !important
}

.ui-input[data-v-fb319c80]:hover:not([disabled]) {
    background-color: #fff;
    box-shadow: inset 0 0 0 1px #a0a2a7;
    color: inherit
}

.ui-input[data-v-fb319c80] .error-icon path {
    fill: #e63737
}

.add-company[data-v-01246fcd] {
    color: #141416;
    width: 328px
}

.add-company .title[data-v-01246fcd] {
    font-family: HeliosC;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2em;
    margin-bottom: 15px;
    margin-top: 6px
}

.add-company .vue-simple-suggest[data-v-01246fcd] {
    position: relative
}

.add-company .vue-simple-suggest[data-v-01246fcd] .input-wrapper[aria-expanded=true] .ui-input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.add-company .vue-simple-suggest[data-v-01246fcd] ul.suggestions {
    background-color: #fff;
    border: none !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: 0 4px 12px -4px rgba(11, 11, 30, .16) !important;
    left: 0;
    margin-bottom: 0;
    margin-top: 0;
    max-height: 224px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 1
}

.add-company .vue-simple-suggest[data-v-01246fcd] ul.suggestions::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 22px
}

.add-company .vue-simple-suggest[data-v-01246fcd] ul.suggestions::-webkit-scrollbar-track {
    background-clip: padding-box;
    background-color: hsla(220, 4%, 48%, .1);
    border: 8px solid transparent;
    border-radius: 999px
}

.add-company .vue-simple-suggest[data-v-01246fcd] ul.suggestions::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: hsla(220, 4%, 48%, .8);
    border: 8px solid transparent;
    border-radius: 999px
}

.add-company .vue-simple-suggest[data-v-01246fcd] ul.suggestions .suggest-item {
    cursor: pointer;
    padding: 8px 16px;
    transition: all .15s ease
}

.add-company .vue-simple-suggest[data-v-01246fcd] ul.suggestions .suggest-item .suggest-value {
    font-family: HeliosC;
    font-size: .875rem;
    line-height: 1.2em
}

.add-company .vue-simple-suggest[data-v-01246fcd] ul.suggestions .suggest-item .suggest-info {
    font-family: HeliosC;
    font-size: .7rem;
    line-height: 1.2em;
    margin-top: 4px
}

.add-company .vue-simple-suggest[data-v-01246fcd] ul.suggestions .suggest-item.hover {
    background: hsla(220, 4%, 48%, .05)
}

.add-company .profits[data-v-01246fcd] {
    padding-bottom: 24px
}

.add-company .profits .profit[data-v-01246fcd] {
    display: flex;
    margin-top: 24px
}

.add-company .profits .profit .number-wrapper[data-v-01246fcd] {
    align-items: center;
    background: rgba(18, 165, 62, .1);
    border-radius: 12px;
    display: flex;
    height: 24px;
    justify-content: center;
    margin-right: 12px;
    width: 24px
}

.add-company .profits .profit .number-wrapper .number[data-v-01246fcd] {
    color: #12a53e;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 600
}

.add-company .profits .profit .content .title[data-v-01246fcd] {
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.2em;
    margin-top: 3px
}

.add-company .profits .profit .content .subtitle[data-v-01246fcd] {
    font-family: HeliosC;
    font-size: .8rem;
    line-height: 1.2em;
    margin-top: 8px
}

.add-company .selected-company .name[data-v-01246fcd] {
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.2em;
    margin-top: 32px
}

.add-company .selected-company .info[data-v-01246fcd] {
    display: flex;
    margin-top: 8px
}

.add-company .selected-company .info .inn[data-v-01246fcd], .add-company .selected-company .info .kpp[data-v-01246fcd] {
    font-family: HeliosC;
    font-size: .875rem;
    line-height: 1.2em
}

.add-company .selected-company .info .kpp[data-v-01246fcd] {
    margin-left: 16px
}

.add-company .selected-company .address[data-v-01246fcd] {
    font-family: HeliosC;
    font-size: .875rem;
    line-height: 1.2em;
    margin-top: 8px
}

.add-company .selected-company .ui-checkbox[data-v-01246fcd] {
    font-family: HeliosC;
    font-size: .8rem;
    line-height: 1.2em;
    margin-top: 28px
}

.add-company .selected-company .add[data-v-01246fcd] {
    margin-top: 18px;
    width: 100%
}

.add-company .selected-company .link[data-v-01246fcd] {
    text-decoration: underline
}

.error-message[data-v-01246fcd] {
    color: #e63737;
    font-family: HeliosC;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .008em;
    line-height: 16px;
    margin-top: 4px
}

.input[data-v-01246fcd] {
    margin-top: 8px
}

.smart-banner[data-v-20bacc12] {
    align-items: center;
    background-color: #fff;
    display: flex;
    gap: 4px;
    height: 48px;
    padding: 6px;
    z-index: 9
}

.close[data-v-20bacc12] {
    align-items: center;
    background: transparent;
    cursor: pointer;
    display: flex;
    height: 40px;
    padding: 8px;
    width: 40px
}

.close[data-v-20bacc12] path {
    fill: var(--color-icon-tertiary)
}

.smart-banner__body[data-v-20bacc12] {
    align-items: center;
    display: flex;
    font-family: HeliosC;
    font-size: 13px;
    font-weight: 500;
    gap: 12px;
    letter-spacing: .008em;
    line-height: 16px
}

.favicon[data-v-20bacc12] {
    display: inline-block;
    height: 36px;
    width: 36px
}

.button[data-v-20bacc12] {
    align-self: center;
    display: inline-flex;
    margin-left: auto;
    margin-right: 10px
}

.app-header-wrapper[ui-02] {
    z-index: 21
}

@media (max-width: 639px) {
    .app-header-wrapper[ui-02] {
        position: sticky
    }

    .app-header-wrapper.notSticky[ui-02] {
        position: static
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .app-header-wrapper[ui-02] {
        position: sticky
    }

    .app-header-wrapper.notSticky[ui-02] {
        position: static
    }
}

@media (max-width: 639px) {
    .app-header-wrapper.navBarDisabled[ui-02] {
        padding-bottom: 60px;
        position: relative !important;
        top: 0 !important
    }

    .app-header-wrapper.navBarDisabled .search-form[ui-02] {
        background-color: #fff;
        margin-top: 110px
    }

    .app-header-wrapper.navBarDisabled .search-back[ui-02] {
        position: absolute;
        top: 62px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .app-header-wrapper.navBarDisabled[ui-02] {
        padding-bottom: 60px;
        position: relative !important;
        top: 0 !important
    }

    .app-header-wrapper.navBarDisabled .search-form[ui-02] {
        background-color: #fff;
        margin-top: 110px
    }

    .app-header-wrapper.navBarDisabled .search-back[ui-02] {
        position: absolute;
        top: 62px
    }
}

.app-header-wrapper[ui-02] .search-back {
    padding-left: 16px;
    z-index: 1
}

.app-header-wrapper[ui-02] .search-back .return-icon svg {
    height: 15px;
    width: 15px
}

.scroller[data-v-46b06f10] {
    bottom: -60px;
    position: fixed;
    right: 25px;
    touch-action: none;
    transition: bottom .2s ease-in-out;
    z-index: 3
}

.scroller.shown[data-v-46b06f10] {
    bottom: 25px
}

.scroller svg[data-v-46b06f10] {
    cursor: pointer
}

.lead-modal[ui-modal][wrapper].prompt[data-v-014614fc] .content {
    padding: 25px
}

.banner img[data-v-e847f4b8] {
    width: 100%
}

.title[ui-72] {
    display: flex;
    flex-direction: column;
    margin: 0 16px
}

.title h2[ui-72] {
    color: #141416;
    font-size: 1.22rem;
    margin: 0;
    padding: 0
}

.title h3[ui-72] {
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.2em;
    margin: 0;
    padding: 0
}

.title p[ui-72] {
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4em;
    margin: 0 8px 8px
}

@media (max-width: 639px) {
    .title p[ui-72] {
        text-align: center
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .title p[ui-72] {
        text-align: center
    }
}

.title h2[ui-72] {
    font-family: HeliosC;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.2em;
    margin: 8px
}

.title .title[ui-72] {
    margin: 0 24px
}

.buttons-group[data-v-bd04be54] {
    padding: 0 16px
}

.buttons-group .ui-button[data-v-bd04be54] {
    border-radius: 8px;
    font-family: HeliosC;
    font-size: 16px;
    font-size: .875rem;
    font-weight: 500;
    height: 36px;
    justify-content: center;
    line-height: 1.2em;
    margin-top: 8px;
    padding: 0 14px;
    width: 100%
}

.buttons-group .ui-button[data-v-bd04be54]:first-child {
    margin-top: 0
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .buttons-group[data-v-bd04be54] {
        padding: 0 24px
    }
}

.offer[data-v-254a5dd6] {
    display: flex;
    justify-content: space-between;
    margin: 16px;
    width: 90%
}

.offer .card[data-v-254a5dd6] {
    align-items: center;
    background: #f4f4f5;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    margin: 4px;
    overflow: hidden;
    touch-action: none;
    -ms-touch-action: none;
    width: 100%
}

.offer .card img[data-v-254a5dd6] {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.focus-wrapper[data-v-015befc8] {
    border-radius: 16px;
    margin: 0 16px;
    padding: 16px
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .focus-wrapper[data-v-015befc8] {
        margin: 0 24px
    }
}

.focus-wrapper .title span[data-v-015befc8] {
    margin-top: 4px
}

.focus-wrapper .remain-label[data-v-015befc8] {
    display: block
}

.focus-wrapper .plain-text[data-v-015befc8] {
    color: #fff;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.2em;
    margin-top: 16px
}

.focus-wrapper .ui-button[data-v-015befc8] {
    border-radius: 4px;
    color: #62656a;
    height: 38px;
    justify-content: center;
    margin-top: 16px;
    width: 100%
}

.focus-wrapper .timer[data-v-015befc8] {
    display: flex;
    justify-content: center
}

.focus-wrapper .timer-clock[data-v-015befc8] {
    align-self: center;
    display: flex;
    justify-content: flex-start
}

.focus-wrapper h3[data-v-015befc8] {
    font-family: HeliosC;
    font-size: .8rem;
    line-height: 1.2em;
    margin-bottom: 4px;
    margin-top: 0
}

.focus-wrapper .price-timer[data-v-015befc8], .focus-wrapper .promocode[data-v-015befc8] {
    font-family: HeliosC;
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.2em
}

.center-content {
    align-items: stretch;
    align-items: center;
    width: auto
}

@media (max-width: 639px) {
    .center-content {
        align-items: center
    }
}

.center-content:last-child {
    margin-bottom: 16px
}

.snackBar-container[data-v-ee79b918] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100vh;
    padding: 0 16px;
    pointer-events: none;
    position: fixed;
    width: 100vw;
    z-index: 1000
}

.snackBar-container.top-right[data-v-ee79b918] {
    right: 20px;
    top: 20px
}

.snackBar-container.top-left[data-v-ee79b918] {
    left: 20px;
    top: 20px
}

.snackBar-container.bottom-right[data-v-ee79b918] {
    bottom: 20px;
    right: 20px
}

.snackBar-container.bottom-left[data-v-ee79b918] {
    bottom: 20px;
    left: 20px
}

.snackBar-container.bottom[data-v-ee79b918] {
    align-items: center;
    bottom: 20px;
    justify-content: flex-end;
    left: 50%;
    transform: translateX(-50%)
}

.snackBar-container.top[data-v-ee79b918] {
    align-items: center;
    justify-content: flex-start;
    left: 50%;
    top: 20px;
    transform: translateX(-50%)
}

.snackBar-wrapper[data-v-ee79b918] {
    align-items: center;
    pointer-events: auto
}

.snackBar-enter-active[data-v-ee79b918], .snackBar-leave-active[data-v-ee79b918] {
    transition: all .5s ease
}

.snackBar-enter-from[data-v-ee79b918], .snackBar-enter[data-v-ee79b918] {
    opacity: 0;
    transform: translateY(-20px)
}

.snackBar-enter-to[data-v-ee79b918], .snackBar-leave-from[data-v-ee79b918] {
    opacity: 1;
    transform: translateY(0)
}

.snackBar-leave-to[data-v-ee79b918] {
    opacity: 0;
    transform: translateY(-20px)
}

.main-wrapper .catalog-modal, .main-wrapper .user-modal {
    position: fixed !important;
    top: 0;
    width: 100%
}

.main-wrapper .catalog-modal {
    padding-bottom: 56px
}

.main-wrapper[data-v-678fce8c] {
    display: flex;
    flex-direction: column;
    max-height: 100vh;
    max-height: 100dvh;
    min-height: 100vh;
    min-height: 100dvh;
    touch-action: none
}

@media (max-width: 639px) {
    .main-wrapper[data-v-678fce8c] {
        height: 100dvh;
        max-height: 100dvh
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .main-wrapper[data-v-678fce8c] {
        height: 100dvh;
        max-height: 100dvh
    }
}

.sticky-footer[data-v-678fce8c] {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow-y: auto
}

.sticky-footer[data-v-678fce8c] .main-content {
    flex-grow: 1;
    flex: 1
}

.sticky-footer[data-v-678fce8c] .app-header {
    z-index: 6
}

.products-in-cart-count[data-v-678fce8c] {
    background-color: #03B418;
    color: #fff;
    font-size: .5rem
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .products-in-cart-count[data-v-678fce8c] {
        border-radius: 2px;
        font-size: .75rem;
        margin-left: 4px;
        padding: 4px 6px
    }
}

@media (min-width: 1920px) {
    .products-in-cart-count[data-v-678fce8c] {
        border-radius: 2px;
        font-size: .75rem;
        margin-left: 4px;
        padding: 4px 6px
    }
}

@media (max-width: 639px) {
    .products-in-cart-count[data-v-678fce8c] {
        border-radius: 50%;
        height: 15px;
        line-height: 15px;
        position: absolute;
        right: 2px;
        top: 2px;
        width: 15px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .products-in-cart-count[data-v-678fce8c] {
        border-radius: 50%;
        height: 15px;
        line-height: 15px;
        position: absolute;
        right: 2px;
        top: 2px;
        width: 15px
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .products-in-cart-count[data-v-678fce8c] {
        border-radius: 50%;
        height: 15px;
        line-height: 15px;
        position: absolute;
        right: 2px;
        top: 2px;
        width: 15px
    }
}

.products-in-cart-count.hasProduct[data-v-678fce8c] {
    display: block !important;
}

.action-button[data-v-678fce8c] {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    font-family: HeliosC;
    font-size: .875rem;
    font-weight: 500;
    min-height: 42px;
    min-width: 42px;
    padding: 0 8px;
    position: relative
}

@media (max-width: 639px) {
    .action-button[data-v-678fce8c] {
        padding: 0
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .action-button[data-v-678fce8c] {
        padding: 0
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .action-button[data-v-678fce8c] {
        padding: 0
    }
}

.action-button[data-v-678fce8c]:hover {
    background: hsla(220, 4%, 48%, .1);
    border-radius: 4px
}

.action-button[data-v-678fce8c]:not(:last-child) {
    margin-right: 8px
}

@media (max-width: 639px) {
    .action-button[data-v-678fce8c]:not(:last-child) {
        margin-right: 0
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .action-button[data-v-678fce8c]:not(:last-child) {
        margin-right: 0
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .action-button[data-v-678fce8c]:not(:last-child) {
        margin-right: 0
    }
}

.action-button img[data-v-678fce8c], .action-button svg[data-v-678fce8c] {
    margin-right: 9px
}

@media (max-width: 639px) {
    .action-button img[data-v-678fce8c], .action-button svg[data-v-678fce8c] {
        margin: 0 auto
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .action-button img[data-v-678fce8c], .action-button svg[data-v-678fce8c] {
        margin: 0 auto
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .action-button img[data-v-678fce8c], .action-button svg[data-v-678fce8c] {
        margin: 0 auto
    }
}

.action-button__label[data-v-678fce8c] {
    display: none
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .action-button__label[data-v-678fce8c] {
        display: initial
    }
}

@media (min-width: 1920px) {
    .action-button__label[data-v-678fce8c] {
        display: initial
    }
}

.main-content {
    background-color: #fff
}

@media (max-width: 639px) {
    .main-content.main-content-visibility {
        display: none
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .main-content.main-content-visibility {
        display: none
    }
}

@media only screen and (min-width: 1280px) {
    .section-title {
        font-size: 2rem
    }
}

@media only screen and (max-width: 960px) {
    .inner-wrapper {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .products-list > * {
        margin-bottom: .5rem
    }

    .section-title {
        font-size: 1.25rem
    }

    div[express] > .main-content {
        padding: 0 0 30px
    }
}

@media only screen and (min-width: 960px) {
    .section-title {
        font-size: 1.75rem
    }

    .inner-wrapper {
        padding-left: 0;
        padding-right: 0
    }

    .products-list > * {
        margin-bottom: 1rem
    }

    .section-title {
        font-size: 1.5rem
    }

    div[express] > .main-content {
        padding: 0 0 20px
    }
}

.layout-header-title {
    color: #1f2026;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.cities-selector[data-v-637770d1] {
    color: #1f2026;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 46px;
    line-height: 18px;
    padding: 10px;
    position: relative
}

.cities-selector[data-v-637770d1], .cities-selector__info[data-v-637770d1] {
    align-items: center;
    display: flex;
    gap: 10px
}

.cities-selector__input[data-v-637770d1] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    color: var(--text-tertiary);
    direction: rtl;
    flex: 1;
    font-family: HeliosC;
    font-size: 16px;
    height: 100%;
    left: 10px;
    line-height: 18px;
    position: absolute;
    right: 10px;
    text-align: right;
    width: calc(100% - 20px)
}

.cities-selector__input option[data-v-637770d1] {
    color: var(--text-primary)
}

.user-modal[data-v-408f3ef2] {
    background: #f2f4f7;
    height: 100%;
    overflow-y: scroll;
    overscroll-behavior: none;
    position: relative;
    z-index: 21
}

.top-text[data-v-408f3ef2] {
    background: #f2f4f7;
    color: #595b66;
    flex: none;
    flex-grow: 1;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    order: 0;
    padding: 8px
}

.header[data-v-408f3ef2], .top-text[data-v-408f3ef2] {
    font-family: HeliosC;
    font-style: normal;
    text-align: center
}

.header[data-v-408f3ef2] {
    align-items: center;
    background: #fff;
    color: #1f2026;
    display: flex;
    flex-direction: row;
    font-size: 20px;
    font-weight: 600;
    height: 52px;
    justify-content: center;
    line-height: 28px;
    width: 100%
}

.user-info[data-v-408f3ef2] {
    align-items: center;
    background: #fff;
    display: flex;
    gap: 4px;
    padding: 8px 24px 12px
}

.user-info__body[data-v-408f3ef2] {
    display: flex;
    flex: 1;
    flex-direction: column
}

.user-info__name[data-v-408f3ef2] {
    color: #1f2026;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.user-info__phone[data-v-408f3ef2] {
    color: #8b8e99;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.section[data-v-408f3ef2] {
    background: #fff;
    margin-top: 8px
}

.section.accordeon[data-v-408f3ef2] {
    padding: 0 8px
}

.link[data-v-408f3ef2] {
    align-items: center;
    color: #1f2026;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    height: 46px;
    line-height: 18px;
    padding: 10px;
	
}

.link[data-v-408f3ef2] svg * {
    fill: #1f2026
}

.nav[ui-44] {
    background: var(--background-tertiary);
    border-top: 1px solid var(--border-regular);
    height: 56px;
	width: 100%;
}

.nav-list[ui-44] {
    align-items: center;
    display: flex;
    height: 100%;
    margin: 0
}

.nav-item[ui-44] {
    align-items: center;
    display: flex;
    flex: 1 1 0;
    height: 100%;
    justify-content: center;
    position: relative
}

.cart-count[ui-44] {
    align-items: center;
    background-color: var(--icon-primary);
    border-radius: 50%;
    color: var(--text-inverse-primary);
    display: flex;
    font-size: 11px;
    height: 2em;
    justify-content: center;
    padding: .2em;
    position: absolute;
    top: 4px;
    transform: translateX(12px);
    width: 2em
}

.bottom-bar[ui-13] {
    bottom: 0;
    overscroll-behavior: none;
    position: fixed;
    width: 100%;
    z-index: 3
}


.layout-main[ui-01], .bottom-bar__appended[ui-13] {
    display: flex;
    flex-direction: column
}

@media (max-width: 959px) {
	.bottom-bar[ui-13] {
    display: flex;
    flex-direction: column
}
}

@media (min-width: 959px) {
	.bottom-bar[ui-13]{
    display: none;
}
}


.layout-main[ui-01] {
    background-color: #fff;
    min-height: 100dvh
}

@media (max-width: 639px) {
    .layout-main.map-opened[ui-01] {
        height: 100dvh;
        max-height: 100dvh;
        min-height: 100dvh
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .layout-main.map-opened[ui-01] {
        height: 100dvh;
        max-height: 100dvh;
        min-height: 100dvh
    }
}

.layout__body[ui-01] {
    flex: 1;
    min-height: 100dvh;
	padding-top: 15px;
}

.layout__modals[ui-01] {
    display: flex;
    flex-direction: column;
    height: 100dvh;
    pointer-events: none;
    position: fixed;
    width: 100%;
    z-index: 23
}

.layout__modal-common[ui-01] {
    z-index: 200
}

.layout__modal[ui-01] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.layout__modal.popups-container[ui-01] {
    pointer-events: none
}

.layout__modal[ui-01] > * {
    padding-bottom: var(--navbar-bottom-offset);
    pointer-events: all
}

.layout .vpn-popup[ui-01] {
    pointer-events: all
}

.sku-radio-text[data-v-60359c01]{width:100%}

.sku-radio-text[data-v-60359c01] .text{overflow-wrap:break-word;white-space:pre-wrap;word-break:break-all}

.sku-text-radio-group[data-v-60359c01]{width:100%}

.sku-text-radio-group.flex-wrap[data-v-60359c01]{display:flex;flex-wrap:wrap;margin-top:-12px}

.sku-text-radio-group.flex-wrap .sku-radio-text[data-v-60359c01]{margin-right:12px;margin-top:12px;width:auto}

.sku-selectors[data-v-8a85a3d0]{width:100%}

.characteristic[data-v-8a85a3d0]{margin-top:24px}

.characteristic[data-v-8a85a3d0]:first-of-type{margin-top:0}

.characteristic-title-and-value[data-v-8a85a3d0]{font-size:14px;font-weight:400;line-height:18px}

.characteristic-title-and-value .characteristic-value[data-v-8a85a3d0]{display:inline;font-weight:600}

.characteristic-value-selector[data-v-8a85a3d0]{display:flex;margin-top:16px}

.characteristic-value-selector_scroll[data-v-8a85a3d0]{overflow-y:scroll}

.characteristic-value-selector_scroll .sku-radio.image[data-v-8a85a3d0]{min-width:56px}

.characteristic-value-selector_scroll[data-v-8a85a3d0]::-webkit-scrollbar{display:none}

.characteristic-value-selector_flex[data-v-8a85a3d0]{flex-wrap:wrap;gap:12px 16px}

.characteristic-value-selector_flex .sku-radio.image[data-v-8a85a3d0]{flex:0 0 calc(20% - 12.8px);height:unset;margin-right:0;margin-top:0;min-height:81px;min-width:56px;width:unset}

@media (max-width:374px){.characteristic-value-selector_flex .sku-radio.image[data-v-8a85a3d0]{flex:0 0 calc(25% - 12px)}

}

.characteristic-value-selector_flex .sku-radio.image img[data-v-8a85a3d0]{object-fit:cover}

.sku-radio.image[data-v-8a85a3d0]{margin-right:16px}

.sku-radio.color[data-v-8a85a3d0]{margin-right:12px}

.block-part-vat[data-v-aa47f93c]{align-items:center;color:#8a8d93;display:flex;font-family: HeliosC;font-size:.875rem;line-height:1.2em;margin-top:8px;position:relative;width:max-content}

.block-part-vat .currency[data-v-aa47f93c]{margin-right:5px}

.block-part-vat .icon[data-v-aa47f93c]{align-items:center;cursor:pointer;display:flex;margin-left:10px}

.modal-overlay[data-v-73724240]{align-items:flex-start;animation:fadeIn-73724240 .375s ease-in-out;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;overflow-y:scroll;padding:50px 0;position:fixed;top:0;width:100%}

@media (max-width:639px){.modal-overlay[data-v-73724240]{align-items:flex-end;padding:unset}

}

@media (min-width:640px) and (max-width:959px){.modal-overlay[data-v-73724240]{align-items:flex-end;padding:unset}

}

.modal-content[data-v-73724240]{animation:fadeInMove-73724240 .375s ease-out;background:#fff;border-radius:24px;box-shadow:0 4px 10px rgba(0,0,0,.3);max-width:730px;padding:20px;position:relative;width:100%}

@media (min-width:960px) and (max-width:1279px){.modal-content[data-v-73724240]{padding:32px}

}

@media (min-width:1280px) and (max-width:1919px){.modal-content[data-v-73724240]{padding:32px}

}

@media (min-width:1920px){.modal-content[data-v-73724240]{padding:32px}

}

@media (max-width:639px){.modal-content[data-v-73724240]{border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:100dvh;overflow-y:auto;padding:16px}

}

@media (min-width:640px) and (max-width:959px){.modal-content[data-v-73724240]{border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:100dvh;overflow-y:auto;padding:16px}

}

.content-inner[data-v-73724240]{display:flex}

@media (min-width:960px) and (max-width:1279px){.content-inner[data-v-73724240]{gap:32px}

}

@media (min-width:1280px) and (max-width:1919px){.content-inner[data-v-73724240]{gap:32px}

}

@media (min-width:1920px){.content-inner[data-v-73724240]{gap:32px}

}

@media (max-width:639px){.content-inner[data-v-73724240]{flex-direction:column;gap:16px}

}

@media (min-width:640px) and (max-width:959px){.content-inner[data-v-73724240]{flex-direction:column;gap:16px}

}

.image[data-v-73724240]{aspect-ratio:3/4;background:hsla(220,4%,48%,.1);border-radius:var(--Rounding-125,10px);flex:1 0 auto;height:100%;max-width:292px;overflow:hidden;width:100%}

@media (max-width:639px){.image[data-v-73724240]{flex:unset;width:84px}

}

@media (min-width:640px) and (max-width:959px){.image[data-v-73724240]{flex:unset;width:84px}

}

.image img[data-v-73724240]{height:100%;object-fit:cover;width:100%}

@media (max-width:639px){.title[data-v-73724240]{padding-right:32px;padding-top:16px}

}

@media (min-width:640px) and (max-width:959px){.title[data-v-73724240]{padding-right:32px;padding-top:16px}

}

.left-block[data-v-73724240]{display:flex;gap:16px}

@media (max-width:639px){.left-block[data-v-73724240]{flex-direction:row}

}

@media (min-width:640px) and (max-width:959px){.left-block[data-v-73724240]{flex-direction:row}

}

.right-block-bottom[data-v-73724240],.right-block[data-v-73724240]{display:flex;flex-direction:column;gap:20px}

@media (max-width:639px){.right-block-bottom[data-v-73724240]{align-items:center;flex-direction:row;justify-content:space-between}

}

@media (min-width:640px) and (max-width:959px){.right-block-bottom[data-v-73724240]{align-items:center;flex-direction:row;justify-content:space-between}

}

.price-block[data-v-73724240]{align-items:center;display:flex;flex-wrap:wrap;gap:0 12px;white-space:nowrap}

@media (max-width:639px){.price-block[data-v-73724240]{align-items:self-start;flex-direction:column;gap:2px}

}

@media (min-width:640px) and (max-width:959px){.price-block[data-v-73724240]{align-items:self-start;flex-direction:column;gap:2px}

}

@media (min-width:960px) and (max-width:1279px){.price-block[data-v-73724240]{flex-wrap:wrap}

.price-block .sku_select_popup__vat[data-v-73724240]{flex-basis:100%;margin-top:0}

}

@media (min-width:1280px) and (max-width:1919px){.price-block[data-v-73724240]{flex-wrap:wrap}

.price-block .sku_select_popup__vat[data-v-73724240]{flex-basis:100%;margin-top:0}

}

@media (min-width:1920px){.price-block[data-v-73724240]{flex-wrap:wrap}

.price-block .sku_select_popup__vat[data-v-73724240]{flex-basis:100%;margin-top:0}

}

.close[data-v-73724240]{cursor:pointer;position:absolute;right:30px;top:22px}

@media (max-width:639px){.close[data-v-73724240]{right:12px;top:12px}

}

@media (min-width:640px) and (max-width:959px){.close[data-v-73724240]{right:12px;top:12px}

}

.close svg[data-v-73724240]{pointer-events:none}

@media (min-width:960px) and (max-width:1279px){.title[data-v-73724240]{padding-right:32px}

}

@media (min-width:1280px) and (max-width:1919px){.title[data-v-73724240]{padding-right:32px}

}

@media (min-width:1920px){.title[data-v-73724240]{padding-right:32px}

}

.full-price[data-v-73724240]{text-decoration:line-through}

.btns-text[data-v-73724240]{display:flex;flex-direction:column}

@-moz-keyframes fadeIn-73724240{0%{opacity:0}

to{opacity:1}

}

@-webkit-keyframes fadeIn-73724240{0%{opacity:0}

to{opacity:1}

}

@-o-keyframes fadeIn-73724240{0%{opacity:0}

to{opacity:1}

}

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

to{opacity:1}

}

@-moz-keyframes fadeInMove-73724240{0%{opacity:0;transform:translateY(-20px)}

to{opacity:1;transform:translateY(0)}

}

@-webkit-keyframes fadeInMove-73724240{0%{opacity:0;transform:translateY(-20px)}

to{opacity:1;transform:translateY(0)}

}

@-o-keyframes fadeInMove-73724240{0%{opacity:0;transform:translateY(-20px)}

to{opacity:1;transform:translateY(0)}

}

@keyframes fadeInMove-73724240{0%{opacity:0;transform:translateY(-20px)}

to{opacity:1;transform:translateY(0)}

}

.badge[ui-73]{align-items:center;border-radius:10px;display:flex;height:16px;justify-content:center;padding:4px}

.badge .label[ui-73]{font-size:10px;font-weight:500;line-height:120%}

.timer-icon[ui-73]{margin:4px}

.product-card[ui-67]{display:flex;flex-direction:column;height:100%;position:relative}

.product-card__image[ui-67]{aspect-ratio:3/4;background:hsla(220,4%,48%,.1);border-radius:8px;overflow:hidden;position:relative}

.product-card__image img[ui-67]{aspect-ratio:3/4;border-radius:8px;height:100%;object-fit:cover;object-position:center;width:100%}

.product-card__image_adult[ui-67]{filter:blur(13px)}

.product-card__favourite[ui-67]{cursor:pointer;position:absolute;right:4px;top:4px}

.product-card__badges[ui-67]{bottom:4px;display:flex;flex-wrap:wrap;gap:4px;left:4px;position:absolute}

.product-card__badge[ui-67]{align-items:center;border-radius:var(--Rounding-100,8px);display:flex;height:16px;max-width:124px;padding:4px}

.product-card__badge-text[ui-67]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media (min-width:960px) and (max-width:1279px){.product-card__badge[ui-67]{max-width:200px}

}

@media (min-width:1280px) and (max-width:1919px){.product-card__badge[ui-67]{max-width:200px}

}

@media (min-width:1920px){.product-card__badge[ui-67]{max-width:200px}

}

.product-card__badge>[ui-67]{line-height:unset}

.product-card__sell-price[ui-67]{align-items:center;display:flex;gap:4px}

.product-card__discount[ui-67]{background:#ffe8e5;border-radius:8px;color:#ff462d;height:16px;padding:1px 4px}

.product-card__info[ui-67]{display:flex;flex-direction:column;gap:4px;padding:4px 8px 12px}

.product-card__full_price[ui-67]{text-decoration:line-through;text-decoration-color:#ff462d}

.product-card__title[ui-67]{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;word-break:break-word}

.product-card__button[ui-67]{margin-top:auto}

.product-card__button[ui-67] div:first-letter{text-transform:uppercase}

.product-card__rating[ui-67]{align-items:center;display:flex;gap:4px}

.product-card__rating-dot[ui-67]{align-items:center;display:flex;justify-content:center}

.product-card__feedback-count[ui-67]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.are-you-adult[ui-67]{align-items:center;background-color:hsla(0,0%,100%,.3);color:#1f1f26;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:flex-start;left:0;opacity:.8;padding-top:100px;position:absolute;top:0;width:100%;z-index:1}

.are-you-adult__active[ui-67]{cursor:pointer}

.product-card_out-of-stock .product-card__image[ui-67]{background:#f7f7f7}

.product-card_out-of-stock img[ui-67]{opacity:.5}

.carousel-offer[ui-65]{width:100%}

.carousel-offer .carousel-wrapper[ui-65]{margin:0 auto;max-width:1240px;position:relative;width:95%}

@media (max-width:639px){.carousel-offer .carousel-wrapper[ui-65]{width:100%}

}

@media (min-width:640px) and (max-width:959px){.carousel-offer .carousel-wrapper[ui-65]{width:100%}

}

.carousel-offer .carousel-wrapper__link[ui-65]{display:flex}

@media (min-width:640px) and (max-width:959px){.carousel-offer .carousel-wrapper.promotional-products[ui-65]{margin:0;width:auto}

}

@media (max-width:639px){.carousel-offer .carousel-wrapper.promotional-products[ui-65]{margin:0;width:auto}

}

.carousel-offer .carousel-wrapper.promotional-products .header[ui-65]{margin:0 auto 20px}

@media (min-width:640px) and (max-width:959px){.carousel-offer .carousel-wrapper.promotional-products .header[ui-65]{margin:0 16px 14px;width:auto}

}

@media (max-width:639px){.carousel-offer .carousel-wrapper.promotional-products .header[ui-65]{margin:0 16px 14px;width:auto}

}

.carousel-offer .carousel-wrapper.promotional-products .header .title[ui-65]{display:flex}

@media (max-width:639px){.carousel-offer .carousel-wrapper.promotional-products .header .title[ui-65]{padding-bottom:16px}

}

@media (min-width:640px) and (max-width:959px){.carousel-offer .carousel-wrapper.promotional-products .header .title[ui-65]{padding-bottom:16px}

}

.carousel-offer .carousel-wrapper.promotional-products .header .title .title-text[ui-65]{font-family: HeliosC;font-size:1.375rem;font-weight:600;line-height:1.2em}

@media (min-width:640px) and (max-width:959px){.carousel-offer .carousel-wrapper.promotional-products .header .title[ui-65]{justify-content:space-between;padding-bottom:2px;width:100%}

}

@media (max-width:639px){.carousel-offer .carousel-wrapper.promotional-products .header .title[ui-65]{justify-content:space-between;padding-bottom:2px;width:100%}

}

.carousel-offer .carousel-wrapper.promotional-products .header .title .more[ui-65]{top:0}

@media (min-width:960px) and (max-width:1279px){.carousel-offer .carousel-wrapper.promotional-products .header .title .more[ui-65]{margin-left:4px}

}

@media (min-width:1280px) and (max-width:1919px){.carousel-offer .carousel-wrapper.promotional-products .header .title .more[ui-65]{margin-left:4px}

}

@media (min-width:1920px){.carousel-offer .carousel-wrapper.promotional-products .header .title .more[ui-65]{margin-left:4px}

}

@media (max-width:639px){.carousel-offer .carousel-wrapper.promotional-products .header .title .more[ui-65]{display:block}

}

@media (min-width:640px) and (max-width:959px){.carousel-offer .carousel-wrapper.promotional-products .header .title .more[ui-65]{display:block}

}

.carousel-offer .carousel-wrapper.promotional-products .header .title .more .title-icon[ui-65]{height:36px;padding:6px;width:36px}

.carousel-offer .carousel-wrapper.promotional-products .header .title .more .title-icon[ui-65] svg{height:24px;width:24px}

.carousel-offer .carousel-wrapper.promotional-products .products-list[ui-65]{padding:0}

@media (max-width:639px){.carousel-offer .carousel-wrapper.promotional-products .products-list[ui-65]{padding:0 16px}

}

@media (min-width:640px) and (max-width:959px){.carousel-offer .carousel-wrapper.promotional-products .products-list[ui-65]{padding:0 16px}

}

.carousel-offer .carousel-wrapper.wide-cards .header[ui-65]{margin:0 auto 16px;padding-left:8px}

@media (min-width:640px) and (max-width:959px){.carousel-offer .carousel-wrapper.wide-cards .header[ui-65]{margin:0 16px 14px;width:auto}

}

@media (max-width:639px){.carousel-offer .carousel-wrapper.wide-cards .header[ui-65]{margin:0 16px 14px;width:auto}

}

.carousel-offer .carousel-wrapper.wide-cards .products-list[ui-65]{grid-auto-columns:calc(50% - 10px)}

@media (min-width:640px) and (max-width:959px){.carousel-offer .carousel-wrapper.wide-cards .products-list[ui-65]{gap:24px;grid-auto-columns:100%}

.carousel-offer .carousel-wrapper.wide-cards .products-list .more-card[ui-65],.carousel-offer .carousel-wrapper.wide-cards .products-list .product[ui-65]{width:auto}

}

@media (max-width:639px){.carousel-offer .carousel-wrapper.wide-cards .products-list[ui-65]{gap:24px;grid-auto-columns:100%}

.carousel-offer .carousel-wrapper.wide-cards .products-list .more-card[ui-65],.carousel-offer .carousel-wrapper.wide-cards .products-list .product[ui-65]{width:auto}

}

.carousel-offer .carousel-wrapper.wide-cards .products-list[ui-65]:after{display:none}

.carousel-offer .products-list[ui-65]{grid-column-gap:20px;display:inline-grid;grid-auto-flow:column;overflow-x:auto;padding:0 0 32px;position:relative;scrollbar-width:none;width:100%}

.carousel-offer .products-list>[ui-65]{margin-bottom:0}

.carousel-offer .products-list .more-card[ui-65]{display:none}

.carousel-offer .products-list .main-photo[ui-65]{border-radius:8px;cursor:pointer;display:flex;grid-column-end:3;grid-column-start:1;height:100%;overflow:hidden;position:relative;width:100%;z-index:1}

.carousel-offer .products-list .main-photo img[ui-65]{align-self:flex-start;border-radius:8px;bottom:0;height:100%;left:0;object-fit:cover;position:absolute;right:0;top:0;transition:transform .2s ease;width:100%;will-change:transform}

.carousel-offer .products-list .main-photo:hover img[ui-65]{transform:scale(1.02)}

@media (max-width:639px){.carousel-offer .products-list[ui-65]{padding:0 2.5% 24px}

.carousel-offer .products-list .more-card[ui-65]{display:block;width:100%}

.carousel-offer .products-list .more-card .wrapper[ui-65]{background:rgba(247,249,252,.75);border-radius:8px;height:0;padding-top:133.33333%;position:relative;transition:background .3s ease-out;width:100%}

.carousel-offer .products-list .more-card .wrapper .content[ui-65]{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}

.carousel-offer .products-list .more-card .wrapper .icon-wrapper[ui-65]{align-items:center;background:#fff;border-radius:24px;display:flex;height:48px;justify-content:center;width:48px}

.carousel-offer .products-list .more-card .wrapper .icon-wrapper[ui-65] .ui-icon{display:block}

.carousel-offer .products-list .more-card .wrapper .label[ui-65]{font-family: HeliosC;font-size:12.25px;font-weight:500;line-height:1.2;margin-top:12px;white-space:nowrap}

}

@media (min-width:640px) and (max-width:959px){.carousel-offer .products-list[ui-65]{padding:0 2.5% 24px}

.carousel-offer .products-list .more-card[ui-65]{display:block;width:100%}

.carousel-offer .products-list .more-card .wrapper[ui-65]{background:rgba(247,249,252,.75);border-radius:8px;height:0;padding-top:133.33333%;position:relative;transition:background .3s ease-out;width:100%}

.carousel-offer .products-list .more-card .wrapper .content[ui-65]{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}

.carousel-offer .products-list .more-card .wrapper .icon-wrapper[ui-65]{align-items:center;background:#fff;border-radius:24px;display:flex;height:48px;justify-content:center;width:48px}

.carousel-offer .products-list .more-card .wrapper .icon-wrapper[ui-65] .ui-icon{display:block}

.carousel-offer .products-list .more-card .wrapper .label[ui-65]{font-family: HeliosC;font-size:12.25px;font-weight:500;line-height:1.2;margin-top:12px;white-space:nowrap}

}

@media (max-width:639px){.carousel-offer .products-list[ui-65]{grid-column-gap:7px;grid-auto-columns:max-content}

.carousel-offer .products-list .main-photo[ui-65]{width:271px}

.carousel-offer .products-list .more-card[ui-65],.carousel-offer .products-list .product[ui-65]{width:132px}

.carousel-offer .products-list[ui-65]:after{content:"";max-width:calc(10% - 7px)}

}

@media (min-width:640px) and (max-width:959px){.carousel-offer .products-list[ui-65]{grid-column-gap:7px;grid-auto-columns:auto}

.carousel-offer .products-list .main-photo[ui-65]{width:349px}

.carousel-offer .products-list .more-card[ui-65],.carousel-offer .products-list .product[ui-65]{width:171px}

.carousel-offer .products-list[ui-65]:after{content:"";max-width:calc(10% - 7px)}

}

@media (min-width:960px) and (max-width:1279px){.carousel-offer .products-list[ui-65]{grid-auto-columns:calc(25% - 15px)}

}

@media (min-width:1280px) and (max-width:1919px){.carousel-offer .products-list[ui-65]{grid-auto-columns:calc(20% - 16px)}

}

@media (min-width:1920px){.carousel-offer .products-list[ui-65]{grid-auto-columns:calc(20% - 16px)}

}

.carousel-offer .products-list[ui-65]::-webkit-scrollbar{display:none}

.carousel-offer .header[ui-65]{align-items:center;display:flex;margin:21px 0}

.carousel-offer .header .ui-button[ui-65]{background:#fff}

.carousel-offer .header .title[ui-65]{align-items:center;display:flex}

.carousel-offer .header .title .title-text[ui-65]{font-family: HeliosC;font-size:28px;font-weight:700;line-height:36px;margin-top:0}

.carousel-offer .header .title .title-icon[ui-65]{margin:0;transform:translateY(-.5px);transition:transform .2s ease}

.carousel-offer .header .title .more[ui-65]{align-items:center;cursor:pointer;display:flex;margin-left:4px;position:relative}

.carousel-offer .header .go-to[ui-65]{display:none}

@media (max-width:639px){.carousel-offer .header[ui-65]{align-items:center;display:flex;justify-content:space-between;margin:14px auto;width:95%}

.carousel-offer .header .title .title-text[ui-65]{font-size:1rem;font-weight:600;line-height:1.2em}

.carousel-offer .header .title .more[ui-65]{display:none}

.carousel-offer .header .go-to[ui-65]{column-gap:0;display:inline-flex;padding:0 4px}

.carousel-offer .header .go-to[ui-65] .after .ui-icon{height:16px;width:16px}

.carousel-offer .header .go-to[ui-65] .default{margin:0}

}

@media (min-width:640px) and (max-width:959px){.carousel-offer .header[ui-65]{align-items:center;display:flex;justify-content:space-between;margin:14px auto;width:95%}

.carousel-offer .header .title .title-text[ui-65]{font-size:1rem;font-weight:600;line-height:1.2em}

.carousel-offer .header .title .more[ui-65]{display:none}

.carousel-offer .header .go-to[ui-65]{column-gap:0;display:inline-flex;padding:0 4px}

.carousel-offer .header .go-to[ui-65] .after .ui-icon{height:16px;width:16px}

.carousel-offer .header .go-to[ui-65] .default{margin:0}

}

.carousel-offer .navigation[ui-65]{position:absolute;top:calc(40% - 10px);width:100%;z-index:1}

.carousel-offer .navigation .slider-button[ui-65]{align-items:center;background:#fff;border:1px solid hsla(220,4%,48%,.3);border-radius:4px;border-radius:20px;cursor:pointer;display:flex;height:40px;justify-content:center;opacity:.5;position:absolute;text-decoration:none;transition:all .3s ease-in-out;width:40px;z-index:1}

.carousel-offer .navigation .slider-button.hide[ui-65]{opacity:0;visibility:hidden}

.carousel-offer .navigation .slider-button.next[ui-65]{right:16px}

.carousel-offer .navigation .slider-button.prev[ui-65]{left:16px}

.help-info[ui-65],.offer-ad-marker[ui-65]{margin-left:auto}













.variants[data-v-25929108]{background-color:rgba(64,158,181,.1);border-radius:2px;color:#42a4bd;cursor:pointer;display:flex;font-family: HeliosC;font-size:.8rem;font-weight:500;height:32px;width:152px}

@media (max-width:639px){.variants[data-v-25929108]{border-radius:4px;height:24px;width:132px}

}

@media (min-width:640px) and (max-width:959px){.variants[data-v-25929108]{border-radius:4px;height:24px;width:132px}

}

.caption[data-v-25929108]{align-items:center;display:flex;flex:1;padding-left:8px}

.chevron-container[data-v-25929108]{align-items:center;display:flex;justify-content:center;padding-right:6px}

@media (max-width:639px){.chevron-container[data-v-25929108]{padding-right:4px}

}

@media (min-width:640px) and (max-width:959px){.chevron-container[data-v-25929108]{padding-right:4px}

}

.chevron[data-v-25929108]{fill:#42a4bd;width:20px}

.product-item[data-v-bdcfda76]{align-items:flex-start;display:flex;flex-direction:column;padding:0}

.product-item__image[data-v-bdcfda76]{height:100%;position:relative;width:100%}

.image-like[data-v-bdcfda76]{background-color:initial;cursor:pointer;margin-right:11px;margin-top:12px;position:absolute;right:0;top:0;z-index:2}

.price-discount[data-v-bdcfda76]{color:var(--text-accented);font-family: HeliosC;font-size:.8rem;line-height:1.2em}

.price-sell[data-v-bdcfda76]{display:flex;margin-bottom:8px}

.price-sell__fullprice[data-v-bdcfda76]{align-items:flex-end;color:#8a8d93;display:flex;font-family: HeliosC;font-size:.8rem;line-height:1.2em;margin-bottom:1px;margin-left:4px;text-decoration:line-through}

.price-sell__purchase[data-v-bdcfda76]{color:#141416;font-family: HeliosC;font-size:1rem;font-weight:600;line-height:1.2em}

.product-item__price[data-v-bdcfda76]{margin-bottom:16px;margin-top:16px}

.product-name[data-v-bdcfda76]{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-family: HeliosC;font-size:.875rem;font-weight:500;line-height:1.2em;overflow:hidden;text-overflow:ellipsis}

.product-item__image[data-v-bdcfda76]{height:240px;transition:.4s;width:180px}

.product-item__image .image-main[data-v-bdcfda76]{border-top-left-radius:8px;border-top-right-radius:8px;height:100%;object-fit:cover;width:100%}

.container-block[data-v-bdcfda76]{background-color:#fff;bottom:0;height:24px;position:absolute;width:inherit}

.product-cart[data-v-bdcfda76]{background-color:rgba(54,191,72,.1);bottom:0;display:flex;height:24px;justify-content:center;position:absolute;width:inherit}

.product-cart-border[data-v-bdcfda76],.product-cart[data-v-bdcfda76]{border-bottom-left-radius:8px;border-bottom-right-radius:8px}

.text-cart[data-v-bdcfda76]{align-self:center;color:#119c3b;font-family: HeliosC;font-size:.7rem;font-weight:500;line-height:1.2em}

.variants-container[data-v-bdcfda76]{align-items:flex-end;display:flex;flex:1;margin-top:16px}

.link[data-v-bdcfda76]{width:100%}

.link:hover .product-item__image[data-v-bdcfda76]{transform:scale(1.02)}

.characteristics-text[data-v-bdcfda76]{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#8a8d93;display:-webkit-box;font-family: HeliosC;font-size:.8rem;font-weight:400;line-height:1.2em;margin-top:4px;overflow:hidden;text-overflow:ellipsis}

.product-item[data-v-40132952]{align-items:flex-start;display:flex;flex-direction:row;height:100%;padding:0}

.price-sell__fullprice[data-v-40132952]{color:#8a8d93;font-family: HeliosC;font-size:.8rem;line-height:1.2em;margin-left:4px;text-align:end;text-decoration:line-through}

.price-sell__purchase[data-v-40132952]{color:#141416;font-family: HeliosC;font-size:1rem;font-weight:600;line-height:1.2em;text-align:end}

.product-item__body[data-v-40132952]{align-self:stretch;display:flex;flex:1;flex-direction:column}

.product-name[data-v-40132952]{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-family: HeliosC;font-size:.875rem;font-weight:500;line-height:1.2em;overflow:hidden;text-overflow:ellipsis;word-break:break-word}

.product-item__image[data-v-40132952]{margin-right:16px;position:relative;transition:.4s;width:72px}

.product-item__image .image-main[data-v-40132952]{border-radius:8px;height:100%;object-fit:cover;width:100%}

.product-price[data-v-40132952]{align-content:flex-end;display:flex;flex:1;flex-direction:row;margin:16px 0}

.price-discount[data-v-40132952]{align-self:flex-end;color:var(--text-accented);font-family: HeliosC;font-size:.8rem;font-weight:500;line-height:1.2em;width:100%}

.price-sell[data-v-40132952]{align-self:flex-end;display:block}

.product-cart[data-v-40132952]{background-color:rgba(54,191,72,.1);border-radius:4px;display:flex;height:24px;justify-content:center;margin-bottom:6px;width:auto}

.text-cart[data-v-40132952]{align-self:center;color:#119c3b;font-family: HeliosC;font-size:.7rem;font-weight:500;line-height:1.2em}

@media (min-width:640px) and (max-width:959px){.product-item__image[data-v-40132952]{margin-right:24px;width:93px}

.product-item__body[data-v-40132952]{flex:1}

}

.line-through[data-v-40132952]{text-decoration:line-through}

.combo-variants-button[data-v-40132952]{margin-top:8px}

.link:hover .product-item__image[data-v-40132952]{transform:scale(1.02)}

.characteristics-text[data-v-40132952]{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#8a8d93;display:-webkit-box;font-family: HeliosC;font-size:.8rem;font-weight:400;line-height:1.2em;margin-top:2px;overflow:hidden;text-overflow:ellipsis}

.combo-button-container .combo-button[data-v-85c52ea4]{height:40px;width:238px}

.combo-button-container .cart-button[data-v-85c52ea4]{height:40px;width:166px}

.combo-button-container .add-one-more-container[data-v-85c52ea4]{display:flex}

.combo-button-container .add-one-more[data-v-85c52ea4]{height:38px;margin-left:8px;width:64px}

.combo-button-container .disabled[data-v-85c52ea4]{background:#dfe0e2;color:#a0a2a7}

.combo-button-container .cart-link[data-v-85c52ea4]{display:flex;flex:1;text-decoration:none;text-transform:lowercase}

@media (max-width:639px){.combo-button[data-v-85c52ea4]{width:100%!important}

[data-tooltip][data-v-85c52ea4]:hover:before{height:auto;left:-22px;right:0;width:100%}

.cart-button[data-v-85c52ea4]{flex:1}

.add-one-more[data-v-85c52ea4]{width:20%!important}

}

@media (min-width:640px) and (max-width:959px){.combo-button[data-v-85c52ea4]{width:100%!important}

[data-tooltip][data-v-85c52ea4]:hover:before{height:auto;left:-22px;right:0;width:100%}

.cart-button[data-v-85c52ea4]{flex:1}

.add-one-more[data-v-85c52ea4]{width:20%!important}

}

.timer-text[data-v-7041055a]{font-family: HeliosC;font-size:.875rem;line-height:1.2em;max-width:200px}

.timer-text .combo-ending-time[data-v-7041055a]{font-family: HeliosC;font-size:.875rem;font-weight:600;line-height:1.2em}

.timer-text.mobile[data-v-7041055a]{font-family: HeliosC;font-size:.7rem;line-height:1.2em;max-width:unset}

.timer-text.mobile .combo-ending-time[data-v-7041055a]{font-family: HeliosC;font-size:.7rem;font-weight:600;line-height:1.2em}

.fullscreen-slider[data-v-765dd20c]{background:rgba(0,0,0,.6);bottom:0;left:0;overscroll-behavior:none;position:fixed;right:0;top:0;z-index:100}

.fullscreen-slider .fullscreen-slider-wrapper[data-v-765dd20c]{border-radius:8px;margin:0 auto;transform:translateZ(0)}

.fullscreen-slider .fullscreen-slider-wrapper .navigation[data-v-765dd20c]{width:100%}

.fullscreen-slider .fullscreen-slider-wrapper .navigation .slider-button[data-v-765dd20c]{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;border:1px solid hsla(220,4%,48%,.3);border-radius:4px;border-radius:20px;cursor:pointer;display:flex;height:40px;justify-content:center;opacity:.5;position:absolute;text-decoration:none;top:calc(50% - 20px);transition:all .3s ease-in-out;width:40px;z-index:2}

.fullscreen-slider .fullscreen-slider-wrapper .navigation .slider-button.next[data-v-765dd20c]{right:16px}

.fullscreen-slider .fullscreen-slider-wrapper .navigation .slider-button.prev[data-v-765dd20c]{left:16px}

.fullscreen-slider .fullscreen-slider-wrapper .navigation .slider-button.close[data-v-765dd20c]{right:16px;top:16px}

.fullscreen-slider .fullscreen-slider-wrapper .navigation .slider-button[data-v-765dd20c]:hover{opacity:.7}

.fullscreen-slider .fullscreen-slider-wrapper .navigation .slider-button[data-v-765dd20c]:active{opacity:.9}

.fullscreen-slider .fullscreen-slider-wrapper[data-v-765dd20c] .swiper-container .slide{display:block;height:100vh;margin:0 auto;position:relative;user-select:none;width:calc(100vh/var(--photo-ratio));z-index:1}

@media (max-width:639px){.fullscreen-slider .fullscreen-slider-wrapper[data-v-765dd20c] .swiper-container .slide{align-items:center;display:flex;width:100%}

}

@media (min-width:640px) and (max-width:959px){.fullscreen-slider .fullscreen-slider-wrapper[data-v-765dd20c] .swiper-container .slide{align-items:center;display:flex;width:100%}

}

.fullscreen-slider .fullscreen-slider-wrapper[data-v-765dd20c] .swiper-container .slide .image{background:#eee;display:block;height:100%;margin:0 auto;max-width:100vw;object-fit:contain;pointer-events:none;user-select:none;width:auto}

@media (max-width:639px){.fullscreen-slider .fullscreen-slider-wrapper[data-v-765dd20c] .swiper-container .slide .image{height:auto}

}

@media (min-width:640px) and (max-width:959px){.fullscreen-slider .fullscreen-slider-wrapper[data-v-765dd20c] .swiper-container .slide .image{height:auto}

}

.fullscreen-fade-enter-active{transition:opacity .25s cubic-bezier(.65,0,.35,1)}

.fullscreen-fade-enter{opacity:0}

.mobile-slider{display:flex;position:sticky;top:0;width:100%}

@supports (-webkit-touch-callout:none){.mobile-slider{position:relative}

}

.mobile-slider.relative{position:relative}

.mobile-slider .slide-wrapper{height:100%;overflow-y:hidden;position:relative;width:100%}

.mobile-slider .slide-wrapper .slide-item{height:100%}

.mobile-slider .main-photo{background:hsla(220,4%,48%,.1);height:100%;overflow:hidden;position:relative;user-select:none;width:100%}

.mobile-slider .main-photo .carousel-container{align-items:center;background-color:#eee;display:flex;height:0;overflow:hidden;padding-top:133.125%;position:relative;width:100%}

.mobile-slider .main-photo .carousel-container .slider{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}

.mobile-slider .main-photo .carousel-container .slider img{height:100%;object-fit:cover;object-position:center;user-select:none;width:100%}

.mobile-slider .main-photo .image{border-radius:20px;bottom:0;cursor:pointer;height:100%;left:0;position:absolute;right:0;top:0;width:100%}

.favorite_active{--color:#e53935!important}

.favorite_active path{fill:#e53935}

.favorite[data-v-5656b53c]{height:64px;position:absolute;right:0;top:0;width:64px}

.star-rating[ui-49]{display:flex;width:18px}

.star-rating .star[ui-49]{margin-right:2px}

.popup-container[data-v-c1e74370]{display:flex;flex-direction:column;max-width:480px}

@media (max-width:639px){.popup-container[data-v-c1e74370]{max-width:none;padding:0 16px 24px}

}

@media (min-width:640px) and (max-width:959px){.popup-container[data-v-c1e74370]{max-width:none;padding:0 16px 24px}

}

.header[data-v-c1e74370]{display:flex;font-family: HeliosC;font-size:18px;font-style:normal;font-weight:600;justify-content:center;line-height:22px;margin-bottom:20px}

@media (max-width:639px){.header[data-v-c1e74370]{margin:42px 0 24px}

}

@media (min-width:640px) and (max-width:959px){.header[data-v-c1e74370]{margin:42px 0 24px}

}

.reviews-title-rating[data-v-c1e74370]{align-items:center;background:#f2f4f7;border-radius:16px;display:flex;padding:12px 16px}

.reviews-title-rating_value[data-v-c1e74370]{font-family: HeliosC;font-size:16px;font-style:normal;font-weight:400;line-height:22px;margin-left:16px}

.reviews-title-rating_star[data-v-c1e74370]{font-family: HeliosC;font-size:28px;font-style:normal;font-weight:700;line-height:36px}

.raiting-wrapper[data-v-c1e74370]{align-items:center;display:flex;margin-right:4px}

.reviews-values-item[data-v-c1e74370]{display:flex;font-family: HeliosC;font-size:14px;font-style:normal;font-weight:400;justify-content:space-between;line-height:20px;margin:8px 0}

.dots[data-v-c1e74370]{border-bottom:1px dotted #898e9b;flex-grow:1;margin:0 5px;position:relative;top:-3px}

.footer-title[data-v-c1e74370]{font-family: HeliosC;font-size:18px;font-style:normal;font-weight:600;line-height:22px;margin:16px 0 8px}

.footer-description[data-v-c1e74370]{font-family: HeliosC;font-size:16px;font-style:normal;font-weight:400;line-height:22px}

.product-header[ui-48]{display:flex;flex-direction:column;font-family: HeliosC}

.product-header.floating .title[ui-48]{font-size:16px;line-height:16px}

.product-header.floating .stats[ui-48]{margin-top:0}

.product-header .title[ui-48]{font-size:28px;font-weight:600;letter-spacing:-.011em;line-height:36px;margin:0;word-break:break-word}

@media (max-width:639px){.product-header .title[ui-48]{font-size:20px;line-height:28px}

}

@media (min-width:640px) and (max-width:959px){.product-header .title[ui-48]{font-size:20px;line-height:28px}

}

.product-header .stats[ui-48]{align-items:center;display:flex;flex-wrap:wrap;margin-top:12px}

.product-header .stats .rating-value[ui-48]{margin-left:2px}

.product-header .stats .orders[ui-48],.product-header .stats .rating-value[ui-48],.product-header .stats .reviews[ui-48]{color:#8b8e99;font-size:14px;font-weight:400;letter-spacing:-.005em;line-height:20px}

.product-header .stats .orders_pointer[ui-48],.product-header .stats .rating-value_pointer[ui-48],.product-header .stats .reviews_pointer[ui-48]{cursor:pointer}

.product-header .stats .rating[ui-48]{cursor:pointer;display:flex;margin:6px 12px 0 0}

.product-header .stats .stats-container[ui-48]{display:flex;margin-top:6px}

.product-header .stats .stats-container .orders[ui-48]{display:flex}

.product-header .stats .stats-container .orders .dot[ui-48]{line-height:13px;margin:0 6px}

.product-header .stats .badge[ui-48]{background-color:#36bf48;border-radius:12px;color:#fff;font-size:13px;font-weight:500;line-height:15px;margin:6px 0 0 12px;padding:4px 8px}

.stats-mobile[ui-48]{align-items:flex-start;display:flex;gap:12px;margin:12px -16px 0;overflow-x:scroll;padding:0 16px;scroll-padding-left:16px;scroll-snap-type:x mandatory}

.stats-mobile[ui-48]::-webkit-scrollbar{display:none}

.stats-mobile-item[ui-48]{align-items:flex-start;border:1px solid var(--light-border-subtle,rgba(54,54,64,.08));border-radius:12px;display:flex;flex:0 1 145px;flex-direction:column;font-family: HeliosC;gap:4px;height:64px;justify-content:center;padding:4px 12px;scroll-snap-align:start}

.stats-mobile-item .header[ui-48]{align-items:center;color:var(--ui-light-text-primary,#1f1f26);display:flex;font-size:14px;font-style:normal;font-weight:600;gap:6px;letter-spacing:.084px;line-height:18px}

.stats-mobile-item .subheader[ui-48]{color:var(--light-text-secondary,#595a66);font-size:12px;font-style:normal;font-weight:400;letter-spacing:.096px;line-height:16px;white-space:nowrap}

.description-tabs-wrapper[ui-71]{position:relative}

.description-tabs-wrapper .description-tabs[ui-71]{border-top:1px solid rgba(0,0,0,.12);position:relative}

.description-tabs-wrapper .description-tabs .center-context .contacts-shop-link[ui-71],.description-tabs-wrapper .description-tabs .contacts-shop-link[ui-71]{color:var(--text-link-brand-rest);display:block;margin-top:.5rem}

.description-tabs-wrapper .description-tabs[ui-71] #tabs-buttons{margin:0 auto!important;width:100%;padding-left:1rem;padding-right:1rem;}

.description-tabs-wrapper .description-tabs[ui-71] #tabs-buttons [ui-button]{border-radius:0;padding:23px 0!important}

.description-tabs-wrapper .description-tabs[ui-71] #tabs-body-container{margin:0 auto;padding-left:1rem;padding-right:1rem;width:100%}

.description-tabs-wrapper .description-tabs #product-reviews .reviews-title>.row[ui-71]{padding:20px 0}

.description-tabs-wrapper .description-tabs #product-reviews .reviews-sort button[ui-71]{color:rgba(0,0,0,.54);font-size:.875rem;font-weight:400;margin:0 10px}

.description-tabs-wrapper .description-tabs #product-reviews .reviews-sort button.active[ui-71]{color:rgba(0,0,0,.87)}

.description-tabs-wrapper .description-tabs #product-reviews .has-photo-sort>[ui-label][ui-71]{cursor:pointer;margin-left:10px}

.description-tabs-wrapper .description-tabs #product-reviews .reviews[ui-71]{border-top:1px solid rgba(0,0,0,.12);padding:25px 0}

.description-tabs-wrapper .description-tabs #product-reviews .reviews .reply[ui-71]{border-top:none;margin-left:2rem}

.description-tabs-wrapper .description-tabs #product-reviews .reviews .review-title h4[ui-71]{font-size:1rem;position:relative}

.description-tabs-wrapper .description-tabs #product-reviews .reviews .review-title button:hover img[ui-71]{opacity:.8}

.description-tabs-wrapper .description-tabs #product-reviews .reviews .review-title span[ui-71]{font-size:.9rem;margin-left:.3rem}

.description-tabs-wrapper .description-tabs #product-reviews .rating[ui-71]{display:flex}

.description-tabs-wrapper .description-tabs #product-reviews .rating img[ui-71]{margin:0 1px}

.description-tabs-wrapper .description-tabs #product-reviews .rating p[ui-71]{margin-left:7px}

.description-tabs-wrapper .description-tabs #product-reviews .review-content[ui-71]{line-height:1.43;margin-top:10px;}

.description-tabs-wrapper .description-tabs #product-reviews .review-photos[ui-71]{display:flex;flex-wrap:wrap;margin:15px -5px 0;}

.description-tabs-wrapper .description-tabs #product-reviews .review-photos>div[ui-71]{background-color:rgba(0,0,0,.12);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:2px;height:112px;margin:5px;width:112px}

.description-tabs-wrapper .description-tabs #product-reviews .center-context>.reviews-title>.row[ui-71]{padding:20px 0}

.description-tabs-wrapper .description-tabs #product-reviews .center-context>.reviews-sort>button[ui-71]{color:rgba(0,0,0,.54);font-size:.875rem;font-weight:400;margin:0 10px}

.description-tabs-wrapper .description-tabs #product-reviews .center-context>.reviews-sort>button.active[ui-71]{color:rgba(0,0,0,.87)}

.description-tabs-wrapper .description-tabs #product-reviews .center-context>.has-photo-sort>[ui-label][ui-71]{cursor:pointer;margin-left:10px}

.description-tabs-wrapper .description-tabs #product-reviews .center-context>.reviews[ui-71]{border-top:1px solid rgba(0,0,0,.12);padding:25px 0}

.description-tabs-wrapper .description-tabs #product-reviews .center-context>.reviews div.reply[ui-71]{border-top:none;margin-left:2rem}

.description-tabs-wrapper .description-tabs #product-reviews .center-context>.reviews>.review-title>h4[ui-71]{font-size:1rem}

.description-tabs-wrapper .description-tabs #product-reviews .center-context>.reviews .reply .review-title>h4[ui-71]{position:relative}

.description-tabs-wrapper .description-tabs #product-reviews .center-context>.reviews>.review-title>h4 span[ui-71]{font-size:.9rem;margin-left:.3rem}

.description-tabs-wrapper .description-tabs #product-reviews .center-context>.reviews>.review-title>div>button:hover>img[ui-71]{opacity:.8}

.description-tabs-wrapper .description-tabs #product-reviews .center-context>.reviews>.rating[ui-71]{display:flex}

.description-tabs-wrapper .description-tabs #product-reviews .center-context>.reviews>.rating>img[ui-71]{margin:0 1px}

.description-tabs-wrapper .description-tabs #product-reviews .center-context>.reviews>.rating>p[ui-71]{margin-left:7px}

.description-tabs-wrapper .description-tabs #product-reviews .center-context>.reviews>.review-content[ui-71]{line-height:1.43;margin-top:10px;}

.description-tabs-wrapper .description-tabs #product-reviews .center-context>.reviews>.review-photos[ui-71]{display:flex;flex-wrap:wrap;margin:15px -5px 0;}

.description-tabs-wrapper .description-tabs #product-reviews .center-context>.reviews>.review-photos>div[ui-71]{background-color:rgba(0,0,0,.12);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:2px;height:112px;margin:5px;width:112px}

.description-tabs-wrapper .description-tabs #shop-about>.center-context>h3[ui-71],.description-tabs-wrapper .description-tabs #shop-about>h3[ui-71]{font-size:1.125rem}

.description-tabs-wrapper .description-tabs #shop-about>.center-context>.row[ui-71]{margin:12px 0 0}

.description-tabs-wrapper .description-tabs #shop-about>.center-context>.row>p[ui-71]{line-height:1;padding-left:5px}

.description-tabs-wrapper .description-tabs #shop-about>.center-context>div.shop-description[ui-71]{margin-top:12px;max-width:780px}

.description-tabs-wrapper .description-tabs #shop-about>.center-context>span[ui-71]{font-size:.875rem;margin-top:1rem}

.description-tabs-wrapper .description-tabs #shop-about>.center-context>#shop-contacts[ui-71]{margin:20px -10px 0}

.description-tabs-wrapper .description-tabs #shop-about>.center-context>#shop-contacts>a[ui-71]{margin:0 10px}

.description-tabs-wrapper .description-tabs #shop-about>.row[ui-71]{margin:12px 0 0}

.description-tabs-wrapper .description-tabs #shop-about>.row>p[ui-71]{line-height:1;padding-left:5px}

.description-tabs-wrapper .description-tabs #shop-about>div.shop-description[ui-71]{margin-top:12px;max-width:780px}

.description-tabs-wrapper .description-tabs #shop-about>span[ui-71]{font-size:.875rem;margin-top:1rem}

.description-tabs-wrapper .description-tabs #shop-about>#shop-contacts[ui-71]{margin:20px -10px 0}

.description-tabs-wrapper .description-tabs #shop-about>#shop-contacts>a[ui-71]{margin:0 10px}

@media only screen and (max-width:50.99em){.description-tabs #tabs-buttons-container #tabs-buttons[ui-71]{padding:0!important}

.description-tabs #tabs-body-container[ui-71]{padding:0 24px!important}

.description-tabs #tabs-body-container .tabs-body[ui-71]{margin:0}

}

@media only screen and (max-width:24em){.description-tabs-wrapper .description-tabs #tabs-buttons [ui-button][ui-71]{padding:12px!important}

}

.badge[data-v-71fbe586]{align-items:center;border-radius:10px;display:flex;height:20px;justify-content:center;margin:4px 0;padding:3px 10px 3px 7px}

.badge .label[data-v-71fbe586]{font-size:12px;font-weight:500;line-height:120%}

.badge[data-v-04015c3f]{align-items:center;border-radius:10px;display:flex;height:20px;justify-content:center;padding:3px 10px 3px 7px}

.badge .label[data-v-04015c3f]{font-size:12px;font-weight:500;line-height:120%}

.timer-icon[data-v-04015c3f]{margin:4px}

.price[ui-56]{align-items:center;column-gap:12px;display:flex;flex-wrap:wrap}

.price .sell-price[ui-56]{color:#141416;font-size:28px;font-weight:600;line-height:120%}

.price .full-price[ui-56]{color:hsla(220,4%,48%,.6);font-size:1.1rem;font-weight:400;letter-spacing:-.01em;line-height:20px;text-decoration-line:line-through}

.price .badges[ui-56]{align-items:center;column-gap:12px;display:flex;flex-wrap:wrap}

.best-price .badge[data-v-6d49fc9e]{align-items:center;background:#36bf48;border-radius:12px;display:flex;height:21px;justify-content:center;padding:3px 8px;width:max-content}

.best-price .badge .label[data-v-6d49fc9e]{color:#fff;font-size:12.8px;font-weight:500;line-height:120%}

.best-price .description[data-v-6d49fc9e]{color:hsla(220,4%,48%,.6);font-size:14px;font-weight:400;line-height:20px;margin-top:8px}

.installments[data-v-6f477f30]{column-gap:12px;display:flex}

.installments .installment[data-v-6f477f30]{border:1px solid #eaeaeb;border-radius:12px;cursor:pointer;display:flex;flex:1;justify-content:space-between;padding:14px 12px 14px 16px}

.installments .installment .info .name[data-v-6f477f30]{color:#000;font-size:13px;font-weight:400;letter-spacing:-.01em;line-height:16px;margin-bottom:4px}

.installments .installment .info img.name[data-v-6f477f30]{height:16px;margin-bottom:2px;max-width:100%}

.installments .installment .info .label[data-v-6f477f30]{color:#141416;font-size:13px;font-weight:600;letter-spacing:-.01em;line-height:16px}

.installments .installment .chevron[data-v-6f477f30]{margin:auto 0}

.installments .installment .chevron[data-v-6f477f30] .ui-icon path{fill:hsla(220,4%,48%,.5)}

.banners .banner[ui-63]{align-items:center;column-gap:12px;display:flex}

.banners .banner[ui-63]:not(:first-child){margin-top:16px}

.banners .banner .icon-wrapper[ui-63]{align-items:center;border-radius:8px;display:flex;height:40px;justify-content:center;padding:6px;width:40px}

.banners .banner .icon-wrapper .icon[ui-63]{height:40px;width:40px}

.banners .banner .icon-wrapper .iconStatic[ui-63]{padding:7px}

.banners .banner .label[ui-63]{color:#141416;font-size:14px;font-weight:400;letter-spacing:-.01em;line-height:18px}

.cta-delivery--title[data-v-4bfc5d94]{font-size:20px;font-weight:700;line-height:24px;margin-bottom:12px}

@media (max-width:639px){.cta-delivery--title[data-v-4bfc5d94]{font-weight:600}

}

@media (min-width:640px) and (max-width:959px){.cta-delivery--title[data-v-4bfc5d94]{font-weight:600}

}

.cta-delivery--content[data-v-4bfc5d94]{align-items:center;column-gap:12px;display:flex;font-family: HeliosC}

.cta-delivery--content .icon-wrapper[data-v-4bfc5d94]{align-items:center;border-radius:8px;display:flex;height:40px;justify-content:center;padding:6px;width:40px}

.cta-delivery--content .icon-wrapper .icon[data-v-4bfc5d94]{height:40px;padding:7px;width:40px}

.cta-delivery--content .label[data-v-4bfc5d94]{color:#141416;font-size:14px;font-weight:400;letter-spacing:-.01em;line-height:18px}

.cta-delivery--content .label--date--time[data-v-4bfc5d94]{font-weight:600}

.cta-delivery--content .label--place[data-v-4bfc5d94]{color:var(--color-text-tertiary);font-size:12px;font-weight:400;line-height:16px;margin-top:4px}

.dolyame[data-v-f5017b58]{width:100%}

.dolyame .block-part-content[data-v-f5017b58]{align-items:center;background:#f5f6fa;border-radius:12px;cursor:pointer;display:flex;padding:12px 8px 12px 12px;position:relative}

.dolyame .block-part-content[data-v-f5017b58]:hover{background:#edeff2}

.dolyame .dolyame-button[data-v-f5017b58]{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:24px;justify-content:center;text-align:center;transition:.15s ease;width:80px}

.dolyame .dolyame-button .ui-icon[data-v-f5017b58]{height:30px;transform:scale(1.5);width:40px}

.dolyame .dolyame-button.disabled[data-v-f5017b58]{background-color:#a6a9b3}

.dolyame .dolyame-button.disabled .ui-icon path[data-v-f5017b58]{fill:#fff!important;transition:.15s ease}

.dolyame .dolyame-text[data-v-f5017b58]{font-family: HeliosC;font-size:.875rem;font-weight:500;margin-left:8px}

.dolyame .dolyame-text.disabled[data-v-f5017b58]{color:#a6a9b3}

.dolyame .dolyame-icon[data-v-f5017b58]{display:flex;margin-left:auto}

.dolyame .dolyame-icon-spinner[data-v-f5017b58]{animation:spin 2s linear infinite}

.dolyame .dolyame-overlay[data-v-f5017b58]{bottom:0;left:0;position:absolute}

.wrap[data-v-6276a7a4]{margin-top:16px;width:100%}

.block-part[ui-62]{margin-top:16px}

.block-part[ui-62]:not(:last-child){margin-bottom:24px}

.dolyame[ui-62]{width:100%}

.dolyame .block-part-content[ui-62]{align-items:center;background:#f5f6fa;border-radius:12px;cursor:pointer;display:flex;padding:12px 8px 12px 12px;position:relative}

.dolyame .block-part-content[ui-62]:hover{background:#edeff2}

.dolyame .dolyame-button[ui-62]{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-block;display:flex;height:24px;justify-content:center;text-align:center;transition:.15s ease;width:80px}

.dolyame .dolyame-button .ui-icon[ui-62]{height:30px;transform:scale(1.5);width:40px}

.dolyame .dolyame-button.disabled[ui-62]{background-color:#a6a9b3}

.dolyame .dolyame-button.disabled .ui-icon path[ui-62]{fill:#fff!important;transition:.15s ease}

.dolyame .dolyame-text[ui-62]{font-family: HeliosC;font-size:.875rem;font-weight:500;margin-left:8px}

.dolyame .dolyame-text.disabled[ui-62]{color:#a6a9b3}

.dolyame .dolyame-icon[ui-62]{display:flex;margin-left:auto}

.dolyame .dolyame-icon-spinner[ui-62]{animation:spin 2s linear infinite}

.dolyame .dolyame-overlay[ui-62]{bottom:0;left:0;position:absolute}

.price-set[data-v-1aae842a]{height:max-content}

.price-set .best-price[data-v-1aae842a]{margin-top:16px;padding-bottom:4px}

.price-set .installments[data-v-1aae842a]{margin-top:16px}

.price-set .banners[data-v-1aae842a]{margin-top:28px}

.characteristics[data-v-4a2e1e3d]{font-family: HeliosC}

.characteristics .title[data-v-4a2e1e3d]{font-size:22px;font-weight:600;letter-spacing:-.021em;line-height:28px;margin:0}

.characteristics .list[data-v-4a2e1e3d]{display:flex;flex-wrap:wrap}

.characteristics .list .item[data-v-4a2e1e3d]{margin-top:24px;width:100%}

.characteristics .list .item .subtitle[data-v-4a2e1e3d]{font-size:14px;font-weight:600;letter-spacing:-.011em;line-height:20px;margin:0}

.characteristics .list .item .sublist[data-v-4a2e1e3d]{display:flex;flex-direction:column;flex-wrap:wrap;margin:14px 0 0}

.characteristics .list .item .sublist .characteristic[data-v-4a2e1e3d]{display:grid;grid-template-columns:2fr 1.5fr;margin-top:12px}

.characteristics .list .item .sublist .characteristic .value_cropped[data-v-4a2e1e3d]{-webkit-box-orient:vertical;-webkit-line-clamp:5;display:-webkit-box;overflow:hidden}

.characteristics .list .item .sublist .characteristic .name[data-v-4a2e1e3d],.characteristics .list .item .sublist .characteristic .value[data-v-4a2e1e3d]{font-size:14px;font-weight:400;letter-spacing:-.005em;line-height:20px}

.characteristics .list .item .sublist .characteristic .name[data-v-4a2e1e3d]{color:#8b8d98}

.characteristics .button[data-v-4a2e1e3d]{margin-top:32px;width:100%}

.actions-buttons[ui-47]{column-gap:8px;display:flex}

.actions-buttons .button[ui-47]{align-items:center;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:hsla(0,0%,100%,.6);border-radius:8px;column-gap:8px;cursor:pointer;display:flex;font-family: HeliosC;font-size:1rem;font-weight:500;justify-content:center;line-height:1.2em;padding:8px;transition:all .25s ease-in-out}

.actions-buttons .button[ui-47]:hover{background:hsla(0,0%,100%,.7)}

.actions-buttons .button[ui-47]:active{background:hsla(0,0%,100%,.8)}

.mobile-product-page .indicators[data-v-772dc00e]{position:relative}

.mobile-product-page .indicators .indicators-container[data-v-772dc00e]{align-items:center;bottom:16px;display:flex;justify-content:space-between;left:16px;position:absolute;right:16px;z-index:1}

.mobile-product-page .indicators .indicators-container .progress[data-v-772dc00e]{border-radius:100px;height:4px;overflow:hidden;position:relative;width:72px}

.mobile-product-page .indicators .indicators-container .progress .thumb[data-v-772dc00e]{background:#000;border-radius:100px;height:100%;left:0;position:absolute;top:0;transition:transform .3s ease-out;width:16px}

.mobile-product-page .indicators .indicators-container .progress .track[data-v-772dc00e]{background:rgba(0,0,0,.15);height:100%;width:100%}

.description[data-v-dd4bc7f2]{height:calc(100vh - 56px);overflow-y:scroll;padding:16px}

.popup-header[data-v-dd4bc7f2]{height:56px;position:relative}

.close-button[data-v-dd4bc7f2]{left:0;position:absolute;top:0;width:56px}

.close-button[data-v-dd4bc7f2],.header[data-v-dd4bc7f2]{align-items:center;display:flex;height:56px;justify-content:center}

.header[data-v-dd4bc7f2]{font-size:18px;font-weight:500;line-height:24px}

.short-description[ui-53]{color:#141416;font-family: HeliosC;letter-spacing:-.005em;line-height:20px}

.short-description .description[ui-53]{word-break:break-word}

.short-description>.title[ui-53]{display:none;font-size:22px;font-weight:600;letter-spacing:-.009em;line-height:28px;margin-bottom:24px}

@media (max-width:639px){.short-description>.title[ui-53]{display:inline}

}

@media (min-width:640px) and (max-width:959px){.short-description>.title[ui-53]{display:inline}

}

.short-description .list[ui-53]{list-style-type:disc;margin:16px 0;padding-left:16px}

@media (max-width:639px){.short-description .list[ui-53]{padding-left:12px}

}

.short-description .list .item[ui-53]{margin-bottom:12px;word-break:break-word}

.short-description .button[ui-53]{display:none;margin-top:32px;width:100%}

@media (max-width:639px){.short-description .button[ui-53]{display:flex}

}

@media (min-width:640px) and (max-width:959px){.short-description .button[ui-53]{display:flex}

}

.description-set[data-v-4d2e6bba]{border:1px solid #f0f1f5;border-radius:16px;width:100%}

.description-set .section[data-v-4d2e6bba]{align-items:center;border-bottom:.5px solid hsla(220,4%,48%,.15);cursor:pointer;display:flex;height:52px;justify-content:space-between;padding:16px 8px 16px 16px}

.description-set .section[data-v-4d2e6bba]:last-child{border:none}

.description-set .section .title[data-v-4d2e6bba]{font-family: HeliosC;font-size:14px;font-weight:500;letter-spacing:-.005em;line-height:20px}

.seller[data-v-0e610e9d]{font-family: HeliosC}

.seller>.title[data-v-0e610e9d]{display:none;font-size:22px;font-weight:600;letter-spacing:-.009em;line-height:28px}

@media (max-width:639px){.seller>.title[data-v-0e610e9d]{display:inline}

}

@media (min-width:640px) and (max-width:959px){.seller>.title[data-v-0e610e9d]{display:inline}

}

.seller .seller-container[data-v-0e610e9d]{border:1px solid hsla(220,4%,48%,.15);border-radius:20px;box-sizing:border-box;padding:20px;position:sticky;top:140px}

@media (max-width:639px){.seller .seller-container[data-v-0e610e9d]{margin-top:24px;padding:16px}

}

@media (min-width:640px) and (max-width:959px){.seller .seller-container[data-v-0e610e9d]{margin-top:24px;padding:16px}

}

.seller .seller-container .info[data-v-0e610e9d]{display:flex;margin-bottom:16px;text-decoration:none}

.seller .seller-container .info .image[data-v-0e610e9d]{border-radius:8px;height:57px;width:57px}

.seller .seller-container .info .info-container[data-v-0e610e9d]{align-self:center;margin-left:12px}

.seller .seller-container .info .info-container .title[data-v-0e610e9d]{color:#141416;font-size:16px;font-weight:600;letter-spacing:-.01em;margin:0}

.seller .seller-container .info .info-container .rating[data-v-0e610e9d]{color:#8b8d98;font-size:14px;font-weight:400;line-height:20px;margin-top:2px}

.seller .seller-container .info .info-container .rating .star-zero[data-v-0e610e9d] *{fill:#dee0e5}

.seller .seller-container .button[data-v-0e610e9d]{--bg-color:#f5f6fa;height:56px;width:100%}

@media (max-width:639px){.seller .seller-container .button[data-v-0e610e9d]{height:48px}

}

@media (min-width:640px) and (max-width:959px){.seller .seller-container .button[data-v-0e610e9d]{height:48px}

}

.legal[data-v-0e610e9d]{color:#8b8e99;font-family: HeliosC;font-size:.8rem;font-weight:500;font-weight:400;line-height:1rem;padding-top:6px;white-space:pre-wrap}

.categories[data-v-55158b4a]{font-family: HeliosC}

.categories>.title[data-v-55158b4a]{display:none;font-size:22px;font-weight:600;letter-spacing:-.009em;line-height:28px}

@media (max-width:639px){.categories>.title[data-v-55158b4a]{display:inline}

}

@media (min-width:640px) and (max-width:959px){.categories>.title[data-v-55158b4a]{display:inline}

}

.categories .categories-container[data-v-55158b4a]{border:1px solid hsla(220,4%,48%,.15);border-radius:20px;margin-top:24px;padding:8px 0}

@media (max-width:639px){.categories .categories-container[data-v-55158b4a]{padding:4px 0}

}

@media (min-width:640px) and (max-width:959px){.categories .categories-container[data-v-55158b4a]{padding:4px 0}

}

.categories .categories-container .category[data-v-55158b4a]{align-items:center;cursor:pointer;display:flex;height:81px;padding-left:20px;position:relative}

.categories .categories-container .category[data-v-55158b4a]:after{background:hsla(220,4%,48%,.15);bottom:0;content:"";height:1px;left:20px;position:absolute;width:calc(100% - 40px)}

.categories .categories-container .category[data-v-55158b4a]:last-child{margin:0}

.categories .categories-container .category[data-v-55158b4a]:last-child:after{display:none}

.categories .categories-container .category:last-child .wrapper[data-v-55158b4a]{border:none}

@media (max-width:639px){.categories .categories-container .category[data-v-55158b4a]{height:78px;margin:0;padding-left:16px}

}

@media (min-width:640px) and (max-width:959px){.categories .categories-container .category[data-v-55158b4a]{height:78px;margin:0;padding-left:16px}

}

.categories .categories-container .category .image[data-v-55158b4a]{border-radius:8px;height:57px;padding-right:12px;width:57px}

.categories .categories-container .category .wrapper[data-v-55158b4a]{align-items:center;display:flex;flex-grow:1;justify-content:space-between;padding:20.5px 20px 20.5px 0;position:relative;text-decoration:none}

.categories .categories-container .category .wrapper .info-container[data-v-55158b4a]{align-self:center}

.categories .categories-container .category .wrapper .info-container .text[data-v-55158b4a],.categories .categories-container .category .wrapper .info-container .title[data-v-55158b4a]{font-family: HeliosC;font-size:14px;font-weight:400;letter-spacing:-.01em;line-height:20px;margin:0}

.categories .categories-container .category .wrapper .info-container .title[data-v-55158b4a]{color:#141416}

.categories .categories-container .category .wrapper .info-container .text[data-v-55158b4a]{color:#8a8d93}

.sku-radio-text[data-v-113823af],.sku-text-radio-group[data-v-113823af]{width:100%}

.sku-text-radio-group.flex-wrap[data-v-113823af]{display:flex;flex-wrap:wrap;margin-top:-12px}

.sku-text-radio-group.flex-wrap .sku-radio-text[data-v-113823af]{margin-right:12px;margin-top:12px;width:auto}

.sku-selectors[ui-50]{width:100%}

.characteristic[ui-50]{margin-top:24px}

.characteristic[ui-50]:first-of-type{margin-top:0}

.characteristic-title-and-value[ui-50]{font-size:14px;font-weight:400;line-height:18px}

.characteristic-title-and-value .characteristic-value[ui-50]{display:inline;font-weight:600}

.characteristic-value-selector[ui-50]{display:flex;margin-top:16px}

.characteristic-value-selector_scroll[ui-50]{overflow-y:scroll}

.characteristic-value-selector_scroll .sku-radio.image[ui-50]{min-width:56px}

.characteristic-value-selector_scroll[ui-50]::-webkit-scrollbar{display:none}

.characteristic-value-selector_flex[ui-50]{flex-wrap:wrap;gap:12px 16px}

.characteristic-value-selector_flex .sku-radio.image[ui-50]{flex:0 0 calc(20% - 12.8px);height:unset;margin-right:0;margin-top:0;min-height:81px;min-width:56px;width:unset}

@media (max-width:374px){.characteristic-value-selector_flex .sku-radio.image[ui-50]{flex:0 0 calc(25% - 12px)}

}

.characteristic-value-selector_flex .sku-radio.image img[ui-50]{object-fit:cover}

.sku-radio.image[ui-50]{margin-right:16px}

.sku-radio.color[ui-50]{margin-right:12px}

[full-screen-gallery]{background:rgba(0,0,0,.8);bottom:0;left:0;position:fixed;right:0;top:0;z-index:6}

[full-screen-gallery] .carousel-wrapper{height:100%}

[full-screen-gallery] .carousel-wrapper .slide-wrapper,[full-screen-gallery] .carousel-wrapper .slider-frame{height:100%;text-align:center}

[full-screen-gallery] .carousel-wrapper .slide-wrapper{padding:50px;position:relative}

[full-screen-gallery] .carousel-wrapper .photo-slide{bottom:0;left:0;margin:auto;max-height:100%;max-width:100%;position:absolute;right:0;top:0}

[full-screen-gallery] .controls>*{cursor:pointer;position:absolute;z-index:2}

[full-screen-gallery] .controls .next,[full-screen-gallery] .controls .prev{backdrop-filter:blur(40px);backface-visibility:hidden;background:rgba(85,85,85,.5);border-radius:100px;height:48px;perspective:1000;top:calc(50% - 15px);transition:opacity .3s ease;width:48px}

[full-screen-gallery] .controls .close{backdrop-filter:blur(40px);background:rgba(85,85,85,.5);border-radius:24px;height:48px;position:absolute;right:16px;top:16px;width:48px}

[full-screen-gallery] .controls .close img{height:23px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:23px}

[full-screen-gallery] .controls>.isHovered:hover{background:hsla(0,0%,53%,.5)}

[full-screen-gallery] .controls>* svg{fill:#fff;left:calc(50% - 12px);position:absolute;top:calc(50% - 12px)}

[full-screen-gallery] .controls .prev{left:16px}

[full-screen-gallery] .controls .next{right:16px}

.products-slide[ui-66]{padding-top:28px}

.bottom-wrapper[data-v-9499b7ac]{background-color:#fff;padding-top:16px;position:relative}

.tabs[data-v-9499b7ac]{margin-top:40px}

@media (max-width:639px){.tabs[data-v-9499b7ac]{margin-top:40px}

}

.bottom-wrapper[ui-64]{background-color:#fff;padding-top:16px;position:relative}

.date[data-v-3e51b106]{color:var(--gray-60,#8b8e99);font-weight:400}

.date[data-v-3e51b106],.name[data-v-3e51b106]{display:block;font-family: HeliosC;font-size:14px;font-style:normal;letter-spacing:-.07px;line-height:20px}

.name[data-v-3e51b106]{color:var(--gray-gray-dk-40,#141416);font-weight:600;margin:8px auto}

.content[data-v-3e51b106]{-webkit-box-orient:vertical;-webkit-line-clamp:5;display:-webkit-box;font-family: HeliosC;font-size:16px;font-style:normal;font-weight:400;letter-spacing:-.07px;line-height:20px;overflow:hidden}

.photo-item[data-v-1337b0a9]{cursor:pointer}

.photo-item img[data-v-1337b0a9]{aspect-ratio:3/4;border-radius:12px;height:145px;object-fit:cover;width:auto}

.fullscreen-slider[data-v-0c73f846]{background:var(--black-a-70,rgba(0,0,0,.7));bottom:0;left:0;overscroll-behavior:none;position:fixed;right:0;top:0;z-index:201}

.fullscreen-slider .fullscreen-slider-wrapper[data-v-0c73f846]{border-radius:8px;margin:0 auto;transform:translateZ(0)}

.fullscreen-slider .fullscreen-slider-wrapper .navigation[data-v-0c73f846]{width:100%}

.fullscreen-slider .fullscreen-slider-wrapper .navigation .slider-button[data-v-0c73f846]{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;border:1px solid hsla(220,4%,48%,.3);border-radius:4px;border-radius:20px;cursor:pointer;display:flex;height:40px;justify-content:center;opacity:.5;position:absolute;text-decoration:none;top:calc(50% - 20px);transition:all .3s ease-in-out;width:40px;z-index:2}

.fullscreen-slider .fullscreen-slider-wrapper .navigation .slider-button.next[data-v-0c73f846]{right:16px}

.fullscreen-slider .fullscreen-slider-wrapper .navigation .slider-button.prev[data-v-0c73f846]{left:16px}

.fullscreen-slider .fullscreen-slider-wrapper .navigation .slider-button.close[data-v-0c73f846]{right:16px;top:16px}

.fullscreen-slider .fullscreen-slider-wrapper .navigation .slider-button[data-v-0c73f846]:hover{opacity:.7}

.fullscreen-slider .fullscreen-slider-wrapper .navigation .slider-button[data-v-0c73f846]:active{opacity:.9}

.fullscreen-slider .fullscreen-slider-wrapper[data-v-0c73f846] .swiper-container .slide{display:flex;height:100vh;margin:0 auto;position:relative;user-select:none;width:calc(100vh/var(--photo-ratio));z-index:1}

@media (max-width:639px){.fullscreen-slider .fullscreen-slider-wrapper[data-v-0c73f846] .swiper-container .slide{align-items:center;display:flex;width:100%}

}

@media (min-width:640px) and (max-width:959px){.fullscreen-slider .fullscreen-slider-wrapper[data-v-0c73f846] .swiper-container .slide{align-items:center;display:flex;width:100%}

}

.fullscreen-slider .fullscreen-slider-wrapper[data-v-0c73f846] .swiper-container .slide .image{background:#eee;display:block;height:100%;max-width:100vw;object-fit:contain;pointer-events:none;user-select:none;width:auto}

@media (max-width:639px){.fullscreen-slider .fullscreen-slider-wrapper[data-v-0c73f846] .swiper-container .slide .image{height:auto;position:relative;top:50%;transform:translateY(-50%)}

}

@media (min-width:640px) and (max-width:959px){.fullscreen-slider .fullscreen-slider-wrapper[data-v-0c73f846] .swiper-container .slide .image{height:auto;position:relative;top:50%;transform:translateY(-50%)}

}

.fullscreen-slider .fullscreen-slider-wrapper[data-v-0c73f846] .swiper-container .slide .caption{background:linear-gradient(0deg,#000 .2%,rgba(0,0,0,.99) 6.84%,rgba(0,0,0,.96) 13.48%,rgba(0,0,0,.92) 20.12%,rgba(0,0,0,.85) 26.76%,rgba(0,0,0,.77) 33.4%,rgba(0,0,0,.67) 40.04%,rgba(0,0,0,.56) 46.68%,rgba(0,0,0,.44) 53.32%,rgba(0,0,0,.33) 59.96%,rgba(0,0,0,.23) 66.6%,rgba(0,0,0,.15) 73.24%,rgba(0,0,0,.08) 79.88%,rgba(0,0,0,.04) 86.52%,rgba(0,0,0,.01) 93.16%,transparent 99.8%);bottom:0;left:-1px;padding:40px 12px;position:absolute;right:-1px}

.fullscreen-slider .fullscreen-slider-wrapper[data-v-0c73f846] .swiper-container .slide .slide-inner{display:block;height:100%;margin:0 auto;max-width:100vw;min-width:320px;position:relative;width:auto}

.stars[data-v-0c73f846]{margin-bottom:22px}

.sku[data-v-0c73f846]{color:hsla(0,0%,100%,.698);letter-spacing:.084px;margin-bottom:12px;margin-top:16px}

.content[data-v-0c73f846],.sku[data-v-0c73f846]{font-family: HeliosC;font-size:16px;font-style:normal;font-weight:400;line-height:20px}

.content[data-v-0c73f846]{-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--light-text-inverse-primary,#fff);display:-webkit-box;letter-spacing:-.07px;overflow:hidden}

.shadow[data-v-0c73f846]{background:linear-gradient(0deg,#000 .2%,rgba(0,0,0,.99) 6.84%,rgba(0,0,0,.96) 13.48%,rgba(0,0,0,.92) 20.12%,rgba(0,0,0,.85) 26.76%,rgba(0,0,0,.77) 33.4%,rgba(0,0,0,.67) 40.04%,rgba(0,0,0,.56) 46.68%,rgba(0,0,0,.44) 53.32%,rgba(0,0,0,.33) 59.96%,rgba(0,0,0,.23) 66.6%,rgba(0,0,0,.15) 73.24%,rgba(0,0,0,.08) 79.88%,rgba(0,0,0,.04) 86.52%,rgba(0,0,0,.01) 93.16%,transparent 99.8%);bottom:0;height:100%;max-height:384px;position:absolute;width:100%}

.top-heading[data-v-0c73f846]{align-items:center;color:var(--light-text-inverse-primary,#fff);display:flex;justify-content:space-between}

.date[data-v-0c73f846]{color:hsla(0,0%,100%,.698)}

.photo-slider-wrap[data-v-f4aedf4c]{position:relative}

.photo-slider-wrap[data-v-f4aedf4c]:before{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,.69) 34.42%,hsla(0,0%,100%,.41) 68.05%,hsla(0,0%,100%,0));left:-1px}

.photo-slider-wrap[data-v-f4aedf4c]:after,.photo-slider-wrap[data-v-f4aedf4c]:before{content:"";height:145px;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:51px}

.photo-slider-wrap[data-v-f4aedf4c]:after{background:linear-gradient(270deg,#fff,hsla(0,0%,100%,.69) 34.42%,hsla(0,0%,100%,.41) 68.05%,hsla(0,0%,100%,0));right:-1px}

.photo-slider-wrap_can-scroll-left[data-v-f4aedf4c]:before,.photo-slider-wrap_can-scroll-right[data-v-f4aedf4c]:after{opacity:1}

.photo-slider[data-v-f4aedf4c]{align-items:flex-start;display:flex;flex-direction:row;gap:12px;height:145px;overflow-x:scroll;overflow-y:hidden}

.photo-slider[data-v-f4aedf4c]::-webkit-scrollbar{display:none}

.photo-slider .photo-item[data-v-f4aedf4c]{cursor:pointer}

.photo-slider .photo-item img[data-v-f4aedf4c]{aspect-ratio:3/4;border-radius:12px;height:145px;object-fit:cover;width:auto}

.btn-next[data-v-f4aedf4c]{right:6px;transform:translateY(calc(72.5px - 50%)) translateX(50%)}

.btn-next[data-v-f4aedf4c],.btn-prev[data-v-f4aedf4c]{align-items:center;backdrop-filter:blur(2px);background:hsla(0,0%,100%,.6);border-radius:100%;cursor:pointer;display:flex;filter:drop-shadow(0 0 4px rgba(0,0,0,.04));height:40px;justify-content:center;position:absolute;top:0;width:40px;z-index:2}

.btn-prev[data-v-f4aedf4c]{left:6px;transform:translateY(calc(72.5px - 50%)) translateX(-50%)}

.answer[ui-75]{margin-top:24px}

.answer-header[ui-75]{display:flex}

.answer-logo[ui-75]{height:48px;width:48px}

.answer-main[ui-75]{border:1px solid var(--border-subtle,rgba(54,54,64,.08));border-radius:8px;margin-left:10px;padding:15px;width:100%}

.answer-head[ui-75]{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:8px}

.answer-header img[ui-75]{border-radius:8px}

.top-heading[ui-75]{align-items:start;display:flex;justify-content:space-between;padding-top:18px}

.top-heading-stars[ui-75]{margin-right:10px}

.top-heading-info[ui-75]{align-items:left;display:flex;flex-wrap:wrap;gap:5px}

@media (max-width:639px){.top-heading-info[ui-75]{flex-direction:column}

}

@media (min-width:640px) and (max-width:959px){.top-heading-info[ui-75]{flex-direction:column}

}

.name[ui-75]{color:var(--gray-gray-dk-40,#141416);display:block;font-weight:600}

.name[ui-75],.sku[ui-75]{font-family: HeliosC;font-size:14px;font-style:normal;letter-spacing:-.07px;line-height:20px}

.sku[ui-75]{color:var(--gray-60,#8b8e99);font-weight:400;margin-bottom:12px;margin-top:16px}

@media (max-width:639px){.sku[ui-75]{margin:8px auto}

}

@media (min-width:640px) and (max-width:959px){.sku[ui-75]{margin:8px auto}

}

.content[ui-75]{color:var(--archive-gray-gray-dk-40,#141416);font-family: HeliosC;font-size:14px;font-style:normal;font-weight:400;letter-spacing:-.07px;line-height:20px}

.photos[ui-75]{align-items:flex-start;display:flex;flex-direction:row;gap:12px;height:145px;margin:15px auto;overflow-x:scroll;overflow-y:hidden}

.photos[ui-75]::-webkit-scrollbar{display:none}

.date[ui-75]{color:var(--gray-60,#8b8e99);display:block;font-family: HeliosC;font-size:14px;font-style:normal;font-weight:400;line-height:20px}

.part[data-v-5ac9e511]{align-items:center;border-bottom:1px solid #f2f4f7;display:flex;justify-content:space-between;padding:20px}

.part[data-v-5ac9e511]:last-child{border:none}

.toggle[data-v-5ac9e511]{align-items:center;background:#f2f4f7;border-radius:20px;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 15px}

.footer[data-v-5ac9e511]{padding:20px}

.show[data-v-5ac9e511]{background:#1f1f26;border-radius:12px;color:#fff;padding:20px 0;width:100%}

.popup-container[data-v-5ac9e511]{display:flex;flex-direction:column;max-width:560px}

@media (max-width:639px){.popup-container[data-v-5ac9e511]{max-width:none;padding:0 8px 24px}

}

@media (min-width:640px) and (max-width:959px){.popup-container[data-v-5ac9e511]{max-width:none;padding:0 8px 24px}

}

.header[data-v-5ac9e511]{display:flex;justify-content:center;margin-bottom:20px}

@media (max-width:639px){.header[data-v-5ac9e511]{margin:42px 0 24px}

}

@media (min-width:640px) and (max-width:959px){.header[data-v-5ac9e511]{margin:42px 0 24px}

}

.header .ui-icon.dolyame-icon[data-v-5ac9e511],.header .ui-icon.dolyame-icon[data-v-5ac9e511] path{fill:#000}

.body[data-v-5ac9e511]{display:flex;flex-direction:column}

.list[data-v-5a5eb43e]{height:calc(100vh - 56px);height:calc(var(--vh, 1vh)*100 - 56px);overflow-y:scroll;padding:16px}

.popup-header[data-v-5a5eb43e]{align-items:center;display:flex;height:56px;justify-content:space-between}

.close-button[data-v-5a5eb43e],.setting-answers[data-v-5a5eb43e]{align-items:center;display:flex;height:56px;justify-content:center;width:56px}

.header[data-v-5a5eb43e]{align-items:center;display:flex;font-size:18px;font-weight:500;height:56px;justify-content:center;line-height:24px}

.more[data-v-5a5eb43e]{align-items:center;align-self:stretch;background:var(--gray-98,#f5f6fa);border-radius:12px;color:var(--gray-gray-dk-40,#141416);cursor:pointer;display:flex;flex-direction:column;font-family: HeliosC;font-size:16px;font-style:normal;font-weight:500;line-height:20px;margin-top:24px;padding:16px 24px;width:100%}

.feed-item[data-v-5a5eb43e]{padding:15px 0}

.feedback[data-v-d1be811a]{margin-top:32px;scroll-margin-top:98px}

.header-wrap[data-v-d1be811a]{display:flex;justify-content:space-between}

.all[data-v-d1be811a]{align-items:center;color:var(--light-text-tertiary,#8b8e99);cursor:pointer;display:flex;font-family: HeliosC;font-size:14px;font-style:normal;font-weight:500;text-align:center}

.all svg[data-v-d1be811a]{fill:var(--light-text-tertiary,#8b8e99)}

.header[data-v-d1be811a]{color:var(--ui-light-text-primary,#1f1f26);font-family: HeliosC;font-size:20px;font-style:normal;font-weight:600;letter-spacing:-.18px;line-height:24px}

.feedback-wrap[data-v-d1be811a]{display:flex;gap:12px;margin:12px -16px 0;overflow-x:scroll;padding:0 16px;scroll-padding-left:16px;scroll-snap-type:x mandatory}

.feedback-item[data-v-d1be811a]{align-items:flex-start;background:var(--ui-light-surface-primary-rest,#fff);border:1px solid var(--ui-light-border-emphasis-on-primary,#d0d2d9);border-radius:16px;display:flex;flex:1 0 auto;flex-direction:column;gap:12px;max-height:242px;max-width:252px;padding:20px;scroll-snap-align:start;width:100%}

.feedback-item .content[data-v-d1be811a]{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;max-height:100%;max-width:210px;overflow:hidden;text-overflow:ellipsis}

.feedback-item .content-text[data-v-d1be811a]{color:var(--ui-light-text-primary,#1f1f26);font-family: HeliosC;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0 auto}

.feedback[data-v-75675a86]{margin-top:32px}

.header-wrap[data-v-75675a86]{display:flex;justify-content:space-between}

.all[data-v-75675a86]{align-items:center;color:var(--light-text-tertiary,#8b8e99);cursor:pointer;display:flex;font-family: HeliosC;font-size:14px;font-style:normal;font-weight:500;text-align:center}

.all svg[data-v-75675a86]{fill:var(--light-text-tertiary,#8b8e99)}

.header[data-v-75675a86]{color:var(--ui-light-text-primary,#1f1f26);font-family: HeliosC;font-size:20px;font-style:normal;font-weight:600;letter-spacing:-.18px;line-height:24px}

.feedback-wrap[data-v-75675a86]{display:flex;gap:12px;margin:12px -16px 0;overflow-x:scroll;padding:0 16px;scroll-padding-left:16px;scroll-snap-type:x mandatory}

.feedback-item[data-v-75675a86]{align-items:flex-start;background:var(--ui-light-surface-primary-rest,#fff);border:1px solid var(--ui-light-border-emphasis-on-primary,#d0d2d9);border-radius:20px;display:flex;flex:1 0 auto;flex-direction:column;gap:12px;max-height:242px;max-width:252px;padding:20px;scroll-snap-align:start;width:100%}

.feedback-item .content[data-v-75675a86]{-webkit-line-clamp:9;-webkit-box-orient:vertical;display:-webkit-box;max-height:100%;max-width:210px;overflow:hidden;text-overflow:ellipsis}

.date[data-v-75675a86]{color:var(--gray-60,#8b8e99);font-weight:400}

.date[data-v-75675a86],.name[data-v-75675a86]{display:block;font-family: HeliosC;font-size:14px;font-style:normal;letter-spacing:-.07px;line-height:20px}

.name[data-v-75675a86]{color:var(--gray-gray-dk-40,#141416);font-weight:600}

[breadcrumb][express]{color:var(--ui-light-text-tertiary,#8b8e99);font-family: HeliosC;font-size:14px;font-style:normal;font-weight:400;letter-spacing:.084px;line-height:18px}

[breadcrumb][express]>i{color:rgba(0,0,0,.38);cursor:default;margin:0 2px}

[breadcrumb][express]:last-child i{display:none}

.breadcrumbs[data-v-2fa72ca6]{font-size:16px;overflow-x:scroll;padding:8px 16px 20px;white-space:nowrap}

.crumb[data-v-2fa72ca6]{color:var(--ui-light-text-tertiary,#8b8e99);font-family: HeliosC;font-size:14px;font-style:normal;font-weight:400;letter-spacing:.084px;line-height:18px}

.crumb>i[data-v-2fa72ca6]{cursor:default;margin:0 8px}

.crumb:last-child i[data-v-2fa72ca6]{display:none}

.content[data-v-b01e1212]{height:calc(100vh - 56px);overflow-y:scroll;padding:16px}

.popup-header[data-v-b01e1212]{height:56px;position:relative}

.close-button[data-v-b01e1212]{left:0;position:absolute;top:0;width:56px}

.close-button[data-v-b01e1212],.header[data-v-b01e1212]{align-items:center;display:flex;height:56px;justify-content:center}

.header[data-v-b01e1212]{font-size:18px;font-weight:500;line-height:24px}

.description[data-v-be5c2b58]{height:calc(100vh - 56px);overflow-y:scroll;padding:16px}

.popup-header[data-v-be5c2b58]{height:56px;position:relative}

.close-button[data-v-be5c2b58]{left:0;position:absolute;top:0;width:56px}

.close-button[data-v-be5c2b58],.header[data-v-be5c2b58]{align-items:center;display:flex;height:56px;justify-content:center}

.header[data-v-be5c2b58]{font-size:18px;font-weight:500;line-height:24px}

.buttons[data-v-7c3ef7fe]{border:1px solid hsla(220,4%,48%,.15);border-radius:20px;box-sizing:border-box;color:var(--Text-Primary,#1f2026);display:flex;flex-direction:column;font-family: HeliosC;font-size:16px;font-style:normal;font-weight:400;line-height:20px}

.buttons .button[data-v-7c3ef7fe]{align-items:center;border-bottom:1px solid hsla(220,4%,48%,.15);display:flex;justify-content:space-between;padding:16px}

.buttons .button[data-v-7c3ef7fe]:last-child{border-bottom:none}

.counter[ui-89]{align-items:center;background-color:#fff;border-radius:4px;border-radius:10px;box-shadow:inset 0 0 0 1px hsla(220,4%,48%,.3);color:#141416;display:flex;height:48px;padding:0 4px;transition:all .15s ease-in-out;width:fit-content}

.counter input[ui-89]{background-color:transparent;border:none;color:inherit;font-size:.875rem;height:100%;width:100%}

.counter input[ui-89]::placeholder{color:rgba(0,0,0,.5)}

.counter input[ui-89]{font-family: HeliosC;font-size:.8rem;line-height:1.2em}

.counter.focus[ui-89],.counter[ui-89]:focus{box-shadow:inset 0 0 0 1px #33c}

.counter[disabled][ui-89]{background:hsla(220,4%,48%,.15)}

.counter[disabled] input[ui-89]{color:#8a8d93}

.counter[disabled] input[ui-89] ::placeholder{color:#8a8d93}

.counter .error[ui-89]:not(.focus){box-shadow:inset 0 0 0 1px #e63737!important;color:#e63737!important}

.counter .error:not(.focus) input[ui-89] ::placeholder{color:#e63737!important}

.counter[ui-89]:hover:not([disabled]){background:hsla(220,4%,48%,.1);box-shadow:inset 0 0 0 1px #141416;color:rgba(0,0,0,.5)}

.counter:hover:not([disabled]) input[ui-89] ::placeholder{color:rgba(0,0,0,.5)}

.counter_s36[ui-89]{height:36px}

.counter_s36 input[ui-89]{font-size:14px;line-height:18px;min-width:48px;width:48px}

.counter_s36 .counter__minus[ui-89],.counter_s36 .counter__plus[ui-89]{height:36px}

.counter_xl56[ui-89]{height:56px}

.counter_xl56 input[ui-89]{font-size:18px;line-height:24px;min-width:48px;width:48px}

.counter_xl56 .counter__minus[ui-89],.counter_xl56 .counter__plus[ui-89]{height:42px}

.counter input[ui-89]{-moz-appearance:textfield;color:#141416;font-weight:600;letter-spacing:-.007em;text-align:center}

.counter input[ui-89]::-webkit-inner-spin-button,.counter input[ui-89]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

.counter__minus[ui-89],.counter__plus[ui-89]{align-items:center;aspect-ratio:1;cursor:pointer;display:flex;justify-content:center;position:relative;z-index:1}

.counter__minus.disabled[ui-89],.counter__plus.disabled[ui-89]{opacity:.4;pointer-events:none}

.counter__plus-wrapper[ui-89]{position:relative}

.counter__plus-wrapper .counter__plus__tooltip[ui-89]{display:none;z-index:2}

.counter__plus-wrapper:hover .counter__plus__tooltip[ui-89]{display:flex}

.add-cart[data-v-530716ea]{column-gap:12px;display:flex}

.add-cart .action-wrapper[data-v-530716ea]{align-items:center;display:flex;width:100%}

.add-cart[data-v-530716ea] .ui-button.favorite{width:64px}

.add-cart .counter[data-v-530716ea]{width:100%}

.favorite_active[data-v-530716ea]{--color:#e53935!important}

.favorite_active path[data-v-530716ea]{fill:#e53935}

.cart-added-row[data-v-530716ea]{display:flex;gap:12px;justify-content:right;width:100%}

.to-cart[data-v-530716ea]{display:flex;flex-direction:column;justify-content:center}

.to-cart__text[data-v-530716ea]{white-space:nowrap}

.to-cart__subtext[data-v-530716ea]{color:var(--light-text-inverse-secondary,hsla(0,0%,100%,.7))}

.to-cart-mobile.to-cart-mobile[data-v-530716ea]{background:#fff;border:1px solid var(--red-55,#ff1919);color:var(--red-55,#ff1919);font-family: HeliosC;font-size:16px;font-style:normal;font-weight:500;line-height:20px;text-align:center}

.btns-text[data-v-530716ea]{display:flex;flex-direction:column;white-space:nowrap}

.slide-enter-active[ui-76]{animation-timing-function:cubic-bezier(.33,1,.68,1);animation:slide-in-2a818d12 .25s}

.slide-leave-active[ui-76]{animation-timing-function:cubic-bezier(.33,1,.68,1);animation:slide-in-2a818d12 .25s reverse}

.price-block[ui-76]{background-color:#fff;box-shadow:0 -4px 8px rgba(0,0,0,.05);height:60px;overflow:hidden}

.price-block .price-block-wrapper[ui-76]{display:flex;height:100%;justify-content:space-between;padding:0 16px;width:100%}

.price-block .price-block-wrapper .add-cart[ui-76]{align-items:center;width:156px}

.price-wrap[ui-76]{display:flex;flex-direction:column;justify-content:center}

.price[ui-76]{color:var(--archive-gray-gray-dk-40,#141416);font-size:16px;font-style:normal;font-weight:600;letter-spacing:.288px;line-height:20px}

.subheader[ui-76]{color:var(--archive-gray-gray-lt-8,#8a8d93);font-family: HeliosC;font-size:12px;font-style:normal;font-weight:400;letter-spacing:-.24px;line-height:120%}

.strikethrough[ui-76]{text-decoration:line-through}

@media (min-width:361px){.price-block .price-block-wrapper .add-cart[ui-76]{width:50%}

}

@-moz-keyframes slide-in-2a818d12{0%{height:0}

to{height:60px}

}

@-webkit-keyframes slide-in-2a818d12{0%{height:0}

to{height:60px}

}

@-o-keyframes slide-in-2a818d12{0%{height:0}

to{height:60px}

}

@keyframes slide-in-2a818d12{0%{height:0}

to{height:60px}

}

.t[data-v-b37a02f0]{background-color:#fff;position:relative}

.mobile-product-page[data-v-b37a02f0]{position:relative}

.mobile-product-page .description[data-v-b37a02f0]{display:none;position:absolute}

.mobile-product-page .description-container[data-v-b37a02f0]{background-color:#fff;border-radius:24px 24px 0 0;display:flex;flex-direction:column;padding:0 16px;position:relative;z-index:3}

@media (min-width:640px) and (max-width:959px){.mobile-product-page .description-container[data-v-b37a02f0]{padding:0 24px}

}

.mobile-product-page .description-container .rectangle[data-v-b37a02f0]{background-color:#e9e9ed;border-radius:100px;height:4px;margin:8px 0 0 calc(50% - 16px);width:32px}

.mobile-product-page .description-container .product-header[data-v-b37a02f0]{padding-top:24px}

.mobile-product-page .description-container .sku-selector[data-v-b37a02f0]{margin-top:32px;width:100%}

.mobile-product-page .description-container .price-set[data-v-b37a02f0]{margin-top:40px}

.mobile-product-page .description-container .characteristics[data-v-b37a02f0],.mobile-product-page .description-container .short-description[data-v-b37a02f0]{margin-top:48px}

.mobile-product-page .description-container .characteristics .button-ui[data-v-b37a02f0],.mobile-product-page .description-container .short-description .button-ui[data-v-b37a02f0]{width:100%}

.mobile-product-page .description-container .description-set[data-v-b37a02f0]{margin-top:36px}

.mobile-product-page .description-container .seller[data-v-b37a02f0]{margin-top:52px}

.mobile-product-page .description-container .categories[data-v-b37a02f0]{margin-top:48px}

.mobile-product-page[data-v-b37a02f0] .combo-product{margin-top:32px}

.button[data-v-b37a02f0],.other-tabs[data-v-b37a02f0]{margin-top:32px;width:100%}

.shopping-day-banner[data-v-b37a02f0]{margin-top:32px}

.fade-enter-active,.fade-leave-active{transition:opacity .25s cubic-bezier(.65,0,.35,1)}

.fade-enter,.fade-leave-to{opacity:0}

.desktop-slider{--slider-gap:11px;--thumbs-width:77px;--photo-ratio:1.33756;align-items:flex-start;display:flex;justify-content:flex-end;position:relative;width:100%}

.desktop-slider .slider-selectors{bottom:0;left:0;overflow-y:hidden;position:absolute;top:0;width:var(--thumbs-width)}

.desktop-slider .slider-selectors .navigation{background:linear-gradient(0deg,#fff 2.23%,#fff 47.55%,hsla(0,0%,100%,0));bottom:0;display:flex;height:48px;justify-content:center;left:0;position:absolute;right:0;z-index:1}

.desktop-slider .slider-selectors .navigation .button{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:hsla(0,0%,100%,.6);border-radius:20px;box-shadow:0 0 4px rgba(0,0,0,.04);cursor:pointer;display:flex;height:40px;justify-content:center;transform:rotate(90deg);transition:all .25s ease-in-out;width:40px}

.desktop-slider .slider-selectors .navigation .button>>>.ui-icon path{fill:#000}

.desktop-slider .slider-selectors .navigation .button:hover{background:hsla(0,0%,100%,.7)}

.desktop-slider .slider-selectors .navigation .button:active{background:hsla(0,0%,100%,.8)}

.desktop-slider .slider-selectors .navigation.top{bottom:auto;top:0;transform:rotate(-180deg)}

.desktop-slider .slider-selectors .thumbs{grid-row-gap:8px;-ms-overflow-style:none;scrollbar-height:0;-webkit-touch-callout:none;display:grid;grid-auto-flow:row;grid-auto-rows:101px;grid-template-columns:76px;height:100%;overflow-y:auto;position:relative;scrollbar-width:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}

.desktop-slider .slider-selectors .thumbs::-webkit-scrollbar{display:none}

.desktop-slider .slider-selectors .thumbs .thumb-photo{align-items:center;cursor:pointer;display:flex;height:101px;justify-content:center;width:76px; border:3px solid var(--border-subtle); border-radius:14px;}

.desktop-slider .slider-selectors .thumbs .thumb-photo .image{background:hsla(220,5%,49%,.2);border-radius:12px;height:auto;object-fit:cover;transition:all .25s ease-in-out;width:100%; height:96px;width:70px;}


.desktop-slider .slider-selectors .thumbs .thumb-photo.active{border:3px solid #FC8E19;border-radius:14px; transition:transform .3s ease-out;}


.desktop-slider .main-photo{align-items:center;display:flex;justify-content:center;min-width:calc(100% - 88px);overflow:hidden;position:relative;user-select:none;width:calc(100% - 88px)}

.desktop-slider .main-photo__content{aspect-ratio:3/4;background:hsla(220,4%,48%,.1);border-radius:20px;cursor:pointer;height:auto;max-width:396px;overflow:hidden;position:relative;width:100%; border: 1px solid var(--border-subtle);}

.desktop-slider .main-photo__content__image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}

@media (min-width:960px) and (max-width:1279px){.actions-buttons{bottom:10px;left:10px;position:absolute}

}

@media (min-width:1280px) and (max-width:1919px){.actions-buttons{bottom:10px;left:10px;position:absolute}

}

@media (min-width:1920px){.actions-buttons{bottom:10px;left:10px;position:absolute}

}

.characteristics[data-v-53129703]{font-family: HeliosC}

.characteristics .title[data-v-53129703]{font-size:28px;font-weight:600;letter-spacing:-.021em;line-height:36px;margin:0 0 32px}

.characteristics .list[data-v-53129703]{display:flex;flex-wrap:wrap}

.characteristics .list .item[data-v-53129703]{margin-top:32px;width:100%}

.characteristics .list .item[data-v-53129703]:first-child{margin-top:0}

.characteristics .list .item .subtitle[data-v-53129703]{font-size:18px;font-weight:600;letter-spacing:-.007em;line-height:24px;margin:0}

.characteristics .list .item .subtitle.short[data-v-53129703]{font-size:14px;letter-spacing:-.01em;line-height:20px}

.characteristics .list .item .sublist[data-v-53129703]{display:flex;flex-direction:row;flex-wrap:wrap;margin:0}

.characteristics .list .item .sublist .characteristic[data-v-53129703]{display:grid;flex:0 1 100%;grid-template-columns:1fr 3fr;margin-top:12px}

@media (min-width:1280px) and (max-width:1919px){.characteristics .list .item .sublist .characteristic[data-v-53129703]{flex:0 1 50%}

}

@media (min-width:1920px){.characteristics .list .item .sublist .characteristic[data-v-53129703]{flex:0 1 50%}

}

.characteristics .list .item .sublist .characteristic_one-row[data-v-53129703]{flex:0 1 100%}

.characteristics .list .item .sublist .characteristic .name[data-v-53129703],.characteristics .list .item .sublist .characteristic .value[data-v-53129703]{font-size:14px;font-weight:400;letter-spacing:-.005em;line-height:20px}

.characteristics .list .item .sublist .characteristic .name[data-v-53129703]{color:#8b8d98}

.characteristics .list .item .sublist .characteristic .value[data-v-53129703]{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box!important;max-height:200px;max-width:200px;overflow:hidden;padding-left:96px;text-overflow:ellipsis;white-space:normal;word-break:break-word}

.show-more[data-v-53129703]{color:#8b8d98;cursor:pointer;display:inline-block;margin-top:28px;text-decoration:underline}

.short-title[data-v-53129703]{color:#141416;font-size:14px;font-style:normal;font-weight:600;letter-spacing:-.01em;line-height:20px;margin-bottom:16px}





.price-block .add-cart[ui-55]{width:234px}

.floating-cap[ui-54]{background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.22),0 4px 20px rgba(0,0,0,.1);height:96px;left:0;position:fixed;right:0;top:0;z-index:100}
.no_visible{display: none !important;}

.floating-cap .floating-cap-wrapper[ui-54]{align-items:center;display:flex;height:100%;justify-content:space-between}

.floating-cap .floating-cap-wrapper .product-header-wrapper[ui-54]{align-items:center;display:flex}

.floating-cap .floating-cap-wrapper .product-header-wrapper .image[ui-54]{border-radius:8px;height:80px;margin-right:16px;width:60px}

.floating-cap .floating-cap-wrapper .price-block[ui-54]{display:flex;gap:12px;justify-content:flex-end;width:620px}

.slide-enter-active[ui-54],.slide-leave-active[ui-54]{transition:transform .45s cubic-bezier(.65,0,.35,1)}

.slide-enter[ui-54]{transform:translateY(-100%)}

.slide-enter-to[ui-54],.slide-leave[ui-54]{transform:translateY(0)}

.slide-leave-to[ui-54]{transform:translateY(-100%)}

.block-part-vat[data-v-263667ce]{align-items:center;color:#8a8d93;display:flex;font-family: HeliosC;font-size:.875rem;line-height:1.2em;margin-top:8px;position:relative;width:max-content}

.block-part-vat .currency[data-v-263667ce]{margin-right:5px}

.block-part-vat .icon[data-v-263667ce]{align-items:center;cursor:pointer;display:flex;margin-left:10px}

.call-to-action1[ui-60]{background:#fff;border-radius:20px;box-shadow:0 0 6px rgba(0,0,0,.04),0 4px 32px -8px rgba(0,0,0,.08);height:max-content;padding:24px 20px 0px 0px;width:100%}

.call-to-action .best-price[ui-60]{margin-top:16px;padding-bottom:4px}

.call-to-action .installments[ui-60]{margin-top:16px;padding-bottom:8px}

.call-to-action .add-cart[ui-60]{margin-top:20px}

.call-to-action .one-click[ui-60]{margin-top:12px;width:100%}

.call-to-action .banners[ui-60]{margin:28px 0}

.call-to-action .ui-button.secondary[ui-60]{--bg-color:#f5f6fa}

.shopping-day-banner[ui-60]{margin-bottom:20px}

.product-cta[ui-46]{align-self:start;height:100%;min-width:250px; }

.product-cta__content[ui-54]{position:sticky;top:24px}


.product-body__slider-wrapper[ui-46]{height:100%}

.product-body__slider[ui-46]{position:sticky;top:24px}


.product-body__aside__columns__middle[ui-46]{display:flex;flex-direction:column;gap:44px}

.product-body[data-v-50835a36]{display:flex;flex-direction:column;gap:20px}

.product-body__slider-wrapper[data-v-50835a36]{height:100%}

.product-body__slider[data-v-50835a36]{position:sticky;top:24px}

.product-body__columns[data-v-50835a36]{display:grid;gap:40px;grid-template-columns:1fr 397px;grid-template-rows:1fr}

.product-body__columns__right[data-v-50835a36]{display:flex;flex-direction:column;gap:44px}

.product-tab[data-v-5f0f858d]{align-items:center;background:#f2f4f7;border-radius:20px;color:#8b8e99;cursor:pointer;display:flex;font-family: HeliosC;font-size:16px;font-weight:500;justify-content:center;line-height:22px;min-height:40px;min-width:72px;padding:8px 16px;text-align:center;transition:all .3s ease}

.product-tab[data-v-5f0f858d]:hover{background:#e6e8ed;color:#8b8e99}

.product-tab.product-tab_active[data-v-5f0f858d]{background:#1f2026;color:#fff}

.product-tab__counter[data-v-5f0f858d]{color:#8b8e99;margin-left:6px}

.disclosure[data-v-4f3d6762]{height:fit-content;overflow:hidden;position:relative;width:fit-content}

.disclosure__more[data-v-4f3d6762]{align-items:center;background-color:#fff;bottom:0;color:#8b8e99;cursor:pointer;display:flex;line-height:inherit;position:absolute;right:0}

.disclosure__more[data-v-4f3d6762]:before{background:linear-gradient(90deg,transparent 0,#fff 90%,#fff);content:"";display:inline-block;height:1em;left:-1.5em;position:absolute;width:1.5em}

.characteristics[data-v-7a800c74]{font-family: HeliosC}

.characteristics .title[data-v-7a800c74]{font-size:28px;font-weight:600;letter-spacing:-.021em;line-height:36px;margin:0 0 32px}

.characteristics .list[data-v-7a800c74]{display:flex;flex-wrap:wrap}

.characteristics .list .item[data-v-7a800c74]{margin-top:32px;width:100%}

.characteristics .list .item[data-v-7a800c74]:first-child{margin-top:0}

.characteristics .list .item .subtitle[data-v-7a800c74]{font-size:18px;font-weight:600;letter-spacing:-.007em;line-height:24px;margin:0}

.characteristics .list .item .subtitle.short[data-v-7a800c74]{font-size:14px;letter-spacing:-.01em;line-height:20px}

.characteristics .list .item .sublist[data-v-7a800c74]{display:flex;flex-direction:row;flex-wrap:wrap;margin:0}

.characteristics .list .item .sublist .characteristic[data-v-7a800c74]{display:grid;flex:0 1 100%;grid-template-columns:1fr 3fr;margin-top:12px}

@media (min-width:1280px) and (max-width:1919px){.characteristics .list .item .sublist .characteristic[data-v-7a800c74]{flex:0 1 50%}

}

@media (min-width:1920px){.characteristics .list .item .sublist .characteristic[data-v-7a800c74]{flex:0 1 50%}

}

.characteristics .list .item .sublist .characteristic_one-row[data-v-7a800c74]{flex:0 1 100%}

.characteristics .list .item .sublist .characteristic .name[data-v-7a800c74],.characteristics .list .item .sublist .characteristic .value[data-v-7a800c74]{font-size:14px;font-weight:400;letter-spacing:-.005em;line-height:20px}

.characteristics .list .item .sublist .characteristic .name[data-v-7a800c74]{color:#8b8d98}

.characteristics .list .item .sublist .characteristic .value[data-v-7a800c74]{max-width:200px;padding-left:96px;word-break:break-word}

.show-more[data-v-7a800c74]{color:#8b8d98;cursor:pointer;display:inline-block;margin-top:28px;text-decoration:underline}

.short-title[data-v-7a800c74]{color:#141416;font-size:14px;font-style:normal;font-weight:600;letter-spacing:-.01em;line-height:20px;margin-bottom:16px}

.filters[data-v-b000be58]{border-top:1px solid var(--border-subtle,rgba(54,54,64,.08));display:flex;gap:20px;padding:14px 0}

.filter-item[data-v-b000be58]{align-items:center;display:flex;gap:12px}

.sort-dropdown[data-v-b000be58]{max-width:280px}

.heading[data-v-3f3d9cee]{color:var(--gray-gray-dk-40,#141416);font-family: HeliosC;font-size:22px;font-style:normal;font-weight:600;letter-spacing:-.22px;line-height:28px;margin-bottom:24px;margin-top:40px}

.text[data-v-3f3d9cee]{color:var(--archive-gray-gray-dk-40,#141416);font-family: HeliosC;font-size:14px;font-style:normal;font-weight:400;letter-spacing:-.07px;line-height:18px}

.feedback-wrap[data-v-3f3d9cee]{padding-bottom:20px}

.feedback-item[data-v-3f3d9cee]{margin-top:32px}

.feedback-quantity[data-v-3f3d9cee]{color:var(--gray-60,#8b8e99);font-family: HeliosC;font-size:22px;font-style:normal;font-weight:500;letter-spacing:-.22px;line-height:28px;margin-left:20px}

.more[data-v-3f3d9cee]{align-items:center;align-self:stretch;background:var(--gray-98,#f5f6fa);border-radius:12px;color:var(--gray-gray-dk-40,#141416);cursor:pointer;display:flex;flex-direction:column;font-family: HeliosC;font-size:16px;font-style:normal;font-weight:500;line-height:20px;margin-top:24px;padding:16px 24px;width:100%}

.photo-item[data-v-2cc074d3]{cursor:pointer}

.photo-item img[data-v-2cc074d3]{aspect-ratio:3/4;border-radius:12px;height:145px;object-fit:cover;width:auto}

.photo-slider-wrap[data-v-29a667c8]{position:relative}

.photo-slider-wrap[data-v-29a667c8]:before{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,.69) 34.42%,hsla(0,0%,100%,.41) 68.05%,hsla(0,0%,100%,0));left:-1px}

.photo-slider-wrap[data-v-29a667c8]:after,.photo-slider-wrap[data-v-29a667c8]:before{content:"";height:145px;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:51px}

.photo-slider-wrap[data-v-29a667c8]:after{background:linear-gradient(270deg,#fff,hsla(0,0%,100%,.69) 34.42%,hsla(0,0%,100%,.41) 68.05%,hsla(0,0%,100%,0));right:-1px}

.photo-slider-wrap_can-scroll-left[data-v-29a667c8]:before,.photo-slider-wrap_can-scroll-right[data-v-29a667c8]:after{opacity:1}

.photo-slider[data-v-29a667c8]{align-items:flex-start;display:flex;flex-direction:row;gap:12px;height:145px;overflow-x:scroll;overflow-y:hidden;padding:0 12px}

.photo-slider[data-v-29a667c8]::-webkit-scrollbar{display:none}

.photo-slider .photo-item[data-v-29a667c8]{cursor:pointer}

.photo-slider .photo-item img[data-v-29a667c8]{aspect-ratio:3/4;border-radius:12px;height:145px;object-fit:cover;width:auto}

.btn-next[data-v-29a667c8]{right:0;transform:translateY(calc(72.5px - 50%)) translateX(50%)}

.btn-next[data-v-29a667c8],.btn-prev[data-v-29a667c8]{align-items:center;backdrop-filter:blur(2px);background:hsla(0,0%,100%,.6);border-radius:100%;cursor:pointer;display:flex;filter:drop-shadow(0 0 4px rgba(0,0,0,.04));height:40px;justify-content:center;position:absolute;top:0;width:40px;z-index:2}

.btn-prev[data-v-29a667c8]{left:0;transform:translateY(calc(72.5px - 50%)) translateX(-50%)}

.filters[data-v-6d8e5466]{border:1px solid var(--border-subtle,rgba(54,54,64,.08));border-left:0;border-right:0;display:flex;gap:20px;padding:14px 0}

.filter-item[data-v-6d8e5466]{align-items:center;display:flex;gap:12px}

.sort-dropdown[data-v-6d8e5466]{max-width:200px}

.top-heading[data-v-1317be98]{align-items:center;display:flex;justify-content:space-between}

.top-heading .date[data-v-1317be98]{color:var(--gray-60,#8b8e99);font-weight:400}

.name[data-v-1317be98],.top-heading .date[data-v-1317be98]{display:block;font-family: HeliosC;font-size:14px;font-style:normal;letter-spacing:-.07px;line-height:20px}

.name[data-v-1317be98]{color:var(--gray-gray-dk-40,#141416);font-weight:600}

.sku[data-v-1317be98]{color:var(--gray-60,#8b8e99);margin-bottom:16px;margin-top:12px}

.content[data-v-1317be98],.sku[data-v-1317be98]{font-family: HeliosC;font-size:14px;font-style:normal;font-weight:400;letter-spacing:-.07px;line-height:20px}

.content[data-v-1317be98]{color:var(--archive-gray-gray-dk-40,#141416)}

.photos[data-v-1317be98]{align-items:flex-start;display:flex;flex-direction:row;gap:12px;height:145px;margin-top:12px;overflow-x:scroll;overflow-y:hidden}

.photos[data-v-1317be98]::-webkit-scrollbar{display:none}

.answer[data-v-1317be98]{border-top:1px solid var(--border-subtle,rgba(54,54,64,.08));margin-top:16px;padding-top:16px}

.heading[data-v-25a5ecfe]{color:var(--gray-gray-dk-40,#141416);font-family: HeliosC;font-size:22px;font-style:normal;font-weight:600;letter-spacing:-.22px;line-height:28px;margin-bottom:24px;margin-top:40px}

.text[data-v-25a5ecfe]{color:var(--archive-gray-gray-dk-40,#141416);font-family: HeliosC;font-size:14px;font-style:normal;font-weight:400;letter-spacing:-.07px;line-height:18px}

.feedback-wrap[data-v-25a5ecfe]{padding-bottom:20px}

.feedback-item[data-v-25a5ecfe]{margin-top:32px}

.more[data-v-25a5ecfe]{align-items:center;align-self:stretch;background:var(--gray-98,#f5f6fa);border-radius:12px;color:var(--gray-gray-dk-40,#141416);cursor:pointer;display:flex;flex-direction:column;font-family: HeliosC;font-size:16px;font-style:normal;font-weight:500;line-height:20px;margin-top:24px;padding:16px 24px;width:100%}

.product-tabs[data-v-5b600fc9]{overflow:hidden;width:100%}

.product-tabs-wrap[data-v-5b600fc9]{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;margin-top:8px}

.product-breadcrumbs-wrapper[ui-18]{font-family: HeliosC;font-size:11.2px;font-style:normal;font-weight:500;line-height:140%}

.product-main-wrapper[ui-14]{display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:1240px;min-width:320px;width:95%}

.product-main-wrapper__footer[ui-14]{grid-column-gap:40px;display:grid;margin-top:0px}

.error-img[data-v-7ad01f9c]{height:128px;width:128px}

.empty-results[data-v-1f8c70c8]{align-items:center;color:#141416;display:flex;flex-direction:column;margin:80px 0 70px;width:100%}

@media (max-width:639px){.empty-results[data-v-1f8c70c8]{margin:0 auto;max-width:1240px;width:95%}

}

.empty-results__button[data-v-1f8c70c8]{margin-top:24px}

.empty-results .title[data-v-1f8c70c8]{font-family: HeliosC;font-size:22px;font-weight:600;line-height:28px;margin-top:24px}

@media (max-width:639px){.empty-results .title[data-v-1f8c70c8]{margin-top:16px;text-align:center}

}

.empty-results .info[data-v-1f8c70c8]{font-family: HeliosC;font-size:14px;line-height:20px;margin-top:16px;text-align:center;white-space:pre}

@media (max-width:639px){.empty-results .info[data-v-1f8c70c8]{margin-top:8px;max-width:288px;text-align:center;white-space:normal}

}

.products-slide[ui-66]{padding-top:28px}
.error-img[data-v-7ad01f9c]{height:128px;width:128px}
.empty-results[data-v-1f8c70c8]{align-items:center;color:#141416;display:flex;flex-direction:column;margin:80px 0 70px;width:100%}
@media (max-width:639px){.empty-results[data-v-1f8c70c8]{margin:0 auto;max-width:1240px;width:95%}
}
.empty-results__button[data-v-1f8c70c8]{margin-top:24px}
.empty-results .title[data-v-1f8c70c8]{font-size:22px;font-weight:600;line-height:28px;margin-top:24px}
@media (max-width:639px){.empty-results .title[data-v-1f8c70c8]{margin-top:16px;text-align:center}
}
.empty-results .info[data-v-1f8c70c8]{font-size:14px;line-height:20px;margin-top:16px;text-align:center;white-space:pre}
@media (max-width:639px){.empty-results .info[data-v-1f8c70c8]{margin-top:8px;max-width:288px;text-align:center;white-space:normal}
}
.counter[ui-89]{align-items:center;background-color:#fff;border-radius:4px;border-radius:10px;box-shadow:inset 0 0 0 1px hsla(220,4%,48%,.3);color:#141416;display:flex;height:48px;padding:0 4px;transition:all .15s ease-in-out;width:fit-content}
.counter input[ui-89]{background-color:transparent;border:none;color:inherit;font-size:.875rem;height:100%;width:100%}
.counter input[ui-89]::placeholder{color:rgba(0,0,0,.5)}
.counter input[ui-89]{font-size:.8rem;line-height:1.2em}
.counter.focus[ui-89],.counter[ui-89]:focus{box-shadow:inset 0 0 0 1px #33c}
.counter[disabled][ui-89]{background:hsla(220,4%,48%,.15)}
.counter[disabled] input[ui-89]{color:#8a8d93}
.counter[disabled] input[ui-89] ::placeholder{color:#8a8d93}
.counter .error[ui-89]:not(.focus){box-shadow:inset 0 0 0 1px #e63737!important;color:#e63737!important}
.counter .error:not(.focus) input[ui-89] ::placeholder{color:#e63737!important}
.counter[ui-89]:hover:not([disabled]){background:hsla(220,4%,48%,.1);box-shadow:inset 0 0 0 1px #141416;color:rgba(0,0,0,.5)}
.counter:hover:not([disabled]) input[ui-89] ::placeholder{color:rgba(0,0,0,.5)}
.counter_s36[ui-89]{height:36px}
.counter_s36 input[ui-89]{font-size:14px;line-height:18px;min-width:48px;width:48px}
.counter_s36 .counter__minus[ui-89],.counter_s36 .counter__plus[ui-89]{height:36px}
.counter_xl56[ui-89]{height:56px}
.counter_xl56 input[ui-89]{font-size:18px;line-height:24px;min-width:48px;width:48px}
.counter_xl56 .counter__minus[ui-89],.counter_xl56 .counter__plus[ui-89]{height:42px}
.counter input[ui-89]{-moz-appearance:textfield;color:#141416;font-weight:600;letter-spacing:-.007em;text-align:center}
.counter input[ui-89]::-webkit-inner-spin-button,.counter input[ui-89]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.counter__minus[ui-89],.counter__plus[ui-89]{align-items:center;aspect-ratio:1;cursor:pointer;display:flex;justify-content:center;position:relative;z-index:1}
.counter__minus.disabled[ui-89],.counter__plus.disabled[ui-89]{opacity:.4;pointer-events:none}
.counter__plus-wrapper[ui-89]{position:relative}
.counter__plus-wrapper .counter__plus__tooltip[ui-89]{display:none;z-index:2}
.counter__plus-wrapper:hover .counter__plus__tooltip[ui-89]{display:flex}
.cart-item-characteristic[data-v-47655f1d]{align-items:center;display:flex;gap:4px;overflow:hidden}
.cart-item-characteristic__value[data-v-47655f1d]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.delivery-badge[data-v-078109ee]{align-items:center;border-radius:100px;display:flex;gap:4px;height:18px;padding:0 6px}
.delivery-badge__icon[data-v-078109ee]{align-items:center;display:flex;font-size:13px}
.delivery-badge__label[data-v-078109ee]{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:inherit;display:-webkit-box;overflow:hidden}
.button-favorite[data-v-6d4dae2e]{color:var(--icon-tertiary-outlined);cursor:pointer;display:flex;font-size:36px;height:fit-content;justify-content:center;position:relative;transition-duration:.3s;z-index:2}
.button-favorite[data-v-6d4dae2e]:hover{transform:translateY(-2px)}
.button-favorite[active=true][data-v-6d4dae2e]{color:var(--icon-accented)}
.button-favorite__tooltip[data-v-6d4dae2e]{background-color:var(--background-popover-inverted);border-radius:12px;display:flex;justify-content:center;padding:12px;position:absolute;white-space:nowrap}
@media (min-width:960px) and (max-width:1279px){.button-favorite__tooltip[data-v-6d4dae2e]{bottom:40px}
}
@media (min-width:1280px) and (max-width:1919px){.button-favorite__tooltip[data-v-6d4dae2e]{bottom:40px}
}
@media (min-width:1920px){.button-favorite__tooltip[data-v-6d4dae2e]{bottom:40px}
}
@media (max-width:639px){.button-favorite__tooltip[data-v-6d4dae2e]{right:-4px;top:40px}
}
@media (min-width:640px) and (max-width:959px){.button-favorite__tooltip[data-v-6d4dae2e]{right:-4px;top:40px}
}
.button-favorite__tooltip[data-v-6d4dae2e]:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='8' fill='none'%3E%3Cpath d='M20 0H0s1 0 2 1l6.303 6.298a2.401 2.401 0 0 0 3.394 0L18 .999C19 0 20 0 20 0Z' fill='%231F2026'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";display:block;height:8px;position:absolute;width:20px}
@media (min-width:960px) and (max-width:1279px){.button-favorite__tooltip[data-v-6d4dae2e]:after{bottom:-8px}
}
@media (min-width:1280px) and (max-width:1919px){.button-favorite__tooltip[data-v-6d4dae2e]:after{bottom:-8px}
}
@media (min-width:1920px){.button-favorite__tooltip[data-v-6d4dae2e]:after{bottom:-8px}
}
@media (max-width:639px){.button-favorite__tooltip[data-v-6d4dae2e]:after{right:12px;top:-8px;transform:scaleY(-1)}
}
@media (min-width:640px) and (max-width:959px){.button-favorite__tooltip[data-v-6d4dae2e]:after{right:12px;top:-8px;transform:scaleY(-1)}
}
.cart-item-price[ui-88]{align-items:flex-end;display:flex;gap:8px}
@media (min-width:960px) and (max-width:1279px){.cart-item-price[ui-88]{flex-direction:column;gap:2px;justify-content:flex-end}
}
@media (min-width:1280px) and (max-width:1919px){.cart-item-price[ui-88]{flex-direction:column;gap:2px;justify-content:flex-end}
}
@media (min-width:1920px){.cart-item-price[ui-88]{flex-direction:column;gap:2px;justify-content:flex-end}
}
.button-remove[ui-90]{color:var(--icon-tertiary-outlined);cursor:pointer;display:flex;font-size:36px;justify-content:center;transition-duration:.3s; opacity:.5}
.button-remove[ui-90]:hover{opacity:1}
.cart-item[data-v-3192a446]{display:grid;gap:10px;grid-template-columns:1fr;padding:20px 0}
.cart-item_disabled[data-v-3192a446]{filter:grayscale(1);opacity:.5;pointer-events:none}
.cart-item_with-checkbox[data-v-3192a446]{grid-template-columns:36px 1fr}
.cart-item__checkbox[data-v-3192a446]{display:flex;flex-direction:column}
.cart-item__product[data-v-3192a446]{display:flex;flex-direction:column;gap:16px}
.cart-item__product__info[data-v-3192a446]{display:grid;gap:12px;grid-template-columns:48px 1fr}
.cart-item__product__info__img[data-v-3192a446]{align-items:center;aspect-ratio:3/4;background-color:var(--surface-secondary-rest);border-radius:4px;display:flex;justify-content:center;object-fit:contain;overflow:hidden;width:100%}
.cart-item__product__info__text[data-v-3192a446]{display:flex;flex-direction:column;gap:8px}
.cart-item__product__info__text__title[data-v-3192a446]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
.cart-item__product__info__text__badges[data-v-3192a446]{display:flex;flex-wrap:wrap;gap:4px;max-height:40px;overflow:hidden}
.cart-item__product__info__text__chars[data-v-3192a446]{display:flex;flex-direction:column;gap:4px;margin-top:8px;overflow:hidden}
.cart-item__product__actions[data-v-3192a446]{display:flex}
.cart-item__product__actions_disabled[data-v-3192a446]{margin-left:60px}
.cart-item__product__actions__buttons[data-v-3192a446]{display:flex;gap:4px;margin-left:auto}
.cart-item-header[ui-87]{display:flex;gap:4px}
.cart-item-header__info[ui-87]{display:flex;flex-direction:column;gap:8px;margin-right:auto; width: auto;}
.cart-item-header__info a{text-decoration: none; color: var(--gray-a90)}
.cart-item-header__info__title[ui-87]{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden; margin-right: 0px; }
.cart-item-header__info__badges[ui-87]{display:flex;flex-wrap:wrap;gap:4px;max-height:18px;overflow:hidden}
.cart-item-header__favorite-button[ui-87]{color:var(--icon-tertiary-outlined);cursor:pointer;display:flex;font-size:36px;justify-content:center;transition-duration:.3s}
.cart-item-header__favorite-button[ui-87]:hover{transform:translateY(-2px)}
.cart-item-header__favorite-button[active=true][ui-87]{color:var(--icon-accented)}
.cart-item-header__delete-button[ui-87]{color:var(--icon-tertiary-outlined);cursor:pointer;display:flex;font-size:36px;justify-content:center;transition-duration:.3s}
.cart-item-header__delete-button[ui-87]:hover{transform:translateY(-2px)}
.cart-item[ui-86]{display:grid;gap:16px;grid-template-columns:120px 1fr;padding:20px 0}
.cart-item_disabled[ui-86]{filter:grayscale(1);opacity:.5;pointer-events:none}
.cart-item_with-checkbox[ui-86]{grid-template-columns:36px 120px 1fr}
.cart-item__checkbox[ui-86],.cart-item__img[ui-86]{display:flex;justify-content:center}
.cart-item__img[ui-86]{align-items:center;aspect-ratio:3/4;background-color:var(--surface-secondary-rest);border-radius:4px;object-fit:contain;overflow:hidden;width:100%}
@media (min-width:1280px) and (max-width:1919px){.cart-item__img[ui-86]{margin-right:16px;width:90px}
}
@media (min-width:1920px){.cart-item__img[ui-86]{margin-right:16px;width:90px}
}
.cart-item__info[ui-86]{display:flex;flex-direction:column;gap:16px}
.cart-item__info__body[ui-86]{display:grid;}
.cart-item__info__body__chars[ui-86]{display:flex;flex-direction:column;gap:4px;margin-top:8px;overflow:hidden}
.cart-item__info__body__count-price[ui-86]{align-items:center;display:flex;justify-content:space-between;margin-top:auto}
.cart-products-list-unavailable[data-v-40afe68f]{display:flex;flex-direction:column}
@media (min-width:1280px) and (max-width:1919px){.cart-products-list-unavailable[data-v-40afe68f]{border:1px solid var(--border-regular);border-radius:8px;padding:0 26px}
}
@media (min-width:1920px){.cart-products-list-unavailable[data-v-40afe68f]{border:1px solid var(--border-regular);border-radius:8px;padding:0 26px}
}
.cart-products-list-unavailable__header[data-v-40afe68f]{align-items:center;display:flex;justify-content:space-between;padding:20px 0 12px}
.cart-products-list-unavailable__header__clear-button[data-v-40afe68f]{cursor:pointer;transition-duration:.3s}
.cart-products-list-unavailable__header__clear-button[data-v-40afe68f]:hover{transform:translateY(-1px)}
.cart-products-list-unavailable__item[data-v-40afe68f]:nth-last-of-type(n+2){border-bottom:1px solid var(--border-subtle)}
.cart-products-list-available[ui-85]{display:flex;flex-direction:column}
@media (min-width:1280px) and (max-width:1919px){.cart-products-list-available[ui-85]{border:1px solid var(--border-regular);border-radius:8px;padding:0 26px}
}
@media (min-width:1920px){.cart-products-list-available[ui-85]{border:1px solid var(--border-regular);border-radius:8px;padding:0 26px}
}
.cart-products-list-available__header[ui-85]{border-bottom:1px solid var(--border-subtle);padding:12px 0}
@media (min-width:1280px) and (max-width:1919px){.cart-products-list-available__header[ui-85]{padding:20px 0 16px}
}
@media (min-width:1920px){.cart-products-list-available__header[ui-85]{padding:20px 0 16px}
}
.cart-products-list-available__item[ui-85]:nth-last-of-type(n+2){border-bottom:1px solid var(--border-subtle)}
.delivery-banner-popup[data-v-a89da082]{display:flex;flex-direction:column;padding:16px;width:100%}
@media (min-width:960px) and (max-width:1279px){.delivery-banner-popup[data-v-a89da082]{padding:0;width:496px}
}
@media (min-width:1280px) and (max-width:1919px){.delivery-banner-popup[data-v-a89da082]{padding:0;width:496px}
}
@media (min-width:1920px){.delivery-banner-popup[data-v-a89da082]{padding:0;width:496px}
}
.title[data-v-a89da082]{font-size:18px;font-weight:600;letter-spacing:0;line-height:22px;margin-top:28px}
@media (min-width:960px) and (max-width:1279px){.title[data-v-a89da082]{margin-top:0;padding-bottom:6px}
}
@media (min-width:1280px) and (max-width:1919px){.title[data-v-a89da082]{margin-top:0;padding-bottom:6px}
}
@media (min-width:1920px){.title[data-v-a89da082]{margin-top:0;padding-bottom:6px}
}
.subtitle[data-v-a89da082]{font-size:14px;font-weight:400;letter-spacing:.006em;line-height:18px;margin-top:8px}
@media (min-width:960px) and (max-width:1279px){.subtitle[data-v-a89da082]{margin-top:16px}
}
@media (min-width:1280px) and (max-width:1919px){.subtitle[data-v-a89da082]{margin-top:16px}
}
@media (min-width:1920px){.subtitle[data-v-a89da082]{margin-top:16px}
}
.delivery-terms[data-v-a89da082]{border:1px solid #e4e6eb;border-radius:8px;display:flex;flex-direction:column;gap:16px;margin-top:32px;padding:16px}
.delivery-term[data-v-a89da082]{align-items:flex-start;display:flex;gap:12px}
.delivery-term__avatar[data-v-a89da082]{align-items:center;background:var(--color-background-secondary);border-radius:8px;display:flex;height:40px;justify-content:center;width:40px}
.delivery-term__title[data-v-a89da082]{color:var(--color-text-primary);font-size:14px;font-weight:600;letter-spacing:.006em;line-height:20px;margin:0}
.delivery-term__subtitle[data-v-a89da082]{color:var(--color-text-secondary);font-size:12px;font-weight:400;letter-spacing:.008em;line-height:18px;margin-bottom:0;margin-top:2px}
.actions[data-v-a89da082]{display:flex;justify-content:flex-end;margin-top:32px}
.delivery-banner[data-v-c3e80494]{background-color:var(--color-background-secondary);border-radius:16px;padding:12px 16px}
.header[data-v-c3e80494]{display:flex;flex-wrap:nowrap;gap:4px;justify-content:space-between;margin-bottom:8px}
.title[data-v-c3e80494]{color:var(--color-text-primary);font-size:12px;font-weight:600;letter-spacing:.008em;line-height:16px;margin-bottom:4px;margin-top:0}
@media (min-width:960px) and (max-width:1279px){.title[data-v-c3e80494]{font-size:14px;font-weight:600;letter-spacing:.006em;line-height:18px}
}
@media (min-width:1280px) and (max-width:1919px){.title[data-v-c3e80494]{font-size:14px;font-weight:600;letter-spacing:.006em;line-height:18px}
}
@media (min-width:1920px){.title[data-v-c3e80494]{font-size:14px;font-weight:600;letter-spacing:.006em;line-height:18px}
}
.subtitle[data-v-c3e80494]{color:var(--color-text-secondary);font-size:11px;font-weight:400;letter-spacing:.01em;line-height:16px;margin-top:0}
@media (min-width:960px) and (max-width:1279px){.subtitle[data-v-c3e80494]{font-size:12px;font-weight:400;letter-spacing:.008em;line-height:16px}
}
@media (min-width:1280px) and (max-width:1919px){.subtitle[data-v-c3e80494]{font-size:12px;font-weight:400;letter-spacing:.008em;line-height:16px}
}
@media (min-width:1920px){.subtitle[data-v-c3e80494]{font-size:12px;font-weight:400;letter-spacing:.008em;line-height:16px}
}
.progress-bar[data-v-c3e80494]{background-color:var(--color-background-primary);border-radius:25px;height:4px;margin-bottom:8px;overflow:hidden;width:100%}
.progress-bar__value[data-v-c3e80494]{background-color:#36bf48;height:100%;transition:width .3s cubic-bezier(.15,0,.6,1);width:0}
.markers[data-v-c3e80494]{color:#595a66;display:flex;font-size:11px;font-weight:500;justify-content:flex-end;letter-spacing:.01em;line-height:16px}
@media (min-width:960px) and (max-width:1279px){.markers[data-v-c3e80494]{font-size:12px;font-weight:500;letter-spacing:.008em;line-height:16px}
}
@media (min-width:1280px) and (max-width:1919px){.markers[data-v-c3e80494]{font-size:12px;font-weight:500;letter-spacing:.008em;line-height:16px}
}
@media (min-width:1920px){.markers[data-v-c3e80494]{font-size:12px;font-weight:500;letter-spacing:.008em;line-height:16px}
}
.marker[data-v-c3e80494]{align-items:center;display:flex;flex-shrink:0;gap:4px}
.marker_courier[data-v-c3e80494]{margin-left:auto}
.marker_done[data-v-c3e80494]{color:#36bf48}
.marker_done[data-v-c3e80494] path{fill:currentColor}
.button[data-v-c3e80494]{align-self:flex-start;background:transparent;cursor:pointer;display:inline-flex;margin-right:-4px;padding:0}
#cart-fixed-buy-container[data-v-396d8164]{align-items:center;border-radius:0;box-shadow:0 -1px 3px 0 rgba(0,0,0,.1),0 -1px 2px 0 rgba(0,0,0,.2);display:flex;justify-content:space-between;padding:8px 1rem;width:100%;z-index:1}
#cart-fixed-buy-container .info .to-checkout[data-v-396d8164]{width:100%}
.summary-widget[ui-29]{display:flex;flex-direction:column;gap:8px}
.summary-widget__row[ui-29]{display:flex;gap:8px;justify-content:space-between}
.summary-widget__total[ui-29]{margin-top:8px}
.summary-widget__total__skeleton[ui-29]{height:28px;width:50%}
.popup-container[data-v-0554bd68]{align-items:center;display:flex;flex-direction:column;padding:32px}
.header[data-v-0554bd68]{align-items:center;display:flex;font-size:1.125rem;font-weight:800;justify-content:center;line-height:1.2em}
.message[data-v-0554bd68]{font-size:.875rem;line-height:1.2em;margin:16px 0 24px;text-align:center}
.popup-success-order{max-width:100vw;text-align:center}
@media (min-width:960px) and (max-width:1279px){.popup-success-order{margin:82px 16px 16px;max-width:528px}
}
@media (min-width:1280px) and (max-width:1919px){.popup-success-order{margin:82px 16px 16px;max-width:528px}
}
@media (min-width:1920px){.popup-success-order{margin:82px 16px 16px;max-width:528px}
}
@media (max-width:639px){.popup-success-order{display:flex;flex-direction:column;margin:40px 16px 16px}
}
@media (min-width:640px) and (max-width:959px){.popup-success-order{display:flex;flex-direction:column;margin:40px 16px 16px}
}
.popup-success-order .main-content{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center}
.popup-success-order .main-content .success-icon{display:block;margin:0 auto}
.popup-success-order .main-content .success-icon path{fill:#12a53e}
.popup-success-order .main-content .title{font-size:1.375rem;font-weight:600;margin-top:18px}
.popup-success-order .main-content .subtitle{font-size:.875rem;line-height:1.4em;margin-top:16px}
.popup-success-order .main-content .delivery-information{background:#fafafa;border-radius:8px;margin-top:32px;padding:16px;width:100%}
.popup-success-order .main-content .delivery-information .information-block{margin:16px auto 0}
@media (min-width:960px) and (max-width:1279px){.popup-success-order .main-content .delivery-information .information-block{max-width:60%}
}
@media (min-width:1280px) and (max-width:1919px){.popup-success-order .main-content .delivery-information .information-block{max-width:60%}
}
@media (min-width:1920px){.popup-success-order .main-content .delivery-information .information-block{max-width:60%}
}
.popup-success-order .main-content .delivery-information .information-block:first-child{margin-top:0}
.popup-success-order .main-content .delivery-information .information-block .label{color:#8a8d93;font-size:.8rem}
.popup-success-order .main-content .delivery-information .information-block .value{color:#141416;font-size:.875rem;font-weight:500;margin-top:8px}
.popup-success-order .actions{display:flex;gap:8px;justify-content:center;margin-top:32px}
.popup-success-order .actions .to-main{margin-left:16px}
@media (max-width:639px){.popup-success-order .actions{flex-direction:column}
.popup-success-order .actions button{width:100%!important}
.popup-success-order .actions .to-main{margin-left:0;margin-top:14px}
}
@media (min-width:640px) and (max-width:959px){.popup-success-order .actions{flex-direction:column}
.popup-success-order .actions button{width:100%!important}
.popup-success-order .actions .to-main{margin-left:0;margin-top:14px}
}
.popup-container[data-v-65f96cb2]{display:flex;flex-direction:column;min-width:638px}
@media (max-width:639px){.popup-container[data-v-65f96cb2]{min-width:0}
}
@media (min-width:640px) and (max-width:959px){.popup-container[data-v-65f96cb2]{min-width:0}
}
.header[data-v-65f96cb2]{align-items:center;display:flex;font-size:1.375rem;font-weight:800;line-height:1.2em;margin-bottom:33px}
@media (max-width:639px){.header[data-v-65f96cb2]{margin:20px 0 23px;padding:0 40px 0 16px}
}
@media (min-width:640px) and (max-width:959px){.header[data-v-65f96cb2]{margin:20px 0 23px;padding:0 40px 0 16px}
}
.body[data-v-65f96cb2]{display:flex}
@media (max-width:639px){.body[data-v-65f96cb2]{flex-direction:column-reverse;padding:0 16px 16px}
}
@media (min-width:640px) and (max-width:959px){.body[data-v-65f96cb2]{flex-direction:column-reverse;padding:0 16px 16px}
}
.info-wrapper[data-v-65f96cb2]{flex:0 0 60%;max-width:336px;width:100%}
@media (max-width:639px){.info-wrapper[data-v-65f96cb2]{flex:auto;max-width:none}
}
@media (min-width:640px) and (max-width:959px){.info-wrapper[data-v-65f96cb2]{flex:auto;max-width:none}
}
.info[data-v-65f96cb2]{display:flex;margin-bottom:24px}
.info[data-v-65f96cb2]:last-child{margin-bottom:0}
@media (max-width:639px){.info[data-v-65f96cb2]{margin-bottom:20px}
}
@media (min-width:640px) and (max-width:959px){.info[data-v-65f96cb2]{margin-bottom:20px}
}
.info-number[data-v-65f96cb2]{align-items:center;background:#f2f4f7;border-radius:50%;color:#595a66;display:flex;flex:0 0 auto;font-size:.875rem;font-weight:600;height:24px;justify-content:center;line-height:1.2em;margin-right:12px;width:24px}
.info-text[data-v-65f96cb2]{display:flex;flex-direction:column}
.text-title[data-v-65f96cb2]{color:#15151a;font-size:.875rem;font-weight:500;line-height:1.4em}
.text-title.desktop[data-v-65f96cb2]{display:block}
@media (max-width:639px){.text-title.desktop[data-v-65f96cb2]{display:none}
}
@media (min-width:640px) and (max-width:959px){.text-title.desktop[data-v-65f96cb2]{display:none}
}
.text-title.mobile[data-v-65f96cb2]{display:none}
@media (max-width:639px){.text-title.mobile[data-v-65f96cb2]{display:block;font-size:1rem;font-weight:500;line-height:1.4em}
}
@media (min-width:640px) and (max-width:959px){.text-title.mobile[data-v-65f96cb2]{display:block;font-size:1rem;font-weight:500;line-height:1.4em}
}
.text-description[data-v-65f96cb2]{color:#595a66;font-size:.8rem;font-weight:400;line-height:1.4em;margin-top:8px}
@media (max-width:639px){.text-description[data-v-65f96cb2]{display:none}
}
@media (min-width:640px) and (max-width:959px){.text-description[data-v-65f96cb2]{display:none}
}
.qr-wrapper[data-v-65f96cb2]{align-items:center;border:1px solid #d0d2d9;border-radius:12px;display:flex;flex-direction:column;margin:auto 0 auto 28px;max-width:318px;padding:24px;width:100%}
@media (max-width:639px){.qr-wrapper[data-v-65f96cb2]{border:none;margin:auto auto 25px;max-width:none;padding:0}
}
@media (min-width:640px) and (max-width:959px){.qr-wrapper[data-v-65f96cb2]{border:none;margin:auto auto 25px;max-width:none;padding:0}
}
.qr-title[data-v-65f96cb2]{font-size:.875rem;font-weight:600;line-height:1.2em}
@media (max-width:639px){.qr-title[data-v-65f96cb2]{display:none}
}
@media (min-width:640px) and (max-width:959px){.qr-title[data-v-65f96cb2]{display:none}
}
.qr-price[data-v-65f96cb2]{font-size:1.375rem;font-weight:600;line-height:1.2em}
@media (max-width:639px){.qr-price[data-v-65f96cb2]{display:none}
}
@media (min-width:640px) and (max-width:959px){.qr-price[data-v-65f96cb2]{display:none}
}
.qr[data-v-65f96cb2]{height:176px;margin:8px 0 4px}
@media (max-width:639px){.qr[data-v-65f96cb2]{margin:0}
}
@media (min-width:640px) and (max-width:959px){.qr[data-v-65f96cb2]{margin:0}
}
.cart-summary[ui-91]{display:flex;flex-direction:column;gap:20px;padding:12px 0}
@media (min-width:960px) and (max-width:1279px){.cart-summary[ui-91]{border:1px solid var(--border-regular);border-radius:8px;padding:20px}
}
@media (min-width:1280px) and (max-width:1919px){.cart-summary[ui-91]{border:1px solid var(--border-regular);border-radius:8px;padding:20px}
}
@media (min-width:1920px){.cart-summary[ui-91]{border:1px solid var(--border-regular);border-radius:8px;padding:20px}
}
.raffle-box[data-v-226c3df0]{border-radius:8px;overflow:hidden;position:relative;transition:background .2s ease-in}
.raffle-content[data-v-226c3df0]{flex-direction:column;font-size:13px;font-style:normal;font-weight:400;line-height:120%;padding:13px 20px;transition:background .2s ease-in}
.raffle-progress[data-v-226c3df0]{border-radius:25px;bottom:0;height:3px;transition:background .2s ease-in}
[ui-link].raffle-link[data-v-226c3df0]{position:relative;text-decoration:underline}
[ui-link].raffle-link[data-v-226c3df0]:before{content:">";display:block;position:absolute;right:-10px;top:50%;transform:translateY(-50%)}
[ui-link].raffle-link[data-v-226c3df0]:hover:before{right:-14px;transition:.2s ease-in}
.cart-preview-container[ui-84]{display:flex;flex-direction:column;gap:12px;overflow:visible}
@media (min-width:1280px) and (max-width:1919px){.cart-preview-container[ui-84]{gap:32px}
}
@media (min-width:1920px){.cart-preview-container[ui-84]{gap:32px}
}
.cart-preview-container__mobile-header[ui-84]{display:flex;flex-direction:column;gap:12px;padding-bottom:20px}
.cart-preview[ui-84]{display:flex;flex-direction:column;gap:16px}
@media (min-width:960px) and (max-width:1279px){.cart-preview[ui-84]{display:grid;grid-template-columns:1fr 280px}
}
@media (min-width:1280px) and (max-width:1919px){.cart-preview[ui-84]{display:grid;gap:32px;grid-template-columns:1fr 320px}
}
@media (min-width:1920px){.cart-preview[ui-84]{display:grid;gap:32px;grid-template-columns:1fr 320px}
}
.cart-preview__products[ui-84],.cart-preview__summary[ui-84]{display:flex;flex-direction:column;gap:16px}
@media (min-width:960px) and (max-width:1279px){.cart-preview__summary[ui-84]{position:sticky;top:12px}
}
@media (min-width:1280px) and (max-width:1919px){.cart-preview__summary[ui-84]{position:sticky;top:12px}
}
@media (min-width:1920px){.cart-preview__summary[ui-84]{position:sticky;top:12px}
}
.cart-page[data-v-78a22e4c]{display:flex;flex-direction:column}
@media (min-width:1280px) and (max-width:1919px){.cart-page[data-v-78a22e4c]{padding-top:32px}
}
@media (min-width:1920px){.cart-page[data-v-78a22e4c]{padding-top:32px}
}
.cart-page__skeleton[data-v-78a22e4c]{display:flex;font-size:36px;height:100vh;justify-content:center;padding:48px}
@media (min-width:1280px) and (max-width:1919px){.cart-page__skeleton[data-v-78a22e4c]{padding:64px}
}
@media (min-width:1920px){.cart-page__skeleton[data-v-78a22e4c]{padding:64px}
}

.catalog_div{-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; padding-top:10px; padding-right: 5px; padding-bottom:0px; padding-left:20px; width: 100%; height: auto; min-height: 1em;}
.catalog_div_div{width: 100%; height: auto; min-height: 1em;}
.cart-page__cart[data-v-78a22e4c]{display:flex;flex-direction:column;gap:16px}
.currency_crossed-out[ui-30]{text-decoration:line-through; color:#8a8d93; font-size: 0.8rem;}
.option_katalog {background-color:#ffffff; padding:2px; margin: 5px; font-size:16px;font-weight:normal; text-decoration:none; width:350px; color:#485349; border-top: 1px solid #FDD7B0; border-left: 1px solid #FDD7B0; border-right: 1px solid #FDD7B0; border-bottom:1px solid #FC8E19; border-radius: 3px; left: 50%; top: 50%; cursor: pointer;}
.option_katalog_button{font-size:16px;font-weight:bold; text-decoration:none; width:350px; color: #FFFFFF;background-color:#FC8E19;border:0px solid #999999; border-radius: 3px; cursor: pointer;font-weight:bold; margin: 3px; padding: 3px; left: 50%; top: 50%;}
.modifi_form{background-color:#ffffff; padding-left:5px; font-size:1em;font-weight:normal; text-decoration:none; ccolor:#485349; border-top: 1px solid #FDD7B0; border-left: 1px solid #FDD7B0; border-right: 1px solid #FDD7B0; border-bottom:1px solid #FC8E19; border-radius: 3px;height:25px; margin: 3px; }
.katalog_model_submit{display: none;}
.div_img_sale{position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; }
.div_img_sale_in{height: 133.34vw; position: relative; text-align:left;  overflow-x:auto; overflow-y:hidden;}
.div_size_sale_img{display: block; margin-bottom: 5px;  color: #ffffff; height: auto; border:0px solid #ffffff; border-radius: 12px; padding: 5px; padding-bottom:4px; font-size: 12px; background: rgba(0,0,255,0.7); font-weight: bold; min-width: 32px; width: auto; width: fit-content; text-align: center;}
.div_sale_storehouse_img{display: block; margin-bottom: 5px;  color: #ffffff;  width: auto; width: fit-content; height: auto; border:0px solid #ffffff; border-radius: 13px; padding: 4px; padding-bottom:5px; font-size: 12px; background: rgba(181,3,3,0.7); font-weight: bold; min-width: 28px; text-align: center;}
.div_name_sale_img, .div_count_seil_img, .div_new_product_img{display: block; margin-bottom: 5px;  color: #ffffff;  width: auto; width: fit-content; height: auto; border:0px solid #ffffff; border-radius: 13px; padding: 4px; padding-bottom:5px; font-size: 12px; background: rgba(0,206,82,0.7); font-weight: bold; min-width: 28px; text-align: center;}
.div_color_blue{background: rgba(0,0,255,0.7);}
.div_new_product_img {background: rgba(247,232,0,0.8); color: #B10000;}
.div_count_seil_img {background: rgba(0,206,82,0.7);}
.product_div_img {width:100vw; height: 133.34vw; position: relative; display: inline-block; padding:0px; margin:0px; background-color: #F6F5F3;}
.div_img_sale_in_plase_slide {width: 20vw; height: 133.34vw; position: relative; display: inline-block;}
.product_img_indicate_slide {position: absolute; top:125vw; left:0px; height: 20px; color:#fff;  width: 100%; text-align:center;}
.slide_img{height: 10px; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; transition: all .5s ease 0s;}
.not_activn_slide_img{height: 10px; filter:alpha(opacity=40);opacity:0.4;-moz-opacity: 0.4;-khtml-opacity: 0.4;}
.iconki_index {border: 0px; width: 100px; height: 100px;}
.list_div_img {width:40vw; height: 63vw; position: relative; display: inline-block; border-radius: 10px 0px 0px 10px;}
.list_div_text { margin-left: 3px; width: 48vw; height: auto; max-height: 63vw; overflow-x:hidden; overflow-y:hidden; position: relative; display: inline-block;}
.list_img {display: block; object-fit: contain; width: 100%; height: 100%;}
.add2img{top:2px; left:2px; width: auto;  position:absolute;}
.add2img_product {top:2px; left:10px; width: auto;  position:absolute;}
.seller_list {display: inline-block; width: 18%; padding: 10px; height:auto; color:#333333; text-align: center; cursor: pointer; margin-top:20px; margin-right: 5px; font-size: 1.2em; border: 2px solid #DDDDDD; border-radius:8px; background-color: #F7F7F7;}
.seller_list:hover {color:#333333; border: 2px solid #A9A9A9;  background-color: #F2F2F2;}
.seller_list a {text-decoration: none; color:#555555;}
.seller_list a:hover {text-decoration: none; color:#333333;}
.seller_list div { width: 100%; height: 20px; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}


.basket_ok_str0 {stroke:#1C274C;stroke-width:3.26;stroke-linecap:round;stroke-miterlimit:22.9256}
.basket_ok_str1 {stroke:#1C274C;stroke-width:3.26;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:22.9256}
.basket_ok_fil1 {fill:none}
.basket_ok_fil0 {fill:black}
.kolokolchik_str2 {stroke:black;stroke-width:1.55;stroke-miterlimit:22.9256}
.kolokolchik_str0 {stroke:black;stroke-width:1.13;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:22.9256}
.kolokolchik_str1 {stroke:black;stroke-width:3;stroke-miterlimit:22.9256}
.kolokolchik_fil0 {fill:none}
.kolokolchik_fil1 {fill: #ffffff}
.seller_comment_product {display: inline-block; top:-6px; font-size:0.7em; position: relative;}
.view_best_position_price {display: block; font-size:1.05em;}

.preloader_best_product {height: 80px;}
.color_grey {color:#54483C;}
.color_ok {color:#44C70B;}
.bold{font-weight: bold !important;}
.no_bold{font-weight: normal;}
.wordwrap { 
   white-space: pre-wrap;  
   white-space: -moz-pre-wrap;  
   white-space: -pre-wrap; 
   white-space: -o-pre-wrap;   
   word-wrap: break-word;
}
.font_32px{font-size: 32px !important;}
.padding_0px {padding:0px;}
.padding_5 {padding:5px;}
.padding_10 {padding:10px;}
.padding_1perc{padding: 1%;}
.padding_2perc{padding: 2%;}
.padding_5perc{padding: 5%;}
.padding_t_10px{padding-top: 10px;}
.padding_t_2{padding-top: 2px;}
.padding_t_3{padding-top: 3px;}
.padding_t_4{padding-top: 4px;}
.padding_t_8{padding-top: 8px;}
.padding_t_10{padding-top: 10px;}
.padding_b_3_perc{padding-bottom: 3%;}
.padding_b_5_perc{padding-bottom: 5%;}
.padding_b_5px{padding-bottom: 5px;}
.padding_b_10px{padding-bottom: 10px;}
.padding_b_10{padding-bottom: 10px;}
.padding_l_20 {padding-left: 20px;}
.padding_l_10 {padding-left: 10px;}
.padding_l_5 {padding-left: 5px;}
.padding_l_4perc {padding-left: 4%;}
.padding_r_20 {padding-right: 20px;}
.margin_0px {margin:0px;}
.margin_l_20px {margin-left:20px;}
.margin_l_5px {margin-left:5px;}
.margin_l_2perc {margin-left:2%;}
.margin_r_5px {margin-left:5px;}
.margin_t_m1px{margin-top: -1px;}
.margin_t_m2px{margin-top: -2px;}
.margin_t_m3px{margin-top: -3px;}
.margin_t_5px{margin-top: 5px;}
.margin_t_10px{margin-top: 10px;}
.margin_b_5px{margin-bottom: 5px;}
.margin_b_10px{margin-bottom: 10px !important;}
.margin_b_15px{margin-bottom: 15px !important;}
.margin_b_20px{margin-bottom: 20px;}
.margin_b_50px{margin-bottom: 50px;}
.relative {position: relative;}
.fixed{position:fixed;}
.product_price_and_shipping {height: 1.1em; font-size: 1em; padding-top:6px; padding-bottom: 6px; width: 100%; }
.div_inline {text-align:left; width:auto; display: inline-block;}
.pos_relative {position: relative;}
.pos_absolute {position: absolute;}
.pos_right_0 {right:0px;}
.pos_left_0 {left:0px;}
.pos_top_0 {top:0px;}
.div_cell {display:table-cell;}
.center {margin:0 auto; text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.display_none {display:none;}
.display_table {display:table;}
.display-block {display:block;}
.top_bar_table_2 {height: 35px; background-color: darkgray; color: #FFF; padding:0; margin:0;}
.m_w_600px {max-width:600px;}
.w_100perc{width: 100%;}
.w_96perc {width:96%;}
.w_98perc {width:96%;}
.w_60perc {width:60%;}
.w_50perc {width:50%;}
.w_55perc {width:50%;}
.w_47perc {width:47%;}
.w_45perc {width:45%;}
.w_30perc {width:30%;}
.w_20perc {width:20%;}
.w_17perc {width:17%;}
.w_15perc {width:15%;}
.w_10perc {width:10%;}
.w_25vw {width: 25vw;}
.w_110px {width: 110px;}
.w_90px {width: 90px;}
.w_80px {width: 80px;}
.w_42px {width: 42px;}
.w_35px {width: 35px;}
.w_30px {width: 30px;}
.w_18px {width: 18px;}
.h_100perc{height: 100%;}
.h_16vw {height: 16vw;}
.h_16px {height: 16px;}
.h_34px {height: 32px;}
.h_38px {height: 38px;}
.h_40px {height: 40px;}
.h_50px {height: 50px;}
.h_100px {height: 100px;}
.top_10px {top:50px;}
.w_h_1 {width:1px; height:1px; border:0px;}
.fs120{font-size: 1.2em;}
.fs80{font-size: 0.8em;}
.vert_align_middle {vertical-align:middle;}
.vert_align_top {vertical-align:top;}
.cursor_pointer{cursor: pointer;}
.border_1_fff{border:1px solid #FFF;}
.border_0 {border:0px;}
.decoration_none {text-decoration:none;}
.fcolor_000 {color: #000000;}
.fcolor_fff {color: #ffffff;}
.fcolor_bbb {color: #bbbbbb;}
.fcolor_999 {color: #999;}
.fcolor_444 {color: #444;}
.fcolor_333 {color: #333;}
.bcolor_fff { background-color: #ffffff;}
.bcolor_F7F5F5 { background-color: #F7F5F5;}
.bradius_3 { border-radius:3px;}
.bradius_5 { border-radius:5px;}
.bradius_10 { border-radius:10px;}
.b_top_radius5{border-top-left-radius: 5px; border-top-right-radius: 5px;}
.b_top_radius10{border-top-left-radius: 10px; border-top-right-radius: 10px;}
.border-box {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.shadow {box-shadow: 0 5px 5px rgba(192,192,192,0.4);}
.nowrap {white-space: nowrap;}
.scroll_start {scroll-snap-align: start;}
.tabl_xarakt_3{color: #555555; font-family: HeliosC; font-size: 0.9em; padding-top:10px}
.tabl_xarakt_2{color: #333333; font-family: HeliosC; font-size: 1em; width: 60%;padding: 2px; padding-left:10px}
.tabl_xarakt_1{color: #999999; font-family: HeliosC; font-size: 1em;width: 40%; padding:2px;}
.trade_offer {display: inline-block; padding: 0px; height: 130px; border: 3px solid #ffffff; width: 90px; font-size:0.83em; margin-right: 10px; margin-top:10px; border-radius: 12px; position: relative;  text-align: center; cursor: pointer; filter:alpha(opacity=50);opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;-webkit-transition: all .1s ease 0s; -moz-transition: all .1s ease 0s; -o-transition: all .1s ease 0s; -ms-transition: all .1s ease 0s; transition: all .1s ease 0s; border: 3px solid #AAAAAA;}
.trade_offer_avtivn, .trade_offer:hover {border: 3px solid #FC8E19; background-color: #ffffff; filter:alpha(opacity=100);opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;}
.trade_offer:hover {border: 3px solid #C8AD92; background-color: #ffffff; filter:alpha(opacity=100);opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;}
.trade_offer_table {display: table; width: 100%; height: 100%;}
 .trade_offer_cell {display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; position: relative; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.trade_offer_string {display: -webkit-box; width: auto; padding-left:3px; padding-right:3px; height: auto; line-height:1em; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 0.83em;}
.height_trade_offer_1 {height: 30px; -webkit-line-clamp:1; }
.height_trade_offer_2 {height: 50px; -webkit-line-clamp:2; line-height: 1em;}
.height_trade_offer_3 {height: 130px; -webkit-line-clamp:3;}
.trade_offer_string_1 {max-height: 17px; display: -webkit-box; -webkit-line-clamp:1; width: 85px;}
.trade_offer_string_2 {max-height: 32px; display: -webkit-box; -webkit-line-clamp:2; width: 85px;}
.trade_offer_string_3 {max-height: 120px; display: -webkit-box; -webkit-line-clamp:7; width: 85px;}
.trade_offer_div_img {height: 120px; width: 90px;}
.trade_offer_img {width: 100%; height: 100%; object-fit: cover; border-radius: 12px;}
.trade_offer_bottom_div {position: absolute; bottom:0px; right:2px; width: -moz-calc(100% - 4px); width: -webkit-calc(100% - 4px); width: calc(100% - 4px); height: auto; background: rgba(237,237,237,0.85); padding-left:2px; padding-right:2px; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 0.85em; border-radius: 4px;}
.trade_offer:hover .trade_offer_bottom_div{-webkit-box; -webkit-line-clamp:7; background: rgba(237,237,237,0.95);}
.div_iconka_uvedoml_discont{position: absolute; top: -50px; right: 0px; filter:alpha(opacity=70);opacity: 0.7;-moz-opacity: 0.7;-khtml-opacity: 0.7;-webkit-transition: all .03s ease 0s; -moz-transition: all .03s ease 0s; -o-transition: all .03s ease 0s; -ms-transition: all .03s ease 0s; transition: all .03s ease 0s;}
.div_iconka_uvedoml_discont:hover {filter:alpha(opacity=100);opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;}
.text_primary[ui-61]{color:var(--text-primary)}
.vibor{box-shadow: 0 0 5px rgba(234,193,1,0.85); border:2px solid #EAC101; border-radius: 3px;}
.map_button{font-family:HeliosC;font-size:12px;color: #FFFFFF;background-color:#FC8E19;border:0px solid #999999; border-radius: 3px; cursor: pointer;font-weight:bold;height:25px; width:60px; margin: 3px; padding: 2px;}
.map_shipping{width: 100%; padding:0px; margin:0px; height:500px;}
.none {display: none;}
.address_mini {width: 100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer; margin: 0 auto; display: -webkit-box;  -webkit-box-orient:vertical;overflow: hidden; -webkit-line-clamp:2; white-space: nowrap; text-overflow: ellipsis;}
.str0_nav_basket {stroke:#A6A9B2;stroke-width:4.26;stroke-linecap:round;stroke-miterlimit:22.9256}
.str1_nav_basket {stroke:#A6A9B2;stroke-width:4.26;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:22.9256}
.fil0_nav_basket {fill:none}
.str0_nav_basket_top {stroke:#1F2026;stroke-width:4.26;stroke-linecap:round;stroke-miterlimit:22.9256}
.str1_nav_basket_top {stroke:#1F2026;stroke-width:4.26;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:22.9256}
.fil0_nav_basket {fill:none}
.map_shipping{width: 100%; padding:0px; margin:0px; height: 300px;}
.div_shipping{width: 100%;border-bottom: 2px solid #cccccc; border-radius: 7px; padding: 2px; padding-top: 13px; margin-top: -1px; cursor: pointer; display: inline-block;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.div_shipping_on{width: 100%;border-bottom: 2px solid #cccccc; border-radius: 7px; padding: 2px; padding-top: 13px; margin-top: -1px; cursor: pointer; display: inline-block; box-shadow: 0px 0px 10px 4px #E0E0E0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.pod-a{padding-left:5px; font-size:16px;font-weight:normal; text-decoration:none; width:90%; color:#485349; border-top: 1px solid #FBE9D6; border-left: 1px solid #FBE9D6; border-right: 1px solid #FBE9D6; border-bottom:1px solid #FBE9D6; border-radius: 7px;height:25px; margin: 3px; padding: 3px;}
.pod-a_3{ padding-left:5px; font-size:20px;font-weight:normal; text-decoration:none; width:130px; color:#485349; border-top: 1px solid #FBE9D6; border-left: 1px solid #FBE9D6; border-right: 1px solid #FBE9D6; border-bottom:1px solid #FBE9D6; border-radius: 7px;height:32px; margin: 3px; padding: 3px;}
.register_form { padding-left:5px; font-weight:normal; text-decoration:none; width:100%; color:#485349; font-size: 1rem; border: 2px solid var(--border-subtle);; border-radius: 6px;  margin-top: 5px; margin-bottom: 5px; padding: 10px;}
.register_form_button{text-align: center; font-size:16px;color: #FFFFFF;background-color:#FC8E19;border:0px solid #999999; border-radius: 7px; cursor: pointer;font-weight:bold;height:25px; width:90%; margin: 3px; padding: 3px;}
.form_error {background-color:#FDB592;  border: 1px solid #FBE9D6;}
.register_form_45_error {background-color:#FDB592; padding-left:5px; font-size:16px;font-weight:normal; text-decoration:none; width:90%; color:#485349; border-top: 1px solid #FBE9D6; border-left: 1px solid #FBE9D6; border-right: 1px solid #FBE9D6; border-bottom:1px solid #FBE9D6; border-radius: 7px;height:45px; margin: 3px; padding: 3px;}
.register_form_zapolneno {background-color:#E7FCE8; padding-left:5px; font-size:16px;font-weight:normal; text-decoration:none; width:90%; color:#485349; border-top: 1px solid #FBE9D6; border-left: 1px solid #FBE9D6; border-right: 1px solid #FBE9D6; border-bottom:1px solid #FBE9D6; border-radius: 7px;height:25px; margin: 3px; padding: 3px;}
.register_form_45{background-color:#ffffff; padding-left:5px; font-size:16px;font-weight:normal; text-decoration:none; width:90%; color:#485349; border-top: 1px solid #FBE9D6; border-left: 1px solid #FBE9D6; border-right: 1px solid #FBE9D6; border-bottom:1px solid #FBE9D6; border-radius: 7px;height:45px; margin: 3px; padding: 3px;}
.register_form_45_zapolneno{background-color:#E7FCE8; padding-left:5px; font-size:16px;font-weight:normal; text-decoration:none; width:90%; color:#485349; border-top: 1px solid #FBE9D6; border-left: 1px solid #FBE9D6; border-right: 1px solid #FBE9D6; border-bottom:1px solid #FBE9D6; border-radius: 7px;height:45px; margin: 3px; padding: 3px;}
.autorization_intext{background-color:#ffffff; font-size:16px;font-weight:normal; text-decoration:none; width:180px; color:#485349; border-top: 1px solid #FBE9D6; border-left: 1px solid #FBE9D6; border-right: 1px solid #FBE9D6; border-bottom:1px solid #FBE9D6; border-radius: 7px;height:25px; margin: 3px; padding: 3px;}
.autorization_button{font-family:HeliosC;font-size:16px;color: #FFFFFF;background-color:#FC8E19;border:0px solid #999999; border-radius: 7px; cursor: pointer;font-weight:bold;height:25px; width:60px; margin: 3px; padding: 2px;}
.pod-a_zapolneno{background-color:#E7FCE8; padding-left:5px; font-size:16px;font-weight:normal; text-decoration:none; width:90%; color:#485349; border-top: 1px solid #FBE9D6; border-left: 1px solid #FBE9D6; border-right: 1px solid #FBE9D6; border-bottom:1px solid #FBE9D6;border-radius: 7px;height:25px; margin: 3px; padding: 3px;}
.pod-a_75{ padding-left:5px; font-size:16px;font-weight:normal; text-decoration:none; width:90%; color:#485349; border-top: 1px solid #FBE9D6; border-left: 1px solid #FBE9D6; border-right: 1px solid #FBE9D6; border-bottom:1px solid #FBE9D6; border-radius: 7px;height:75px; margin: 3px; padding: 3px;}
.pod-a_75_registr{ padding-left:5px; font-size:16px;font-weight:normal; text-decoration:none; width:90%; color:#485349; border-top: 1px solid #FBE9D6; border-left: 1px solid #FBE9D6; border-right: 1px solid #FBE9D6; border-bottom:1px solid #FBE9D6; border-radius: 7px;height:45px; margin: 3px; padding: 3px;}
.pod-a_75_zapolneno{background-color:#E7FCE8; padding-left:5px; font-size:16px;font-weight:normal; text-decoration:none; width:90%; color:#485349; border-top: 1px solid #FBE9D6; border-left: 1px solid #FBE9D6; border-right: 1px solid #FBE9D6; border-bottom:1px solid #FBE9D6; border-radius: 7px;height:75px; margin: 3px; padding: 3px;}
.button_pod-a{font-family:HeliosC;font-size:16px;color: #FFFFFF;background-color:#FC8E19;border:0px solid #999999; border-radius: 7px; cursor: pointer;font-weight:bold;height:25px; width:90%; margin: 3px; padding: 3px;}
.a_none a {text-decoration: none;}
.a_none a:hover{text-decoration: none;}
.choise_type_in_data_customers_on{cursor: pointer; vertical-align: middle; height:30px; width: 50%; background-color: #FC8E19; border-radius: 7px;  color:#FFFFFF; padding:5px; margin:5px;}
.choise_type_in_data_customers_off{cursor: pointer; vertical-align: middle; height:30px; width: 50%; background-color: #FAE4CC; border-radius: 7px;  color:#333333; padding:5px; margin:5px;}
.str0_basket {stroke:#1C274C;stroke-width:3.26;stroke-linecap:round;stroke-miterlimit:22.9256;}
.str1_basket {stroke:#1C274C;stroke-width:3.26;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:22.9256;}
.fil1_basket {fill:none !important;}
.fil0_basket {fill:black !important;}





.checkout-error-modal__header[data-v-531a151c]{display:flex;text-align:left}
@media (min-width:960px) and (max-width:1279px){.checkout-error-modal__body[data-v-531a151c]{width:420px}
}
@media (min-width:1280px) and (max-width:1919px){.checkout-error-modal__body[data-v-531a151c]{width:420px}
}
@media (min-width:1920px){.checkout-error-modal__body[data-v-531a151c]{width:420px}
}
.checkout-card[ui-16]{background-color:var(--white);border:1px solid var(--border-subtle);border-radius:8px;padding:16px 20px}
@media (min-width:640px) and (max-width:959px){.checkout-card[ui-16]{border:none;border-radius:0}
}
@media (max-width:639px){.checkout-card[ui-16]{border:none;border-radius:0;padding:12px 16px}
}
.summary-widget[ui-29]{display:flex;flex-direction:column;gap:8px}
.summary-widget__row[ui-29]{display:flex;gap:8px;justify-content:space-between}
.summary-widget__total[ui-29]{margin-top:8px}
.summary-widget__total__skeleton[ui-29]{height:28px;width:50%}
.popup-container[data-v-0554bd68]{align-items:center;display:flex;flex-direction:column;padding:32px}
.header[data-v-0554bd68]{align-items:center;display:flex;font-size:1.125rem;font-weight:800;justify-content:center;line-height:1.2em}
.message[data-v-0554bd68]{font-size:.875rem;line-height:1.2em;margin:16px 0 24px;text-align:center}
.popup-success-order{max-width:100vw;text-align:center}
@media (min-width:960px) and (max-width:1279px){.popup-success-order{margin:82px 16px 16px;max-width:528px}
}
@media (min-width:1280px) and (max-width:1919px){.popup-success-order{margin:82px 16px 16px;max-width:528px}
}
@media (min-width:1920px){.popup-success-order{margin:82px 16px 16px;max-width:528px}
}
@media (max-width:639px){.popup-success-order{display:flex;flex-direction:column;margin:40px 16px 16px}
}
@media (min-width:640px) and (max-width:959px){.popup-success-order{display:flex;flex-direction:column;margin:40px 16px 16px}
}
.popup-success-order .main-content{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center}
.popup-success-order .main-content .success-icon{display:block;margin:0 auto}
.popup-success-order .main-content .success-icon path{fill:#12a53e}
.popup-success-order .main-content .title{font-size:1.375rem;font-weight:600;margin-top:18px}
.popup-success-order .main-content .subtitle{font-size:.875rem;line-height:1.4em;margin-top:16px}
.popup-success-order .main-content .delivery-information{background:#fafafa;border-radius:8px;margin-top:32px;padding:16px;width:100%}
.popup-success-order .main-content .delivery-information .information-block{margin:16px auto 0}
@media (min-width:960px) and (max-width:1279px){.popup-success-order .main-content .delivery-information .information-block{max-width:60%}
}
@media (min-width:1280px) and (max-width:1919px){.popup-success-order .main-content .delivery-information .information-block{max-width:60%}
}
@media (min-width:1920px){.popup-success-order .main-content .delivery-information .information-block{max-width:60%}
}
.popup-success-order .main-content .delivery-information .information-block:first-child{margin-top:0}
.popup-success-order .main-content .delivery-information .information-block .label{color:#8a8d93;font-size:.8rem}
.popup-success-order .main-content .delivery-information .information-block .value{color:#141416;font-size:.875rem;font-weight:500;margin-top:8px}
.popup-success-order .actions{display:flex;gap:8px;justify-content:center;margin-top:32px}
.popup-success-order .actions .to-main{margin-left:16px}
@media (max-width:639px){.popup-success-order .actions{flex-direction:column}
.popup-success-order .actions button{width:100%!important}
.popup-success-order .actions .to-main{margin-left:0;margin-top:14px}
}
@media (min-width:640px) and (max-width:959px){.popup-success-order .actions{flex-direction:column}
.popup-success-order .actions button{width:100%!important}
.popup-success-order .actions .to-main{margin-left:0;margin-top:14px}
}
.popup-container[data-v-65f96cb2]{display:flex;flex-direction:column;min-width:638px}
@media (max-width:639px){.popup-container[data-v-65f96cb2]{min-width:0}
}
@media (min-width:640px) and (max-width:959px){.popup-container[data-v-65f96cb2]{min-width:0}
}
.header[data-v-65f96cb2]{align-items:center;display:flex;font-size:1.375rem;font-weight:800;line-height:1.2em;margin-bottom:33px}
@media (max-width:639px){.header[data-v-65f96cb2]{margin:20px 0 23px;padding:0 40px 0 16px}
}
@media (min-width:640px) and (max-width:959px){.header[data-v-65f96cb2]{margin:20px 0 23px;padding:0 40px 0 16px}
}
.body[data-v-65f96cb2]{display:flex}
@media (max-width:639px){.body[data-v-65f96cb2]{flex-direction:column-reverse;padding:0 16px 16px}
}
@media (min-width:640px) and (max-width:959px){.body[data-v-65f96cb2]{flex-direction:column-reverse;padding:0 16px 16px}
}
.info-wrapper[data-v-65f96cb2]{flex:0 0 60%;max-width:336px;width:100%}
@media (max-width:639px){.info-wrapper[data-v-65f96cb2]{flex:auto;max-width:none}
}
@media (min-width:640px) and (max-width:959px){.info-wrapper[data-v-65f96cb2]{flex:auto;max-width:none}
}
.info[data-v-65f96cb2]{display:flex;margin-bottom:24px}
.info[data-v-65f96cb2]:last-child{margin-bottom:0}
@media (max-width:639px){.info[data-v-65f96cb2]{margin-bottom:20px}
}
@media (min-width:640px) and (max-width:959px){.info[data-v-65f96cb2]{margin-bottom:20px}
}
.info-number[data-v-65f96cb2]{align-items:center;background:#f2f4f7;border-radius:50%;color:#595a66;display:flex;flex:0 0 auto;font-size:.875rem;font-weight:600;height:24px;justify-content:center;line-height:1.2em;margin-right:12px;width:24px}
.info-text[data-v-65f96cb2]{display:flex;flex-direction:column}
.text-title[data-v-65f96cb2]{color:#15151a;font-size:.875rem;font-weight:500;line-height:1.4em}
.text-title.desktop[data-v-65f96cb2]{display:block}
@media (max-width:639px){.text-title.desktop[data-v-65f96cb2]{display:none}
}
@media (min-width:640px) and (max-width:959px){.text-title.desktop[data-v-65f96cb2]{display:none}
}
.text-title.mobile[data-v-65f96cb2]{display:none}
@media (max-width:639px){.text-title.mobile[data-v-65f96cb2]{display:block;font-size:1rem;font-weight:500;line-height:1.4em}
}
@media (min-width:640px) and (max-width:959px){.text-title.mobile[data-v-65f96cb2]{display:block;font-size:1rem;font-weight:500;line-height:1.4em}
}
.text-description[data-v-65f96cb2]{color:#595a66;font-size:.8rem;font-weight:400;line-height:1.4em;margin-top:8px}
@media (max-width:639px){.text-description[data-v-65f96cb2]{display:none}
}
@media (min-width:640px) and (max-width:959px){.text-description[data-v-65f96cb2]{display:none}
}
.qr-wrapper[data-v-65f96cb2]{align-items:center;border:1px solid #d0d2d9;border-radius:12px;display:flex;flex-direction:column;margin:auto 0 auto 28px;max-width:318px;padding:24px;width:100%}
@media (max-width:639px){.qr-wrapper[data-v-65f96cb2]{border:none;margin:auto auto 25px;max-width:none;padding:0}
}
@media (min-width:640px) and (max-width:959px){.qr-wrapper[data-v-65f96cb2]{border:none;margin:auto auto 25px;max-width:none;padding:0}
}
.qr-title[data-v-65f96cb2]{font-size:.875rem;font-weight:600;line-height:1.2em}
@media (max-width:639px){.qr-title[data-v-65f96cb2]{display:none}
}
@media (min-width:640px) and (max-width:959px){.qr-title[data-v-65f96cb2]{display:none}
}
.qr-price[data-v-65f96cb2]{font-size:1.375rem;font-weight:600;line-height:1.2em}
@media (max-width:639px){.qr-price[data-v-65f96cb2]{display:none}
}
@media (min-width:640px) and (max-width:959px){.qr-price[data-v-65f96cb2]{display:none}
}
.qr[data-v-65f96cb2]{height:176px;margin:8px 0 4px}
@media (max-width:639px){.qr[data-v-65f96cb2]{margin:0}
}
@media (min-width:640px) and (max-width:959px){.qr[data-v-65f96cb2]{margin:0}
}
.delivery-point-card[data-v-4c0ae077]{display:flex;flex-direction:column;gap:8px}
@media (max-width:639px){.delivery-point-card[data-v-4c0ae077]{gap:6px}
}
@media (min-width:640px) and (max-width:959px){.delivery-point-card[data-v-4c0ae077]{gap:6px}
}
.delivery-point-card__error-banner[data-v-4c0ae077]{margin-bottom:8px}
.delivery-point-card__address[data-v-4c0ae077]{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--text-primary);display:-webkit-box;font-size:16px;font-weight:500;line-height:20px;overflow:hidden}
@media (max-width:639px){.delivery-point-card__address[data-v-4c0ae077]{font-size:14px;line-height:18px}
}
@media (min-width:640px) and (max-width:959px){.delivery-point-card__address[data-v-4c0ae077]{font-size:14px;line-height:18px}
}
.delivery-point-card__address_disabled[data-v-4c0ae077]{color:var(--text-tertiary)}
.delivery-point-card__name[data-v-4c0ae077]{color:var(--text-secondary)}
.delivery-point-card__name_disabled[data-v-4c0ae077]{color:var(--text-tertiary)}
.map[data-v-22e36db4]{border-radius:32px;height:calc(100vh - 120px);overflow:hidden}
@media (min-width:1920px){.map[data-v-22e36db4]{width:1280px}
}
@media (min-width:1280px) and (max-width:1919px){.map[data-v-22e36db4]{max-width:1280px;width:calc(100vw - 120px)}
}
@media (min-width:960px) and (max-width:1279px){.map[data-v-22e36db4]{max-width:1040px;width:calc(100vw - 16px)}
}
@media (max-width:639px){.map[data-v-22e36db4]{border-radius:0;height:100dvh;width:100vw}
}
@media (min-width:640px) and (max-width:959px){.map[data-v-22e36db4]{border-radius:0;height:100dvh;width:100vw}
}
.map-modal-overlay[data-v-682ebab2]{align-items:center;background-color:rgba(14,14,15,.51);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition-duration:.3s}
.map-modal-overlay_shown[data-v-682ebab2]{opacity:1}
.map-modal[data-v-682ebab2]{opacity:0;transform:translateY(20px);transition-duration:.3s}
.map-modal_shown[data-v-682ebab2]{opacity:1;transform:translateY(0)}
.pickup-delivery-form[data-v-857b29dc]{display:flex;flex-direction:column;gap:16px}
.onboarding-banner[data-v-48766246]{background-color:var(--surface-caution-rest);border-radius:16px;display:grid;gap:12px;grid-template-columns:40px 1fr;padding:12px 12px 12px 8px}
.list-skeleton[data-v-7c221a84]{display:flex;flex-direction:column;gap:24px}
.list-skeleton__item[data-v-7c221a84]{display:flex;flex-direction:column;gap:8px}
.list-skeleton__item__row1[data-v-7c221a84]{height:18px;width:60%}
.list-skeleton__item__row2[data-v-7c221a84]{height:18px;width:40%}
.address-item[data-v-104b4378]{cursor:pointer;display:grid;gap:24px;grid-template-columns:1fr 20px}
.address-item__address[data-v-104b4378]{cursor:pointer;display:flex;flex-direction:column;gap:4px;transition-duration:.3s}
.address-item__address[data-v-104b4378]:hover{transform:translateX(2px)}
.address-item__address__title[data-v-104b4378]{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}
.address-item__address__subtitle[data-v-104b4378]{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}
.address-item__edit[data-v-104b4378]{align-items:center;cursor:pointer;display:flex}
.address-item__edit__icon[data-v-104b4378]{cursor:pointer;transition-duration:.3s}
.address-item__edit__icon[data-v-104b4378]:hover{transform:translateY(-2px)}
.step-list[data-v-d6dca84a]{display:flex;flex-direction:column;gap:24px}
.remove-confirm[data-v-3be420f3]{display:flex;flex-direction:column;gap:20px;padding-top:32px}
@media (min-width:960px) and (max-width:1279px){.remove-confirm[data-v-3be420f3]{width:300px}
}
@media (min-width:1280px) and (max-width:1919px){.remove-confirm[data-v-3be420f3]{width:300px}
}
@media (min-width:1920px){.remove-confirm[data-v-3be420f3]{width:300px}
}
.remove-confirm__text[data-v-3be420f3]{display:flex;flex-direction:column;gap:8px}
.edit-step-footer[data-v-3553b0be],.remove-confirm__buttons[data-v-3be420f3]{display:flex;flex-direction:column;gap:12px}
.edit-step-footer[data-v-3553b0be]{position:relative}
.edit-form[data-v-37d925ce]{display:flex;flex-direction:column;gap:18px;position:relative}
.edit-form__row[data-v-37d925ce]{display:grid;gap:16px;grid-template-columns:1fr 1fr}
.edit-form__item[data-v-37d925ce]{width:100%}
.suggestion[data-v-48955858]{display:flex;flex-direction:column}
@media (max-width:639px){.suggestion[data-v-48955858]{gap:4px;padding:10px 0}
}
@media (min-width:640px) and (max-width:959px){.suggestion[data-v-48955858]{gap:4px;padding:10px 0}
}
.suggestion_disabled[data-v-48955858]{pointer-events:none}
.suggestion_disabled .suggestion__desc[data-v-48955858],.suggestion_disabled .suggestion__label[data-v-48955858]{color:var(--text-disabled)!important}
.suggestion__desc[data-v-48955858],.suggestion__label[data-v-48955858]{overflow:hidden;text-overflow:ellipsis}
.suggestion__label[data-v-48955858]{color:var(--text-primary);font-size:16px;line-height:20px}
.suggestion__desc[data-v-48955858]{color:var(--text-tertiary);font-size:14px;line-height:18px}
.mobile-suggestions-modal__header[data-v-fb747520]{align-items:center;display:flex;height:26px;justify-content:center;position:relative}
.mobile-suggestions-modal__header__back-button[data-v-fb747520]{cursor:pointer;left:0;position:absolute;transition-duration:.3s}
.mobile-suggestions-modal__header__back-button[data-v-fb747520]:hover{transform:translateY(-2px)}
.mobile-suggestions-modal__header__input[data-v-fb747520]{margin-top:20px}
.mobile-suggestions-modal__suggestions[data-v-fb747520]{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding:0 16px}
.mobile-suggestions-modal__suggestions__item[data-v-fb747520]:nth-last-of-type(n+2){border-bottom:.5px solid var(--border-regular)}
.delivery-warning[data-v-11dcc22b]{margin:8px 12px 4px}
.add-form[data-v-4ad57390]{display:flex;flex-direction:column;gap:18px;position:relative}
.add-form__row[data-v-4ad57390]{display:grid;gap:16px;grid-template-columns:1fr 1fr}
.add-form__item[data-v-4ad57390]{width:100%}
.address-modal__header[data-v-1e9b6cb1]{align-items:center;display:flex;height:26px;justify-content:center;position:relative}
.address-modal__header__back-button[data-v-1e9b6cb1]{cursor:pointer;left:0;position:absolute;transition-duration:.3s}
.address-modal__header__back-button[data-v-1e9b6cb1]:hover{transform:translateY(-2px)}
.address-modal__body[data-v-1e9b6cb1]{display:flex;flex-direction:column;width:416px}
@media (max-width:639px){.address-modal__body[data-v-1e9b6cb1]{flex-grow:1;height:100%}
}
@media (min-width:640px) and (max-width:959px){.address-modal__body[data-v-1e9b6cb1]{flex-grow:1;height:100%}
}
.courier-address[data-v-e5656996]{display:flex;flex-direction:column;gap:16px}
.courier-address__card[data-v-e5656996]{display:flex;flex-direction:column;gap:8px}
.delivery-form[ui-17]{display:flex;flex-direction:column;gap:16px}
@media (max-width:639px){.delivery-form[ui-17]{gap:12px}
}
@media (min-width:640px) and (max-width:959px){.delivery-form[ui-17]{gap:12px}
}
.rslider-container[ui-24] swiper-slide:last-child{margin-right:0!important;padding-right:0}
.rslider-wrapper[ui-24]{position:relative;z-index:0}
.rslider-arrows[ui-24]{align-items:center;display:flex;height:100%;justify-content:space-between;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}
.rslider-arrows__item[ui-24]{align-items:center;background-color:var(--surface-primary-rest);border-radius:var(--roundingfull);box-shadow:var(--box-shadow-hard-medium);display:flex;opacity:1;padding:8px;pointer-events:all;transition:opacity .2s}
.rslider-arrows__item.swiper-button-disabled[ui-24]{opacity:0;pointer-events:none}
.rslider-arrows__item i[ui-24]{height:24px;width:24px}
.rslider-arrows__item[ui-24]:first-child{transform:rotate(-180deg)}
.payment-options-hint[ui-27]{align-items:center;background-color:var(--surface-secondary-rest);border-radius:var(--rounding150);display:flex;gap:8px;min-height:52px;padding:16px;text-decoration:none}
.payment-options-hint.warning[ui-27]{background-color:var(--surface-caution-rest)}
.payment-options-hint__icon-href[ui-27]{margin-left:auto}
.payment-options-hint__icon-href[ui-27],.payment-options-hint__icon-warn[ui-27]{align-items:center;align-self:flex-start;display:flex;font-size:20px}
.payment-option-card[ui-25]{display:flex;flex-direction:column;gap:12px}
@media (max-width:639px){.payment-option-card[ui-25]{gap:8px}
}
.payment-option-card__icon[ui-25]{height:24px;width:24px}
.payment-option-card__icon-local[ui-25]{height:100%;width:100%}
.payment-option-card__icon-placeholder[ui-25]{background-color:var(--border-subtle);border-radius:4px;height:100%}
.payment-options[ui-23]{display:flex;flex-direction:column;gap:16px}
@media (max-width:639px){.payment-options[ui-23]{width:100%}
}
@media (min-width:640px) and (max-width:959px){.payment-options[ui-23]{width:100%}
}
@media (max-width:639px){.payment-options__slider[ui-23]{margin:0 -16px}
}
@media (min-width:640px) and (max-width:959px){.payment-options__slider[ui-23]{margin:0 -16px}
}
.payment-options__slide[ui-23]{box-sizing:content-box;flex:1;min-width:120px;padding-right:12px;width:auto}
@media (max-width:639px){.payment-options__slide[ui-23]{box-sizing:border-box;flex:unset;padding-right:8px;width:40vw}
}
.checkout-header[data-v-a05e8844]{background-color:#fff;display:flex;flex-direction:column}
@media (max-width:639px){.checkout-header[data-v-a05e8844]{position:sticky;top:0;z-index:1}
}
@media (min-width:640px) and (max-width:959px){.checkout-header[data-v-a05e8844]{position:sticky;top:0;z-index:1}
}
.checkout-header-mobile[data-v-a05e8844]{align-items:center;display:flex;height:56px;justify-content:center;padding:0 16px;position:relative}
.checkout-header-mobile__back-button[data-v-a05e8844]{left:16px;position:absolute}
.top-header__logo[data-v-a05e8844]{margin-left:8px}
.top-header__logo__svg[data-v-a05e8844]{width:96px}
.top-header[data-v-a05e8844]{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);left:0;padding:1rem;position:sticky;right:0;top:0;z-index:5}
.top-header .head-logo[data-v-a05e8844]{display:block}
.top-header [ui-wrapper][data-v-a05e8844]{align-items:center;display:flex}
.top-header .secure[data-v-a05e8844]{align-items:center;display:flex;margin-left:4rem}
.top-header .secure img[data-v-a05e8844]{margin-right:.25rem}
.top-header .secure span[data-v-a05e8844]{color:#757575;font-size:.75rem;line-height:1.125rem}
.top-header .links[data-v-a05e8844]{align-items:center;display:flex;flex-grow:1;justify-content:flex-end}
.top-header .links .link[data-v-a05e8844]{color:#757575;font-size:.875rem;line-height:1.5rem;text-decoration-line:underline}
.top-header .links .link[data-v-a05e8844]:not(:first-child){margin-left:2rem}
.top-header .links .link.sign-in[data-v-a05e8844]{margin-left:11rem}
.top-header .user-info[data-v-a05e8844]{position:relative}
.top-header .links .link.sign-in.username[data-v-a05e8844]{display:flex;height:24px;opacity:.8;padding:0;text-decoration:none;width:max-content}
.top-header .links .link.sign-in.username[data-v-a05e8844]:hover{opacity:1}
.recipient-form[data-v-ae6595a8],.recipient-info-not-auth-wrapper[data-v-466eed7e]{display:flex;flex-direction:column;gap:16px}
.recipient-modal[data-v-e6d6b4f6]{display:flex;flex-direction:column;gap:20px;width:416px}
@media (max-width:639px){.recipient-modal[data-v-e6d6b4f6]{gap:16px;width:100%}
}
@media (min-width:640px) and (max-width:959px){.recipient-modal[data-v-e6d6b4f6]{gap:16px;width:100%}
}
.recipient-modal__desc[data-v-e6d6b4f6]{color:var(--text-tertiary);font-size:14px;line-height:20px}
.recipient-modal__buttons[data-v-e6d6b4f6]{display:flex;flex-direction:column;gap:10px;margin-top:4px}
@media (max-width:639px){.recipient-modal__buttons[data-v-e6d6b4f6]{bottom:0;position:sticky}
}
@media (min-width:640px) and (max-width:959px){.recipient-modal__buttons[data-v-e6d6b4f6]{bottom:0;position:sticky}
}
.user-form[data-v-45242ad7]{display:flex;flex-direction:column;gap:16px}
.recipient-modal[data-v-319c98ba]{display:flex;flex-direction:column;gap:20px;width:416px}
@media (max-width:639px){.recipient-modal[data-v-319c98ba]{gap:16px;width:100%}
}
@media (min-width:640px) and (max-width:959px){.recipient-modal[data-v-319c98ba]{gap:16px;width:100%}
}
.recipient-modal__title[data-v-319c98ba]{color:var(--text-primary);font-size:22px;font-weight:600;line-height:32px}
@media (max-width:639px){.recipient-modal__title[data-v-319c98ba]{font-size:18px;line-height:22px;text-align:center}
}
@media (min-width:640px) and (max-width:959px){.recipient-modal__title[data-v-319c98ba]{font-size:18px;line-height:22px;text-align:center}
}
.recipient-modal__desc[data-v-319c98ba]{color:var(--text-tertiary);font-size:14px;line-height:20px}
.recipient-modal__buttons[data-v-319c98ba]{display:flex;flex-direction:column;gap:10px;margin-top:4px}
@media (max-width:639px){.recipient-modal__buttons[data-v-319c98ba]{bottom:0;position:sticky}
}
@media (min-width:640px) and (max-width:959px){.recipient-modal__buttons[data-v-319c98ba]{bottom:0;position:sticky}
}
.recipient-info-auth-wrapper[ui-22]{display:flex;flex-direction:column;gap:16px}
.recipient-info-auth[ui-22]{display:flex;gap:6px}
.recipient-info-auth__name[ui-22]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recipient-info-auth__phone[ui-22]{color:var(--text-secondary);white-space:nowrap}
.recipient-info[ui-21]{color:var(--text-primary);display:flex;flex-direction:column;font-size:16px;font-weight:500;gap:16px;line-height:20px}
@media (max-width:639px){.recipient-info[ui-21]{font-size:14px;gap:12px;line-height:18px}
}
@media (min-width:640px) and (max-width:959px){.recipient-info[ui-21]{font-size:14px;gap:12px;line-height:18px}
}
.description-skeleton[ui-19]{height:18px;width:120px}
.checkout-delivery-types[ui-19]{background-color:var(--white);display:flex;gap:16px}
@media (max-width:639px){.checkout-delivery-types[ui-19]{flex-direction:column;padding:16px}
}
@media (min-width:640px) and (max-width:959px){.checkout-delivery-types[ui-19]{flex-direction:column;padding:16px}
}
.checkout-delivery-types__title[ui-19]{display:none}
@media (max-width:639px){.checkout-delivery-types__title[ui-19]{display:flex}
}
@media (min-width:640px) and (max-width:959px){.checkout-delivery-types__title[ui-19]{display:flex}
}
.checkout-delivery-types__radio-wrapper[ui-19]{display:flex;gap:10px;width:100%}
@media (max-width:639px){.checkout-delivery-types__radio-wrapper[ui-19]{flex-direction:column}
}
.checkout-delivery-types__radio[ui-19]{display:flex;flex-direction:column;font-weight:500;gap:8px}
.checkout-delivery-types__radio_select_type_vvod[ui-19]{-webkit-tap-highlight-color: transparent;
    border: 2px solid var(--border-subtle);
    border-radius: 6px;
    cursor: pointer;
    padding: 5px;
    transition-duration: .3s;
    width:auto;
	min-width: 150px;}
	
.checkout-delivery-types__radio_select_type_vvod[ui-19]:hover{border-color: var(--border-accented)}
	
@media (max-width:639px){.checkout-delivery-types__radio[ui-19]{gap:4px}
}
@media (min-width:640px) and (max-width:959px){.checkout-delivery-types__radio[ui-19]{gap:4px}
}
.checkout-delivery-types__radio__desc[ui-19]{height:auto;}
.checkout-delivery-types__radio_disabled [ui-19]{color:var(--text-tertiary)!important}
.shipment-cart-item[data-v-e0193c90]{aspect-ratio:3/4;background:#f5f5f5;border-radius:8px;flex-shrink:0;overflow:hidden;position:relative;width:64px}
.shipment-cart-item img[data-v-e0193c90]{aspect-ratio:4/3;border-radius:8px;height:100%;object-fit:cover;width:100%}
.shipment-cart-item__label[data-v-e0193c90]{align-items:center;background:var(--icon-primary);border-radius:var(--Rounding-full,100px);display:flex;height:16px;justify-content:center;position:absolute;right:2px;top:2px;width:16px}
.checkout-shipments-slider[data-v-e02c4b58]{margin:0 -16px}
.checkout-shipments-slider__slide[data-v-e02c4b58]{width:auto}
.shipment-date-time-form[data-v-157bbfee]{display:grid;gap:16px;grid-template-columns:204px 204px}
@media (max-width:639px){.shipment-date-time-form[data-v-157bbfee]{gap:12px;grid-template-columns:1fr}
}
@media (min-width:640px) and (max-width:959px){.shipment-date-time-form[data-v-157bbfee]{gap:12px;grid-template-columns:1fr}
}
.checkout-shipments[data-v-0a481a98]{display:flex;flex-direction:column;padding-bottom:0}
@media (max-width:639px){.checkout-shipments[data-v-0a481a98]{width:100vw}
}
@media (min-width:640px) and (max-width:959px){.checkout-shipments[data-v-0a481a98]{width:100vw}
}
.checkout-shipments__item[data-v-0a481a98]{display:flex;flex-direction:column;gap:12px;padding:16px 0}
.checkout-shipments__item[data-v-0a481a98]:nth-last-of-type(n+2){border-bottom:1px solid var(--border-subtle)}
.checkout-shipments__item_editable[data-v-0a481a98]{gap:20px}
.checkout-shipments__item__cart[data-v-0a481a98]{display:flex;flex-wrap:wrap;gap:8px}
.checkout-payment-button[ui-31]{position:relative}
.checkout-payment-button__icon-local[ui-31]{height:unset;width:unset}
@media (max-width:639px){.error-modal__header[ui-35]{width:50vw}
}
.error-modal__body[ui-35]{display:flex;flex-direction:column;width:416px}
@media (max-width:639px){.error-modal__body[ui-35]{min-height:30vh}
}
@media (min-width:640px) and (max-width:959px){.error-modal__body[ui-35]{min-height:30vh}
}
.promo-code[data-v-c5821c26]{display:flex;flex-direction:column;gap:8px}
.checkout-summary[ui-28]{display:flex;flex-direction:column;gap:20px}
.checkout-summary__conditions a[ui-28]{color:var(--text-info);cursor:pointer;text-decoration:underline}
.checkout-page[ui-15]{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}
@media (max-width:639px){.checkout-page[ui-15]{gap:0}
}
@media (min-width:640px) and (max-width:959px){.checkout-page[ui-15]{gap:0}
}
.checkout-page__content[ui-15]{display:grid;gap:24px;grid-template-columns:1fr 340px}
@media (max-width:639px){.checkout-page__content[ui-15]{background-color:var(--surface-secondary-rest);gap:4px;grid-template-columns:1fr}
}
@media (min-width:640px) and (max-width:959px){.checkout-page__content[ui-15]{background-color:var(--surface-secondary-rest);gap:4px;grid-template-columns:1fr}
}
@media (min-width:960px) and (max-width:1279px){.checkout-page__content[ui-15]{margin:0 auto;max-width:1240px;min-width:320px;width:95%}
}
@media (min-width:1280px) and (max-width:1919px){.checkout-page__content[ui-15]{margin:0 auto;max-width:1240px;min-width:320px;width:95%}
}
@media (min-width:1920px){.checkout-page__content[ui-15]{margin:0 auto;max-width:1240px;min-width:320px;width:95%}
}
.checkout-page__content__steps[ui-15]{display:flex;flex-direction:column;gap:24px}
@media (max-width:639px){.checkout-page__content__steps[ui-15]{gap:4px}
}
@media (min-width:640px) and (max-width:959px){.checkout-page__content__steps[ui-15]{gap:4px}
}
@media (min-width:960px) and (max-width:1279px){.checkout-page__content__summary[ui-15]{position:sticky;top:16px}
}
@media (min-width:1280px) and (max-width:1919px){.checkout-page__content__summary[ui-15]{position:sticky;top:16px}
}
@media (min-width:1920px){.checkout-page__content__summary[ui-15]{position:sticky;top:16px}
}
.swiper-container{list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper{-webkit-box-sizing:content-box;box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;width:100%;z-index:1}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{margin:0 auto;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-slide{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;width:100%}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}
.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(right,rgba(0,0,0,.5),transparent);background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}
.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(left,rgba(0,0,0,.5),transparent);background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}
.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(top,rgba(0,0,0,.5),transparent);background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{background-position:50%;background-repeat:no-repeat;background-size:27px 44px;cursor:pointer;height:44px;margin-top:-22px;position:absolute;top:50%;width:27px;z-index:10}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");left:10px;right:auto}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");left:auto;right:10px}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")}
.swiper-button-lock{display:none}
.swiper-pagination{position:absolute;text-align:center;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
.swiper-pagination-bullet{background:#000;border-radius:100%;display:inline-block;height:8px;opacity:.2;width:8px}
button.swiper-pagination-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{background:#007aff;opacity:1}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:top .2s,-webkit-transform .2s;transition:top .2s,-webkit-transform .2s;-o-transition:transform .2s,top .2s;transition:transform .2s,top .2s;transition:transform .2s,top .2s,-webkit-transform .2s}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:left .2s,-webkit-transform .2s;transition:left .2s,-webkit-transform .2s;-o-transition:transform .2s,left .2s;transition:transform .2s,left .2s;transition:transform .2s,left .2s,-webkit-transform .2s}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:right .2s,-webkit-transform .2s;transition:right .2s,-webkit-transform .2s;-o-transition:transform .2s,right .2s;transition:transform .2s,right .2s;transition:transform .2s,right .2s,-webkit-transform .2s}
.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;height:100%;left:0;position:absolute;top:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;width:100%}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;left:0;top:0;width:100%}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-progressbar.swiper-pagination-white{background:hsla(0,0%,100%,.25)}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}
.swiper-pagination-lock{display:none}
.swiper-scrollbar{background:rgba(0,0,0,.1);border-radius:10px;position:relative;-ms-touch-action:none}
.swiper-container-horizontal>.swiper-scrollbar{bottom:3px;height:5px;left:1%;position:absolute;width:98%;z-index:50}
.swiper-container-vertical>.swiper-scrollbar{height:98%;position:absolute;right:3px;top:1%;width:5px;z-index:50}
.swiper-scrollbar-drag{background:rgba(0,0,0,.5);border-radius:10px;height:100%;left:0;position:relative;top:0;width:100%}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-justify-content:center;justify-content:center;text-align:center;width:100%}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}
.swiper-slide-zoomed{cursor:move}
.swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s steps(12) infinite;animation:swiper-preloader-spin 1s steps(12) infinite;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;width:42px;z-index:10}
.swiper-lazy-preloader:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100%;content:"";display:block;height:100%;width:100%}
.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")}
@-webkit-keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
.swiper-container .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}
.swiper-container-cube .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;pointer-events:none;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;visibility:hidden;width:100%;z-index:1}
.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:0}
.swiper-container-cube .swiper-cube-shadow{background:#000;bottom:0;-webkit-filter:blur(50px);filter:blur(50px);height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0}
.swiper-container-flip{overflow:visible}
.swiper-container-flip .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;z-index:1}
.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:0}
.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}



.tabl_help {border: 2px solid #00FD0D; background-color: #FFFFFF; border-radius: 3px; margin: 20px; padding: 20px; display:block; width: auto;}
		.page {width: 400px; margin: 20px}
		.goods {text-align: right}
		.goods, .details {width: 100%; margin: 0}
		.details {width: 400px; padding-left:5px; font-weight:normal; text-decoration:none; color:#485349; font-size: 1rem; border: 2px solid var(--border-subtle); border-radius: 6px;  margin-top: 5px; margin-bottom: 5px; padding: 10px;overflow:hidden; text-align: center;}
.details_register { padding-left:5px; font-weight:normal; text-decoration:none; color:#485349; font-size: 1rem; border: 2px solid var(--border-subtle);; border-radius: 6px;  margin-top: 5px; margin-bottom: 5px; padding: 10px;overflow:hidden;}
		#cities {width: 398px; overflow:hidden; margin:0px; margin-top: -2px; border: 1px solid #FBE9D6; border-top:0px; font-family:HeliosC;font-size:1rem; text-align: center; border-radius: 6px;}
		#citylist {width: 398px; border: none; font-family:HeliosC;font-size:15px; text-align: center; margin:0px; margin-top: -2px; border-radius: 6px;}
.visota_stroka_zapros_goroda {height:20px; text-align: center; vertical-align: middle;}
.visota_stroka_zapros_goroda_register {height:20px; text-align: center; vertical-align: middle;}

.button_pay_no_activ{cursor:none !important; background-color: #AAAAAA !important;}

.sposob_oplata_activno{min-width:150px; width: calc(50% - 10px); height:90px; border: 2px solid var(--border-subtle); border-radius: 8px; cursor: pointer; text-align: center; vertical-align: middle; padding-top: 5px; margin: 5px; float:left; font-size:1.2em; }
.sposob_oplata_ne_activno{min-width:150px; width: calc(50% - 10px); height:90px; border: 2px solid var(--border-subtle); border-radius: 8px; color: #000000; text-align: center; vertical-align: middle; padding-top: 5px; margin: 5px; float:left; font-size:1.2em; background-color: #EEEEEE; opacity: 0.5; filter: alpha(Opacity=40);}
.sposob_oplata_vibor_all{min-width:150px; width: calc(50% - 10px); height:90px; border: 2px solid var(--border-subtle); background-color: #F5F5F5; border-radius: 8px; cursor: pointer; text-align: center; padding-top:5px; margin: 5px; float:left; display: table-cell; text-align: center; vertical-align: middle; font-size:1em;}
.sposob_oplata_vibor_all:hover {border: 2px solid var(--border-focused) !important;}
.sposob_oplata_activno:hover {border: 2px solid var(--border-focused) !important;}
.add_mini_pay{width:90px; height:50px; font-size: 12px; margin: 2px;}
.select_change_pay_order {border: 2px solid var(--border-focused) !important;}
.icon_info {filter:alpha(opacity=60);opacity: 0.6;-moz-opacity: 0.6;-khtml-opacity: 0.6;-webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s; width: 15px; cursor: pointer}
.icon_info:hover{filter:alpha(opacity=100);opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;}
.in_basket{background-color: #02C02E !important;}
.in_basket_list{background-color: #61FA85 !important;}
.price_list{color: #7A4B19; font-family: HeliosC Bold; font-size: 1.5em;}
.discont_price_list {
color: #AAAAAA; position: relative; font-size:0.9em; width: auto; display: inline-flex;}
.discont_price_list:before {
	display: inline-flex;
  border-bottom: 1px solid #AAAAAA;
  position: absolute;
  content: "";
  width: 100%;
  height: 50%;
  transform: rotate(-10deg);
}
.discont_price {
	color: #444444;font-size:1.2em;
	position: relative;
	display: inline-flex;
}
.discont_price:before {
	display: inline-flex;
  border-bottom: 1px solid #444444;
  position: absolute;
  content: "";
  width: 100%;
  height: 50%;
  transform: rotate(-10deg);
}
.product_dsc p{margin-top:10px;}
.product_dsc b{font-weight: bold;}
.product_dsc strong{font-weight: bold;}
.product_dsc ol {
	list-style-type: decimal; font: inherit; margin: 20px; padding-left: 20px; border: 0px currentColor; vertical-align: top; font-size-adjust: inherit; font-stretch: inherit; 
}
.product_dsc ul {
	list-style-type: circle; font: inherit; margin: 20px; padding-left: 20px; border: 0px currentColor; vertical-align: top; font-size-adjust: inherit; font-stretch: inherit;
}
.product_dsc li {
	list-style-type: disc; font: inherit; margin: 0px; padding: 0px; padding-left: 0px; border: 5px currentColor; vertical-align: top; font-size-adjust: inherit;
}
.product_dsc lo {
	list-style-type: circle; font: inherit; margin: 0px; padding: 0px; padding-left: 0px; border: 0px currentColor; vertical-align: top; font-size-adjust: inherit;
}
.product-card-image{border:1px solid var(--border-subtle); }

.search_index_form{text-align:center; width:100%; height: 41px;  padding:0px;margin:3px; font-size: 1em; font-weight:bold; border-radius:7px; border: 2px solid #999999;}
.search_index_form_icon_div{ width:90px; position: relative; left: 100%; top:-46px; margin-left:-100px; text-align: right;}
.search_index_form_x{ cursor: pointer; display: none;}
.search_index_form_search{ cursor: pointer; display: inline-block;}
.div_top_search_string{z-index: 3;}
.div_top_search_string_active{z-index: 100;}
.search_index_spisok{width: 100%; max-height: 400px;min-height:0px; overflow-x:hidden;overflow-y:auto; background-color: #ffffff;  border-radius:0px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; box-shadow: 0 2px 2px rgba(192,192,192,0.4); background-color: #ffffff; border-top:0px; border-left: 2px solid #999999; border-right: 2px solid #999999; border-bottom: 2px solid #999999;display: none; position: relative; top: -17px;}
.search_view_clue_1 {height: auto: width: 100%; min-height: 20px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px;}
.search_view_clue_2 {height: auto: width: 100%; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; min-height: 20px;}
.view_clue_1 {border:2px solid #EEEEEE; border-radius: 8px; min-height: 20px; height: auto; background-color: #FEFEFE; padding:5px; width: auto;}
.view_clue_1:hover {border:2px solid #СССССС;  background-color: #EEEEEE;}
.view_clue_2 {border-bottom:1px solid #EEEEEE;}
.view_clue_2:hover {background-color: #EEEEEE;}
.cloud_comment_activ {border-bottom:2px solid #FC8E19; display: inline-block; margin-right: 30px; cursor: pointer;}
.cloud_comment_passiv {display: inline-block; cursor: pointer;}
.cloud_comment_passiv h3 {color: #999999;}
.div_comment {padding-top:30px;}
.div_search_navi_right{width:90px; position: relative; left: 100%; top:-29px; margin-left:-100px; text-align: right;}
.search-form_active{width: 100% !important; }
.input-line_active{width: 100% !important; left:0px !important;}


.no_visible{display: none !important;}
.new_window{
background-color: rgba(40,40,40,0.4); width: 100%; height: 100%;  left: 0px; top: 0px; position: fixed; z-index: 21;
display: none;
}
.new_window > div{display: table-cell;
    text-align: center;
    vertical-align: middle; border-radius: 5px;
}
.svg_icon_search {
        fill: var(--icon-tetriary-outlined);
        height: 16px;
        left: 12px;
        margin: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        z-index: 2;
		cursor:pointer;
    }
.str0_logo {stroke:#302D29;stroke-width:0.67;stroke-linejoin:round;stroke-miterlimit:22.9256}
.str1_logo {stroke:#323B32;stroke-width:0.67;stroke-linejoin:round;stroke-miterlimit:22.9256}
.str2_logo {stroke:#414540;stroke-width:0.84;stroke-linejoin:bevel;stroke-miterlimit:22.9256}
.fil0_logo {fill:#B81C04}
.fil1_logo {fill:#FC2D2D}
.fil3_logo {fill:#F8F5F0;fill-rule:nonzero}
.fil2_logo {fill:#FEFEFE;fill-rule:nonzero}
.top_bar_new_window {top: 0; left:0; position: absolute; width: 100vw; height: 66px; z-index:1; padding: 0px;  border:0px; background-color: rgba(40,40,40,0.4); display: none;}
.filtr-pod-a_button{font-size:1em;font-weight:normal; text-decoration:none; color: #FFFFFF;background-color:#FC8E19;border:0px solid #999999; border-radius: 5px; font-weight:bold;height:25px;}
.sp_icon_size{width: 40px; height:40px;}
.sp_icon_chat{bottom: 170px; right:10px;}
.sp_icon_phone{bottom: 120px; right:10px;}
.sp_icon_chat_add{width: 0px; height: 0px; position: absolute; right:0px; top:0px; text-align: center; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s;}
.sp_icon_chat_add_0_max{width: 40px; height: 52px; position: absolute; right:0px; top:-110px;}
.sp_icon_chat_add_1_max{width: 40px; height: 52px; position: absolute; right:0px; top:-55px;}
.sp_icon_add_size{width: 100%; height: 100%; object-fit: cover;}

.support_number {color: #ffffff; font-size: 15px; position: absolute; right:-12px; top:-9px; padding-left:0px; padding-right:1px; padding-top: 3px; padding-bottom:-1px;   width: 22px; height: 20px; border-radius:12px; background-color:#34C014; font-weight:bold; box-shadow: 0px 0px 0px 4px #FFFFFF; text-align: center; animation: opacity 0.7s infinite alternate;}

@keyframes opacity {
  50% {
    opacity: 0;
    
  }
}

.support_contact_scroll{border-radius:3px; height: calc(100% - 85px); display: block; width: 100%; bottom: 85px; left: 1%; overflow-x:auto; overflow-y:auto; position: absolute;}


.chat_cloud_client{padding: 15px; border-radius: 3px; box-shadow: 0px 3px 10px 3px #E4DEDE; width: 70%; text-align: right; background: #F1F2FE;}
.chat_cloud_support{padding: 15px; border-radius: 3px; box-shadow: 3px 0px 10px 3px #E4DEDE;width: 70%; text-align: left; background: #ffffff;}
.chat_cloud_support:before { 
	content: ' '; 
	position: relative; 
	width: 0; 
	height: 0; 
	left: -12px; 
	top: -15px; 
	border: 20px solid; 
	border-color: transparent transparent #ffffff #ffffff ; 
}

.chat_cloud_client:after { 
	content: ' '; 
	position: relative; 
	width: 0; 
	height: 0; 
	right: -15px; 
	bottom: -15px; 
	border: 15px solid; 
	border-color: #F1F2FE #F1F2FE transparent transparent ; 
}
.chat_background{background: url("/images/fon/chat.png") 100% 100% no-repeat; position: absolute; background-size: cover; border-radius:10px; width: 100%; height:100%; }
.mobile_price{font-size:1.2rem;}


@media (max-width: 959px)
{
.desktop-slider {display: none;}
.product-body__aside[ui-46] {display: block;}
.product-body[ui-46]{display: block;}
.product-cta{display: none;}
.title_h2 {font-size: 1.1rem !important; margin: 0px !important;}
.product-tabs {margin-top:10px;}
.store-action-buttons {display: none;}
.mobile_text_menu{display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: auto; max-width: 18vw; height: 14px;}
.top-header{display: none !important;}
.top-header__body{display: none !important;}
.footer-links-desktop__title {padding-top:20px;}
.logo_autotc{display:none !important;}
.input-line[ui-08]{left:0px; width:100%;}
.price-block[ui-76]{position: fixed; bottom: 50px; left: 0px; width: 100vw;}
.price_add_discont{color: #555555; font-size: 1.1em; line-height:1em;}
.button_product[ui-32] {
    border-radius: 8px;
    font-size: 0.9em;
    height: 50px;
	margin-top:2px;
}
.text_inverse-primary{font-size: 0.7em;}
.price[ui-76]{color:var(--archive-gray-gray-dk-40,#141416);font-size:0.9em;font-style:normal;font-weight:600;letter-spacing:.288px;line-height:20px}
.img_spin{width:10px;}

.mobile_price_product_view{display: block; width: 100%; margin-top:25px;}
.adv_product{width: 150px; height:340px;}
.view_best_position {display: inline-block; width: 160px; height: 420px; margin-left:5px; margin-right:5px;}
.best_recomend_product{height: 340px; width: 100%; overflow-y: hidden; overflow-x:auto; margin-bottom: 20px;  scrollbar-width: thin;  scrollbar-color: #D8D9DB #F9F9F9;}
.products-slide{margin-bottom:10px;}
.new_window_x_desktop {display: none !important;}
.new_window_body {position: absolute; width: 100%; height: calc(100vh - 30px); left: 0%; top: 30px; z-index:1; background-color:#ffffff; color:#333333; overflow-y:auto; overflow-x:hidden; box-shadow: 0px 2px 10px  rgba(90,90,90,0.7); border-radius: 30px 30px 0px 0px !important;}
.footer-contacts-phone {margin-top:20px;}
.footer-contacts-social {margin-top:20px;}
.footer-policy{margin-bottom:50px;}
.products-in-cart-count{padding-left:0px;}
.div_search_navi_right{left:-7px; top:1px; z-index:2; }
.chat_background{height: calc(100% - 33px);}
}

@media (min-width: 960px)
{
.mobile-slider {display: none;}
.product-body__aside[ui-46]{display:flex;flex-direction:column}
.product-body[ui-46]{display:grid;gap:40px;grid-template-columns:6fr 10fr;grid-template-rows:1fr}
.product-body__aside__columns[ui-46]{display:grid;gap:40px;grid-template-columns:1fr 250px;height:100%;margin-top:26px}
.title_h2 {font-size: 1.3rem !important; margin: 0px !important;}
.product-tabs {margin-top:21px !important;}
.logo_autotc{}
.top_bar_new_window {height: 57px;}
.sposob_oplata_activno{width:calc(25% - 10px);}
.sposob_oplata_ne_activno{width:calc(25% - 10px);}
.sposob_oplata_vibor_all{width: calc(25% - 10px);}
.price-block[ui-76]{display:none;}
.price_add_discont{color: #555555; font-size: 1em;}
.img_spin{width:12px;}
.mobile_price_product_view{display: none;}
.adv_product{width: 180px; height:380px;}
.view_best_position {display: inline-block; width: 190px; height: 420px; margin-left:5px; margin-right:5px;}
.best_recomend_product{height: 430px; width: 100%; overflow-y: hidden; overflow-x:auto; margin-bottom: 2px;  scrollbar-width: thin;  scrollbar-color: #D8D9DB #F9F9F9;}
.products-slide{margin-bottom:20px;}
.new_window_x_desktop {position: absolute; width: 50px; height: 50px; left: 80%; top: 20%; margin-left: -14px; margin-top: -36px; z-index: 2;}
.new_window_body {position: absolute; width: 60%; height: 60%; left: 20%; top: 20%; z-index:1; background-color:#ffffff; color:#333333; overflow-y:auto; overflow-x:hidden; box-shadow: 0px 2px 10px  rgba(90,90,90,0.7);}
.new_window_x_mobile{display: none;}

.div_search_navi_right{margin-left:-160px;}
}