/* Start:/res/sitemapPage/45ba26caa4702ab9d9ca.css?17569878649519*/
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** 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/sitemap/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}
 */
.sitemap {
  margin-bottom: 50px;
}
@media (max-width: 1024px) {
  .sitemap {
    padding: clamp(60px, 60px + 20 * (100vw - 768px) / 256, 80px) 0;
  }
}
@media (max-width: 767px) {
  .sitemap {
    padding: clamp(40px, 40px + 20 * (100vw - 375px) / 393, 60px) 0;
  }
}
.sitemap__title {
  font-weight: 700;
}
.sitemap__title {
  font-size: 27.3391304348px;
}
@media (max-width: 1651px) {
  .sitemap__title {
    font-size: clamp(25.9652173913px, 25.9652173913px + 1.3739130435 * (100vw - 1551px) / 100, 27.3391304348px);
  }
}
@media (max-width: 1550px) {
  .sitemap__title {
    font-size: 20.8695652174px;
  }
}
@media (max-width: 1252px) {
  .sitemap__title {
    font-size: clamp(16.9217391304px, 16.9217391304px + 3.947826087 * (100vw - 1025px) / 227, 20.8695652174px);
  }
}
.sitemap__title {
  line-height: 34.1739130435px;
}
@media (max-width: 1651px) {
  .sitemap__title {
    line-height: clamp(32.4565217391px, 32.4565217391px + 1.7173913043 * (100vw - 1551px) / 100, 34.1739130435px);
  }
}
@media (max-width: 1550px) {
  .sitemap__title {
    line-height: 26.0869565217px;
  }
}
@media (max-width: 1252px) {
  .sitemap__title {
    line-height: clamp(21.152173913px, 21.152173913px + 4.9347826087 * (100vw - 1025px) / 227, 26.0869565217px);
  }
}
.sitemap__title {
  margin-bottom: 34.1739130435px;
}
@media (max-width: 1651px) {
  .sitemap__title {
    margin-bottom: clamp(32.4565217391px, 32.4565217391px + 1.7173913043 * (100vw - 1551px) / 100, 34.1739130435px);
  }
}
@media (max-width: 1550px) {
  .sitemap__title {
    margin-bottom: 26.0869565217px;
  }
}
@media (max-width: 1252px) {
  .sitemap__title {
    margin-bottom: clamp(21.152173913px, 21.152173913px + 4.9347826087 * (100vw - 1025px) / 227, 26.0869565217px);
  }
}
.sitemap__columns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 32px;
}
@media (max-width: 767px) {
  .sitemap__columns {
    flex-direction: column;
    gap: 50px;
  }
}
.sitemap__column {
  width: 220px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .sitemap__column {
    width: 48%;
  }
}
@media (max-width: 767px) {
  .sitemap__column {
    width: 100%;
  }
}
.sitemap__column-title {
  font-weight: 500;
  font-size: 14px;
}
.sitemap__column-title {
  line-height: 23.9217391304px;
}
@media (max-width: 1651px) {
  .sitemap__column-title {
    line-height: clamp(22.7195652174px, 22.7195652174px + 1.202173913 * (100vw - 1551px) / 100, 23.9217391304px);
  }
}
@media (max-width: 1550px) {
  .sitemap__column-title {
    line-height: 18.2608695652px;
  }
}
@media (max-width: 1252px) {
  .sitemap__column-title {
    line-height: clamp(14.8065217391px, 14.8065217391px + 3.4543478261 * (100vw - 1025px) / 227, 18.2608695652px);
  }
}
.sitemap__column-title {
  margin-bottom: 13.6695652174px;
}
@media (max-width: 1651px) {
  .sitemap__column-title {
    margin-bottom: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .sitemap__column-title {
    margin-bottom: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .sitemap__column-title {
    margin-bottom: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
.sitemap__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sitemap__link {
  color: #000000;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 14px;
}
.sitemap__link {
  line-height: 18.7956521739px;
}
@media (max-width: 1651px) {
  .sitemap__link {
    line-height: clamp(17.8510869565px, 17.8510869565px + 0.9445652174 * (100vw - 1551px) / 100, 18.7956521739px);
  }
}
@media (max-width: 1550px) {
  .sitemap__link {
    line-height: 14.347826087px;
  }
}
@media (max-width: 1252px) {
  .sitemap__link {
    line-height: clamp(11.6336956522px, 11.6336956522px + 2.7141304348 * (100vw - 1025px) / 227, 14.347826087px);
  }
}
.sitemap__link:hover {
  color: #007B82;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

/* End */
/* /res/sitemapPage/45ba26caa4702ab9d9ca.css?17569878649519 */