/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/domProjectPage/components/BRetail/s.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__qporT {
  position: relative;
  margin: 0 16px;
  border-radius: 16px;
  box-sizing: border-box;
}

.s_wrapper__u2x5s {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 479px;
  height: 100%;
  width: 100%;
}

.s_textWrapper__DAgix {
  position: relative;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  flex: 1 1;
  z-index: 2;
}

.s_img__iKzLA {
  border-radius: 16px;
  object-fit: cover;
  object-position: bottom center;
  bottom: 0;
}

.s_overlay__9vmKr {
  position: absolute;
  border-radius: 16px;
  inset: 0;
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  z-index: 0;
}

.s_title__gp4Wo {
  font-size: 48px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.06em;
  color: #FFFFFF;
}

.s_description__E14cT {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin-top: auto;
  color: #FFFFFF;
}

@media (min-width: 1024px) {
  .s_root__qporT {
    margin: 0 40px;
  }
  .s_wrapper__u2x5s {
    min-height: 500px;
  }
  .s_textWrapper__DAgix {
    padding: 40px;
    gap: 32px;
  }
  .s_title__gp4Wo {
    font-size: 64px;
    line-height: 48px;
  }
  .s_description__E14cT {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 1440px) {
  .s_root__qporT {
    margin: 0 40px;
  }
  .s_wrapper__u2x5s {
    min-height: 720px;
  }
  .s_title__gp4Wo {
    font-size: 80px;
    line-height: 63px;
  }
  .s_description__E14cT {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.01em;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/ImageCMS/ImageCMS.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ImageCMS_image__Wkfbs {
  display: block;
}

.ImageCMS_fallback__Np4WE {
  background: #b1b5c3;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./node_modules/swiper/swiper.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/mainPage/components/BForYou/components/CardSwiper/s.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__efjXH {
  width: 100%;
}

.s_swiper__W66n8 {
  padding: 0;
}

.s_swiperNotReady__pl__q {
  padding: 0 16px;
}

.s_slide__awy0x {
  width: 258px;
  height: auto;
  border-radius: 24px;
  overflow: hidden;
  background: var(--background);
  background-image: var(--background-image);
  background-size: cover;
  margin: unset;
}

.s_slideNotReady__es8LT {
  margin: 0 8px 0 0;
}

.s_slideTitle__j5VEz {
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.s_slideLink__kRpTU {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-height: 152px;
  padding: 16px;
  text-decoration: none;
  z-index: 3;
}

.s_slideLinkText__Ekx1a {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #ffffff;
}

.s_slideHover__eodeU {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

@media (min-width: 1024px) {
  .s_swiperNotReady__pl__q {
    padding: 0 40px;
  }
  .s_slide__awy0x {
    width: 316px;
  }
  .s_slideTwo__ht6AB {
    width: calc((100% - 80px - 32px) / 2);
  }
  .s_slideThree__gQKOY {
    min-width: 316px;
    width: calc(100% - 80px - 64px - 632px);
  }
  .s_slideNotReady__es8LT {
    margin: 0 32px 0 0;
  }
  .s_slideTitle__j5VEz {
    font-size: 32px;
    line-height: 32px;
  }
  .s_slideLink__kRpTU {
    min-height: 200px;
    padding: 24px;
  }
  .s_slideLinkText__Ekx1a {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 1440px) {
  .s_swiperNotReady__pl__q {
    padding: 0;
  }
  .s_slideTwo__ht6AB {
    width: 664px;
  }
  .s_slideThree__gQKOY {
    width: 664px;
  }
  .s_slideLinkText__Ekx1a {
    font-size: 18px;
  }
}
@media (min-width: 2048px) {
  .s_slide__awy0x {
    width: 368px;
  }
  .s_slideThree__gQKOY {
    min-width: 368px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/mainPage/components/BHeader/AchievementSlider/s.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_swiperContainer__Q8kCl {
  display: flex;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.s_initialized___GrJS {
  opacity: 1;
}

.s_swiper__6SXcs {
  width: 100%;
}

.s_slide__J5btr {
  width: 320px;
  height: 260px;
  border-radius: 24px;
  overflow: hidden;
  background: #23262F;
}

.s_slideLink__V1KOc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  height: 100%;
  padding: 24px 16px;
  text-decoration: none;
}

.s_title__ykkBL {
  font-size: 32px;
  line-height: 32px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #B1B5C3;
}

.s_description__EUqYX {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  min-height: 64px;
  color: #E6E8EC;
}

.s_linkWrapper__8RnL_ {
  display: flex;
  gap: 2px;
}

.s_videoSlide__Om_21 {
  height: 100%;
  width: 100%;
}

@media (min-width: 1024px) {
  .s_swiperContainer__Q8kCl {
    opacity: 1;
    display: flex;
    justify-content: space-between;
    padding: 0 28px 0 38px;
  }
  .s_slide__J5btr {
    width: auto;
    height: auto;
    border-radius: unset;
    max-width: 166px;
    min-height: 116px;
    background: #141416;
  }
  .s_slideLink__V1KOc {
    justify-content: flex-start;
    gap: unset;
    height: 100%;
    padding: 0;
  }
  .s_slideLink__V1KOc:hover .s_title__ykkBL,
  .s_slideLink__V1KOc:hover .s_description__EUqYX {
    transition: color 0.2s ease-in;
    color: #FFFFFF;
  }
  .s_slideLink__V1KOc:hover .s_linkWrapper__8RnL_ {
    transition: opacity 0.2s ease-in;
    opacity: 1;
  }
  .s_title__ykkBL {
    font-size: 24px;
    font-weight: 500;
    color: #777E90;
  }
  .s_description__EUqYX {
    font-size: 14px;
    line-height: 20px;
    min-height: unset;
    margin: 20px 0 0 0;
    color: #777E90;
  }
  .s_linkWrapper__8RnL_ {
    opacity: 0;
    align-items: center;
    font-size: 12px;
    line-height: 12px;
    margin: auto 0 0 0;
    color: #FFFFFF;
  }
}
@media (min-width: 1440px) {
  .s_swiperContainer__Q8kCl {
    padding: 0 40px;
  }
  .s_slide__J5btr {
    max-width: 228px;
    min-height: 140px;
  }
  .s_title__ykkBL {
    font-size: 40px;
    line-height: 40px;
  }
  .s_description__EUqYX {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.02em;
    margin: 24px 0 0 0;
  }
  .s_linkWrapper__8RnL_ {
    line-height: 16px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/ClientVideoPlayer/s.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_playerWrapper__56YtB {
  position: relative;
  width: 100%;
  height: 100%;
}

.s_playBtn__oEBy7 {
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transform: translate(-50%, -50%);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/mainPage/components/BProjectListing/components/CardSwiper/s.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_swiper__mN1cu {
  width: 100%;
  padding: 0;
  will-change: backdrop-filter;
}

.s_swiperNotReady__u95o8 {
  padding: 0 16px;
}

.s_slide___l_Gr {
  border-radius: 24px;
  overflow: hidden;
  width: 247px !important;
  height: 320px !important;
  margin: unset;
}

.s_slideNotReady__HKHTe {
  margin: 0 8px 0 0;
}

.s_slideAdd__aCANi {
  justify-content: center;
  background: #E7F0FF;
}

.s_addSlideWrapper__mZNhV {
  display: flex;
  gap: 4px;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #015FF9;
}

.s_btnWrapper__8d__e {
  display: none;
}

@media (min-width: 1024px) {
  .s_root__KSl4x {
    position: relative;
    width: calc(100% - 304px);
  }
  .s_swiperNotReady__u95o8 {
    padding: 0 40px 0 16px;
  }
  .s_slide___l_Gr {
    width: 304px !important;
    height: 400px !important;
  }
  .s_slideNotReady__HKHTe {
    margin: 0 16px 0 0;
  }
  .s_addSlideWrapper__mZNhV {
    font-size: 16px;
    line-height: 24px;
  }
  .s_btnWrapper__8d__e {
    position: absolute;
    display: flex;
    gap: 8px;
    top: -72px;
    right: 40px;
  }
  .s_btnWrapperHidden__sZa0m {
    display: none;
  }
}
@media (min-width: 1440px) {
  .s_root__KSl4x {
    width: calc(100% - 328px);
  }
  .s_swiperNotReady__u95o8 {
    padding: 0 0 0 16px;
  }
  .s_slide___l_Gr {
    width: 328px !important;
    height: 432px !important;
  }
  .s_btnWrapper__8d__e {
    right: 0;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/mainPage/shared/SliderCard/s.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__budpC {
  position: relative;
  display: flex;
  border-radius: 24px;
  width: 247px;
  height: 320px;
  overflow: hidden;
  background: #23262F;
}

.s_slideLink__mnFv5 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  height: 100%;
  padding: 16px;
  z-index: 1;
}

.s_title__d8Vcf {
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.s_tagsWrapper__YoBFV {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.s_tagBg__J1sI_ {
  background: var(--background);
}

.s_img__OkII_ {
  object-fit: cover;
  z-index: 0;
}

.s_waitingListBtn__e43C_ {
  position: absolute;
  bottom: 16px;
  left: 16px;
  z-index: 3;
}

.s_gradient__jjaRX {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(350.24deg, rgba(0, 0, 0, 0) 44.71%, rgba(0, 0, 0, 0.5) 84.85%);
  z-index: 0;
}

.s_soldPlate__7pKMz {
  position: absolute;
  left: 16px;
  bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  padding: 8px 5px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  border-radius: 16px;
  color: #ffffff;
  background: #777E90;
}

.s_fullScreenBtn__COuU0 {
  position: absolute;
  bottom: 16px;
  right: 16px;
  z-index: 3;
}

@media (min-width: 1024px) {
  .s_root__budpC {
    width: 100%;
    height: 400px;
    transition: opacity 0.3s ease-in-out;
  }
  .s_root__budpC:has(.s_slideLink__mnFv5:hover) {
    opacity: 0.7;
  }
  .s_slideLink__mnFv5 {
    gap: 12px;
    padding: 24px;
  }
  .s_title__d8Vcf {
    font-size: 24px;
    line-height: 32px;
  }
  .s_waitingListBtn__e43C_ {
    bottom: 24px;
    left: 24px;
  }
  .s_waitingListBtn__e43C_:hover ~ * {
    opacity: 0;
  }
  .s_soldPlate__7pKMz {
    left: 24px;
    bottom: 24px;
    min-width: 106px;
    padding: 10px 5px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 20px;
  }
  .s_fullScreenBtn__COuU0 {
    bottom: 24px;
    right: 24px;
  }
}
@media (min-width: 1440px) {
  .s_root__budpC {
    height: 432px;
  }
  .s_title__d8Vcf {
    font-size: 32px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/VideoPlayer/VideoPlayerExternal/VideoPlayerExternal.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.VideoPlayerExternal_videoWrapper__BlU09 {
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.VideoPlayerExternal_videoPreviewImage__l9osZ {
  position: absolute;
  inset: 0;
  object-fit: cover;
  background: #f4f5f6;
  width: 100%;
  height: 100%;
}

.VideoPlayerExternal_videoPlayBtn__kvqE4 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #141416;
  border: none !important;
  pointer-events: none;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/VideoPlayer/VideoPlayerOwn/VideoSlider/VideoSlider.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.VideoSlider_video-slider__Y27lx {
  position: relative;
  height: 18px;
  width: 100%;
  cursor: pointer;
}
.VideoSlider_video-slider__Y27lx .video-slider-rail {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 6px;
  display: block;
  border-radius: 999px;
  background-color: #777e90;
  transform: translateY(-50%);
}
.VideoSlider_video-slider__Y27lx .video-slider-track {
  position: absolute;
  top: 50%;
  height: 6px;
  border-radius: 999px;
  background: #e6e8ec;
  transform: translateY(-50%);
}
.VideoSlider_video-slider__Y27lx .video-slider-handle {
  position: absolute;
  top: calc(50% - 6px);
  background: #e6e8ec;
  opacity: 0;
  cursor: pointer;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transition: opacity 0.2s ease-in-out;
}
@media (hover: hover) {
  .VideoSlider_video-slider__Y27lx .video-slider-handle:hover {
    opacity: 1;
  }
}
@media (hover: none) {
  .VideoSlider_video-slider__Y27lx .video-slider-handle:active {
    opacity: 1;
  }
}
.VideoSlider_video-slider__Y27lx .video-slider-handle:active, .VideoSlider_video-slider__Y27lx .video-slider-handle:focus, .VideoSlider_video-slider__Y27lx .video-slider-handle:hover, .VideoSlider_video-slider__Y27lx .video-slider-handle:visited, .VideoSlider_video-slider__Y27lx .video-slider-handle:focus-within, .VideoSlider_video-slider__Y27lx .video-slider-handle:focus-visible {
  outline: none;
  border: none;
  box-shadow: none;
}
.VideoSlider_video-slider__Y27lx .video-slider-handle-dragging {
  opacity: 1;
}
.VideoSlider_video-slider__Y27lx .video-slider-step {
  display: none;
}

.VideoSlider_video-slider-large__g0tFO {
  height: 24px;
}
.VideoSlider_video-slider-large__g0tFO .video-slider-rail,
.VideoSlider_video-slider-large__g0tFO .video-slider-track {
  height: 12px;
}
.VideoSlider_video-slider-large__g0tFO .video-slider-handle {
  top: calc(50% - 12px);
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/VideoPlayer/VideoPlayerOwn/VideoTime/VideoTime.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.VideoTime_time__kGz_h {
  padding: 8px 12px;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
  background-color: #23262f;
  border-radius: 999px;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}
.VideoTime_time-large__di_ak {
  padding: 16px 20px;
  font-size: 24px;
  line-height: 32px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/VideoPlayer/VideoPlayerOwn/VideoVolume/VideoVolume.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.VideoVolume_volume__oMeFc {
  display: flex;
  align-items: center;
  gap: 4px;
  -webkit-padding-end: 10px;
          padding-inline-end: 10px;
  background-color: #23262f;
  border-radius: 999px;
  overflow: hidden;
  width: 32px;
  height: 32px;
  transition: width 0.2s ease-in-out;
}
.VideoVolume_volume-desktop__aTMff:hover {
  width: 121px;
}
.VideoVolume_volume-large__eBoGT {
  gap: 8px;
  -webkit-padding-end: 20px;
          padding-inline-end: 20px;
  width: 64px;
  height: 64px;
}
.VideoVolume_volume-large__eBoGT:hover {
  width: 242px;
}
.VideoVolume_volume-large__eBoGT .VideoVolume_mute-button__U91gj {
  width: 64px;
  height: 64px;
}
.VideoVolume_volume-large__eBoGT .VideoVolume_mute-button__U91gj svg {
  width: 48px;
  height: 48px;
}

.VideoVolume_mute-button__U91gj {
  flex-shrink: 0;
  padding: 0;
  background-color: #23262f;
  border: none;
  color: #ffffff;
}
.VideoVolume_mute-button__U91gj svg {
  width: 24px;
  height: 24px;
}

.VideoVolume_volume-slider___6Hic {
  width: 74px;
  flex-grow: 1;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/VideoPlayer/VideoPlayerOwn/VideoControls/VideoControls.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.VideoControls_controls__FFxW9 {
  position: absolute;
  inset-inline: 8px;
  bottom: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 10px;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  background-color: rgba(35, 38, 47, 0.6);
  transform: translateY(120%);
  transition: transform 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .VideoControls_controls__FFxW9 {
    inset-inline: 12px;
    bottom: 12px;
  }
}
.VideoControls_controls-visible__VqYbn {
  transform: translateY(0);
}
.VideoControls_controls-large__hxdlC {
  inset-inline: 24px;
  bottom: 24px;
  gap: 20px;
  padding: 24px 32px;
  border-radius: 12px;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
}
.VideoControls_controls-large__hxdlC .VideoControls_buttons__rBHao {
  gap: 12px;
}
.VideoControls_controls-large__hxdlC .VideoControls_buttons__rBHao .VideoControls_button__gY_68 {
  width: 64px;
  height: 64px;
}
.VideoControls_controls-large__hxdlC .VideoControls_buttons__rBHao .VideoControls_button__gY_68 svg {
  width: 48px;
  height: 48px;
}
.VideoControls_controls-large__hxdlC .VideoControls_rewind-icon__6lZJb {
  width: 54px !important;
  height: 54px !important;
}

.VideoControls_actions__hUnSZ {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.VideoControls_buttons__rBHao {
  display: flex;
  gap: 4px;
}
@media (min-width: 768px) {
  .VideoControls_buttons__rBHao {
    gap: 8px;
  }
}

.VideoControls_button__gY_68 {
  padding: 0;
}
.VideoControls_button__gY_68 svg {
  width: 24px;
  height: 24px;
}

.VideoControls_button-black__xz3ab {
  color: #ffffff;
  background-color: #23262f;
  border-color: #23262f;
}

.VideoControls_time__unjEY {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.VideoControls_rewind-icon__6lZJb {
  width: 28px !important;
  height: 28px !important;
}

.VideoControls_new-icon__D5i3e {
  display: contents !important;
}
.VideoControls_new-icon__D5i3e svg {
  color: #23262f;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/VideoPlayer/VideoPlayerOwn/VideoDesktopOverlay/VideoDesktopOverlay.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.VideoDesktopOverlay_overlay__9nba8 {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  pointer-events: none;
  transition: background-color 0.2s ease-in-out;
}
.VideoDesktopOverlay_overlay-large__BB2th {
  gap: 12px;
}
.VideoDesktopOverlay_overlay-large__BB2th .VideoDesktopOverlay_restart-text__rKwQ3 {
  font-size: 32px;
  line-height: 32px;
}
.VideoDesktopOverlay_overlay-large__BB2th .VideoDesktopOverlay_button___x7CW {
  width: 64px;
  height: 64px;
}
.VideoDesktopOverlay_overlay-large__BB2th .VideoDesktopOverlay_button___x7CW svg {
  width: 32px;
  height: 32px;
}
.VideoDesktopOverlay_overlay-ended__wBgAd {
  background-color: rgba(0, 0, 0, 0.6);
  pointer-events: all;
}

.VideoDesktopOverlay_restart-text__rKwQ3 {
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
}

.VideoDesktopOverlay_button___x7CW {
  width: 48px;
  height: 48px;
  padding: 0;
  border: none !important;
  opacity: 1;
  transform: scale(1);
  transition: opacity 1s ease, transform 1s ease;
}
.VideoDesktopOverlay_button___x7CW svg {
  width: 24px;
  height: 24px;
  color: #141416;
}
.VideoDesktopOverlay_button-hide__Y383M {
  opacity: 0;
  transform: scale(2);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/VideoPlayer/VideoPlayerOwn/VideoMobileOverlay/VideoMobileOverlay.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.VideoMobileOverlay_overlay___zDTH {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: background-color 0.2s ease-in-out;
}
.VideoMobileOverlay_overlay-background__MziR6 {
  background-color: rgba(0, 0, 0, 0.6);
}

.VideoMobileOverlay_restart-text__nPrrZ {
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
}

.VideoMobileOverlay_button__0FjK_ {
  width: 48px;
  height: 48px;
  padding: 0;
  border: none !important;
  transform: scale(1);
  transition: transform 0.2s ease-in-out;
}
.VideoMobileOverlay_button__0FjK_:active {
  transform: scale(0.85);
}
.VideoMobileOverlay_button__0FjK_ svg {
  width: 24px;
  height: 24px;
  color: #141416;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/VideoPlayer/VideoPlayerOwn/VideoPlayerOwn.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.VideoPlayerOwn_video__hxn_e {
  background-color: #141416;
  object-fit: contain;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.VideoPlayerOwn_video__cover__DTEnz {
  object-fit: cover;
}

.VideoPlayerOwn_video__wrapper__ffKsl {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.VideoPlayerOwn_video__container__9Uv7t {
  width: 100%;
  height: 100%;
}

.VideoPlayerOwn_modal__WXTR2 {
  z-index: 3000;
}

.VideoPlayerOwn_modal__overlay__pRPt7 {
  background-color: rgba(35, 38, 47, 0.8);
}

.VideoPlayerOwn_modal__backdrop__q5g_P {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.VideoPlayerOwn_modal__body__mKhsZ {
  position: relative;
  height: 100vh;
  width: 100vw;
}
@supports (height: 100dvh) {
  .VideoPlayerOwn_modal__body__mKhsZ {
    height: 100dvh;
  }
}
.VideoPlayerOwn_modal__body__mKhsZ .VideoPlayerOwn_video__wrapper__ffKsl {
  z-index: 1;
}
@media (min-width: 1024px) {
  .VideoPlayerOwn_modal__body__mKhsZ {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .VideoPlayerOwn_modal__body__mKhsZ .VideoPlayerOwn_video__wrapper__ffKsl {
    width: unset;
    height: unset;
    max-height: calc(100dvh - 140px);
    max-width: calc(100dvw - 152px);
    aspect-ratio: 16/9;
    border-radius: 12px;
  }
}

.VideoPlayerOwn_mobile__overlay__FOVQX {
  display: block;
}
@media (min-width: 1440px) {
  .VideoPlayerOwn_mobile__overlay__FOVQX {
    display: none;
  }
}

.VideoPlayerOwn_desktop__overlay__zZqaK {
  display: none;
}
@media (min-width: 1440px) {
  .VideoPlayerOwn_desktop__overlay__zZqaK {
    display: block;
  }
}

.VideoPlayerOwn_modal__close-btn__I3sW5 {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 10;
  flex-shrink: 0;
  padding: 9px;
}
@media (min-width: 1024px) {
  .VideoPlayerOwn_modal__close-btn__I3sW5 {
    top: 16px;
    right: 16px;
  }
}
@media (min-width: 1440px) {
  .VideoPlayerOwn_modal__close-btn__I3sW5 {
    width: 48px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BDesignModal/DesignMediaSlide/DesignMediaSlide.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.DesignMediaSlide_media-content__ihbzz {
  position: absolute;
  inset: 0;
}

.DesignMediaSlide_image-content__dZTpo {
  object-fit: contain;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BDesignModal/BDesignModal.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BDesignModal_modal__Z_sDe {
  background: #141416;
  z-index: 2100;
}

.BDesignModal_modalBody__jjoth {
  height: 100vh;
}
@supports (height: 100dvh) {
  .BDesignModal_modalBody__jjoth {
    height: 100dvh;
  }
}
.BDesignModal_modalBody__jjoth {
  width: 100vw;
}

.BDesignModal_closeBtn__vvSE_ {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 9px;
  z-index: 4;
}

.BDesignModal_slider__ZdT_0 {
  height: 100vh;
}
@supports (height: 100dvh) {
  .BDesignModal_slider__ZdT_0 {
    height: 100dvh;
  }
}

.BDesignModal_slide__IJZon {
  display: flex;
  justify-content: center;
  height: 100vh;
}
@supports (height: 100dvh) {
  .BDesignModal_slide__IJZon {
    height: 100dvh;
  }
}

.BDesignModal_slideWrapper__19er3 {
  position: relative;
  width: 100vw;
  height: 85vh;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.BDesignModal_prevBtn__Hn6kF,
.BDesignModal_nextBtn__WFFNT {
  display: none;
}

.BDesignModal_sliderCounter__lrl08 {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding: 10px 16px;
  border-radius: 48px;
  color: #ffffff;
  background: #141416;
  z-index: 1;
}

@media (min-width: 1024px) {
  .BDesignModal_slideWrapper__19er3 {
    height: 100vh;
  }
  .BDesignModal_closeBtn__vvSE_ {
    top: 16px;
    right: 16px;
  }
  .BDesignModal_prevBtn__Hn6kF,
  .BDesignModal_nextBtn__WFFNT {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
    width: 40px;
    z-index: 1;
  }
  .BDesignModal_nextBtn__WFFNT {
    left: unset;
    right: 16px;
  }
  .BDesignModal_sliderCounter__lrl08 {
    bottom: 16px;
  }
}
@media (min-width: 1440px) {
  .BDesignModal_closeBtn__vvSE_ {
    width: 48px;
  }
  .BDesignModal_prevBtn__Hn6kF,
  .BDesignModal_nextBtn__WFFNT {
    width: 48px;
  }
  .BDesignModal_prevBtn__Hn6kF > div,
  .BDesignModal_nextBtn__WFFNT > div {
    width: 20px;
    height: 20px;
  }
  .BDesignModal_prevBtn__Hn6kF svg,
  .BDesignModal_nextBtn__WFFNT svg {
    width: 20px;
    height: 20px;
  }
  .BDesignModal_sliderCounter__lrl08 {
    position: absolute;
    font-size: 14px;
    line-height: 24px;
    padding: 12px 24px;
  }
}
.BDesignModal_sliderControlHidden__bIrys {
  display: none;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/mainPage/components/BProjectListing/components/CatalogButtons/s.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_btn__x9Fu1 {
  padding-left: 0;
  padding-right: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/CatalogLinkButton/CatalogLinkButton.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CatalogLinkButton_link__tVZr0 {
  display: contents;
  color: inherit;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/mainPage/components/BRent/s.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__Hy6QG {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 43px;
  width: calc(100% - 32px);
  padding: 24px;
  margin: 0 16px;
  min-height: 508px;
  background: var(--background);
  background-image: var(--background-image-mobile);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 24px;
  overflow: hidden;
}

.s_titleWrapper__qen6x {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.s_title__PE7iW {
  font-size: 40px;
  line-height: 40px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.s_description__2L3BO {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #ffffff;
}

.s_btnWrapper__cpcBp {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: auto 0 0 0;
}

@media (min-width: 1024px) {
  .s_root__Hy6QG {
    box-sizing: border-box;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 48px;
    width: calc(100% - 80px);
    padding: 40px;
    margin: 0 40px;
    min-height: 256px;
    background-image: var(--background-image-tablet);
  }
  .s_logo__HcGcE {
    width: 100%;
  }
  .s_titleWrapper__qen6x {
    gap: 24px;
    flex: 1 1;
  }
  .s_description__2L3BO {
    font-size: 16px;
  }
  .s_btnWrapper__cpcBp {
    flex-direction: row;
    gap: 16px;
    flex: 1 1;
  }
}
@media (min-width: 1440px) {
  .s_root__Hy6QG {
    min-height: 280px;
    background-image: var(--background-image-desktop);
  }
  .s_titleWrapper__qen6x {
    max-width: 50%;
  }
  .s_title__PE7iW {
    font-size: 48px;
    line-height: 48px;
  }
  .s_description__2L3BO {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.02em;
  }
  .s_btnWrapper__cpcBp {
    max-width: 496px;
    margin: auto 0 0 auto;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Advertise/s.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__uV59u {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #D1D4DD;
  word-break: break-all;
}

.s_root_investment_strategy__N07Gw {
  color: #B1B5C3;
}

.s_root_investment_agency__3A6qT {
  font-size: 10px;
  line-height: 12px;
  color: #777E90;
  margin-top: -24px;
  width: 70%;
}

.s_root_faq_block__96LcH {
  margin-top: 20px;
  color: #B1B5C3;
}

.s_root_menu__LiLH8 {
  color: #B1B5C3;
}

.s_root_menu_tooltip__1q87P {
  color: #777E90;
}

@media (min-width: 1024px) {
  .s_root_main_banner_old__03qfl {
    position: absolute;
    right: 40px;
    top: 40px;
    width: 236px;
  }
  .s_root_investment_agency__3A6qT {
    position: absolute;
    top: 32px;
    right: 24px;
    font-size: 12px;
    line-height: 16px;
    color: #B1B5C3;
    margin-top: unset;
    width: 220px;
  }
}
@media (min-width: 1440px) {
  .s_root_main_banner_old__03qfl {
    width: auto;
  }
  .s_root_investment_agency__3A6qT {
    width: auto;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/mainPage/shared/ProjectSwiper/s.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__oPgRd {
  position: relative;
}

.s_swiper__Moiwq {
  width: 100%;
  padding: 0;
  will-change: backdrop-filter;
}

.s_swiperNotReady__0EF4j {
  padding: 0 16px;
}

.s_slide__qQneO {
  border-radius: 24px;
  overflow: hidden;
  width: 247px;
  height: 320px;
  margin: unset;
}

.s_slideNotReady__CS1Q1 {
  margin: 0 8px 0 0;
}

.s_tabletTag__GeINX,
.s_btnWrapper__Jzjb9,
.s_newsBtn__08qzZ {
  display: none;
}

@media (min-width: 1024px) {
  .s_swiperNotReady__0EF4j {
    padding: 0 40px;
  }
  .s_slide__qQneO {
    width: 304px;
    height: 400px;
  }
  .s_slideSoonTwo__jeGPG {
    width: calc((100% - 80px - 16px) / 2);
  }
  .s_slideSoonThree__Pwma0 {
    width: calc(100% - 80px - 32px - 608px);
  }
  .s_slideNotReady__CS1Q1 {
    margin: 0 16px 0 0;
  }
  .s_btnWrapper__Jzjb9 {
    display: flex;
    gap: 8px;
  }
  .s_tagWrapper__8OAG9 {
    position: absolute;
    display: flex;
    gap: 16px;
    top: -72px;
    right: 40px;
  }
  .s_tabletTag__GeINX,
  .s_newsBtn__08qzZ {
    display: flex;
  }
  .s_btnWrapperHidden__jGJHn {
    display: none;
  }
}
@media (min-width: 1440px) {
  .s_swiperNotReady__0EF4j {
    padding: 0;
  }
  .s_slide__qQneO {
    width: 328px;
    height: 432px;
  }
  .s_slideSoon__KbbRx {
    width: 672px;
  }
  .s_slideSoonTwo__jeGPG {
    width: 672px;
  }
  .s_slideSoonThree__Pwma0 {
    width: 672px;
  }
  .s_tagWrapper__8OAG9 {
    right: 0;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/NewsCard/s.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__WfXXB {
  display: flex;
  flex-direction: column;
  width: 247px;
  height: 320px;
  border-radius: 24px;
  overflow: hidden;
  background: #F4F5F6;
}

.s_img__5tfnX {
  width: 100%;
  height: 172px;
  object-fit: cover;
}

.s_titleWrapper__I49_3 {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1 1;
  padding: 16px;
}

.s_title__Yj2o3 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #141416;
}

.s_tagWrapper__YAUUJ {
  display: flex;
  gap: 4px;
  margin: auto 0 0 0;
}

.s_dateTag__OUcWF {
  min-width: max-content;
}

@media (min-width: 1024px) {
  .s_root__WfXXB {
    width: 304px;
    height: 400px;
  }
  .s_img__5tfnX {
    height: 216px;
  }
  .s_titleWrapper__I49_3 {
    padding: 24px;
  }
  .s_title__Yj2o3 {
    font-size: 16px;
    line-height: 24px;
  }
  .s_tagWrapper__YAUUJ {
    display: flex;
    gap: 4px;
    margin: auto 0 0 0;
  }
}
@media (min-width: 1440px) {
  .s_root__WfXXB {
    width: 328px;
    height: 432px;
  }
  .s_img__5tfnX {
    height: 240px;
  }
  .s_title__Yj2o3 {
    font-size: 18px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/uikit/SegmentedControl/SegmentedControl.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SegmentedControl_root__5_zRU {
  display: grid;
  grid-auto-flow: column;
  padding: 4px;
  height: 36px;
  width: 100%;
  background: #f4f5f6;
  border-radius: 999px;
  position: relative;
  overflow: hidden;
}
.SegmentedControl_root_large__45u3f {
  height: 48px;
}

.SegmentedControl_indicator__8dclb {
  position: absolute;
  top: 4px;
  left: 0;
  height: calc(100% - 8px);
  background: #ffffff;
  border: 1px solid #e6e8ec;
  border-radius: 999px;
  box-sizing: border-box;
  z-index: 1;
}

.SegmentedControl_indicator_animated__RhWxT {
  animation: SegmentedControl_fadeIn__qYOcT 0.3s ease-in-out;
}

.SegmentedControl_indicatorFadeOut__y3cHd {
  position: absolute;
  top: 4px;
  left: 0;
  height: calc(100% - 8px);
  background: #ffffff;
  border: 1px solid #e6e8ec;
  border-radius: 999px;
  box-sizing: border-box;
  z-index: 1;
  animation: SegmentedControl_fadeOut__oXogz 0.3s ease-in-out forwards;
}

.SegmentedControl_option__P_h34 {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 0 24px;
  border-radius: 999px;
  border: 1px solid transparent;
  color: #141416;
  background: transparent;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  min-width: 0;
}

.SegmentedControl_active__sbFcH {
  color: #141416;
  background: #ffffff;
  border-color: #e6e8ec;
}

.SegmentedControl_root_indicatorReady__1Dqb1 .SegmentedControl_active__sbFcH {
  background: transparent;
  border-color: transparent;
}

@keyframes SegmentedControl_fadeIn__qYOcT {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes SegmentedControl_fadeOut__oXogz {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.SegmentedControl_label__9Mwwb {
  min-width: max-content;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/SearchLotModal/ui/SearchLotModal.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SearchLotModal_overlay__feNnX {
  background: transparent;
}

.SearchLotModal_modalBody__w6rmG {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: calc(100% - 16px);
  top: 184px;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid #E6E8EC;
  background: #ffffff;
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.1215686275), 0px 21px 21px 0px rgba(0, 0, 0, 0.1019607843);
}

.SearchLotModal_closeBtn__xy93Y {
  position: absolute;
  right: 16px;
  top: 16px;
  cursor: pointer;
}

.SearchLotModal_title__fMgFP {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.SearchLotModal_inputWrapper__q8WJp {
  display: flex;
  gap: 16px;
}
.SearchLotModal_inputWrapper__q8WJp > button {
  max-width: 94px;
}

.SearchLotModal_searchError__L3dbr {
  position: absolute;
  bottom: 4px;
  left: 48px;
  font-size: 12px;
  line-height: 16px;
  color: #EC5353;
}

.SearchLotModal_count__q0p8z {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #777E90;
  margin-top: 24px;
  margin-bottom: 24px;
  text-align: center;
}

.SearchLotModal_variantWrapper__oilvT {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.SearchLotModal_variantProject__pgjC_ {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #353945;
  padding: 12px 16px;
  background: #F4F5F6;
  border-radius: 8px;
}

.SearchLotModal_variantProject__pgjC_:hover {
  opacity: 0.8;
}

.SearchLotModal_variantProject__pgjC_:active {
  border: solid 3px white;
  padding: 9px 13px;
}

.SearchLotModal_mainPage__fG5fq {
  top: 68px;
  left: auto;
}

@media (min-width: 1024px) {
  .SearchLotModal_modal__y1XoP {
    position: absolute;
    overflow: unset;
  }
  .SearchLotModal_modalBody__w6rmG {
    width: 448px;
    top: 88px;
  }
  .SearchLotModal_mainPage__fG5fq {
    top: 92px;
    width: 448px;
    left: auto;
  }
}
@media (min-width: 1440px) {
  .SearchLotModal_modal__y1XoP {
    position: absolute;
    overflow: unset;
  }
  .SearchLotModal_modalBody__w6rmG {
    width: 352px;
    top: 0;
    left: -32px;
  }
  .SearchLotModal_mainPage__fG5fq {
    width: 432px;
    left: auto;
    top: 92px;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/SearchLotModal/ui/components/LotVariantsList/LotVariantsList.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LotVariantsList_variantWrapper__mwXBG {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.LotVariantsList_variantProject__x_yBu {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #353945;
  padding: 12px 16px;
  background: #f4f5f6;
  border-radius: 8px;
}

.LotVariantsList_variantProject__x_yBu:hover {
  opacity: 0.8;
}

.LotVariantsList_variantProject__x_yBu:active {
  border: solid 3px white;
  padding: 9px 13px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/SearchLotModal/ui/components/SearchLotCount/SearchLotCount.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SearchLotCount_count__Im1vt {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #777e90;
  margin-top: 24px;
  margin-bottom: 24px;
  text-align: center;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/SearchLotModal/ui/SearchLotModalCustom/SearchLotModalCustom.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SearchLotModalCustom_overlay__3qJZZ {
  position: fixed;
  inset: 0;
  background: #141416;
  opacity: 50%;
  z-index: 3001;
}

.SearchLotModalCustom_modal__XYIVj {
  position: fixed;
  inset: 0;
  z-index: 3001;
  align-items: flex-end;
  justify-content: center;
}

.SearchLotModalCustom_modalBody__dZ_LV {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-height: 90vh;
  top: auto;
  bottom: 0;
  padding: 60px 32px 32px;
  border-radius: 24px 24px 0 0;
  border: 1px solid #e6e8ec;
  border-bottom: none;
  background: #ffffff;
  box-shadow: 0px -5px 12px 0px rgba(0, 0, 0, 0.1215686275), 0px -21px 21px 0px rgba(0, 0, 0, 0.1019607843);
  animation: SearchLotModalCustom_slideUp__5iuys 0.3s ease-out;
  z-index: 3002;
  overflow: hidden;
}

@keyframes SearchLotModalCustom_slideUp__5iuys {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes SearchLotModalCustom_fadeIn__D0Y2A {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
.SearchLotModalCustom_closeBtn___tEvi {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}

.SearchLotModalCustom_content__pPQGJ {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  max-height: 100%;
}

.SearchLotModalCustom_title__AlC9f {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}

.SearchLotModalCustom_inputWrapper__Y92BU {
  display: flex;
  gap: 8px;
}
.SearchLotModalCustom_inputWrapper__Y92BU > button {
  max-width: 120px;
}

.SearchLotModalCustom_searchError__mEiin {
  position: absolute;
  bottom: 4px;
  left: 48px;
  font-size: 12px;
  line-height: 16px;
  color: #ec5353;
}

.SearchLotModalCustom_count__7ZYRP {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #141416;
  margin-top: 8px;
}

.SearchLotModalCustom_variantWrapper__XE6E3 {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.SearchLotModalCustom_variantScroll__Yod95 {
  flex: 1 1;
  overflow-y: scroll;
  max-height: 50vh;
  scrollbar-gutter: stable;
  margin: 8px -8px 0;
  padding: 0 8px 4px;
}
.SearchLotModalCustom_variantScroll__Yod95::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.SearchLotModalCustom_variantScroll__Yod95::-webkit-scrollbar-track {
  background: #f4f5f6;
  border-radius: 999px;
  margin: 0 0;
}
.SearchLotModalCustom_variantScroll__Yod95::-webkit-scrollbar-thumb {
  background: #b1b5c3;
  border-radius: 999px;
}
.SearchLotModalCustom_variantScroll__Yod95 {
  scrollbar-width: thin;
  scrollbar-color: #b1b5c3 #f4f5f6;
}

.SearchLotModalCustom_variantProject__VYw9X {
  width: max-content;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #141416;
  border-bottom: 1px solid #b1b5c3;
}

.SearchLotModalCustom_variantProject__VYw9X:hover {
  opacity: 0.8;
}

.SearchLotModalCustom_mainPage__H_Rz1 {
  left: auto;
}

.SearchLotModalCustom_searchBtn__es3al {
  max-width: 120px;
}

.SearchLotModalCustom_clearBtn__XnquL {
  display: flex;
  align-items: center;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.2s;
  margin-right: 12px;
}
.SearchLotModalCustom_clearBtn__XnquL:hover {
  opacity: 0.8;
}

.SearchLotModalCustom_searchInput__PTOa_ input::placeholder {
  color: #141416;
}

@media (min-width: 1024px) {
  .SearchLotModalCustom_modal__XYIVj {
    align-items: center;
    justify-content: center;
  }
  .SearchLotModalCustom_modalBody__dZ_LV {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: auto;
    width: 400px;
    padding: 60px 32px 56px;
    border-radius: 24px;
    border: 1px solid #e6e8ec;
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.1215686275), 0px 21px 21px 0px rgba(0, 0, 0, 0.1019607843);
    animation: SearchLotModalCustom_fadeIn__D0Y2A 0.2s ease-out;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/uikit/Tooltip/Tooltip.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Tooltip_tooltip__zwGFN {
  width: 240px;
  padding: 16px;
  background: #ffffff;
  color: #141416;
  border-radius: 12px;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.12), 0px 21px 21px 0px rgba(0, 0, 0, 0.1), 0px 48px 29px 0px rgba(0, 0, 0, 0.06), 0px 85px 34px 0px rgba(0, 0, 0, 0.02), 0px 132px 37px 0px rgba(0, 0, 0, 0);
}

.Tooltip_icon__u0mVw {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  line-height: 0;
  cursor: pointer;
  color: #b1b5c3;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/uikit/TextWithAvatar/TextWithAvatar.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TextWithAvatar_root__z7Rkr {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  font-size: 16px;
  line-height: 24px;
  color: #141416;
  gap: 8px;
  width: 100%;
}
.TextWithAvatar_root__z7Rkr.TextWithAvatar_disabled__q3mET {
  color: #777E90;
}

.TextWithAvatar_avatar__Gej9W {
  border-radius: 50%;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f4f5f6;
  flex-shrink: 0;
}
.TextWithAvatar_avatar__Gej9W img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.TextWithAvatar_avatar-small__XC9ue {
  width: 24px;
  height: 24px;
}
.TextWithAvatar_avatar-medium__mrsxh {
  width: 28px;
  height: 28px;
}
.TextWithAvatar_avatar-large__o3MlR {
  width: 40px;
  height: 40px;
}

.TextWithAvatar_content__2rIW6 {
  display: flex;
  flex: 1 1;
  align-items: flex-end;
  gap: 8px;
  min-width: 0;
}

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

.TextWithAvatar_secondaryText__qqQCg {
  flex-shrink: 0;
  padding-bottom: 2px;
  font-size: 12px;
  line-height: 16px;
  color: #777e90;
  white-space: nowrap;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/uikit/Chip/Chip.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Chip_root__7pdDB {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 24px;
  padding: 5px 15px;
  border-radius: 48px;
  border: 1px solid #e6e8ec;
  background: #ffffff;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #141416;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: border 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
@media (min-width: 1024px) and (pointer: fine) {
  .Chip_root__7pdDB:not(.Chip_disabled__3nL6M):hover {
    border: 1px solid #b1b5c3;
  }
}
.Chip_root__7pdDB.Chip_disabled__3nL6M {
  cursor: unset;
  color: #777e90;
  border-color: #e6e8ec;
}
.Chip_root__7pdDB.Chip_disabled__3nL6M .Chip_label__dEyMf {
  color: #777e90;
}

.Chip_active__YlADM {
  border: 1px solid #141416;
}

.Chip_size-small__UGOqZ.Chip_withImage__nMvtW {
  border-radius: 24px;
  padding: 3px 15px 3px 3px;
  font-size: 14px;
  line-height: 20px;
}

.Chip_size-large__0LEa_ {
  padding: 11px 23px;
  gap: 12px;
}

.Chip_withTooltip__ymCj3 {
  padding-right: 15px;
}

.Chip_size-large__0LEa_.Chip_withTooltip__ymCj3 {
  padding-right: 19px;
}

.Chip_singleChar__ndgqN {
  padding-left: 0;
  padding-right: 0;
  justify-content: center;
  width: 36px;
  height: 36px;
}

.Chip_size-large__0LEa_.Chip_singleChar__ndgqN {
  width: 48px;
  height: 48px;
}

.Chip_withImage__nMvtW {
  padding: 3px 15px 3px 3px;
}

.Chip_size-large__0LEa_.Chip_withImage__nMvtW {
  padding: 3px 23px 3px 3px;
}

.Chip_variant-gray__VHgs_ {
  background: #f4f5f6;
  border: 1px solid #f4f5f6;
}
@media (min-width: 1024px) and (pointer: fine) {
  .Chip_variant-gray__VHgs_:hover {
    border: 1px solid #e6e8ec;
  }
}
.Chip_variant-gray__VHgs_.Chip_active__YlADM {
  border: 1px solid #141416;
}
@media (min-width: 1024px) and (pointer: fine) {
  .Chip_variant-gray__VHgs_.Chip_active__YlADM:hover {
    border: 1px solid #141416;
  }
}

.Chip_label__dEyMf {
  white-space: nowrap;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/uikit/ChipGroup/ChipGroup.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ChipGroup_chipsWrapper__F9IQG {
  display: flex;
}
.ChipGroup_chipsWrapper__F9IQG.ChipGroup_wrap__NMFVz {
  flex-wrap: wrap;
}
.ChipGroup_chipsWrapper-small__Eb6kx {
  gap: 4px;
}
.ChipGroup_chipsWrapper-medium__WZ0wC {
  gap: 6px;
}
.ChipGroup_chipsWrapper-large__aYXtk {
  gap: 8px;
}
.ChipGroup_chipsWrapper__F9IQG.ChipGroup_firstOptionExtended__8fQWj {
  flex-wrap: nowrap;
  gap: 4px;
  width: 100%;
}
.ChipGroup_chipsWrapper__F9IQG.ChipGroup_firstOptionExtended__8fQWj > *:first-child {
  flex: 1 1;
  min-width: 0;
  justify-content: center;
}
.ChipGroup_chipsWrapper__F9IQG.ChipGroup_firstOptionExtended__8fQWj > *:not(:first-child) {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/uikit/FilterLabel/FilterLabel.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FilterLabel_wrapper__gLuHD {
  display: flex;
  flex-direction: column;
}
.FilterLabel_wrapper_primary__V_IQ1 {
  gap: 12px;
}
.FilterLabel_wrapper_secondary__TWvp6 {
  gap: 8px;
}
.FilterLabel_wrapper_invertedMobile__ykGZ5 {
  gap: 8px;
}

.FilterLabel_primary__55lvm {
  font-size: 14px;
  line-height: 20px;
  color: #777e90;
}
@media (min-width: 1024px) {
  .FilterLabel_primary__55lvm {
    font-size: 16px;
    line-height: 24px;
    color: #141416;
    font-weight: 500;
  }
}

.FilterLabel_secondary___Rq4D {
  font-size: 14px;
  line-height: 20px;
  color: #777e90;
}

.FilterLabel_invertedMobile__T5WcI {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #141416;
}
@media (min-width: 1024px) {
  .FilterLabel_invertedMobile__T5WcI {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #777e90;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/uikit/Checkbox/Checkbox.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Checkbox_checkboxLabel__axqEm {
  cursor: pointer;
  position: relative;
  display: flex;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.Checkbox_checkboxLabel__axqEm input {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.Checkbox_checkboxLabel__axqEm::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid var(--checkbox-border, #969ba9);
  box-sizing: border-box;
  z-index: 1;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.Checkbox_checkboxLabel__axqEm:has(input:checked)::before {
  background: #141416;
  border-color: #141416;
}
@media (min-width: 1440px) {
  .Checkbox_checkboxLabel__axqEm:not(.Checkbox_disabled__U61wl):not(.Checkbox_error__R446o):has(input:checked):hover::before {
    background: #777e90;
    border-color: #777e90;
  }
}
.Checkbox_checkboxLabel__axqEm:has(input:checked) .Checkbox_checkIcon__osKKJ, .Checkbox_checkboxLabel__axqEm:has(input:checked) .Checkbox_radioIndicator__ooa3o {
  color: #ffffff;
}

.Checkbox_contentLeft__Ebpb1 {
  justify-content: space-between;
  padding-right: 28px;
}
.Checkbox_contentLeft__Ebpb1::before {
  left: auto;
  right: 0;
}
.Checkbox_contentLeft__Ebpb1 .Checkbox_checkIcon__osKKJ, .Checkbox_contentLeft__Ebpb1 .Checkbox_radioIndicator__ooa3o {
  right: 0;
}

.Checkbox_contentRight__KPXOF {
  padding-left: 28px;
}
.Checkbox_contentRight__KPXOF .Checkbox_checkIcon__osKKJ, .Checkbox_contentRight__KPXOF .Checkbox_radioIndicator__ooa3o {
  left: 0;
}

.Checkbox_alignCenter__IE_zV {
  align-items: center;
}
.Checkbox_alignCenter__IE_zV::before {
  top: 50%;
  transform: translateY(-50%);
}

.Checkbox_alignTop__7i6Fl {
  align-items: flex-start;
}
.Checkbox_alignTop__7i6Fl::before {
  top: 2px;
}
.Checkbox_alignTop__7i6Fl .Checkbox_checkIcon__osKKJ, .Checkbox_alignTop__7i6Fl .Checkbox_radioIndicator__ooa3o {
  top: 2px;
}

.Checkbox_disabled__U61wl {
  cursor: unset;
}
.Checkbox_disabled__U61wl:has(input:disabled)::before {
  background: #f4f5f6;
  border-color: #f4f5f6;
}
.Checkbox_disabled__U61wl:has(input:checked) .Checkbox_checkIcon__osKKJ, .Checkbox_disabled__U61wl:has(input:checked) .Checkbox_radioIndicator__ooa3o {
  color: #ffffff;
}
.Checkbox_disabled__U61wl .Checkbox_contentWrapper__arS5o {
  color: #777e90;
}
.Checkbox_disabled__U61wl .Checkbox_contentWrapper__arS5o img {
  opacity: 0.6;
}

.Checkbox_error__R446o:has(input)::before {
  background: rgba(236, 83, 83, 0.1490196078);
  border-color: #ec5353;
}
.Checkbox_error__R446o:has(input:checked) .Checkbox_checkIcon__osKKJ, .Checkbox_error__R446o:has(input:checked) .Checkbox_radioIndicator__ooa3o {
  color: #ec5353;
}

.Checkbox_checkboxLabel__axqEm:has(input:disabled:checked)::before {
  background: #f4f5f6;
  border-color: #f4f5f6;
}

.Checkbox_checkboxLabel__axqEm:has(input:disabled:checked) .Checkbox_checkIcon__osKKJ, .Checkbox_checkboxLabel__axqEm:has(input:disabled:checked) .Checkbox_radioIndicator__ooa3o {
  color: #ffffff;
}

.Checkbox_checkIcon__osKKJ, .Checkbox_radioIndicator__ooa3o {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
}
.Checkbox_checkIcon__osKKJ svg, .Checkbox_radioIndicator__ooa3o svg {
  width: 100%;
  height: 100%;
}

.Checkbox_alignCenter__IE_zV .Checkbox_checkIcon__osKKJ, .Checkbox_alignCenter__IE_zV .Checkbox_radioIndicator__ooa3o {
  top: 50%;
  transform: translateY(-50%);
}

.Checkbox_contentWrapper__arS5o {
  opacity: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: opacity 0.2s ease;
  flex: 1 1 auto;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Checkbox_hoverContent__9_j7j:not(.Checkbox_disabled__U61wl):hover .Checkbox_contentWrapper__arS5o {
  opacity: 0.7;
}

.Checkbox_radio_blue__iTrha {
  --radio-inner-color: #ffffff;
  --radio-checked-border: #015ff9;
  --radio-checked-background: #015ff9;
}

.Checkbox_radio_black__aw9kz {
  --radio-inner-color: #ffffff;
  --radio-checked-border: #141416;
  --radio-checked-background: #141416;
}

.Checkbox_radio_white__rOiEo {
  --radio-inner-color: #141416;
  --radio-border: #ffffff4d;
  --radio-border-hover: #ffffffcc;
  --radio-checked-border: #ffffff;
  --radio-checked-background: #ffffff;
  --radio-background-disabled: #575c6b;
  --radio-border-disabled: #575c6b;
  --radio-checked-background-disabled: #777e90;
  --radio-checked-border-disabled: #777e90;
}

.Checkbox_radio__z3NUt::before {
  border-radius: 50%;
  background: transparent;
  border-color: var(--radio-border, #D1D4DD);
}
.Checkbox_radio__z3NUt:has(input:checked)::before {
  background: var(--radio-checked-background);
  border-color: var(--radio-checked-border);
}
.Checkbox_radio__z3NUt:not(.Checkbox_disabled__U61wl):not(.Checkbox_error__R446o):hover::before {
  background: transparent;
  border-color: var(--radio-border-hover, #969BA9);
}
.Checkbox_radio__z3NUt:not(.Checkbox_disabled__U61wl):not(.Checkbox_error__R446o):has(input:checked):hover::before {
  background: var(--radio-checked-background);
  border-color: var(--radio-checked-border);
}
.Checkbox_radio__z3NUt.Checkbox_disabled__U61wl:has(input:disabled)::before {
  background: var(--radio-background-disabled, #f4f5f6);
  border-color: var(--radio-border-disabled, #f4f5f6);
}
.Checkbox_radio__z3NUt.Checkbox_disabled__U61wl:has(input:disabled:checked)::before {
  background: var(--radio-checked-background-disabled, #f4f5f6);
  border-color: var(--radio-checked-border-disabled, #f4f5f6);
}

.Checkbox_radioInner__xXVDn {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--radio-inner-color);
  opacity: 0;
  transition: opacity, background-color 0.2s ease;
}

.Checkbox_radio__z3NUt:has(input:checked) .Checkbox_radioInner__xXVDn {
  background-color: var(--radio-inner-color);
  opacity: 1;
}

.Checkbox_radio__z3NUt.Checkbox_disabled__U61wl:has(input:checked) .Checkbox_radioInner__xXVDn {
  background-color: #ffffff;
}

.Checkbox_radio__z3NUt.Checkbox_error__R446o:has(input:checked) .Checkbox_radioInner__xXVDn {
  background-color: #ec5353;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/uikit/CheckboxList/CheckboxList.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CheckboxList_root__lFpaw {
  display: flex;
  flex-direction: column;
}

.CheckboxList_item__xX2NF {
  border-bottom: 1px solid #e6e8ec;
}
.CheckboxList_item__xX2NF:last-child {
  border-bottom: none;
}

.CheckboxList_itemLabel__7aca0 {
  display: flex;
  padding-block: 12px 11px;
  cursor: pointer;
  --checkbox-border-hover: #777e90;
}
.CheckboxList_itemLabel_compact__09Jhq {
  padding-block: 7px 6px;
}

.CheckboxList_itemLabel__7aca0:hover {
  --checkbox-border: #777e90;
}

.CheckboxList_itemLabelDisabled__AcLZ_ {
  cursor: unset;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/uikit/Select/Select/Select.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Select_root__pwYjI {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex: 1 1;
  align-self: flex-start;
}

.Select_trigger__Oxie_ {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 11px 12px 11px 24px;
  border: 1px solid #e6e8ec;
  border-radius: 24px;
  background: #ffffff;
  transition: border-color 0.2s ease;
}
.Select_trigger__Oxie_:hover {
  border-color: #b1b5c3;
}
.Select_trigger__Oxie_:active {
  border-color: #141416;
}

.Select_triggerOpen__TzBVI {
  border-color: #141416;
}
.Select_triggerOpen__TzBVI:hover, .Select_triggerOpen__TzBVI:active {
  border-color: #141416;
}

.Select_value__Gmuk8 {
  font-size: 16px;
  line-height: 24px;
  color: #141416;
  max-width: calc(100% - 32px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.Select_placeholder__NWm0t {
  color: #777e90;
}

.Select_arrow__DUgRc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.Select_arrowIcon__Oq1m0 {
  transition: transform 0.2s ease;
}
.Select_arrowIcon_open__fyizQ {
  transform: rotate(180deg);
}

.Select_dropdown__X5_js {
  position: absolute;
  top: 100%;
  min-width: 100%;
  width: max-content;
  border: 1px solid #e6e8ec;
  border-radius: 16px;
  background: #ffffff;
  z-index: 25;
  padding: 12px 12px 12px 24px;
  max-height: 280px;
  overflow: hidden;
  box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.08);
}
.Select_dropdown_alignLeft__lvllY {
  left: 0;
  right: auto;
}
.Select_dropdown_alignRight__vc_R9 {
  left: auto;
  right: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/uikit/Select/ListSelect/ListSelect.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ListSelect_options__HDxLU {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 100%;
  width: 100%;
  max-width: 100%;
  max-height: 280px;
  overflow-y: auto;
  white-space: nowrap;
  margin: -12px 0;
  padding: 12px 10px 12px 0;
}
.ListSelect_options__HDxLU::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.ListSelect_options__HDxLU::-webkit-scrollbar-track {
  background: #f4f5f6;
  border-radius: 999px;
  margin: 24px 0;
}
.ListSelect_options__HDxLU::-webkit-scrollbar-thumb {
  background: #b1b5c3;
  border-radius: 999px;
}
.ListSelect_options__HDxLU {
  scrollbar-width: thin;
  scrollbar-color: #b1b5c3 #f4f5f6;
}

.ListSelect_empty__7j8nz {
  padding: 12px 0;
  color: #777e90;
  font-size: 16px;
  line-height: 24px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/uikit/Select/ProjectsSelect/ProjectsDropdown/ProjectsDropdown.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProjectsDropdown_projectGroups__g3Cm1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 100%;
  max-height: inherit;
  overflow-y: auto;
  margin: -12px 0;
  padding: 12px 10px 12px 0;
}
.ProjectsDropdown_projectGroups__g3Cm1::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.ProjectsDropdown_projectGroups__g3Cm1::-webkit-scrollbar-track {
  background: #f4f5f6;
  border-radius: 999px;
  margin: 24px 0;
}
.ProjectsDropdown_projectGroups__g3Cm1::-webkit-scrollbar-thumb {
  background: #b1b5c3;
  border-radius: 999px;
}
.ProjectsDropdown_projectGroups__g3Cm1 {
  scrollbar-width: thin;
  scrollbar-color: #b1b5c3 #f4f5f6;
}

.ProjectsDropdown_projectGroup__N3tsF {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ProjectsDropdown_projectTitle__CGYeV {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #141416;
}

.ProjectsDropdown_projectAvatar__ZSamD {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f4f5f6;
}
.ProjectsDropdown_projectAvatar__ZSamD img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ProjectsDropdown_empty__UDJre {
  padding: 12px 0;
  color: #777e90;
  font-size: 16px;
  line-height: 24px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/uikit/Select/ProjectsSelect/ProjectsSelect.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProjectsSelect_root__IlyiI {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex: 1 1;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/uikit/SegmentedControlPanel/SegmentedControlPanel.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SegmentedControlPanel_root__3gI__ {
  display: flex;
  flex-direction: column;
}

.SegmentedControlPanel_control__3Kdui {
  margin-bottom: 12px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/uikit/Select/SegmentedSelect/SegmentedSelect.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SegmentedSelect_segmentedPanel__q5gY3 {
  padding-right: 12px;
}

.SegmentedSelect_options__71pyo {
  min-width: 100%;
  width: max-content;
  max-height: 220px;
  overflow-y: auto;
  margin: -12px 0;
  padding: 12px 10px 12px 0;
}
.SegmentedSelect_options__71pyo::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.SegmentedSelect_options__71pyo::-webkit-scrollbar-track {
  background: #f4f5f6;
  border-radius: 999px;
  margin: 24px 0;
}
.SegmentedSelect_options__71pyo::-webkit-scrollbar-thumb {
  background: #b1b5c3;
  border-radius: 999px;
}
.SegmentedSelect_options__71pyo {
  scrollbar-width: thin;
  scrollbar-color: #b1b5c3 #f4f5f6;
}

.SegmentedSelect_empty__Kya0e {
  padding: 12px 0;
  color: #777e90;
  font-size: 16px;
  line-height: 24px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/uikit/Select/TabbedListSelect/TabbedListSelect.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TabbedListSelect_dropdown__ScHA7 {
  top: calc(100% + 8px);
  padding: 15px 11px 0 23px;
}

.TabbedListSelect_content__IGJnm {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.TabbedListSelect_tabs__8w1QR {
  padding-right: 12px;
  margin-bottom: 12px;
}

.TabbedListSelect_list__jsTt0 {
  max-height: 240px;
  overflow-y: auto;
  padding-right: 12px;
}
.TabbedListSelect_list__jsTt0::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.TabbedListSelect_list__jsTt0::-webkit-scrollbar-track {
  background: #f4f5f6;
  border-radius: 999px;
  margin: 12px 0;
}
.TabbedListSelect_list__jsTt0::-webkit-scrollbar-thumb {
  background: #b1b5c3;
  border-radius: 999px;
}
.TabbedListSelect_list__jsTt0 {
  scrollbar-width: thin;
  scrollbar-color: #b1b5c3 #f4f5f6;
}

.TabbedListSelect_options__WFheh {
  padding: 0;
  margin: 0;
}

.TabbedListSelect_empty__Ct6UN {
  padding: 16px;
  text-align: center;
  color: #777e90;
  font-size: 14px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./node_modules/rc-slider/assets/index.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.rc-slider {
  position: relative;
  width: 100%;
  height: 14px;
  padding: 5px 0;
  border-radius: 6px;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #e9e9e9;
  border-radius: 6px;
}
.rc-slider-track,
.rc-slider-tracks {
  position: absolute;
  height: 4px;
  background-color: #abe2fb;
  border-radius: 6px;
}
.rc-slider-track-draggable {
  z-index: 1;
  box-sizing: content-box;
  background-clip: content-box;
  border-top: 5px solid rgba(0, 0, 0, 0);
  border-bottom: 5px solid rgba(0, 0, 0, 0);
  transform: translateY(-5px);
}
.rc-slider-handle {
  position: absolute;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #96dbfa;
  border-radius: 50%;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  opacity: 0.8;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: pan-x;
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete {
  opacity: 0;
}
.rc-slider-handle:focus {
  outline: none;
  box-shadow: none;
}
.rc-slider-handle:focus-visible {
  border-color: #2db7f5;
  box-shadow: 0 0 0 3px #96dbfa;
}
.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  box-shadow: unset;
}
.rc-slider-handle:hover {
  border-color: #57c5f7;
}
.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: #999;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.rc-slider-mark-text-active {
  color: #666;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  background-color: #fff;
  border: 2px solid #e9e9e9;
  border-radius: 50%;
  cursor: pointer;
}
.rc-slider-dot-active {
  border-color: #96dbfa;
}
.rc-slider-dot-reverse {
  margin-right: -4px;
}
.rc-slider-disabled {
  background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  background-color: #fff;
  border-color: #ccc;
  box-shadow: none;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}
.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}
.rc-slider-vertical .rc-slider-rail {
  width: 4px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-track {
  bottom: 0;
  left: 5px;
  width: 4px;
}
.rc-slider-vertical .rc-slider-track-draggable {
  border-top: 0;
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-bottom: 0;
  border-left: 5px solid rgba(0, 0, 0, 0);
  transform: translateX(-5px);
}
.rc-slider-vertical .rc-slider-handle {
  position: absolute;
  z-index: 1;
  margin-top: 0;
  margin-left: -5px;
  touch-action: pan-y;
}
.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-step {
  width: 4px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-dot {
  margin-left: -2px;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  display: block !important;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-leave {
  display: block !important;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    transform: scale(0, 0);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    transform-origin: 50% 100%;
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform: scale(1, 1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0, 0);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.rc-slider-tooltip {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
  display: none;
}
.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}
.rc-slider-tooltip-inner {
  min-width: 24px;
  height: 24px;
  padding: 6px 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9;
}
.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/uikit/InputRangeSlider/InputRangeSlider.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.InputRangeSlider_root__MIxBu {
  position: relative;
  width: 100%;
  border: 1px solid #e6e8ec;
  border-radius: 24px;
  background: #ffffff;
  transition: border-color 0.2s ease;
}
.InputRangeSlider_root__MIxBu:hover {
  border-color: #b1b5c3;
}
.InputRangeSlider_root__MIxBu:focus-within, .InputRangeSlider_root_active__Ttdaz {
  border-color: #141416;
}

.InputRangeSlider_slider__VEFw5 {
  position: absolute;
  inset: auto 0 -1px 0;
  width: 100%;
  z-index: 1;
}
.InputRangeSlider_slider__VEFw5 .rc-slider {
  left: 28px;
  width: calc(100% - 56px) !important;
}
.InputRangeSlider_slider__VEFw5 .rc-slider .rc-slider-rail {
  display: none;
}
.InputRangeSlider_slider__VEFw5 .rc-slider .rc-slider-step {
  height: 1px;
}
.InputRangeSlider_slider__VEFw5 .rc-slider .rc-slider-track {
  top: 50%;
  border-radius: 0;
  height: 1px;
  background-color: #141416;
}
.InputRangeSlider_slider__VEFw5 .rc-slider .rc-slider-handle {
  position: absolute;
  top: auto;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  opacity: 1;
  background: #141416;
  touch-action: pan-x;
  cursor: -webkit-grab;
  cursor: grab;
  z-index: 2;
}
.InputRangeSlider_slider__VEFw5 .rc-slider .rc-slider-handle:focus-visible {
  outline: 1px solid #015ff9;
  outline-offset: 1px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/uikit/RangeInputs/RangeInputs.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RangeInputs_rangeInputs__RoYws {
  display: flex;
  align-items: stretch;
  gap: 8px;
  padding: 11px 23px;
  overflow: hidden;
  min-width: 0;
  border-radius: inherit;
}
.RangeInputs_rangeInputs__RoYws.RangeInputs__disabled__PNfkP {
  background: #f4f5f6;
}

.RangeInputs_rangeInputs__divider__hb0OF {
  width: 1px;
  background: #e6e8ec;
  flex-shrink: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/uikit/RangeInput/RangeInput.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RangeInput_rangeInput__jqNnL {
  display: flex;
  align-items: center;
  flex: 1 1;
  gap: 4px;
  min-width: 0;
}
.RangeInput_rangeInput__jqNnL.RangeInput__disabled__TlrEr {
  cursor: not-allowed;
}
.RangeInput_rangeInput__jqNnL.RangeInput__disabled__TlrEr .RangeInput_rangeInput__input__pRI22 {
  color: #B1B5C3;
}

.RangeInput_rangeInput__prefix__vD6yz {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #B1B5C3;
}

.RangeInput_rangeInput__input__pRI22 {
  flex: 1 1;
  border: none;
  outline: none;
  padding: 0;
  min-width: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #141416;
  background: transparent;
}
.RangeInput_rangeInput__input__pRI22::placeholder {
  color: #B1B5C3;
}
.RangeInput_rangeInput__input__pRI22::-webkit-outer-spin-button, .RangeInput_rangeInput__input__pRI22::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.RangeInput_rangeInput__input__pRI22[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
}

.RangeInput_rangeInput__suffix__0kW99 {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #B1B5C3;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/uikit/Metro/Metro.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Metro_root__RtF0q {
  display: inline-flex;
  align-items: last baseline;
}

.Metro_size-small__kuUtu {
  gap: 8px;
}
.Metro_size-small__kuUtu .Metro_content__Ty3Bu {
  gap: 6px;
  font-size: 12px;
  line-height: 16px;
}
.Metro_size-small__kuUtu .Metro_indicator__qtuHv {
  width: 8px;
  height: 8px;
}
.Metro_size-small__kuUtu .Metro_indicator__qtuHv + .Metro_indicator__qtuHv {
  margin-left: -3px;
}
.Metro_size-preMedium__BFc77 {
  gap: 6px;
}
.Metro_size-preMedium__BFc77 .Metro_content__Ty3Bu {
  gap: 6px;
  font-size: 14px;
  line-height: 20px;
}
.Metro_size-preMedium__BFc77 .Metro_indicator__qtuHv {
  width: 8px;
  height: 8px;
}
.Metro_size-preMedium__BFc77 .Metro_icon__r8wHC {
  width: 20px;
  height: 20px;
}
.Metro_size-preMedium__BFc77 .Metro_time__UZRBs {
  font-size: 14px;
  line-height: 20px;
}
.Metro_size-medium__2OrYR {
  gap: 6px;
}
.Metro_size-medium__2OrYR .Metro_content__Ty3Bu {
  gap: 8px;
  font-size: 16px;
  line-height: 24px;
}
.Metro_size-medium__2OrYR .Metro_indicator__qtuHv {
  width: 10px;
  height: 10px;
}

.Metro_content__Ty3Bu {
  display: inline-flex;
  align-items: center;
}

.Metro_indicators__bixKm {
  display: inline-flex;
}

.Metro_indicator__qtuHv {
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid #fff;
  position: relative;
}

.Metro_indicator__qtuHv + .Metro_indicator__qtuHv {
  margin-left: -4px;
}

.Metro_name__unbE7 {
  color: #141416;
  white-space: nowrap;
}

.Metro_timeWrapper__bufH_ {
  display: flex;
  align-items: center;
  gap: 2px;
}

.Metro_icon__r8wHC {
  width: 16px;
  height: 16px;
}

.Metro_time__UZRBs {
  color: #777e90;
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/FilterFactory/components/DistrictOrMetroFilter/DistrictCheckboxItem/DistrictCheckboxItem.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.DistrictCheckboxItem_root__K3pC2 {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  width: 100%;
}

.DistrictCheckboxItem_district__3qSNN {
  font-size: 16px;
  line-height: 1.5;
  color: #141416;
}

.DistrictCheckboxItem_price__BxQu3 {
  padding-bottom: 2px;
  color: #777e90;
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/FilterFactory/FilterModal/FilterModal.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FilterModal_modalBody__7x4zJ {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.FilterModal_overlay__WMiRg {
  background: #ffffff;
}

.FilterModal_header___0xFW {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 16px 17px;
  border-bottom: 1px solid #ffffff;
  background: #ffffff;
  flex-shrink: 0;
  transition: padding 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.FilterModal_header_scroll__0ujKI {
  padding: 6px 16px 9px;
  border-color: #e6e8ec;
}
.FilterModal_header__button__H09MQ {
  padding: 0;
  font-size: 14px;
  line-height: 20px;
  color: #777e90;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
.FilterModal_header__button__H09MQ:hover {
  color: #b1b5c3;
}
.FilterModal_header__title__J8SPO {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  transition: font-size 0.2s ease-in-out;
}
.FilterModal_header_scroll__0ujKI .FilterModal_header__title__J8SPO {
  font-size: 16px;
  line-height: 20px;
}

.FilterModal_content__YbXcG {
  flex: 1 1;
  padding: 8px 16px 20px;
  min-height: 0;
  overflow-y: auto;
}
.FilterModal_content__YbXcG.FilterModal_content_flex__NqVky {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/FilterFactory/components/DistrictOrMetroFilter/DistrictOrMetroFilterModal/DistrictOrMetroFilterModal.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.DistrictOrMetroFilterModal_wrapper__pzMfb {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  min-height: 0;
}

.DistrictOrMetroFilterModal_tabs__UuPKR {
  flex-shrink: 0;
  margin-bottom: 12px;
}

.DistrictOrMetroFilterModal_list__3O8Ki {
  flex: 1 1;
  overflow-y: auto;
  min-height: 0;
}

.DistrictOrMetroFilterModal_empty__kjYf5 {
  padding: 20px;
  text-align: center;
  color: #777e90;
}

.DistrictOrMetroFilterModal_options__xxAxe {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/FilterFactory/components/DistrictOrMetroFilter/DistrictOrMetroFilter.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.DistrictOrMetroFilter_button__1OWVh {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  width: 100%;
  background: transparent;
}
.DistrictOrMetroFilter_button__content__ddGB9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.DistrictOrMetroFilter_button__title__qB5Pf {
  font-size: 16px;
  line-height: 1.5;
  color: #141416;
}
.DistrictOrMetroFilter_button__value__6hceb {
  font-size: 10px;
  line-height: 12px;
  color: #777e90;
}
.DistrictOrMetroFilter_button__icon__kCTby {
  color: #141416;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/FilterFactory/components/TimeToMetroFilter/TimeToMetroFilter.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TimeToMetroFilter_root__d_OZd {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 1024px) {
  .TimeToMetroFilter_root__d_OZd {
    gap: 12px;
  }
}

.TimeToMetroFilter_empty__iT_VZ {
  display: flex;
  align-items: center;
  justify-content: center;
}

.TimeToMetroFilter_emptyText__RUd02 {
  font-size: 14px;
  line-height: 20px;
  color: #777e90;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/uikit/Toggle/Toggle.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Toggle_toggleWrapper__quYRs {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  outline: none;
}
.Toggle_toggleWrapper_reverse__7etC8 {
  flex-direction: row-reverse;
}
.Toggle_toggleWrapper_between__u_FJ_ {
  justify-content: space-between;
}

.Toggle_toggle__5HSIk {
  position: relative;
  display: inline-block;
  width: var(--toggle-width, 44px);
  height: var(--toggle-height, 24px);
  border-radius: 50px;
  background: #e6e8ec;
  cursor: pointer;
  transition: background 0.3s ease;
}
.Toggle_toggle__5HSIk::after {
  content: "";
  position: absolute;
  top: var(--toggle-thumb-offset, 4px);
  left: var(--toggle-thumb-offset, 4px);
  width: var(--toggle-thumb-size, 16px);
  height: var(--toggle-thumb-size, 16px);
  border-radius: 50%;
  background: #b1b5c3;
  transform: translateX(0);
  transition: background 0.3s ease, transform 0.3s ease;
}
.Toggle_toggle_active__MSQqD {
  background: #141416;
}
@media (min-width: 1024px) and (pointer: fine) {
  .Toggle_toggle_active__MSQqD:hover {
    background: #23262f;
  }
}
.Toggle_toggle_active__MSQqD::after {
  background: #ffffff;
  transform: translateX(var(--toggle-thumb-translate, 20px));
}
.Toggle_toggle_disabled__UrqKF {
  cursor: unset;
}
.Toggle_toggle_disabled__UrqKF::after {
  background: #fcfcfd;
}
.Toggle_toggle_disabled__UrqKF.Toggle_toggle_active__MSQqD {
  background: #b1b5c3;
}

.Toggle_toggle_blue__IG1SX.Toggle_toggle_active__MSQqD {
  background: #015ff9;
}
@media (min-width: 1024px) and (pointer: fine) {
  .Toggle_toggle_blue__IG1SX.Toggle_toggle_active__MSQqD:hover {
    background: #034AC0;
  }
}

.Toggle_toggleInput__uaZ83 {
  display: none;
}

@media (min-width: 1440px) {
  .Toggle_toggleWrapper__quYRs {
    gap: 12px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/FilterFactory/components/ToggleFilter/ToggleFilter.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ToggleFilter_label__EP0OL {
  display: flex;
  align-items: center;
  gap: 0 8px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/FilterFactory/components/CompositeFilter/CompositeFilter.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CompositeFilter_wrapper__WVk3n {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.CompositeFilter_wrapper__WVk3n > * {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  flex-shrink: 1;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/FilterFactory/components/ProjectsFilter/ProjectsFilter.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProjectsFilter_root__xVTPE {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ProjectsFilter_button__Sn0NC {
  display: flex;
  gap: 4px;
  align-items: center;
  border: none;
  padding: 0;
  color: #015ff9;
  background: none;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
}
@media (hover: hover) {
  .ProjectsFilter_button__Sn0NC:hover {
    opacity: 0.6;
  }
}
@media (hover: none) {
  .ProjectsFilter_button__Sn0NC:active {
    opacity: 0.6;
  }
}
.ProjectsFilter_button__text__ZEo8b {
  font-size: 14px;
  line-height: 20px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/FilterFactory/components/ProjectsFilter/ProjectsPageFilter/ProjectsPageFilter.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProjectsPageFilter_fullWidth__6F9Ii {
  width: 100%;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/FilterFactory/components/HousingsFilter/HousingProjectGroup/HousingProjectGroup.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.HousingProjectGroup_root__N7uKN {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.HousingProjectGroup_header__U5e38 {
  display: flex;
  align-items: center;
  gap: 6px;
}

.HousingProjectGroup_image__vBClo {
  border-radius: 50%;
  width: 28px;
  height: 28px;
  object-fit: cover;
}

.HousingProjectGroup_projectName__FrJDY {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/FilterFactory/components/HousingsFilter/GroupedHousingsFilter/GroupedHousingsFilter.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.GroupedHousingsFilter_dropdown__AD_5b {
  top: 100%;
  padding: 0 10px 0 0;
  overflow: hidden;
}
.GroupedHousingsFilter_dropdown__content__iZuzm {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 12px 24px 24px;
  overflow-y: auto;
  max-height: 332px;
}
.GroupedHousingsFilter_dropdown__content__iZuzm::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.GroupedHousingsFilter_dropdown__content__iZuzm::-webkit-scrollbar-track {
  background: #f4f5f6;
  border-radius: 999px;
  margin: 24px 0;
}
.GroupedHousingsFilter_dropdown__content__iZuzm::-webkit-scrollbar-thumb {
  background: #b1b5c3;
  border-radius: 999px;
}
.GroupedHousingsFilter_dropdown__content__iZuzm {
  scrollbar-width: thin;
  scrollbar-color: #b1b5c3 #f4f5f6;
}

.GroupedHousingsFilter_empty__pm87W {
  padding: 24px;
  color: #777e90;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/FilterFactory/components/DirectionFilter/components/Select/Select.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Select_label__h6mYB {
  width: 100%;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/FilterFactory/components/SubTypeFilter/components/Select/Select.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Select_label__FeQXt {
  width: 100%;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/NavigationFilter/components/OverviewModalFilters/OverviewModalFilters.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.OverviewModalFilters_filters__7Tdcv {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.OverviewModalFilters_filterItem__NyQsj {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.OverviewModalFilters_directionFilterFullWidth__J5nvR {
  width: 100%;
  min-width: 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/NavigationFilter/NewNavigationFilter/NewNavigationFilter.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NewNavigationFilter_modalWrapper__OTbiC {
  z-index: 1001;
}

.NewNavigationFilter_modalBody__XpsiK {
  background: #ffffff;
  width: 100%;
  height: 100%;
  scrollbar-width: none;
  z-index: 1002;
  display: flex;
  flex-direction: column;
}

.NewNavigationFilter_header__kLqGO {
  position: fixed;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  align-items: baseline;
  padding: 16px;
  background: #ffffff;
  z-index: 106;
}

.NewNavigationFilter_headerLeft__55qpR {
  display: flex;
  align-items: baseline;
  gap: 12px;
}

.NewNavigationFilter_closeButton__vSNkv {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
}
.NewNavigationFilter_closeButton__vSNkv img {
  width: 24px;
  height: 24px;
  transition: opacity 0.2s ease-in-out;
}
@media (hover: hover) {
  .NewNavigationFilter_closeButton__vSNkv:hover img {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .NewNavigationFilter_closeButton__vSNkv:active img {
    opacity: 0.7;
  }
}

.NewNavigationFilter_title__7YUhj {
  margin: 0;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.02em;
  color: #141416;
}

.NewNavigationFilter_wrapper__jWpOT {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1 1;
  padding: 16px 16px 16px;
  margin-top: 62px;
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.NewNavigationFilter_wrapper__jWpOT::-webkit-scrollbar {
  display: none;
}

.NewNavigationFilter_tabSegmentedControl__Zmwym {
  flex-shrink: 0;
  margin-bottom: 0;
}

.NewNavigationFilter_tabsWrapper__On3sA {
  display: flex;
  flex-wrap: nowrap;
  padding: 4px;
  gap: 4px;
  width: 100%;
  background-color: #f4f5f6;
  border-radius: 24px;
}

.NewNavigationFilter_mobileTab__UU2e9 {
  padding-left: 10px;
  padding-right: 10px;
}

.NewNavigationFilter_newClearBtn__lLZBj {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 24px;
  color: #777e90;
  cursor: pointer;
}

.NewNavigationFilter_catalogLink__ShhRK {
  position: -webkit-sticky;
  position: sticky;
  bottom: 32px;
  left: 0;
}

.NewNavigationFilter_resetButton__I7FkZ {
  flex-shrink: 0;
  width: 163px;
  gap: 10px;
  color: #141416;
}

.NewNavigationFilter_footer__WcmTc {
  display: flex;
  gap: 8px;
  width: 100%;
  align-items: center;
  background: #ffffff;
  z-index: 106;
  flex-shrink: 0;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  padding: 24px 20px 32px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  transition: box-shadow 0.3s ease-in-out;
}

.NewNavigationFilter_footer__WcmTc.NewNavigationFilter_footerScrolled___WeV5 {
  box-shadow: 0px -6px 20px rgba(0, 0, 0, 0.25);
}

@media (min-width: 1024px) {
  .NewNavigationFilter_modalBody__XpsiK {
    display: flex;
    flex-direction: column;
    max-height: 600px;
    height: 100%;
    width: 480px;
    border-radius: 24px;
  }
  .NewNavigationFilter_wrapper__jWpOT {
    padding: 16px 40px 16px;
    margin-top: unset;
  }
  .NewNavigationFilter_header__kLqGO {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    padding: 40px 40px 16px;
  }
  .NewNavigationFilter_title__7YUhj {
    font-size: 32px;
    line-height: 36px;
  }
  .NewNavigationFilter_closeButton__vSNkv {
    top: 24px;
    right: 24px;
  }
  .NewNavigationFilter_closeButton__vSNkv img {
    width: 28px;
    height: 28px;
  }
  .NewNavigationFilter_newClearBtn__lLZBj {
    position: relative;
  }
  .NewNavigationFilter_newClearBtn__lLZBj:hover {
    opacity: 0.7;
  }
  .NewNavigationFilter_footer__WcmTc {
    padding: 16px 40px 40px;
  }
  .NewNavigationFilter_catalogLinkWrapper__dtfOV {
    width: 100%;
  }
}
.NewNavigationFilter_emptyContent__s7Nn_ {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  color: #777e90;
  font-size: 16px;
}

.NewNavigationFilter_searchButton__UXYvL {
  border-bottom: 1px solid #777e90;
  padding: 0 0 2px;
  font-size: 12px;
  line-height: 16px;
  color: #777e90;
  background: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  cursor: pointer;
  transition: border-color 0.2s ease-in-out;
}
@media (hover: hover) {
  .NewNavigationFilter_searchButton__UXYvL:hover {
    border-color: #b1b5c3;
  }
}
@media (hover: none) {
  .NewNavigationFilter_searchButton__UXYvL:active {
    border-color: #b1b5c3;
  }
}

@media (min-width: 2048px) {
  .NewNavigationFilter_modalBody__XpsiK {
    max-height: 600px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/FloatingCatalogButton/SearchButtonComponent/SearchButtonComponent.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.SearchButtonComponent_button__NmN1X {
  border: none;
  padding: 0;
  background: transparent;
  cursor: pointer;
  transition: width 0.2s ease-in-out;
  display: inline-flex;
  align-items: stretch;
  height: 48px;
  width: 48px;
  border-radius: 32px;
  background: #141416;
  color: #ffffff;
  white-space: nowrap;
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.12), 0px 21px 21px 0px rgba(0, 0, 0, 0.1), 0px 48px 29px 0px rgba(0, 0, 0, 0.06), 0px 85px 34px 0px rgba(0, 0, 0, 0.02), 0px 132px 37px 0px rgba(0, 0, 0, 0);
  overflow: hidden;
}
.SearchButtonComponent_button_expanded__K9l5H {
  -webkit-clip-path: inset(0 round 32px);
          clip-path: inset(0 round 32px);
  width: 243px;
}
.SearchButtonComponent_button_expanded__K9l5H .SearchButtonComponent_inner__YqH5Z {
  padding: 0 20px;
}
.SearchButtonComponent_button_expanded__K9l5H .SearchButtonComponent_label__kI_vw {
  opacity: 1;
}
@media (min-width: 1024px) {
  .SearchButtonComponent_button__NmN1X {
    height: 60px;
    width: 60px;
    /* На планшете тап не раскрывает кнопку */
  }
}
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  .SearchButtonComponent_button__NmN1X:hover {
    width: 251px;
  }
  .SearchButtonComponent_button__NmN1X:hover .SearchButtonComponent_inner__YqH5Z {
    padding: 0 50px 0 24px;
  }
  .SearchButtonComponent_button__NmN1X:hover .SearchButtonComponent_label__kI_vw {
    opacity: 1;
  }
}

.SearchButtonComponent_inner__YqH5Z {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2px;
  min-height: 100%;
  padding: 0 20px 0 12px;
  transition: padding 0.25s ease 0s;
}
@media (min-width: 1024px) {
  .SearchButtonComponent_inner__YqH5Z {
    gap: 0;
    padding: 0 50px 0 18px;
  }
}

.SearchButtonComponent_icon__fbxEU {
  width: 24px;
  height: 24px;
}

.SearchButtonComponent_label__kI_vw {
  flex-shrink: 0;
  padding: 0 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  opacity: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/FloatingCatalogButton/FloatingCatalogButton.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FloatingCatalogButton_wrapper__3kGrM {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  pointer-events: none;
}
@media (max-width: 1023px) {
  .FloatingCatalogButton_wrapper_cookieBanner__Smtzq {
    bottom: 142px;
  }
}
@media (min-width: 1024px) {
  .FloatingCatalogButton_wrapper_desktopHide__BqUPu {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0s linear 0.2s;
  }
  .FloatingCatalogButton_wrapper_desktopHide__BqUPu .FloatingCatalogButton_buttonPosition__LVBwg {
    pointer-events: none;
  }
}
@media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
  .FloatingCatalogButton_wrapper_desktopHide__BqUPu {
    transition: none;
  }
}
@media (min-width: 1024px) {
  .FloatingCatalogButton_wrapper_desktopShow__wsQhj {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s ease, visibility 0s linear;
  }
  .FloatingCatalogButton_wrapper_desktopShow__wsQhj .FloatingCatalogButton_buttonPosition__LVBwg {
    pointer-events: auto;
  }
}
@media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
  .FloatingCatalogButton_wrapper_desktopShow__wsQhj {
    transition: none;
  }
}

.FloatingCatalogButton_buttonPosition__LVBwg {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: auto;
  pointer-events: auto;
}
@media (min-width: 1024px) {
  .FloatingCatalogButton_buttonPosition__LVBwg {
    bottom: 100px;
    right: 24px;
    left: auto;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BlockContainer/BlockContainer.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BlockContainer_container__X6zbJ {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  max-width: 1648px;
}
@media (min-width: 1024px) {
  .BlockContainer_container__X6zbJ {
    padding-left: 40px;
    padding-right: 40px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/domProjectPageV3/components/BPhotoTicker/BPhotoTicker.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BPhotoTicker_root__56Viz {
  display: flex;
  flex-direction: column;
  gap: 60px;
  overflow: hidden;
}

.BPhotoTicker_media__0WMpO {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 1024px) {
  .BPhotoTicker_media__0WMpO {
    gap: 32px;
  }
}

.BPhotoTicker_header__vDAlM {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1024px) {
  .BPhotoTicker_header__vDAlM {
    align-items: center;
    text-align: center;
    gap: 38px;
  }
}

.BPhotoTicker_header__vDAlM > * {
  max-width: 968px;
}

.BPhotoTicker_title__zGiUP {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .BPhotoTicker_title__zGiUP {
    font-size: 40px;
    line-height: 40px;
  }
}
.BPhotoTicker_title__zGiUP {
  color: #141416;
  margin: 0;
}

.BPhotoTicker_description__ZTRxQ {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  .BPhotoTicker_description__ZTRxQ {
    font-size: 20px;
    line-height: 24px;
  }
}
.BPhotoTicker_description__ZTRxQ {
  color: #575C6B;
  margin: 0;
}
@media (min-width: 1024px) {
  .BPhotoTicker_description__ZTRxQ {
    max-width: 654px;
  }
}

.BPhotoTicker_viewport__JQf6Y {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: -webkit-grab;
  cursor: grab;
}
.BPhotoTicker_viewport__JQf6Y::-webkit-scrollbar {
  display: none;
}
.BPhotoTicker_viewport__JQf6Y.dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.BPhotoTicker_track__nizlk {
  display: flex;
  gap: 8px;
  width: max-content;
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .BPhotoTicker_track__nizlk {
    gap: 16px;
  }
}

.BPhotoTicker_item__vNJ7d {
  position: relative;
  flex: 0 0 auto;
  border-radius: 12px;
  overflow: hidden;
}

.BPhotoTicker_itemTall__s0Q6d {
  width: 161px;
  height: 201px;
}

.BPhotoTicker_itemWide__XuHHh {
  width: 217px;
  height: 141px;
}

@media (min-width: 1024px) {
  .BPhotoTicker_itemTall__s0Q6d {
    width: 370px;
    height: 463px;
  }
  .BPhotoTicker_itemWide__XuHHh {
    width: 500px;
    height: 324px;
  }
}
.BPhotoTicker_image__4QGBX {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}

.BPhotoTicker_lead__XK5Km {
  position: relative;
  width: 100%;
  height: 204px;
  border-radius: 12px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .BPhotoTicker_lead__XK5Km {
    height: 626px;
  }
}

.BPhotoTicker_leadImage___UTmC {
  object-fit: cover;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/domProjectPageV3/components/BFullscreenVideo/BFullscreenVideo.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BFullscreenVideo_root__x8vDv {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 1024px) {
  .BFullscreenVideo_root__x8vDv {
    gap: 60px;
  }
}

.BFullscreenVideo_header__x6sb1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 20px;
}
@media (min-width: 1024px) {
  .BFullscreenVideo_header__x6sb1 {
    gap: 38px;
  }
}

.BFullscreenVideo_title__r6tBf {
  margin: 0;
  max-width: 1000px;
  white-space: pre-line;
}

.BFullscreenVideo_description__j5QNU {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  .BFullscreenVideo_description__j5QNU {
    font-size: 20px;
    line-height: 24px;
  }
}
.BFullscreenVideo_description__j5QNU {
  margin: 0;
  max-width: 650px;
  color: #575C6B;
}

.BFullscreenVideo_media__Qff2S {
  position: relative;
  width: 100%;
  height: 189px;
  border-radius: 12px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .BFullscreenVideo_media__Qff2S {
    height: 475px;
  }
}
@media (min-width: 1440px) {
  .BFullscreenVideo_media__Qff2S {
    height: 699px;
  }
}

.BFullscreenVideo_video___chlI {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.BFullscreenVideo_video___chlI video,
.BFullscreenVideo_video___chlI iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.BFullscreenVideo_poster__4JTsO {
  object-fit: cover;
}

.BFullscreenVideo_play__nd4bq {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #f4f5f6;
  color: #141416;
  cursor: pointer;
}
.BFullscreenVideo_play__nd4bq svg {
  width: 26px;
  height: 30px;
}

.BFullscreenVideo_button__ZggQs {
  align-self: center;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/mirrorLanding/components/BTumblerGalleryMirror/BTumblerGalleryMirror.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BTumblerGalleryMirror_root__JjcMz {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.BTumblerGalleryMirror_title__9lTjD {
  margin: 0;
  max-width: 750px;
  text-align: center;
  white-space: pre-line;
}

.BTumblerGalleryMirror_tumbler__zJ2CE {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 4px;
  border-radius: 24px;
  background: rgba(35, 38, 47, 0.05);
  width: 343px;
  box-sizing: border-box;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
}
.BTumblerGalleryMirror_tumbler__zJ2CE::-webkit-scrollbar {
  display: none;
}

.BTumblerGalleryMirror_tab__qbV06 {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1;
  min-width: 0;
  height: 24px;
  padding: 2px 4px;
  text-align: center;
}
@media (min-width: 1024px) {
  .BTumblerGalleryMirror_tab__qbV06 {
    height: 40px;
    padding: 10px 4px;
  }
}
.BTumblerGalleryMirror_tab__qbV06 {
  border: 1px solid transparent;
  border-radius: 20px;
  background: transparent;
  color: #141416;
  white-space: nowrap;
  cursor: pointer;
}

.BTumblerGalleryMirror_tabActive__DMpSQ {
  background: #ffffff;
  border-color: #e6e8ec;
}

.BTumblerGalleryMirror_controls__hUGRk {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 20px;
}
@media (min-width: 1648px) {
  .BTumblerGalleryMirror_controls__hUGRk {
    gap: 40px;
  }
}

.BTumblerGalleryMirror_description__C6K8Y {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  .BTumblerGalleryMirror_description__C6K8Y {
    font-size: 20px;
    line-height: 24px;
  }
}
.BTumblerGalleryMirror_description__C6K8Y {
  margin: 0;
  max-width: 783px;
  text-align: center;
  color: #575C6B;
  white-space: pre-line;
}

.BTumblerGalleryMirror_media___PL41 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 100%;
}

.BTumblerGalleryMirror_mediaWrap__7FIM_ {
  position: relative;
  width: 100%;
  height: 204px;
  border-radius: 12px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .BTumblerGalleryMirror_mediaWrap__7FIM_ {
    height: 629px;
  }
}

.BTumblerGalleryMirror_image__dOYxs {
  object-fit: cover;
}

.BTumblerGalleryMirror_slideTitle__yUuu9 {
  position: absolute;
  top: 16px;
  left: 16px;
  right: 16px;
  z-index: 1;
  margin: 0;
  font-family: "tt-hoves-pro-expanded", sans-serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 33px;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #fff;
  pointer-events: none;
  max-width: 279px;
}
@media (min-width: 1024px) {
  .BTumblerGalleryMirror_slideTitle__yUuu9 {
    top: 32px;
    left: 32px;
    right: 32px;
    max-width: 710px;
    font-size: 54px;
    line-height: 59.4px;
    letter-spacing: -1.08px;
  }
}
@media (min-width: 1440px) {
  .BTumblerGalleryMirror_slideTitle__yUuu9 {
    max-width: 1139px;
  }
}

.BTumblerGalleryMirror_shade__JwtJH {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 7.3%, rgba(102, 102, 102, 0) 33.26%);
}

.BTumblerGalleryMirror_shadeLong__x6K_B {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 7.3%, rgba(102, 102, 102, 0) 50%);
}

.BTumblerGalleryMirror_arrow__onZhT,
.BTumblerGalleryMirror_fullscreen__4Qtsi {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 48px;
  background: #ffffff;
  color: #141416;
  cursor: pointer;
}
.BTumblerGalleryMirror_arrow__onZhT svg,
.BTumblerGalleryMirror_fullscreen__4Qtsi svg {
  width: 24px;
  height: 24px;
}

.BTumblerGalleryMirror_fullscreen__4Qtsi {
  top: 32px;
  right: 32px;
}

.BTumblerGalleryMirror_arrow__onZhT {
  top: 50%;
  transform: translateY(-50%);
}

.BTumblerGalleryMirror_arrowPrev__lDKM_ {
  left: 32px;
}
.BTumblerGalleryMirror_arrowPrev__lDKM_ svg {
  transform: rotate(180deg);
}

.BTumblerGalleryMirror_arrowNext___RaL7 {
  right: 32px;
}

.BTumblerGalleryMirror_benefits__yKPgY {
  position: absolute;
  left: 32px;
  bottom: 64px;
  display: flex;
  flex-wrap: nowrap;
  gap: 60px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.BTumblerGalleryMirror_benefit__2ES__ {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.BTumblerGalleryMirror_benefitIcon__DWqZ_ {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.BTumblerGalleryMirror_benefitLabel__8cgv4 {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  .BTumblerGalleryMirror_benefitLabel__8cgv4 {
    font-size: 20px;
    line-height: 24px;
  }
}
.BTumblerGalleryMirror_benefitLabel__8cgv4 {
  color: #ffffff;
  white-space: nowrap;
}

.BTumblerGalleryMirror_dots__uwUpl {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 12px;
}

.BTumblerGalleryMirror_dot__0ZvVy {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(52, 58, 54, 0.3);
}

.BTumblerGalleryMirror_dotActive__2A5LW {
  width: 12px;
  height: 12px;
  background: var(--mirror-brand);
}

@media (max-width: 1023px) {
  .BTumblerGalleryMirror_benefits__yKPgY {
    position: static;
    flex-wrap: nowrap;
    gap: 24px;
    height: 201px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .BTumblerGalleryMirror_benefits__yKPgY::-webkit-scrollbar {
    display: none;
  }
  .BTumblerGalleryMirror_benefit__2ES__ {
    flex: 0 0 auto;
    justify-content: flex-start;
  }
  .BTumblerGalleryMirror_benefitLabel__8cgv4 {
    color: #141416;
    white-space: normal;
    max-width: 160px;
  }
  .BTumblerGalleryMirror_arrow__onZhT,
  .BTumblerGalleryMirror_fullscreen__4Qtsi {
    display: none;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/mirrorLanding/components/BMediaShowcase/BMediaShowcase.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BMediaShowcase_root__7n92d {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
}

.BMediaShowcase_inner__eNifR {
  display: flex;
  align-items: flex-start;
  gap: 54px;
  width: 100%;
  max-width: 1648px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .BMediaShowcase_inner__eNifR {
    padding: 0 40px;
  }
}

.BMediaShowcase_left__tvlHi {
  display: flex;
  flex-direction: column;
  gap: 40px;
  flex: 0 0 590px;
  max-width: 590px;
  min-height: 706px;
  padding: 4px 0 5px;
  box-sizing: border-box;
}

.BMediaShowcase_videoLink__eva_7 {
  display: flex;
  align-items: center;
  gap: 26px;
}

.BMediaShowcase_preview__4_PHN {
  position: relative;
  flex: none;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
}

.BMediaShowcase_previewImage__cWrOM {
  object-fit: cover;
}

.BMediaShowcase_previewPlay__vybyS {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f4f5f6;
}
.BMediaShowcase_previewPlay__vybyS svg {
  width: 10px;
  height: 12px;
}

.BMediaShowcase_videoLinkText__SoSba {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  .BMediaShowcase_videoLinkText__SoSba {
    font-size: 24px;
    line-height: 32px;
  }
}
.BMediaShowcase_videoLinkText__SoSba {
  color: var(--mirror-brand);
  text-decoration: none;
  max-width: 211px;
  white-space: pre-line;
}

.BMediaShowcase_text__zzZVE {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.BMediaShowcase_title__XITS5 {
  margin: 0;
  text-align: left;
}

.BMediaShowcase_descriptionColumns__iDVsC {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1024px) and (max-width: 1439.98px) {
  .BMediaShowcase_descriptionColumns__iDVsC {
    flex-direction: row;
    gap: 60px;
  }
  .BMediaShowcase_descriptionColumns__iDVsC .BMediaShowcase_description__MKm8H {
    flex: 0 0 442px;
    max-width: 442px;
  }
}

.BMediaShowcase_description__MKm8H {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  .BMediaShowcase_description__MKm8H {
    font-size: 20px;
    line-height: 24px;
  }
}
.BMediaShowcase_description__MKm8H {
  margin: 0;
  color: #575C6B;
  white-space: pre-line;
}
@media (min-width: 1440px) {
  .BMediaShowcase_description__MKm8H {
    max-width: 490px;
  }
}

.BMediaShowcase_arrows__eCzsj {
  display: flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
  margin-top: auto;
  padding: 8px 10px;
  border-radius: 24px;
  background: #ffffff;
}

.BMediaShowcase_arrow__9kjzk {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 48px;
  background: #ffffff;
  color: #141416;
  cursor: pointer;
}
.BMediaShowcase_arrow__9kjzk svg {
  width: 20px;
  height: 20px;
}

.BMediaShowcase_arrowPrevIcon__Go7TW {
  transform: rotate(180deg);
}

.BMediaShowcase_right__HtQXY {
  display: flex;
  align-items: center;
  gap: 16px;
  height: 706px;
  flex: 0 0 auto;
}

.BMediaShowcase_slide__PgjKp {
  position: relative;
  flex: none;
  border-radius: 12px;
  overflow: hidden;
}

.BMediaShowcase_slideLead__5qX4T {
  width: 764px;
  height: 706px;
}

.BMediaShowcase_slideNext__aVwxi {
  width: 415px;
  height: 514px;
}

.BMediaShowcase_slideImage__GaFeq {
  object-fit: cover;
}

@media (max-width: 1439px) {
  .BMediaShowcase_inner__eNifR {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-row-gap: 40px;
    row-gap: 40px;
  }
  .BMediaShowcase_left__tvlHi {
    display: contents;
  }
  .BMediaShowcase_videoLink__eva_7 {
    order: 1;
  }
  .BMediaShowcase_text__zzZVE {
    order: 2;
    gap: 32px;
  }
  .BMediaShowcase_right__HtQXY {
    order: 3;
    margin-top: 20px;
    margin-left: -16px;
    margin-right: -16px;
    height: 514px;
    gap: 20px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .BMediaShowcase_right__HtQXY::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 1439px) and (min-width: 1024px) {
  .BMediaShowcase_right__HtQXY {
    margin-left: -40px;
    margin-right: -40px;
  }
}
@media (max-width: 1439px) {
  .BMediaShowcase_arrows__eCzsj {
    order: 4;
    margin-top: 0;
    align-self: center;
  }
  .BMediaShowcase_slideLead__5qX4T {
    width: 838px;
    height: 514px;
    margin-left: 40px;
  }
  .BMediaShowcase_slideNext__aVwxi {
    width: 337px;
    height: 418px;
  }
}
@media (max-width: 1023px) {
  .BMediaShowcase_videoLink__eva_7 {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .BMediaShowcase_preview__4_PHN {
    width: 100px;
    height: 100px;
  }
  .BMediaShowcase_text__zzZVE {
    gap: 24px;
  }
  .BMediaShowcase_right__HtQXY {
    height: 233px;
    gap: 8px;
  }
  .BMediaShowcase_slideLead__5qX4T {
    width: 308px;
    height: 233px;
    margin-left: 16px;
  }
  .BMediaShowcase_slideNext__aVwxi {
    width: 152px;
    height: 189px;
  }
  .BMediaShowcase_arrows__eCzsj {
    padding: 6px 8px;
    gap: 6px;
  }
  .BMediaShowcase_arrow__9kjzk {
    width: 24px;
    height: 24px;
  }
  .BMediaShowcase_arrow__9kjzk svg {
    width: 16px;
    height: 16px;
  }
}
.BMediaShowcase_videoTrigger__hArny {
  display: flex;
  align-items: center;
  gap: 26px;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.BMediaShowcase_player__6PqmN {
  position: fixed;
  inset: 0;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  background: rgba(20, 20, 22, 0.92);
}

.BMediaShowcase_playerInner__sGamO {
  width: 100%;
  max-width: 1600px;
  aspect-ratio: 16/9;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/domProjectPageV3/components/BCardsWithDescription/BCardsWithDescription.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BCardsWithDescription_root__PfXPm {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1024px) {
  .BCardsWithDescription_root__PfXPm {
    gap: 60px;
  }
}

.BCardsWithDescription_header__nRd8u {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 1024px) {
  .BCardsWithDescription_header__nRd8u {
    align-items: center;
    text-align: center;
    gap: 38px;
  }
}

.BCardsWithDescription_title__tINDA {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .BCardsWithDescription_title__tINDA {
    font-size: 40px;
    line-height: 40px;
  }
}
.BCardsWithDescription_title__tINDA {
  color: #141416;
  margin: 0;
}
@media (min-width: 1024px) {
  .BCardsWithDescription_title__tINDA {
    max-width: 750px;
    text-align: center;
  }
}

.BCardsWithDescription_description__qILOW {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  .BCardsWithDescription_description__qILOW {
    font-size: 20px;
    line-height: 24px;
  }
}
.BCardsWithDescription_description__qILOW {
  color: #575C6B;
  margin: 0;
}
@media (min-width: 1024px) {
  .BCardsWithDescription_description__qILOW {
    max-width: 586px;
    text-align: center;
  }
}

.BCardsWithDescription_cards__glmWP {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: none;
}
.BCardsWithDescription_cards__glmWP::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1024px) {
  .BCardsWithDescription_cards__glmWP {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .BCardsWithDescription_cards__glmWP::-webkit-scrollbar {
    display: none;
  }
}

.BCardsWithDescription_card__EuN96 {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-radius: 12px;
  overflow: hidden;
  flex: 0 0 254px;
}
@media (min-width: 1024px) {
  .BCardsWithDescription_card__EuN96 {
    flex: 0 0 333px;
  }
}
@media (min-width: 1440px) {
  .BCardsWithDescription_card__EuN96 {
    flex: 1 1;
    min-width: 0;
  }
}

.BCardsWithDescription_labelBox__oUpCJ {
  box-sizing: border-box;
  height: 80px;
  padding: 16px;
  background: #ffffff;
}
@media (min-width: 1024px) {
  .BCardsWithDescription_labelBox__oUpCJ {
    height: 112px;
    padding: 20px 30px;
  }
}

.BCardsWithDescription_imageWrap__LT_Jy {
  position: relative;
  width: 100%;
  height: 214px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .BCardsWithDescription_imageWrap__LT_Jy {
    height: 308px;
  }
}

.BCardsWithDescription_image__QQTGo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.BCardsWithDescription_fullscreenButton__p10p_ {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.BCardsWithDescription_label__6CdrD {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .BCardsWithDescription_label__6CdrD {
    font-size: 32px;
    line-height: 36px;
  }
}
.BCardsWithDescription_label__6CdrD {
  color: #141416;
  white-space: pre-line;
}

.BCardsWithDescription_modalBody__LUSOP {
  width: 100%;
  max-width: 1440px;
  background: transparent;
}

.BCardsWithDescription_modalContent__t_CaK {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.BCardsWithDescription_modalClose___HNYx {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
}

.BCardsWithDescription_modalImage__rn7tY {
  width: 100%;
  height: auto;
  max-height: 80vh;
  object-fit: contain;
  border-radius: 12px;
}

.BCardsWithDescription_modalLabel__YfDu_ {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  .BCardsWithDescription_modalLabel__YfDu_ {
    font-size: 16px;
    line-height: 24px;
  }
}
.BCardsWithDescription_modalLabel__YfDu_ {
  color: #ffffff;
  text-align: center;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/Tooltip/Tooltip.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Tooltip_tooltip__gKO3A {
  width: 240px;
  padding: 16px;
  background: #ffffff;
  color: #141416;
  border-radius: 12px;
  text-align: left;
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.12), 0px 21px 21px 0px rgba(0, 0, 0, 0.1), 0px 48px 29px 0px rgba(0, 0, 0, 0.06), 0px 85px 34px 0px rgba(0, 0, 0, 0.02), 0px 132px 37px 0px rgba(0, 0, 0, 0);
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0;
}

.Tooltip_icon__WMZm1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  line-height: 0;
  cursor: pointer;
  color: #b1b5c3;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BHeroBannerProject/BHeroBannerProject.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BHeroBannerProject_root__YauWn {
  position: relative;
  width: 100%;
  overflow: hidden;
  color: #ffffff;
  height: 740px;
}
@media (min-width: 1024px) {
  .BHeroBannerProject_root__YauWn {
    height: 1246px;
  }
}
@media (min-width: 1440px) {
  .BHeroBannerProject_root__YauWn {
    height: 745px;
  }
}
@media (min-width: 1648px) {
  .BHeroBannerProject_root__YauWn {
    height: auto;
    aspect-ratio: 2048/1000;
  }
}

.BHeroBannerProject_imageWrapper__7fj6f {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.BHeroBannerProject_image__7ow_8 {
  object-fit: cover;
}

.BHeroBannerProject_video__qZ7qh {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.BHeroBannerProject_overlay__KV58Q {
  position: absolute;
  inset: 0;
  background: rgba(35, 38, 47, 0.5);
}

.BHeroBannerProject_inner__uQ3GW {
  position: relative;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  gap: 56px;
}

.BHeroBannerProject_content__BQJAB {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 40px;
}

.BHeroBannerProject_title__kK2Jr {
  font-family: "tt-hoves-pro-expanded", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 64px;
  line-height: 70.4px;
  letter-spacing: -0.02em;
  color: #ffffff;
  margin: 0;
  white-space: pre-line;
}

.BHeroBannerProject_text__gMR1X {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  .BHeroBannerProject_text__gMR1X {
    font-size: 20px;
    line-height: 24px;
  }
}

.BHeroBannerProject_cta__v6dTY {
  padding-left: 31px;
  padding-right: 31px;
}

.BHeroBannerProject_features__vs9r0 {
  display: flex;
  justify-content: center;
  gap: 20px;
  width: 100%;
  max-width: 1030px;
}

.BHeroBannerProject_feature__IrCGI {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 1 330px;
  min-width: 0;
  min-height: 76px;
  padding: 16px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  text-align: left;
}

.BHeroBannerProject_featureIcon__eFSMT {
  flex: none;
  width: 44px;
  height: 44px;
}

.BHeroBannerProject_featureText__BRyzJ {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
}

.BHeroBannerProject_featureTitle__PxELL {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .BHeroBannerProject_featureTitle__PxELL {
    font-size: 24px;
    line-height: 32px;
  }
}

.BHeroBannerProject_featureTooltip__f3kV4.BHeroBannerProject_featureTooltip__f3kV4 {
  width: 10px;
  height: 10px;
  color: currentColor;
}

@media (max-width: 1023px) {
  .BHeroBannerProject_inner__uQ3GW {
    padding-top: 100px;
    padding-bottom: 40px;
    gap: 40px;
  }
  .BHeroBannerProject_title__kK2Jr {
    font-size: 36px;
    line-height: 40px;
  }
  .BHeroBannerProject_features__vs9r0 {
    flex-direction: column;
    max-width: 100%;
  }
  .BHeroBannerProject_feature__IrCGI {
    flex: 1 1 auto;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/StoneSmartCaptcha/s.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_captcha__R0ypX {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  overflow: visible;
  z-index: 9999;
  visibility: hidden;
}

.s_captchaVisible__7y2zv {
  visibility: visible;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BFormCenteredV2/BFormCenteredV2.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BFormCenteredV2_blockContainer__1touE.BFormCenteredV2_blockContainer__1touE {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1024px) {
  .BFormCenteredV2_blockContainer__1touE.BFormCenteredV2_blockContainer__1touE {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.BFormCenteredV2_root__UTiM_ {
  background: #f4f5f6;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .BFormCenteredV2_root__UTiM_ {
    border-radius: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 640px;
  }
}

.BFormCenteredV2_content__dr2nn {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 24px 24px 40px;
  gap: 58px;
}
@media (min-width: 1024px) {
  .BFormCenteredV2_content__dr2nn {
    padding: 48px 48px 40px;
  }
}
@media (min-width: 1440px) {
  .BFormCenteredV2_content__dr2nn {
    padding: 64px 64px 48px;
  }
}

.BFormCenteredV2_titleWrapper__PC6pL {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1024px) {
  .BFormCenteredV2_titleWrapper__PC6pL {
    gap: 24px;
  }
}
@media (min-width: 1440px) {
  .BFormCenteredV2_titleWrapper__PC6pL {
    gap: 32px;
  }
}

.BFormCenteredV2_title__sIaL6 {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .BFormCenteredV2_title__sIaL6 {
    font-size: 40px;
    line-height: 40px;
  }
}
.BFormCenteredV2_title__sIaL6 {
  color: #141416;
}
@media (min-width: 1024px) {
  .BFormCenteredV2_title__sIaL6 {
    font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: -0.02em;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .BFormCenteredV2_title__sIaL6 {
    font-size: 32px;
    line-height: 36px;
  }
}
@media (min-width: 1440px) {
  .BFormCenteredV2_title__sIaL6 {
    font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: -0.02em;
  }
}
@media (min-width: 1440px) and (min-width: 1024px) {
  .BFormCenteredV2_title__sIaL6 {
    font-size: 40px;
    line-height: 40px;
  }
}

.BFormCenteredV2_description__7qxxu {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  .BFormCenteredV2_description__7qxxu {
    font-size: 20px;
    line-height: 24px;
  }
}
.BFormCenteredV2_description__7qxxu {
  letter-spacing: -0.02em;
  color: #777e90;
}
@media (min-width: 1440px) {
  .BFormCenteredV2_description__7qxxu {
    font-size: 24px;
    line-height: 32px;
  }
}

.BFormCenteredV2_wrapper__HF_99 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1024px) {
  .BFormCenteredV2_wrapper__HF_99 {
    gap: 24px;
  }
}
@media (min-width: 1440px) {
  .BFormCenteredV2_wrapper__HF_99 {
    gap: 32px;
  }
}

.BFormCenteredV2_inputWrapper__wT4U_ {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 16px;
  gap: 16px;
  width: 100%;
}
@media (min-width: 1440px) {
  .BFormCenteredV2_inputWrapper__wT4U_ {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 8px;
  }
}

.BFormCenteredV2_input__jHVtY {
  width: 100%;
}
.BFormCenteredV2_input__jHVtY input::placeholder {
  letter-spacing: 0;
}

.BFormCenteredV2_button__z9xtH {
  width: 100%;
}
@media (min-width: 1024px) {
  .BFormCenteredV2_button__z9xtH {
    grid-column: 1/-1;
  }
}

.BFormCenteredV2_imageWrap__akuEV {
  width: 100%;
  overflow: hidden;
  display: none;
}
@media (min-width: 1024px) {
  .BFormCenteredV2_imageWrap__akuEV {
    display: block;
  }
}

.BFormCenteredV2_image__dKrKI {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.BFormCenteredV2_link__wdhGD {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  letter-spacing: 0;
  color: #141416;
  text-decoration: none;
  border-bottom: 1px solid;
  width: max-content;
}
@media (min-width: 1024px) {
  .BFormCenteredV2_link__wdhGD {
    font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
  }
}

.BFormCenteredV2_checkboxesWrapper__6ZD0H {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1024px) {
  .BFormCenteredV2_checkboxesWrapper__6ZD0H {
    gap: 64px;
  }
}

@media (min-width: 1024px) {
  .BFormCenteredV2_rootNoImage__oEW9c {
    display: block;
    height: auto;
  }
}
.BFormCenteredV2_rootNoImage__oEW9c .BFormCenteredV2_checkboxesWrapper__6ZD0H {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1024px) {
  .BFormCenteredV2_rootNoImage__oEW9c .BFormCenteredV2_checkboxesWrapper__6ZD0H {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px 40px;
  }
}
@media (min-width: 1024px) {
  .BFormCenteredV2_rootNoImage__oEW9c .BFormCenteredV2_checkboxes__JBqWQ {
    gap: 40px;
  }
}
.BFormCenteredV2_rootNoImage__oEW9c .BFormCenteredV2_content__dr2nn {
  gap: 58px;
}
@media (min-width: 1024px) {
  .BFormCenteredV2_rootNoImage__oEW9c .BFormCenteredV2_content__dr2nn {
    padding: 48px;
    gap: 48px;
  }
}
@media (min-width: 1440px) {
  .BFormCenteredV2_rootNoImage__oEW9c .BFormCenteredV2_content__dr2nn {
    gap: 64px;
    padding: 64px 80px;
  }
}
@media (min-width: 1024px) {
  .BFormCenteredV2_rootNoImage__oEW9c .BFormCenteredV2_button__z9xtH {
    grid-column: auto;
  }
}
@media (min-width: 1024px) {
  .BFormCenteredV2_rootNoImage__oEW9c .BFormCenteredV2_inputWrapper__wT4U_ {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }
}
.BFormCenteredV2_rootNoImage__oEW9c .BFormCenteredV2_wrapper__HF_99 {
  gap: 16px;
}
@media (min-width: 1024px) {
  .BFormCenteredV2_rootNoImage__oEW9c .BFormCenteredV2_wrapper__HF_99 {
    gap: 20px;
  }
}
@media (min-width: 1440px) {
  .BFormCenteredV2_rootNoImage__oEW9c .BFormCenteredV2_wrapper__HF_99 {
    gap: 24px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BFormCenteredV2/PersonalCheckbox/PersonalCheckbox.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PersonalCheckbox_stack__sxjSW {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.PersonalCheckbox_stack__sxjSW .PersonalCheckbox_link__QVQpi {
  color: #141416;
  text-decoration: none;
}

@media (min-width: 1024px) {
  .PersonalCheckbox_stackHorizontal__HojxI {
    flex-direction: row;
    gap: 32px;
  }
}
.PersonalCheckbox_link__QVQpi {
  border-bottom: 1px solid;
  width: max-content;
  transition: none;
}

.PersonalCheckbox_linkError__0Tm_i {
  color: #ec5353;
}

.PersonalCheckbox_text__x_ZOB {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  letter-spacing: 0;
  color: #777e90;
}
@media (min-width: 1024px) {
  .PersonalCheckbox_text__x_ZOB {
    font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
  }
}

.PersonalCheckbox_textError__Y5uWg {
  color: #ec5353;
}
.PersonalCheckbox_textError__Y5uWg .PersonalCheckbox_link__QVQpi {
  color: #ec5353;
}

.PersonalCheckbox_checkboxContent__0ghVz {
  overflow: visible;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/MainFiltersSection/CatalogLinkButton/CatalogLinkButton.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CatalogLinkButton_link__X1tDQ {
  display: block;
  text-decoration: none;
  color: #ffffff;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/SkeletonBlock/SkeletonBlock.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes SkeletonBlock_pulseOpacity__1Mva5 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.SkeletonBlock_block__EYoTE {
  background: #f4f5f6;
  animation: SkeletonBlock_pulseOpacity__1Mva5 2s ease-in-out infinite;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/MainFiltersSection/MainFiltersSection.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MainFiltersSection_root__01TQ2 {
  display: flex;
  flex-direction: column;
}

.MainFiltersSection_content__uiir3 {
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (min-width: 1024px) {
  .MainFiltersSection_content__uiir3 {
    gap: 32px;
  }
}
.MainFiltersSection_content_disabled__6tnMA {
  pointer-events: none;
  opacity: 0.6;
}

.MainFiltersSection_title__hzyPa {
  display: none;
  font-weight: 500;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .MainFiltersSection_title__hzyPa {
    display: block;
    font-size: 40px;
    line-height: 40px;
  }
}

.MainFiltersSection_filtersRow__Sxv_1 {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 8px;
}
@media (min-width: 1024px) {
  .MainFiltersSection_filtersRow__Sxv_1 {
    flex-direction: row;
  }
}

.MainFiltersSection_catalogButton__p3Oap {
  width: 100%;
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .MainFiltersSection_catalogButton__p3Oap {
    width: auto;
    min-width: 200px;
  }
}
@media (min-width: 1440px) {
  .MainFiltersSection_catalogButton__p3Oap {
    min-width: 268px;
  }
}

.MainFiltersSection_filters__LAySn {
  display: none;
  align-items: flex-end;
  gap: 8px;
  flex-wrap: nowrap;
  flex: 1 1;
  min-width: 0;
  overflow: visible;
}
@media (min-width: 1024px) {
  .MainFiltersSection_filters__LAySn {
    display: flex;
    max-width: calc(100% - 200px - 8px);
  }
}
@media (min-width: 1440px) {
  .MainFiltersSection_filters__LAySn {
    max-width: calc(100% - 268px - 8px);
  }
}

.MainFiltersSection_filtersSkeleton__z21Qa {
  display: none;
  gap: 8px;
  flex: 1 1;
  min-width: 0;
}
@media (min-width: 1024px) {
  .MainFiltersSection_filtersSkeleton__z21Qa {
    display: flex;
    padding-top: 28px;
    max-width: calc(100% - 200px - 8px);
  }
}
@media (min-width: 1440px) {
  .MainFiltersSection_filtersSkeleton__z21Qa {
    max-width: calc(100% - 268px - 8px);
  }
}

.MainFiltersSection_skeletonItem__cTwF1 {
  flex: 1 1;
  min-width: 0;
}

.MainFiltersSection_filterItem__ZHobN {
  flex: 1 1;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
}

.MainFiltersSection_filterItemDropdown__7H_Ty {
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .MainFiltersSection_filterItemDropdown__7H_Ty {
    min-width: 180px;
  }
}
@media (min-width: 1440px) {
  .MainFiltersSection_filterItemDropdown__7H_Ty {
    min-width: 240px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/TitledBlockContainer/TitledBlockContainer.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TitledBlockContainer_container__AJoUX {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1024px) {
  .TitledBlockContainer_container__AJoUX {
    gap: 48px;
  }
}

.TitledBlockContainer_header__cAq2L {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 1024px) {
  .TitledBlockContainer_header__cAq2L {
    gap: 40px;
    max-width: 1040px;
  }
}
@media (min-width: 1024px) {
  .TitledBlockContainer_header_withActions__RpTaj {
    max-width: none;
  }
}

.TitledBlockContainer_titleRow__LhxQF {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.TitledBlockContainer_headerActions__5MrsV {
  display: none;
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .TitledBlockContainer_headerActions__5MrsV {
    display: flex;
  }
}

.TitledBlockContainer_title__1rSlH {
  font-size: 32px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .TitledBlockContainer_title__1rSlH {
    font-size: 48px;
    line-height: 48px;
  }
}

.TitledBlockContainer_description__oQ4gQ {
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .TitledBlockContainer_description__oQ4gQ {
    font-size: 32px;
    line-height: 32px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/lk/components/FavoriteIcon/styles.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__3ttsh {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  cursor: pointer;
  border: solid 1px #f4f5f6;
  background: #f4f5f6;
}
.styles_root__3ttsh:hover svg stroke {
  color: #015ff9;
}
.styles_root__3ttsh.styles_clicked__qyYpO svg {
  transform: scale(0.875);
  /* 14/16 = 0.875 */
  transition: transform 0.2s ease-in-out;
}
.styles_root__3ttsh svg {
  flex-shrink: 0;
  transition: transform 0.2s ease-in-out;
}

.styles_popup__WKF29 {
  position: absolute;
  right: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding: 16px 25px;
  width: 200px;
  height: 52px;
  border-radius: 12px;
  color: #ffffff;
  background: #353945;
  z-index: 106;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/SharePopup/SharePopup.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SharePopup_root__W7Ww_ {
  display: flex;
  gap: 12px;
  border-radius: 20px;
  padding: 8px;
  width: max-content;
  background: #ffffff;
  cursor: default;
}

.SharePopup_rootLot__HC0gq {
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.12), 0px 21px 21px 0px rgba(0, 0, 0, 0.1), 0px 48px 29px 0px rgba(0, 0, 0, 0.06), 0px 85px 34px 0px rgba(0, 0, 0, 0.02), 0px 132px 37px 0px rgba(0, 0, 0, 0);
}

.SharePopup_content__Jy7yi {
  display: flex;
  flex-direction: column;
  gap: 19px;
  padding: 8px;
}
@media (min-width: 1024px) {
  .SharePopup_content__Jy7yi {
    padding: 12px;
  }
}

.SharePopup_main__77LDo {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.SharePopup_button__CezaH {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #141416;
  background: transparent;
  transition: color 0.2s ease-in-out;
}
@media (hover: hover) {
  .SharePopup_button__CezaH:hover {
    color: #777e90;
  }
}
@media (hover: none) {
  .SharePopup_button__CezaH:active {
    color: #777e90;
  }
}
@media (min-width: 1024px) {
  .SharePopup_button__CezaH {
    font-size: 14px;
    line-height: 20px;
  }
}

.SharePopup_close__yS_aA.SharePopup_close__yS_aA {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
@media (min-width: 1024px) {
  .SharePopup_close__yS_aA.SharePopup_close__yS_aA {
    width: 32px;
    height: 32px;
  }
}

.SharePopup_closeLot__mjZau.SharePopup_closeLot__mjZau {
  width: 32px;
  height: 32px;
  background: #f4f5f6;
}

.SharePopup_divider__gcQ1x {
  width: 100%;
  height: 1px;
  background: #b1b5c3;
}

.SharePopup_icon__Kopjo {
  width: 20px;
  height: 20px;
}
@media (min-width: 1024px) {
  .SharePopup_icon__Kopjo {
    width: 24px;
    height: 24px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/LotCardInfoTooltip/LotCardInfoTooltip.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.LotCardInfoTooltip_tooltip__XxdNp {
  width: 240px;
  padding: 16px;
  background: #ffffff;
  color: #141416;
  border-radius: 12px;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.12), 0px 21px 21px 0px rgba(0, 0, 0, 0.1), 0px 48px 29px 0px rgba(0, 0, 0, 0.06), 0px 85px 34px 0px rgba(0, 0, 0, 0.02), 0px 132px 37px 0px rgba(0, 0, 0, 0);
}

.LotCardInfoTooltip_icon__ruhZB {
  flex-shrink: 0;
}
.LotCardInfoTooltip_icon_info__CkZvH {
  width: 17px;
  height: 17px;
}
.LotCardInfoTooltip_icon_dots__2damd {
  width: 18px;
  height: 4px;
}

.LotCardInfoTooltip_items__f_vN3 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.LotCardInfoTooltip_item__Cih0B {
  display: inline-flex;
  align-items: center;
}

.LotCardInfoTooltip_item__Cih0B:not(:last-child)::after {
  content: " ·";
  margin-left: 6px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/CatalogLotCard/components/LotCardActions/LotCardActions.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LotCardActions_root__3b5IE {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  gap: 8px;
}

.LotCardActions_button__RMr0b {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: #f4f5f6;
  color: #353945;
  cursor: pointer;
  z-index: 5;
}

.LotCardActions_icon__cM7bZ {
  width: 14px;
  height: 13px;
  flex-shrink: 0;
}

.LotCardActions_popup__o0KIx {
  position: absolute;
  top: 32px;
  right: -8px;
  z-index: 16;
}
.LotCardActions_popup_list__vouXW {
  top: -8px;
  right: 36px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/CatalogLotCard/components/LotCardHeader/LotCardHeader.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LotCardHeader_title__IbnDT {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
}

.LotCardHeader_title_hasMinHeight__eHG2u {
  min-height: 64px;
}

.LotCardHeader_titleLine__u4wfM {
  display: block;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/CatalogLotCard/components/LotCardInfo/LotCardInfo.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LotCardInfo_root__7eIOT {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.LotCardInfo_housingRow__Y1svV {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .LotCardInfo_housingRow__Y1svV {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (min-width: 1440px) {
  .LotCardInfo_housingRow__Y1svV {
    font-size: 14px;
    line-height: 20px;
  }
}

.LotCardInfo_housingRow_grid__lFTST {
  justify-content: space-between;
}
.LotCardInfo_housingRow_list__S9hhI {
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .LotCardInfo_housingRow_list__S9hhI {
    font-size: 14px;
    line-height: 20px;
  }
}

.LotCardInfo_housingRow__Y1svV .LotCardInfo_housingText__yzaD8 {
  display: flex;
  align-items: center;
  gap: 6px;
}

.LotCardInfo_separator__wnOw2 {
  color: #353945;
}

.LotCardInfo_projectYear__FQWxW {
  color: #353945;
}

.LotCardInfo_lotNumber__3my5_ {
  font-size: 12px;
  line-height: 16px;
  color: #777e90;
  white-space: nowrap;
}
.LotCardInfo_lotNumber_list__Qura3 {
  font-size: 14px;
  line-height: 20px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/CatalogLotCard/components/LotCardMetro/LotCardMetro.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LotCardMetro_metro__O8EJw {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/uikit/Price/PriceTopContent/PriceTopContent.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PriceTopContent_topRow__mouCl {
  display: inline-flex;
  align-items: baseline;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
}

.PriceTopContent_reservedLayout__DzKZ5 {
  justify-content: space-between;
  width: 100%;
  color: #777e90;
}

.PriceTopContent_requestWrapper__wW238 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

.PriceTopContent_requestLink__k9Kn3 {
  color: #015ff9;
  text-decoration: none;
  cursor: pointer;
  padding: 0;
  background: none;
  border: none;
  font: inherit;
  letter-spacing: -0.02em;
}

.PriceTopContent_reservedBadge___4o95 {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-left: 8px;
  color: #777e90;
  font-weight: 400;
}

.PriceTopContent_lockIconWrapper__APvAU {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
}

.PriceTopContent_reservedText__AXtS2 {
  color: #777e90;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/uikit/Price/Price.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Price_root__BxG5J {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.Price_pricePerMeter__kdqCt {
  margin-top: -2px;
  color: #777e90;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.Price_cta__NfzVe {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  color: #015ff9;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.Price_ctaButton__fm3Rv {
  all: unset;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  color: inherit;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.Price_ctaButton__fm3Rv:hover {
  opacity: 0.6;
}

.Price_ctaIcon__wgLTK {
  width: 16px;
  height: 16px;
  display: grid;
  place-items: center;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/CatalogLotCard/components/LotCardPrice/LotCardPrice.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LotCardPrice_price__Js9Sz {
  min-height: 32px;
}

.LotCardPrice_priceWrapper__1H0Xm {
  display: flex;
  flex-direction: column;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/CatalogLotCard/components/LotCardProject/LotCardProject.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LotCardProject_root__ro1Da {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.LotCardProject_projectInfo__1tK6C {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  line-height: 20px;
}

.LotCardProject_projectLink__CaE05 {
  color: #015ff9;
  text-decoration: none;
  transition: opacity 0.2s ease;
  cursor: pointer;
}
.LotCardProject_projectLink__CaE05:hover {
  opacity: 0.6;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/CatalogLotCard/components/LotCardPromo/LotCardPromo.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LotCardPromo_promo__rO868 {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  color: #b2461a;
  gap: 4px;
}
@media (min-width: 1024px) {
  .LotCardPromo_promo__rO868 {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (min-width: 1440px) {
  .LotCardPromo_promo__rO868 {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 1024px) {
  .LotCardPromo_promo_list__xeimr {
    font-size: 14px;
    line-height: 20px;
  }
}

.LotCardPromo_lightningIconWrapper__jsOvO {
  width: 12px;
  height: 12px;
  display: grid;
  place-items: center;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/ImageWithSkeleton/ImageWithSkeleton.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ImageWithSkeleton_wrapper__HwNYA {
  overflow: hidden;
  position: relative;
  height: 100%;
  z-index: 1;
}

.ImageWithSkeleton_skeleton__Qkrc1 {
  position: absolute;
  inset: 0;
  z-index: 1000;
}

.ImageWithSkeleton_image__q4z9Y {
  display: block;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/CatalogLotCard/components/LotCardSlider/LotSlide/LotSlide.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LotSlide_slideImageWrapper__vQgqz {
  position: relative;
  width: 100%;
  height: 100%;
}

.LotSlide_slideImageWrapper_empty__HmTE7 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.LotSlide_img___5FHb {
  object-fit: contain;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/CatalogLotCard/components/LotCardSlider/LotCardSlider.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LotCardSlider_slider__YRg_Z {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
}

.LotCardSlider_frame__1xnEa {
  position: relative;
  z-index: 10;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 295/200;
  margin-bottom: 4px;
}
@media (min-width: 1024px) {
  .LotCardSlider_frame__1xnEa {
    aspect-ratio: 256/200;
  }
}
@media (min-width: 1440px) {
  .LotCardSlider_frame__1xnEa {
    aspect-ratio: 280/200;
  }
}
@media (min-width: 2048px) {
  .LotCardSlider_frame__1xnEa {
    aspect-ratio: 332/200;
  }
}

.LotCardSlider_frameInner__KUDuB {
  position: absolute;
  inset: 0;
}

.LotCardSlider_swiper__xqlOd {
  width: 100%;
  height: 100%;
}

.LotCardSlider_slide__RtHSo {
  position: relative;
  width: 100%;
  height: 100%;
}
.LotCardSlider_slide__RtHSo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: #fff;
}

.LotCardSlider_pagination__aRUJb {
  position: relative;
  min-height: 8px;
  display: flex;
  justify-content: center;
  gap: 8px;
  z-index: 15;
}
.LotCardSlider_pagination__aRUJb.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: auto;
}
.LotCardSlider_pagination__aRUJb .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #d9d9d9;
  opacity: 0.4;
  margin: 0 !important;
}
.LotCardSlider_pagination__aRUJb .swiper-pagination-bullet-active {
  opacity: 1;
  background: #353945;
}

.LotCardSlider_paginationHidden__NPA9B {
  visibility: hidden;
  pointer-events: none;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./node_modules/swiper/modules/pagination.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          -moz-appearance: none;
       appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/CatalogLotCard/LotCard.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LotCard_root__Bckfe {
  display: flex;
  flex-direction: column;
  width: 100%;
  cursor: pointer;
  height: max-content;
  padding: 23px;
  border: 1px solid #e6e8ec;
  border-radius: 12px;
  background: #fff;
  color: #141416;
}
@media (min-width: 1024px) {
  .LotCard_root__Bckfe {
    height: -webkit-fill-available;
    height: stretch;
  }
}

.LotCard_content__9_DEC {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  height: 100%;
}

.LotCard_headerRow__EwZ7i {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.LotCard_body__L1rew {
  margin-top: auto;
  padding-top: 8px;
}

.LotCard_img__e4BFn {
  margin-bottom: 20px;
}

.LotCard_img__e4BFn {
  margin-bottom: 20px;
  min-height: 0;
}

.LotCard_header__PXa_P {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.LotCard_actions__t_h1b {
  flex-shrink: 0;
}

.LotCard_footer__XuxrC {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: auto;
}

.LotCard_info__vXcv2 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 48px;
  margin-top: 20px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/CatalogLotCard/components/SliderPopup/SliderPopup.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SliderPopup_popup__I3ZD4 {
  width: 400px;
  height: 320px;
  padding: 32px;
  background: #ffffff;
  border: 1px solid #e6e8ec;
  border-radius: 24px;
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.12), 0px 21px 21px 0px rgba(0, 0, 0, 0.1), 0px 48px 29px 0px rgba(0, 0, 0, 0.06), 0px 85px 34px 0px rgba(0, 0, 0, 0.02), 0px 132px 37px 0px rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  cursor: pointer;
}

.SliderPopup_popupSlider__AbMEb {
  width: 100%;
  height: 100%;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/CatalogLotCard/LotCardHorizontal/LotCardHorizontal.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LotCardHorizontal_root__1KLXF {
  display: block;
  height: 214px;
}

.LotCardHorizontal_content__wk27G {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-columns: 1fr 1fr 120px;
  grid-template-rows: auto 1px auto;
  grid-template-areas: "main promo slider" "divider divider divider" "project price actions";
  grid-column-gap: 0;
  column-gap: 0;
  grid-row-gap: 24px;
  row-gap: 24px;
  align-items: stretch;
}

.LotCardHorizontal_slider__xZadP {
  grid-area: slider;
  justify-self: end;
  align-self: start;
  width: 120px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.LotCardHorizontal_main__kwuVF {
  grid-area: main;
  display: flex;
  flex-direction: column;
  gap: 0;
  justify-content: space-between;
  border-left: none;
  padding-left: 0;
  position: relative;
}

.LotCardHorizontal_mainText__xjgrJ {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.LotCardHorizontal_infoTop__3ezvg.LotCardHorizontal_infoTop__3ezvg {
  display: block;
}

.LotCardHorizontal_infoBottom__esJ8i.LotCardHorizontal_infoBottom__esJ8i {
  display: none;
}

.LotCardHorizontal_bottomInfo__AfhE0 {
  display: none;
}

.LotCardHorizontal_bottomInfo__AfhE0 > :last-child {
  display: none;
}

.LotCardHorizontal_promoArea__P6Gp0 {
  grid-area: promo;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  margin-right: 32px;
}

.LotCardHorizontal_projectBlock__IdbE2 {
  grid-area: project;
  display: flex;
  flex-direction: column;
  gap: 0;
  justify-content: space-between;
  border-left: none;
  padding-left: 0;
  align-self: stretch;
  min-height: 66px;
  row-gap: 0;
}

.LotCardHorizontal_priceBlock__jl0RG {
  grid-area: price;
  display: flex;
  align-items: stretch;
  border-left: 1px solid #e6e8ec;
  padding-left: 24px;
}

.LotCardHorizontal_actionsBlock__mDdXE {
  grid-area: actions;
  display: flex;
  justify-content: flex-end;
  width: 120px;
}

.LotCardHorizontal_actions__DGcuv {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-self: flex-end;
}

.LotCardHorizontal_project__TONh1 {
  margin: 6px 0;
}

.LotCardHorizontal_metro__NewxV {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 0;
  justify-content: flex-end;
}

.LotCardHorizontal_price__m6RaA {
  width: 250px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: unset;
}

.LotCardHorizontal_dividerHorizontal__7eRZv {
  display: block;
  grid-area: divider;
  width: 100%;
  height: 1px;
  background: #e6e8ec;
}

@media (min-width: 1024px) {
  .LotCardHorizontal_root__1KLXF {
    height: auto;
  }
}
@media (min-width: 1440px) {
  .LotCardHorizontal_root__1KLXF {
    height: 144px;
  }
  .LotCardHorizontal_content__wk27G {
    grid-template-areas: none;
    grid-template-columns: 88px 1fr 1fr 1fr 120px;
    grid-template-rows: 1fr;
    column-gap: 8px;
    row-gap: 0;
  }
  .LotCardHorizontal_slider__xZadP {
    grid-area: auto;
    grid-column: 1;
    width: auto;
    display: block;
    justify-self: stretch;
    align-self: center;
  }
  .LotCardHorizontal_main__kwuVF {
    grid-area: auto;
    grid-column: 2;
    gap: 8px;
    border-left: 1px solid #e6e8ec;
    padding-left: 32px;
  }
  .LotCardHorizontal_mainText__xjgrJ {
    gap: 4px;
  }
  .LotCardHorizontal_infoTop__3ezvg.LotCardHorizontal_infoTop__3ezvg {
    display: none;
  }
  .LotCardHorizontal_infoBottom__esJ8i.LotCardHorizontal_infoBottom__esJ8i {
    display: block;
  }
  .LotCardHorizontal_bottomInfo__AfhE0 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: flex-end;
    margin-top: auto;
    padding-right: 0;
    min-height: 44px;
  }
  .LotCardHorizontal_bottomInfo__AfhE0 > :last-child {
    display: inline-flex;
  }
  .LotCardHorizontal_promoArea__P6Gp0 {
    display: none;
  }
  .LotCardHorizontal_projectBlock__IdbE2 {
    grid-area: auto;
    grid-column: 3;
    gap: 6px;
    border-left: 1px solid #e6e8ec;
    padding-left: 32px;
    min-height: 0;
  }
  .LotCardHorizontal_priceBlock__jl0RG {
    grid-area: auto;
    grid-column: 4;
    align-items: stretch;
    border-left: 1px solid #e6e8ec;
    padding-left: 32px;
  }
  .LotCardHorizontal_actionsBlock__mDdXE {
    grid-area: auto;
    grid-column: 5;
    width: auto;
  }
  .LotCardHorizontal_actions__DGcuv {
    align-self: flex-start;
  }
  .LotCardHorizontal_metro__NewxV {
    margin-top: auto;
    justify-content: flex-end;
  }
  .LotCardHorizontal_dividerHorizontal__7eRZv {
    display: none;
  }
  .LotCardHorizontal_contentWithOutProject__G8JKS {
    grid-template-columns: 96px 300px 200px auto;
  }
  .LotCardHorizontal_contentWithOutProject__G8JKS .LotCardHorizontal_projectBlock__IdbE2 {
    grid-column: unset;
  }
  .LotCardHorizontal_contentWithOutProject__G8JKS .LotCardHorizontal_priceBlock__jl0RG {
    grid-column: 3;
  }
  .LotCardHorizontal_contentWithOutProject__G8JKS .LotCardHorizontal_actionsBlock__mDdXE {
    grid-column: 4;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/NewCatalogPage/components/CatalogLotCard/LotCardSimilar/LotCardSimilar.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LotCardSimilar_root__sWQM5 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
  padding: 19px;
  border: 1px solid #e6e8ec;
  border-radius: 12px;
  background: #fff;
  color: #141416;
}

.LotCardSimilar_content__N6_PM {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  height: 100%;
  min-width: 0;
}

.LotCardSimilar_headerRow__ga_pD {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
}

.LotCardSimilar_header__AAV_f {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
.LotCardSimilar_header_commercial__2tp0d {
  gap: 12px;
}

.LotCardSimilar_title__ReVEd {
  min-height: 64px;
  overflow-wrap: anywhere;
}

.LotCardSimilar_project__P_ci_,
.LotCardSimilar_metro__9he8p {
  min-width: 0;
}

.LotCardSimilar_project__P_ci_ {
  overflow: hidden;
  white-space: nowrap;
}
.LotCardSimilar_project__P_ci_ > * {
  overflow: hidden;
  text-overflow: ellipsis;
}

.LotCardSimilar_metro__9he8p {
  overflow: hidden;
}
.LotCardSimilar_metro__9he8p > * {
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}
.LotCardSimilar_metro__9he8p span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.LotCardSimilar_actions__g0Whw {
  flex-shrink: 0;
}

.LotCardSimilar_body__u_xA6 {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  padding-top: 10px;
  min-width: 0;
}

.LotCardSimilar_img__e7_FD {
  min-height: 0;
  margin-bottom: 16px;
}

.LotCardSimilar_footer__OoAP5 {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  gap: 20px;
  margin-top: auto;
  min-width: 0;
}

.LotCardSimilar_info__klj5C {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 48px;
  min-width: 0;
  overflow: hidden;
}
.LotCardSimilar_info__klj5C, .LotCardSimilar_info__klj5C * {
  min-width: 0;
}
.LotCardSimilar_info__klj5C span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.LotCardSimilar_price__gy_z9 {
  margin-top: auto;
  min-width: 0;
  overflow: hidden;
}
.LotCardSimilar_price__gy_z9 > div:first-child {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.LotCardSimilar_price__gy_z9 > * {
  min-width: 0;
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .LotCardSimilar_root__sWQM5 {
    padding: 15px;
  }
  .LotCardSimilar_header__AAV_f {
    gap: 12px;
  }
  .LotCardSimilar_title__ReVEd {
    min-height: 56px;
    font-size: 20px;
    line-height: 28px;
  }
  .LotCardSimilar_info__klj5C {
    gap: 6px;
  }
  .LotCardSimilar_price__gy_z9 > div:first-child {
    font-size: 20px;
    line-height: 28px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/banners/BannerPicture/BannerPicture.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BannerPicture_fallback__tHLFw {
  background: #b1b5c3;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/banners/HorizontalVerticalBanner/HorizontalLayout/HorizontalLayout.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.HorizontalLayout_root__p_zh8 {
  position: relative;
  display: flex;
  flex-direction: row;
  border-radius: 12px;
  overflow: hidden;
  min-height: 400px;
  height: 100%;
}
@media (min-width: 2048px) {
  .HorizontalLayout_root__p_zh8 {
    min-height: 520px;
  }
}
.HorizontalLayout_root_noImage__pcds6 .HorizontalLayout_content__jw_sd {
  width: 100%;
}

.HorizontalLayout_content__jw_sd {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 40px;
  width: 50.88%;
  background: #f4f5f6;
  border-radius: 12px;
  z-index: 2;
}
.HorizontalLayout_content_clickable__Sxg1c {
  pointer-events: none;
}

.HorizontalLayout_clickableOverlay__ZLgFM {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 12px;
}

.HorizontalLayout_info__unlA4 {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}

.HorizontalLayout_title__6yVZR {
  font-size: 40px;
  line-height: 44px;
  letter-spacing: -0.02em;
  color: #141416;
}

.HorizontalLayout_text__RnnfN {
  font-size: 24px;
  line-height: 32px;
  color: #141416;
}

.HorizontalLayout_button__lum6w {
  min-width: 200px;
  pointer-events: auto;
  transition: opacity 0.2s ease-in-out;
}
@media (hover: hover) {
  .HorizontalLayout_button__lum6w:hover {
    opacity: 0.8;
  }
}
@media (hover: none) {
  .HorizontalLayout_button__lum6w:active {
    opacity: 0.8;
  }
}

.HorizontalLayout_imageWrapper__B_ybK {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px;
  overflow: hidden;
  width: 50.88%;
  z-index: 1;
}

.HorizontalLayout_image__cIf9c {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/banners/HorizontalVerticalBanner/VerticalLayout/VerticalLayout.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.VerticalLayout_root__234n_ {
  position: relative;
  display: grid;
  grid-template-rows: 58.4fr 41.6fr;
  border-radius: 12px;
  overflow: hidden;
  min-height: 520px;
}
@media (min-width: 1024px) {
  .VerticalLayout_root__234n_ {
    grid-template-rows: 52fr 48fr;
    height: 100%;
  }
}
.VerticalLayout_root_noImage__5Ar_j {
  grid-template-rows: 1fr;
}

.VerticalLayout_content__waf7O {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  border-radius: 12px;
  padding: 20px 20px 32px;
  background: #f4f5f6;
  z-index: 2;
}
.VerticalLayout_content_clickable__4pVag {
  pointer-events: none;
}
@media (min-width: 1024px) {
  .VerticalLayout_content__waf7O {
    padding: 24px 24px 40px;
  }
}

.VerticalLayout_clickableOverlay__aOTvp {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 12px;
}

.VerticalLayout_title__e4zVm {
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.02em;
  color: #141416;
}
@media (min-width: 1024px) {
  .VerticalLayout_title__e4zVm {
    font-size: 32px;
    line-height: 36px;
  }
}

.VerticalLayout_bottom__mOnNZ {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1024px) {
  .VerticalLayout_bottom__mOnNZ {
    gap: 32px;
  }
}

.VerticalLayout_text__I6H0_ {
  font-size: 16px;
  line-height: 24px;
  color: #141416;
}
@media (min-width: 1024px) {
  .VerticalLayout_text__I6H0_ {
    font-size: 20px;
  }
}

.VerticalLayout_button__AkZjC {
  width: 100%;
  padding: 7px 23px;
  pointer-events: auto;
  transition: opacity 0.2s ease-in-out;
}
@media (hover: hover) {
  .VerticalLayout_button__AkZjC:hover {
    opacity: 0.8;
  }
}
@media (hover: none) {
  .VerticalLayout_button__AkZjC:active {
    opacity: 0.8;
  }
}
@media (min-width: 1024px) {
  .VerticalLayout_button__AkZjC {
    width: max-content;
  }
}

.VerticalLayout_imageWrapper__0pwrL {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 12px;
  flex: 1 1;
  height: 46.15%;
  overflow: hidden;
  z-index: 1;
}
@media (min-width: 1024px) {
  .VerticalLayout_imageWrapper__0pwrL {
    height: 52%;
  }
}

.VerticalLayout_image__iWbnB {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/banners/HorizontalVerticalBanner/HorizontalVerticalBanner.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.HorizontalVerticalBanner_root__3ruY_ {
  height: 100%;
}

.HorizontalVerticalBanner_skeleton__hju4q {
  display: flex;
  justify-content: space-between;
  border-radius: 12px;
  background: #f4f5f6;
  height: 100%;
}

.HorizontalVerticalBanner_skeleton_vertical__SG3_7 {
  flex-direction: column;
  gap: 24px;
  padding: 20px;
  min-height: 520px;
}
@media (min-width: 1024px) {
  .HorizontalVerticalBanner_skeleton_vertical__SG3_7 {
    gap: 32px;
    padding: 32px;
    min-height: auto;
  }
}

.HorizontalVerticalBanner_skeleton_horizontal__E0tJj {
  flex-direction: column;
  gap: 24px;
  padding: 20px;
  min-height: 400px;
}
@media (min-width: 1024px) {
  .HorizontalVerticalBanner_skeleton_horizontal__E0tJj {
    gap: 40px;
    padding: 40px 100px 40px 40px;
    min-height: 240px;
  }
}
@media (min-width: 1440px) {
  .HorizontalVerticalBanner_skeleton_horizontal__E0tJj {
    min-height: 400px;
  }
}

.HorizontalVerticalBanner_skeletonHeader__vrvuV {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.HorizontalVerticalBanner_skeletonTitle__a7f_c, .HorizontalVerticalBanner_skeletonText__E1c2l, .HorizontalVerticalBanner_skeletonButton__4FVts {
  background: #e6e8ec;
}

.HorizontalVerticalBanner_skeletonTitle__a7f_c {
  height: 30px;
}
@media (min-width: 1024px) {
  .HorizontalVerticalBanner_skeletonTitle__a7f_c {
    height: 36px;
  }
}

.HorizontalVerticalBanner_skeletonText__E1c2l {
  height: 24px;
}
@media (min-width: 1024px) {
  .HorizontalVerticalBanner_skeletonText__E1c2l {
    height: 32px;
  }
}

.HorizontalVerticalBanner_skeletonButton__4FVts {
  width: 100%;
  height: 36px;
}
@media (min-width: 1024px) {
  .HorizontalVerticalBanner_skeletonButton__4FVts {
    width: 240px;
  }
}

.HorizontalVerticalBanner_skeletonFooter__rzDqm {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1024px) {
  .HorizontalVerticalBanner_skeletonFooter__rzDqm {
    gap: 32px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BCatalogProjectV3/PromotionLotCard/PromotionLotCard.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PromotionLotCard_promotion__tESJ0 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .PromotionLotCard_promotion__tESJ0 {
    padding: 20px;
  }
}
@media (min-width: 1440px) {
  .PromotionLotCard_promotion__tESJ0 {
    padding: 32px;
  }
}

.PromotionLotCard_bgImage__CnQPm {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.PromotionLotCard_overlay__RqZqm {
  position: absolute;
  opacity: 0.5;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}

.PromotionLotCard_title__rdWKE {
  position: relative;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
  z-index: 2;
}
@media (min-width: 1024px) {
  .PromotionLotCard_title__rdWKE {
    font-size: 40px;
    line-height: 40px;
  }
}

.PromotionLotCard_link__g3CEo {
  position: relative;
  display: flex;
  gap: 2px;
  font-size: 20px;
  line-height: 24px;
  z-index: 2;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BCatalogProjectV3/CatalogLotList/CatalogLotList.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CatalogLotList_list__DLAgn {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1024px) {
  .CatalogLotList_list__DLAgn {
    flex-direction: row;
  }
}

.CatalogLotList_list-item__4MuSN {
  min-height: 560px;
  border-radius: 12px;
}
@media (min-width: 1024px) {
  .CatalogLotList_list-item__4MuSN {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 32px) / 3);
  }
}
@media (min-width: 1440px) {
  .CatalogLotList_list-item__4MuSN {
    flex-basis: calc((100% - 48px) / 4);
  }
}

.CatalogLotList_promotion-item__behLY {
  min-height: 240px;
}
@media (min-width: 1024px) {
  .CatalogLotList_promotion-item__behLY {
    min-height: 560px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BCatalogProjectV3/EmptyLotList/EmptyLotList.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.EmptyLotList_empty-list__dabBe {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.EmptyLotList_title__xL_vN {
  font-size: 32px;
  line-height: 36px;
  letter-spacing: -0.02em;
}

.EmptyLotList_description__Oh5Do {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BCatalogProjectV3/BCatalogProjectV3.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BCatalogProjectV3_list-wrapper___Eswo {
  margin-block: 40px 16px;
}
@media (min-width: 1024px) {
  .BCatalogProjectV3_list-wrapper___Eswo {
    margin-block: 48px 40px;
  }
}

.BCatalogProjectV3_content__80C0P {
  overflow-x: hidden;
}

.BCatalogProjectV3_catalog-button__6zRP7 {
  min-width: 202px;
  width: 100%;
}
@media (min-width: 1024px) {
  .BCatalogProjectV3_catalog-button__6zRP7 {
    width: max-content;
  }
}
.BCatalogProjectV3_catalog-button__wrapper__zeJEl {
  display: flex;
  justify-content: center;
}

.BCatalogProjectV3_reset-button__x_SVR {
  color: #141416;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BCatalogProjectV3/CatalogFilters/CatalogFiters.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media (min-width: 1024px) {
  .CatalogFiters_mobile-filters__magy9 {
    display: none;
  }
}

.CatalogFiters_desktop-filters__KVhlW {
  display: none;
}
@media (min-width: 1024px) {
  .CatalogFiters_desktop-filters__KVhlW {
    display: block;
  }
}

.CatalogFiters_hidden-filters__lSohu {
  display: none;
}

.CatalogFiters_skeleton-list__DHhPv {
  padding-top: 28px;
}

.CatalogFiters_filter-list__vG_cV {
  display: flex;
  gap: 8px;
}
.CatalogFiters_filter-list__vG_cV > * {
  flex: 1 1;
  min-width: 0;
}
.CatalogFiters_filter-list__vG_cV > .CatalogFiters_filterListItemNoGrow__sDdco {
  flex: 0 1 auto;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BAboutProjectMirror/BAboutProjectMirror.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BAboutProjectMirror_root__u8JOG {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 1024px) {
  .BAboutProjectMirror_root__u8JOG {
    gap: 60px;
  }
}

.BAboutProjectMirror_header__brnZN {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 20px;
}
@media (min-width: 1024px) {
  .BAboutProjectMirror_header__brnZN {
    gap: 38px;
  }
}

.BAboutProjectMirror_title__6Rt_u {
  max-width: 1033px;
  margin: 0 auto;
}

.BAboutProjectMirror_description__ZPhZr {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  .BAboutProjectMirror_description__ZPhZr {
    font-size: 20px;
    line-height: 24px;
  }
}
.BAboutProjectMirror_description__ZPhZr {
  color: #575C6B;
  max-width: 586px;
  margin: 0 auto;
}

.BAboutProjectMirror_mosaic__Y5Xe8 {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
}

.BAboutProjectMirror_row__D484Y {
  display: flex;
  gap: 0;
}

.BAboutProjectMirror_cell__JUh98 {
  box-sizing: border-box;
  position: relative;
  min-width: 0;
  height: 420px;
  overflow: hidden;
}

.BAboutProjectMirror_photo__tP3VP {
  object-fit: cover;
}

.BAboutProjectMirror_tile__Zlp7E {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 60px;
  padding: 30px;
}

.BAboutProjectMirror_tileBrand__tgDCl {
  background: var(--mirror-brand);
  color: #ffffff;
}

.BAboutProjectMirror_tileLight__4b4hc {
  background: #ffffff;
  color: #141416;
}

.BAboutProjectMirror_stat__CVIi2 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.BAboutProjectMirror_statLabel__xmyr9 {
  font-family: "tt-hoves-pro", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.2px;
  opacity: 0.6;
}

.BAboutProjectMirror_statValue__0b56j {
  font-family: "tt-hoves-pro-expanded", sans-serif;
  font-weight: 500;
  font-size: 54px;
  line-height: 59.4px;
  letter-spacing: -1.08px;
  white-space: nowrap;
}

@media (max-width: 1439px) {
  .BAboutProjectMirror_row__D484Y {
    flex-wrap: wrap;
  }
  .BAboutProjectMirror_cell__JUh98 {
    flex: 0 0 50% !important;
    height: 330px;
  }
  .BAboutProjectMirror_tile__Zlp7E {
    gap: 32px;
    padding: 24px;
  }
  .BAboutProjectMirror_statValue__0b56j {
    font-size: 36px;
    line-height: 40px;
  }
}
@media (max-width: 1023px) {
  .BAboutProjectMirror_cell__JUh98 {
    flex: 0 0 100% !important;
    height: 278px;
  }
  .BAboutProjectMirror_tile__Zlp7E {
    height: 206px;
    gap: 24px;
  }
  .BAboutProjectMirror_statValue__0b56j {
    font-size: 28px;
    line-height: 32px;
  }
  .BAboutProjectMirror_statLabel__xmyr9 {
    font-size: 16px;
    line-height: 20px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/mirrorLanding/components/BLocationTabsMirror/BLocationTabsMirror.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BLocationTabsMirror_container__Nlgah {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-row-gap: 40px;
  row-gap: 40px;
}
@media (min-width: 1024px) and (max-width: 1439.98px) {
  .BLocationTabsMirror_container__Nlgah {
    row-gap: 40px;
  }
  .BLocationTabsMirror_container__Nlgah .BLocationTabsMirror_text__OhidK {
    align-items: center;
    text-align: center;
    gap: 40px;
    margin-bottom: 28px;
  }
  .BLocationTabsMirror_container__Nlgah .BLocationTabsMirror_text__OhidK > a,
  .BLocationTabsMirror_container__Nlgah .BLocationTabsMirror_text__OhidK > button {
    margin-top: 12px;
  }
  .BLocationTabsMirror_container__Nlgah .BLocationTabsMirror_description__4Rct3 {
    max-width: 682px;
  }
}
@media (min-width: 1440px) {
  .BLocationTabsMirror_container__Nlgah {
    grid-template-columns: 575px 685px;
    justify-content: space-between;
    align-items: start;
    row-gap: 80px;
    column-gap: 0;
  }
  .BLocationTabsMirror_container__Nlgah .BLocationTabsMirror_text__OhidK {
    grid-column: 1;
    grid-row: 1;
  }
  .BLocationTabsMirror_container__Nlgah .BLocationTabsMirror_tiles__cfUK3 {
    grid-column: 1;
    grid-row: 2;
  }
  .BLocationTabsMirror_container__Nlgah .BLocationTabsMirror_map__TOmwy {
    grid-column: 2;
    grid-row: 1/span 2;
  }
}

.BLocationTabsMirror_text__OhidK {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}

.BLocationTabsMirror_tiles__cfUK3 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-flow: column;
  grid-template-rows: repeat(2, auto);
  grid-column-gap: 16px;
  column-gap: 16px;
  grid-row-gap: 40px;
  row-gap: 40px;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
@media (min-width: 1024px) {
  .BLocationTabsMirror_tiles__cfUK3 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-flow: row;
    grid-template-rows: auto;
    column-gap: 20px;
  }
}
@media (min-width: 1440px) {
  .BLocationTabsMirror_tiles__cfUK3 {
    grid-template-columns: 241px 241px;
    grid-auto-flow: column;
    grid-template-rows: repeat(2, auto);
    column-gap: 93px;
    row-gap: 80px;
  }
}

.BLocationTabsMirror_tile__A4QDj {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.BLocationTabsMirror_tileValue__apllC {
  font-family: "tt-hoves-pro-expanded", sans-serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 33px;
  letter-spacing: -0.02em;
  color: var(--mirror-text-dark);
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .BLocationTabsMirror_tileValue__apllC {
    font-size: 54px;
    line-height: 59.4px;
  }
}

.BLocationTabsMirror_tileCaption__PSygV {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  .BLocationTabsMirror_tileCaption__PSygV {
    font-size: 20px;
    line-height: 24px;
  }
}
.BLocationTabsMirror_tileCaption__PSygV {
  color: #575C6B;
  white-space: pre-line;
}

.BLocationTabsMirror_title__B_LPO {
  margin: 0;
}
@media (min-width: 1440px) {
  .BLocationTabsMirror_title__B_LPO {
    white-space: pre-line;
  }
}

.BLocationTabsMirror_description__4Rct3 {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  .BLocationTabsMirror_description__4Rct3 {
    font-size: 20px;
    line-height: 24px;
  }
}
.BLocationTabsMirror_description__4Rct3 {
  margin: 0;
  color: #575C6B;
  white-space: pre-line;
}
@media (min-width: 1440px) {
  .BLocationTabsMirror_description__4Rct3 {
    max-width: 535px;
  }
}

.BLocationTabsMirror_text__OhidK > * {
  max-width: 100%;
}

.BLocationTabsMirror_map__TOmwy {
  position: relative;
  width: 100%;
  height: 380px;
  border-radius: 12px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .BLocationTabsMirror_map__TOmwy {
    height: 516px;
  }
}
@media (min-width: 1440px) {
  .BLocationTabsMirror_map__TOmwy {
    height: 756px;
  }
}

.BLocationTabsMirror_mapFullscreen__HIRAS {
  position: fixed;
  inset: 0;
  z-index: 111;
  width: 100%;
  height: 100%;
  border-radius: 0;
  background: #f4f5f6;
}
.BLocationTabsMirror_mapFullscreen__HIRAS .BLocationTabsMirror_controls__DowoF {
  top: 24px;
  right: 24px;
  bottom: 24px;
}

.BLocationTabsMirror_mapLive__q8LZh {
  position: absolute;
  inset: 0;
}
.BLocationTabsMirror_mapLive__q8LZh ymaps3x0--map {
  width: 100%;
  height: 100%;
}

.BLocationTabsMirror_pinLive___XPg7 {
  position: relative;
  display: block;
  transform: translate(-50%, -50%);
}

.BLocationTabsMirror_mapLayer__zrsNZ {
  position: absolute;
  inset: 0;
  transform-origin: center;
  transition: transform 0.2s ease;
}

.BLocationTabsMirror_mapFullscreen__HIRAS .BLocationTabsMirror_mapLayer__zrsNZ {
  inset: 0 auto;
  left: 50%;
  height: 100%;
  aspect-ratio: 685/756;
  transform-origin: center;
  translate: -50% 0;
}

.BLocationTabsMirror_mapImage__PeSc6 {
  object-fit: cover;
}

.BLocationTabsMirror_pin__2Wt0J {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
}
@media (min-width: 1024px) {
  .BLocationTabsMirror_pin__2Wt0J {
    width: 40px;
    height: 40px;
  }
}

.BLocationTabsMirror_pinIcon__zSXDx {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.BLocationTabsMirror_filters__Q3pHX {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 319px;
  max-width: calc(100% - 24px);
  max-height: calc(100% - 24px);
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  background: #f4f5f6;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .BLocationTabsMirror_filters__Q3pHX {
    top: 16px;
    left: 16px;
    width: auto;
    max-height: 329px;
  }
}

.BLocationTabsMirror_filtersToggle__0TJaD {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: none;
  height: 36px;
  padding: 0 16px 0 16px;
  border: 0;
  background: none;
  color: #141416;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .BLocationTabsMirror_filtersToggle__0TJaD {
    height: 48px;
    min-width: 141px;
    padding: 0 24px;
    font-size: 16px;
    line-height: 24px;
  }
}

.BLocationTabsMirror_filtersOpen__MpRQ0 .BLocationTabsMirror_filtersToggle__0TJaD {
  justify-content: space-between;
  background: #ffffff;
  padding-right: 8px;
}
@media (min-width: 1024px) {
  .BLocationTabsMirror_filtersOpen__MpRQ0 .BLocationTabsMirror_filtersToggle__0TJaD {
    width: 269px;
    padding-right: 8px;
  }
}
.BLocationTabsMirror_filtersOpen__MpRQ0 .BLocationTabsMirror_filtersChevron__URQaS {
  transform: rotate(90deg);
}

.BLocationTabsMirror_filtersChevron__URQaS {
  flex: none;
  width: 20px;
  height: 20px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 5l7 7-7 7' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 5l7 7-7 7' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
  transition: transform 0.2s ease;
}
@media (min-width: 1024px) {
  .BLocationTabsMirror_filtersChevron__URQaS {
    width: 24px;
    height: 24px;
  }
}

.BLocationTabsMirror_filtersList__EV8dW {
  margin: 0;
  padding: 0 8px 8px;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
  overflow-y: auto;
}
@media (min-width: 1024px) {
  .BLocationTabsMirror_filtersList__EV8dW {
    padding: 8px 8px 8px;
  }
}

.BLocationTabsMirror_filtersItem__jfrPk {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 8px;
  background: none;
  color: #141416;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .BLocationTabsMirror_filtersItem__jfrPk {
    height: 48px;
    width: 237px;
    padding: 0 24px;
    font-size: 16px;
    line-height: 24px;
  }
}

.BLocationTabsMirror_filtersItemActive__EBx_U {
  background: #ffffff;
}

.BLocationTabsMirror_filtersIcon__TzGFD {
  flex: none;
  width: 20px;
  height: 20px;
  color: currentColor;
}
@media (min-width: 1024px) {
  .BLocationTabsMirror_filtersIcon__TzGFD {
    width: 24px;
    height: 24px;
  }
}

.BLocationTabsMirror_controls__DowoF {
  position: absolute;
  top: 12px;
  right: 12px;
  bottom: 12px;
  width: 32px;
}
@media (min-width: 1024px) {
  .BLocationTabsMirror_controls__DowoF {
    top: 16px;
    right: 16px;
    bottom: 16px;
    width: 48px;
  }
}

.BLocationTabsMirror_zoom__jzZYK {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.BLocationTabsMirror_zoom__jzZYK {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 6px 0;
  border-radius: 24px;
  background: #ffffff;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .BLocationTabsMirror_zoom__jzZYK {
    gap: 2px;
    padding: 10px 0;
  }
}

.BLocationTabsMirror_control__p_6Gh {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 24px;
  background: #ffffff;
  color: #141416;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}
.BLocationTabsMirror_control__p_6Gh svg {
  width: 16px;
  height: 16px;
}
@media (min-width: 1024px) {
  .BLocationTabsMirror_control__p_6Gh {
    width: 48px;
    height: 48px;
  }
  .BLocationTabsMirror_control__p_6Gh svg {
    width: 20px;
    height: 20px;
  }
}

.BLocationTabsMirror_control__p_6Gh:disabled {
  opacity: 0.4;
  cursor: default;
}

.BLocationTabsMirror_zoom__jzZYK .BLocationTabsMirror_control__p_6Gh {
  width: 24px;
  height: 24px;
  border-radius: 24px;
}
@media (min-width: 1024px) {
  .BLocationTabsMirror_zoom__jzZYK .BLocationTabsMirror_control__p_6Gh {
    width: 32px;
    height: 32px;
  }
}

.BLocationTabsMirror_planModal__kwWm9 {
  position: fixed;
  inset: 0;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  background: rgba(20, 20, 22, 0.92);
  cursor: zoom-out;
}
@media (max-width: 1023.98px) {
  .BLocationTabsMirror_planModal__kwWm9 {
    padding: 16px;
  }
}

.BLocationTabsMirror_planImage__avz4M {
  position: relative !important;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.BLocationTabsMirror_planClose__lySte {
  position: absolute;
  top: 32px;
  right: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #ffffff;
  color: #141416;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}
@media (max-width: 1023.98px) {
  .BLocationTabsMirror_planClose__lySte {
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/CForm/styles.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_form__py_jl {
  background: rgb(244, 245, 246);
  border-radius: 12px;
}
.styles_form__py_jl a {
  text-decoration: underline;
  color: #b1b5c3;
}
.styles_form__py_jl .styles_title__AooCy {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.01em;
  text-align: center;
  color: rgb(20, 20, 22);
}
.styles_form__py_jl .styles_subTitle__TMe2e {
  margin-bottom: 32px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  color: #b1b5c3;
}
.styles_form__py_jl .styles_phoneBtn__fx6DC {
  margin-bottom: 32px;
}
.styles_form__py_jl .styles_fieldsWrapper___kx46 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.styles_form__py_jl .styles_btn__HoN9Z {
  width: 100%;
  min-width: 250px;
}
.styles_form__py_jl .styles_inp__n5hR7 {
  width: 100%;
  min-width: 250px;
}
.styles_form__py_jl .styles_checkbox__3fSl5 {
  border-top: solid 2px white;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: rgb(119, 126, 144);
  padding: 32px;
}
.styles_form__py_jl .styles_topForm__TfsXG {
  padding: 48px 32px 32px;
}
.styles_form__py_jl .styles_checkboxMobileValue__EI54x {
  border: none;
  padding: 0 32px 32px;
}
.styles_form__py_jl .styles_policy__0a9ft {
  font-size: 10px;
  line-height: 12px;
}

.styles_inp__n5hR7.styles_phone__CXsi2 input::placeholder {
  letter-spacing: 0;
}

.styles_checkboxesWrapper__eYi7x {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 1055px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .styles_checkboxesWrapper__eYi7x {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px 32px;
  }
}
.styles_checkboxesWrapper__eYi7x .styles_linkPolicy__gyHGx {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  color: #141416;
  text-decoration: none;
  width: max-content;
  border-bottom: 1px solid;
}
@media (min-width: 1024px) {
  .styles_checkboxesWrapper__eYi7x .styles_linkPolicy__gyHGx {
    font-size: 12px;
    line-height: 16px;
  }
}

.styles_isRise__vkWFD .styles_fieldsWrapper___kx46 .styles_name__DduF9 {
  order: 1;
}
.styles_isRise__vkWFD .styles_fieldsWrapper___kx46 .styles_phone__CXsi2 {
  order: 2;
}

.styles_formDark__cj5Zl {
  background: #141416;
}
.styles_formDark__cj5Zl .styles_title__AooCy {
  margin-bottom: 32px;
  color: #ffffff;
}
.styles_formDark__cj5Zl .styles_checkbox__3fSl5 {
  border-top: solid 1px #353945;
}

.styles_formJoint__S0K7i {
  padding: 32px 0 0 0;
}
.styles_formJoint__S0K7i .styles_title__AooCy {
  margin: 0;
}
.styles_formJoint__S0K7i .styles_subTitle__TMe2e {
  margin: 0;
}
.styles_formJoint__S0K7i .styles_topForm__TfsXG {
  padding: 0;
}
.styles_formJoint__S0K7i .styles_fieldsWrapper___kx46 {
  gap: 24px;
}
.styles_formJoint__S0K7i .styles_checkbox__3fSl5 {
  border-top: unset;
  padding: 0;
}
.styles_formJoint__S0K7i .styles_checkboxDesktopJoint__Gr40Z {
  display: none;
}

.styles_formFlex__3_rt9 {
  padding: 24px;
}
.styles_formFlex__3_rt9 .styles_checkboxTabletFlex__GT3Yh {
  display: none;
}

.styles_formOnlyField__PpseW {
  padding: 0;
  background: unset;
}
.styles_formOnlyField__PpseW .styles_title__AooCy {
  display: none;
  margin: 0;
}
.styles_formOnlyField__PpseW .styles_subTitle__TMe2e {
  display: none;
  margin: 0;
}
.styles_formOnlyField__PpseW .styles_topForm__TfsXG {
  padding: 0;
}
.styles_formOnlyField__PpseW .styles_fieldsWrapper___kx46 {
  gap: 24px;
}
.styles_formOnlyField__PpseW .styles_checkbox__3fSl5 {
  font-size: 14px;
  line-height: 20px;
  border-top: unset;
  padding: 24px 0 0 0;
  color: #b1b5c3;
}
.styles_formOnlyField__PpseW .styles_checkboxDesktopJoint__Gr40Z {
  display: none;
}
.styles_formOnlyField__PpseW .styles_btn__HoN9Z {
  display: none;
}

.styles_formAbsolute__l8eo3 {
  padding: 0 16px;
  background: unset;
}
.styles_formAbsolute__l8eo3 .styles_title__AooCy {
  display: none;
  margin: 0;
}
.styles_formAbsolute__l8eo3 .styles_subTitle__TMe2e {
  display: none;
  margin: 0;
}
.styles_formAbsolute__l8eo3 .styles_topForm__TfsXG {
  padding: 0;
}
.styles_formAbsolute__l8eo3 .styles_fieldsWrapper___kx46 {
  gap: 24px;
}
.styles_formAbsolute__l8eo3 .styles_checkbox__3fSl5 {
  font-size: 14px;
  line-height: 20px;
  border-top: unset;
  padding: 24px 0 0 0;
  color: #b1b5c3;
}
.styles_formAbsolute__l8eo3 .styles_checkboxDesktopJoint__Gr40Z {
  display: none;
}
.styles_formAbsolute__l8eo3 .styles_btn__HoN9Z {
  display: none;
}
.styles_formAbsolute__l8eo3 .styles_absoluteBtn__SMPlt {
  display: flex;
  margin: 32px 0 0 0;
}

.styles_absoluteBtnHide__K3kFy {
  display: none;
}

.styles_widgetForm__n3rBJ {
  padding: 0 24px;
}
.styles_widgetForm__n3rBJ .styles_inp__n5hR7 input {
  padding: 10px 16px;
}
.styles_widgetForm__n3rBJ .styles_btn__HoN9Z button {
  min-height: 40px;
  padding: 10px 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.styles_widgetForm__n3rBJ .styles_absoluteBtn__SMPlt {
  margin: 24px 0 0 0;
}

@media (min-width: 1024px) {
  .styles_form__py_jl .styles_title__AooCy {
    margin-bottom: 24px;
    font-size: 40px;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: -0.01em;
  }
  .styles_form__py_jl .styles_subTitle__TMe2e {
    margin-bottom: 48px;
    font-size: 20px;
    line-height: 32px;
  }
  .styles_form__py_jl .styles_phoneBtn__fx6DC {
    display: none;
  }
  .styles_form__py_jl .styles_btn__HoN9Z {
    max-width: 335px;
  }
  .styles_form__py_jl .styles_inp__n5hR7 {
    max-width: 335px;
  }
  .styles_form__py_jl .styles_fieldsWrapper___kx46 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: center;
  }
  .styles_form__py_jl .styles_checkbox__3fSl5 {
    display: flex;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .styles_form__py_jl .styles_topForm__TfsXG {
    padding: 64px 80px 40px;
  }
  .styles_form__py_jl .styles_checkboxMobileValue__EI54x {
    border: none;
    padding: 0 32px 32px;
  }
  .styles_formDark__cj5Zl .styles_title__AooCy {
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
  }
  .styles_formDark__cj5Zl .styles_subTitle__TMe2e {
    margin-bottom: 64px;
    font-size: 16px;
    line-height: 24px;
  }
  .styles_formDark__cj5Zl .styles_checkboxDesktop__34yO8 {
    border: unset;
    padding: 24px 0 0 0;
  }
  .styles_formDark__cj5Zl .styles_topForm__TfsXG .styles_btn__HoN9Z {
    max-width: unset;
  }
  .styles_formDark__cj5Zl .styles_topForm__TfsXG .styles_inp__n5hR7 {
    max-width: unset;
  }
  .styles_formJoint__S0K7i .styles_checkboxMobileJoint__GHrqt {
    display: none;
  }
  .styles_formJoint__S0K7i .styles_title__AooCy {
    margin: 0;
  }
  .styles_formJoint__S0K7i .styles_subTitle__TMe2e {
    margin: 0;
  }
  .styles_formJoint__S0K7i .styles_topForm__TfsXG {
    padding: 0;
  }
  .styles_formJoint__S0K7i .styles_topForm__TfsXG .styles_btn__HoN9Z {
    max-width: unset;
  }
  .styles_formJoint__S0K7i .styles_topForm__TfsXG .styles_inp__n5hR7 {
    max-width: unset;
  }
  .styles_formJoint__S0K7i .styles_checkbox__3fSl5 {
    border-top: unset;
    padding: 24px;
  }
  .styles_formJoint__S0K7i .styles_checkboxDesktopJoint__Gr40Z {
    display: flex;
  }
  .styles_formFlex__3_rt9 {
    padding: 32px 32px 8px 32px;
  }
  .styles_formFlex__3_rt9 .styles_checkboxTabletFlex__GT3Yh {
    display: flex;
  }
  .styles_formOnlyField__PpseW {
    padding: 0;
    background: unset;
  }
  .styles_formOnlyField__PpseW .styles_title__AooCy {
    display: none;
    margin: 0;
  }
  .styles_formOnlyField__PpseW .styles_subTitle__TMe2e {
    display: none;
    margin: 0;
  }
  .styles_formOnlyField__PpseW .styles_topForm__TfsXG {
    padding: 0;
  }
  .styles_formOnlyField__PpseW .styles_fieldsWrapper___kx46 {
    flex-direction: column;
    gap: 24px;
  }
  .styles_formOnlyField__PpseW .styles_checkbox__3fSl5 {
    font-size: 14px;
    line-height: 20px;
    border-top: unset;
    padding: 24px 0 0 0;
    color: #b1b5c3;
  }
  .styles_formOnlyField__PpseW .styles_checkboxDesktopJoint__Gr40Z {
    display: none;
  }
  .styles_formOnlyField__PpseW .styles_btn__HoN9Z {
    display: none;
  }
  .styles_formAbsolute__l8eo3 {
    padding: 0;
  }
  .styles_formAbsolute__l8eo3 .styles_title__AooCy {
    display: none;
    margin: 0;
  }
  .styles_formAbsolute__l8eo3 .styles_subTitle__TMe2e {
    display: none;
    margin: 0;
  }
  .styles_formAbsolute__l8eo3 .styles_topForm__TfsXG {
    padding: 24px;
    border-radius: 20px;
    background: #ffffff;
  }
  .styles_formAbsolute__l8eo3 .styles_fieldsWrapper___kx46 {
    gap: 24px;
  }
  .styles_formAbsolute__l8eo3 .styles_checkbox__3fSl5 {
    font-size: 12px;
    line-height: 16px;
    border-top: unset;
    padding: 30px 0 0 0;
    color: #b1b5c3;
  }
  .styles_formAbsolute__l8eo3 .styles_checkboxDesktopJoint__Gr40Z {
    display: none;
  }
  .styles_formAbsolute__l8eo3 .styles_btn__HoN9Z {
    display: flex;
    flex: 1 1;
    max-width: unset;
  }
  .styles_formAbsolute__l8eo3 .styles_absoluteBtn__SMPlt {
    display: none;
  }
  .styles_formAbsolute__l8eo3 .styles_inp__n5hR7 {
    flex: 1 1;
    max-width: unset;
  }
  .styles_widgetForm__n3rBJ .styles_topForm__TfsXG {
    padding: 24px;
  }
  .styles_widgetForm__n3rBJ .styles_checkbox__3fSl5 {
    padding-top: 0;
    padding-bottom: 24px;
  }
  .styles_widgetForm__n3rBJ .styles_inp__n5hR7 {
    min-width: 293px;
  }
}
@media (min-width: 1440px) {
  .styles_form__py_jl .styles_smallInp__L8bLn {
    min-width: 237px;
    max-width: 237px;
  }
  .styles_form__py_jl .styles_smallBtn__GJy_n {
    min-width: 237px;
    max-width: 237px;
  }
  .styles_form__py_jl .styles_topForm__TfsXG {
    padding: 64px 80px 40px;
  }
  .styles_formJoint__S0K7i {
    padding: 40px 0 0 0;
  }
  .styles_formJoint__S0K7i .styles_topForm__TfsXG {
    padding: 0;
  }
  .styles_formJoint__S0K7i .styles_topForm__TfsXG .styles_btn__HoN9Z {
    max-width: 274px;
  }
  .styles_formJoint__S0K7i .styles_topForm__TfsXG .styles_inp__n5hR7 {
    max-width: 274px;
  }
  .styles_formJoint__S0K7i .styles_checkbox__3fSl5 {
    padding: 32px;
  }
  .styles_formFlex__3_rt9 {
    padding: 40px;
  }
  .styles_formFlex__3_rt9 .styles_topForm__TfsXG .styles_btn__HoN9Z {
    max-width: 302px;
    margin-left: auto;
  }
  .styles_formFlex__3_rt9 .styles_topForm__TfsXG .styles_inp__n5hR7 {
    max-width: 302px;
  }
  .styles_formFlex__3_rt9 .styles_checkboxDesktopFlex__K0aYN {
    width: 280px;
    display: flex;
    padding: 0;
  }
  .styles_formFlex__3_rt9 .styles_checkboxTabletFlex__GT3Yh {
    display: none;
  }
  .styles_formOnlyField__PpseW {
    padding: 0;
    background: unset;
  }
  .styles_formOnlyField__PpseW .styles_title__AooCy {
    display: none;
    margin: 0;
  }
  .styles_formOnlyField__PpseW .styles_btn__HoN9Z {
    max-width: unset;
  }
  .styles_formOnlyField__PpseW .styles_inp__n5hR7 {
    max-width: unset;
  }
  .styles_formOnlyField__PpseW .styles_subTitle__TMe2e {
    display: none;
    margin: 0;
  }
  .styles_formOnlyField__PpseW .styles_topForm__TfsXG {
    padding: 0;
  }
  .styles_formOnlyField__PpseW .styles_fieldsWrapper___kx46 {
    flex-direction: column;
    gap: 24px;
  }
  .styles_formOnlyField__PpseW .styles_checkbox__3fSl5 {
    font-size: 14px;
    line-height: 20px;
    border-top: unset;
    padding: 24px 0 0 0;
    color: #b1b5c3;
  }
  .styles_formOnlyField__PpseW .styles_checkboxDesktopJoint__Gr40Z {
    display: none;
  }
  .styles_formOnlyField__PpseW .styles_btn__HoN9Z {
    display: none;
  }
  .styles_formAbsolute__l8eo3 {
    padding: 0;
  }
  .styles_formAbsolute__l8eo3 .styles_title__AooCy {
    display: none;
    margin: 0;
  }
  .styles_formAbsolute__l8eo3 .styles_subTitle__TMe2e {
    display: none;
    margin: 0;
  }
  .styles_formAbsolute__l8eo3 .styles_topForm__TfsXG {
    padding: 32px;
    border-radius: 20px;
    background: #ffffff;
  }
  .styles_formAbsolute__l8eo3 .styles_fieldsWrapper___kx46 {
    gap: 24px;
  }
  .styles_formAbsolute__l8eo3 .styles_checkbox__3fSl5 {
    font-size: 12px;
    line-height: 16px;
    border-top: unset;
    padding: 24px 0 0 0;
    color: #b1b5c3;
  }
  .styles_formAbsolute__l8eo3 .styles_checkboxDesktopJoint__Gr40Z {
    display: none;
  }
  .styles_formAbsolute__l8eo3 .styles_btn__HoN9Z {
    display: flex;
    flex: 1 1;
    max-width: unset;
  }
  .styles_formAbsolute__l8eo3 .styles_absoluteBtn__SMPlt {
    display: none;
  }
  .styles_formAbsolute__l8eo3 .styles_inp__n5hR7 {
    flex: 1 1;
    max-width: unset;
  }
  .styles_widgetForm__n3rBJ .styles_topForm__TfsXG {
    padding: 24px;
  }
  .styles_widgetForm__n3rBJ .styles_inp__n5hR7 {
    min-width: 310px;
  }
  .styles_widgetForm__n3rBJ .styles_checkbox__3fSl5 {
    padding-top: 0;
    padding-bottom: 24px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/domProjectPageV3/components/BDomPurchase/components/BPurchaseForm/BPurchaseForm.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BPurchaseForm_topForm__SDWBZ {
  padding: 0 !important;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .BPurchaseForm_topForm__SDWBZ {
    margin-inline: auto;
    max-width: 1055px;
  }
}

.BPurchaseForm_fieldsWrapper__S4y72 {
  gap: 12px !important;
}

@media (min-width: 1024px) {
  .BPurchaseForm_phone__F8wzY,
  .BPurchaseForm_name__5OGIB,
  .BPurchaseForm_btn__grKE9 {
    max-width: unset !important;
    min-width: unset !important;
  }
  .BPurchaseForm_phone__F8wzY,
  .BPurchaseForm_name__5OGIB {
    width: 25% !important;
  }
  .BPurchaseForm_btn__grKE9 {
    width: 50% !important;
  }
}
.BPurchaseForm_checkbox__ebVx0 {
  padding: 0 !important;
  border: none !important;
}

.BPurchaseForm_policyText__fhuec {
  font-size: 12px !important;
  line-height: 16px !important;
  color: #353945;
}
.BPurchaseForm_policyText__fhuec > a {
  color: #353945;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/domProjectPageV3/components/BDomPurchase/components/SlideContent/SlideContent.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SlideContent_programLabel__X3NjN {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.SlideContent_programLabel__X3NjN input {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
@media (min-width: 1024px) {
  .SlideContent_programLabel__X3NjN {
    position: relative;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: wrap;
    min-height: 83px;
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 1440px) {
  .SlideContent_programLabel__X3NjN {
    min-height: 110px;
  }
}

.SlideContent_programCheckable__FTDM0 {
  cursor: pointer;
}

.SlideContent_newMark__seZfR {
  position: absolute;
  top: 0;
  left: 16px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: 4px;
  padding-block: 4px;
  padding-inline: 12px 16px;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
  background-color: #015ff9;
  border-radius: 999px;
}
@media (min-width: 1024px) {
  .SlideContent_newMark__seZfR {
    left: 24px;
  }
}

.SlideContent_profitMark__hbSUQ {
  position: absolute;
  top: -1px;
  right: 0;
  padding: 4px 12px;
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
  text-transform: capitalize;
  white-space: nowrap;
  color: #ffffff;
  background-color: #034ac0;
  border-radius: 0 0 8px 8px;
}
@media (min-width: 1024px) {
  .SlideContent_profitMark__hbSUQ {
    right: 50%;
    transform: translateX(50%);
    padding: 2px 16px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
  }
}

.SlideContent_title__6DqoF {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .SlideContent_title__6DqoF {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding-inline: 32px 16px;
    min-width: 230px;
  }
}
@media (min-width: 1440px) {
  .SlideContent_title__6DqoF {
    min-width: 340px;
    font-size: 16px;
    line-height: 24px;
    padding-left: 24px;
  }
}

.SlideContent_mobileLongTitle__e_hvh {
  min-height: 48px;
}

.SlideContent_conditionList__tOmHE {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}
@media (min-width: 1024px) {
  .SlideContent_conditionList__tOmHE {
    flex-direction: row;
    flex: 1 1;
    margin: 0;
  }
}

.SlideContent_conditionTitle__np_8z {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  color: #777e90;
}
@media (min-width: 1024px) {
  .SlideContent_conditionTitle__np_8z {
    display: none;
  }
}

.SlideContent_conditionItem__s4s5_ {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding-block: 12px 11px;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.SlideContent_conditionItem__s4s5_:not(:last-child) {
  border-bottom: 1px solid #e6e8ec;
}
@media (min-width: 1024px) {
  .SlideContent_conditionItem__s4s5_ {
    padding: 8px;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-left: 1px solid #e6e8ec;
  }
  .SlideContent_conditionItem__s4s5_:not(:last-child) {
    border-bottom: unset;
  }
}
@media (min-width: 1440px) {
  .SlideContent_conditionItem__s4s5_ {
    padding-inline: 24px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
  }
}

.SlideContent_pseudoBtn__62_gr {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  border-radius: 48px;
  border: 1px solid transparent;
  background: #f4f5f6;
}
.SlideContent_pseudoBtn-clean__yYaWq {
  border-color: #141416;
  background: #ffffff;
}

.SlideContent_pseudoBtnWrapper__5JrS5 {
  padding-top: 24px;
  margin-top: auto;
}
@media (min-width: 1024px) {
  .SlideContent_pseudoBtnWrapper__5JrS5 {
    display: none;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/domProjectPageV3/components/BDomPurchase/components/ProgramList/ProgramList.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProgramList_swiper__ev670 {
  display: flex;
  padding-top: 24px;
  width: 100%;
}
@media (min-width: 1024px) {
  .ProgramList_swiper__ev670 {
    display: none;
  }
}

.ProgramList_soloSwiper__Cb08X {
  width: calc(100% - 48px);
}

.ProgramList_desktopList__Jm80L {
  display: none;
}
@media (min-width: 1024px) {
  .ProgramList_desktopList__Jm80L {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}

.ProgramList_slide__g1gS3 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px 16px 12px;
  height: auto;
  width: 65.068vw;
  border-radius: 16px;
  outline: 1px solid transparent;
  outline-offset: -1px;
  background: #ffffff;
}
@media (min-width: 1024px) {
  .ProgramList_slide__g1gS3 {
    flex-direction: row;
    align-items: stretch;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
    max-width: 100%;
    outline-offset: 0;
  }
}
.ProgramList_slide__g1gS3:has(input:checked) {
  outline-color: #015ff9;
}

.ProgramList_soloSlide__f8a9S {
  width: 100%;
}

.ProgramList_pagination__voEKs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 18px;
}
@media (min-width: 1024px) {
  .ProgramList_pagination__voEKs {
    display: none;
  }
}

.ProgramList_paginationBullet__cMdFd {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #b1b5c3;
}

.ProgramList_paginationBulletActive__nfXnA {
  width: 26px;
  background: #141416;
}

.ProgramList_paginationHide__liB5O {
  display: none;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/domProjectPageV3/components/BDomPurchase/BDomPurchase.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BDomPurchase_root__TZT3G {
  gap: 32px;
}
@media (min-width: 1024px) {
  .BDomPurchase_root__TZT3G {
    gap: 48px;
  }
}

.BDomPurchase_wrapper__FKFsW {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 32px;
  border-radius: 12px;
  background: #f4f5f6;
}
@media (min-width: 1024px) {
  .BDomPurchase_wrapper__FKFsW {
    gap: 40px;
    padding: 40px;
  }
}

.BDomPurchase_sliderWrapper__7yJFa {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.BDomPurchase_formWrapper__rc4gS {
  padding: 0 20px;
}
@media (min-width: 1024px) {
  .BDomPurchase_formWrapper__rc4gS {
    padding: 0;
  }
}

.BDomPurchase_fixConditionList__CYMxG {
  display: none;
}
@media (min-width: 1024px) {
  .BDomPurchase_fixConditionList__CYMxG {
    display: flex;
    width: 100%;
  }
}

.BDomPurchase_fixConditionItem__PSV2M {
  flex: 1 1;
  font-size: 14px;
  line-height: 20px;
  padding-inline: 8px;
  text-align: center;
  color: #b1b5c3;
}
.BDomPurchase_fixConditionItem__PSV2M:first-child {
  padding-left: 32px;
  min-width: 230px;
  text-align: start;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/mirrorLanding/components/BProjectTeamMirror/BProjectTeamMirror.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BProjectTeamMirror_root__CiEd0 {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1024px) {
  .BProjectTeamMirror_root__CiEd0 {
    gap: 60px;
  }
}

.BProjectTeamMirror_heading__ms5Vd {
  text-align: center;
}

.BProjectTeamMirror_title__trlTv {
  margin: 0;
}

.BProjectTeamMirror_description__9uPIj {
  display: none;
}

.BProjectTeamMirror_cards__X2ItI {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: none;
}
.BProjectTeamMirror_cards__X2ItI::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1024px) {
  .BProjectTeamMirror_cards__X2ItI {
    gap: 16px;
  }
}
@media (min-width: 1440px) {
  .BProjectTeamMirror_cards__X2ItI {
    overflow-x: visible;
  }
}

.BProjectTeamMirror_card__047EK {
  display: flex;
  flex-direction: column;
  flex: 0 0 254px;
  width: 254px;
  height: 476px;
  border-radius: 12px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .BProjectTeamMirror_card__047EK {
    flex: 0 0 451px;
    width: 451px;
    height: 628px;
  }
}
@media (min-width: 1440px) {
  .BProjectTeamMirror_card__047EK {
    flex: 1 1;
    width: auto;
  }
}

.BProjectTeamMirror_cardText__VPLSH {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: none;
  padding: 16px;
  background: #ffffff;
}
@media (min-width: 1024px) {
  .BProjectTeamMirror_cardText__VPLSH {
    gap: 32px;
    padding: 32px;
  }
}

.BProjectTeamMirror_cardTitle__DL5XD {
  margin: 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  color: #141416;
  white-space: pre-line;
}
@media (min-width: 1024px) {
  .BProjectTeamMirror_cardTitle__DL5XD {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -0.64px;
  }
}

.BProjectTeamMirror_cardDescription__4XdiA {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: #575C6B;
}
@media (min-width: 1024px) {
  .BProjectTeamMirror_cardDescription__4XdiA {
    font-size: 16px;
    line-height: 24px;
  }
}

.BProjectTeamMirror_cardImage__I5JsY {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
}

.BProjectTeamMirror_image__4_ruF {
  object-fit: cover;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BSalesOfficeV3/BSalesOfficeV3.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BSalesOfficeV3_backdrop__aTWsw {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
}

.BSalesOfficeV3_backdropImage__b02Ia {
  object-fit: cover;
}

.BSalesOfficeV3_backdropOverlay__SEdRp {
  position: absolute;
  inset: 0;
  background: rgba(35, 38, 47, 0.5);
}

.BSalesOfficeV3_backdropContent__9abgx {
  position: relative;
  width: 100%;
  max-width: 1648px;
  margin: 0 auto;
  padding: 60px 16px;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .BSalesOfficeV3_backdropContent__9abgx {
    padding: 80px 40px;
  }
}
@media (min-width: 1440px) {
  .BSalesOfficeV3_backdropContent__9abgx {
    padding: 84px 24px;
  }
}
@media (min-width: 1648px) {
  .BSalesOfficeV3_backdropContent__9abgx {
    padding: 84px 40px;
  }
}

.BSalesOfficeV3_root__6CSrA {
  padding: 40px 16px;
}
@media (min-width: 1024px) {
  .BSalesOfficeV3_root__6CSrA {
    border-radius: 12px;
    padding: 40px;
  }
}

@media (max-width: 1023px) {
  .BSalesOfficeV3_root_withoutSidePadding__hYQ_D {
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px);
    padding: 40px 0 64px;
  }
}

@media (max-width: 1023px) {
  .BSalesOfficeV3_wrapper_withoutSidePadding__Dtm4n {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.BSalesOfficeV3_wrapper___6__Q {
  display: grid;
  grid-gap: 32px 24px;
  gap: 32px 24px;
  grid-template-columns: 1fr;
  min-height: 100%;
}
@media (min-width: 1024px) {
  .BSalesOfficeV3_wrapper___6__Q {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .BSalesOfficeV3_card__8bq5K {
    min-height: 534px;
  }
}
@media (min-width: 1440px) {
  .BSalesOfficeV3_card__8bq5K {
    min-height: 573px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BSalesOfficeV3/components/PrimaryCard/Address/Address.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Address_root__ssQG_ {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 768px) {
  .Address_root__ssQG_ {
    gap: 4px 12px;
  }
}
@media (min-width: 1024px) {
  .Address_root__ssQG_ {
    gap: 8px 16px;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
  }
}

.Address_address__ar3Ol {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}
@media (min-width: 1440px) {
  .Address_address__ar3Ol {
    font-size: 20px;
    line-height: 24px;
  }
}

.Address_buttonText__w3qnG {
  display: flex;
  align-items: center;
  gap: 0 2px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #015ff9;
}
@media (min-width: 1440px) {
  .Address_buttonText__w3qnG {
    font-size: 20px;
    line-height: 24px;
  }
}
.Address_buttonText__w3qnG:hover {
  color: #024ac0;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BSalesOfficeV3/components/PrimaryCard/Contacts/Contacts.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Contacts_root__a5M9V {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}
@media (min-width: 1024px) {
  .Contacts_root__a5M9V {
    gap: 24px 0;
  }
}

.Contacts_content__xTJMx {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr;
  grid-gap: 4px;
  gap: 4px;
}
@media (min-width: 1280px) {
  .Contacts_content__xTJMx {
    grid-template-columns: repeat(2, 1fr);
  }
}

.Contacts_phone__JzD6q {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: inherit;
}
.Contacts_phone__JzD6q:hover {
  opacity: 0.7;
}
@media (min-width: 1440px) {
  .Contacts_phone__JzD6q {
    font-size: 24px;
    line-height: 32px;
  }
}

.Contacts_time__lMChj {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
@media (min-width: 1440px) {
  .Contacts_time__lMChj {
    font-size: 24px;
    line-height: 32px;
  }
}

.Contacts_media__9r5zG {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  height: 188px;
}
@media (min-width: 1440px) {
  .Contacts_media__9r5zG {
    height: 200px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BSalesOfficeV3/components/PrimaryCard/PrimaryCard.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PrimaryCard_root__CgiOd {
  border-radius: 12px;
  background-color: #ffffff;
  gap: 20px 0;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
}
@media (min-width: 1440px) {
  .PrimaryCard_root__CgiOd {
    padding: 40px;
  }
}

.PrimaryCard_heading___eHQ9 {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
  gap: 8px 0;
}
@media (min-width: 1440px) {
  .PrimaryCard_heading___eHQ9 {
    gap: 20px 0;
    margin-bottom: 73px;
  }
}

.PrimaryCard_title__GqNr_ {
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
  text-wrap: balance;
}
@media (min-width: 1024px) {
  .PrimaryCard_title__GqNr_ {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 1440px) {
  .PrimaryCard_title__GqNr_ {
    font-size: 40px;
    line-height: 40px;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BSalesOfficeV3/components/PrimaryCard/Actions/SelectOfficeModal/SelectOfficeModal.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SelectOfficeModal_root__eeVNt {
  z-index: 3000;
}

.SelectOfficeModal_modalBody__3w4jo {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  max-height: 100dvh;
  padding: 16px 0;
}
@media (min-width: 1024px) {
  .SelectOfficeModal_modalBody__3w4jo {
    border-radius: 24px;
    padding: 40px 0;
    width: 480px;
    max-height: calc(100vh - 40px);
    max-height: calc(100dvh - 40px);
    height: 600px;
  }
}

.SelectOfficeModal_closeBtn__hPmbv {
  position: absolute;
  top: 24px;
  right: 24px;
  padding: 0;
  background: transparent;
  color: #141416;
}
.SelectOfficeModal_closeBtn__hPmbv :hover {
  opacity: 0.7;
}

.SelectOfficeModal_body__nRHwG {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
  min-height: 0;
  flex: 1 1;
}

.SelectOfficeModal_heading__tJ_Eb {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px 0;
  padding: 0 16px;
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .SelectOfficeModal_heading__tJ_Eb {
    padding: 0 40px;
  }
}

.SelectOfficeModal_title__QNRxI {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .SelectOfficeModal_title__QNRxI {
    font-size: 32px;
    line-height: 32px;
  }
}

.SelectOfficeModal_description__M0gZo {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}

.SelectOfficeModal_form__pe2LQ {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1 1;
}

.SelectOfficeModal_formBody__LEMEn {
  flex: 1 1;
  min-height: 0;
  overflow-y: auto;
  padding: 8px 16px 0;
}
@media (min-width: 1024px) {
  .SelectOfficeModal_formBody__LEMEn {
    padding: 8px 40px 0;
  }
}

.SelectOfficeModal_actions__vPMWb {
  flex-shrink: 0;
  padding: 16px 16px 0;
}
@media (min-width: 1024px) {
  .SelectOfficeModal_actions__vPMWb {
    padding: 16px 40px 0;
  }
}
.SelectOfficeModal_actions__vPMWb {
  border-top: 1px solid #f4f5f6;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BSalesOfficeV3/components/PrimaryCard/Actions/SelectOfficeModal/AddressList/AddressItem/AddressItem.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AddressItem_title__0l53y {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0;
}

.AddressItem_description__ZKGT1 {
  display: flex;
  flex-wrap: wrap;
  gap: 0 12px;
  color: #777e90;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  margin-top: 4px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BSalesOfficeV3/components/PrimaryCard/Actions/Actions.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Actions_root__MvwGO {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  margin-top: 12px;
  grid-template-columns: 1fr;
}
@media (min-width: 1280px) {
  .Actions_root__MvwGO {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1280px) {
  .Actions_root_single__5qtfD {
    grid-template-columns: 1fr;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/MediaButton/MediaButton.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MediaButton_button__lAazs {
  border: none;
  padding: 0;
  background: transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  height: 32px;
  color: inherit;
  text-decoration: none;
}
@media (hover: hover) {
  .MediaButton_button__lAazs:hover .MediaButton_circle__5x8_W {
    background-color: #353945;
  }
  .MediaButton_button__lAazs:hover .MediaButton_circle__5x8_W.MediaButton_circle_light__1O8MZ {
    background-color: #f4f5f6;
  }
  .MediaButton_button__lAazs:hover .MediaButton_label__Ulpeq {
    color: #353945;
  }
}
@media (hover: none) {
  .MediaButton_button__lAazs:active .MediaButton_circle__5x8_W {
    background-color: #353945;
  }
  .MediaButton_button__lAazs:active .MediaButton_circle__5x8_W.MediaButton_circle_light__1O8MZ {
    background-color: #f4f5f6;
  }
  .MediaButton_button__lAazs:active .MediaButton_label__Ulpeq {
    color: #353945;
  }
}
.MediaButton_button_salesOffice__7BRd9 {
  gap: 12px;
}
.MediaButton_button_salesOffice__7BRd9 .MediaButton_label__Ulpeq {
  font-size: 20px;
  line-height: 24px;
}
@media (min-width: 1440px) {
  .MediaButton_button_salesOffice__7BRd9 {
    gap: 16px;
  }
  .MediaButton_button_salesOffice__7BRd9 .MediaButton_label__Ulpeq {
    font-size: 24px;
    line-height: 32px;
  }
}

.MediaButton_circle__5x8_W {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  box-sizing: border-box;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #141416;
  color: #ffffff;
  transition: background-color 0.2s ease-in-out;
}
.MediaButton_circle_video__S7_6w {
  padding: 10px 10px 10px 12px;
}
.MediaButton_circle_light__1O8MZ {
  background-color: #ffffff;
}

.MediaButton_icon__NudVp {
  display: block;
}

.MediaButton_label__Ulpeq {
  font-size: 24px;
  line-height: 32px;
  transition: color 0.2s ease-in-out;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/MediaButton/MediaButtonPanorama/MediaButtonPanorama.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MediaButtonPanorama_panoramaModal__ZCKkc {
  background: #141416;
  z-index: 3000;
}

.MediaButtonPanorama_panoramaModalBody__Xhd4Z {
  height: 100vh;
  width: 100vw;
  scrollbar-width: none;
}
@supports (height: 100dvh) {
  .MediaButtonPanorama_panoramaModalBody__Xhd4Z {
    height: 100dvh;
  }
}

.MediaButtonPanorama_panoramaIframe__PUw_0 {
  width: 100%;
  height: 100%;
  border: 0;
}

.MediaButtonPanorama_panoramaClose__JJBCa {
  position: absolute;
  top: 8px;
  right: 50%;
  transform: translateX(50%);
}
@media (min-width: 1024px) {
  .MediaButtonPanorama_panoramaClose__JJBCa {
    top: 16px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/MediaButton/MediaButtonVideo/MediaButtonVideo.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MediaButtonVideo_hiddenPlayer__oVuRu {
  position: absolute;
  width: 32px;
  height: 32px;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BSalesOfficeV3/components/SecondaryCard/SecondaryCard.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SecondaryCard_root__9SFTr {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  padding: 0;
  gap: 16px 0;
}
@media (min-width: 1024px) {
  .SecondaryCard_root__9SFTr {
    padding: 24px 38px 24px 0;
  }
}
@media (min-width: 1440px) {
  .SecondaryCard_root__9SFTr {
    padding: 24px 60px 24px 0;
  }
}

.SecondaryCard_content__lvkB8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px 0;
}

.SecondaryCard_slogan__UXasZ {
  font-weight: 500;
  font-size: 32px;
  line-height: 32px;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .SecondaryCard_slogan__UXasZ {
    font-size: 32px;
    line-height: 36px;
  }
}
@media (min-width: 1440px) {
  .SecondaryCard_slogan__UXasZ {
    font-size: 48px;
    line-height: 48px;
  }
}

.SecondaryCard_description__pIhLK {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .SecondaryCard_description__pIhLK {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
  }
}
@media (min-width: 1440px) {
  .SecondaryCard_description__pIhLK {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.02em;
  }
}

.SecondaryCard_videoBtn__MWAGf {
  order: 1;
}
@media (min-width: 768px) {
  .SecondaryCard_videoBtn__MWAGf {
    order: 0;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BArchitecturalBureau/BArchitecturalBureau.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BArchitecturalBureau_content__lrE_Z {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1024px) {
  .BArchitecturalBureau_content__lrE_Z {
    gap: 48px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BArchitecturalBureau/Info/Info.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Info_root__gxiY_ {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1024px) {
  .Info_root__gxiY_ {
    flex-direction: row;
    align-items: center;
    gap: 32px;
  }
}

.Info_image__wbpZf {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .Info_image__wbpZf {
    width: 120px;
    height: 120px;
  }
}

.Info_content__B3JL6 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 888px;
}
@media (min-width: 1024px) {
  .Info_content__B3JL6 {
    gap: 20px;
  }
}

.Info_title__1GZc4 {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
  color: #141416;
}
@media (min-width: 1024px) {
  .Info_title__1GZc4 {
    font-size: 32px;
    line-height: 1;
  }
}

.Info_description__8JXCM {
  font-size: 14px;
  line-height: 20px;
  color: #141416;
}
@media (min-width: 1024px) {
  .Info_description__8JXCM {
    font-size: 20px;
    line-height: 24px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BArchitecturalBureau/Content/Content.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Content_root__3U0mk {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 588px;
  transition: opacity 0.2s ease-in-out;
}
@media (min-width: 1024px) {
  .Content_root__3U0mk {
    min-height: 520px;
  }
}
@media (min-width: 1440px) {
  .Content_root__3U0mk {
    min-height: 512px;
  }
}
@media (min-width: 2048px) {
  .Content_root__3U0mk {
    min-height: 640px;
  }
}

.Content_header__Yp3fU {
  margin-bottom: 8px;
}

.Content_body__2pQrU {
  display: flex;
  gap: 48px;
}
@media (min-width: 1440px) {
  .Content_body__2pQrU {
    gap: 56px;
  }
}

.Content_sections__gb81C {
  width: 352px;
  flex-shrink: 0;
}
@media (min-width: 1440px) {
  .Content_sections__gb81C {
    width: 472px;
  }
}

.Content_slider__Vu4of {
  position: relative;
  flex: 1 1;
  min-width: 0;
  margin: 0 -16px;
  height: 444px;
}
@media (min-width: 1024px) {
  .Content_slider__Vu4of {
    margin: 0;
    width: auto;
    height: 520px;
  }
}
@media (min-width: 1440px) {
  .Content_slider__Vu4of {
    height: 512px;
  }
}
@media (min-width: 2048px) {
  .Content_slider__Vu4of {
    height: 640px;
  }
}
.Content_slider__appear__E1dlY {
  width: 100%;
  height: 100%;
}

.Content_description__9Rkp4 {
  font-size: 14px;
  line-height: 20px;
}

.Content_invisible__l73p3 {
  opacity: 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BArchitecturalBureau/Content/Sections/Section/Section.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Section_root__Q0w_r {
  display: flex;
  flex-direction: column;
  text-align: start;
  padding: 32px 0;
  background: transparent;
}

.Section_title__MTrl_ {
  font-size: 32px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #777e90;
  transition: color 0.2s ease-in-out;
}
.Section_active__6s_bL .Section_title__MTrl_ {
  color: #141416;
}

.Section_descriptionWrapper__d7gJh {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  margin-top: 0;
  transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, margin-top 0.2s ease-in-out;
}
.Section_descriptionWrapper_visible__XKisT {
  max-height: 500px;
  opacity: 1;
  margin-top: 24px;
}

.Section_description__RF_vs {
  font-size: 16px;
  line-height: 1.5;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BArchitecturalBureau/Content/Sections/Sections.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Sections_root__PGP2K {
  display: flex;
  flex-direction: column;
}

.Sections_section__mXcHm {
  border-top: 1px solid #e6e8ec;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/GalleryPagination/GalleryPagination.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.GalleryPagination_pagination__0NmHQ {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 12px;
  width: max-content;
  box-sizing: content-box;
  border-radius: 48px;
  background: rgba(35, 38, 47, 0.3);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

.GalleryPagination_paginationBullet__4EzcC {
  width: 6px;
  height: 6px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  cursor: pointer;
  flex-shrink: 0;
  transition: width 0.2s ease-in-out;
}
.GalleryPagination_paginationBullet_active__Ykhfm {
  width: var(--pagination-active-bullet-width, 26px);
  background: #ffffff;
  border-radius: 12px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/GalleryPagination/GalleryPaginationPositionWrapper/GalleryPaginationPositionWrapper.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.GalleryPaginationPositionWrapper_root__E_1YG {
  position: absolute;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  z-index: 2;
  pointer-events: auto;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BArchitecturalBureau/Content/ContentSlider/ContentSlider.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ContentSlider_root__CtJ0m {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .ContentSlider_root__CtJ0m {
    border-radius: 12px;
    overflow: hidden;
  }
}

.ContentSlider_swiper__ijRsI {
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .ContentSlider_swiper__ijRsI {
    border-radius: 12px;
  }
}

.ContentSlider_paginationWrap__ro2D0 {
  display: none;
}
@media (min-width: 1024px) {
  .ContentSlider_paginationWrap__ro2D0 {
    display: block;
  }
}

.ContentSlider_slide__SJe9b {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}

.ContentSlider_img__5np9h {
  object-fit: cover;
  pointer-events: none;
}

.ContentSlider_arrowsButtons__7P_9H {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: none;
  align-items: center;
  justify-content: space-between;
  padding: 24px 24px 42px;
  pointer-events: none;
}
@media (min-width: 1024px) {
  .ContentSlider_arrowsButtons__7P_9H {
    display: flex;
  }
}

.ContentSlider_arrowsButtonWrap__32oAB {
  pointer-events: auto;
  flex-shrink: 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./node_modules/swiper/modules/free-mode.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/SlideSwitchHeadlines/SlideSwitchHeadline/SlideSwitchHeadline.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SlideSwitchHeadline_button__J0hAM {
  padding: 0;
  width: max-content;
  font-size: 14px;
  line-height: 20px;
  color: #b1b5c3;
  background: transparent;
  transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
@media (hover: hover) {
  .SlideSwitchHeadline_button__J0hAM:hover {
    color: #777e90;
  }
}
@media (hover: none) {
  .SlideSwitchHeadline_button__J0hAM:active {
    color: #777e90;
  }
}
.SlideSwitchHeadline_button_active__fdXgu {
  color: #141416;
  pointer-events: none;
}
.SlideSwitchHeadline_button_active__fdXgu.SlideSwitchHeadline_button_bordered__T5P_N {
  border-color: #141416;
}
@media (min-width: 1024px) {
  .SlideSwitchHeadline_button__J0hAM {
    font-size: 18px;
    line-height: 24px;
  }
  .SlideSwitchHeadline_button_bordered__T5P_N {
    padding-block: 5px;
    font-size: 20px;
    line-height: 24px;
  }
}
.SlideSwitchHeadline_button_underline__OUuzn {
  padding-block: 4px 2px;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  border-bottom: 2px solid transparent;
}
.SlideSwitchHeadline_button_underline__OUuzn.SlideSwitchHeadline_button_active__fdXgu {
  border-color: #141416;
}
.SlideSwitchHeadline_button_activeBold__veukN.SlideSwitchHeadline_button_active__fdXgu {
  font-weight: 700;
}
@media (min-width: 1024px) {
  .SlideSwitchHeadline_button__J0hAM {
    font-size: 18px;
    line-height: 24px;
  }
  .SlideSwitchHeadline_button_underline__OUuzn {
    padding-block: 6px 4px;
    font-size: 20px;
    line-height: 24px;
  }
}
.SlideSwitchHeadline_button_medium__5ALEm {
  font-size: 16px;
  line-height: 20px;
}
.SlideSwitchHeadline_button_medium__5ALEm.SlideSwitchHeadline_button_underline__OUuzn {
  padding-block: 0 4px;
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .SlideSwitchHeadline_button_medium__5ALEm {
    font-size: 20px;
    line-height: 24px;
  }
  .SlideSwitchHeadline_button_medium__5ALEm.SlideSwitchHeadline_button_underline__OUuzn {
    padding-block: 6px 4px;
    font-size: 20px;
    line-height: 24px;
  }
}
.SlideSwitchHeadline_button_large__VCZHz {
  font-size: 24px;
  line-height: 30px;
}
.SlideSwitchHeadline_button_large__VCZHz.SlideSwitchHeadline_button_underline__OUuzn {
  padding-block: 4px 9px;
}
@media (min-width: 1024px) {
  .SlideSwitchHeadline_button_large__VCZHz {
    font-size: 48px;
    line-height: 48px;
  }
  .SlideSwitchHeadline_button_large__VCZHz.SlideSwitchHeadline_button_underline__OUuzn {
    padding-block: 6px 10px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/SlideSwitchHeadlines/SlideSwitchHeadlines.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SlideSwitchHeadlines_slider__8zdvM.SlideSwitchHeadlines_slider__8zdvM {
  touch-action: pan-y;
  margin: 0 -16px;
  padding: 0 16px;
}
@media (min-width: 1024px) {
  .SlideSwitchHeadlines_slider__8zdvM.SlideSwitchHeadlines_slider__8zdvM {
    margin: 0;
    padding: 0;
  }
}

.SlideSwitchHeadlines_slide__fecdt.SlideSwitchHeadlines_slide__fecdt {
  width: auto !important;
  height: 100%;
  cursor: pointer;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/AppearWrapper/AppearWrapper.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AppearWrapper_root__u71Ni {
  display: none;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.AppearWrapper_root_displayed__s7E1m {
  display: flex;
}
.AppearWrapper_root_opaque__a2ZEv {
  opacity: 1;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BChooseLotsBySubType/SubTypeCard/SubTypeCard.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SubTypeCard_root__MdNYM {
  background-color: #f4f5f6;
  border-radius: 24px;
  height: 100%;
  width: 100%;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 31px;
  color: #141416;
  transition: background-color 0.2s ease-in-out;
}
.SubTypeCard_root__MdNYM:hover {
  background-color: #e6e8ec;
}
.SubTypeCard_root_disabled__Wrn0o {
  pointer-events: none;
  color: #b1b5c3 !important;
}

.SubTypeCard_content__7IjRR {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.SubTypeCard_title__m20cG {
  font-size: 32px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.SubTypeCard_description___Iz1R {
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .SubTypeCard_description___Iz1R {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.02em;
  }
}

.SubTypeCard_countWrapper___mfUg {
  display: flex;
  gap: 2px;
  align-items: flex-end;
  margin-top: auto;
}

.SubTypeCard_count__D_GYX {
  font-size: 14px;
  line-height: 18px;
}
@media (min-width: 1024px) {
  .SubTypeCard_count__D_GYX {
    font-size: 18px;
    line-height: 24px;
  }
}

.SubTypeCard_icon__B6Ggk {
  width: 16px;
  height: 16px;
}
@media (min-width: 1024px) {
  .SubTypeCard_icon__B6Ggk {
    width: 20px;
    height: 20px;
  }
}

.SubTypeCard_tagsWrapper__j4PAe {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.SubTypeCard_tag__1RArp {
  border-radius: 10px;
  min-height: 20px;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  border: none;
}
@media (min-width: 1024px) {
  .SubTypeCard_tag__1RArp {
    border-radius: 14px;
    padding: 6px 16px;
    font-size: 14px;
    line-height: 20px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BChooseLotsBySubType/BChooseLotsBySubType.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BChooseLotsBySubType_root__NfaWf {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin: 0 -16px;
}
@media (min-width: 1024px) {
  .BChooseLotsBySubType_root__NfaWf {
    margin: 0;
  }
}

.BChooseLotsBySubType_title__Y_L06 {
  font-size: 32px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.02em;
  width: 100%;
  padding: 0 16px;
}
@media (min-width: 1024px) {
  .BChooseLotsBySubType_title__Y_L06 {
    width: 100%;
    font-size: 40px;
    line-height: 40px;
    padding: 0;
  }
}

.BChooseLotsBySubType_cards__iGtBe {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 0 16px;
}
.BChooseLotsBySubType_cards__iGtBe::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  background: transparent;
}
@media (min-width: 1024px) {
  .BChooseLotsBySubType_cards__iGtBe {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 16px;
    gap: 16px;
    padding: 0;
    grid-auto-rows: 1fr;
  }
}
@media (min-width: 1440px) {
  .BChooseLotsBySubType_cards__iGtBe {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.BChooseLotsBySubType_cardWrap__f82oi {
  min-width: 300px;
}
@media (min-width: 1024px) {
  .BChooseLotsBySubType_cardWrap__f82oi {
    min-width: unset;
    display: flex;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BInvestBanner/BInvestBanner.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BInvestBanner_root__UT4g9 {
  width: 100%;
}

.BInvestBanner_container__hdp3K {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.BInvestBanner_wrapper__zIH_x {
  width: 100%;
  min-height: 352px;
  padding: 40px;
  border-radius: 24px;
  position: relative;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  gap: 24px;
}

.BInvestBanner_title__UCu5L {
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: -2%;
}

.BInvestBanner_link__gMjp8 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  text-decoration: none;
  color: #ffffff;
  display: flex;
  align-items: flex-end;
}

@media (min-width: 1024px) {
  .BInvestBanner_wrapper__zIH_x {
    min-height: unset;
    justify-content: space-between;
    flex-direction: column;
    gap: 96px;
  }
}
@media (min-width: 1440px) {
  .BInvestBanner_wrapper__zIH_x {
    gap: 80px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/ModalMeetForm/components/SuccessStepV2/SuccessStepV2.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SuccessStepV2_bodyWrapper___BVe0 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 24px;
  flex: 1 1;
}

.SuccessStepV2_content__CRkhX {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding-top: 149.5px;
}

.SuccessStepV2_titleWrapper__jlsUR {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
}

.SuccessStepV2_title__nbu1L {
  font-weight: 500;
  font-size: 32px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #141416;
}

.SuccessStepV2_description__HQbsI {
  max-width: 247px;
  font-size: 14px;
  line-height: 20px;
  color: #141416;
}

.SuccessStepV2_btn__s9Nbc {
  margin-top: auto;
  width: 100%;
}

.SuccessStepV2_success__io7Wr {
  border-radius: 50%;
  padding: 7px;
  background: #e0ffeb;
  border: 9px solid #f5fef9;
}
.SuccessStepV2_success__icon__q5G3W {
  color: #29cc6a;
}

@media (min-width: 1024px) {
  .SuccessStepV2_bodyWrapper___BVe0 {
    padding: 40px;
  }
  .SuccessStepV2_content__CRkhX {
    padding-top: 88px;
    gap: 40px;
  }
  .SuccessStepV2_description__HQbsI {
    max-width: none;
    font-size: 16px;
    line-height: 24px;
    color: #141416;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/ClientModalForm/s.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media (max-width: 1024px) {
  .s_titleMax__mG4g5 {
    max-width: calc(100% - 48px);
  }
}
.s_modalSuccessRoot__fxxB7 {
  z-index: 3000;
}

.s_modalSuccessBody__d4NEj {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  max-height: 100dvh;
  background-color: #ffffff;
}

@media (min-width: 1024px) {
  .s_modalSuccessBody__d4NEj {
    width: 480px;
    height: 584px;
    border-radius: 24px;
    box-shadow: 0px 18px 39px 0px rgba(0, 0, 0, 0.1019607843), 0px 72px 72px 0px rgba(0, 0, 0, 0.0901960784), 0px 161px 97px 0px rgba(0, 0, 0, 0.0509803922), 0px 287px 115px 0px rgba(0, 0, 0, 0.0117647059), 0px 449px 126px 0px rgba(0, 0, 0, 0);
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/PageTitle/PageTitle.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PageTitle_root__3VaSD {
  font-weight: 500;
  font-size: 32px;
  line-height: 32px;
  letter-spacing: -0.02em;
}
.PageTitle_root__desktop__sLDIp {
  display: none;
}
@media (min-width: 1024px) {
  .PageTitle_root__desktop__sLDIp {
    display: block;
  }
}
.PageTitle_root__mobile__w2Yoa {
  display: block;
}
@media (min-width: 1024px) {
  .PageTitle_root__mobile__w2Yoa {
    display: none;
  }
}
@media (min-width: 1024px) {
  .PageTitle_root__3VaSD {
    text-align: center;
    font-size: 48px;
    line-height: 48px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/mainPage/components/BProjectListing/s.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__HTDfV {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  background: #ffffff;
}

.s_title__vj9PL {
  padding: 0 16px;
  font-size: 32px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #141416;
}

.s_tabletLinks__JHr2z {
  display: none;
}

.s_linksWrapper__tpn_l {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width: 1024px) {
  .s_root__HTDfV {
    padding: 0 0 0 40px;
    gap: 32px;
  }
  .s_title__vj9PL {
    font-size: 40px;
    line-height: 40px;
    padding: 0;
    width: 100%;
  }
  .s_mobileLinks__XgBP2 {
    display: none;
  }
  .s_tabletLinks__JHr2z {
    display: block;
    width: max-content;
  }
  .s_linksWrapper__tpn_l {
    flex-direction: row;
    gap: unset;
  }
}
@media (min-width: 1440px) {
  .s_root__HTDfV {
    padding: 0 40px;
  }
  .s_title__vj9PL {
    font-size: 48px;
    line-height: 48px;
    padding: 0;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/mainPage/components/BProjectListing/components/CatalogSlider/s.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__7gokb {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 16px;
}

.s_btnWrapper__Umb_X {
  display: flex;
  align-self: center;
  gap: 9px;
  width: 100%;
}

@media (min-width: 1024px) {
  .s_root__7gokb {
    justify-content: space-between;
    width: 304px;
    height: 400px;
    padding: 24px;
    border: 1px solid #E6E8EC;
    border-radius: 24px;
  }
}
@media (min-width: 1440px) {
  .s_root__7gokb {
    width: 328px;
    height: 432px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/mainPage/components/BForYou/s.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__dflkx {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.s_title__7wRL3 {
  font-size: 32px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.02em;
  padding: 0 16px;
  color: #141416;
}

@media (min-width: 1024px) {
  .s_root__dflkx {
    gap: 32px;
  }
  .s_title__7wRL3 {
    font-size: 40px;
    line-height: 40px;
    padding: 0 40px;
  }
}
@media (min-width: 1440px) {
  .s_root__dflkx {
    padding: 0 40px;
  }
  .s_title__7wRL3 {
    font-size: 48px;
    line-height: 48px;
    padding: 0;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/mainPage/components/BSoon/s.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__J9L2i {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.s_title__mxkST {
  font-size: 32px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.02em;
  padding: 0 16px;
  color: #141416;
}

@media (min-width: 1024px) {
  .s_root__J9L2i {
    gap: 32px;
  }
  .s_title__mxkST {
    font-size: 40px;
    line-height: 40px;
    padding: 0 40px;
  }
}
@media (min-width: 1440px) {
  .s_root__J9L2i {
    padding: 0 40px;
  }
  .s_title__mxkST {
    font-size: 48px;
    line-height: 48px;
    padding: 0;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/mainPage/components/BHeader/s.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__o_sbP {
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 56px);
}

.s_wrapper__UXk_d {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: min-content;
  height: 100%;
  padding: 24px 0 36px 0;
  flex: 1 1;
}

.s_projectsWrapper__GTnR6 {
  padding: 0 15px;
}

.s_titleWrapper__nvEYS {
  flex: 1 1;
}

.s_title__TaUxQ {
  padding: 0 16px;
  font-size: 48px;
  line-height: 48px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}

.s_sliderWrapper__3p1Ly {
  margin: 38px 0 0 0;
}

.s_desktopVideoBlock__v9r2Z {
  display: none;
}

@media (min-width: 1024px) {
  .s_root__o_sbP {
    min-height: unset;
  }
  .s_wrapper__UXk_d {
    gap: 41px;
    padding: 64px 0 39px;
  }
  .s_projectsWrapper__GTnR6 {
    display: none;
  }
  .s_title__TaUxQ {
    padding: 0;
  }
  .s_titleWrapper__nvEYS {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 40px;
    gap: 24px;
  }
  .s_title__TaUxQ {
    flex: 0 0 40%;
  }
  .s_desktopVideoBlock__v9r2Z {
    display: block;
    position: relative;
    flex: 0 0 56%;
    min-height: 335px;
    height: 378px;
    border-radius: 16px;
    overflow: hidden;
  }
  .s_sliderWrapper__3p1Ly {
    margin: 0;
  }
}
@media (min-width: 1440px) {
  .s_root__o_sbP {
    min-height: unset;
  }
  .s_wrapper__UXk_d {
    gap: 41px;
    padding: 64px 0 51px;
    max-width: 1440px;
    margin: 0 auto;
  }
  .s_titleWrapper__nvEYS {
    gap: 34px;
  }
  .s_title__TaUxQ {
    font-size: 72px;
    line-height: 64px;
  }
  .s_desktopVideoBlock__v9r2Z {
    flex: 0 0 58%;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/NavigateAnchor/styles.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_anchor__n2_uE {
  position: absolute;
  top: -80px;
}

@media (min-width: 1440px) {
  .styles_anchor__n2_uE {
    top: -100px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/mainPageV4/pages/MainPageV4.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MainPageV4_root__2iwxf {
  display: flex;
  justify-content: center;
  position: relative;
  background: #ffffff;
}
.MainPageV4_root__2iwxf div {
  white-space: pre-line;
}

.MainPageV4_wrapper__LvzrR {
  padding: var(--main-content-padding-top-below-header, var(--header-height-mobile-expanded)) 0 0;
  transition: padding-top 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}
@media (min-width: 1024px) {
  .MainPageV4_wrapper__LvzrR {
    padding: var(--header-height) 0 0 0;
    transition: none;
  }
}
.MainPageV4_wrapper__LvzrR {
  width: 100%;
}

.MainPageV4_wrapper_black__BgWbB {
  background: #141416;
}

.MainPageV4_hero__fK_hl {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 40px;
}
@media (min-width: 1024px) {
  .MainPageV4_hero__fK_hl {
    gap: 48px;
    margin-top: 64px;
    max-width: 1648px;
    margin-inline: auto;
  }
}

.MainPageV4_hero_hiddenMobileWithoutTitle__2owQg {
  display: none;
}
@media (min-width: 1024px) {
  .MainPageV4_hero_hiddenMobileWithoutTitle__2owQg {
    display: flex;
  }
}

.MainPageV4_blockWrapper__qwXoK {
  padding: 32px 0 64px;
  overflow: hidden;
}

.MainPageV4_blockCenter__O8l5Q {
  max-width: 1648px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 64px;
}

@media (min-width: 1024px) {
  .MainPageV4_blockWrapper__qwXoK {
    padding: 80px 0;
  }
  .MainPageV4_blockWrapperWOBorder__lBwcQ {
    border-radius: unset;
  }
  .MainPageV4_blockCenter__O8l5Q {
    gap: 80px;
  }
}
@media (min-width: 1440px) {
  .MainPageV4_blockWrapper__qwXoK {
    padding: 100px 0;
  }
  .MainPageV4_blockCenter__O8l5Q {
    gap: 100px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/mirrorLanding/MirrorLandingPage.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MirrorLandingPage_scroll__2fgKZ {
  display: flex;
  flex-direction: column;
  gap: 100px;
  margin-top: 60px;
}
@media (min-width: 1024px) {
  .MirrorLandingPage_scroll__2fgKZ {
    gap: 150px;
    margin-top: 100px;
  }
}
@media (min-width: 1440px) {
  .MirrorLandingPage_scroll__2fgKZ {
    gap: 180px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/ProjectList/s.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_projectList__5HN9a {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

.s_projectListMenu__ljn9K {
  justify-content: flex-start;
  gap: 6.4%;
}

.s_projectItem__ykT3q {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 64px;
  text-decoration: none;
  color: #141416;
}
.s_projectItem__ykT3q .s_img__4JYOQ {
  border-radius: 24px;
  width: 64px;
  height: 64px;
}
.s_projectItem__ykT3q p {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  text-align: center;
}
.s_projectItemLight__IqfoG {
  color: #ffffff;
}

.s_projectListOffsetLeft__Jcel_ {
  padding-left: 8px;
}

@media (min-width: 1024px) {
  .s_projectList__5HN9a {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .s_projectListInSlide__zpxU3 {
    gap: 24px;
  }
  .s_projectListInSlide__zpxU3 li {
    position: relative;
    width: 100%;
  }
  .s_projectListInSlide__zpxU3 li:not(:first-child)::before {
    position: absolute;
    content: "";
    right: -24px;
    top: -12px;
    width: 208px;
    height: 1px;
    background: #E6E8EC;
  }
  .s_projectListOffsetLeft__Jcel_ {
    padding-left: unset;
  }
  .s_projectListMenu__ljn9K {
    gap: 12px;
  }
  .s_projectItem__ykT3q {
    flex-direction: row;
    gap: 12px;
    width: auto;
    cursor: pointer;
  }
  .s_projectItem__ykT3q .s_img__4JYOQ {
    border-radius: 12px;
    width: 48px;
    height: 48px;
  }
  .s_projectItem__ykT3q p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: unset;
  }
  .s_projectItem__ykT3q:hover {
    opacity: 0.7;
  }
  .s_projectItemMenu__3tQeR .s_img__4JYOQ {
    width: 40px;
    height: 40px;
  }
  .s_projectItemMenu__3tQeR p {
    font-size: 14px;
    line-height: 16px;
  }
  .s_projectItemInSlide__wPwZC {
    width: 100%;
    gap: 16px;
    justify-content: flex-start;
  }
}
@media (min-width: 1440px) {
  .s_projectItemMenu__3tQeR p {
    font-size: 16px;
    line-height: 24px;
  }
  .s_projectListInSlide__zpxU3 {
    gap: 32px;
  }
  .s_projectListInSlide__zpxU3 li:not(:first-child)::before {
    top: -16px;
    width: 236px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/QA/components/QAQuestion.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.QAQuestion_questionBlock__a6L3I {
  background: #ffffff;
  padding: 0;
  border-radius: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
}
.QAQuestion_questionBlock__a6L3I .QAQuestion_summary__9jsgx {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  text-align: left;
  gap: 8px;
  padding: 16px;
  border: none;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #141416;
  background: transparent;
  cursor: pointer;
  list-style: none;
}
@media (min-width: 1024px) {
  .QAQuestion_questionBlock__a6L3I .QAQuestion_summary__9jsgx {
    padding: 24px;
    font-size: 20px;
    line-height: 24px;
  }
}
.QAQuestion_questionBlock__a6L3I .QAQuestion_summary__9jsgx::-webkit-details-marker {
  display: none;
}
.QAQuestion_questionBlock__a6L3I .QAQuestion_summary__9jsgx .QAQuestion_summaryTitle__nEUDk {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  letter-spacing: -0.02em;
}
.QAQuestion_questionBlock__a6L3I .QAQuestion_summary__9jsgx .QAQuestion_icon__so3pq {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transform-origin: center;
  transition: transform 0.2s ease-in-out;
}
.QAQuestion_questionBlock__a6L3I[open] .QAQuestion_summary__9jsgx {
  padding-bottom: 0;
}
@media (min-width: 1024px) {
  .QAQuestion_questionBlock__a6L3I[open] .QAQuestion_summary__9jsgx {
    padding-bottom: 0;
  }
}
.QAQuestion_questionBlock__a6L3I[open] .QAQuestion_icon__so3pq {
  transform: rotate(45deg);
}
.QAQuestion_questionBlock__a6L3I .QAQuestion_content__Gx_rL {
  max-height: 0;
  transform: scaleY(0);
  transform-origin: top;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.QAQuestion_questionBlock__a6L3I[open] .QAQuestion_content__Gx_rL {
  max-height: 2000px;
  transform: scaleY(1);
  opacity: 1;
  padding: 0 16px 16px;
  pointer-events: auto;
}
@media (min-width: 1024px) {
  .QAQuestion_questionBlock__a6L3I[open] .QAQuestion_content__Gx_rL {
    padding: 0 24px 24px;
  }
}
.QAQuestion_questionBlock__a6L3I .QAQuestion_details__W7RDj {
  min-height: 0;
  margin-top: 16px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 1024px) {
  .QAQuestion_questionBlock__a6L3I .QAQuestion_details__W7RDj {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
  }
}
.QAQuestion_questionBlock__a6L3I .QAQuestion_details__W7RDj a:visited {
  color: #0066cc;
}

.QAQuestion_questionBlock_gray__cwBhq {
  border-radius: 12px;
  padding: 0;
  background: rgba(244, 245, 246, 0.5);
  transition: background 0.2s ease-in-out;
}
.QAQuestion_questionBlock_gray__cwBhq:hover {
  background: #f4f5f6;
}
.QAQuestion_questionBlock_gray__cwBhq .QAQuestion_summary__9jsgx {
  padding: 16px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .QAQuestion_questionBlock_gray__cwBhq .QAQuestion_summary__9jsgx {
    padding: 24px;
    font-size: 18px;
  }
}
.QAQuestion_questionBlock_gray__cwBhq[open] .QAQuestion_summary__9jsgx {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .QAQuestion_questionBlock_gray__cwBhq[open] .QAQuestion_summary__9jsgx {
    padding-bottom: 0;
  }
}
.QAQuestion_questionBlock_gray__cwBhq .QAQuestion_content__Gx_rL {
  max-height: 0;
  transform: scaleY(0);
  transform-origin: top;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.QAQuestion_questionBlock_gray__cwBhq[open] .QAQuestion_content__Gx_rL {
  max-height: 2000px;
  transform: scaleY(1);
  opacity: 1;
  padding: 0 16px 16px;
  pointer-events: auto;
}
@media (min-width: 768px) {
  .QAQuestion_questionBlock_gray__cwBhq[open] .QAQuestion_content__Gx_rL {
    padding: 0 24px 24px;
  }
}
.QAQuestion_questionBlock_gray__cwBhq .QAQuestion_details__W7RDj {
  min-height: 0;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .QAQuestion_questionBlock_gray__cwBhq .QAQuestion_details__W7RDj {
    margin-top: 32px;
    font-size: 18px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/QA/QA.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.QA_blockContainer__MORO8 {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1024px) {
  .QA_blockContainer__MORO8 {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.QA_root__7A733 {
  position: relative;
}

.QA_rootColumnRight__2czS3 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-inline: 16px;
  gap: 24px;
}
@media (min-width: 768px) {
  .QA_rootColumnRight__2czS3 {
    padding-inline: 40px;
    gap: 40px;
  }
}
@media (min-width: 1440px) {
  .QA_rootColumnRight__2czS3 {
    flex-direction: row;
    justify-content: space-between;
    padding-inline: 40px;
  }
}

.QA_container__SoNBw {
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: 1568px;
  background: #f4f5f6;
  padding: 40px 16px 64px;
  gap: 40px;
}
@media (min-width: 1024px) {
  .QA_container__SoNBw {
    align-items: center;
    margin: 0 auto;
    border-radius: 12px;
    padding: 40px 120px;
    gap: 48px;
  }
}

.QA_containerColumnRight__tPg_R {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 768px) {
  .QA_containerColumnRight__tPg_R {
    gap: 16px;
  }
}
@media (min-width: 1440px) {
  .QA_containerColumnRight__tPg_R {
    width: 672px;
  }
}

.QA_title__k9SvX {
  font-weight: 500;
  font-size: 32px;
  line-height: 1;
  letter-spacing: -0.01em;
}
@media (min-width: 1024px) {
  .QA_title__k9SvX {
    text-align: center;
    font-size: 48px;
    line-height: 48px;
  }
}

.QA_titleLarge__ll3nY {
  font-weight: 500;
  font-size: 40px;
  line-height: 1;
  letter-spacing: -0.01em;
}
@media (min-width: 1024px) {
  .QA_titleLarge__ll3nY {
    font-size: 48px;
    line-height: 48px;
  }
}

.QA_questionContainer__esTDK {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 1024px) {
  .QA_questionContainer__esTDK {
    width: 704px;
    gap: 12px;
  }
}
@media (min-width: 1440px) {
  .QA_questionContainer__esTDK {
    width: 876px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/QuickFilters/QuickFilters.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.QuickFilters_root__PY7EY {
  display: none;
}
@media (min-width: 1024px) {
  .QuickFilters_root__PY7EY {
    display: block;
  }
}

.QuickFilters_content__DV44v {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}

.QuickFilters_tabsSlot__We181 {
  flex-shrink: 0;
}

.QuickFilters_tabsChips__Goooy {
  display: none;
  gap: 4px;
  flex-wrap: nowrap;
}
@media (min-width: 1440px) {
  .QuickFilters_tabsChips__Goooy {
    display: flex;
  }
}

.QuickFilters_tabsSelect__rZ_Df {
  display: block;
  width: 220px;
}
@media (min-width: 1440px) {
  .QuickFilters_tabsSelect__rZ_Df {
    display: none;
  }
}

.QuickFilters_filters__HtW8J {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  flex-wrap: nowrap;
  flex: 1 1;
  min-width: 0;
  overflow: visible;
}

.QuickFilters_filtersSkeleton__Jew3w {
  display: flex;
  gap: 8px;
  flex: 1 1;
  min-width: 0;
  padding-top: 28px;
}

.QuickFilters_skeletonItem__fYojS {
  flex: 1 1;
  min-width: 0;
}

@media (max-width: 1439px) {
  .QuickFilters_skeletonItemHiddenOnTablet__O2GZz {
    display: none;
  }
}

.QuickFilters_filterItem__iTbkU {
  flex: 1 1;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
}

.QuickFilters_catalogButton__aFmNl {
  width: 202px;
  flex-shrink: 0;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/QuickFilters/ResponsiveFilters/ResponsiveFilters.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ResponsiveFilters_filters__sa2wv {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  flex-wrap: nowrap;
  flex: 1 1;
  min-width: 0;
  overflow: visible;
}

.ResponsiveFilters_desktopOnly__iztdC.ResponsiveFilters_desktopOnly__iztdC {
  display: none;
}
@media (min-width: 1440px) {
  .ResponsiveFilters_desktopOnly__iztdC.ResponsiveFilters_desktopOnly__iztdC {
    display: contents;
  }
}

.ResponsiveFilters_tabletOnly__giQa5.ResponsiveFilters_tabletOnly__giQa5 {
  display: contents;
}
@media (min-width: 1440px) {
  .ResponsiveFilters_tabletOnly__giQa5.ResponsiveFilters_tabletOnly__giQa5 {
    display: none;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/HorizontalScrollFade/HorizontalScrollFade.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.HorizontalScrollFade_fade__lGx3T {
  display: none;
  position: absolute;
  top: -2px;
  bottom: -2px;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.16s linear;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity;
}

.HorizontalScrollFade_fadeLeft__MwM_x {
  left: -2px;
  background: linear-gradient(90deg, #ffffff 0px, #ffffff 2px, rgba(255, 255, 255, 0) 100%);
}

.HorizontalScrollFade_fadeRight__3bSnX {
  right: -2px;
  background: linear-gradient(270deg, #ffffff 0px, #ffffff 2px, rgba(255, 255, 255, 0) 100%);
}

@media (min-width: 1024px) {
  .HorizontalScrollFade_fade__lGx3T {
    display: block;
  }
}
.HorizontalScrollFade_fadeDesktop__ZtWzr {
  display: none;
}
@media (min-width: 1440px) {
  .HorizontalScrollFade_fadeDesktop__ZtWzr {
    display: block;
  }
}

[data-can-scroll-left=true] .HorizontalScrollFade_fadeLeft__MwM_x {
  opacity: 1;
}

[data-can-scroll-right=true] .HorizontalScrollFade_fadeRight__3bSnX {
  opacity: 1;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/ArrowPillNavigation/ArrowPillNavigation.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ArrowPillNavigation_navigation__yATsy {
  display: none;
  align-items: center;
  gap: 6px;
  flex: 0 0 90px;
  width: 90px;
  height: 48px;
  padding: 8px 10px;
  background: #f4f5f6;
  border-radius: 99px;
}
@media (min-width: 1024px) {
  .ArrowPillNavigation_navigation__yATsy {
    display: flex;
  }
}
.ArrowPillNavigation_navigation_dark__UdgQd {
  background: #353945;
}

.ArrowPillNavigation_button__U9IBe {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border: 0;
  background: transparent;
  color: #141416;
  cursor: pointer;
  transition: color 0.16s ease;
}
@media (hover: hover) {
  .ArrowPillNavigation_button__U9IBe:hover:not(:disabled) {
    color: #23262f;
  }
}
.ArrowPillNavigation_button__U9IBe:active:not(:disabled) {
  color: #353945;
}
.ArrowPillNavigation_button__U9IBe:disabled {
  color: #D1D4DD;
  cursor: auto;
}

.ArrowPillNavigation_navigation_dark__UdgQd .ArrowPillNavigation_button__U9IBe {
  color: #ffffff;
}
@media (hover: hover) {
  .ArrowPillNavigation_navigation_dark__UdgQd .ArrowPillNavigation_button__U9IBe:hover:not(:disabled) {
    color: #e6e8ec;
  }
}
.ArrowPillNavigation_navigation_dark__UdgQd .ArrowPillNavigation_button__U9IBe:active:not(:disabled) {
  color: #D1D4DD;
}
.ArrowPillNavigation_navigation_dark__UdgQd .ArrowPillNavigation_button__U9IBe:disabled {
  color: #575C6B;
}

.ArrowPillNavigation_icon__qqvxd {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.ArrowPillNavigation_iconNext__bizwx {
  transform: rotate(180deg);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BAdvantages/AdvantageCard/AdvantageCard.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AdvantageCard_root__qdrZK {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 24px;
  border-radius: 12px;
  background: #f4f5f6;
}
@media (min-width: 1024px) {
  .AdvantageCard_root__qdrZK {
    padding: 32px;
  }
}

.AdvantageCard_title__mpvXt {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .AdvantageCard_title__mpvXt {
    font-size: 32px;
    line-height: 36px;
  }
}
.AdvantageCard_title__mpvXt {
  font-size: 24px;
  line-height: 30px;
  color: #141416;
}
@media (min-width: 1024px) {
  .AdvantageCard_title__mpvXt {
    font-size: 32px;
    line-height: 36px;
  }
}

.AdvantageCard_description__7gLjg {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  .AdvantageCard_description__7gLjg {
    font-size: 16px;
    line-height: 24px;
  }
}
.AdvantageCard_description__7gLjg {
  color: #141416;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BAdvantages/BAdvantages.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BAdvantages_container___8jFl {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1024px) {
  .BAdvantages_container___8jFl {
    gap: 48px;
  }
}

.BAdvantages_header__HUkbg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.BAdvantages_title__4zw8V {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 32px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .BAdvantages_title__4zw8V {
    font-size: 48px;
    line-height: 48px;
  }
}
@media (min-width: 1024px) {
  .BAdvantages_title_hideTablet__GpBhT {
    display: none;
  }
}
@media (min-width: 1440px) {
  .BAdvantages_title_hideTablet__GpBhT {
    display: block;
  }
}
.BAdvantages_title_tabletOnly__Nu5ND {
  display: none;
}
@media (min-width: 1024px) {
  .BAdvantages_title_tabletOnly__Nu5ND {
    display: block;
  }
}
@media (min-width: 1440px) {
  .BAdvantages_title_tabletOnly__Nu5ND {
    display: none;
  }
}

.BAdvantages_navigation__2cBhc {
  flex-shrink: 0;
}

.BAdvantages_sliderContainer__u17Vd {
  position: relative;
}

.BAdvantages_viewport__GoNGT {
  position: relative;
  min-width: 0;
  margin: 0 -16px;
  width: calc(100% + 32px);
}
@media (min-width: 1024px) {
  .BAdvantages_viewport__GoNGT {
    margin: 0 -40px;
    width: calc(100% + 80px);
  }
}
@media (min-width: 1440px) {
  .BAdvantages_viewport__GoNGT {
    margin: 0;
    width: 100%;
    overflow: hidden;
  }
}

.BAdvantages_track__Ad9RM {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  touch-action: pan-x pan-y;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.BAdvantages_track__Ad9RM::-webkit-scrollbar {
  display: none;
}
.BAdvantages_track__Ad9RM {
  display: flex;
  align-items: stretch;
  margin: 0;
  padding: 0 16px;
  gap: 12px;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 16px;
}
@media (min-width: 1024px) {
  .BAdvantages_track__Ad9RM {
    padding: 0 40px;
    gap: 32px;
    scroll-padding-left: 40px;
  }
}
@media (min-width: 1440px) {
  .BAdvantages_track__Ad9RM {
    padding: 0;
    scroll-snap-type: none;
    scroll-padding-left: 0;
  }
}

.BAdvantages_slide__fmkV_ {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: flex;
  flex: 0 0 auto;
  width: 320px;
  min-height: 320px;
}
@media (min-width: 1024px) {
  .BAdvantages_slide__fmkV_ {
    width: 368px;
  }
}
@media (min-width: 1440px) {
  .BAdvantages_slide__fmkV_ {
    width: 403px;
    scroll-snap-align: none;
  }
}
@media (min-width: 2048px) {
  .BAdvantages_slide__fmkV_ {
    width: 468px;
  }
}

@media (min-width: 1440px) {
  .BAdvantages_trackFew__NzHBZ .BAdvantages_slide__fmkV_ {
    flex: 1 1;
    min-width: 0;
    width: auto;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/banners/BHeroBanner/BHeroBanner.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BHeroBanner_container__k07v9 {
  overflow: hidden;
}
@media (min-width: 1440px) {
  .BHeroBanner_container__k07v9 {
    overflow: visible;
  }
}

.BHeroBanner_list___VrNg {
  display: flex;
  gap: 12px;
  margin: 0 -16px;
  padding: 0 16px;
  width: max-content;
}
@media (min-width: 1024px) {
  .BHeroBanner_list___VrNg {
    margin: 0 -40px;
    padding: 0 40px;
    gap: 32px;
  }
}
@media (min-width: 1440px) {
  .BHeroBanner_list___VrNg {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}

.BHeroBanner_item__VbUEU {
  width: 320px;
  aspect-ratio: 1/1;
}
@media (min-width: 1024px) {
  .BHeroBanner_item__VbUEU {
    width: 440px;
  }
}
@media (min-width: 1440px) {
  .BHeroBanner_item__VbUEU {
    flex: 1 1;
    min-width: 0;
  }
}

.BHeroBanner_sliderWrapper__8QjJe {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 32px);
}
@media (min-width: 1024px) {
  .BHeroBanner_sliderWrapper__8QjJe {
    margin-left: -40px;
    margin-right: -40px;
    width: calc(100% + 80px);
  }
}
.BHeroBanner_sliderWrapper__8QjJe .BHeroBanner_slider__J_dWg {
  width: 100%;
  padding: 0 16px;
}
.BHeroBanner_sliderWrapper__8QjJe .BHeroBanner_slider__J_dWg .swiper-wrapper {
  align-items: stretch;
}
@media (min-width: 1024px) {
  .BHeroBanner_sliderWrapper__8QjJe .BHeroBanner_slider__J_dWg {
    padding: 0 40px;
  }
}
.BHeroBanner_sliderWrapper__8QjJe .BHeroBanner_slide__1dgVJ {
  width: 320px;
  aspect-ratio: 1/1;
}
@media (min-width: 1024px) {
  .BHeroBanner_sliderWrapper__8QjJe .BHeroBanner_slide__1dgVJ {
    width: 440px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/banners/BHeroBanner/Card/Card.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Card_root__iO_rQ {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  border-radius: 12px;
  padding: 20px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .Card_root__iO_rQ {
    padding: 32px;
  }
}

.Card_link__sh4Ki {
  position: absolute;
  inset: 0;
  z-index: 3;
}

.Card_imageWrapper__2M4FG {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 12px;
  overflow: hidden;
}

.Card_image__iv9Eh {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.4s ease;
}
@media (hover: hover) and (pointer: fine) {
  .Card_root_hoverable__ZVKES:hover .Card_image__iv9Eh {
    transform: scale(1.03);
  }
}

.Card_overlay__PLw3h {
  position: absolute;
  inset: 0;
}

.Card_header__itEbr {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 2;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform, opacity;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 1024px) {
  .Card_header__itEbr {
    gap: 16px;
  }
}

.Card_title__G__8o {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
  color: #141416;
}
@media (min-width: 1024px) {
  .Card_title__G__8o {
    font-size: 32px;
    line-height: 36px;
  }
}

.Card_description__dwZcm {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #141416;
}
@media (min-width: 1024px) {
  .Card_description__dwZcm {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
  }
}

.Card_tagsWrapper___U52g {
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 2;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform, opacity;
  -webkit-font-smoothing: antialiased;
}
.Card_tagsWrapper___U52g .Card_tag__azstC {
  position: relative;
  width: max-content;
  background-color: var(--tag-bg, #141416);
  color: var(--tag-color, #ffffff);
  z-index: 2;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/Tags/Tag/Tag.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Tag_root__j4ilf {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
  color: #141416;
  background: #f4f5f6;
}
.Tag_root_gray__JW3LT {
  background: #f4f5f6;
  color: #141416;
}
.Tag_root_dark__be_Gc {
  background: #141416;
  color: #ffffff;
}
.Tag_root_sold__nLWUr {
  background: #777e90;
  color: #ffffff;
}
.Tag_root_white__ofKsA {
  background: #ffffff;
  color: #141416;
}
.Tag_root_small__EJNCP {
  padding: 2px 12px;
  border-radius: 12px;
}
.Tag_root_small__EJNCP.Tag_root_withIcon__F6p50 {
  padding: 2px 12px 2px 8px;
}
.Tag_root_large__jPGoe {
  padding: 2px 12px;
  border-radius: 99px;
}
.Tag_root_large__jPGoe.Tag_root_withIcon__F6p50 {
  padding: 2px 12px 2px 8px;
}
@media (min-width: 1024px) {
  .Tag_root_large__jPGoe {
    padding: 4px 16px;
  }
  .Tag_root_large__jPGoe.Tag_root_withIcon__F6p50 {
    padding: 4px 16px 4px 12px;
  }
}
@media (min-width: 1440px) {
  .Tag_root_large__jPGoe {
    padding: 8px 24px;
  }
  .Tag_root_large__jPGoe.Tag_root_withIcon__F6p50 {
    padding: 8px 24px 8px 20px;
  }
}
.Tag_root_medium__G0V7V {
  padding: 4px 16px;
  border-radius: 12px;
}
.Tag_root_medium__G0V7V.Tag_root_withIcon__F6p50 {
  padding: 4px 16px 4px 12px;
}

.Tag_icon__wTZf2 {
  display: inline-flex;
  flex-shrink: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/Tags/Tags.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Tags_root__Y1NPM {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/banners/BHeroBanner/SkeletonCard/SkeletonCard.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SkeletonCard_root__5Sohz {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  border-radius: 12px;
  padding: 20px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #f4f5f6;
}
@media (min-width: 1024px) {
  .SkeletonCard_root__5Sohz {
    padding: 32px;
  }
}

.SkeletonCard_header__rFhMk {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 1024px) {
  .SkeletonCard_header__rFhMk {
    gap: 16px;
  }
}

.SkeletonCard_title__ldSlu, .SkeletonCard_description__V7SKr, .SkeletonCard_tag__DVjxF {
  background: #e6e8ec;
}

.SkeletonCard_description__V7SKr {
  height: 16px;
  width: 60%;
}
@media (min-width: 1024px) {
  .SkeletonCard_description__V7SKr {
    height: 20px;
  }
}

.SkeletonCard_title__ldSlu {
  height: 24px;
}
@media (min-width: 1024px) {
  .SkeletonCard_title__ldSlu {
    height: 32px;
  }
}

.SkeletonCard_footer__rk3qe {
  display: flex;
}

.SkeletonCard_tag__DVjxF {
  height: 32px;
  width: 80px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/banners/BHeroBanner/SliderPagination/SliderPagination.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SliderPagination_root__7hdCB {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 14px;
  min-height: 6px;
}
@media (min-width: 1024px) {
  .SliderPagination_root__7hdCB {
    display: none;
  }
}

.SliderPagination_bullet__4cvco,
.SliderPagination_bullet_active__a2nRh {
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  transition: width 0.6s ease-in-out, border-radius 0.6s ease-in-out, background-color 0.6s ease-in-out;
}

.SliderPagination_bullet__4cvco {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #D1D4DD;
}
.SliderPagination_bullet_active__a2nRh {
  border-radius: 40px;
  width: 26px;
  height: 6px;
  background-color: #575C6B;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/banners/BSquareBanner/BSquareBanner.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BSquareBanner_container__QHGI8 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .BSquareBanner_container__QHGI8 {
    gap: 48px;
  }
}
@media (min-width: 1440px) {
  .BSquareBanner_container__QHGI8 {
    overflow: visible;
  }
}

.BSquareBanner_header__QWHkx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.BSquareBanner_title__ISGux {
  font-weight: 500;
  font-size: 32px;
  line-height: 1;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .BSquareBanner_title__ISGux {
    font-size: 48px;
  }
}

.BSquareBanner_navigation__bntsS {
  width: 96px;
  height: 48px;
}

.BSquareBanner_list__d68Ft {
  display: flex;
  gap: 12px;
  margin: 0 -16px;
  padding: 0 16px;
  width: max-content;
}
@media (min-width: 1024px) {
  .BSquareBanner_list__d68Ft {
    margin: 0 -40px;
    padding: 0 40px;
    gap: 32px;
  }
}
@media (min-width: 1440px) {
  .BSquareBanner_list__d68Ft {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}

.BSquareBanner_item__rmcw0 {
  width: 320px;
  height: 400px;
}
@media (min-width: 1024px) {
  .BSquareBanner_item__rmcw0 {
    width: 273px;
    height: auto;
    aspect-ratio: 1/1;
  }
}
@media (min-width: 1440px) {
  .BSquareBanner_item__rmcw0 {
    flex: 1 1;
    min-width: 0;
  }
}
@media (min-width: 1024px) {
  .BSquareBanner_item_v2__36QCL {
    width: 368px;
  }
}
@media (min-width: 1440px) {
  .BSquareBanner_item_v2__36QCL {
    flex: 1 1;
    min-width: 0;
  }
}

.BSquareBanner_sliderWrapper__eY3ed {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 32px);
}
@media (min-width: 1024px) {
  .BSquareBanner_sliderWrapper__eY3ed {
    margin-left: -40px;
    margin-right: -40px;
    width: calc(100% + 80px);
  }
}
.BSquareBanner_sliderWrapper__eY3ed .BSquareBanner_slider__cVO_u {
  width: 100%;
  padding: 0 16px;
}
.BSquareBanner_sliderWrapper__eY3ed .BSquareBanner_slider__cVO_u .swiper-wrapper {
  align-items: stretch;
}
@media (min-width: 1024px) {
  .BSquareBanner_sliderWrapper__eY3ed .BSquareBanner_slider__cVO_u {
    padding: 0 40px;
  }
}
.BSquareBanner_sliderWrapper__eY3ed .BSquareBanner_slide__ZPd5b {
  width: 320px;
  height: 400px;
}
@media (min-width: 1024px) {
  .BSquareBanner_sliderWrapper__eY3ed .BSquareBanner_slide__ZPd5b {
    width: 273px;
    height: auto;
    aspect-ratio: 1/1;
  }
}
@media (min-width: 1024px) {
  .BSquareBanner_sliderWrapper__eY3ed .BSquareBanner_slide_v2__zDDvw {
    width: 368px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/banners/BSquareBanner/Card/Card.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Card_root__8W0Aj {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  border-radius: 12px;
  padding: 20px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .Card_root__8W0Aj {
    padding: 32px;
  }
}

.Card_link__6Me4n {
  position: absolute;
  inset: 0;
  z-index: 3;
}

.Card_imageWrapper__dRJNS {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 12px;
  overflow: hidden;
}

.Card_image__sCWnq {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.4s ease;
}
@media (hover: hover) and (pointer: fine) {
  .Card_root_hoverable__SWkH3:hover .Card_image__sCWnq {
    transform: scale(1.03);
  }
}

.Card_overlay__PJvOs {
  position: absolute;
  inset: 0;
}

.Card_header__wQGI7 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  z-index: 2;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform, opacity;
  -webkit-font-smoothing: antialiased;
}

.Card_title__l6fcp {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
  color: #141416;
}
@media (min-width: 1440px) {
  .Card_title__l6fcp {
    font-size: 32px;
    line-height: 36px;
  }
}

.Card_description__IZAHw {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: #141416;
}
@media (min-width: 1440px) {
  .Card_description__IZAHw {
    font-size: 20px;
    line-height: 24px;
  }
}

.Card_buttonWrapper__1elo7 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.Card_button__8iq5I {
  position: relative;
  padding: 11px;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  z-index: 2;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}
.Card_button_untext___NnzN {
  width: max-content;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/banners/BSquareBanner/SkeletonCard/SkeletonCard.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SkeletonCard_root__IwCAS {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  border-radius: 12px;
  padding: 20px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #f4f5f6;
}
@media (min-width: 1440px) {
  .SkeletonCard_root__IwCAS {
    padding: 32px;
  }
}

.SkeletonCard_header__49ASt {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.SkeletonCard_title__D5qcn, .SkeletonCard_description__iZnBO, .SkeletonCard_button__s1WE7 {
  background: #e6e8ec;
}

.SkeletonCard_title__D5qcn {
  height: 20px;
}
@media (min-width: 1440px) {
  .SkeletonCard_title__D5qcn {
    height: 36px;
  }
}

.SkeletonCard_description__iZnBO {
  height: 24px;
}
@media (min-width: 1440px) {
  .SkeletonCard_description__iZnBO {
    height: 32px;
  }
}

.SkeletonCard_button__s1WE7 {
  height: 48px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/banners/BTopBanner/BTopBannerShell/BTopBannerShell.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BTopBannerShell_mask__EdKqc {
  display: block;
  width: 100%;
  max-width: 1568px;
  overflow: hidden;
  max-height: var(--top-banner-height, 500px);
  margin-bottom: 14px;
  transition: max-height var(--top-banner-transition), margin-bottom var(--top-banner-transition);
}
.BTopBannerShell_mask__EdKqc.BTopBannerShell_closing__DPfs2, .BTopBannerShell_mask__EdKqc.BTopBannerShell_hidden__337VG {
  max-height: 0;
  margin-bottom: 0;
}

.BTopBannerShell_skeleton__Rg_1s {
  width: 100%;
  max-width: 1568px;
  max-height: var(--top-banner-height, 500px);
  overflow: hidden;
  opacity: 1;
  transition: opacity var(--top-banner-transition), max-height var(--top-banner-transition), margin-bottom var(--top-banner-transition);
}
.BTopBannerShell_skeleton__Rg_1s.BTopBannerShell_closing__DPfs2, .BTopBannerShell_skeleton__Rg_1s.BTopBannerShell_hidden__337VG {
  max-height: 0;
  min-height: auto;
  margin-bottom: 0;
  opacity: 0;
  transition: opacity var(--top-banner-transition), max-height var(--top-banner-transition), margin-bottom var(--top-banner-transition);
}
.BTopBannerShell_skeleton__Rg_1s.BTopBannerShell_hidden__337VG {
  pointer-events: none;
}
.BTopBannerShell_skeleton__Rg_1s {
  min-height: 92px;
}
@media (min-width: 1024px) {
  .BTopBannerShell_skeleton__Rg_1s {
    min-height: 60px;
  }
}

.BTopBannerShell_root__phmLS {
  width: 100%;
  max-width: 1568px;
  max-height: var(--top-banner-height, 500px);
  overflow: hidden;
  opacity: 1;
  transition: opacity var(--top-banner-transition), max-height var(--top-banner-transition), margin-bottom var(--top-banner-transition);
}
.BTopBannerShell_root__phmLS.BTopBannerShell_closing__DPfs2, .BTopBannerShell_root__phmLS.BTopBannerShell_hidden__337VG {
  max-height: 0;
  min-height: auto;
  margin-bottom: 0;
  opacity: 0;
  transition: opacity var(--top-banner-transition), max-height var(--top-banner-transition), margin-bottom var(--top-banner-transition);
}
.BTopBannerShell_root__phmLS.BTopBannerShell_hidden__337VG {
  pointer-events: none;
}
.BTopBannerShell_root__phmLS {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 12px;
  margin-bottom: 14px;
  padding: 16px;
  min-height: 60px;
  background: #23262f;
  max-height: none;
  overflow: visible;
  margin-bottom: 0;
  transform: translateY(0);
  transition: opacity var(--top-banner-transition), transform var(--top-banner-transition);
}
.BTopBannerShell_root__phmLS.BTopBannerShell_closing__DPfs2, .BTopBannerShell_root__phmLS.BTopBannerShell_hidden__337VG {
  max-height: none;
  margin-bottom: 0;
  transform: translateY(calc(-1 * var(--top-banner-height, 500px)));
  transition: opacity var(--top-banner-transition), transform var(--top-banner-transition);
}
@media (min-width: 1024px) {
  .BTopBannerShell_root__phmLS {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 32px;
    padding: 12px 48px 12px 16px;
  }
}

.BTopBannerShell_root__phmLS.BTopBannerShell_centered__QGfoG {
  justify-content: center;
}
.BTopBannerShell_root__phmLS.BTopBannerShell_centered__QGfoG .BTopBannerShell_closeBtn__7Yf_7 {
  top: 18px;
}
@media (min-width: 1024px) {
  .BTopBannerShell_root__phmLS.BTopBannerShell_centered__QGfoG .BTopBannerShell_closeBtn__7Yf_7 {
    top: 14px;
  }
}

.BTopBannerShell_root_hasImage__Pde9H {
  background: transparent;
}

.BTopBannerShell_rootCommercial__NKh1N {
  background: #283380;
}

.BTopBannerShell_rootResidential__nfHP5 {
  background: #b2461a;
}

.BTopBannerShell_rootRetail__6NHHn {
  background: #ad1044;
}

.BTopBannerShell_imageWrapper__m9S1E {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 12px;
  overflow: hidden;
}

.BTopBannerShell_image__ZyQz7 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.BTopBannerShell_overlay__vnvhq {
  position: absolute;
  inset: 0;
}

.BTopBannerShell_clickableOverlay__ZB84u {
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: 12px;
}

.BTopBannerShell_content__4grFh {
  display: contents;
}

.BTopBannerShell_closeBtn__7Yf_7 {
  position: absolute;
  top: 16px;
  right: 16px;
  line-height: 0;
  cursor: pointer;
  z-index: 3;
}
@media (min-width: 1024px) {
  .BTopBannerShell_closeBtn__7Yf_7 {
    top: 14px;
  }
}

.BTopBannerShell_closing__DPfs2 .BTopBannerShell_closeBtn__7Yf_7,
.BTopBannerShell_hidden__337VG .BTopBannerShell_closeBtn__7Yf_7 {
  opacity: 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/banners/BTopBanner/BTopBannerStandard/BTopBannerStandard.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BTopBannerStandard_text__kPHWd {
  padding-right: 40px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #ffffff;
  z-index: 1;
}
@media (min-width: 1024px) {
  .BTopBannerStandard_text__kPHWd {
    padding-right: 0;
    min-width: max-content;
  }
}

.BTopBannerStandard_btn__fP4xz {
  z-index: 1;
}
.BTopBannerStandard_btn__fP4xz:hover {
  background: transparent;
  opacity: 0.8;
}
@media (min-width: 1024px) {
  .BTopBannerStandard_btn__fP4xz {
    width: max-content;
    padding-left: 23px;
    padding-right: 23px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/lk/pages/LoyaltyPage/components/BSidebar/ModalCloseButton/ModalCloseButton.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ModalCloseButton_closeBtn__VWRVP {
  padding: 0;
  width: 24px;
  height: 24px;
  color: #ffffff;
  background: transparent;
  cursor: pointer;
  border: none;
}
.ModalCloseButton_closeBtn__VWRVP svg {
  width: 24px;
  height: 24px;
}
@media (min-width: 1024px) {
  .ModalCloseButton_closeBtn__VWRVP {
    width: 28px;
    height: 28px;
  }
  .ModalCloseButton_closeBtn__VWRVP svg {
    width: 28px;
    height: 28px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/lk/pages/LoyaltyPage/components/BSidebar/GiftCard/ModalGift/ModalGift.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ModalGift_modal__vmsSE {
  z-index: 3000;
}

.ModalGift_overlay__pn3b9 {
  background: rgba(35, 38, 47, 0.5);
}

.ModalGift_body__Wyc49 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #ffffff;
}
@media (min-width: 1024px) {
  .ModalGift_body__Wyc49 {
    width: 480px;
    height: auto;
    border-radius: 24px;
  }
}

.ModalGift_closeBtn__yhxBw {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1;
  color: #ffffff;
}
@media (min-width: 1024px) {
  .ModalGift_closeBtn__yhxBw {
    top: 24px;
    right: 24px;
  }
}

.ModalGift_content___xdHE {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1;
  gap: 24px;
  padding: 16px 16px 24px;
}
@media (min-width: 1024px) {
  .ModalGift_content___xdHE {
    padding: 24px 40px 40px;
  }
}

.ModalGift_info__WJwqS {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ModalGift_image__ySULo {
  width: 100%;
  height: 220px;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .ModalGift_image__ySULo {
    height: 220px;
  }
}

.ModalGift_title__ZOJWR {
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .ModalGift_title__ZOJWR {
    font-size: 32px;
    line-height: 36px;
  }
}

.ModalGift_description__3XPnf {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .ModalGift_description__3XPnf {
    letter-spacing: 0;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/banners/BTopBanner/BTopBannerBirthday/BTopBannerBirthday.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BTopBannerBirthday_text__1u1J5 {
  padding-right: 40px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #ffffff;
  z-index: 1;
}
@media (min-width: 1024px) {
  .BTopBannerBirthday_text__1u1J5 {
    padding-right: 0;
    min-width: max-content;
  }
}

.BTopBannerBirthday_btn___cA_M {
  z-index: 1;
}
.BTopBannerBirthday_btn___cA_M:hover {
  background: transparent;
  opacity: 0.8;
}
@media (min-width: 1024px) {
  .BTopBannerBirthday_btn___cA_M {
    width: max-content;
    padding-left: 24px;
    padding-right: 24px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/banners/BTopBanner/BTopBannerAiAssistant/BTopBannerAiAssistant.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BTopBannerAiAssistant_text__iwITw {
  padding-right: 40px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #ffffff;
  z-index: 1;
}
@media (min-width: 1024px) {
  .BTopBannerAiAssistant_text__iwITw {
    padding-right: 0;
    min-width: max-content;
  }
}

.BTopBannerAiAssistant_btnWrapper__6Lzfj {
  position: relative;
  z-index: 1;
  cursor: pointer;
}
@media (hover: hover) {
  .BTopBannerAiAssistant_btnWrapper__6Lzfj:hover .BTopBannerAiAssistant_btn__64SaW {
    background: transparent;
    opacity: 0.8;
  }
}
@media (hover: none) {
  .BTopBannerAiAssistant_btnWrapper__6Lzfj:active .BTopBannerAiAssistant_btn__64SaW {
    background: transparent;
    opacity: 0.8;
  }
}

@media (min-width: 1024px) {
  .BTopBannerAiAssistant_btn__64SaW {
    width: max-content;
    padding-left: 24px;
    padding-right: 24px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/banners/HorizontalBanner/HorizontalBanner.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.HorizontalBanner_contentWrapper__ef1B5 {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  min-height: 600px;
  height: 100%;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .HorizontalBanner_contentWrapper__ef1B5 {
    min-height: 520px;
  }
}
@media (min-width: 1024px) {
  .HorizontalBanner_contentWrapper_plus___BK_4 {
    padding-top: 80px;
    min-height: 600px;
  }
}
.HorizontalBanner_contentWrapper_v2__ra3LL {
  min-height: 520px;
}
@media (min-width: 1024px) {
  .HorizontalBanner_contentWrapper_v2__ra3LL {
    min-height: 400px;
  }
  .HorizontalBanner_contentWrapper_v2__ra3LL.HorizontalBanner_contentWrapper_plus___BK_4 {
    min-height: 480px;
  }
}

.HorizontalBanner_skeleton___1bcf {
  flex: 1 1;
}

.HorizontalBanner_content__6UwTM {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 12px;
  padding: 20px 20px 32px;
  width: 100%;
  min-height: 384px;
  height: 100%;
  background: #f4f5f6;
  z-index: 2;
}
@media (min-width: 1024px) {
  .HorizontalBanner_content__6UwTM {
    flex: 1 1;
    gap: 40px;
    padding: 40px;
    width: 51.27%;
    min-height: auto;
  }
}
@media (min-width: 1440px) {
  .HorizontalBanner_content__6UwTM {
    width: 50.882%;
  }
}
@media (min-width: 2048px) {
  .HorizontalBanner_content__6UwTM {
    width: 50.765%;
  }
}
.HorizontalBanner_content_v2__oiqvv {
  min-height: 304px;
}
@media (min-width: 1024px) {
  .HorizontalBanner_content_v2__oiqvv {
    min-height: auto;
  }
}
@media (min-width: 1024px) {
  .HorizontalBanner_content_plus__4Bth_ {
    z-index: 1;
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .HorizontalBanner_content_plus__4Bth_ {
    width: 100%;
  }
}
@media (min-width: 2048px) {
  .HorizontalBanner_content_plus__4Bth_ {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .HorizontalBanner_content_fullWidth__txYpi {
    width: 100%;
  }
}

.HorizontalBanner_info__Rcav1 {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}
@media (min-width: 1024px) {
  .HorizontalBanner_info_plus__2k91M {
    max-width: calc(50% - 16px);
  }
}
@media (min-width: 1440px) {
  .HorizontalBanner_info_plus__2k91M {
    max-width: calc(50% - 16px);
  }
}
@media (min-width: 2048px) {
  .HorizontalBanner_info_plus__2k91M {
    max-width: calc(100% - 680px);
  }
}

.HorizontalBanner_title__8SGMK {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
  color: #141416;
}
@media (min-width: 1024px) {
  .HorizontalBanner_title__8SGMK {
    font-size: 40px;
    line-height: 44px;
  }
}

.HorizontalBanner_description__IW_ym {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #141416;
}
@media (min-width: 1024px) {
  .HorizontalBanner_description__IW_ym {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
  }
}

.HorizontalBanner_button__cuGog {
  width: 100%;
  transition: opacity 0.2s ease-in-out;
}
@media (hover: hover) {
  .HorizontalBanner_button__cuGog:hover {
    opacity: 0.8;
  }
}
@media (hover: none) {
  .HorizontalBanner_button__cuGog:active {
    opacity: 0.8;
  }
}
@media (min-width: 1024px) {
  .HorizontalBanner_button__cuGog {
    padding: 11px 31px;
    width: max-content;
    min-width: 200px;
  }
}
@media (min-width: 1024px) {
  .HorizontalBanner_button_plus__6Bb3B {
    max-width: calc(50% - 16px);
  }
}
@media (min-width: 1440px) {
  .HorizontalBanner_button_plus__6Bb3B {
    max-width: calc(50% - 16px);
  }
}
@media (min-width: 2048px) {
  .HorizontalBanner_button_plus__6Bb3B {
    max-width: calc(100% - 680px);
  }
}

.HorizontalBanner_imageWrapper__t1x5K {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 12px;
  height: 240px;
  overflow: hidden;
  z-index: 1;
}
@media (min-width: 1024px) {
  .HorizontalBanner_imageWrapper__t1x5K {
    top: 0;
    left: auto;
    width: 51.27%;
    height: 100%;
  }
}
@media (min-width: 1440px) {
  .HorizontalBanner_imageWrapper__t1x5K {
    width: 50.882%;
  }
}
@media (min-width: 2048px) {
  .HorizontalBanner_imageWrapper__t1x5K {
    width: 50.765%;
  }
}
@media (min-width: 1024px) {
  .HorizontalBanner_imageWrapper_plus__6WLER {
    width: 50%;
  }
}
@media (min-width: 1440px) {
  .HorizontalBanner_imageWrapper_plus__6WLER {
    width: 50%;
  }
}
@media (min-width: 2048px) {
  .HorizontalBanner_imageWrapper_plus__6WLER {
    width: 680px;
  }
}

.HorizontalBanner_image__knnGR {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/banners/HorizontalBanner/Skeleton/Skeleton.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Skeleton_root__OVgBm {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  padding: 20px;
  border-radius: 12px;
  background: #f4f5f6;
}
@media (min-width: 1024px) {
  .Skeleton_root__OVgBm {
    padding: 40px 100px 40px 40px;
  }
}

.Skeleton_header__f5YLI {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.Skeleton_title__X9PCc, .Skeleton_text__ZafpV, .Skeleton_button__XMJL5 {
  background: #e6e8ec;
}

.Skeleton_title__X9PCc {
  height: 32px;
}
@media (min-width: 1024px) {
  .Skeleton_title__X9PCc {
    height: 40px;
  }
}

.Skeleton_text__ZafpV {
  height: 24px;
}
@media (min-width: 1024px) {
  .Skeleton_text__ZafpV {
    height: 32px;
  }
}

.Skeleton_button__XMJL5 {
  width: 100%;
  height: 36px;
}
@media (min-width: 1024px) {
  .Skeleton_button__XMJL5 {
    width: 240px;
    height: 48px;
  }
}

.Skeleton_footer__AS29H {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1024px) {
  .Skeleton_footer__AS29H {
    gap: 40px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BChooseProject/ProjectCard/ActionsPill/ActionsPill.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ActionsPill_pill__fIZoq {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 40px;
  height: 76px;
  padding: 8px;
  background-color: #ffffff;
  border-radius: 99px;
}
.ActionsPill_pill_single__ldhkt {
  height: 40px;
}

.ActionsPill_button__OVQBP {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 50%;
  color: #141416;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
.ActionsPill_button__OVQBP:hover:not(:disabled) .ActionsPill_circle__FW57a {
  background-color: #f4f5f6;
}
.ActionsPill_button__OVQBP:active:not(:disabled) .ActionsPill_circle__FW57a {
  background-color: #e6e8ec;
}
.ActionsPill_button__OVQBP:disabled {
  cursor: default;
  color: #D1D4DD;
}

.ActionsPill_circle__FW57a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: 50%;
  transition: background-color 0.2s ease-in-out;
}

.ActionsPill_icon__V1y6h {
  width: 24px;
  height: 24px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BChooseProject/ProjectCard/ProjectCard.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProjectCard_root__V9B_Q {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 1440px) {
  .ProjectCard_root__V9B_Q {
    --actions-opacity: 0;
  }
  .ProjectCard_root__V9B_Q:hover {
    --actions-opacity: 1;
  }
}
@media (hover: hover) and (pointer: fine) {
  .ProjectCard_root_hasHover__PL_Cc:hover .ProjectCard_image__pbIk5 {
    opacity: 0;
  }
  .ProjectCard_root_hasHover__PL_Cc:hover .ProjectCard_image_hover__mzK8j {
    opacity: 1;
  }
}

.ProjectCard_link__2NTs6 {
  position: absolute;
  inset: 0;
  z-index: 10;
}

.ProjectCard_card___gQmw {
  width: 100%;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.ProjectCard_imgWrap__1zwMD {
  position: relative;
  width: 100%;
  height: 219px;
  flex-shrink: 0;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .ProjectCard_imgWrap__1zwMD {
    height: 252px;
  }
}
@media (min-width: 1440px) {
  .ProjectCard_imgWrap__1zwMD {
    height: 276px;
  }
}
@media (min-width: 2048px) {
  .ProjectCard_imgWrap__1zwMD {
    height: 320px;
  }
}

@media (min-width: 1024px) {
  .ProjectCard_imgWrapBlog__pyX_C {
    height: 200px;
  }
}
@media (min-width: 1440px) {
  .ProjectCard_imgWrapBlog__pyX_C {
    height: 200px;
  }
}
@media (min-width: 2048px) {
  .ProjectCard_imgWrapBlog__pyX_C {
    height: 234px;
  }
}

.ProjectCard_image__pbIk5 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px 12px 0 0;
  transition: opacity 0.4s ease-in-out;
}
.ProjectCard_image_hover__mzK8j {
  opacity: 0;
}

.ProjectCard_info__llGsX {
  flex: 1 1;
  min-height: 0;
  background-color: #f4f5f6;
  border-radius: 0 0 12px 12px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
}
@media (min-width: 1024px) {
  .ProjectCard_info__llGsX {
    padding: 24px;
  }
}

.ProjectCard_header__RhF0c {
  display: flex;
  flex-direction: column;
  flex: 1 1;
}
.ProjectCard_header__RhF0c > .ProjectCard_metroWrapper__1FzDi {
  margin-top: 20px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .ProjectCard_header__RhF0c > .ProjectCard_metroWrapper__1FzDi {
    margin-top: 24px;
  }
}
.ProjectCard_header__RhF0c > .ProjectCard_tagsWrapper__l24R_ {
  margin-top: auto;
}
.ProjectCard_header__info__RyWVZ {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  row-gap: 6px;
  column-gap: 4px;
  width: 100%;
}

.ProjectCard_title__VOcxr {
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .ProjectCard_title__VOcxr {
    font-size: 24px;
    line-height: 32px;
  }
}

.ProjectCard_metroWrapper__1FzDi {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.ProjectCard_metroWrapper__1FzDi .ProjectCard_metro__3fV9g {
  padding: 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 1024px) {
  .ProjectCard_metroWrapper__1FzDi .ProjectCard_metro__3fV9g {
    font-size: 14px;
    line-height: 20px;
  }
}

.ProjectCard_metroText__PZUKS {
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 1024px) {
  .ProjectCard_metroText__PZUKS {
    font-size: 14px;
    line-height: 20px;
  }
}

.ProjectCard_tagsWrapper__l24R_ {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform, opacity;
  -webkit-font-smoothing: antialiased;
}
.ProjectCard_tagsWrapper_main__GbPzn {
  width: 100%;
  padding-right: 48px;
}

.ProjectCard_actions__tfTCT {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 20;
  opacity: var(--actions-opacity, 1);
  transition: opacity 0.4s ease-in-out;
}

.ProjectCard_price__8k6UM {
  width: max-content;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: right;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BChooseProject/ProjectCardSkeleton/ProjectCardSkeleton.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes ProjectCardSkeleton_pulseOpacity__JtooI {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.ProjectCardSkeleton_root__RTbGM {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.ProjectCardSkeleton_card__O_76d {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  overflow: hidden;
}

.ProjectCardSkeleton_imgWrap__U4ocZ {
  position: relative;
  width: 100%;
  height: 219px;
  flex-shrink: 0;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .ProjectCardSkeleton_imgWrap__U4ocZ {
    height: 252px;
  }
}
@media (min-width: 1440px) {
  .ProjectCardSkeleton_imgWrap__U4ocZ {
    height: 276px;
  }
}
@media (min-width: 2048px) {
  .ProjectCardSkeleton_imgWrap__U4ocZ {
    height: 320px;
  }
}

.ProjectCardSkeleton_image__sC7JA {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: #e6e8ec;
  border-radius: 12px 12px 0 0;
  animation: ProjectCardSkeleton_pulseOpacity__JtooI 2s ease-in-out infinite;
}

.ProjectCardSkeleton_topTags__ee4nr {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.ProjectCardSkeleton_topTag__K2qZK {
  width: 120px;
  height: 20px;
  background: #D1D4DD;
  border-radius: 10px;
  animation: ProjectCardSkeleton_pulseOpacity__JtooI 2s ease-in-out infinite;
}

.ProjectCardSkeleton_info__C_71n {
  flex: 1 1;
  min-height: 0;
  background-color: #f4f5f6;
  border-radius: 0 0 12px 12px;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .ProjectCardSkeleton_info__C_71n {
    padding: 24px;
  }
}

.ProjectCardSkeleton_title__H9ybA {
  width: 100%;
  height: 32px;
  background: #e6e8ec;
  border-radius: 16px;
  animation: ProjectCardSkeleton_pulseOpacity__JtooI 2s ease-in-out infinite;
}

.ProjectCardSkeleton_metro____yla {
  width: 100%;
  height: 20px;
  margin-top: 20px;
  background: #e6e8ec;
  border-radius: 10px;
  animation: ProjectCardSkeleton_pulseOpacity__JtooI 2s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .ProjectCardSkeleton_metro____yla {
    margin-top: 24px;
  }
}

.ProjectCardSkeleton_bottomTag__pHSse {
  width: 100%;
  height: 20px;
  margin-top: auto;
  background: #e6e8ec;
  border-radius: 10px;
  animation: ProjectCardSkeleton_pulseOpacity__JtooI 2s ease-in-out infinite;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BChooseProject/Header/Header.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes Header_pulseOpacity__i8fu_ {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.Header_root__d4Uu1 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 1024px) {
  .Header_root__d4Uu1 {
    gap: 40px;
  }
}

.Header_row__oP0pO {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.Header_title__kRIph {
  font-size: 32px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .Header_title__kRIph {
    font-size: 48px;
    line-height: 48px;
  }
}

.Header_tags__BbIJo {
  display: flex;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-inline: -16px;
  padding-inline: 16px;
}
.Header_tags__BbIJo::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1024px) {
  .Header_tags__BbIJo {
    flex-wrap: wrap;
    margin-inline: 0;
    padding-inline: 0;
  }
}
@media (min-width: 1440px) {
  .Header_tags__BbIJo {
    gap: 6px;
  }
}
.Header_tags__BbIJo > li {
  flex: 0 0 auto;
}

.Header_arrows__oPPIF {
  display: none;
}
@media (min-width: 1024px) {
  .Header_arrows__oPPIF {
    display: flex;
  }
}

.Header_tabsRow__Zyc7T {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

@media (min-width: 1024px) {
  .Header_tabsRow__Zyc7T .Header_arrows__oPPIF {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

.Header_tabs__uDVi7 {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  scrollbar-width: none;
  margin-inline: -16px;
  padding-inline: 16px;
}
.Header_tabs__uDVi7::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1024px) {
  .Header_tabs__uDVi7 {
    margin-inline: 0;
    padding-inline: 0;
    padding-right: 106px;
  }
}

.Header_tab__59QhO {
  flex: 0 0 auto;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BChooseProject/BChooseProject.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BChooseProject_root__EliX6 {
  width: 100%;
  overflow: hidden;
}

.BChooseProject_isWithoutPadding__ezY5A {
  padding: 0;
}

.BChooseProject_root_blog__Ewy_5 {
  padding-left: 0;
  max-width: 936px;
}
@media (min-width: 1024px) {
  .BChooseProject_root_blog__Ewy_5 {
    max-width: unset;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_root_blog__Ewy_5 {
    max-width: 936px;
  }
}
@media (min-width: 2048px) {
  .BChooseProject_root_blog__Ewy_5 {
    max-width: 1093px;
  }
}
.BChooseProject_root_blog__Ewy_5 .BChooseProject_cardsViewport__t5ejK {
  margin-inline: -16px;
}
@media (min-width: 1024px) {
  .BChooseProject_root_blog__Ewy_5 .BChooseProject_cardsViewport__t5ejK {
    margin-inline: 0;
  }
}
.BChooseProject_root_blog__Ewy_5 .BChooseProject_cards__izx2Q {
  padding-inline: 16px;
  scroll-padding-inline: 16px;
}
@media (min-width: 1024px) {
  .BChooseProject_root_blog__Ewy_5 .BChooseProject_cards__izx2Q {
    padding-inline: 0;
    scroll-padding-inline: 0;
  }
}
@media (min-width: 1024px) {
  .BChooseProject_root_blog__Ewy_5 .BChooseProject_cardItem__x69Rf {
    flex: 0 0 auto;
    aspect-ratio: 291/417;
    height: 417px;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_root_blog__Ewy_5 .BChooseProject_cardItem__x69Rf {
    aspect-ratio: 291/415;
    height: 415px;
  }
}
@media (min-width: 2048px) {
  .BChooseProject_root_blog__Ewy_5 .BChooseProject_cardItem__x69Rf {
    aspect-ratio: 343/451;
    height: 451px;
  }
}

.BChooseProject_inner__z3e2F {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1024px) {
  .BChooseProject_inner__z3e2F {
    gap: 48px;
  }
}

.BChooseProject_cardsViewport__t5ejK {
  position: relative;
  margin-inline: -16px;
}
@media (min-width: 1024px) {
  .BChooseProject_cardsViewport__t5ejK {
    margin-inline: -40px;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_cardsViewport__t5ejK {
    margin-inline: 0;
    overflow: hidden;
  }
}

.BChooseProject_cards__izx2Q {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding-inline: 16px;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 16px;
  scrollbar-width: none;
  list-style: none;
  margin: 0;
}
.BChooseProject_cards__izx2Q::-webkit-scrollbar {
  display: none;
}
.BChooseProject_cards_fit__yuOcP {
  overflow-x: visible;
  scroll-snap-type: none;
}
.BChooseProject_cards_fit__yuOcP .BChooseProject_cardItem__x69Rf {
  flex: 0 0 calc((100% - (var(--fit-columns) - 1) * 32px) / var(--fit-columns));
}
@media (min-width: 1024px) {
  .BChooseProject_cards__izx2Q {
    gap: 32px;
    padding-inline: 40px;
    scroll-padding-inline: 40px;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_cards__izx2Q {
    padding-inline: 0;
    scroll-padding-inline: 0;
  }
}

.BChooseProject_cardItem__x69Rf {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  flex: 0 0 320px;
  height: 448px;
  display: flex;
}
@media (min-width: 1024px) {
  .BChooseProject_cardItem__x69Rf {
    flex: 0 0 368px;
    height: 464px;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_cardItem__x69Rf {
    flex: 0 0 403px;
    height: 496px;
  }
}
@media (min-width: 2048px) {
  .BChooseProject_cardItem__x69Rf {
    flex: 0 0 468px;
    height: 536px;
  }
}

.BChooseProject_skeletonTrack__NfTJv {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding-inline: 16px;
  margin-inline: -16px;
  margin-block: 0;
  scrollbar-width: none;
  list-style: none;
}
.BChooseProject_skeletonTrack__NfTJv::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1024px) {
  .BChooseProject_skeletonTrack__NfTJv {
    gap: 32px;
    padding-inline: 40px;
    margin-inline: -40px;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_skeletonTrack__NfTJv {
    padding-inline: 0;
    margin-inline: 0;
  }
}
@media (max-width: 1023px) {
  .BChooseProject_skeletonTrack_gridMobile__YuPeM {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 40px;
    gap: 40px;
    grid-auto-rows: 448px;
    overflow-x: visible;
    padding-inline: 0;
    margin-inline: 0;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_skeletonTrack_gridDesktop__7udSO {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 32px;
    column-gap: 32px;
    grid-row-gap: 48px;
    row-gap: 48px;
    grid-auto-rows: 496px;
    overflow-x: visible;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_skeletonTrack_fewSlides__Bg7jK .BChooseProject_skeletonItem__gW0kx {
    flex: 1 1;
  }
}

.BChooseProject_skeletonItem__gW0kx {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: flex;
  flex: 0 0 320px;
  height: 448px;
  min-width: 0;
}
@media (min-width: 1024px) {
  .BChooseProject_skeletonItem__gW0kx {
    flex: 0 0 368px;
    height: 464px;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_skeletonItem__gW0kx {
    flex: 0 0 403px;
    height: 496px;
  }
}
@media (min-width: 2048px) {
  .BChooseProject_skeletonItem__gW0kx {
    flex: 0 0 468px;
    height: 536px;
  }
}
@media (max-width: 1023px) {
  .BChooseProject_skeletonItem_hideMobile__u4dWI {
    display: none;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_skeletonItem_hideDesktop__7JvBj {
    display: none;
  }
}

@media (min-width: 1024px) {
  .BChooseProject_cardBlog___wZiM {
    flex: 0 0 auto;
    aspect-ratio: 293/320;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_cardBlog___wZiM {
    height: 496px;
  }
}
@media (min-width: 2048px) {
  .BChooseProject_cardBlog___wZiM {
    height: 516px;
  }
}

.BChooseProject_grid__l8OBw {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 40px;
  gap: 40px;
  grid-auto-rows: 448px;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 1024px) {
  .BChooseProject_grid__l8OBw {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    grid-auto-rows: 464px;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_grid__l8OBw {
    row-gap: 48px;
    column-gap: 32px;
    grid-auto-rows: 496px;
  }
}
@media (min-width: 2048px) {
  .BChooseProject_grid__l8OBw {
    grid-auto-rows: 536px;
  }
}

.BChooseProject_gridItem__ZOWBP {
  display: flex;
  min-width: 0;
}

.BChooseProject_buttonWrapper__iwRdJ {
  display: flex;
  justify-content: center;
}

.BChooseProject_buttonLink__3rOTB {
  display: block;
  width: 100%;
  text-decoration: none;
}
@media (min-width: 1024px) {
  .BChooseProject_buttonLink__3rOTB {
    width: auto;
  }
}

.BChooseProject_button__AlfOb {
  width: 100%;
  padding: 12px 32px;
  border: 0;
}
.BChooseProject_button__AlfOb:hover, .BChooseProject_button__AlfOb:focus, .BChooseProject_button__AlfOb:active {
  border: 0;
}
@media (min-width: 1024px) {
  .BChooseProject_button__AlfOb {
    width: auto;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BCollapsableSeoText/BCollapsableSeoText.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BCollapsableSeoText_root__mMJPF {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-inline: auto;
}

.BCollapsableSeoText_title__Oz_eI {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.02em;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word;
  color: #141416;
  margin: 0;
}

.BCollapsableSeoText_textWrapper__311wu {
  position: relative;
  overflow: hidden;
}
.BCollapsableSeoText_textWrapper_collapsible__fgAoO {
  max-height: var(--seo-text-expanded-max-height);
  transition-property: max-height;
  transition-timing-function: cubic-bezier(0, 0, 0.25, 0.99);
}
.BCollapsableSeoText_textWrapper_collapsible__fgAoO.BCollapsableSeoText_textWrapper_collapsed__NXDPn {
  max-height: var(--seo-text-collapsed-max-height);
}
.BCollapsableSeoText_textWrapper_collapsed__NXDPn::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 48px;
  background: linear-gradient(transparent, #ffffff);
  pointer-events: none;
}
.BCollapsableSeoText_textWrapper_hidden__Q02Cg {
  visibility: hidden;
  position: absolute;
  width: 100%;
}

.BCollapsableSeoText_text__zk6_8 {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  font-size: 16px;
  line-height: 24px;
  color: #575C6B;
}
.BCollapsableSeoText_text__zk6_8 p {
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word;
  margin: 0 0 20px;
}
.BCollapsableSeoText_text__zk6_8 p:last-child {
  margin-bottom: 0;
}
.BCollapsableSeoText_text__zk6_8 a {
  color: #015ff9;
  text-decoration: none;
  transition: opacity 0.2s ease-in-out;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word;
}
@media (hover: hover) {
  .BCollapsableSeoText_text__zk6_8 a:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .BCollapsableSeoText_text__zk6_8 a:active {
    opacity: 0.7;
  }
}
.BCollapsableSeoText_text__zk6_8 a:visited {
  color: #0645aa;
}
.BCollapsableSeoText_text__zk6_8 a[x-apple-data-detectors] {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}
.BCollapsableSeoText_text__zk6_8 ul,
.BCollapsableSeoText_text__zk6_8 ol {
  margin: 0 0 16px;
  padding-left: 20px;
}
.BCollapsableSeoText_text__zk6_8 ul {
  list-style: disc;
}
.BCollapsableSeoText_text__zk6_8 li {
  word-wrap: break-word;
  word-break: break-word;
}
.BCollapsableSeoText_text__zk6_8 li ul {
  margin-bottom: 0;
}
.BCollapsableSeoText_text__zk6_8 strong {
  font-weight: 500;
}
.BCollapsableSeoText_text__zk6_8 h2,
.BCollapsableSeoText_text__zk6_8 h3,
.BCollapsableSeoText_text__zk6_8 h4,
.BCollapsableSeoText_text__zk6_8 h5,
.BCollapsableSeoText_text__zk6_8 h6 {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.02em;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word;
  color: #141416;
  margin: 24px 0 12px;
}

.BCollapsableSeoText_button__i7jA8 {
  border: none;
  padding: 0;
  background: transparent;
  cursor: pointer;
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  transition: opacity 0.2s ease-in-out;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  color: #141416;
}
@media (hover: hover) {
  .BCollapsableSeoText_button__i7jA8:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .BCollapsableSeoText_button__i7jA8:active {
    opacity: 0.7;
  }
}

.BCollapsableSeoText_buttonIcon__6ptJ_ {
  display: flex;
  transition: transform 0.3s ease-in-out;
}
.BCollapsableSeoText_buttonIcon_rotated__n_bN5 {
  transform: rotate(180deg);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BCompilations/BCompilationCard/BCompilationCard.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BCompilationCard_card__BP5Pi {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  border-radius: 12px;
  background: #23262f;
  color: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .BCompilationCard_card__BP5Pi:hover .BCompilationCard_imageWrap__4nvu0 {
    opacity: 0.8;
  }
}

.BCompilationCard_cardContent__rb7N7 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1;
  min-height: 0;
}

.BCompilationCard_imageWrap__4nvu0 {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  aspect-ratio: 1.4;
  background: #23262f;
  transition: opacity 0.2s ease-in-out;
}
@media (min-width: 1024px) {
  .BCompilationCard_imageWrap__4nvu0 {
    aspect-ratio: 1.6;
  }
}

.BCompilationCard_image__pmIbX {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.BCompilationCard_body__lQZ0g {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  gap: 24px;
  padding: 32px;
}

.BCompilationCard_cardTitle__Elbxi {
  font-size: 24px;
  line-height: 30px;
}

.BCompilationCard_cardText__h_DrX {
  font-size: 14px;
  line-height: 20px;
}

@media (min-width: 1024px) {
  .BCompilationCard_card__BP5Pi {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .BCompilationCard_cardText__h_DrX {
    font-size: 16px;
    line-height: 24px;
  }
  .BCompilationCard_cardTitle__Elbxi {
    line-height: 32px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BCompilations/BCompilations.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BCompilations_root__WyYe6 {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.BCompilations_headerRow__K_hvP {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.BCompilations_title__md799 {
  font-weight: 500;
  font-size: 32px;
  line-height: 32px;
  color: #141416;
}

.BCompilations_container__xGmhF {
  position: relative;
}

.BCompilations_viewport__FEwZu {
  position: relative;
  min-width: 0;
  margin: 0 -16px;
  width: calc(100% + 32px);
}

.BCompilations_track__JuIps {
  display: flex;
  align-items: stretch;
  margin: 0;
  padding: 0 16px;
  gap: 12px;
  height: 100%;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 16px;
}

.BCompilations_trackFit__h5PWy {
  overflow-x: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.BCompilations_trackFit__h5PWy::-webkit-scrollbar {
  display: none;
}

.BCompilations_trackPeek__sp0ea {
  overflow-x: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.BCompilations_trackPeek__sp0ea::-webkit-scrollbar {
  display: none;
}

.BCompilations_track__JuIps .BCompilations_item__eUxfu {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: flex;
  flex: 0 0 auto;
  width: 320px;
  height: 440px;
}

@media (min-width: 1024px) {
  .BCompilations_root__WyYe6 {
    gap: 48px;
  }
  .BCompilations_title__md799 {
    font-size: 48px;
    line-height: 48px;
  }
  .BCompilations_track__JuIps {
    padding: 0 40px;
    gap: 32px;
    scroll-padding-inline: 40px;
  }
  .BCompilations_trackFit__h5PWy,
  .BCompilations_trackPeek__sp0ea {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
  }
  .BCompilations_trackFit__h5PWy::-webkit-scrollbar,
  .BCompilations_trackPeek__sp0ea::-webkit-scrollbar {
    display: none;
  }
  .BCompilations_trackFit__h5PWy,
  .BCompilations_trackPeek__sp0ea {
    -webkit-overflow-scrolling: touch;
  }
  .BCompilations_track__JuIps .BCompilations_item__eUxfu {
    width: 368px;
    height: 520px;
  }
  .BCompilations_viewport__FEwZu {
    margin: 0 -40px;
    width: calc(100% + 80px);
    overflow: hidden;
  }
}
@media (min-width: 1440px) {
  .BCompilations_containerPeek__UBjjs {
    overflow: hidden;
  }
  .BCompilations_track__JuIps {
    padding: 0;
    scroll-padding-inline: 0;
  }
  .BCompilations_trackPeek__sp0ea .BCompilations_item__eUxfu {
    flex: 0 0 403px;
    width: 403px;
    height: 520px;
  }
  .BCompilations_trackFit__h5PWy .BCompilations_item__eUxfu {
    flex: 1 1;
    min-width: 0;
    width: auto;
    height: 520px;
  }
  .BCompilations_viewport__FEwZu {
    margin: 0;
    width: 100%;
  }
  .BCompilations_containerPeek__UBjjs[data-can-scroll-left=true] [data-horizontal-scroll-fade-left=true] {
    opacity: 1;
  }
  .BCompilations_containerPeek__UBjjs[data-can-scroll-right=true] [data-horizontal-scroll-fade-right=true] {
    opacity: 1;
  }
  .BCompilations_containerPeek__UBjjs {
    transform: translateX(2px) translateZ(0);
  }
}
@media (min-width: 2048px) {
  .BCompilations_track__JuIps {
    height: 600px;
  }
  .BCompilations_trackPeek__sp0ea .BCompilations_item__eUxfu {
    flex: 0 0 468px;
    width: 468px;
    height: 600px;
  }
  .BCompilations_trackFit__h5PWy .BCompilations_item__eUxfu {
    height: 600px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BNews/NewsCard/NewsCard.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NewsCard_root__Q4AAD {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  background: #f4f5f6;
}

.NewsCard_img__yat64 {
  width: 100%;
  height: 172px;
  object-fit: cover;
  flex-shrink: 0;
}

.NewsCard_titleWrapper__JUWG1 {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1 1;
  padding: 16px;
  min-height: 0;
}

.NewsCard_title__uJf5X {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  .NewsCard_title__uJf5X {
    font-size: 16px;
    line-height: 24px;
  }
}
.NewsCard_title__uJf5X {
  color: #141416;
}

.NewsCard_tagRow__4_ZRY {
  margin-top: auto;
}

.NewsCard_newsTag__uD_ix.NewsCard_newsTag__uD_ix {
  padding: 4px 16px;
}
@media (min-width: 1024px) {
  .NewsCard_newsTag__uD_ix.NewsCard_newsTag__uD_ix {
    padding: 8px 24px;
  }
}

.NewsCard_dateTag__kHYR3 {
  min-width: max-content;
}

@media (min-width: 1024px) {
  .NewsCard_img__yat64 {
    height: 240px;
  }
  .NewsCard_titleWrapper__JUWG1 {
    padding: 24px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BNews/BNews.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.BNews_root__HtOzJ {
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
  max-width: 1648px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .BNews_root__HtOzJ {
    gap: 48px;
  }
}
@media (min-width: 1440px) {
  .BNews_root__HtOzJ {
    padding: 0 40px;
  }
}

.BNews_title__aqwbJ {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 32px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .BNews_title__aqwbJ {
    font-size: 48px;
    line-height: 48px;
  }
}
.BNews_title__aqwbJ {
  padding: 0 16px;
  color: #141416;
}
@media (min-width: 1024px) {
  .BNews_title__aqwbJ {
    padding: 0 40px;
  }
}
@media (min-width: 1440px) {
  .BNews_title__aqwbJ {
    padding: 0;
  }
}

.BNews_link__1_edq {
  display: block;
  width: calc(100% - 32px);
  margin: 0 16px;
  text-decoration: none;
}
@media (min-width: 1024px) {
  .BNews_link__1_edq {
    margin: 0 auto;
    width: 158px;
  }
}

.BNews_sliderWrap__JLrQL {
  position: relative;
}

.BNews_track__14__B {
  display: flex;
  align-items: stretch;
  gap: 12px;
  margin: 0;
  padding: 0 16px;
  list-style: none;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 16px;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.BNews_track__14__B::-webkit-scrollbar {
  display: none;
}
.BNews_track__14__B {
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 1024px) {
  .BNews_track__14__B {
    gap: 32px;
    padding: 0 40px;
    scroll-padding-inline: 40px;
  }
}
@media (min-width: 1440px) {
  .BNews_track__14__B {
    padding: 0;
    scroll-padding-inline: 0;
  }
}

.BNews_slide__nfhPN {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: flex;
  flex: 0 0 254px;
  min-width: 0;
  height: 320px;
  border-radius: 12px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .BNews_slide__nfhPN {
    flex: 0 0 368px;
    height: 520px;
  }
}
@media (min-width: 1440px) {
  .BNews_slide__nfhPN {
    /* 4 карточки в ряд: 3 промежутка по 32px */
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 96px) / 4);
    height: 432px;
  }
}

.BNews_navigation__SlUki {
  display: none;
}
@media (min-width: 1024px) {
  .BNews_navigation__SlUki {
    display: flex;
    position: absolute;
    gap: 16px;
    top: -96px;
    right: 40px;
  }
}
@media (min-width: 1440px) {
  .BNews_navigation__SlUki {
    right: 0;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/RoundButton/RoundButton.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RoundButton_root__trVkN {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 7px;
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.RoundButton_root__trVkN:disabled {
  pointer-events: none;
  opacity: 0.4;
}
.RoundButton_root__trVkN:focus {
  outline: 0;
}
.RoundButton_root_tiny__Imrig {
  width: 24px;
  height: 24px;
  padding: 5px;
}
.RoundButton_root_small__q8iHq {
  width: 32px;
  height: 32px;
}
.RoundButton_root_medium__RKlBO {
  width: 40px;
  height: 40px;
  padding: 9px;
}
.RoundButton_root_large___RXAm {
  width: 48px;
  height: 48px;
  padding: 11px;
}
.RoundButton_root_whiteStroke__hadsZ {
  border: 1px solid #e6e8ec;
  background-color: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .RoundButton_root_whiteStroke__hadsZ:hover {
    border-color: #b1b5c3;
  }
}
.RoundButton_root_whiteStroke__hadsZ:active {
  border-color: #141416;
}
.RoundButton_root_whiteFilled__Et_3b {
  background-color: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .RoundButton_root_whiteFilled__Et_3b:hover {
    background-color: #e6e8ec;
  }
}
.RoundButton_root_whiteFilled__Et_3b:active {
  background-color: #D1D4DD;
}
.RoundButton_root_whiteTransparent__WO0HL {
  border: 1px solid #e6e8ec;
  background-color: transparent;
}
.RoundButton_root_blackFill__dM9Oa {
  border: 1px solid #141416;
  background-color: #141416;
}
@media (hover: hover) and (pointer: fine) {
  .RoundButton_root_blackFill__dM9Oa:hover {
    background-color: #23262f;
    border-color: #353945;
  }
}
.RoundButton_root_blackFill__dM9Oa:active {
  background-color: #353945;
  border-color: #777e90;
}
.RoundButton_root_blackStroke__kB7GC {
  border: 1px solid #141416;
  background-color: #ffffff;
}
.RoundButton_root_blackStroke__kB7GC div {
  color: #141416;
}
.RoundButton_root_fullGray__x8jQb {
  border: 1px solid #f4f5f6;
  background-color: #f4f5f6;
}
.RoundButton_root_fullGray__x8jQb div {
  color: #141416;
}
.RoundButton_root_blue__CtJd_ {
  border: 1px solid #015ff9;
  background-color: #015ff9;
}
@media (min-width: 1024px) {
  .RoundButton_root_tinyMd__r0yFD {
    width: 24px;
    height: 24px;
    padding: 5px;
  }
  .RoundButton_root_smallMd__zZjkY {
    width: 32px;
    height: 32px;
  }
  .RoundButton_root_mediumMd__v4s0M {
    width: 40px;
    height: 40px;
    padding: 9px;
  }
  .RoundButton_root_largeMd__ZZnV9 {
    width: 48px;
    height: 48px;
    padding: 11px;
  }
}
@media (min-width: 1440px) {
  .RoundButton_root_tinyLg__IwO9l {
    width: 24px;
    height: 24px;
    padding: 5px;
  }
  .RoundButton_root_smallLg__72OLQ {
    width: 32px;
    height: 32px;
  }
  .RoundButton_root_mediumLg__T_xjC {
    width: 40px;
    height: 40px;
    padding: 9px;
  }
  .RoundButton_root_largeLg__8Y7MA {
    width: 48px;
    height: 48px;
    padding: 11px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BPartners/PartnerCard/PartnerCard.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.PartnerCard_root__5zhc9 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}

.PartnerCard_top__l_oef {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  min-height: 0;
  padding: 24px;
  background: #f4f5f6;
  color: #141416;
}
@media (min-width: 1024px) {
  .PartnerCard_top__l_oef {
    padding: 32px;
  }
}

.PartnerCard_avatarWrapper__gfBe7 {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.PartnerCard_avatar__mds_1 {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 50%;
}

.PartnerCard_name__s320W {
  margin-top: 24px;
  font-size: 14px;
  line-height: 20px;
  color: #777e90;
}
@media (min-width: 1024px) {
  .PartnerCard_name__s320W {
    margin-top: 32px;
    font-size: 16px;
    line-height: 24px;
  }
}

.PartnerCard_owners__34iIA {
  margin-top: 8px;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .PartnerCard_owners__34iIA {
    margin-top: 12px;
    font-size: 24px;
    line-height: 32px;
  }
}

.PartnerCard_description__7e8vG {
  margin-top: 24px;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .PartnerCard_description__7e8vG {
    margin-top: 32px;
    font-size: 16px;
    line-height: 24px;
  }
}

.PartnerCard_projects__NV4R7 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
  margin-top: auto;
  padding-top: 24px;
}

.PartnerCard_project__pp1b2 {
  color: #015ff9;
  font-size: 14px;
  line-height: 20px;
}
.PartnerCard_project__pp1b2:not(:first-child)::before {
  content: "•";
  margin-right: 6px;
  color: #353945;
}
@media (hover: hover) {
  .PartnerCard_project__pp1b2:hover {
    color: #034AC0;
  }
}
@media (hover: none) {
  .PartnerCard_project__pp1b2:active {
    color: #034AC0;
  }
}
.PartnerCard_project__pp1b2:active {
  color: #0645aa;
}

.PartnerCard_imgWrapper__uLUxH {
  position: relative;
  width: 100%;
  height: 200px;
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .PartnerCard_imgWrapper__uLUxH {
    height: 230px;
  }
}
@media (min-width: 1440px) {
  .PartnerCard_imgWrapper__uLUxH {
    height: 252px;
  }
}
@media (min-width: 2048px) {
  .PartnerCard_imgWrapper__uLUxH {
    height: 293px;
  }
}

.PartnerCard_img__wBlEA {
  object-fit: cover;
}

.PartnerCard_roundBtn__goP53.PartnerCard_roundBtn__goP53 {
  position: absolute;
  right: 16px;
  bottom: 16px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BPartners/BPartners.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BPartners_root__PfH86 {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1024px) {
  .BPartners_root__PfH86 {
    gap: 48px;
  }
}

.BPartners_header__MlQ_H {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1024px) {
  .BPartners_header__MlQ_H {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
  }
}

.BPartners_headerInfo__qlioq {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 1024px) {
  .BPartners_headerInfo__qlioq {
    gap: 40px;
  }
}

.BPartners_title__6NrgC {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 32px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .BPartners_title__6NrgC {
    font-size: 48px;
    line-height: 48px;
  }
}
.BPartners_title__6NrgC {
  color: #141416;
}

.BPartners_description__8l_u2 {
  font-size: 20px;
  line-height: 24px;
  color: #141416;
}
@media (min-width: 1024px) {
  .BPartners_description__8l_u2 {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -0.02em;
  }
}

.BPartners_navWrap__P2pUs {
  display: none;
}
@media (min-width: 1024px) {
  .BPartners_navWrap__P2pUs {
    display: flex;
    flex-shrink: 0;
  }
}

.BPartners_container__jDl3Q {
  position: relative;
}

.BPartners_viewport__QGxd8 {
  position: relative;
  min-width: 0;
  margin: 0 -16px;
  width: calc(100% + 32px);
}
@media (min-width: 1024px) {
  .BPartners_viewport__QGxd8 {
    margin: 0 -40px;
    width: calc(100% + 80px);
  }
}
@media (min-width: 1440px) {
  .BPartners_viewport__QGxd8 {
    margin: 0;
    width: 100%;
    overflow: hidden;
  }
}

.BPartners_track__WENyN {
  display: flex;
  align-items: stretch;
  gap: 12px;
  margin: 0;
  padding: 0 16px;
  list-style: none;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 16px;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.BPartners_track__WENyN::-webkit-scrollbar {
  display: none;
}
.BPartners_track__WENyN {
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 1024px) {
  .BPartners_track__WENyN {
    gap: 32px;
    padding: 0 40px;
    scroll-padding-inline: 40px;
  }
}
@media (min-width: 1440px) {
  .BPartners_track__WENyN {
    padding: 0;
    scroll-padding-inline: 0;
  }
}

@media (min-width: 1440px) {
  .BPartners_trackFew__0ilH8 {
    overflow-x: visible;
    scroll-snap-type: none;
  }
  .BPartners_trackFew__0ilH8 .BPartners_slide__TwKTS {
    flex: 1 1;
    min-width: 0;
    width: auto;
  }
}

@media (min-width: 1024px) {
  .BPartners_trackFewTablet__U_oq9 {
    overflow-x: visible;
    scroll-snap-type: none;
  }
  .BPartners_trackFewTablet__U_oq9 .BPartners_slide__TwKTS {
    flex: 1 1;
    min-width: 0;
    width: auto;
  }
}

.BPartners_trackFewMobile__83cTn {
  overflow-x: visible;
  scroll-snap-type: none;
}
.BPartners_trackFewMobile__83cTn .BPartners_slide__TwKTS {
  flex: 1 1;
  min-width: 0;
  width: auto;
}

.BPartners_slide__TwKTS {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: flex;
  flex: 0 0 320px;
  min-width: 0;
  height: 680px;
}
@media (min-width: 1024px) {
  .BPartners_slide__TwKTS {
    flex: 0 0 368px;
    height: 820px;
  }
}
@media (min-width: 1440px) {
  .BPartners_slide__TwKTS {
    flex: 0 0 403px;
  }
}
@media (min-width: 2048px) {
  .BPartners_slide__TwKTS {
    flex: 0 0 465px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BSliderTabs/BSliderTabs.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BSliderTabs_root__nadQa {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.BSliderTabs_container__JHkuB.BSliderTabs_container__JHkuB {
  gap: 32px;
}
@media (min-width: 1024px) {
  .BSliderTabs_container__JHkuB.BSliderTabs_container__JHkuB {
    gap: 48px;
  }
}

.BSliderTabs_slideWithCaption__bXEb5 {
  width: 100%;
  height: 100%;
}

.BSliderTabs_tabHeadline__ZXLlF.BSliderTabs_tabHeadline__ZXLlF {
  font-size: 16px;
  line-height: 24px;
}
@media (min-width: 1024px) {
  .BSliderTabs_tabHeadline__ZXLlF.BSliderTabs_tabHeadline__ZXLlF {
    font-size: 20px;
  }
}

@keyframes BSliderTabs_descriptionFadeIn__Lpv9L {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.BSliderTabs_description___0jmw {
  margin: 0;
  flex-shrink: 0;
  font-size: 14px;
  line-height: 20px;
  color: #141416;
  animation: BSliderTabs_descriptionFadeIn__Lpv9L 0.3s ease-out forwards;
}
@media (min-width: 1024px) {
  .BSliderTabs_description___0jmw {
    font-size: 16px;
    line-height: 24px;
  }
}

.BSliderTabs_blockDescription__XiKJO {
  order: 1;
  margin: -8px 0 0;
  color: #141416;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .BSliderTabs_blockDescription__XiKJO {
    order: 0;
    margin: 0 0 -12px;
    font-size: 16px;
    line-height: 24px;
  }
}

.BSliderTabs_captionImageWrap__HS_d4 {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
}

.BSliderTabs_captionImage__h_fcB {
  object-fit: cover;
}

.BSliderTabs_content__vlz44 {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1024px) {
  .BSliderTabs_content__vlz44 {
    gap: 32px;
  }
}

.BSliderTabs_slideDesktop__kLEvo {
  display: none;
}
@media (min-width: 1024px) {
  .BSliderTabs_slideDesktop__kLEvo {
    display: flex;
    flex-direction: column;
    gap: 20px;
    --b-slider-tabs-media-h: 430px;
    min-height: 430px;
  }
}
@media (min-width: 1440px) {
  .BSliderTabs_slideDesktop__kLEvo {
    --b-slider-tabs-media-h: 620px;
    min-height: 620px;
  }
}
@media (min-width: 2048px) {
  .BSliderTabs_slideDesktop__kLEvo {
    --b-slider-tabs-media-h: 720px;
    min-height: 720px;
  }
}

.BSliderTabs_slideMobile__VpOla {
  display: flex;
  flex-direction: column;
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 32px);
  overflow: hidden;
}
@media (min-width: 1024px) {
  .BSliderTabs_slideMobile__VpOla {
    display: none;
  }
}

.BSliderTabs_sliderWrap__iE28P {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 12px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .BSliderTabs_sliderWrap__iE28P {
    flex: 1 1;
    min-height: 0;
    align-self: stretch;
    display: flex;
    flex-direction: column;
  }
}

.BSliderTabs_slider__Gf_ZF {
  width: 100%;
  border-radius: 12px;
  touch-action: pan-y;
}

.BSliderTabs_sliderDesktop__e1T_4.BSliderTabs_sliderDesktop__e1T_4 {
  width: 100%;
  max-width: 100%;
  border-radius: 12px;
}

.BSliderTabs_desktopSlideImg__VhlzY.BSliderTabs_desktopSlideImg__VhlzY {
  display: none;
  border-radius: 12px;
}
@media (min-width: 1024px) {
  .BSliderTabs_desktopSlideImg__VhlzY.BSliderTabs_desktopSlideImg__VhlzY {
    display: block;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
  }
}

.BSliderTabs_arrowsButtons__uBTJF {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  pointer-events: none;
}
@media (min-width: 1024px) {
  .BSliderTabs_arrowsButtons__uBTJF {
    padding: 0 24px;
  }
}

.BSliderTabs_arrowsButtonWrap__LSQfX {
  pointer-events: auto;
  flex-shrink: 0;
}

.BSliderTabs_arrowIcon__Q20gq {
  width: 24px;
  height: 24px;
  color: #141416;
}
.BSliderTabs_arrowIcon_prev__Wv401 {
  transform: rotate(180deg);
}

.BSliderTabs_mobileSliderWrap__JpUib {
  width: 100%;
  overflow: hidden;
}

.BSliderTabs_mobileSliderWrap__JpUib .BSliderTabs_mobileSlider__FlpAl {
  padding: 0 16px;
  touch-action: pan-y;
}

.BSliderTabs_mobileSliderWrap__JpUib .BSliderTabs_mobileSlider__FlpAl .BSliderTabs_mobileCard__z46B5 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 83.47vw;
  height: auto;
  box-sizing: border-box;
}

.BSliderTabs_mobileSliderWrap_single__7CVJf .BSliderTabs_mobileSlider__FlpAl .BSliderTabs_mobileCard__z46B5 {
  width: 100%;
}

.BSliderTabs_mobileCardImageWrap__OpHKd {
  position: relative;
  width: 100%;
  height: 400px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 12px;
}

.BSliderTabs_image__X20ot {
  object-fit: cover;
}

.BSliderTabs_mobileCardCaption__omdHs {
  font-size: 16px;
  line-height: 24px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/SliderWithTabbar/Slides/Slides.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Slides_sliderWrap__GI_Wu {
  position: relative;
  width: 100%;
  height: 100%;
}
.Slides_sliderWrap_withPagination__rPypG {
  display: flex;
  flex-direction: column;
}

.Slides_slider__Dz_Vs {
  height: 100%;
  border-radius: 24px;
  touch-action: pan-y;
  flex: 1 1;
  min-height: 0;
}

.Slides_slide__UN36a {
  width: 100%;
  height: 100%;
}

.Slides_img__uf_3O {
  height: 440px;
  object-fit: cover;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .Slides_img__uf_3O {
    height: var(--b-slider-tabs-media-h, 640px);
    min-height: var(--b-slider-tabs-media-h, 640px);
  }
}
.Slides_img_first__tnCto {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.Slides_img_last__Havt1 {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}

.Slides_videoSlideOuter___x9gs {
  position: relative;
  width: 100%;
  height: 440px;
  flex-shrink: 0;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .Slides_videoSlideOuter___x9gs {
    height: var(--b-slider-tabs-media-h, 640px);
    min-height: var(--b-slider-tabs-media-h, 640px);
  }
}

.Slides_videoSlidePlayer__hUM8p {
  width: 100%;
  height: 100%;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/lk/components/Button/styles.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_button__cb_70 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 48px;
  font-family: inherit;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 8px;
  height: max-content;
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.styles_button__cb_70:disabled {
  cursor: default;
}

.styles_width_default__gaIab {
  width: max-content;
}

.styles_width_full__FwBsc {
  width: 100%;
}

.styles_button--disabled__QiNtK {
  opacity: 0.6;
  cursor: not-allowed;
}

.styles_button--blue___fJ81 {
  background-color: #3b82f6;
  border: 1px solid #3b82f6;
  color: white;
}
@media (hover: hover) and (pointer: fine) {
  .styles_button--blue___fJ81:hover:not(.styles_button--disabled__QiNtK) {
    background-color: #0645aa;
    border: 1px solid #0645aa;
  }
}
.styles_button--blue___fJ81:active:not(.styles_button--disabled__QiNtK) {
  background-color: #043687;
  border: 1px solid #043687;
}
.styles_button--blue___fJ81:disabled {
  background-color: #92bbff;
  border: 1px solid #92bbff;
}

.styles_button--old_blue__Fadnf {
  background-color: #015ff9;
  border: 1px solid #015ff9;
  color: white;
}
@media (hover: hover) and (pointer: fine) {
  .styles_button--old_blue__Fadnf:hover:not(.styles_button--disabled__QiNtK) {
    background-color: #024ac0;
    border: 1px solid #024ac0;
  }
}
.styles_button--old_blue__Fadnf:active:not(.styles_button--disabled__QiNtK) {
  background-color: #0645aa;
  border: 1px solid #0645aa;
}
.styles_button--old_blue__Fadnf:disabled {
  background-color: #4786ef;
  border: 1px solid #4786ef;
}

.styles_button--light_blue__Ohs4b {
  background-color: #e7f0ff;
  border: 1px solid #e7f0ff;
  color: #015ff9;
}
@media (hover: hover) and (pointer: fine) {
  .styles_button--light_blue__Ohs4b:hover:not(.styles_button--disabled__QiNtK) {
    background-color: #d4e4ff;
    border: 1px solid #d4e4ff;
  }
}
.styles_button--light_blue__Ohs4b:active:not(.styles_button--disabled__QiNtK) {
  background-color: #015ff9;
  border: 1px solid #015ff9;
  color: white;
}
.styles_button--light_blue__Ohs4b:disabled {
  background-color: #e7f0ff;
  border: 1px solid #e7f0ff;
}

.styles_button--gray_fill__5EPrr {
  background-color: #f4f5f6;
  border: 1px solid #f4f5f6;
  color: #777e90;
}
@media (hover: hover) and (pointer: fine) {
  .styles_button--gray_fill__5EPrr:hover:not(.styles_button--disabled__QiNtK) {
    border: solid 1px #b1b5c3;
  }
}
.styles_button--gray_fill__5EPrr:active:not(.styles_button--disabled__QiNtK) {
  background-color: #e6e8ec;
  border: 1px solid #e6e8ec;
}

.styles_button--gray_stroke__TeLbb {
  background-color: #ffffff;
  border: 1px solid #e6e8ec;
  color: #141416;
}
@media (hover: hover) and (pointer: fine) {
  .styles_button--gray_stroke__TeLbb:hover:not(.styles_button--disabled__QiNtK) {
    border: solid 1px #b1b5c3;
  }
}
.styles_button--gray_stroke__TeLbb:active:not(.styles_button--disabled__QiNtK) {
  border: 1px solid #141416;
}

.styles_button--black__NCLcp {
  background-color: #141416;
  border: 1px solid #141416;
  color: white;
}
@media (hover: hover) and (pointer: fine) {
  .styles_button--black__NCLcp:hover:not(.styles_button--disabled__QiNtK) {
    background-color: #23262f;
    border: 1px solid #23262f;
  }
}
.styles_button--black__NCLcp:active:not(.styles_button--disabled__QiNtK) {
  background-color: #353945;
  border: 1px solid #353945;
}
.styles_button--black__NCLcp:disabled {
  background-color: #777e90;
  border: 1px solid #777e90;
}

.styles_button--transparent_black__O1r8H {
  background-color: transparent;
  border: 1px solid transparent;
  color: white;
}
@media (hover: hover) and (pointer: fine) {
  .styles_button--transparent_black__O1r8H:hover:not(.styles_button--disabled__QiNtK) {
    background-color: #23262f;
    border: 1px solid #23262f;
  }
}
.styles_button--transparent_black__O1r8H:active:not(.styles_button--disabled__QiNtK) {
  background-color: #353945;
  border: 1px solid #353945;
}
.styles_button--transparent_black__O1r8H:disabled {
  background-color: #777e90;
  border: 1px solid #777e90;
}

.styles_button--white__jYC3H {
  background-color: #fcfcfd;
}
@media (hover: hover) and (pointer: fine) {
  .styles_button--white__jYC3H:hover:not(.styles_button--disabled__QiNtK) {
    background-color: #f4f5f6;
  }
}
.styles_button--white__jYC3H:active:not(.styles_button--disabled__QiNtK) {
  background-color: #fcfcfd;
}
.styles_button--white__jYC3H:disabled {
  background-color: #f4f5f6;
}

.styles_button--transparent___TSji {
  background-color: transparent;
  border: 1px solid transparent;
  color: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .styles_button--transparent___TSji:hover:not(.styles_button--disabled__QiNtK) {
    background-color: rgba(20, 20, 22, 0.1);
  }
}
.styles_button--transparent___TSji:active:not(.styles_button--disabled__QiNtK) {
  background-color: rgba(20, 20, 22, 0.1);
}
.styles_button--transparent___TSji:disabled {
  background-color: transparent;
}

.styles_button--small__EXN7_ {
  padding: 7px 15px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}

.styles_button--medium__L_HEy {
  padding: 11px 24px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.styles_button--large__AsdNT {
  font-size: 16px;
  min-height: 44px;
}

.styles_button--old_medium__nn_N0 {
  padding: 9px 15px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}

.styles_button--old_small__xY5Tv {
  padding: 7px 11px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}

.styles_button--icon__CHeja {
  border: 0;
  padding: 10px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/InfoListHeader/infoListHeader.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.infoListHeader_btnWrapper__J_FkW {
  display: flex;
  align-items: center;
  gap: 4px;
}

.infoListHeader_tabletPhone__GlBe0 {
  display: none;
}

.infoListHeader_iconBtn__12FSA {
  padding: 9px !important;
  border: unset !important;
}

.infoListHeader_counter__oMpAQ {
  font-size: 8px;
  color: #ffffff;
  position: absolute;
  top: 5px;
  right: 2px;
  background: #015ff9;
  border-radius: 100px;
  height: 14px;
  width: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.infoListHeader_leftSide__BgBW6 {
  align-items: center;
  display: flex;
  gap: 16px;
}

.infoListHeader_rightSide___NmRQ {
  display: flex;
}

.infoListHeader_mobileBurger__LUWyN.infoListHeader_mobileBurger__LUWyN {
  display: flex;
}

@media (min-width: 1024px) {
  .infoListHeader_btnWrapper__J_FkW {
    gap: 40px;
  }
  .infoListHeader_mobileBurger__LUWyN.infoListHeader_mobileBurger__LUWyN {
    display: none;
  }
  .infoListHeader_tabletPhone__GlBe0 {
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
  }
  .infoListHeader_tabletPhone__GlBe0:hover {
    opacity: 0.7;
  }
  .infoListHeader_tabletPhoneLight__rIMjp {
    color: #141416;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/uikit/InputWrapper/InputWrapper.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.InputWrapper_root__nwP2_ {
  cursor: text;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  border: 1px transparent solid;
  border-radius: 32px;
  transition: border-color, box-shadow 0.2s cubic-bezier(0.65, 0, 0.35, 1);
  transition-duration: 0.2s;
}
.InputWrapper_root__nwP2_ input:-webkit-autofill,
.InputWrapper_root__nwP2_ input:-webkit-autofill:hover,
.InputWrapper_root__nwP2_ input:-webkit-autofill:focus,
.InputWrapper_root__nwP2_ input:-webkit-autofill:active {
  border: 0;
  -webkit-box-shadow: 0 0 0 30px transparent inset !important;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  border-bottom-color: transparent;
}
.InputWrapper_root__nwP2_.InputWrapper__isError__y7ai4 {
  border-color: #de4242;
}
.InputWrapper_root__nwP2_.InputWrapper__isError__y7ai4 .InputWrapper_enhancer__f__L_ {
  color: #de4242;
}
.InputWrapper_root__nwP2_.InputWrapper__isError__y7ai4 .InputWrapper_input__mQSE0 {
  color: #de4242;
}
.InputWrapper_root__nwP2_.InputWrapper__isError__y7ai4 .InputWrapper_input__mQSE0::placeholder {
  color: #de4242;
}

.InputWrapper_inputBox__B2Li5 {
  position: relative;
  width: 100%;
  height: 100%;
}

.InputWrapper_enhancer__f__L_ {
  cursor: text;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #b1b5c3;
}

.InputWrapper_selectEnhancer__EdulH {
  cursor: pointer;
}

.InputWrapper_input__mQSE0 {
  height: 100%;
  font-family: tt-hoves-pro, BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #141416;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
}
.InputWrapper_input__mQSE0::placeholder {
  color: #777e90;
}
.InputWrapper_input__mQSE0:disabled {
  color: #b1b5c3;
  opacity: 1;
  -webkit-text-fill-color: #b1b5c3;
}
.InputWrapper_input__mQSE0 {
  border: none;
  border-radius: 0;
  box-shadow: 0;
}
.InputWrapper_input__mQSE0:focus {
  outline: 0;
}

.InputWrapper__s-tiny__e720J {
  height: 48px;
  border-radius: 48px;
}
.InputWrapper__s-tiny__e720J .InputWrapper_enhancer__f__L_:first-child {
  padding-right: 4px;
  padding-left: 24px;
}
.InputWrapper__s-tiny__e720J .InputWrapper_enhancer__f__L_:last-child {
  padding-right: 24px;
  padding-left: 4px;
}
.InputWrapper__s-tiny__e720J .InputWrapper_input__mQSE0 {
  height: 100%;
  font-size: 16px;
  line-height: 24px;
}
.InputWrapper__s-tiny__e720J .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
  padding: 12px 24px;
}
.InputWrapper__s-tiny__e720J .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
  padding-left: 0;
}
.InputWrapper__s-tiny__e720J .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
  padding-right: 0;
}

.InputWrapper__s-small__fVKXs {
  height: 40px;
  border-radius: 48px;
}
.InputWrapper__s-small__fVKXs .InputWrapper_enhancer__f__L_:first-child {
  padding-right: 4px;
  padding-left: 10px;
}
.InputWrapper__s-small__fVKXs .InputWrapper_enhancer__f__L_:last-child {
  padding-right: 10px;
  padding-left: 4px;
}
.InputWrapper__s-small__fVKXs .InputWrapper_input__mQSE0 {
  height: 100%;
  font-size: 14px;
  line-height: 20px;
}
.InputWrapper__s-small__fVKXs .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
  padding: 10px 13px;
}
.InputWrapper__s-small__fVKXs .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
  padding-left: 0;
}
.InputWrapper__s-small__fVKXs .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
  padding-right: 0;
}

.InputWrapper__s-medium__4eSj9 {
  height: 48px;
  border-radius: 12px;
}
.InputWrapper__s-medium__4eSj9 .InputWrapper_enhancer__f__L_:first-child {
  padding-right: 4px;
  padding-left: 14px;
}
.InputWrapper__s-medium__4eSj9 .InputWrapper_enhancer__f__L_:last-child {
  padding-right: 14px;
  padding-left: 4px;
}
.InputWrapper__s-medium__4eSj9 .InputWrapper_input__mQSE0 {
  height: 100%;
  font-size: 14px;
  line-height: 20px;
}
.InputWrapper__s-medium__4eSj9 .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
  padding: 13px 19px;
}
.InputWrapper__s-medium__4eSj9 .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
  padding-left: 0;
}
.InputWrapper__s-medium__4eSj9 .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
  padding-right: 0;
}

.InputWrapper__s-medium-rounded__jv7XS {
  height: 48px;
  border-radius: 24px;
  padding-right: 4px;
  padding-left: 14px;
}
.InputWrapper__s-medium-rounded__jv7XS .InputWrapper_enhancer__f__L_:first-child {
  padding-right: 4px;
  padding-left: 14px;
}
.InputWrapper__s-medium-rounded__jv7XS .InputWrapper_enhancer__f__L_:last-child {
  padding-right: 14px;
  padding-left: 4px;
}
.InputWrapper__s-medium-rounded__jv7XS .InputWrapper_input__mQSE0 {
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.InputWrapper__s-medium-rounded__jv7XS .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
  padding: 13px 19px;
}
.InputWrapper__s-medium-rounded__jv7XS .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
  padding-left: 0;
}
.InputWrapper__s-medium-rounded__jv7XS .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
  padding-right: 0;
}

.InputWrapper__s-large__E_xB0 {
  height: 56px;
  border-radius: 16px;
}
.InputWrapper__s-large__E_xB0 .InputWrapper_input__mQSE0 {
  height: 100%;
  margin-top: 0;
  font-size: 16px;
  line-height: 24px;
}
.InputWrapper__s-large__E_xB0 .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
  padding: 15px 23px;
}
.InputWrapper__s-large__E_xB0 .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
  padding-left: 0;
}
.InputWrapper__s-large__E_xB0 .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
  padding-right: 0;
}
.InputWrapper__s-large__E_xB0 .InputWrapper_enhancer__f__L_:first-child {
  padding-right: 8px;
  padding-left: 14px;
}
.InputWrapper__s-large__E_xB0 .InputWrapper_enhancer__f__L_:last-child {
  padding-right: 14px;
  padding-left: 8px;
}

@media (min-width: 768px) {
  .InputWrapper__s_md-tiny__KPZ4I {
    height: 48px;
    border-radius: 48px;
  }
  .InputWrapper__s_md-tiny__KPZ4I .InputWrapper_enhancer__f__L_:first-child {
    padding-right: 4px;
    padding-left: 24px;
  }
  .InputWrapper__s_md-tiny__KPZ4I .InputWrapper_enhancer__f__L_:last-child {
    padding-right: 24px;
    padding-left: 4px;
  }
  .InputWrapper__s_md-tiny__KPZ4I .InputWrapper_input__mQSE0 {
    height: 100%;
    font-size: 16px;
    line-height: 24px;
  }
  .InputWrapper__s_md-tiny__KPZ4I .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
    padding: 12px 24px;
  }
  .InputWrapper__s_md-tiny__KPZ4I .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
    padding-left: 0;
  }
  .InputWrapper__s_md-tiny__KPZ4I .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
    padding-right: 0;
  }
  .InputWrapper__s_md-small__lwUGq {
    height: 40px;
    border-radius: 48px;
  }
  .InputWrapper__s_md-small__lwUGq .InputWrapper_enhancer__f__L_:first-child {
    padding-right: 4px;
    padding-left: 10px;
  }
  .InputWrapper__s_md-small__lwUGq .InputWrapper_enhancer__f__L_:last-child {
    padding-right: 10px;
    padding-left: 4px;
  }
  .InputWrapper__s_md-small__lwUGq .InputWrapper_input__mQSE0 {
    height: 100%;
    font-size: 14px;
    line-height: 20px;
  }
  .InputWrapper__s_md-small__lwUGq .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
    padding: 10px 13px;
  }
  .InputWrapper__s_md-small__lwUGq .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
    padding-left: 0;
  }
  .InputWrapper__s_md-small__lwUGq .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
    padding-right: 0;
  }
  .InputWrapper__s_md-medium__Cw_U4 {
    height: 48px;
    border-radius: 12px;
  }
  .InputWrapper__s_md-medium__Cw_U4 .InputWrapper_enhancer__f__L_:first-child {
    padding-right: 4px;
    padding-left: 14px;
  }
  .InputWrapper__s_md-medium__Cw_U4 .InputWrapper_enhancer__f__L_:last-child {
    padding-right: 14px;
    padding-left: 4px;
  }
  .InputWrapper__s_md-medium__Cw_U4 .InputWrapper_input__mQSE0 {
    height: 100%;
    font-size: 14px;
    line-height: 20px;
  }
  .InputWrapper__s_md-medium__Cw_U4 .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
    padding: 13px 19px;
  }
  .InputWrapper__s_md-medium__Cw_U4 .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
    padding-left: 0;
  }
  .InputWrapper__s_md-medium__Cw_U4 .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
    padding-right: 0;
  }
  .InputWrapper__s_md-medium-rounded___jMkL {
    height: 48px;
    border-radius: 24px;
  }
  .InputWrapper__s_md-medium-rounded___jMkL .InputWrapper_enhancer__f__L_:first-child {
    padding-right: 4px;
    padding-left: 14px;
  }
  .InputWrapper__s_md-medium-rounded___jMkL .InputWrapper_enhancer__f__L_:last-child {
    padding-right: 14px;
    padding-left: 4px;
  }
  .InputWrapper__s_md-medium-rounded___jMkL .InputWrapper_input__mQSE0 {
    height: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .InputWrapper__s_md-medium-rounded___jMkL .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
    padding: 13px 19px;
  }
  .InputWrapper__s_md-medium-rounded___jMkL .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
    padding-left: 0;
  }
  .InputWrapper__s_md-medium-rounded___jMkL .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
    padding-right: 0;
  }
  .InputWrapper__s_md-large__JzkOy {
    height: 56px;
    border-radius: 16px;
  }
  .InputWrapper__s_md-large__JzkOy .InputWrapper_input__mQSE0 {
    height: 100%;
    margin-top: 0;
    font-size: 16px;
    line-height: 24px;
  }
  .InputWrapper__s_md-large__JzkOy .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
    padding: 15px 23px;
  }
  .InputWrapper__s_md-large__JzkOy .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
    padding-left: 0;
  }
  .InputWrapper__s_md-large__JzkOy .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
    padding-right: 0;
  }
  .InputWrapper__s_md-large__JzkOy .InputWrapper_enhancer__f__L_:first-child {
    padding-right: 8px;
    padding-left: 14px;
  }
  .InputWrapper__s_md-large__JzkOy .InputWrapper_enhancer__f__L_:last-child {
    padding-right: 14px;
    padding-left: 8px;
  }
}
@media (min-width: 1024px) {
  .InputWrapper__s_lg-tiny__xjnl6 {
    height: 48px;
    border-radius: 48px;
  }
  .InputWrapper__s_lg-tiny__xjnl6 .InputWrapper_enhancer__f__L_:first-child {
    padding-right: 4px;
    padding-left: 24px;
  }
  .InputWrapper__s_lg-tiny__xjnl6 .InputWrapper_enhancer__f__L_:last-child {
    padding-right: 24px;
    padding-left: 4px;
  }
  .InputWrapper__s_lg-tiny__xjnl6 .InputWrapper_input__mQSE0 {
    height: 100%;
    font-size: 16px;
    line-height: 24px;
  }
  .InputWrapper__s_lg-tiny__xjnl6 .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
    padding: 12px 24px;
  }
  .InputWrapper__s_lg-tiny__xjnl6 .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
    padding-left: 0;
  }
  .InputWrapper__s_lg-tiny__xjnl6 .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
    padding-right: 0;
  }
  .InputWrapper__s_lg-small__XN3ju {
    height: 40px;
    border-radius: 48px;
  }
  .InputWrapper__s_lg-small__XN3ju .InputWrapper_enhancer__f__L_:first-child {
    padding-right: 4px;
    padding-left: 10px;
  }
  .InputWrapper__s_lg-small__XN3ju .InputWrapper_enhancer__f__L_:last-child {
    padding-right: 10px;
    padding-left: 4px;
  }
  .InputWrapper__s_lg-small__XN3ju .InputWrapper_input__mQSE0 {
    height: 100%;
    font-size: 14px;
    line-height: 20px;
  }
  .InputWrapper__s_lg-small__XN3ju .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
    padding: 10px 13px;
  }
  .InputWrapper__s_lg-small__XN3ju .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
    padding-left: 0;
  }
  .InputWrapper__s_lg-small__XN3ju .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
    padding-right: 0;
  }
  .InputWrapper__s_lg-medium__mm3DY {
    height: 48px;
    border-radius: 12px;
  }
  .InputWrapper__s_lg-medium__mm3DY .InputWrapper_enhancer__f__L_:first-child {
    padding-right: 4px;
    padding-left: 14px;
  }
  .InputWrapper__s_lg-medium__mm3DY .InputWrapper_enhancer__f__L_:last-child {
    padding-right: 14px;
    padding-left: 4px;
  }
  .InputWrapper__s_lg-medium__mm3DY .InputWrapper_input__mQSE0 {
    height: 100%;
    font-size: 14px;
    line-height: 20px;
  }
  .InputWrapper__s_lg-medium__mm3DY .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
    padding: 13px 19px;
  }
  .InputWrapper__s_lg-medium__mm3DY .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
    padding-left: 0;
  }
  .InputWrapper__s_lg-medium__mm3DY .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
    padding-right: 0;
  }
  .InputWrapper__s_lg-medium-rounded__q6QcI {
    height: 48px;
    border-radius: 24px;
  }
  .InputWrapper__s_lg-medium-rounded__q6QcI .InputWrapper_enhancer__f__L_:first-child {
    padding-right: 4px;
    padding-left: 14px;
  }
  .InputWrapper__s_lg-medium-rounded__q6QcI .InputWrapper_enhancer__f__L_:last-child {
    padding-right: 14px;
    padding-left: 4px;
  }
  .InputWrapper__s_lg-medium-rounded__q6QcI .InputWrapper_input__mQSE0 {
    height: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .InputWrapper__s_lg-medium-rounded__q6QcI .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
    padding: 13px 19px;
  }
  .InputWrapper__s_lg-medium-rounded__q6QcI .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
    padding-left: 0;
  }
  .InputWrapper__s_lg-medium-rounded__q6QcI .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
    padding-right: 0;
  }
  .InputWrapper__s_lg-large__rPDY1 {
    height: 56px;
    border-radius: 16px;
  }
  .InputWrapper__s_lg-large__rPDY1 .InputWrapper_input__mQSE0 {
    height: 100%;
    margin-top: 0;
    font-size: 16px;
    line-height: 24px;
  }
  .InputWrapper__s_lg-large__rPDY1 .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
    padding: 15px 23px;
  }
  .InputWrapper__s_lg-large__rPDY1 .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
    padding-left: 0;
  }
  .InputWrapper__s_lg-large__rPDY1 .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
    padding-right: 0;
  }
  .InputWrapper__s_lg-large__rPDY1 .InputWrapper_enhancer__f__L_:first-child {
    padding-right: 8px;
    padding-left: 14px;
  }
  .InputWrapper__s_lg-large__rPDY1 .InputWrapper_enhancer__f__L_:last-child {
    padding-right: 14px;
    padding-left: 8px;
  }
}
.InputWrapper__variant-blackStroke___sl4N {
  border: 1px solid #e6e8ec;
}
.InputWrapper__variant-blackStroke___sl4N:hover:not(.InputWrapper__disabled__MplJ_, .InputWrapper__isError__y7ai4) {
  border-color: #e6e8ec;
}
.InputWrapper__variant-blackStroke___sl4N:focus-within:not(.InputWrapper__disabled__MplJ_) {
  border-color: #e6e8ec;
}
.InputWrapper__variant-blackStroke___sl4N:focus-within:not(.InputWrapper__disabled__MplJ_):not(.InputWrapper__isError__y7ai4) .InputWrapper_enhancer__f__L_:first-child {
  color: #b1b5c3;
}
.InputWrapper__variant-blackStroke___sl4N:focus-within:not(.InputWrapper__disabled__MplJ_).InputWrapper__isError__y7ai4 {
  border-color: #de4242;
}
.InputWrapper__variant-blackStroke___sl4N.InputWrapper__disabled__MplJ_ {
  border-color: #f4f5f6;
}
.InputWrapper__variant-blackStroke___sl4N.InputWrapper__disabled__MplJ_ .InputWrapper_enhancer__f__L_ {
  pointer-events: none;
  color: #b1b5c3;
}
.InputWrapper__variant-blackStroke___sl4N.InputWrapper__disabled__MplJ_ .InputWrapper_input__mQSE0 {
  color: #b1b5c3;
}

.InputWrapper__variant-newDom__dICM3 {
  border: 1px solid #b1b5c3;
  border-radius: 48px;
}
.InputWrapper__variant-newDom__dICM3 > input {
  font-size: 16px;
  line-height: 24px;
  padding: 10px 23px;
}
.InputWrapper__variant-newDom__dICM3:hover {
  border: 1px solid #777e90;
}
.InputWrapper__variant-newDom__dICM3:has(input:focus) {
  border: 1px solid #141416;
}
.InputWrapper__variant-newDom__dICM3:has(input:disabled) {
  background: #f4f5f6;
  border: 1px solid #e6e8ec;
}
.InputWrapper__variant-newDom__dICM3:has(input:disabled) input {
  color: #b1b5c3;
}
.InputWrapper__variant-newDom__dICM3:has(input:disabled) input::placeholder {
  color: #b1b5c3;
}
.InputWrapper__variant-newDom__dICM3:has(input:disabled) span {
  color: #b1b5c3;
}

.InputWrapper__variant-newDomWhite__hqd07 {
  background: #ffffff;
  border: 1px solid #b1b5c3;
  border-radius: 48px;
}
.InputWrapper__variant-newDomWhite__hqd07::placeholder {
  color: #b1b5c3;
}
.InputWrapper__variant-newDomWhite__hqd07:hover {
  border: 1px solid #777e90;
}
.InputWrapper__variant-newDomWhite__hqd07:has(input:focus) {
  border: 1px solid #141416;
}
.InputWrapper__variant-newDomWhite__hqd07:has(input:disabled) {
  background: #f4f5f6;
  border: 1px solid #e6e8ec;
}
.InputWrapper__variant-newDomWhite__hqd07:has(input:disabled) .InputWrapper_input__mQSE0 {
  color: #b1b5c3;
}
.InputWrapper__variant-newDomWhite__hqd07:has(input:disabled) .InputWrapper_input__mQSE0::placeholder {
  color: #b1b5c3;
}
.InputWrapper__variant-newDomWhite__hqd07:has(input:disabled) span {
  color: #b1b5c3;
}

.InputWrapper__variant-blackFill__UTXmG {
  background-color: #f4f5f6;
}
.InputWrapper__variant-blackFill__UTXmG:hover:not(.InputWrapper__disabled__MplJ_, .InputWrapper__isError__y7ai4) {
  background-color: #e6e8ec;
}
.InputWrapper__variant-blackFill__UTXmG:hover:not(.InputWrapper__disabled__MplJ_, .InputWrapper__isError__y7ai4) .InputWrapper_input__mQSE0 {
  color: #353945;
}
.InputWrapper__variant-blackFill__UTXmG:focus-within:not(.InputWrapper__disabled__MplJ_) {
  background-color: #e6e8ec;
}
.InputWrapper__variant-blackFill__UTXmG:focus-within:not(.InputWrapper__disabled__MplJ_):not(.InputWrapper__isError__y7ai4) .InputWrapper_enhancer__f__L_:first-child {
  color: #b1b5c3;
}
.InputWrapper__variant-blackFill__UTXmG:focus-within:not(.InputWrapper__disabled__MplJ_).InputWrapper__isError__y7ai4 {
  border-color: #de4242;
}
.InputWrapper__variant-blackFill__UTXmG.InputWrapper__disabled__MplJ_ {
  background-color: #fcfcfd;
}
.InputWrapper__variant-blackFill__UTXmG.InputWrapper__disabled__MplJ_ .InputWrapper_enhancer__f__L_ {
  pointer-events: none;
  color: #b1b5c3;
}
.InputWrapper__variant-blackFill__UTXmG.InputWrapper__disabled__MplJ_ .InputWrapper_input__mQSE0 {
  color: #b1b5c3;
}

.InputWrapper__variant-whiteStroke__rRtd9 {
  border: 1px solid #353945;
}
.InputWrapper__variant-whiteStroke__rRtd9:hover:not(.InputWrapper__disabled__MplJ_, .InputWrapper__isError__y7ai4) {
  border-color: #777e90;
}
.InputWrapper__variant-whiteStroke__rRtd9:focus-within:not(.InputWrapper__disabled__MplJ_) {
  border-color: #777e90;
}
.InputWrapper__variant-whiteStroke__rRtd9:focus-within:not(.InputWrapper__disabled__MplJ_):not(.InputWrapper__isError__y7ai4) .InputWrapper_enhancer__f__L_:first-child {
  color: #b1b5c3;
}
.InputWrapper__variant-whiteStroke__rRtd9:focus-within:not(.InputWrapper__disabled__MplJ_).InputWrapper__isError__y7ai4 {
  border-color: #de4242;
}
.InputWrapper__variant-whiteStroke__rRtd9:focus-within:not(.InputWrapper__disabled__MplJ_) .InputWrapper_input__mQSE0::placeholder {
  color: #b1b5c3;
}
.InputWrapper__variant-whiteStroke__rRtd9.InputWrapper__disabled__MplJ_ {
  border-color: #23262f;
}
.InputWrapper__variant-whiteStroke__rRtd9.InputWrapper__disabled__MplJ_ .InputWrapper_enhancer__f__L_ {
  pointer-events: none;
  color: #353945;
}
.InputWrapper__variant-whiteStroke__rRtd9.InputWrapper__disabled__MplJ_ .InputWrapper_input__mQSE0 {
  color: #353945;
}
.InputWrapper__variant-whiteStroke__rRtd9 .InputWrapper_input__mQSE0 {
  color: #fff;
}

.InputWrapper__variant-whiteFill__E_yB5 {
  background-color: #23262f;
}
.InputWrapper__variant-whiteFill__E_yB5:hover:not(.InputWrapper__disabled__MplJ_, .InputWrapper__isError__y7ai4) {
  background-color: #353945;
}
.InputWrapper__variant-whiteFill__E_yB5:focus-within:not(.InputWrapper__disabled__MplJ_) {
  background-color: #353945;
}
.InputWrapper__variant-whiteFill__E_yB5:focus-within:not(.InputWrapper__disabled__MplJ_):not(.InputWrapper__isError__y7ai4) .InputWrapper_enhancer__f__L_:first-child {
  color: #b1b5c3;
}
.InputWrapper__variant-whiteFill__E_yB5:focus-within:not(.InputWrapper__disabled__MplJ_) .InputWrapper_input__mQSE0::placeholder {
  color: #b1b5c3;
}
.InputWrapper__variant-whiteFill__E_yB5:focus-within:not(.InputWrapper__disabled__MplJ_).InputWrapper__isError__y7ai4 {
  border-color: #de4242;
}
.InputWrapper__variant-whiteFill__E_yB5.InputWrapper__disabled__MplJ_ {
  opacity: 0.3;
  background-color: #23262f;
}
.InputWrapper__variant-whiteFill__E_yB5.InputWrapper__disabled__MplJ_ .InputWrapper_enhancer__f__L_ {
  pointer-events: none;
  color: #777e90;
}
.InputWrapper__variant-whiteFill__E_yB5.InputWrapper__disabled__MplJ_ .InputWrapper_input__mQSE0 {
  color: #777e90;
}
.InputWrapper__variant-whiteFill__E_yB5 .InputWrapper_input__mQSE0 {
  color: #fff;
}

.InputWrapper__displayVariant-secondary__mMEK1 {
  background-color: #fff;
}
.InputWrapper__displayVariant-secondary__mMEK1 .InputWrapper_input__mQSE0 {
  font-size: 16px;
  line-height: 24px;
  color: #353945;
}
.InputWrapper__displayVariant-secondary__mMEK1 .InputWrapper_input__mQSE0::placeholder {
  color: #b1b5c3;
}
.InputWrapper__displayVariant-secondary__mMEK1 .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
  padding: 12px 24px;
}
.InputWrapper__displayVariant-secondary__mMEK1 .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
  padding-left: 0;
}
.InputWrapper__displayVariant-secondary__mMEK1 .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
  padding-right: 0;
}

.InputWrapper__notEmpty__Pim7D {
  border: 1px solid #015ff9;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/OfficeCatalog/components/Filter/filterComponents/OfficeTypes/s.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media (min-width: 1440px) {
  .s_desktopItemTab__2F6ZR.s_commercialItemTab__IOExe {
    padding-left: 19px;
    padding-right: 19px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/OfficeCatalog/components/Filter/ui/Filter.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Filter_modalBody__RE0Ih {
  top: 176px;
  bottom: 0;
  width: 100%;
  position: fixed;
  overflow: auto;
  background-color: #ffffff;
  border-radius: 24px 24px 0 0;
  scrollbar-width: none;
}

.Filter_tabletModalBody__gyyTj {
  width: 464px;
  height: 80vh;
  min-height: 350px;
  max-height: 651px;
  top: 80px;
  bottom: unset;
  margin: 0 auto;
  border-radius: 24px;
}

.Filter_headerWrapper___am16 {
  display: flex;
  align-items: center;
  position: fixed;
  gap: 8px;
  padding: 24px;
  border-bottom: 1px solid #E6E8EC;
  background: #ffffff;
  width: 100%;
  border-radius: 24px 24px 0 0;
  z-index: 2;
}

.Filter_tabletHeaderWrapper__GSMaD {
  max-width: 464px;
}

.Filter_filterHeader__8KGmZ {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #000000;
}

.Filter_contentWrapper__eyeJS {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 97px 24px 51px 24px;
}

.Filter_closeBtn__IlyPI {
  cursor: pointer;
}

.Filter_searchBtn__uS0cU {
  margin: 0 0 0 auto;
}

.Filter_fieldWrapper__iQj_k {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.Filter_mobileFilterBtn__5lekZ {
  margin-top: 32px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 40px;
  z-index: 2;
}

.Filter_tabletFilterBtn__eIS1V {
  position: unset;
  bottom: 0;
  transform: unset;
  max-width: unset;
}

.Filter_tabletBtnWrapper__jkMtk {
  width: 100%;
  padding: 24px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background: #ffffff;
  border-top: 1px solid #E6E8EC;
  z-index: 3;
}

.Filter_newClearBtn__37Xww {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 32p;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #777E90;
}

.Filter_newClearBtn__37Xww:hover {
  opacity: 0.8;
}

.Filter_newClearBtn__37Xww:active {
  opacity: 1;
}

.Filter_switcherOption__1uChz {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding: 16px 0;
  border-bottom: 1px solid #E6E8EC;
  color: #141416;
}

.Filter_additionalOption__B_TVB:first-child {
  margin-bottom: 24px;
}
.Filter_additionalOption__B_TVB:not(:first-child) {
  margin: 24px 0;
}

@media (min-width: 1024px) {
  .Filter_contentWrapper__eyeJS {
    padding: 97px 32px 32px;
  }
  .Filter_mobileFilterBtn__5lekZ {
    margin-top: unset;
  }
}
@media (min-width: 1440px) {
  .Filter_newClearBtn__37Xww {
    margin: 0;
  }
  .Filter_additionalOption__B_TVB:first-child {
    margin-bottom: 32px;
  }
  .Filter_additionalOption__B_TVB:not(:first-child) {
    margin: 32px 0;
  }
}
.Filter_root__KarYc {
  max-width: 368px;
  height: inherit;
}

.Filter_wrapperScroll__efKTe {
  display: flex;
  flex-direction: column;
  gap: 32px;
  top: 88px;
  position: -webkit-sticky;
  position: sticky;
  padding: 48px 40px 40px 40px;
  overflow-y: auto;
  max-height: calc(100vh - 72px);
  height: max-content;
  scrollbar-width: none;
}

.Filter_desktopHeaderWrapper__XCMCV {
  position: relative;
  padding: 0;
  border-bottom: unset;
}

.Filter_desktopContentWrapper__Tpk_Q {
  padding: 0;
  gap: 32px;
}

.Filter_desktopFieldWrapper__2QxBf {
  gap: 32px;
  height: max-content;
}

.Filter_compressWrapperScroll__5ocGp {
  scrollbar-width: none;
}

.Filter_compressFieldWrapper__R2OJn {
  height: 100%;
  margin-right: unset;
  transition: height 0.3s ease-in-out;
  overflow: unset;
}

.Filter_desktopFilterBtn__gRG_F {
  position: relative;
  bottom: 0;
  left: 0;
  transform: unset;
}

.Filter_compressBtn__ADmmi {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/OfficeCatalog/components/Filter/filterComponents/OfficeBlock/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_label__0q9T0 {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/FilterComponents/dom/Bedrooms/s.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media (min-width: 1440px) {
  .s_desktopItemTab__BxWn6.s_commercialItemTab__DWjTb {
    padding-left: 19px;
    padding-right: 19px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/DomCatalog/components/Filter/ui/Filter.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Filter_modalBody__grhMC {
  top: 176px;
  bottom: 0;
  width: 100%;
  position: fixed;
  overflow: auto;
  background-color: #ffffff;
  border-radius: 24px 24px 0 0;
  scrollbar-width: none;
}

.Filter_tabletModalBody___LC_D {
  width: 464px;
  height: 80vh;
  min-height: 350px;
  max-height: 651px;
  top: 80px;
  bottom: unset;
  margin: 0 auto;
  border-radius: 24px;
}

.Filter_headerWrapper__3Lv0O {
  display: flex;
  align-items: center;
  position: fixed;
  gap: 8px;
  padding: 24px;
  border-bottom: 1px solid #E6E8EC;
  background: #ffffff;
  width: 100%;
  border-radius: 24px 24px 0 0;
  z-index: 2;
}

.Filter_tabletHeaderWrapper__zzfws {
  max-width: 464px;
}

.Filter_filterHeader__LgiEL {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #000000;
}

.Filter_contentWrapper__mDYkQ {
  position: relative;
  display: flex;
  gap: 24px;
  flex-direction: column;
  padding: 97px 24px 51px 24px;
}

.Filter_closeBtn__wH94u {
  cursor: pointer;
}

.Filter_searchBtn__K_B_y {
  margin: 0 0 0 auto;
}

.Filter_fieldWrapper__8aVfC {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.Filter_mobileFilterBtn__BXXYB {
  position: -webkit-sticky;
  position: sticky;
  bottom: 40px;
  z-index: 2;
}

.Filter_tabletFilterBtn__GnWQC {
  position: unset;
  bottom: 0;
  transform: unset;
  max-width: unset;
}

.Filter_tabletBtnWrapper__ukLSN {
  width: 100%;
  padding: 24px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background: #ffffff;
  border-top: 1px solid #E6E8EC;
  z-index: 3;
}

.Filter_newClearBtn__E0XcO {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 32p;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #777E90;
}

.Filter_newClearBtn__E0XcO:hover {
  opacity: 0.8;
}

.Filter_newClearBtn__E0XcO:active {
  opacity: 1;
}

.Filter_switcherOption___dAh7 {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding: 16px 0;
  border-bottom: 1px solid #E6E8EC;
  color: #141416;
}

.Filter_additionalOption__r_qdc:first-child {
  margin-bottom: 24px;
}
.Filter_additionalOption__r_qdc:not(:first-child) {
  margin: 24px 0;
}

@media (min-width: 1024px) {
  .Filter_contentWrapper__mDYkQ {
    padding: 97px 32px 32px;
  }
}
@media (min-width: 1440px) {
  .Filter_newClearBtn__E0XcO {
    margin: 0;
  }
  .Filter_additionalOption__r_qdc:first-child {
    margin-bottom: 32px;
  }
  .Filter_additionalOption__r_qdc:not(:first-child) {
    margin: 32px 0;
  }
}
.Filter_root___rQ_k {
  max-width: 368px;
  height: inherit;
}

.Filter_wrapperScroll__OL8ji {
  display: flex;
  flex-direction: column;
  gap: 32px;
  top: 88px;
  position: -webkit-sticky;
  position: sticky;
  padding: 48px 40px 40px 40px;
  overflow-y: auto;
  max-height: calc(100vh - 72px);
  height: max-content;
  scrollbar-width: none;
}

.Filter_desktopHeaderWrapper__u6hzt {
  position: relative;
  padding: 0;
  border-bottom: unset;
}

.Filter_desktopContentWrapper__Kfs_b {
  padding: 0;
  gap: 32px;
}

.Filter_desktopFieldWrapper__DnN_Z {
  gap: 32px;
  height: max-content;
}

.Filter_compressWrapperScroll__U18TJ {
  scrollbar-width: none;
}

.Filter_compressFieldWrapper__t0sEw {
  height: 100%;
  margin-right: unset;
  transition: height 0.3s ease-in-out;
  overflow: unset;
}

.Filter_desktopFilterBtn__Ybrs0 {
  position: relative;
  bottom: 0;
  left: 0;
  transform: unset;
}

.Filter_compressBtn__tooXK {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/NavigationFilter/s.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_modalWrapper__qW_0f {
  z-index: 1001;
}

.s_modalBody__yu7O_ {
  background: #ffffff;
  width: 100%;
  height: 100%;
  scrollbar-width: none;
  z-index: 1002;
}

.s_header__Ao0_B {
  position: fixed;
  display: flex;
  gap: 8px;
  width: 100%;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #f4f5f6;
  background: #ffffff;
  z-index: 3;
}

.s_title__HpHvD {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #141416;
}

.s_closeBtn__T2VbU {
  margin: 0 0 0 auto;
}

.s_wrapper__GI2mO {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
  margin-top: 50px;
}

.s_tabTitleWrapper__9v5hQ {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.s_tabTitle__SC5un {
  font-size: 14px;
  line-height: 20px;
  color: #141416;
}

.s_tabsWrapper___KIe_ {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.s_newClearBtn__XB_1I {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #777e90;
  cursor: pointer;
}

.s_catalogLink__QUZjd {
  position: -webkit-sticky;
  position: sticky;
  bottom: 32px;
  left: 0;
  z-index: 150;
}

.s_mobileTab__0jH5k {
  padding-left: 10px;
  padding-right: 10px;
}

.s_footer__reGyq {
  z-index: 100;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 32px;
}

@media (min-width: 1024px) {
  .s_modalBody__yu7O_ {
    top: 100px;
    height: calc(100% - 220px);
    max-height: max-content;
    width: 464px;
    border-radius: 24px;
  }
  .s_wrapper__GI2mO {
    padding: 16px 32px;
    margin-top: unset;
  }
  .s_header__Ao0_B {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    padding: 24px;
    border-bottom: 1px solid #e6e8ec;
  }
  .s_title__HpHvD {
    font-size: 18px;
  }
  .s_newClearBtn__XB_1I {
    position: relative;
  }
  .s_newClearBtn__XB_1I:hover {
    opacity: 0.7;
  }
  .s_footer__reGyq {
    display: flex;
    gap: 8px;
    width: 100%;
    align-items: center;
    background: #ffffff;
    z-index: 3;
    border-top: 1px solid #e6e8ec;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    left: 0;
    padding: 24px;
    border-bottom: 1px solid #e6e8ec;
  }
  .s_catalogLinkWrapper__kzYr3 {
    width: 100%;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/NavigationMap/s.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root___ZwDS {
  z-index: 3000;
}

.s_modalBody__0lSfb {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

.s_closeBtn__JPlWq {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
}

.s_zoomControls__yAZNc {
  display: none;
}

@media (min-width: 1024px) {
  .s_zoomControls__yAZNc {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
    z-index: 10;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/NavigationMap/StaticMap/s.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__ZMvBt {
  z-index: 3000;
}

.s_modalBody__ks4sQ {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

.s_closeBtn__6RNcO {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
}

.s_zoomControls__L_IVK {
  display: none;
}

.s_filterBtn__zUZoh {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 3;
}
.s_filterBtn__zUZoh > div {
  width: 24px !important;
  height: 24px !important;
}
.s_filterBtn__zUZoh svg {
  width: 24px;
  height: 24px;
}

@media (min-width: 1024px) {
  .s_zoomControls__L_IVK {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
    z-index: 10;
  }
  .s_zoomControlsStatic__Y6Zbs {
    right: 20px;
  }
  .s_filterBtn__zUZoh {
    top: 24px;
    left: 24px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/NavigationMap/components/ProjectPin/s.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__XfLJx {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 3px 12px 3px 3px;
  border: 16px;
  width: max-content;
  background: #ffffff;
  border: 1px solid #E6E8EC;
  border-radius: 16px;
  cursor: pointer;
}

.s_title__lgHym {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #141416;
}

.s_modal__QLJvT {
  width: 100%;
  height: 100%;
  background: #ffffff;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/NavigationMap/components/MapProjectCard/s.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__EeaG_ {
  position: fixed;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 500;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: none;
  background: #ffffff;
}

.s_headerWrapper__H73HR {
  position: -webkit-sticky;
  position: sticky;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
  padding: 12px 16px;
  margin-top: -32px;
  color: #141416;
}

.s_closeBtn__nMg2c {
  position: -webkit-sticky;
  position: sticky;
  align-self: flex-end;
  top: 12px;
  right: 16px;
  z-index: 3;
}

.s_imgWrapper__ddu0d {
  position: relative;
  width: 100%;
  min-height: 211px;
}

.s_img__vlJkz {
  object-fit: cover;
  z-index: 0;
}

.s_layoutShadow__F1FEz {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1019607843);
  z-index: 0;
}

.s_tagsWrapper__Wp22x {
  position: absolute;
  left: 16px;
  top: 16px;
  display: flex;
  gap: 4px;
}

.s_tagsWrapperSold__SCgPB {
  bottom: unset;
  top: 16px;
}

.s_tagBg__WT1Zs {
  background: var(--background);
}

.s_tagSold__kQU6I {
  position: absolute;
  bottom: 16px;
  left: 16px;
}

.s_bodyWrapper__tRY4m {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1 1;
  padding: 24px 16px 34px 16px;
}

.s_bodyTitle__2cENZ {
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #141416;
}

.s_bodyDescription__4oPZv {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #141416;
}

.s_btnWrapper__1O9l6 {
  display: flex;
  gap: 9px;
  margin: auto 0 0 0;
}

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

.s_subTypesItem__Rc1ci {
  display: flex;
  align-items: center;
  padding: 5px 0;
  border-bottom: 1px solid #B1B5C3;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #777E90;
}
.s_subTypesItem__Rc1ci:first-child {
  border-top: 1px solid #B1B5C3;
}
.s_subTypesItem__Rc1ci span:first-child {
  min-width: 120px;
}
.s_subTypesItem__Rc1ci span:nth-child(2) {
  margin: 0 0 0 60px;
}
.s_subTypesItem__Rc1ci span:last-child {
  margin: 0 0 0 auto;
  color: #141416;
}

@media (min-width: 1024px) {
  .s_root__EeaG_ {
    width: 375px;
    height: auto;
    min-height: 523px;
    left: 40px;
    bottom: 40px;
    border-radius: 24px;
  }
  .s_headerWrapper__H73HR {
    display: none;
  }
  .s_imgWrapper__ddu0d {
    width: 375px;
    min-height: 211px;
    margin-top: -32px;
  }
  .s_closeBtn__nMg2c {
    position: -webkit-sticky;
    position: sticky;
    align-self: flex-end;
  }
  .s_tagsWrapper__Wp22x {
    flex-wrap: wrap;
    max-width: 280px;
  }
  .s_btnWrapper__1O9l6 {
    padding: 8px 0 0 0;
    margin: auto 0 0 0;
  }
  .s_layoutShadow__F1FEz {
    height: 211px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/NavigationMap/components/Settings/s.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_switcherWrapper__tuTgv {
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding: 0 24px;
  overflow: hidden;
}

.s_settingsWrapper__h_dvq {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 36px;
  width: 100%;
  padding: 24px 0;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  color: #353945;
  background: #ffffff;
  border: 1px solid #E6E8EC;
  z-index: 3;
}

.s_settingsList__34vd7 {
  display: flex;
  gap: 2px;
  padding: 0 16px;
  overflow-x: scroll;
  scrollbar-width: none;
}

.s_settingsItem__WiGTN {
  min-width: max-content;
  gap: 8px;
  cursor: pointer;
}

.s_filterBtn__GXSmc > div {
  width: 24px !important;
  height: 24px !important;
}
.s_filterBtn__GXSmc svg {
  width: 24px;
  height: 24px;
}

@media (min-width: 1024px) {
  .s_settingsWrapper__h_dvq {
    position: absolute;
    top: 12px;
    left: 40px;
    padding: 0;
    gap: unset;
    width: auto;
    height: max-content;
    overflow: unset;
    border: unset;
    background: transparent;
    z-index: 1000;
  }
  .s_settingsList__34vd7 {
    padding: 0;
    gap: 4px;
  }
  .s_img__1u_z7 {
    width: 16px;
    height: 16px;
  }
  .s_switcherWrapper__tuTgv {
    position: absolute;
    top: 48px;
    left: 0;
    width: 240px;
    padding: 28px 24px;
    border-radius: 24px;
    border: 1px solid #E6E8EC;
    background: #ffffff;
  }
  .s_switcherWrapperHidden__VTsrO {
    display: none;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Navigation/NavigationFilterButton/NavigationFilterButton.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NavigationFilterButton_filterBtn___Y2_K {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;
  padding: 10px;
  color: #ffffff;
  border-radius: 50%;
  background: #141416;
  border: 1px solid #141416;
  transition: background 0.2s ease-in-out;
}
@media (pointer: fine) {
  .NavigationFilterButton_filterBtn___Y2_K:hover {
    background: #23262f;
    border: 1px solid #23262f;
  }
}
.NavigationFilterButton_filterBtn___Y2_K:active {
  background: #353945;
  border: 1px solid #777e90;
}
.NavigationFilterButton_filterBtn___Y2_K svg {
  width: 16px;
  height: 16px;
}
@media (min-width: 1024px) {
  .NavigationFilterButton_filterBtn___Y2_K {
    justify-content: center;
    height: 44px;
    width: 44px;
    padding: 14px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Navigation/NavigationList/NavigationList.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NavigationList_navigationList___eOtL {
  display: flex;
  align-items: center;
  border-radius: 24px;
  width: 100%;
}

.NavigationList_navigationItem__DGUkz {
  min-width: max-content;
  flex: auto;
}
.NavigationList_navigationItem__DGUkz:last-child {
  padding-right: 8px;
}
.NavigationList_navigationItem__DGUkz:last-child.NavigationList_navigationItem_bordered__7x7m0 {
  padding-right: 6px;
}
.NavigationList_navigationItem_noBtns__rJblm:first-child {
  padding-left: 8px;
}
.NavigationList_navigationItem_noBtns__rJblm:first-child.NavigationList_navigationItem_bordered__7x7m0 {
  padding-left: 6px;
}

.NavigationList_tag__oVqxC {
  border: none;
  color: #ffffff;
  width: 100%;
  transition: background 0.2s ease-in-out;
}
.NavigationList_tag_bold__85VPf {
  padding-block: 7px;
  min-height: 36px;
  font-weight: 500;
}

@media (min-width: 1024px) {
  .NavigationList_navigationList___eOtL {
    flex: 1 1;
    width: auto;
    border: 1px solid #777e90;
  }
  .NavigationList_navigationList_collapsed__tBxI4 {
    flex: unset;
    width: max-content;
  }
  .NavigationList_navigationItem__DGUkz {
    width: auto;
    flex: 1 1;
  }
  .NavigationList_navigationItem__DGUkz:last-child {
    padding-right: 0;
  }
  .NavigationList_navigationItem__DGUkz:last-child.NavigationList_navigationItem_bordered__7x7m0 {
    padding-right: 0px;
  }
  .NavigationList_navigationItem_noBtns__rJblm:first-child {
    padding-left: 0;
  }
  .NavigationList_navigationItem_noBtns__rJblm:first-child.NavigationList_navigationItem_bordered__7x7m0 {
    padding-left: 0px;
  }
  .NavigationList_tagAdaptive__uqMNJ {
    display: block;
    width: 100%;
  }
  .NavigationList_tagAdaptive__uqMNJ:hover {
    background: rgba(20, 20, 22, 0.5019607843);
  }
  .NavigationList_tagNav__Gh0YE {
    position: relative;
    overflow: hidden;
    padding: 10px 28px;
  }
  .NavigationList_tagNav__Gh0YE::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: -24px;
    width: 100px;
    border-radius: 20px;
    pointer-events: none;
    background: rgba(20, 20, 22, 0.8);
    filter: blur(24px);
  }
  .NavigationList_tagNavText__uznUa {
    position: relative;
    z-index: 2;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Navigation/NavigationMapButton/NavigationMapButton.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NavigationMapButton_mapBtn__gX5qs {
  position: relative;
  display: inline-grid;
  align-items: center;
  inline-size: 36px;
  block-size: 36px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #777e90;
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.NavigationMapButton_mapBtn__gX5qs::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  box-shadow: inset 0 0 0 1px #141416;
  transition: opacity 0.2s ease-in-out;
}
.NavigationMapButton_mapBtn__gX5qs:active::after {
  opacity: 1;
  box-shadow: inset 0 0 0 1px #777e90;
}
@media (min-width: 1024px) {
  .NavigationMapButton_mapBtn__gX5qs {
    inline-size: 44px;
    block-size: 44px;
  }
}
@media (min-width: 1024px) and (pointer: fine) {
  .NavigationMapButton_mapBtn__gX5qs:hover::after {
    opacity: 1;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Navigation/NavigationPopoverMenu/NavigationPopoverMenu.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NavigationPopoverMenu_popoverPanel__1F36z {
  z-index: 106;
  box-shadow: 0px 16px 32px rgba(35, 38, 47, 0.45);
  border: 1px solid #777e90;
  background: rgba(35, 38, 47, 0.7490196078);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-radius: 28px;
  padding: 8px;
  overflow: hidden;
}

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

.NavigationPopoverMenu_tag__jZNQk {
  border: none;
  color: #ffffff;
  width: 100%;
  transition: background 0.2s ease-in-out;
}

@media (min-width: 1024px) {
  .NavigationPopoverMenu_tagAdaptive___aewv {
    display: block;
    width: 100%;
  }
  .NavigationPopoverMenu_tagAdaptive___aewv:hover {
    background: rgba(20, 20, 22, 0.5019607843);
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Navigation/NavigationPopoverMenuButton/NavigationPopoverMenuButton.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NavigationPopoverMenuButton_menuBtn__45DoC {
  position: relative;
  display: flex;
  align-items: center;
  height: 36px;
  width: 36px;
  padding: 10px;
  color: #ffffff;
  border-radius: 50%;
  background: #141416;
  border: 1px solid #141416;
  transition: background 0.2s ease-in-out;
}
@media (pointer: fine) {
  .NavigationPopoverMenuButton_menuBtn__45DoC:hover {
    background: #23262f;
    border: 1px solid #23262f;
  }
}
.NavigationPopoverMenuButton_menuBtn__45DoC:active {
  background: #353945;
  border: 1px solid #777e90;
}
.NavigationPopoverMenuButton_menuBtn_close__wuV2c {
  background-color: #ffffff;
  color: #141416;
  border: 1px solid #ffffff;
  transition: border 0.2s ease-in-out;
}
.NavigationPopoverMenuButton_menuBtn_close__wuV2c:hover, .NavigationPopoverMenuButton_menuBtn_close__wuV2c:active {
  background: #ffffff;
}
.NavigationPopoverMenuButton_menuBtn__45DoC svg {
  width: 16px;
  height: 16px;
}

.NavigationPopoverMenuButton_iconSvg__ghT4S {
  display: block;
  width: 16px;
  height: 16px;
}

@media (min-width: 1024px) {
  .NavigationPopoverMenuButton_menuBtn__45DoC {
    justify-content: center;
    height: 44px;
    width: 44px;
    padding: 14px;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Navigation/s.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes s_magicShow___kafl {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.s_root__LIBLg {
  position: fixed;
  top: calc(54px + var(--top-banner-offset, 0px));
  left: 8px;
  right: 8px;
  width: calc(100% - 16px);
  z-index: 90;
  animation: s_magicShow___kafl 0.3s ease-in;
  border-radius: 40px;
  box-shadow: 0px 16px 32px rgba(35, 38, 47, 0.45);
  transition: top var(--top-banner-transition);
}
.s_root_bordered__hlXGz {
  border: 1px solid #777e90;
}
.s_root_mobileHeaderExpanded__OrVbV {
  top: calc(102px + var(--top-banner-offset, 0px));
}

.s_root_mobileBottom__n4Jx5 {
  top: unset;
  bottom: 24px;
}

.s_innerContainer__0ep3J {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px;
  padding-right: 0;
  background: rgba(35, 38, 47, 0.7490196078);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-radius: 40px;
  overflow: hidden;
}
.s_innerContainer_bordered__Ofr5U {
  padding: 6px;
  padding-right: 0;
}
.s_innerContainer_noLeftBtns__QQsXa {
  padding-left: 0;
}

.s_scrollableContainer__LGmDg {
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 30px;
  flex: 1 1;
  min-width: 0;
  scroll-behavior: smooth;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.s_scrollableContainer__LGmDg::-webkit-scrollbar {
  display: none;
}

@media (min-width: 1024px) {
  .s_root__LIBLg {
    transition: none;
    top: unset;
    left: 50%;
    bottom: 40px;
    transform: translate(-50%, 0);
    width: max-content;
    background: transparent;
    padding: 0;
  }
  .s_root_bordered__hlXGz {
    padding: 0;
  }
  .s_innerContainer__0ep3J {
    padding-right: 8px;
  }
  .s_innerContainer_noLeftBtns__QQsXa {
    padding-left: 8px;
  }
  .s_innerContainer_bordered__Ofr5U {
    padding-right: 6px;
  }
  .s_innerContainer_bordered__Ofr5U.s_innerContainer_noLeftBtns__QQsXa {
    padding-left: 6px;
  }
}
@media (min-width: 1440px) {
  .s_root__LIBLg {
    max-width: 1360px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Promo/Promo.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Promo_root__w0X4a {
  position: fixed;
  left: 0;
  top: -48px;
  width: 100%;
  z-index: 500;
  height: 48px;
}
@media (min-width: 1024px) {
  .Promo_root__w0X4a {
    top: -60px;
    height: 60px;
  }
}

.Promo_backgroundIcon__AHID9 {
  position: absolute;
  inset: 0;
  width: 100%;
  background: center center no-repeat transparent;
  background-size: cover;
  z-index: 50;
  display: block;
}
.Promo_backgroundIcon_tablet__Ybg4t, .Promo_backgroundIcon_desktop__4hgtQ, .Promo_backgroundIcon_desktopLarge__WfWE1 {
  display: none;
}
@media (min-width: 768px) {
  .Promo_backgroundIcon__AHID9 {
    display: none;
  }
  .Promo_backgroundIcon_tablet__Ybg4t {
    display: block;
  }
}
@media (min-width: 1024px) {
  .Promo_backgroundIcon_tablet__Ybg4t {
    display: none;
  }
  .Promo_backgroundIcon_desktop__4hgtQ {
    display: block;
  }
}
@media (min-width: 2048px) {
  .Promo_backgroundIcon_desktop__4hgtQ {
    display: none;
  }
  .Promo_backgroundIcon_desktopLarge__WfWE1 {
    display: block;
  }
}

.Promo_content__R_BRu {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 14px;
  height: 100%;
}
@media (min-width: 1024px) {
  .Promo_content__R_BRu {
    padding: 10px 20px;
  }
}

.Promo_text__0Yvxa {
  position: relative;
  display: -webkit-box;
  overflow: hidden;
  text-align: center;
  max-width: 370px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: white;
  z-index: 100;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: normal;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/TopBanner/s.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__qdvWA {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 1568px;
  padding: 16px;
  border-radius: 12px;
  margin: 0 0 14px 0;
  background: #23262f;
  overflow: hidden;
  max-height: var(--top-banner-height, 500px);
  opacity: 1;
  transition: opacity var(--top-banner-transition), max-height var(--top-banner-transition), margin-bottom var(--top-banner-transition);
}
.s_root__qdvWA.s_closing___fxFL, .s_root__qdvWA.s_hidden__gRdix {
  max-height: 0;
  margin-bottom: 0;
  opacity: 0;
  transition: opacity var(--top-banner-transition), max-height var(--top-banner-transition), margin-bottom var(--top-banner-transition);
}
.s_root__qdvWA.s_hidden__gRdix {
  pointer-events: none;
}

.s_rootCommercial__heano {
  background: #283380;
}

.s_rootResidential__Mig37 {
  background: #b2461a;
}

.s_rootRetail__eof_U {
  background: #ad1044;
}

.s_closeBtn__fy1u6 {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  z-index: 2;
}

.s_text__OFS4z {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #ffffff;
  padding-right: 18px;
  z-index: 1;
}

.s_btn__teVK_ {
  z-index: 1;
}
.s_btn__teVK_:hover {
  background: transparent;
  opacity: 0.8;
}

.s_closing___fxFL .s_text__OFS4z,
.s_closing___fxFL .s_btn__teVK_,
.s_closing___fxFL .s_closeBtn__fy1u6,
.s_hidden__gRdix .s_text__OFS4z,
.s_hidden__gRdix .s_btn__teVK_,
.s_hidden__gRdix .s_closeBtn__fy1u6 {
  opacity: 0;
  transition: opacity 0.2s ease-out;
}

@media (min-width: 1024px) {
  .s_root__qdvWA {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 32px;
    padding: 12px 16px;
  }
  .s_closeBtn__fy1u6 {
    top: 14px;
  }
  .s_text__OFS4z {
    min-width: max-content;
  }
  .s_btn__teVK_ {
    width: max-content;
    padding-left: 24px;
    padding-right: 24px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/DirectionList/s.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_directionList__Juney {
  display: none;
}

.s_mobileRail__TPEbv {
  display: block;
  align-self: stretch;
  width: calc(100% + 32px);
  margin-inline: -16px;
}

.s_mobileRailScroll__zS2Xg {
  display: flex;
  gap: 24px;
  width: 100%;
  overflow-x: auto;
  padding: 6px 16px;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.s_mobileRailScroll__zS2Xg::-webkit-scrollbar {
  display: none;
}
.s_mobileRailScroll__zS2Xg {
  -webkit-overflow-scrolling: touch;
}

.s_mobileItem__LIdCl {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  color: #141416;
}
@media (hover: hover) {
  .s_mobileItem__LIdCl:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .s_mobileItem__LIdCl:active {
    opacity: 0.7;
  }
}
.s_mobileItemWhite__EFIhM {
  color: #ffffff;
}
.s_mobileItemActive__107zy {
  border-bottom: 1px solid;
}

.s_mobileItemActive__107zy {
  font-weight: 500;
}

.s_mobileRail_onLight__Mi1zl .s_mobileItemIcon__dY3q_ {
  background: #f4f5f6;
}

.s_directionIcon__IGQWA {
  flex-shrink: 0;
  display: block;
}

.s_directionIcon_onLightBg__lx7Jw {
  filter: brightness(0) invert(1);
}

.s_mobileItemTitle__5rixa {
  font-size: 14px;
  line-height: 20px;
  font-weight: inherit;
}

.s_aiSearchMobileItem__hYobm {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 6px;
  border: none;
  padding: 8px 0;
  font-weight: 500;
  color: #015ff9;
  background: none;
  cursor: pointer;
}
@media (hover: hover) {
  .s_aiSearchMobileItem__hYobm:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .s_aiSearchMobileItem__hYobm:active {
    opacity: 0.7;
  }
}

@media (min-width: 1024px) {
  .s_directionList__Juney {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 0;
    list-style: none;
  }
  .s_mobileRail__TPEbv {
    display: none;
  }
  .s_directionItem__Y4soh {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #ffffff;
    text-decoration: none;
  }
  .s_directionItemOpen__yybnY {
    color: #141416;
  }
  .s_directionItemActive__J6C2J {
    text-decoration: underline;
    text-underline-offset: 8px;
  }
  .s_directionItem__Y4soh {
    transition: opacity 0.2s ease-in-out;
  }
}
@media (min-width: 1024px) and (hover: hover) {
  .s_directionItem__Y4soh:hover {
    opacity: 0.7;
  }
}
@media (min-width: 1024px) and (hover: none) {
  .s_directionItem__Y4soh:active {
    opacity: 0.7;
  }
}
@media (min-width: 1024px) {
  .s_aiSearchItem__rBb4_ {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    padding: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #015ff9;
    background: none;
    cursor: pointer;
  }
}
@media (min-width: 1024px) and (hover: hover) {
  .s_aiSearchItem__rBb4_:hover {
    opacity: 0.7;
  }
}
@media (min-width: 1024px) and (hover: none) {
  .s_aiSearchItem__rBb4_:active {
    opacity: 0.7;
  }
}
@media (min-width: 1024px) {
  .s_modal__xcdfF {
    top: 64px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/DirectionList/AiSearchHint/HintContent/HintContent.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.HintContent_wrapper__rFv_U {
  position: relative;
  padding-top: 8px;
}

.HintContent_arrow__ZMypA {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -8px;
  width: 16px;
  height: 16px;
  background: #23262f;
  transform: rotate(45deg);
}
.HintContent_arrow_mobile__b_ONS {
  left: auto;
  right: 20px;
  margin-left: 0;
}

.HintContent_root__x3VT_ {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 12px;
  padding: 16px;
  width: 300px;
  background: #23262f;
  color: #ffffff;
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.12), 0px 21px 21px 0px rgba(0, 0, 0, 0.1), 0px 48px 29px 0px rgba(0, 0, 0, 0.06), 0px 85px 34px 0px rgba(0, 0, 0, 0.02), 0px 132px 37px 0px rgba(0, 0, 0, 0);
}

.HintContent_header__GY9n3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
}

.HintContent_title___VOaL {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}

.HintContent_close__Ykq96 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.5);
  transition: opacity 0.2s ease-in-out;
}
@media (hover: hover) {
  .HintContent_close__Ykq96:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .HintContent_close__Ykq96:active {
    opacity: 0.7;
  }
}

.HintContent_text__0cJNG {
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/shared/widgets/Header/components/HeaderMain/components/LogOutModal/styles.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_modal__n1Vyx {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	min-width: unset;
	max-width: unset;
}

.styles_fakeHeader__oFTov {
	width: 100%;
	height: 64px;
	border-bottom: 1px solid #f4f5f6;
}

.styles_closeBtn__Do3Ek {
	top: 16px;
	right: 16px;
}

.styles_wrapper__61kXV {
	padding: 16px;
}

.styles_title__jE6_5 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 500;
	letter-spacing: -0.02em;
	color: #141416;
}

.styles_description__1zh0E {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #777e90;
	margin: 8px 0 0 0;
}

.styles_descriptionSecond___suh8 {
	display: block;
	margin: 8px 0 0 0;
}

.styles_logoutBtn__kvaAt {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	width: 100%;
	height: 24px;
	border: none;
	text-align: center;
	margin: 12px 0 0 0;
	background: none;
	color: #141416;
}

.styles_stayBtn__LeJdT {
	margin: 40px 0 0 0;
}

@media (min-width: 1024px) {
	.styles_modal__n1Vyx {
		width: max-content;
		height: min-content;
		border-radius: 24px;
	}

	.styles_fakeHeader__oFTov {
		display: none;
	}

	.styles_wrapper__61kXV {
		width: 420px;
		padding: 48px 40px;
	}
}


/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/AuthModal/styles.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.styles_modalOverlay__Hhq2K {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  z-index: 1000;
  animation: styles_overlayFadeIn__HwR2u 0.2s ease-out;
}

.styles_modalContent__32bbK {
  background: white;
  border-radius: 24px;
  box-shadow: 0 18px 39px rgba(0, 0, 0, 0.1019607843), 0 72px 72px rgba(0, 0, 0, 0.0901960784), 0 161px 97px rgba(0, 0, 0, 0.0509803922), 0 287px 115px rgba(0, 0, 0, 0.0117647059), 0 449px 126px rgba(0, 0, 0, 0);
  max-width: 90%;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transform-origin: center center;
  position: relative;
}

.styles_modalContentMobile__16_qN {
  width: 100vw;
  max-height: unset;
  max-width: unset;
  height: 100vh;
  border-radius: unset;
}

.styles_closeIcon__W_UnW:hover {
  opacity: 0.7;
}

.styles_closeButton__ul0B3 {
  right: 16px;
  top: 16px;
}

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

/* Анимация появления оверлея */
@keyframes styles_overlayFadeIn__HwR2u {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Основная анимация - появление из центра с увеличением */
@keyframes styles_scaleIn__Hcr9R {
  0% {
    opacity: 0;
    transform: scale(0.8) translateZ(0);
    filter: blur(10px);
  }
  50% {
    opacity: 0.7;
    transform: scale(1.02);
    filter: blur(2px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateZ(0);
    filter: blur(0);
  }
}
/* Альтернативная анимация - мягкое появление с легким увеличением */
@keyframes styles_gentleScaleIn__P0ul_ {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* Анимация с эффектом "пульсации" */
@keyframes styles_pulseIn__FaTI6 {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  70% {
    opacity: 1;
    transform: scale(1.02);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* Анимация с эффектом "глубины" (3D) */
@keyframes styles_depthIn___JgOc {
  0% {
    opacity: 0;
    transform: scale(0.8) rotateX(10deg) rotateY(-5deg);
    perspective: 1000px;
  }
  100% {
    opacity: 1;
    transform: scale(1) rotateX(0) rotateY(0);
    perspective: 1000px;
  }
}
@keyframes styles_overlayFadeOut__cpxW_ {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes styles_scaleOut__hyKtd {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.9);
  }
}
/* Варианты анимаций для разных случаев */
.styles_modalContent__32bbK:not(.styles_modalContentMobile__16_qN).styles_gentle__XDV_2 {
  animation: styles_gentleScaleIn__P0ul_ 0.3s ease-out;
}

.styles_modalContent__32bbK:not(.styles_modalContentMobile__16_qN).styles_pulse__r9dxj {
  animation: styles_pulseIn__FaTI6 0.4s ease-out;
}

.styles_modalContent__32bbK:not(.styles_modalContentMobile__16_qN).styles_depth__Porvf {
  animation: styles_depthIn___JgOc 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@media (min-width: 1024px) {
  .styles_modalContentMobile__16_qN {
    max-width: 90%;
    max-height: 90vh;
    width: unset;
    height: unset;
    border-radius: 24px;
  }
  .styles_isMobileContainerAlways__lnpFh {
    width: 100vw;
    max-height: 100vh;
    max-width: unset;
    height: 100vh;
    border-radius: unset;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/shared/widgets/Header/components/HeaderMain/components/CloseButton/styles.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_closeBtn__viziV {
	background: none;
	border: none;
	cursor: pointer;
	width: 32px;
	height: 32px;
	position: absolute;
	right: 16px;
	top: 16px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/OnboardingTooltips/OnboardingTooltip/OnboardingTooltipContent/OnboardingTooltipContent.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.OnboardingTooltipContent_plate__HgiNZ {
  position: relative;
  padding: 16px;
  background: #23262f;
  color: #ffffff;
  border-radius: 12px;
}

.OnboardingTooltipContent_close___x2UU {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  line-height: 0;
  opacity: 0.5;
  transition: opacity 0.2s ease-in-out;
}
.OnboardingTooltipContent_close___x2UU:hover {
  opacity: 1;
}

.OnboardingTooltipContent_title__ip3_G {
  margin: 0;
  padding-right: 28px;
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #ffffff;
}

.OnboardingTooltipContent_description__aiSxO {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  margin: 8px 0 0;
  color: #ffffff;
}

.OnboardingTooltipContent_footer__j_GRZ {
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.OnboardingTooltipContent_cta__GUVLa {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0;
  flex-shrink: 0;
  min-width: 120px;
  height: 36px;
  padding: 8px 24px;
  gap: 8px;
  border: none;
  outline: none;
  box-shadow: none;
  background: #ffffff;
  color: #141416;
}
.OnboardingTooltipContent_cta__GUVLa:hover, .OnboardingTooltipContent_cta__GUVLa:focus, .OnboardingTooltipContent_cta__GUVLa:active, .OnboardingTooltipContent_cta__GUVLa:focus-visible {
  border: none;
  outline: none;
  box-shadow: none;
  transform: none;
}
.OnboardingTooltipContent_cta__GUVLa:hover {
  background: #e6e8ec;
}
.OnboardingTooltipContent_cta__GUVLa:active {
  background: #D1D4DD;
}
.OnboardingTooltipContent_cta_withArrow__4kTq2 {
  padding: 8px 16px 8px 24px;
}

.OnboardingTooltipContent_ctaArrow___MtZ3 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.OnboardingTooltipContent_paginator__zxsaj {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border-radius: 48px;
}

.OnboardingTooltipContent_dot__XidWo {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #D1D4DD;
}
.OnboardingTooltipContent_dot_active__FO8zl {
  background: #ffffff;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/OnboardingTooltips/OnboardingTooltip/OnboardingTooltip.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.OnboardingTooltip_popover__qXAbe {
  width: 300px;
  max-width: calc(100vw - 32px);
  outline: none;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.OnboardingTooltip_popover_visible__CbKj2 {
  opacity: 1;
}
.OnboardingTooltip_popover_instant__p8aaY {
  transition: none;
}

.OnboardingTooltip_tail__7s0pP {
  position: absolute;
  top: -8px;
  left: 0;
  width: 16px;
  height: 12px;
  pointer-events: none;
  line-height: 0;
}
.OnboardingTooltip_tail__7s0pP svg {
  display: block;
}
.OnboardingTooltip_popover__qXAbe[data-placement^=top] .OnboardingTooltip_tail__7s0pP {
  top: auto;
  bottom: -8px;
}

.OnboardingTooltip_tailGlyph__iTZIe {
  display: block;
  transform-origin: center center;
}

.OnboardingTooltip_popover__qXAbe[data-placement^=top] .OnboardingTooltip_tailGlyph__iTZIe {
  transform: rotate(180deg);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/OnboardingTooltips/AuthReminder/AuthReminder.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AuthReminder_mobileRoot__jKVxc {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 15px;
  z-index: 107;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.AuthReminder_mobileRoot_visible__quKo8 {
  opacity: 1;
}

.AuthReminder_desktopRoot__XOMNq {
  position: fixed;
  top: calc(var(--header-height) + var(--top-banner-offset, 0px) + 16px);
  right: max(40px, (100vw - 1568px) / 2);
  width: 300px;
  z-index: 107;
  opacity: 0;
  transition: opacity 0.2s ease-in-out, top 0.2s ease-in-out;
}
.AuthReminder_desktopRoot_visible__7x6SA {
  opacity: 1;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/OnboardingTooltips/SavedReminder/SavedReminder.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SavedReminder_mobileRoot__Fk_hR {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 15px;
  z-index: 107;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.SavedReminder_mobileRoot_visible__OARzU {
  opacity: 1;
}

.SavedReminder_desktopRoot__KXmtn {
  position: fixed;
  top: calc(var(--header-height) + var(--top-banner-offset, 0px) + 16px);
  right: max(40px, (100vw - 1568px) / 2);
  width: 300px;
  z-index: 107;
  opacity: 0;
  transition: opacity 0.2s ease-in-out, top 0.2s ease-in-out;
}
.SavedReminder_desktopRoot_visible__No8Y1 {
  opacity: 1;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/HeaderMain/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__rirA5 {
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 14px 16px 0;
  width: 100%;
  background: #141416;
  z-index: 106;
  transition: padding 0.3s cubic-bezier(0.4, 0, 0.6, 1);
}
.styles_rootScrolled__cZ890 {
  padding: 0 16px;
}
.styles_rootIsOpen__HiQXx {
  background: #ffffff;
  border-bottom: 1px solid #f4f5f6;
}
.styles_rootWhite__ms7ev {
  background: #ffffff;
}
.styles_rootTransparent__R6SyM {
  background: transparent;
  transition: background-color 0.2s ease-in-out;
}
.styles_root_withPromo__Tu4aF {
  transition: transform 0.2s ease-in-out;
  transform: translateY(0);
}
.styles_root_withShowPromo__8sQbe {
  transform: translateY(48px);
}
@media (min-width: 1024px) {
  .styles_root_withShowPromo__8sQbe {
    transform: translateY(60px);
  }
}

.styles_logoLink__cxgUt {
  display: block;
  cursor: pointer;
}

.styles_organizationSchema__Z62Pf {
  position: relative;
}

.styles_logoSchema__b_wln {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.styles_modal__bcMpp {
  top: 64px;
  z-index: 301;
}
.styles_modal_withShowPromo__4hzy9 {
  top: 112px;
}

.styles_modalBody__oW57G {
  width: 100%;
  height: 100%;
  background: #ffffff;
}

.styles_contentWrapper__9CxBs {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 12px 0 108px 0;
}
.styles_contentWrapper__9CxBs > div {
  position: relative;
}
.styles_contentWrapper__9CxBs > div:nth-child(2)::before, .styles_contentWrapper__9CxBs > div:nth-child(3)::before {
  position: absolute;
  top: -12px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #f4f5f6;
}

.styles_desktopRentWrapper__NFC0g {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.styles_authBtn__iEEzI {
  height: 40px;
  width: 40px;
  background: none;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.styles_orgMicrodataHidden__U2y4s {
  display: none;
}

.styles_iconBtn___iUMX {
  border: 0px;
}

.styles_sideWrapper__rFE89 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  max-width: 1568px;
  max-height: 64px;
  opacity: 1;
  transform: translateY(0);
  overflow: hidden;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1), max-height 0.6s cubic-bezier(0.4, 0, 0.6, 1);
}

.styles_sideWrapperMobileCollapsed__mXGgJ {
  max-height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-12px);
  pointer-events: none;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), max-height 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (min-width: 1024px) {
  .styles_root__rirA5 {
    justify-content: center;
    padding: 14px 40px;
  }
  .styles_rootIsOpen__HiQXx {
    border-bottom: unset;
  }
}
.styles_leftCenterSide__uAUHe {
  display: flex;
  gap: 40px;
}

.styles_leftSide__bLDsA {
  display: flex;
  align-items: center;
  gap: 8px;
}

.styles_burgerDesktopOnly__D93ib.styles_burgerDesktopOnly__D93ib {
  display: none;
}

@media (min-width: 1024px) {
  .styles_burgerDesktopOnly__D93ib.styles_burgerDesktopOnly__D93ib {
    display: flex;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/HeaderModal/s.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_modal__R7Ka5 {
  top: 64px;
}
.s_modal_withShowPromo__BcKBN {
  top: 112px;
}

.s_modalBody__hUYHk {
  width: 100%;
  height: 100%;
  background: #ffffff;
}

.s_contentWrapper__uS0rr {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 12px 0 108px 0;
}
.s_contentWrapper__uS0rr > div {
  position: relative;
}
.s_contentWrapper__uS0rr > div.s_divide__3YdyG::before {
  position: absolute;
  top: -12px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #f4f5f6;
}

.s_desktopRentWrapper__WUEWX {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width: 1024px) {
  .s_modal__R7Ka5 {
    top: 56px;
  }
  .s_modal_withShowPromo__BcKBN {
    top: 116px;
  }
  .s_modalBody__hUYHk {
    top: 0;
    height: auto;
    border-radius: 0 0 24px 24px;
  }
  .s_contentWrapper__uS0rr {
    flex-direction: row;
    justify-content: space-between;
    padding: 22px 40px 42px 40px;
  }
  .s_contentWrapper__uS0rr > div {
    flex: 1 1;
  }
  .s_contentWrapper__uS0rr > div.s_divide__3YdyG::before {
    top: 0;
    left: -20px;
    width: 1px;
    height: 100%;
    background-color: #e6e8ec;
  }
  .s_dekstopNewsWrapper__S5md0 {
    display: flex;
    flex-direction: column;
    gap: 74px;
  }
  .s_allowMaxWidth__59Ctl {
    max-width: 265px;
  }
  .s_desktopRentWrapper__WUEWX {
    gap: 32px;
  }
}
@media (min-width: 1440px) {
  .s_modal__R7Ka5 {
    top: 64px;
  }
  .s_modal_withShowPromo__BcKBN {
    top: 124px;
  }
  .s_contentWrapper__uS0rr {
    padding: 14px 40px 40px;
    max-width: 1440px;
    margin: 0 auto;
  }
  .s_allowFlexUnset__w4cUE > div {
    flex: unset;
  }
  .s_dekstopNewsWrapper__S5md0 {
    gap: 112px;
  }
  .s_desktopRentWrapper__WUEWX {
    width: 338px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/DirectionMenu/s.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__e0_bG {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 16px;
}

.s_title__KvScf {
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  color: #141416;
  letter-spacing: -0.02em;
}

@media (min-width: 1024px) {
  .s_root__e0_bG {
    padding: 0;
    gap: 20px;
    width: 200px;
  }
  .s_title__KvScf {
    font-size: 24px;
    line-height: 32px;
  }
  .s_mobileWrapper__9ToAb {
    display: none;
  }
}
@media (min-width: 1440px) {
  .s_root__e0_bG {
    padding: 0;
    gap: 16px;
    width: 338px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/MenuList/s.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_menuList__TPywC {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.s_menuItem___j__0 {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.02em;
  color: #141416;
  text-decoration: none;
  cursor: pointer;
}
.s_menuItemPromo__WGT5X {
  color: #283380;
  font-weight: 500;
}
.s_menuItemPromoDom__4CyC_ {
  color: #B2461A;
  font-weight: 500;
}

@media (min-width: 1024px) {
  .s_menuList__TPywC {
    gap: 12px;
  }
  .s_menuItem___j__0 {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: unset;
  }
  .s_menuItemPromo__WGT5X, .s_menuItemPromoDom__4CyC_ {
    line-height: 20px;
  }
  .s_menuItem___j__0:hover {
    opacity: 0.7;
  }
}
@media (min-width: 1440px) {
  .s_menuList__TPywC {
    gap: 8px;
  }
  .s_menuItem___j__0 {
    font-size: 16px;
    line-height: 24px;
  }
  .s_menuItemPromo__WGT5X, .s_menuItemPromoDom__4CyC_ {
    font-size: 14px;
    line-height: 20px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/NewsLink/s.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_newsLink__61oKG {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #283380;
  text-decoration: none;
  cursor: pointer;
}
.s_newsLinkDom__6rKU8 {
  color: #B2461A;
}
.s_newsLink__61oKG .s_mobileText__uAXfI {
  display: flex;
}
.s_newsLink__61oKG .s_desktopText__wJ90b {
  display: none;
}

@media (min-width: 1024px) {
  .s_newsLink__61oKG {
    gap: 12px;
    font-size: 14px;
    line-height: 16px;
    color: #141416;
  }
  .s_newsLink__61oKG:hover {
    opacity: 0.7;
  }
  .s_newsLink__61oKG .s_mobileText__uAXfI {
    display: none;
  }
  .s_newsLink__61oKG .s_desktopText__wJ90b {
    display: flex;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/RentMenu/s.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__QUi_U {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 16px;
}

.s_titleWrapper__QlvRw {
  display: flex;
  align-items: center;
  gap: 6px;
}

.s_title__WeQr5 {
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  color: #141416;
  letter-spacing: -0.02em;
}

.s_tooltipContainer__5dTnk {
  height: 100%;
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  transition: color 0.2s;
  padding-top: 8px;
}

.s_tooltipBubblePortal__KVAPp {
  position: absolute;
  z-index: 302;
  transform: translate(-130px, -80px);
  pointer-events: none;
  width: 244px;
  padding: 16px;
  background: #FFFFFF;
  color: #777E90;
  font-size: 12px;
  line-height: 16px;
  border-radius: 12px;
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);
}

@media (min-width: 1024px) {
  .s_tooltipBubblePortal__KVAPp {
    transform: translate(0px, -30px);
  }
  .s_root__QUi_U {
    padding: 0;
    gap: 20px;
    width: auto;
  }
  .s_title__WeQr5 {
    font-size: 24px;
    line-height: 32px;
  }
  .s_mobileWrapper__Vct__ {
    display: none;
  }
}
@media (min-width: 1440px) {
  .s_root__QUi_U {
    gap: 16px;
    width: auto;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/AboutMenu/s.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__KH0tI {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 16px 12px 16px;
}

.s_title__9Rq9i {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: -0.02em;
  color: #141416;
}

.s_aboutList__eQXIP {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.s_aboutItem__RGRLn {
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-decoration: none;
  color: #141416;
}

.s_soon__5fyXO {
  position: relative;
  vertical-align: super;
  left: 3px;
  top: 0;
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
  color: #777E90;
}

@media (min-width: 1024px) {
  .s_root__KH0tI {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0;
  }
  .s_title__9Rq9i {
    font-weight: 500;
  }
  .s_aboutList__eQXIP {
    gap: 12px;
  }
  .s_aboutItem__RGRLn {
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
  }
  .s_aboutItem__RGRLn:hover {
    opacity: 0.7;
  }
}
@media (min-width: 1440px) {
  .s_root__KH0tI {
    min-width: 190px;
    gap: 16px;
  }
  .s_aboutList__eQXIP {
    gap: 8px;
  }
  .s_aboutItem__RGRLn {
    font-size: 16px;
    line-height: 24px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/NewsBlock/s.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__TF4dN {
  display: none;
}

@media (min-width: 1024px) {
  .s_root__TF4dN {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 0 0 19px;
    border-left: 1px solid #E6E8EC;
  }
  .s_title__AeOM2 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: -0.02em;
    color: #141416;
  }
  .s_linkWrapper__iIeZI {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}
@media (min-width: 1440px) {
  .s_root__TF4dN {
    position: relative;
    border-left: unset;
    padding: 0 5px 0 19px;
  }
  .s_root__TF4dN::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 1px;
    height: calc(100% + 55px);
    background: #E6E8EC;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/ReferralProgram/s.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__8bppN {
  padding: 0 16px;
}

.s_wrapper__PhxvL {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 240px;
  width: 344px;
  padding: 24px 20px;
  border-radius: 24px;
  background: #777E90;
  background-image: url(/B/_next/static/media/mobile.a5b5c7af.svg);
}

.s_title__C5ZHJ {
  font-size: 32px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.s_description__svx1F {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #ffffff;
}

.s_btn__qAhgW {
  margin-top: auto;
}

@media (min-width: 1024px) {
  .s_root__8bppN {
    padding: 0;
  }
  .s_wrapper__PhxvL {
    height: 320px;
    width: 245px;
    background-image: url(/B/_next/static/media/tablet.963584fa.svg);
  }
  .s_title__C5ZHJ {
    font-size: 24px;
  }
  .s_description__svx1F {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
  }
  .s_btn__qAhgW {
    width: 100%;
    margin-top: auto;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/Banner/s.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__8z8Gb {
  padding: 0 16px;
}

.s_wrapper__Wdajj {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 400px;
  width: 100%;
  padding: 16px;
  border-radius: 12px;
  overflow: hidden;
  background: #F4F5F6;
}

.s_title__N8ndx {
  position: relative;
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #141416;
  z-index: 1;
}

.s_imageWrapper__0u5mp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.s_imageWrapper__0u5mp img {
  object-fit: cover;
}

.s_btn__qAQQh {
  position: relative;
  margin-top: auto;
  z-index: 1;
}

@media (min-width: 1024px) {
  .s_root__8z8Gb {
    padding: 0;
  }
  .s_wrapper__Wdajj {
    height: 331px;
    width: 245px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/ContactsList/s.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__QQKmZ {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 16px 12px 16px;
}

.s_callbackWrapper__vZnmW,
.s_phoneWrapper__5XdFn {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.s_title__8OVU_ {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #777E90;
}

.s_text__t54YX {
  margin: 0;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: -0.02em;
  text-decoration: none;
  color: #141416;
  cursor: pointer;
}

@media (min-width: 1024px) {
  .s_root__QQKmZ {
    display: none;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/OrganizationMicrodata/s.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_orgMicrodataHidden__8OUeE {
  display: none;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/MirrorMenu/MirrorMenu.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MirrorMenu_root__bPrz0 {
  position: fixed;
  inset: 0;
  z-index: 107;
  visibility: hidden;
  pointer-events: none;
}
.MirrorMenu_root__bPrz0[data-open] {
  visibility: visible;
  pointer-events: auto;
}

.MirrorMenu_overlay__6F8Q1 {
  position: absolute;
  inset: 0;
  background: rgba(35, 38, 47, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.MirrorMenu_root__bPrz0[data-open] .MirrorMenu_overlay__6F8Q1 {
  opacity: 1;
}

.MirrorMenu_panel__VenFU {
  position: absolute;
  top: 0;
  left: 0;
  overflow: auto;
  background: var(--mirror-brand);
  color: var(--mirror-on-brand);
  transition: transform 0.3s ease;
}

.MirrorMenu_panel__VenFU {
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
}
.MirrorMenu_root__bPrz0[data-open] .MirrorMenu_panel__VenFU {
  transform: translateX(0);
}

.MirrorMenu_inner__Fw_Gx {
  padding: 24px 16px;
}

.MirrorMenu_heading__m5f_H {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.MirrorMenu_brand__BN4c1 {
  display: flex;
  flex-direction: column;
  padding-top: 6px;
}

.MirrorMenu_logo__Ebubw {
  width: 165px;
  height: 33px;
  color: currentColor;
}

.MirrorMenu_caption__tAsk_ {
  margin-top: 14px;
  font-size: 20px;
  line-height: 24px;
}

.MirrorMenu_close__R_U9u {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
  color: inherit;
}

.MirrorMenu_lists__mEhTA {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 10px;
  column-gap: 10px;
  grid-row-gap: 100px;
  row-gap: 100px;
  margin-top: 215px;
}

.MirrorMenu_list__XaQ6x {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 24px;
}
.MirrorMenu_list__XaQ6x li {
  display: flex;
}

.MirrorMenu_link__1HOsV {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  color: currentColor;
  text-decoration: none;
}

@media (min-width: 1024px) and (max-width: 1439.98px) {
  .MirrorMenu_panel__VenFU {
    width: 100%;
    height: 482px;
    transform: translateY(-100%);
  }
  .MirrorMenu_root__bPrz0[data-open] .MirrorMenu_panel__VenFU {
    transform: translateY(0);
  }
  .MirrorMenu_inner__Fw_Gx {
    max-width: 1648px;
    margin: 0 auto;
    padding: 24px 40px 40px;
  }
  .MirrorMenu_lists__mEhTA {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 0;
    margin-top: 117px;
  }
  .MirrorMenu_list__XaQ6x {
    gap: 16px;
  }
  .MirrorMenu_link__1HOsV {
    font-size: 20px;
  }
}
@media (min-width: 1440px) and (max-width: 1647.98px) {
  .MirrorMenu_panel__VenFU {
    width: 475px;
    height: 100%;
    transform: translateX(-100%);
  }
  .MirrorMenu_root__bPrz0[data-open] .MirrorMenu_panel__VenFU {
    transform: translateX(0);
  }
  .MirrorMenu_inner__Fw_Gx {
    max-width: none;
    padding: 24px;
  }
  .MirrorMenu_lists__mEhTA {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 100px;
    margin-top: 176px;
  }
  .MirrorMenu_list__XaQ6x {
    gap: 16px;
  }
  .MirrorMenu_link__1HOsV {
    font-size: 20px;
  }
}
@media (min-width: 1648px) {
  .MirrorMenu_panel__VenFU {
    width: 100%;
    height: 482px;
    transform: translateY(-100%);
  }
  .MirrorMenu_root__bPrz0[data-open] .MirrorMenu_panel__VenFU {
    transform: translateY(0);
  }
  .MirrorMenu_inner__Fw_Gx {
    max-width: 1648px;
    margin: 0 auto;
    padding: 24px 40px 40px;
  }
  .MirrorMenu_lists__mEhTA {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 0;
    margin-top: 117px;
  }
  .MirrorMenu_list__XaQ6x {
    gap: 16px;
  }
  .MirrorMenu_link__1HOsV {
    font-size: 20px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/MirrorHeader/MirrorHeader.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MirrorHeader_root__tkOay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 106;
  transition: transform 0.3s ease, background-color 0.3s ease;
}

.MirrorHeader_rootHidden__cbny2 {
  position: fixed;
  transform: translateY(-100%);
}

.MirrorHeader_rootPinned__c9gWP {
  position: fixed;
  background: #ffffff;
  transform: translateY(0);
}

.MirrorHeader_rootOverlay__PcAs_ {
  color: #ffffff;
}

.MirrorHeader_rootSolid__1qfap {
  color: #141416;
}

.MirrorHeader_inner__b8tH6 {
  display: flex;
  align-items: center;
  height: 49px;
  gap: 20px;
}

.MirrorHeader_left__OfRT1,
.MirrorHeader_right__enYn7 {
  display: flex;
  align-items: center;
  gap: 24px;
  min-width: 0;
}

.MirrorHeader_right__enYn7 {
  justify-content: flex-end;
}

.MirrorHeader_burger__aTeit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  width: 46px;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
  color: inherit;
}
.MirrorHeader_burger__aTeit span {
  display: block;
  width: 36px;
  height: 2px;
  background: currentColor;
}

.MirrorHeader_phone__6S1_C {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  .MirrorHeader_phone__6S1_C {
    font-size: 20px;
    line-height: 24px;
  }
}
.MirrorHeader_phone__6S1_C {
  color: currentColor;
  text-decoration: none;
  white-space: nowrap;
}

.MirrorHeader_logoLink__axxFj {
  display: block;
  flex: none;
  order: 1;
  width: 245px;
  color: inherit;
}

.MirrorHeader_logo__mpCKD {
  flex: none;
  width: 100%;
  height: auto;
  color: currentColor;
}

.MirrorHeader_left__OfRT1 {
  order: 2;
  margin-left: auto;
}

.MirrorHeader_phone__6S1_C,
.MirrorHeader_right__enYn7 {
  display: none;
}

.MirrorHeader_cta__N5q44 {
  padding-left: 31px;
  padding-right: 31px;
}

.MirrorHeader_ctaSolid__wgyMs.MirrorHeader_ctaSolid__wgyMs {
  background: var(--mirror-brand);
  border-color: var(--mirror-brand);
  color: var(--mirror-on-brand);
}

@media (min-width: 1024px) {
  .MirrorHeader_inner__b8tH6 {
    height: 80px;
  }
  .MirrorHeader_left__OfRT1 {
    order: 1;
    flex: none;
    margin-left: 0;
  }
  .MirrorHeader_logoLink__axxFj {
    order: 2;
    width: 370px;
  }
  .MirrorHeader_right__enYn7 {
    order: 3;
    display: flex;
    flex: 1 1;
  }
}
@media (min-width: 1440px) {
  .MirrorHeader_inner__b8tH6 {
    gap: 24px;
  }
  .MirrorHeader_phone__6S1_C {
    display: block;
  }
  .MirrorHeader_left__OfRT1 {
    flex: 1 1;
  }
}