/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/NewCatalogPage/components/CatalogLotsList/SkeletonCard/SkeletonCard.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SkeletonCard_card__Myxxk {
  border-radius: 24px;
  background: rgba(0, 0, 0, 0.0588235294);
  overflow: hidden;
  animation: SkeletonCard_skeletonPulse__rUk8u 1500ms ease-out infinite;
  animation-delay: 1ms;
}
.SkeletonCard_card_vertical__40Fuw {
  height: 100%;
  min-height: 512px;
}
@media (min-width: 1024px) {
  .SkeletonCard_card_vertical__40Fuw {
    min-height: 540px;
  }
}
.SkeletonCard_card_horizontal__Ur1uJ {
  height: 214px;
}
@media (min-width: 1440px) {
  .SkeletonCard_card_horizontal__Ur1uJ {
    height: 144px;
  }
}

@keyframes SkeletonCard_skeletonPulse__rUk8u {
  0% {
    background: rgba(0, 0, 0, 0.0588235294);
  }
  50% {
    background: rgba(0, 0, 0, 0.0196078431);
  }
  100% {
    background: rgba(0, 0, 0, 0.0588235294);
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/CatalogLoading/CatalogLoading.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CatalogLoading_header__Ugm8c {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.CatalogLoading_listContainer__m8Rer {
  flex-grow: 1;
  padding-bottom: 48px;
}
@media (min-width: 1024px) {
  .CatalogLoading_listContainer__m8Rer {
    padding-bottom: 80px;
  }
}
@media (min-width: 1440px) {
  .CatalogLoading_listContainer__m8Rer {
    padding-bottom: 100px;
  }
}

.CatalogLoading_title__6K1X2 {
  width: 180px;
  height: 32px;
}
@media (min-width: 1024px) {
  .CatalogLoading_title__6K1X2 {
    width: 240px;
    height: 48px;
  }
}

.CatalogLoading_search__ZDIOW {
  width: 120px;
  height: 20px;
}
@media (min-width: 1024px) {
  .CatalogLoading_search__ZDIOW {
    width: 140px;
    height: 24px;
  }
}

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

.CatalogLoading_filtersRow__KZKCf {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 8px;
  gap: 8px;
}
@media (min-width: 768px) {
  .CatalogLoading_filtersRow__KZKCf {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .CatalogLoading_filtersRow__KZKCf {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.CatalogLoading_filterItem__pLCYb {
  height: 48px;
}

.CatalogLoading_tagsRow__qUQct {
  display: flex;
  gap: 8px;
  overflow: hidden;
}

.CatalogLoading_tag__Wo3IF {
  flex-shrink: 0;
  width: 96px;
  height: 32px;
}

.CatalogLoading_list__qamEU {
  display: grid;
  grid-row-gap: 16px;
  row-gap: 16px;
  grid-column-gap: 16px;
  column-gap: 16px;
  align-items: stretch;
  grid-template-columns: 1fr;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 1024px) {
  .CatalogLoading_list__qamEU {
    row-gap: 24px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 1fr;
  }
}
@media (min-width: 1440px) {
  .CatalogLoading_list__qamEU {
    grid-template-columns: repeat(4, minmax(0, 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/page/NewCatalogPage/components/CatalogPageWrapper/CatalogPageWrapper.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CatalogPageWrapper_page__J0aA2 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.CatalogPageWrapper_wrapper__Bg12P {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-top: 120px;
}
@media (min-width: 1024px) {
  .CatalogPageWrapper_wrapper__Bg12P {
    padding-top: 96px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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[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/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/lk/widgets/AuthForms/components/AuthFormShell/AuthFormShell.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AuthFormShell_root__6vRuJ {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 20px 32px;
  margin: 0;
}
@media (min-width: 1024px) {
  .AuthFormShell_root__6vRuJ {
    padding: 40px;
  }
}

.AuthFormShell_titleWrapper__HK_Dw {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 1024px) {
  .AuthFormShell_titleWrapper__HK_Dw {
    gap: 20px;
    margin-top: 28px;
  }
}

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

.AuthFormShell_subtitle__D_cn9 {
  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) {
  .AuthFormShell_subtitle__D_cn9 {
    font-size: 16px;
    line-height: 24px;
  }
}
.AuthFormShell_subtitle__D_cn9 {
  margin: 0;
  color: #777e90;
  letter-spacing: -0.02em;
}

.AuthFormShell_inputs__xqsw1 {
  width: 100%;
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1024px) {
  .AuthFormShell_inputs__xqsw1 {
    margin-top: 40px;
  }
}

.AuthFormShell_inputs__xqsw1 input {
  padding-left: 20px;
  border-color: #e6e8ec;
}
.AuthFormShell_inputs__xqsw1 input::placeholder {
  color: #777e90;
}

.AuthFormShell_buttonContainer__KcWqc {
  width: 100%;
  margin-top: auto;
  padding-top: 24px;
}

.AuthFormShell_submitButton__kMINe:disabled {
  background-color: #f4f5f6;
  border-color: #f4f5f6;
  color: #d1d4dd;
  opacity: 1;
}

.AuthFormShell_checkboxes__E02we {
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .AuthFormShell_checkboxes__E02we {
    margin-top: 24px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/lk/components/Input/styles.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.styles_input__Pbrqv {
  width: 100%;
  border-radius: 48px;
}

.styles_wrapper__tw_0q {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.styles_postContainer__sgLxQ {
  position: absolute;
  right: 10px;
  top: 10px;
}

.styles_input--old_large__RyYHF {
  padding: 11px 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.styles_input--old_medium__sUB5j {
  padding: 9px 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.styles_input--white__FzMSH {
  &::placeholder {
    color: #b1b5c3;
  }

  color: #141416;
  border: 1px solid #b1b5c3;
  background-color: #ffffff;

  &:hover {
    border: 1px solid #777e90;
  }

  &:focus {
    outline: none;
    border: 1px solid #141416;
  }

  &:-webkit-autofill {
    border: 1px solid #015ff9;
  }

  &.styles_input--error__g__QF {
    border: 1px solid #dc3545;

    &::placeholder {
      color: #dc3545;
    }
  }
}

.styles_errorMessage__r6jd2 {
  display: block;
  margin-top: 0.25rem;
  color: #dc3545;
  font-size: 12px;
  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/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/components3/FormConsentCheckboxes/FormConsentCheckboxes.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FormConsentCheckboxes_root__HuP2c {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.FormConsentCheckboxes_root__HuP2c > label {
  margin: 2px 0;
}

.FormConsentCheckboxes_link__HThwc {
  text-decoration: underline;
  text-underline-offset: 1px;
  padding: 0 0 0 2px;
  transition: color 0.2s ease;
}
@media (hover: hover) {
  .FormConsentCheckboxes_link__HThwc:hover {
    color: #23262f;
  }
}
@media (hover: none) {
  .FormConsentCheckboxes_link__HThwc:active {
    color: #23262f;
  }
}
.FormConsentCheckboxes_link__HThwc:active {
  color: #353945;
}
@media (min-width: 1024px) {
  .FormConsentCheckboxes_link__HThwc {
    text-underline-offset: 3px;
  }
}
.FormConsentCheckboxes_link_light__cQLu3 {
  color: #141416;
}
.FormConsentCheckboxes_link_dark__5c0NG {
  color: #e6e8ec;
}
.FormConsentCheckboxes_link_hasError__EPMyJ {
  color: #ec5353;
}

.FormConsentCheckboxes_privacyPolicyLink__FssvV {
  margin-top: 16px;
  padding: 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;
}

.FormConsentCheckboxes_checkboxLabel__5KS8k {
  color: #777e90;
  transition: color 0.2s ease;
  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;
}
@media (min-width: 1024px) {
  .FormConsentCheckboxes_checkboxLabel__5KS8k {
    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;
  }
}
.FormConsentCheckboxes_checkboxLabel_hasError__h8Y4x {
  color: #ec5353;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/lk/widgets/AuthForms/components/CodeStep/styles.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__IpIN_ {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  padding: 16px;
  border-top: 1px solid #f4f5f6;
}

.styles_titleWrapper__4KvRN {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.styles_title____6xm {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.02em;
  text-align: left;
  color: #141416;
}

.styles_phoneWrapper__K3dVd {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
}

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

.styles_phoneInfo__cvWUn {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #777e90;
}

.styles_phoneChangeWrapper__hc1tn {
  display: flex;
  align-items: center;
  gap: 8px;
}

.styles_phone__c7mE4 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #777e90;
}

.styles_changePhone__8OWGH {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #141416;
  cursor: pointer;
}

.styles_codeInputs__eedP2 {
  display: flex;
  gap: 8px;
}

.styles_codeInput__qB3_S {
  width: 100%;
  height: 72px;
  text-align: center;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
  font-weight: 500;
  border-radius: 8px;
  border: 1px solid #b1b5c3;
}

.styles_codeInputError__aXjw_ {
  color: #ec5353;
  border: 1px solid #ec5353;
}

.styles_codeInput__qB3_S:focus {
  outline: none;
}

.styles_codeAgain__seqxz {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  min-height: 48px;
  width: 100%;
  color: #015ff9;
}

.styles_codeAgainWaiting__yf0rr {
  color: #b1b5c3;
}

.styles_errorWrapper__psAHB {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

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

@media (min-width: 1024px) {
  .styles_root__IpIN_ {
    padding: 48px 40px;
    width: 420px;
    border-top: none;
  }

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

  .styles_codeAgain__seqxz {
    cursor: pointer;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/lk/widgets/AuthForms/components/SuccessStep/styles.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__gZ5r5 {
  padding-top: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.styles_icon__h6lQk {
  margin-bottom: 40px;
}

.styles_title__jBDwx {
  color: #141416;
  font-weight: 400;
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 16px;
}

.styles_description__bNoIr {
  color: #353945;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 40px;
  text-align: center;
}

@media (min-width: 1024px) {
  .styles_root__gZ5r5 {
    padding: 48px;
    width: 439px;
    height: 592px;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Modal/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_modalOverlay__yQOv7 {
  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;
}
@supports (height: 100dvh) {
  .styles_modalOverlay__yQOv7 {
    height: 100dvh;
  }
}
.styles_modalOverlay__yQOv7 {
  z-index: 1000;
}

.styles_modalContent__Tlp3S {
  background: #ffffff;
  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___JtNZ {
  width: 100vw;
  max-height: unset;
  max-width: unset;
  height: 100vh;
  border-radius: unset;
}
@media (min-width: 1024px) {
  .styles_modalContentMobile___JtNZ {
    max-width: 90%;
    max-height: 90vh;
    width: unset;
    height: unset;
    border-radius: 24px;
  }
}

@media (min-width: 1024px) {
  .styles_isMobileContainerAlways__tTiW4 {
    width: 100vw;
    max-height: 100vh;
    max-width: unset;
    height: 100vh;
    border-radius: unset;
  }
}

.styles_closeBtnWrap__ko3tO {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding: 20px 20px 10px;
}
@media (min-width: 1024px) {
  .styles_closeBtnWrap__ko3tO {
    position: absolute;
    top: 24px;
    right: 24px;
    width: auto;
    padding: 0;
    z-index: 1;
  }
}

.styles_closeBtn__1F3pj {
  width: 28px;
  height: 28px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #777e90;
  transition: opacity 0.2s ease;
}
@media (hover: hover) {
  .styles_closeBtn__1F3pj:hover {
    opacity: 0.7;
  }
}

.styles_modalBody__LMQz5 {
  overflow-y: auto;
  flex-grow: 1;
}

@keyframes styles_gentleScaleIn__kxQsV {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes styles_pulseIn__mLUK_ {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  70% {
    opacity: 1;
    transform: scale(1.02);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes styles_depthIn__HJbLG {
  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;
  }
}
.styles_modalContent__Tlp3S:not(.styles_modalContentMobile___JtNZ).styles_gentle__HnAcY {
  animation: styles_gentleScaleIn__kxQsV 0.3s ease-out;
}

.styles_modalContent__Tlp3S:not(.styles_modalContentMobile___JtNZ).styles_pulse__oe3m0 {
  animation: styles_pulseIn__mLUK_ 0.4s ease-out;
}

.styles_modalContent__Tlp3S:not(.styles_modalContentMobile___JtNZ).styles_depth__e052I {
  animation: styles_depthIn__HJbLG 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/lk/widgets/AuthForms/components/PhoneExistsStep/styles.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__us2bI {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  padding: 16px;
  margin: 64px 0 0 0;
  border-top: 1px solid #f4f5f6;
}

.styles_titleWrapper___Kn1s {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.styles_title__3IQ_V {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #141416;
}

.styles_subtitle__ztqZO {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  color: #777e90;
}

@media (min-width: 1024px) {
  .styles_root__us2bI {
    padding: 72px 40px 48px 40px;
    width: 420px;
    margin: 0;
    border-top: 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/lk/widgets/AuthForms/AuthForms.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AuthForms_modalLkAuth__K3BME {
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
}
@supports (height: 100dvh) {
  .AuthForms_modalLkAuth__K3BME {
    height: 100dvh;
    max-height: 100dvh;
  }
}
.AuthForms_modalLkAuth__K3BME {
  border-radius: 0;
}
@media (min-width: 1024px) {
  .AuthForms_modalLkAuth__K3BME {
    max-width: 520px;
    max-height: 656px;
    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/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/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/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/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/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/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/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/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[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/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/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[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/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/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/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/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/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/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/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/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/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[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/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/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/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/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/HeaderMain/components/ModalFixed/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Базовые стили модалки */
.styles_modal__0woT1 {
  background: white;
  animation: styles_modalAppear__SIjMM 0.2s ease-out;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  min-width: 200px;
  max-width: 400px;
  position: fixed;
  top: var(--modal-top, auto);
  right: var(--modal-right, auto);
  left: var(--modal-left, auto);
}

.styles_modalAbsolute__EayfD {
  position: absolute;
}

/* Overlay на весь экран */
.styles_overlay__rp1zC {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  animation: styles_overlayAppear__A5mkq 0.2s ease-out;
  background-color: rgba(0, 0, 0, 0.5);
  display: block;
}

@keyframes styles_modalAppear__SIjMM {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes styles_overlayAppear__A5mkq {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Гарантия что модалка будет поверх overlay */
.styles_modal__0woT1 {
  z-index: 10000;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/AvatarInfo/styles.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_rootModal__KufK7 {
  display: flex;
  flex-direction: column;
  padding: 24px;
  width: 100%;
  max-width: 100%;
  min-height: 232px;
  top: unset;
  right: unset;
  bottom: 0;
  left: 0;
  border: unset;
  border-radius: 24px 24px 0 0;
}

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

.styles_divider__oC6W5 {
  width: 100%;
  height: 1px;
  background: #e6e8ec;
}

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

.styles_userName__LdSrO {
  display: flex;
  flex-direction: column;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #141416;
}

.styles_profileLink__tE2iy {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #777e90;

  @media (min-width: 1024px) and (pointer: fine) {
    cursor: pointer;

    &:hover {
      opacity: 0.7;
    }
  }
}

.styles_favoriteWrapper__t9FKw {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.styles_favoritesLink__7m6Bq {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #141416;

  @media (min-width: 1024px) and (pointer: fine) {
    cursor: pointer;

    &:hover {
      opacity: 0.7;
    }
  }
}

.styles_logoutBtn__fmR0N {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-align: left;
  padding: 0;
  border: none;
  background: none;
  color: #777e90;

  @media (min-width: 1024px) and (pointer: fine) {
    cursor: pointer;

    &:hover {
      opacity: 0.7;
    }
  }
}

.styles_closeButton__hgTq3 {
  right: 24px;
  top: 24px;
}

@media (min-width: 1024px) {
  .styles_rootModal__KufK7 {
    width: 320px;
    min-height: 224px;
    bottom: unset;
    left: var(--modal-left, 'auto');
    top: var(--modal-top, auto);
    right: var(--modal-right, auto);
    border-radius: 24px;
    box-shadow:
      0px 18px 39px 0px #0000001a,
      0px 72px 72px 0px #00000017,
      #0000000d,
      #00000003,
      #00000000;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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[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[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_modal__bcMpp {
    top: 56px;
  }
  .styles_modal_withShowPromo__4hzy9 {
    top: 116px;
  }
  .styles_modalBody__oW57G {
    top: 0;
    height: auto;
    border-radius: 0 0 24px 24px;
  }
  .styles_contentWrapper__9CxBs {
    flex-direction: row;
    justify-content: space-between;
    padding: 22px 40px 42px 40px;
  }
  .styles_contentWrapper__9CxBs > div {
    flex: 1 1;
  }
  .styles_contentWrapper__9CxBs > div:nth-child(2)::before, .styles_contentWrapper__9CxBs > div:nth-child(3)::before {
    top: 0;
    left: -20px;
    width: 1px;
    height: 100%;
    background-color: #e6e8ec;
  }
  .styles_dekstopNewsWrapper__tHQ39 {
    display: flex;
    flex-direction: column;
    gap: 74px;
    max-width: 265px;
  }
  .styles_desktopRentWrapper__NFC0g {
    gap: 32px;
  }
}
.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;
  }
}
@media (min-width: 1440px) {
  .styles_modal__bcMpp {
    top: 64px;
  }
  .styles_modal_withShowPromo__4hzy9 {
    top: 124px;
  }
  .styles_contentWrapper__9CxBs {
    padding: 14px 40px 40px;
    max-width: 1440px;
    margin: 0 auto;
  }
  .styles_contentWrapper__9CxBs > div {
    flex: unset;
  }
  .styles_dekstopNewsWrapper__tHQ39 {
    align-items: flex-end;
    gap: 112px;
  }
  .styles_desktopRentWrapper__NFC0g {
    width: 338px;
  }
}