/* Start:/res/mainTemplate/45ba26caa4702ab9d9ca.css?1756987864292316*/
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./www/local/templates/main/ui/style.scss ***!
  \*******************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: "Normalidad";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/res/1ea4cd3959a2a01d5b53.eot);
  src: url(/res/1ea4cd3959a2a01d5b53.eot?#iefix) format("embedded-opentype"), url(/res/df43aaf7475eab6439b0.otf) format("opentype"), url(/res/e75b15705816ba94b293.ttf) format("truetype"), url(/res/b2962d8b7cdb4b21e211.woff) format("woff"), url(/res/8d4cd2a108988b8bd3ae.woff2) format("woff2");
}
@font-face {
  font-family: "Normalidad";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/res/144fd81b3212deaecb0c.eot);
  src: url(/res/144fd81b3212deaecb0c.eot?#iefix) format("embedded-opentype"), url(/res/06c3eca0dfe4f255e08c.otf) format("opentype"), url(/res/1a190cdbea5e710e23c8.ttf) format("truetype"), url(/res/b8094262561121852595.woff) format("woff"), url(/res/8abe6bb415d009e25104.woff2) format("woff2");
}
@font-face {
  font-family: "Normalidad";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/res/dc6051c7ddf2152d41bd.eot);
  src: url(/res/dc6051c7ddf2152d41bd.eot?#iefix) format("embedded-opentype"), url(/res/32cbf02c4b282c7b885d.otf) format("opentype"), url(/res/44e966077a03f76135a6.ttf) format("truetype"), url(/res/2d82f8c2c44d342b74be.woff) format("woff"), url(/res/aa820e0527921e3fce65.woff2) format("woff2");
}
@font-face {
  font-family: "Normalidad";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/res/f65cb3c64c8828769576.eot);
  src: url(/res/f65cb3c64c8828769576.eot?#iefix) format("embedded-opentype"), url(/res/aff4e3cf3b7a753aa326.otf) format("opentype"), url(/res/1b6cd46dca3940b776c9.ttf) format("truetype"), url(/res/20aff53a6fe8a702a3a4.woff) format("woff"), url(/res/f3e3edbffda0744f784a.woff2) format("woff2");
}
@font-face {
  font-family: "Normalidad";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/res/b6a4eb4237b37b8b2807.eot);
  src: url(/res/b6a4eb4237b37b8b2807.eot?#iefix) format("embedded-opentype"), url(/res/1a91914618a33497e0e0.otf) format("opentype"), url(/res/7d167b15c8ad6d5b0a9e.ttf) format("truetype"), url(/res/e0fdfc32e8829ed20204.woff) format("woff"), url(/res/12d54823c5ec25481080.woff2) format("woff2");
}
@font-face {
  font-family: "Normalidad";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/res/2e3867525b43457cc99d.eot);
  src: url(/res/2e3867525b43457cc99d.eot?#iefix) format("embedded-opentype"), url(/res/90207ce7356540599112.otf) format("opentype"), url(/res/5ed122361b83c3765b2c.ttf) format("truetype"), url(/res/13a5771ac0d45304450c.woff) format("woff"), url(/res/9261787eb0c15bd97f5b.woff2) format("woff2");
}
/**
 * Размер в дизайне указан, если у страницы маленькие отступы по бокам, цель функции пересчитать размеры, в случае, если
 * мы увеличиваем отступы, но хотим чтобы визуально страница осталась такой же, то есть уменьшаем размер пропорционально
 * уменьшению ширины контентной области
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @param {number} $oldContent - Изначальная ширина контентной области в пикселях (без указания px)
 * @param {number} $newContent - Измененная ширина контентной области в пикселях (без указания px)
 * @return {number} - Измененный размер в пикселях (без указания px)
 */
/**
 * Функция возвращает адаптивные размеры в заданном диапазоне, при пороге в $widthMaxSize и больше, размер будет
 * $maxSize, в диапазоне между $widthMinSize и $widthMaxSize, размер будет пропорционально уменьшаться/увеличиваться,
 * при достижении порога в $widthMinSize и меньше размер будет $minSize
 *
 * @param {number} $widthMinSize - Минимальная ширина экрана в пикселях (без указания px)
 * @param {number} $widthMaxSize - Максимальная ширина экрана в пикселях (без указания px)
 * @param {number} $minSize - Размер, который указан для минимальной ширины экрана в пикселях (без указания px)
 * @param {number} $maxSize - Размер, который указан для максимальной ширины экрана в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки больших экранов (от 1652px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки менее больших экранов (от 1551px до 1651px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки средних экранов (до 1550px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки маленьких экранов (от 1025px до 1252px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне планшетной верстки (от 768px до 1024px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне мобильной верстки (от 375px до 768px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * MIXINS: для каждого свойства десктопной верстки
 *
 * @param {number} ...$size - Размеры в пикселях (без указания px)
 * @return {property: px}
 */
