/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/layouts/base/styles/base.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
@font-face {
  font-family: "Vogue Highline Sans";
  src: url("../fonts/VogueHighlineSans-Regular.eot");
  src: url("../fonts/VogueHighlineSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/VogueHighlineSans-Regular.woff2") format("woff2"), url("../fonts/VogueHighlineSans-Regular.woff") format("woff"), url("../fonts/VogueHighlineSans-Regular.ttf") format("truetype"), url("../fonts/VogueHighlineSans-Regular.svg#VogueHighlineSans-Regular") format("svg");
  font-weight: 400;
  font-style: "normal";
  font-display: swap;
}
@font-face {
  font-family: "Quincy CF";
  src: url("../fonts/QuincyCF-Regular.eot");
  src: url("../fonts/QuincyCF-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/QuincyCF-Regular.woff2") format("woff2"), url("../fonts/QuincyCF-Regular.woff") format("woff"), url("../fonts/QuincyCF-Regular.ttf") format("truetype"), url("../fonts/QuincyCF-Regular.svg#QuincyCF-Regular") format("svg");
  font-weight: 400;
  font-style: "normal";
  font-display: swap;
}
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

html {
  font-size: 13px; /* для старых стилей */
  height: 100%;
  height: -webkit-fill-available;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: auto;
}
html.scroll-disabled {
  overflow-y: hidden;
}
html.full-screen {
  height: 100vh;
  overflow: hidden !important;
}

body {
  background-color: #FFFFFF;
  color: #4F3E35;
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 13px; /* для старых стилей */
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 1.385;
  height: 100%;
  height: -webkit-fill-available;
}
.full-screen body {
  position: fixed;
  width: 100%;
}

body.popmechanic-disable-scroll {
  overflow: visible !important;
}

body.popmechanic-ios-scroll-fix {
  position: static !important;
  width: 100%;
}

p {
  margin: 1em 0;
}

button, input, optgroup, select, textarea {
  font: inherit;
  letter-spacing: inherit;
  margin: 0;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

.video {
  position: relative;
  background-color: #000;
  max-width: 100%;
  height: 400px;
  margin: 0 auto;
  cursor: pointer;
}
@media (min-width: 500px) {
  .video {
    max-width: 400px;
  }
}

*::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */
*::-webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */
/* This one works */
*::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

.lt-menu-fix-adaptive-scroll {
  position: static !important;
}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/layouts/base/styles/media-queries.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
@media (max-width: 639px) {
  .css-hide-mobile {
    display: none !important;
  }
}

@media (min-width: 640px) and (max-width: 1279) {
  .css-hide-tablet {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  .css-hide-desktop {
    display: none !important;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/layouts/base/styles/forms.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.site-button {
  background-color: #4f3e35;
  border: 1px solid #4f3e35;
  border-radius: 4px;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  display: block;
  height: 48px;
  letter-spacing: inherit;
  line-height: 1;
  outline: none;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  transition: background-color 300ms ease;
  white-space: nowrap;
  width: 100%;
}
.site-button__label {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
.site-button:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.site-button:hover {
  background-color: #be9f88;
}

.form-input {
  border: 1px solid #dbd7d2;
  border-radius: 8px;
  box-sizing: border-box;
  color: #887568;
  display: block;
  font-size: 15px;
  height: 56px;
  line-height: 1.5;
  padding: 17px 14px 15px 14px;
  outline: none;
  transition: border-color 300ms ease;
  width: 100%;
}
.form-input::-moz-placeholder {
  color: rgba(136, 117, 104, 0.5);
}
.form-input::placeholder {
  color: rgba(136, 117, 104, 0.5);
}
.form-input:focus {
  border-color: #4f3e35;
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/layouts/base/ancient/popups/base.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.popupify__wrapper {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: visibility 500ms linear;
  visibility: hidden;
  z-index: 100;
}
.popupify__overlay {
  background: rgba(31, 27, 22, 0.24);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 250ms ease;
}
.popupify__wrapper--closable .popupify__overlay {
  cursor: pointer;
}
.popupify__frame {
  background-color: rgb(255, 255, 255);
  border-radius: 8px 8px 0 0;
  box-sizing: border-box;
  left: 50%;
  margin-top: -56px;
  opacity: 0;
  padding: 1.2307692308em 1.2307692308em 1.2307692308em;
  position: absolute;
  text-align: center;
  transition: transform 400ms ease, opacity 300ms ease;
  height: auto;
  transform: translate(-50%, 0%);
  top: 100%;
  width: 100.2%; /* убираем скачок в 1 пиксель из-за трансформа */
}
.popupify__frame:after { /* добавляем белую подложку, чтобы не было дыры при скролле экрана */
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  top: 100%;
  left: 0;
  background-color: #ffffff;
}
@media (min-width: 640px) {
  .popupify__frame {
    border-radius: 8px;
    top: 50%;
    min-height: 15.3846153846em;
    min-width: 35.0769230769em;
    margin: 0;
    transform: translate(-50%, -100%);
    padding: 3em 3.0769230769em 3.0769230769em;
    width: auto;
  }
  .popupify__frame:after {
    content: none;
  }
}
.popupify__title {
  font-style: normal;
  font-weight: 400;
  font-size: 1.4615384615em;
  line-height: 1.5384615385em;
  margin: 0 0 10px;
  text-align: left;
}
.popupify__scroll {
  max-height: 80vh;
}
@media (min-width: 1024px) {
  .popupify__scroll {
    scrollbar-color: #F5F3F3 #FFFFFF;
    scrollbar-width: thin;
  }
  .popupify__scroll::-webkit-scrollbar {
    background-color: transparent;
    height: 8px;
    width: 8px;
  }
  .popupify__scroll::-webkit-scrollbar-button {
    display: none;
  }
  .popupify__scroll::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .popupify__scroll::-webkit-scrollbar-thumb {
    background: #F5F3F3;
  }
}
@media (min-width: 640px) {
  .popupify__scroll {
    max-width: 35.0769230769em;
    max-height: 90vh;
  }
}
.popupify__scroll--default {
  overflow-y: scroll;
}
@media (min-width: 640px) {
  .popupify__scroll--default {
    overflow-y: auto;
  }
}
.popupify__scroll--custom {
  transform: translate3d(0, 0, 0);
}
.popupify__close {
  position: absolute;
  top: 1.0769230769em;
  z-index: 9999;
  right: 1.0769230769em;
  width: 2.4615384615em;
  height: 2.4615384615em;
  cursor: pointer;
  border-radius: 50%;
  overflow: hidden;
}
@media (min-width: 640px) {
  .popupify__close {
    top: 1.8461538462em;
    right: 1.8461538462em;
  }
}
.popupify__close:before {
  content: "";
  display: block;
  width: 2.4615384615em;
  height: 2.4615384615em;
  opacity: 0.1;
  position: absolute;
  top: 0;
  left: 0;
}
.popupify__close:after {
  content: "";
  display: block;
  width: 0.9230769231em;
  height: 0.9230769231em;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%234F3E35'%3E%3Cpath d='M.224.224a.766.766 0 0 0 0 1.083L4.917 6 .224 10.693a.766.766 0 1 0 1.083 1.083L6 7.083l4.693 4.693a.766.766 0 1 0 1.083-1.083L7.083 6l4.693-4.693A.766.766 0 1 0 10.693.224L6 4.917 1.307.224a.766.766 0 0 0-1.083 0'/%3E%3C/svg%3E") no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.popupify__preloader {
  display: none;
}
.popupify__button {
  background-color: #4F3E35;
  border-radius: 0.6153846154em;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  height: 4.3076923077em;
  line-height: 4.3076923077em;
  text-decoration: none;
}
.popupify__button--fix {
  padding: 0;
  letter-spacing: inherit;
  text-transform: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  max-width: 80%;
  margin: 0 auto;
}
.popupify__button:hover {
  background: rgba(79, 62, 53, 0.8);
}
.popupify__button--reversed {
  background-color: transparent;
  border: 1px solid rgba(95, 94, 92, 0.12);
  box-sizing: border-box;
  color: #4F3E35;
  display: inline-block;
  font-weight: 400;
  height: 40px;
  line-height: 37px;
  padding: 0 18px;
}
.popupify__button--reversed:hover {
  background-color: transparent;
}
.popupify__button--new {
  display: flex;
  height: 44px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: #4F3E35;
  border-radius: 4px;
  font-weight: normal;
  line-height: normal;
  color: #FFFFFF;
  transition: background-color 300ms ease;
}
.popupify__button--new:hover {
  background-color: rgba(79, 62, 53, 0.8);
}
.popupify__wrapper--visible {
  visibility: visible;
}
.popupify__wrapper--visible .popupify__overlay {
  opacity: 1;
}
.popupify__wrapper--visible .popupify__frame {
  opacity: 1;
  transform: translate(-50%, -100%);
  transition-delay: 100ms;
}
@media (min-width: 640px) {
  .popupify__wrapper--visible .popupify__frame {
    transform: translate(-50%, -50%);
  }
}

.popupify-inner {
  text-align: left;
  font-size: 15px;
}
.popupify-inner.popupify-inner--ta-center {
  text-align: center;
}
.popupify-inner.popupify-inner--ta-center .popupify-inner__title, .popupify-inner.popupify-inner--ta-center .popupify-inner__text {
  text-align: center;
}
.popupify-inner.popupify-inner--ta-center .popupify-inner__title {
  margin-left: 40px;
}
.popupify-inner__title {
  font-style: normal;
  font-weight: 400;
  font-size: 19px;
  line-height: 24px;
  margin: 0 40px 15px 0;
  text-align: left;
}
.popupify-inner__text {
  font-size: 15px;
  line-height: 24px;
  margin: 0 0 36px;
}
.popupify-inner__text a {
  color: #BD9E6D;
}
.popupify-inner__text ul li {
  padding-left: 20px;
  position: relative;
}
.popupify-inner__text ul li:before {
  border: 2px solid;
  border-radius: 2px;
  content: "";
  display: block;
  left: 4px;
  position: absolute;
  top: 0.67em;
}
.popupify-inner__text li + li {
  margin-top: 8px;
}
.popupify-inner__button {
  background-color: #4F3E35;
  border-radius: 0.6153846154em;
  color: #FFFFFF;
  cursor: pointer;
  height: 4.3076923077em;
  line-height: 4.3076923077em;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
}
.popupify-inner__button:hover {
  background: rgba(79, 62, 53, 0.8);
}
.popupify-inner__button--stroke {
  background-color: transparent;
  color: #4f3e35;
  border: 1px solid #4f3e35;
}
.popupify-inner__button--stroke:hover {
  color: #887568;
  border: 1px solid #887568;
  background: transparent;
}

.popup-sizeinfo {
  padding: 16px 0;
}
@media (min-width: 1024px) {
  .popup-sizeinfo {
    padding: 32px 48px;
  }
  .popup-sizeinfo .popupify__close {
    top: 12px;
    right: 10px;
  }
}
.popup-sizeinfo #popup-sizesinfo {
  padding: 0 16px;
}
@media (min-width: 1024px) {
  .popup-sizeinfo #popup-sizesinfo {
    padding: 0;
  }
}
.popup-sizeinfo__label {
  position: relative;
  margin-top: 8px;
  font-size: 13px;
  line-height: 20px;
  color: #5F5E5C;
}
.popup-sizeinfo__help {
  position: relative;
  margin: 16px 0;
}
@media (min-width: 1024px) {
  .popup-sizeinfo__help {
    display: none;
  }
}
.popup-sizeinfo__help > p {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
}
.popup-sizeinfo__help-links {
  position: relative;
  margin: 16px -16px 0 0;
  padding-right: 16px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
}
.popup-sizeinfo__help-link {
  display: inline-flex;
  position: relative;
  height: 40px;
  margin-right: 6px;
  padding: 0 16px;
  align-items: center;
  justify-content: center;
  background-color: #F1EDE8;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  color: #4F3E35;
}
.popup-sizeinfo .popupify-table-scroll {
  margin: 24px -16px 0 0;
  padding: 0 16px 0 0;
}
.popup-sizeinfo .popupify-table-scroll .popupify-table-scroll {
  margin: 24px 0 0 0;
  padding: 0;
}
@media (min-width: 1024px) {
  .popup-sizeinfo .popupify__scroll {
    max-width: 576px !important;
    overflow-x: hidden;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .popup-sizeinfo .popupify__scroll {
    scrollbar-color: #F5F3F3 #FFFFFF;
    scrollbar-width: thin;
  }
  .popup-sizeinfo .popupify__scroll::-webkit-scrollbar {
    background-color: transparent;
    height: 8px;
    width: 8px;
  }
  .popup-sizeinfo .popupify__scroll::-webkit-scrollbar-button {
    display: none;
  }
  .popup-sizeinfo .popupify__scroll::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .popup-sizeinfo .popupify__scroll::-webkit-scrollbar-thumb {
    background: #F5F3F3;
  }
}
@media (min-width: 1024px) {
  .popup-sizeinfo.popup-sizeinfo--wide .popupify__scroll {
    width: 576px;
  }
}

.popupify-section + .popupify-section {
  margin-top: 40px;
}

.popupify-table-scroll {
  position: relative;
  max-width: 100%;
  margin-top: 24px;
  overflow: auto;
}
@media (min-width: 640px) {
  .popupify-table-scroll {
    overflow: visible;
  }
}
.popupify-table-scroll > .popupify-table {
  margin-top: 0;
}

.popupify-table {
  border: none;
  border-top: 1px solid #4F3E35;
  border-bottom: 1px solid #4F3E35;
  border-collapse: collapse;
  display: grid;
  margin-top: 24px;
  justify-content: space-between;
  width: 100%;
}
.popupify-table--simple {
  display: table;
}
.popupify-table--simple thead tr {
  height: 40px;
  border-bottom: 1px solid #4F3E35;
}
@media (min-width: 1024px) {
  .popupify-table--simple thead th {
    position: relative;
  }
  .popupify-table--simple thead th:after {
    content: "";
    position: absolute;
    width: auto !important;
    top: -1px !important;
    right: 0 !important;
    bottom: -1px !important;
    left: 0 !important;
    background-color: transparent !important;
    border-top: 1px solid #4F3E35;
    border-bottom: 1px solid #4F3E35;
  }
}
.popupify-table--simple tbody tr {
  height: 40px;
  border-top: 1px solid rgba(95, 94, 92, 0.12);
}
.popupify-table--simple tbody tr:first-child {
  border-top: none;
}
.popupify-table--simple tbody td {
  vertical-align: middle;
}
.popupify-table--sticky.stick thead {
  position: fixed;
  top: 16px;
  left: 16px;
  z-index: 1;
  will-change: transform;
}
@media (min-width: 640px) {
  .popupify-table--sticky.stick thead {
    position: sticky;
    top: 0;
    left: auto;
  }
}
.popupify-table--sticky.stick .popupify-table__thead-space {
  display: block;
}
@media (min-width: 1024px) {
  .popupify-table--sticky.stick .popupify-table__thead-space {
    display: none;
  }
}
.popupify-table--sticky.stick th:first-child {
  transform: translate3d(0, 0, 0);
}
.popupify-table--sticky.stick th:first-child:after {
  content: "";
  position: absolute;
  width: 16px;
  top: -1px;
  bottom: -1px;
  right: 100%;
  background-color: #FFFFFF;
}
.popupify-table--sticky.static thead {
  transform: translateX(0) !important;
}
.popupify-table--sticky.leaving thead {
  position: absolute;
  left: 0;
  transform: translateX(0) !important;
}
@media (min-width: 640px) {
  .popupify-table--sticky.leaving thead {
    position: sticky;
    top: 0 !important;
    left: auto;
  }
}
.popupify-table--sticky.leaving .popupify-table__thead-space {
  display: block;
}
@media (min-width: 1024px) {
  .popupify-table--sticky.leaving .popupify-table__thead-space {
    display: none;
  }
}
.popupify-table--sticky .popupify-table__thead-space {
  display: none;
}
.popupify-table--sticky th {
  vertical-align: middle;
}
.popupify-table--sticky th, .popupify-table--sticky td {
  display: table-cell;
  min-width: 68px;
  padding: 0 4px;
}
@media (min-width: 1024px) {
  .popupify-table--sticky th, .popupify-table--sticky td {
    min-width: 64px;
    padding: 0 3px;
  }
}
.popupify-table--sticky th:first-child, .popupify-table--sticky td:first-child {
  position: sticky;
  left: 0;
}
@media (min-width: 640px) {
  .popupify-table--sticky th:first-child, .popupify-table--sticky td:first-child {
    position: relative;
    left: auto;
  }
}
.popupify-table--sticky th:first-child > span, .popupify-table--sticky td:first-child > span {
  position: relative;
}
.popupify-table--sticky th:first-child:before, .popupify-table--sticky td:first-child:before {
  content: "";
  position: absolute;
  box-sizing: border-box;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #FFFFFF;
  transition: box-shadow 200ms ease;
}
.popupify-table--scrolled-x th:first-child:before, .popupify-table--scrolled-x td:first-child:before {
  box-shadow: 3px 7px 12px -2px rgba(0, 0, 0, 0.05);
}
.popupify-table__th {
  align-self: center;
  align-items: center;
  color: #4F3E35;
  display: flex;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.5px;
  min-height: 32px;
  justify-content: center;
  line-height: 12px;
  padding: 4px 8px;
  text-align: center;
  vertical-align: bottom;
  white-space: nowrap;
}
.popupify-table__th--not-bordered {
  border-bottom: none;
  text-align: center;
}
.popupify-table__td {
  align-items: center;
  display: flex;
  font-size: 13px;
  line-height: 20px;
  height: 40px;
  justify-content: center;
  text-align: center;
  /*    @include mq-from($breakpoint-tablet-s) {
        padding-left: 8px;
        padding-right: 8px;
      }*/
}
.popupify-table__td--bold {
  font-weight: 400;
}
.popupify-table__separator {
  background-color: rgba(95, 94, 92, 0.12);
  grid-column: 1/-1;
  height: 1px;
  width: 100%;
}
.popupify-table__separator--bold {
  background-color: #4F3E35;
}

/* TODO: перекомпоновать стили и вынести в отдельные модули */
.message-popup .popupify__frame {
  max-width: 100%;
  padding-bottom: 40px;
  width: 456px;
}
.message-popup .popupify__button {
  height: 56px;
  line-height: 56px;
  margin: 0 auto;
  max-width: 100%;
  width: 300px;
}
.message-popup .popupify__controls {
  margin-top: 22px;
}
@media (min-width: 640px) {
  .message-popup .popupify__controls {
    margin-top: 36px;
  }
}
.message-popup .popupify-inner__text {
  margin-bottom: 0;
}
.mobile-sizes-popup__sizes-guide {
  text-align: center;
  margin: 10px 0 13px;
}
.mobile-sizes-popup__sizes-guide span {
  color: #887568;
  padding: 8px 15px 14px;
  display: inline-block;
  text-decoration: underline;
  position: relative;
  font-size: 15px;
}
.mobile-sizes-popup__sizes-guide span:hover {
  color: #62564d;
}
.mobile-sizes-popup__warning {
  text-align: left;
  margin: 10px 0;
}
.mobile-sizes-popup__button {
  display: flex;
  width: 100%;
  height: 44px;
  align-items: center;
  justify-content: center;
  background-color: #A89583;
  border-radius: 4px;
  color: #FFFFFF;
}
.mobile-sizes-popup__button.disabled {
  background: #dbd7d2;
}
.mobile-sizes-popup__button-price {
  padding-left: 15px;
  position: relative;
}
.mobile-sizes-popup__button-price:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 2.5px;
  height: 2.5px;
  border-radius: 50%;
  background: #fff;
  top: 7px;
  left: 6px;
}

.sizes-popup-mod {
  padding-bottom: 0;
  min-height: 100px;
  min-width: 100%;
}
@media (min-width: 640px) {
  .sizes-popup-mod {
    min-width: 300px;
  }
}

.stores-popup-height {
  min-height: 10.7692307692em;
  max-height: 10.7692307692em;
}

@media (min-width: 640px) {
  .popup-sizeinfo .popupify__scroll {
    max-width: 376px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/popups/shared/parts/DefaultPopupInstance.vue?vue&type=style&index=0&id=71a8bc8c&prod&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-71a8bc8c]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.defaultPopupInstance[data-v-71a8bc8c] {
  display: flex;
  position: fixed;
  width: 100%;
  height: 100%;
  min-height: -webkit-fill-available;
  top: 0;
  left: 0;
  z-index: 109;
  align-items: flex-end;
  justify-content: center;
  outline: none;
}
@media (min-width: 1024px) {
.defaultPopupInstance[data-v-71a8bc8c] {
    align-items: center;
}
}
.defaultPopupInstance--center-wrapper[data-v-71a8bc8c] {
  align-items: center;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/DefaultTransition.vue?vue&type=style&index=0&id=9663ba66&prod&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes fadeIn-9663ba66 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes fadeOut-9663ba66 {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
@keyframes fadeInDown-9663ba66 {
from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
}
to {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeOutDown-9663ba66 {
from {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeInUp-9663ba66 {
from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
}
to {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeOutUp-9663ba66 {
from {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
}
}
.fade-enter-active[data-v-9663ba66], .fadeIn[data-v-9663ba66],
.fade-leave-active[data-v-9663ba66], .fadeOut[data-v-9663ba66] {
  animation-fill-mode: both;
}
.fade-enter-active[data-v-9663ba66], .fadeIn[data-v-9663ba66] {
  animation-name: fadeIn-9663ba66;
}
.fade-leave-active[data-v-9663ba66], .fadeOut[data-v-9663ba66] {
  animation-name: fadeOut-9663ba66;
}
.mobileSlideY-leave-active[data-v-9663ba66] {
  animation-name: fadeOutDown-9663ba66;
}
.fadeUp-enter-active[data-v-9663ba66], .fadeInUp[data-v-9663ba66],
.fadeUp-leave-active[data-v-9663ba66], .fadeOutUp[data-v-9663ba66] {
  animation-fill-mode: both;
}
.fadeUp-enter-active[data-v-9663ba66], .fadeInUp[data-v-9663ba66], .mobileSlideY-enter-active[data-v-9663ba66] {
  animation-name: fadeInUp-9663ba66;
}
.fadeUp-leave-active[data-v-9663ba66], .fadeOutUp[data-v-9663ba66] {
  animation-name: fadeOutUp-9663ba66;
}
@keyframes slideInDown-9663ba66 {
from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
}
to {
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideOutDown-9663ba66 {
from {
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
}
}
@keyframes slideInLeft-9663ba66 {
from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
}
to {
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideOutLeft-9663ba66 {
from {
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideInRight-9663ba66 {
from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
}
to {
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideOutRight-9663ba66 {
from {
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
}
}
@keyframes slideInUp-9663ba66 {
from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
}
to {
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideOutUp-9663ba66 {
from {
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
}
}
.slide-enter-active[data-v-9663ba66], .slideIn[data-v-9663ba66],
.slide-leave-active[data-v-9663ba66], .slideOut[data-v-9663ba66] {
  animation-fill-mode: both;
}
.slide-enter-active[data-v-9663ba66], .slideIn[data-v-9663ba66] {
  animation-name: slideIn;
}
.slide-leave-active[data-v-9663ba66], .slideOut[data-v-9663ba66] {
  animation-name: slideOut;
}
.slideDown-enter-active[data-v-9663ba66], .slideInDown[data-v-9663ba66],
.slideDown-leave-active[data-v-9663ba66], .slideOutDown[data-v-9663ba66] {
  animation-fill-mode: both;
}
.slideDown-enter-active[data-v-9663ba66], .slideInDown[data-v-9663ba66] {
  animation-name: slideInDown-9663ba66;
}
.slideDown-leave-active[data-v-9663ba66], .slideOutDown[data-v-9663ba66] {
  animation-name: slideOutDown-9663ba66;
}
.slideLeft-enter-active[data-v-9663ba66], .slideInLeft[data-v-9663ba66],
.slideLeft-leave-active[data-v-9663ba66], .slideOutLeft[data-v-9663ba66] {
  animation-fill-mode: both;
}
.slideLeft-enter-active[data-v-9663ba66], .slideInLeft[data-v-9663ba66] {
  animation-name: slideInLeft-9663ba66;
}
.slideLeft-leave-active[data-v-9663ba66], .slideOutLeft[data-v-9663ba66] {
  animation-name: slideOutLeft-9663ba66;
}
.slideRight-enter-active[data-v-9663ba66], .slideInRight[data-v-9663ba66],
.slideRight-leave-active[data-v-9663ba66], .slideOutRight[data-v-9663ba66] {
  animation-fill-mode: both;
}
.slideRight-enter-active[data-v-9663ba66], .slideInRight[data-v-9663ba66] {
  animation-name: slideInRight-9663ba66;
}
.slideRight-leave-active[data-v-9663ba66], .slideOutRight[data-v-9663ba66] {
  animation-name: slideOutRight-9663ba66;
}
.slideUp-enter-active[data-v-9663ba66], .slideInUp[data-v-9663ba66],
.slideUp-leave-active[data-v-9663ba66], .slideOutUp[data-v-9663ba66] {
  animation-fill-mode: both;
}
.slideUp-enter-active[data-v-9663ba66], .slideInUp[data-v-9663ba66] {
  animation-name: slideInUp-9663ba66;
}
.slideUp-leave-active[data-v-9663ba66], .slideOutUp[data-v-9663ba66] {
  animation-name: slideOutUp-9663ba66;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/popups/shared/parts/DefaultPopupOverlay.vue?vue&type=style&index=0&id=f144271a&prod&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-f144271a]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.defaultPopupOverlay[data-v-f144271a] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(31, 27, 22, 0.24);
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/popups/shared/parts/DefaultPopupWrapper.vue?vue&type=style&index=0&id=4bd761d7&prod&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4bd761d7]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.defaultPopupWrapper[data-v-4bd761d7] {
  display: flex;
  position: absolute;
  width: 100%;
  max-width: 100%;
  max-height: calc(100% - 44px);
  box-sizing: border-box;
  flex-direction: column;
  background-color: #FFFFFF;
}
.defaultPopupWrapper[data-v-4bd761d7]:before {
  content: "";
  position: fixed;
  width: 100%;
  height: 200%;
  margin-top: -5px;
  top: 100%;
  left: 0;
  background-color: #FFFFFF;
}
.defaultPopupWrapper--rounded[data-v-4bd761d7] {
  overflow: hidden;
  border-radius: 12px 12px 0 0;
}
.defaultPopupWrapper--size-auto[data-v-4bd761d7] {
  height: auto;
}
.defaultPopupWrapper--size-fullscreen[data-v-4bd761d7] {
  height: 100%;
  max-height: 100%;
}
.defaultPopupWrapper--size-overlay[data-v-4bd761d7] {
  height: 100%;
}
.defaultPopupWrapper--size-wide[data-v-4bd761d7] {
  width: 480px;
}
.defaultPopupWrapper--mobile[data-v-4bd761d7]:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 400px;
  margin-top: -5px;
  top: 100%;
  left: 0;
  background-color: #FFFFFF;
}
.defaultPopupWrapper--no-pseudo[data-v-4bd761d7]:before, .defaultPopupWrapper--no-pseudo[data-v-4bd761d7]:after {
  display: none;
}
@media (min-width: 1024px) {
.defaultPopupWrapper[data-v-4bd761d7] {
    width: 416px;
    height: auto;
    max-height: calc(100% - 44px);
    padding: 0 0 0;
}
.defaultPopupWrapper--wide[data-v-4bd761d7] {
    width: 656px;
}
.defaultPopupWrapper--size-wide[data-v-4bd761d7] {
    width: 480px;
}
.defaultPopupWrapper--size-fullscreen[data-v-4bd761d7] {
    width: 100%;
    height: 100%;
    max-height: 100%;
    border-radius: 0;
}
.defaultPopupWrapper--rounded[data-v-4bd761d7] {
    border-radius: 8px;
}
.defaultPopupWrapper[data-v-4bd761d7]:before {
    content: none;
}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/icons/shared/SvgIcon.vue?vue&type=style&index=0&id=36a28b66&prod&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.Icon[data-v-36a28b66] {
  display: block;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  position: relative;
  transition: fill 300ms ease, stroke 300ms ease;
  width: 100%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/CloseButton.vue?vue&type=style&index=0&id=97692142&prod&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.closeButton[data-v-97692142] {
  position: relative;
  width: 24px;
  height: 24px;
  cursor: pointer;
  stroke: #4F3E35;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/BackButton.vue?vue&type=style&index=0&id=00f44386&prod&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-00f44386]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.backButton[data-v-00f44386] {
  display: flex;
  position: relative;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
}
.backButton__icon[data-v-00f44386] {
  position: relative;
  width: 24px;
  height: 24px;
  stroke: #4F3E35;
}
.backButton__text[data-v-00f44386] {
  position: relative;
  margin-left: 8px;
  color: #4F3E35;
}
.backButton__text--medium[data-v-00f44386] {
  font-size: 15px;
}
.backButton__text--large[data-v-00f44386] {
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/typography/TitleText/TitleText.vue?vue&type=style&index=0&id=f3ad9fa6&prod&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.TitleText[data-v-f3ad9fa6] {
  color: #4F3E35;
}
.TitleText--size-extra-large[data-v-f3ad9fa6] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 23px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 32px;
}
.TitleText--size-large[data-v-f3ad9fa6] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 28px;
}
.TitleText--size-medium[data-v-f3ad9fa6] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
}
.TitleText--size-small[data-v-f3ad9fa6] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 1.5px;
  line-height: 16px;
  text-transform: uppercase;
}
.TitleText--ellipsis[data-v-f3ad9fa6] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.TitleText--ellipsis[data-v-f3ad9fa6] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.TitleText[data-v-f3ad9fa6] > *:first-child {
  margin-top: 0 !important;
}
.TitleText[data-v-f3ad9fa6] > *:last-child {
  margin-bottom: 0 !important;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/popups/shared/parts/DefaultPopupHead.vue?vue&type=style&index=0&id=43ded8e7&prod&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-43ded8e7]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.defaultPopupHead[data-v-43ded8e7] {
  position: relative;
  min-height: 56px;
  z-index: 1;
  padding: 14px 16px;
  box-sizing: border-box;
  align-items: center;
}
.defaultPopupHead--bordered[data-v-43ded8e7] {
  border-bottom: 1px solid rgba(95, 94, 92, 0.12);
}
.defaultPopupHead__title[data-v-43ded8e7] {
  display: flex;
  align-items: center;
  position: relative;
  gap: 9px;
}
@media (min-width: 1024px) {
.defaultPopupHead__title[data-v-43ded8e7] {
    margin-right: 22px;
    margin-left: 22px;
}
}
.defaultPopupHead__title--margin-left[data-v-43ded8e7] {
  margin-left: 36px;
}
.defaultPopupHead__title--margin-right[data-v-43ded8e7] {
  margin-right: 36px;
}
.defaultPopupHead__title--margin-horizontal[data-v-43ded8e7] {
  margin: 0 36px;
}
.defaultPopupHead__title--align-left[data-v-43ded8e7] {
  justify-content: flex-start;
}
.defaultPopupHead__title--align-center[data-v-43ded8e7] {
  justify-content: center;
}
.defaultPopupHead__title--align-right[data-v-43ded8e7] {
  justify-content: flex-end;
}
.defaultPopupHead__back-button[data-v-43ded8e7], .defaultPopupHead__close-button[data-v-43ded8e7] {
  display: flex;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 15px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.defaultPopupHead__back-button[data-v-43ded8e7] {
  width: 40px;
  height: 40px;
  margin: -8px 0 0 -8px;
  stroke: #4F3E35;
}
.defaultPopupHead__close-button[data-v-43ded8e7] {
  right: 16px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/popups/shared/parts/DefaultPopupBody.vue?vue&type=style&index=0&id=17449a23&prod&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-17449a23]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
[data-v-17449a23]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
[data-v-17449a23]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.defaultPopupBody[data-v-17449a23] {
  position: relative;
  flex: 1;
}
.defaultPopupBody--scrollable[data-v-17449a23] {
  overflow: auto;
}
@media (min-width: 1024px) {
.defaultPopupBody--scrollable[data-v-17449a23] {
    scrollbar-color: rgba(31, 27, 22, 0.12) #FFFFFF;
    scrollbar-width: thin;
}
.defaultPopupBody--scrollable[data-v-17449a23]::-webkit-scrollbar {
    background-color: transparent;
    height: 3px;
    width: 3px;
    border-radius: 2px;
}
.defaultPopupBody--scrollable[data-v-17449a23]::-webkit-scrollbar-button {
    display: none;
}
.defaultPopupBody--scrollable[data-v-17449a23]::-webkit-scrollbar-track {
    background-color: transparent;
}
.defaultPopupBody--scrollable[data-v-17449a23]::-webkit-scrollbar-thumb {
    background: rgba(31, 27, 22, 0.12);
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/popups/shared/parts/DefaultPopupContent.vue?vue&type=style&index=0&id=0dc20a8f&prod&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-0dc20a8f]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.defaultPopupContent[data-v-0dc20a8f] {
  position: relative;
}
.defaultPopupContent--align-left[data-v-0dc20a8f] {
  text-align: left;
}
.defaultPopupContent--align-center[data-v-0dc20a8f] {
  text-align: center;
}
.defaultPopupContent--align-right[data-v-0dc20a8f] {
  text-align: right;
}
.defaultPopupContent[data-v-0dc20a8f] > h4 {
  font-size: 23px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 30px;
  position: relative;
  text-align: center;
  text-transform: none;
}
@media (min-width: 1024px) {
.defaultPopupContent[data-v-0dc20a8f] > h4 {
    font-size: 23px;
    font-weight: 400;
    letter-spacing: 0.7px;
    line-height: 32px;
    margin-bottom: 26px;
}
}
.defaultPopupContent[data-v-0dc20a8f] > p {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
}
.defaultPopupContent[data-v-0dc20a8f] > p a {
  color: #BD9E6D;
}
.defaultPopupContent[data-v-0dc20a8f] > p a:hover {
  text-decoration: none;
}
.defaultPopupContent[data-v-0dc20a8f] > *:first-child {
  margin-top: 0 !important;
}
.defaultPopupContent[data-v-0dc20a8f] > *:last-child {
  margin-bottom: 0 !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/popups/shared/parts/DefaultPopupPadding.vue?vue&type=style&index=0&id=19c5c75e&prod&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-19c5c75e]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.defaultPopupPadding[data-v-19c5c75e] {
  display: flex;
  position: relative;
  padding: 16px 16px 34px;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}
@media (min-width: 1024px) {
.defaultPopupPadding[data-v-19c5c75e] {
    padding: 26px 40px 60px;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/popups/shared/parts/DefaultPopupControls.vue?vue&type=style&index=0&id=f0077426&prod&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.DefaultPopupControls[data-v-f0077426] {
  position: relative;
  margin-top: 40px;
}
.DefaultPopupControls--center[data-v-f0077426] {
  text-align: center;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/Button.vue?vue&type=style&index=0&id=0835e069&prod&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.default-button[data-v-0835e069] {
  display: block;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
  text-decoration: none;
  transition: background-color 200ms ease, color 200ms ease;
}
.default-button[data-v-0835e069]:active:before, .default-button[data-v-0835e069]:hover:before {
  opacity: 1;
}
.default-button--type-primary[data-v-0835e069] {
  height: 44px;
}
.default-button--type-secondary[data-v-0835e069] {
  height: 36px;
}
.default-button--height-auto[data-v-0835e069] {
  height: auto;
}
.default-button--theme[data-v-0835e069] {
  /*
      &-white {
        background-color: $color-white;
        color: $color-savannah;

        &:active, &:hover {
          color: $color-savannah-hover;
        }

        &.default-button--disabled {
          color: $color-disabled;
        }

      }

      &-light {
        background-color: $color-tertiary;
        color: $color-main;

        &:active, &:hover {
          color: $color-main-hover;
        }

        &.default-button--disabled {
          color: $color-disabled;
        }

      }

      &-transparent {
        background-color: transparent;
        color: $color-main;

        &:active, &:hover {
          color: $color-main-hover;
        }

        &.default-button--disabled {
          color: $color-secondary;
        }

      }

      &-secondary {
        background-color: transparent;
        border: 1px solid $color-savannah;
        color: $color-savannah;

        &:active, &:hover {
          color: $color-savannah-hover;
        }

        &.default-button--disabled {
          border-color: $color-secondary;
          color: $color-secondary;
        }
      }*/
}
.default-button--theme-default[data-v-0835e069] {
  background-color: #4F3E35;
  color: #FFFFFF;
}
.default-button--theme-default[data-v-0835e069]:before {
  background-color: rgba(255, 255, 255, 0.12);
}
.default-button--theme-default.default-button--disabled[data-v-0835e069] {
  background-color: rgba(79, 62, 53, 0.12);
  color: rgba(79, 62, 53, 0.4);
}
.default-button--marginTop-none[data-v-0835e069] {
  margin-top: 0;
}
.default-button--marginTop-default[data-v-0835e069] {
  margin-top: 16px;
}
.default-button--marginTop-big[data-v-0835e069] {
  margin-top: 24px;
}
.default-button--marginTop-small[data-v-0835e069] {
  margin-top: 8px;
}
.default-button--width-full[data-v-0835e069] {
  display: flex;
}
.default-button--width-auto[data-v-0835e069] {
  display: inline-flex;
  padding: 0 16px;
  width: auto;
}
.default-button--disabled[data-v-0835e069] {
  cursor: default;
}
.default-button[data-v-0835e069]:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity 200ms ease;
}
.default-button__inner[data-v-0835e069] {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: space-around;
  min-width: 44px;
  position: relative;
  width: 100%;
}
.default-button__inner--hidden[data-v-0835e069] {
  opacity: 0;
  visibility: hidden;
}
.default-button--alignItems-baseline .default-button[data-v-0835e069] {
  align-items: baseline;
}
.default-button__icon[data-v-0835e069] {
  display: flex;
  position: relative;
  height: 16px;
  align-items: center;
}
.default-button__icon--left[data-v-0835e069] {
  margin-right: 12px;
}
.default-button__icon--right[data-v-0835e069] {
  margin-left: 12px;
}
.default-button--theme-transparent .default-button--left[data-v-0835e069] {
  margin-right: 6px;
}
.default-button--theme-transparent .default-button--right[data-v-0835e069] {
  margin-left: 6px;
}
.default-button .default-button__preloader-icon[data-v-0835e069] {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  stroke: currentColor;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/popups/AlertPopup.vue?vue&type=style&index=0&id=6a4364b2&prod&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.AlertPopup__arrow-icon[data-v-6a4364b2] {
  width: 5.8px;
  height: 9.9px;
  fill: #4F3E35;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/typography/BodyText/BodyText.vue?vue&type=style&index=0&id=26f8bec6&prod&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.BodyText[data-v-26f8bec6] {
  color: #4F3E35;
}
.BodyText--size-extra-large[data-v-26f8bec6] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 28px;
}
.BodyText--size-large[data-v-26f8bec6] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
}
.BodyText--size-medium[data-v-26f8bec6] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
}
.BodyText--size-small[data-v-26f8bec6] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 16px;
}
.BodyText--size-extra-small[data-v-26f8bec6] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 14px;
}
.BodyText--ellipsis[data-v-26f8bec6] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.BodyText[data-v-26f8bec6] > *:first-child {
  margin-top: 0 !important;
}
.BodyText[data-v-26f8bec6] > *:last-child {
  margin-bottom: 0 !important;
}
.BodyText[data-v-26f8bec6] a {
  position: relative;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  color: #BD9E6D;
}
.BodyText[data-v-26f8bec6] a:hover {
  text-decoration: none;
}
.BodyText[data-v-26f8bec6] ul {
  position: relative;
  list-style-type: disc;
  list-style-position: inside;
}
.BodyText[data-v-26f8bec6] ul li + li {
  margin-top: 16px;
}
.BodyText[data-v-26f8bec6] strong {
  font-weight: inherit;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/controls/ButtonV2/ButtonV2.vue?vue&type=style&index=0&id=2e6370c7&prod&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ButtonV2[data-v-2e6370c7] {
  border: 1px solid transparent;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  touch-action: manipulation;
  transition: background-color 300ms ease, border-color 300ms ease, color 300ms ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ButtonV2[data-v-2e6370c7]:before {
  background-color: transparent;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: background-color 300ms ease;
  width: 100%;
}
.ButtonV2[data-v-2e6370c7]:focus-visible {
  outline: none;
}
.ButtonV2__inner[data-v-2e6370c7] {
  align-items: center;
  display: flex;
  flex: 1;
  height: 100%;
  justify-content: center;
  position: relative;
  transition: opacity 300ms ease, visibility 300ms ease;
}
.ButtonV2__text[data-v-2e6370c7] {
  position: relative;
  text-align: center;
}
.ButtonV2__label[data-v-2e6370c7] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ButtonV2__caption[data-v-2e6370c7] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ButtonV2__label + .ButtonV2__caption[data-v-2e6370c7] {
  margin-top: -2px;
}
.ButtonV2__icon[data-v-2e6370c7] {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  position: relative;
}
.ButtonV2__loader[data-v-2e6370c7] {
  left: 50%;
  opacity: 0;
  position: absolute;
  stroke: currentColor;
  top: 50%;
  transition: visibility 300ms ease, opacity 300ms ease;
  transform: translate(-50%, -50%);
  visibility: hidden;
}
.ButtonV2--disabled[data-v-2e6370c7] {
  cursor: default;
}
.ButtonV2--inline[data-v-2e6370c7] {
  display: inline-block;
  vertical-align: top;
}
.ButtonV2--loading .ButtonV2__inner[data-v-2e6370c7] {
  opacity: 0;
  visibility: hidden;
}
.ButtonV2--loading .ButtonV2__loader[data-v-2e6370c7] {
  opacity: 1;
  visibility: visible;
}
.ButtonV2--size-large[data-v-2e6370c7] {
  height: 48px;
  min-width: 48px;
}
.ButtonV2--size-large .ButtonV2__inner[data-v-2e6370c7] {
  gap: 4px;
  padding: 0 12px;
}
.ButtonV2--size-large .ButtonV2__text[data-v-2e6370c7] {
  padding: 0 8px;
}
.ButtonV2--size-large .ButtonV2__icon[data-v-2e6370c7] {
  height: 24px;
  width: 24px;
}
.ButtonV2--size-medium[data-v-2e6370c7] {
  height: 40px;
  min-width: 40px;
}
.ButtonV2--size-medium .ButtonV2__inner[data-v-2e6370c7] {
  padding: 0 8px;
}
.ButtonV2--size-medium .ButtonV2__text[data-v-2e6370c7] {
  padding: 0 6px;
}
.ButtonV2--size-medium .ButtonV2__caption[data-v-2e6370c7] {
  display: none;
}
.ButtonV2--size-medium .ButtonV2__icon[data-v-2e6370c7] {
  height: 24px;
  padding: 2px;
  width: 24px;
}
.ButtonV2--size-small[data-v-2e6370c7] {
  height: 32px;
  min-width: 32px;
}
.ButtonV2--size-small .ButtonV2__inner[data-v-2e6370c7] {
  padding: 0 6px;
}
.ButtonV2--size-small .ButtonV2__text[data-v-2e6370c7] {
  padding: 0 6px;
}
.ButtonV2--size-small .ButtonV2__label[data-v-2e6370c7] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
}
.ButtonV2--size-small .ButtonV2__caption[data-v-2e6370c7] {
  display: none;
}
.ButtonV2--size-small .ButtonV2__icon[data-v-2e6370c7] {
  height: 20px;
  padding: 2px;
  width: 20px;
}
.ButtonV2--text-size-large .ButtonV2__label[data-v-2e6370c7] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
}
.ButtonV2--text-size-medium .ButtonV2__label[data-v-2e6370c7] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
}
.ButtonV2--text-size-small .ButtonV2__label[data-v-2e6370c7] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 16px;
}
.ButtonV2--theme-primary[data-v-2e6370c7] {
  background-color: #4F3E35;
  color: white;
}
.ButtonV2--theme-primary[data-v-2e6370c7]:hover {
  background-color: #5C483D;
}
.ButtonV2--theme-primary[data-v-2e6370c7]:focus-visible {
  background-color: #5C483D;
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3px #DECEB5;
}
.ButtonV2--theme-primary[data-v-2e6370c7]:active {
  background-color: #71594C;
}
.ButtonV2--theme-accent[data-v-2e6370c7] {
  background-color: #BD9E6D;
  color: white;
}
.ButtonV2--theme-accent[data-v-2e6370c7]:hover {
  background-color: #B89661;
}
.ButtonV2--theme-accent[data-v-2e6370c7]:focus-visible {
  background-color: #B89661;
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3px #DECEB5;
}
.ButtonV2--theme-accent[data-v-2e6370c7]:active {
  background-color: #B08B4F;
}
.ButtonV2--theme-primary.ButtonV2--disabled[data-v-2e6370c7] {
  background-color: #F2F2F2;
  border-color: transparent;
  box-shadow: none;
  color: #AFAEAC;
}
.ButtonV2--theme-secondary[data-v-2e6370c7] {
  background-color: white;
  border-color: rgba(95, 94, 92, 0.12);
  color: #4f3e35;
}
.ButtonV2--theme-secondary[data-v-2e6370c7]:hover {
  background-color: #FAF8F4;
}
.ButtonV2--theme-secondary[data-v-2e6370c7]:focus-visible {
  background-color: #FAF8F4;
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3px #DECEB5;
}
.ButtonV2--theme-secondary[data-v-2e6370c7]:active {
  background-color: #F4EFE6;
}
.ButtonV2--theme-secondary.ButtonV2--disabled[data-v-2e6370c7] {
  background-color: #F2F2F2;
  border-color: transparent;
  box-shadow: none;
  color: #AFAEAC;
}
.ButtonV2--theme-outline[data-v-2e6370c7] {
  background-color: transparent;
  border-color: #4F3E35;
  color: #4F3E35;
}
.ButtonV2--theme-outline[data-v-2e6370c7]:hover {
  background-color: #FAF8F4;
}
.ButtonV2--theme-outline[data-v-2e6370c7]:focus-visible {
  background-color: #FAF8F4;
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3px #DECEB5;
}
.ButtonV2--theme-outline[data-v-2e6370c7]:active {
  background-color: #F4EFE6;
}
.ButtonV2--theme-outline.ButtonV2--disabled[data-v-2e6370c7] {
  background-color: transparent;
  border-color: #CACAC9;
  box-shadow: none;
  color: #AFAEAC;
}
.ButtonV2--theme-shade[data-v-2e6370c7] {
  background-color: #F4EFE6;
  color: #4f3e35;
}
.ButtonV2--theme-shade[data-v-2e6370c7]:hover {
  background-color: #EFE8DC;
}
.ButtonV2--theme-shade[data-v-2e6370c7]:focus-visible {
  background-color: #EFE8DC;
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3px #DECEB5;
}
.ButtonV2--theme-shade[data-v-2e6370c7]:active {
  background-color: #E9DFCD;
}
.ButtonV2--theme-shade.ButtonV2--disabled[data-v-2e6370c7] {
  background-color: #F2F2F2;
  border-color: transparent;
  box-shadow: none;
  color: #AFAEAC;
}
.ButtonV2--theme-ghost[data-v-2e6370c7] {
  background-color: white;
  color: #4F3E35;
}
.ButtonV2--theme-ghost[data-v-2e6370c7]:hover {
  background-color: #FAF8F4;
}
.ButtonV2--theme-ghost[data-v-2e6370c7]:focus-visible {
  background-color: #FAF8F4;
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3px #DECEB5;
}
.ButtonV2--theme-ghost[data-v-2e6370c7]:active {
  background-color: #F4EFE6;
}
.ButtonV2--theme-ghost.ButtonV2--disabled[data-v-2e6370c7] {
  background-color: transparent;
  box-shadow: none;
  color: #AFAEAC;
}
.ButtonV2--theme-ghost.ButtonV2--size-large .ButtonV2__inner[data-v-2e6370c7] {
  padding: 0 6px;
}
.ButtonV2--theme-ghost.ButtonV2--size-large .ButtonV2__text[data-v-2e6370c7] {
  padding: 0 6px;
}
.ButtonV2--theme-ghost.ButtonV2--size-medium .ButtonV2__inner[data-v-2e6370c7] {
  padding: 0 4px;
}
.ButtonV2--theme-ghost.ButtonV2--size-medium .ButtonV2__text[data-v-2e6370c7] {
  padding: 0 4px;
}
.ButtonV2--theme-ghost.ButtonV2--size-small .ButtonV2__inner[data-v-2e6370c7] {
  padding: 0 2px;
}
.ButtonV2--theme-ghost.ButtonV2--size-small .ButtonV2__text[data-v-2e6370c7] {
  padding: 0 2px;
}
.ButtonV2--theme-warning[data-v-2e6370c7] {
  background-color: #B83B32;
  color: white;
}
.ButtonV2--theme-warning[data-v-2e6370c7]:hover {
  background-color: #C53F35;
}
.ButtonV2--theme-warning[data-v-2e6370c7]:focus-visible {
  background-color: #C53F35;
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3px #DECEB5;
}
.ButtonV2--theme-warning[data-v-2e6370c7]:active {
  background-color: #CD4F46;
}
.ButtonV2--theme-warning.ButtonV2--disabled[data-v-2e6370c7] {
  background-color: #F2F2F2;
  border-color: transparent;
  box-shadow: none;
  color: #AFAEAC;
}
.ButtonV2--theme-warning-shade[data-v-2e6370c7] {
  background-color: #FAECEB;
  color: #B83B32;
}
.ButtonV2--theme-warning-shade[data-v-2e6370c7]:hover {
  background-color: #F8E4E2;
}
.ButtonV2--theme-warning-shade[data-v-2e6370c7]:focus-visible {
  background-color: #F8E4E2;
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3px #DECEB5;
}
.ButtonV2--theme-warning-shade[data-v-2e6370c7]:active {
  background-color: #F5D8D6;
}
.ButtonV2--theme-warning-shade.ButtonV2--disabled[data-v-2e6370c7] {
  background-color: #F2F2F2;
  border-color: transparent;
  box-shadow: none;
  color: #AFAEAC;
}
.ButtonV2--theme-overlay[data-v-2e6370c7] {
  background-color: rgba(255, 255, 255, 0.24);
  border-color: white;
  color: white;
}
.ButtonV2--theme-overlay[data-v-2e6370c7]:hover:before {
  background-color: rgba(255, 255, 255, 0.15);
}
.ButtonV2--theme-overlay[data-v-2e6370c7]:focus-visible {
  box-shadow: 0 0 0 2px #FFFFFF;
}
.ButtonV2--theme-overlay[data-v-2e6370c7]:focus-visible:before {
  background-color: rgba(255, 255, 255, 0.15);
}
.ButtonV2--theme-overlay[data-v-2e6370c7]:active:before {
  background-color: rgba(255, 255, 255, 0.32);
}
.ButtonV2--theme-overlay.ButtonV2--disabled[data-v-2e6370c7] {
  background-color: rgba(255, 255, 255, 0.12);
  border-color: transparent;
  box-shadow: none;
  color: rgba(255, 255, 255, 0.4);
}
.ButtonV2--theme-overlay.ButtonV2--disabled[data-v-2e6370c7]:before {
  background-color: transparent;
}
.ButtonV2--theme-overlay-outline[data-v-2e6370c7] {
  border-color: white;
  color: white;
}
.ButtonV2--theme-overlay-outline[data-v-2e6370c7]:hover:before {
  background-color: rgba(255, 255, 255, 0.15);
}
.ButtonV2--theme-overlay-outline[data-v-2e6370c7]:focus-visible {
  box-shadow: 0 0 0 2px #FFFFFF;
}
.ButtonV2--theme-overlay-outline[data-v-2e6370c7]:focus-visible:before {
  background-color: rgba(255, 255, 255, 0.15);
}
.ButtonV2--theme-overlay-outline[data-v-2e6370c7]:active:before {
  background-color: rgba(255, 255, 255, 0.32);
}
.ButtonV2--theme-overlay-outline.ButtonV2--disabled[data-v-2e6370c7] {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.4);
  box-shadow: none;
  color: rgba(255, 255, 255, 0.4);
}
.ButtonV2--theme-overlay-outline.ButtonV2--disabled[data-v-2e6370c7]:before {
  background-color: transparent;
}
.ButtonV2--theme-overlay-ghost[data-v-2e6370c7] {
  border-color: transparent;
  color: white;
}
.ButtonV2--theme-overlay-ghost[data-v-2e6370c7]:hover:before {
  background-color: rgba(255, 255, 255, 0.15);
}
.ButtonV2--theme-overlay-ghost[data-v-2e6370c7]:focus-visible {
  box-shadow: 0 0 0 2px #FFFFFF;
}
.ButtonV2--theme-overlay-ghost[data-v-2e6370c7]:focus-visible:before {
  background-color: rgba(255, 255, 255, 0.15);
}
.ButtonV2--theme-overlay-ghost[data-v-2e6370c7]:active:before {
  background-color: rgba(255, 255, 255, 0.32);
}
.ButtonV2--theme-overlay-ghost.ButtonV2--disabled[data-v-2e6370c7] {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: rgba(255, 255, 255, 0.4);
}
.ButtonV2--theme-overlay-ghost.ButtonV2--disabled[data-v-2e6370c7]:before {
  background-color: transparent;
}
.ButtonV2--theme-overlay-ghost.ButtonV2--size-large .ButtonV2__inner[data-v-2e6370c7] {
  padding: 0 6px;
}
.ButtonV2--theme-overlay-ghost.ButtonV2--size-large .ButtonV2__text[data-v-2e6370c7] {
  padding: 0 6px;
}
.ButtonV2--theme-overlay-ghost.ButtonV2--size-medium .ButtonV2__inner[data-v-2e6370c7] {
  padding: 0 4px;
}
.ButtonV2--theme-overlay-ghost.ButtonV2--size-medium .ButtonV2__text[data-v-2e6370c7] {
  padding: 0 4px;
}
.ButtonV2--theme-overlay-ghost.ButtonV2--size-small .ButtonV2__inner[data-v-2e6370c7] {
  padding: 0 2px;
}
.ButtonV2--theme-overlay-ghost.ButtonV2--size-small .ButtonV2__text[data-v-2e6370c7] {
  padding: 0 2px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/ImageLoaderSimple.vue?vue&type=style&index=0&id=47a8a002&prod&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ImageLoaderSimple[data-v-47a8a002] {
  opacity: 0;
  transition: opacity 300ms ease;
}
.ImageLoaderSimple--loaded[data-v-47a8a002] {
  opacity: 1;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/cart/components/CartPositionPreview/CartPositionPreview.vue?vue&type=style&index=0&id=0afda469&prod&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-0afda469]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.CartPositionPreview[data-v-0afda469] {
  display: flex;
}
.CartPositionPreview__image[data-v-0afda469] {
  position: relative;
  width: 96px;
  min-width: 96px;
  height: 144px;
  overflow: hidden;
  border: 1px solid rgba(95, 94, 92, 0.12);
  border-radius: 2px;
  -o-object-fit: cover;
  object-fit: cover;
}
.CartPositionPreview__content[data-v-0afda469] {
  display: flex;
  position: relative;
  margin-left: 16px;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.CartPositionPreview__row[data-v-0afda469] {
  position: relative;
}
.CartPositionPreview__price[data-v-0afda469] {
  position: relative;
  margin-bottom: 4px;
  color: #4F3E35;
}
.CartPositionPreview__title[data-v-0afda469] {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #4F3E35;
}
.CartPositionPreview__article[data-v-0afda469] {
  position: relative;
  color: rgba(95, 94, 92, 0.4);
}
.CartPositionPreview__color-and-size[data-v-0afda469] {
  display: flex;
  position: relative;
  margin-top: 8px;
  align-items: center;
  white-space: nowrap;
  color: rgba(79, 62, 53, 0.4);
}
.CartPositionPreview__color[data-v-0afda469] {
  display: inline-block;
  position: relative;
  padding-left: 18px;
  overflow: hidden;
  vertical-align: middle;
  white-space: nowrap;
  color: #4F3E35;
}
.CartPositionPreview__color-circle[data-v-0afda469] {
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 3px;
  margin-top: -4px;
  box-sizing: border-box;
  border-radius: 8px;
}
.CartPositionPreview__color-delimiter[data-v-0afda469] {
  display: inline-block;
  position: relative;
  margin: 0 4px;
  vertical-align: middle;
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 16px;
  color: rgba(79, 62, 53, 0.4);
}
.CartPositionPreview__color-delimiter[data-v-0afda469]:before {
  content: "·";
}
.CartPositionPreview__size[data-v-0afda469] {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  color: #4F3E35;
}
.CartPositionPreview__state[data-v-0afda469] {
  position: relative;
  color: #B83B32;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/popups/parts/PopupClose.vue?vue&type=style&index=0&id=20f56e40&prod&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.PopupClose[data-v-20f56e40] {
  box-sizing: border-box;
  cursor: pointer;
  height: 40px;
  padding: 8px;
  position: absolute;
  stroke: currentColor;
  touch-action: manipulation;
  width: 40px;
}
.PopupClose--theme-default[data-v-20f56e40] {
  color: rgba(79, 62, 53, 0.6);
}
.PopupClose--theme-white[data-v-20f56e40] {
  color: #FFFFFF;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/popups/parts/PopupSection.vue?vue&type=style&index=0&id=4e352f78&prod&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.PopupSection[data-v-4e352f78] {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  transition: box-shadow 300ms ease;
}
.PopupSection[data-v-4e352f78]::-webkit-scrollbar {
  background-color: transparent;
  border-radius: 2px;
  height: 4px;
  width: 4px;
}
.PopupSection[data-v-4e352f78]::-webkit-scrollbar-button {
  display: none;
}
.PopupSection[data-v-4e352f78]::-webkit-scrollbar-track {
  background-color: transparent;
}
.PopupSection[data-v-4e352f78]::-webkit-scrollbar-thumb {
  background: rgba(31, 27, 22, 0.12);
}
.PopupSection__content[data-v-4e352f78] {
  display: flex;
  position: relative;
  width: 100%;
}
.PopupSection--border-bottom[data-v-4e352f78] {
  border-bottom: 1px solid rgba(95, 94, 92, 0.12);
}
.PopupSection--border-top[data-v-4e352f78] {
  border-top: 1px solid rgba(95, 94, 92, 0.12);
}
.PopupSection--direction-column .PopupSection__content[data-v-4e352f78] {
  flex-direction: column;
}
.PopupSection--direction-row .PopupSection__content[data-v-4e352f78] {
  flex-direction: row;
}
.PopupSection--flexible[data-v-4e352f78] {
  flex-grow: 1;
  flex-shrink: 1;
  min-height: 0;
}
.PopupSection--flexible .PopupSection__content[data-v-4e352f78] {
  flex-grow: 1;
  flex-shrink: 1;
}
.PopupSection--scrollable[data-v-4e352f78] {
  overflow: hidden;
  overflow-y: auto;
}
.PopupSection--shadow-bottom[data-v-4e352f78] {
  box-shadow: 0 0.5px 1.75px rgba(0, 0, 0, 0.04), 0 1.85px 6.25px rgba(0, 0, 0, 0.19);
}
.PopupSection--shadow-top[data-v-4e352f78] {
  box-shadow: 0 0.5px 1.75px rgba(0, 0, 0, 0.04), 0 1.85px 6.25px rgba(0, 0, 0, 0.19);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/popups/parts/PopupFooter.vue?vue&type=style&index=0&id=52d18332&prod&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PopupFooter[data-v-52d18332] {
  position: relative;
  z-index: 1;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/popups/parts/PopupFrame.vue?vue&type=style&index=0&id=c34548d4&prod&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PopupFrame[data-v-c34548d4] {
  align-items: center;
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  left: 0;
  outline: none;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 110;
}
.PopupFrame--collapsed[data-v-c34548d4] {
  bottom: auto;
  height: 0;
  right: auto;
  width: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/popups/parts/PopupHeader.vue?vue&type=style&index=0&id=4b5ec133&prod&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PopupHeader[data-v-4b5ec133] {
  position: relative;
  z-index: 1;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/popups/parts/PopupOverlay.vue?vue&type=style&index=0&id=61ed74a2&prod&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.PopupOverlay[data-v-61ed74a2] {
  -webkit-tap-highlight-color: transparent;
  background-color: rgba(95, 94, 92, 0.3);
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  touch-action: none;
}
.PopupOverlay--transparent[data-v-61ed74a2] {
  background-color: transparent;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/popups/parts/PopupWrapper.vue?vue&type=style&index=0&id=638abcc6&prod&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.PopupWrapper[data-v-638abcc6] {
  background-color: #FFFFFF;
  border: 1px solid rgba(95, 94, 92, 0.12);
  box-shadow: 0 3px 13px rgba(0, 0, 0, 0.04), 0 10.5px 36px rgba(0, 0, 0, 0.19);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  width: 100%;
}
.PopupWrapper--with-pseudo[data-v-638abcc6]:after {
  background-color: #FFFFFF;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  margin-top: -5px;
  position: absolute;
  top: 100%;
  width: 100%;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/popups/templates/PopupTemplate.vue?vue&type=style&index=0&id=647a7a16&prod&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-647a7a16]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.PopupTemplate[data-v-647a7a16] {
  align-items: flex-end;
  justify-content: center;
  padding: 8px;
  transition: visibility 500ms linear;
  visibility: hidden;
}
.PopupTemplate__overlay[data-v-647a7a16] {
  opacity: 0;
  transition: opacity 500ms ease, visibility 500ms linear;
  visibility: hidden;
}
.PopupTemplate__wrapper[data-v-647a7a16] {
  border-radius: 12px;
  opacity: 0;
  transform: translate3d(0, 105%, 0);
  transition: opacity 300ms ease, transform 300ms ease, visibility 300ms linear;
  visibility: hidden;
}
.PopupTemplate__header[data-v-647a7a16] {
  position: relative;
  z-index: 1;
}
.PopupTemplate__footer[data-v-647a7a16] {
  position: relative;
  z-index: 1;
}
.PopupTemplate__close[data-v-647a7a16] {
  right: 8px;
  top: 8px;
  z-index: 1;
}
.PopupTemplate--mobile[data-v-647a7a16] .PopupSection--with-margin {
  margin-left: 24px;
  margin-right: 24px;
}
.PopupTemplate--mobile[data-v-647a7a16] .PopupSection--with-padding {
  padding-left: 24px;
  padding-right: 24px;
}
.PopupTemplate--desktop[data-v-647a7a16] {
  align-items: center;
  justify-content: center;
}
.PopupTemplate--desktop .PopupTemplate__wrapper[data-v-647a7a16] {
  border-radius: 12px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04), 0 7px 24px rgba(0, 0, 0, 0.19);
  max-width: 480px;
  opacity: 0;
  transform: none;
  transition-duration: 500ms;
}
.PopupTemplate--desktop[data-v-647a7a16] .PopupSection--with-margin {
  margin-left: 48px;
  margin-right: 48px;
}
.PopupTemplate--desktop[data-v-647a7a16] .PopupSection--with-padding {
  padding-left: 48px;
  padding-right: 48px;
}
.PopupTemplate--visible[data-v-647a7a16] {
  visibility: visible;
}
.PopupTemplate--visible .PopupTemplate__overlay[data-v-647a7a16] {
  opacity: 1;
  visibility: visible;
}
.PopupTemplate--visible .PopupTemplate__wrapper[data-v-647a7a16] {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  visibility: visible;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/ProductExpressCartReplacePopup/ProductExpressCartReplacePopup.vue?vue&type=style&index=0&id=8dd48e8a&prod&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-8dd48e8a]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductExpressCartReplacePopup__title[data-v-8dd48e8a] {
  position: relative;
  padding: 24px 0;
  color: #4F3E35;
}
.ProductExpressCartReplacePopup__text[data-v-8dd48e8a] {
  position: relative;
  margin-bottom: 24px;
  color: rgba(95, 94, 92, 0.8);
}
.ProductExpressCartReplacePopup__footer[data-v-8dd48e8a] {
  display: flex;
  position: relative;
  padding: 24px 0;
  flex-direction: column;
  gap: 8px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/controls/Button/Button.vue?vue&type=style&index=0&id=1f2c1ee5&prod&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.Button[data-v-1f2c1ee5] {
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  transition: background-color 300ms ease, border-color 300ms ease, color 300ms ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.Button[data-v-1f2c1ee5]:before {
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: background-color 300ms ease, opacity 300ms ease;
  width: 100%;
}
.Button__inner[data-v-1f2c1ee5] {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 4px;
  height: 100%;
  justify-content: center;
  position: relative;
  transition: opacity 300ms ease, visibility 300ms ease;
}
.Button__inner--hidden[data-v-1f2c1ee5] {
  visibility: hidden;
  opacity: 0;
}
.Button__text[data-v-1f2c1ee5] {
  padding: 0 8px;
  position: relative;
  text-align: center;
}
.Button__icon[data-v-1f2c1ee5] {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 24px;
  justify-content: center;
  position: relative;
  width: 24px;
}
.Button__icon--fill[data-v-1f2c1ee5] {
  fill: currentColor;
  stroke: none;
}
.Button__icon--stroke[data-v-1f2c1ee5] {
  fill: none;
  stroke: currentColor;
}
.Button__icon--combined[data-v-1f2c1ee5] {
  fill: currentColor;
  stroke: currentColor;
}
.Button__loader[data-v-1f2c1ee5] {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  transition: visibility 300ms ease, opacity 300ms ease;
  width: 100%;
}
.Button__loader--hidden[data-v-1f2c1ee5] {
  visibility: hidden;
  opacity: 0;
}
.Button--disabled[data-v-1f2c1ee5] {
  cursor: default;
}
.Button--full-width[data-v-1f2c1ee5] {
  display: flex;
}
.Button--size-small[data-v-1f2c1ee5] {
  height: 32px;
  min-width: 32px;
  padding: 4px;
}
.Button--size-small.Button--round[data-v-1f2c1ee5] {
  border-radius: 16px;
}
.Button--size-small .Button__icon[data-v-1f2c1ee5] {
  padding: 4px;
}
.Button--size-medium[data-v-1f2c1ee5] {
  height: 40px;
  min-width: 40px;
  padding: 8px;
}
.Button--size-medium.Button--round[data-v-1f2c1ee5] {
  border-radius: 20px;
}
.Button--size-medium .Button__inner[data-v-1f2c1ee5] {
  gap: 6px;
}
.Button--size-medium .Button__icon[data-v-1f2c1ee5] {
  padding: 2px;
}
.Button--size-large[data-v-1f2c1ee5] {
  height: 48px;
  min-width: 48px;
  padding: 12px;
}
.Button--size-large.Button--round[data-v-1f2c1ee5] {
  border-radius: 24px;
}
.Button--size-large .Button__inner[data-v-1f2c1ee5] {
  gap: 2px;
}
.Button--size-large .Button__icon[data-v-1f2c1ee5] {
  padding: 0;
}
.Button--size-small.Button--has-icon-left .Button__text[data-v-1f2c1ee5] {
  padding-left: 0;
  padding-right: 8px;
}
.Button--size-small.Button--has-icon-right .Button__text[data-v-1f2c1ee5] {
  padding-left: 8px;
  padding-right: 0;
}
.Button--size-small.Button--has-icon-multiple .Button__text[data-v-1f2c1ee5] {
  padding-left: 0;
  padding-right: 0;
}
.Button--size-medium.Button--has-icon-left .Button__text[data-v-1f2c1ee5] {
  padding-left: 0;
  padding-right: 4px;
}
.Button--size-medium.Button--has-icon-right .Button__text[data-v-1f2c1ee5] {
  padding-left: 4px;
  padding-right: 0;
}
.Button--size-medium.Button--has-icon-multiple .Button__text[data-v-1f2c1ee5] {
  padding-left: 0;
  padding-right: 0;
}
.Button--group-text.Button--size-small .Button__inner[data-v-1f2c1ee5] {
  gap: 0;
}
.Button--group-text.Button--size-small .Button__text[data-v-1f2c1ee5] {
  padding-left: 0;
  padding-right: 0;
}
.Button--group-text.Button--size-medium .Button__text[data-v-1f2c1ee5] {
  padding-left: 0;
  padding-right: 0;
}
.Button--group-text.Button--size-large .Button__text[data-v-1f2c1ee5] {
  padding-left: 0;
  padding-right: 0;
}
.Button--group-text.Button--size-small.Button--has-icon-left[data-v-1f2c1ee5] {
  padding-left: 0;
}
.Button--group-text.Button--size-small.Button--has-icon-right[data-v-1f2c1ee5] {
  padding-right: 0;
}
.Button--group-text.Button--size-small.Button--has-icon-multiple[data-v-1f2c1ee5] {
  padding-left: 0;
  padding-right: 0;
}
.Button--group-text.Button--size-medium.Button--has-icon-left[data-v-1f2c1ee5] {
  padding-left: 4px;
}
.Button--group-text.Button--size-medium.Button--has-icon-right[data-v-1f2c1ee5] {
  padding-right: 4px;
}
.Button--group-text.Button--size-medium.Button--has-icon-multiple[data-v-1f2c1ee5] {
  padding-left: 4px;
  padding-right: 4px;
}
.Button--group-text.Button--size-large.Button--has-icon-left .Button__text[data-v-1f2c1ee5] {
  padding-left: 8px;
  padding-right: 0;
}
.Button--group-text.Button--size-large.Button--has-icon-right .Button__text[data-v-1f2c1ee5] {
  padding-left: 8px;
  padding-right: 0;
}
.Button--group-text.Button--size-large.Button--has-icon-multiple .Button__text[data-v-1f2c1ee5] {
  padding-left: 8px;
  padding-right: 8px;
}
.Button--theme-primary[data-v-1f2c1ee5], .Button--theme-secondary[data-v-1f2c1ee5] {
  color: #FFFFFF;
}
.Button--theme-default[data-v-1f2c1ee5], .Button--theme-outline[data-v-1f2c1ee5], .Button--theme-outline-new[data-v-1f2c1ee5], .Button--theme-text[data-v-1f2c1ee5] {
  color: #4F3E35;
}
.Button--theme-primary[data-v-1f2c1ee5] {
  background-color: #4F3E35;
}
.Button--theme-primary[data-v-1f2c1ee5]:before {
  background-color: rgba(255, 255, 255, 0.08);
}
.Button--theme-primary[data-v-1f2c1ee5]:active:before {
  background-color: rgba(255, 255, 255, 0.12);
}
.Button--theme-default[data-v-1f2c1ee5] {
  background-color: #FFFFFF;
  border: 1px solid rgba(95, 94, 92, 0.12);
}
.Button--theme-default[data-v-1f2c1ee5]:before {
  background-color: rgba(225, 211, 188, 0.12);
}
.Button--theme-default[data-v-1f2c1ee5]:active:before {
  background-color: rgba(225, 211, 188, 0.16);
}
.Button--theme-secondary[data-v-1f2c1ee5] {
  background-color: #BD9E6D;
  border: 1px solid #BD9E6D;
}
.Button--theme-secondary[data-v-1f2c1ee5]:before {
  background-color: rgba(255, 255, 255, 0.08);
}
.Button--theme-secondary[data-v-1f2c1ee5]:active:before {
  background-color: rgba(255, 255, 255, 0.12);
}
.Button--theme-outline[data-v-1f2c1ee5] {
  border: 1px solid #4F3E35;
}
.Button--theme-outline[data-v-1f2c1ee5]:before {
  background-color: rgba(225, 211, 188, 0.12);
}
.Button--theme-outline[data-v-1f2c1ee5]:active:before {
  background-color: rgba(225, 211, 188, 0.16);
}
.Button--theme-outline-new[data-v-1f2c1ee5] {
  border: 1px solid rgba(79, 62, 53, 0.12);
}
.Button--theme-outline-new[data-v-1f2c1ee5]:before {
  background-color: rgba(225, 211, 188, 0.12);
}
.Button--theme-outline-new[data-v-1f2c1ee5]:active:before {
  background-color: rgba(225, 211, 188, 0.16);
}
.Button--theme-outline-secondary[data-v-1f2c1ee5] {
  background-color: #FFFFFF;
  border: 1px solid #F2F2F2;
}
.Button--theme-outline-secondary[data-v-1f2c1ee5]:before {
  background-color: #FAF8F4;
}
.Button--theme-outline-secondary[data-v-1f2c1ee5]:active:before {
  background-color: #F4EFE6;
}
.Button--theme-shade[data-v-1f2c1ee5] {
  background-color: #F3F1EC;
  color: #4F3E35;
}
.Button--theme-shade[data-v-1f2c1ee5]:before {
  background-color: rgba(79, 62, 53, 0.04);
}
.Button--theme-shade[data-v-1f2c1ee5]:active:before {
  background-color: rgba(79, 62, 53, 0.08);
}
.Button--theme-text[data-v-1f2c1ee5]:before {
  background-color: rgba(225, 211, 188, 0.12);
}
.Button--theme-text[data-v-1f2c1ee5]:active:before {
  background-color: rgba(225, 211, 188, 0.16);
}
.Button--theme-text.Button--disabled[data-v-1f2c1ee5] {
  background-color: transparent;
  color: #AFAEAC;
}
.Button--theme-text.Button--disabled[data-v-1f2c1ee5]:before {
  background-color: transparent;
}
.Button--theme-text-white[data-v-1f2c1ee5] {
  color: #FFFFFF;
}
.Button--theme-text-white[data-v-1f2c1ee5]:before {
  background-color: rgba(255, 255, 255, 0.12);
}
.Button--theme-text-white[data-v-1f2c1ee5]:active:before {
  background-color: rgba(255, 255, 255, 0.4);
}
.Button--theme-text-secondary[data-v-1f2c1ee5] {
  color: #BD9E6D;
}
.Button--theme-text-secondary[data-v-1f2c1ee5]:before {
  background-color: rgba(225, 211, 188, 0.12);
}
.Button--theme-text-secondary[data-v-1f2c1ee5]:active:before {
  background-color: rgba(225, 211, 188, 0.16);
}
.Button--theme-primary-white[data-v-1f2c1ee5] {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.4);
  color: #FFFFFF;
}
.Button--theme-primary-white[data-v-1f2c1ee5]:before {
  background-color: rgba(255, 255, 255, 0.08);
}
.Button--theme-primary-white[data-v-1f2c1ee5]:active:before {
  background-color: rgba(255, 255, 255, 0.12);
}
.Button--theme-outline-white[data-v-1f2c1ee5] {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
.Button--theme-outline-white[data-v-1f2c1ee5]:before {
  background-color: rgba(255, 255, 255, 0.12);
}
.Button--theme-outline-white[data-v-1f2c1ee5]:active:before {
  background-color: rgba(255, 255, 255, 0.4);
}
.Button--theme-disable[data-v-1f2c1ee5] {
  cursor: default;
  background-color: rgba(79, 62, 53, 0.12);
  color: rgba(79, 62, 53, 0.4);
}
.Button[data-v-1f2c1ee5]:hover:not(.Button--no-hover):before {
  opacity: 1 !important;
}
.Button--no-padding[data-v-1f2c1ee5] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.Button--no-padding.Button--has-icon-left .Button__text[data-v-1f2c1ee5] {
  padding-right: 0 !important;
}
.Button--no-padding.Button--has-icon-right .Button__text[data-v-1f2c1ee5] {
  padding-left: 0 !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/popups/ProductHelpPopup.vue?vue&type=style&index=0&id=53e2a915&prod&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-53e2a915]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductHelpPopup[data-v-53e2a915] {
  width: auto;
  max-height: calc(100% - 16px);
  right: 8px;
  bottom: 8px;
  left: 8px;
  border-radius: 12px;
  box-shadow: 0 3px 13px rgba(0, 0, 0, 0.039), 0 10.5px 36px rgba(0, 0, 0, 0.19);
  overflow: hidden;
}
@media (min-width: 640px) {
.ProductHelpPopup[data-v-53e2a915] {
    width: 480px;
    right: auto;
    bottom: auto;
    left: auto;
}
}
.ProductHelpPopup .ProductHelpPopup__head[data-v-53e2a915] {
  position: relative;
}
.ProductHelpPopup .ProductHelpPopup__head-spacing[data-v-53e2a915] {
  height: 16px;
}
@media (min-width: 1024px) {
.ProductHelpPopup .ProductHelpPopup__head-spacing[data-v-53e2a915] {
    height: 24px;
}
}
.ProductHelpPopup .ProductHelpPopup__body[data-v-53e2a915] {
  display: flex;
  position: relative;
  flex-direction: column;
  overflow: hidden;
}
.ProductHelpPopup .ProductHelpPopup__image[data-v-53e2a915] {
  position: relative;
  padding-bottom: 66.67%;
  overflow: hidden;
  background-color: #F3F1EC;
  border-radius: 12px 12px 0 0;
}
.ProductHelpPopup .ProductHelpPopup__image[data-v-53e2a915]:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 112px;
  top: 0;
  left: 0;
  background: linear-gradient(360deg, rgba(95, 94, 92, 0) 0%, rgba(95, 94, 92, 0.6) 100%);
}
.ProductHelpPopup .ProductHelpPopup__image-source[data-v-53e2a915] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.ProductHelpPopup .ProductHelpPopup__close[data-v-53e2a915] {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 8px;
  right: 8px;
  z-index: 1;
  cursor: pointer;
}
.ProductHelpPopup .ProductHelpPopup__close-icon[data-v-53e2a915] {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  stroke: #FFFFFF;
}
.ProductHelpPopup .ProductHelpPopup__close-icon--dark[data-v-53e2a915] {
  stroke: #4F3E35;
}
.ProductHelpPopup .ProductHelpPopup__content[data-v-53e2a915] {
  display: flex;
  position: relative;
  padding: 16px 16px 8px;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}
@media (min-width: 1024px) {
.ProductHelpPopup .ProductHelpPopup__content[data-v-53e2a915] {
    padding: 8px 40px 24px;
}
}
.ProductHelpPopup .ProductHelpPopup__title[data-v-53e2a915] {
  display: flex;
  min-height: 40px;
  margin-bottom: 16px;
  padding: 6px 8px;
  align-items: center;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
.ProductHelpPopup .ProductHelpPopup__title[data-v-53e2a915] {
    height: 64px;
    margin-bottom: 0;
    padding: 6px 0;
}
}
.ProductHelpPopup .ProductHelpPopup__text[data-v-53e2a915] {
  position: relative;
  padding: 0 8px;
  flex: 1;
  overflow: auto;
}
@media (min-width: 1024px) {
.ProductHelpPopup .ProductHelpPopup__text[data-v-53e2a915] {
    scrollbar-color: rgba(31, 27, 22, 0.12) #FFFFFF;
    scrollbar-width: thin;
}
.ProductHelpPopup .ProductHelpPopup__text[data-v-53e2a915]::-webkit-scrollbar {
    background-color: transparent;
    height: 3px;
    width: 3px;
    border-radius: 2px;
}
.ProductHelpPopup .ProductHelpPopup__text[data-v-53e2a915]::-webkit-scrollbar-button {
    display: none;
}
.ProductHelpPopup .ProductHelpPopup__text[data-v-53e2a915]::-webkit-scrollbar-track {
    background-color: transparent;
}
.ProductHelpPopup .ProductHelpPopup__text[data-v-53e2a915]::-webkit-scrollbar-thumb {
    background: rgba(31, 27, 22, 0.12);
}
}
@media (min-width: 640px) {
.ProductHelpPopup .ProductHelpPopup__text[data-v-53e2a915] {
    padding: 0;
}
}
.ProductHelpPopup .ProductHelpPopup__buttons[data-v-53e2a915] {
  position: relative;
  padding-top: 24px;
}
.ProductHelpPopup .ProductHelpPopup__button[data-v-53e2a915] {
  position: relative;
}
.ProductHelpPopup .ProductHelpPopup__button + .ProductHelpPopup__button[data-v-53e2a915] {
  margin-top: 8px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/controls/Counter/Counter/Counter.vue?vue&type=style&index=0&id=3304cc5b&prod&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.Counter[data-v-3304cc5b] {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: color 300ms ease;
}
.Counter--theme-accent[data-v-3304cc5b] {
  color: #FFFFFF;
}
.Counter--theme-accent[data-v-3304cc5b]:before {
  background-color: #BD9E6D;
}
.Counter--theme-dark[data-v-3304cc5b] {
  color: #FFFFFF;
}
.Counter--theme-dark[data-v-3304cc5b]:before {
  background-color: rgba(79, 62, 53, 0.6);
}
.Counter--theme-light[data-v-3304cc5b] {
  color: #4F3E35;
}
.Counter--theme-light[data-v-3304cc5b]:before {
  background-color: #FFFFFF;
}
.Counter--size-large[data-v-3304cc5b] {
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
}
.Counter--size-large[data-v-3304cc5b]:before {
  border-radius: 11px;
}
.Counter--size-medium[data-v-3304cc5b] {
  min-width: 20px;
  height: 20px;
  padding: 0 6.5px;
}
.Counter--size-medium[data-v-3304cc5b]:before {
  border-radius: 9px;
}
.Counter--size-small[data-v-3304cc5b] {
  min-width: 16px;
  height: 16px;
  padding: 0 5px;
}
.Counter--size-small[data-v-3304cc5b]:before {
  border-radius: 7px;
}
.Counter[data-v-3304cc5b]:before {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  transition: background-color 300ms ease;
}
.Counter .Counter__number[data-v-3304cc5b] {
  position: relative;
  white-space: nowrap;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/controls/Chip/Chip.vue?vue&type=style&index=0&id=dd0921de&prod&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Chip[data-v-dd0921de] {
  border: 1px solid transparent;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  transition: background-color 300ms ease, border-color 300ms ease, color 300ms ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.Chip[data-v-dd0921de]:before {
  background-color: transparent;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: background-color 300ms ease;
  width: 100%;
}
.Chip[data-v-dd0921de]:focus-visible {
  outline: none;
}
.Chip__inner[data-v-dd0921de] {
  align-items: center;
  display: flex;
  flex: 1;
  height: 100%;
  justify-content: center;
  position: relative;
  transition: opacity 300ms ease, visibility 300ms ease;
}
.Chip__text[data-v-dd0921de] {
  position: relative;
  text-align: center;
}
.Chip__label[data-v-dd0921de] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Chip__caption[data-v-dd0921de] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Chip__label + .Chip__caption[data-v-dd0921de] {
  margin-top: -2px;
}
.Chip__icon[data-v-dd0921de] {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  position: relative;
}
.Chip__counter[data-v-dd0921de] {
  margin-right: 6px;
}
.Chip__loader[data-v-dd0921de] {
  left: 50%;
  opacity: 0;
  position: absolute;
  stroke: currentColor;
  top: 50%;
  transition: visibility 300ms ease, opacity 300ms ease;
  transform: translate(-50%, -50%);
  visibility: hidden;
}
.Chip--disabled[data-v-dd0921de] {
  cursor: default;
}
.Chip--inline[data-v-dd0921de] {
  display: inline-block;
  vertical-align: top;
}
.Chip--loading .Chip__inner[data-v-dd0921de] {
  opacity: 0;
  visibility: hidden;
}
.Chip--loading .Chip__loader[data-v-dd0921de] {
  opacity: 1;
  visibility: visible;
}
.Chip--size-large[data-v-dd0921de] {
  height: 48px;
  min-width: 48px;
}
.Chip--size-large .Chip__inner[data-v-dd0921de] {
  gap: 4px;
  padding: 0 12px;
}
.Chip--size-large .Chip__text[data-v-dd0921de] {
  padding: 0 8px;
}
.Chip--size-large .Chip__icon[data-v-dd0921de] {
  height: 24px;
  width: 24px;
}
.Chip--size-medium[data-v-dd0921de] {
  height: 40px;
  min-width: 48px;
}
.Chip--size-medium .Chip__inner[data-v-dd0921de] {
  padding: 0 8px;
}
@media screen and (max-width: 1023px) {
.Chip--size-medium .Chip__inner[data-v-dd0921de] {
    padding: 0 1px;
}
}
.Chip--size-medium .Chip__text[data-v-dd0921de] {
  padding: 0 9px;
}
.Chip--size-medium .Chip__caption[data-v-dd0921de] {
  display: none;
}
.Chip--size-medium .Chip__icon[data-v-dd0921de] {
  height: 24px;
  padding: 2px;
  width: 24px;
}
.Chip--size-small[data-v-dd0921de] {
  height: 32px;
  min-width: 56px;
}
.Chip--size-small .Chip__inner[data-v-dd0921de] {
  padding: 0 6px;
}
.Chip--size-small .Chip__text[data-v-dd0921de] {
  padding: 0 6px;
}
.Chip--size-small .Chip__label[data-v-dd0921de] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
}
.Chip--size-small .Chip__caption[data-v-dd0921de] {
  display: none;
}
.Chip--size-small .Chip__icon[data-v-dd0921de] {
  height: 20px;
  padding: 2px;
  width: 20px;
}
.Chip--theme-secondary[data-v-dd0921de] {
  background-color: white;
  border-color: rgba(95, 94, 92, 0.12);
  color: #4f3e35;
}
.Chip--theme-secondary[data-v-dd0921de]:hover {
  background-color: #FAF8F4;
}
.Chip--theme-secondary[data-v-dd0921de]:focus-visible {
  background-color: #FAF8F4;
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3px #DECEB5;
}
.Chip--theme-secondary[data-v-dd0921de]:active {
  background-color: #F4EFE6;
}
.Chip--theme-secondary.Chip--disabled[data-v-dd0921de] {
  background-color: #F2F2F2;
  border-color: transparent;
  box-shadow: none;
  color: #AFAEAC;
}
.Chip--theme-outline[data-v-dd0921de] {
  background-color: transparent;
  border-color: rgba(95, 94, 92, 0.12);
  color: #4F3E35;
}
.Chip--theme-outline[data-v-dd0921de]:hover {
  background-color: #FAF8F4;
}
.Chip--theme-outline[data-v-dd0921de]:focus-visible {
  background-color: #FAF8F4;
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3px #DECEB5;
}
.Chip--theme-outline[data-v-dd0921de]:active {
  background-color: #F4EFE6;
}
.Chip--theme-outline.Chip--disabled[data-v-dd0921de] {
  background-color: #F2F2F2;
  border-color: #F2F2F2;
  box-shadow: none;
  color: #AFAEAC;
}
.Chip--theme-outline-selected[data-v-dd0921de] {
  background-color: transparent;
  border-color: #4f3e35;
  color: #4F3E35;
}
.Chip--theme-outline-selected[data-v-dd0921de]:hover {
  background-color: #FAF8F4;
}
.Chip--theme-outline-selected[data-v-dd0921de]:focus-visible {
  background-color: #FAF8F4;
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3px #DECEB5;
}
.Chip--theme-outline-selected[data-v-dd0921de]:active {
  background-color: #F4EFE6;
}
.Chip--theme-outline-selected.Chip--disabled[data-v-dd0921de] {
  background-color: #F2F2F2;
  border-color: #F2F2F2;
  box-shadow: none;
  color: #AFAEAC;
}
.Chip--theme-disabled[data-v-dd0921de] {
  background-color: #F2F2F2;
  border-color: transparent;
  color: #AFAEAC;
}
.Chip--theme-disabled[data-v-dd0921de]:hover {
  border-color: #4f3e35;
}
.Chip--theme-disabled.Chip--disabled[data-v-dd0921de]:hover {
  border-color: transparent;
}
.Chip--theme-disabled-selected[data-v-dd0921de] {
  background-color: #F2F2F2;
  border-color: #4f3e35;
  color: #AFAEAC;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductSizeButtons/ProductSizeButtonsHeader.vue?vue&type=style&index=0&id=4c8b022c&prod&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductSizeButtonsHeader[data-v-4c8b022c] {
  display: flex;
  gap: 5px;
  margin-bottom: 10px;
}
.ProductSizeButtonsHeader__title[data-v-4c8b022c], .ProductSizeButtonsHeader__selected[data-v-4c8b022c] {
  color: rgba(79, 62, 53, 0.6);
}
.ProductSizeButtonsHeader__error[data-v-4c8b022c] {
  color: #B83B32;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductSizeButtons/ProductSizeButtonsStandard.vue?vue&type=style&index=0&id=08d3d864&prod&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProductSizeButtonsStandard__buttons[data-v-08d3d864] {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
.ProductSizeButtonsStandard--no-wrap .ProductSizeButtonsStandard__buttons[data-v-08d3d864] {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductSizeButtons/ProductSizeButtonsDenim.vue?vue&type=style&index=0&id=4c540321&prod&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProductSizeButtonsDenim__buttons[data-v-4c540321] {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
.ProductSizeButtonsDenim--no-wrap .ProductSizeButtonsDenim__buttons[data-v-4c540321] {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
}
.ProductSizeButtonsDenim__item[data-v-4c540321] {
  margin-bottom: 12px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/popups/parts/PopupTitle.vue?vue&type=style&index=0&id=e7ecaeaa&prod&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PopupTitle[data-v-e7ecaeaa] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 28px;
}
.PopupTitle--align-left[data-v-e7ecaeaa] {
  text-align: left;
}
.PopupTitle--align-center[data-v-e7ecaeaa] {
  text-align: center;
}
.PopupTitle--align-right[data-v-e7ecaeaa] {
  text-align: center;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/elements/components/AppBar/AppBar.vue?vue&type=style&index=0&id=853d1874&prod&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-853d1874]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.AppBar[data-v-853d1874] {
  position: relative;
}
.AppBar__row[data-v-853d1874] {
  display: flex;
  position: relative;
  min-height: 56px;
  padding: 0 8px;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.AppBar--desktop .AppBar__row[data-v-853d1874] {
  min-height: 64px;
}
.AppBar--theme-default[data-v-853d1874] {
  background-color: #FFFFFF;
  color: #4F3E35;
}
.AppBar--theme-transparent[data-v-853d1874] {
  color: #FFFFFF;
}
.AppBar__leading[data-v-853d1874], .AppBar__middle[data-v-853d1874], .AppBar__trailing[data-v-853d1874] {
  position: relative;
}
.AppBar__leading[data-v-853d1874], .AppBar__trailing[data-v-853d1874] {
  min-width: 40px;
  min-height: 40px;
}
.AppBar__middle[data-v-853d1874] {
  flex: 1;
  min-width: 0;
}
.AppBar__below[data-v-853d1874] {
  position: relative;
  padding: 0 8px;
}
.AppBar__text[data-v-853d1874] {
  position: relative;
  padding: 0 8px;
}
.AppBar--text-align-left .AppBar__text[data-v-853d1874] {
  text-align: left;
}
.AppBar--text-align-center .AppBar__text[data-v-853d1874] {
  text-align: center;
}
.AppBar--text-align-right .AppBar__text[data-v-853d1874] {
  text-align: right;
}
.AppBar__title[data-v-853d1874], .AppBar__caption[data-v-853d1874] {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.AppBar__title[data-v-853d1874] {
  color: #4F3E35;
}
.AppBar__caption[data-v-853d1874] {
  color: rgba(79, 62, 53, 0.6);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/popups/parts/PopupNavigationBar.vue?vue&type=style&index=0&id=01f2b617&prod&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.PopupNavigationBar__close[data-v-01f2b617] {
  color: #4F3E35;
  flex-grow: 0;
  flex-shrink: 0;
  height: 40px;
  padding: 8px;
  position: relative;
  width: 40px;
}
.PopupNavigationBar--desktop .PopupNavigationBar__close[data-v-01f2b617] {
  padding: 4px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/Socials.vue?vue&type=style&index=0&id=5be33e56&prod&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.Socials[data-v-5be33e56] {
  position: relative;
}
.Socials__items[data-v-5be33e56] {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  justify-content: flex-start;
  margin: 0 -8px;
}
.Socials__item[data-v-5be33e56] {
  color: #BD9E6D;
  height: 40px;
  position: relative;
  width: 40px;
}
.Socials__item-icon[data-v-5be33e56] {
  fill: currentColor;
  height: 24px;
  left: 50%;
  margin: -12px;
  position: absolute;
  top: 50%;
  width: 24px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/controls/Tabs/TabGroup/TabGroup.vue?vue&type=style&index=0&id=5a1c8df7&prod&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.TabGroup[data-v-5a1c8df7] {
  display: flex;
  max-width: 100%;
  align-items: center;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.TabGroup[data-v-5a1c8df7]::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}
.TabGroup .TabGroup__delimiter[data-v-5a1c8df7] {
  position: relative;
  min-width: 1px;
  height: 24px;
  margin: 0 4px;
  background-color: rgba(95, 94, 92, 0.12);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/controls/Tabs/Tab/Tab.vue?vue&type=style&index=0&id=4bdfb0b1&prod&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.Tab[data-v-4bdfb0b1] {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  position: relative;
}
.Tab__content[data-v-4bdfb0b1] {
  display: flex;
  position: relative;
  height: 32px;
  align-items: center;
  justify-content: center;
}
.Tab--active[data-v-4bdfb0b1] {
  cursor: default;
}
.Tab.Tab--fill-space[data-v-4bdfb0b1] {
  flex: 1;
  justify-content: center;
}
.Tab.Tab--fill-space .Tab__content[data-v-4bdfb0b1] {
  flex: 1;
}
.Tab--theme-default[data-v-4bdfb0b1] {
  height: 48px;
  padding: 0 12px;
}
.Tab--theme-default.Tab--active .Tab__content[data-v-4bdfb0b1]:after {
  opacity: 1;
}
.Tab--theme-default.Tab--active .Tab__text[data-v-4bdfb0b1] {
  color: #4F3E35;
}
.Tab--theme-default.Tab--active .Tab__icon--left[data-v-4bdfb0b1] {
  color: #4F3E35;
}
.Tab--theme-default.Tab--no-padding[data-v-4bdfb0b1] {
  padding: 0;
}
.Tab--theme-default .Tab__content[data-v-4bdfb0b1] {
  height: 48px;
}
.Tab--theme-default .Tab__content[data-v-4bdfb0b1]:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  opacity: 0;
  background-color: #4F3E35;
  border-radius: 2px;
  transition: opacity 200ms ease;
}
.Tab--theme-default .Tab__text[data-v-4bdfb0b1] {
  color: rgba(79, 62, 53, 0.6);
}
.Tab--theme-default .Tab__icon--left[data-v-4bdfb0b1] {
  color: rgba(79, 62, 53, 0.6);
}
.Tab--theme-default .Tab__icon--left + .Tab__text[data-v-4bdfb0b1] {
  margin-left: 8px;
}
.Tab--theme-default .Tab__text + .Tab__icon--right[data-v-4bdfb0b1], .Tab--theme-default .Tab__icon--left + .Tab__icon--right[data-v-4bdfb0b1] {
  margin-left: 4px;
}
.Tab--theme-rounded[data-v-4bdfb0b1] {
  height: 32px;
  padding: 0 4px;
  background-color: #FFFFFF;
  border-radius: 4px;
  border: 1px solid rgba(79, 62, 53, 0.12);
  transition: background-color 200ms ease, border-color 200ms ease;
}
.Tab--theme-rounded[data-v-4bdfb0b1]:hover {
  background-color: rgba(225, 211, 188, 0.12);
}
.Tab--theme-rounded.Tab--active[data-v-4bdfb0b1] {
  background-color: #BD9E6D;
  border-color: #BD9E6D;
}
.Tab--theme-rounded.Tab--active .Tab__text[data-v-4bdfb0b1] {
  color: #FFFFFF;
}
.Tab--theme-rounded.Tab--active .Tab__icon--left[data-v-4bdfb0b1] {
  color: #FFFFFF;
}
.Tab--theme-rounded.Tab--text-first[data-v-4bdfb0b1] {
  padding-left: 12px;
}
.Tab--theme-rounded.Tab--text-last[data-v-4bdfb0b1] {
  padding-right: 12px;
}
.Tab--theme-rounded.Tab--left-icon-first[data-v-4bdfb0b1] {
  padding-left: 8px;
}
.Tab--theme-rounded.Tab--left-icon-last[data-v-4bdfb0b1] {
  padding-right: 8px;
}
.Tab--theme-rounded.Tab--left-icon-first.Tab--text-last[data-v-4bdfb0b1], .Tab--theme-rounded.Tab--left-icon-first.Tab--has-text[data-v-4bdfb0b1] {
  padding-left: 4px;
}
.Tab--theme-rounded + .Tab[data-v-4bdfb0b1] {
  margin-left: 8px;
}
.Tab--theme-rounded .Tab__text[data-v-4bdfb0b1] {
  color: #4F3E35;
}
.Tab--theme-rounded .Tab__icon--left[data-v-4bdfb0b1] {
  color: #4F3E35;
}
.Tab--theme-rounded .Tab__text + .Tab__icon--right[data-v-4bdfb0b1],
.Tab--theme-rounded .Tab__icon--left + .Tab__icon--right[data-v-4bdfb0b1],
.Tab--theme-rounded .Tab__icon--left + .Tab__text[data-v-4bdfb0b1] {
  margin-left: 4px;
}
.Tab .Tab__text[data-v-4bdfb0b1] {
  position: relative;
  white-space: nowrap;
  transition: color 200ms ease;
}
.Tab .Tab__icon[data-v-4bdfb0b1] {
  position: relative;
  height: 24px;
  width: 24px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductSizesHelp.vue?vue&type=style&index=0&id=1ab34511&prod&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-1ab34511]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductSizesHelp[data-v-1ab34511] {
  position: relative;
}
@media (min-width: 1024px) {
.ProductSizesHelp[data-v-1ab34511] {
    width: 100%;
}
.ProductSizesHelp.ProductSizesHelp--wide[data-v-1ab34511] {
    width: 540px;
}
}
.ProductSizesHelp__content[data-v-1ab34511] {
  padding: 8px 0;
}
.ProductSizesHelp__text[data-v-1ab34511] {
  position: relative;
  padding: 12px 0;
}
.ProductSizesHelp__tabs[data-v-1ab34511] {
  position: relative;
}
.ProductSizesHelp__tabs-item[data-v-1ab34511] {
  position: relative;
  overflow: auto;
}
@media (min-width: 1024px) {
.ProductSizesHelp__tabs-item[data-v-1ab34511] {
    scrollbar-color: rgba(31, 27, 22, 0.12) #FFFFFF;
    scrollbar-width: thin;
}
.ProductSizesHelp__tabs-item[data-v-1ab34511]::-webkit-scrollbar {
    background-color: transparent;
    height: 3px;
    width: 3px;
    border-radius: 2px;
}
.ProductSizesHelp__tabs-item[data-v-1ab34511]::-webkit-scrollbar-button {
    display: none;
}
.ProductSizesHelp__tabs-item[data-v-1ab34511]::-webkit-scrollbar-track {
    background-color: transparent;
}
.ProductSizesHelp__tabs-item[data-v-1ab34511]::-webkit-scrollbar-thumb {
    background: rgba(31, 27, 22, 0.12);
}
}
.ProductSizesHelp__tabs-table[data-v-1ab34511] {
  border-bottom: 1px solid #4F3E35;
  margin-top: 8px;
  position: relative;
  table-layout: fixed;
  width: 100%;
}
.ProductSizesHelp__tabs-table th[data-v-1ab34511], .ProductSizesHelp__tabs-table td[data-v-1ab34511] {
  height: 40px;
  padding: 0 4px;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.ProductSizesHelp__tabs-table th[data-v-1ab34511] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 16px;
  border-top: 1px solid #4F3E35;
  border-bottom: 1px solid #4F3E35;
}
.ProductSizesHelp__tabs-table td[data-v-1ab34511] {
  font-size: 13px;
  line-height: 20px;
}
.ProductSizesHelp__tabs-table tr + tr td[data-v-1ab34511] {
  border-top: 1px solid rgba(95, 94, 92, 0.12);
}
.ProductSizesHelp__raw-data[data-v-1ab34511] {
  padding-top: 12px;
}
.ProductSizesHelp__text + .ProductSizesHelp__raw-data[data-v-1ab34511] {
  padding-top: 0;
}
.ProductSizesHelp__note[data-v-1ab34511] {
  color: rgba(79, 62, 53, 0.6);
  padding: 8px 0;
  position: relative;
}
.ProductSizesHelp__contacts[data-v-1ab34511] {
  position: relative;
}
.ProductSizesHelp__contacts-items[data-v-1ab34511] {
  position: relative;
  margin-top: -8px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/popups/templates/SheetTemplate.vue?vue&type=style&index=0&id=b2986930&prod&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-b2986930]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.SheetTemplate[data-v-b2986930] {
  align-items: flex-end;
  justify-content: center;
  transition: visibility 500ms linear;
  visibility: hidden;
}
.SheetTemplate__overlay[data-v-b2986930] {
  opacity: 0;
  transition: opacity 500ms ease, visibility 500ms linear;
  visibility: hidden;
}
.SheetTemplate__wrapper[data-v-b2986930] {
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  transform: translate3d(0, 101%, 0);
  transition: border-radius 300ms ease, opacity 300ms ease, transform 300ms ease, visibility 300ms linear;
  visibility: hidden;
}
.SheetTemplate__header[data-v-b2986930] {
  position: relative;
  z-index: 1;
}
.SheetTemplate__footer[data-v-b2986930] {
  position: relative;
  z-index: 1;
}
.SheetTemplate__close[data-v-b2986930] {
  right: 8px;
  top: 8px;
  z-index: 1;
}
.SheetTemplate--mobile .SheetTemplate__wrapper[data-v-b2986930] {
  border-bottom: none;
  border-left: none;
  border-right: none;
}
.SheetTemplate--mobile[data-v-b2986930] .PopupSection--with-margin {
  margin-left: 16px;
  margin-right: 16px;
}
.SheetTemplate--mobile[data-v-b2986930] .PopupSection--with-padding {
  padding-left: 16px;
  padding-right: 16px;
}
.SheetTemplate--mobile.SheetTemplate--full-height .SheetTemplate__wrapper[data-v-b2986930] {
  height: 100%;
  border-radius: 0;
  box-shadow: none;
  border: none;
}
.SheetTemplate--desktop[data-v-b2986930] {
  flex-direction: row;
  justify-content: flex-end;
}
.SheetTemplate--desktop .SheetTemplate__wrapper[data-v-b2986930] {
  border-bottom: none;
  border-right: none;
  border-top: none;
  border-radius: 0;
  height: 100%;
  min-width: 440px;
  transform: translate3d(105%, 0, 0);
  transition-duration: 500ms;
  width: calc(33.3% - 16px);
}
.SheetTemplate--desktop[data-v-b2986930] .PopupSection--with-margin {
  margin-left: 24px;
  margin-right: 24px;
}
.SheetTemplate--desktop[data-v-b2986930] .PopupSection--with-padding {
  padding-left: 24px;
  padding-right: 24px;
}
.SheetTemplate--visible[data-v-b2986930] {
  visibility: visible;
}
.SheetTemplate--visible .SheetTemplate__overlay[data-v-b2986930] {
  opacity: 1;
  visibility: visible;
}
.SheetTemplate--visible .SheetTemplate__wrapper[data-v-b2986930] {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  visibility: visible;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/lists/ListItem/ListItem.vue?vue&type=style&index=0&id=0534a580&prod&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ListItem[data-v-0534a580] {
  align-items: center;
  background-color: #FFFFFF;
  box-sizing: border-box;
  color: inherit;
  display: flex;
  flex-direction: row;
  position: relative;
  text-decoration: none;
  touch-action: manipulation;
}
.ListItem--wrap[data-v-0534a580] {
  align-items: initial;
}
.ListItem--has-left-slot.ListItem--wrap .ListItem__slot[data-v-0534a580] {
  top: 10px;
}
.ListItem__overlay[data-v-0534a580] {
  background-color: rgba(225, 211, 188, 0.12);
  border-radius: 4px;
  bottom: 4px;
  content: "";
  display: block;
  left: 8px;
  opacity: 0;
  position: absolute;
  right: 8px;
  transition: opacity 200ms ease, visibility 200ms linear;
  top: 4px;
  visibility: hidden;
}
.ListItem__slot[data-v-0534a580] {
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
}
.ListItem__content[data-v-0534a580] {
  box-sizing: border-box;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0 16px;
  position: relative;
}
.ListItem__label[data-v-0534a580] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ListItem__caption[data-v-0534a580] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
  color: rgba(79, 62, 53, 0.6);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ListItem--wrap .ListItem__caption[data-v-0534a580] {
  white-space: initial;
}
.ListItem--default .ListItem__content[data-v-0534a580] {
  padding: 12px 16px;
}
.ListItem--dense .ListItem__content[data-v-0534a580] {
  padding: 8px 16px;
}
.ListItem--dense .ListItem__overlay[data-v-0534a580] {
  bottom: 0;
  top: 0;
}
.ListItem--dense.ListItem--has-left-slot .ListItem__content[data-v-0534a580] {
  padding-left: 0;
}
.ListItem--dense.ListItem--has-right-slot .ListItem__content[data-v-0534a580] {
  padding-right: 0;
}
.ListItem--interactive[data-v-0534a580] {
  cursor: pointer;
}
.ListItem--hovered .ListItem__overlay[data-v-0534a580] {
  opacity: 1;
  visibility: visible;
}
.ListItem--selected .ListItem__overlay[data-v-0534a580] {
  opacity: 1;
  visibility: visible;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/popups/SizesPopupNew/SizesPopupItem.vue?vue&type=style&index=0&id=12434902&prod&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-12434902]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.SizesPopupItem[data-v-12434902] {
  position: relative;
  height: 48px;
}
.SizesPopupItem__title[data-v-12434902] {
  color: #4F3E35;
  box-sizing: border-box;
  min-width: 48px;
  padding-left: 16px;
  position: relative;
}
.SizesPopupItem__caption[data-v-12434902] {
  position: relative;
  color: #969492;
}
.SizesPopupItem__trailing[data-v-12434902] {
  color: #4F3E35;
  height: 100%;
  position: relative;
  width: 56px;
}
.SizesPopupItem__trailing-icon[data-v-12434902] {
  height: 24px;
  left: 50%;
  margin: -12px;
  position: absolute;
  stroke: currentColor;
  top: 50%;
  width: 24px;
}
.fade-enter-active[data-v-12434902],
.fade-leave-active[data-v-12434902] {
  transition: opacity 300ms ease;
}
.fade-enter-active[data-v-12434902] {
  transition-delay: 200ms;
}
.fade-enter[data-v-12434902],
.fade-leave-to[data-v-12434902] {
  opacity: 0;
  transition-delay: 0ms;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/popups/SizesPopupNew/SizesPopup.vue?vue&type=style&index=0&id=6ef19859&prod&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.SizesPopup[data-v-6ef19859] .SheetTemplate__wrapper {
  padding: 0;
}
.SizesPopup[data-v-6ef19859] .PopupSection--with-padding {
  padding-right: 0;
  padding-left: 0;
}
.SizesPopup.SizesPopup--desktop[data-v-6ef19859] .PopupSection--with-padding {
  padding-right: 48px;
  padding-left: 48px;
}
.SizesPopup[data-v-6ef19859] .PopupSection--with-margin {
  margin-right: 0;
  margin-left: 0;
}
.SizesPopup.SizesPopup--desktop[data-v-6ef19859] .PopupSection--with-margin {
  margin-right: 32px;
  margin-left: 32px;
}
.SizesPopup__header[data-v-6ef19859] {
  position: relative;
  padding: 24px 0 16px;
}
.SizesPopup__express-disclaimer[data-v-6ef19859] {
  position: relative;
  margin: 0 8px 8px;
  padding: 10px 12px;
  background-color: #F9F8F5;
  border-radius: 4px;
  color: #4F3E35;
}
.SizesPopup__list[data-v-6ef19859] {
  padding: 8px 0;
}
.SizesPopup__controls[data-v-6ef19859] {
  display: flex;
  position: relative;
  padding: 8px;
  flex-direction: column;
  gap: 8px;
}
.SizesPopup.SizesPopup--desktop .SizesPopup__controls[data-v-6ef19859] {
  padding: 16px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/desktop/ProductShortInfoButtons.vue?vue&type=style&index=0&id=d9f21288&prod&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-d9f21288]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductShortInfoButtons[data-v-d9f21288] {
  display: flex;
  position: relative;
  align-items: center;
}
.ProductShortInfoButtons__button + .ProductShortInfoButtons__button[data-v-d9f21288] {
  margin-left: 8px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/IntersectionObserver.vue?vue&type=style&index=0&id=846c5052&prod&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.IntersectionObserver--absolute[data-v-846c5052] {
  bottom: 0;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
.IntersectionObserver--relative[data-v-846c5052] {
  position: relative;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductListButton.vue?vue&type=style&index=0&id=3e61a3d4&prod&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-3e61a3d4]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductListButton[data-v-3e61a3d4] {
  display: flex;
  position: relative;
  height: 48px;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.ProductListButton.ProductListButton--with-icon[data-v-3e61a3d4] {
  padding-right: 30px;
}
@media (min-width: 1024px) {
.ProductListButton[data-v-3e61a3d4] {
    margin: 0 -8px;
    padding: 0 8px;
}
.ProductListButton.ProductListButton--with-icon[data-v-3e61a3d4] {
    padding-right: 38px;
}
.ProductListButton[data-v-3e61a3d4]:hover:before {
    opacity: 1;
}
.ProductListButton[data-v-3e61a3d4]:before {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    bottom: 4px;
    left: 0;
    border-radius: 4px;
    opacity: 0;
    background-color: rgba(225, 211, 188, 0.12);
    transition: opacity 200ms ease;
}
}
.ProductListButton__text[data-v-3e61a3d4] {
  position: relative;
  flex: 1;
  margin-right: 16px;
}
.ProductListButton__icon[data-v-3e61a3d4] {
  position: absolute;
  width: 26px;
  height: 26px;
  top: 50%;
  right: 2px;
  margin-top: -13px;
  stroke: rgba(79, 62, 53, 0.6);
}
.ProductListButton__loader[data-v-3e61a3d4] {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  right: 7px;
  margin-top: -10px;
  stroke: rgba(79, 62, 53, 0.6);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/popups/ProductCollaborationPopup/ProductCollaborationPopup.vue?vue&type=style&index=0&id=bd1d0ffe&prod&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProductCollaborationPopup[data-v-bd1d0ffe] .SheetTemplate__wrapper {
  padding: 0;
}
.ProductCollaborationPopup.ProductCollaborationPopup--desktop[data-v-bd1d0ffe] .SheetTemplate__wrapper {
  padding: 8px;
}
.ProductCollaborationPopup[data-v-bd1d0ffe] .PopupSection--with-padding {
  padding-right: 0;
  padding-left: 0;
}
.ProductCollaborationPopup.ProductCollaborationPopup--desktop[data-v-bd1d0ffe] .PopupSection--with-padding {
  padding-right: 8px;
  padding-left: 8px;
}
.ProductCollaborationPopup[data-v-bd1d0ffe] .PopupSection--with-margin {
  margin-right: 0;
  margin-left: 0;
}
.ProductCollaborationPopup[data-v-bd1d0ffe] .SheetTemplate__content {
  margin-bottom: 0;
  margin-top: 0;
}
.ProductCollaborationPopup[data-v-bd1d0ffe] .SheetTemplate__footer {
  box-shadow: none !important;
}
.ProductCollaborationPopup__image[data-v-bd1d0ffe] {
  display: block;
  margin-bottom: 8px;
  width: 100%;
}
.ProductCollaborationPopup__text[data-v-bd1d0ffe] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
  padding: 12px 16px;
}
.ProductCollaborationPopup__footer[data-v-bd1d0ffe] {
  padding: 8px;
}
.ProductCollaborationPopup--desktop .ProductCollaborationPopup__footer[data-v-bd1d0ffe] {
  padding: 16px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductButtons.vue?vue&type=style&index=0&id=3ef928be&prod&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-3ef928be]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductButtons[data-v-3ef928be] {
  position: relative;
}
.ProductButtons__container--primary[data-v-3ef928be] {
  display: flex;
  position: fixed;
  right: 0;
  bottom: 56px;
  left: 0;
  z-index: 1;
  padding: 12px;
  flex-wrap: wrap;
  gap: 12px 8px;
  background-color: #FFFFFF;
  border-top: 1px solid #EBE6E1;
  box-shadow: 0 0.5px 1.75px rgba(0, 0, 0, 0.04), 0 1.85px 6.25px rgba(0, 0, 0, 0.19);
}
@media (min-width: 1024px) {
.ProductButtons__container--primary[data-v-3ef928be] {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: auto;
    padding: 8px 0;
    background-color: transparent;
    border: none;
    box-shadow: none;
}
}
.ProductButtons__container--secondary[data-v-3ef928be] {
  position: relative;
  padding: 8px 0;
}
.ProductButtons__button[data-v-3ef928be] {
  flex-basis: 55%;
  flex-grow: 1;
  flex-shrink: 1;
  white-space: nowrap;
}
.ProductButtons__button--wishlist[data-v-3ef928be] {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/popups/SizesPopup/SizesListItem.vue?vue&type=style&index=0&id=64cb48a8&prod&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-64cb48a8]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.SizesListItem[data-v-64cb48a8] {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 44px;
  justify-content: space-between;
  padding: 8px 0;
  position: relative;
  transition: background-color 200ms ease;
}
@media (min-width: 640px) {
.SizesListItem[data-v-64cb48a8] {
    padding: 8px 16px;
}
}
.SizesListItem + .SizesListItem[data-v-64cb48a8] {
  border-top-color: rgba(95, 94, 92, 0.12);
}
.SizesListItem--clickable[data-v-64cb48a8] {
  cursor: pointer;
}
.SizesListItem--clickable[data-v-64cb48a8]:hover {
  background-color: rgba(222, 206, 181, 0.15);
}
.SizesListItem--selected[data-v-64cb48a8] {
  cursor: default;
  background-color: rgba(222, 206, 181, 0.32) !important;
}
.SizesListItem__title[data-v-64cb48a8] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
}
.SizesListItem__label[data-v-64cb48a8] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/popups/SizesPopup/SizesList.vue?vue&type=style&index=0&id=da92c6d8&prod&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-da92c6d8]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
[data-v-da92c6d8]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.SizesList[data-v-da92c6d8] {
  position: relative;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/popups/SizesPopup/SizesPopup.vue?vue&type=style&index=0&id=3f391802&prod&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.SizesPopup[data-v-3f391802] {
  /* ---- COLORS ---- */
  /**
  @deprecated (переходим на neutral-dark)
  */
  /**
  @deprecated
  */
  /**
  @deprecated (base меняем на primary)
  */
  /* ---- SHADOWS ---- */
  /* ---- GRADIENTS ----*/
}
@media screen and (max-width: 1023px) {
.SizesPopup__wrapper[data-v-3f391802] {
    width: 480px;
}
}
.SizesPopup__delimiter[data-v-3f391802] {
  position: relative;
  height: 1px;
  margin: 16px 0 8px;
  background-color: rgba(95, 94, 92, 0.12);
}
.SizesPopup__help .ProductListButton[data-v-3f391802] {
  justify-content: center;
  padding: 0;
}
.SizesPopup__help[data-v-3f391802] .ProductListButton {
  margin-right: 0;
  margin-left: 0;
}
.SizesPopup__help[data-v-3f391802] .ProductListButton__icon {
  margin: 0;
  position: initial;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/controls/Checkbox/Checkbox.vue?vue&type=style&index=0&id=cbc47494&prod&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.Checkbox[data-v-cbc47494] {
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.Checkbox.Checkbox--active .Checkbox__icon[data-v-cbc47494] {
  background-color: #BD9E6D;
  border-color: #BD9E6D;
}
.Checkbox.Checkbox--active .Checkbox__icon-svg[data-v-cbc47494] {
  opacity: 1;
}
.Checkbox.Checkbox--loading[data-v-cbc47494] {
  cursor: default;
}
.Checkbox.Checkbox--loading .Checkbox__icon[data-v-cbc47494] {
  background-color: rgba(79, 62, 53, 0);
  border: 1px solid rgba(79, 62, 53, 0.4);
  stroke: rgba(79, 62, 53, 0.6);
}
.Checkbox.Checkbox--loading .Checkbox__icon-svg[data-v-cbc47494] {
  opacity: 1;
}
.Checkbox.Checkbox--error .Checkbox__icon[data-v-cbc47494] {
  background-color: rgba(175, 46, 35, 0.04);
  border-color: #AF2E23;
}
.Checkbox--disabled[data-v-cbc47494] {
  cursor: default;
  opacity: 0.4;
}
.Checkbox.Checkbox--rounded .Checkbox__icon[data-v-cbc47494] {
  border-radius: 20px;
}
.Checkbox .Checkbox__icon[data-v-cbc47494] {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  background-color: rgba(79, 62, 53, 0);
  border: 1px solid #AFAEAC;
  border-radius: 2px;
  stroke: #FFFFFF;
  transition: background-color 150ms ease, border-color 150ms ease;
}
.Checkbox .Checkbox__icon-svg[data-v-cbc47494] {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 50%;
  left: 50%;
  margin: -6.5px 0 0 -7px;
  opacity: 0;
  transition: opacity 150ms ease;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/forms/FieldError.vue?vue&type=style&index=0&id=10aa5d1d&prod&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.FieldError[data-v-10aa5d1d] {
  position: relative;
  max-height: 50px;
  flex-basis: 100%;
}
.FieldError .FieldError__message[data-v-10aa5d1d] {
  position: relative;
  padding: 4px 16px 0 0;
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 16px;
  color: #AF2E23;
}
.error-enter-active[data-v-10aa5d1d], .error-leave-active[data-v-10aa5d1d] {
  transition: max-height 500ms ease, opacity 500ms ease;
}
.error-enter[data-v-10aa5d1d], .error-leave-to[data-v-10aa5d1d] {
  max-height: 0;
  opacity: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/forms/TextInput.vue?vue&type=style&index=0&id=0f341672&prod&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.textInput[data-v-0f341672] {
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
.textInput--medium > .textInput__background[data-v-0f341672] {
  height: 48px;
}
.textInput--small > .textInput__background[data-v-0f341672] {
  height: 36px;
}
.textInput--focused > .textInput__background[data-v-0f341672] {
  border-color: #4F3E35;
  background-color: rgba(225, 211, 188, 0.16);
}
.textInput--focused > .textInput__background .textInput__input[data-v-0f341672] {
  color: #4F3E35;
}
.textInput--error > .textInput__background[data-v-0f341672] {
  border-color: #AF2E23;
}
.textInput--error > .textInput__background[data-v-0f341672]:before {
  background-color: rgba(175, 46, 35, 0.04);
}
.textInput--error > .textInput__background .textInput__input[data-v-0f341672] {
  color: #4F3E35;
}
.textInput--errorAbsolute > .textInput__error-message[data-v-0f341672] {
  position: absolute;
  top: 100%;
  left: 0;
}
.textInput--transparent > .textInput__background[data-v-0f341672] {
  background-color: transparent;
  border: none;
}
.textInput--disabled .textInput__input-placeholder[data-v-0f341672] {
  color: rgba(79, 62, 53, 0.4);
}
.textInput.passwordInput .textInput__input[data-v-0f341672] {
  letter-spacing: 5px;
}
.textInput + .textInput[data-v-0f341672] {
  margin-top: 16px;
}
.textInput__background[data-v-0f341672] {
  display: flex;
  position: relative;
  height: 100%;
  flex: 1;
  align-items: center;
  box-sizing: border-box;
  background-color: #F9F8F5;
  border-radius: 4px;
  border: 1px solid rgba(95, 94, 92, 0.12);
  transition: background-color 300ms ease, border-color 300ms ease;
}
.textInput__background[data-v-0f341672]:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
  transition: background-color 300ms ease;
}
.textInput__input-block[data-v-0f341672] {
  display: flex;
  position: relative;
  height: 100%;
  flex: 1;
  align-items: center;
}
.textInput__input-placeholder[data-v-0f341672] {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0 16px;
  box-sizing: border-box;
  align-items: center;
  align-content: center;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
  line-height: normal;
  color: rgba(79, 62, 53, 0.4);
  transition: background-color 300ms ease, color 300ms ease;
}
.textInput__input[data-v-0f341672] {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 16px;
  box-sizing: border-box;
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
  font-family: inherit;
  line-height: normal;
  color: #4F3E35;
}
.textInput__input[data-v-0f341672]:disabled {
  opacity: 1;
  color: rgba(79, 62, 53, 0.4);
  -webkit-text-fill-color: rgba(79, 62, 53, 0.4);
}
.textInput__slot[data-v-0f341672] {
  position: relative;
  height: 100%;
}
.textInput__error-message[data-v-0f341672] {
  position: relative;
  max-height: 50px;
  flex-basis: 100%;
}
.textInput__error-message-text[data-v-0f341672] {
  position: relative;
  padding: 10px 0 0;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 14px;
  color: #AF2E23;
}
.textInput .error-enter-active[data-v-0f341672], .textInput .error-leave-active[data-v-0f341672] {
  transition: max-height 500ms ease, opacity 500ms ease;
}
.textInput .error-enter[data-v-0f341672], .textInput .error-leave-to[data-v-0f341672] {
  max-height: 0;
  opacity: 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/forms/SearchList.vue?vue&type=style&index=0&id=37c80112&prod&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-37c80112]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.searchList[data-v-37c80112] {
  height: 0;
  position: relative;
  width: 100%;
}
.searchList__frame[data-v-37c80112] {
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  /*transition: top 200ms ease-in-out;*/
  z-index: 100;
}
@media (min-width: 1024px) {
.searchList__frame[data-v-37c80112] {
    height: auto;
    position: absolute;
    width: auto;
    z-index: 1;
}
}
.searchList__overlay[data-v-37c80112] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(95, 94, 92, 0.12);
}
@media (min-width: 1024px) {
.searchList__overlay[data-v-37c80112] {
    position: fixed;
    cursor: default;
    background-color: transparent;
}
}
.searchList__container[data-v-37c80112] {
  position: absolute;
  width: 100%;
  top: 44px;
  bottom: 0;
  left: 0;
  padding: 0 16px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border-radius: 8px 8px 0 0;
}
@media (min-width: 1024px) {
.searchList__container[data-v-37c80112] {
    top: 100%;
    bottom: auto;
    margin-top: 8px;
    padding: 16px 16px 0;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(95, 94, 92, 0.08);
}
}
.searchList__head[data-v-37c80112] {
  display: flex;
  position: relative;
  height: 60px;
  align-items: center;
  justify-content: center;
}
.searchList__title[data-v-37c80112] {
  position: relative;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
}
.searchList__close-button[data-v-37c80112] {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  right: 0;
  margin-top: -8px;
  cursor: pointer;
  fill: #4F3E35;
}
.searchList__icon-block[data-v-37c80112] {
  display: flex;
  position: relative;
  width: 29px;
  height: 100%;
  align-items: center;
  justify-content: flex-end;
}
.searchList__icon[data-v-37c80112] {
  position: relative;
  width: 24px;
  height: 24px;
  stroke: rgba(79, 62, 53, 0.4);
}
.searchList__scroll[data-v-37c80112] {
  position: relative;
  height: calc(100vh - 156px);
  margin-top: 16px;
  overflow: auto;
}
@media (min-width: 1024px) {
.searchList__scroll[data-v-37c80112] {
    scrollbar-color: #F5F3F3 #FFFFFF;
    scrollbar-width: thin;
}
.searchList__scroll[data-v-37c80112]::-webkit-scrollbar {
    background-color: transparent;
    height: 8px;
    width: 8px;
}
.searchList__scroll[data-v-37c80112]::-webkit-scrollbar-button {
    display: none;
}
.searchList__scroll[data-v-37c80112]::-webkit-scrollbar-track {
    background-color: transparent;
}
.searchList__scroll[data-v-37c80112]::-webkit-scrollbar-thumb {
    background: #F5F3F3;
}
}
@media (min-width: 1024px) {
.searchList__scroll[data-v-37c80112] {
    height: auto;
    max-height: 200px;
    margin: 16px -16px 0;
}
}
.searchList__item[data-v-37c80112] {
  display: flex;
  position: relative;
  height: 48px;
  align-items: center;
  cursor: pointer;
}
.searchList__item + .searchList__item[data-v-37c80112] {
  border-top: 1px solid rgba(95, 94, 92, 0.12);
}
@media (min-width: 1024px) {
.searchList__item[data-v-37c80112] {
    height: 40px;
    padding: 0 45px 0 16px;
    background-color: #FFFFFF;
    border: none !important;
    transition: background-color 300ms ease;
}
.searchList__item[data-v-37c80112]:hover {
    background-color: rgba(225, 211, 188, 0.12);
}
}
.searchList__item-icon[data-v-37c80112] {
  position: absolute;
  width: 21px;
  height: 14px;
  top: 50%;
  right: 0;
  margin-top: -7px;
  fill: #4F3E35;
}
@media (min-width: 1024px) {
.searchList__item-icon[data-v-37c80112] {
    right: 16px;
}
}
.searchList__item-text[data-v-37c80112] {
  overflow: hidden;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.searchList__item-text[data-v-37c80112] span {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
  color: #4F3E35;
}
.searchList .overlay-enter-active[data-v-37c80112], .searchList .overlay-leave-active[data-v-37c80112] {
  transition: opacity 400ms ease;
}
.searchList .overlay-enter[data-v-37c80112], .searchList .overlay-leave-to[data-v-37c80112] {
  opacity: 0;
}
.searchList .container-enter-active[data-v-37c80112], .searchList .container-leave-active[data-v-37c80112] {
  transition: transform 400ms ease;
}
.searchList .container-enter[data-v-37c80112], .searchList .container-leave-to[data-v-37c80112] {
  transform: translateY(100%);
}
.searchList .container-desktop-enter-active[data-v-37c80112], .searchList .container-desktop-leave-active[data-v-37c80112] {
  transition: opacity 400ms ease, transform 400ms ease;
}
.searchList .container-desktop-enter[data-v-37c80112], .searchList .container-desktop-leave-to[data-v-37c80112] {
  opacity: 0;
  transform: translateY(16px);
}
.searchList .check-enter-active[data-v-37c80112], .searchList .check-leave-active[data-v-37c80112] {
  transition: opacity 300ms ease;
}
.searchList .check-enter[data-v-37c80112], .searchList .check-leave-to[data-v-37c80112] {
  opacity: 0;
}
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/layouts/base/scss/variables.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/forms/PhoneInput.vue?vue&type=style&index=0&id=7de9f28d&prod&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.phoneInput[data-v-7de9f28d] {
  position: relative;
  height: 100%;
}
.phoneInput--focused .phoneInput__region[data-v-7de9f28d]:before, .phoneInput--filled .phoneInput__region[data-v-7de9f28d]:before {
  background-color: #4F3E35;
}
.phoneInput--focused .phoneInput__region-value[data-v-7de9f28d], .phoneInput--filled .phoneInput__region-value[data-v-7de9f28d] {
  color: #4F3E35;
}
.phoneInput--focused .phoneInput__region-icon[data-v-7de9f28d], .phoneInput--filled .phoneInput__region-icon[data-v-7de9f28d] {
  stroke: #4F3E35;
}
.phoneInput--error .phoneInput__region[data-v-7de9f28d]:before {
  background-color: #AF2E23;
}
.phoneInput--error .phoneInput__region-value[data-v-7de9f28d] {
  color: #AF2E23;
}
.phoneInput--error .phoneInput__region-icon[data-v-7de9f28d] {
  stroke: #AF2E23;
}
.phoneInput--error.phoneInput--focused .phoneInput__region[data-v-7de9f28d]:before, .phoneInput--error.phoneInput--filled .phoneInput__region[data-v-7de9f28d]:before {
  background-color: #AF2E23;
}
.phoneInput--error.phoneInput--focused .phoneInput__region-value[data-v-7de9f28d], .phoneInput--error.phoneInput--filled .phoneInput__region-value[data-v-7de9f28d] {
  color: #AF2E23;
}
.phoneInput--error.phoneInput--focused .phoneInput__region-icon[data-v-7de9f28d], .phoneInput--error.phoneInput--filled .phoneInput__region-icon[data-v-7de9f28d] {
  stroke: #AF2E23;
}
.phoneInput__region[data-v-7de9f28d] {
  display: flex;
  position: relative;
  height: 100%;
  padding: 0 10px;
  align-items: center;
  cursor: pointer;
}
.phoneInput__region[data-v-7de9f28d]:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 24px;
  top: 50%;
  right: 0;
  margin-top: -12px;
  background-color: rgba(79, 62, 53, 0.6);
  transition: background-color 300ms ease;
}
.phoneInput__region-value[data-v-7de9f28d] {
  position: relative;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
  color: rgba(79, 62, 53, 0.6);
  transition: color 300ms ease;
}
.phoneInput__region-icon[data-v-7de9f28d] {
  position: relative;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  stroke: rgba(79, 62, 53, 0.6);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/EmptyResult.vue?vue&type=style&index=0&id=83317b58&prod&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.EmptyResult[data-v-83317b58] {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
}
.EmptyResult__content[data-v-83317b58] {
  box-sizing: border-box;
  max-width: 360px;
  padding: 24px;
  position: relative;
  text-align: center;
}
.EmptyResult__icon[data-v-83317b58] {
  color: rgba(79, 62, 53, 0.4);
  height: 48px;
  margin: 0 auto 32px auto;
  position: relative;
  width: 48px;
}
.EmptyResult__title[data-v-83317b58] {
  font-family: "Quincy CF", Georgia, serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 28px;
  position: relative;
}
.EmptyResult__title + .EmptyResult__description[data-v-83317b58] {
  margin-top: 16px;
}
.EmptyResult__description[data-v-83317b58] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
  color: rgba(79, 62, 53, 0.6);
}
.EmptyResult__description[data-v-83317b58] a {
  color: inherit;
}
.EmptyResult__description[data-v-83317b58] p {
  margin: 0;
}
.EmptyResult__description[data-v-83317b58] p + p {
  margin-top: 1em;
}
.EmptyResult__button[data-v-83317b58] {
  margin-top: 32px;
  position: relative;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/popups/SubscribeSuccessPopup/SubscribeSuccessPopup.vue?vue&type=style&index=0&id=526c959d&prod&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-526c959d]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/forms/components/FieldWrapper/FieldWrapper.vue?vue&type=style&index=0&id=57e33fe8&prod&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.FieldWrapper[data-v-57e33fe8] {
  position: relative;
}
.FieldWrapper__label[data-v-57e33fe8] {
  box-sizing: border-box;
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 16px;
  padding: 0 0 4px 0;
  position: relative;
  text-align: left;
  width: 100%;
}
.FieldWrapper__label--align-center[data-v-57e33fe8] {
  text-align: center;
}
.FieldWrapper__label--align-right[data-v-57e33fe8] {
  text-align: right;
}
.FieldWrapper__caption[data-v-57e33fe8] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 16px;
  box-sizing: border-box;
  color: rgba(79, 62, 53, 0.6);
  max-height: 150px;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
}
.FieldWrapper__caption--absolute[data-v-57e33fe8] {
  left: 0;
  position: absolute;
  top: 100%;
}
.FieldWrapper__caption--align-center[data-v-57e33fe8] {
  text-align: center;
}
.FieldWrapper__caption--align-right[data-v-57e33fe8] {
  text-align: right;
}
.FieldWrapper__caption--theme-accent[data-v-57e33fe8] {
  color: #AF2E23;
}
.FieldWrapper__caption-inner[data-v-57e33fe8] {
  padding: 4px 0 0 0;
}
.FieldWrapper__transition-enter-active[data-v-57e33fe8], .FieldWrapper__transition-leave-active[data-v-57e33fe8] {
  transition: max-height 500ms ease, opacity 300ms ease;
}
.FieldWrapper__transition-enter[data-v-57e33fe8], .FieldWrapper__transition-leave-to[data-v-57e33fe8] {
  max-height: 0;
  opacity: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/forms/components/TextInput/TextInput.vue?vue&type=style&index=0&id=33c2a925&prod&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.TextInput[data-v-33c2a925] {
  background-color: #F9F8F5;
  border: 1px solid rgba(95, 94, 92, 0.12);
  border-radius: 4px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  transition: background-color 200ms ease, border-color 200ms ease;
}
.TextInput.TextInput--focused[data-v-33c2a925] {
  border-color: #4F3E35;
}
.TextInput.TextInput--errored[data-v-33c2a925] {
  border-color: #AF2E23;
}
.TextInput.TextInput--disabled[data-v-33c2a925] {
  background-color: #FFFFFF;
  border-color: rgba(95, 94, 92, 0.12);
}
.TextInput__frame[data-v-33c2a925] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
  box-sizing: border-box;
  cursor: text;
  height: 100%;
  padding: 11px 0;
  position: relative;
  width: 100%;
}
.TextInput--disabled .TextInput__frame[data-v-33c2a925] {
  cursor: default;
}
.TextInput--size-medium .TextInput__frame[data-v-33c2a925] {
  padding: 7px 0;
}
.TextInput--size-small .TextInput__frame[data-v-33c2a925] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
  padding: 5px 0;
}
.TextInput--size-large.TextInput--with-label .TextInput__frame[data-v-33c2a925] {
  padding: 18px 0 4px 0;
}
.TextInput--size-medium.TextInput--with-label .TextInput__frame[data-v-33c2a925] {
  padding: 13px 0 1px 0;
}
.TextInput__overlay[data-v-33c2a925] {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: background-color 200ms ease;
  width: 100%;
}
.TextInput--focused .TextInput__overlay[data-v-33c2a925] {
  background-color: rgba(225, 211, 188, 0.12);
}
.TextInput--errored .TextInput__overlay[data-v-33c2a925] {
  background-color: rgba(175, 46, 35, 0.04);
}
.TextInput--disabled .TextInput__overlay[data-v-33c2a925] {
  background-color: transparent;
}
.TextInput__controls[data-v-33c2a925] {
  align-items: center;
  color: rgba(79, 62, 53, 0.6);
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  visibility: hidden;
}
.TextInput--initialized .TextInput__controls[data-v-33c2a925] {
  visibility: visible;
}
.TextInput__controls--left[data-v-33c2a925] {
  left: 11px;
}
.TextInput--size-medium .TextInput__controls--left[data-v-33c2a925] {
  left: 7px;
}
.TextInput__controls--left .TextInput--size-small[data-v-33c2a925] {
  left: 5px;
}
.TextInput__controls--right[data-v-33c2a925] {
  right: 11px;
}
.TextInput--size-medium .TextInput__controls--right[data-v-33c2a925] {
  right: 7px;
}
.TextInput__controls--right .TextInput--size-small[data-v-33c2a925] {
  right: 5px;
}
.TextInput__scroll[data-v-33c2a925] {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
@media (min-width: 1024px) {
.TextInput__scroll[data-v-33c2a925] {
    scrollbar-color: rgba(95, 94, 92, 0.12) #FFFFFF;
    scrollbar-width: thin;
}
.TextInput__scroll[data-v-33c2a925]::-webkit-scrollbar {
    background-color: transparent;
    border-radius: 2px;
    height: 4px;
    width: 4px;
}
.TextInput__scroll[data-v-33c2a925]::-webkit-scrollbar-button {
    display: none;
}
.TextInput__scroll[data-v-33c2a925]::-webkit-scrollbar-track {
    background-color: transparent;
}
.TextInput__scroll[data-v-33c2a925]::-webkit-scrollbar-thumb {
    background: rgba(31, 27, 22, 0.12);
}
}
.TextInput__content[data-v-33c2a925] {
  color: #4F3E35;
  position: relative;
}
.TextInput--disabled .TextInput__content[data-v-33c2a925] {
  color: rgba(79, 62, 53, 0.4);
}
.TextInput__label[data-v-33c2a925] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 16px;
  color: rgba(79, 62, 53, 0.4);
  box-sizing: border-box;
  left: 0;
  overflow: hidden;
  padding: 0 15px;
  pointer-events: none;
  position: absolute;
  text-overflow: ellipsis;
  top: 4px;
  transition: color 200ms ease;
  white-space: nowrap;
  width: 100%;
}
.TextInput--focused .TextInput__label[data-v-33c2a925] {
  color: #4F3E35;
}
.TextInput--errored .TextInput__label[data-v-33c2a925] {
  color: #AF2E23;
}
.TextInput--disabled .TextInput__label[data-v-33c2a925] {
  color: rgba(79, 62, 53, 0.4);
}
.TextInput--size-medium .TextInput__label[data-v-33c2a925] {
  top: 1px;
}
.TextInput--size-small .TextInput__label[data-v-33c2a925] {
  display: none;
}
.TextInput__placeholder[data-v-33c2a925] {
  box-sizing: border-box;
  color: rgba(79, 62, 53, 0.4);
  font: inherit;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  top: 0;
  white-space: nowrap;
  width: 100%;
}
.TextInput__placeholder--multirow[data-v-33c2a925] {
  white-space: normal;
}
.TextInput--disabled .TextInput__placeholder[data-v-33c2a925] {
  color: rgba(79, 62, 53, 0.4);
}
.TextInput__resizer[data-v-33c2a925] {
  box-sizing: border-box;
  font: inherit;
  overflow: hidden;
  position: relative;
  visibility: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
  width: 100%;
}
.TextInput[data-v-33c2a925] input,
.TextInput[data-v-33c2a925] textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
  bottom: 0;
  box-sizing: border-box;
  caret-color: currentColor;
  color: inherit;
  display: block;
  font: inherit;
  left: 0;
  outline: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.TextInput[data-v-33c2a925] textarea {
  overflow: hidden;
  resize: none;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/popups/SubscribePopup/SubscribePopup.vue?vue&type=style&index=0&id=1ad2d364&prod&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1ad2d364]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.SubscribePopup__header[data-v-1ad2d364] {
  position: relative;
  padding: 24px 0;
}
.SubscribePopup__title[data-v-1ad2d364], .SubscribePopup__text[data-v-1ad2d364] {
  position: relative;
  color: #4f3e35;
}
.SubscribePopup__text[data-v-1ad2d364] {
  margin-bottom: 16px;
}
.SubscribePopup__field[data-v-1ad2d364] {
  position: relative;
  padding: 8px 0;
}
.SubscribePopup__news-subscribe[data-v-1ad2d364] {
  position: relative;
  margin-top: 8px;
  padding: 0 0 0 40px;
  cursor: pointer;
}
.SubscribePopup__news-subscribe-checkbox[data-v-1ad2d364] {
  position: absolute;
  top: -8px;
  left: -8px;
}
.SubscribePopup__news-subscribe-label[data-v-1ad2d364] {
  color: #4f3e35;
}
.SubscribePopup__news-subscribe-label[data-v-1ad2d364] a {
  text-decoration: underline;
}
.SubscribePopup__news-subscribe-label[data-v-1ad2d364] a:hover {
  text-decoration: none;
}
.SubscribePopup__footer[data-v-1ad2d364] {
  position: relative;
  padding: 24px 0;
}
.SubscribePopup__disclaimer[data-v-1ad2d364] {
  position: relative;
  margin-top: 8px;
  text-align: center;
  color: rgba(79, 62, 53, 0.6);
}
@media (min-width: 1280px) {
.SubscribePopup[data-v-1ad2d364] .PopupTemplate__content {
    overflow: visible;
}
.SubscribePopup[data-v-1ad2d364] .searchList__frame {
    z-index: 3;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/popups/parts/PopupControls.vue?vue&type=style&index=0&id=0c90a74b&prod&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PopupControls[data-v-0c90a74b] {
  display: flex;
  gap: 8px;
}
.PopupControls--direction-column[data-v-0c90a74b] {
  flex-direction: column;
}
.PopupControls--direction-row[data-v-0c90a74b] {
  flex-direction: row;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/wishlist/components/WishlistLoginPopup.vue?vue&type=style&index=0&id=fd0768a0&prod&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.WishlistLoginPopup__content[data-v-fd0768a0] {
  padding: 24px 0;
}
.WishlistLoginPopup__icon[data-v-fd0768a0] {
  height: 48px;
  margin: 0 auto;
  position: relative;
  stroke: rgba(79, 62, 53, 0.4);
  width: 48px;
}
.WishlistLoginPopup__title[data-v-fd0768a0] {
  font-family: "Quincy CF", Georgia, serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 28px;
  margin-top: 32px;
  text-align: center;
}
.WishlistLoginPopup__text[data-v-fd0768a0] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
  color: rgba(95, 94, 92, 0.6);
  margin-top: 16px;
  text-align: center;
}
.WishlistLoginPopup__controls[data-v-fd0768a0] {
  padding: 8px 0;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/AdvertisementBlock.vue?vue&type=style&index=0&id=0c77709a&prod&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-0c77709a]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.AdvertisementBlock[data-v-0c77709a] {
  background-color: #F3F1EC;
  height: 40px;
  overflow: hidden;
  position: relative;
  text-align: center;
  z-index: 100;
}
.AdvertisementBlock__message[data-v-0c77709a] {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.AdvertisementBlock__message-holder[data-v-0c77709a] {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin: 0 32px;
}
.AdvertisementBlock__message-text[data-v-0c77709a] {
  color: #4F3E35;
  font-size: 11px;
  letter-spacing: 0.5px;
  line-height: 16px;
}
@media (min-width: 1024px) {
.AdvertisementBlock__message-text[data-v-0c77709a] {
    font-size: 15px;
    letter-spacing: inherit;
    line-height: 24px;
}
}
.AdvertisementBlock__message-text[data-v-0c77709a] a {
  border-bottom: 1px solid;
  color: inherit;
  display: inline-block;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}
.AdvertisementBlock__message-text[data-v-0c77709a] b {
  font-weight: bold;
}
.AdvertisementBlock__message-text[data-v-0c77709a] i {
  font-style: italic;
}
.AdvertisementBlock__message-link[data-v-0c77709a] {
  cursor: pointer;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.AdvertisementBlock__close[data-v-0c77709a] {
  cursor: pointer;
  display: block;
  height: 24px;
  opacity: 0.6;
  margin: -12px;
  position: absolute;
  top: 20px;
  transition: transform 200ms ease;
  right: 17px;
  width: 24px;
  /*    @include mq-from($version-desktop) {
        top: 15px;
      }*/
}
.AdvertisementBlock__close-icon[data-v-0c77709a] {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  fill: #4F3E35;
}
.AdvertisementBlock__fade-enter-active[data-v-0c77709a] {
  transition: opacity 200ms ease 100ms, transform 300ms ease-out 0ms;
}
.AdvertisementBlock__fade-leave-active[data-v-0c77709a] {
  transition: opacity 200ms ease 0ms, transform 300ms ease-out 0ms;
}
.AdvertisementBlock__fade-enter[data-v-0c77709a] {
  opacity: 0;
  transform: translateY(10px);
}
.AdvertisementBlock__fade-leave-to[data-v-0c77709a] {
  opacity: 0;
  transform: translateY(-10px);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/HeightExpand.vue?vue&type=style&index=0&id=725078c5&prod&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.expand-enter-active[data-v-725078c5],
.expand-leave-active[data-v-725078c5] {
  transition: height 500ms ease-in-out, visibility 500ms linear;
  overflow: hidden;
  visibility: visible;
}
.expand-enter[data-v-725078c5],
.expand-leave-to[data-v-725078c5] {
  height: 0;
  visibility: hidden;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/ApplicationBanner.vue?vue&type=style&index=0&id=12ce17bf&prod&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-12ce17bf]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ApplicationBanner[data-v-12ce17bf] {
  background-color: #F3F1EC;
  left: 0;
  width: 100%;
  z-index: 100;
}
.ApplicationBanner--position-bottom[data-v-12ce17bf] {
  bottom: 0;
  position: fixed;
}
.ApplicationBanner--position-top[data-v-12ce17bf] {
  position: relative;
  top: 0;
}
.ApplicationBanner__button[data-v-12ce17bf] {
  display: flex;
}
.ApplicationBanner__close[data-v-12ce17bf] {
  position: relative;
  width: 24px;
  height: 24px;
  padding: 5px;
  box-sizing: border-box;
  fill: rgba(79, 62, 53, 0.6);
}
.ApplicationBanner__inner[data-v-12ce17bf] {
  display: flex;
  align-items: center;
  padding: 8px;
  justify-content: space-between;
}
.ApplicationBanner__message[data-v-12ce17bf] {
  font-size: 14px;
  line-height: 20px;
  padding: 0 12px;
  text-align: left;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/RatingStars.vue?vue&type=style&index=0&id=67482c3a&prod&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ratingStars[data-v-67482c3a] {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.ratingStars__item[data-v-67482c3a] {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.ratingStars__item + .ratingStars__item[data-v-67482c3a] {
  margin-left: 1px;
}
.ratingStars--large .ratingStars__item[data-v-67482c3a], .ratingStars--large .ratingStars__item-star[data-v-67482c3a] {
  width: 20px;
  height: 20px;
}
.ratingStars--medium .ratingStars__item[data-v-67482c3a], .ratingStars--medium .ratingStars__item-star[data-v-67482c3a] {
  width: 16px;
  height: 16px;
}
.ratingStars--small .ratingStars__item[data-v-67482c3a], .ratingStars--small .ratingStars__item-star[data-v-67482c3a] {
  width: 14px;
  height: 14px;
}
.ratingStars__item-layer[data-v-67482c3a] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ratingStars__item-wrapper[data-v-67482c3a] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.ratingStars__item-star[data-v-67482c3a] {
  position: absolute;
  top: 0;
  left: 0;
  fill: none;
  stroke: #BD9E6D;
}
.ratingStars__item-star--fill[data-v-67482c3a] {
  fill: #BD9E6D;
}
.ratingStars__item-star--empty[data-v-67482c3a] {
  stroke: #E1D3BC;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/ApplicationPopup.vue?vue&type=style&index=0&id=5639e491&prod&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ApplicationPopup__content[data-v-5639e491] {
  padding-bottom: 8px;
  padding-top: 24px;
}
.ApplicationPopup__logo[data-v-5639e491] {
  background-color: #F3F0E9;
  border-radius: 8px;
  height: 40px;
  margin: 0 auto;
  padding: 8px;
  stroke: #4F3E35;
  width: 40px;
}
.ApplicationPopup__rating[data-v-5639e491] {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  justify-content: center;
}
.ApplicationPopup__rating-row[data-v-5639e491] {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.ApplicationPopup__rating-label[data-v-5639e491] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
  color: rgba(79, 62, 53, 0.6);
  margin-left: 4px;
}
.ApplicationPopup__rating-caption[data-v-5639e491] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 16px;
  color: rgba(79, 62, 53, 0.6);
}
.ApplicationPopup__title[data-v-5639e491] {
  font-family: "Quincy CF", Georgia, serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 28px;
  margin-top: 32px;
  text-align: center;
}
.ApplicationPopup__text[data-v-5639e491] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
  color: rgba(79, 62, 53, 0.6);
  margin-top: 16px;
  text-align: center;
}
.ApplicationPopup__text[data-v-5639e491] ul {
  list-style: none;
  text-align: left;
}
.ApplicationPopup__text[data-v-5639e491] li {
  padding-left: 20px;
  position: relative;
}
.ApplicationPopup__text[data-v-5639e491] li + li {
  margin-top: 8px;
}
.ApplicationPopup__text[data-v-5639e491] li:before {
  background-color: rgba(79, 62, 53, 0.6);
  border-radius: 2px;
  content: "";
  display: block;
  height: 4px;
  left: 10px;
  margin: -2px;
  position: absolute;
  top: 10px;
  width: 4px;
}
.ApplicationPopup__footer[data-v-5639e491] {
  padding: 24px 0;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/ContentBlocker.vue?vue&type=style&index=0&id=b1ef57dc&prod&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-b1ef57dc]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
[data-v-b1ef57dc]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.content-blocker[data-v-b1ef57dc] {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  position: fixed;
  z-index: 50;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/ApplicationLink.vue?vue&type=style&index=0&id=7062295f&prod&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-7062295f]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ApplicationLink[data-v-7062295f] {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: left;
  position: relative;
  text-decoration: none;
}
.ApplicationLink__icon[data-v-7062295f] {
  fill: #4F3E35;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
}
.ApplicationLink--size-small .ApplicationLink__icon[data-v-7062295f] {
  height: 32px;
  width: 108px;
}
.ApplicationLink--size-medium .ApplicationLink__icon[data-v-7062295f] {
  height: 40px;
  width: 134px;
}
.ApplicationLink--size-large .ApplicationLink__icon[data-v-7062295f] {
  height: 48px;
  width: 162px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/footer/FooterSocials.vue?vue&type=style&index=0&id=ab0c86a2&prod&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.FooterSocials[data-v-ab0c86a2] {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  overflow: auto;
}
.FooterSocials[data-v-ab0c86a2]::-webkit-scrollbar {
  display: none;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/footer/FooterLink.vue?vue&type=style&index=0&id=68a6eac3&prod&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.FooterLink[data-v-68a6eac3] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
  color: #4F3E35;
  cursor: pointer;
  display: block;
  padding: 8px 16px;
  text-decoration: none;
  transition: color 300ms ease;
}
.FooterLink[data-v-68a6eac3]:hover {
  color: rgba(79, 62, 53, 0.8);
}
.FooterLink .FooterLink--active[data-v-68a6eac3] {
  color: #4F3E35;
  cursor: default;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/footer/FooterSubmenu.vue?vue&type=style&index=0&id=916b34ac&prod&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FooterSubmenu[data-v-916b34ac] {
  padding-bottom: 8px;
  width: 100%;
}
.FooterSubmenu__title[data-v-916b34ac] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 28px;
  color: #4f3e35;
  padding: 22px 16px 14px 16px;
}
.FooterSubmenu__links[data-v-916b34ac] {
  display: flex;
  flex-direction: column;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/ShopifyLink.vue?vue&type=style&index=0&id=0ba0cd26&prod&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-0ba0cd26]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.shopify[data-v-0ba0cd26] {
  box-sizing: border-box;
  color: #4F3E35;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  height: 36px;
  padding: 6px 0;
  text-decoration: none;
  transition: color 300ms ease;
  white-space: nowrap;
}
.shopify[data-v-0ba0cd26]:hover {
  color: rgba(79, 62, 53, 0.8);
}
.shopify__icon[data-v-0ba0cd26] {
  display: inline-block;
  height: 24px;
  position: relative;
  vertical-align: middle;
  width: 24px;
}
.shopify__icon[data-v-0ba0cd26]:before {
  position: absolute;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 12px;
  margin-top: -6px;
  top: 50%;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAE0CAYAAABae4vcAAAdWklEQVR4Ae3cb6hlV3UA8P1mIiQGG8mgCFoDQhFTo/FPDRNbsFBa0yHmg8FqnICCqA2mdZSqRFuxUVHBjNaQqggKTtRK/KASlVKsHzRR659UbSRfhFgtkjghU4kJ2Mwrd8xx3ntzznv33Hv+7L32LyDn3XPP3Wev3zpv3nKtN7Nxzy/v30z+I0CAAAECBKoSOGsR7eMOnFdN0PedeDBdf+NX0003fzOd3FT7VJP4AQP9zY/fOeBqKd39xnek45/+/KBr5r7YgZddkS54/9sH3eajnva2QdezWB0CGxsb6arLn5ne96bL0uMPnFtH0Cmle4+fSPuqifaRQM8/75x09K2H0m2ffW167kVPqi188RIgQIDAIwLPeOoT0teOvSp94r1XVvXDv3kAqisAmsCf8/Qnpm985jXp4++5Mh147KOb044ECBAgEFzgvMecnW647lD69ueuSZc++4Lg0XaHV20BsCDZt28jHb7i4nTnV46k1x0+mPZtbHRLeYcAAQIEihZYtPtf/qKL051fPpKuvfpg2r+/6h+B9Y0A2p5eY4E2FecIECAQR6D2dn9bJusuf3aIGAvsAPGSAAEChQto93cnUAGww8ZYYAeIlwQIEChQQLt/76QpADqMjAU6YJwmQIBA5gLa/cslSAGwh5OxwB5A3iZAgEAmAtr9/RKhAFjCy1hgCSSXECBAYCYB7f7V4BUAPdyMBXpguZQAAQITCGj3r46sAFjBzlhgBTQfIUCAwIAC2v3rYyoAVjQ0FlgRzscIECCwhoB2/xp4Oz6qANgB0velsUBfMdcTIEBgNQHt/tXcuj6lAOiS6XneWKAnmMsJECCwpIB2/5JQPS9TAPQE2+1yY4HddLxHgACBfgLa/f28+l6tAOgrtsT1xgJLILmEAAECuwho9++CM9BbCoCBINuWMRZoU3GOAAEC3QLa/d02Q7+jABhadMd6xgI7QLwkQIBAi4B2fwvKyKcUACMDN8sbCzQSjgQIENguoN2/3WOqVwqAqaQfuY+xwMTgbkeAQLYC2v3zpkYBMIO/scAM6G5JgEA2Atr9eaRCATBjHowFZsR3awIEZhHQ7p+FvfWmCoBWlmlPGgtM6+1uBAhML6DdP735XndUAOwlNNH7xgITQbsNAQKTCmj3T8rd62YKgF5c419sLDC+sTsQIDCNgHb/NM6r3kUBsKrcyJ9bjAW+/ulXp3/6+8vTY3/vnJHvZnkCBAgMJ7D4M2vxZ9e3P3dNuvTZFwy3sJUGFVAADMo57GL79+9Lf33VJemuf31Det3hg2nfxsawN7AaAQIEBhRo2v3/9aXXn/qza/FnmP/yFZCdfHPzu50ZC/yOwhcECGQqoN2faWJ22ZYCYBec3N7ytwVyy4j9ECDgt/vLfQYUAIXlzt8WKCxhtksgqEDT7r/zy0fStVcfTNr95SVaAVBezk7t2Fig0MTZNoEAAtr9AZKYUlIAFJ5HY4HCE2j7BAoS0O4vKFlLbFUBsARS7pcYC+SeIfsjULaAdn/Z+evavQKgS6bA88YCBSbNlglkLqDdn3mC1tjeqQLg3vseWGMJH81NwD8ilFtG7IdAeQL+MZ/ycrbsjpuf+acKgKe98Gj60CdvTw8/fHLZz7sucwH/iFDmCbI9ApkKNO1+/5hPpglaY1snT26mY5+/I1106IOnVjlVAJz41UPpDe++NT3vxTel27539xrL+2huAsYCuWXEfgjkK6Ddn29u1t3Zd3/08/T8l34kvfItt6Tj9//61HLbfgfgB3f9Ir3g8MfSK958S7rnuLHAuuA5fd7fFsgpG/ZCIC8Bv92fVz6G3M19Jx5MR951a7r0JR9O3/nhz7Ytva0AWLyzubmZbv7CHenCy4wFtkkFeOFvCwRIohAIDCjQtPv9Yz4DomayVNPuv/CFR9ONx25PJzc3z9jZGQVAc4WxQCMR72gsEC+nIiLQV0C7v69YOde3tfvbdt9ZADQXGws0EvGOxgLxcioiAnsJaPfvJVTu+7u1+9ui2rMAWHzIWKCNLsY5Y4EYeRQFgb0EtPv3Eir3/WXa/W3RLVUANB80Fmgk4h2NBeLlVEQEGgHt/kYi3nHZdn9b5L0KgGYBY4FGIt7RWCBeTkVUr4B2f9zc9233t0msVAAsFjIWaOOMcc5YIEYeRVGvgHZ/3Nyv2u5vE1m5AGgWMxZoJOIdjQXi5VRE8QW0++PmeJ12f5vK2gVAs6ixQCMR72gsEC+nIoonoN0fL6dNREO0+5u1th4HKwAWixoLbKWN9bWxQKx8iiaOgHZ/nFzujGTIdv/OtRevBy0AmhsYCzQS8Y7GAvFyKqJyBbT7y83dXjsfut3fdr9RCoDmRsYCjUS8o7FAvJyKqBwB7f5yctV3p2O1+9v2MWoBsLihsUAbe4xzxgIx8iiKcgS0+8vJVd+djt3ub9vP6AVAc1NjgUYi3tFYIF5ORZSfgHZ/fjkZakdTtPvb9jpZAdDc3FigkYh3NBaIl1MRzS+g3T9/DsbawZTt/rYYJi8AFpswFmhLRYxzxgIx8iiK+QW0++fPwVg7mKPd3xbLLAVAsxFjgUYi3tFYIF5ORTSdgHb/dNZT32mudn9bnLMWAM2GjAUaiXhHY4F4ORXReALa/ePZzr3y3O3+tvizKAAWGzMWaEtPjHPGAjHyKIrxBLT7x7Ode+Vc2v1tDtkUAM3mjAUaiXhHY4F4ORXR+gLa/esb5rpCTu3+NqPsCoBmk8YCjUS8o7FAvJyKqL+Adn9/s1I+kWO7v80u2wJgsVljgbaUxThnLBAjj6LoL6Dd39+slE/k3O5vM8y6AGg2bCzQSMQ7GgvEy6mIugW0+7ttSn8n93Z/m28RBUCzcWOBRiLe0VggXk5FdFpAu/+0RbSvSmn3t7kXVQAsAjAWaEtjjHPGAjHyKIrTAtr9py2ifVVau7/Nv7gCoAnCWKCRiHc0FoiX0xoj0u6Pm/US2/1t2Si2AGiCMRZoJOIdjQXi5bSGiLT742a55HZ/W1aKLwAWQRkLtKU2xjljgRh5rCEK7f64WY7Q7m/LTogCoAnMWKCRiHc0FoiX00gRafdHyub2WKK0+7dH9dtXoQqAJkBjgUYi3tFYIF5OS45Iu7/k7O2+92jt/rZoQxYAi0CNBdrSHeOcsUCMPJYchXZ/ydnbfe9R2/1tUYctAJpgjQUaiXhHY4F4OS0hIu3+ErK02h4jt/vbRMIXAE3QxgKNRLyjsUC8nOYYkXZ/jlkZZk81tPvbpKopABbBGwu0PQIxzhkLxMhjjlFo9+eYlWH2VFO7v02sqgKgATAWaCTiHY0F4uV0zoi0++fUH/fetbX72zSrLAAaCGOBRiLe0VggXk6njEi7f0rtae9Va7u/TbnqAmABYizQ9ljEOGcsECOPU0ah3T+l9rT3qr3d36ZdfQHQoBgLNBLxjsYC8XI6RkTa/WOo5rGmdn97HhQAO1yMBXaABHppLBAomQOGot0/IGZmS2n3754QBUCLj7FAC0qQU8YCQRI5QBja/QMgZrqEdv9yiVEA7OJkLLALTuFvGQsUnsA1t6/dvyZgxh/X7l8+OQqAJayMBZZAKvQSY4FCE7fitrX7V4Qr4GPa/f2TpABY0sxYYEmoAi8zFigwaT23rN3fE6ygy7X7V0+WAqCnnbFAT7CCLjcWKChZPbaq3d8Dq7BLtfvXS5gCYEU/Y4EV4Qr4mLFAAUlaYova/UsgFXqJdv8wiVMArOFoLLAGXuYfNRbIPEG7bE+7fxecwt/S7h82gQqAATyNBQZAzHQJY4FME9OxLe3+DpgAp7X7h0/iWcMvWe+KzVjgqsufmd73psvS4w+cWy9GsMibscCnvvifwSKLE84N1x1K11x1Sdq/3/+viZPVlBbt/utv/Gq66eZvppObm5FCmz0W3ykDp8BYYGDQjJZrxgIZbclWtghce/VBP/y3eJT+pXb/+BlUAIxkbCwwEqxlCRAIL6DdP02KFQAjOzdjgVe8+ZZ0z/EHRr6b5QkQIFCugN/unzZ3CoAJvI0FJkB2CwIEihXQ7p8ndQqACd2NBSbEdisCBIoQ0O6fL00KgBnsjQVmQHdLAgSyEtDunz8dCoCZcmAsMBO82xIgMKuAdv+s/NturgDYxjH9C2OB6c3dkQCBeQS0++dx77qrAqBLZuLzxgITg7sdAQKTCWj3T0bd60YKgF5c415sLDCur9UJEJhWQLt/Wu++d1MA9BWb4HpjgQmQ3YIAgVEFtPtH5R1kcQXAIIzjLGIsMI6rVQkQGE9Au38826FXVgAMLTrwesYCA4NajgCBUQS0+0dhHXVRBcCovMMtbiwwnKWVCBAYVkC7f1jPqVZTAEwlPdB9jAUGgrQMAQJrC2j3r0046wJnLe7+mx+/c9ZNuDkBAgQIlCdw/nnnpKNvPXTqf+Xtvu4d33v8RNIBqPsZED0BAgQIVCqgAKg08cImQIAAgboFFAB151/0BAgQIFCpgAKg0sQLmwABAgTqFlAA1J1/0RMgQIBApQIKgEoTL2wCBAgQqFtAAVB3/kVPgAABApUKKAAqTbywCRAgQKBuAQVA3fkXPQECBAhUKqAAqDTxwiZAgACBugUUAHXnX/QECBAgUKmAAqDSxAubAAECBOoWUADUnX/REyBAgEClAgqAShMvbAIECBCoW0ABUHf+RU+AAAEClQooACpNvLAJECBAoG4BBUDd+Rc9AQIECFQqoACoNPHCJkCAAIG6BRQAdedf9AQIECBQqcDGPb+8f/PX7/5ApeELm8D8Ag986/vpoZ/8dP6NTLiDs5/y5HTuJc+a8I5uRYDAVoFHX/f6dKoA+O+L/nTreV8TIECAAAECgQV+/4f/nowAAidYaAQIECBAoEtAAdAl4zwBAgQIEAgsoAAInFyhESBAgACBLgEFQJeM8wQIECBAILCAAiBwcoVGgAABAgS6BBQAXTLOEyBAgACBwAIKgMDJFRoBAgQIEOgSUAB0yThPgAABAgQCCygAAidXaAQIECBAoEtAAdAl4zwBAgQIEAgsoAAInFyhESBAgACBLgEFQJeM8wQIECBAILCAAiBwcoVGgAABAgS6BBQAXTLOEyBAgACBwAIKgMDJFRoBAgQIEOgSUAB0yThPgAABAgQCCygAAidXaAQIECBAoEtAAdAl4zwBAgQIEAgsoAAInFyhESBAgACBLgEFQJeM8wQIECBAILCAAiBwcoVGgAABAgS6BBQAXTLOEyBAgACBwAIKgMDJFRoBAgQIEOgSUAB0yThPgAABAgQCCygAAidXaAQIECBAoEtAAdAl4zwBAgQIEAgsoAAInFyhESBAgACBLgEFQJeM8wQIECBAILCAAiBwcoVGgAABAgS6BBQAXTLOEyBAgACBwAIKgMDJFRoBAgQIEOgSUAB0yThPgAABAgQCCygAAidXaAQIECBAoEtAAdAl4zwBAgQIEAgsoAAInFyhESBAgACBLgEFQJeM8wQIECBAILCAAiBwcoVGgAABAgS6BBQAXTLOEyBAgACBwAIKgMDJFRoBAgQIEOgSUAB0yThPgAABAgQCCygAAidXaAQIECBAoEtAAdAl4zwBAgQIEAgsoAAInFyhESBAgACBLgEFQJeM8wQIECBAILCAAiBwcoVGgAABAgS6BBQAXTLOEyBAgACBwAIKgMDJFRoBAgQIEOgSUAB0yThPgAABAgQCCygAAidXaAQIECBAoEtAAdAl4zwBAgQIEAgsoAAInFyhESBAgACBLgEFQJeM8wQIECBAILCAAiBwcoVGgAABAgS6BBQAXTLOEyBAgACBwAIKgMDJFRoBAgQIEOgSUAB0yThPgAABAgQCCygAAidXaAQIECBAoEtAAdAl4zwBAgQIEAgsoAAInFyhESBAgACBLoGzFm8ceNkVXe87T4DAyAIPfOv76aGf/HTku+S1/NlPeXI695Jn5bUpuyFQmcCpAuCC97+9srCFSyAfgbvf+I7qCoDFD39/7uTzDNpJfQL3Hj+RjADqy7uICRAgQICAAsAzQIAAAQIEahTQAagx62ImQIAAgeoFFADVPwIACBAgQKBGAQVAjVkXMwECBAhUL6AAqP4RAECAAAECNQooAGrMupgJECBAoHoBBUD1jwAAAgQIEKhRQAFQY9bFTIAAAQLVCygAqn8EABAgQIBAjQIKgBqzLmYCBAgQqF5AAVD9IwCAAAECBGoUUADUmHUxEyBAgED1AgqA6h8BAAQIECBQo4ACoMasi5kAAQIEqhdQAFT/CAAgQIAAgRoFFAA1Zl3MBAgQIFC9gAKg+kcAAAECBAjUKKAAqDHrYiZAgACB6gXOWgg86mlvqx6iJICNjY101eXPTO9702Xp8QfOLWnr9kqAQCCB+048mK6/8avpppu/mU5ubgaKLH4o//P1v0s6AIXl+RlPfUL62rFXpU+890o//AvLne0SiCZw/nnnpKNvPZRu++xr03MvelK08MLHowAoJMXnPebsdMN1h9K3P3dNuvTZFxSya9skQKAGgec8/YnpG595Tfr4e65MBx776BpCDhGjAiDzNC7a/S9/0cXpzi8fSddefTDt3y9lmafM9ghUKbBv30Y6fMXF6c6vHEmvO3ww7dvYqNKhpKD9NMk4W9r9GSfH1ggQaBUwFmhlyfKkAiDDtGj3Z5gUWyJAoJeAsUAvrlkuVgDMwt5+U+3+dhdnCRAoU8BYIO+8KQAyyY92fyaJsA0CBAYXMBYYnHSQBRUAgzCuvoh2/+p2PkmAQFkCxgJ55UsBMFM+tPtngndbAgRmFTAWmJV/280VANs4pnmh3T+Ns7sQIJCvgLHA/LlRAEyYA+3+CbHdigCBIgSMBeZLkwJgAnvt/gmQ3YIAgWIFjAXmSZ0CYGR37f6RgS1PgEAYAWOBaVOpABjJW7t/JFjLEiAQXsBYYJoUKwAGdtbuHxg0o+VOntxMxz5/R0Y7spWtAh/65O3p4YdPbj3l64IFjAXGT54CYEBj7f4BMTNb6rs/+nl6/ks/kl75llsy25ntNAJvePet6Xkvvind9r27m1OOAQSMBcZLogJgAFvt/gEQM13ivhMPpiPvujVd+pIPp+/88GeZ7tK2GoEf3PWL9ILDH0uvePMt6Z7jDzSnHQMIGAsMn0QFwBqm2v1r4GX+0abdf+ELj6Ybj92eTm5uZr5j22sENjc3081fuCNdeNnRZCzQqMQ4GgsMm0cFwIqe2v0rwhXwsa3t/uP3/7qAHdtim8CJXz2UjAXaZMo/ZywwTA4VAD0dtft7ghV0uXZ/QcnqsVVjgR5YhV1qLLBewhQAS/pp9y8JVeBl2v0FJq3nlo0FeoIVdLmxwOrJUgAsYafdvwRSoZdo9xeauBW3bSywIlwBHzMW6J8kBcAuZtr9u+AU/pZ2f+EJXHP7xgJrAmb8cWOB5ZOjAGix0u5vQQlySrs/SCIHCMNYYADETJcwFlguMQqAHU7a/TtAAr3U7g+UzAFDMRYYEDOzpYwFdk+IAuARH+3+3R+Ukt/V7i85e9Pt3VhgOuup72Qs0C5efQGg3d/+YEQ4q90fIYvTxmAsMK33lHczFjhTu+oCQLv/zAciyhnt/iiZnCcOY4F53Ke4q7HAaeUqCwDt/tMPQLSvtPujZXTeeIwF5vUf8+7GAilVVQBo94/57TTv2tr98/pHvruxQNzs1j4WqKYA0O6P+02s3R83tzlFZiyQUzaG3UutY4HwBYB2/7DfKDmtpt2fUzbq2YuxQNxc1zYWCFsAaPfH/SbV7o+b21IiMxYoJVP991nTWCBkAaDd3/+hL+UT2v2lZKqOfRoLxM1zDWOBUAWAdn/cb0bt/ri5jRCZsUCELLbHEHksEKIA0O5vf3AjnNXuj5DFOmIwFoib56hjgeILAO3+uN902v1xcxs5MmOBuNmNNhYotgDQ7o/7TabdHze3NUVmLBA321HGAsUVANr9cb+ptPvj5rbWyIwF4mY+wligqAJAuz/uN5N2f9zciiwlY4G4T0HJY4EiCgDt/rjfPNr9cXMrsjMFjAXONIlypsSxQNYFgHZ/lG+NM+PQ7j/TxJk6BIwF4ua5tLFAtgWAdn/cbxLt/ri5FdnyAsYCy1uVdmUpY4HsCgDt/tIe9eX3q92/vJUr6xEwFoib69zHAtkUANr9cb8JtPvj5lZkwwgYCwzjmOMqOY8FsigAtPtzfGyH2ZN2/zCOVqlDwFggbp5zHAvMWgBo98d92LX74+ZWZOMLGAuMbzzXHXIaC8xSAGj3z/XojX9f7f7xjd2hDgFjgbh5zmUsMHkBoN0f96HW7o+bW5HNJ2AsMJ/92HeeeywwWQGg3T/2ozTf+tr989m7cz0CxgJxcz3XWGD0AkC7P+5Dq90fN7ciy1PAWCDPvAyxqznGAqMWANr9QzwWea6h3Z9nXuyqDgFjgbh5nnIsMEoBoN0f9+HU7o+bW5GVJ2AsUF7Olt3xFGOBQQsA7f5lU1veddr95eXMjusQMBaIm+exxwKDFQDa/XEfQu3+uLkVWRwBY4E4udwZyVhjgbULAO3+namK81q7P04uRVKPgLFA3FwPPRZYuQDQ7o/7kGn3x82tyOoQMBaIm+chxwIrFQDa/XEfLu3+uLkVWX0CxgJxcz7EWKBXAaDdH/dh0u6Pm1uRETAWiPsMrDMWWKoA0O6P+/Bo98fNrcgIbBUwFtiqEevrVccCexYA2v2xHpSt0Wj3b9XwNYE6BIwF4ua571igswDQ7o/7kGj3x82tyAgsK2AssKxUedctOxY4owDQ7i8v2cvuWLt/WSnXEahDwFggbp6XGQtsKwC0++M+DNr9cXMrMgLrChgLrCuY7+d3GwucKgC0+/NN3ro70+5fV9DnCdQjYCwQN9dtY4GzFuH++CtH0uPOPzdu5BVG9vDDJ9NH/+U/0j988N/S/f/7YIUCQiZAYBWBZixw69fuSv/4t3+WXv1Xf5T279/WLF5lWZ/JQKAZC/zFn/xBSpv/l05l1Q//DDIz4BYW7f4/ftlH099c/0U//Ad0tRSBmgQW/8dh8WfI8158U7rte3fXFHr4WJuf+cq6QKnW7g+UTKEQyETAWCCTRIywDQXACKhTL+m3+6cWdz8CdQk0Y4ELLzuaPvTJ29NixOi/8gUUAIXn0G/3F55A2ydQkIC/LVBQspbYqgJgCaQcL9HuzzEr9kSgDgFjgRh5VgAUlkft/sISZrsEggoYC5SfWAVAQTnU7i8oWbZKoBIBY4FyE60AKCB32v0FJMkWCVQuYCxQ3gOgAMg4Z4vftP3nT30rPfXPb0g3Hrs9ndzczHi3tkaAQO0CzVjgD//yA6f+7PK3BfJ+IhQAmebHP+aTaWJsiwCBPQX8I0J7EmVxgQIgizSc3oR2/2kLXxEgULaAsUDe+VMAZJIfv92fSSJsgwCBQQWasYB/RGhQ1kEWUwAMwrjeIn67fz0/nyZAIH8Bf1sgvxwpAGbMiXb/jPhuTYDALALGArOwt95UAdDKMu5J7f5xfa1OgEDeAsYCeeRHATBxHrT7JwZ3OwIEshUwFpg3NQqAify1+yeCdhsCBIoTMBaYJ2UKgJHdtftHBrY8AQIhBIwFpk+jAmBEc+3+EXEtTYBASAFjgenSqgAYwVq7fwRUSxIgUJWAscD46VYADGis3T8gpqUIEKhewFhg3EdAATCQr3b/QJCWIUCAwA4BY4EdIAO9VACsCandvyagjxMgQGBJAWOBJaGWvEwBsCTUzsu0+3eKeE2AAIHxBYwFhjNWAKxgqd2/ApqPECBAYEABY4H1MRUAPQy1+3tguZQAAQITCBgLrI6sAFjCTrt/CSSXECBAYCYBY4HV4BUAe7hp9+8B5G0CBAhkImAs0C8RCoAOL+3+DhinCRAgkLmAscByCVIA7HDS7t8B4iUBAgQKFDAW2DtpCoAtRtr9WzB8SYAAgQACxgLdSVQApJS0+7sfEO8QIEAggoCxwJlZrLoA0O4/84FwhgABAlEFjAW2Z7baAkC7f/uD4BUBAgRqETAW+G2mqysAtPtr+RYXJwECBHYXqH0ssHHPL+/f3J3IuwQIECBAgEA0gf8HzJLFypo3OLsAAAAASUVORK5CYII=");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
}
.shopify__label[data-v-0ba0cd26] {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
}
.shopify--small .shopify__label[data-v-0ba0cd26] {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/controls/Radio/Radio.vue?vue&type=style&index=0&id=03353c5c&prod&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.Radio[data-v-03353c5c] {
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.Radio.Radio--active .Radio__icon[data-v-03353c5c] {
  border-color: #BD9E6D;
}
.Radio.Radio--active .Radio__icon[data-v-03353c5c]:after {
  opacity: 1;
}
.Radio--disabled[data-v-03353c5c] {
  cursor: default;
  opacity: 0.4;
}
.Radio .Radio__icon[data-v-03353c5c] {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  border: 1px solid rgba(95, 94, 92, 0.4);
  border-radius: 20px;
  transition: border-color 150ms ease;
}
.Radio .Radio__icon[data-v-03353c5c]:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  opacity: 0;
  background-color: #BD9E6D;
  border-radius: 6px;
  transition: opacity 150ms ease;
}
.Radio__loader[data-v-03353c5c] {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  stroke: rgba(79, 62, 53, 0.6);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/popups/SuccessPopup.vue?vue&type=style&index=0&id=3474bfa5&prod&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.SuccessPopup__content[data-v-3474bfa5] {
  padding: 24px 0;
}
.SuccessPopup__icon[data-v-3474bfa5] {
  color: rgba(79, 62, 53, 0.4);
  stroke: currentColor;
  height: 48px;
  margin: 0 auto;
  width: 48px;
}
.SuccessPopup__title[data-v-3474bfa5] {
  font-family: "Quincy CF", Georgia, serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 28px;
  margin-top: 32px;
  text-align: center;
}
.SuccessPopup__text[data-v-3474bfa5] {
  color: rgba(79, 62, 53, 0.6);
  margin-top: 16px;
  text-align: center;
}
.SuccessPopup__button[data-v-3474bfa5] {
  margin-top: 32px;
  width: 100%;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/popups/SubscribePopup.vue?vue&type=style&index=0&id=8e4d2e0a&prod&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.SubscribePopup__header[data-v-8e4d2e0a] {
  padding: 24px 0;
}
.SubscribePopup__footer[data-v-8e4d2e0a] {
  padding: 24px 0;
}
.SubscribePopup__subtitle[data-v-8e4d2e0a] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 1.5px;
  line-height: 16px;
  text-transform: uppercase;
  color: rgba(95, 94, 92, 0.6);
  padding: 16px 0;
}
.SubscribePopup__field[data-v-8e4d2e0a] {
  padding: 8px 0;
}
.SubscribePopup__note[data-v-8e4d2e0a] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 16px;
  color: rgba(79, 62, 53, 0.6);
  margin-top: 8px;
  text-align: center;
}
.SubscribePopup__note[data-v-8e4d2e0a] a {
  color: #BD9E6D;
  text-decoration: none;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/footer/Footer.vue?vue&type=style&index=0&id=b381de06&prod&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Footer[data-v-b381de06] {
  background-color: #FFFFFF;
  border-top: 1px solid rgba(95, 94, 92, 0.12);
  box-sizing: border-box;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 8px 16px 0 16px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (min-width: 1280px) {
.Footer[data-v-b381de06] {
    padding-left: 32px;
    padding-right: 32px;
}
}
@media (min-width: 1440px) {
.Footer[data-v-b381de06] {
    padding-left: 48px;
    padding-right: 48px;
}
}
@media (min-width: 1600px) {
.Footer[data-v-b381de06] {
    padding-left: 64px;
    padding-right: 64px;
}
}
.Footer__columns[data-v-b381de06] {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 8px 0;
  position: relative;
}
@media (min-width: 1280px) {
.Footer__columns[data-v-b381de06] {
    flex-wrap: nowrap;
    padding: 32px 0;
}
}
.Footer__column[data-v-b381de06] {
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  position: relative;
  width: 50%;
}
@media (min-width: 1280px) {
.Footer__column[data-v-b381de06] {
    width: 372px;
}
}
.Footer__divider[data-v-b381de06] {
  background-color: rgba(95, 94, 92, 0.12);
  height: 1px;
  margin: 8px 0;
}
.Footer__divider--tablet[data-v-b381de06] {
  order: 2;
  width: 100%;
}
@media (min-width: 1280px) {
.Footer__divider--tablet[data-v-b381de06] {
    display: none;
}
}
.Footer__bottom[data-v-b381de06] {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 40px;
  justify-content: space-between;
  padding: 0 16px;
}
.Footer__navigation[data-v-b381de06] {
  padding-bottom: 8px;
}
.Footer__application[data-v-b381de06] {
  padding: 24px 16px 16px 16px;
  order: 3;
}
@media (min-width: 1280px) {
.Footer__application[data-v-b381de06] {
    order: 0;
}
}
.Footer__application-qr[data-v-b381de06] {
  background-image: url("../images/qr.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  display: block;
  fill: #4f3e35;
  height: 96px;
  width: 96px;
}
.Footer__application-logo[data-v-b381de06] {
  background-color: #F4EFE6;
  border-radius: 12px;
  height: 56px;
  position: relative;
  width: 56px;
}
.Footer__application-icon[data-v-b381de06] {
  height: 50px;
  left: 50%;
  margin: -25px;
  position: absolute;
  stroke: #4f3e35;
  top: 50%;
  width: 50px;
}
.Footer__application-title[data-v-b381de06] {
  font-family: "Quincy CF", Georgia, serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.4px;
  line-height: 24px;
  margin-top: 16px;
}
.Footer__application-text[data-v-b381de06] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
  color: rgba(95, 94, 92, 0.6);
  margin-top: 4px;
}
@media (min-width: 1280px) {
.Footer__application-text[data-v-b381de06] {
    font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 16px;
}
}
.Footer__application-links[data-v-b381de06] {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
  margin-top: auto;
  padding-top: 16px;
}
.Footer__subscribe[data-v-b381de06] {
  order: 4;
  padding: 24px 16px 16px 16px;
}
@media (min-width: 1280px) {
.Footer__subscribe[data-v-b381de06] {
    order: 0;
}
}
.Footer__subscribe-title[data-v-b381de06] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 28px;
  max-width: 360px;
}
@media (min-width: 1280px) {
.Footer__subscribe-title[data-v-b381de06] {
    max-width: none;
}
}
.Footer__subscribe-button[data-v-b381de06] {
  margin-top: 24px;
  max-width: 280px;
  width: 100%;
}
@media (min-width: 1280px) {
.Footer__subscribe-button[data-v-b381de06] {
    max-width: none;
}
}
.Footer__socials[data-v-b381de06] {
  margin: 0 -8px;
  padding-top: 16px;
}
@media (min-width: 1280px) {
.Footer__socials[data-v-b381de06] {
    margin-top: auto;
    padding-top: 24px;
}
}
.Footer__copyright[data-v-b381de06] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/header/HeaderIcon.vue?vue&type=style&index=0&id=af04a324&prod&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-af04a324]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.header-icon[data-v-af04a324] {
  align-items: center;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  padding: 6px;
  position: relative;
  transform: translate3d(0, 0, 0);
  vertical-align: middle;
  width: 40px;
}
.header-icon__svg[data-v-af04a324] {
  position: relative;
  width: 24px;
  height: 24px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/controls/Counter/IconWithCounter/IconWithCounter.vue?vue&type=style&index=0&id=46c1841d&prod&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.IconWithCounter[data-v-46c1841d] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.IconWithCounter .IconWithCounter__icon[data-v-46c1841d] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.IconWithCounter .IconWithCounter__counter[data-v-46c1841d] {
  position: absolute;
  bottom: 100%;
  left: 100%;
  margin: 0 0 -10px -10px;
}
.scale-enter-active[data-v-46c1841d],
.scale-leave-active[data-v-46c1841d] {
  transform-origin: 50% 50%;
  transition: transform 300ms ease, opacity 300ms linear;
}
.scale-enter[data-v-46c1841d],
.scale-leave-to[data-v-46c1841d] {
  opacity: 0;
  transform: scale(0.5);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/header/HeaderCollectionsTabs.vue?vue&type=style&index=0&id=6c0f2284&prod&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-6c0f2284]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.HeaderCollectionsTabs[data-v-6c0f2284] {
  display: flex;
  position: relative;
  margin-left: 8px;
  align-items: center;
}
.HeaderCollectionsTabs__item[data-v-6c0f2284] {
  position: relative;
  padding: 12px 8px;
  cursor: pointer;
  transition: color 200ms ease;
}
.HeaderCollectionsTabs--main .HeaderCollectionsTabs__item[data-v-6c0f2284] {
  color: rgba(79, 62, 53, 0.6);
}
.HeaderCollectionsTabs--white .HeaderCollectionsTabs__item[data-v-6c0f2284] {
  color: rgba(255, 255, 255, 0.6);
}
.HeaderCollectionsTabs--main .HeaderCollectionsTabs__item--active[data-v-6c0f2284], .HeaderCollectionsTabs--main .HeaderCollectionsTabs__item[data-v-6c0f2284]:hover {
  color: #4F3E35;
}
.HeaderCollectionsTabs--white .HeaderCollectionsTabs__item--active[data-v-6c0f2284], .HeaderCollectionsTabs--white .HeaderCollectionsTabs__item[data-v-6c0f2284]:hover {
  color: #FFFFFF;
}
.HeaderCollectionsTabs__item[data-v-6c0f2284]:after {
  content: "";
  position: absolute;
  bottom: 8px;
  right: 8px;
  left: 8px;
  opacity: 0;
  border-bottom: 1px solid;
  transition: opacity 200ms ease;
}
.HeaderCollectionsTabs__item--active[data-v-6c0f2284]:after {
  opacity: 1;
}
.HeaderCollectionsTabs__item-text[data-v-6c0f2284] {
  position: relative;
}
@media (max-width: 1023px) {
.HeaderCollectionsTabs__item-text[data-v-6c0f2284] {
    font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1.5px;
    line-height: 16px;
    text-transform: uppercase;
}
}
@media (min-width: 1024px) {
.HeaderCollectionsTabs__item-text[data-v-6c0f2284] {
    font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 1.5px;
    line-height: 16px;
    text-transform: uppercase;
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/DataProvider.vue?vue&type=style&index=0&id=0e778bdc&prod&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.DataProvider[data-v-0e778bdc] {
  width: 100%;
}
.DataProvider__preloader[data-v-0e778bdc] {
  flex-basis: 100%;
  height: 56px;
  position: relative;
}
.DataProvider__preloader-icon[data-v-0e778bdc] {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  stroke: #4F3E35;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/geo/components/UserGeoCountryButton/UserGeoCountryButton.vue?vue&type=style&index=0&id=6d6a06ed&prod&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-6d6a06ed]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.UserGeoCountryButton__icon[data-v-6d6a06ed] {
  position: relative;
  width: 24px;
  height: 24px;
}
.UserGeoCountryButton__icon--left[data-v-6d6a06ed] {
  margin-left: 8px;
  stroke: #4F3E35;
}
.UserGeoCountryButton--desktop .UserGeoCountryButton__icon--left[data-v-6d6a06ed] {
  margin-left: 16px;
}
.UserGeoCountryButton__icon--right[data-v-6d6a06ed] {
  margin-right: 0;
  stroke: rgba(79, 62, 53, 0.4);
}
.UserGeoCountryButton--desktop .UserGeoCountryButton__icon--right[data-v-6d6a06ed] {
  margin-right: 8px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/geo/components/UserGeoListItem/UserGeoListItem.vue?vue&type=style&index=0&id=5668d82a&prod&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-5668d82a]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.UserGeoListItem__radio[data-v-5668d82a] {
  position: relative;
  margin-left: 8px;
}
.UserGeoListItem[data-v-5668d82a] .ListItem__content {
  overflow: hidden;
}
.UserGeoListItem[data-v-5668d82a] .ListItem__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/geo/components/UserGeoList/UserGeoList.vue?vue&type=style&index=0&id=c0ce8fa2&prod&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-c0ce8fa2]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/forms/components/FieldIcon/FieldIcon.vue?vue&type=style&index=0&id=09e5900e&prod&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FieldIcon[data-v-09e5900e] {
  display: block;
  fill: currentColor;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  stroke: currentColor;
}
.FieldIcon.FieldIcon--clickable[data-v-09e5900e] {
  cursor: pointer;
}
.FieldIcon.FieldIcon--size-small[data-v-09e5900e] {
  margin: 0 -4px;
  padding: 4px;
}
.FieldIcon.FieldIcon--size-medium[data-v-09e5900e] {
  margin: 0 -6px;
  padding: 6px;
}
.FieldIcon.FieldIcon--size-large[data-v-09e5900e] {
  margin: 0 -8px;
  padding: 8px;
}
.FieldIcon__inner[data-v-09e5900e] {
  position: relative;
}
.FieldIcon--size-small .FieldIcon__inner[data-v-09e5900e] {
  height: 16px;
  width: 16px;
}
.FieldIcon--size-medium .FieldIcon__inner[data-v-09e5900e] {
  height: 20px;
  width: 20px;
}
.FieldIcon--size-large .FieldIcon__inner[data-v-09e5900e] {
  height: 24px;
  width: 24px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/geo/components/UserGeoSearchField/UserGeoSearchField.vue?vue&type=style&index=0&id=c7e8c674&prod&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-c7e8c674]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.UserGeoSearchField[data-v-c7e8c674] {
  position: relative;
  padding: 8px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/geo/components/UserGeoCountryPopup/UserGeoCountryPopup.vue?vue&type=style&index=0&id=17bae85e&prod&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-17bae85e]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.UserGeoCountryPopup.SheetTemplate--desktop[data-v-17bae85e] .SheetTemplate__wrapper {
  padding: 8px;
}
.UserGeoCountryPopup.SheetTemplate--mobile[data-v-17bae85e] .SheetTemplate__wrapper {
  border-radius: 6px 6px 0 0;
  height: calc(100% - 56px);
  overflow: hidden;
}
.UserGeoCountryPopup[data-v-17bae85e] .SheetTemplate__content {
  padding: 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/geo/components/UserGeoPopup/UserGeoPopup.vue?vue&type=style&index=0&id=0591159a&prod&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-0591159a]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.UserGeoPopup.SheetTemplate--desktop[data-v-0591159a] .SheetTemplate__wrapper {
  padding: 8px;
}
.UserGeoPopup.SheetTemplate--desktop[data-v-0591159a] .SheetTemplate__footer {
  margin-top: 8px;
}
.UserGeoPopup.SheetTemplate--mobile[data-v-0591159a] .SheetTemplate__wrapper {
  border-radius: 6px 6px 0 0;
  height: calc(100% - 56px);
  overflow: hidden;
}
.UserGeoPopup[data-v-0591159a] .SheetTemplate__content {
  padding: 0;
}
.UserGeoPopup__footer[data-v-0591159a] {
  position: relative;
  padding: 8px 0 40px;
}
.UserGeoPopup__help[data-v-0591159a] {
  position: relative;
  padding: 8px 0;
  text-align: center;
  color: rgba(95, 94, 92, 0.8);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/geo/components/UserGeoConfirmTooltip/UserGeoConfirmTooltip.vue?vue&type=style&index=0&id=4edf8e10&prod&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-4edf8e10]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.UserGeoConfirmTooltip[data-v-4edf8e10] {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 5;
  margin-top: 14px;
  transform: translateX(-50%);
}
.UserGeoConfirmTooltip__background[data-v-4edf8e10] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border: 1px solid rgba(95, 94, 92, 0.12);
  border-radius: 6px;
  box-shadow: 0 0.5px 1.75px rgba(0, 0, 0, 0.04), 0 1.85px 6.25px rgba(0, 0, 0, 0.19);
  transition: background-color 300ms ease;
}
.UserGeoConfirmTooltip__arrow[data-v-4edf8e10] {
  position: absolute;
  width: 20px;
  height: 10px;
  bottom: 100%;
  left: 50%;
  margin: 0 -10px;
}
.UserGeoConfirmTooltip__arrow-shadow[data-v-4edf8e10] {
  position: absolute;
  width: 10px;
  height: 10px;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  border-radius: 50%;
  box-shadow: 0 0.5px 1.75px rgba(0, 0, 0, 0.04), 0 1.85px 6.25px rgba(0, 0, 0, 0.19);
}
.UserGeoConfirmTooltip__arrow-icon[data-v-4edf8e10] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  fill: #FFFFFF;
  stroke: rgba(95, 94, 92, 0.12);
  transform: translateY(1px) rotate(180deg);
}
.UserGeoConfirmTooltip__content[data-v-4edf8e10] {
  display: flex;
  position: relative;
  padding: 12px;
  align-items: flex-start;
}
.UserGeoConfirmTooltip__icon[data-v-4edf8e10] {
  position: relative;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-right: 12px;
  stroke: #4F3E35;
}
.UserGeoConfirmTooltip__text[data-v-4edf8e10] {
  position: relative;
  flex: 1;
}
.UserGeoConfirmTooltip__controls[data-v-4edf8e10] {
  display: flex;
  position: relative;
  margin-top: 12px;
  gap: 8px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/header/HeaderGeoButton.vue?vue&type=style&index=0&id=7c5d7975&prod&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-7c5d7975]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.HeaderGeoButton[data-v-7c5d7975] {
  display: flex;
  position: relative;
  align-items: center;
}
.HeaderGeoButton .fade-enter-active[data-v-7c5d7975],
.HeaderGeoButton .fade-leave-active[data-v-7c5d7975] {
  transition: opacity 300ms ease 1000ms;
}
.HeaderGeoButton .fade-leave-active[data-v-7c5d7975] {
  transition-duration: 100ms;
  transition-delay: 0ms;
}
.HeaderGeoButton .fade-enter[data-v-7c5d7975],
.HeaderGeoButton .fade-leave-to[data-v-7c5d7975] {
  opacity: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/header/HeaderLogotype.vue?vue&type=style&index=0&id=7c97c888&prod&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-7c97c888]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.HeaderLogotype[data-v-7c97c888] {
  position: absolute;
  top: 50%;
  left: 50%;
}
.HeaderLogotype--theme-white[data-v-7c97c888] {
  width: 42px;
  height: 42px;
  margin: -21px 0 0 -21px;
}
.HeaderLogotype--theme-main[data-v-7c97c888] {
  width: 107px;
  height: 16px;
  margin: -8px 0 0 -53.5px;
}
@media (min-width: 1024px) {
.HeaderLogotype--theme-main[data-v-7c97c888] {
    width: 114px;
    height: 18px;
    margin: -9px 0 0 -57px;
}
}
.HeaderLogotype__icon[data-v-7c97c888] {
  fill: none;
  stroke: #FFFFFF;
}
.HeaderLogotype__text[data-v-7c97c888] {
  fill: #4F3E35;
  stroke: none;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/header/HeaderMenuButton.vue?vue&type=style&index=0&id=e809b22e&prod&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-e809b22e]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.HeaderMenuButton[data-v-e809b22e] {
  position: relative;
  width: 40px;
  height: 40px;
  z-index: 3;
  cursor: pointer;
}
.HeaderMenuButton[data-v-e809b22e]:before, .HeaderMenuButton[data-v-e809b22e]:after {
  content: "";
  position: absolute;
  width: 22px;
  height: 1px;
  bottom: 50%;
  left: 50%;
  margin-left: -11px;
  border-radius: 1px;
  transition: transform 200ms ease;
}
.HeaderMenuButton[data-v-e809b22e]:before {
  transform: translateY(-4px);
}
.HeaderMenuButton[data-v-e809b22e]:after {
  transform: translateY(4px);
}
.HeaderMenuButton--main[data-v-e809b22e]:before, .HeaderMenuButton--main[data-v-e809b22e]:after {
  background-color: #4F3E35;
}
.HeaderMenuButton--white[data-v-e809b22e]:before, .HeaderMenuButton--white[data-v-e809b22e]:after {
  background-color: #FFFFFF;
}
.HeaderMenuButton--active[data-v-e809b22e]:before {
  transform: rotate(-45deg);
}
.HeaderMenuButton--active[data-v-e809b22e]:after {
  transform: rotate(45deg);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/CenteredIconText.vue?vue&type=style&index=0&id=2339ee52&prod&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-2339ee52]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.CenteredIconText[data-v-2339ee52] {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.CenteredIconText__content[data-v-2339ee52] {
  position: relative;
  text-align: center;
}
.CenteredIconText__content-icon[data-v-2339ee52] {
  display: flex;
  position: relative;
  justify-content: center;
}
.CenteredIconText__content-title[data-v-2339ee52] {
  position: relative;
  margin-top: 30px;
  font-size: 23px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 32px;
}
.CenteredIconText__content-text[data-v-2339ee52] {
  position: relative;
  margin-top: 16px;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/ProductCard/ProductCardContent.vue?vue&type=style&index=0&id=4f9e2dd8&prod&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4f9e2dd8]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.ProductCardContent[data-v-4f9e2dd8] {
  margin-top: 8px;
  padding: 0 8px 0 0;
  position: relative;
}
@media (min-width: 640px) {
.ProductCardContent[data-v-4f9e2dd8] {
    padding: 0 2px;
}
}
.ProductCardContent--no-padding[data-v-4f9e2dd8] {
  padding: 0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/modules/catalog/components/ProductCard/shared/styles.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductCard {
  display: block;
  position: relative;
  width: 100%;
}
.ProductCard__preview {
  background-color: #F3F1EC;
  overflow: hidden;
  padding-top: 150%;
  position: relative;
  width: 100%;
}
@media (min-width: 640px) {
  .ProductCard__preview {
    border-radius: 4px;
  }
}
.ProductCard__preview--rounded {
  border-radius: 4px;
}
.ProductCard__preview--demonstration {
  pointer-events: none;
  z-index: 105;
}
.ProductCard__preview:before {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 30%, rgba(255, 255, 255, 0) 60%);
}
.ProductCard__preview:after {
  border: 4px solid #ffffff;
  border-radius: 4px;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 1;
}
.ProductCard__preview--demonstration:after {
  visibility: visible;
}
.ProductCard__content-height {
  position: relative;
}
.ProductCard__content-height--title, .ProductCard__content-height--price {
  height: 20px;
}
@media (min-width: 1024px) {
  .ProductCard__content-height--price {
    height: 24px;
  }
}
.ProductCard__content-height--tags {
  height: 17.5px;
  margin-top: 2px;
}
@media (min-width: 1024px) {
  .ProductCard__content-height--tags {
    margin-top: 4px;
  }
}
.ProductCard__content-height--controls {
  height: 60px;
}
@media (min-width: 1024px) {
  .ProductCard__content-height--controls {
    height: 68px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/ProductCardSlider/ProductCardImage.vue?vue&type=style&index=0&id=268f9573&prod&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-268f9573]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
[data-v-268f9573]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.ProductCardImage__wrapper[data-v-268f9573] {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ProductCardImage__image[data-v-268f9573] {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/ProductCardSlider/desktop/Slider.vue?vue&type=style&index=0&id=46ad4dca&prod&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-46ad4dca]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
[data-v-46ad4dca]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.ProductCardSlider[data-v-46ad4dca] {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  overflow: hidden;
  z-index: 1;
}
.ProductCardSlider__slides[data-v-46ad4dca] {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ProductCardSlider__progress[data-v-46ad4dca] {
  bottom: 4px;
  display: flex;
  flex-direction: row;
  gap: 2px;
  left: 4px;
  opacity: 0;
  position: absolute;
  right: 4px;
  transition: opacity 300ms linear, visibility 300ms linear;
  visibility: hidden;
}
.ProductCardSlider__progress--visible[data-v-46ad4dca] {
  opacity: 1;
  visibility: visible;
}
.ProductCardSlider__progress-line[data-v-46ad4dca] {
  background: rgb(255, 255, 255);
  border-radius: 1px;
  flex-grow: 1;
  flex-shrink: 1;
  height: 2px;
  opacity: 0.4;
  width: 100%;
}
.ProductCardSlider__progress-line--active[data-v-46ad4dca] {
  opacity: 1;
}
.ProductCardSlider__tabs[data-v-46ad4dca] {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: row;
}
.ProductCardSlider__tab[data-v-46ad4dca] {
  flex-grow: 1;
  flex-shrink: 1;
  height: 100%;
  position: relative;
  width: 100%;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/ProductCardSlider/mobile/Slider.vue?vue&type=style&index=0&id=8fc1410e&prod&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-8fc1410e]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
[data-v-8fc1410e]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.ProductCardSlider[data-v-8fc1410e] {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  z-index: 1;
}
.ProductCardSlider[data-v-8fc1410e] .slick-slider {
  height: 100%;
}
.ProductCardSlider[data-v-8fc1410e] .slick-list {
  height: 100%;
  overflow: visible;
}
.ProductCardSlider[data-v-8fc1410e] .slick-track {
  height: 100%;
}
.ProductCardSlider[data-v-8fc1410e] .slick-slide {
  position: relative;
}
.ProductCardSlider .ProductCardSlider__bullets[data-v-8fc1410e] {
  position: absolute;
  right: 4px;
  bottom: 3px;
  font-size: 0;
  white-space: nowrap;
}
.ProductCardSlider .ProductCardSlider__bullet[data-v-8fc1410e] {
  display: inline-block;
  position: relative;
  width: 6px;
  height: 2px;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 2px;
  transition: background-color 200ms ease;
}
.ProductCardSlider .ProductCardSlider__bullet--active[data-v-8fc1410e] {
  background-color: #FFFFFF;
}
.ProductCardSlider .ProductCardSlider__bullet + .ProductCardSlider__bullet[data-v-8fc1410e] {
  margin-left: 2px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/ProductCard/ProductCardWishlistButton.vue?vue&type=style&index=0&id=ffbf2594&prod&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
[data-v-ffbf2594]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.ProductCardWishlistButton[data-v-ffbf2594] {
  position: relative;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
@media (min-width: 640px) {
.ProductCardWishlistButton[data-v-ffbf2594] {
    transition: transform 300ms ease;
}
.ProductCardWishlistButton[data-v-ffbf2594]:hover {
    transform: scale(1.1);
}
.ProductCardWishlistButton[data-v-ffbf2594]:active {
    transform: scale(0.9);
    transition: transform 100ms ease;
}
}
.ProductCardWishlistButton.ProductCardWishlistButton--active .ProductCardWishlistButton__icon[data-v-ffbf2594] {
  fill: #FFFFFF;
  stroke: #FFFFFF;
}
.ProductCardWishlistButton.ProductCardWishlistButton--active .ProductCardWishlistButton__icon--png[data-v-ffbf2594] {
  fill: none;
  stroke: none;
  background-image: url("../icons/wishlist-active.png");
}
.ProductCardWishlistButton .ProductCardWishlistButton__icon[data-v-ffbf2594] {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  fill: rgba(95, 94, 92, 0.6);
  stroke: rgba(255, 255, 255, 0.4);
}
.ProductCardWishlistButton .ProductCardWishlistButton__icon--png[data-v-ffbf2594] {
  fill: none;
  stroke: none;
  background: url("../icons/wishlist-inactive.png") 0 0/100% 100% no-repeat;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/ProductCard/ProductCardUnsubscribeButton.vue?vue&type=style&index=0&id=c3024536&prod&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
[data-v-c3024536]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.ProductCardUnsubscribeButton[data-v-c3024536] {
  position: relative;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
@media (min-width: 640px) {
.ProductCardUnsubscribeButton[data-v-c3024536] {
    transition: transform 300ms ease;
}
.ProductCardUnsubscribeButton[data-v-c3024536]:hover {
    transform: scale(1.2);
}
.ProductCardUnsubscribeButton[data-v-c3024536]:active {
    transform: scale(0.8);
    transition: transform 100ms ease;
}
}
.ProductCardUnsubscribeButton.ProductCardUnsubscribeButton--active .ProductCardUnsubscribeButton__icon[data-v-c3024536] {
  fill: #FFFFFF;
  stroke: #FFFFFF;
}
.ProductCardUnsubscribeButton .ProductCardUnsubscribeButton__icon[data-v-c3024536] {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  fill: rgba(95, 94, 92, 0.4);
  stroke: rgba(255, 255, 255, 0.4);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/ProductCard/ProductCardRegular.vue?vue&type=style&index=0&id=2e1e09ba&prod&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-2e1e09ba]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductCard__image[data-v-2e1e09ba] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.ProductCard__image--above[data-v-2e1e09ba] {
  opacity: 0;
}
.ProductCard:hover .ProductCard__image--above[data-v-2e1e09ba] {
  opacity: 1;
}
.ProductCard__tags[data-v-2e1e09ba] {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
}
.ProductCard__tag[data-v-2e1e09ba] {
  position: relative;
}
.ProductCard__tags-delimiter[data-v-2e1e09ba] {
  display: inline-block;
  position: relative;
  width: 2px;
  height: 2px;
  margin: 0 5px;
  vertical-align: middle;
  background-color: #A89583;
  border-radius: 1px;
}
.ProductCard__tag-label[data-v-2e1e09ba] {
  color: #BD9E6D;
  font-size: 10px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (min-width: 640px) {
.ProductCard__tag-label[data-v-2e1e09ba] {
    font-size: 11px;
}
}
.ProductCard__tag-label--red[data-v-2e1e09ba] {
  color: #8F2E27;
}
.ProductCard__heart[data-v-2e1e09ba], .ProductCard__delete[data-v-2e1e09ba] {
  position: absolute;
  right: 0;
  top: 1px;
  z-index: 2;
}
.ProductCard__content-row[data-v-2e1e09ba] {
  font-size: 0;
  line-height: 18px;
  position: relative;
  white-space: nowrap;
}
.ProductCard__controls[data-v-2e1e09ba] {
  position: relative;
  z-index: 1;
}
.ProductCard__title[data-v-2e1e09ba] {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
  display: block;
  overflow: hidden;
  position: relative;
  text-align: left;
  text-overflow: ellipsis;
}
.ProductCard__price[data-v-2e1e09ba] {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 1024px) {
.ProductCard__price[data-v-2e1e09ba] {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.7px;
    line-height: 24px;
}
}
.ProductCard__price--new[data-v-2e1e09ba] {
  color: #8F2E27;
}
.ProductCard__price--old[data-v-2e1e09ba] {
  color: rgba(79, 62, 53, 0.4);
  margin-left: 6px;
  text-decoration: line-through;
}
@media (min-width: 640px) {
.ProductCard__price--old[data-v-2e1e09ba] {
    margin-left: 12px;
}
}
.ProductCard__size[data-v-2e1e09ba] {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 14px;
  display: inline-block;
  line-height: inherit;
  margin-left: 12px;
  vertical-align: middle;
}
.ProductCard__colors[data-v-2e1e09ba] {
  display: inline-block;
  height: 8px;
  line-height: 8px;
  margin-left: 6px;
  vertical-align: middle;
}
@media (min-width: 640px) {
.ProductCard__colors[data-v-2e1e09ba] {
    margin-left: 12px;
}
}
.ProductCard__color[data-v-2e1e09ba] {
  border: 1px solid transparent;
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-block;
  height: 8px;
  width: 8px;
}
.ProductCard__color + .ProductCard__color[data-v-2e1e09ba] {
  margin-left: 4px;
}
@media (min-width: 640px) {
.ProductCard__color + .ProductCard__color[data-v-2e1e09ba] {
    margin-left: 6px;
}
}
.ProductCard__button[data-v-2e1e09ba] {
  display: inline-block;
  margin: 8px auto 16px;
  position: relative;
  z-index: 1;
}
.ProductCard__button--active[data-v-2e1e09ba] {
  margin-left: 0;
  max-width: 100%;
}
@media (min-width: 640px) {
.ProductCard__button[data-v-2e1e09ba] {
    margin: 12px auto 20px;
}
}
.ProductCard__link[data-v-2e1e09ba] {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  display: block;
  outline: none;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/search/SearchProduct.vue?vue&type=style&index=0&id=0ce8d76c&prod&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-0ce8d76c]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
[data-v-0ce8d76c]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.SearchProduct[data-v-0ce8d76c] {
  display: block;
  min-width: 0;
  position: relative;
  text-decoration: none;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/search/SearchSection.vue?vue&type=style&index=0&id=4b14c63b&prod&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.SearchSection[data-v-4b14c63b] {
  border-bottom: 1px solid transparent;
  padding: 4px 0;
  position: relative;
}
.SearchSection__title[data-v-4b14c63b] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 1.5px;
  line-height: 16px;
  text-transform: uppercase;
  box-sizing: border-box;
  color: rgba(95, 94, 92, 0.6);
  margin-bottom: 4px;
  padding: 12px 16px;
  text-transform: uppercase;
}
.SearchSection[data-v-4b14c63b]:after {
  background-color: rgba(95, 94, 92, 0.12);
  content: "";
  display: block;
  height: 1px;
  left: 16px;
  position: absolute;
  right: 16px;
  top: 100%;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/header/HeaderSearch.vue?vue&type=style&index=0&id=5a3a796c&prod&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-5a3a796c]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.HeaderSearch[data-v-5a3a796c] {
  align-items: center;
  bottom: 0;
  color: #4F3E35;
  display: flex;
  flex-direction: column;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 500ms ease, visibility 500ms ease;
  visibility: hidden;
  z-index: 5;
}
.HeaderSearch--opened[data-v-5a3a796c] {
  opacity: 1;
  visibility: visible;
}
.HeaderSearch__column[data-v-5a3a796c] {
  display: flex;
  flex-direction: column;
}
.HeaderSearch__column--left[data-v-5a3a796c] {
  flex-grow: 1;
  flex-shrink: 1;
}
.HeaderSearch__column--right[data-v-5a3a796c] {
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 56px;
  width: 416px;
}
.HeaderSearch__header[data-v-5a3a796c] {
  align-items: center;
  background-color: #FFFFFF;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 0;
  flex-wrap: nowrap;
  height: 64px;
  justify-content: center;
  padding: 12px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.HeaderSearch__header .HeaderSearch__column[data-v-5a3a796c] {
  flex-direction: row;
}
.HeaderSearch__field[data-v-5a3a796c] {
  flex-grow: 1;
  flex-shrink: 1;
  margin-left: 16px;
}
.HeaderSearch__close[data-v-5a3a796c] {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 16px;
}
.HeaderSearch__overlay[data-v-5a3a796c] {
  background-color: rgba(31, 27, 22, 0.24);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.HeaderSearch__body[data-v-5a3a796c] {
  background-color: #FFFFFF;
  flex-grow: 0;
  flex-shrink: 1;
  opacity: 0;
  overflow-y: auto;
  position: relative;
  transition: opacity 400ms ease, transform 400ms ease;
  transform: translateY(-100px);
  width: 100%;
}
@media (min-width: 1024px) {
.HeaderSearch__body[data-v-5a3a796c] {
    scrollbar-color: #F5F3F3 #FFFFFF;
    scrollbar-width: thin;
}
.HeaderSearch__body[data-v-5a3a796c]::-webkit-scrollbar {
    background-color: transparent;
    height: 8px;
    width: 8px;
}
.HeaderSearch__body[data-v-5a3a796c]::-webkit-scrollbar-button {
    display: none;
}
.HeaderSearch__body[data-v-5a3a796c]::-webkit-scrollbar-track {
    background-color: transparent;
}
.HeaderSearch__body[data-v-5a3a796c]::-webkit-scrollbar-thumb {
    background: #F5F3F3;
}
}
.HeaderSearch__body--visible[data-v-5a3a796c] {
  opacity: 1;
  transform: translateY(0);
}
.HeaderSearch__body-left[data-v-5a3a796c] {
  justify-content: space-between;
}
.HeaderSearch__inner[data-v-5a3a796c] {
  display: flex;
  flex-direction: row;
  padding: 0 12px 16px 12px;
  position: relative;
}
.HeaderSearch__title[data-v-5a3a796c] {
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 19px;
  line-height: 28px;
}
.HeaderSearch__icon[data-v-5a3a796c] {
  position: absolute;
  top: 50%;
  left: 50%;
  fill: #4F3E35;
}
.HeaderSearch__products[data-v-5a3a796c] {
  display: grid;
  grid-gap: 24px;
  margin: 0;
}
.HeaderSearch__taps[data-v-5a3a796c] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 0;
  gap: 8px;
  padding: 4px 16px 12px 16px;
  white-space: nowrap;
}
.HeaderSearch__tap[data-v-5a3a796c] {
  flex-shrink: 0;
}
.HeaderSearch__button[data-v-5a3a796c] {
  display: block;
  margin-top: 24px;
  width: 100%;
}
.HeaderSearch__result[data-v-5a3a796c] {
  align-items: stretch;
}
.HeaderSearch__result-icon[data-v-5a3a796c] {
  color: rgba(79, 62, 53, 0.4);
  height: 100%;
  position: relative;
  width: 40px;
}
.HeaderSearch__result-icon svg[data-v-5a3a796c] {
  height: 24px;
  left: 50%;
  margin: -12px;
  position: absolute;
  stroke: currentColor;
  top: 50%;
  width: 24px;
}
.HeaderSearch__empty[data-v-5a3a796c] {
  flex-grow: 1;
  min-height: 336px;
  position: relative;
  width: 100%;
}
.HeaderSearch__empty[data-v-5a3a796c] .CenteredIconText {
  left: 0;
  position: absolute;
  top: 0;
}
.HeaderSearch__empty[data-v-5a3a796c] .CenteredIconText__content {
  margin-top: -20px;
}
.HeaderSearch__empty-icon[data-v-5a3a796c] {
  position: relative;
  width: 48px;
  height: 48px;
  stroke: #4F3E35;
}
.HeaderSearch__loader[data-v-5a3a796c] {
  background-color: #FFFFFF;
  left: 0;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 100ms linear, visibility 100ms linear;
  visibility: hidden;
  width: 100%;
}
.HeaderSearch--loading .HeaderSearch__loader[data-v-5a3a796c] {
  opacity: 0.5;
  visibility: visible;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/lists/Delimiter/Delimiter.vue?vue&type=style&index=0&id=4310d6b0&prod&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.Delimiter[data-v-4310d6b0] {
  position: relative;
  height: 1px;
  margin: 8px 16px;
  background-color: rgba(95, 94, 92, 0.12);
}
.Delimiter--full-width[data-v-4310d6b0] {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/menu/MenuFooter.vue?vue&type=style&index=0&id=63fd93e3&prod&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-63fd93e3]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.MenuFooter[data-v-63fd93e3] {
  position: relative;
}
.MenuFooter__text[data-v-63fd93e3] {
  position: relative;
  padding: 16px;
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
  color: #4F3E35;
}
.MenuFooter__subscribe[data-v-63fd93e3] {
  position: relative;
  padding: 8px 16px;
}
.MenuFooter__socials[data-v-63fd93e3] {
  display: flex;
  position: relative;
  padding: 4px 8px;
  gap: 8px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/menu/MenuGenderTabs.vue?vue&type=style&index=0&id=e5990ad4&prod&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-e5990ad4]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.MenuGenderTabs[data-v-e5990ad4] {
  display: flex;
  position: relative;
  margin-left: 8px;
  align-items: center;
}
.MenuGenderTabs__item[data-v-e5990ad4] {
  position: relative;
  padding: 12px 8px;
  cursor: pointer;
  color: rgba(79, 62, 53, 0.6);
  transition: color 200ms ease;
}
.MenuGenderTabs__item--active[data-v-e5990ad4], .MenuGenderTabs__item[data-v-e5990ad4]:hover {
  color: #4F3E35;
}
.MenuGenderTabs__item[data-v-e5990ad4]:after {
  content: "";
  position: absolute;
  bottom: 8px;
  right: 8px;
  left: 8px;
  opacity: 0;
  border-bottom: 1px solid;
  transition: opacity 200ms ease;
}
.MenuGenderTabs__item--active[data-v-e5990ad4]:after {
  opacity: 1;
}
.MenuGenderTabs__item-text[data-v-e5990ad4] {
  position: relative;
}
@media (max-width: 1023px) {
.MenuGenderTabs__item-text[data-v-e5990ad4] {
    font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1.5px;
    line-height: 16px;
    text-transform: uppercase;
}
}
@media (min-width: 1024px) {
.MenuGenderTabs__item-text[data-v-e5990ad4] {
    font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 1.5px;
    line-height: 16px;
    text-transform: uppercase;
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/menu/MenuItem.vue?vue&type=style&index=0&id=2212b41f&prod&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-2212b41f]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.MenuItem[data-v-2212b41f] {
  flex-grow: 0;
  flex-shrink: 0;
  overflow: hidden;
  color: #4F3E35;
}
.MenuItem[data-v-2212b41f]:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 100%;
  top: 0;
  left: 100%;
}
.MenuItem__content[data-v-2212b41f] {
  display: flex;
  position: relative;
  padding: 12px 0;
  align-items: center;
}
.MenuItem--large .MenuItem__content[data-v-2212b41f] {
  padding: 10px 0;
}
.MenuItem__text[data-v-2212b41f] {
  position: relative;
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
}
.MenuItem--large .MenuItem__text[data-v-2212b41f] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 28px;
}
.MenuItem__point[data-v-2212b41f] {
  position: relative;
  width: 18px;
  height: 18px;
  margin-left: 4px;
}
.MenuItem__point[data-v-2212b41f]:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: 50%;
  left: 50%;
  margin: -3px 0 0 -3px;
  border-radius: 3px;
  background-color: #BD9E6D;
}
.MenuItem__icon[data-v-2212b41f] {
  position: relative;
  width: 40px;
  height: 24px;
  stroke: rgba(79, 62, 53, 0.4);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/menu/MenuGeoButton.vue?vue&type=style&index=0&id=f129bda8&prod&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-f129bda8]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.MenuGeoButton[data-v-f129bda8] {
  color: #4F3E35;
}
.MenuGeoButton__icon[data-v-f129bda8] {
  position: relative;
}
.MenuGeoButton__icon--left[data-v-f129bda8] {
  width: 18px;
  height: 18px;
  margin-left: 16px;
  stroke: #4F3E35;
}
.MenuGeoButton__icon--right[data-v-f129bda8] {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  stroke: rgba(79, 62, 53, 0.4);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/menu/MenuDesktop.vue?vue&type=style&index=0&id=3d5bed86&prod&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-3d5bed86]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.MenuDesktop[data-v-3d5bed86] {
  visibility: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  color: #4F3E35;
  transition: visibility 300ms ease;
}
.MenuDesktop.MenuDesktop--opened[data-v-3d5bed86] {
  visibility: visible;
}
.MenuDesktop__overlay[data-v-3d5bed86] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
  background-color: rgba(95, 94, 92, 0.3);
  transition: opacity 300ms ease;
}
.MenuDesktop--opened .MenuDesktop__overlay[data-v-3d5bed86] {
  opacity: 1;
}
.MenuDesktop__frame[data-v-3d5bed86] {
  position: absolute;
  width: 360px;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  transform: translateX(-100%);
  transition: transform 300ms ease-in-out;
}
.MenuDesktop--opened .MenuDesktop__frame[data-v-3d5bed86] {
  transform: translateX(0);
}
.MenuDesktop__header[data-v-3d5bed86] {
  display: flex;
  position: relative;
  height: 64px;
  padding-left: 52px;
  opacity: 0;
  transition: opacity 100ms ease;
}
.MenuDesktop--opened .MenuDesktop__header[data-v-3d5bed86] {
  opacity: 1;
  transition: opacity 200ms ease 200ms;
}
.MenuDesktop__level[data-v-3d5bed86] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  border-right: 1px solid rgba(95, 94, 92, 0.12);
}
.MenuDesktop__level--submenu[data-v-3d5bed86] {
  visibility: hidden;
  left: 100%;
  margin-left: 1px;
  opacity: 0;
  transition: visibility 100ms ease 50ms, opacity 100ms ease 50ms;
}
.MenuDesktop__level--submenu.MenuDesktop__level--visible[data-v-3d5bed86] {
  visibility: visible;
  opacity: 1;
  transition-delay: 0ms;
}
.MenuDesktop__wrapper[data-v-3d5bed86] {
  display: flex;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 8px;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  overflow: auto;
}
@media (min-width: 1024px) {
.MenuDesktop__wrapper[data-v-3d5bed86] {
    scrollbar-color: rgba(31, 27, 22, 0.12) #FFFFFF;
    scrollbar-width: thin;
}
.MenuDesktop__wrapper[data-v-3d5bed86]::-webkit-scrollbar {
    background-color: transparent;
    height: 3px;
    width: 3px;
    border-radius: 2px;
}
.MenuDesktop__wrapper[data-v-3d5bed86]::-webkit-scrollbar-button {
    display: none;
}
.MenuDesktop__wrapper[data-v-3d5bed86]::-webkit-scrollbar-track {
    background-color: transparent;
}
.MenuDesktop__wrapper[data-v-3d5bed86]::-webkit-scrollbar-thumb {
    background: rgba(31, 27, 22, 0.12);
}
}
.MenuDesktop__section[data-v-3d5bed86] {
  position: relative;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/vendor/scripts/components/vue-slick-carousel/dist/vue-slick-carousel.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.slick-track[data-v-e4caeaf8] {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  transform: translateZ(0);
}

.slick-track.slick-center[data-v-e4caeaf8] {
  margin-left: auto;
  margin-right: auto;
}

.slick-track[data-v-e4caeaf8]:after, .slick-track[data-v-e4caeaf8]:before {
  display: table;
  content: "";
}

.slick-track[data-v-e4caeaf8]:after {
  clear: both;
}

.slick-loading .slick-track[data-v-e4caeaf8] {
  visibility: hidden;
}

.slick-slide[data-v-e4caeaf8] {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide[data-v-e4caeaf8] {
  float: right;
}

.slick-slide img[data-v-e4caeaf8] {
  display: block;
}

.slick-slide.slick-loading img[data-v-e4caeaf8] {
  display: none;
}

.slick-slide.dragging img[data-v-e4caeaf8] {
  pointer-events: none;
}

.slick-initialized .slick-slide[data-v-e4caeaf8] {
  display: block;
}

.slick-loading .slick-slide[data-v-e4caeaf8] {
  visibility: hidden;
}

.slick-vertical .slick-slide[data-v-e4caeaf8] {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden[data-v-21137603] {
  display: none;
}

.slick-slider[data-v-3d1a4f76] {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list[data-v-3d1a4f76] {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  transform: translateZ(0);
}

.slick-list[data-v-3d1a4f76]:focus {
  outline: none;
}

.slick-list.dragging[data-v-3d1a4f76] {
  cursor: pointer;
  cursor: hand;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/sliders/SlickSlider.vue?vue&type=style&index=0&id=61212804&prod&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-61212804]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.Slider[data-v-61212804] {
  position: relative;
}
.Slider[data-v-61212804] .slick-list {
  overflow: visible;
}
@media (min-width: 1024px) {
.Slider[data-v-61212804] .slick-list {
    overflow: hidden;
}
}
.Slider[data-v-61212804] .slick-track {
  font-size: 0;
  margin-left: 0;
}
.Slider__holder[data-v-61212804] {
  position: relative;
}
.Slider__arrow[data-v-61212804] {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 32px;
  margin-top: -16px;
  opacity: 0;
  padding: 4px;
  position: absolute;
  stroke: #FFFFFF;
  top: 50%;
  transition: opacity 300ms ease, transform 200ms ease, visibility 300ms ease;
  visibility: hidden;
  width: 32px;
}
.Slider__arrow[data-v-61212804]:before {
  background-color: rgba(79, 62, 53, 0.4);
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.Slider__arrow--left[data-v-61212804] {
  left: -16px;
}
.Slider__arrow--right[data-v-61212804] {
  right: -16px;
}
.Slider__arrow--visible[data-v-61212804] {
  opacity: 1;
  visibility: visible;
}
.Slider__arrow[data-v-61212804]:active {
  transform: scale(0.7);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/sliders/SliderHeader.vue?vue&type=style&index=0&id=6fc1fca2&prod&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-6fc1fca2]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.SliderHeader[data-v-6fc1fca2] {
  align-items: flex-start;
  display: flex;
  height: 44px;
  justify-content: space-between;
  position: relative;
}
@media (min-width: 1024px) {
.SliderHeader[data-v-6fc1fca2] {
    height: 52px;
}
}
.SliderHeader.SliderHeader--with-subtitle[data-v-6fc1fca2] {
  height: 64px;
}
@media (min-width: 1024px) {
.SliderHeader.SliderHeader--with-subtitle[data-v-6fc1fca2] {
    height: 72px;
}
}
.SliderHeader.SliderHeader--with-subtitle .SliderHeader__text[data-v-6fc1fca2], .SliderHeader.SliderHeader--with-subtitle .SliderHeader__link[data-v-6fc1fca2] {
  height: 60px;
}
.SliderHeader.SliderHeader--with-subtitle .SliderHeader__link[data-v-6fc1fca2] {
  margin-top: 5px;
}
@media (min-width: 1024px) {
.SliderHeader.SliderHeader--with-subtitle .SliderHeader__link[data-v-6fc1fca2] {
    margin-top: 4px;
}
}
.SliderHeader .SliderHeader__text[data-v-6fc1fca2] {
  flex: 1;
  margin-right: 8px;
  overflow: hidden;
  position: relative;
}
.SliderHeader .SliderHeader__title[data-v-6fc1fca2], .SliderHeader .SliderHeader__subtitle[data-v-6fc1fca2] {
  color: #4F3E35;
  max-width: 100%;
  position: relative;
}
.SliderHeader .SliderHeader__title--red[data-v-6fc1fca2], .SliderHeader .SliderHeader__subtitle--red[data-v-6fc1fca2] {
  color: #8F2E27;
}
.SliderHeader .SliderHeader__link[data-v-6fc1fca2] {
  display: block;
  position: relative;
  margin: -3px -8px 0 0;
}
@media (min-width: 1024px) {
.SliderHeader .SliderHeader__link[data-v-6fc1fca2] {
    margin-top: -6px;
}
}
.SliderHeader .SliderHeader__overlay[data-v-6fc1fca2] {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  color: inherit;
  cursor: pointer;
  outline: none;
  text-decoration: none;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/sliders/TouchSlider.vue?vue&type=style&index=0&id=fcae5208&prod&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-fcae5208]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
[data-v-fcae5208]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.Slider[data-v-fcae5208] {
  position: relative;
}
.Slider__holder[data-v-fcae5208] {
  position: relative;
}
.Slider__inner[data-v-fcae5208] {
  overflow: hidden;
}
.Slider__scroll[data-v-fcae5208] {
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  margin: 0 -16px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 16px;
  position: relative;
  white-space: nowrap;
}
@media (min-width: 640px) {
.Slider__scroll[data-v-fcae5208] {
    margin: 0 -32px;
    padding: 0 32px;
}
}
.Slider__scroll[data-v-fcae5208]::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 0 !important;
  width: 0 !important;
}
.Slider__list[data-v-fcae5208] {
  display: inline-block;
}
.Slider__item[data-v-fcae5208] {
  display: inline-block;
  white-space: normal;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/sliders/SliderMore.vue?vue&type=style&index=0&id=191c4824&prod&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-191c4824]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
[data-v-191c4824]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.SliderMore[data-v-191c4824] {
  padding-bottom: 150%;
  position: relative;
  width: 100%;
}
.SliderMore--portrait-default[data-v-191c4824] {
  padding-bottom: 133.33%;
}
.SliderMore--portrait-long[data-v-191c4824] {
  padding-bottom: 150%;
}
.SliderMore--with-image .SliderMore__text[data-v-191c4824] {
  color: #FFFFFF;
}
.SliderMore .SliderMore__background[data-v-191c4824] {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #EBE6E1;
  border-radius: 4px;
  overflow: hidden;
}
.SliderMore .SliderMore__background-image[data-v-191c4824] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.SliderMore .SliderMore__background-overlay[data-v-191c4824] {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.24);
}
.SliderMore .SliderMore__inner[data-v-191c4824] {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  padding: 8px;
}
.SliderMore .SliderMore__text[data-v-191c4824] {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
  text-align: center;
}
@media (min-width: 640px) {
.SliderMore .SliderMore__text[data-v-191c4824] {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.7px;
    line-height: 24px;
}
}
.SliderMore .SliderMore__link[data-v-191c4824] {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  display: block;
  outline: none;
  text-decoration: none;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/ProductsSlider/ProductsSlider.vue?vue&type=style&index=0&id=13342990&prod&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-13342990]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
[data-v-13342990]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.ProductsSlider[data-v-13342990] {
  padding-bottom: 28px;
  padding-top: 12px;
}
.ProductsSlider[data-v-13342990] .Slider__holder {
  margin: 0 -4px;
  width: auto;
}
.ProductsSlider[data-v-13342990] .Slider__item {
  box-sizing: border-box;
  display: inline-block;
  outline: none;
  padding: 0 4px;
  position: relative;
  transform: translate3d(0, 0, 0);
  vertical-align: top;
  white-space: normal;
  width: 168px;
}
@media (min-width: 640px) {
.ProductsSlider[data-v-13342990] .Slider__item {
    width: 336px;
}
}
.ProductsSlider--small[data-v-13342990] .Slider__item {
  width: 112px;
}
@media (min-width: 640px) {
.ProductsSlider--small[data-v-13342990] .Slider__item {
    width: 268px;
}
}
.ProductsSlider[data-v-13342990] .Slider__arrow--left {
  margin-left: 4px;
}
.ProductsSlider[data-v-13342990] .Slider__arrow--right {
  margin-right: 4px;
}
.ProductsSlider--with-description[data-v-13342990] .Slider__arrow {
  margin-top: -58px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/popups/SearchPopup.vue?vue&type=style&index=0&id=55cc520c&prod&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-55cc520c]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.SearchPopup[data-v-55cc520c] .PopupWrapper {
  height: 100%;
}
.SearchPopup__header[data-v-55cc520c] {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
  padding: 8px 0;
  position: relative;
}
.SearchPopup__footer[data-v-55cc520c] {
  padding: 8px 0;
}
.SearchPopup__footer-button[data-v-55cc520c] {
  display: flex;
}
.SearchPopup__taps[data-v-55cc520c] {
  display: flex;
  flex-direction: row;
  overflow: auto;
}
.SearchPopup__taps-inner[data-v-55cc520c] {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  padding: 12px 16px;
  white-space: nowrap;
}
.SearchPopup__tap[data-v-55cc520c] {
  flex-shrink: 0;
}
.SearchPopup__close[data-v-55cc520c] {
  color: #4F3E35;
  cursor: pointer;
  flex-grow: 0;
  flex-shrink: 0;
  height: 40px;
  margin-left: -8px;
  position: relative;
  width: 40px;
}
.SearchPopup__close-icon[data-v-55cc520c] {
  height: 24px;
  left: 50%;
  margin: -12px;
  position: absolute;
  stroke: currentColor;
  top: 50%;
  width: 24px;
}
.SearchPopup__field[data-v-55cc520c] {
  flex-grow: 1;
  flex-shrink: 1;
}
.SearchPopup__products[data-v-55cc520c] {
  background-color: #FFFFFF;
  border-top: 1px solid rgba(95, 94, 92, 0.12);
  margin-top: -1px;
  padding-top: 4px;
  position: relative;
}
.SearchPopup__products[data-v-55cc520c] .Slider__wrapper {
  margin: 4px 0 0 0;
  padding: 0;
}
.SearchPopup__products[data-v-55cc520c] .Slider__list {
  padding: 0 16px;
}
.SearchPopup__products-title[data-v-55cc520c] {
  font-size: 15px;
  line-height: 24px;
  padding: 8px 16px;
}
.SearchPopup__loader[data-v-55cc520c] {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #FFFFFF;
  transition: opacity 100ms linear, visibility 100ms linear;
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
.SearchPopup__loader--visible[data-v-55cc520c] {
  opacity: 0.5;
  visibility: visible;
}
.SearchPopup__result[data-v-55cc520c] {
  align-items: stretch;
}
.SearchPopup__result-icon[data-v-55cc520c] {
  color: rgba(79, 62, 53, 0.4);
  height: 100%;
  position: relative;
  width: 48px;
}
.SearchPopup__result-icon svg[data-v-55cc520c] {
  height: 24px;
  left: 50%;
  margin: -12px;
  position: absolute;
  stroke: currentColor;
  top: 50%;
  width: 24px;
}
.SearchPopup__empty[data-v-55cc520c] {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  padding: 16px;
}
.SearchPopup__empty-icon[data-v-55cc520c] {
  position: relative;
  width: 48px;
  height: 48px;
  stroke: #4F3E35;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/menu/MenuMobile.vue?vue&type=style&index=0&id=291980d2&prod&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-291980d2]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.MenuMobile[data-v-291980d2] {
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 56px;
  left: 0;
  z-index: 1;
  background-color: #FFFFFF;
}
.MenuMobile[data-v-291980d2]:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 100%;
  left: 0;
  background-color: #FFFFFF;
}
.MenuMobile__header[data-v-291980d2] {
  display: flex;
  position: relative;
  height: 56px;
  align-items: center;
}
.MenuMobile__back-button[data-v-291980d2], .MenuMobile__search-button[data-v-291980d2] {
  position: absolute;
  top: 4px;
}
.MenuMobile__back-button[data-v-291980d2] {
  left: 4px;
}
.MenuMobile__search-button[data-v-291980d2] {
  right: 4px;
}
.MenuMobile__level[data-v-291980d2] {
  display: flex;
  position: absolute;
  width: 100%;
  top: 56px;
  bottom: 0;
  left: 0;
  flex-direction: column;
  overflow: auto;
  transition: visibility 300ms ease, opacity 300ms ease, transform 300ms ease;
}
.MenuMobile--submenu-opened .MenuMobile__level--main[data-v-291980d2] {
  visibility: hidden;
  opacity: 0;
  transform: translateX(-100%);
}
.MenuMobile__level--next[data-v-291980d2] {
  visibility: hidden;
  opacity: 0;
  transform: translateX(100%);
}
.MenuMobile__level--prev[data-v-291980d2] {
  visibility: hidden;
  opacity: 0;
  transform: translateX(-100%);
}
.MenuMobile__level--visible[data-v-291980d2] {
  visibility: visible;
  opacity: 1;
  transform: translateX(0);
}
.MenuMobile__level-title[data-v-291980d2] {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 14px 16px;
  background-color: #FFFFFF;
  border-bottom: 1px solid rgba(95, 94, 92, 0.12);
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 28px;
  color: #4F3E35;
}
.MenuMobile__body[data-v-291980d2] {
  position: relative;
  padding: 8px 0;
  flex: 1;
}
.MenuMobile__section[data-v-291980d2] {
  position: relative;
  overflow: hidden;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/typography/HeadlineText/HeadlineText.vue?vue&type=style&index=0&id=dbe011e8&prod&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.HeadlineText[data-v-dbe011e8] {
  color: #4F3E35;
}
.HeadlineText--size-extra-large[data-v-dbe011e8] {
  font-family: "Quincy CF", Georgia, serif;
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height: 36px;
}
.HeadlineText--size-large[data-v-dbe011e8] {
  font-family: "Quincy CF", Georgia, serif;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 0.55px;
  line-height: 32px;
}
.HeadlineText--size-medium[data-v-dbe011e8] {
  font-family: "Quincy CF", Georgia, serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 28px;
}
.HeadlineText--size-small[data-v-dbe011e8] {
  font-family: "Quincy CF", Georgia, serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.4px;
  line-height: 24px;
}
.HeadlineText--size-extra-small[data-v-dbe011e8] {
  font-family: "Quincy CF", Georgia, serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.3px;
  line-height: 20px;
}
.HeadlineText[data-v-dbe011e8] > *:first-child {
  margin-top: 0 !important;
}
.HeadlineText[data-v-dbe011e8] > *:last-child {
  margin-bottom: 0 !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/geo/components/UserGeoConfirmPopup/UserGeoConfirmPopup.vue?vue&type=style&index=0&id=53ac6140&prod&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-53ac6140]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.UserGeoConfirmPopup__header[data-v-53ac6140] {
  position: relative;
  padding: 24px 0 16px;
}
.UserGeoConfirmPopup__icon[data-v-53ac6140] {
  position: relative;
  width: 48px;
  height: 48px;
  margin: 0 auto;
  stroke: rgba(79, 62, 53, 0.4);
}
.UserGeoConfirmPopup__text[data-v-53ac6140] {
  position: relative;
  padding: 16px 0;
  text-align: center;
  color: #4F3E35;
}
.UserGeoConfirmPopup__controls[data-v-53ac6140] {
  display: flex;
  position: relative;
  padding: 24px 0;
  gap: 8px;
}
.UserGeoConfirmPopup__button[data-v-53ac6140] {
  flex: 1;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/header/Header.vue?vue&type=style&index=0&id=4ce7c183&prod&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-4ce7c183]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.Header[data-v-4ce7c183] {
  backface-visibility: hidden;
  color: #4F3E35;
  flex-grow: 0;
  flex-shrink: 0;
  left: 0;
  line-height: normal;
  position: sticky;
  top: 0;
  transition: top 300ms ease;
  width: 100%;
  z-index: 100;
}
@media (min-width: 1024px) {
.Header[data-v-4ce7c183] {
    height: 64px;
}
}
.Header--white[data-v-4ce7c183] {
  color: #FFFFFF;
}
.Header--transparent[data-v-4ce7c183] {
  color: #FFFFFF;
}
.Header--slided-up[data-v-4ce7c183] {
  top: -56px;
}
@media (min-width: 640px) {
.Header--slided-up[data-v-4ce7c183] {
    top: -64px;
}
}
.Header__frame[data-v-4ce7c183] {
  box-sizing: border-box;
  height: 56px;
  padding: 0 8px;
  position: absolute;
  top: 0;
  width: 100%;
}
.Header__frame[data-v-4ce7c183]:after {
  background-color: transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
}
.Header--with-border .Header__frame[data-v-4ce7c183]:after {
  border-bottom: 1px solid #EBE6E1;
}
.Header--white .Header__frame[data-v-4ce7c183]:after {
  border-color: transparent;
}
@media (min-width: 640px) {
.Header__frame[data-v-4ce7c183] {
    padding: 0 12px;
}
}
@media (min-width: 1024px) {
.Header__frame[data-v-4ce7c183] {
    height: 100%;
    position: relative;
    top: auto;
}
}
.Header__background[data-v-4ce7c183] {
  background-color: #FFFFFF;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.Header--white .Header__background[data-v-4ce7c183] {
  opacity: 0;
}
.Header--transparent .Header__background[data-v-4ce7c183] {
  opacity: 0;
}
.Header__inner[data-v-4ce7c183] {
  height: 100%;
  position: relative;
}
.Header__links[data-v-4ce7c183] {
  left: 0;
  height: 100%;
  margin-left: -8px;
  position: absolute;
  top: 0;
  z-index: 3;
}
.Header__icons[data-v-4ce7c183] {
  font-size: 0;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  stroke: #4F3E35;
  top: 50%;
}
.Header__icons--left[data-v-4ce7c183] {
  display: flex;
  left: 0;
  margin-left: 0;
}
.Header__icons--right[data-v-4ce7c183] {
  display: flex;
  flex-direction: row;
  gap: 8px;
  right: 0;
}
.Header--white .Header__icons[data-v-4ce7c183] {
  stroke: #FFFFFF;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/PageNotification.vue?vue&type=style&index=0&id=291d97f7&prod&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-291d97f7]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.notification[data-v-291d97f7] {
  background-color: #F3F1EC;
  cursor: pointer;
  display: block;
  height: auto;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.notification.notification--error[data-v-291d97f7] {
  background-color: #AF2E23;
}
.notification.notification--error .notification__text[data-v-291d97f7] {
  color: #FFFFFF;
}
@media (min-width: 1024px) {
.notification[data-v-291d97f7] {
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
}
}
.notification__inner[data-v-291d97f7] {
  margin-left: 16px;
  margin-right: 16px;
  width: auto;
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 56px;
}
@media (min-width: 1024px) {
.notification__inner[data-v-291d97f7] {
    margin-left: 32px;
    margin-right: 32px;
}
}
@media (min-width: 1280px) {
.notification__inner[data-v-291d97f7] {
    margin-left: 40px;
    margin-right: 40px;
}
}
@media (min-width: 1440px) {
.notification__inner[data-v-291d97f7] {
    margin-left: 56px;
    margin-right: 56px;
}
}
@media (min-width: 1600px) {
.notification__inner[data-v-291d97f7] {
    margin-left: auto;
    margin-right: auto;
    max-width: 1616px;
    width: 93%;
}
}
@media (min-width: 640px) {
.notification__inner[data-v-291d97f7] {
    min-height: 64px;
}
}
.notification__text[data-v-291d97f7] {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
  color: #4F3E35;
  padding: 6px 0;
}
@media (min-width: 640px) {
.notification__text[data-v-291d97f7] {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.7px;
    line-height: 24px;
}
}
@media (min-width: 1024px) {
.notification__text[data-v-291d97f7] {
    padding: 0;
}
}
.notification-enter-active[data-v-291d97f7],
.notification-leave-active[data-v-291d97f7] {
  transition: transform 300ms ease-out, visibility 300ms linear;
}
.notification-enter[data-v-291d97f7],
.notification-leave-to[data-v-291d97f7] {
  transform: translate(0, -105%);
  visibility: hidden;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/PageNotifier.vue?vue&type=style&index=0&id=094dc1e0&prod&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-094dc1e0]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.notifier[data-v-094dc1e0] {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 111;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/forms/components/RatingInput/RatingInput.vue?vue&type=style&index=0&id=10ceb618&prod&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-10ceb618]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.RatingInput[data-v-10ceb618] {
  display: flex;
  position: relative;
  padding: 8px 0;
  align-items: flex-start;
  justify-content: center;
}
.RatingInput__item[data-v-10ceb618] {
  position: relative;
  width: 48px;
}
.RatingInput__item + .RatingInput__item[data-v-10ceb618] {
  margin-left: 8px;
}
.RatingInput--animating .RatingInput__item[data-v-10ceb618]:nth-child(1) {
  animation: 350ms jumping-star-10ceb618 ease;
  animation-delay: 80ms;
}
.RatingInput--animating .RatingInput__item[data-v-10ceb618]:nth-child(2) {
  animation: 350ms jumping-star-10ceb618 ease;
  animation-delay: 160ms;
}
.RatingInput--animating .RatingInput__item[data-v-10ceb618]:nth-child(3) {
  animation: 350ms jumping-star-10ceb618 ease;
  animation-delay: 240ms;
}
.RatingInput--animating .RatingInput__item[data-v-10ceb618]:nth-child(4) {
  animation: 350ms jumping-star-10ceb618 ease;
  animation-delay: 320ms;
}
.RatingInput--animating .RatingInput__item[data-v-10ceb618]:nth-child(5) {
  animation: 350ms jumping-star-10ceb618 ease;
  animation-delay: 400ms;
}
.RatingInput__item-star[data-v-10ceb618] {
  position: relative;
  width: 48px;
  height: 48px;
  cursor: pointer;
}
.RatingInput__item-star-icon[data-v-10ceb618] {
  position: relative;
  fill: none;
  stroke: #BD9E6D;
}
.RatingInput__item-star-icon--filled[data-v-10ceb618] {
  fill: #BD9E6D;
}
.RatingInput__item-label[data-v-10ceb618] {
  display: inline-block;
  position: relative;
  margin: 8px 0 0 50%;
  text-align: center;
  color: rgba(79, 62, 53, 0.6);
  transform: translateX(-50%);
}
@keyframes jumping-star-10ceb618 {
50% {
    transform: translateY(-25%);
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/poll/components/PollPopup/PollPopup.vue?vue&type=style&index=0&id=23727b86&prod&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-23727b86]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.PollPopup[data-v-23727b86] {
  align-items: flex-end;
  justify-content: flex-end;
}
.PollPopup__title[data-v-23727b86] {
  position: relative;
  padding: 24px 8px 16px;
  text-align: center;
  color: #4F3E35;
}
.PollPopup__message[data-v-23727b86] {
  position: relative;
  padding: 8px 0;
}
.PollPopup__footer[data-v-23727b86] {
  position: relative;
  padding: 24px 0;
}
.PollPopup__back[data-v-23727b86], .PollPopup__close[data-v-23727b86] {
  top: 8px;
}
.PollPopup__back[data-v-23727b86] {
  left: 8px;
}
.PollPopup__close[data-v-23727b86] {
  right: 8px;
}
.PollPopup__success[data-v-23727b86] {
  position: relative;
  padding-top: 24px;
}
.PollPopup__success-icon[data-v-23727b86] {
  display: block;
  position: relative;
  width: 48px;
  height: 48px;
  margin: 0 auto 32px;
  stroke: rgba(79, 62, 53, 0.4);
}
.PollPopup__success-text[data-v-23727b86], .PollPopup__success-title[data-v-23727b86] {
  text-align: center;
}
.PollPopup__success-title[data-v-23727b86] {
  position: relative;
  margin-bottom: 16px;
  color: #4F3E35;
}
.PollPopup__success-text[data-v-23727b86] {
  position: relative;
  color: rgba(95, 94, 92, 0.8);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/tab-bar/tab-bar-item/TabBarItem.vue?vue&type=style&index=0&id=137780e5&prod&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-137780e5]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.TabBarItem[data-v-137780e5] {
  display: flex;
  position: relative;
  flex: 1;
  justify-content: center;
  text-decoration: none;
}
.TabBarItem--default[data-v-137780e5] {
  color: rgba(95, 94, 92, 0.6);
}
.TabBarItem--transparent[data-v-137780e5] {
  color: rgba(255, 255, 255, 0.8);
}
.TabBarItem.TabBarItem--active.TabBarItem--default[data-v-137780e5] {
  color: #4F3E35;
}
.TabBarItem.TabBarItem--active.TabBarItem--transparent[data-v-137780e5] {
  color: #FFFFFF;
}
.TabBarItem__wrapper[data-v-137780e5] {
  display: flex;
  position: relative;
  height: 100%;
  align-items: center;
}
.TabBarItem--active.TabBarItem--default .TabBarItem__wrapper[data-v-137780e5]:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  top: -1px;
  left: 0;
  background-color: #4F3E35;
}
.TabBarItem__content[data-v-137780e5] {
  position: relative;
}
.TabBarItem__icon[data-v-137780e5] {
  position: relative;
  width: 40px;
  height: 40px;
}
.TabBarItem__text[data-v-137780e5], .TabBarItem__badge[data-v-137780e5] {
  font-size: 8px;
  letter-spacing: 1.2px;
  line-height: 12px;
}
.TabBarItem__text[data-v-137780e5] {
  position: relative;
  text-transform: uppercase;
}
.TabBarItem__badge[data-v-137780e5] {
  position: absolute;
  bottom: 100%;
  left: 100%;
  margin-bottom: -2px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/tab-bar/tab-bar/TabBar.vue?vue&type=style&index=0&id=544afc12&prod&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-544afc12]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.TabBar[data-v-544afc12] {
  width: 100%;
  height: 56px;
  bottom: 0;
  left: 0;
  z-index: 102;
  pointer-events: none;
}
.TabBar.TabBar--default[data-v-544afc12] {
  position: sticky;
}
.TabBar.TabBar--transparent[data-v-544afc12] {
  position: fixed;
}
.TabBar__panel[data-v-544afc12] {
  position: fixed;
  width: 100%;
  height: 56px;
  bottom: 0;
  left: 0;
  padding: 0 8px;
  box-sizing: border-box;
  pointer-events: auto;
}
.TabBar--default .TabBar__panel[data-v-544afc12] {
  background-color: #FFFFFF;
  border-top: 1px solid rgba(95, 94, 92, 0.12);
}
.TabBar__items[data-v-544afc12] {
  display: flex;
  position: relative;
  height: 100%;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/cart/components/cart-position/CartPositionCost.vue?vue&type=style&index=0&id=2ee9ddd4&prod&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.CartPositionCost[data-v-2ee9ddd4] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
  position: relative;
}
.CartPositionCost--theme-sale[data-v-2ee9ddd4] {
  color: #8F2E27;
}
.CartPositionCost--theme-old[data-v-2ee9ddd4] {
  color: rgba(79, 62, 53, 0.4);
}
.CartPositionCost--theme-old[data-v-2ee9ddd4]:after {
  border-bottom: 1px solid;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/cart/components/cart-position/CartPositionDetails.vue?vue&type=style&index=0&id=15e77a11&prod&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.CartPositionDetails[data-v-15e77a11] {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.CartPositionDetails__dot[data-v-15e77a11] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 16px;
  color: rgba(79, 62, 53, 0.4);
  margin: 0 2px;
  text-align: center;
  width: 4px;
}
.CartPositionDetails__dot[data-v-15e77a11]:before {
  content: "·";
  display: inline;
}
.CartPositionDetails__color[data-v-15e77a11] {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 1;
  min-width: 0;
}
.CartPositionDetails__color-icon[data-v-15e77a11] {
  flex-grow: 0;
  flex-shrink: 0;
  height: 14px;
  position: relative;
  width: 14px;
}
.CartPositionDetails__color-circle[data-v-15e77a11] {
  height: 10px;
  left: 50%;
  margin: -5px;
  position: absolute;
  top: 50%;
  width: 10px;
}
.CartPositionDetails__color-title[data-v-15e77a11] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
  flex-shrink: 1;
  margin-left: 4px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.CartPositionDetails__size[data-v-15e77a11] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/cart/components/cart-position/CartPositionPreview.vue?vue&type=style&index=0&id=67bd8bf0&prod&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.CartPositionPreview[data-v-67bd8bf0] {
  border-radius: 2px;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.CartPositionPreview[data-v-67bd8bf0]:before {
  background-color: #FBFAF8;
  border: 1px solid rgba(79, 62, 53, 0.12);
  border-radius: 2px;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.CartPositionPreview__image[data-v-67bd8bf0] {
  display: block;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
.CartPositionPreview__link[data-v-67bd8bf0] {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/cart/components/cart-position/CartPositionPresent.vue?vue&type=style&index=0&id=121577a4&prod&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.CartPositionPresent[data-v-121577a4] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
  align-items: center;
  color: #8F2E27;
  display: flex;
  flex-direction: row;
}
.CartPositionPresent__icon[data-v-121577a4] {
  height: 18px;
  stroke: #8F2E27;
  width: 18px;
}
.CartPositionPresent__label[data-v-121577a4] {
  margin-left: 4px;
}
.CartPositionPresent__cross[data-v-121577a4] {
  margin: 0 2px;
  text-align: center;
  width: 9px;
}
.CartPositionPresent__cross[data-v-121577a4]:before {
  content: "×";
  display: inline;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/controls/QuantityController/QuantityController.vue?vue&type=style&index=0&id=688ad31e&prod&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.QuantityController[data-v-688ad31e] {
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
.QuantityController__overlay[data-v-688ad31e] {
  background-color: #F9F8F5;
  border: 1px solid rgba(95, 94, 92, 0.12);
  border-radius: 4px;
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.QuantityController__inner[data-v-688ad31e] {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 2px;
  justify-content: space-between;
  padding: 8px;
  position: relative;
}
.QuantityController__slot[data-v-688ad31e] {
  flex-grow: 0;
  flex-shrink: 0;
}
.QuantityController__slot--middle[data-v-688ad31e] {
  flex-grow: 1;
  flex-shrink: 1;
}
.QuantityController__button[data-v-688ad31e] {
  align-items: center;
  cursor: pointer;
  display: flex;
  fill: #4F3E35;
  flex-direction: row;
  height: 24px;
  justify-content: center;
  position: relative;
  stroke: #4F3E35;
  width: 24px;
}
.QuantityController__button--disabled[data-v-688ad31e] {
  cursor: default;
  fill: rgba(79, 62, 53, 0.6);
  stroke: rgba(79, 62, 53, 0.6);
}
.QuantityController__icon[data-v-688ad31e] {
  height: 20px;
  width: 20px;
}
.QuantityController__icon--minus[data-v-688ad31e] {
  height: 18px;
  width: 18px;
}
.QuantityController__value[data-v-688ad31e] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
  text-align: center;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/cart/components/cart-position/CartPositionQuantity.vue?vue&type=style&index=0&id=9c64a9ee&prod&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.CartPositionQuantity__icon[data-v-9c64a9ee] {
  height: 20px;
  width: 20px;
}
.CartPositionQuantity__icon--trash[data-v-9c64a9ee] {
  fill: rgba(79, 62, 53, 0.6);
  stroke: rgba(79, 62, 53, 0.6);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/cart/components/cart-position/CartPositionRemove.vue?vue&type=style&index=0&id=fd047206&prod&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CartPositionRemove[data-v-fd047206] {
  flex-shrink: 0;
  white-space: nowrap;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/cart/components/cart-position/CartPositionSubscribe.vue?vue&type=style&index=0&id=908a200c&prod&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CartPositionSubscribe[data-v-908a200c] {
  flex-shrink: 0;
  white-space: nowrap;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/cart/components/cart-position/CartPositionTags.vue?vue&type=style&index=0&id=b898b266&prod&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.CartPositionTags[data-v-b898b266] {
  align-items: baseline;
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.CartPositionTags__item[data-v-b898b266] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 16px;
  font-feature-settings: "tnum" on, "lnum" on;
}
.CartPositionTags__item--no-stock[data-v-b898b266] {
  color: #AF2E23;
}
.CartPositionTags__item--shop[data-v-b898b266] {
  color: #BD9E6D;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/cart/components/cart-position/CartPositionWishlist.vue?vue&type=style&index=0&id=1c6feb38&prod&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CartPositionWishlist[data-v-1c6feb38] {
  flex-shrink: 0;
  white-space: nowrap;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/cart/components/cart-position/mobile/CartPosition.vue?vue&type=style&index=0&id=6be98bc0&prod&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.CartPosition[data-v-6be98bc0] {
  padding: 16px 0;
  position: relative;
}
.CartPosition[data-v-6be98bc0]:after {
  background-color: rgba(255, 255, 255, 0.5);
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 100ms ease, visibility 100ms linear;
  visibility: hidden;
  z-index: 2;
}
.CartPosition--removing[data-v-6be98bc0]:after {
  opacity: 1;
  visibility: visible;
}
.CartPosition__body[data-v-6be98bc0] {
  box-sizing: border-box;
  height: 144px;
  padding-left: 112px;
  position: relative;
  width: 100%;
}
.CartPosition__preview[data-v-6be98bc0] {
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 96px;
}
.CartPosition__content[data-v-6be98bc0] {
  height: 100%;
  position: relative;
}
.CartPosition__content-row[data-v-6be98bc0] {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.CartPosition__dot[data-v-6be98bc0] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 16px;
  color: rgba(79, 62, 53, 0.4);
  margin: 0 2px;
  text-align: center;
  width: 4px;
}
.CartPosition__dot[data-v-6be98bc0]:before {
  content: "·";
  display: inline;
}
.CartPosition__title[data-v-6be98bc0] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.CartPosition__article[data-v-6be98bc0] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 16px;
  color: rgba(79, 62, 53, 0.6);
}
.CartPosition__details[data-v-6be98bc0] {
  margin-top: 8px;
}
.CartPosition__quantity[data-v-6be98bc0] {
  position: relative;
  width: 108px;
}
.CartPosition__controls[data-v-6be98bc0] {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: row;
  gap: 8px;
  left: 0;
  min-height: 40px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.CartPosition__tags[data-v-6be98bc0] {
  margin-left: auto;
}
.CartPosition__wishlist[data-v-6be98bc0]:first-child {
  margin-left: -8px;
}
.CartPosition__footer[data-v-6be98bc0] {
  line-height: 0;
  margin-top: 16px;
}
.CartPosition__subscribe[data-v-6be98bc0] {
  width: 100%;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/cart/components/PopularPopup.vue?vue&type=style&index=0&id=0c149d5c&prod&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PopularPopup .CartPosition[data-v-0c149d5c] {
  padding: 0;
}
.PopularPopup[data-v-0c149d5c] .PopupSection {
  margin-left: 24px;
  margin-right: 24px;
}
.PopularPopup__header[data-v-0c149d5c] {
  padding: 24px 0;
}
.PopularPopup__footer[data-v-0c149d5c] {
  padding: 24px 0 16px 0;
}
.PopularPopup--desktop[data-v-0c149d5c] {
  bottom: auto;
  height: auto;
  left: auto;
  margin: 0;
  min-height: 0;
  padding: 0;
  position: fixed;
  right: 16px;
  top: 16px;
  width: auto;
}
.PopularPopup--desktop[data-v-0c149d5c] .PopupWrapper {
  width: 320px;
}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/blog-post/blog-post.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
.blog-post__top {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
}
@media (min-width: 1024px) {
  .blog-post__top {
    display: block;
  }
}
.blog-post__header {
  flex-shrink: 0;
  text-align: center;
}
.blog-post__media {
  order: -1;
  flex-shrink: 0;
  position: relative;
  margin-bottom: 22px;
}
@media (min-width: 1024px) {
  .blog-post__media {
    margin-top: 37px;
    margin-bottom: 37px;
  }
}
.blog-post__content {
  flex-shrink: 0;
}
.blog-post__media-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.2s;
}
.blog-post__media:hover .blog-post__media-overlay {
  opacity: 1;
}
.blog-post__media-box {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 35px;
  box-sizing: border-box;
}
.blog-post__media-text {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-color 0.2s;
  display: inline-block;
  vertical-align: top;
}
.blog-post__media-text:hover {
  border-color: transparent;
}
.blog-post__image {
  width: 100%;
  display: block;
}
.blog-post__title {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 4px;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .blog-post__title {
    font-size: 15px;
    font-weight: 400;
  }
}
.blog-post__date {
  color: #c4beb3;
  font-size: 9px;
  letter-spacing: 0.5px;
}
@media (min-width: 1024px) {
  .blog-post__date {
    font-size: 13px;
    letter-spacing: inherit;
  }
}
@media (min-width: 1024px) {
  .blog-post__holder {
    margin-left: auto;
    margin-right: auto;
    min-width: 290px;
    max-width: 1920px;
    box-sizing: border-box;
    padding-left: 14px;
    padding-right: 14px;
  }
}
@media (min-width: 1024px) and (min-width: 640px) {
  .blog-post__holder {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.blog-post__holder .page__middle {
  max-width: 940px;
  margin: 0 auto;
}

.blog-post__submenu {
  margin: 0 0 1.5em 0;
  text-align: center;
}
@media (max-width: 639px) {
  .blog-post__submenu {
    margin-top: 0.75em;
  }
}

.blog-post__submenu-link {
  border-bottom: 2px solid transparent;
  color: #a7a9ac;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  line-height: 1.15;
  margin: 0.65em;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 200ms linear, border 200ms linear;
}
.blog-post__submenu-link.active, .blog-post__submenu-link:hover {
  border-bottom-color: inherit;
  color: inherit;
}
.blog-post__submenu-link.active {
  cursor: default;
}
@media (max-width: 639px) {
  .blog-post__submenu-link {
    font-size: 11px;
    letter-spacing: 0.5px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/blog-previews-list/blog-previews-list.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.blog-previews {
  position: relative;
  color: #eceded;
  font-size: 0;
}
.blog-previews__text {
  position: relative;
  padding: 5px 0;
  text-align: center;
  color: #4F3E35;
  top: 0;
  transform: none;
  margin-top: 13px;
}
.blog-previews__wrap {
  text-decoration: none;
}
.blog-previews__header {
  font-size: 12px;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .blog-previews__header {
    font-size: 14px;
    font-weight: 400;
  }
}
.blog-previews__date {
  font-size: 9px;
  letter-spacing: 0.5px;
  line-height: 20px;
  color: rgba(79, 62, 53, 0.6);
}
@media (min-width: 1024px) {
  .blog-previews__date {
    font-size: 13px;
    letter-spacing: inherit;
  }
}
@media (min-width: 1024px) {
  .blog-previews-list {
    display: flex;
    margin: 0 auto;
    overflow: hidden;
    width: 940px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .blog-previews-list__item {
    flex-basis: 47.8%;
    margin-bottom: 40px;
  }
  .blog-previews-list .infinite-scroll-loading-text {
    flex-basis: 100%;
  }
  .blog-previews__img {
    width: 100%;
    height: 281px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 0;
    object-position: 50% 0;
  }
}
@media (max-width: 1023px) {
  .blog-previews-list {
    height: auto !important;
  }
  .blog-previews-list__item {
    position: static !important;
    margin-bottom: 20px;
  }
  .blog-previews__img {
    width: 100%;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/blog/blog.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
@media (min-width: 1024px) {
  .blog__holder {
    margin-left: auto;
    margin-right: auto;
    min-width: 290px;
    max-width: 1920px;
    box-sizing: border-box;
    padding-left: 14px;
    padding-right: 14px;
  }
}
@media (min-width: 1024px) and (min-width: 640px) {
  .blog__holder {
    padding-left: 40px;
    padding-right: 40px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/button/button.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.button {
  display: block;
  text-align: center;
  background: rgba(255, 255, 255, 0.2);
  text-transform: uppercase;
  color: #fff;
  padding: 12px 20px;
  text-decoration: none;
  box-sizing: border-box;
  border: 1px solid #fff;
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  letter-spacing: inherit;
  line-height: inherit;
  width: 100%;
  transition: background 0.2s;
  transform: translate3d(0, 0, 0);
}
.button:hover, .button:active, .button:focus {
  background: rgba(255, 255, 255, 0.1);
  outline: 0;
}
.button:disabled {
  border-color: #dddddd;
  color: #dddddd;
  cursor: default;
}
.button_powdery {
  background: #4F3E35;
  border: 0;
  color: #ffffff;
}
.button_powdery:hover, .button_powdery:active, .button_powdery:focus {
  background: rgba(79, 62, 53, 0.8);
  color: #ffffff;
}
.button_powdery:disabled {
  background: rgba(79, 62, 53, 0.4);
  color: #ffffff;
}
@media (min-width: 1024px) {
  .button_powdery_reviews {
    display: none;
  }
}
.button_secondary_accent {
  background: #BD9E6D;
  border: 0;
  color: #ffffff;
}
.button_secondary_accent:hover, .button_secondary_accent:active, .button_secondary_accent:focus {
  background: rgba(189, 158, 109, 0.8);
  color: #ffffff;
}
.button_secondary_accent:disabled {
  background: rgba(79, 62, 53, 0.4);
  color: #ffffff;
}
@media (min-width: 1024px) {
  .button_secondary_accent_reviews {
    display: none;
  }
}
.button_transparent {
  border: 0;
  background: transparent;
  color: #4F3E35;
}
.button_transparent:hover, .button_transparent:active, .button_transparent:focus {
  background: transparent;
}
.button_bordered {
  border-color: #4F3E35;
  color: #4F3E35;
}
body.hide_one_click .button_one_click {
  display: none;
}
.button_fixed {
  position: fixed;
  bottom: 56px;
  left: 0;
  right: 0;
  z-index: 5;
}

.new-button {
  display: flex;
  position: relative;
  width: 100%;
  height: 44px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: #A89583;
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 4px;
  font-size: 15px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  color: #FFFFFF;
  transition: background-color 300ms ease, color 300ms ease;
}
.new-button:hover, .new-button:active, .new-button:focus {
  background-color: #968472;
}
.new-button:disabled {
  cursor: default;
  background: #ddcdbf;
}
.new-button.new-button--transparent {
  background-color: transparent;
  color: #4F3E35;
}
.new-button.new-button--transparent:hover, .new-button.new-button--transparent:active, .new-button.new-button--transparent:focus {
  color: rgba(79, 62, 53, 0.8);
}
.new-button.new-button--transparent:disabled {
  color: rgba(95, 94, 92, 0.6);
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/catalog-list/catalog-list.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.catalog-list__holder {
  overflow: hidden;
}
@media (min-width: 1024px) {
  .catalog-list_profile .catalog-list__holder {
    overflow: visible;
  }
}
.catalog-list__row {
  margin: -5px -2.5px;
  overflow: hidden;
}
.catalog-list__row::after {
  clear: both;
  content: "";
  display: table;
}
@media (min-width: 1024px) {
  .catalog-list__row {
    margin: -30px -10px;
  }
}
.catalog-list__row .catalog-list__item {
  width: 33.3%;
}
@media (max-width: 639px) {
  .catalog-list__row .catalog-list__item {
    width: 50%;
  }
}
.catalog-list_wrap .catalog-list__row {
  display: flex;
  flex-wrap: wrap;
  min-height: 30vh;
}
@media (min-width: 1024px) {
  .catalog-list_profile .catalog-list__row {
    margin: 0 -10px;
  }
}
@media (min-width: 1024px) {
  .catalog-list_profile .catalog-list__row {
    overflow: visible;
  }
}
.catalog-list__item {
  width: 50%;
  box-sizing: border-box;
  margin: 5px 0 35px;
  float: left;
  outline: none;
}
@media (min-width: 1024px) {
  .catalog-list__item {
    padding: 0 10px;
    margin: 30px 0;
  }
}
.catalog-list__item .catalog-button__redesign {
  background: #4f3e35;
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  text-align: center;
  color: #fff;
  text-transform: none;
  padding: 19px 0 19px;
  border-radius: 8px;
  text-decoration: none;
  outline: none;
  border: none;
  width: auto;
  padding: 14px 20px 16px;
  font-size: 11px;
  letter-spacing: 0.5px;
  max-width: 320px;
  margin: 20px auto 0;
  display: none;
}
.catalog-list__item .catalog-button__redesign:hover {
  background: #be9f88;
}
@media (min-width: 1024px) {
  .catalog-list__item .catalog-button__redesign {
    display: block;
    padding: 17px 37px 21px;
    font-size: 15px;
    letter-spacing: inherit;
  }
}
@media (min-width: 1024px) {
  .catalog-list_profile .catalog-list__item {
    padding: 0 10px;
    margin: 0;
  }
}
.catalog-list__link {
  display: block;
  color: inherit;
  text-decoration: none;
  outline: none;
}
.catalog-list__link .catalog-list__box {
  min-height: 12px;
}
@media (min-width: 1024px) {
  .catalog-list__link .catalog-list__box {
    min-height: 16px;
  }
}
.catalog-list__preview {
  position: relative;
  background: #c4beb3;
  overflow: hidden;
  margin-bottom: 14px;
}
.catalog-list__preview--round {
  border-radius: 8px;
}
@media (min-width: 1024px) {
  .catalog-list__preview {
    margin-bottom: 22px;
  }
}
@media (min-width: 1024px) {
  .catalog-list__preview:hover .card-speed-buy {
    bottom: 0;
    z-index: 1;
  }
}
.catalog-list__soon {
  display: none !important;
}
.catalog-list__soon_mob {
  padding-left: 0 !important;
}
.catalog-list__soon_mob:after {
  display: none !important;
}
@media (min-width: 1024px) {
  .catalog-list__soon_mob {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .catalog-list__soon {
    display: inline-block !important;
  }
}
.catalog-list__tags {
  padding: 0;
}
.catalog-list__tag {
  color: #BD9E6D;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 11px;
  letter-spacing: 0.5px;
  line-height: 1;
  box-sizing: border-box;
  position: relative;
}
.catalog-list__tag + .catalog-list__tag {
  margin-left: 5px;
  padding-left: 7px;
}
.catalog-list__tag + .catalog-list__tag:after {
  display: block;
  position: absolute;
  content: "";
  width: 2px;
  height: 2px;
  background: #BD9E6D;
  border-radius: 50%;
  top: 5px;
  left: 0;
}
@media (min-width: 1024px) {
  .catalog-list__tag {
    font-size: 15px;
    letter-spacing: inherit;
  }
}
.catalog-list__tag--shop {
  color: #8F2E27;
}
.catalog-list__info {
  font-size: 0;
  margin-bottom: 6px;
}
@media (min-width: 1024px) {
  .catalog-list__info {
    margin-bottom: 10px;
  }
}
.catalog-list__info:last-child {
  margin-bottom: 0;
}
.catalog-list__info_head {
  min-height: 12px;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .catalog-list__info_head {
    min-height: 16px;
    margin-bottom: 3px;
  }
}
.catalog-list-colors {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: center;
  order: 1;
}
@media (min-width: 1024px) {
  .catalog-list-colors {
    margin: 0 0 13px;
    order: 0;
  }
}
.catalog-list-colors__color {
  border-radius: 50%;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  display: block;
}
.catalog-list-colors__color-wrap:not(:last-child) {
  margin-right: 7px;
}
.catalog-list-colors__color:not(:last-child) {
  margin-right: 7px;
}
@media (min-width: 1024px) {
  .catalog-list-colors__color {
    width: 15px;
    height: 15px;
  }
  .catalog-list-colors__color:not(:last-child) {
    margin-right: 11px;
  }
}
.catalog-list-colors__color--border {
  border: 1px solid rgba(95, 94, 92, 0.12);
}
.catalog-list__image-container {
  position: relative;
  padding-bottom: 123.9%;
  overflow: hidden;
  background-color: #F5F5F5;
}
.catalog-list__image-container:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 30%, rgba(255, 255, 255, 0) 60%);
}
.catalog-list__image-container > img {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.catalog-list__image-container > img.loaded {
  opacity: 1;
}
.catalog-list__image {
  display: block;
  width: 100%;
  max-width: 100%;
}
.catalog-list__box {
  text-align: center;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
}
.catalog-list__box .catalog-list__tag-fix {
  min-height: 12px;
}
@media (min-width: 1024px) {
  .catalog-list__box .catalog-list__tag-fix {
    min-height: 16px;
  }
}
.catalog-list__title {
  font-size: 11px;
  letter-spacing: 0.5px;
  line-height: 16px;
  max-width: 90%;
  overflow: hidden;
  max-height: 16px;
  margin: 0 auto;
  position: relative;
}
.catalog-list__title-inn {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
@media (min-width: 1024px) {
  .catalog-list__title {
    font-size: 15px;
    letter-spacing: inherit;
    line-height: 24px;
    max-height: 24px;
  }
}
.catalog-list__price {
  font-size: 11px;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
}
@media (min-width: 1024px) {
  .catalog-list__price {
    font-size: 15px;
    letter-spacing: inherit;
    margin-bottom: 14px;
  }
}
.catalog-list__price--red {
  color: #8F2E27;
}
.catalog-list__price-old {
  color: #C6C6C8;
  font-weight: 400;
}
.catalog-list_result {
  padding-top: 37px;
}
@media (max-width: 639px) {
  .catalog-list_result {
    padding-top: 40px;
  }
}
.catalog-list-sizes {
  padding: 0;
  margin: 0 0 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style-type: none;
  font-size: 11px;
  letter-spacing: 0.5px;
  line-height: 1;
  min-height: 12px;
  transition: 0.3s;
}
.catalog-list-sizes__item + .catalog-list-sizes__item {
  margin-left: 5px;
}
.catalog-list-sizes__item--last {
  display: none;
}
@media (min-width: 414px) {
  .catalog-list-sizes__item--last {
    display: list-item;
  }
}
@media (min-width: 1024px) {
  .catalog-list-sizes {
    font-size: 15px;
    letter-spacing: inherit;
    min-height: 16px;
    margin: 0;
  }
  .catalog-list-sizes__item + .catalog-list-sizes__item {
    margin-left: 8px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/catalog/catalog.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
@media (min-width: 1024px) {
  .catalog__holder {
    margin-left: auto;
    margin-right: auto;
    min-width: 290px;
    max-width: 1920px;
    box-sizing: border-box;
    padding-left: 14px;
    padding-right: 14px;
  }
}
@media (min-width: 1024px) and (min-width: 640px) {
  .catalog__holder {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.catalog__categoty-title {
  font-size: 19px;
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
  padding: 5px 0 30px;
  margin: 0;
  display: none;
}
@media (min-width: 1024px) {
  .catalog__categoty-title {
    display: block;
    font-size: 13px;
  }
}
@media (min-width: 1440px) {
  .catalog__categoty-title {
    display: none;
  }
}

.catalog__category-header {
  margin: 18px 40px 10px 40px;
  max-width: 824px;
  position: relative;
}
@media (min-width: 1024px) {
  .catalog__category-header {
    margin: 0 0 28px 0;
  }
}

.catalog__category-title {
  font-size: 23px;
  line-height: 24px;
}

.catalog__category-description {
  font-size: 15px;
  line-height: 24px;
  margin-top: 16px;
}
@media (min-width: 1024px) {
  .catalog__category-description {
    margin-top: 24px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/categories/categories.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.categories {
  padding-bottom: 45px;
}
.categories__item:not(:last-child) {
  margin-bottom: 21px;
}
.categories__link {
  text-decoration: none;
  color: inherit;
  transition: color 0.2s;
  font-size: 14px;
}
.categories__link:hover {
  color: rgba(79, 62, 53, 0.6);
}
.categories__item_active .categories__link {
  color: rgba(79, 62, 53, 0.6);
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/checkbox/checkbox.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.checkbox {
  position: relative;
}
.checkbox__input {
  position: absolute;
  opacity: 0;
  left: -9999px;
}
.checkbox__label {
  display: block;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  padding-left: 41px;
  min-height: 30px;
}
.checkbox__label:before {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  margin-right: 11px;
  border: 1px solid #dbd7d2;
  box-sizing: border-box;
}
.checkbox__label:after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  transition: transform 0.2s;
  position: absolute;
  top: 10px;
  left: 10px;
  background: #4f3e35;
  transform: scale(0);
}
.checkbox__label-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.checkbox__label-subscribe {
  position: absolute;
  top: 50%;
  left: 20%;
  transform: translateY(-50%);
}
.checkbox__input:checked + .checkbox__label:after {
  transform: scale(1);
}
.checkbox__link {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-color 0.2s;
}
.checkbox__link:hover {
  border-color: transparent;
}
/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/city-button/city-button.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.city-button {
  position: relative;
  margin-right: 30px;
}
.city-button__button {
  color: #887568;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  transition: opacity 0.2s;
}
.city-button__button:hover {
  opacity: 0.8;
}
@media (min-width: 1024px) {
  .t-profile:not(.t-scroll) .city-button__button, .t-media-head:not(.t-scroll) .city-button__button {
    color: #fff;
  }
}
.t-media-head:not(.t-scroll):not(.t-open-menu) .page-gray .city-button__button {
  color: #887568;
}
.header_white .city-button__button, .t-open-menu .city-button__button, .t-open-menu .page-gray .city-button__button {
  color: #ffffff;
}
.city-button__tooltip {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  padding: 20px 40px;
  width: 220px;
  border: 1px solid #c6ad9b;
  background: white;
  box-sizing: border-box;
}
.city-button__tooltip.show {
  display: block;
}
.city-button__tooltip-title {
  color: #887568;
  margin-bottom: 5px;
}
.city-button__tooltip-button {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px solid;
  font-size: 13px;
  line-height: 14px;
  height: 14px;
  transition: opacity 0.2s;
}
.city-button__tooltip-button:hover {
  opacity: 0.8;
  border: none;
}
.city-button__tooltip-button--yes {
  margin-right: 9px;
  color: #c9cacb;
  border-color: #c9cacb;
}
.city-button__tooltip-button--another {
  border-color: #c6ad9b;
  color: #c6ad9b;
}
.city-button__tooltip:before, .city-button__tooltip:after {
  position: absolute;
  transform: translateY(-100%);
  border: solid transparent;
  content: "";
}
.city-button__tooltip:before {
  top: 0;
  right: -1px;
  border-width: 3px;
  border-right-color: #c6ad9b;
  border-bottom-color: #c6ad9b;
}
.city-button__tooltip:after {
  top: 2px;
  right: 0.5px;
  border-width: 2.5px;
  border-right-color: white;
  border-bottom-color: white;
}
@media (max-width: 639px) {
  .city-button {
    display: none;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/city-modal/city-modal.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.city-modal {
  position: relative;
  top: calc(50% - 175px);
  margin: 0 auto;
  width: 300px;
  padding: 44px 78px 78px;
  background: white;
}
.city-modal__wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(2, 2, 2, 0.1);
  z-index: 100;
}
@media (max-width: 639px) {
  .city-modal__wrapper {
    position: fixed;
    top: 50px;
  }
}
.city-modal__close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: opacity 0.2s;
}
.city-modal__close:hover {
  opacity: 0.8;
}
.city-modal__close-left, .city-modal__close-right {
  position: absolute;
  height: 20px;
  border-right: 1px solid #887568;
}
.city-modal__close-left {
  top: 0;
  right: 10px;
  transform: rotate(45deg);
}
.city-modal__close-right {
  top: 0;
  left: 9px;
  transform: rotate(-45deg);
}
@media (max-width: 639px) {
  .city-modal__close {
    display: none;
  }
}
.city-modal__title {
  text-align: center;
  margin-bottom: 44px;
}
.city-modal__popular {
  margin-bottom: 35px;
}
.city-modal__popular-item {
  display: inline-block;
  margin-bottom: 17px;
  font-size: 13px;
  line-height: 14px;
  color: #4F3E35;
  text-decoration: none;
  transition: opacity 0.2s;
  width: 100%;
  cursor: pointer;
}
.city-modal__popular-item.active {
  color: #BD9E6D;
}
.city-modal__popular-item:hover {
  opacity: 0.8;
}
.city-modal__popular-item:last-child {
  margin-bottom: 0;
}
.city-modal__input {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  box-sizing: border-box;
  color: #887569;
  display: block;
  font-family: inherit;
  height: 100%;
  left: 0;
  outline: none;
  padding: 6px 16px 6px 40px;
  position: absolute;
  top: 0;
  width: 100%;
}
.city-modal__input-wrapper {
  box-sizing: border-box;
  height: 36px;
  margin-bottom: 100px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .city-modal__input-wrapper {
    margin-bottom: 0;
  }
}
.city-modal__input-background {
  background-color: rgba(245, 243, 243, 0.64);
  border-radius: 4px;
  border: 1px solid transparent;
  box-sizing: border-box;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: background-color 300ms linear, border-color 300ms linear;
  width: 100%;
}
.city-modal__input-icon {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='rgba(79, 62, 53, 0.4)' d='M14.716 15.777a.75.75 0 1 0 1.068-1.054zm-2.742-8.975c0 2.936-2.352 5.302-5.237 5.302v1.5c3.729 0 6.737-3.053 6.737-6.802zm-5.237 5.302c-2.885 0-5.237-2.366-5.237-5.302H0c0 3.75 3.009 6.802 6.737 6.802zM1.5 6.802C1.5 3.866 3.852 1.5 6.737 1.5V0C3.01 0 0 3.053 0 6.802zM6.737 1.5c2.885 0 5.237 2.366 5.237 5.302h1.5C13.474 3.053 10.466 0 6.737 0zm3.79 10.032 4.19 4.245 1.067-1.054-4.189-4.245z'/%3E%3C/svg%3E") center no-repeat;
  height: 16px;
  left: 14px;
  margin: -8px 0;
  position: absolute;
  top: 50%;
  width: 16px;
}
.city-modal__input::-moz-placeholder {
  color: rgba(79, 62, 53, 0.4);
}
.city-modal__input::placeholder {
  color: rgba(79, 62, 53, 0.4);
}
@media (max-width: 639px) {
  .city-modal {
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translate(0, 0);
    padding: 15px 5px;
  }
}

.autocomplete-city {
  max-width: 298px;
  max-height: 180px;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (min-width: 1024px) {
  .autocomplete-city {
    scrollbar-color: #F5F3F3 #FFFFFF;
    scrollbar-width: thin;
  }
  .autocomplete-city::-webkit-scrollbar {
    background-color: transparent;
    height: 8px;
    width: 8px;
  }
  .autocomplete-city::-webkit-scrollbar-button {
    display: none;
  }
  .autocomplete-city::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .autocomplete-city::-webkit-scrollbar-thumb {
    background: #F5F3F3;
  }
}
@media (max-width: 1023px) {
  .autocomplete-city {
    max-height: 150px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/content/content.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.content h1, .content h2 {
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
}
.content h1 {
  font-size: 12px;
  margin-top: 3.2142857143em;
  margin-bottom: 1em;
}
@media (min-width: 1024px) {
  .content h1 {
    font-size: 14px;
    font-weight: 400;
    margin-top: 3.9285714286em;
    margin-bottom: 1.7142857143em;
  }
}
.content h2 {
  font-size: 11px;
  letter-spacing: 0.5px;
  margin-top: 2.5em;
  margin-bottom: 1em;
}
@media (min-width: 1024px) {
  .content h2 {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: inherit;
    margin-top: 3.2142857143em;
    margin-bottom: 1.7142857143em;
  }
}
.content p, .content li {
  font-size: 11px;
  letter-spacing: 0.5px;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 1em;
  margin-bottom: 1em;
}
.content p:last-child, .content li:last-child {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .content p, .content li {
    font-size: 13px;
    letter-spacing: inherit;
    margin-left: 80px;
    margin-right: 80px;
  }
}
.content a {
  color: #BD9E6D;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-color 0.2s;
}
.content a:hover {
  border-color: transparent;
}
.content a.no_border {
  border-bottom: none;
}
.content a img {
  display: block;
}
.content ol {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: counter;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 13px;
}
.content ol li {
  padding-left: 30px;
  position: relative;
  margin-top: 1em;
  margin-bottom: 1em;
}
.content ol li:before {
  content: counter(counter) ".";
  counter-increment: counter;
  position: absolute;
  left: 0;
  top: 0;
}
.content ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 13px;
}
.content ul li {
  padding-left: 30px;
  position: relative;
  margin-top: 1em;
  margin-bottom: 1em;
}
.content ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(79, 62, 53, 0.4);
}
@media (min-width: 1024px) {
  .content ul li:before {
    top: 6px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/copyright/copyright.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
.copyright {
  text-align: center;
  color: inherit;
}
.copyright__logo {
  width: 69px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  fill: #887568;
}
.copyright_reviews {
  margin-bottom: 75px;
  margin-top: 25px;
}
@media (min-width: 1024px) {
  .copyright_mobile {
    display: none;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/form/form.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
.form {
  display: block;
}
.form__item + .form__item {
  margin-top: 25px;
}
.form__item:after {
  max-height: 1px;
}
@media (min-width: 1024px) {
  .form__item {
    display: table;
    width: 100%;
  }
  .form__item + .form__item {
    margin-top: 40px;
  }
}
.form__field {
  position: relative;
}
@media (min-width: 1024px) {
  .form__field {
    min-height: 1px;
    display: table-cell;
    vertical-align: middle;
    width: 70.4%;
    position: relative;
  }
  .form__field_pull-right {
    margin-left: 29.6%;
    display: block;
  }
}
.form__field-select-field {
  display: block;
  width: 100%;
}
.form__field ::-webkit-calendar-picker-indicator {
  pointer-events: none;
  opacity: 0;
}
.form__sub-field {
  font-size: 11px;
  letter-spacing: 0.5px;
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .form__sub-field {
    font-size: 13px;
    letter-spacing: inherit;
  }
}
.form__row {
  margin-left: -7.5px;
  margin-right: -7.5px;
}
.form__row::after {
  clear: both;
  content: "";
  display: table;
}
.form__column {
  padding-left: 7.5px;
  padding-right: 7.5px;
  position: relative;
  box-sizing: border-box;
}
.form__column_6 {
  float: left;
  display: inline;
  width: 50%;
  margin: 0;
}
.form__label {
  display: block;
  color: #4f3e35;
  margin-bottom: 5px;
}
@media (min-width: 1024px) {
  .form__label {
    min-height: 1px;
    display: table-cell;
    vertical-align: middle;
    width: 29.6%;
    box-sizing: border-box;
    padding-right: 10px;
  }
  .form__label_full {
    width: auto;
    float: none;
    display: block;
  }
  .form__label_top {
    vertical-align: top;
    padding-top: 13px;
  }
}
.form__input, .form__textarea {
  display: block;
  width: 100%;
  border: 1px solid #dbd7d2;
  box-sizing: border-box;
  font-size: 13px;
  letter-spacing: inherit;
  line-height: 18px;
  padding: 12px 11px;
  color: #887568;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form__input:focus, .form__textarea:focus {
  border-color: #c4beb3;
  outline: 0;
}
.form__input_error, .form__textarea_error {
  border-color: #a46957;
}
.form__input:disabled, .form__textarea:disabled {
  background: #f5f5f7;
  color: #afb0b4;
  border-color: #e8e9eb;
}
.form__input_card-number {
  display: inline-block;
  vertical-align: middle;
  width: 90%;
}
.form__textarea {
  resize: none;
}
.form__error-message {
  color: #8D0624;
  font-size: 10px;
  letter-spacing: 0.5px;
  margin-top: 2px;
  display: none;
}
.form__date-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  outline: none;
  border-radius: 0;
  display: block;
  width: 100%;
  padding: 12px 11px;
  color: #887568;
  box-sizing: border-box;
}
.has-error .form__input {
  border-color: #a46957;
}
.has-error .form__error-message {
  display: block;
}
.form__icon {
  display: inline-block;
  vertical-align: middle;
  width: 54px;
  height: 41px;
}
.form__icon_visa {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='41'%3E%3Cpath fill='%23BBBCC1' fill-rule='nonzero' d='m44.24 18.578.843 3.908H42.06l1.452-3.783.483-1.292zM54 4.556v31.888C54 38.96 51.984 41 49.5 41h-45C2.016 41 0 38.96 0 36.444V4.556C0 2.04 2.016 0 4.5 0h45C51.984 0 54 2.04 54 4.556M15.422 27.267l5.735-13.505h-3.859l-3.566 9.228-.38-1.875-1.279-6.218c-.22-.86-.861-1.114-1.651-1.144H4.547l-.047.28c1.429.351 2.707.857 3.827 1.483l3.24 11.754zm10.851-13.516h-3.642l-2.277 13.532h3.642zM36.68 22.86c.014-1.54-.956-2.71-3.057-3.677-1.274-.626-2.055-1.043-2.046-1.676 0-.563.66-1.164 2.086-1.164a6.6 6.6 0 0 1 2.727.52l.326.154.493-2.931c-.722-.276-1.854-.57-3.264-.57-3.6 0-6.136 1.836-6.159 4.467-.02 1.945 1.811 3.03 3.193 3.676 1.417.663 1.895 1.087 1.888 1.68-.01.906-1.132 1.32-2.18 1.32-1.459 0-2.233-.205-3.43-.71l-.47-.217-.51 3.03c.85.378 2.425.706 4.058.722 3.83 0 6.316-1.816 6.345-4.624M49.5 27.288l-2.95-13.523h-2.814c-.873 0-1.526.241-1.908 1.123l-5.412 12.4h3.825l.767-2.034 4.667.007.443 2.027z'/%3E%3C/svg%3E") no-repeat;
}
.form__icon_union {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='41'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23BBBCC1' d='M54 4.556v31.888C54 38.96 51.984 41 49.5 41h-45C2.016 41 0 38.96 0 36.444V4.556C0 2.04 2.016 0 4.5 0h45C51.984 0 54 2.04 54 4.556'/%3E%3Cpath d='M23.05 3.165h-12.7l12.624.003q.038-.001.075-.003M-1.015 35.503v2.332h2.687c-1.51-.024-2.56-.997-2.687-2.332'/%3E%3Cpath fill='%23DE4447' fill-rule='nonzero' d='m38.328 3.173-5.5-.002 5.47.003z'/%3E%3Cpath fill='%232A557C' fill-rule='nonzero' d='m32.828 3.17-9.779-.005-.075.003z'/%3E%3Cpath fill='%23FFF' fill-rule='nonzero' d='M23.239 23.544h.24q.33 0 .436-.212l.62-.904H26.2l-.347.594h1.992l-.252.91h-2.371c-.274.4-.61.586-1.014.567h-1.235zm-.272 1.305h4.366l-.277.987h-1.757l-.267.954h1.708l-.277.989h-1.71l-.396 1.41q-.148.354.386.318h1.392l-.257.917h-2.674q-.76.001-.523-.845l.508-1.8h-1.093l.276-.988h1.092l.268-.953H22.69zm6.97-2.425-.07.578s.825-.602 1.572-.602h2.766l-1.059 3.718q-.13.637-1.127.635h-3.134l-.733 2.613q-.063.212.175.213h.616l-.226.808h-1.568q-.902 0-.751-.527l2.072-7.435zm2.34 1.049H29.81l-.296 1.004s.411-.289 1.1-.3c.683-.01 1.465 0 1.465 0zm-.893 2.329c.182.023.285-.048.295-.213l.153-.529H29.36l-.208.742zm-1.666 1.2h1.424l-.027.599h.379q.286 0 .287-.177l.111-.388h1.184l-.159.565q-.2.705-1.063.739h-.759l-.002 1.025q-.021.247.452.246h.712l-.229.81h-1.71c-.481.022-.716-.198-.71-.67zM35.77 23.587l.331-1.132h1.671l-.072.416s.853-.416 1.469-.416h2.066l-.33 1.132h-.325l-1.557 5.326h.325l-.308 1.058h-.326l-.136.463h-1.617l.135-.463h-3.19l.31-1.058h.32l1.56-5.326zm1.804 0-.425 1.442s.727-.274 1.353-.348c.138-.506.32-1.094.32-1.094zm-.622 2.117-.43 1.51s.809-.386 1.363-.417c.158-.584.32-1.092.32-1.092zm.312 3.21.32-1.095h-1.247l-.322 1.094zm4.04-6.527h1.57l.066.564c-.01.143.078.209.264.209h.278l-.281.954h-1.154c-.442.024-.668-.14-.689-.493zm-.46 2.046h5.085l-.298 1.025h-1.618l-.279.952h1.62l-.303 1.02h-1.8l-.409.601h.883l.203 1.199c.024.12.134.177.321.177h.273l-.289.989h-.969c-.502.023-.76-.14-.783-.494l-.235-1.094-.801 1.163q-.284.496-.875.463h-1.48l.288-.989h.462c.19 0 .348-.082.49-.249l1.255-1.765h-1.618l.3-1.02h1.758l.277-.951h-1.756zM12.456 17.47c-.193.918-.64 1.624-1.335 2.127q-1.032.74-2.664.741-1.534 0-2.25-.759-.498-.54-.498-1.37 0-.343.085-.739l1.159-5.426H8.7L7.56 17.41q-.053.224-.048.41-.002.412.212.676.31.39 1.01.39.81 0 1.325-.385.519-.384.67-1.091l1.147-5.365h1.74zM14.068 15.333h1.236l-.141.699.177-.2a1.95 1.95 0 0 1 1.462-.622c.52 0 .894.147 1.13.44.231.296.296.704.186 1.228l-.68 3.3h-1.27l.615-2.992q.094-.462-.052-.688-.146-.222-.547-.222-.49.001-.826.296-.337.297-.445.823l-.567 2.783h-1.273zM28.236 15.333h1.237l-.14.699.175-.2q.603-.623 1.462-.622.779 0 1.129.44c.23.296.297.704.183 1.228l-.676 3.3h-1.272l.614-2.992q.095-.462-.05-.688-.15-.222-.546-.222-.49.001-.828.296-.337.297-.446.823l-.568 2.783h-1.27zM19.803 15.335h1.37L20.1 20.177h-1.367zm.432-1.765h1.381l-.258 1.175h-1.381zM22.385 19.809c-.358-.334-.539-.781-.54-1.351q0-.15.019-.33.02-.187.054-.354.244-1.179 1.04-1.87.8-.694 1.927-.694.923 0 1.46.5c.36.337.538.79.538 1.368q-.001.149-.02.335a6 6 0 0 1-.057.361c-.16.775-.505 1.393-1.038 1.846q-.8.683-1.92.682-.926 0-1.463-.493m2.61-.96q.364-.382.52-1.153.025-.12.04-.246.012-.123.011-.229 0-.447-.234-.694-.236-.248-.666-.248-.57 0-.93.39c-.246.258-.419.652-.528 1.174q-.022.12-.038.239-.014.12-.01.224 0 .444.235.687c.157.162.377.243.669.243.382-.002.69-.13.932-.387M34.348 12.33h3.59c.69 0 1.223.152 1.591.45q.548.453.548 1.3v.017c0 .107-.008.23-.018.36q-.026.195-.07.398-.239 1.12-1.093 1.803-.855.681-2.018.682H34.95l-.594 2.838h-1.67zm.898 3.647h1.597q.624 0 .988-.28.354-.28.484-.863.02-.107.034-.197a2 2 0 0 0 .012-.167q.002-.417-.306-.605-.305-.19-.965-.189h-1.357zM47.537 21.115c-.526 1.088-1.028 1.725-1.323 2.019-.294.291-.881.972-2.288.92l.12-.83c1.186-.355 1.828-1.956 2.192-2.662l-.436-5.216.916-.011h.769l.085 3.271 1.44-3.271h1.461zM43.458 15.728l-.58.388c-.606-.461-1.16-.746-2.227-.265-1.454.656-2.67 5.68 1.334 4.026l.229.262 1.574.04 1.035-4.565zm-.897 2.497c-.252.725-.818 1.204-1.26 1.068-.443-.133-.6-.833-.344-1.56.253-.727.821-1.205 1.26-1.069.442.134.602.835.344 1.561'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
}
.form__icon_world {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='41'%3E%3Cpath fill='%23BBBCC1' fill-rule='evenodd' d='M54 4.556v31.888C54 38.96 51.984 41 49.5 41h-45C2.016 41 0 38.96 0 36.444V4.556C0 2.04 2.016 0 4.5 0h45C51.984 0 54 2.04 54 4.556M44.286 15h-7.972c.429 2.657 3 5.143 5.829 5.143h6.343c.085-.257.085-.6.085-.857 0-2.4-1.885-4.286-4.285-4.286M37 20.571V27h3.857v-3.429h3.429c1.885 0 3.514-1.285 4.028-3zM23.286 15v12h3.428s.857 0 1.286-.857l3-6h.429V27h3.857V15h-3.429s-.857.086-1.286.857l-3 6h-.428V15zM7 27h3.857v-6.429h.429L13.429 27h1.714l2.143-6.429h.428V27h3.857V15h-3.857S16.6 15 16 16.714c-1.371 4.029-1.714 5.143-1.714 5.143s-.172-.6-1.715-5.143C11.971 15 10.857 15 10.857 15H7z'/%3E%3C/svg%3E") no-repeat;
}
.form__icon_master {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='41'%3E%3Cpath fill='%23BBBCC1' fill-rule='nonzero' d='M34.796 30.622c0 .44-.288.773-.718.773-.447 0-.722-.349-.722-.773 0-.423.275-.772.722-.772.428.003.718.335.718.772m-15.331-.77c-.448 0-.723.35-.723.773s.275.772.723.772c.427 0 .718-.333.718-.772 0-.44-.288-.772-.718-.772m7.63-.024c-.37 0-.579.236-.633.585h1.236c-.055-.374-.268-.585-.604-.585m11.79.025c-.448 0-.723.348-.723.772 0 .423.275.772.723.772.427 0 .717-.333.717-.772 0-.44-.29-.772-.717-.772M54 4.556v31.888C54 38.96 51.984 41 49.5 41h-45C2.016 41 0 38.96 0 36.444V4.556C0 2.04 2.016 0 4.5 0h45C51.984 0 54 2.04 54 4.556M12.474 18.188c0 5.013 4.014 9.077 8.966 9.077 1.73 0 3.346-.499 4.716-1.358a10.11 10.11 0 0 1-3.56-7.719 10.12 10.12 0 0 1 3.56-7.72 8.85 8.85 0 0 0-4.716-1.357c-4.95 0-8.966 4.064-8.966 9.077m5.279 12.127c0-.57-.358-.952-.936-.959-.304-.005-.617.091-.838.428a.87.87 0 0 0-.787-.428c-.254 0-.504.075-.697.358v-.299h-.518v2.41h.522v-1.337c0-.42.23-.64.583-.64.344 0 .517.228.517.636v1.341h.522v-1.337c0-.42.239-.64.583-.64.353 0 .522.228.522.636v1.341h.527zm2.918-.898h-.518v.292c-.164-.216-.414-.353-.751-.353-.669 0-1.19.528-1.19 1.266s.521 1.267 1.19 1.267c.34 0 .587-.137.751-.353v.291h.518zm2.619 1.686c0-.424-.313-.645-.833-.722l-.243-.036c-.225-.03-.402-.076-.402-.237 0-.178.168-.283.452-.283.303 0 .598.116.742.207l.225-.423c-.25-.166-.591-.253-.972-.253-.603 0-.99.292-.99.772 0 .394.288.636.822.71l.242.037c.284.041.419.116.419.253 0 .187-.189.292-.542.292a1.26 1.26 0 0 1-.792-.253l-.243.408c.283.214.641.314 1.03.314.687 0 1.085-.328 1.085-.786m2.306.6-.148-.45a.95.95 0 0 1-.46.137c-.258 0-.344-.162-.344-.403v-1.089h.846v-.478h-.846v-.731h-.522v.73h-.483v.48h.483v1.1c0 .56.214.892.826.892.225-.002.484-.073.648-.189m2.64-1.08c-.005-.752-.464-1.267-1.133-1.267-.697 0-1.185.515-1.185 1.266 0 .766.508 1.267 1.22 1.267.357 0 .685-.091.976-.337l-.255-.387c-.2.161-.452.252-.693.252-.332 0-.636-.157-.713-.59h1.769zm2.042-1.199-.369-.066a.7.7 0 0 0-.627.353v-.291h-.514v2.41h.518v-1.353c0-.399.169-.62.508-.62l.325.062zm.693 1.198c0-.464.304-.765.718-.772.225 0 .428.075.623.217l.25-.424c-.259-.207-.497-.287-.857-.287-.767 0-1.27.535-1.27 1.266 0 .732.5 1.267 1.268 1.267.357 0 .598-.08.857-.287l-.25-.424a1.04 1.04 0 0 1-.623.217c-.412-.005-.716-.308-.716-.773m4.311-1.204h-.517v.291c-.165-.216-.414-.353-.752-.353-.668 0-1.19.528-1.19 1.266 0 .736.522 1.267 1.19 1.267.34 0 .587-.137.752-.353v.291h.517zm2.192.006-.37-.066a.7.7 0 0 0-.627.353v-.291h-.513v2.41h.517v-1.353c0-.399.17-.62.509-.62l.324.062zm2.614-.975h-.517v1.26c-.164-.216-.414-.353-.752-.353-.668 0-1.19.528-1.19 1.266 0 .736.522 1.267 1.19 1.267.34 0 .587-.137.752-.353v.291h.517zm1.438-10.26c0-5.014-4.016-9.078-8.966-9.078s-8.967 4.064-8.967 9.077 4.015 9.077 8.967 9.077 8.966-4.064 8.966-9.077'/%3E%3C/svg%3E") no-repeat;
}
.form__icon_jbc {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='41'%3E%3Cpath fill='%23BBBCC1' fill-rule='nonzero' d='M49.5 0h-45C2.016 0 0 2.296 0 5.125v30.75C0 38.704 2.016 41 4.5 41h45c2.484 0 4.5-2.296 4.5-5.125V5.125C54 2.296 51.984 0 49.5 0M21.263 27.459c0 2.081-1.69 3.75-3.751 3.75H12.01v-7.89s1.69.475 3.852.475c3.564 0 4.614-1.382 4.614-3.072v-4.347h-3.213v4.368c0 1.07-.7 1.854-1.998 1.854-1.091 0-2.184-.329-3.235-.844V12.5c0-2.081 1.69-3.751 3.75-3.751h5.481zm10.383.04c0 2.082-1.69 3.751-3.75 3.751h-5.502v-8.654c.948.804 2.597 1.319 5.254 1.195 1.442-.06 2.948-.452 2.948-.452v-1.586c-.763.371-1.67.742-2.844.823-2.019.165-3.236-.823-3.236-2.576 0-1.73 1.215-2.72 3.236-2.576 1.174.083 2.08.432 2.844.823v-1.586s-1.526-.392-2.948-.452c-2.657-.124-4.306.391-5.254 1.195v-4.905a3.75 3.75 0 0 1 3.751-3.749h5.501zm10.343-.02c0 2.081-1.69 3.75-3.75 3.75h-5.501v-7.622h5.809c1.359 0 2.39-.743 2.39-1.874 0-1.051-.927-1.73-2.142-1.814v-.04c1.113-.145 1.71-.867 1.71-1.71 0-1.072-.887-1.69-2.082-1.751l-.371-.02H32.76V12.5a3.75 3.75 0 0 1 3.749-3.751h5.48zm-5.233-7.047.268.02c.411.104.762.475.762.968a.964.964 0 0 1-.762.967l-.268.02h-2.162V20.43h2.162zm-2.162-1.111v-1.814h1.957l.207.02c.412.061.763.392.763.887a.88.88 0 0 1-.763.886l-.207.02z'/%3E%3C/svg%3E") no-repeat;
}
.form__icon_american {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='41'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23BBBCC1' d='M54 4.556v31.888C54 38.96 51.984 41 49.5 41h-45C2.016 41 0 38.96 0 36.444V4.556C0 2.04 2.016 0 4.5 0h45C51.984 0 54 2.04 54 4.556'/%3E%3Cpath fill='%23FFF' d='M47.608 26.507c0 1.128-.683 1.653-1.91 1.653h-2.34v-1.129h2.34c.217 0 .397-.036.47-.112a.49.49 0 0 0 .143-.339c0-.15-.071-.3-.143-.375q-.11-.113-.433-.113c-1.117-.038-2.521.038-2.521-1.616 0-.752.469-1.58 1.729-1.58h2.413v1.129h-2.234c-.215 0-.36 0-.468.075a.55.55 0 0 0-.18.415c0 .187.109.3.252.375.144.038.288.075.469.075h.647c.684 0 1.117.15 1.405.415.217.263.361.601.361 1.127M42.53 25.38c-.288-.264-.72-.415-1.405-.415h-.648a1.7 1.7 0 0 1-.467-.075c-.145-.075-.253-.188-.253-.375 0-.19.036-.303.18-.415.108-.075.251-.075.468-.075h2.232v-1.128h-2.413c-1.296 0-1.729.827-1.729 1.579 0 1.654 1.406 1.578 2.521 1.616q.325 0 .433.113a.6.6 0 0 1 .145.375c0 .15-.073.264-.145.34-.108.075-.252.111-.468.111h-2.34v1.129h2.34c1.224 0 1.909-.526 1.909-1.653 0-.526-.144-.864-.36-1.127m-4.61 1.69h-2.845v-1.052h2.772v-1.054h-2.772v-.977h2.845v-1.091h-4.033v5.263h4.033zm-5.33-3.908c-.396-.227-.864-.264-1.477-.264H28.34v5.263h1.224v-1.917h1.298c.431 0 .684.038.863.225.216.263.216.715.216 1.054v.639h1.188v-1.016c0-.488-.035-.715-.179-.977a1.4 1.4 0 0 0-.611-.452c.322-.113.863-.563.863-1.39 0-.603-.217-.94-.614-1.165m-6.842-.264h-3.853l-1.549 1.73-1.477-1.73h-4.862v5.263h4.79l1.549-1.73 1.477 1.73h2.34v-1.766h1.513c1.045 0 2.088-.3 2.088-1.767 0-1.429-1.08-1.73-2.016-1.73m5.87 2.18c-.18.076-.36.076-.576.076l-1.477.037v-1.203h1.477c.216 0 .43 0 .576.112.143.076.252.225.252.451a.67.67 0 0 1-.252.527m-5.87.263h-1.585v-1.353h1.585c.432 0 .72.189.72.64 0 .45-.288.713-.72.713m-4.645.188 1.872-2.067v4.247zm-2.918 1.541h-2.989v-1.052h2.665v-1.054h-2.665v-.977h3.026l1.332 1.54zm26.073-7.969H42.53l-2.27-3.946V19.1h-2.449l-.467-1.166h-2.521l-.467 1.166H32.95c-.576 0-1.333-.15-1.765-.602-.395-.451-.612-1.053-.612-1.991 0-.79.108-1.504.648-2.068.36-.413 1.008-.6 1.836-.6h1.153v1.126h-1.153c-.432 0-.683.076-.935.302-.216.225-.325.639-.325 1.202q0 .847.325 1.241c.18.188.503.263.828.263h.54l1.729-4.134h1.8l2.017 4.962V13.84h1.873l2.125 3.646V13.84h1.224v5.261M29.962 13.84v5.262h-1.226V13.84zm-2.558.226c.396.262.648.6.649 1.203 0 .825-.54 1.24-.864 1.39.252.113.469.3.576.45.18.264.216.49.216.94v1.054h-1.224v-.677c0-.3.036-.752-.18-1.015-.18-.189-.468-.226-.9-.226H24.38v1.917h-1.188V13.84h2.772c.613 0 1.044 0 1.44.226m-5.077 3.947h-2.81v-1.054h2.774v-1.09h-2.773v-.94h2.809V13.84h-4.034v5.262h4.034zm-4.934-4.173h-1.981l-1.477 3.57-1.585-3.57h-1.944v4.962l-2.053-4.962h-1.8l-2.161 5.262h1.297l.468-1.166h2.52l.468 1.166h2.45v-4.135l1.764 4.135h1.044l1.765-4.135v4.135h1.225zm19.519 2.969h-1.656l.828-2.068zm-10.445-.827c-.178.112-.359.112-.61.112h-1.478V14.93h1.478c.215 0 .467 0 .61.075.145.113.217.264.217.49 0 .224-.072.413-.217.487m-19.878.827.827-2.068.828 2.068z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
}
.form__icon_mobile-hide {
  display: none;
}
@media (min-width: 1024px) {
  .form__icon_mobile-hide {
    display: inline-block;
  }
}
.form__text_desk-hide {
  display: inline-block;
}
@media (min-width: 1024px) {
  .form__text_desk-hide {
    display: none;
  }
}
.form__checkbox {
  position: relative;
}
@media (min-width: 1024px) {
  .form__checkbox {
    width: 70.4%;
    margin: 0 0 0 auto;
  }
}
.form__checkbox-label {
  display: block;
  position: relative;
  padding-left: 32px;
  cursor: pointer;
}
.form__checkbox-label:before, .form__checkbox-label:after {
  content: "";
  position: absolute;
  top: 50%;
}
.form__checkbox-label:before {
  width: 18px;
  height: 18px;
  left: 0;
  margin-top: -9px;
  background-color: #fff;
  border: 1px solid rgba(79, 62, 53, 0.6);
  border-radius: 3px;
  box-sizing: border-box;
  transition: border-color 200ms ease, background-color 200ms ease;
}
.form__checkbox-label:after {
  width: 12px;
  height: 12px;
  left: 3px;
  margin-top: -6px;
  opacity: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='square' d='M20 6 9 17l-5-5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") no-repeat;
  transition: opacity 200ms ease;
}
.form__checkbox input[type=checkbox] {
  display: none;
}
.form__checkbox input[type=checkbox]:checked + .form__checkbox-label:before {
  background-color: #BD9E6D;
  border-color: #BD9E6D;
}
.form__checkbox input[type=checkbox]:checked + .form__checkbox-label:after {
  opacity: 1;
}

.field-feedback-surname {
  display: none !important;
}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/goods-edit/goods-edit.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.goods-edit {
  background: rgba(225, 211, 188, 0.12);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  border-bottom: 1px solid rgba(95, 94, 92, 0.12);
  padding: 27px 85px 27px 20px;
  box-sizing: border-box;
  width: calc(100% + 46px);
}
@media (min-width: 1024px) {
  .goods-edit {
    position: static;
    bottom: auto;
    top: auto;
    left: auto;
    background: transparent;
    border-bottom: 0;
    padding: 0;
    width: auto;
  }
}
.goods-edit__handle {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 100%;
  width: 30px;
  background: #fff;
}
@media (min-width: 1024px) {
  .goods-edit__handle {
    display: none;
  }
}
.goods-edit__handle-icon {
  display: block;
  width: 10px;
  height: 1px;
  margin: 0 auto;
  background: rgba(95, 94, 92, 0.6);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -1px;
}
.goods-edit__handle-icon:before, .goods-edit__handle-icon:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 1px;
  background: rgba(95, 94, 92, 0.6);
}
.goods-edit__handle-icon:before {
  top: -4px;
}
.goods-edit__handle-icon:after {
  bottom: -4px;
}
.goods-edit__row {
  margin-right: -7.5px;
  margin-left: -7.5px;
}
.goods-edit__row::after {
  clear: both;
  content: "";
  display: table;
}
@media (min-width: 1024px) {
  .goods-edit__row {
    margin-left: 0;
    margin-right: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
  }
  .goods-edit__row:after {
    display: none;
  }
}
.goods-edit__size {
  float: left;
  width: 50%;
  padding-left: 7.5px;
  padding-right: 7.5px;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .goods-edit__size {
    width: 100px;
    padding-left: 0;
    padding-right: 0;
  }
}
.goods-edit__count {
  float: right;
  width: 50%;
  padding-left: 7.5px;
  padding-right: 7.5px;
  position: relative;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .goods-edit__count {
    width: 100px;
    float: none;
    display: inline-block;
    vertical-align: middle;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }
}
.goods-edit__box {
  position: relative;
}
@media (min-width: 1024px) {
  .goods-edit__box {
    position: static;
  }
}
.goods-edit__remove {
  position: absolute;
  right: -36px;
  top: 50%;
  width: 17px;
  height: 21px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234F3E35' viewBox='0 0 34 42'%3E%3Cpath fill-rule='evenodd' d='M0 4h34v10H0zm2 2h30v6H2zm1 6h28v30H3zm2 2h24v26H5zm5-14h13v6H10zm2 2h9v2h-9zM9 18h2v18H9zm7 0h2v18h-2zm7 0h2v18h-2z' class='cls-1'/%3E%3Cpath d='M0 12h34v2H0zM0 4h34v2H0z'/%3E%3C/svg%3E") no-repeat;
  margin-top: -10.5px;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.goods-edit__remove:focus {
  outline: 0;
}
@media (min-width: 1024px) {
  .goods-edit__remove {
    right: -50px;
    top: 50%;
    margin-top: -12px;
  }
}
.goods-edit__remove-address {
  right: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/goods/goods.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.goods {
  display: table;
  width: 100%;
}
.goods__head {
  margin-bottom: 3px;
  color: inherit;
  text-decoration: none;
  display: block;
}
@media (min-width: 1024px) {
  .goods__head {
    display: table-cell;
    vertical-align: top;
    min-width: 260px;
    width: 260px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 9%;
  }
}
@media (min-width: 1024px) {
  .goods__head-content {
    display: flex;
    height: 94px;
    flex-direction: column;
    justify-content: space-between;
  }
}
.goods__code {
  display: none;
  font-size: 9px;
  letter-spacing: 0.5px;
  margin-bottom: 14px;
}
@media (min-width: 1024px) {
  .goods__code {
    display: block;
  }
}
.goods__title {
  font-size: 9px;
  letter-spacing: 0.12em;
  line-height: 1.15;
  text-transform: uppercase;
  max-width: 60vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .goods__title {
    font-size: 11px;
    max-width: none;
    white-space: normal;
  }
}
.goods__disclaimer {
  position: relative;
  margin-top: 6px;
  font-size: 9px;
  line-height: 14px;
  text-transform: uppercase;
  white-space: nowrap;
  color: #BD9E6D;
}
@media (min-width: 1024px) {
  .goods__disclaimer {
    margin-top: 0;
    font-size: 11px;
    line-height: 16px;
  }
}
.goods__info {
  margin-bottom: 3px;
}
@media (min-width: 1024px) {
  .goods__info {
    display: table-cell;
    vertical-align: middle;
    padding-right: 9%;
    box-sizing: border-box;
    min-width: 102px;
    width: 250px;
  }
}
@media (min-width: 1440px) and (max-width: 1599) {
  .goods__info {
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .order-list_confirm .goods__info {
    vertical-align: top;
  }
}
@media (min-width: 1024px) {
  .goods_profile .goods__info {
    width: auto;
  }
}
@media (min-width: 1024px) {
  .goods__info-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .order-list_confirm .goods__info-line {
    display: block;
  }
}
@media (min-width: 1024px) {
  .goods__edit {
    display: table-cell;
    vertical-align: middle;
    min-width: 220px;
    width: 300px;
  }
}
.goods__preview {
  display: table-cell;
  vertical-align: top;
  width: 77px;
}
.goods__preview-placeholder {
  background-color: #F5F5F5;
  display: block;
  height: 97px;
  width: 77px;
}
.goods__image {
  display: block;
  width: 77px;
}
.goods__link {
  display: block;
  color: inherit;
}
.goods__box {
  box-sizing: border-box;
  display: table-cell;
  padding: 15px 15px 2px 15px;
  position: relative;
  vertical-align: top;
}
@media (min-width: 1024px) {
  .goods__box {
    padding: 0;
    padding-right: 50px;
  }
}
@media (min-width: 1024px) {
  .goods__spec {
    display: table;
    width: 100%;
    position: relative;
  }
}
.goods__size {
  display: inline-block;
  vertical-align: middle;
  font-size: 9px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #c4beb3;
  margin-right: 5px;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .goods__size {
    color: inherit;
    font-size: 13px;
    letter-spacing: inherit;
    text-transform: none;
  }
}
.goods__color {
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 7px;
  margin-right: 5px;
  order: -1;
}
@media (min-width: 1024px) {
  .goods__color {
    width: 60px;
    height: 20px;
    margin-right: 0;
  }
}
.goods__count {
  display: inline-block;
  vertical-align: middle;
  color: #c4beb3;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .goods__count {
    color: inherit;
  }
}
.order-list_confirm .goods__count {
  margin-top: 10px;
  display: block;
}
@media (min-width: 1024px) {
  .goods_edit .goods__count, .goods_edit .goods__size {
    display: none;
  }
}
.goods__total {
  font-size: 0;
  position: relative;
}
.goods__total::after {
  clear: both;
  content: "";
  display: table;
}
@media (min-width: 1024px) {
  .goods__total {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    text-align: right;
    box-sizing: border-box;
    padding-left: 30px;
    position: static;
    min-width: 150px;
    width: 200px;
  }
}
@media (min-width: 1440px) and (max-width: 1599) {
  .goods__total {
    padding-left: 0;
    min-width: 110px;
    width: 110px;
  }
}
@media (min-width: 1024px) {
  .order-list_confirm .goods__total {
    vertical-align: top;
  }
}
.goods__price {
  color: #816D5E;
  display: inline-block;
  font-size: 11px;
  letter-spacing: 0.5px;
  vertical-align: middle;
}
@media (min-width: 1024px) {
  .goods__price {
    display: block;
    font-size: 13px;
    letter-spacing: inherit;
  }
}
.goods__price--new {
  color: #8F2E27;
}
.goods__price--old {
  margin-left: 4px;
  font-size: 11px;
  text-decoration: line-through;
  color: rgba(79, 62, 53, 0.4);
}
@media (min-width: 1024px) {
  .goods__price--old {
    margin-left: 0;
  }
}
.goods__price_old {
  color: #d3d3d3;
  display: inline-block;
  font-size: 11px;
  letter-spacing: 0.5px;
  line-height: 16px;
  padding-right: 10px;
  text-decoration: line-through;
  vertical-align: middle;
}
@media (min-width: 1024px) {
  .goods__price_old {
    display: none;
  }
}
.goods__return {
  float: right;
  position: relative;
  color: inherit;
  font-size: 11px;
  letter-spacing: 0.5px;
  margin-top: 2px;
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .goods__return {
    margin-top: 9px;
  }
}
.goods__status {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 12px;
}
.goods__status--red {
  color: #780002;
}
.goods__status--desktop {
  bottom: 0;
  display: none;
  left: 20px;
  position: absolute;
}
@media (min-width: 1024px) {
  .goods__status--desktop {
    display: block;
  }
}
.goods__status--mobile {
  display: inline-block;
  line-height: 1;
  margin-left: 5px;
  position: relative;
  top: 1px;
}
@media (min-width: 1024px) {
  .goods__status--mobile {
    display: none;
  }
}
.goods__tag {
  color: #BD9E6D;
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 16px;
  text-transform: uppercase;
  margin-top: 6px;
  position: relative;
}
@media (min-width: 1024px) {
  .goods__tag {
    bottom: 0;
    left: 20px;
    margin-top: 0;
    position: absolute;
  }
}

.goods__shop-stock {
  color: #d7c3b3;
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 17px;
  position: relative;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .goods__shop-stock {
    bottom: 2px;
    left: 97px;
    margin-top: 0;
    position: absolute;
    top: auto;
  }
}
.goods__shop-stock:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAMAAACejr5sAAAAb1BMVEUAAADXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7PXw7Pemt5tAAAAJHRSTlMAQDCA9OFw+Rrw69HGUjYh55+WVw4G3djNzKqNh3toSrqxZBMKMqA8AAAAk0lEQVQY013PRxKDMBBE0RYSSCgRTI4Oc/8zWhhwYf/V1NtMNTJL3/Ib9qxd2VFC9NyRGM5YuhDfMbognCjqPxSA1/fqB5VsjcnJqCvCzzzU9RvWPjs5CpcnyFU1RNOHXh1RgYgwxLZXjngSejQZk2ORoioFB1Idh0QJtNpsu6bcjVIhlIjbfDyuBhk7bNWl0AuAN27tCf1heXrjAAAAAElFTkSuQmCC");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 13px;
  position: relative;
  margin-left: 5px;
  top: -2px;
  vertical-align: middle;
  width: 20px;
}
@media (min-width: 1024px) {
  .goods__shop-stock:before {
    margin-left: 0;
    margin-right: 10px;
    top: -4px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/login/login.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.login {
  box-sizing: border-box;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.login-enter {
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .login {
    width: 300px;
  }
}
.login__head {
  font-size: 19px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 40px;
}
.login__holder::after {
  clear: both;
  content: "";
  display: table;
}
@media (min-width: 1024px) {
  .login__holder {
    width: auto;
    min-width: 0;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .login__label {
    display: none;
  }
}
.login__field {
  float: none;
  width: auto;
}
.login__recover {
  text-align: center;
  margin-top: 20px;
}
.login__recover-link {
  display: inline-block;
  vertical-align: top;
  font-size: 11px;
  letter-spacing: 0.5px;
  border-bottom: 1px solid;
  transition: border-color 0.2s;
  text-decoration: none;
  color: inherit;
  text-transform: uppercase;
}
.login__recover-link--redesign {
  font-size: 15px;
  text-transform: none;
}
.login__recover-link:hover {
  border-color: transparent;
}
.login__reg {
  margin-top: 47px;
  text-align: center;
}
.login__reg-link {
  display: inline-block;
  vertical-align: top;
  color: inherit;
  border-bottom: 1px solid;
  transition: border-color 0.2s;
  text-decoration: none;
  text-transform: uppercase;
  margin-bottom: 43px;
}
.login__reg-link:hover {
  border-color: transparent;
}
.login__button {
  margin-top: 25px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/media-query-show/media-query-show.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
@media (min-width: 1024px) {
  .media-query-show_mobile {
    display: none !important;
  }
}
.media-query-show_tablet {
  display: none !important;
}
@media (min-width: 1024px) {
  .media-query-show_tablet {
    display: block !important;
  }
}
.media-query-show_wide {
  display: none !important;
}
@media (min-width: 1440px) {
  .media-query-show_wide {
    display: block !important;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/order-auth/order-auth.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.order-auth {
  font-size: 13px;
}
.order-auth__link {
  color: inherit;
  border-bottom: 1px solid;
  text-decoration: none;
  transition: border-color 0.2s;
}
.order-auth__link:hover {
  border-color: transparent;
}
/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/order-cards/order-cards.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
@media (min-width: 1024px) {
  .order-cards__item {
    display: inline-block;
    vertical-align: middle;
  }
}
.order-cards__item + .order-cards__item {
  margin-top: 25px;
}
@media (min-width: 1024px) {
  .order-cards__item + .order-cards__item {
    margin-top: 0;
    margin-left: 20px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/order-confirm/order-confirm.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
@media (min-width: 1024px) {
  .order-confirm {
    width: 34.33%;
    float: left;
  }
}
.order-confirm__head {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
  margin-bottom: 15px;
  display: none;
}
@media (min-width: 1024px) {
  .order-confirm__head {
    display: block;
  }
}
.order-confirm__box + .order-confirm__box {
  margin-top: 30px;
}
.order-confirm__title {
  text-transform: uppercase;
  margin-bottom: 11px;
  font-size: 10px;
  letter-spacing: 0.5px;
}
.order-confirm__title_hor {
  width: 50%;
  float: left;
  box-sizing: border-box;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .order-confirm__title {
    width: 50%;
    float: left;
    box-sizing: border-box;
    margin-bottom: 0;
    color: #4f3e35;
    text-transform: lowercase;
    font-size: 13px;
    letter-spacing: inherit;
  }
}
.order-confirm__holder {
  margin-left: auto;
  margin-right: auto;
  min-width: 290px;
  max-width: 1920px;
  box-sizing: border-box;
  padding-left: 14px;
  padding-right: 14px;
}
@media (min-width: 640px) {
  .order-confirm__holder {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1024px) {
  .order-confirm__holder {
    padding-left: 0;
    padding-right: 0;
    max-width: none;
  }
}
.order-confirm__item {
  border-bottom: 1px solid #eceded;
  padding: 10px 0;
}
@media (min-width: 1024px) {
  .order-confirm__item {
    border-bottom: 0;
    padding: 12px 0;
  }
  .order-confirm__item::after {
    clear: both;
    content: "";
    display: table;
  }
}
.order-confirm__row::after {
  clear: both;
  content: "";
  display: table;
}
.order-confirm__row + .order-confirm__row {
  margin-top: 13px;
}
.order-confirm__total {
  padding-top: 16px;
}
@media (min-width: 1024px) {
  .order-confirm__total {
    display: none;
  }
}
.order-confirm__text {
  font-size: 11px;
  letter-spacing: 0.5px;
  box-sizing: border-box;
  padding-right: 20px;
}
.order-confirm__text_hor {
  width: 50%;
  float: left;
}
.order-confirm__text_big {
  font-size: 13px;
  letter-spacing: inherit;
  line-height: 15px;
  position: relative;
}
@media (min-width: 1024px) {
  .order-confirm__text {
    width: 50%;
    float: left;
    box-sizing: border-box;
    margin-bottom: 0;
    font-size: 13px;
    letter-spacing: inherit;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/order-list/order-list.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.order-list {
  border-top: 1px solid #eceded;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1024px) {
  .order-list {
    border-top: 0;
    border-bottom: 1px solid #eceded;
  }
}
.order-list__item {
  position: relative;
}
@media (min-width: 1024px) {
  .order-list__item {
    margin-bottom: 40px;
  }
}
.order-list__goods {
  border-bottom: 1px solid #eceded;
}
@media (min-width: 1024px) {
  .order-list__goods {
    border-bottom: 0;
  }
}
.order-list_confirm {
  display: none;
}
@media (min-width: 1024px) {
  .order-list_confirm {
    display: block;
    width: 65.67%;
    float: left;
    box-sizing: border-box;
    padding-right: 15.4%;
    border-bottom: 0;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/order-payment/order-payment.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.order-payment__holder {
  margin-left: auto;
  margin-right: auto;
  min-width: 290px;
  max-width: 1920px;
  box-sizing: border-box;
  padding-left: 14px;
  padding-right: 14px;
}
@media (min-width: 640px) {
  .order-payment__holder {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1024px) {
  .order-payment__holder {
    padding-left: 0;
    padding-right: 0;
    max-width: none;
  }
}
.order-payment__head {
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 400;
  margin-bottom: 25px;
}
@media (min-width: 1024px) {
  .order-payment__head {
    text-align: left;
    font-size: 19px;
    margin-bottom: 45px;
  }
}
.order-payment__iframe {
  border: 0;
  width: 100%;
  min-height: 500px;
  overflow: hidden;
  display: block;
}
@media (min-width: 1024px) {
  .order-payment__iframe {
    min-height: 480px;
  }
}
@media (min-width: 1024px) {
  .order-payment__row {
    margin-left: -50px;
    margin-right: -50px;
  }
  .order-payment__row::after {
    clear: both;
    content: "";
    display: table;
  }
}
.order-payment__form {
  padding-left: 14px;
  padding-right: 14px;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .order-payment__form {
    float: left;
    width: 59.5%;
    box-sizing: border-box;
    padding-left: 50px;
    padding-right: 50px;
  }
}
.order-payment__info {
  box-sizing: border-box;
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 1024px) {
  .order-payment__info {
    float: left;
    width: 40.5%;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 0;
  }
}
.order-payment__sidebar {
  display: none;
  margin-top: 100px;
  width: 220px;
  float: right;
}
@media (min-width: 1024px) {
  .order-payment__sidebar {
    display: block;
  }
}
.order-payment__cards {
  margin-bottom: 35px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/order-processing/order-processing.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.order-processing {
  padding: 13px 0 33px;
  border-bottom: 1px solid #eceded;
}
@media (min-width: 1024px) {
  .order-processing {
    border: 0;
    padding: 0;
  }
}
.order-processing__holder {
  margin-left: auto;
  margin-right: auto;
  min-width: 290px;
  max-width: 1920px;
  box-sizing: border-box;
  padding-left: 14px;
  padding-right: 14px;
}
@media (min-width: 640px) {
  .order-processing__holder {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1024px) {
  .order-processing__holder {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }
}
.order-processing__head {
  display: none;
  margin: 0;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 19px;
  margin-bottom: 30px;
  line-height: 1;
}
@media (min-width: 1024px) {
  .order-processing__head {
    display: block;
  }
}
.order-processing .fiel-cart-delivery_pre {
  display: block;
  width: 100%;
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/order-secure/order-secure.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.order-secure {
  background: #f9f9fa;
  padding: 15px 12px 25px 45px;
  font-size: 11px;
  letter-spacing: 0.5px;
  color: #887568;
  position: relative;
}
@media (min-width: 1024px) {
  .order-secure {
    padding: 22px 15px 22px 60px;
  }
}
.order-secure__icon {
  display: block;
  position: absolute;
  left: 15px;
  top: 19px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23887568' stroke='%23887568' viewBox='0 0 30 41'%3E%3Cpath fill='none' d='M17 28.97V33h-4v-4.03a4.33 4.33 0 0 1-2-3.69 4.009 4.009 0 1 1 8 0 4.33 4.33 0 0 1-2 3.69Z'/%3E%3Cpath stroke='none' d='M0 13v28h30V13zm2 2h26v24H2zm20-2V9c0-3.31-3.69-7-7-7S8 5.69 8 9v4H6V8.5C6 4.36 10.36 0 14.5 0h1C19.64 0 24 4.36 24 8.5V13z'/%3E%3C/svg%3E") no-repeat;
  width: 17px;
  height: 24px;
}
@media (min-width: 1024px) {
  .order-secure__icon {
    left: 22px;
  }
}
.order-secure__subtext {
  display: none;
  margin-bottom: 19px;
}
@media (min-width: 1024px) {
  .order-secure__subtext {
    display: block;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/order-total/order-total.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.order-total {
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  padding: 20px 0;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .order-total {
    text-align: left;
    font-size: 13px;
    padding: 0;
    margin-bottom: 25px;
  }
}
.order-total__holder {
  margin-left: auto;
  margin-right: auto;
  min-width: 290px;
  max-width: 1920px;
  box-sizing: border-box;
  padding-left: 14px;
  padding-right: 14px;
}
@media (min-width: 640px) {
  .order-total__holder {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1024px) {
  .order-total__holder {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    min-width: 0;
  }
}
@media (min-width: 1024px) {
  .order-total__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.order-total__item_small {
  font-size: 9px;
  letter-spacing: 0.5px;
}
@media (min-width: 1024px) {
  .order-total__item_small {
    font-size: 13px;
    letter-spacing: inherit;
  }
}
.order-total__item + .order-total__item {
  margin-top: 13px;
}
.order-total__label {
  display: inline;
  vertical-align: middle;
}
.order-total__value {
  display: inline;
  vertical-align: middle;
  text-transform: initial;
}
@media (min-width: 1024px) {
  .order-total__value {
    font-size: 19px;
  }
}
@media (min-width: 1024px) {
  .order-total__item_small .order-total__value {
    font-size: 13px;
  }
}
@media (min-width: 1024px) {
  .order-total__agreement {
    margin-top: 24px;
  }
}
.order-total__button {
  margin-bottom: 10px;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/order/order.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.order {
  position: relative;
}
@media (min-width: 1024px) {
  .order__holder {
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-width: 290px;
    max-width: 1920px;
    box-sizing: border-box;
    padding-left: 14px;
    padding-right: 14px;
  }
}
@media (min-width: 1024px) and (min-width: 640px) {
  .order__holder {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.order__confirm-row::after {
  clear: both;
  content: "";
  display: table;
}
@media (min-width: 1024px) {
  .order__confirm-row {
    border-bottom: 1px solid #eceded;
    padding-bottom: 50px;
  }
}
.order__confirm-title {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
  margin-bottom: 35px;
  display: none;
}
@media (min-width: 1024px) {
  .order__confirm-title {
    display: block;
  }
}
.order__confirm-supply {
  font-size: 11px;
  letter-spacing: 0.5px;
  margin-top: -35px;
  position: absolute;
}
.order__box {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: calc(100vh - 50px);
  padding-bottom: 43px;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .order__box {
    display: block;
  }
}
.order__middle-holder {
  position: relative;
}
@media (min-width: 1024px) {
  .order__middle-holder {
    box-sizing: border-box;
  }
  .order__middle-holder::after {
    clear: both;
    content: "";
    display: table;
  }
}
.order__middle {
  padding: 10px 0 45px;
  border-bottom: 1px solid #eceded;
}
@media (min-width: 1024px) {
  .order__middle {
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .order__content {
    float: left;
    width: 76.6%;
    min-height: 1px;
    padding-right: 19.4%;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .order__sidebar {
    float: left;
    width: 23.4%;
    min-height: 1px;
  }
}
@media (min-width: 1024px) {
  .order__sidebar-holder {
    width: 238px;
  }
}
.order__bottom {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .order__bottom {
    display: block;
    padding: 27px 0;
  }
  .order__bottom::after {
    clear: both;
    content: "";
    display: table;
  }
}
@media (min-width: 1024px) {
  .order__bottom_gray {
    background: transparent;
  }
}
.order__promo {
  margin-top: 17px;
}
@media (min-width: 1024px) {
  .order__promo {
    margin-top: 0;
  }
}
.order__auth {
  margin-bottom: 35px;
}
.order__faq {
  margin-top: 50px;
}
.order__payment {
  margin-top: 42px;
}
@media (min-width: 1024px) {
  .order__payment {
    margin-top: 80px;
  }
}

.order-promo__button-delete {
  border-color: #4f3e35;
  float: left;
  padding: 0.7rem;
  margin-left: 0.7rem;
  width: 40px;
  text-align: center;
}
.order-promo__button-delete i {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23887568' viewBox='0 0 34 42'%3E%3Cpath fill-rule='evenodd' d='M0 4h34v10H0zm2 2h30v6H2zm1 6h28v30H3zm2 2h24v26H5zm5-14h13v6H10zm2 2h9v2h-9zM9 18h2v18H9zm7 0h2v18h-2zm7 0h2v18h-2z' class='cls-1'/%3E%3Cpath d='M0 12h34v2H0zm0-8h34v2H0z'/%3E%3C/svg%3E") no-repeat;
  height: 18px;
  width: 13px;
  display: inline-block;
  vertical-align: top;
  margin-top: 0.15rem;
}
@media (max-width: 639px) {
  .order-promo__button-delete {
    width: 15%;
    padding: 12px 10px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/page-back/page-back.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
.page-back {
  position: relative;
  background: transparent;
  border: 0;
  box-sizing: border-box;
  padding: 0;
  cursor: pointer;
  color: inherit;
  text-decoration: none;
  top: -5px;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: opacity 300ms ease, visibility 300ms linear;
  z-index: 1;
}
.page-back--faq {
  font-size: 13px;
}
.page-back--faq .page-back__icon {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234f3e35' stroke='%234f3e35' viewBox='0 0 10.438 8.624'%3E%3Cpath fill='none' d='m3.437.295-2.834 4.1 2.834 3.937'/%3E%3Cpath stroke='none' d='M.438 3.812h10v1h-10z'/%3E%3C/svg%3E") no-repeat;
}
.page-back--faq .page-back__text {
  color: #4f3e35;
  letter-spacing: inherit;
  text-transform: none;
}
.page-back--faq_in_title {
  display: none;
  margin-bottom: 22px;
}
@media (max-width: 1439px) {
  .page-back--faq_in_title {
    display: block;
  }
}
.page-back__text {
  display: inline-block;
  vertical-align: middle;
  font-weight: 400;
  color: #4f3e35;
}
.page-back__icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234f3e35' stroke='%234f3e35' viewBox='0 0 10.438 8.624'%3E%3Cpath fill='none' d='m3.437.295-2.834 4.1 2.834 3.937'/%3E%3Cpath stroke='none' d='M.438 3.812h10v1h-10z'/%3E%3C/svg%3E") no-repeat;
  width: 10px;
  height: 9px;
  margin-right: 11px;
}
.page-back--hidden {
  opacity: 0;
  visibility: hidden;
}
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/page-preloader/page-preloader.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
@media (max-width: 1023px) {
  .page-preloader {
    display: none;
  }
}
.page-preloader__loading {
  text-align: center;
  position: relative;
}
.page-preloader__loading:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  top: 50%;
  left: 50%;
  background: #4f3e35;
  animation: rotateplane 1.6s infinite ease-in-out;
}
@keyframes rotateplane {
  0% {
    transform: perspective(520px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(520px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(520px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/page/page.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
.page {
  background-color: #FFFFFF;
  flex-grow: 1;
  flex-shrink: 0;
  position: relative;
  padding: 16px 0;
}
@media (min-width: 1024px) {
  .page {
    padding: 48px 0;
  }
}
.page.overflow {
  overflow: hidden;
}
.page.no-padding {
  padding: 0;
}
.page.no-padding-mobile {
  padding: 0;
}
@media (min-width: 1024px) {
  .page.no-padding-mobile {
    padding: 48px 0;
  }
}
.page.no-padding-desktop {
  padding: 16px 0;
}
@media (min-width: 1024px) {
  .page.no-padding-desktop {
    padding: 0;
  }
}
.page__row {
  position: relative;
}
.page__row::after {
  clear: both;
  content: "";
  display: table;
}
@media (min-width: 1024px) {
  .page__row.product-info {
    margin-bottom: 55px;
  }
}
.page__sidebar {
  display: none;
  z-index: 1;
}
@media (min-width: 1024px) {
  .page__sidebar {
    min-height: 1px;
    padding: 5px 0 30px;
    display: block;
  }
}
@media (min-width: 1440px) {
  .page__sidebar {
    float: left;
    width: 16.67%;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .page__sidebar--faq {
    display: none;
  }
}
@media (min-width: 1440px) {
  .page__sidebar--faq {
    display: block;
  }
}
.page__middle {
  min-height: 1px;
}
@media (min-width: 1440px) {
  .page__middle {
    display: block;
    padding: 0 16.67%;
    width: 66.67%;
  }
}
.not-found .page__middle {
  padding: 0 12px;
}
@media (min-width: 1024px) {
  .not-found .page__middle {
    padding: 0 40px;
  }
}
@media (min-width: 1440px) {
  .not-found .page__middle {
    display: block;
    padding: 0 16.67%;
    width: 66.67%;
  }
}
@media (min-width: 1440px) {
  .page__middle--catalog {
    padding: 0 0 0 16.67%;
    width: 83.33%;
  }
}
@media (min-width: 1440px) {
  .page__content {
    float: right;
    width: 83.33%;
  }
}
.page__title {
  font-size: 19px;
  font-weight: 400;
  margin: 0;
  margin-bottom: 25px;
}
.page-gray .page__title {
  color: #887568;
}
.page__holder {
  margin-left: auto;
  margin-right: auto;
  min-width: 290px;
  max-width: 1920px;
  box-sizing: border-box;
  padding-left: 14px;
  padding-right: 14px;
}
@media (min-width: 640px) {
  .page__holder {
    padding-left: 40px;
    padding-right: 40px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/popup/popup.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.popup {
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.popup_small {
  max-width: 300px;
}
.popup__head {
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 40px;
}
.popup__head.h1 {
  font-size: 19px;
}
.popup__head.h2 {
  font-size: 17px;
}
.popup__head.h3 {
  font-size: 15px;
}
.popup__head.h4 {
  font-size: 13px;
}
.popup__text {
  position: relative;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
}
.popup__text--centered {
  text-align: center;
}
.popup__button {
  margin-top: 25px;
}
.popup__holder {
  text-align: center;
}
.popup__holder .card__sizes {
  margin-top: 32px !important;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .popup__holder .card__sizes {
    text-align: center;
  }
}
.popup__holder p > a {
  color: #887568;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-color 0.2s;
  background-color: white;
}
.popup.popup--new-design .popup__head {
  position: relative;
  margin-bottom: 16px;
  font-size: 23px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 32px;
  text-transform: none;
}
@media only screen and (max-width: 1024px) {
  .popup.popup--new-design .popup__head {
    font-size: 23px;
    font-weight: 400;
    letter-spacing: 0.7px;
    line-height: 30px;
  }
}
.popup.popup--new-design .popup__buttons {
  display: flex;
  margin: 50px -6px 0;
  justify-content: space-between;
}
.popup.popup--new-design .popup__button {
  margin: 0 6px;
}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/preloader/preloader.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
.preloader {
  text-align: center;
  height: 0;
  overflow: hidden;
  transition: all 0.5s;
}
.preloader_active {
  height: 50px;
}
.preloader_active_catalog {
  margin-top: 50px;
}
.preloader_hide {
  display: none;
}
.preloader__wrap {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 30px;
  height: 30px;
  border: 3px solid #ccc;
  border-radius: 50%;
}
.preloader__insert {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -3px;
  left: -3px;
  border-radius: 50%;
  border: 3px solid #7684b2;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: around-to 1.5s linear infinite;
  z-index: 2;
}
@keyframes around-to {
  100% {
    transform: rotate(360deg);
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/press-review/press-review.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.press-review__holder {
  margin-left: auto;
  margin-right: auto;
  min-width: 290px;
  max-width: 1920px;
  box-sizing: border-box;
  padding-left: 14px;
  padding-right: 14px;
}
@media (min-width: 640px) {
  .press-review__holder {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.press-review__item {
  text-align: center;
  color: #887568;
  padding: 30px 5px;
}
.press-review__logo {
  display: inline-block;
  margin-bottom: 15px;
  max-width: 81px;
  max-height: 40px;
}
@media (min-width: 1024px) {
  .press-review__logo {
    max-width: 162px;
    margin-bottom: 25px;
    max-height: 80px;
  }
}
.press-review__title {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .press-review__title {
    font-size: 14px;
    font-weight: 400;
  }
}
.press-review__date {
  color: #c4beb3;
  font-size: 9px;
  letter-spacing: 0.5px;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .press-review__date {
    font-size: 13px;
    letter-spacing: inherit;
    padding-top: 10px;
  }
}
.press-review__content {
  font-size: 9px;
  letter-spacing: 0.5px;
  line-height: 15px;
  padding: 15px 0;
}
@media (min-width: 1024px) {
  .press-review__content {
    font-size: 13px;
    letter-spacing: inherit;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/profile-edit/profile-edit.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.profile-edit__holder {
  margin-left: auto;
  margin-right: auto;
  min-width: 290px;
  max-width: 1920px;
  box-sizing: border-box;
  padding-left: 14px;
  padding-right: 14px;
}
@media (min-width: 640px) {
  .profile-edit__holder {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1024px) {
  .profile-edit__holder {
    padding-left: 0;
    padding-right: 0;
    min-width: 0;
    max-width: none;
  }
}
@media (min-width: 1024px) {
  .profile-edit__row {
    display: flex;
    justify-content: center;
    margin-left: -40px;
    margin-right: -40px;
  }
}
.profile-edit__column + .profile-edit__column {
  border-top: 1px solid #eceded;
}
@media (min-width: 1024px) {
  .profile-edit__column + .profile-edit__column {
    border: 0;
  }
}
@media (min-width: 1024px) {
  .profile-edit__column {
    width: 50%;
    padding-left: 40px;
    padding-right: 40px;
    border: 0;
  }
  .profile-edit__column:last-child {
    order: -1;
  }
}
.profile-edit__title {
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  margin-bottom: 16px;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .profile-edit__title {
    font-size: 19px;
    font-weight: 400;
    letter-spacing: 0.12em;
    margin-bottom: 30px;
  }
}
.profile-edit__item {
  padding: 31px 0 39px;
}
@media (min-width: 1024px) {
  .profile-edit__item {
    padding-top: 0;
  }
}
.profile-edit__item + .profile-edit__item {
  border-top: 1px solid #eceded;
}
@media (min-width: 1024px) {
  .profile-edit__item + .profile-edit__item {
    padding-top: 30px;
  }
}
.profile-edit__form {
  padding-bottom: 70px;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .profile-edit__form {
    padding-bottom: 25px;
  }
}
.profile-edit__add {
  margin-bottom: 33px;
}
@media (min-width: 1024px) {
  .profile-edit__add {
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-left: 29%;
  }
}
.profile-edit__confirm {
  margin-left: auto;
  margin-right: auto;
  min-width: 290px;
  max-width: 1920px;
  box-sizing: border-box;
  padding-left: 14px;
  padding-right: 14px;
}
@media (min-width: 640px) {
  .profile-edit__confirm {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1024px) {
  .profile-edit__confirm {
    width: 48%;
    margin-top: 20px;
  }
}
.profile-edit__button {
  position: fixed;
  bottom: 56px;
  left: 0;
  right: 0;
  z-index: 5;
}
@media (min-width: 1024px) {
  .profile-edit__button {
    position: static;
    width: 31%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/pseudo/pseudo.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
.pseudo {
  border-bottom: 1px solid;
  transition: border-color 0.2s;
}
.pseudo:hover {
  border-color: transparent;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/radio/radio.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.radio {
  position: relative;
}
.radio__input {
  position: absolute;
  opacity: 0;
  left: -9999px;
}
.radio__label {
  display: block;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  padding-left: 41px;
}
.radio__label:before {
  content: "";
  width: 26px;
  height: 26px;
  display: block;
  position: absolute;
  left: 0;
  top: -4px;
  border: 1px solid #dbd7d2;
  box-sizing: border-box;
  border-radius: 50%;
}
.radio__label:after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  transition: transform 0.2s;
  position: absolute;
  top: 4px;
  left: 8px;
  background: #4f3e35;
  transform: scale(0);
  border-radius: 50%;
}
.radio__input:checked + .radio__label:after {
  transform: scale(1);
}
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/review-add-good/review-add-good.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
#review-add-good {
  padding-bottom: 40px;
}
@media (min-width: 1024px) {
  #review-add-good {
    padding-bottom: 0;
  }
}

.review-add-good__text {
  text-align: center;
  line-height: 25px;
  display: none;
}
@media (min-width: 1024px) {
  .review-add-good__text {
    display: block;
  }
}

.review-add-store .review-add__title.review-add-good__title {
  margin-bottom: 40px;
}

.review-add-good__rates-img {
  display: block;
  max-height: 155px;
}
@media (min-width: 1024px) {
  .review-add-good__rates-img {
    max-height: 120px;
    margin-right: 45px;
  }
}
.review-add-good__rates-img img {
  max-height: 155px;
}
@media (min-width: 1024px) {
  .review-add-good__rates-img img {
    max-height: 120px;
  }
}

.review-add-store .review-add-store__row.review-add-good__row {
  margin-bottom: 28px;
}

.review-add-good__rates-form-field textarea {
  height: 158px;
}
@media (min-width: 1024px) {
  .review-add-good__rates-form-field textarea {
    max-height: 180px;
  }
}
.review-add-good__rates-form-field_btn {
  width: 240px;
  display: block;
  margin: auto;
}

.review-add-store .review-add-store__rates.review-add-good__rates_flex {
  display: flex;
  justify-content: center;
  margin-top: 25px;
  flex-wrap: wrap;
  text-align: left;
}
.review-add-store .review-add-store__rates.review-add-good__rates_flex .review-add-good__rates-content {
  width: 100%;
  text-align: center;
}
@media (min-width: 1024px) {
  .review-add-store .review-add-store__rates.review-add-good__rates_flex .review-add-good__rates-content {
    width: auto;
    text-align: left;
  }
}
.review-add-store .review-add-store__rates.review-add-good__rates_flex .review-add-good__rates-content .review-add-store__rates-list {
  max-width: 240px;
  margin: auto;
  margin-top: 35px;
}
@media (min-width: 1024px) {
  .review-add-store .review-add-store__rates.review-add-good__rates_flex .review-add-good__rates-content .review-add-store__rates-list {
    max-width: 180px;
    margin: 30px 0 0;
  }
}
.review-add-store .review-add-store__rates.review-add-good__rates_flex .review-add-good__rates-content .review-add-good__rates-title {
  font-size: 11px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .review-add-store .review-add-store__rates.review-add-good__rates_flex .review-add-good__rates-content .review-add-good__rates-title {
    font-size: 9px;
    margin-top: 0;
  }
}
.review-add-store .review-add-store__rates.review-add-good__rates_flex .review-add-good__rates-content .review-add-good__rates-vendorcode {
  font-size: 10px;
  letter-spacing: 0.5px;
  margin-top: 15px;
  opacity: 0.6;
}
@media (min-width: 1024px) {
  .review-add-store .review-add-store__rates.review-add-good__rates_flex .review-add-good__rates-content .review-add-good__rates-vendorcode {
    font-size: 9px;
    margin-top: 20px;
  }
}
@media (min-width: 1024px) {
  .review-add-store .review-add-store__rates.review-add-good__rates_flex {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/review-add-store/review-add-store.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.review-add-store__header .header__holder .header__title {
  padding: 5px 1px;
}

.review-add-store .review-add__title {
  margin-top: 36px;
  margin-bottom: 80px;
}
.review-add-store .review-add__rate {
  margin-top: 25px;
}
.review-add-store .review-add-store__row {
  margin-top: 25px;
  margin-bottom: 70px;
}
@media (min-width: 1024px) {
  .review-add-store .review-add-store__row {
    display: block;
    width: 100%;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 60px;
  }
}
.review-add-store .review-add-store__rates {
  display: block;
  width: 100%;
  text-align: center;
}
.review-add-store .review-add-store__rates .review-add__rate-text {
  padding-top: 20px;
}
.review-add-store .review-add-store__rates .review-add__rate-num {
  margin: 25px 0 15px 0;
  font-size: 39px;
  line-height: 40px;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .review-add-store .review-add-store__rates .review-add__rate-num {
    font-size: 29px;
    line-height: 30px;
    margin: 30px 0;
    font-weight: 400;
  }
}
.review-add-store .review-add-store__rates_flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 0 50px 0;
}
@media (min-width: 1024px) {
  .review-add-store .review-add-store__rates_flex {
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 60px 0;
  }
}
.review-add-store .review-add-store__rates_flex .review-add-store__rates-name {
  color: #c9ac95;
  width: 100%;
  padding-bottom: 25px;
}
@media (min-width: 1024px) {
  .review-add-store .review-add-store__rates_flex .review-add-store__rates-name {
    width: auto;
    padding-bottom: 0;
  }
}
.review-add-store .review-add-store__rates_flex .review-add-store__rates-list {
  width: 240px;
}
@media (min-width: 1024px) {
  .review-add-store .review-add-store__rates_flex .review-add-store__rates-list {
    width: 185px;
    flex-shrink: 0;
  }
}
.review-add-store .review-add__rates-nums {
  padding: 8px 0 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.review-add-store .review-add__rates-nums:after {
  display: none;
}
.review-add-store .review-add__rates-nums .review-add__rates-nums-from {
  margin-left: 0;
  padding-left: 6px;
  font-size: 13px;
}
.review-add-store .review-add__rates-nums .review-add__rates-nums-to {
  margin-right: 0;
  font-size: 13px;
}
.review-add-store .review-add-store__rates-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.review-add-store .review-add-store__rates-star {
  width: 21px;
  height: 21px;
  background: url("../images/review-star.png");
}
.review-add-store .review-add-store__rates-star.small {
  background: url("../images/review-star-small.png") no-repeat center center;
}
.review-add-store .review-add-store__rates-star_full {
  background: url("../images/review-star-full.png");
}
.review-add-store .review-add-store__rates-star_full.small {
  background: url("../images/review-star-small-full.png") no-repeat center center;
}
.review-add-store .form__item .form__field.review-add-store__form-field {
  display: block;
  width: 240px;
  margin: auto;
}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/review-add/review-add.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.review-add {
  padding-bottom: 40px;
}
@media (min-width: 1024px) {
  .review-add {
    padding-bottom: 0;
  }
}
.review-add__textarea {
  height: 110px;
  box-sizing: border-box;
}
.review-add__textarea-note {
  color: #77797f;
  font-size: 11px;
  letter-spacing: 0.5px;
  margin-top: 4px;
}
.review-add__sendbutton {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  bottom: 0;
  display: block;
  left: 0;
  opacity: 1;
  position: fixed;
  z-index: 1;
}
@media (min-width: 1024px) {
  .review-add__sendbutton {
    position: relative;
  }
}
.review-add__title {
  font-size: 17px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-align: center;
  font-weight: 400;
  display: none;
  margin-top: 30px;
}
@media (min-width: 1024px) {
  .review-add__title {
    display: block;
  }
}
.review-add_full_yes {
  margin: 0 auto;
  max-width: 100%;
  width: 520px;
  display: none;
}
.review-add__row {
  margin-top: 25px;
  margin-bottom: 25px;
}
@media (min-width: 1024px) {
  .review-add__row {
    display: table;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.review-add__rate {
  margin-top: 20px;
  text-align: center;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .review-add__rate {
    margin-top: 30px;
  }
}
.review-add__rate-text {
  font-size: 13px;
}
.review-add__rate-num {
  font-size: 39px;
  line-height: 52px;
}
@media (min-width: 1024px) {
  .review-add__rate-num {
    font-size: 29px;
    line-height: normal;
    margin-top: 10px;
  }
}
.review-add__rate-points-text {
  font-size: 9px;
  letter-spacing: 0.5px;
}
@media (min-width: 1024px) {
  .review-add__rate-points-text {
    font-size: 13px;
    letter-spacing: inherit;
  }
}
.review-add_no-wrap .review-add__rate {
  display: block;
}
@media (min-width: 1024px) {
  .review-add_no-wrap .review-add__rate {
    min-height: 1px;
    display: table-cell;
    vertical-align: middle;
    width: 29.6%;
  }
}
.review-add__rates {
  margin-top: 20px;
  padding: 0 10px;
}
.review-add__rates-slider {
  background: none !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  margin: auto !important;
}
.review-add__rates-slider.noUi-horizontal .noUi-handle {
  width: 24px;
  height: 24px;
  top: -2px;
  right: -11px !important;
  background: transparent;
  border-radius: 30px;
  border: solid 1px #e8d6ce;
  outline: 0;
}
@media (min-width: 1024px) {
  .review-add__rates-slider.noUi-horizontal .noUi-handle {
    top: -3px;
    right: -14px !important;
    width: 30px;
    height: 30px;
  }
}
.review-add__rates-slider.noUi-horizontal {
  height: 20px;
}
@media (min-width: 1024px) {
  .review-add__rates-slider.noUi-horizontal {
    height: 24px;
  }
}
.review-add__rates-slider .noUi-marker-normal {
  display: none;
}
.review-add__rates-slider .noUi-value-sub {
  display: none;
}
.review-add__rates-slider .noUi-handle:after, .review-add__rates-slider .noUi-handle:before {
  display: none;
}
.review-add__rates-slider .noUi-value-horizontal {
  transform: translate(-55%, 0);
}
.review-add__rates-slider .noUi-value {
  z-index: 1;
  pointer-events: none;
  color: #fff;
  border-radius: 50%;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .review-add__rates-slider .noUi-value {
    line-height: 24px;
  }
}
.review-add__rates-slider .noUi-marker-horizontal.noUi-marker-large {
  width: 20px;
  height: 20px;
  transform: translate(-50%, 0);
  z-index: 1;
  pointer-events: none;
  background: rgba(79, 62, 53, 0.5);
  border-radius: 50%;
  cursor: pointer;
}
.review-add__rates-slider .noUi-marker-horizontal.noUi-marker-large.graydot {
  background: #4f3e35;
}
@media (min-width: 1024px) {
  .review-add__rates-slider .noUi-marker-horizontal.noUi-marker-large {
    width: 24px;
    height: 24px;
  }
}
.review-add__rates-slider .noUi-marker-horizontal.noUi-marker-sub {
  width: 3px;
  height: 3px;
  background: #4f3e35;
  border-radius: 3px;
  background: #4f3e35;
}
.review-add__rates-slider .noUi-pips-horizontal {
  height: 100%;
  padding: 0;
  top: 0;
}
.review-add__rates-slider .noUi-target {
  padding: 0 17px;
}
.review-add__rates-slider .noUi-base:before, .review-add__rates-slider .noUi-base:after {
  width: 25px;
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  display: block;
  z-index: 1;
}
.review-add__rates-slider .noUi-base:before {
  left: -17px;
}
.review-add__rates-slider .noUi-base:after {
  left: 100%;
}
.review-add__rates-nums {
  text-align: justify;
  padding: 0 5px;
  padding-top: 15px;
  width: 95%;
  margin: auto;
}
.review-add_full_yes .review-add__rates-nums {
  padding-top: 10px;
  width: auto;
}
.review-add__rates-nums:after {
  display: inline-block;
  width: 100%;
  content: "";
}
.review-add__rates-nums-from {
  display: inline-block;
  font-size: 11px;
  color: #887568;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin-left: -6px;
}
.review-add__rates-nums-to {
  display: inline-block;
  font-size: 11px;
  color: #887568;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin-right: -6px;
}
.review-add_full_yes .review-add__rates-nums-from {
  margin-left: 0;
}
.review-add_full_yes .review-add__rates-nums-to {
  margin-right: 0;
}
.review-add_no-wrap .review-add__rates {
  display: block;
}
@media (min-width: 1024px) {
  .review-add_no-wrap .review-add__rates {
    min-height: 1px;
    display: table-cell;
    vertical-align: middle;
    width: 70.4%;
    position: relative;
  }
}
.review-add__holder {
  margin-left: auto;
  margin-right: auto;
  min-width: 290px;
  max-width: 1920px;
  box-sizing: border-box;
  padding-left: 14px;
  padding-right: 14px;
}
@media (min-width: 640px) {
  .review-add__holder {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.review-add__rating-input + .help-block {
  color: #8D0624;
  text-align: center;
  position: relative;
  top: -10px;
}
@media (min-width: 1024px) {
  .review-add__rating-input + .help-block {
    top: -20px;
  }
}
.review-add__slider-wrapper {
  margin-bottom: 30px;
  padding: 0 10px;
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/reviews/reviews.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.reviews__rating-mobile {
  text-align: center;
  border-bottom: 1px solid rgba(95, 94, 92, 0.12);
  padding: 22px 0;
}
@media (min-width: 1024px) {
  .reviews__rating-mobile {
    display: none;
  }
}
.reviews__rating-mobile-average {
  display: inline-block;
  font-size: 23px;
  font-weight: 400;
  vertical-align: middle;
}
.reviews__rating-mobile-divider {
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.5px;
  vertical-align: middle;
  margin: 0 10px;
}
.reviews__rating-mobile-total {
  display: inline-block;
  font-size: 23px;
  font-weight: 400;
  vertical-align: middle;
}
.reviews__rating-mobile-desc {
  font-size: 9px;
  letter-spacing: 0.5px;
}
.reviews__bg {
  width: 100%;
  height: 539px;
  background-position: 23% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/feedback_20230523.jpg");
  text-align: center;
  color: #fff;
  padding: 135px 0;
  box-sizing: border-box;
  display: none;
}
@media (min-width: 1024px) {
  .reviews__bg {
    display: block;
  }
}
.reviews__bg-title {
  max-width: 550px;
  font-size: 23px;
  text-transform: uppercase;
  margin: auto;
  font-weight: 400;
}
.reviews__bg-desc {
  max-width: 500px;
  font-size: 15px;
  line-height: 24px;
  margin: auto;
  margin-top: 57px;
  margin-bottom: 62px;
}
.reviews__bg-button {
  width: auto;
  line-height: 40px;
  padding: 0 55px;
  display: inline-block;
}
.reviews__bg-button:hover {
  background: rgba(255, 255, 255, 0.5);
}
.reviews__rating {
  text-align: center;
  padding: 22px 0;
  display: none;
}
@media (min-width: 1024px) {
  .reviews__rating {
    display: block;
  }
}
.reviews__rating-average {
  display: inline-block;
  font-size: 23px;
  font-weight: 400;
  line-height: 24px;
}
.reviews__rating-divider {
  display: inline-block;
  font-size: 11px;
  margin: 0 10px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 24px;
}
.reviews__rating-total {
  display: inline-block;
  font-size: 23px;
  font-weight: 400;
  line-height: 24px;
}
.reviews__rating-desc {
  font-size: 13px;
  color: rgba(79, 62, 53, 0.6);
  margin-bottom: 8px;
}
.reviews__reviews-container {
  margin-left: auto;
  margin-right: auto;
  min-width: 290px;
  max-width: 1920px;
  box-sizing: border-box;
  padding-left: 14px;
  padding-right: 14px;
}
@media (min-width: 640px) {
  .reviews__reviews-container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.reviews__types {
  text-align: justify;
  margin-top: 30px;
  margin-bottom: 10px;
}
.reviews__types a {
  text-decoration: none;
  color: inherit;
}
.reviews__types a:visited {
  text-decoration: none;
  color: inherit;
}
.reviews__types-item {
  display: inline-block;
  vertical-align: bottom;
  text-align: center;
  cursor: pointer;
}
.reviews__types-item-count {
  font-size: 14px;
}
.reviews__types-item-text {
  font-size: 11px;
  border-bottom: 1px solid;
  letter-spacing: 0.5px;
  transition: border-color 0.2s;
  display: inline;
}
.reviews__types-item_active_yes {
  color: #BD9E6D;
  cursor: default;
}
.reviews__types-item:hover .reviews__types-item-text {
  border-color: transparent;
}
.reviews__types-item_active_yes .reviews__types-item-text {
  border-bottom: none;
}
@media (min-width: 1024px) {
  .reviews__types {
    width: 500px;
    margin: auto;
    padding: 50px 0;
    padding-bottom: 30px;
  }
  .reviews__types-item-count {
    font-size: 23px;
    font-weight: 400;
  }
  .reviews__types-item-text {
    font-size: 13px;
    border-bottom: 1px solid;
    font-weight: 400;
  }
  .reviews__types-item:hover {
    color: #BD9E6D;
  }
}
.reviews__types:after {
  width: 100%;
  display: inline-block;
  content: "";
}
@media (min-width: 1024px) {
  .reviews__list {
    width: 940px;
    margin: auto;
    margin-top: 30px;
  }
}
.reviews__review {
  margin-bottom: 20px;
  clear: both;
}
@media (min-width: 1024px) {
  .reviews__review {
    margin-bottom: 70px;
  }
}
.reviews__review:last-child {
  margin-bottom: 0;
}
.reviews__review-head:after {
  content: "";
  clear: both;
  display: block;
}
@media (min-width: 1024px) {
  .reviews__review-head {
    margin-bottom: -100px;
  }
}
.reviews__review-author {
  float: left;
  font-size: 0;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .reviews__review-author {
    line-height: 24px;
    font-size: 13px;
    padding-left: 15px;
  }
}
.reviews__review-author-name {
  display: inline-block;
  font-size: 11px;
  letter-spacing: 0.5px;
}
@media (min-width: 1024px) {
  .reviews__review-author-name {
    font-size: 13px;
    white-space: normal;
    word-wrap: break-word;
    width: 135px;
  }
}
.reviews__review-author-comma {
  display: inline-block;
  font-size: 11px;
  letter-spacing: 0.5px;
}
@media (min-width: 1024px) {
  .reviews__review-author-comma {
    display: none;
  }
}
.reviews__review-author_hascity_no .reviews__review-author-comma {
  display: none;
}
.reviews__review-author-from {
  display: inline-block;
  font-size: 11px;
  letter-spacing: 0.5px;
}
@media (min-width: 1024px) {
  .reviews__review-author-from {
    display: block;
    font-size: 13px;
    letter-spacing: inherit;
    white-space: normal;
    word-wrap: break-word;
    width: 135px;
  }
}
.reviews__review-author_hascity_no .reviews__review-author-from {
  display: none;
}
.reviews__review-rate {
  float: right;
  text-align: center;
}
@media (min-width: 1024px) {
  .reviews__review-rate {
    width: 150px;
    font-size: 11px;
    letter-spacing: 0.5px;
    position: relative;
    top: -15px;
  }
}
.reviews__review-rate-text {
  font-size: 11px;
  letter-spacing: 0.5px;
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 1024px) {
  .reviews__review-rate-text {
    display: none;
  }
}
.reviews__review-rate-text-desktop {
  font-size: 13px;
  display: none;
}
@media (min-width: 1024px) {
  .reviews__review-rate-text-desktop {
    display: block;
    font-weight: 400;
  }
}
.reviews__review-rate-num {
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 1024px) {
  .reviews__review-rate-num {
    display: block;
    font-size: 29px;
    font-weight: 400;
  }
}
.reviews__review-text {
  padding: 13px;
  border: 1px solid rgba(95, 94, 92, 0.12);
  margin: 13px 0;
  position: relative;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .reviews__review-text {
    width: 620px;
    margin: auto;
    margin-top: 15px;
    padding: 25px 30px;
  }
}
.reviews__review-text-triangle {
  width: 40px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 6.6px;
}
@media (min-width: 1024px) {
  .reviews__review-text-triangle {
    top: 50px;
    left: -20px;
  }
}
.reviews__review-text-triangle:after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: -6.6px;
  left: 0;
  right: 0;
  width: 15px;
  height: 15px;
  transform: rotate(-135deg);
  border-right: 1px solid rgba(95, 94, 92, 0.12);
  border-bottom: 1px solid rgba(95, 94, 92, 0.12);
  background: #fff;
}
@media (min-width: 1024px) {
  .reviews__review-text-triangle:after {
    transform: rotate(-225deg);
  }
}
.reviews__review-text-container {
  font-size: 11px;
  letter-spacing: 0.5px;
  line-height: 18px;
}
@media (min-width: 1024px) {
  .reviews__review-text-container {
    font-size: 13px;
    letter-spacing: inherit;
    line-height: 20px;
  }
}
.reviews__review-time {
  font-size: 9px;
  letter-spacing: 0.5px;
  color: #4F3E35;
  opacity: 0.6;
  margin-top: 6px;
}
@media (min-width: 1024px) {
  .reviews__review-time {
    font-size: 13px;
    letter-spacing: inherit;
    margin-top: 10px;
  }
}
.reviews__review-reply:after {
  display: block;
  content: "";
  clear: both;
}
@media (min-width: 1024px) {
  .reviews__review-reply {
    width: 620px;
    margin: auto;
  }
}
.reviews__review-reply-toggle {
  float: right;
  font-size: 11px;
  letter-spacing: 0.5px;
  border-bottom: solid 1px;
  transition: border-color 0.2s;
  margin-bottom: 15px;
  cursor: pointer;
}
.reviews__review-reply-toggle:hover {
  border-color: transparent;
}
@media (min-width: 1024px) {
  .reviews__review-reply-toggle {
    font-size: 13px;
    letter-spacing: inherit;
    margin-top: 15px;
    margin-bottom: 25px;
  }
}
.reviews__review-reply-toggle-hide {
  display: none;
}
.reviews__review-reply_show_yes .reviews__review-reply-toggle-open {
  display: none;
}
.reviews__review-reply_show_yes .reviews__review-reply-toggle-hide {
  display: block;
}
.reviews__review-reply-text {
  display: none;
  clear: both;
  padding: 13px;
  background: rgba(225, 211, 188, 0.16);
  font-size: 11px;
  letter-spacing: 0.5px;
  line-height: 18px;
  margin: 13px 0;
  position: relative;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .reviews__review-reply-text {
    padding: 25px 30px;
    margin: 0;
    font-size: 13px;
    letter-spacing: inherit;
    line-height: 20px;
    margin-top: 7px;
  }
}
.reviews__review-reply-text-triangle {
  width: 40px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 6.6px;
}
.reviews__review-reply-text-triangle:after {
  border-color: transparent transparent rgba(225, 211, 188, 0.16) transparent;
  border-width: 0 11px 11px 11px;
  border-style: solid;
  bottom: 100%;
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
}
@media (min-width: 1024px) {
  .reviews__review-reply-text-triangle {
    right: 35px;
  }
}
.reviews__review-reply_show_yes .reviews__review-reply-text {
  display: block;
}
.reviews__review-reply_hasreply_no {
  display: none;
}

.card-reviews {
  margin-top: 9px;
  position: relative;
  overflow: hidden;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .card-reviews {
    max-height: 475px;
    overflow: visible;
  }
}
@media (min-width: 1024px) {
  .card-reviews {
    margin-top: 0;
  }
}
.card-reviews:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  top: -2px;
  left: 0;
  width: 100%;
  height: 8px;
  background: #f5f5f5;
}
@media (min-width: 1024px) {
  .card-reviews:after {
    display: none !important;
  }
}
.card-reviews-before {
  text-align: center;
  margin-bottom: 35px;
}
@media (min-width: 1024px) {
  .card-reviews-before {
    margin-bottom: 14px;
  }
}
.card-reviews-before__avg {
  font-size: 39px;
  margin-bottom: 3px;
  margin-top: 10px;
}
.card-reviews-before__marks {
  font-size: 15px;
  margin-bottom: 12px;
}
.card-reviews-before .card-features__stars {
  margin-right: 0;
  justify-content: center;
}
.card-reviews .reviews__review {
  position: relative;
  padding-top: 25px;
  margin-bottom: 19px;
}
.card-reviews .reviews__review:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background: #f5f5f5;
}
@media (min-width: 1024px) {
  .card-reviews .reviews__review:after {
    display: none;
  }
}
.card-reviews .reviews__review-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-reviews .reviews__review-head:after {
  display: none;
}
.card-reviews .reviews__review-time {
  font-size: 15px;
  color: rgba(79, 62, 53, 0.6);
  opacity: 1;
  margin: 0;
}
.card-reviews .reviews__review-text {
  border: none;
  padding: 0;
  margin: 8px 0 21px 0;
  font-size: 15px;
  line-height: 24px;
}
.card-reviews .reviews__review-answer {
  margin-top: 35px;
  position: relative;
}
.card-reviews .reviews__review-answer:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  background: #c4c4c4;
  width: 100%;
  left: 0;
  top: -15px;
  opacity: 0.2;
}
@media (min-width: 1024px) {
  .card-reviews .reviews__review-answer:after {
    width: 100%;
    left: 0;
  }
}
.card-reviews .reviews__review-reply-toggle {
  font-size: 15px;
  padding-left: 29px;
  position: relative;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  border-bottom: none;
  float: none;
}
.card-reviews .reviews__review-reply-toggle:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='%234F3E35'%3E%3Cpath fill='%23BD9E6D' d='M6.967 0C3.119 0 0 2.835 0 6.333c0 1.797.828 3.413 2.151 4.564-.19.62-.585 1.239-1.312 1.79H.837a.317.317 0 0 0 .177.606c1.229-.004 2.277-.529 3.111-1.187.396.161.81.294 1.24.386a5.2 5.2 0 0 1-.298-1.725c0-3.144 2.84-5.7 6.333-5.7a6.9 6.9 0 0 1 2.469.451C13.429 2.406 10.509 0 6.967 0M11.4 6.333c-1.344 0-2.632.467-3.583 1.299-.95.831-1.484 1.959-1.484 3.135s.534 2.303 1.484 3.135c.95.83 2.24 1.298 3.583 1.298.648 0 1.29-.11 1.89-.323.777.543 1.717.945 2.793.949a.317.317 0 0 0 .176-.606c-.58-.44-.951-.925-1.174-1.418.885-.82 1.38-1.906 1.382-3.035 0-1.176-.534-2.304-1.484-3.135-.95-.832-2.24-1.299-3.583-1.299'/%3E%3C/svg%3E") center no-repeat;
  top: 5px;
  left: 1px;
}
.card-reviews .reviews__review-reply-toggle:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 7px;
  height: 10px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' fill='none'%3E%3Cpath fill='%23BD9E6D' d='M.218 11.782c.29.29.76.29 1.051 0l5.257-5.256a.743.743 0 0 0 0-1.052L1.269.218A.743.743 0 0 0 .218 1.269L4.948 6l-4.73 4.73a.743.743 0 0 0 0 1.052'/%3E%3C/svg%3E") center no-repeat;
  background-size: contain;
  left: auto;
  transform: rotate(90deg);
  right: 2px;
  transition: 0.2s;
  top: 8px;
}
@media (min-width: 1024px) {
  .card-reviews .reviews__review-reply-toggle:after {
    right: 7px;
  }
}
.card-reviews .reviews__review-reply-toggle.active:after {
  transform: rotate(270deg);
}
.card-reviews .reviews__review-answer-text {
  display: none;
  background: rgba(187, 162, 142, 0.1);
  border-radius: 8px;
  padding: 15px;
  box-sizing: border-box;
  margin-top: 12px;
  font-size: 15px;
  line-height: 24px;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/select/select.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
.select {
  position: relative;
}
.select__disabled:after {
  display: none;
}
.select__block {
  position: relative;
}
.select__block:after {
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  border: solid #a2a4a7;
  border-width: 0 1px 1px 0;
  position: absolute;
  right: 11px;
  top: 50%;
  margin-top: -4px;
  transform: rotate(45deg);
  pointer-events: none;
}
.select__field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #dbd7d2;
  background-color: transparent;
  outline: none;
  border-radius: 0;
  display: block;
  width: 100%;
  padding: 12px 11px;
  color: #887568;
  box-sizing: border-box;
}
.select__field::-ms-expand {
  display: none;
}
.select__textarea {
  box-sizing: border-box;
  resize: none;
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/site-confirm/site-confirm.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.site-confirm__popup {
  display: block;
  font-size: 10px;
  height: 100%;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 100%;
  z-index: 100;
}
.site-confirm__popup:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.site-confirm__popup.super-z {
  z-index: 999999;
}

.site-confirm__overlay {
  background-color: rgba(0, 0, 0, 0.2);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 200ms linear;
  transition-delay: 300ms;
  width: 100%;
}
.site-confirm__popup.visible .site-confirm__overlay {
  opacity: 1;
  transition-delay: 0ms;
}
@media (max-width: 639px) {
  .site-confirm__overlay {
    background-color: #ffffff;
  }
}

.site-confirm__frame {
  background-color: #ffffff;
  box-shadow: 0 0.4em 0.8em 0 rgba(0, 0, 0, 0.2), 0 0.6em 2em 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  display: inline-block;
  max-height: 100%;
  max-width: 45.6em;
  opacity: 0;
  position: relative;
  vertical-align: middle;
  transform: scale(0.5);
  transition: transform 300ms ease, opacity 300ms ease;
  width: 100%;
}
.site-confirm__frame:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.site-confirm__popup.visible .site-confirm__frame {
  opacity: 1;
  transform: scale(1);
  transition-delay: 100ms;
}
@media (max-width: 639px) {
  .site-confirm__frame {
    box-shadow: none;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: auto;
  }
}

.site-confirm__padding {
  box-sizing: border-box;
  display: inline-block;
  padding: 4.7em 4.7em 7.9em 4.7em;
  vertical-align: middle;
  white-space: normal;
  width: 100%;
}
@media (max-width: 639px) {
  .site-confirm__padding {
    padding: 2.5em;
  }
}

.site-confirm__content {
  margin: 0 auto;
  max-width: 300px;
}

.site-confirm__title {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.15;
  text-transform: uppercase;
}

.site-confirm__body {
  font-size: 13px;
  line-height: 1.3;
  margin-top: 3.21em;
}
.site-confirm__body p {
  margin: 1.15em 0;
}
.site-confirm__body a {
  color: inherit;
}

.site-confirm__footer {
  margin-top: 1.4em;
}
.site-confirm__footer .site-confirm__popup.no-footer {
  display: none;
}

.site-confirm__button {
  background: #d7c3b3;
  box-sizing: border-box;
  cursor: pointer;
  height: 4.5em;
  letter-spacing: 1px;
  line-height: 4.5em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 200ms ease;
  white-space: nowrap;
  width: 100%;
}
.site-confirm__button span {
  color: #ffffff;
  font-size: 13px;
}
.site-confirm__button + .site-confirm__button {
  margin-top: 1em;
}
.site-confirm__button:hover {
  background-color: #c4aa98;
}

.site-confirm__close-x {
  cursor: pointer;
  height: 3em;
  margin: -1.5em;
  position: absolute;
  right: 2.5em;
  top: 2.5em;
  width: 3em;
}
.site-confirm__close-x span {
  color: transparent;
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}
.site-confirm__close-x span:before, .site-confirm__close-x span:after {
  background-color: #84868b;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
}
.site-confirm__close-x span:before {
  height: 2.3em;
  margin-top: -1.1em;
  width: 1px;
}
.site-confirm__close-x span:after {
  height: 1px;
  margin-left: -1.1em;
  width: 2.3em;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/site/site.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
.Site__wrapper {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  position: relative;
}
html.full-screen .Site__wrapper {
  height: 100%;
  height: -webkit-fill-available;
  min-height: 0;
}

.Site__content {
  display: flex;
  flex-basis: auto;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
}

html.full-screen .Site__page {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
}

.Site__header {
  height: 44px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1024px) {
  .Site__header {
    height: 48px;
  }
}

.Site__blocker {
  background-color: transparent;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity 300ms ease, visibility 300ms linear;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}
.Site__blocker--visible {
  opacity: 1;
  visibility: visible;
}

.Site__preloader {
  background-color: #FFFFFF;
  display: block;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/text-page/text-page.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.text-page__content {
  box-sizing: border-box;
  font-size: 13px;
  margin: 0 auto;
  max-width: 810px;
  padding: 0 15px;
}
.text-page__content h4 {
  font-weight: bold;
  margin: 1.75em 0 1.5em 0;
  text-transform: uppercase;
}
.text-page__content h6 {
  font-size: 1em;
  font-weight: normal;
  margin: 0.5em 0 0.25em 0;
}
.text-page__content p, .text-page__content li {
  line-height: 1.35;
}
.text-page__content p {
  margin: 1.6em 0;
}
.text-page__content h6 + p {
  margin-top: 0;
}
.text-page__content a {
  color: #BD9E6D;
  text-decoration: underline;
}
.text-page__content ul, .text-page__content ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.text-page__content li {
  margin: 1.25em 0;
  padding-left: 1.28em;
  position: relative;
}
.text-page__content li:before {
  background-color: rgba(79, 62, 53, 0.4);
  border-radius: 4px;
  content: "";
  display: block;
  height: 8px;
  left: 0;
  margin: -4px 0;
  position: absolute;
  top: 8px;
  width: 8px;
}
@media (max-width: 639px) {
  .text-page__content {
    font-size: 11px;
    letter-spacing: 0.5px;
  }
  .text-page__content h4 {
    margin-bottom: 1em;
  }
  .text-page__content h6 {
    font-size: 13px;
    letter-spacing: 0.07px;
    margin-bottom: 0.15em;
  }
  .text-page__content p, .text-page__content li {
    line-height: 1.6;
  }
}

.text-page__city {
  color: #BD9E6D !important;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  margin: 0 0 1em 0;
}
.text-page__city:before {
  background: url("../images/arrow-poweder.png") no-repeat 50% 50%;
  content: "";
  display: inline-block;
  height: 15px;
  margin-right: 6px;
  vertical-align: middle;
  width: 15px;
}
.text-page__city span {
  border-bottom: 1px solid;
  display: inline-block;
  line-height: 1;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./src/blocks/thank/thank.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.thank {
  text-align: center;
}
.thank_order__holder {
  padding: 0 3rem;
}
.thank__holder {
  margin-left: auto;
  margin-right: auto;
  min-width: 290px;
  max-width: 1920px;
  box-sizing: border-box;
  padding-left: 14px;
  padding-right: 14px;
}
@media (min-width: 640px) {
  .thank__holder {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.thank__button {
  padding-top: 27px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/navigation/Breadcrumbs/Breadcrumbs.vue?vue&type=style&index=0&id=39c855f5&prod&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.Breadcrumbs[data-v-39c855f5] {
  display: flex;
  position: relative;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.Breadcrumbs__item[data-v-39c855f5] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
  line-height: 16px;
  position: relative;
  text-decoration: none;
  color: #4F3E35;
  transition: color 200ms;
}
.Breadcrumbs__item[data-v-39c855f5]:hover {
  color: rgba(79, 62, 53, 0.8);
}
.Breadcrumbs__item--active[data-v-39c855f5] {
  cursor: default;
  pointer-events: none;
  color: #AFAEAC;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Breadcrumbs__delimiter[data-v-39c855f5] {
  position: relative;
  width: 16px;
  height: 16px;
  stroke: #AFAEAC;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductCompressibilityPopup.vue?vue&type=style&index=0&id=68bd8f4e&prod&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-68bd8f4e]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.ProductCompressibilityPopup--desktop[data-v-68bd8f4e] .PopupWrapper {
  padding: 8px;
}
@media (min-width: 1024px) {
.ProductCompressibilityPopup__header[data-v-68bd8f4e] {
    padding: 8px;
}
}
.ProductCompressibilityPopup__content[data-v-68bd8f4e] {
  position: relative;
  padding: 22px 0 44px;
}
.ProductCompressibilityPopup__content[data-v-68bd8f4e] p {
  margin: 0;
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
}
.ProductCompressibilityPopup__content[data-v-68bd8f4e] h5 {
  margin-bottom: 4px;
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 28px;
}
.ProductCompressibilityPopup__content[data-v-68bd8f4e] hr {
  display: block;
  position: relative;
  height: 1px;
  margin: 22px 0;
  background-color: rgba(95, 94, 92, 0.12);
  border: none;
}
[data-v-68bd8f4e] .ProductCompressibilityPopup__footer {
  padding: 8px !important;
}
@media (min-width: 1024px) {
[data-v-68bd8f4e] .ProductCompressibilityPopup__footer {
    padding: 16px !important;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductDescription.vue?vue&type=style&index=0&id=7d41c5a4&prod&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-7d41c5a4]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductDescription[data-v-7d41c5a4] {
  position: relative;
  padding: 8px 0 12px;
}
.ProductDescription.ProductDescription--clickable[data-v-7d41c5a4] {
  cursor: pointer;
}
.ProductDescription[data-v-7d41c5a4]:not(:first-child) {
  margin-top: 8px;
}
.ProductDescription__content[data-v-7d41c5a4] {
  position: relative;
  max-height: 68px;
  overflow: hidden;
}
.ProductDescription--opened .ProductDescription__content[data-v-7d41c5a4] {
  max-height: none;
}
.ProductDescription__more-button[data-v-7d41c5a4] {
  position: absolute;
  right: 0;
  bottom: 6px;
  padding: 4px 0 4px 24px;
  cursor: pointer;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 20.25%);
  color: #4F3E35;
}
.ProductDescription__hide[data-v-7d41c5a4] {
  display: flex;
  position: relative;
  justify-content: flex-end;
}
.ProductDescription__hide-button[data-v-7d41c5a4] {
  position: relative;
  padding: 4px 0;
  cursor: pointer;
  color: #4F3E35;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/controls/Toggle/ToggleIOS/ToggleIOS.vue?vue&type=style&index=0&id=336f5a1c&prod&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-336f5a1c]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ToggleIOS[data-v-336f5a1c] {
  position: relative;
  width: 50px;
  padding: 4px;
  cursor: pointer;
  transition: opacity 200ms ease;
}
@media (min-width: 1024px) {
.ToggleIOS[data-v-336f5a1c] {
    padding: 8px 4px;
    width: 40px;
}
}
.ToggleIOS.ToggleIOS--is-desktop[data-v-336f5a1c] {
  padding: 8px 4px;
  width: 40px;
}
.ToggleIOS--disabled[data-v-336f5a1c] {
  cursor: default;
  opacity: 0.4;
}
.ToggleIOS__switcher[data-v-336f5a1c] {
  position: relative;
  height: 32px;
  box-sizing: border-box;
  border-radius: 99px;
  background-color: #FBFAF8;
  border: 1px solid #E1D3BC;
  transition: background-color 200ms ease, border-color 200ms ease;
}
@media (min-width: 1024px) {
.ToggleIOS__switcher[data-v-336f5a1c] {
    height: 24px;
}
}
.ToggleIOS--is-desktop .ToggleIOS__switcher[data-v-336f5a1c] {
  height: 24px;
}
.ToggleIOS--active .ToggleIOS__switcher[data-v-336f5a1c] {
  border-color: #BD9E6D;
  background-color: #BD9E6D;
}
.ToggleIOS__switcher-ball[data-v-336f5a1c] {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  background-color: #BD9E6D;
  border-radius: 8px;
  transform: translateX(-8px);
  transition: background-color 200ms ease, transform 200ms ease;
}
@media (min-width: 1024px) {
.ToggleIOS__switcher-ball[data-v-336f5a1c] {
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 6px;
    transform: translateX(-7px);
}
}
.ToggleIOS--is-desktop .ToggleIOS__switcher-ball[data-v-336f5a1c] {
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 6px;
  transform: translateX(-7px);
}
.ToggleIOS--active .ToggleIOS__switcher-ball[data-v-336f5a1c] {
  background-color: #FFFFFF;
  transform: translateX(8px) scale(1.5);
}
@media (min-width: 1024px) {
.ToggleIOS--active .ToggleIOS__switcher-ball[data-v-336f5a1c] {
    transform: translateX(7px) scale(1.33);
}
}
.ToggleIOS--is-desktop.ToggleIOS--active .ToggleIOS__switcher-ball[data-v-336f5a1c] {
  transform: translateX(7px) scale(1.33);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/ProductExpressDeliveryToggle/ProductExpressDeliveryToggle.vue?vue&type=style&index=0&id=d5fbed1e&prod&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-d5fbed1e]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductExpressDeliveryToggle__icon[data-v-d5fbed1e] {
  position: relative;
  width: 40px;
  height: 40px;
  margin: 0 8px 0 -8px;
  padding: 8px;
  box-sizing: border-box;
  stroke: #BD9E6D;
}
.ProductExpressDeliveryToggle[data-v-d5fbed1e] .ListItem__content {
  padding-top: 8px;
  padding-bottom: 8px;
}
.ProductExpressDeliveryToggle[data-v-d5fbed1e] .ListItem__label,
.ProductExpressDeliveryToggle[data-v-d5fbed1e] .ListItem__caption {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
  white-space: normal;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductInfoPopup.vue?vue&type=style&index=0&id=540bef2a&prod&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-540bef2a]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductInfoPopup[data-v-540bef2a] {
  position: relative;
  flex: 1;
}
@media (min-width: 1024px) {
.ProductInfoPopup[data-v-540bef2a] {
    position: absolute;
    top: 24px;
    right: 24px;
    bottom: 0;
    left: 24px;
}
.ProductInfoPopup--wide[data-v-540bef2a] {
    position: relative;
    height: 100%;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    padding: 24px 24px 0 24px;
    box-sizing: border-box;
}
}
.ProductInfoPopup__wrapper[data-v-540bef2a] {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.ProductInfoPopup__head[data-v-540bef2a] {
  display: flex;
  position: relative;
  height: 64px;
  padding-left: 72px;
  align-items: center;
}
.ProductInfoPopup__head-close[data-v-540bef2a] {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 8px;
  margin-top: -20px;
  cursor: pointer;
}
.ProductInfoPopup__head-close-icon[data-v-540bef2a] {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -16px;
  stroke: #4F3E35;
}
.ProductInfoPopup__body[data-v-540bef2a] {
  position: relative;
  flex: 1;
  padding: 16px;
  overflow: auto;
}
@media (min-width: 1024px) {
.ProductInfoPopup__body[data-v-540bef2a] {
    scrollbar-color: rgba(31, 27, 22, 0.12) #FFFFFF;
    scrollbar-width: thin;
}
.ProductInfoPopup__body[data-v-540bef2a]::-webkit-scrollbar {
    background-color: transparent;
    height: 3px;
    width: 3px;
    border-radius: 2px;
}
.ProductInfoPopup__body[data-v-540bef2a]::-webkit-scrollbar-button {
    display: none;
}
.ProductInfoPopup__body[data-v-540bef2a]::-webkit-scrollbar-track {
    background-color: transparent;
}
.ProductInfoPopup__body[data-v-540bef2a]::-webkit-scrollbar-thumb {
    background: rgba(31, 27, 22, 0.12);
}
}
.ProductInfoPopup__controls[data-v-540bef2a] {
  position: relative;
  margin: 0 16px;
  padding: 12px 0 36px;
  border-top: 1px solid rgba(95, 94, 92, 0.12);
}
[data-v-540bef2a] .defaultPopupPadding {
  padding: 16px 0 34px;
}
[data-v-540bef2a] .defaultPopupBody {
  padding: 0 16px;
}
[data-v-540bef2a] .DefaultPopupControls {
  margin-top: 0;
  padding: 12px 0;
  border-top: 1px solid rgba(95, 94, 92, 0.12);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/forms/SelectListNewDesign.vue?vue&type=style&index=0&id=7ba61216&prod&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-7ba61216]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.selectList__block[data-v-7ba61216] {
  position: relative;
}
.selectList__item[data-v-7ba61216] {
  display: flex;
  position: relative;
  padding: 12px 0;
  box-sizing: border-box;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  text-decoration: none;
}
.selectList__item.selectList__item--icon-left[data-v-7ba61216] {
  padding-left: 48px !important;
  padding-right: 8px !important;
}
.selectList__item.selectList__item--icon-right[data-v-7ba61216] {
  padding-right: 44px;
}
.selectList__item[data-v-7ba61216]:before {
  content: "";
  position: absolute;
  top: 4px;
  right: -8px;
  bottom: 4px;
  left: -8px;
  border-radius: 4px;
  opacity: 0;
  background-color: rgba(222, 206, 181, 0.15);
  transition: opacity 200ms ease;
}
@media (min-width: 1024px) {
.selectList__item[data-v-7ba61216]:before {
    top: 1px;
    right: 0;
    bottom: 1px;
    left: 0;
}
}
.selectList__item--active[data-v-7ba61216]:before {
  opacity: 1;
}
@media (min-width: 1024px) {
.selectList__item[data-v-7ba61216] {
    padding: 8px 0;
}
.selectList__item[data-v-7ba61216]:hover:before {
    opacity: 1;
}
}
.selectList__item-text[data-v-7ba61216] {
  position: relative;
  flex: 1;
}
.selectList__item-icon[data-v-7ba61216] {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  margin-top: -20px;
  padding: 8px;
  stroke: #4f3e35;
}
.selectList__item--icon-left .selectList__item-icon[data-v-7ba61216] {
  left: -8px;
}
@media (min-width: 1024px) {
.selectList__item--icon-left .selectList__item-icon[data-v-7ba61216] {
    left: 0;
}
}
.selectList__item--icon-right .selectList__item-icon[data-v-7ba61216] {
  right: -8px;
}
@media (min-width: 1024px) {
.selectList__item--icon-right .selectList__item-icon[data-v-7ba61216] {
    right: 0;
}
}
.selectList__group-title[data-v-7ba61216] {
  display: flex;
  position: relative;
  height: 48px;
  align-items: center;
  color: #5F5E5C;
}
@media (min-width: 1024px) {
.selectList--absolute .selectList__overlay[data-v-7ba61216], .selectList--fixed .selectList__overlay[data-v-7ba61216] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}
.selectList--absolute .selectList__overlay--fixed[data-v-7ba61216], .selectList--fixed .selectList__overlay--fixed[data-v-7ba61216] {
    position: fixed;
}
}
@media (min-width: 1024px) {
.selectList--absolute .selectList__block[data-v-7ba61216], .selectList--fixed .selectList__block[data-v-7ba61216] {
    position: absolute;
    min-width: 100%;
    max-height: 400px;
    top: 100%;
    left: 0;
    z-index: 10;
    margin-top: 8px;
    padding: 8px 8px;
    box-sizing: border-box;
    overflow: auto;
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 0.5px 5px rgba(0, 0, 0, 0.04), 0 3.75px 11px rgba(0, 0, 0, 0.19);
}
}
@media (min-width: 1024px) and (min-width: 1024px) {
.selectList--absolute .selectList__block[data-v-7ba61216], .selectList--fixed .selectList__block[data-v-7ba61216] {
    scrollbar-color: rgba(31, 27, 22, 0.12) #FFFFFF;
    scrollbar-width: thin;
}
.selectList--absolute .selectList__block[data-v-7ba61216]::-webkit-scrollbar, .selectList--fixed .selectList__block[data-v-7ba61216]::-webkit-scrollbar {
    background-color: transparent;
    height: 3px;
    width: 3px;
    border-radius: 2px;
}
.selectList--absolute .selectList__block[data-v-7ba61216]::-webkit-scrollbar-button, .selectList--fixed .selectList__block[data-v-7ba61216]::-webkit-scrollbar-button {
    display: none;
}
.selectList--absolute .selectList__block[data-v-7ba61216]::-webkit-scrollbar-track, .selectList--fixed .selectList__block[data-v-7ba61216]::-webkit-scrollbar-track {
    background-color: transparent;
}
.selectList--absolute .selectList__block[data-v-7ba61216]::-webkit-scrollbar-thumb, .selectList--fixed .selectList__block[data-v-7ba61216]::-webkit-scrollbar-thumb {
    background: rgba(31, 27, 22, 0.12);
}
}
@media (min-width: 1024px) {
.selectList--absolute .selectList__item[data-v-7ba61216], .selectList--fixed .selectList__item[data-v-7ba61216] {
    padding: 8px 40px 8px 8px;
    border: none;
}
}
@media (min-width: 1024px) {
.selectList--right .selectList__block[data-v-7ba61216] {
    right: 0;
    left: auto;
}
}
.selectList--desktop-view.selectList--absolute .selectList__overlay[data-v-7ba61216], .selectList--desktop-view.selectList--fixed .selectList__overlay[data-v-7ba61216] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}
.selectList--desktop-view.selectList--absolute .selectList__overlay--fixed[data-v-7ba61216], .selectList--desktop-view.selectList--fixed .selectList__overlay--fixed[data-v-7ba61216] {
  position: fixed;
}
.selectList--desktop-view.selectList--absolute .selectList__block[data-v-7ba61216], .selectList--desktop-view.selectList--fixed .selectList__block[data-v-7ba61216] {
  position: absolute;
  min-width: 100%;
  max-height: 400px;
  top: 100%;
  left: 0;
  z-index: 10;
  margin-top: 8px;
  padding: 8px 8px;
  box-sizing: border-box;
  overflow: auto;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 0.5px 5px rgba(0, 0, 0, 0.04), 0 3.75px 11px rgba(0, 0, 0, 0.19);
}
@media (min-width: 1024px) {
.selectList--desktop-view.selectList--absolute .selectList__block[data-v-7ba61216], .selectList--desktop-view.selectList--fixed .selectList__block[data-v-7ba61216] {
    scrollbar-color: rgba(31, 27, 22, 0.12) #FFFFFF;
    scrollbar-width: thin;
}
.selectList--desktop-view.selectList--absolute .selectList__block[data-v-7ba61216]::-webkit-scrollbar, .selectList--desktop-view.selectList--fixed .selectList__block[data-v-7ba61216]::-webkit-scrollbar {
    background-color: transparent;
    height: 3px;
    width: 3px;
    border-radius: 2px;
}
.selectList--desktop-view.selectList--absolute .selectList__block[data-v-7ba61216]::-webkit-scrollbar-button, .selectList--desktop-view.selectList--fixed .selectList__block[data-v-7ba61216]::-webkit-scrollbar-button {
    display: none;
}
.selectList--desktop-view.selectList--absolute .selectList__block[data-v-7ba61216]::-webkit-scrollbar-track, .selectList--desktop-view.selectList--fixed .selectList__block[data-v-7ba61216]::-webkit-scrollbar-track {
    background-color: transparent;
}
.selectList--desktop-view.selectList--absolute .selectList__block[data-v-7ba61216]::-webkit-scrollbar-thumb, .selectList--desktop-view.selectList--fixed .selectList__block[data-v-7ba61216]::-webkit-scrollbar-thumb {
    background: rgba(31, 27, 22, 0.12);
}
}
.selectList--desktop-view.selectList--absolute .selectList__item[data-v-7ba61216], .selectList--desktop-view.selectList--fixed .selectList__item[data-v-7ba61216] {
  padding: 8px 40px 8px 8px;
  border: none;
}
.selectList--fixed .selectList__block[data-v-7ba61216] {
  min-width: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/mobile/ProductSizePopup.vue?vue&type=style&index=0&id=5eb43afe&prod&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductSizePopup__button + .ProductSizePopup__button[data-v-5eb43afe] {
  margin-top: 8px;
}
.ProductSizePopup__express-disclaimer[data-v-5eb43afe] {
  position: relative;
  margin: 0 -8px 8px;
  padding: 10px 8px;
  background-color: #F9F8F5;
  border-radius: 4px;
  color: #4F3E35;
}
[data-v-5eb43afe] .ProductSizePopup__size-title {
  display: inline-block;
  min-width: 72px;
}
[data-v-5eb43afe] .ProductSizePopup__size-label {
  display: inline-block;
  margin-left: 16px;
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
  font-weight: normal;
  color: rgba(79, 62, 53, 0.6);
}
[data-v-5eb43afe] .defaultPopupPadding {
  padding: 0;
}
[data-v-5eb43afe] .defaultPopupBody {
  padding: 0 16px;
}
[data-v-5eb43afe] .DefaultPopupControls {
  margin-top: 0;
  padding: 8px 12px 12px;
  box-shadow: 0 0.5px 1.75px rgba(0, 0, 0, 0.04), 0 1.85px 6.25px rgba(0, 0, 0, 0.19);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductSizeSelector.vue?vue&type=style&index=0&id=ca2bf5d0&prod&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-ca2bf5d0]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductSizeSelector[data-v-ca2bf5d0] {
  position: relative;
}
.ProductSizeSelector__active[data-v-ca2bf5d0] {
  position: relative;
  padding: 12px 12px 12px 16px;
  cursor: pointer;
  background-color: rgba(225, 211, 188, 0.12);
  border: 1px solid rgba(95, 94, 92, 0.12);
  border-radius: 4px;
  transition: background-color 200ms ease, border-color 200ms ease;
}
.ProductSizeSelector--opened .ProductSizeSelector__active[data-v-ca2bf5d0] {
  background-color: rgba(225, 211, 188, 0.16);
  border-color: #4F3E35;
}
.ProductSizeSelector__active-label[data-v-ca2bf5d0] {
  position: relative;
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
}
.ProductSizeSelector__active-icon[data-v-ca2bf5d0], .ProductSizeSelector__active-preloader[data-v-ca2bf5d0] {
  position: absolute;
  top: 50%;
}
.ProductSizeSelector__active-icon[data-v-ca2bf5d0] {
  width: 24px;
  height: 24px;
  right: 12px;
  margin-top: -12px;
  stroke: #4F3E35;
  transition: transform 300ms ease;
}
.ProductSizeSelector--opened .ProductSizeSelector__active-icon[data-v-ca2bf5d0] {
  transform: rotate(-180deg);
}
.ProductSizeSelector__active-preloader[data-v-ca2bf5d0] {
  width: 20px;
  height: 20px;
  right: 15px;
  margin-top: -10px;
  stroke: rgba(79, 62, 53, 0.6);
}
.ProductSizeSelector__express-disclaimer[data-v-ca2bf5d0] {
  position: relative;
  margin-bottom: 8px;
  padding: 10px 12px;
  background-color: #F9F8F5;
  border-radius: 4px;
  color: #4F3E35;
}
.ProductSizeSelector[data-v-ca2bf5d0] .ProductSizeSelector__size-title {
  display: inline-block;
  min-width: 72px;
}
.ProductSizeSelector[data-v-ca2bf5d0] .ProductSizeSelector__size-label {
  display: inline-block;
  margin-left: 16px;
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
  color: rgba(79, 62, 53, 0.6);
}
.ProductSizeSelector .list-desktop-enter-active[data-v-ca2bf5d0], .ProductSizeSelector .list-desktop-leave-active[data-v-ca2bf5d0] {
  transition: opacity 300ms ease, transform 300ms ease;
}
.ProductSizeSelector .list-desktop-enter[data-v-ca2bf5d0], .ProductSizeSelector .list-desktop-leave-to[data-v-ca2bf5d0] {
  opacity: 0;
  transform: translateY(16px);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductPreorderHelp.vue?vue&type=style&index=0&id=1eaa6b62&prod&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductPreorderHelp[data-v-1eaa6b62] {
  position: relative;
  padding: 12px 16px 8px;
  background-color: rgba(225, 211, 188, 0.12);
  border-radius: 8px;
}
.ProductPreorderHelp .ProductPreorderHelp__text[data-v-1eaa6b62] {
  position: relative;
}
.ProductPreorderHelp .ProductPreorderHelp__link[data-v-1eaa6b62] {
  position: relative;
  margin: 8px 0 0 -12px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductPartPaymentInfo.vue?vue&type=style&index=0&id=0c31470c&prod&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-0c31470c]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductPartPaymentInfo[data-v-0c31470c] {
  position: relative;
  margin: 16px auto;
  padding: 12px;
  border-radius: 6px;
  background-color: rgba(225, 211, 188, 0.12);
}
.ProductPartPaymentInfo__schedule[data-v-0c31470c] {
  display: flex;
  padding: 4px 0 7px;
}
.ProductPartPaymentInfo__schedule-item[data-v-0c31470c] {
  position: relative;
  flex: 1;
  text-align: center;
}
.ProductPartPaymentInfo__schedule-item.ProductPartPaymentInfo__schedule-item--active[data-v-0c31470c]:after {
  background-color: #4F3E35;
}
.ProductPartPaymentInfo__schedule-item[data-v-0c31470c]:after {
  content: "";
  display: block;
  position: relative;
  height: 2px;
  margin: 11px 1px 0;
  border-radius: 2px;
  background-color: rgba(79, 62, 53, 0.24);
}
.ProductPartPaymentInfo__schedule-item-percent[data-v-0c31470c] {
  position: relative;
  color: #4F3E35;
}
.ProductPartPaymentInfo__schedule-item-date[data-v-0c31470c] {
  position: relative;
  color: rgba(79, 62, 53, 0.6);
}
.ProductPartPaymentInfo__rules[data-v-0c31470c] {
  position: relative;
  margin-top: 8px;
}
.ProductPartPaymentInfo__rules-item[data-v-0c31470c] {
  position: relative;
  padding-left: 26px;
}
.ProductPartPaymentInfo__rules-item + .ProductPartPaymentInfo__rules-item[data-v-0c31470c] {
  margin-top: 8px;
}
.ProductPartPaymentInfo__rules-item-icon[data-v-0c31470c] {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 0;
  left: 0;
  stroke: #BD9E6D;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/popups/ProductPartPaymentPopup/ProductPartPaymentPopup.vue?vue&type=style&index=0&id=b74bff94&prod&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-b74bff94]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductPartPaymentPopup__title[data-v-b74bff94] {
  padding: 24px;
  position: relative;
  text-align: center;
  color: #4F3E35;
}
.ProductPartPaymentPopup__text[data-v-b74bff94] {
  position: relative;
  text-align: center;
}
.ProductPartPaymentPopup__tabs[data-v-b74bff94] {
  position: relative;
}
.ProductPartPaymentPopup__tabs-head[data-v-b74bff94] {
  position: relative;
  margin: 0 0 16px;
}
.ProductPartPaymentPopup__tabs-head[data-v-b74bff94]:before {
  content: "";
  position: absolute;
  height: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(95, 94, 92, 0.12);
}
.ProductPartPaymentPopup__disclaimer[data-v-b74bff94] {
  position: relative;
  text-align: center;
  color: rgba(79, 62, 53, 0.6);
}
.ProductPartPaymentPopup__footer[data-v-b74bff94] {
  position: relative;
  padding: 24px 0;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductSummary.vue?vue&type=style&index=0&id=763c8f53&prod&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-763c8f53]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductSummary[data-v-763c8f53] {
  position: relative;
  padding: 16px 0;
  text-align: center;
}
@media (min-width: 1024px) {
.ProductSummary[data-v-763c8f53] {
    padding: 0;
    text-align: left;
}
}
.ProductSummary__tags[data-v-763c8f53] {
  position: relative;
  margin-bottom: 8px;
  font-size: 0;
  color: #4F3E35;
}
.ProductSummary__tag[data-v-763c8f53] {
  display: inline-block;
  vertical-align: middle;
  color: #BD9E6D;
}
.ProductSummary__tag--accent[data-v-763c8f53] {
  color: #8F2E27;
}
.ProductSummary__tags-delimiter[data-v-763c8f53] {
  display: inline-block;
  position: relative;
  width: 2px;
  height: 2px;
  margin: 0 5px;
  vertical-align: middle;
  background-color: #4F3E35;
  border-radius: 1px;
}
.ProductSummary__title[data-v-763c8f53] {
  position: relative;
}
@media (min-width: 1024px) {
.ProductSummary__title[data-v-763c8f53] {
    margin-bottom: 4px;
}
}
.ProductSummary__cost[data-v-763c8f53] {
  position: relative;
}
.ProductSummary__cost-item[data-v-763c8f53] {
  display: inline-block;
  position: relative;
}
.ProductSummary__cost-item--new[data-v-763c8f53] {
  color: #8F2E27;
}
.ProductSummary__cost-item--old[data-v-763c8f53] {
  text-decoration: line-through;
  color: rgba(79, 62, 53, 0.4);
}
.ProductSummary__cost-item + .ProductSummary__cost-item[data-v-763c8f53] {
  margin-left: 4px;
}
.ProductSummary__part-payment[data-v-763c8f53] {
  display: inline-flex;
  position: relative;
  margin-top: 8px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
.ProductSummary__part-payment[data-v-763c8f53] {
    justify-content: flex-start;
}
}
.ProductSummary__part-payment-logo[data-v-763c8f53] {
  position: relative;
  width: 14px;
  height: 14px;
  margin-right: 8px;
}
.ProductSummary__part-payment-text[data-v-763c8f53] {
  color: rgba(95, 94, 92, 0.6);
}
.ProductSummary__part-payment-arrow[data-v-763c8f53] {
  position: relative;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  stroke: rgba(95, 94, 92, 0.6);
}
.ProductSummary__colors[data-v-763c8f53], .ProductSummary__colors-list[data-v-763c8f53] {
  position: relative;
}
.ProductSummary__colors[data-v-763c8f53] {
  margin-top: 24px;
}
.ProductSummary__colors-list[data-v-763c8f53] {
  margin-bottom: -8px;
  font-size: 0;
}
.ProductSummary__colors-item[data-v-763c8f53] {
  display: inline-block;
  position: relative;
  width: 36px;
  height: 36px;
  margin: 0 8px 8px;
  vertical-align: middle;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
.ProductSummary__colors-item[data-v-763c8f53] {
    margin-left: 0;
}
}
.ProductSummary__colors-item--active[data-v-763c8f53] {
  padding: 4px;
}
.ProductSummary__colors-item--active[data-v-763c8f53]:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #BD9E6D;
  border-radius: 18px;
}
.ProductSummary__colors-item-circle[data-v-763c8f53] {
  position: relative;
  height: 100%;
  border-radius: 18px;
}
.ProductSummary__colors-item-circle[data-v-763c8f53]:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 18px;
}
.ProductSummary__colors-title[data-v-763c8f53] {
  position: relative;
  margin-top: 8px;
  color: rgba(79, 62, 53, 0.6);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductServiceVideoPopup.vue?vue&type=style&index=0&id=09854fb0&prod&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-09854fb0]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductServiceVideoPopup[data-v-09854fb0] {
  position: relative;
  height: 100%;
}
@media (min-width: 1024px) {
.ProductServiceVideoPopup[data-v-09854fb0] {
    height: auto;
}
}
.ProductServiceVideoPopup__video-container[data-v-09854fb0] {
  position: relative;
  height: 100%;
  background-color: #5F5E5C;
}
@media (min-width: 1024px) {
.ProductServiceVideoPopup__video-container[data-v-09854fb0] {
    height: auto;
    background-color: transparent;
}
}
.ProductServiceVideoPopup__blurred-preview[data-v-09854fb0] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  filter: blur(100px);
}
.ProductServiceVideoPopup__video-size[data-v-09854fb0] {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -28.12%;
  padding-bottom: 56.25%;
  background-color: #5F5E5C;
}
@media (min-width: 1024px) {
.ProductServiceVideoPopup__video-size[data-v-09854fb0] {
    position: relative;
    top: auto;
    left: auto;
    margin: 0;
}
}
.ProductServiceVideoPopup__video[data-v-09854fb0] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.ProductServiceVideoPopup__overlay[data-v-09854fb0] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.06);
  transition: opacity 300ms ease;
}
.ProductServiceVideoPopup--loaded .ProductServiceVideoPopup__overlay[data-v-09854fb0] {
  cursor: pointer;
}
.ProductServiceVideoPopup--playing .ProductServiceVideoPopup__overlay[data-v-09854fb0] {
  opacity: 0;
}
.ProductServiceVideoPopup__play[data-v-09854fb0], .ProductServiceVideoPopup__loader[data-v-09854fb0] {
  position: absolute;
  top: 50%;
  left: 50%;
}
.ProductServiceVideoPopup__play[data-v-09854fb0] {
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  fill: #FFFFFF;
}
.ProductServiceVideoPopup__loader[data-v-09854fb0] {
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;
  stroke: #FFFFFF;
}
.ProductServiceVideoPopup__controls[data-v-09854fb0] {
  position: absolute;
  height: 16px;
  right: 8px;
  bottom: 0;
  left: 8px;
  opacity: 0;
  transition: opacity 300ms ease;
}
.ProductServiceVideoPopup--loaded .ProductServiceVideoPopup__controls[data-v-09854fb0] {
  cursor: pointer;
  opacity: 1;
}
.ProductServiceVideoPopup__controls[data-v-09854fb0]:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.ProductServiceVideoPopup__progress-bar[data-v-09854fb0] {
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 2px;
}
.ProductServiceVideoPopup__progress[data-v-09854fb0] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  border-radius: 2px;
  transform: translateX(-100%);
  transition: transform 30ms linear;
  will-change: transform;
}
.ProductServiceVideoPopup__close[data-v-09854fb0] {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 8px;
  left: 8px;
  cursor: pointer;
}
@media (min-width: 1024px) {
.ProductServiceVideoPopup__close[data-v-09854fb0] {
    right: 8px;
    left: auto;
}
}
.ProductServiceVideoPopup__close-icon[data-v-09854fb0] {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  stroke: #FFFFFF;
}
.ProductServiceVideoPopup__logo[data-v-09854fb0] {
  position: absolute;
  width: 42px;
  height: 42px;
  top: 12px;
  left: 50%;
  margin-left: -21px;
  stroke: rgba(255, 255, 255, 0.4);
}
.ProductServiceVideoPopup__button[data-v-09854fb0] {
  position: relative;
  padding: 24px 48px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductMaterialAndService.vue?vue&type=style&index=0&id=8a99ca4c&prod&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductMaterialAndService[data-v-8a99ca4c] {
  padding: 8px 0;
  position: relative;
}
.ProductMaterialAndService__text[data-v-8a99ca4c] {
  padding: 12px 0;
  position: relative;
}
.ProductMaterialAndService__bottom[data-v-8a99ca4c] {
  border-top: 1px solid rgba(95, 94, 92, 0.12);
  margin-top: 8px;
  padding-top: 16px;
  position: relative;
}
.ProductMaterialAndService__bottom-title[data-v-8a99ca4c] {
  color: #BD9E6D;
  padding: 10px 0;
}
.ProductMaterialAndService__video-preview[data-v-8a99ca4c] {
  position: relative;
  padding-bottom: 56.37%;
  overflow: hidden;
  cursor: pointer;
  background-color: #F3F1EC;
}
.ProductMaterialAndService__video-preview-image[data-v-8a99ca4c] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.ProductMaterialAndService__video-preview-play[data-v-8a99ca4c] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.06);
}
.ProductMaterialAndService__video-preview-play-icon[data-v-8a99ca4c] {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  margin: -20px;
  fill: #FFFFFF;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductMaterialAndServicePopup.vue?vue&type=style&index=0&id=621a38bc&prod&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-621a38bc] .defaultPopupPadding {
  padding-bottom: 0;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductPillingPopup.vue?vue&type=style&index=0&id=66289760&prod&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-66289760]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.ProductPillingPopup--desktop[data-v-66289760] .PopupWrapper {
  padding: 8px;
}
@media (min-width: 1024px) {
.ProductPillingPopup__header[data-v-66289760] {
    padding: 8px;
}
}
.ProductPillingPopup__content[data-v-66289760] {
  position: relative;
  padding: 22px 0 44px;
}
.ProductPillingPopup__content[data-v-66289760] p {
  margin: 0;
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
}
.ProductPillingPopup__content[data-v-66289760] h5 {
  margin-bottom: 4px;
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 28px;
}
.ProductPillingPopup__content[data-v-66289760] hr {
  display: block;
  position: relative;
  height: 1px;
  margin: 22px 0;
  background-color: rgba(95, 94, 92, 0.12);
  border: none;
}
[data-v-66289760] .ProductPillingPopup__footer {
  padding: 8px !important;
}
@media (min-width: 1024px) {
[data-v-66289760] .ProductPillingPopup__footer {
    padding: 16px !important;
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/typography/DisplayText/DisplayText.vue?vue&type=style&index=0&id=1daccc73&prod&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.DisplayText[data-v-1daccc73] {
  color: #4F3E35;
}
.DisplayText--size-large[data-v-1daccc73] {
  font-family: "Quincy CF", Georgia, serif;
  font-size: 52px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 56px;
}
.DisplayText--size-medium[data-v-1daccc73] {
  font-family: "Quincy CF", Georgia, serif;
  font-size: 44px;
  font-weight: 400;
  letter-spacing: 0.85px;
  line-height: 50px;
}
.DisplayText--size-small[data-v-1daccc73] {
  font-family: "Quincy CF", Georgia, serif;
  font-size: 36px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 40px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/SlideDown.vue?vue&type=style&index=0&id=143db7ab&prod&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-143db7ab]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
[data-v-143db7ab]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.slideDown[data-v-143db7ab] {
  position: relative;
}
.slideDown__head[data-v-143db7ab], .slideDown__hidden[data-v-143db7ab], .slideDown__content[data-v-143db7ab] {
  position: relative;
}
.slideDown__hidden[data-v-143db7ab] {
  display: none;
  height: 0;
  margin: 0 -15px;
  padding: 0 15px;
  opacity: 0;
  overflow: hidden;
  transition: height, opacity;
  /*    @include mq-from($version-desktop) {

        ::v-deep ul {
          padding-left: 15px;
        }

      }*/
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductReviewsItem.vue?vue&type=style&index=0&id=25bdf921&prod&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-25bdf921]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductReviewsItem[data-v-25bdf921] {
  position: relative;
  padding: 16px 0 0;
}
.ProductReviewsItem + .ProductReviewsItem[data-v-25bdf921] {
  border-top: 1px solid rgba(95, 94, 92, 0.12);
}
.ProductReviewsItem__head[data-v-25bdf921] {
  display: flex;
  position: relative;
  margin-bottom: 8px;
  align-items: center;
  justify-content: space-between;
}
.ProductReviewsItem__head-date[data-v-25bdf921] {
  position: relative;
  color: rgba(79, 62, 53, 0.6);
}
.ProductReviewsItem__color[data-v-25bdf921] {
  position: relative;
  margin-bottom: 4px;
  color: rgba(79, 62, 53, 0.6);
}
.ProductReviewsItem__body[data-v-25bdf921] {
  position: relative;
  padding-bottom: 16px;
}
.ProductReviewsItem__body-author[data-v-25bdf921] {
  position: relative;
  margin-top: 12px;
  color: rgba(79, 62, 53, 0.6);
}
.ProductReviewsItem__body-text[data-v-25bdf921] {
  white-space: pre-line;
}
.ProductReviewsItem__answer[data-v-25bdf921] {
  position: relative;
  border-top: 1px solid rgba(95, 94, 92, 0.12);
}
.ProductReviewsItem__answer-button[data-v-25bdf921] {
  display: flex;
  position: relative;
  height: 48px;
  align-items: center;
  cursor: pointer;
}
.ProductReviewsItem__answer-button-icon[data-v-25bdf921] {
  position: relative;
  width: 24px;
  height: 24px;
  margin-right: 24px;
  stroke: #4F3E35;
}
.ProductReviewsItem__answer-button-arrow[data-v-25bdf921] {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  right: 0;
  margin-top: -12px;
  stroke: rgba(79, 62, 53, 0.6);
  transition: transform 300ms ease;
}
.ProductReviewsItem--answer-opened .ProductReviewsItem__answer-button-arrow[data-v-25bdf921] {
  transform: rotate(-180deg);
}
.ProductReviewsItem__answer-body[data-v-25bdf921] {
  position: relative;
  padding-bottom: 16px;
}
.ProductReviewsItem__answer-text[data-v-25bdf921] {
  position: relative;
  padding: 12px 16px;
  border-radius: 8px;
  background-color: rgba(225, 211, 188, 0.12);
  white-space: pre-line;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductReviews.vue?vue&type=style&index=0&id=b8737b6e&prod&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-b8737b6e]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductReviews__head[data-v-b8737b6e] {
  position: relative;
  margin-bottom: 16px;
  padding-bottom: 24px;
  text-align: center;
}
.ProductReviews__head[data-v-b8737b6e]:after {
  content: "";
  position: absolute;
  height: 1px;
  right: -16px;
  bottom: 0;
  left: -16px;
  background-color: rgba(95, 94, 92, 0.12);
}
.ProductReviews__head-count[data-v-b8737b6e] {
  color: rgba(79, 62, 53, 0.8);
}
.ProductReviews__head-rating[data-v-b8737b6e] {
  position: relative;
  margin-top: 16px;
}
.ProductReviews__list[data-v-b8737b6e] {
  position: relative;
  overflow: hidden;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/mobile/ProductSizeButtonsPopup.vue?vue&type=style&index=0&id=7494b752&prod&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductSizePopup .ProductSizeButtons[data-v-7494b752] {
  margin-bottom: 16px;
}
.ProductSizePopup__button + .ProductSizePopup__button[data-v-7494b752] {
  margin-top: 8px;
}
[data-v-7494b752] .ProductSizePopup__size-title {
  display: inline-block;
  min-width: 72px;
}
[data-v-7494b752] .ProductSizePopup__size-label {
  display: inline-block;
  margin-left: 16px;
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
  font-weight: normal;
  color: rgba(79, 62, 53, 0.6);
}
[data-v-7494b752] .defaultPopupPadding {
  padding: 0;
}
[data-v-7494b752] .defaultPopupBody {
  padding: 0 16px;
}
[data-v-7494b752] .DefaultPopupControls {
  margin-top: 0;
  padding: 8px 12px 12px;
  box-shadow: 0 0.5px 1.75px rgba(0, 0, 0, 0.04), 0 1.85px 6.25px rgba(0, 0, 0, 0.19);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductStocksCityPopup.vue?vue&type=style&index=0&id=495be3a6&prod&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-495be3a6]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductStocksCityPopup__select[data-v-495be3a6] {
  position: relative;
}
@media (min-width: 1024px) {
.ProductStocksCityPopup__select[data-v-495be3a6] {
    margin: 0 -8px;
}
}
[data-v-495be3a6] .ProductStocksCityPopup__select-item {
  height: 48px;
  padding-top: 0;
  padding-bottom: 0;
}
[data-v-495be3a6] .ProductStocksCityPopup__select-item-text {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
}
[data-v-495be3a6] .ProductStocksCityPopup__select-item-description {
  position: relative;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  color: rgba(79, 62, 53, 0.6);
}
[data-v-495be3a6] .ProductStocksCityPopup__select-item-title {
  font-weight: normal;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/typography/LabelText/LabelText.vue?vue&type=style&index=0&id=c447139a&prod&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.LabelText[data-v-c447139a] {
  color: #4F3E35;
}
.LabelText--size-extra-large[data-v-c447139a] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 28px;
}
.LabelText--size-large[data-v-c447139a] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 24px;
}
.LabelText--size-medium[data-v-c447139a] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 20px;
}
.LabelText--size-small[data-v-c447139a] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 16px;
}
.LabelText--size-extra-small[data-v-c447139a] {
  font-family: "Vogue Highline Sans", Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 16px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/popups/WhatsappPopup.vue?vue&type=style&index=0&id=4a851a36&prod&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4a851a36]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
[data-v-4a851a36] .defaultPopupHead {
  padding: 20px 24px 0;
}
@media (min-width: 1024px) {
[data-v-4a851a36] .defaultPopupHead {
    padding: 28px 18px 0;
}
}
[data-v-4a851a36] .defaultPopupPadding {
  padding: 16px 24px 24px;
}
@media (min-width: 1024px) {
[data-v-4a851a36] .defaultPopupPadding {
    padding: 26px 40px 40px;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductStocksShop.vue?vue&type=style&index=0&id=537ee09a&prod&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-537ee09a]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductStocksShop[data-v-537ee09a] {
  position: relative;
  padding: 8px 0 12px;
  overflow: hidden;
}
.ProductStocksShop + .ProductStocksShop[data-v-537ee09a] {
  padding-top: 12px;
  border-top: 1px solid rgba(95, 94, 92, 0.12);
}
.ProductStocksShop__head[data-v-537ee09a] {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
}
@media (min-width: 1024px) {
.ProductStocksShop__head[data-v-537ee09a] {
    align-items: flex-start;
}
}
.ProductStocksShop__head-column[data-v-537ee09a] {
  position: relative;
  overflow: hidden;
}
.ProductStocksShop__head-column--left[data-v-537ee09a] {
  flex: 1;
}
.ProductStocksShop__head-column--right[data-v-537ee09a] {
  display: flex;
  padding-left: 16px;
  flex-direction: row-reverse;
  align-items: center;
  text-align: right;
}
@media (min-width: 1024px) {
.ProductStocksShop__head-column--right[data-v-537ee09a] {
    flex-direction: column;
    align-items: flex-end;
}
}
.ProductStocksShop__title[data-v-537ee09a], .ProductStocksShop__address[data-v-537ee09a] {
  position: relative;
}
.ProductStocksShop__address[data-v-537ee09a] {
  color: rgba(79, 62, 53, 0.8);
}
.ProductStocksShop__phone[data-v-537ee09a], .ProductStocksShop__whatsapp[data-v-537ee09a] {
  position: relative;
  text-decoration: none;
}
.ProductStocksShop__whatsapp[data-v-537ee09a] {
  cursor: pointer;
}
@media (min-width: 1024px) {
.ProductStocksShop__whatsapp[data-v-537ee09a] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
}
.ProductStocksShop__phone[data-v-537ee09a], .ProductStocksShop__whatsapp-text[data-v-537ee09a] {
  color: #4F3E35;
}
.ProductStocksShop__phone-icon[data-v-537ee09a] {
  margin-left: 8px;
}
.ProductStocksShop__phone-icon[data-v-537ee09a], .ProductStocksShop__whatsapp-icon[data-v-537ee09a] {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  padding: 8px;
  fill: #4F3E35;
  stroke: #4F3E35;
}
.ProductStocksShop__whatsapp-text[data-v-537ee09a] {
  margin-left: 4px;
}
@media (min-width: 1024px) {
.ProductStocksShop__whatsapp-icon[data-v-537ee09a] {
    width: 14px;
    height: 14px;
    padding: 0;
}
}
.ProductStocksShop__sizes[data-v-537ee09a] {
  position: relative;
  margin: 10px -16px 0 0;
  overflow: hidden;
  font-size: 0;
}
.ProductStocksShop__sizes-item[data-v-537ee09a] {
  display: inline-block;
  position: relative;
  margin-right: 16px;
  vertical-align: middle;
}
.ProductStocksShop__sizes-item[data-v-537ee09a]:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  top: 50%;
  left: -9px;
  margin-top: -1px;
  border-radius: 1px;
  background-color: rgba(79, 62, 53, 0.6);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/popups/ProductStocksPopup/ProductStocksDisclaimer.vue?vue&type=style&index=0&id=c03ba8b4&prod&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-c03ba8b4]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductStocksDisclaimer[data-v-c03ba8b4] {
  position: relative;
  padding: 8px 12px;
  border-radius: 6px;
  background-color: #F9F8F5;
  color: #4F3E35;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductStocks.vue?vue&type=style&index=0&id=ed109ff0&prod&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-ed109ff0]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductStocks[data-v-ed109ff0] {
  position: relative;
}
.ProductStocks__info[data-v-ed109ff0] {
  position: sticky;
  top: 49px;
  padding: 12px 0;
  z-index: 1;
  background-color: #FFFFFF;
  color: rgba(79, 62, 53, 0.6);
}
.ProductStocks__selector[data-v-ed109ff0] {
  display: flex;
  position: sticky;
  height: 48px;
  top: 0;
  z-index: 1;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
  background-color: #FFFFFF;
  border-bottom: 1px solid rgba(95, 94, 92, 0.12);
}
@media (min-width: 1024px) {
.ProductStocks__selector[data-v-ed109ff0] {
    overflow: visible;
}
.ProductStocks__selector[data-v-ed109ff0]:before {
    content: "";
    position: absolute;
    top: -16px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #FFFFFF;
}
}
.ProductStocks__selector-icon[data-v-ed109ff0] {
  position: relative;
  width: 24px;
  height: 24px;
}
.ProductStocks__selector-icon--left[data-v-ed109ff0] {
  margin-left: -8px;
  padding: 8px;
  stroke: #4F3E35;
}
.ProductStocks__selector-icon--right[data-v-ed109ff0] {
  margin-right: -9px;
  padding: 8px 2px;
  stroke: rgba(79, 62, 53, 0.6);
}
.ProductStocks__selector-text[data-v-ed109ff0] {
  position: relative;
  padding: 0 24px;
  flex: 1;
}
.ProductStocks__shops[data-v-ed109ff0] {
  position: relative;
  margin-top: 8px;
}
.ProductStocks__disclaimer[data-v-ed109ff0] {
  position: relative;
  margin-top: 8px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/fixed/components/FixedElement.vue?vue&type=style&index=0&id=2d666257&prod&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FixedElement[data-v-2d666257] {
  position: fixed;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/fixed/components/Tooltip.vue?vue&type=style&index=0&id=3ac95469&prod&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.Tooltip[data-v-3ac95469] {
  opacity: 0;
  transition: opacity 200ms ease, visibility 200ms ease;
  visibility: hidden;
}
.Tooltip.Tooltip--visible[data-v-3ac95469] {
  opacity: 1;
  visibility: visible;
}
.Tooltip__background[data-v-3ac95469] {
  border: 1px solid rgba(95, 94, 92, 0.12);
  border-radius: 4px;
  box-shadow: 0 0.5px 1.75px rgba(0, 0, 0, 0.04), 0 1.85px 6.25px rgba(0, 0, 0, 0.19);
  box-sizing: border-box;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: background-color 300ms ease;
  width: 100%;
}
.Tooltip--theme-accent .Tooltip__background[data-v-3ac95469] {
  background-color: #BD9E6D;
}
.Tooltip--theme-dark .Tooltip__background[data-v-3ac95469] {
  background-color: #5f5e5c;
}
.Tooltip--theme-light .Tooltip__background[data-v-3ac95469] {
  background-color: #F9F8F5;
}
.Tooltip__content[data-v-3ac95469] {
  padding: 6px 12px;
  position: relative;
}
.Tooltip--theme-accent .Tooltip__content[data-v-3ac95469] {
  color: #FFFFFF;
}
.Tooltip--theme-dark .Tooltip__content[data-v-3ac95469] {
  color: #FFFFFF;
}
.Tooltip--theme-light .Tooltip__content[data-v-3ac95469] {
  color: #4F3E35;
}
.Tooltip--text-align-left .Tooltip__content[data-v-3ac95469] {
  text-align: left;
}
.Tooltip--text-align-center .Tooltip__content[data-v-3ac95469] {
  text-align: center;
}
.Tooltip--text-align-right .Tooltip__content[data-v-3ac95469] {
  text-align: right;
}
.Tooltip__arrow[data-v-3ac95469] {
  height: 10px;
  position: absolute;
  stroke: rgba(95, 94, 92, 0.12);
  width: 20px;
}
.Tooltip--theme-accent .Tooltip__arrow[data-v-3ac95469] {
  fill: #BD9E6D;
}
.Tooltip--theme-dark .Tooltip__arrow[data-v-3ac95469] {
  fill: #5f5e5c;
}
.Tooltip--theme-light .Tooltip__arrow[data-v-3ac95469] {
  fill: #F9F8F5;
}
.Tooltip--direction-left .Tooltip__arrow[data-v-3ac95469] {
  left: 100%;
  margin: -5px 0;
}
.Tooltip--direction-right .Tooltip__arrow[data-v-3ac95469] {
  margin: -5px 0;
  right: 100%;
}
.Tooltip--direction-top .Tooltip__arrow[data-v-3ac95469] {
  margin: 0 -10px;
  top: 100%;
}
.Tooltip--direction-bottom .Tooltip__arrow[data-v-3ac95469] {
  bottom: 100%;
  margin: 0 -10px;
}
.Tooltip--direction-bottom.Tooltip--align-start .Tooltip__arrow[data-v-3ac95469], .Tooltip--direction-top.Tooltip--align-start .Tooltip__arrow[data-v-3ac95469] {
  left: 16px;
}
.Tooltip--direction-bottom.Tooltip--align-center .Tooltip__arrow[data-v-3ac95469], .Tooltip--direction-top.Tooltip--align-center .Tooltip__arrow[data-v-3ac95469] {
  left: 50%;
}
.Tooltip--direction-bottom.Tooltip--align-end .Tooltip__arrow[data-v-3ac95469], .Tooltip--direction-top.Tooltip--align-end .Tooltip__arrow[data-v-3ac95469] {
  right: 16px;
}
.Tooltip--direction-left.Tooltip--align-start .Tooltip__arrow[data-v-3ac95469], .Tooltip--direction-right.Tooltip--align-start .Tooltip__arrow[data-v-3ac95469] {
  top: 16px;
}
.Tooltip--direction-left.Tooltip--align-center .Tooltip__arrow[data-v-3ac95469], .Tooltip--direction-right.Tooltip--align-center .Tooltip__arrow[data-v-3ac95469] {
  top: 50%;
}
.Tooltip--direction-left.Tooltip--align-end .Tooltip__arrow[data-v-3ac95469], .Tooltip--direction-right.Tooltip--align-end .Tooltip__arrow[data-v-3ac95469] {
  bottom: 16px;
}
.Tooltip__arrow-shadow[data-v-3ac95469] {
  border-radius: 50%;
  box-shadow: 0 0.5px 1.75px rgba(0, 0, 0, 0.04), 0 1.85px 6.25px rgba(0, 0, 0, 0.19);
  height: 10px;
  position: absolute;
  width: 10px;
}
.Tooltip--direction-bottom .Tooltip__arrow-shadow[data-v-3ac95469] {
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
}
.Tooltip--direction-left .Tooltip__arrow-shadow[data-v-3ac95469] {
  left: -5px;
  margin-top: -5px;
  top: 50%;
}
.Tooltip--direction-right .Tooltip__arrow-shadow[data-v-3ac95469] {
  margin-top: -5px;
  right: -5px;
  top: 50%;
}
.Tooltip--direction-top .Tooltip__arrow-shadow[data-v-3ac95469] {
  left: 50%;
  margin-left: -5px;
  top: -5px;
}
.Tooltip__arrow-icon[data-v-3ac95469] {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
.Tooltip--direction-left .Tooltip__arrow-icon[data-v-3ac95469] {
  transform: translateX(-6px) rotate(-90deg);
}
.Tooltip--direction-right .Tooltip__arrow-icon[data-v-3ac95469] {
  transform: translateX(6px) rotate(90deg);
}
.Tooltip--direction-bottom .Tooltip__arrow-icon[data-v-3ac95469] {
  transform: translateY(1px) rotate(180deg);
}
.Tooltip--direction-top .Tooltip__arrow-icon[data-v-3ac95469] {
  transform: translateY(-1px);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductInfo.vue?vue&type=style&index=0&id=18e061ca&prod&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductInfo[data-v-18e061ca] {
  position: relative;
}
.ProductInfo__item[data-v-18e061ca] {
  position: relative;
}
.ProductInfo__item + .ProductInfo__item[data-v-18e061ca] {
  margin-top: 16px;
}
.ProductInfo__actions-sizes[data-v-18e061ca] {
  position: relative;
  z-index: 1;
  padding: 8px 0;
}
.ProductInfo__preorder[data-v-18e061ca] {
  position: relative;
  margin-top: 12px;
}
.ProductInfo__delimiter[data-v-18e061ca] {
  position: relative;
  height: 1px;
  margin: 4px 0;
  background-color: rgba(95, 94, 92, 0.12);
}
.ProductInfo__rating[data-v-18e061ca] {
  display: flex;
  position: relative;
  align-items: center;
}
.ProductInfo__rating-stars[data-v-18e061ca] {
  position: relative;
  margin-right: 8px;
}
.ProductInfo__rating-text[data-v-18e061ca] {
  position: relative;
  color: rgba(79, 62, 53, 0.6);
}
.ProductInfo__pilling-label[data-v-18e061ca] {
  position: relative;
  padding: 1px 6px;
  border-radius: 9px;
  background-color: #BD9E6D;
  color: #FFFFFF;
}
.ProductInfo__pilling-label[data-v-18e061ca]:first-letter {
  text-transform: uppercase;
}
[data-v-18e061ca] .ProductInfo__size-title {
  display: inline-block;
  min-width: 100px;
}
.ProductInfo__cms-url[data-v-18e061ca] a {
  text-decoration: none;
  border-bottom: 1px solid;
  border-color: inherit;
  color: #BD9E6D;
  transition: border-bottom-color 100ms ease;
}
.ProductInfo__cms-url[data-v-18e061ca] a:hover {
  border-color: transparent;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductFullLookButton.vue?vue&type=style&index=0&id=33ed2fa0&prod&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-33ed2fa0]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductFullLookButton[data-v-33ed2fa0] {
  display: flex;
  position: absolute;
  height: 24px;
  bottom: 16px;
  right: 8px;
  padding-left: 8px;
  align-items: center;
  cursor: pointer;
  background-color: rgba(95, 94, 92, 0.4);
  border-radius: 4px;
  white-space: nowrap;
}
@media (min-width: 1024px) {
.ProductFullLookButton[data-v-33ed2fa0] {
    right: 16px;
    bottom: 24px;
}
}
.ProductFullLookButton__text[data-v-33ed2fa0] {
  position: relative;
  color: #FFFFFF;
}
.ProductFullLookButton__icons[data-v-33ed2fa0] {
  position: relative;
  width: 24px;
  height: 24px;
  margin-left: 4px;
}
.ProductFullLookButton__icon[data-v-33ed2fa0] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  stroke: #FFFFFF;
}
.ProductFullLookButton__icon--loader[data-v-33ed2fa0] {
  padding: 4px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/desktop/ProductMediaItem.vue?vue&type=style&index=0&id=3953dd18&prod&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-3953dd18]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductMediaItem[data-v-3953dd18] {
  position: relative;
  padding-bottom: 133.6%;
  overflow: hidden;
  cursor: pointer;
  border-radius: 4px;
  background-color: #F3F1EC;
}
.ProductMediaItem.ProductMediaItem--image[data-v-3953dd18] {
  cursor: url("../images/zoom-in-grey.png") 17 17, pointer;
  cursor: -webkit-image-set(url("../images/zoom-in-grey.png") 1x, url("../images/zoom-in-grey@2x.png") 2x) 17 17, pointer;
}
.ProductMediaItem__image[data-v-3953dd18], .ProductMediaItem__video[data-v-3953dd18] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.ProductMediaItem__video[data-v-3953dd18] {
  cursor: pointer;
}
.ProductMediaItem__video-source[data-v-3953dd18] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -o-object-fit: cover;
  object-fit: cover;
  transition: opacity 300ms;
}
.ProductMediaItem--video-started .ProductMediaItem__video-source[data-v-3953dd18] {
  opacity: 1;
}
.ProductMediaItem__video-play[data-v-3953dd18] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(95, 94, 92, 0.12);
  transition: opacity 300ms ease;
}
.ProductMediaItem--video-playing .ProductMediaItem__video-play[data-v-3953dd18] {
  opacity: 0;
}
.ProductMediaItem__video-play-icon[data-v-3953dd18] {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 50%;
  left: 50%;
  margin: -24px;
  fill: #FFFFFF;
  stroke: none;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/popups/templates/FullscreenTemplate.vue?vue&type=style&index=0&id=52cd3d33&prod&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-52cd3d33]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.FullscreenTemplate[data-v-52cd3d33] {
  visibility: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: visibility 300ms ease, opacity 300ms ease;
}
.FullscreenTemplate--visible[data-v-52cd3d33] {
  visibility: visible;
  opacity: 1;
}
.FullscreenTemplate__close[data-v-52cd3d33] {
  position: absolute;
  top: 12px;
  left: 12px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/desktop/ProductZoomPopup/ProductZoomPopupPreview/ProductZoomPopupPreview.vue?vue&type=style&index=0&id=fc12edce&prod&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-fc12edce]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductZoomPopupPreview[data-v-fc12edce] {
  position: relative;
  width: 36px;
  height: 52px;
  box-sizing: border-box;
  cursor: pointer;
}
.ProductZoomPopupPreview.ProductZoomPopupPreview--active[data-v-fc12edce]:after {
  opacity: 1;
}
.ProductZoomPopupPreview[data-v-fc12edce]:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 4px;
  opacity: 0;
  border: 2px solid #FFFFFF;
  transition: opacity 200ms ease;
}
.ProductZoomPopupPreview__image[data-v-fc12edce] {
  position: absolute;
  width: 32px;
  height: 48px;
  top: 2px;
  left: 2px;
  overflow: hidden;
  border-radius: 2px;
}
.ProductZoomPopupPreview__image[data-v-fc12edce]:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  border: 1px solid rgba(95, 94, 92, 0.12);
}
.ProductZoomPopupPreview__image-src[data-v-fc12edce] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/desktop/ProductZoomPopup/ProductZoomPopup/ProductZoomPopup.vue?vue&type=style&index=0&id=57cfcd44&prod&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProductZoomPopup[data-v-57cfcd44] {
  background-color: #FFFFFF;
}
.ProductZoomPopup__slick[data-v-57cfcd44] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-size: 0;
  white-space: nowrap;
}
.ProductZoomPopup__slick-item[data-v-57cfcd44] {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: auto;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.ProductZoomPopup__slick-item[data-v-57cfcd44]::-webkit-scrollbar {
  display: none;
}
.ProductZoomPopup--visible .ProductZoomPopup__slick-item[data-v-57cfcd44] {
  cursor: url("../images/cross-cursor-grey.svg") 20 20, pointer;
}
.ProductZoomPopup__slick-item-image[data-v-57cfcd44] {
  display: block;
  position: relative;
  width: 100vw;
  height: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}
.ProductZoomPopup__arrow[data-v-57cfcd44] {
  position: absolute;
  width: 64px;
  height: 100%;
  top: 0;
  cursor: pointer;
}
.ProductZoomPopup__arrow.ProductZoomPopup__arrow--right[data-v-57cfcd44] {
  right: 0;
}
.ProductZoomPopup__arrow.ProductZoomPopup__arrow--left[data-v-57cfcd44] {
  left: 0;
}
.ProductZoomPopup__arrow-icon[data-v-57cfcd44] {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  padding: 8px;
  box-sizing: border-box;
  border-radius: 20px;
  background-color: rgba(95, 94, 92, 0.4);
  stroke: #FFFFFF;
}
.ProductZoomPopup__close[data-v-57cfcd44] {
  top: 12px;
  left: 12px;
  background-color: rgba(95, 94, 92, 0.4);
  border-radius: 20px;
}
.ProductZoomPopup__previews[data-v-57cfcd44] {
  display: flex;
  position: absolute;
  right: 64px;
  bottom: 10px;
  left: 64px;
  justify-content: center;
  gap: 4px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/desktop/ProductMediaGrid.vue?vue&type=style&index=0&id=1357c98c&prod&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-1357c98c]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductMediaGrid[data-v-1357c98c] {
  position: relative;
  margin: 0 -8px;
  font-size: 0;
}
.ProductMediaGrid__item[data-v-1357c98c] {
  display: inline-block;
  position: relative;
  padding: 0 8px 16px;
  box-sizing: border-box;
}
.ProductMediaGrid__item--extra-large[data-v-1357c98c] {
  width: 100%;
}
.ProductMediaGrid__item--large[data-v-1357c98c] {
  width: 50%;
}
.ProductMediaGrid__item--medium[data-v-1357c98c] {
  width: 33.33%;
}
.ProductMediaGrid__item--small[data-v-1357c98c] {
  width: 25%;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/ui-kit/controls/Bullets/Bullets.vue?vue&type=style&index=0&id=546607cc&prod&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
[data-v-546607cc]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.Bullets[data-v-546607cc] {
  display: flex;
  position: relative;
}
.Bullets.Bullets--vertical[data-v-546607cc] {
  display: block;
}
.Bullets__item[data-v-546607cc] {
  position: relative;
  height: 2px;
  flex: 1;
  overflow: hidden;
  transition: background-color 200ms ease;
}
@media (min-width: 1024px) {
.Bullets__item[data-v-546607cc] {
    width: 67px;
}
}
.Bullets--light .Bullets__item[data-v-546607cc] {
  background-color: rgba(255, 255, 255, 0.4);
}
.Bullets--dark .Bullets__item[data-v-546607cc] {
  background-color: rgba(79, 62, 53, 0.4);
}
.Bullets--split .Bullets__item[data-v-546607cc] {
  border-radius: 2px;
}
.Bullets--split .Bullets__item + .Bullets__item[data-v-546607cc] {
  margin-left: 2px;
}
.Bullets--round .Bullets__item[data-v-546607cc] {
  width: 4px;
  height: 4px;
}
.Bullets--round .Bullets__item + .Bullets__item[data-v-546607cc] {
  margin: 4px 0 0;
}
.Bullets__item-progress[data-v-546607cc] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.Bullets--light .Bullets__item-progress[data-v-546607cc] {
  background-color: #FFFFFF;
}
.Bullets--dark .Bullets__item-progress[data-v-546607cc] {
  background-color: #4F3E35;
}
.Bullets--split .Bullets__item-progress[data-v-546607cc] {
  border-radius: 2px;
}
.Bullets .progress-enter-active[data-v-546607cc] {
  transition: transform 5000ms linear;
}
.Bullets .progress-leave-active[data-v-546607cc] {
  transition-duration: 0ms !important;
}
.Bullets .progress-enter[data-v-546607cc], .Bullets .progress-leave-to[data-v-546607cc] {
  transform: translateX(-100%);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/mobile/ProductMediaSliderItem.vue?vue&type=style&index=0&id=08d27508&prod&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProductMediaSliderItem[data-v-08d27508] {
  position: relative;
  box-sizing: border-box;
}
.ProductMediaSliderItem__image[data-v-08d27508], .ProductMediaSliderItem__video[data-v-08d27508] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-touch-callout: default;
}
.ProductMediaSliderItem__video[data-v-08d27508] {
  display: none;
}
.ProductMediaSliderItem__video--loaded[data-v-08d27508] {
  display: block;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/PinchZoom.vue?vue&type=style&index=0&id=05c7e764&prod&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.pinchZoom[data-v-05c7e764] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.pinchZoom__content[data-v-05c7e764] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-origin: 0 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/mobile/ProductZoomPopup.vue?vue&type=style&index=0&id=446e1447&prod&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductZoomPopup__shadow[data-v-446e1447] {
  position: absolute;
  width: 100%;
  height: 112px;
  top: 0;
  left: 0;
  opacity: 0.6;
  background: linear-gradient(0deg, rgba(95, 94, 92, 0) 0%, rgba(95, 94, 92, 0) 2.92%, rgba(95, 94, 92, 0.012) 10.97%, rgba(95, 94, 92, 0.036) 23.1%, rgba(95, 94, 92, 0.09) 38.27%, rgba(95, 94, 92, 0.18) 55.41%, rgba(95, 94, 92, 0.306) 73.47%, rgba(95, 94, 92, 0.6) 100%);
  pointer-events: none;
}
.ProductZoomPopup__close[data-v-446e1447] {
  position: absolute;
  width: 56px;
  height: 56px;
  top: 0;
  left: 0;
  cursor: pointer;
}
.ProductZoomPopup__close-icon[data-v-446e1447] {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  stroke: #FFFFFF;
}
.ProductZoomPopup__loader[data-v-446e1447] {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -16px;
  stroke: rgba(79, 62, 53, 0.6);
}
.ProductZoomPopup__slick[data-v-446e1447] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-size: 0;
  white-space: nowrap;
}
.ProductZoomPopup__slick-item[data-v-446e1447] {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100vh;
}
.ProductZoomPopup__slick-item-image[data-v-446e1447] {
  position: relative;
  width: 100vw;
  height: 100vh;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-touch-callout: default;
}
.ProductZoomPopup__bullets[data-v-446e1447] {
  position: absolute;
  right: 8px;
  bottom: 7px;
  left: 8px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/mobile/ProductMediaSlider.vue?vue&type=style&index=0&id=5a15ce5b&prod&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-5a15ce5b]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductMediaSlider[data-v-5a15ce5b] {
  position: relative;
  margin: 0 -16px;
}
@media (min-width: 1024px) {
.ProductMediaSlider[data-v-5a15ce5b] {
    margin: 0 -32px;
}
}
@media (min-width: 1280px) {
.ProductMediaSlider[data-v-5a15ce5b] {
    margin: 0 -40px;
}
}
.ProductMediaSlider__shadow[data-v-5a15ce5b] {
  position: absolute;
  width: 100%;
  height: 112px;
  top: 0;
  left: 0;
  opacity: 0.6;
  background: linear-gradient(0deg, rgba(95, 94, 92, 0) 0%, rgba(95, 94, 92, 0) 2.92%, rgba(95, 94, 92, 0.012) 10.97%, rgba(95, 94, 92, 0.036) 23.1%, rgba(95, 94, 92, 0.09) 38.27%, rgba(95, 94, 92, 0.18) 55.41%, rgba(95, 94, 92, 0.306) 73.47%, rgba(95, 94, 92, 0.6) 100%);
  pointer-events: none;
}
.ProductMediaSlider__slick[data-v-5a15ce5b] {
  position: relative;
}
.ProductMediaSlider__slick[data-v-5a15ce5b] .slick-slide > div {
  line-height: 0;
}
.ProductMediaSlider__slick-bullets[data-v-5a15ce5b] {
  position: absolute;
  right: 8px;
  bottom: 7px;
  left: 8px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductMedia.vue?vue&type=style&index=0&id=b6b381c8&prod&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-b6b381c8]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductMedia[data-v-b6b381c8] {
  position: relative;
}
.ProductMedia__back-button[data-v-b6b381c8] {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 8px;
  left: 8px;
  padding: 8px;
  box-sizing: border-box;
  text-decoration: none;
  stroke: #FFFFFF;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/desktop/ProductShortInfo.vue?vue&type=style&index=0&id=823f902a&prod&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-823f902a]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.ProductShortInfo[data-v-823f902a] {
  position: fixed;
  width: 100%;
  height: 116px;
  top: 64px;
  left: 0;
  z-index: 1;
  background-color: #FFFFFF;
  box-shadow: 0 0.5px 1.75px rgba(0, 0, 0, 0.04), 0 1.85px 6.25px rgba(0, 0, 0, 0.19);
  transform: translateY(-150%);
  transition: transform 500ms ease;
}
.ProductShortInfo--visible[data-v-823f902a] {
  transform: translateY(0);
}
.ProductShortInfo__wrapper[data-v-823f902a] {
  display: flex;
  position: relative;
  height: 100%;
  margin-left: 16px;
  margin-right: 16px;
  width: auto;
  padding: 16px 0;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1024px) {
.ProductShortInfo__wrapper[data-v-823f902a] {
    margin-left: 32px;
    margin-right: 32px;
}
}
@media (min-width: 1280px) {
.ProductShortInfo__wrapper[data-v-823f902a] {
    margin-left: 40px;
    margin-right: 40px;
}
}
@media (min-width: 1440px) {
.ProductShortInfo__wrapper[data-v-823f902a] {
    margin-left: 56px;
    margin-right: 56px;
}
}
@media (min-width: 1600px) {
.ProductShortInfo__wrapper[data-v-823f902a] {
    margin-left: auto;
    margin-right: auto;
    max-width: 1616px;
    width: 93%;
}
}
.ProductShortInfo__left[data-v-823f902a] {
  display: flex;
  position: relative;
  align-items: flex-start;
}
.ProductShortInfo__right[data-v-823f902a] {
  position: relative;
}
.ProductShortInfo__image[data-v-823f902a] {
  position: relative;
  width: 63px;
  height: 84px;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 2px;
  border: 1px solid rgba(95, 94, 92, 0.12);
}
.ProductShortInfo__image-source[data-v-823f902a] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
}
.ProductShortInfo__content[data-v-823f902a] {
  position: relative;
  margin-left: 16px;
}
.ProductShortInfo__title[data-v-823f902a] {
  position: relative;
  color: #4F3E35;
}
.ProductShortInfo__price[data-v-823f902a] {
  position: relative;
  white-space: nowrap;
  color: rgba(79, 62, 53, 0.6);
}
.ProductShortInfo__price-item[data-v-823f902a] {
  color: #4F3E35;
}
.ProductShortInfo__price-item--new[data-v-823f902a] {
  color: #8F2E27;
}
.ProductShortInfo__price-item--old[data-v-823f902a] {
  text-decoration: line-through;
  color: rgba(79, 62, 53, 0.4);
}
.ProductShortInfo__content-bottom[data-v-823f902a] {
  display: flex;
  position: relative;
  margin-top: 8px;
  align-items: center;
}
.ProductShortInfo__color[data-v-823f902a] {
  position: relative;
  padding-left: 26px;
}
.ProductShortInfo__color-circle[data-v-823f902a] {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 3px;
  margin-top: -6px;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid rgba(79, 62, 53, 0.12);
}
.ProductShortInfo__color-text[data-v-823f902a] {
  position: relative;
  color: #4F3E35;
}
.ProductShortInfo__size[data-v-823f902a] {
  position: relative;
  margin-left: 4px;
  color: #4F3E35;
}
.ProductShortInfo__size[data-v-823f902a]:before {
  content: "·";
  margin-right: 4px;
  color: rgba(79, 62, 53, 0.6);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductToast/ProductToast.vue?vue&type=style&index=0&id=1ce3e228&prod&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.ProductToast[data-v-1ce3e228] {
  display: flex;
  position: fixed;
  min-height: 64px;
  z-index: 111;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: white;
}
.ProductToast--mobile[data-v-1ce3e228] {
  min-height: 0;
  position: absolute;
  z-index: 10;
}
.ProductToast--top[data-v-1ce3e228], .ProductToast--bottom[data-v-1ce3e228] {
  right: 0;
  left: 0;
  padding: 16px;
}
.ProductToast--top[data-v-1ce3e228] {
  top: 0;
}
.ProductToast--bottom[data-v-1ce3e228] {
  bottom: 0;
}
.ProductToast--bottom-left[data-v-1ce3e228], .ProductToast--bottom-right[data-v-1ce3e228], .ProductToast--top-left[data-v-1ce3e228], .ProductToast--top-right[data-v-1ce3e228] {
  padding: 16px;
  box-sizing: border-box;
}
.ProductToast--bottom-left[data-v-1ce3e228], .ProductToast--bottom-right[data-v-1ce3e228] {
  bottom: 0;
}
.ProductToast--top-left[data-v-1ce3e228], .ProductToast--top-right[data-v-1ce3e228] {
  top: 64px;
}
.ProductToast--bottom-right[data-v-1ce3e228], .ProductToast--top-right[data-v-1ce3e228] {
  /* Чтобы Toast "не прыгали" при открытии-закрытии попапов */
  left: calc(100vw - 16px);
  transform: translate(-100%, 0);
}
.ProductToast--bottom-left[data-v-1ce3e228], .ProductToast--top-left[data-v-1ce3e228] {
  left: 0;
}
.ProductToast__body[data-v-1ce3e228] {
  background-color: #5F5E5C;
  display: flex;
  position: relative;
  align-items: center;
  gap: 4px;
  overflow: hidden;
  border-radius: 4px;
}
.ProductToast--with-text .ProductToast__body[data-v-1ce3e228] {
  box-shadow: 0 3px 13px rgba(0, 0, 0, 0.04), 0 10.5px 36px rgba(0, 0, 0, 0.19);
}
.ProductToast--with-image.ProductToast--mobile .ProductToast__body[data-v-1ce3e228] {
  flex: 1;
}
.ProductToast__body[data-v-1ce3e228]:after {
  border: 1px solid rgba(255, 255, 255, 0.12);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  border-radius: 4px;
}
.ProductToast__icon-wrapper[data-v-1ce3e228] {
  position: relative;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  padding: 10px 0;
}
.ProductToast__image-wrapper[data-v-1ce3e228] {
  flex-grow: 0;
  flex-shrink: 0;
  height: 54px;
  margin-right: 4px;
  position: relative;
  width: 36px;
}
.ProductToast__image[data-v-1ce3e228] {
  display: block;
  height: calc(100% + 2px);
  left: -1px;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: -1px;
  width: calc(100% + 1px);
  z-index: 1;
}
.ProductToast__content[data-v-1ce3e228] {
  flex: 1;
  min-width: 0;
  padding: 6px 12px;
  position: relative;
}
.ProductToast--with-button .ProductToast__content[data-v-1ce3e228] {
  padding-right: 8px;
}
.ProductToast--with-image .ProductToast__content[data-v-1ce3e228] {
  padding-left: 8px;
}
.ProductToast--with-text .ProductToast__content[data-v-1ce3e228] {
  padding-top: 4px;
  padding-bottom: 4px;
}
.ProductToast--with-image.ProductToast--desktop .ProductToast__content[data-v-1ce3e228] {
  width: 280px;
}
.ProductToast__title[data-v-1ce3e228] {
  color: white;
  position: relative;
}
.ProductToast__text[data-v-1ce3e228] {
  color: rgba(255, 255, 255, 0.6);
  position: relative;
}
.ProductToast__close[data-v-1ce3e228] {
  position: relative;
  width: 20px;
  height: 20px;
  padding: 10px 0;
  margin-right: 10px;
  cursor: pointer;
}
.ProductToast__controls[data-v-1ce3e228] {
  display: flex;
  position: relative;
  padding: 4px 12px 4px 8px;
  align-items: center;
}
.ProductToast__link[data-v-1ce3e228] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/components/Product/ProductToastContainer/ProductToastContainer.vue?vue&type=style&index=0&id=49ca648b&prod&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";

/* ---- COLORS ---- */
/**
@deprecated (переходим на neutral-dark)
*/
/**
@deprecated
*/
/**
@deprecated (base меняем на primary)
*/
/* ---- SHADOWS ---- */
/* ---- GRADIENTS ----*/
.slide-fade-enter-active {
  transition: opacity 400ms ease, transform 400ms ease;
}
.slide-fade-leave-active {
  transition: opacity 200ms ease;
}
.slide-fade-enter {
  opacity: 0;
  transform: translateY(16px);
}
.slide-fade-leave-to {
  opacity: 0;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/layouts/base/components/StickyBlock.vue?vue&type=style&index=0&id=38dce72f&prod&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.stickyBlock[data-v-38dce72f] {
  position: relative;
  height: 100%;
}
.stickyBlock.stickyBlock--disabled .stickyBlock__content[data-v-38dce72f] {
  position: relative;
}
.stickyBlock .stickyBlock__content[data-v-38dce72f] {
  position: sticky;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/modules/catalog/pages/product/index/ProductPage.vue?vue&type=style&index=0&id=524f7a8d&prod&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-524f7a8d]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
[data-v-524f7a8d]:export {
  main: #887569;
  mainHover: #7A685B;
  secondary: #BAAFA9;
  tertiary: #F7F5F4;
  link: #C4A996;
  linkHover: #B89984;
  disabled: #DBD7D2;
  border: #EBE6E1;
  background: #F5F3F3;
  backgroundBrown: #A89584;
  white: #FFFFFF;
  whiteHover: rgba(255, 255, 255, 0.72);
  black: #000000;
  blackTransparent: rgba(0, 0, 0, 0.24);
  wine: #780002;
  savannah: #A89583;
  savannahHover: #968472;
  errorMain: #8D0624;
  errorSecondary: rgba(141, 6, 36, 0.35);
}
.ProductPage[data-v-524f7a8d] {
  overflow: hidden;
  padding-bottom: 56px;
  position: relative;
}
@media (min-width: 1024px) {
.ProductPage[data-v-524f7a8d] {
    overflow: visible;
    padding-bottom: 0;
}
}
.ProductPage__wrapper[data-v-524f7a8d] {
  position: relative;
  margin-left: 16px;
  margin-right: 16px;
  width: auto;
}
@media (min-width: 1024px) {
.ProductPage__wrapper[data-v-524f7a8d] {
    margin-left: 32px;
    margin-right: 32px;
}
}
@media (min-width: 1280px) {
.ProductPage__wrapper[data-v-524f7a8d] {
    margin-left: 40px;
    margin-right: 40px;
}
}
@media (min-width: 1440px) {
.ProductPage__wrapper[data-v-524f7a8d] {
    margin-left: 56px;
    margin-right: 56px;
}
}
@media (min-width: 1600px) {
.ProductPage__wrapper[data-v-524f7a8d] {
    margin-left: auto;
    margin-right: auto;
    max-width: 1616px;
    width: 93%;
}
}
.ProductPage__breadcrumbs[data-v-524f7a8d] {
  padding: 20px 0;
}
.ProductPage__columns[data-v-524f7a8d] {
  position: relative;
}
@media (min-width: 1024px) {
.ProductPage__columns[data-v-524f7a8d] {
    display: flex;
}
}
.ProductPage__column[data-v-524f7a8d] {
  position: relative;
  flex: 1;
}
.ProductPage__column--left[data-v-524f7a8d] {
  max-width: 100%;
}
.ProductPage__column--right[data-v-524f7a8d] {
  z-index: 1;
}
@media (min-width: 1024px) {
.ProductPage__column--right[data-v-524f7a8d] {
    margin-left: 24px;
    max-width: 33%;
}
}
@media (min-width: 1280px) {
.ProductPage__column--right[data-v-524f7a8d] {
    margin-left: 60px;
    max-width: 30%;
}
}
.ProductPage__mobile-wishlist-button[data-v-524f7a8d] {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 16px;
  bottom: 16px;
  cursor: pointer;
}
.ProductPage__mobile-wishlist-button-icon[data-v-524f7a8d] {
  position: absolute;
  width: 17px;
  height: 15px;
  top: 50%;
  left: 50%;
  margin: -7.5px 0 0 -8.5px;
}

/*# sourceMappingURL=styles.css.map*/