html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Normalidad", sans-serif;
  font-weight: 400;
  font-style: normal;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  color: #24282B;
}
body {
  font-size: 13.6695652174px;
}
@media (max-width: 1651px) {
  body {
    font-size: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  body {
    font-size: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  body {
    font-size: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
body.scroll-lock {
  overflow: hidden;
  padding-right: var(--scroll-padding);
  touch-action: none;
}

.button, button, input, textarea, th {
  font-family: "Normalidad", sans-serif;
  font-weight: 500;
  color: #24282B;
}
.button, button, input, textarea, th {
  font-size: 13.6695652174px;
}
@media (max-width: 1651px) {
  .button, button, input, textarea, th {
    font-size: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .button, button, input, textarea, th {
    font-size: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .button, button, input, textarea, th {
    font-size: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
@media (max-width: 1024px) {
  .button, button, input, textarea, th {
    font-size: 16px;
  }
}

p {
  margin: 0;
}

h1, h2, h3 {
  margin: 0;
  font-weight: 500;
}

a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
}

p a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #007B82;
}
p a:hover {
  color: #33959B;
}

.app {
  flex-grow: 1;
  width: 100%;
  margin: 0 auto;
}

.main {
  overflow-x: hidden;
}
.main {
  padding: 0px 34.1739130435px;
}
@media (max-width: 1651px) {
  .main {
    padding: clamp(0px, 0px + 0 * (100vw - 1551px) / 100, 0px) clamp(32.4565217391px, 32.4565217391px + 1.7173913043 * (100vw - 1551px) / 100, 34.1739130435px);
  }
}
@media (max-width: 1550px) {
  .main {
    padding: 0px 26.0869565217px;
  }
}
@media (max-width: 1252px) {
  .main {
    padding: clamp(0px, 0px + 0 * (100vw - 1025px) / 227, 0px) clamp(21.152173913px, 21.152173913px + 4.9347826087 * (100vw - 1025px) / 227, 26.0869565217px);
  }
}
.main {
  margin-top: 79.4543478261px;
}
@media (max-width: 1651px) {
  .main {
    margin-top: clamp(75.4614130435px, 75.4614130435px + 3.9929347826 * (100vw - 1551px) / 100, 79.4543478261px);
  }
}
@media (max-width: 1550px) {
  .main {
    margin-top: 60.652173913px;
  }
}
@media (max-width: 1252px) {
  .main {
    margin-top: clamp(49.1788043478px, 49.1788043478px + 11.4733695652 * (100vw - 1025px) / 227, 60.652173913px);
  }
}
@media (max-width: 1024px) {
  .main {
    padding: 0 40px;
    margin-top: 69px;
  }
}
@media (max-width: 767px) {
  .main {
    padding: 0 clamp(12px, 12px + 28 * (100vw - 375px) / 393, 40px);
    margin-top: clamp(65px, 65px + 4 * (100vw - 375px) / 393, 69px);
  }
}
.main:has(.page-404) {
  background: url(/res/images/316ee6686165fc8b1009.png) no-repeat right;
  background-size: cover;
}
@media (max-width: 1024px) {
  .main:has(.page-404) {
    background: url(/res/images/dba6c62e42b5d0e6ace9.png) no-repeat right;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .main:has(.page-404) {
    background: url(/res/images/c9683fe499f6e681915f.png) no-repeat right;
    background-size: cover;
  }
}
.main:has(.development) {
  background: url(/res/images/11e29e2b0adedf12543f.png) no-repeat right;
  background-size: cover;
}
@media (max-width: 1024px) {
  .main:has(.development) {
    background: url(/res/images/f2317916761e8d78cc35.png) no-repeat right;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .main:has(.development) {
    background: url(/res/images/853df0f80bf27a7a995f.png) no-repeat right;
    background-size: cover;
  }
}
.main__title {
  margin-top: 6.8347826087px;
}
@media (max-width: 1651px) {
  .main__title {
    margin-top: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (max-width: 1550px) {
  .main__title {
    margin-top: 5.2173913043px;
  }
}
@media (max-width: 1252px) {
  .main__title {
    margin-top: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
.main__title {
  font-size: 41.0086956522px;
}
@media (max-width: 1651px) {
  .main__title {
    font-size: clamp(38.947826087px, 38.947826087px + 2.0608695652 * (100vw - 1551px) / 100, 41.0086956522px);
  }
}
@media (max-width: 1550px) {
  .main__title {
    font-size: 31.3043478261px;
  }
}
@media (max-width: 1252px) {
  .main__title {
    font-size: clamp(25.3826086957px, 25.3826086957px + 5.9217391304 * (100vw - 1025px) / 227, 31.3043478261px);
  }
}
.main__title {
  line-height: 41.0086956522px;
}
@media (max-width: 1651px) {
  .main__title {
    line-height: clamp(38.947826087px, 38.947826087px + 2.0608695652 * (100vw - 1551px) / 100, 41.0086956522px);
  }
}
@media (max-width: 1550px) {
  .main__title {
    line-height: 31.3043478261px;
  }
}
@media (max-width: 1252px) {
  .main__title {
    line-height: clamp(25.3826086957px, 25.3826086957px + 5.9217391304 * (100vw - 1025px) / 227, 31.3043478261px);
  }
}
@media (max-width: 1024px) {
  .main__title {
    font-size: clamp(36px, 36px + 12 * (100vw - 768px) / 256, 48px);
    line-height: clamp(36px, 36px + 12 * (100vw - 768px) / 256, 48px);
  }
}
@media (max-width: 767px) {
  .main__title {
    font-size: clamp(32px, 32px + 4 * (100vw - 375px) / 393, 36px);
    line-height: clamp(36px, 36px + -4 * (100vw - 375px) / 393, 32px);
  }
}
.main__title-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main__title-block {
  margin-bottom: 27.3391304348px;
}
@media (max-width: 1651px) {
  .main__title-block {
    margin-bottom: clamp(25.9652173913px, 25.9652173913px + 1.3739130435 * (100vw - 1551px) / 100, 27.3391304348px);
  }
}
@media (max-width: 1550px) {
  .main__title-block {
    margin-bottom: 20.8695652174px;
  }
}
@media (max-width: 1252px) {
  .main__title-block {
    margin-bottom: clamp(16.9217391304px, 16.9217391304px + 3.947826087 * (100vw - 1025px) / 227, 20.8695652174px);
  }
}
@media (max-width: 1024px) {
  .main__title-block {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .main__title-block {
    flex-direction: column;
    gap: 28px;
    align-items: unset;
    justify-content: unset;
    margin-bottom: clamp(28px, 28px + 4 * (100vw - 375px) / 393, 32px);
  }
}
.main__arrow {
  width: 15.3782608696px;
}
@media (max-width: 1651px) {
  .main__arrow {
    width: clamp(14.6054347826px, 14.6054347826px + 0.772826087 * (100vw - 1551px) / 100, 15.3782608696px);
  }
}
@media (max-width: 1550px) {
  .main__arrow {
    width: 11.7391304348px;
  }
}
@media (max-width: 1252px) {
  .main__arrow {
    width: clamp(9.5184782609px, 9.5184782609px + 2.2206521739 * (100vw - 1025px) / 227, 11.7391304348px);
  }
}

.content {
  max-width: 1572px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1550px) {
  .content {
    max-width: 1200px;
  }
}

.checkbox {
  display: inline-flex;
  align-items: center;
}
.checkbox input[type=checkbox] {
  display: none;
}
.checkbox input[type=checkbox]:checked + label:before {
  border-color: #000000;
}
.checkbox input[type=checkbox]:checked + label:after {
  content: "";
  background: url(/res/images/4055d9905efed995eab0.png) no-repeat center;
  background-size: cover;
  position: absolute;
  opacity: 1;
  transition: opacity 0.2s;
  top: 4px;
}
.checkbox input[type=checkbox]:checked + label:after {
  left: 3.4173913043px;
}
@media (max-width: 1651px) {
  .checkbox input[type=checkbox]:checked + label:after {
    left: clamp(3.2456521739px, 3.2456521739px + 0.1717391304 * (100vw - 1551px) / 100, 3.4173913043px);
  }
}
@media (max-width: 1550px) {
  .checkbox input[type=checkbox]:checked + label:after {
    left: 2.6086956522px;
  }
}
@media (max-width: 1252px) {
  .checkbox input[type=checkbox]:checked + label:after {
    left: clamp(2.1152173913px, 2.1152173913px + 0.4934782609 * (100vw - 1025px) / 227, 2.6086956522px);
  }
}
.checkbox input[type=checkbox]:checked + label:after {
  width: 6.8347826087px;
}
@media (max-width: 1651px) {
  .checkbox input[type=checkbox]:checked + label:after {
    width: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (max-width: 1550px) {
  .checkbox input[type=checkbox]:checked + label:after {
    width: 5.2173913043px;
  }
}
@media (max-width: 1252px) {
  .checkbox input[type=checkbox]:checked + label:after {
    width: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
.checkbox input[type=checkbox]:checked + label:after {
  height: 5.9804347826px;
}
@media (max-width: 1651px) {
  .checkbox input[type=checkbox]:checked + label:after {
    height: clamp(5.6798913043px, 5.6798913043px + 0.3005434783 * (100vw - 1551px) / 100, 5.9804347826px);
  }
}
@media (max-width: 1550px) {
  .checkbox input[type=checkbox]:checked + label:after {
    height: 4.5652173913px;
  }
}
@media (max-width: 1252px) {
  .checkbox input[type=checkbox]:checked + label:after {
    height: clamp(3.7016304348px, 3.7016304348px + 0.8635869565 * (100vw - 1025px) / 227, 4.5652173913px);
  }
}
@media (max-width: 1550px) {
  .checkbox input[type=checkbox]:checked + label:after {
    top: 3px;
  }
}
@media (max-width: 1024px) {
  .checkbox input[type=checkbox]:checked + label:after {
    left: 3.9px;
    width: 8px;
    height: 7px;
  }
}
.checkbox label {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  color: #24282B;
  font-weight: 350;
}
.checkbox label {
  font-size: 13.6695652174px;
}
@media (max-width: 1651px) {
  .checkbox label {
    font-size: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .checkbox label {
    font-size: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .checkbox label {
    font-size: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
.checkbox label {
  line-height: 17.0869565217px;
}
@media (max-width: 1651px) {
  .checkbox label {
    line-height: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .checkbox label {
    line-height: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .checkbox label {
    line-height: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
.checkbox label {
  padding-left: 19.65px;
}
@media (max-width: 1651px) {
  .checkbox label {
    padding-left: clamp(18.6625px, 18.6625px + 0.9875 * (100vw - 1551px) / 100, 19.65px);
  }
}
@media (max-width: 1550px) {
  .checkbox label {
    padding-left: 15px;
  }
}
@media (max-width: 1252px) {
  .checkbox label {
    padding-left: clamp(12.1625px, 12.1625px + 2.8375 * (100vw - 1025px) / 227, 15px);
  }
}
@media (max-width: 1024px) {
  .checkbox label {
    font-weight: 400;
    padding-left: 23px;
    font-size: 12px;
    line-height: 16px;
  }
}
.checkbox label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: #FFFFFF;
  box-sizing: border-box;
}
.checkbox label:before {
  width: 13.6695652174px;
}
@media (max-width: 1651px) {
  .checkbox label:before {
    width: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .checkbox label:before {
    width: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .checkbox label:before {
    width: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
.checkbox label:before {
  height: 13.6695652174px;
}
@media (max-width: 1651px) {
  .checkbox label:before {
    height: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .checkbox label:before {
    height: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .checkbox label:before {
    height: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
.checkbox label:before {
  border: 2.5630434783px solid #E5E6EC;
}
@media (max-width: 1651px) {
  .checkbox label:before {
    border: clamp(2.4342391304px, 2.4342391304px + 0.1288043478 * (100vw - 1551px) / 100, 2.5630434783px) solid #E5E6EC;
  }
}
@media (max-width: 1550px) {
  .checkbox label:before {
    border: 1.9565217391px solid #E5E6EC;
  }
}
@media (max-width: 1252px) {
  .checkbox label:before {
    border: clamp(1.5864130435px, 1.5864130435px + 0.3701086957 * (100vw - 1025px) / 227, 1.9565217391px) solid #E5E6EC;
  }
}
.checkbox label:before {
  border-radius: 2.5630434783px;
}
@media (max-width: 1651px) {
  .checkbox label:before {
    border-radius: clamp(2.4342391304px, 2.4342391304px + 0.1288043478 * (100vw - 1551px) / 100, 2.5630434783px);
  }
}
@media (max-width: 1550px) {
  .checkbox label:before {
    border-radius: 1.9565217391px;
  }
}
@media (max-width: 1252px) {
  .checkbox label:before {
    border-radius: clamp(1.5864130435px, 1.5864130435px + 0.3701086957 * (100vw - 1025px) / 227, 1.9565217391px);
  }
}
@media (max-width: 1024px) {
  .checkbox label:before {
    border: 2px solid #E5E6EC;
    border-radius: 3px;
    top: -0.8px;
    width: 16px;
    height: 16px;
  }
}
.checkbox label:after {
  opacity: 0;
}
.checkbox--deactivate {
  opacity: 50%;
}
.checkbox--deactivate label {
  cursor: not-allowed;
}

.hide {
  display: none !important;
}

.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1005;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader {
  aspect-ratio: 1;
  border-radius: 50%;
  border: 8px solid #CCE5E6;
  border-right-color: #007B82;
  animation: l2 1s infinite linear;
}
.loader {
  width: 42.7173913043px;
}
@media (max-width: 1651px) {
  .loader {
    width: clamp(40.5706521739px, 40.5706521739px + 2.1467391304 * (100vw - 1551px) / 100, 42.7173913043px);
  }
}
@media (max-width: 1550px) {
  .loader {
    width: 32.6086956522px;
  }
}
@media (max-width: 1252px) {
  .loader {
    width: clamp(26.4402173913px, 26.4402173913px + 6.1684782609 * (100vw - 1025px) / 227, 32.6086956522px);
  }
}
@media (max-width: 1024px) {
  .loader {
    width: 30px;
  }
}

@keyframes l2 {
  to {
    transform: rotate(1turn);
  }
}
.gradient {
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 10;
  transition: opacity 0.2s;
}
.gradient {
  height: 188.8108695652px;
}
@media (max-width: 1651px) {
  .gradient {
    height: clamp(179.3222826087px, 179.3222826087px + 9.4885869565 * (100vw - 1551px) / 100, 188.8108695652px);
  }
}
@media (max-width: 1550px) {
  .gradient {
    height: 144.1304347826px;
  }
}
@media (max-width: 1252px) {
  .gradient {
    height: clamp(116.8657608696px, 116.8657608696px + 27.264673913 * (100vw - 1025px) / 227, 144.1304347826px);
  }
}
@media (max-width: 1024px) {
  .gradient--small {
    display: block !important;
  }
}
.gradient--small {
  height: 42.7173913043px;
}
@media (max-width: 1651px) {
  .gradient--small {
    height: clamp(40.5706521739px, 40.5706521739px + 2.1467391304 * (100vw - 1551px) / 100, 42.7173913043px);
  }
}
@media (max-width: 1550px) {
  .gradient--small {
    height: 32.6086956522px;
  }
}
@media (max-width: 1252px) {
  .gradient--small {
    height: clamp(26.4402173913px, 26.4402173913px + 6.1684782609 * (100vw - 1025px) / 227, 32.6086956522px);
  }
}
@media (max-width: 1024px) {
  .gradient {
    display: none;
  }
}
.gradient--top {
  top: 0;
  background: linear-gradient(to bottom, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  opacity: 0;
}
.gradient--below-50 {
  top: 42.7173913043px;
}
@media (max-width: 1651px) {
  .gradient--below-50 {
    top: clamp(40.5706521739px, 40.5706521739px + 2.1467391304 * (100vw - 1551px) / 100, 42.7173913043px);
  }
}
@media (max-width: 1550px) {
  .gradient--below-50 {
    top: 32.6086956522px;
  }
}
@media (max-width: 1252px) {
  .gradient--below-50 {
    top: clamp(26.4402173913px, 26.4402173913px + 6.1684782609 * (100vw - 1025px) / 227, 32.6086956522px);
  }
}
@media (max-width: 1024px) {
  .gradient--below-50 {
    top: 85.4347826087px;
  }
}
@media (max-width: 1024px) and (max-width: 1651px) {
  .gradient--below-50 {
    top: clamp(81.1413043478px, 81.1413043478px + 4.2934782609 * (100vw - 1551px) / 100, 85.4347826087px);
  }
}
@media (max-width: 1024px) and (max-width: 1550px) {
  .gradient--below-50 {
    top: 65.2173913043px;
  }
}
@media (max-width: 1024px) and (max-width: 1252px) {
  .gradient--below-50 {
    top: clamp(52.8804347826px, 52.8804347826px + 12.3369565217 * (100vw - 1025px) / 227, 65.2173913043px);
  }
}
.gradient--bottom {
  bottom: 0;
  background: linear-gradient(to top, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  opacity: 0.8;
}
.gradient--left {
  display: block;
  top: 0;
  height: 100%;
  left: 0;
  right: unset;
  background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
.gradient--left {
  width: 51.2608695652px;
}
@media (max-width: 1651px) {
  .gradient--left {
    width: clamp(48.6847826087px, 48.6847826087px + 2.5760869565 * (100vw - 1551px) / 100, 51.2608695652px);
  }
}
@media (max-width: 1550px) {
  .gradient--left {
    width: 39.1304347826px;
  }
}
@media (max-width: 1252px) {
  .gradient--left {
    width: clamp(31.7282608696px, 31.7282608696px + 7.402173913 * (100vw - 1025px) / 227, 39.1304347826px);
  }
}
@media (max-width: 1024px) {
  .gradient--left {
    width: 60px;
  }
}
.gradient--left-black {
  background: linear-gradient(to right, rgb(36, 40, 43), rgba(36, 40, 43, 0));
}
.gradient--right {
  display: block;
  top: 0;
  height: 100%;
  right: 0;
  left: unset;
  background: linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
.gradient--right {
  width: 51.2608695652px;
}
@media (max-width: 1651px) {
  .gradient--right {
    width: clamp(48.6847826087px, 48.6847826087px + 2.5760869565 * (100vw - 1551px) / 100, 51.2608695652px);
  }
}
@media (max-width: 1550px) {
  .gradient--right {
    width: 39.1304347826px;
  }
}
@media (max-width: 1252px) {
  .gradient--right {
    width: clamp(31.7282608696px, 31.7282608696px + 7.402173913 * (100vw - 1025px) / 227, 39.1304347826px);
  }
}
@media (max-width: 1024px) {
  .gradient--right {
    width: 60px;
  }
}
.gradient--right-black {
  background: linear-gradient(to left, rgb(36, 40, 43), rgba(36, 40, 43, 0));
}

.slide-dummy {
  width: 40px;
}
.slide-dummy--desktop {
  width: 68.347826087px;
}
@media (max-width: 1651px) {
  .slide-dummy--desktop {
    width: clamp(64.9130434783px, 64.9130434783px + 3.4347826087 * (100vw - 1551px) / 100, 68.347826087px);
  }
}
@media (max-width: 1550px) {
  .slide-dummy--desktop {
    width: 52.1739130435px;
  }
}
@media (max-width: 1252px) {
  .slide-dummy--desktop {
    width: clamp(42.3043478261px, 42.3043478261px + 9.8695652174 * (100vw - 1025px) / 227, 52.1739130435px);
  }
}
.slide-dummy--tablet {
  display: none;
}
@media (max-width: 1024px) {
  .slide-dummy--tablet {
    display: block;
    width: 80px;
  }
}
@media (max-width: 767px) {
  .slide-dummy--tablet {
    width: clamp(24px, 24px + 56 * (100vw - 375px) / 393, 80px);
  }
}
.slide-dummy--tablet-min {
  display: none;
}
@media (max-width: 1024px) {
  .slide-dummy--tablet-min {
    display: block;
    width: 40px;
  }
}
@media (max-width: 767px) {
  .slide-dummy--tablet-min {
    width: clamp(12px, 12px + 28 * (100vw - 375px) / 393, 40px);
  }
}

@media (max-width: 1024px) {
  .slide-padding {
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  .slide-padding {
    padding-left: clamp(12px, 12px + 28 * (100vw - 375px) / 393, 40px);
  }
}
.slide-padding--desktop {
  padding-left: 34.1739130435px;
}
@media (max-width: 1651px) {
  .slide-padding--desktop {
    padding-left: clamp(32.4565217391px, 32.4565217391px + 1.7173913043 * (100vw - 1551px) / 100, 34.1739130435px);
  }
}
@media (max-width: 1550px) {
  .slide-padding--desktop {
    padding-left: 26.0869565217px;
  }
}
@media (max-width: 1252px) {
  .slide-padding--desktop {
    padding-left: clamp(21.152173913px, 21.152173913px + 4.9347826087 * (100vw - 1025px) / 227, 26.0869565217px);
  }
}
.slide-padding .swiper-slide:nth-last-child(2) {
  margin-right: 0;
}

@media (max-width: 1024px) {
  .full-width {
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
  }
}
.full-width--desktop {
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
}

.max-width {
  max-width: 1572px;
  margin: 0 auto;
}
.max-width {
  padding: 0px 34.1739130435px;
}
@media (max-width: 1651px) {
  .max-width {
    padding: clamp(0px, 0px + 0 * (100vw - 1551px) / 100, 0px) clamp(32.4565217391px, 32.4565217391px + 1.7173913043 * (100vw - 1551px) / 100, 34.1739130435px);
  }
}
@media (max-width: 1550px) {
  .max-width {
    padding: 0px 26.0869565217px;
  }
}
@media (max-width: 1252px) {
  .max-width {
    padding: clamp(0px, 0px + 0 * (100vw - 1025px) / 227, 0px) clamp(21.152173913px, 21.152173913px + 4.9347826087 * (100vw - 1025px) / 227, 26.0869565217px);
  }
}
@media (max-width: 1024px) {
  .max-width {
    padding: 0 40px;
  }
}
@media (max-width: 1024px) {
  .max-width {
    padding: 0 clamp(12px, 12px + 28 * (100vw - 375px) / 393, 40px);
  }
}
@media (max-width: 1550px) {
  .max-width {
    max-width: 1200px;
  }
}

.lagoon-checkbox-before li {
  list-style-type: none;
  display: flex;
}
.lagoon-checkbox-before li {
  gap: 6.8347826087px;
}
@media (max-width: 1651px) {
  .lagoon-checkbox-before li {
    gap: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (max-width: 1550px) {
  .lagoon-checkbox-before li {
    gap: 5.2173913043px;
  }
}
@media (max-width: 1252px) {
  .lagoon-checkbox-before li {
    gap: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
@media (max-width: 1024px) {
  .lagoon-checkbox-before li {
    gap: 8px;
  }
}
.lagoon-checkbox-before li:before {
  content: url(/res/icons/3f8d5c5a46937faf1dd1.svg);
  display: flex;
  justify-content: center;
  align-items: center;
}
.lagoon-checkbox-before li:before {
  width: 11.9608695652px;
}
@media (max-width: 1651px) {
  .lagoon-checkbox-before li:before {
    width: clamp(11.3597826087px, 11.3597826087px + 0.6010869565 * (100vw - 1551px) / 100, 11.9608695652px);
  }
}
@media (max-width: 1550px) {
  .lagoon-checkbox-before li:before {
    width: 9.1304347826px;
  }
}
@media (max-width: 1252px) {
  .lagoon-checkbox-before li:before {
    width: clamp(7.4032608696px, 7.4032608696px + 1.727173913 * (100vw - 1025px) / 227, 9.1304347826px);
  }
}
.lagoon-checkbox-before li:before {
  height: 11.9608695652px;
}
@media (max-width: 1651px) {
  .lagoon-checkbox-before li:before {
    height: clamp(11.3597826087px, 11.3597826087px + 0.6010869565 * (100vw - 1551px) / 100, 11.9608695652px);
  }
}
@media (max-width: 1550px) {
  .lagoon-checkbox-before li:before {
    height: 9.1304347826px;
  }
}
@media (max-width: 1252px) {
  .lagoon-checkbox-before li:before {
    height: clamp(7.4032608696px, 7.4032608696px + 1.727173913 * (100vw - 1025px) / 227, 9.1304347826px);
  }
}
.lagoon-checkbox-before li:before {
  padding: 1.7086956522px;
}
@media (max-width: 1651px) {
  .lagoon-checkbox-before li:before {
    padding: clamp(1.622826087px, 1.622826087px + 0.0858695652 * (100vw - 1551px) / 100, 1.7086956522px);
  }
}
@media (max-width: 1550px) {
  .lagoon-checkbox-before li:before {
    padding: 1.3043478261px;
  }
}
@media (max-width: 1252px) {
  .lagoon-checkbox-before li:before {
    padding: clamp(1.0576086957px, 1.0576086957px + 0.2467391304 * (100vw - 1025px) / 227, 1.3043478261px);
  }
}
@media (max-width: 1024px) {
  .lagoon-checkbox-before li:before {
    width: 14px;
    height: 14px;
    padding: 2px;
  }
}

.hidden {
  display: none;
}

.show-block {
  display: block;
}

.line-wrap {
  display: flex;
  flex-direction: column;
}

.no-break {
  white-space: nowrap;
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./www/local/components/blocks/header/templates/.default/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Размер в дизайне указан, если у страницы маленькие отступы по бокам, цель функции пересчитать размеры, в случае, если
 * мы увеличиваем отступы, но хотим чтобы визуально страница осталась такой же, то есть уменьшаем размер пропорционально
 * уменьшению ширины контентной области
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @param {number} $oldContent - Изначальная ширина контентной области в пикселях (без указания px)
 * @param {number} $newContent - Измененная ширина контентной области в пикселях (без указания px)
 * @return {number} - Измененный размер в пикселях (без указания px)
 */
/**
 * Функция возвращает адаптивные размеры в заданном диапазоне, при пороге в $widthMaxSize и больше, размер будет
 * $maxSize, в диапазоне между $widthMinSize и $widthMaxSize, размер будет пропорционально уменьшаться/увеличиваться,
 * при достижении порога в $widthMinSize и меньше размер будет $minSize
 *
 * @param {number} $widthMinSize - Минимальная ширина экрана в пикселях (без указания px)
 * @param {number} $widthMaxSize - Максимальная ширина экрана в пикселях (без указания px)
 * @param {number} $minSize - Размер, который указан для минимальной ширины экрана в пикселях (без указания px)
 * @param {number} $maxSize - Размер, который указан для максимальной ширины экрана в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки больших экранов (от 1652px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки менее больших экранов (от 1551px до 1651px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки средних экранов (до 1550px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки маленьких экранов (от 1025px до 1252px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне планшетной верстки (от 768px до 1024px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне мобильной верстки (от 375px до 768px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * MIXINS: для каждого свойства десктопной верстки
 *
 * @param {number} ...$size - Размеры в пикселях (без указания px)
 * @return {property: px}
 */
.header {
  background: #FFFFFF;
  border-bottom: 1px solid #F0F1F4;
  position: fixed;
  z-index: 23;
  width: 100%;
  box-sizing: border-box;
  transition: top 0.1s;
}
.header {
  padding: 17.0869565217px 34.1739130435px;
}
@media (max-width: 1651px) {
  .header {
    padding: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px) clamp(32.4565217391px, 32.4565217391px + 1.7173913043 * (100vw - 1551px) / 100, 34.1739130435px);
  }
}
@media (max-width: 1550px) {
  .header {
    padding: 13.0434782609px 26.0869565217px;
  }
}
@media (max-width: 1252px) {
  .header {
    padding: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px) clamp(21.152173913px, 21.152173913px + 4.9347826087 * (100vw - 1025px) / 227, 26.0869565217px);
  }
}
@media (max-width: 1024px) {
  .header {
    padding: clamp(18px, 18px + 2 * (100vw - 768px) / 256, 20px) 40px;
  }
}
@media (max-width: 767px) {
  .header {
    padding: clamp(16px, 16px + 2 * (100vw - 375px) / 393, 18px) clamp(12px, 12px + 28 * (100vw - 375px) / 393, 40px);
  }
}
.header__content, .header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1572px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1550px) {
  .header__content, .header__container {
    max-width: 1200px;
  }
}
.header__content--mobile, .header__container--mobile {
  display: none;
}
@media (max-width: 1024px) {
  .header__content--mobile, .header__container--mobile {
    display: flex;
  }
}
.header__content--desktop, .header__container--desktop {
  display: flex;
}
@media (max-width: 1024px) {
  .header__content--desktop, .header__container--desktop {
    flex-direction: column;
    height: 100%;
    background: #FFFFFF;
    position: fixed;
    width: 100%;
    transition: 0.4s right;
    right: -1024px;
    top: 0;
    z-index: 1001;
  }
  .header__content--desktop .header__left-block, .header__container--desktop .header__left-block {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
.header__content--open, .header__container--open {
  right: 0;
}
@media (max-width: 1024px) {
  .header__content .header__container {
    overflow-y: scroll;
  }
}
@media (max-width: 1024px) {
  .header__container {
    flex-direction: column;
    box-sizing: border-box;
    padding: 32px 40px;
  }
}
@media (max-width: 767px) {
  .header__container {
    padding: clamp(0px, 0px + 32 * (100vw - 375px) / 393, 32px) clamp(12px, 12px + 28 * (100vw - 375px) / 393, 40px);
  }
}
.header__left-block {
  display: flex;
  align-items: center;
}
.header__mobile-top {
  position: relative;
  z-index: 60;
}
@media (max-width: 1024px) {
  .header__mobile-top {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 12px;
    border-bottom: 1px solid #E5E6EC;
  }
}
.header__close {
  display: none;
  padding: 0;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .header__close {
    display: flex;
    background: none;
    border: none;
  }
}
.header__close-icon {
  width: 24px;
  height: 24px;
}
.header__logo {
  display: flex;
}
.header__logo {
  width: 168.3065217391px;
}
@media (max-width: 1651px) {
  .header__logo {
    width: clamp(159.8483695652px, 159.8483695652px + 8.4581521739 * (100vw - 1551px) / 100, 168.3065217391px);
  }
}
@media (max-width: 1550px) {
  .header__logo {
    width: 128.4782608696px;
  }
}
@media (max-width: 1252px) {
  .header__logo {
    width: clamp(104.1744565217px, 104.1744565217px + 24.3038043478 * (100vw - 1025px) / 227, 128.4782608696px);
  }
}
.header__logo {
  height: 42.7173913043px;
}
@media (max-width: 1651px) {
  .header__logo {
    height: clamp(40.5706521739px, 40.5706521739px + 2.1467391304 * (100vw - 1551px) / 100, 42.7173913043px);
  }
}
@media (max-width: 1550px) {
  .header__logo {
    height: 32.6086956522px;
  }
}
@media (max-width: 1252px) {
  .header__logo {
    height: clamp(26.4402173913px, 26.4402173913px + 6.1684782609 * (100vw - 1025px) / 227, 32.6086956522px);
  }
}
@media (max-width: 1024px) {
  .header__logo {
    width: 140px;
    height: 36px;
  }
}
@media (max-width: 767px) {
  .header__logo {
    width: 140px;
    height: 36px;
  }
}
.header__logo-link {
  height: 42.7173913043px;
}
@media (max-width: 1651px) {
  .header__logo-link {
    height: clamp(40.5706521739px, 40.5706521739px + 2.1467391304 * (100vw - 1551px) / 100, 42.7173913043px);
  }
}
@media (max-width: 1550px) {
  .header__logo-link {
    height: 32.6086956522px;
  }
}
@media (max-width: 1252px) {
  .header__logo-link {
    height: clamp(26.4402173913px, 26.4402173913px + 6.1684782609 * (100vw - 1025px) / 227, 32.6086956522px);
  }
}
@media (max-width: 1024px) {
  .header__logo-link {
    height: 32px;
  }
}
.header__right {
  display: flex;
  align-items: center;
}
.header__right {
  gap: 37.5913043478px;
}
@media (max-width: 1651px) {
  .header__right {
    gap: clamp(35.702173913px, 35.702173913px + 1.8891304348 * (100vw - 1551px) / 100, 37.5913043478px);
  }
}
@media (max-width: 1550px) {
  .header__right {
    gap: 28.6956521739px;
  }
}
@media (max-width: 1252px) {
  .header__right {
    gap: clamp(23.2673913043px, 23.2673913043px + 5.4282608696 * (100vw - 1025px) / 227, 28.6956521739px);
  }
}
@media (max-width: 1024px) {
  .header__right {
    width: 100%;
  }
}
.header__search {
  display: none;
  width: 100%;
}
@media (max-width: 1024px) {
  .header__search {
    border-bottom: 1px solid #E5E6EC;
  }
}
@media (min-width: 1025px) {
  .header__search {
    padding-right: 271px;
    padding-left: 96px;
  }
}
@media (max-width: 1024px) {
  .header__contacts {
    width: 100%;
    background: #F5F6F8;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .header__contacts {
    padding: clamp(16px, 16px + 24 * (100vw - 375px) / 393, 40px);
    flex-direction: column;
    gap: 24px;
  }
}
.header__contacts-container {
  display: flex;
  justify-content: space-between;
  align-items: end;
  font-weight: 500;
  white-space: nowrap;
}
.header__contacts-container {
  gap: 37.5913043478px;
}
@media (max-width: 1651px) {
  .header__contacts-container {
    gap: clamp(35.702173913px, 35.702173913px + 1.8891304348 * (100vw - 1551px) / 100, 37.5913043478px);
  }
}
@media (max-width: 1550px) {
  .header__contacts-container {
    gap: 28.6956521739px;
  }
}
@media (max-width: 1252px) {
  .header__contacts-container {
    gap: clamp(23.2673913043px, 23.2673913043px + 5.4282608696 * (100vw - 1025px) / 227, 28.6956521739px);
  }
}
@media (max-width: 1024px) {
  .header__contacts-container {
    flex-direction: column;
    gap: clamp(10px, 10px + 6 * (100vw - 375px) / 393, 16px);
    justify-content: unset;
    align-items: unset;
    font-size: clamp(18px, 18px + 2 * (100vw - 375px) / 393, 20px);
    line-height: 24px;
    padding-right: 22px;
  }
}
.header__contacts-text {
  display: none;
}
@media (max-width: 1024px) {
  .header__contacts-text {
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
  }
}
.header__contacts a:hover {
  color: #007B82;
}
.header__phone a {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header__phone-icon {
  display: none;
  width: 20px;
  height: 20px;
}
@media (max-width: 1024px) {
  .header__phone-icon {
    display: block;
  }
}
.header__mail {
  display: flex;
  align-items: center;
}
.header__mail {
  gap: 3.4173913043px;
}
@media (max-width: 1651px) {
  .header__mail {
    gap: clamp(3.2456521739px, 3.2456521739px + 0.1717391304 * (100vw - 1551px) / 100, 3.4173913043px);
  }
}
@media (max-width: 1550px) {
  .header__mail {
    gap: 2.6086956522px;
  }
}
@media (max-width: 1252px) {
  .header__mail {
    gap: clamp(2.1152173913px, 2.1152173913px + 0.4934782609 * (100vw - 1025px) / 227, 2.6086956522px);
  }
}
@media (max-width: 1024px) {
  .header__mail {
    gap: 4px;
  }
}
.header__mail-link {
  display: flex;
}
.header__mail-icon {
  display: none;
  width: 20px;
  height: 20px;
}
@media (max-width: 1024px) {
  .header__mail-icon {
    display: block;
  }
}
@media (max-width: 1024px) {
  .header__mail-link {
    display: flex;
    gap: 8px;
  }
}
.header__copy {
  cursor: pointer;
}
.header__copy {
  width: 13.6695652174px;
}
@media (max-width: 1651px) {
  .header__copy {
    width: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .header__copy {
    width: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .header__copy {
    width: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
.header__copy {
  height: 13.6695652174px;
}
@media (max-width: 1651px) {
  .header__copy {
    height: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .header__copy {
    height: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .header__copy {
    height: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
@media (max-width: 1024px) {
  .header__copy {
    width: 24px;
    height: 24px;
  }
}
.header__copy:hover {
  color: #007B82;
}
.header__icons {
  display: flex;
  align-items: center;
}
.header__icons {
  gap: 10.252173913px;
}
@media (max-width: 1651px) {
  .header__icons {
    gap: clamp(9.7369565217px, 9.7369565217px + 0.5152173913 * (100vw - 1551px) / 100, 10.252173913px);
  }
}
@media (max-width: 1550px) {
  .header__icons {
    gap: 7.8260869565px;
  }
}
@media (max-width: 1252px) {
  .header__icons {
    gap: clamp(6.3456521739px, 6.3456521739px + 1.4804347826 * (100vw - 1025px) / 227, 7.8260869565px);
  }
}
@media (max-width: 1024px) {
  .header__icons {
    display: none;
  }
}
@media (max-width: 1024px) {
  .header__icons {
    display: none;
  }
}
.header__icons--mobile {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  align-items: center;
}
.header__icons-item {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px #E5E6EC solid;
  padding: 0;
  cursor: pointer;
}
.header__icons-item {
  width: 37.5913043478px;
}
@media (max-width: 1651px) {
  .header__icons-item {
    width: clamp(35.702173913px, 35.702173913px + 1.8891304348 * (100vw - 1551px) / 100, 37.5913043478px);
  }
}
@media (max-width: 1550px) {
  .header__icons-item {
    width: 28.6956521739px;
  }
}
@media (max-width: 1252px) {
  .header__icons-item {
    width: clamp(23.2673913043px, 23.2673913043px + 5.4282608696 * (100vw - 1025px) / 227, 28.6956521739px);
  }
}
.header__icons-item {
  height: 37.5913043478px;
}
@media (max-width: 1651px) {
  .header__icons-item {
    height: clamp(35.702173913px, 35.702173913px + 1.8891304348 * (100vw - 1551px) / 100, 37.5913043478px);
  }
}
@media (max-width: 1550px) {
  .header__icons-item {
    height: 28.6956521739px;
  }
}
@media (max-width: 1252px) {
  .header__icons-item {
    height: clamp(23.2673913043px, 23.2673913043px + 5.4282608696 * (100vw - 1025px) / 227, 28.6956521739px);
  }
}
@media (max-width: 1024px) {
  .header__icons-item {
    width: 32px;
    height: 32px;
  }
}
.header__icons-item:hover {
  background: #007B82;
  border: 1px #007B82 solid;
  color: #FFFFFF;
}
.header__compare-icon {
  width: 17.0869565217px;
}
@media (max-width: 1651px) {
  .header__compare-icon {
    width: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .header__compare-icon {
    width: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .header__compare-icon {
    width: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
.header__compare-icon {
  height: 17.0869565217px;
}
@media (max-width: 1651px) {
  .header__compare-icon {
    height: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .header__compare-icon {
    height: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .header__compare-icon {
    height: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
@media (max-width: 1024px) {
  .header__compare-icon {
    width: 20px;
    height: 20px;
  }
}
.header__search-icon {
  width: 17.0869565217px;
}
@media (max-width: 1651px) {
  .header__search-icon {
    width: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .header__search-icon {
    width: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .header__search-icon {
    width: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
.header__search-icon {
  height: 17.0869565217px;
}
@media (max-width: 1651px) {
  .header__search-icon {
    height: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .header__search-icon {
    height: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .header__search-icon {
    height: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
.header__burger-menu {
  display: none;
  cursor: pointer;
  height: 32px;
  background: none;
  border: none;
}
@media (max-width: 1024px) {
  .header__burger-menu {
    display: block;
  }
}
.header__burger-icon {
  width: 32px;
  height: 32px;
}
@media (max-width: 767px) {
  .header__burger-icon {
    width: clamp(28px, 28px + 4 * (100vw - 375px) / 393, 32px);
    height: clamp(28px, 28px + 4 * (100vw - 375px) / 393, 32px);
  }
}

@media (max-width: 1024px) {
  body.search--opened {
    overflow: hidden;
  }
}
body.search--opened .header__left-block .menu {
  display: none;
}
body.search--opened .header__right {
  width: 100%;
}
body.search--opened .header__contacts, body.search--opened .header__icons {
  display: none;
}
body.search--opened .header__search {
  display: block;
}
body.search--opened .header__content {
  background: rgba(0, 0, 0, 0.6588235294);
}
body.search--opened .header__container {
  background: #FFFFFF;
}
@media (max-width: 1024px) {
  body.search--opened .header__container {
    padding-bottom: 0;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./www/local/components/blocks/header/templates/.default/blocks/menu/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Размер в дизайне указан, если у страницы маленькие отступы по бокам, цель функции пересчитать размеры, в случае, если
 * мы увеличиваем отступы, но хотим чтобы визуально страница осталась такой же, то есть уменьшаем размер пропорционально
 * уменьшению ширины контентной области
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @param {number} $oldContent - Изначальная ширина контентной области в пикселях (без указания px)
 * @param {number} $newContent - Измененная ширина контентной области в пикселях (без указания px)
 * @return {number} - Измененный размер в пикселях (без указания px)
 */
/**
 * Функция возвращает адаптивные размеры в заданном диапазоне, при пороге в $widthMaxSize и больше, размер будет
 * $maxSize, в диапазоне между $widthMinSize и $widthMaxSize, размер будет пропорционально уменьшаться/увеличиваться,
 * при достижении порога в $widthMinSize и меньше размер будет $minSize
 *
 * @param {number} $widthMinSize - Минимальная ширина экрана в пикселях (без указания px)
 * @param {number} $widthMaxSize - Максимальная ширина экрана в пикселях (без указания px)
 * @param {number} $minSize - Размер, который указан для минимальной ширины экрана в пикселях (без указания px)
 * @param {number} $maxSize - Размер, который указан для максимальной ширины экрана в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки больших экранов (от 1652px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки менее больших экранов (от 1551px до 1651px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки средних экранов (до 1550px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки маленьких экранов (от 1025px до 1252px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне планшетной верстки (от 768px до 1024px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне мобильной верстки (от 375px до 768px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * MIXINS: для каждого свойства десктопной верстки
 *
 * @param {number} ...$size - Размеры в пикселях (без указания px)
 * @return {property: px}
 */
.menu .os-theme-menu {
  --os-track-border-radius: 10px;
  --os-handle-interactive-area-offset: 4px;
  --os-handle-border-radius: 10px;
  --os-size: 2px;
  box-sizing: border-box;
  --os-padding-perpendicular: 0;
  --os-padding-axis: 0;
  --os-handle-bg: #99CACD;
  --os-handle-bg-hover: #99CACD;
  --os-handle-bg-active: #99CACD;
  --os-track-bg: #E5E6EC;
}
@media (max-width: 1024px) {
  .menu {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .menu {
    margin-bottom: clamp(28px, 28px + 12 * (100vw - 375px) / 393, 40px);
  }
}
.menu__last-level-items-other {
  cursor: pointer;
  border: none;
  background: none;
  text-align: left;
  padding: 0;
  font-weight: 400;
  color: #7C7E80;
}
.menu__last-level-items-other {
  margin-top: 4.2717391304px;
}
@media (max-width: 1651px) {
  .menu__last-level-items-other {
    margin-top: clamp(4.0570652174px, 4.0570652174px + 0.214673913 * (100vw - 1551px) / 100, 4.2717391304px);
  }
}
@media (max-width: 1550px) {
  .menu__last-level-items-other {
    margin-top: 3.2608695652px;
  }
}
@media (max-width: 1252px) {
  .menu__last-level-items-other {
    margin-top: clamp(2.6440217391px, 2.6440217391px + 0.6168478261 * (100vw - 1025px) / 227, 3.2608695652px);
  }
}
.menu__last-level-items-other {
  font-size: 13.6695652174px;
}
@media (max-width: 1651px) {
  .menu__last-level-items-other {
    font-size: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .menu__last-level-items-other {
    font-size: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .menu__last-level-items-other {
    font-size: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
.menu__list {
  display: flex;
  margin: 0;
  white-space: nowrap;
}
.menu__list {
  gap: 20.5043478261px;
}
@media (max-width: 1651px) {
  .menu__list {
    gap: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .menu__list {
    gap: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .menu__list {
    gap: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.menu__list {
  padding-left: 41.0086956522px;
}
@media (max-width: 1651px) {
  .menu__list {
    padding-left: clamp(38.947826087px, 38.947826087px + 2.0608695652 * (100vw - 1551px) / 100, 41.0086956522px);
  }
}
@media (max-width: 1550px) {
  .menu__list {
    padding-left: 31.3043478261px;
  }
}
@media (max-width: 1252px) {
  .menu__list {
    padding-left: clamp(25.3826086957px, 25.3826086957px + 5.9217391304 * (100vw - 1025px) / 227, 31.3043478261px);
  }
}
@media (max-width: 1024px) {
  .menu__list {
    flex-direction: column;
    padding-left: 0;
    gap: 0;
  }
}
.menu__item {
  list-style-type: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
.menu__item {
  gap: 3.4173913043px;
}
@media (max-width: 1651px) {
  .menu__item {
    gap: clamp(3.2456521739px, 3.2456521739px + 0.1717391304 * (100vw - 1551px) / 100, 3.4173913043px);
  }
}
@media (max-width: 1550px) {
  .menu__item {
    gap: 2.6086956522px;
  }
}
@media (max-width: 1252px) {
  .menu__item {
    gap: clamp(2.1152173913px, 2.1152173913px + 0.4934782609 * (100vw - 1025px) / 227, 2.6086956522px);
  }
}
@media (min-width: 1025px) {
  .menu__item {
    padding: 6.8347826087px 8.5434782609px;
  }
}
@media (min-width: 1025px) and (max-width: 1651px) {
  .menu__item {
    padding: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px) clamp(8.1141304348px, 8.1141304348px + 0.4293478261 * (100vw - 1551px) / 100, 8.5434782609px);
  }
}
@media (min-width: 1025px) and (max-width: 1550px) {
  .menu__item {
    padding: 5.2173913043px 6.5217391304px;
  }
}
@media (min-width: 1025px) and (max-width: 1252px) {
  .menu__item {
    padding: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px) clamp(5.2880434783px, 5.2880434783px + 1.2336956522 * (100vw - 1025px) / 227, 6.5217391304px);
  }
}
@media (min-width: 1025px) {
  .menu__item:hover .menu__item-link {
    color: #007B82;
  }
}
@media (max-width: 1024px) {
  .menu__item {
    margin: unset;
    gap: unset;
    padding: 0;
    justify-content: space-between;
    border-bottom: 1px solid #E5E6EC;
    flex-wrap: wrap;
    margin-bottom: -1px;
  }
}
@media (min-width: 1025px) {
  .menu__item--mobile {
    display: none;
  }
}
@media (max-width: 1024px) {
  .menu__item--mobile {
    display: flex;
  }
}
@media (min-width: 1025px) {
  .menu__item--catalog:hover .menu__catalog {
    display: flex;
  }
  .menu__item--catalog:hover .menu__item-arrow {
    background: url(/res/icons/591349ca4cb24823170f.svg) no-repeat center;
  }
}
.menu__item--dropdown {
  position: relative;
}
@media (max-width: 1024px) {
  .menu__item--dropdown {
    position: unset;
  }
}
@media (min-width: 1025px) {
  .menu__item--dropdown:hover .menu__dropdown {
    display: flex;
  }
  .menu__item--dropdown:hover .menu__item-arrow {
    background: url(/res/icons/591349ca4cb24823170f.svg) no-repeat center;
  }
}
.menu__item-link {
  cursor: pointer;
  z-index: 5;
}
@media (min-width: 1025px) {
  .menu__item-link {
    font-size: 13.6695652174px;
  }
}
@media (min-width: 1025px) and (max-width: 1651px) {
  .menu__item-link {
    font-size: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (min-width: 1025px) and (max-width: 1550px) {
  .menu__item-link {
    font-size: 10.4347826087px;
  }
}
@media (min-width: 1025px) and (max-width: 1252px) {
  .menu__item-link {
    font-size: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
@media (min-width: 1025px) {
  .menu__item-link {
    line-height: 13.6695652174px;
  }
}
@media (min-width: 1025px) and (max-width: 1651px) {
  .menu__item-link {
    line-height: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (min-width: 1025px) and (max-width: 1550px) {
  .menu__item-link {
    line-height: 10.4347826087px;
  }
}
@media (min-width: 1025px) and (max-width: 1252px) {
  .menu__item-link {
    line-height: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
@media (max-width: 1024px) {
  .menu__item-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 12px;
    font-size: 16px;
    line-height: 20px;
    width: 100%;
  }
}
.menu__item-link-content {
  padding-right: 30px;
}
.menu__item-link--lv2 {
  font-size: 14px;
}
.menu__item-link--lv3 {
  font-size: 14px;
  font-weight: 400;
}
.menu__item-link--dropdown {
  display: flex;
  z-index: 65;
}
@media (min-width: 1025px) {
  .menu__item-link--dropdown {
    align-items: flex-start;
  }
  .menu__item-link--dropdown {
    gap: 6.8347826087px;
  }
}
@media (min-width: 1025px) and (max-width: 1651px) {
  .menu__item-link--dropdown {
    gap: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (min-width: 1025px) and (max-width: 1550px) {
  .menu__item-link--dropdown {
    gap: 5.2173913043px;
  }
}
@media (min-width: 1025px) and (max-width: 1252px) {
  .menu__item-link--dropdown {
    gap: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
@media (max-width: 1024px) {
  .menu__item-link--dropdown {
    justify-content: space-between;
    align-items: center;
  }
}
.menu__item-link--marked {
  display: flex;
  align-items: center;
  gap: 8px;
}
.menu__item-icon--compare {
  width: 20px;
  height: 20px;
}
.menu__item-icon--search {
  width: 16px;
  height: 16px;
  color: #007B82;
}
@media (min-width: 1025px) {
  .menu__item-arrow {
    background-size: contain;
    background: url(/res/icons/663466e0a88e2570821c.svg) no-repeat center;
    font-size: 0;
    line-height: 0;
  }
  .menu__item-arrow {
    margin-top: 2.9902173913px;
  }
}
@media (min-width: 1025px) and (max-width: 1651px) {
  .menu__item-arrow {
    margin-top: clamp(2.8399456522px, 2.8399456522px + 0.1502717391 * (100vw - 1551px) / 100, 2.9902173913px);
  }
}
@media (min-width: 1025px) and (max-width: 1550px) {
  .menu__item-arrow {
    margin-top: 2.2826086957px;
  }
}
@media (min-width: 1025px) and (max-width: 1252px) {
  .menu__item-arrow {
    margin-top: clamp(1.8508152174px, 1.8508152174px + 0.4317934783 * (100vw - 1025px) / 227, 2.2826086957px);
  }
}
@media (min-width: 1025px) {
  .menu__item-arrow {
    width: 8.5434782609px;
  }
}
@media (min-width: 1025px) and (max-width: 1651px) {
  .menu__item-arrow {
    width: clamp(8.1141304348px, 8.1141304348px + 0.4293478261 * (100vw - 1551px) / 100, 8.5434782609px);
  }
}
@media (min-width: 1025px) and (max-width: 1550px) {
  .menu__item-arrow {
    width: 6.5217391304px;
  }
}
@media (min-width: 1025px) and (max-width: 1252px) {
  .menu__item-arrow {
    width: clamp(5.2880434783px, 5.2880434783px + 1.2336956522 * (100vw - 1025px) / 227, 6.5217391304px);
  }
}
@media (min-width: 1025px) {
  .menu__item-arrow {
    height: 5.1260869565px;
  }
}
@media (min-width: 1025px) and (max-width: 1651px) {
  .menu__item-arrow {
    height: clamp(4.8684782609px, 4.8684782609px + 0.2576086957 * (100vw - 1551px) / 100, 5.1260869565px);
  }
}
@media (min-width: 1025px) and (max-width: 1550px) {
  .menu__item-arrow {
    height: 3.9130434783px;
  }
}
@media (min-width: 1025px) and (max-width: 1252px) {
  .menu__item-arrow {
    height: clamp(3.172826087px, 3.172826087px + 0.7402173913 * (100vw - 1025px) / 227, 3.9130434783px);
  }
}
@media (max-width: 1024px) {
  .menu__item-arrow {
    background: url(/res/icons/b262fc59a80f8018b6c5.svg) no-repeat center;
    width: clamp(12px, 12px + 0 * (100vw - 768px) / 256, 12px);
    height: clamp(7px, 7px + 0 * (100vw - 768px) / 256, 7px);
    padding: 0 6px;
    position: relative;
  }
  .menu__item-arrow:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -30px -20px;
  }
}
@media (max-width: 1024px) {
  .menu__item-arrow--active {
    transform: rotate(-180deg);
  }
}
@media (max-width: 1024px) {
  .menu__item-text {
    display: flex;
    align-items: flex-start;
    gap: 8px;
  }
}
.menu__catalog {
  display: none;
  position: absolute;
  z-index: 50;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  white-space: normal;
}
.menu__catalog {
  margin-top: 52.9695652174px;
}
@media (max-width: 1651px) {
  .menu__catalog {
    margin-top: clamp(50.3076086957px, 50.3076086957px + 2.6619565217 * (100vw - 1551px) / 100, 52.9695652174px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog {
    margin-top: 40.4347826087px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog {
    margin-top: clamp(32.7858695652px, 32.7858695652px + 7.6489130435 * (100vw - 1025px) / 227, 40.4347826087px);
  }
}
.menu__catalog {
  padding-top: 24.7760869565px;
}
@media (max-width: 1651px) {
  .menu__catalog {
    padding-top: clamp(23.5309782609px, 23.5309782609px + 1.2451086957 * (100vw - 1551px) / 100, 24.7760869565px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog {
    padding-top: 18.9130434783px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog {
    padding-top: clamp(15.335326087px, 15.335326087px + 3.5777173913 * (100vw - 1025px) / 227, 18.9130434783px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog {
    padding-top: 25.6304347826px;
  }
}
@media (max-width: 1550px) and (max-width: 1651px) {
  .menu__catalog {
    padding-top: clamp(24.3423913043px, 24.3423913043px + 1.2880434783 * (100vw - 1551px) / 100, 25.6304347826px);
  }
}
@media (max-width: 1550px) and (max-width: 1550px) {
  .menu__catalog {
    padding-top: 19.5652173913px;
  }
}
@media (max-width: 1550px) and (max-width: 1252px) {
  .menu__catalog {
    padding-top: clamp(15.8641304348px, 15.8641304348px + 3.7010869565 * (100vw - 1025px) / 227, 19.5652173913px);
  }
}
.menu__catalog-sub-menu-container {
  height: 100%;
  width: 100%;
}
.menu__catalog-background-wrapper {
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0 6px 8px 0 rgba(34, 60, 80, 0.2);
}
.menu__catalog-background-wrapper {
  padding: 0px 34.1739130435px;
}
@media (max-width: 1651px) {
  .menu__catalog-background-wrapper {
    padding: clamp(0px, 0px + 0 * (100vw - 1551px) / 100, 0px) clamp(32.4565217391px, 32.4565217391px + 1.7173913043 * (100vw - 1551px) / 100, 34.1739130435px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-background-wrapper {
    padding: 0px 26.0869565217px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-background-wrapper {
    padding: clamp(0px, 0px + 0 * (100vw - 1025px) / 227, 0px) clamp(21.152173913px, 21.152173913px + 4.9347826087 * (100vw - 1025px) / 227, 26.0869565217px);
  }
}
.menu__catalog-container {
  display: flex;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: #FFFFFF;
  max-width: 1572px;
}
.menu__catalog-container {
  height: 668.1px;
}
@media (max-width: 1651px) {
  .menu__catalog-container {
    height: clamp(634.525px, 634.525px + 33.575 * (100vw - 1551px) / 100, 668.1px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-container {
    height: 510px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-container {
    height: clamp(413.525px, 413.525px + 96.475 * (100vw - 1025px) / 227, 510px);
  }
}
.menu__catalog-container {
  padding-top: 22.2130434783px;
}
@media (max-width: 1651px) {
  .menu__catalog-container {
    padding-top: clamp(21.0967391304px, 21.0967391304px + 1.1163043478 * (100vw - 1551px) / 100, 22.2130434783px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-container {
    padding-top: 16.9565217391px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-container {
    padding-top: clamp(13.7489130435px, 13.7489130435px + 3.2076086957 * (100vw - 1025px) / 227, 16.9565217391px);
  }
}
.menu__catalog-container {
  padding-bottom: 23.0673913043px;
}
@media (max-width: 1651px) {
  .menu__catalog-container {
    padding-bottom: clamp(21.9081521739px, 21.9081521739px + 1.1592391304 * (100vw - 1551px) / 100, 23.0673913043px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-container {
    padding-bottom: 17.6086956522px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-container {
    padding-bottom: clamp(14.2777173913px, 14.2777173913px + 3.3309782609 * (100vw - 1025px) / 227, 17.6086956522px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-container {
    max-width: 1200px;
  }
}
.menu__catalog-list {
  padding-inline-start: 0;
  height: 100%;
  width: max-content;
  box-sizing: border-box;
  overflow-y: hidden;
  flex-shrink: 0;
}
.menu__catalog-list {
  padding-right: 26.4847826087px;
}
@media (max-width: 1651px) {
  .menu__catalog-list {
    padding-right: clamp(25.1538043478px, 25.1538043478px + 1.3309782609 * (100vw - 1551px) / 100, 26.4847826087px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-list {
    padding-right: 20.2173913043px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-list {
    padding-right: clamp(16.3929347826px, 16.3929347826px + 3.8244565217 * (100vw - 1025px) / 227, 20.2173913043px);
  }
}
.menu__catalog-first-level-item {
  list-style-type: none;
  box-sizing: border-box;
  cursor: pointer;
}
.menu__catalog-first-level-item {
  padding: 18.7956521739px 20.5043478261px 17.0869565217px;
}
@media (max-width: 1651px) {
  .menu__catalog-first-level-item {
    padding: clamp(17.8510869565px, 17.8510869565px + 0.9445652174 * (100vw - 1551px) / 100, 18.7956521739px) clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px) clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-first-level-item {
    padding: 14.347826087px 15.652173913px 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-first-level-item {
    padding: clamp(11.6336956522px, 11.6336956522px + 2.7141304348 * (100vw - 1025px) / 227, 14.347826087px) clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px) clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
.menu__catalog-first-level-item {
  border-radius: 6.8347826087px;
}
@media (max-width: 1651px) {
  .menu__catalog-first-level-item {
    border-radius: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-first-level-item {
    border-radius: 5.2173913043px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-first-level-item {
    border-radius: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
.menu__catalog-first-level-item {
  width: 461.347826087px;
}
@media (max-width: 1651px) {
  .menu__catalog-first-level-item {
    width: clamp(438.1630434783px, 438.1630434783px + 23.1847826087 * (100vw - 1551px) / 100, 461.347826087px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-first-level-item {
    width: 352.1739130435px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-first-level-item {
    width: clamp(285.5543478261px, 285.5543478261px + 66.6195652174 * (100vw - 1025px) / 227, 352.1739130435px);
  }
}
@media (min-width: 1025px) {
  .menu__catalog-first-level-item--active {
    background: #F5F6F8;
  }
}
.menu__catalog-first-level-item-content {
  display: flex;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.menu__catalog-text {
  z-index: 3;
  position: relative;
}
.menu__catalog-text {
  max-width: 354.5543478261px;
}
@media (max-width: 1651px) {
  .menu__catalog-text {
    max-width: clamp(336.7364130435px, 336.7364130435px + 17.8179347826 * (100vw - 1551px) / 100, 354.5543478261px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-text {
    max-width: 270.652173913px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-text {
    max-width: clamp(219.4538043478px, 219.4538043478px + 51.1983695652 * (100vw - 1025px) / 227, 270.652173913px);
  }
}
@media (max-width: 1024px) {
  .menu__catalog-text {
    max-width: none;
    white-space: normal;
  }
}
.menu__catalog-title {
  font-weight: 500;
  margin: 0;
  white-space: normal;
  width: max-content;
}
.menu__catalog-title {
  font-size: 17.0869565217px;
}
@media (max-width: 1651px) {
  .menu__catalog-title {
    font-size: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-title {
    font-size: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-title {
    font-size: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
.menu__catalog-title {
  line-height: 17.0869565217px;
}
@media (max-width: 1651px) {
  .menu__catalog-title {
    line-height: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-title {
    line-height: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-title {
    line-height: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
.menu__catalog-count {
  color: #7C7E80;
}
.menu__catalog-count {
  margin-left: 3.4173913043px;
}
@media (max-width: 1651px) {
  .menu__catalog-count {
    margin-left: clamp(3.2456521739px, 3.2456521739px + 0.1717391304 * (100vw - 1551px) / 100, 3.4173913043px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-count {
    margin-left: 2.6086956522px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-count {
    margin-left: clamp(2.1152173913px, 2.1152173913px + 0.4934782609 * (100vw - 1025px) / 227, 2.6086956522px);
  }
}
.menu__catalog-count {
  font-size: 11.9608695652px;
}
@media (max-width: 1651px) {
  .menu__catalog-count {
    font-size: clamp(11.3597826087px, 11.3597826087px + 0.6010869565 * (100vw - 1551px) / 100, 11.9608695652px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-count {
    font-size: 9.1304347826px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-count {
    font-size: clamp(7.4032608696px, 7.4032608696px + 1.727173913 * (100vw - 1025px) / 227, 9.1304347826px);
  }
}
.menu__catalog-count {
  line-height: 17.0869565217px;
}
@media (max-width: 1651px) {
  .menu__catalog-count {
    line-height: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-count {
    line-height: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-count {
    line-height: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
@media (max-width: 1024px) {
  .menu__catalog-count {
    font-size: 12px;
    font-weight: 400;
    margin-left: 8px;
  }
}
.menu__catalog-inner-container {
  cursor: default;
  display: none;
  height: 100%;
  box-sizing: border-box;
  width: 100%;
}
.menu__catalog-inner-container {
  gap: 25.6304347826px;
}
@media (max-width: 1651px) {
  .menu__catalog-inner-container {
    gap: clamp(24.3423913043px, 24.3423913043px + 1.2880434783 * (100vw - 1551px) / 100, 25.6304347826px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-inner-container {
    gap: 19.5652173913px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-inner-container {
    gap: clamp(15.8641304348px, 15.8641304348px + 3.7010869565 * (100vw - 1025px) / 227, 19.5652173913px);
  }
}
@media (min-width: 1025px) {
  .menu__catalog-inner-container--active {
    display: flex;
  }
}
.menu__catalog-submenu-content {
  flex: 2;
  height: 100%;
  overflow-y: hidden;
}
.menu__catalog-submenu-content-wrapper {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
@media (min-width: 1025px) {
  .menu__catalog-submenu-content-wrapper {
    padding-top: 5.9804347826px;
  }
}
@media (min-width: 1025px) and (max-width: 1651px) {
  .menu__catalog-submenu-content-wrapper {
    padding-top: clamp(5.6798913043px, 5.6798913043px + 0.3005434783 * (100vw - 1551px) / 100, 5.9804347826px);
  }
}
@media (min-width: 1025px) and (max-width: 1550px) {
  .menu__catalog-submenu-content-wrapper {
    padding-top: 4.5652173913px;
  }
}
@media (min-width: 1025px) and (max-width: 1252px) {
  .menu__catalog-submenu-content-wrapper {
    padding-top: clamp(3.7016304348px, 3.7016304348px + 0.8635869565 * (100vw - 1025px) / 227, 4.5652173913px);
  }
}
@media (min-width: 1025px) {
  .menu__catalog-submenu-content-wrapper {
    padding-left: 41.8630434783px;
  }
}
@media (min-width: 1025px) and (max-width: 1651px) {
  .menu__catalog-submenu-content-wrapper {
    padding-left: clamp(39.7592391304px, 39.7592391304px + 2.1038043478 * (100vw - 1551px) / 100, 41.8630434783px);
  }
}
@media (min-width: 1025px) and (max-width: 1550px) {
  .menu__catalog-submenu-content-wrapper {
    padding-left: 31.9565217391px;
  }
}
@media (min-width: 1025px) and (max-width: 1252px) {
  .menu__catalog-submenu-content-wrapper {
    padding-left: clamp(25.9114130435px, 25.9114130435px + 6.0451086957 * (100vw - 1025px) / 227, 31.9565217391px);
  }
}
.menu__catalog-sublist {
  padding-inline-start: 0;
  width: 100%;
}
.menu__catalog-sublist-list {
  padding-left: 0;
  height: 100%;
  box-sizing: border-box;
}
.menu__catalog-sublist-item {
  list-style-type: none;
}
@media (min-width: 1025px) {
  .menu__catalog-sublist-item:not(:first-child) {
    margin-top: 34.1739130435px;
  }
}
@media (min-width: 1025px) and (max-width: 1651px) {
  .menu__catalog-sublist-item:not(:first-child) {
    margin-top: clamp(32.4565217391px, 32.4565217391px + 1.7173913043 * (100vw - 1551px) / 100, 34.1739130435px);
  }
}
@media (min-width: 1025px) and (max-width: 1550px) {
  .menu__catalog-sublist-item:not(:first-child) {
    margin-top: 26.0869565217px;
  }
}
@media (min-width: 1025px) and (max-width: 1252px) {
  .menu__catalog-sublist-item:not(:first-child) {
    margin-top: clamp(21.152173913px, 21.152173913px + 4.9347826087 * (100vw - 1025px) / 227, 26.0869565217px);
  }
}
.menu__catalog-sublist-container {
  display: flex;
  align-items: center;
}
.menu__catalog-sublist-container {
  gap: 6.8347826087px;
}
@media (max-width: 1651px) {
  .menu__catalog-sublist-container {
    gap: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-sublist-container {
    gap: 5.2173913043px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-sublist-container {
    gap: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
.menu__catalog-sublist-container {
  margin-bottom: 15.3782608696px;
}
@media (max-width: 1651px) {
  .menu__catalog-sublist-container {
    margin-bottom: clamp(14.6054347826px, 14.6054347826px + 0.772826087 * (100vw - 1551px) / 100, 15.3782608696px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-sublist-container {
    margin-bottom: 11.7391304348px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-sublist-container {
    margin-bottom: clamp(9.5184782609px, 9.5184782609px + 2.2206521739 * (100vw - 1025px) / 227, 11.7391304348px);
  }
}
.menu__catalog-sublist-title {
  font-size: 20.5043478261px;
}
@media (max-width: 1651px) {
  .menu__catalog-sublist-title {
    font-size: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-sublist-title {
    font-size: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-sublist-title {
    font-size: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.menu__catalog-sublist-title {
  line-height: 23.9217391304px;
}
@media (max-width: 1651px) {
  .menu__catalog-sublist-title {
    line-height: clamp(22.7195652174px, 22.7195652174px + 1.202173913 * (100vw - 1551px) / 100, 23.9217391304px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-sublist-title {
    line-height: 18.2608695652px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-sublist-title {
    line-height: clamp(14.8065217391px, 14.8065217391px + 3.4543478261 * (100vw - 1025px) / 227, 18.2608695652px);
  }
}
.menu__catalog-sublist-title:hover {
  color: #007B82;
}
.menu__catalog-tertiary-list {
  display: flex;
  column-gap: 6%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding-inline-start: 0;
  height: 100%;
  box-sizing: border-box;
}
@media (min-width: 1025px) {
  .menu__catalog-tertiary-list {
    row-gap: 34.1739130435px;
  }
}
@media (min-width: 1025px) and (max-width: 1651px) {
  .menu__catalog-tertiary-list {
    row-gap: clamp(32.4565217391px, 32.4565217391px + 1.7173913043 * (100vw - 1551px) / 100, 34.1739130435px);
  }
}
@media (min-width: 1025px) and (max-width: 1550px) {
  .menu__catalog-tertiary-list {
    row-gap: 26.0869565217px;
  }
}
@media (min-width: 1025px) and (max-width: 1252px) {
  .menu__catalog-tertiary-list {
    row-gap: clamp(21.152173913px, 21.152173913px + 4.9347826087 * (100vw - 1025px) / 227, 26.0869565217px);
  }
}
.menu__catalog-tertiary-item {
  list-style-type: none;
  width: 47%;
}
.menu__catalog-tertiary-container {
  margin-bottom: 12.8152173913px;
}
@media (max-width: 1651px) {
  .menu__catalog-tertiary-container {
    margin-bottom: clamp(12.1711956522px, 12.1711956522px + 0.6440217391 * (100vw - 1551px) / 100, 12.8152173913px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-tertiary-container {
    margin-bottom: 9.7826086957px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-tertiary-container {
    margin-bottom: clamp(7.9320652174px, 7.9320652174px + 1.8505434783 * (100vw - 1025px) / 227, 9.7826086957px);
  }
}
.menu__catalog-tertiary-title {
  font-size: 15.3782608696px;
}
@media (max-width: 1651px) {
  .menu__catalog-tertiary-title {
    font-size: clamp(14.6054347826px, 14.6054347826px + 0.772826087 * (100vw - 1551px) / 100, 15.3782608696px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-tertiary-title {
    font-size: 11.7391304348px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-tertiary-title {
    font-size: clamp(9.5184782609px, 9.5184782609px + 2.2206521739 * (100vw - 1025px) / 227, 11.7391304348px);
  }
}
.menu__catalog-tertiary-title {
  line-height: 20.5043478261px;
}
@media (max-width: 1651px) {
  .menu__catalog-tertiary-title {
    line-height: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-tertiary-title {
    line-height: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-tertiary-title {
    line-height: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.menu__catalog-tertiary-title:hover {
  color: #007B82;
}
.menu__catalog-quaternary-list {
  padding-inline-start: 0;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.menu__catalog-quaternary-list {
  gap: 6.8347826087px;
}
@media (max-width: 1651px) {
  .menu__catalog-quaternary-list {
    gap: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-quaternary-list {
    gap: 5.2173913043px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-quaternary-list {
    gap: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
.menu__catalog-quaternary-item {
  list-style-type: none;
  display: flex;
  align-items: center;
}
.menu__catalog-quaternary-item {
  gap: 6.8347826087px;
}
@media (max-width: 1651px) {
  .menu__catalog-quaternary-item {
    gap: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-quaternary-item {
    gap: 5.2173913043px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-quaternary-item {
    gap: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
.menu__catalog-quaternary-item:hover {
  color: #007B82;
}
.menu__catalog-quaternary-item:hover .menu__catalog-count {
  color: #007B82;
}
.menu__catalog-quaternary-title {
  font-weight: 400;
}
.menu__catalog-quaternary-title {
  font-size: 15.3782608696px;
}
@media (max-width: 1651px) {
  .menu__catalog-quaternary-title {
    font-size: clamp(14.6054347826px, 14.6054347826px + 0.772826087 * (100vw - 1551px) / 100, 15.3782608696px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-quaternary-title {
    font-size: 11.7391304348px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-quaternary-title {
    font-size: clamp(9.5184782609px, 9.5184782609px + 2.2206521739 * (100vw - 1025px) / 227, 11.7391304348px);
  }
}
.menu__catalog-quaternary-title {
  line-height: 20.5043478261px;
}
@media (max-width: 1651px) {
  .menu__catalog-quaternary-title {
    line-height: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-quaternary-title {
    line-height: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-quaternary-title {
    line-height: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.menu__catalog-arrow {
  rotate: -90deg;
}
.menu__catalog-arrow {
  width: 17.0869565217px;
}
@media (max-width: 1651px) {
  .menu__catalog-arrow {
    width: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-arrow {
    width: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-arrow {
    width: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
.menu__catalog-arrow {
  height: 17.0869565217px;
}
@media (max-width: 1651px) {
  .menu__catalog-arrow {
    height: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-arrow {
    height: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-arrow {
    height: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
.menu__catalog-banner {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.menu__catalog-image {
  object-fit: cover;
}
.menu__catalog-image {
  width: 341.7391304348px;
}
@media (max-width: 1651px) {
  .menu__catalog-image {
    width: clamp(324.5652173913px, 324.5652173913px + 17.1739130435 * (100vw - 1551px) / 100, 341.7391304348px);
  }
}
@media (max-width: 1550px) {
  .menu__catalog-image {
    width: 260.8695652174px;
  }
}
@media (max-width: 1252px) {
  .menu__catalog-image {
    width: clamp(211.5217391304px, 211.5217391304px + 49.347826087 * (100vw - 1025px) / 227, 260.8695652174px);
  }
}
.menu__dropdown {
  display: none;
  flex-direction: column;
  position: absolute;
  top: 0;
  padding-inline-start: 0;
  background: #FFFFFF;
}
.menu__dropdown {
  margin-top: 23.9217391304px;
}
@media (max-width: 1651px) {
  .menu__dropdown {
    margin-top: clamp(22.7195652174px, 22.7195652174px + 1.202173913 * (100vw - 1551px) / 100, 23.9217391304px);
  }
}
@media (max-width: 1550px) {
  .menu__dropdown {
    margin-top: 18.2608695652px;
  }
}
@media (max-width: 1252px) {
  .menu__dropdown {
    margin-top: clamp(14.8065217391px, 14.8065217391px + 3.4543478261 * (100vw - 1025px) / 227, 18.2608695652px);
  }
}
.menu__dropdown {
  border: 0.8543478261px solid #E5E6EC;
}
@media (max-width: 1651px) {
  .menu__dropdown {
    border: clamp(0.8114130435px, 0.8114130435px + 0.0429347826 * (100vw - 1551px) / 100, 0.8543478261px) solid #E5E6EC;
  }
}
@media (max-width: 1550px) {
  .menu__dropdown {
    border: 0.652173913px solid #E5E6EC;
  }
}
@media (max-width: 1252px) {
  .menu__dropdown {
    border: clamp(0.5288043478px, 0.5288043478px + 0.1233695652 * (100vw - 1025px) / 227, 0.652173913px) solid #E5E6EC;
  }
}
.menu__dropdown {
  border-radius: 6.8347826087px;
}
@media (max-width: 1651px) {
  .menu__dropdown {
    border-radius: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (max-width: 1550px) {
  .menu__dropdown {
    border-radius: 5.2173913043px;
  }
}
@media (max-width: 1252px) {
  .menu__dropdown {
    border-radius: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
.menu__dropdown {
  padding: 27.3391304348px;
}
@media (max-width: 1651px) {
  .menu__dropdown {
    padding: clamp(25.9652173913px, 25.9652173913px + 1.3739130435 * (100vw - 1551px) / 100, 27.3391304348px);
  }
}
@media (max-width: 1550px) {
  .menu__dropdown {
    padding: 20.8695652174px;
  }
}
@media (max-width: 1252px) {
  .menu__dropdown {
    padding: clamp(16.9217391304px, 16.9217391304px + 3.947826087 * (100vw - 1025px) / 227, 20.8695652174px);
  }
}
.menu__dropdown {
  gap: 17.0869565217px;
}
@media (max-width: 1651px) {
  .menu__dropdown {
    gap: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .menu__dropdown {
    gap: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .menu__dropdown {
    gap: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
@media (max-width: 1024px) {
  .menu__dropdown {
    position: static;
    border: none;
    width: 100%;
    padding: 0;
    margin: 0;
    gap: 0;
  }
}
@media (max-width: 1024px) {
  .menu__dropdown--active {
    display: flex;
    z-index: 10;
  }
}
.menu__dropdown-item {
  list-style-type: none;
}
.menu__dropdown-item:hover {
  color: #007B82;
}
@media (max-width: 1024px) {
  .menu__dropdown-item {
    font-weight: 400;
    border-top: 1px solid #E5E6EC;
    padding-left: 16px;
  }
}
@media (max-width: 1024px) {
  .menu__dropdown-item > a {
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 24px 12px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/overlayscrollbars/styles/overlayscrollbars.css ***!
  \****************************************************************************************************************************************************************************************************************************/
/*! 
 * OverlayScrollbars
 * Version: 2.11.1
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */
.os-size-observer,
.os-size-observer-listener {
  scroll-behavior: auto !important;
  direction: inherit;
  pointer-events: none;
  overflow: hidden;
  visibility: hidden;
  box-sizing: border-box;
}

.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
  writing-mode: horizontal-tb;
  position: absolute;
  left: 0;
  top: 0;
}

.os-size-observer {
  z-index: -1;
  contain: strict;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: inherit;
  border: inherit;
  box-sizing: inherit;
  margin: -133px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.1);
}

.os-size-observer::before {
  content: "";
  flex: none;
  box-sizing: inherit;
  padding: 10px;
  width: 10px;
  height: 10px;
}

.os-size-observer-appear {
  animation: os-size-observer-appear-animation 1ms forwards;
}

.os-size-observer-listener {
  box-sizing: border-box;
  position: relative;
  flex: auto;
  padding: inherit;
  border: inherit;
  margin: -133px;
  transform: scale(10);
}

.os-size-observer-listener.ltr {
  margin-right: -266px;
  margin-left: 0;
}

.os-size-observer-listener.rtl {
  margin-left: -266px;
  margin-right: 0;
}

.os-size-observer-listener:empty::before {
  content: "";
  width: 100%;
  height: 100%;
}

.os-size-observer-listener:empty::before, .os-size-observer-listener > .os-size-observer-listener-item {
  display: block;
  position: relative;
  padding: inherit;
  border: inherit;
  box-sizing: content-box;
  flex: auto;
}

.os-size-observer-listener-scroll {
  box-sizing: border-box;
  display: flex;
}

.os-size-observer-listener-item {
  right: 0;
  bottom: 0;
  overflow: hidden;
  direction: ltr;
  flex: none;
}

.os-size-observer-listener-item-final {
  transition: none;
}

@keyframes os-size-observer-appear-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
.os-trinsic-observer {
  flex: none;
  box-sizing: border-box;
  position: relative;
  max-width: 0px;
  max-height: 1px;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
  z-index: -1;
  height: 0;
  top: calc(100% + 1px);
  contain: strict;
}

.os-trinsic-observer:not(:empty) {
  height: calc(100% + 1px);
  top: -1px;
}

.os-trinsic-observer:not(:empty) > .os-size-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

/**
 * hide native scrollbars
 * changes to this styles need to be reflected in the environment styles to correctly detect scrollbar hiding
 */
[data-overlayscrollbars-initialize],
[data-overlayscrollbars-viewport~=scrollbarHidden] {
  scrollbar-width: none !important;
}

[data-overlayscrollbars-initialize]::-webkit-scrollbar,
[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner {
  appearance: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/**
 * elements wont suddenly clip after initialization is done
 */
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
  overflow: auto;
}

/**
 * applied to body 
 */
html[data-overlayscrollbars-body] {
  overflow: hidden;
}

html[data-overlayscrollbars-body],
html[data-overlayscrollbars-body] > body {
  width: 100%;
  height: 100%;
  margin: 0;
}

html[data-overlayscrollbars-body] > body {
  overflow: visible;
  margin: 0;
}

/**
 * structure setup 
 */
[data-overlayscrollbars] {
  position: relative;
}

[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  display: flex;
  align-items: stretch !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  scroll-behavior: auto !important;
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  box-sizing: inherit;
  position: relative;
  flex: auto !important;
  height: auto;
  width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 0;
}

[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  --os-vaw: 0;
  --os-vah: 0;
  outline: none;
}

[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus {
  outline: none;
}

[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  min-width: 1px;
  min-height: 1px;
  width: var(--os-vaw);
  height: var(--os-vah);
}

[data-overlayscrollbars],
[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport] {
  overflow: hidden !important;
}

[data-overlayscrollbars~=noClipping],
[data-overlayscrollbars-padding~=noClipping] {
  overflow: visible !important;
}

[data-overlayscrollbars-viewport~=measuring] {
  overflow: hidden !important;
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}

[data-overlayscrollbars-viewport~=overflowXVisible]:not([data-overlayscrollbars-viewport~=measuring]) {
  overflow-x: visible !important;
}

[data-overlayscrollbars-viewport~=overflowXHidden] {
  overflow-x: hidden !important;
}

[data-overlayscrollbars-viewport~=overflowXScroll] {
  overflow-x: scroll !important;
}

[data-overlayscrollbars-viewport~=overflowYVisible]:not([data-overlayscrollbars-viewport~=measuring]) {
  overflow-y: visible !important;
}

[data-overlayscrollbars-viewport~=overflowYHidden] {
  overflow-y: hidden !important;
}

[data-overlayscrollbars-viewport~=overflowYScroll] {
  overflow-y: scroll !important;
}

[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) {
  font-size: 0 !important;
  line-height: 0 !important;
}

[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) > * {
  display: none !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}

[data-overlayscrollbars-viewport~=scrolling] {
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}

[data-overlayscrollbars-content] {
  box-sizing: inherit;
}

/**
 * Display contents to bridge any flickering during deferred initialization.
 */
[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
  display: contents;
}

/**
 * optional & experimental grid mode
 */
[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
  display: grid;
  grid-template: 1fr/1fr;
}

[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding] > [data-overlayscrollbars-viewport] {
  height: auto !important;
  width: auto !important;
}

@property --os-scroll-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --os-viewport-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.os-scrollbar {
  --os-viewport-percent: 0;
  --os-scroll-percent: 0;
  --os-scroll-direction: 0;
  --os-scroll-percent-directional: calc(
    var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *
      var(--os-scroll-direction)
  );
}

.os-scrollbar {
  contain: size layout;
  contain: size layout style;
  transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

body > .os-scrollbar {
  position: fixed;
  z-index: 99999;
}

.os-scrollbar-transitionless {
  transition: none !important;
}

.os-scrollbar-track {
  position: relative;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  position: absolute;
}

.os-scrollbar-track,
.os-scrollbar-handle {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
  pointer-events: auto;
  touch-action: none;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-horizontal {
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
  opacity: 0;
  visibility: hidden;
}

.os-scrollbar-interaction.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
  pointer-events: none !important;
}

.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
  transition: none !important;
}

.os-scrollbar-horizontal .os-scrollbar-handle {
  bottom: 0;
  left: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateX(calc(var(--os-scroll-percent-directional) * -100%));
  width: calc(var(--os-viewport-percent) * 100%);
}

.os-scrollbar-vertical .os-scrollbar-handle {
  right: 0;
  top: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateY(calc(var(--os-scroll-percent-directional) * -100%));
  height: calc(var(--os-viewport-percent) * 100%);
}

@supports (container-type: size) {
  .os-scrollbar-track {
    container-type: size;
  }
  .os-scrollbar-horizontal .os-scrollbar-handle {
    left: auto;
    transform: translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-vertical .os-scrollbar-handle {
    top: auto;
    transform: translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle {
    right: auto;
    left: 0;
  }
}
.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
  right: auto;
  left: 0;
}

.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
  left: 0;
  right: 0;
}

.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
  top: 0;
  bottom: 0;
}

@media print {
  .os-scrollbar {
    display: none;
  }
}
.os-scrollbar {
  --os-size: 0;
  --os-padding-perpendicular: 0;
  --os-padding-axis: 0;
  --os-track-border-radius: 0;
  --os-track-bg: none;
  --os-track-bg-hover: none;
  --os-track-bg-active: none;
  --os-track-border: none;
  --os-track-border-hover: none;
  --os-track-border-active: none;
  --os-handle-border-radius: 0;
  --os-handle-bg: none;
  --os-handle-bg-hover: none;
  --os-handle-bg-active: none;
  --os-handle-border: none;
  --os-handle-border-hover: none;
  --os-handle-border-active: none;
  --os-handle-min-size: 33px;
  --os-handle-max-size: none;
  --os-handle-perpendicular-size: 100%;
  --os-handle-perpendicular-size-hover: 100%;
  --os-handle-perpendicular-size-active: 100%;
  --os-handle-interactive-area-offset: 0;
}

.os-scrollbar-track {
  border: var(--os-track-border);
  border-radius: var(--os-track-border-radius);
  background: var(--os-track-bg);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s;
}

.os-scrollbar-track:hover {
  border: var(--os-track-border-hover);
  background: var(--os-track-bg-hover);
}

.os-scrollbar-track:active {
  border: var(--os-track-border-active);
  background: var(--os-track-bg-active);
}

.os-scrollbar-handle {
  border: var(--os-handle-border);
  border-radius: var(--os-handle-border-radius);
  background: var(--os-handle-bg);
}

.os-scrollbar-handle:hover {
  border: var(--os-handle-border-hover);
  background: var(--os-handle-bg-hover);
}

.os-scrollbar-handle:active {
  border: var(--os-handle-border-active);
  background: var(--os-handle-bg-active);
}

.os-scrollbar-track:before,
.os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-scrollbar-horizontal {
  padding: var(--os-padding-perpendicular) var(--os-padding-axis);
  right: var(--os-size);
  height: var(--os-size);
}

.os-scrollbar-horizontal.os-scrollbar-rtl {
  left: var(--os-size);
  right: 0;
}

.os-scrollbar-horizontal .os-scrollbar-track:before {
  top: calc(var(--os-padding-perpendicular) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-horizontal .os-scrollbar-handle {
  min-width: var(--os-handle-min-size);
  max-width: var(--os-handle-max-size);
  height: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s;
}

.os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-horizontal:hover .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-hover);
}

.os-scrollbar-horizontal:active .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-active);
}

.os-scrollbar-vertical {
  padding: var(--os-padding-axis) var(--os-padding-perpendicular);
  bottom: var(--os-size);
  width: var(--os-size);
}

.os-scrollbar-vertical .os-scrollbar-track:before {
  left: calc(var(--os-padding-perpendicular) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-vertical .os-scrollbar-handle {
  min-height: var(--os-handle-min-size);
  max-height: var(--os-handle-max-size);
  width: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s;
}

.os-scrollbar-vertical .os-scrollbar-handle:before {
  left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
  right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  left: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-vertical:hover .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-hover);
}

.os-scrollbar-vertical:active .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-active);
}

/* NONE THEME: */
[data-overlayscrollbars-viewport~=measuring] > .os-scrollbar,
.os-theme-none.os-scrollbar {
  display: none !important;
}

/* DARK & LIGHT THEME: */
.os-theme-dark,
.os-theme-light {
  box-sizing: border-box;
  --os-size: 10px;
  --os-padding-perpendicular: 2px;
  --os-padding-axis: 2px;
  --os-track-border-radius: 10px;
  --os-handle-interactive-area-offset: 4px;
  --os-handle-border-radius: 10px;
}

.os-theme-dark {
  --os-handle-bg: rgba(0, 0, 0, 0.44);
  --os-handle-bg-hover: rgba(0, 0, 0, 0.55);
  --os-handle-bg-active: rgba(0, 0, 0, 0.66);
}

.os-theme-light {
  --os-handle-bg: rgba(255, 255, 255, 0.44);
  --os-handle-bg-hover: rgba(255, 255, 255, 0.55);
  --os-handle-bg-active: rgba(255, 255, 255, 0.66);
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./www/local/templates/main/components/bitrix/search.title/header/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Размер в дизайне указан, если у страницы маленькие отступы по бокам, цель функции пересчитать размеры, в случае, если
 * мы увеличиваем отступы, но хотим чтобы визуально страница осталась такой же, то есть уменьшаем размер пропорционально
 * уменьшению ширины контентной области
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @param {number} $oldContent - Изначальная ширина контентной области в пикселях (без указания px)
 * @param {number} $newContent - Измененная ширина контентной области в пикселях (без указания px)
 * @return {number} - Измененный размер в пикселях (без указания px)
 */
/**
 * Функция возвращает адаптивные размеры в заданном диапазоне, при пороге в $widthMaxSize и больше, размер будет
 * $maxSize, в диапазоне между $widthMinSize и $widthMaxSize, размер будет пропорционально уменьшаться/увеличиваться,
 * при достижении порога в $widthMinSize и меньше размер будет $minSize
 *
 * @param {number} $widthMinSize - Минимальная ширина экрана в пикселях (без указания px)
 * @param {number} $widthMaxSize - Максимальная ширина экрана в пикселях (без указания px)
 * @param {number} $minSize - Размер, который указан для минимальной ширины экрана в пикселях (без указания px)
 * @param {number} $maxSize - Размер, который указан для максимальной ширины экрана в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки больших экранов (от 1652px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки менее больших экранов (от 1551px до 1651px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки средних экранов (до 1550px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки маленьких экранов (от 1025px до 1252px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне планшетной верстки (от 768px до 1024px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне мобильной верстки (от 375px до 768px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * MIXINS: для каждого свойства десктопной верстки
 *
 * @param {number} ...$size - Размеры в пикселях (без указания px)
 * @return {property: px}
 */
.title-search-result {
  z-index: 25;
}

.search-title-ajax {
  background-color: #FFFFFF;
  padding: 15px 15px 15px 266px;
}
@media (max-width: 1024px) {
  .search-title-ajax {
    padding: 15px 52px;
  }
}
@media (max-width: 767px) {
  .search-title-ajax {
    padding: 15px;
  }
}
.search-title-ajax__header {
  color: #A7A9AA;
  margin-bottom: 35px;
  letter-spacing: -0.14px;
}
.search-title-ajax__header {
  font-size: 13.6695652174px;
}
@media (max-width: 1651px) {
  .search-title-ajax__header {
    font-size: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .search-title-ajax__header {
    font-size: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .search-title-ajax__header {
    font-size: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
@media (max-width: 1024px) {
  .search-title-ajax__header {
    font-size: 14px;
  }
}
.search-title-ajax__items {
  margin-top: 20px;
  margin-bottom: 20px;
}
.search-title-ajax__category {
  margin-bottom: 10px;
  color: #A7A9AA;
  margin-top: 15px;
}
.search-title-ajax__category {
  font-size: 11.9608695652px;
}
@media (max-width: 1651px) {
  .search-title-ajax__category {
    font-size: clamp(11.3597826087px, 11.3597826087px + 0.6010869565 * (100vw - 1551px) / 100, 11.9608695652px);
  }
}
@media (max-width: 1550px) {
  .search-title-ajax__category {
    font-size: 9.1304347826px;
  }
}
@media (max-width: 1252px) {
  .search-title-ajax__category {
    font-size: clamp(7.4032608696px, 7.4032608696px + 1.727173913 * (100vw - 1025px) / 227, 9.1304347826px);
  }
}
@media (max-width: 1024px) {
  .search-title-ajax__category {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .search-title-ajax__category {
    font-size: 12px;
  }
}
.search-title-ajax__item {
  margin-bottom: 5px;
}
@media (max-width: 1024px) {
  .search-title-ajax__item {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .search-title-ajax__item {
    font-size: 14px;
  }
}
.search-title-ajax__item-link:hover {
  color: #007B82;
}
.search-title-ajax__button-wrapper {
  margin-top: 30px;
}
.search-title-ajax__button {
  background-color: #007B82;
  color: #FFFFFF;
  display: inline-block;
  font-weight: 500;
  text-align: center;
  box-sizing: border-box;
}
.search-title-ajax__button {
  padding: 13.6695652174px 20.5043478261px;
}
@media (max-width: 1651px) {
  .search-title-ajax__button {
    padding: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px) clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .search-title-ajax__button {
    padding: 10.4347826087px 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .search-title-ajax__button {
    padding: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px) clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.search-title-ajax__button {
  border: 1.7086956522px solid #FFFFFF;
}
@media (max-width: 1651px) {
  .search-title-ajax__button {
    border: clamp(1.622826087px, 1.622826087px + 0.0858695652 * (100vw - 1551px) / 100, 1.7086956522px) solid #FFFFFF;
  }
}
@media (max-width: 1550px) {
  .search-title-ajax__button {
    border: 1.3043478261px solid #FFFFFF;
  }
}
@media (max-width: 1252px) {
  .search-title-ajax__button {
    border: clamp(1.0576086957px, 1.0576086957px + 0.2467391304 * (100vw - 1025px) / 227, 1.3043478261px) solid #FFFFFF;
  }
}
.search-title-ajax__button {
  border-radius: 6.8347826087px;
}
@media (max-width: 1651px) {
  .search-title-ajax__button {
    border-radius: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (max-width: 1550px) {
  .search-title-ajax__button {
    border-radius: 5.2173913043px;
  }
}
@media (max-width: 1252px) {
  .search-title-ajax__button {
    border-radius: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
.search-title-ajax__button {
  font-size: 13.6695652174px;
}
@media (max-width: 1651px) {
  .search-title-ajax__button {
    font-size: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .search-title-ajax__button {
    font-size: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .search-title-ajax__button {
    font-size: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
.search-title-ajax__button {
  line-height: 20.5043478261px;
}
@media (max-width: 1651px) {
  .search-title-ajax__button {
    line-height: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .search-title-ajax__button {
    line-height: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .search-title-ajax__button {
    line-height: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
@media (max-width: 1024px) {
  .search-title-ajax__button {
    font-size: 14px;
    padding: 16px 24px;
  }
}
@media (max-width: 767px) {
  .search-title-ajax__button {
    font-size: 12px;
  }
}

.search-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #E5E6EC;
  padding: 5px 5px 5px 14px;
  box-sizing: border-box;
  width: 100%;
}
.search-title__input {
  border: none;
  padding: 10px 5px 5px 10px;
  width: 100%;
  outline: none;
  color: #007B82;
}
.search-title__clear {
  border: none;
  background: none;
}
.search-title__clear-text {
  color: #A7A9AA;
  font-weight: 400;
}
@media (max-width: 1024px) {
  .search-title__clear-text {
    display: none;
  }
}
.search-title__icon {
  cursor: pointer;
}
.search-title__icon {
  width: 20.5043478261px;
}
@media (max-width: 1651px) {
  .search-title__icon {
    width: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .search-title__icon {
    width: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .search-title__icon {
    width: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.search-title__icon {
  height: 20.5043478261px;
}
@media (max-width: 1651px) {
  .search-title__icon {
    height: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .search-title__icon {
    height: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .search-title__icon {
    height: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
@media (max-width: 1024px) {
  .search-title__icon {
    width: clamp(20px, 20px + 4 * (100vw - 768px) / 256, 24px);
    height: clamp(20px, 20px + 4 * (100vw - 768px) / 256, 24px);
  }
}
@media (min-width: 1025px) {
  .search-title__clear-icon {
    display: none;
  }
}
@media (max-width: 1024px) {
  .search-title {
    border: none;
    padding: 24px 17px 24px 12px;
  }
  .search-title__clear {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./www/local/templates/main/ui/components/tooltip/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Размер в дизайне указан, если у страницы маленькие отступы по бокам, цель функции пересчитать размеры, в случае, если
 * мы увеличиваем отступы, но хотим чтобы визуально страница осталась такой же, то есть уменьшаем размер пропорционально
 * уменьшению ширины контентной области
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @param {number} $oldContent - Изначальная ширина контентной области в пикселях (без указания px)
 * @param {number} $newContent - Измененная ширина контентной области в пикселях (без указания px)
 * @return {number} - Измененный размер в пикселях (без указания px)
 */
/**
 * Функция возвращает адаптивные размеры в заданном диапазоне, при пороге в $widthMaxSize и больше, размер будет
 * $maxSize, в диапазоне между $widthMinSize и $widthMaxSize, размер будет пропорционально уменьшаться/увеличиваться,
 * при достижении порога в $widthMinSize и меньше размер будет $minSize
 *
 * @param {number} $widthMinSize - Минимальная ширина экрана в пикселях (без указания px)
 * @param {number} $widthMaxSize - Максимальная ширина экрана в пикселях (без указания px)
 * @param {number} $minSize - Размер, который указан для минимальной ширины экрана в пикселях (без указания px)
 * @param {number} $maxSize - Размер, который указан для максимальной ширины экрана в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки больших экранов (от 1652px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки менее больших экранов (от 1551px до 1651px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки средних экранов (до 1550px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки маленьких экранов (от 1025px до 1252px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне планшетной верстки (от 768px до 1024px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне мобильной верстки (от 375px до 768px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * MIXINS: для каждого свойства десктопной верстки
 *
 * @param {number} ...$size - Размеры в пикселях (без указания px)
 * @return {property: px}
 */
.tooltip {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
.tooltip svg {
  color: #FFFFFF;
  cursor: help;
  overflow: visible;
  width: 24px;
  height: 24px;
}
.tooltip svg:hover + span {
  display: block;
}
.tooltip span {
  color: #24282B;
  font-weight: normal;
  display: none;
  position: absolute;
  border: 1px solid #24282B;
  border-radius: 16px 16px 0px 16px;
  padding: 15px;
  box-sizing: border-box;
  background: white;
  transform: translateX(-100%) translateY(-100%);
  top: -4px;
  left: 50%;
  width: max-content;
  max-width: min(402px, 90vw);
  text-wrap: wrap;
  z-index: 1;
}
.tooltip span.right {
  transform: translateX(0) translateY(-100%);
  border-radius: 16px 16px 16px 0;
}
.tooltip span {
  font-size: 11.9608695652px;
}
@media (max-width: 1651px) {
  .tooltip span {
    font-size: clamp(11.3597826087px, 11.3597826087px + 0.6010869565 * (100vw - 1551px) / 100, 11.9608695652px);
  }
}
@media (max-width: 1550px) {
  .tooltip span {
    font-size: 9.1304347826px;
  }
}
@media (max-width: 1252px) {
  .tooltip span {
    font-size: clamp(7.4032608696px, 7.4032608696px + 1.727173913 * (100vw - 1025px) / 227, 9.1304347826px);
  }
}
@media (max-width: 1024px) {
  .tooltip span {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .tooltip span {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .tooltip span {
    max-width: min(247px, 90vw);
  }
}

table:has(.tooltip svg:hover) {
  overflow: visible !important;
  transform: translateX(var(--last-scroll-left));
}

.warranty:has(.tooltip svg:hover) {
  overflow: hidden;
}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./www/local/components/blocks/header/templates/.default/blocks/compare/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Размер в дизайне указан, если у страницы маленькие отступы по бокам, цель функции пересчитать размеры, в случае, если
 * мы увеличиваем отступы, но хотим чтобы визуально страница осталась такой же, то есть уменьшаем размер пропорционально
 * уменьшению ширины контентной области
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @param {number} $oldContent - Изначальная ширина контентной области в пикселях (без указания px)
 * @param {number} $newContent - Измененная ширина контентной области в пикселях (без указания px)
 * @return {number} - Измененный размер в пикселях (без указания px)
 */
/**
 * Функция возвращает адаптивные размеры в заданном диапазоне, при пороге в $widthMaxSize и больше, размер будет
 * $maxSize, в диапазоне между $widthMinSize и $widthMaxSize, размер будет пропорционально уменьшаться/увеличиваться,
 * при достижении порога в $widthMinSize и меньше размер будет $minSize
 *
 * @param {number} $widthMinSize - Минимальная ширина экрана в пикселях (без указания px)
 * @param {number} $widthMaxSize - Максимальная ширина экрана в пикселях (без указания px)
 * @param {number} $minSize - Размер, который указан для минимальной ширины экрана в пикселях (без указания px)
 * @param {number} $maxSize - Размер, который указан для максимальной ширины экрана в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки больших экранов (от 1652px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки менее больших экранов (от 1551px до 1651px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки средних экранов (до 1550px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки маленьких экранов (от 1025px до 1252px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне планшетной верстки (от 768px до 1024px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне мобильной верстки (от 375px до 768px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * MIXINS: для каждого свойства десктопной верстки
 *
 * @param {number} ...$size - Размеры в пикселях (без указания px)
 * @return {property: px}
 */
.compare-header__btn {
  position: relative;
}
.compare-header__btn:hover div.compare-header__dropdown {
  display: flex;
}
.compare-header__counter {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(50%) translateY(-50%);
  background-color: #F5F6F8;
  border-radius: 2px;
  color: #007B82;
  font-weight: 500;
  text-align: center;
}
.compare-header__counter {
  font-size: 12.8152173913px;
}
@media (max-width: 1651px) {
  .compare-header__counter {
    font-size: clamp(12.1711956522px, 12.1711956522px + 0.6440217391 * (100vw - 1551px) / 100, 12.8152173913px);
  }
}
@media (max-width: 1550px) {
  .compare-header__counter {
    font-size: 9.7826086957px;
  }
}
@media (max-width: 1252px) {
  .compare-header__counter {
    font-size: clamp(7.9320652174px, 7.9320652174px + 1.8505434783 * (100vw - 1025px) / 227, 9.7826086957px);
  }
}
.compare-header__counter {
  line-height: 12.8152173913px;
}
@media (max-width: 1651px) {
  .compare-header__counter {
    line-height: clamp(12.1711956522px, 12.1711956522px + 0.6440217391 * (100vw - 1551px) / 100, 12.8152173913px);
  }
}
@media (max-width: 1550px) {
  .compare-header__counter {
    line-height: 9.7826086957px;
  }
}
@media (max-width: 1252px) {
  .compare-header__counter {
    line-height: clamp(7.9320652174px, 7.9320652174px + 1.8505434783 * (100vw - 1025px) / 227, 9.7826086957px);
  }
}
.compare-header__counter {
  padding: 0.8543478261px 2.1358695652px;
}
@media (max-width: 1651px) {
  .compare-header__counter {
    padding: clamp(0.8114130435px, 0.8114130435px + 0.0429347826 * (100vw - 1551px) / 100, 0.8543478261px) clamp(2.0285326087px, 2.0285326087px + 0.1073369565 * (100vw - 1551px) / 100, 2.1358695652px);
  }
}
@media (max-width: 1550px) {
  .compare-header__counter {
    padding: 0.652173913px 1.6304347826px;
  }
}
@media (max-width: 1252px) {
  .compare-header__counter {
    padding: clamp(0.5288043478px, 0.5288043478px + 0.1233695652 * (100vw - 1025px) / 227, 0.652173913px) clamp(1.3220108696px, 1.3220108696px + 0.308423913 * (100vw - 1025px) / 227, 1.6304347826px);
  }
}
.compare-header__counter {
  height: 19.65px;
}
@media (max-width: 1651px) {
  .compare-header__counter {
    height: clamp(18.6625px, 18.6625px + 0.9875 * (100vw - 1551px) / 100, 19.65px);
  }
}
@media (max-width: 1550px) {
  .compare-header__counter {
    height: 15px;
  }
}
@media (max-width: 1252px) {
  .compare-header__counter {
    height: clamp(12.1625px, 12.1625px + 2.8375 * (100vw - 1025px) / 227, 15px);
  }
}
@media (max-width: 1024px) {
  .compare-header__counter {
    font-size: 14px;
    line-height: 18px;
    padding: 2px 5px;
    background-color: #007B82;
    color: #FFFFFF;
    height: auto;
    top: 80%;
    border-radius: 4px;
  }
}
.compare-header__dropdown {
  display: none;
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
  box-sizing: border-box;
  cursor: default;
}
.compare-header__dropdown {
  width: 358.8260869565px;
}
@media (max-width: 1651px) {
  .compare-header__dropdown {
    width: clamp(340.7934782609px, 340.7934782609px + 18.0326086957 * (100vw - 1551px) / 100, 358.8260869565px);
  }
}
@media (max-width: 1550px) {
  .compare-header__dropdown {
    width: 273.9130434783px;
  }
}
@media (max-width: 1252px) {
  .compare-header__dropdown {
    width: clamp(222.097826087px, 222.097826087px + 51.8152173913 * (100vw - 1025px) / 227, 273.9130434783px);
  }
}
.compare-header__dropdown_empty {
  width: max-content;
}
.compare-header__dropdown::before {
  display: block;
  content: "";
  background-color: #F0F1F4;
  position: absolute;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  z-index: 4;
}
.compare-header__dropdown::before {
  top: 0.8543478261px;
}
@media (max-width: 1651px) {
  .compare-header__dropdown::before {
    top: clamp(0.8114130435px, 0.8114130435px + 0.0429347826 * (100vw - 1551px) / 100, 0.8543478261px);
  }
}
@media (max-width: 1550px) {
  .compare-header__dropdown::before {
    top: 0.652173913px;
  }
}
@media (max-width: 1252px) {
  .compare-header__dropdown::before {
    top: clamp(0.5288043478px, 0.5288043478px + 0.1233695652 * (100vw - 1025px) / 227, 0.652173913px);
  }
}
.compare-header__dropdown::before {
  right: 53.8239130435px;
}
@media (max-width: 1651px) {
  .compare-header__dropdown::before {
    right: clamp(51.1190217391px, 51.1190217391px + 2.7048913043 * (100vw - 1551px) / 100, 53.8239130435px);
  }
}
@media (max-width: 1550px) {
  .compare-header__dropdown::before {
    right: 41.0869565217px;
  }
}
@media (max-width: 1252px) {
  .compare-header__dropdown::before {
    right: clamp(33.314673913px, 33.314673913px + 7.7722826087 * (100vw - 1025px) / 227, 41.0869565217px);
  }
}
.compare-header__dropdown::before {
  width: 29.047826087px;
}
@media (max-width: 1651px) {
  .compare-header__dropdown::before {
    width: clamp(27.5880434783px, 27.5880434783px + 1.4597826087 * (100vw - 1551px) / 100, 29.047826087px);
  }
}
@media (max-width: 1550px) {
  .compare-header__dropdown::before {
    width: 22.1739130435px;
  }
}
@media (max-width: 1252px) {
  .compare-header__dropdown::before {
    width: clamp(17.9793478261px, 17.9793478261px + 4.1945652174 * (100vw - 1025px) / 227, 22.1739130435px);
  }
}
.compare-header__dropdown::before {
  height: 17.0869565217px;
}
@media (max-width: 1651px) {
  .compare-header__dropdown::before {
    height: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .compare-header__dropdown::before {
    height: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .compare-header__dropdown::before {
    height: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
.compare-header__dropdown {
  right: -49.552173913px;
}
@media (max-width: 1651px) {
  .compare-header__dropdown {
    right: clamp(-47.0619565217px, -47.0619565217px + -2.4902173913 * (100vw - 1551px) / 100, -49.552173913px);
  }
}
@media (max-width: 1550px) {
  .compare-header__dropdown {
    right: -37.8260869565px;
  }
}
@media (max-width: 1252px) {
  .compare-header__dropdown {
    right: clamp(-30.6706521739px, -30.6706521739px + -7.1554347826 * (100vw - 1025px) / 227, -37.8260869565px);
  }
}
.compare-header__dropdown__inner {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background-color: #F0F1F4;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.compare-header__dropdown__inner {
  border-radius: 6.8347826087px;
}
@media (max-width: 1651px) {
  .compare-header__dropdown__inner {
    border-radius: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (max-width: 1550px) {
  .compare-header__dropdown__inner {
    border-radius: 5.2173913043px;
  }
}
@media (max-width: 1252px) {
  .compare-header__dropdown__inner {
    border-radius: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
.compare-header__dropdown__inner {
  max-height: 324.652173913px;
}
@media (max-width: 1651px) {
  .compare-header__dropdown__inner {
    max-height: clamp(308.3369565217px, 308.3369565217px + 16.3152173913 * (100vw - 1551px) / 100, 324.652173913px);
  }
}
@media (max-width: 1550px) {
  .compare-header__dropdown__inner {
    max-height: 247.8260869565px;
  }
}
@media (max-width: 1252px) {
  .compare-header__dropdown__inner {
    max-height: clamp(200.9456521739px, 200.9456521739px + 46.8804347826 * (100vw - 1025px) / 227, 247.8260869565px);
  }
}
.compare-header__dropdown__inner {
  margin-top: 10.252173913px;
}
@media (max-width: 1651px) {
  .compare-header__dropdown__inner {
    margin-top: clamp(9.7369565217px, 9.7369565217px + 0.5152173913 * (100vw - 1551px) / 100, 10.252173913px);
  }
}
@media (max-width: 1550px) {
  .compare-header__dropdown__inner {
    margin-top: 7.8260869565px;
  }
}
@media (max-width: 1252px) {
  .compare-header__dropdown__inner {
    margin-top: clamp(6.3456521739px, 6.3456521739px + 1.4804347826 * (100vw - 1025px) / 227, 7.8260869565px);
  }
}
.compare-header__dropdown__inner {
  padding: 5.9804347826px;
}
@media (max-width: 1651px) {
  .compare-header__dropdown__inner {
    padding: clamp(5.6798913043px, 5.6798913043px + 0.3005434783 * (100vw - 1551px) / 100, 5.9804347826px);
  }
}
@media (max-width: 1550px) {
  .compare-header__dropdown__inner {
    padding: 4.5652173913px;
  }
}
@media (max-width: 1252px) {
  .compare-header__dropdown__inner {
    padding: clamp(3.7016304348px, 3.7016304348px + 0.8635869565 * (100vw - 1025px) / 227, 4.5652173913px);
  }
}
.compare-header__list {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #D3D6DF transparent;
}
.compare-header__list {
  gap: 8.5434782609px;
}
@media (max-width: 1651px) {
  .compare-header__list {
    gap: clamp(8.1141304348px, 8.1141304348px + 0.4293478261 * (100vw - 1551px) / 100, 8.5434782609px);
  }
}
@media (max-width: 1550px) {
  .compare-header__list {
    gap: 6.5217391304px;
  }
}
@media (max-width: 1252px) {
  .compare-header__list {
    gap: clamp(5.2880434783px, 5.2880434783px + 1.2336956522 * (100vw - 1025px) / 227, 6.5217391304px);
  }
}
.compare-header__list::-webkit-scrollbar {
  width: 2px;
  float: right;
}
.compare-header__list::-webkit-scrollbar-track {
  background: transparent;
  padding-right: 2px;
}
.compare-header__list::-webkit-scrollbar-thumb {
  background-color: #D3D6DF;
  border-radius: 4px;
  cursor: default;
}
.compare-header__list {
  padding-left: 5.9804347826px;
}
@media (max-width: 1651px) {
  .compare-header__list {
    padding-left: clamp(5.6798913043px, 5.6798913043px + 0.3005434783 * (100vw - 1551px) / 100, 5.9804347826px);
  }
}
@media (max-width: 1550px) {
  .compare-header__list {
    padding-left: 4.5652173913px;
  }
}
@media (max-width: 1252px) {
  .compare-header__list {
    padding-left: clamp(3.7016304348px, 3.7016304348px + 0.8635869565 * (100vw - 1025px) / 227, 4.5652173913px);
  }
}
.compare-header__list {
  padding-right: 5.9804347826px;
}
@media (max-width: 1651px) {
  .compare-header__list {
    padding-right: clamp(5.6798913043px, 5.6798913043px + 0.3005434783 * (100vw - 1551px) / 100, 5.9804347826px);
  }
}
@media (max-width: 1550px) {
  .compare-header__list {
    padding-right: 4.5652173913px;
  }
}
@media (max-width: 1252px) {
  .compare-header__list {
    padding-right: clamp(3.7016304348px, 3.7016304348px + 0.8635869565 * (100vw - 1025px) / 227, 4.5652173913px);
  }
}
.compare-header__list {
  padding-top: 17.0869565217px;
}
@media (max-width: 1651px) {
  .compare-header__list {
    padding-top: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .compare-header__list {
    padding-top: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .compare-header__list {
    padding-top: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
.compare-header__product {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 100%;
}
.compare-header__product {
  gap: 8.5434782609px;
}
@media (max-width: 1651px) {
  .compare-header__product {
    gap: clamp(8.1141304348px, 8.1141304348px + 0.4293478261 * (100vw - 1551px) / 100, 8.5434782609px);
  }
}
@media (max-width: 1550px) {
  .compare-header__product {
    gap: 6.5217391304px;
  }
}
@media (max-width: 1252px) {
  .compare-header__product {
    gap: clamp(5.2880434783px, 5.2880434783px + 1.2336956522 * (100vw - 1025px) / 227, 6.5217391304px);
  }
}
.compare-header__product__data {
  display: grid;
  align-items: center;
  width: 100%;
}
.compare-header__product__data {
  grid-gap: 8.5434782609px;
}
@media (max-width: 1651px) {
  .compare-header__product__data {
    grid-gap: clamp(8.1141304348px, 8.1141304348px + 0.4293478261 * (100vw - 1551px) / 100, 8.5434782609px);
  }
}
@media (max-width: 1550px) {
  .compare-header__product__data {
    grid-gap: 6.5217391304px;
  }
}
@media (max-width: 1252px) {
  .compare-header__product__data {
    grid-gap: clamp(5.2880434783px, 5.2880434783px + 1.2336956522 * (100vw - 1025px) / 227, 6.5217391304px);
  }
}
.compare-header__product__data {
  grid-template-columns: 52.9695652174px 1fr;
}
@media (max-width: 1651px) {
  .compare-header__product__data {
    grid-template-columns: clamp(50.3076086957px, 50.3076086957px + 2.6619565217 * (100vw - 1551px) / 100, 52.9695652174px) 1fr;
  }
}
@media (max-width: 1550px) {
  .compare-header__product__data {
    grid-template-columns: 40.4347826087px 1fr;
  }
}
@media (max-width: 1252px) {
  .compare-header__product__data {
    grid-template-columns: clamp(32.7858695652px, 32.7858695652px + 7.6489130435 * (100vw - 1025px) / 227, 40.4347826087px) 1fr;
  }
}
.compare-header__product__img {
  width: 100%;
  aspect-ratio: 1/1;
}
.compare-header__product__img {
  padding: 4.2717391304px;
}
@media (max-width: 1651px) {
  .compare-header__product__img {
    padding: clamp(4.0570652174px, 4.0570652174px + 0.214673913 * (100vw - 1551px) / 100, 4.2717391304px);
  }
}
@media (max-width: 1550px) {
  .compare-header__product__img {
    padding: 3.2608695652px;
  }
}
@media (max-width: 1252px) {
  .compare-header__product__img {
    padding: clamp(2.6440217391px, 2.6440217391px + 0.6168478261 * (100vw - 1025px) / 227, 3.2608695652px);
  }
}
.compare-header__product__img img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  mix-blend-mode: darken;
}
.compare-header__product__title {
  display: flex;
  align-items: center;
  justify-content: left;
  font-weight: 400;
  color: #24282B;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  line-clamp: 2;
  white-space: normal;
  max-height: min-content;
}
.compare-header__product__title {
  font-size: 11.9608695652px;
}
@media (max-width: 1651px) {
  .compare-header__product__title {
    font-size: clamp(11.3597826087px, 11.3597826087px + 0.6010869565 * (100vw - 1551px) / 100, 11.9608695652px);
  }
}
@media (max-width: 1550px) {
  .compare-header__product__title {
    font-size: 9.1304347826px;
  }
}
@media (max-width: 1252px) {
  .compare-header__product__title {
    font-size: clamp(7.4032608696px, 7.4032608696px + 1.727173913 * (100vw - 1025px) / 227, 9.1304347826px);
  }
}
.compare-header__product__title {
  line-height: 15.3782608696px;
}
@media (max-width: 1651px) {
  .compare-header__product__title {
    line-height: clamp(14.6054347826px, 14.6054347826px + 0.772826087 * (100vw - 1551px) / 100, 15.3782608696px);
  }
}
@media (max-width: 1550px) {
  .compare-header__product__title {
    line-height: 11.7391304348px;
  }
}
@media (max-width: 1252px) {
  .compare-header__product__title {
    line-height: clamp(9.5184782609px, 9.5184782609px + 2.2206521739 * (100vw - 1025px) / 227, 11.7391304348px);
  }
}
.compare-header__btn-remove {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-width: 0;
  background-color: #F0F1F4;
  background-image: url("data:image/svg+xml,%3Csvg width=%2714%27 height=%2714%27 viewBox=%270 0 14 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0_6522_32662%29%27%3E%3Cpath d=%27M1.86133 3.57227H12.147%27 stroke=%27%237C7E80%27 stroke-width=%271.14286%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M11 3.57087V11.5709C11 11.874 10.8796 12.1647 10.6653 12.379C10.4509 12.5933 10.1602 12.7137 9.85714 12.7137H4.14286C3.83975 12.7137 3.54906 12.5933 3.33474 12.379C3.12041 12.1647 3 11.874 3 11.5709V3.57087M4.71429 3.57087V2.42801C4.71429 2.12491 4.83469 1.83422 5.04902 1.61989C5.26335 1.40556 5.55404 1.28516 5.85714 1.28516H8.14286C8.44596 1.28516 8.73665 1.40556 8.95098 1.61989C9.16531 1.83422 9.28571 2.12491 9.28571 2.42801V3.57087%27 stroke=%27%237C7E80%27 stroke-width=%271.14286%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M5.86133 6.42773V9.85631%27 stroke=%27%237C7E80%27 stroke-width=%271.14286%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M8.14258 6.42773V9.85631%27 stroke=%27%237C7E80%27 stroke-width=%271.14286%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0_6522_32662%27%3E%3Crect width=%2713.7143%27 height=%2713.7143%27 fill=%27white%27 transform=%27translate%280.142578 0.142578%29%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transition: opacity ease-in-out 100ms;
}
.compare-header__btn-remove {
  width: 20.5043478261px;
}
@media (max-width: 1651px) {
  .compare-header__btn-remove {
    width: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .compare-header__btn-remove {
    width: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .compare-header__btn-remove {
    width: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.compare-header__btn-remove {
  min-width: 20.5043478261px;
}
@media (max-width: 1651px) {
  .compare-header__btn-remove {
    min-width: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .compare-header__btn-remove {
    min-width: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .compare-header__btn-remove {
    min-width: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.compare-header__btn-remove {
  max-width: 20.5043478261px;
}
@media (max-width: 1651px) {
  .compare-header__btn-remove {
    max-width: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .compare-header__btn-remove {
    max-width: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .compare-header__btn-remove {
    max-width: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.compare-header__btn-remove {
  height: 20.5043478261px;
}
@media (max-width: 1651px) {
  .compare-header__btn-remove {
    height: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .compare-header__btn-remove {
    height: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .compare-header__btn-remove {
    height: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.compare-header__btn-remove {
  min-height: 20.5043478261px;
}
@media (max-width: 1651px) {
  .compare-header__btn-remove {
    min-height: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .compare-header__btn-remove {
    min-height: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .compare-header__btn-remove {
    min-height: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.compare-header__btn-remove {
  max-height: 20.5043478261px;
}
@media (max-width: 1651px) {
  .compare-header__btn-remove {
    max-height: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .compare-header__btn-remove {
    max-height: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .compare-header__btn-remove {
    max-height: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.compare-header__btn-remove {
  border-radius: 3.4173913043px;
}
@media (max-width: 1651px) {
  .compare-header__btn-remove {
    border-radius: clamp(3.2456521739px, 3.2456521739px + 0.1717391304 * (100vw - 1551px) / 100, 3.4173913043px);
  }
}
@media (max-width: 1550px) {
  .compare-header__btn-remove {
    border-radius: 2.6086956522px;
  }
}
@media (max-width: 1252px) {
  .compare-header__btn-remove {
    border-radius: clamp(2.1152173913px, 2.1152173913px + 0.4934782609 * (100vw - 1025px) / 227, 2.6086956522px);
  }
}
.compare-header__btn-remove:hover {
  background-image: url("data:image/svg+xml,%3Csvg width=%2714%27 height=%2714%27 viewBox=%270 0 14 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0_6522_32662%29%27%3E%3Cpath d=%27M1.86133 3.57227H12.147%27 stroke=%27%23404040%27 stroke-width=%271.14286%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M11 3.57087V11.5709C11 11.874 10.8796 12.1647 10.6653 12.379C10.4509 12.5933 10.1602 12.7137 9.85714 12.7137H4.14286C3.83975 12.7137 3.54906 12.5933 3.33474 12.379C3.12041 12.1647 3 11.874 3 11.5709V3.57087M4.71429 3.57087V2.42801C4.71429 2.12491 4.83469 1.83422 5.04902 1.61989C5.26335 1.40556 5.55404 1.28516 5.85714 1.28516H8.14286C8.44596 1.28516 8.73665 1.40556 8.95098 1.61989C9.16531 1.83422 9.28571 2.12491 9.28571 2.42801V3.57087%27 stroke=%27%23404040%27 stroke-width=%271.14286%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M5.86133 6.42773V9.85631%27 stroke=%27%23404040%27 stroke-width=%271.14286%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M8.14258 6.42773V9.85631%27 stroke=%27%23404040%27 stroke-width=%271.14286%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0_6522_32662%27%3E%3Crect width=%2713.7143%27 height=%2713.7143%27 fill=%27white%27 transform=%27translate%280.142578 0.142578%29%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.compare-header__btn-container {
  padding-left: 5.9804347826px;
}
@media (max-width: 1651px) {
  .compare-header__btn-container {
    padding-left: clamp(5.6798913043px, 5.6798913043px + 0.3005434783 * (100vw - 1551px) / 100, 5.9804347826px);
  }
}
@media (max-width: 1550px) {
  .compare-header__btn-container {
    padding-left: 4.5652173913px;
  }
}
@media (max-width: 1252px) {
  .compare-header__btn-container {
    padding-left: clamp(3.7016304348px, 3.7016304348px + 0.8635869565 * (100vw - 1025px) / 227, 4.5652173913px);
  }
}
.compare-header__btn-container {
  padding-right: 5.9804347826px;
}
@media (max-width: 1651px) {
  .compare-header__btn-container {
    padding-right: clamp(5.6798913043px, 5.6798913043px + 0.3005434783 * (100vw - 1551px) / 100, 5.9804347826px);
  }
}
@media (max-width: 1550px) {
  .compare-header__btn-container {
    padding-right: 4.5652173913px;
  }
}
@media (max-width: 1252px) {
  .compare-header__btn-container {
    padding-right: clamp(3.7016304348px, 3.7016304348px + 0.8635869565 * (100vw - 1025px) / 227, 4.5652173913px);
  }
}
.compare-header__btn-container {
  padding-top: 23.0673913043px;
}
@media (max-width: 1651px) {
  .compare-header__btn-container {
    padding-top: clamp(21.9081521739px, 21.9081521739px + 1.1592391304 * (100vw - 1551px) / 100, 23.0673913043px);
  }
}
@media (max-width: 1550px) {
  .compare-header__btn-container {
    padding-top: 17.6086956522px;
  }
}
@media (max-width: 1252px) {
  .compare-header__btn-container {
    padding-top: clamp(14.2777173913px, 14.2777173913px + 3.3309782609 * (100vw - 1025px) / 227, 17.6086956522px);
  }
}
.compare-header__btn-container {
  padding-bottom: 17.0869565217px;
}
@media (max-width: 1651px) {
  .compare-header__btn-container {
    padding-bottom: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .compare-header__btn-container {
    padding-bottom: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .compare-header__btn-container {
    padding-bottom: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
.compare-header__btn-to-page {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: fit-content;
  background-color: #007B82;
  border-width: 0;
  color: #FFFFFF;
  font-weight: 500;
  cursor: pointer;
}
.compare-header__btn-to-page {
  padding: 13.6695652174px 20.5043478261px;
}
@media (max-width: 1651px) {
  .compare-header__btn-to-page {
    padding: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px) clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .compare-header__btn-to-page {
    padding: 10.4347826087px 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .compare-header__btn-to-page {
    padding: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px) clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.compare-header__btn-to-page {
  border-radius: 6.8347826087px;
}
@media (max-width: 1651px) {
  .compare-header__btn-to-page {
    border-radius: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (max-width: 1550px) {
  .compare-header__btn-to-page {
    border-radius: 5.2173913043px;
  }
}
@media (max-width: 1252px) {
  .compare-header__btn-to-page {
    border-radius: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
.compare-header__btn-to-page {
  font-size: 11.9608695652px;
}
@media (max-width: 1651px) {
  .compare-header__btn-to-page {
    font-size: clamp(11.3597826087px, 11.3597826087px + 0.6010869565 * (100vw - 1551px) / 100, 11.9608695652px);
  }
}
@media (max-width: 1550px) {
  .compare-header__btn-to-page {
    font-size: 9.1304347826px;
  }
}
@media (max-width: 1252px) {
  .compare-header__btn-to-page {
    font-size: clamp(7.4032608696px, 7.4032608696px + 1.727173913 * (100vw - 1025px) / 227, 9.1304347826px);
  }
}
.compare-header__btn-to-page {
  line-height: 15.3782608696px;
}
@media (max-width: 1651px) {
  .compare-header__btn-to-page {
    line-height: clamp(14.6054347826px, 14.6054347826px + 0.772826087 * (100vw - 1551px) / 100, 15.3782608696px);
  }
}
@media (max-width: 1550px) {
  .compare-header__btn-to-page {
    line-height: 11.7391304348px;
  }
}
@media (max-width: 1252px) {
  .compare-header__btn-to-page {
    line-height: clamp(9.5184782609px, 9.5184782609px + 2.2206521739 * (100vw - 1025px) / 227, 11.7391304348px);
  }
}
.compare-header__empty {
  color: #24282B;
  font-weight: 500;
}
.compare-header__empty {
  padding: 6.8347826087px;
}
@media (max-width: 1651px) {
  .compare-header__empty {
    padding: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (max-width: 1550px) {
  .compare-header__empty {
    padding: 5.2173913043px;
  }
}
@media (max-width: 1252px) {
  .compare-header__empty {
    padding: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
.compare-header__empty {
  font-size: 13.6695652174px;
}
@media (max-width: 1651px) {
  .compare-header__empty {
    font-size: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .compare-header__empty {
    font-size: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .compare-header__empty {
    font-size: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
.compare-header__empty {
  line-height: 13.6695652174px;
}
@media (max-width: 1651px) {
  .compare-header__empty {
    line-height: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .compare-header__empty {
    line-height: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .compare-header__empty {
    line-height: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}

.compare-mobile {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #FFFFFF;
  position: fixed;
  width: 100%;
  transition: 0.4s right;
  top: 0;
  right: -1024px;
  box-sizing: border-box;
  padding: 32px 40px;
  overflow-y: scroll;
  z-index: 1003;
}
.compare-mobile--inner {
  z-index: 1005;
}
@media (max-width: 767px) {
  .compare-mobile {
    padding: clamp(0px, 0px + 32 * (100vw - 375px) / 393, 32px) clamp(12px, 12px + 28 * (100vw - 375px) / 393, 40px);
  }
}
.compare-mobile--open {
  right: 0;
}
.compare-mobile__head {
  border-bottom: 1px solid #E5E6EC;
  display: flex;
  justify-content: center;
  padding: 22px 100px 26px;
  position: relative;
}
@media (max-width: 767px) {
  .compare-mobile__head {
    padding: clamp(28px, 28px + -6 * (100vw - 375px) / 393, 22px) 40px clamp(28px, 28px + -6 * (100vw - 375px) / 393, 22px);
  }
}
.compare-mobile__title {
  display: flex;
  gap: 8px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  white-space: normal;
  text-align: center;
}
@media (max-width: 767px) {
  .compare-mobile__title {
    font-size: clamp(14px, 14px + 2 * (100vw - 375px) / 393, 16px);
  }
}
.compare-mobile__back {
  display: flex;
  gap: 8px;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 12px;
  margin-top: -11px;
  cursor: pointer;
}
.compare-mobile__back:before {
  content: "";
  display: block;
  background: url(/res/icons/55fec4a078ad7ec86872.svg) no-repeat center;
  transform: rotate(90deg);
  width: 20px;
  height: 20px;
}
.compare-mobile__back:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: -30px -20px;
}
.compare-mobile__back-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .compare-mobile__back-text {
    display: none;
  }
}
.compare-mobile__close {
  position: absolute;
  top: 50%;
  right: 12px;
  width: 24px;
  height: 24px;
  margin-top: -13px;
}
.compare-mobile__product {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #E5E6EC;
}
.compare-mobile__product {
  padding-top: 20.5043478261px;
}
@media (max-width: 1651px) {
  .compare-mobile__product {
    padding-top: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .compare-mobile__product {
    padding-top: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .compare-mobile__product {
    padding-top: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.compare-mobile__product {
  padding-bottom: 20.5043478261px;
}
@media (max-width: 1651px) {
  .compare-mobile__product {
    padding-bottom: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .compare-mobile__product {
    padding-bottom: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .compare-mobile__product {
    padding-bottom: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.compare-mobile__product__data {
  display: grid;
  grid-template-columns: 72px 1fr;
  align-items: center;
  gap: 8px;
  width: 100%;
}
@media (max-width: 767px) {
  .compare-mobile__product__data {
    align-items: start;
  }
}
.compare-mobile__product__img {
  width: 100%;
  aspect-ratio: 1/1;
  padding: 5px;
}
.compare-mobile__product__img img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  mix-blend-mode: darken;
}
.compare-mobile__product__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  line-clamp: 2;
  white-space: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #24282B;
}
.compare-mobile__btn-remove {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  cursor: pointer;
  border-width: 0;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width=%2714%27 height=%2714%27 viewBox=%270 0 14 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0_6522_32662%29%27%3E%3Cpath d=%27M1.86133 3.57227H12.147%27 stroke=%27%237C7E80%27 stroke-width=%271.14286%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M11 3.57087V11.5709C11 11.874 10.8796 12.1647 10.6653 12.379C10.4509 12.5933 10.1602 12.7137 9.85714 12.7137H4.14286C3.83975 12.7137 3.54906 12.5933 3.33474 12.379C3.12041 12.1647 3 11.874 3 11.5709V3.57087M4.71429 3.57087V2.42801C4.71429 2.12491 4.83469 1.83422 5.04902 1.61989C5.26335 1.40556 5.55404 1.28516 5.85714 1.28516H8.14286C8.44596 1.28516 8.73665 1.40556 8.95098 1.61989C9.16531 1.83422 9.28571 2.12491 9.28571 2.42801V3.57087%27 stroke=%27%237C7E80%27 stroke-width=%271.14286%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M5.86133 6.42773V9.85631%27 stroke=%27%237C7E80%27 stroke-width=%271.14286%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M8.14258 6.42773V9.85631%27 stroke=%27%237C7E80%27 stroke-width=%271.14286%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0_6522_32662%27%3E%3Crect width=%2713.7143%27 height=%2713.7143%27 fill=%27white%27 transform=%27translate%280.142578 0.142578%29%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transition: opacity ease-in-out 100ms;
  opacity: 1;
}
@media (max-width: 767px) {
  .compare-mobile__btn-remove {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
  }
  .compare-mobile__btn-remove {
    margin-bottom: 20.5043478261px;
  }
}
@media (max-width: 767px) and (max-width: 1651px) {
  .compare-mobile__btn-remove {
    margin-bottom: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 767px) and (max-width: 1550px) {
  .compare-mobile__btn-remove {
    margin-bottom: 15.652173913px;
  }
}
@media (max-width: 767px) and (max-width: 1252px) {
  .compare-mobile__btn-remove {
    margin-bottom: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.compare-mobile__btn-remove:hover {
  background-image: url("data:image/svg+xml,%3Csvg width=%2714%27 height=%2714%27 viewBox=%270 0 14 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0_6522_32662%29%27%3E%3Cpath d=%27M1.86133 3.57227H12.147%27 stroke=%27%23404040%27 stroke-width=%271.14286%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M11 3.57087V11.5709C11 11.874 10.8796 12.1647 10.6653 12.379C10.4509 12.5933 10.1602 12.7137 9.85714 12.7137H4.14286C3.83975 12.7137 3.54906 12.5933 3.33474 12.379C3.12041 12.1647 3 11.874 3 11.5709V3.57087M4.71429 3.57087V2.42801C4.71429 2.12491 4.83469 1.83422 5.04902 1.61989C5.26335 1.40556 5.55404 1.28516 5.85714 1.28516H8.14286C8.44596 1.28516 8.73665 1.40556 8.95098 1.61989C9.16531 1.83422 9.28571 2.12491 9.28571 2.42801V3.57087%27 stroke=%27%23404040%27 stroke-width=%271.14286%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M5.86133 6.42773V9.85631%27 stroke=%27%23404040%27 stroke-width=%271.14286%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M8.14258 6.42773V9.85631%27 stroke=%27%23404040%27 stroke-width=%271.14286%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0_6522_32662%27%3E%3Crect width=%2713.7143%27 height=%2713.7143%27 fill=%27white%27 transform=%27translate%280.142578 0.142578%29%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.compare-mobile__footer {
  margin-top: 20.5043478261px;
}
@media (max-width: 1651px) {
  .compare-mobile__footer {
    margin-top: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .compare-mobile__footer {
    margin-top: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .compare-mobile__footer {
    margin-top: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.compare-mobile__footer {
  margin-bottom: 20.5043478261px;
}
@media (max-width: 1651px) {
  .compare-mobile__footer {
    margin-bottom: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .compare-mobile__footer {
    margin-bottom: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .compare-mobile__footer {
    margin-bottom: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.compare-mobile__btn-to-page {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: fit-content;
  background-color: #007B82;
  padding: 16px 24px;
  border-radius: 8px;
  border-width: 0;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  min-width: 263px;
  width: 263px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .compare-mobile__btn-to-page {
    min-width: 100%;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
  }
}
.compare-mobile--counter {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #007B82;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.compare-mobile--counter {
  width: 20.5043478261px;
}
@media (max-width: 1651px) {
  .compare-mobile--counter {
    width: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .compare-mobile--counter {
    width: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .compare-mobile--counter {
    width: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.compare-mobile--counter {
  min-width: 23.0673913043px;
}
@media (max-width: 1651px) {
  .compare-mobile--counter {
    min-width: clamp(21.9081521739px, 21.9081521739px + 1.1592391304 * (100vw - 1551px) / 100, 23.0673913043px);
  }
}
@media (max-width: 1550px) {
  .compare-mobile--counter {
    min-width: 17.6086956522px;
  }
}
@media (max-width: 1252px) {
  .compare-mobile--counter {
    min-width: clamp(14.2777173913px, 14.2777173913px + 3.3309782609 * (100vw - 1025px) / 227, 17.6086956522px);
  }
}
.compare-mobile--counter {
  padding: 1.7086956522px 4.2717391304px;
}
@media (max-width: 1651px) {
  .compare-mobile--counter {
    padding: clamp(1.622826087px, 1.622826087px + 0.0858695652 * (100vw - 1551px) / 100, 1.7086956522px) clamp(4.0570652174px, 4.0570652174px + 0.214673913 * (100vw - 1551px) / 100, 4.2717391304px);
  }
}
@media (max-width: 1550px) {
  .compare-mobile--counter {
    padding: 1.3043478261px 3.2608695652px;
  }
}
@media (max-width: 1252px) {
  .compare-mobile--counter {
    padding: clamp(1.0576086957px, 1.0576086957px + 0.2467391304 * (100vw - 1025px) / 227, 1.3043478261px) clamp(2.6440217391px, 2.6440217391px + 0.6168478261 * (100vw - 1025px) / 227, 3.2608695652px);
  }
}
.compare-mobile--counter {
  border-radius: 3.4173913043px;
}
@media (max-width: 1651px) {
  .compare-mobile--counter {
    border-radius: clamp(3.2456521739px, 3.2456521739px + 0.1717391304 * (100vw - 1551px) / 100, 3.4173913043px);
  }
}
@media (max-width: 1550px) {
  .compare-mobile--counter {
    border-radius: 2.6086956522px;
  }
}
@media (max-width: 1252px) {
  .compare-mobile--counter {
    border-radius: clamp(2.1152173913px, 2.1152173913px + 0.4934782609 * (100vw - 1025px) / 227, 2.6086956522px);
  }
}
.compare-mobile--counter_list {
  margin-right: 2.5630434783px;
}
@media (max-width: 1651px) {
  .compare-mobile--counter_list {
    margin-right: clamp(2.4342391304px, 2.4342391304px + 0.1288043478 * (100vw - 1551px) / 100, 2.5630434783px);
  }
}
@media (max-width: 1550px) {
  .compare-mobile--counter_list {
    margin-right: 1.9565217391px;
  }
}
@media (max-width: 1252px) {
  .compare-mobile--counter_list {
    margin-right: clamp(1.5864130435px, 1.5864130435px + 0.3701086957 * (100vw - 1025px) / 227, 1.9565217391px);
  }
}
.compare-mobile__empty-label {
  font-size: 14px;
  color: #505355;
}
.compare-mobile__empty-label {
  padding-top: 16.2326086957px;
}
@media (max-width: 1651px) {
  .compare-mobile__empty-label {
    padding-top: clamp(15.4168478261px, 15.4168478261px + 0.8157608696 * (100vw - 1551px) / 100, 16.2326086957px);
  }
}
@media (max-width: 1550px) {
  .compare-mobile__empty-label {
    padding-top: 12.3913043478px;
  }
}
@media (max-width: 1252px) {
  .compare-mobile__empty-label {
    padding-top: clamp(10.0472826087px, 10.0472826087px + 2.3440217391 * (100vw - 1025px) / 227, 12.3913043478px);
  }
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./www/local/components/blocks/footer/templates/.default/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Размер в дизайне указан, если у страницы маленькие отступы по бокам, цель функции пересчитать размеры, в случае, если
 * мы увеличиваем отступы, но хотим чтобы визуально страница осталась такой же, то есть уменьшаем размер пропорционально
 * уменьшению ширины контентной области
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @param {number} $oldContent - Изначальная ширина контентной области в пикселях (без указания px)
 * @param {number} $newContent - Измененная ширина контентной области в пикселях (без указания px)
 * @return {number} - Измененный размер в пикселях (без указания px)
 */
/**
 * Функция возвращает адаптивные размеры в заданном диапазоне, при пороге в $widthMaxSize и больше, размер будет
 * $maxSize, в диапазоне между $widthMinSize и $widthMaxSize, размер будет пропорционально уменьшаться/увеличиваться,
 * при достижении порога в $widthMinSize и меньше размер будет $minSize
 *
 * @param {number} $widthMinSize - Минимальная ширина экрана в пикселях (без указания px)
 * @param {number} $widthMaxSize - Максимальная ширина экрана в пикселях (без указания px)
 * @param {number} $minSize - Размер, который указан для минимальной ширины экрана в пикселях (без указания px)
 * @param {number} $maxSize - Размер, который указан для максимальной ширины экрана в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки больших экранов (от 1652px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки менее больших экранов (от 1551px до 1651px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки средних экранов (до 1550px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки маленьких экранов (от 1025px до 1252px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне планшетной верстки (от 768px до 1024px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне мобильной верстки (от 375px до 768px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * MIXINS: для каждого свойства десктопной верстки
 *
 * @param {number} ...$size - Размеры в пикселях (без указания px)
 * @return {property: px}
 */
.footer {
  background: #007B82;
  display: flex;
  justify-content: center;
  color: white;
}
.footer {
  padding: 68.347826087px 34.1739130435px;
}
@media (max-width: 1651px) {
  .footer {
    padding: clamp(64.9130434783px, 64.9130434783px + 3.4347826087 * (100vw - 1551px) / 100, 68.347826087px) clamp(32.4565217391px, 32.4565217391px + 1.7173913043 * (100vw - 1551px) / 100, 34.1739130435px);
  }
}
@media (max-width: 1550px) {
  .footer {
    padding: 52.1739130435px 26.0869565217px;
  }
}
@media (max-width: 1252px) {
  .footer {
    padding: clamp(42.3043478261px, 42.3043478261px + 9.8695652174 * (100vw - 1025px) / 227, 52.1739130435px) clamp(21.152173913px, 21.152173913px + 4.9347826087 * (100vw - 1025px) / 227, 26.0869565217px);
  }
}
@media (max-width: 1024px) {
  .footer {
    padding: 80px 40px 99px;
  }
}
@media (max-width: 767px) {
  .footer {
    padding: clamp(40px, 40px + 40 * (100vw - 375px) / 393, 80px) clamp(20px, 20px + 20 * (100vw - 375px) / 393, 40px) clamp(48px, 48px + 51 * (100vw - 375px) / 393, 99px);
  }
}
.footer__content {
  max-width: 1572px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.footer__content {
  gap: 68.347826087px;
}
@media (max-width: 1651px) {
  .footer__content {
    gap: clamp(64.9130434783px, 64.9130434783px + 3.4347826087 * (100vw - 1551px) / 100, 68.347826087px);
  }
}
@media (max-width: 1550px) {
  .footer__content {
    gap: 52.1739130435px;
  }
}
@media (max-width: 1252px) {
  .footer__content {
    gap: clamp(42.3043478261px, 42.3043478261px + 9.8695652174 * (100vw - 1025px) / 227, 52.1739130435px);
  }
}
@media (max-width: 1550px) {
  .footer__content {
    max-width: 1200px;
  }
}
@media (max-width: 1024px) {
  .footer__content {
    gap: 48px;
  }
}
.footer__body {
  display: flex;
}
.footer__body {
  gap: 149.5108695652px;
}
@media (max-width: 1651px) {
  .footer__body {
    gap: clamp(141.9972826087px, 141.9972826087px + 7.5135869565 * (100vw - 1551px) / 100, 149.5108695652px);
  }
}
@media (max-width: 1550px) {
  .footer__body {
    gap: 114.1304347826px;
  }
}
@media (max-width: 1252px) {
  .footer__body {
    gap: clamp(92.5407608696px, 92.5407608696px + 21.589673913 * (100vw - 1025px) / 227, 114.1304347826px);
  }
}
@media (max-width: 1024px) {
  .footer__body {
    flex-direction: column;
    gap: 60px;
  }
}
@media (max-width: 767px) {
  .footer__body {
    gap: 0;
  }
}
.footer__left-block {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.footer__left-block {
  gap: 30.7565217391px;
}
@media (max-width: 1651px) {
  .footer__left-block {
    gap: clamp(29.2108695652px, 29.2108695652px + 1.5456521739 * (100vw - 1551px) / 100, 30.7565217391px);
  }
}
@media (max-width: 1550px) {
  .footer__left-block {
    gap: 23.4782608696px;
  }
}
@media (max-width: 1252px) {
  .footer__left-block {
    gap: clamp(19.0369565217px, 19.0369565217px + 4.4413043478 * (100vw - 1025px) / 227, 23.4782608696px);
  }
}
.footer__left-block {
  max-width: 380.1847826087px;
}
@media (max-width: 1651px) {
  .footer__left-block {
    max-width: clamp(361.0788043478px, 361.0788043478px + 19.1059782609 * (100vw - 1551px) / 100, 380.1847826087px);
  }
}
@media (max-width: 1550px) {
  .footer__left-block {
    max-width: 290.2173913043px;
  }
}
@media (max-width: 1252px) {
  .footer__left-block {
    max-width: clamp(235.3179347826px, 235.3179347826px + 54.8994565217 * (100vw - 1025px) / 227, 290.2173913043px);
  }
}
@media (max-width: 1024px) {
  .footer__left-block {
    gap: 0;
    max-width: unset;
  }
}
@media (max-width: 767px) {
  .footer__left-block {
    font-size: clamp(14px, 14px + 2 * (100vw - 375px) / 393, 16px);
    gap: 24px;
  }
}
.footer__logo {
  height: 48.697826087px;
}
@media (max-width: 1651px) {
  .footer__logo {
    height: clamp(46.2505434783px, 46.2505434783px + 2.4472826087 * (100vw - 1551px) / 100, 48.697826087px);
  }
}
@media (max-width: 1550px) {
  .footer__logo {
    height: 37.1739130435px;
  }
}
@media (max-width: 1252px) {
  .footer__logo {
    height: clamp(30.1418478261px, 30.1418478261px + 7.0320652174 * (100vw - 1025px) / 227, 37.1739130435px);
  }
}
.footer__logo {
  width: 216.15px;
}
@media (max-width: 1651px) {
  .footer__logo {
    width: clamp(205.2875px, 205.2875px + 10.8625 * (100vw - 1551px) / 100, 216.15px);
  }
}
@media (max-width: 1550px) {
  .footer__logo {
    width: 165px;
  }
}
@media (max-width: 1252px) {
  .footer__logo {
    width: clamp(133.7875px, 133.7875px + 31.2125 * (100vw - 1025px) / 227, 165px);
  }
}
@media (max-width: 1024px) {
  .footer__logo {
    height: 57px;
    width: 253px;
  }
}
.footer__description {
  font-weight: 300;
}
.footer__description {
  font-size: 15.3782608696px;
}
@media (max-width: 1651px) {
  .footer__description {
    font-size: clamp(14.6054347826px, 14.6054347826px + 0.772826087 * (100vw - 1551px) / 100, 15.3782608696px);
  }
}
@media (max-width: 1550px) {
  .footer__description {
    font-size: 11.7391304348px;
  }
}
@media (max-width: 1252px) {
  .footer__description {
    font-size: clamp(9.5184782609px, 9.5184782609px + 2.2206521739 * (100vw - 1025px) / 227, 11.7391304348px);
  }
}
.footer__description {
  line-height: 20.5043478261px;
}
@media (max-width: 1651px) {
  .footer__description {
    line-height: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .footer__description {
    line-height: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .footer__description {
    line-height: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
@media (max-width: 1024px) {
  .footer__description {
    font-weight: 400;
    font-size: clamp(16px, 16px + 2 * (100vw - 768px) / 256, 18px);
    line-height: 24px;
    max-width: 599px;
  }
}
@media (max-width: 767px) {
  .footer__description {
    font-size: clamp(14px, 14px + 2 * (100vw - 375px) / 393, 16px);
    line-height: clamp(20px, 20px + 4 * (100vw - 375px) / 393, 24px);
  }
}
.footer__icons {
  display: flex;
}
.footer__icons {
  gap: 27.3391304348px;
}
@media (max-width: 1651px) {
  .footer__icons {
    gap: clamp(25.9652173913px, 25.9652173913px + 1.3739130435 * (100vw - 1551px) / 100, 27.3391304348px);
  }
}
@media (max-width: 1550px) {
  .footer__icons {
    gap: 20.8695652174px;
  }
}
@media (max-width: 1252px) {
  .footer__icons {
    gap: clamp(16.9217391304px, 16.9217391304px + 3.947826087 * (100vw - 1025px) / 227, 20.8695652174px);
  }
}
@media (max-width: 1024px) {
  .footer__icons {
    gap: 32px;
  }
}
.footer__icons--top {
  display: none;
}
@media (max-width: 767px) {
  .footer__icons--top {
    display: flex;
    gap: clamp(12px, 12px + 20 * (100vw - 375px) / 393, 32px);
  }
}
.footer__icons--bottom {
  display: flex;
}
@media (max-width: 767px) {
  .footer__icons--bottom {
    display: none;
  }
}
.footer__icon {
  width: 20.5043478261px;
}
@media (max-width: 1651px) {
  .footer__icon {
    width: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .footer__icon {
    width: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .footer__icon {
    width: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.footer__icon {
  height: 20.5043478261px;
}
@media (max-width: 1651px) {
  .footer__icon {
    height: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .footer__icon {
    height: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .footer__icon {
    height: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
@media (max-width: 1024px) {
  .footer__icon {
    width: 24px;
    height: 24px;
  }
}
.footer__icon-link {
  height: 20.5043478261px;
}
@media (max-width: 1651px) {
  .footer__icon-link {
    height: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .footer__icon-link {
    height: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .footer__icon-link {
    height: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
@media (max-width: 1024px) {
  .footer__icon-link {
    height: 24px;
  }
}
.footer__icon-link:hover {
  opacity: 60%;
}
.footer__middle-block {
  width: 100%;
}
.footer__menu {
  list-style-type: none;
  display: flex;
  gap: 20px;
}
@media (max-width: 1024px) {
  .footer__menu {
    padding-left: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 60px;
    column-gap: 23px;
  }
}
@media (max-width: 767px) {
  .footer__menu {
    grid-template-columns: 1fr;
    row-gap: 0;
    column-gap: 0;
  }
}
.footer__menu-item {
  max-width: 290px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.footer__menu-item {
  gap: 23.9217391304px;
}
@media (max-width: 1651px) {
  .footer__menu-item {
    gap: clamp(22.7195652174px, 22.7195652174px + 1.202173913 * (100vw - 1551px) / 100, 23.9217391304px);
  }
}
@media (max-width: 1550px) {
  .footer__menu-item {
    gap: 18.2608695652px;
  }
}
@media (max-width: 1252px) {
  .footer__menu-item {
    gap: clamp(14.8065217391px, 14.8065217391px + 3.4543478261 * (100vw - 1025px) / 227, 18.2608695652px);
  }
}
@media (max-width: 1024px) {
  .footer__menu-item {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .footer__menu-item:not(.footer__menu-item--not-collected) {
    padding: 22px 0;
    border-bottom: 1px solid #FFFFFF;
    max-width: unset;
    cursor: pointer;
  }
  .footer__menu-item:not(.footer__menu-item--not-collected) .footer__submenu {
    display: none;
  }
  .footer__menu-item--not-collected {
    margin-top: 40px;
  }
}
.footer__menu-item--show .footer__arrow {
  rotate: 0deg;
}
@media (max-width: 767px) {
  .footer__menu-item--show .footer__submenu {
    display: flex !important;
  }
}
.footer__menu-title {
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .footer__menu-title {
    display: flex;
  }
}
.footer__menu-text {
  font-weight: 500;
}
.footer__menu-text {
  font-size: 17.0869565217px;
}
@media (max-width: 1651px) {
  .footer__menu-text {
    font-size: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .footer__menu-text {
    font-size: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .footer__menu-text {
    font-size: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
.footer__menu-text {
  line-height: 15.3782608696px;
}
@media (max-width: 1651px) {
  .footer__menu-text {
    line-height: clamp(14.6054347826px, 14.6054347826px + 0.772826087 * (100vw - 1551px) / 100, 15.3782608696px);
  }
}
@media (max-width: 1550px) {
  .footer__menu-text {
    line-height: 11.7391304348px;
  }
}
@media (max-width: 1252px) {
  .footer__menu-text {
    line-height: clamp(9.5184782609px, 9.5184782609px + 2.2206521739 * (100vw - 1025px) / 227, 11.7391304348px);
  }
}
@media (max-width: 1024px) {
  .footer__menu-text {
    font-size: clamp(14px, 14px + 6 * (100vw - 768px) / 256, 20px);
    line-height: clamp(20px, 20px + 8 * (100vw - 768px) / 256, 28px);
  }
}
.footer__arrow {
  width: 24px;
  height: 24px;
  color: #FFFFFF;
  rotate: -90deg;
  display: none;
}
@media (max-width: 767px) {
  .footer__arrow {
    display: block;
  }
}
.footer__submenu {
  padding-inline-start: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
}
.footer__submenu {
  gap: 17.0869565217px;
}
@media (max-width: 1651px) {
  .footer__submenu {
    gap: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .footer__submenu {
    gap: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .footer__submenu {
    gap: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
@media (max-width: 1024px) {
  .footer__submenu {
    gap: 16px;
  }
}
.footer__submenu-item {
  font-weight: 300;
}
.footer__submenu-item {
  font-size: 14.5239130435px;
}
@media (max-width: 1651px) {
  .footer__submenu-item {
    font-size: clamp(13.7940217391px, 13.7940217391px + 0.7298913043 * (100vw - 1551px) / 100, 14.5239130435px);
  }
}
@media (max-width: 1550px) {
  .footer__submenu-item {
    font-size: 11.0869565217px;
  }
}
@media (max-width: 1252px) {
  .footer__submenu-item {
    font-size: clamp(8.989673913px, 8.989673913px + 2.0972826087 * (100vw - 1025px) / 227, 11.0869565217px);
  }
}
.footer__submenu-item {
  line-height: 17.0869565217px;
}
@media (max-width: 1651px) {
  .footer__submenu-item {
    line-height: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .footer__submenu-item {
    line-height: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .footer__submenu-item {
    line-height: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
@media (max-width: 1024px) {
  .footer__submenu-item {
    font-size: clamp(12px, 12px + 5 * (100vw - 768px) / 256, 17px);
    line-height: clamp(16px, 16px + 4 * (100vw - 768px) / 256, 20px);
    font-weight: 400;
  }
}
.footer__submenu-item:not(.footer__submenu-item--no-opacity):hover {
  opacity: 60%;
}
.footer__mail {
  display: flex;
  align-items: center;
  width: max-content;
  font-weight: 300;
}
.footer__mail {
  gap: 6.8347826087px;
}
@media (max-width: 1651px) {
  .footer__mail {
    gap: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (max-width: 1550px) {
  .footer__mail {
    gap: 5.2173913043px;
  }
}
@media (max-width: 1252px) {
  .footer__mail {
    gap: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
@media (max-width: 1024px) {
  .footer__mail {
    font-weight: 400;
    gap: 8px;
  }
}
.footer__mail-link:hover {
  opacity: 60%;
}
.footer__copy {
  cursor: pointer;
}
.footer__copy {
  width: 13.6695652174px;
}
@media (max-width: 1651px) {
  .footer__copy {
    width: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .footer__copy {
    width: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .footer__copy {
    width: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
.footer__copy {
  height: 13.6695652174px;
}
@media (max-width: 1651px) {
  .footer__copy {
    height: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .footer__copy {
    height: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .footer__copy {
    height: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
@media (max-width: 1024px) {
  .footer__copy {
    width: 16px;
    height: 16px;
  }
}
.footer__copy:hover {
  opacity: 60%;
}
.footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer__bottom {
  line-height: 17.0869565217px;
}
@media (max-width: 1651px) {
  .footer__bottom {
    line-height: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .footer__bottom {
    line-height: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .footer__bottom {
    line-height: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
.footer__bottom {
  font-size: 14.5239130435px;
}
@media (max-width: 1651px) {
  .footer__bottom {
    font-size: clamp(13.7940217391px, 13.7940217391px + 0.7298913043 * (100vw - 1551px) / 100, 14.5239130435px);
  }
}
@media (max-width: 1550px) {
  .footer__bottom {
    font-size: 11.0869565217px;
  }
}
@media (max-width: 1252px) {
  .footer__bottom {
    font-size: clamp(8.989673913px, 8.989673913px + 2.0972826087 * (100vw - 1025px) / 227, 11.0869565217px);
  }
}
@media (max-width: 1024px) {
  .footer__bottom {
    justify-content: start;
    align-items: start;
    flex-direction: column-reverse;
    gap: 12px;
    line-height: clamp(16px, 16px + 4 * (100vw - 768px) / 256, 20px);
    font-size: clamp(12px, 12px + 5 * (100vw - 768px) / 256, 17px);
  }
}
.footer__bottom-links {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./www/local/components/blocks/up/templates/.default/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Размер в дизайне указан, если у страницы маленькие отступы по бокам, цель функции пересчитать размеры, в случае, если
 * мы увеличиваем отступы, но хотим чтобы визуально страница осталась такой же, то есть уменьшаем размер пропорционально
 * уменьшению ширины контентной области
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @param {number} $oldContent - Изначальная ширина контентной области в пикселях (без указания px)
 * @param {number} $newContent - Измененная ширина контентной области в пикселях (без указания px)
 * @return {number} - Измененный размер в пикселях (без указания px)
 */
/**
 * Функция возвращает адаптивные размеры в заданном диапазоне, при пороге в $widthMaxSize и больше, размер будет
 * $maxSize, в диапазоне между $widthMinSize и $widthMaxSize, размер будет пропорционально уменьшаться/увеличиваться,
 * при достижении порога в $widthMinSize и меньше размер будет $minSize
 *
 * @param {number} $widthMinSize - Минимальная ширина экрана в пикселях (без указания px)
 * @param {number} $widthMaxSize - Максимальная ширина экрана в пикселях (без указания px)
 * @param {number} $minSize - Размер, который указан для минимальной ширины экрана в пикселях (без указания px)
 * @param {number} $maxSize - Размер, который указан для максимальной ширины экрана в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки больших экранов (от 1652px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки менее больших экранов (от 1551px до 1651px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки средних экранов (до 1550px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки маленьких экранов (от 1025px до 1252px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне планшетной верстки (от 768px до 1024px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне мобильной верстки (от 375px до 768px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * MIXINS: для каждого свойства десктопной верстки
 *
 * @param {number} ...$size - Размеры в пикселях (без указания px)
 * @return {property: px}
 */
.up__button {
  display: flex;
  align-items: center;
  background: #FFFFFF;
  border: none;
  cursor: pointer;
  transform: translate3d(0, 5rem, 0);
  transition-duration: 0.3s;
  position: fixed;
  bottom: 0;
  z-index: 23;
  right: 0;
}
.up__button {
  gap: 3.4173913043px;
}
@media (max-width: 1651px) {
  .up__button {
    gap: clamp(3.2456521739px, 3.2456521739px + 0.1717391304 * (100vw - 1551px) / 100, 3.4173913043px);
  }
}
@media (max-width: 1550px) {
  .up__button {
    gap: 2.6086956522px;
  }
}
@media (max-width: 1252px) {
  .up__button {
    gap: clamp(2.1152173913px, 2.1152173913px + 0.4934782609 * (100vw - 1025px) / 227, 2.6086956522px);
  }
}
.up__button {
  padding: 10.252173913px 13.6695652174px;
}
@media (max-width: 1651px) {
  .up__button {
    padding: clamp(9.7369565217px, 9.7369565217px + 0.5152173913 * (100vw - 1551px) / 100, 10.252173913px) clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .up__button {
    padding: 7.8260869565px 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .up__button {
    padding: clamp(6.3456521739px, 6.3456521739px + 1.4804347826 * (100vw - 1025px) / 227, 7.8260869565px) clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
.up__button {
  font-size: 11.9608695652px;
}
@media (max-width: 1651px) {
  .up__button {
    font-size: clamp(11.3597826087px, 11.3597826087px + 0.6010869565 * (100vw - 1551px) / 100, 11.9608695652px);
  }
}
@media (max-width: 1550px) {
  .up__button {
    font-size: 9.1304347826px;
  }
}
@media (max-width: 1252px) {
  .up__button {
    font-size: clamp(7.4032608696px, 7.4032608696px + 1.727173913 * (100vw - 1025px) / 227, 9.1304347826px);
  }
}
.up__button {
  border-radius: 6.8347826087px;
}
@media (max-width: 1651px) {
  .up__button {
    border-radius: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (max-width: 1550px) {
  .up__button {
    border-radius: 5.2173913043px;
  }
}
@media (max-width: 1252px) {
  .up__button {
    border-radius: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
.up__button {
  margin-right: 34.1739130435px;
}
@media (max-width: 1651px) {
  .up__button {
    margin-right: clamp(32.4565217391px, 32.4565217391px + 1.7173913043 * (100vw - 1551px) / 100, 34.1739130435px);
  }
}
@media (max-width: 1550px) {
  .up__button {
    margin-right: 26.0869565217px;
  }
}
@media (max-width: 1252px) {
  .up__button {
    margin-right: clamp(21.152173913px, 21.152173913px + 4.9347826087 * (100vw - 1025px) / 227, 26.0869565217px);
  }
}
.up__button {
  margin-bottom: 34.1739130435px;
}
@media (max-width: 1651px) {
  .up__button {
    margin-bottom: clamp(32.4565217391px, 32.4565217391px + 1.7173913043 * (100vw - 1551px) / 100, 34.1739130435px);
  }
}
@media (max-width: 1550px) {
  .up__button {
    margin-bottom: 26.0869565217px;
  }
}
@media (max-width: 1252px) {
  .up__button {
    margin-bottom: clamp(21.152173913px, 21.152173913px + 4.9347826087 * (100vw - 1025px) / 227, 26.0869565217px);
  }
}
@media (max-width: 1024px) {
  .up__button {
    font-size: 14px;
    gap: 4px;
    padding: 12px 16px;
    border-radius: 8px;
    margin-right: 40px;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .up__button {
    font-size: clamp(12px, 12px + 2 * (100vw - 375px) / 393, 14px);
    line-height: clamp(16px, 16px + 4 * (100vw - 375px) / 393, 20px);
    margin-right: clamp(12px, 12px + 28 * (100vw - 375px) / 393, 40px);
    margin-bottom: clamp(12px, 12px + 28 * (100vw - 375px) / 393, 40px);
  }
}
.up__button--active {
  transform: translate3d(0, 0, 0);
}
.up__arrow {
  rotate: 180deg;
}
.up__arrow {
  width: 17.0869565217px;
}
@media (max-width: 1651px) {
  .up__arrow {
    width: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .up__arrow {
    width: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .up__arrow {
    width: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
.up__arrow {
  height: 17.0869565217px;
}
@media (max-width: 1651px) {
  .up__arrow {
    height: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .up__arrow {
    height: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .up__arrow {
    height: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
@media (max-width: 1024px) {
  .up__arrow {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 767px) {
  .up__arrow {
    width: clamp(16px, 16px + 4 * (100vw - 375px) / 393, 20px);
    height: clamp(16px, 16px + 4 * (100vw - 375px) / 393, 20px);
  }
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./www/local/components/blocks/form/templates/right/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.warranty__buttons div {
  display: block;
}

/** Меняем стиль успешной отправки **/
.b24-form-state-container .b24-form-success-icon {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%20169%20169%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Ccircle%20id%3D%22a%22%20cx%3D%2284.5%22%20cy%3D%2284.5%22%20r%3D%2265.5%22/%3E%3Cfilter%20x%3D%22-.8%25%22%20y%3D%22-.8%25%22%20width%3D%22101.5%25%22%20height%3D%22101.5%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22/%3E%3CfeOffset%20dx%3D%22-1%22%20dy%3D%22-1%22%20in%3D%22shadowBlurInner1%22%20result%3D%22shadowOffsetInner1%22/%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner1%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.0886691434%200%22%20in%3D%22shadowInnerInner1%22%20result%3D%22shadowMatrixInner1%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner2%22/%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22%20in%3D%22shadowBlurInner2%22%20result%3D%22shadowOffsetInner2%22/%3E%3CfeComposite%20in%3D%22shadowOffsetInner2%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner2%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.292285839%200%22%20in%3D%22shadowInnerInner2%22%20result%3D%22shadowMatrixInner2%22/%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixInner1%22/%3E%3CfeMergeNode%20in%3D%22shadowMatrixInner2%22/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20stroke-opacity%3D%22.05%22%20stroke%3D%22%23000%22%20fill-opacity%3D%22.07%22%20fill%3D%22%23000%22%20cx%3D%2284.5%22%20cy%3D%2284.5%22%20r%3D%2284%22/%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22/%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22/%3E%3Cpath%20fill%3D%22%23007B82%22%20d%3D%22M76.853%20107L57%2087.651l6.949-6.771%2012.904%2012.576L106.051%2065%20113%2071.772z%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

.b24-form-state-container .b24-form-success {
  background-color: #007B82 !important;
}

/** Удаляем первую строчку из соглашений форм, б24 берет первую строку и всегда дублирует в заголовок. получается дубль это удаляет его */
.b24-window-popup-body s {
  display: none;
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./www/local/templates/main/components/bitrix/breadcrumb/breadcrumb/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Размер в дизайне указан, если у страницы маленькие отступы по бокам, цель функции пересчитать размеры, в случае, если
 * мы увеличиваем отступы, но хотим чтобы визуально страница осталась такой же, то есть уменьшаем размер пропорционально
 * уменьшению ширины контентной области
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @param {number} $oldContent - Изначальная ширина контентной области в пикселях (без указания px)
 * @param {number} $newContent - Измененная ширина контентной области в пикселях (без указания px)
 * @return {number} - Измененный размер в пикселях (без указания px)
 */
/**
 * Функция возвращает адаптивные размеры в заданном диапазоне, при пороге в $widthMaxSize и больше, размер будет
 * $maxSize, в диапазоне между $widthMinSize и $widthMaxSize, размер будет пропорционально уменьшаться/увеличиваться,
 * при достижении порога в $widthMinSize и меньше размер будет $minSize
 *
 * @param {number} $widthMinSize - Минимальная ширина экрана в пикселях (без указания px)
 * @param {number} $widthMaxSize - Максимальная ширина экрана в пикселях (без указания px)
 * @param {number} $minSize - Размер, который указан для минимальной ширины экрана в пикселях (без указания px)
 * @param {number} $maxSize - Размер, который указан для максимальной ширины экрана в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки больших экранов (от 1652px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки менее больших экранов (от 1551px до 1651px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки средних экранов (до 1550px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки маленьких экранов (от 1025px до 1252px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне планшетной верстки (от 768px до 1024px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне мобильной верстки (от 375px до 768px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * MIXINS: для каждого свойства десктопной верстки
 *
 * @param {number} ...$size - Размеры в пикселях (без указания px)
 * @return {property: px}
 */
body:has(.banner) .breadcrumbs {
  padding-left: 34.1739130435px;
}
@media (max-width: 1651px) {
  body:has(.banner) .breadcrumbs {
    padding-left: clamp(32.4565217391px, 32.4565217391px + 1.7173913043 * (100vw - 1551px) / 100, 34.1739130435px);
  }
}
@media (max-width: 1550px) {
  body:has(.banner) .breadcrumbs {
    padding-left: 26.0869565217px;
  }
}
@media (max-width: 1252px) {
  body:has(.banner) .breadcrumbs {
    padding-left: clamp(21.152173913px, 21.152173913px + 4.9347826087 * (100vw - 1025px) / 227, 26.0869565217px);
  }
}
@media (max-width: 1024px) {
  body:has(.banner) .breadcrumbs {
    padding-left: 0;
  }
}
body:has(.banner) .breadcrumbs__list {
  padding-top: 20.5043478261px;
}
@media (max-width: 1651px) {
  body:has(.banner) .breadcrumbs__list {
    padding-top: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  body:has(.banner) .breadcrumbs__list {
    padding-top: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  body:has(.banner) .breadcrumbs__list {
    padding-top: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
@media (max-width: 1024px) {
  body:has(.banner) .breadcrumbs__list {
    padding-top: 0;
  }
}
body:has(.banner) .breadcrumbs__item--last {
  color: #FFFFFF;
}
body:has(.series) .breadcrumbs {
  padding-left: 34.1739130435px;
}
@media (max-width: 1651px) {
  body:has(.series) .breadcrumbs {
    padding-left: clamp(32.4565217391px, 32.4565217391px + 1.7173913043 * (100vw - 1551px) / 100, 34.1739130435px);
  }
}
@media (max-width: 1550px) {
  body:has(.series) .breadcrumbs {
    padding-left: 26.0869565217px;
  }
}
@media (max-width: 1252px) {
  body:has(.series) .breadcrumbs {
    padding-left: clamp(21.152173913px, 21.152173913px + 4.9347826087 * (100vw - 1025px) / 227, 26.0869565217px);
  }
}
@media (max-width: 1024px) {
  body:has(.series) .breadcrumbs {
    padding-left: clamp(32px, 32px + 8 * (100vw - 768px) / 256, 40px);
  }
}
@media (max-width: 767px) {
  body:has(.series) .breadcrumbs {
    padding-left: clamp(28px, 28px + 4 * (100vw - 375px) / 393, 32px);
  }
}
body:has(.series) .breadcrumbs__list {
  padding-top: 20.5043478261px;
}
@media (max-width: 1651px) {
  body:has(.series) .breadcrumbs__list {
    padding-top: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  body:has(.series) .breadcrumbs__list {
    padding-top: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  body:has(.series) .breadcrumbs__list {
    padding-top: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
@media (max-width: 1024px) {
  body:has(.series) .breadcrumbs__list {
    padding-top: 24px;
  }
}
@media (max-width: 767px) {
  body:has(.series) .breadcrumbs__list {
    padding-top: clamp(20px, 20px + 4 * (100vw - 375px) / 393, 24px);
  }
}
body:has(.series) .breadcrumbs__item {
  color: #FFFFFF;
  opacity: 60%;
}
body:has(.series) .breadcrumbs__item--last {
  color: #FFFFFF;
  opacity: 100%;
}
body:has(.series) .breadcrumbs__separator {
  color: #FFFFFF;
  opacity: 60%;
}

.breadcrumbs {
  max-width: 1572px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.breadcrumbs {
  padding: 20.5043478261px 0px;
}
@media (max-width: 1651px) {
  .breadcrumbs {
    padding: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px) clamp(0px, 0px + 0 * (100vw - 1551px) / 100, 0px);
  }
}
@media (max-width: 1550px) {
  .breadcrumbs {
    padding: 15.652173913px 0px;
  }
}
@media (max-width: 1252px) {
  .breadcrumbs {
    padding: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px) clamp(0px, 0px + 0 * (100vw - 1025px) / 227, 0px);
  }
}
@media (max-width: 1024px) {
  .breadcrumbs {
    padding: 24px 0;
  }
}
@media (max-width: 767px) {
  .breadcrumbs {
    padding-top: 24px;
    padding-bottom: clamp(16px, 16px + 8 * (100vw - 375px) / 393, 24px);
  }
}
.breadcrumbs__list {
  display: flex;
  align-items: center;
  overflow-x: scroll;
  white-space: nowrap;
}
.breadcrumbs__list {
  gap: 6.8347826087px;
}
@media (max-width: 1651px) {
  .breadcrumbs__list {
    gap: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (max-width: 1550px) {
  .breadcrumbs__list {
    gap: 5.2173913043px;
  }
}
@media (max-width: 1252px) {
  .breadcrumbs__list {
    gap: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
@media (max-width: 1024px) {
  .breadcrumbs__list {
    gap: 8px;
  }
}
.breadcrumbs__list::-webkit-scrollbar {
  display: none;
}
.breadcrumbs__item {
  color: #A7A9AA;
}
.breadcrumbs__item {
  font-size: 11.9608695652px;
}
@media (max-width: 1651px) {
  .breadcrumbs__item {
    font-size: clamp(11.3597826087px, 11.3597826087px + 0.6010869565 * (100vw - 1551px) / 100, 11.9608695652px);
  }
}
@media (max-width: 1550px) {
  .breadcrumbs__item {
    font-size: 9.1304347826px;
  }
}
@media (max-width: 1252px) {
  .breadcrumbs__item {
    font-size: clamp(7.4032608696px, 7.4032608696px + 1.727173913 * (100vw - 1025px) / 227, 9.1304347826px);
  }
}
.breadcrumbs__item {
  margin-right: 3.4173913043px;
}
@media (max-width: 1651px) {
  .breadcrumbs__item {
    margin-right: clamp(3.2456521739px, 3.2456521739px + 0.1717391304 * (100vw - 1551px) / 100, 3.4173913043px);
  }
}
@media (max-width: 1550px) {
  .breadcrumbs__item {
    margin-right: 2.6086956522px;
  }
}
@media (max-width: 1252px) {
  .breadcrumbs__item {
    margin-right: clamp(2.1152173913px, 2.1152173913px + 0.4934782609 * (100vw - 1025px) / 227, 2.6086956522px);
  }
}
@media (max-width: 1024px) {
  .breadcrumbs__item {
    font-size: clamp(12px, 12px + 2 * (100vw - 768px) / 256, 14px);
    margin-right: 4px;
  }
}
.breadcrumbs__item--last {
  color: #24282B;
}
.breadcrumbs__separator {
  color: #A7A9AA;
}
.breadcrumbs__separator {
  font-size: 13.6695652174px;
}
@media (max-width: 1651px) {
  .breadcrumbs__separator {
    font-size: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .breadcrumbs__separator {
    font-size: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .breadcrumbs__separator {
    font-size: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
.breadcrumbs__separator {
  margin-right: 3.4173913043px;
}
@media (max-width: 1651px) {
  .breadcrumbs__separator {
    margin-right: clamp(3.2456521739px, 3.2456521739px + 0.1717391304 * (100vw - 1551px) / 100, 3.4173913043px);
  }
}
@media (max-width: 1550px) {
  .breadcrumbs__separator {
    margin-right: 2.6086956522px;
  }
}
@media (max-width: 1252px) {
  .breadcrumbs__separator {
    margin-right: clamp(2.1152173913px, 2.1152173913px + 0.4934782609 * (100vw - 1025px) / 227, 2.6086956522px);
  }
}
@media (max-width: 1024px) {
  .breadcrumbs__separator {
    font-size: 14px;
    margin-right: 4px;
  }
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./www/local/templates/main/ui/components/page-404/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Размер в дизайне указан, если у страницы маленькие отступы по бокам, цель функции пересчитать размеры, в случае, если
 * мы увеличиваем отступы, но хотим чтобы визуально страница осталась такой же, то есть уменьшаем размер пропорционально
 * уменьшению ширины контентной области
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @param {number} $oldContent - Изначальная ширина контентной области в пикселях (без указания px)
 * @param {number} $newContent - Измененная ширина контентной области в пикселях (без указания px)
 * @return {number} - Измененный размер в пикселях (без указания px)
 */
/**
 * Функция возвращает адаптивные размеры в заданном диапазоне, при пороге в $widthMaxSize и больше, размер будет
 * $maxSize, в диапазоне между $widthMinSize и $widthMaxSize, размер будет пропорционально уменьшаться/увеличиваться,
 * при достижении порога в $widthMinSize и меньше размер будет $minSize
 *
 * @param {number} $widthMinSize - Минимальная ширина экрана в пикселях (без указания px)
 * @param {number} $widthMaxSize - Максимальная ширина экрана в пикселях (без указания px)
 * @param {number} $minSize - Размер, который указан для минимальной ширины экрана в пикселях (без указания px)
 * @param {number} $maxSize - Размер, который указан для максимальной ширины экрана в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки больших экранов (от 1652px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки менее больших экранов (от 1551px до 1651px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки средних экранов (до 1550px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки маленьких экранов (от 1025px до 1252px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне планшетной верстки (от 768px до 1024px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне мобильной верстки (от 375px до 768px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * MIXINS: для каждого свойства десктопной верстки
 *
 * @param {number} ...$size - Размеры в пикселях (без указания px)
 * @return {property: px}
 */
body:has(.page-404) .app {
  display: flex;
}
body:has(.page-404) .main {
  width: 100%;
}
body:has(.page-404) .content {
  height: 100%;
}
body:has(.page-404) .footer {
  display: none;
}

.page-404 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.page-404__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-404__title {
  color: #FFFFFF;
}
.page-404__title {
  font-size: 256.3043478261px;
}
@media (max-width: 1651px) {
  .page-404__title {
    font-size: clamp(243.4239130435px, 243.4239130435px + 12.8804347826 * (100vw - 1551px) / 100, 256.3043478261px);
  }
}
@media (max-width: 1550px) {
  .page-404__title {
    font-size: 195.652173913px;
  }
}
@media (max-width: 1252px) {
  .page-404__title {
    font-size: clamp(158.6413043478px, 158.6413043478px + 37.0108695652 * (100vw - 1025px) / 227, 195.652173913px);
  }
}
.page-404__title {
  line-height: 256.3043478261px;
}
@media (max-width: 1651px) {
  .page-404__title {
    line-height: clamp(243.4239130435px, 243.4239130435px + 12.8804347826 * (100vw - 1551px) / 100, 256.3043478261px);
  }
}
@media (max-width: 1550px) {
  .page-404__title {
    line-height: 195.652173913px;
  }
}
@media (max-width: 1252px) {
  .page-404__title {
    line-height: clamp(158.6413043478px, 158.6413043478px + 37.0108695652 * (100vw - 1025px) / 227, 195.652173913px);
  }
}
.page-404__title {
  margin-bottom: 34.1739130435px;
}
@media (max-width: 1651px) {
  .page-404__title {
    margin-bottom: clamp(32.4565217391px, 32.4565217391px + 1.7173913043 * (100vw - 1551px) / 100, 34.1739130435px);
  }
}
@media (max-width: 1550px) {
  .page-404__title {
    margin-bottom: 26.0869565217px;
  }
}
@media (max-width: 1252px) {
  .page-404__title {
    margin-bottom: clamp(21.152173913px, 21.152173913px + 4.9347826087 * (100vw - 1025px) / 227, 26.0869565217px);
  }
}
@media (max-width: 1024px) {
  .page-404__title {
    font-size: clamp(230px, 230px + 70 * (100vw - 768px) / 256, 300px);
    line-height: clamp(230px, 230px + 70 * (100vw - 768px) / 256, 300px);
    margin-bottom: clamp(32px, 32px + 8 * (100vw - 768px) / 256, 40px);
  }
}
@media (max-width: 767px) {
  .page-404__title {
    font-size: clamp(120px, 120px + 110 * (100vw - 375px) / 393, 230px);
    line-height: clamp(120px, 120px + 110 * (100vw - 375px) / 393, 230px);
    margin-bottom: clamp(20px, 20px + 12 * (100vw - 375px) / 393, 32px);
  }
}
.page-404__text {
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
}
.page-404__text {
  font-size: 23.9217391304px;
}
@media (max-width: 1651px) {
  .page-404__text {
    font-size: clamp(22.7195652174px, 22.7195652174px + 1.202173913 * (100vw - 1551px) / 100, 23.9217391304px);
  }
}
@media (max-width: 1550px) {
  .page-404__text {
    font-size: 18.2608695652px;
  }
}
@media (max-width: 1252px) {
  .page-404__text {
    font-size: clamp(14.8065217391px, 14.8065217391px + 3.4543478261 * (100vw - 1025px) / 227, 18.2608695652px);
  }
}
.page-404__text {
  line-height: 27.3391304348px;
}
@media (max-width: 1651px) {
  .page-404__text {
    line-height: clamp(25.9652173913px, 25.9652173913px + 1.3739130435 * (100vw - 1551px) / 100, 27.3391304348px);
  }
}
@media (max-width: 1550px) {
  .page-404__text {
    line-height: 20.8695652174px;
  }
}
@media (max-width: 1252px) {
  .page-404__text {
    line-height: clamp(16.9217391304px, 16.9217391304px + 3.947826087 * (100vw - 1025px) / 227, 20.8695652174px);
  }
}
.page-404__text {
  margin-bottom: 23.9217391304px;
}
@media (max-width: 1651px) {
  .page-404__text {
    margin-bottom: clamp(22.7195652174px, 22.7195652174px + 1.202173913 * (100vw - 1551px) / 100, 23.9217391304px);
  }
}
@media (max-width: 1550px) {
  .page-404__text {
    margin-bottom: 18.2608695652px;
  }
}
@media (max-width: 1252px) {
  .page-404__text {
    margin-bottom: clamp(14.8065217391px, 14.8065217391px + 3.4543478261 * (100vw - 1025px) / 227, 18.2608695652px);
  }
}
@media (max-width: 1024px) {
  .page-404__text {
    font-size: clamp(24px, 24px + 4 * (100vw - 768px) / 256, 28px);
    line-height: clamp(28px, 28px + 4 * (100vw - 768px) / 256, 32px);
    margin-bottom: clamp(24px, 24px + 4 * (100vw - 768px) / 256, 28px);
  }
}
@media (max-width: 767px) {
  .page-404__text {
    font-size: clamp(20px, 20px + 4 * (100vw - 375px) / 393, 24px);
    line-height: clamp(24px, 24px + 4 * (100vw - 375px) / 393, 28px);
    margin-bottom: clamp(16px, 16px + 8 * (100vw - 375px) / 393, 24px);
  }
}
.page-404__link {
  color: #007B82;
  background: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
}
.page-404__link {
  border-radius: 6.8347826087px;
}
@media (max-width: 1651px) {
  .page-404__link {
    border-radius: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (max-width: 1550px) {
  .page-404__link {
    border-radius: 5.2173913043px;
  }
}
@media (max-width: 1252px) {
  .page-404__link {
    border-radius: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
.page-404__link {
  font-size: 13.6695652174px;
}
@media (max-width: 1651px) {
  .page-404__link {
    font-size: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .page-404__link {
    font-size: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .page-404__link {
    font-size: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
.page-404__link {
  line-height: 20.5043478261px;
}
@media (max-width: 1651px) {
  .page-404__link {
    line-height: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .page-404__link {
    line-height: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .page-404__link {
    line-height: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.page-404__link {
  padding: 13.6695652174px 20.5043478261px;
}
@media (max-width: 1651px) {
  .page-404__link {
    padding: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px) clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .page-404__link {
    padding: 10.4347826087px 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .page-404__link {
    padding: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px) clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
@media (max-width: 1024px) {
  .page-404__link {
    border-radius: 8px;
    font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 256, 16px);
    line-height: clamp(20px, 20px + 4 * (100vw - 768px) / 256, 24px);
    padding: 16px 24px;
  }
}
@media (max-width: 767px) {
  .page-404__link {
    font-size: clamp(12px, 12px + 2 * (100vw - 375px) / 393, 14px);
    line-height: clamp(18px, 18px + 2 * (100vw - 375px) / 393, 20px);
    padding: clamp(15px, 15px + 1 * (100vw - 375px) / 393, 16px) clamp(16px, 16px + 8 * (100vw - 375px) / 393, 24px);
  }
}
.page-404__link:hover {
  opacity: 60%;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./www/local/templates/main/ui/components/development/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Размер в дизайне указан, если у страницы маленькие отступы по бокам, цель функции пересчитать размеры, в случае, если
 * мы увеличиваем отступы, но хотим чтобы визуально страница осталась такой же, то есть уменьшаем размер пропорционально
 * уменьшению ширины контентной области
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @param {number} $oldContent - Изначальная ширина контентной области в пикселях (без указания px)
 * @param {number} $newContent - Измененная ширина контентной области в пикселях (без указания px)
 * @return {number} - Измененный размер в пикселях (без указания px)
 */
/**
 * Функция возвращает адаптивные размеры в заданном диапазоне, при пороге в $widthMaxSize и больше, размер будет
 * $maxSize, в диапазоне между $widthMinSize и $widthMaxSize, размер будет пропорционально уменьшаться/увеличиваться,
 * при достижении порога в $widthMinSize и меньше размер будет $minSize
 *
 * @param {number} $widthMinSize - Минимальная ширина экрана в пикселях (без указания px)
 * @param {number} $widthMaxSize - Максимальная ширина экрана в пикселях (без указания px)
 * @param {number} $minSize - Размер, который указан для минимальной ширины экрана в пикселях (без указания px)
 * @param {number} $maxSize - Размер, который указан для максимальной ширины экрана в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки больших экранов (от 1652px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки менее больших экранов (от 1551px до 1651px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки средних экранов (до 1550px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки маленьких экранов (от 1025px до 1252px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне планшетной верстки (от 768px до 1024px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне мобильной верстки (от 375px до 768px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * MIXINS: для каждого свойства десктопной верстки
 *
 * @param {number} ...$size - Размеры в пикселях (без указания px)
 * @return {property: px}
 */
body:has(.development) .app {
  display: flex;
}
body:has(.development) .main {
  width: 100%;
}
body:has(.development) .content {
  height: 100%;
}
body:has(.development) .footer {
  display: none;
}

.development {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.development__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.development__title {
  color: #FFFFFF;
  text-align: center;
}
.development__title {
  font-size: 41.0086956522px;
}
@media (max-width: 1651px) {
  .development__title {
    font-size: clamp(38.947826087px, 38.947826087px + 2.0608695652 * (100vw - 1551px) / 100, 41.0086956522px);
  }
}
@media (max-width: 1550px) {
  .development__title {
    font-size: 31.3043478261px;
  }
}
@media (max-width: 1252px) {
  .development__title {
    font-size: clamp(25.3826086957px, 25.3826086957px + 5.9217391304 * (100vw - 1025px) / 227, 31.3043478261px);
  }
}
.development__title {
  line-height: 41.0086956522px;
}
@media (max-width: 1651px) {
  .development__title {
    line-height: clamp(38.947826087px, 38.947826087px + 2.0608695652 * (100vw - 1551px) / 100, 41.0086956522px);
  }
}
@media (max-width: 1550px) {
  .development__title {
    line-height: 31.3043478261px;
  }
}
@media (max-width: 1252px) {
  .development__title {
    line-height: clamp(25.3826086957px, 25.3826086957px + 5.9217391304 * (100vw - 1025px) / 227, 31.3043478261px);
  }
}
.development__title {
  margin-bottom: 27.3391304348px;
}
@media (max-width: 1651px) {
  .development__title {
    margin-bottom: clamp(25.9652173913px, 25.9652173913px + 1.3739130435 * (100vw - 1551px) / 100, 27.3391304348px);
  }
}
@media (max-width: 1550px) {
  .development__title {
    margin-bottom: 20.8695652174px;
  }
}
@media (max-width: 1252px) {
  .development__title {
    margin-bottom: clamp(16.9217391304px, 16.9217391304px + 3.947826087 * (100vw - 1025px) / 227, 20.8695652174px);
  }
}
@media (max-width: 1024px) {
  .development__title {
    font-size: clamp(36px, 36px + 12 * (100vw - 768px) / 256, 48px);
    line-height: clamp(36px, 36px + 12 * (100vw - 768px) / 256, 48px);
    margin-bottom: clamp(24px, 24px + 8 * (100vw - 768px) / 256, 32px);
  }
}
@media (max-width: 767px) {
  .development__title {
    font-size: clamp(32px, 32px + 14 * (100vw - 375px) / 393, 46px);
    line-height: clamp(32px, 32px + 14 * (100vw - 375px) / 393, 46px);
    margin-bottom: clamp(20px, 20px + 4 * (100vw - 375px) / 393, 24px);
  }
}
.development__back {
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  border: none;
  cursor: pointer;
}
.development__back {
  border-radius: 6.8347826087px;
}
@media (max-width: 1651px) {
  .development__back {
    border-radius: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (max-width: 1550px) {
  .development__back {
    border-radius: 5.2173913043px;
  }
}
@media (max-width: 1252px) {
  .development__back {
    border-radius: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
.development__back {
  font-size: 13.6695652174px;
}
@media (max-width: 1651px) {
  .development__back {
    font-size: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .development__back {
    font-size: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .development__back {
    font-size: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
.development__back {
  line-height: 20.5043478261px;
}
@media (max-width: 1651px) {
  .development__back {
    line-height: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .development__back {
    line-height: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .development__back {
    line-height: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.development__back {
  padding: 13.6695652174px 20.5043478261px;
}
@media (max-width: 1651px) {
  .development__back {
    padding: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px) clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .development__back {
    padding: 10.4347826087px 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .development__back {
    padding: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px) clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
@media (max-width: 1024px) {
  .development__back {
    border-radius: 8px;
    font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 256, 16px);
    line-height: clamp(20px, 20px + 4 * (100vw - 768px) / 256, 24px);
    padding: 16px 24px;
  }
}
@media (max-width: 767px) {
  .development__back {
    font-size: clamp(12px, 12px + 2 * (100vw - 375px) / 393, 14px);
    line-height: clamp(18px, 18px + 2 * (100vw - 375px) / 393, 20px);
    padding: clamp(15px, 15px + 1 * (100vw - 375px) / 393, 16px) clamp(16px, 16px + 8 * (100vw - 375px) / 393, 24px);
  }
}
.development__back:hover {
  color: #007B82;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./www/local/templates/main/ui/components/copy-icon/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Размер в дизайне указан, если у страницы маленькие отступы по бокам, цель функции пересчитать размеры, в случае, если
 * мы увеличиваем отступы, но хотим чтобы визуально страница осталась такой же, то есть уменьшаем размер пропорционально
 * уменьшению ширины контентной области
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @param {number} $oldContent - Изначальная ширина контентной области в пикселях (без указания px)
 * @param {number} $newContent - Измененная ширина контентной области в пикселях (без указания px)
 * @return {number} - Измененный размер в пикселях (без указания px)
 */
/**
 * Функция возвращает адаптивные размеры в заданном диапазоне, при пороге в $widthMaxSize и больше, размер будет
 * $maxSize, в диапазоне между $widthMinSize и $widthMaxSize, размер будет пропорционально уменьшаться/увеличиваться,
 * при достижении порога в $widthMinSize и меньше размер будет $minSize
 *
 * @param {number} $widthMinSize - Минимальная ширина экрана в пикселях (без указания px)
 * @param {number} $widthMaxSize - Максимальная ширина экрана в пикселях (без указания px)
 * @param {number} $minSize - Размер, который указан для минимальной ширины экрана в пикселях (без указания px)
 * @param {number} $maxSize - Размер, который указан для максимальной ширины экрана в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки больших экранов (от 1652px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки менее больших экранов (от 1551px до 1651px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки средних экранов (до 1550px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки маленьких экранов (от 1025px до 1252px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне планшетной верстки (от 768px до 1024px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне мобильной верстки (от 375px до 768px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * MIXINS: для каждого свойства десктопной верстки
 *
 * @param {number} ...$size - Размеры в пикселях (без указания px)
 * @return {property: px}
 */
.copy-icon {
  cursor: pointer;
}
.copy-icon {
  width: 13.6695652174px;
}
@media (max-width: 1651px) {
  .copy-icon {
    width: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .copy-icon {
    width: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .copy-icon {
    width: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
.copy-icon {
  height: 13.6695652174px;
}
@media (max-width: 1651px) {
  .copy-icon {
    height: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .copy-icon {
    height: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .copy-icon {
    height: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
@media (max-width: 1024px) {
  .copy-icon {
    width: 24px;
    height: 24px;
  }
}
.copy-icon:hover {
  color: #007B82;
}
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./www/local/components/blocks/adaptive-description/templates/.default/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Размер в дизайне указан, если у страницы маленькие отступы по бокам, цель функции пересчитать размеры, в случае, если
 * мы увеличиваем отступы, но хотим чтобы визуально страница осталась такой же, то есть уменьшаем размер пропорционально
 * уменьшению ширины контентной области
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @param {number} $oldContent - Изначальная ширина контентной области в пикселях (без указания px)
 * @param {number} $newContent - Измененная ширина контентной области в пикселях (без указания px)
 * @return {number} - Измененный размер в пикселях (без указания px)
 */
/**
 * Функция возвращает адаптивные размеры в заданном диапазоне, при пороге в $widthMaxSize и больше, размер будет
 * $maxSize, в диапазоне между $widthMinSize и $widthMaxSize, размер будет пропорционально уменьшаться/увеличиваться,
 * при достижении порога в $widthMinSize и меньше размер будет $minSize
 *
 * @param {number} $widthMinSize - Минимальная ширина экрана в пикселях (без указания px)
 * @param {number} $widthMaxSize - Максимальная ширина экрана в пикселях (без указания px)
 * @param {number} $minSize - Размер, который указан для минимальной ширины экрана в пикселях (без указания px)
 * @param {number} $maxSize - Размер, который указан для максимальной ширины экрана в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки больших экранов (от 1652px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки менее больших экранов (от 1551px до 1651px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки средних экранов (до 1550px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки маленьких экранов (от 1025px до 1252px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне планшетной верстки (от 768px до 1024px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне мобильной верстки (от 375px до 768px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * MIXINS: для каждого свойства десктопной верстки
 *
 * @param {number} ...$size - Размеры в пикселях (без указания px)
 * @return {property: px}
 */
.adaptive-description {
  display: none;
}
@media (min-width: 1025px) {
  .adaptive-description--desktop {
    display: initial;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .adaptive-description--tablet {
    display: initial;
  }
}
@media (max-width: 767px) {
  .adaptive-description--mobile {
    display: initial;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./www/local/components/blocks/catalog-menu/templates/header-mobile/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Размер в дизайне указан, если у страницы маленькие отступы по бокам, цель функции пересчитать размеры, в случае, если
 * мы увеличиваем отступы, но хотим чтобы визуально страница осталась такой же, то есть уменьшаем размер пропорционально
 * уменьшению ширины контентной области
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @param {number} $oldContent - Изначальная ширина контентной области в пикселях (без указания px)
 * @param {number} $newContent - Измененная ширина контентной области в пикселях (без указания px)
 * @return {number} - Измененный размер в пикселях (без указания px)
 */
/**
 * Функция возвращает адаптивные размеры в заданном диапазоне, при пороге в $widthMaxSize и больше, размер будет
 * $maxSize, в диапазоне между $widthMinSize и $widthMaxSize, размер будет пропорционально уменьшаться/увеличиваться,
 * при достижении порога в $widthMinSize и меньше размер будет $minSize
 *
 * @param {number} $widthMinSize - Минимальная ширина экрана в пикселях (без указания px)
 * @param {number} $widthMaxSize - Максимальная ширина экрана в пикселях (без указания px)
 * @param {number} $minSize - Размер, который указан для минимальной ширины экрана в пикселях (без указания px)
 * @param {number} $maxSize - Размер, который указан для максимальной ширины экрана в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки больших экранов (от 1652px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки менее больших экранов (от 1551px до 1651px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки средних экранов (до 1550px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки маленьких экранов (от 1025px до 1252px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне планшетной верстки (от 768px до 1024px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне мобильной верстки (от 375px до 768px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * MIXINS: для каждого свойства десктопной верстки
 *
 * @param {number} ...$size - Размеры в пикселях (без указания px)
 * @return {property: px}
 */
.mobile-catalog {
  width: 100%;
  display: none;
  box-sizing: border-box;
  padding: 32px 40px;
  overflow-y: scroll;
  z-index: 1003;
}
@media (max-width: 1024px) {
  .mobile-catalog {
    display: block;
    height: 100%;
    background: #FFFFFF;
    position: fixed;
    width: 100%;
    transition: 0.4s right;
    top: 0;
    right: -1024px;
  }
}
.mobile-catalog--inner {
  z-index: 1005;
}
@media (max-width: 767px) {
  .mobile-catalog {
    padding: clamp(0px, 0px + 32 * (100vw - 375px) / 393, 32px) clamp(12px, 12px + 28 * (100vw - 375px) / 393, 40px);
  }
}
.mobile-catalog--open {
  right: 0;
}
.mobile-catalog__head {
  border-bottom: 1px solid #E5E6EC;
  display: flex;
  justify-content: center;
  padding: 22px 100px 26px;
  position: relative;
}
@media (max-width: 767px) {
  .mobile-catalog__head {
    padding: clamp(28px, 28px + -6 * (100vw - 375px) / 393, 22px) 40px clamp(28px, 28px + -6 * (100vw - 375px) / 393, 22px);
  }
}
.mobile-catalog__title {
  font-size: 16px;
  line-height: 20px;
  display: block;
  font-weight: 500;
  white-space: normal;
  text-align: center;
}
@media (max-width: 767px) {
  .mobile-catalog__title {
    font-size: clamp(14px, 14px + 2 * (100vw - 375px) / 393, 16px);
  }
}
.mobile-catalog__back {
  display: flex;
  gap: 8px;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 12px;
  margin-top: -11px;
  cursor: pointer;
}
.mobile-catalog__back:before {
  content: "";
  display: block;
  background: url(/res/icons/55fec4a078ad7ec86872.svg) no-repeat center;
  transform: rotate(90deg);
  width: 20px;
  height: 20px;
}
.mobile-catalog__back:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: -30px -20px;
}
.mobile-catalog__back-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .mobile-catalog__back-text {
    display: none;
  }
}
.mobile-catalog__close {
  position: absolute;
  top: 50%;
  right: 12px;
  width: 24px;
  height: 24px;
  margin-top: -13px;
}
.mobile-catalog__submenu {
  width: 100%;
  padding: 0;
  margin: 0;
}
.mobile-catalog__inner {
  border-top: 1px solid #E5E6EC;
  margin-top: -1px;
  display: none;
}
.mobile-catalog__inner--open {
  display: block;
}
.mobile-catalog__inner > .menu__item > .menu__item-link {
  padding-left: 24px;
}
.mobile-catalog__inner .mobile-catalog__inner > .menu__item > .menu__item-link {
  padding-left: 40px;
}
.mobile-catalog__inner .mobile-catalog__inner .mobile-catalog__inner > .menu__item > .menu__item-link {
  padding-left: 48px;
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./www/local/components/blocks/cookie-warning/templates/.default/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Размер в дизайне указан, если у страницы маленькие отступы по бокам, цель функции пересчитать размеры, в случае, если
 * мы увеличиваем отступы, но хотим чтобы визуально страница осталась такой же, то есть уменьшаем размер пропорционально
 * уменьшению ширины контентной области
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @param {number} $oldContent - Изначальная ширина контентной области в пикселях (без указания px)
 * @param {number} $newContent - Измененная ширина контентной области в пикселях (без указания px)
 * @return {number} - Измененный размер в пикселях (без указания px)
 */
/**
 * Функция возвращает адаптивные размеры в заданном диапазоне, при пороге в $widthMaxSize и больше, размер будет
 * $maxSize, в диапазоне между $widthMinSize и $widthMaxSize, размер будет пропорционально уменьшаться/увеличиваться,
 * при достижении порога в $widthMinSize и меньше размер будет $minSize
 *
 * @param {number} $widthMinSize - Минимальная ширина экрана в пикселях (без указания px)
 * @param {number} $widthMaxSize - Максимальная ширина экрана в пикселях (без указания px)
 * @param {number} $minSize - Размер, который указан для минимальной ширины экрана в пикселях (без указания px)
 * @param {number} $maxSize - Размер, который указан для максимальной ширины экрана в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки больших экранов (от 1652px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки менее больших экранов (от 1551px до 1651px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки средних экранов (до 1550px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки маленьких экранов (от 1025px до 1252px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне планшетной верстки (от 768px до 1024px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне мобильной верстки (от 375px до 768px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * MIXINS: для каждого свойства десктопной верстки
 *
 * @param {number} ...$size - Размеры в пикселях (без указания px)
 * @return {property: px}
 */
.cookie-warning {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #F6F7F9;
  z-index: 7000;
}
.cookie-warning--hidden {
  display: none;
}
.cookie-warning__content {
  max-width: 1572px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.cookie-warning__content {
  padding: 12.8152173913px 94.8326086957px 12.8152173913px 34.1739130435px;
}
@media (max-width: 1651px) {
  .cookie-warning__content {
    padding: clamp(12.1711956522px, 12.1711956522px + 0.6440217391 * (100vw - 1551px) / 100, 12.8152173913px) clamp(90.0668478261px, 90.0668478261px + 4.7657608696 * (100vw - 1551px) / 100, 94.8326086957px) clamp(12.1711956522px, 12.1711956522px + 0.6440217391 * (100vw - 1551px) / 100, 12.8152173913px) clamp(32.4565217391px, 32.4565217391px + 1.7173913043 * (100vw - 1551px) / 100, 34.1739130435px);
  }
}
@media (max-width: 1550px) {
  .cookie-warning__content {
    padding: 9.7826086957px 72.3913043478px 9.7826086957px 26.0869565217px;
  }
}
@media (max-width: 1252px) {
  .cookie-warning__content {
    padding: clamp(7.9320652174px, 7.9320652174px + 1.8505434783 * (100vw - 1025px) / 227, 9.7826086957px) clamp(58.6972826087px, 58.6972826087px + 13.6940217391 * (100vw - 1025px) / 227, 72.3913043478px) clamp(7.9320652174px, 7.9320652174px + 1.8505434783 * (100vw - 1025px) / 227, 9.7826086957px) clamp(21.152173913px, 21.152173913px + 4.9347826087 * (100vw - 1025px) / 227, 26.0869565217px);
  }
}
@media (max-width: 1024px) {
  .cookie-warning__content {
    padding: clamp(12px, 12px + 3 * (100vw - 768px) / 256, 15px) clamp(58px, 58px + 53 * (100vw - 768px) / 256, 111px) clamp(12px, 12px + 3 * (100vw - 768px) / 256, 15px) 40px;
  }
}
@media (max-width: 767px) {
  .cookie-warning__content {
    padding: 14px 12px;
    align-items: end;
  }
}
.cookie-warning__text {
  color: #7C7E80;
}
.cookie-warning__text {
  font-size: 11.9608695652px;
}
@media (max-width: 1651px) {
  .cookie-warning__text {
    font-size: clamp(11.3597826087px, 11.3597826087px + 0.6010869565 * (100vw - 1551px) / 100, 11.9608695652px);
  }
}
@media (max-width: 1550px) {
  .cookie-warning__text {
    font-size: 9.1304347826px;
  }
}
@media (max-width: 1252px) {
  .cookie-warning__text {
    font-size: clamp(7.4032608696px, 7.4032608696px + 1.727173913 * (100vw - 1025px) / 227, 9.1304347826px);
  }
}
.cookie-warning__text {
  line-height: 17.0869565217px;
}
@media (max-width: 1651px) {
  .cookie-warning__text {
    line-height: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .cookie-warning__text {
    line-height: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .cookie-warning__text {
    line-height: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
.cookie-warning__text {
  margin-right: 277.6630434783px;
}
@media (max-width: 1651px) {
  .cookie-warning__text {
    margin-right: clamp(263.7092391304px, 263.7092391304px + 13.9538043478 * (100vw - 1551px) / 100, 277.6630434783px);
  }
}
@media (max-width: 1550px) {
  .cookie-warning__text {
    margin-right: 211.9565217391px;
  }
}
@media (max-width: 1252px) {
  .cookie-warning__text {
    margin-right: clamp(171.8614130435px, 171.8614130435px + 40.0951086957 * (100vw - 1025px) / 227, 211.9565217391px);
  }
}
@media (max-width: 1024px) {
  .cookie-warning__text {
    margin-right: 110px;
    font-size: clamp(12px, 12px + 2 * (100vw - 768px) / 256, 14px);
    line-height: clamp(16px, 16px + 4 * (100vw - 768px) / 256, 20px);
  }
}
@media (max-width: 767px) {
  .cookie-warning__text {
    margin-right: 41px;
    font-size: 12px;
    line-height: 16px;
    max-width: 240px;
  }
}
.cookie-warning__text a {
  color: #007B82;
}
.cookie-warning__text a:hover {
  color: #33959B;
}
.cookie-warning__btn-close {
  border: none;
  background: none;
  padding: 0;
  position: absolute;
  top: 50%;
  cursor: pointer;
}
.cookie-warning__btn-close {
  width: 23.9217391304px;
}
@media (max-width: 1651px) {
  .cookie-warning__btn-close {
    width: clamp(22.7195652174px, 22.7195652174px + 1.202173913 * (100vw - 1551px) / 100, 23.9217391304px);
  }
}
@media (max-width: 1550px) {
  .cookie-warning__btn-close {
    width: 18.2608695652px;
  }
}
@media (max-width: 1252px) {
  .cookie-warning__btn-close {
    width: clamp(14.8065217391px, 14.8065217391px + 3.4543478261 * (100vw - 1025px) / 227, 18.2608695652px);
  }
}
.cookie-warning__btn-close {
  height: 23.9217391304px;
}
@media (max-width: 1651px) {
  .cookie-warning__btn-close {
    height: clamp(22.7195652174px, 22.7195652174px + 1.202173913 * (100vw - 1551px) / 100, 23.9217391304px);
  }
}
@media (max-width: 1550px) {
  .cookie-warning__btn-close {
    height: 18.2608695652px;
  }
}
@media (max-width: 1252px) {
  .cookie-warning__btn-close {
    height: clamp(14.8065217391px, 14.8065217391px + 3.4543478261 * (100vw - 1025px) / 227, 18.2608695652px);
  }
}
.cookie-warning__btn-close {
  margin-top: -11.9608695652px;
}
@media (max-width: 1651px) {
  .cookie-warning__btn-close {
    margin-top: clamp(-11.3597826087px, -11.3597826087px + -0.6010869565 * (100vw - 1551px) / 100, -11.9608695652px);
  }
}
@media (max-width: 1550px) {
  .cookie-warning__btn-close {
    margin-top: -9.1304347826px;
  }
}
@media (max-width: 1252px) {
  .cookie-warning__btn-close {
    margin-top: clamp(-7.4032608696px, -7.4032608696px + -1.727173913 * (100vw - 1025px) / 227, -9.1304347826px);
  }
}
.cookie-warning__btn-close {
  right: 29.047826087px;
}
@media (max-width: 1651px) {
  .cookie-warning__btn-close {
    right: clamp(27.5880434783px, 27.5880434783px + 1.4597826087 * (100vw - 1551px) / 100, 29.047826087px);
  }
}
@media (max-width: 1550px) {
  .cookie-warning__btn-close {
    right: 22.1739130435px;
  }
}
@media (max-width: 1252px) {
  .cookie-warning__btn-close {
    right: clamp(17.9793478261px, 17.9793478261px + 4.1945652174 * (100vw - 1025px) / 227, 22.1739130435px);
  }
}
@media (max-width: 1024px) {
  .cookie-warning__btn-close {
    width: clamp(24px, 24px + 4 * (100vw - 768px) / 256, 28px);
    height: clamp(24px, 24px + 4 * (100vw - 768px) / 256, 28px);
    margin-top: 0;
    top: 12px;
    right: 14px;
  }
}
@media (max-width: 767px) {
  .cookie-warning__btn-close {
    width: clamp(20px, 20px + 4 * (100vw - 375px) / 393, 24px);
    height: clamp(20px, 20px + 4 * (100vw - 375px) / 393, 24px);
    top: 6px;
    right: 12px;
  }
}
.cookie-warning__btn-close-icon {
  width: 100%;
  height: 100%;
  opacity: 60%;
}
@media (max-width: 767px) {
  .cookie-warning__btn-accept {
    margin-top: 32px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./www/local/components/pages/documents/templates/.default/mainbutton.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Размер в дизайне указан, если у страницы маленькие отступы по бокам, цель функции пересчитать размеры, в случае, если
 * мы увеличиваем отступы, но хотим чтобы визуально страница осталась такой же, то есть уменьшаем размер пропорционально
 * уменьшению ширины контентной области
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @param {number} $oldContent - Изначальная ширина контентной области в пикселях (без указания px)
 * @param {number} $newContent - Измененная ширина контентной области в пикселях (без указания px)
 * @return {number} - Измененный размер в пикселях (без указания px)
 */
/**
 * Функция возвращает адаптивные размеры в заданном диапазоне, при пороге в $widthMaxSize и больше, размер будет
 * $maxSize, в диапазоне между $widthMinSize и $widthMaxSize, размер будет пропорционально уменьшаться/увеличиваться,
 * при достижении порога в $widthMinSize и меньше размер будет $minSize
 *
 * @param {number} $widthMinSize - Минимальная ширина экрана в пикселях (без указания px)
 * @param {number} $widthMaxSize - Максимальная ширина экрана в пикселях (без указания px)
 * @param {number} $minSize - Размер, который указан для минимальной ширины экрана в пикселях (без указания px)
 * @param {number} $maxSize - Размер, который указан для максимальной ширины экрана в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки больших экранов (от 1652px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки менее больших экранов (от 1551px до 1651px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки средних экранов (до 1550px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки маленьких экранов (от 1025px до 1252px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне планшетной верстки (от 768px до 1024px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне мобильной верстки (от 375px до 768px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * MIXINS: для каждого свойства десктопной верстки
 *
 * @param {number} ...$size - Размеры в пикселях (без указания px)
 * @return {property: px}
 */
.mainbutton {
  display: inline-block;
  color: #FFFFFF;
  font-weight: 500;
  border: none;
  background: #007B82;
  cursor: pointer;
  white-space: nowrap;
}
.mainbutton {
  font-size: 13.6695652174px;
}
@media (max-width: 1651px) {
  .mainbutton {
    font-size: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .mainbutton {
    font-size: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .mainbutton {
    font-size: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
.mainbutton {
  line-height: 20.5043478261px;
}
@media (max-width: 1651px) {
  .mainbutton {
    line-height: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .mainbutton {
    line-height: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .mainbutton {
    line-height: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.mainbutton {
  padding: 13.6695652174px 23.9217391304px;
}
@media (max-width: 1651px) {
  .mainbutton {
    padding: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px) clamp(22.7195652174px, 22.7195652174px + 1.202173913 * (100vw - 1551px) / 100, 23.9217391304px);
  }
}
@media (max-width: 1550px) {
  .mainbutton {
    padding: 10.4347826087px 18.2608695652px;
  }
}
@media (max-width: 1252px) {
  .mainbutton {
    padding: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px) clamp(14.8065217391px, 14.8065217391px + 3.4543478261 * (100vw - 1025px) / 227, 18.2608695652px);
  }
}
.mainbutton {
  border-radius: 6.8347826087px;
}
@media (max-width: 1651px) {
  .mainbutton {
    border-radius: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (max-width: 1550px) {
  .mainbutton {
    border-radius: 5.2173913043px;
  }
}
@media (max-width: 1252px) {
  .mainbutton {
    border-radius: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
.mainbutton:hover {
  background: #33959B;
}
@media (max-width: 1024px) {
  .mainbutton {
    font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 256, 16px);
    line-height: clamp(20px, 20px + 4 * (100vw - 768px) / 256, 24px);
    padding: clamp(12px, 12px + 4 * (100vw - 768px) / 256, 16px) clamp(22px, 22px + 6 * (100vw - 768px) / 256, 28px);
  }
}
.mainbutton__icon {
  vertical-align: middle;
}
.mainbutton__icon {
  margin-left: 6.8347826087px;
}
@media (max-width: 1651px) {
  .mainbutton__icon {
    margin-left: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (max-width: 1550px) {
  .mainbutton__icon {
    margin-left: 5.2173913043px;
  }
}
@media (max-width: 1252px) {
  .mainbutton__icon {
    margin-left: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
.mainbutton__icon--download {
  width: 15.3782608696px;
}
@media (max-width: 1651px) {
  .mainbutton__icon--download {
    width: clamp(14.6054347826px, 14.6054347826px + 0.772826087 * (100vw - 1551px) / 100, 15.3782608696px);
  }
}
@media (max-width: 1550px) {
  .mainbutton__icon--download {
    width: 11.7391304348px;
  }
}
@media (max-width: 1252px) {
  .mainbutton__icon--download {
    width: clamp(9.5184782609px, 9.5184782609px + 2.2206521739 * (100vw - 1025px) / 227, 11.7391304348px);
  }
}
.mainbutton__icon--download {
  height: 15.3782608696px;
}
@media (max-width: 1651px) {
  .mainbutton__icon--download {
    height: clamp(14.6054347826px, 14.6054347826px + 0.772826087 * (100vw - 1551px) / 100, 15.3782608696px);
  }
}
@media (max-width: 1550px) {
  .mainbutton__icon--download {
    height: 11.7391304348px;
  }
}
@media (max-width: 1252px) {
  .mainbutton__icon--download {
    height: clamp(9.5184782609px, 9.5184782609px + 2.2206521739 * (100vw - 1025px) / 227, 11.7391304348px);
  }
}
@media (max-width: 1024px) {
  .mainbutton__icon--download {
    width: clamp(14px, 14px + 4 * (100vw - 768px) / 256, 18px);
    height: clamp(14px, 14px + 4 * (100vw - 768px) / 256, 18px);
  }
}

/* End */
/* /res/mainTemplate/45ba26caa4702ab9d9ca.css?1756987864292316 */