/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/MainFiltersSection/CatalogLinkButton/CatalogLinkButton.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CatalogLinkButton_link__X1tDQ {
  display: block;
  text-decoration: none;
  color: 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/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/shared/uikit/Tooltip/Tooltip.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Tooltip_tooltip__zwGFN {
  width: 240px;
  padding: 16px;
  background: #ffffff;
  color: #141416;
  border-radius: 12px;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.12), 0px 21px 21px 0px rgba(0, 0, 0, 0.1), 0px 48px 29px 0px rgba(0, 0, 0, 0.06), 0px 85px 34px 0px rgba(0, 0, 0, 0.02), 0px 132px 37px 0px rgba(0, 0, 0, 0);
}

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

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

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

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

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

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

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

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

.Chip_withTooltip__ymCj3 {
  padding-right: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.Select_placeholder__NWm0t {
  color: #777e90;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.RangeInput_rangeInput__suffix__0kW99 {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #B1B5C3;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/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/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/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/components/SkeletonBlock/SkeletonBlock.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes SkeletonBlock_pulseOpacity__1Mva5 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.SkeletonBlock_block__EYoTE {
  background: #f4f5f6;
  animation: SkeletonBlock_pulseOpacity__1Mva5 2s ease-in-out infinite;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/MainFiltersSection/MainFiltersSection.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MainFiltersSection_root__01TQ2 {
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.LotCardHeader_title_hasMinHeight__eHG2u {
  min-height: 64px;
}

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

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

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

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

.LotCardInfo_separator__wnOw2 {
  color: #353945;
}

.LotCardInfo_projectYear__FQWxW {
  color: #353945;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.LotCard_img__e4BFn {
  margin-bottom: 20px;
}

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

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

.LotCard_actions__t_h1b {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

.LotCardHorizontal_infoTop__3ezvg.LotCardHorizontal_infoTop__3ezvg {
  display: block;
}

.LotCardHorizontal_infoBottom__esJ8i.LotCardHorizontal_infoBottom__esJ8i {
  display: none;
}

.LotCardHorizontal_bottomInfo__AfhE0 {
  display: none;
}

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

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

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

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

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

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

.LotCardHorizontal_project__TONh1 {
  margin: 6px 0;
}

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

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

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

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

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

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

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

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

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

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

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

.LotCardSimilar_actions__g0Whw {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.BCatalogProjectV3_content__80C0P {
  overflow-x: hidden;
}

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

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

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

.CatalogFiters_hidden-filters__lSohu {
  display: none;
}

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

.CatalogFiters_filter-list__vG_cV {
  display: flex;
  gap: 8px;
}
.CatalogFiters_filter-list__vG_cV > * {
  flex: 1 1;
  min-width: 0;
}
.CatalogFiters_filter-list__vG_cV > .CatalogFiters_filterListItemNoGrow__sDdco {
  flex: 0 1 auto;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/domProjectPage/components/BChooseLot/BChooseLot.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BChooseLot_root__qt7_N {
  padding-left: 16px;
  position: relative;
}

.BChooseLot_titleWrapper__pILFu {
  padding-bottom: 32px;
  padding-right: 16px;
}

.BChooseLot_title__hFwiA {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  padding-bottom: 16px;
  letter-spacing: -0.01em;
}

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

.BChooseLot_slide__7P5YZ {
  width: 307px;
  padding: 24px 24px 34px;
  background: #ffffff;
  border-radius: 24px;
  border: solid 1px #e6e8ec;
}

.BChooseLot_slide__7P5YZ:hover {
  background: #f4f5f6;
}

.BChooseLot_lotTitle__Z9IuC {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #141416;
}

.BChooseLot_lotArea__GyO6a {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  padding-bottom: 24px;
  color: #777e90;
}

.BChooseLot_lotPrice__nBmQp {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #353945;
  padding-bottom: 4px;
}

.BChooseLot_lotPriceMeter__9Pixb {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #777e90;
}

.BChooseLot_imgWrapper__eNHU8 {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 33px;
}

@media (min-width: 1024px) {
  .BChooseLot_root__qt7_N {
    padding-left: 40px;
  }
  .BChooseLot_titleWrapper__pILFu {
    padding-right: 40px;
    display: flex;
    justify-content: space-between;
    gap: 8px;
  }
  .BChooseLot_title__hFwiA {
    width: calc(50% - 4px);
  }
  .BChooseLot_text__NwbE_ {
    width: calc(50% - 4px);
  }
  .BChooseLot_slide__7P5YZ {
    width: 304px;
  }
}
@media (min-width: 1440px) {
  .BChooseLot_slide__7P5YZ {
    width: 258px;
  }
  .BChooseLot_title__hFwiA {
    font-size: 32px;
    line-height: 40px;
  }
  .BChooseLot_text__NwbE_ {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
  }
  .BChooseLot_desktopLotsWrapper__VYP_K {
    display: flex;
    gap: 16px;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/NavigateAnchor/styles.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_anchor__n2_uE {
  position: absolute;
  top: -80px;
}

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

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

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

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

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

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

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

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

.styles_lot__GyOGG {
  background: white;
  height: 100%;
  min-width: 343px;
}

.styles_skeleton__qBYJO:first-child {
  margin-left: 24px;
}

.styles_tab__ZNsFo {
  padding: 12px 21px;
  background: white;
}

.styles_filterInput__Ms9qa {
  background: white;
}

.styles_catalog__aqjGq {
  overflow-x: hidden;
  background: rgb(244, 245, 246);
  border-radius: 24px;
}

.styles_title__r5vGI {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  padding: 24px 24px 0 24px;
  margin: 0;
  letter-spacing: -0.01em;
  color: #141416;
}

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

.styles_riseFilter__JvgYo {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

.styles_lots__ddwfY {
  gap: 8px;
  overflow-x: scroll;
  display: flex;
  margin-bottom: 24px;
}
.styles_lots__ddwfY a:first-child {
  display: block;
  margin-left: 24px;
}
.styles_lots__ddwfY a {
  text-decoration: none;
  color: #141416;
}

.styles_lotsEmpty__kgCnc {
  overflow: unset;
}

.styles_btn__n0Rjr {
  margin-right: 24px;
  margin-left: 24px;
  padding-bottom: 24px;
}

.styles_retailTabWrapper__QcrUm {
  border-radius: 48px;
  background: #ffffff;
}

.styles_observe__TiwIl {
  width: 25px;
  min-width: 25px;
  height: 25px;
}

@media (min-width: 1024px) {
  .styles_root__l4H1_ {
    margin-left: 40px;
    margin-right: 40px;
  }
  .styles_observe__TiwIl {
    padding-top: 10px;
  }
  .styles_title__r5vGI {
    padding: 40px 40px 0 40px;
  }
  .styles_titleNew__OIyE2 {
    font-size: 24px;
  }
  .styles_lots__ddwfY a:first-child {
    margin-left: 40px;
  }
  .styles_tabs__Vv3Fr {
    width: auto;
  }
  .styles_tabsRise__PO2G1 {
    flex: 1 1;
  }
  .styles_risePrice__uuDjm {
    flex: 1 1;
  }
  .styles_filter__zxY2C {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 24px 40px 32px 40px;
    gap: 8px;
  }
  .styles_riseFilter__JvgYo {
    flex-direction: row;
    justify-content: space-between;
  }
  .styles_riseApartment__ZSori {
    max-width: max-content;
    flex: 1 1;
  }
  .styles_riseLayouts__lBwh1 {
    flex: 1 1;
  }
  .styles_filterWrapper__dBZtR {
    min-height: 120px;
  }
  .styles_skeleton__qBYJO:first-child {
    margin-left: 40px;
  }
  .styles_retailTabWrapper__QcrUm {
    min-width: 284px;
  }
  .styles_retailSelectWrapper__EhxiJ {
    min-width: 284px;
  }
  .styles_btn__n0Rjr {
    margin-right: 40px;
    margin-left: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 1440px) {
  .styles_title__r5vGI {
    font-size: 32px;
    line-height: 40px;
    padding: 0;
  }
  .styles_titleNew__OIyE2 {
    font-size: 32px;
  }
  .styles_catalogTitleWrapper__yW7If {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .styles_skeleton__qBYJO:first-child {
    margin-left: 0px;
  }
  .styles_catalog__aqjGq {
    display: flex;
    gap: 40px;
    padding-top: 40px;
    padding-left: 40px;
    justify-content: space-between;
  }
  .styles_catalog__aqjGq ::-webkit-scrollbar {
    width: 6px;
  }
  .styles_catalog__aqjGq ::-webkit-scrollbar-track {
    margin-bottom: 4px;
  }
  .styles_catalog__aqjGq ::-webkit-scrollbar-thumb {
    background: rgb(177, 181, 195);
    border-radius: 40px;
  }
  .styles_filterWrapper__dBZtR {
    min-width: 327px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .styles_filter__zxY2C {
    max-width: 327px;
    padding: 0;
    gap: 32px;
    flex-direction: column;
  }
  .styles_riseFilter__JvgYo {
    flex-direction: column;
  }
  .styles_lots__ddwfY {
    max-height: 516px;
    width: 100%;
    flex-direction: column;
    overflow-x: unset;
    overflow-y: scroll;
    margin-left: 0;
    padding-right: 8px;
    margin-right: 16px;
    min-height: 516px;
  }
  .styles_lots__ddwfY a:first-child {
    margin-left: unset;
  }
  .styles_btn__n0Rjr {
    padding-bottom: 0;
    margin: auto 0 40px 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/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/officeProjectPage/components/BCatalogProject/BCatalogEmpty/s.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__ldcSs {
  padding: 0 24px;
}

.s_rootWrapper__sudcc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: calc(100vw - 64px);
  height: 100%;
  padding: 28px;
  border-radius: 24px;
  border: 1px solid #E6E8EC;
  background: #ffffff;
}

.s_title__dtCef {
  font-size: 18px;
  line-height: 24px;
  color: #353945;
}

.s_description__7VK06 {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #777E90;
}

.s_tabletIcon__cDAtI {
  display: none;
}

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

@media (min-width: 1024px) {
  .s_mobileIcon__gPl9F {
    display: none;
  }
  .s_tabletIcon__cDAtI {
    display: block;
  }
  .s_root__ldcSs {
    padding: 0;
    margin: 0 auto;
  }
  .s_rootWrapper__sudcc {
    width: calc(100vw - 160px);
  }
  .s_title__dtCef {
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -0.01em;
    margin: 8px 0 0 0;
  }
  .s_description__7VK06 {
    font-size: 16px;
    line-height: 24px;
  }
  .s_btn__xWJ5a {
    margin: 16px 0 0 0;
  }
  .s_btn__xWJ5a div:not(:first-child) div {
    width: 24px !important;
    height: 24px !important;
  }
}
@media (min-width: 1440px) {
  .s_root__ldcSs {
    height: 100%;
    margin: 0;
  }
  .s_rootWrapper__sudcc {
    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/components/LotItem/styles.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_imgLot__nGE3q {
  width: 100%;
  height: 141px;
  object-fit: contain;
}
@media (min-width: 1024px) {
  .styles_imgLot__nGE3q {
    width: 148px;
    height: 106px;
  }
}

.styles_imgCommercialLot__PYw9P {
  width: 100%;
  height: 213px;
  object-fit: contain;
}

.styles_imgWrapper__gVPQX {
  width: 100%;
  display: flex;
  justify-content: center;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/PlanModal/PlanModal.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PlanModal_modal__gLxUT {
  overflow: hidden;
  z-index: 106;
}

.PlanModal_modalBody__KOMr8 {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  box-sizing: border-box;
}

.PlanModal_compassModifier__euUdP {
  width: 46px;
  height: 46px;
}

.PlanModal_modalBodyInfo__rMB6m {
  overflow-y: scroll;
}

.PlanModal_bodyWrapper__TuNPF {
  flex: 1 0;
  height: auto;
  position: relative;
  margin: 8px 0 0 0;
  padding: 0 8px;
  z-index: 0;
  box-sizing: border-box;
}

.PlanModal_closeBtn__w_6zF {
  position: absolute;
  top: 0;
  right: 8px;
  z-index: 104;
}

.PlanModal_closeBtnInfo__PzDLs {
  top: 8px;
  position: fixed;
}

.PlanModal_controlsWrapper__sM9Ro {
  display: none;
}

.PlanModal_overflowWrapper___sX9S {
  position: relative;
  display: flex;
  height: calc(100% - 64px);
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.PlanModal_overflowWrapperInfo__b_eeH {
  height: calc(100% - 128px);
}

.PlanModal_infoBtnWrapper__R_wUu {
  display: none;
}

.PlanModal_planFormBtn__YeOZq {
  position: fixed;
  left: 50%;
  bottom: 72px;
  transform: translate(-50%, 0);
}

.PlanModal_planFormBtnInfo__sW878 {
  width: calc(100% - 32px);
  bottom: 12px;
}

@media (min-width: 1024px) {
  .PlanModal_modalBody__KOMr8 {
    padding: 16px;
  }
  .PlanModal_bodyWrapper__TuNPF {
    height: 100%;
  }
  .PlanModal_closeBtn__w_6zF {
    top: 16px;
    right: 16px;
  }
  .PlanModal_closeBtnInfo__PzDLs {
    z-index: 106;
  }
  .PlanModal_controlsWrapper__sM9Ro {
    display: block;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translate(0, -50%);
    z-index: 1;
  }
  .PlanModal_overflowWrapper___sX9S {
    height: 100%;
  }
  .PlanModal_infoBtnWrapper__R_wUu {
    position: absolute;
    left: 16px;
    bottom: 16px;
    display: block;
    width: 48px;
    height: 48px;
  }
  .PlanModal_openInfoBtn__tN6nP {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #141416;
    z-index: 106;
    cursor: pointer;
  }
  .PlanModal_openInfoBtn__tN6nP:active {
    opacity: 0.8;
  }
}
@media (min-width: 1024px) and (min-width: 768px) and (pointer: fine) {
  .PlanModal_openInfoBtn__tN6nP:hover {
    opacity: 0.8;
  }
}
@media (min-width: 1024px) {
  .PlanModal_infoModalBody__JP1HQ {
    left: 32px;
    bottom: 32px;
    border-radius: 32px;
    border: 1px solid #E6E8EC;
    background: #ffffff;
    box-shadow: 0px 18px 39px 0px rgba(0, 0, 0, 0.1019607843), 0px 72px 72px 0px rgba(0, 0, 0, 0.0901960784), 0px 161px 97px 0px rgba(0, 0, 0, 0.0509803922), 0px 287px 115px 0px rgba(0, 0, 0, 0.0117647059), 0px 449px 126px 0px rgba(0, 0, 0, 0);
  }
  .PlanModal_planFormBtn__YeOZq {
    min-width: 177px;
    max-width: 177px;
    bottom: 16px;
  }
  .PlanModal_planFormBtnInfo__sW878 {
    width: calc(100% - 32px);
    z-index: 107;
  }
}
@media (min-width: 1440px) {
  .PlanModal_planFormBtn__YeOZq {
    min-width: 215px;
    max-width: 215px;
  }
  .PlanModal_compassModifier__euUdP {
    width: unset;
    height: 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/components/BPlan/components/TabList/s.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media (min-width: 1024px) {
  .s_root__Y6eDc {
    width: 343px;
    margin: 0 auto;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BPlan/components/Compass/Compass.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Compass_compass__8SXtz {
  position: absolute;
  z-index: 2;
}
body.waitlist-modal-open .Compass_compass__8SXtz {
  z-index: 0 !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/SunCircle/ui/SunCircle.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SunCircle_root__t2TH2 {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.SunCircle_timeMarker__BnPgJ {
  position: absolute;
  width: 76px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  padding: 9px 12px 9px 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 210px;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  border: 1px solid #FFB202;
  pointer-events: none;
  cursor: pointer;
  z-index: 3;
}

.SunCircle_timeText__BKuNK {
  width: 33px;
}

.SunCircle_daytime__ya1Pw {
  border-color: #FFB202;
}
.SunCircle_daytime__ya1Pw path {
  stroke: #FFB202;
  fill: #FFB202;
}

.SunCircle_nighttime__DoZWa {
  border-color: #777E90;
}
.SunCircle_nighttime__DoZWa path {
  stroke: #777E90;
  fill: #777E90;
}

.SunCircle_tutorialModal__KQLqv {
  position: absolute;
}

.SunCircle_tutorialModalOverlay__iB1FR {
  height: 100%;
}

.SunCircle_tutorial__34SLg {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  max-width: 218px;
  color: #141416;
}

.SunCircle_tutorialModal__KQLqv {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.01em;
  top: 50%;
  left: 50%;
  min-width: 290px;
  transform: translate(-50%, -50%);
}

@media (min-width: 1024px) {
  .SunCircle_root__t2TH2 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
    height: 85%;
  }
  .SunCircle_tutorialModal__KQLqv {
    font-size: 24px;
    line-height: 32px;
    min-width: 376px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/SunCircle/components/Arrow/Arrow.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Arrow_arrowIcon__uLpnH {
  position: absolute;
  top: 74px;
  left: 50%;
  transform: translate(-50%, 0%);
}

@media (min-width: 1024px) {
  .Arrow_arrowIconModal__n6HTl {
    top: 120px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BPlan/components/FloorSwitcher/s.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_floorSwitcher__JUIQu {
  position: absolute;
  left: 8px;
  bottom: 8px;
  width: 220px;
  height: 40px;
  padding: 0 4px;
  border-radius: 60px;
  background: #E6E8EC;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  z-index: 1;
}

.s_floorSwitcherModal__DjNlc {
  left: 50%;
  bottom: 42px;
  transform: translate(-50%, 0);
}

.s_floorsListWrapper__kcsYl {
  width: 100px;
  overflow-x: hidden;
}

.s_floorsList__FFOVx {
  display: flex;
  gap: 4px;
}

.s_floorItem__fC8yx {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  min-width: 48px;
  height: 32px;
  border-radius: 48px;
  color: #777E90;
}

.s_floorItemActive__ZHLOD {
  color: #FFFFFF;
  background: #141416;
}

@media (min-width: 1024px) {
  .s_floorSwitcher__JUIQu {
    left: 0;
  }
  .s_floorSwitcherModal__DjNlc {
    bottom: 0px;
  }
  .s_floorItem__fC8yx {
    cursor: pointer;
  }
  .s_floorItem__fC8yx:hover {
    opacity: 0.7;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/Loader/Loader.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Loader_loader__cvVQ1 {
  width: 50px;
  aspect-ratio: 1;
  display: grid;
  border-radius: 50%;
  background-repeat: no-repeat;
  animation: Loader_l23__WxmLZ 1s infinite steps(8);
}
.Loader_loader_white__gMYGo {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 30%, transparent 0 70%, white 0) 50%/6% 80%, linear-gradient(90deg, rgba(255, 255, 255, 0.25) 30%, transparent 0 70%, white 0) 50%/80% 6%;
  background-repeat: no-repeat;
}
.Loader_loader_black__OmR32 {
  background: linear-gradient(0deg, rgb(187, 187, 187) 30%, transparent 0 70%, black 0) 50%/6% 80%, linear-gradient(90deg, rgb(188, 188, 188) 30%, transparent 0 70%, black 0) 50%/80% 6%;
  background-repeat: no-repeat;
}
.Loader_loader__cvVQ1::before, .Loader_loader__cvVQ1::after {
  content: "";
  grid-area: 1/1;
  border-radius: 50%;
  background: inherit;
  opacity: 0.915;
  transform: rotate(45deg);
}
.Loader_loader__cvVQ1::after {
  opacity: 0.83;
  transform: rotate(90deg);
}

@keyframes Loader_l23__WxmLZ {
  100% {
    transform: rotate(1turn);
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BPlan/components/PlanZoom/PlanZoomCommon.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PlanZoomCommon_tutorialWrapper__1Ii9Z {
  position: relative;
}

.PlanZoomCommon_tutorialOpacity__D98fh {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
}

.PlanZoomCommon_tutorialWatched__GyGxN {
  background: unset;
}

.PlanZoomCommon_plan__HjzfQ {
  width: auto;
  height: auto;
}

.PlanZoomCommon_planWrapper__PJoqf {
  overflow: unset !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.PlanZoomCommon_planBlock__wVQss {
  max-height: 349px;
  max-width: 349px;
}

.PlanZoomCommon_planContent__3Hi32 {
  display: flex;
  justify-content: center;
}

@media (min-width: 1024px) {
  .PlanZoomCommon_plan__HjzfQ {
    max-width: 900px;
    max-height: 700px;
  }
}
.PlanZoomCommon_imageHidden__u3fOB {
  opacity: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/CatalogLinkButton/CatalogLinkButton.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CatalogLinkButton_link__tVZr0 {
  display: contents;
  color: inherit;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/officeProjectPage/components/Plus/s.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__Z_w_b {
  position: absolute;
}

.s_rootShown__7SMXy,
.s_rootShownModal__vYhjO {
  z-index: 104;
}

.s_wrapper__hY4s3 {
  z-index: 115;
  display: none;
  position: fixed;
  bottom: 0;
  background: rgba(255, 255, 255, 0);
  width: 100%;
  height: 100%;
  background: rgba(20, 20, 22, 0.8);
}

.s_modal__bMj8l {
  z-index: 104;
}

.s_content__Yuu5K {
  position: absolute;
  bottom: 0;
  left: 0;
  background: white;
  width: 100%;
  padding: 24px;
  border-radius: 24px 24px 0 0;
}

.s_openContent___0NZT {
  display: block;
}

.s_openContentModal__5HRc8 {
  display: block;
  height: auto;
}

.s_wtorkakBtn__gpvnC {
  padding: 0;
  font-size: 12px;
  margin: 0;
}

.s_contentTitle__dRpxT {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 24px;
}

.s_touchWrapper___9enU {
  position: absolute;
  border-radius: 80px;
  top: 0;
  padding: 7px 7px 40px 7px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}

.s_touchContent__cNBXp {
  background: rgb(177, 181, 195);
  width: 80px;
  height: 4px;
}

.s_fieldsWrapper__DT8ZU {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}

.s_field__dJGVr {
  display: flex;
  justify-content: space-between;
}

.s_field__dJGVr:not(:last-child) {
  border-bottom: solid 1px rgb(244, 245, 246);
  padding-bottom: 8px;
}

.s_field__dJGVr:not(:first-child) {
  padding-top: 8px;
}

.s_title__7CTJr {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: rgb(53, 57, 69);
}

.s_value__euMgE {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: rgb(20, 20, 22);
}

@media (min-width: 1024px) {
  .s_contentTouch__ewwMZ {
    display: none;
  }
  .s_rootShown__7SMXy,
  .s_rootShownModal__vYhjO {
    z-index: 101;
  }
  .s_touchWrapper___9enU {
    display: none;
  }
  .s_content__Yuu5K {
    left: unset;
    display: none;
    min-width: 271px;
    position: absolute;
    height: max-content;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 24px;
    padding: 24px;
  }
  .s_openContent___0NZT {
    display: block;
  }
  .s_rightPos__MO3Od {
    left: -8px;
  }
  .s_rightPos__MO3Od .s_contentTitle__dRpxT {
    text-align: right;
  }
  .s_leftPos__JH50j {
    right: -8px;
  }
  .s_topPos__5xtOq {
    padding-bottom: 32px;
    bottom: -8px;
  }
  .s_topPos__5xtOq .s_contentTitle__dRpxT {
    text-align: left;
  }
  .s_botPos__oumPB {
    top: -8px;
  }
}
@media (min-width: 1440px) {
  .s_topPos__5xtOq {
    padding-bottom: 42px;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./node_modules/swiper/modules/free-mode.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

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

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

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

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

.BFullImageModal_img__Rvlkt {
  object-fit: cover;
}

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

.BFullImageModal_slideWrapper__0Nmlm {
  position: relative;
  width: 100vw;
  height: 252px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.BFullImageModal_prevBtn__ckMbb,
.BFullImageModal_nextBtn__cfhgI {
  display: none;
}

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

@media (min-width: 1024px) {
  .BFullImageModal_slideWrapper__0Nmlm {
    height: 100vh;
  }
  .BFullImageModal_closeBtn__iFQ02 {
    top: 16px;
    right: 16px;
  }
  .BFullImageModal_img__Rvlkt {
    object-fit: contain;
  }
  .BFullImageModal_prevBtn__ckMbb,
  .BFullImageModal_nextBtn__cfhgI {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
    width: 40px;
    z-index: 2;
  }
  .BFullImageModal_nextBtn__cfhgI {
    left: unset;
    right: 16px;
  }
  .BFullImageModal_sliderCounter__K7pZ_ {
    bottom: 16px;
  }
}
@media (min-width: 1440px) {
  .BFullImageModal_closeBtn__iFQ02 {
    width: 48px;
  }
  .BFullImageModal_prevBtn__ckMbb,
  .BFullImageModal_nextBtn__cfhgI {
    width: 48px;
  }
  .BFullImageModal_prevBtn__ckMbb > div,
  .BFullImageModal_nextBtn__cfhgI > div {
    width: 20px;
    height: 20px;
  }
  .BFullImageModal_prevBtn__ckMbb svg,
  .BFullImageModal_nextBtn__cfhgI svg {
    width: 20px;
    height: 20px;
  }
  .BFullImageModal_sliderCounter__K7pZ_ {
    position: absolute;
    font-size: 14px;
    line-height: 24px;
    padding: 12px 24px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/VideoPlayer/VideoPlayerExternal/VideoPlayerExternal.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.VideoPlayerExternal_videoWrapper__BlU09 {
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.VideoPlayerOwn_modal__WXTR2 {
  z-index: 3000;
}

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

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

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

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

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

.VideoPlayerOwn_modal__close-btn__I3sW5 {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 10;
  flex-shrink: 0;
  padding: 9px;
}
@media (min-width: 1024px) {
  .VideoPlayerOwn_modal__close-btn__I3sW5 {
    top: 16px;
    right: 16px;
  }
}
@media (min-width: 1440px) {
  .VideoPlayerOwn_modal__close-btn__I3sW5 {
    width: 48px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/officeProjectPage/components/BGenPlan/styles.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__74KU3 {
  background: #141416;
  border-radius: 24px;
  padding: 40px 0 40px 8px;
}

.styles_header__Jjs2K {
  padding: 0 16px 0 8px;
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}

.styles_title__cYMrR {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  color: #ffffff;
  padding-bottom: 16px;
}

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

.styles_img__zyIZ8 {
  width: 1085px;
  height: 460px;
}

.styles_imgWrapper__d0cYc {
  position: relative;
  object-fit: cover;
  height: 263px;
}
.styles_imgWrapper__d0cYc img {
  border-radius: 24px;
  object-fit: cover;
}

.styles_ingGenPlanWrapper__c6BDn {
  position: relative;
}

.styles_imgGenPlan__mZltF {
  width: 100%;
  height: 100%;
  border-radius: unset;
}

.styles_sitPlan__C86XT {
  position: absolute;
  bottom: 8px;
  left: 8px;
  cursor: pointer;
}
.styles_sitPlan__C86XT img {
  border-radius: 100px;
}

.styles_modal__Yi_HW {
  overflow: hidden;
  z-index: 111;
}

.styles_modalGen__ifUzv {
  z-index: 114;
  background: #ffffff;
}

.styles_modalGenClue__aLzOK {
  overflow: hidden;
}

.styles_modalBodyFullScreen__w6Ns_ {
  overflow-x: scroll;
  top: 0;
  width: 100%;
  scrollbar-width: none;
  overscroll-behavior: none;
}

.styles_modalBodyFullScreenClue__9Blcj {
  overflow: hidden;
}

.styles_genPlanClue___8RVe {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}
@supports (height: 100dvh) {
  .styles_genPlanClue___8RVe {
    height: 100dvh;
  }
}
.styles_genPlanClue___8RVe {
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.styles_genPlanClueText__kHEQ8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
}

.styles_genButtons__MFFUJ {
  display: flex;
  gap: 4px;
}

.styles_genPlanHeader___FBcI {
  z-index: 2;
  position: fixed;
  margin-left: 8px;
  margin-top: 8px;
  width: calc(100% - 16px);
  background: rgba(20, 20, 22, 0.8);
  border-radius: 12px;
  padding: 8px;
  display: flex;
  justify-content: space-between;
}

.styles_imgGenPlanWrapper__Sm_Wz {
  height: 100vh;
}
@supports (height: 100dvh) {
  .styles_imgGenPlanWrapper__Sm_Wz {
    height: 100dvh;
  }
}
.styles_imgGenPlanWrapper__Sm_Wz {
  width: 1480px;
  position: relative;
}
.styles_imgGenPlanWrapper__Sm_Wz img {
  object-fit: cover;
}

.styles_imgGenPlanWrapperZoomed__xbXQ4 {
  display: flex;
  align-items: center;
  width: 100%;
}

.styles_sitPlanPreview__lART6 {
  position: relative;
  min-height: 213px;
  aspect-ratio: 1.7/1;
  height: auto;
  width: 100%;
}

.styles_sitPlanPreviewImg__BbCa2 {
  height: auto;
}

.styles_zoomInWrapper__fnJbA {
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  width: max-content;
  max-width: 100%;
  color: #777e90;
}

.styles_overlayFullscreen__mJGlN {
  z-index: 10;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.styles_modalBody__V_ZmY {
  width: 100%;
}

.styles_closeModalSit__CwGoW {
  z-index: 112;
  position: fixed;
  top: 8px;
  right: 8px;
  background: #141416;
  border: solid 1px #141416;
}

.styles_modalSitPlanImg__cNrbi {
  width: auto;
  max-width: 1567px;
  height: 100vh;
}
@supports (height: 100dvh) {
  .styles_modalSitPlanImg__cNrbi {
    height: 100dvh;
  }
}
.styles_modalSitPlanImg__cNrbi {
  object-fit: cover;
  aspect-ratio: auto;
}

.styles_sitPlan__C86XT:hover {
  opacity: 0.94;
}

.styles_closeMiniPanel__rFaqj {
  position: absolute;
  left: 50%;
  top: 50%;
}

.styles_sitPlanImg__Bs8bY {
  width: 64px;
  height: 64px;
}

.styles_scrollWrapper__UDu_s {
  position: relative;
  overflow-x: hidden;
  width: calc(100% - 8px);
  margin-bottom: 80px;
  border-radius: 24px;
}

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

.styles_subTitleAndTabs__90W0F {
  overflow: hidden;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.styles_subTitle__Qx3ol {
  color: #ffffff;
  font-size: 24px;
  line-height: 32px;
}

.styles_tabs__R96q_ {
  overflow-x: scroll;
  display: flex;
  width: 100%;
  gap: 4px;
  margin-right: 40px;
  scrollbar-width: none;
}
.styles_tabs__R96q_::-webkit-scrollbar {
  display: none;
  -webkit-appearance: none;
  width: 0;
  height: 0;
}

.styles_tag__NQDsA {
  cursor: pointer;
  width: max-content;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  border-radius: 110px;
  background: #23262f;
  color: white;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.styles_active__xMerK {
  background: white;
  color: #353945;
}

.styles_slider__OgWW0 {
  display: flex;
  position: relative;
}
.styles_slider__OgWW0 .styles_slide__mXh5f {
  cursor: pointer;
  width: 307px;
  height: 192px;
  background: #23262f;
  border-radius: 24px;
}
.styles_slider__OgWW0 .styles_videoWrapper__lwzhk {
  width: 307px;
  height: 192px;
}
.styles_slider__OgWW0 .styles_video__VqqU_ {
  width: 307px;
  height: 192px;
}
.styles_slider__OgWW0 .styles_video__VqqU_ iframe {
  border-radius: 24px;
}

.styles_slide__mXh5f img {
  border-radius: 24px;
  object-fit: cover;
}

.styles_featureContent__ahoGi {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  height: 100%;
}

.styles_featureText__gfrAE {
  color: #e6e8ec;
  font-size: 14px;
  line-height: 20px;
}

.styles_featureTitle__YbgdQ {
  font-size: 16px;
  line-height: 24px;
  color: white;
}

.styles_mobileThumbContainer__iz9w1 {
  width: 112px;
  height: 40px;
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 8px;
}
.styles_mobileThumbContainer__iz9w1 input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 112px;
  height: 40px;
  background: none;
  outline: none;
  opacity: 0;
  z-index: 33;
}
.styles_mobileThumbContainer__iz9w1 input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 30px;
  height: 38px;
  border-radius: 0;
}
.styles_mobileThumbContainer__iz9w1 .styles_customThumb__pgvAO {
  top: 0;
  left: 0;
  position: absolute;
  width: 112px;
  height: 40px;
  border-radius: 47px;
  border: 1px solid #ffffff;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  overflow: hidden;
}
.styles_mobileThumbContainer__iz9w1 .styles_sideContainer__HlVCt {
  display: flex;
  position: absolute;
  width: 32px;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
}
.styles_mobileThumbContainer__iz9w1 .styles_leftSide__SLKnc,
.styles_mobileThumbContainer__iz9w1 .styles_rightSide__Aa3pq {
  position: relative;
  border: none;
  flex: 1 1;
}
.styles_mobileThumbContainer__iz9w1 .styles_leftSide__SLKnc::before,
.styles_mobileThumbContainer__iz9w1 .styles_rightSide__Aa3pq::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  background-image: url("/image/thumbLeftArrow.svg");
}
.styles_mobileThumbContainer__iz9w1 .styles_rightSide__Aa3pq::before {
  background-image: url("/image/thumbRightArrow.svg");
}

.styles_mobileThumbContainerGenPlan__EAKQ_ .styles_customThumb__pgvAO {
  border: 1px solid #141416;
  background: rgba(20, 20, 22, 0.1019607843);
}
.styles_mobileThumbContainerGenPlan__EAKQ_ .styles_sideContainer__HlVCt {
  background: rgba(0, 0, 0, 0.5);
}
.styles_mobileThumbContainerGenPlan__EAKQ_ .styles_leftSide__SLKnc::before {
  background-image: url("/image/modalThumbLeftArrow.svg");
}
.styles_mobileThumbContainerGenPlan__EAKQ_ .styles_rightSide__Aa3pq::before {
  background-image: url("/image/modalThumbRightArrow.svg");
}

.styles_fullscreen__6JkRk {
  display: block;
  position: absolute;
  right: 8px;
  bottom: 8px;
}

.styles_navBtn__pirkL {
  display: none;
}

@media (min-width: 1024px) {
  .styles_root__74KU3 {
    padding: 80px 0 40px 40px;
  }
  .styles_slider__OgWW0 {
    width: 100%;
  }
  .styles_slider__OgWW0 .styles_slide__mXh5f,
  .styles_slider__OgWW0 .styles_slideVertical__9qKNL {
    width: 224px;
    height: 290px;
  }
  .styles_slider__OgWW0 .styles_videoWrapper__lwzhk,
  .styles_slider__OgWW0 .styles_video__VqqU_,
  .styles_slider__OgWW0 .styles_slideGorizontal__CnsgL {
    width: 464px;
    height: 290px;
  }
  .styles_modal__Yi_HW {
    z-index: 3;
    position: absolute;
    border-radius: 24px;
    justify-content: flex-start;
    align-items: center;
  }
  .styles_modalBody__V_ZmY {
    width: max-content;
    height: max-content;
    left: 16px;
    bottom: 16px;
  }
  .styles_modalOverlay__ULEiA {
    width: 100%;
    height: 100%;
    padding: 16px;
  }
  .styles_closeModalSit__CwGoW {
    z-index: 4;
    position: absolute;
  }
  .styles_modalSitPlanImg__cNrbi {
    width: 626px;
    height: 100%;
    max-height: calc(100% - 32px);
    border-radius: 24px;
  }
  .styles_mobileThumb__PJM1m,
  .styles_modalThumbContainer__PIxLS,
  .styles_modalThumb__qkbWx,
  .styles_mobileThumbContainer__iz9w1 {
    display: none;
  }
  .styles_featureContent__ahoGi {
    background: #23262f;
    border-radius: 24px;
  }
  .styles_imgWrapper__d0cYc {
    padding-right: 40px;
    height: 528px;
    margin-bottom: 80px;
    width: unset;
  }
  .styles_img__zyIZ8 {
    width: 100%;
    height: 528px;
  }
  .styles_sitPlanImg__Bs8bY {
    width: 80px;
    height: 80px;
  }
  .styles_scrollWrapper__UDu_s {
    position: relative;
    width: 100%;
    overflow-x: unset;
  }
  .styles_title__cYMrR {
    font-size: 32px;
    line-height: 32px;
    width: 100%;
    max-width: 50%;
  }
  .styles_description__ZPcgw {
    width: 100%;
    max-width: 50%;
    font-size: 18px;
    line-height: 24px;
  }
  .styles_header__Jjs2K {
    padding: 0;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 40px;
    margin-right: 40px;
  }
  .styles_sitPlan__C86XT {
    bottom: 16px;
    left: 16px;
  }
  .styles_subTitle__Qx3ol {
    font-size: 32px;
    line-height: 32px;
  }
  .styles_subTitleAndTabs__90W0F {
    flex-direction: row;
    justify-content: space-between;
  }
  .styles_tabs__R96q_ {
    width: auto;
    overflow: unset;
    margin-right: 40px;
    margin-bottom: 0;
  }
  .styles_featuresWrapper__RPIJM {
    gap: 40px;
  }
  .styles_fullscreen__6JkRk {
    display: none;
  }
}
@media (min-width: 1440px) {
  .styles_slider__OgWW0 {
    position: relative;
  }
  .styles_navBtn__pirkL {
    position: absolute;
    top: 0;
    z-index: 10;
    display: flex;
    justify-content: center;
    border: solid 1px #e6e8ec;
  }
  .styles_btnLeft__lufec {
    top: calc(50% - 24px);
    left: 16px;
  }
  .styles_btnRight__Y4Xlg {
    top: calc(50% - 24px);
    right: 16px;
  }
  .styles_slider__OgWW0 .styles_slide__mXh5f,
  .styles_slider__OgWW0 .styles_slideVertical__9qKNL {
    width: 328px;
    height: 420px;
  }
  .styles_slider__OgWW0 .styles_videoWrapper__lwzhk,
  .styles_slider__OgWW0 .styles_video__VqqU_,
  .styles_slider__OgWW0 .styles_slideGorizontal__CnsgL {
    width: 672px;
    height: 420px;
  }
  .styles_img__zyIZ8,
  .styles_imgWrapper__d0cYc {
    height: 760px;
  }
  .styles_title__cYMrR {
    font-size: 40px;
    line-height: 40px;
  }
  .styles_sitPlanImg__Bs8bY {
    width: 160px;
    height: 160px;
  }
  .styles_description__ZPcgw {
    font-size: 24px;
    line-height: 32px;
  }
  .styles_subTitle__Qx3ol {
    font-size: 40px;
    line-height: 40px;
  }
  .styles_tag__NQDsA {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 24px;
  }
  .styles_tabs__R96q_ {
    gap: 8px;
  }
  .styles_modalSitPlanImg__cNrbi {
    width: 949px;
  }
  .styles_featureContent__ahoGi {
    padding: 32px;
  }
  .styles_featureTitle__YbgdQ {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.01em;
  }
  .styles_featureText__gfrAE {
    font-size: 18px;
    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/officeProjectPage/components/BKurskayaPlanLot/s.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__lAvzT {
  display: flex;
  justify-content: center;
  padding: 0 24px;
  width: 100%;
}

.s_lotInfoWrapper__A4v5v {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}

.s_mobileFeatures__KgGYU {
  display: block;
}

.s_desktopFeatures__mCTnT {
  display: none;
}

@media (min-width: 1024px) {
  .s_root__lAvzT {
    gap: 16px;
  }
  .s_lotInfoWrapper__A4v5v {
    width: 53.125vw;
    gap: 0px;
  }
  .s_mobileFeatures__KgGYU {
    display: none;
  }
  .s_desktopFeatures__mCTnT {
    display: block;
  }
}
@media (min-width: 1440px) {
  .s_lotInfoWrapper__A4v5v {
    width: 901px;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/officeProjectPage/components/BKurskayaFeatures/s.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__seB5O {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 16px;
}

.s_titleWrapper__GP_42 {
  display: flex;
  align-items: center;
  gap: 11px;
}

.s_title___fYW_,
.s_titleNumber__RlZJV {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  color: #777E90;
  position: relative;
}
.s_title___fYW_:last-child::before,
.s_titleNumber__RlZJV:last-child::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -5.5px;
  width: 2px;
  height: 2px;
  background: #777E90;
  transform: translate(0, -50%);
}

.s_areaTitle__WLXdO {
  margin: 0;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #141416;
}

.s_areaTitleGray__b2UhX {
  color: #777E90;
}

.s_description__rVLsb {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #777E90;
}

.s_feature__uPmD_ {
  display: flex;
  padding: 11px 0;
  gap: 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #353945;
}
.s_feature__uPmD_:first-child {
  padding: 0 0 12px 0;
}
.s_feature__uPmD_:not(:first-child) {
  border-top: 1px solid #F4F5F6;
}
.s_feature__uPmD_:last-child {
  padding: 12px 0 0 0;
}

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

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

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

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

.s_oszTitle__1iQO_ {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
}

.s_oszDescription__5VPI_ {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

@media (min-width: 1024px) {
  .s_root__seB5O {
    margin-top: 0px;
    position: -webkit-sticky;
    position: sticky;
    top: 88px;
    left: 0;
    padding: 31px;
    border-radius: 24px;
    border: 1px solid #E6E8EC;
    background: #ffffff;
    width: 384px;
    height: max-content;
    box-shadow: 0px 18px 39px 0px rgba(0, 0, 0, 0.1019607843), 0px 72px 72px 0px rgba(0, 0, 0, 0.0901960784);
  }
  .s_description__rVLsb {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 1024px) {
  .s_root__seB5O {
    width: 443px;
  }
}
@media (min-width: 1440px) {
  .s_feature__uPmD_ {
    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/OfficeLotPage/BLotAside/components/BInfoCommercial/ui/BInfoCommercial.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BInfoCommercial_root__eiRpE {
  display: flex;
  flex-direction: column;
  padding: 16px 0 16px;
  border-bottom: 1px solid #F4F5F6;
}

.BInfoCommercial_wrapper__dOtyY {
  display: flex;
  flex-direction: column;
}

.BInfoCommercial_infoWrapper__sMkkl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  padding: 8px 0;
  color: #353945;
  box-sizing: border-box;
}
.BInfoCommercial_infoWrapper__sMkkl div:last-child {
  font-weight: 500;
  color: #141416;
}
.BInfoCommercial_infoWrapper__sMkkl:first-child {
  padding: 0 0 8px 0;
  border-top: unset;
}
.BInfoCommercial_infoWrapper__sMkkl:nth-child(n+2) {
  border-top: 1px solid #E6E8EC;
}

.BInfoCommercial_hiddenWrapper__B8uXz {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.8s;
}
.BInfoCommercial_hiddenWrapper__B8uXz .BInfoCommercial_infoWrapper__sMkkl:first-child {
  padding: 8px 0;
}

.BInfoCommercial_hiddenWrapperActive__0jGHi {
  max-height: 2000px;
  transition: max-height 1s ease-in-out;
}

.BInfoCommercial_button__uUuYV {
  border: none;
  background: none;
  color: #353945;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  gap: 8px;
}

@media (min-width: 1024px) {
  .BInfoCommercial_root__eiRpE {
    margin-bottom: 0;
    padding: 20px 0 12px;
  }
  .BInfoCommercial_wrapperInstallment__9tJTh {
    height: 155px;
    overflow-y: scroll;
    scrollbar-width: none;
  }
  .BInfoCommercial_hiddenWrapperScroll__JrGAT {
    min-height: min-content;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BInfo/ui/BInfo.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BInfo_wrapper__AfL4B {
  display: none;
  padding: 20px 16px;
}

.BInfo_projectWrapper__VrEJG {
  padding: 0 16px;
}

.BInfo_infoWrapper__687IO {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  padding: 12px 0;
  color: #353945;
  box-sizing: border-box;
}
.BInfo_infoWrapper__687IO div:last-child {
  font-weight: 500;
  color: #141416;
}
.BInfo_infoWrapper__687IO:nth-child(n+2) {
  border-top: 1px solid #e6e8ec;
}

.BInfo_infoWrapperHide__SL1Oy {
  display: none;
}

.BInfo_metroWrapper__dCr7F {
  padding-top: 48px;
}

.BInfo_metro__OW1Dq {
  border-radius: unset;
  width: 100%;
  padding: 8px 0;
}

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

.BInfo_timeTo__nsy_e {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}

.BInfo_metro__OW1Dq:not(:last-child) {
  border-bottom: 1px solid #e6e8ec;
}

.BInfo_infoWrapper__687IO:first-child {
  padding-top: 0;
}

.BInfo_projectInfo___Vk2W {
  margin: 20px 16px 40px 16px;
  border: solid 1px #e6e8ec;
  border-radius: 12px;
}

.BInfo_projectInfoText__Qx0M3 {
  padding: 32px 24px;
}

.BInfo_projectInfoTitle__vnT65 {
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  padding-bottom: 8px;
}

.BInfo_projectInfoTitleRise__BVV1S {
  font-weight: 500;
  letter-spacing: -0.01em;
}

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

.BInfo_projectInfoImg__Tf_ro {
  width: 100%;
  height: 231px;
  position: relative;
}
.BInfo_projectInfoImg__Tf_ro img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.BInfo_projectBtn__wxqsg {
  position: absolute;
  left: 8px;
  bottom: 8px;
}

.BInfo_countWrapper__BivhU {
  background: white;
  padding: 16px;
  border-radius: 16px;
  position: absolute;
  right: 8px;
  bottom: 8px;
  max-width: 107px;
}

.BInfo_count__N054_ {
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  padding-bottom: 24px;
}

.BInfo_countText__CgIfK {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
}

@media (min-width: 1024px) {
  .BInfo_rootProject__vCm_L {
    margin: 0;
  }
  .BInfo_wrapper__AfL4B {
    display: block;
    padding: 40px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border: 1px solid #e6e8ec;
  }
  .BInfo_wrapperOffice__d_sjy {
    border-radius: 12px;
  }
  .BInfo_projectWrapper__VrEJG {
    border-radius: 12px;
  }
  .BInfo_infoWrapper__687IO:first-child {
    padding-top: 0;
  }
  .BInfo_projectInfoImg__Tf_ro {
    height: 320px;
  }
  .BInfo_projectInfo___Vk2W {
    margin: 0;
    border-radius: 0 0 24px 24px;
  }
  .BInfo_projectInfoText__Qx0M3 {
    padding: 40px;
  }
}
@media (min-width: 1440px) {
  .BInfo_root__6hLac {
    border-radius: 32px;
  }
  .BInfo_root__6hLac .BInfo_projectInfoTitleRise__BVV1S {
    font-weight: 500;
    line-height: 40px;
  }
  .BInfo_wrapper__AfL4B {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 49px;
    gap: 0 49px;
    padding: 32px 48px 48px;
  }
  .BInfo_infoWrapper__687IO:first-child {
    padding-top: 16px;
  }
  .BInfo_infoWrapper__687IO {
    padding: 16px 0;
  }
  .BInfo_infoWrapper__687IO:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }
  .BInfo_infoWrapper__687IO:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }
  .BInfo_infoWrapper__687IO:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
  }
  .BInfo_infoWrapper__687IO:nth-child(4) {
    grid-column: 1;
    grid-row: 4;
  }
  .BInfo_infoWrapper__687IO:nth-child(5) {
    grid-column: 1;
    grid-row: 5;
  }
  .BInfo_infoWrapper__687IO:nth-child(6) {
    grid-column: 2;
    grid-row: 1;
    border-top: unset;
  }
  .BInfo_infoWrapper__687IO:nth-child(7) {
    grid-column: 2;
    grid-row: 2;
  }
  .BInfo_infoWrapper__687IO:nth-child(8) {
    grid-column: 2;
    grid-row: 3;
  }
  .BInfo_infoWrapper__687IO:nth-child(9) {
    grid-column: 2;
    grid-row: 4;
  }
  .BInfo_infoWrapper__687IO:nth-child(10) {
    grid-column: 2;
    grid-row: 5;
  }
  .BInfo_wrapper__AfL4B:has(.BInfo_infoWrapperHide__SL1Oy) .BInfo_infoWrapper__687IO:nth-child(2) {
    grid-column: 2;
    grid-row: 6;
  }
  .BInfo_wrapper__AfL4B:has(.BInfo_infoWrapperHide__SL1Oy) .BInfo_infoWrapper__687IO:nth-child(3) {
    grid-column: 1;
    grid-row: 2;
  }
  .BInfo_wrapper__AfL4B:has(.BInfo_infoWrapperHide__SL1Oy) .BInfo_infoWrapper__687IO:nth-child(4) {
    grid-column: 1;
    grid-row: 3;
  }
  .BInfo_wrapper__AfL4B:has(.BInfo_infoWrapperHide__SL1Oy) .BInfo_infoWrapper__687IO:nth-child(5) {
    grid-column: 1;
    grid-row: 4;
  }
  .BInfo_desktopWrapperFlex__rr2iT {
    display: flex;
    flex-wrap: wrap;
  }
  .BInfo_desktopWrapperFlex__rr2iT .BInfo_infoWrapper__687IO {
    width: 46%;
  }
  .BInfo_desktopWrapperFlex__rr2iT .BInfo_infoWrapper__687IO:nth-child(n+2) {
    border-top: unset;
  }
  .BInfo_desktopWrapperFlex__rr2iT .BInfo_infoWrapper__687IO:nth-child(n+3) {
    border-top: 1px solid #e6e8ec;
  }
  .BInfo_metroWrapper__dCr7F {
    margin: 31px 0 0 0;
  }
  .BInfo_projectInfoTitle__vnT65 {
    font-weight: 400;
    font-size: 32px;
    line-height: 32px;
  }
  .BInfo_projectInfoSubTitle__GgIu6 {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
  }
  .BInfo_leftSide__tB0j_ {
    flex: 1 1;
  }
  .BInfo_metro__OW1Dq {
    padding: 16px 0;
  }
  .BInfo_projectInfoImg__Tf_ro {
    max-width: 50%;
    flex: 1 1;
    height: unset;
  }
  .BInfo_projectInfoImg__Tf_ro img {
    border-bottom-left-radius: 0;
  }
  .BInfo_projectInfo___Vk2W {
    display: flex;
  }
  .BInfo_projectInfoText__Qx0M3 {
    width: 100%;
  }
  .BInfo_count__N054_ {
    font-weight: 400;
    font-size: 32px;
    line-height: 32px;
  }
  .BInfo_countText__CgIfK {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BProjectInfo/BInfo.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BInfo_root__K4pOV {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.BInfo_title__fmyjl {
  font-size: 32px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.64px;
  color: #141416;
}

.BInfo_wrapper__7bz9V {
  display: flex;
  flex-direction: column;
}

.BInfo_projectCard__MvfpT {
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding: 24px;
  border: 1px solid #E6E8EC;
  border-radius: 12px 12px 0 0;
}

.BInfo_projectImg__dMtFw {
  width: 100%;
  height: 538px;
  border-radius: 0 0 12px 12px;
  overflow: hidden;
}
.BInfo_projectImg__dMtFw img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.BInfo_projectInfo__FSPW9 {
  display: grid;
  grid-template-rows: auto 32px auto 32px auto 24px auto;
}

.BInfo_projectTitleWrapper__Tosaf {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 4px;
  grid-row: 1;
}

.BInfo_projectTitle__W8xiY {
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.48px;
  color: #141416;
}

.BInfo_projectClass__XfG9G {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
  color: #777E90;
}

.BInfo_metroWrapper__r7hOM {
  display: flex;
  flex-direction: column;
  gap: 2px;
  grid-row: 3;
}

.BInfo_metro__eIRjn {
  padding: 0;
  font-size: 12px;
  line-height: 16px;
}

.BInfo_featuresList__CXw9z {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  grid-row: 5;
}

.BInfo_description__2W78h {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #141416;
  grid-row: 7;
}

@media (min-width: 1024px) {
  .BInfo_projectTitleWrapper__Tosaf svg {
    width: 40px;
    height: 40px;
  }
  .BInfo_title__fmyjl {
    font-size: 48px;
    line-height: 48px;
    letter-spacing: -0.96px;
  }
  .BInfo_wrapper__7bz9V {
    flex-direction: row;
  }
  .BInfo_projectCard__MvfpT {
    padding: 32px;
    border-radius: 12px 0 0 12px;
  }
  .BInfo_projectImg__dMtFw {
    width: 100%;
    height: auto;
    min-height: 388px;
    border-radius: 0 12px 12px 0;
    overflow: hidden;
  }
  .BInfo_projectTitle__W8xiY {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -0.8px;
  }
  .BInfo_projectClass__XfG9G {
    font-size: 20px;
    letter-spacing: 0;
  }
  .BInfo_metroWrapper__r7hOM {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 2px 24px;
    gap: 2px 24px;
  }
}
@media (min-width: 1440px) {
  .BInfo_projectImg__dMtFw {
    width: 50%;
    height: auto;
    min-height: 410px;
    border-radius: 0 12px 12px 0;
    overflow: hidden;
  }
  .BInfo_projectCard__MvfpT {
    width: 50%;
  }
  .BInfo_projectTitle__W8xiY {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -0.8px;
  }
  .BInfo_projectClass__XfG9G {
    font-size: 20px;
    letter-spacing: 0;
  }
  .BInfo_metroWrapper__r7hOM {
    display: flex;
  }
}
@media (min-width: 2048px) {
  .BInfo_projectImg__dMtFw {
    min-height: 388px;
  }
  .BInfo_metroWrapper__r7hOM {
    display: grid;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/MetroTag/s.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__KGC52 {
  display: flex;
  align-items: center;
  gap: 2px;
}

.s_color__Qoyx_ {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.s_station__EuN1e {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin: 0 0 0 4px;
  color: #141416;
}

.s_icon__4eUwK {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 0 0 6px;
  color: #777E90;
}

.s_time__TRgu3 {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #777E90;
}

@media (min-width: 1024px) {
  .s_color__Qoyx_ {
    width: 8px;
    height: 8px;
  }
  .s_station__EuN1e {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 0 8px;
  }
  .s_icon__4eUwK {
    width: 20px;
    height: 20px;
    margin: 0 0 0 8px;
  }
  .s_time__TRgu3 {
    font-size: 14px;
    line-height: 20px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BPlan/ui/BPlan.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BPlan_root__5dhHY {
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-sizing: border-box;
}

.BPlan_rootNoPadding__eYXTf {
  padding: 0;
}

.BPlan_desktopPlanWrapper__P7VJc {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.BPlan_compassWrapper__P82AM {
  position: absolute;
  top: 16px;
  left: 16px;
}
body.waitlist-modal-open .BPlan_compassWrapper__P82AM {
  z-index: 0 !important;
}

.BPlan_overflowWrapper__rueLZ {
  position: relative;
  overflow: hidden;
}

.BPlan_planWrapper__KTFV9 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 432px;
  overflow: hidden;
  box-sizing: border-box;
}

.BPlan_zoomWrapper__Na_XD {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.BPlan_zoomWrapper__Na_XD > div {
  overflow: unset;
}

.BPlan_genPlan__GAVV2 {
  gap: 22px;
}

.BPlan_favoriteAnchor__f_lZ3 {
  position: absolute;
  top: 49px;
  right: 0;
  z-index: 50;
}
body.waitlist-modal-open .BPlan_favoriteAnchor__f_lZ3 {
  z-index: 0 !important;
}

@media (min-width: 1024px) {
  .BPlan_desktopPlanWrapper__P7VJc {
    padding: 16px;
    height: 613px;
    border-radius: 12px;
    border: 1px solid #e6e8ec;
  }
  .BPlan_compassWrapper__P82AM {
    top: 56px;
    left: 16px;
  }
  .BPlan_overflowWrapper__rueLZ {
    flex: 1 0;
  }
  .BPlan_planWrapper__KTFV9 {
    width: auto;
    height: 100%;
    padding: 0;
    margin: 0;
    border: unset;
  }
  .BPlan_controlsWrapper__LhjPr {
    position: absolute;
    right: 0;
    top: 30%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 1;
  }
  body.waitlist-modal-open .BPlan_controlsWrapper__LhjPr {
    z-index: 0 !important;
  }
  .BPlan_favoriteAnchor__f_lZ3 {
    top: 16px;
    right: 16px;
  }
}
@media (min-width: 1440px) {
  .BPlan_planWrapperDefault__NYHNd {
    display: block;
  }
  .BPlan_desktopPlanWrapper__P7VJc {
    border-radius: 12px;
  }
  .BPlan_controlsWrapper__LhjPr {
    top: 33%;
  }
  .BPlan_compassWrapper__P82AM {
    top: 16px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BPlan/components/SunBtn/s.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__EizCo svg {
  width: 16px;
  height: 16px;
}
.s_root__EizCo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: #F4F5F6;
  cursor: pointer;
  z-index: 3;
}

.s_rootOpen__sdDq1 path {
  fill: #015FF9;
}

@media (min-width: 1024px) {
  .s_root__EizCo {
    position: relative;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BPlan/components/PdfBtn/s.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_wrapper__cM3mj {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  height: 36px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  border-radius: 48px;
  color: #141416;
  background: #F4F5F6;
  cursor: pointer;
  z-index: 3;
}

.s_wrapperOfficeBlock__22xMA {
  padding: 0 6px;
}

.s_svg__mWZ60 {
  width: 20px;
  height: 20px;
}

.s_toast__oTIwQ {
  position: absolute;
  bottom: calc(100% + 8px);
  right: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
@media (max-width: 1023px) {
  .s_toast__oTIwQ {
    white-space: normal;
    max-width: min(280px, 100vw - 32px);
    min-width: 280px;
  }
}

.s_loader__9c9CV {
  width: 16px !important;
  height: 16px !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.s_toastText__0_Swg {
  font-size: 13px;
  line-height: 18px;
  color: #3f3f3f;
}
@media (min-width: 1024px) {
  .s_toastText__0_Swg {
    white-space: nowrap;
  }
}

@media (min-width: 1024px) {
  .s_wrapper__cM3mj {
    bottom: 0;
    left: unset;
    right: 0;
    z-index: 1;
  }
  body.waitlist-modal-open .s_wrapper__cM3mj {
    z-index: 0 !important;
  }
  .s_toast__oTIwQ {
    left: auto;
    right: 0;
    bottom: calc(100% + 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/uikit/ZoomControlsNew/s.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__ROsBy {
  display: flex;
  flex-direction: column;
}

.s_plus__HruVg,
.s_minus__Fct2b {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background: #F4F5F6;
  cursor: pointer;
}

.s_plus__HruVg {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.s_minus__Fct2b {
  border-top-left-radius: 0;
  border-top-right-radius: 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/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/page/officeProjectPage/s.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__KbRwE {
  overflow-x: hidden;
}

.s_wrapper__Jd0IL {
  max-width: 1440px;
  margin: -64px auto 0;
  width: 100%;
  background: white;
  padding-bottom: 60px;
  padding: var(--main-content-padding-top-below-header, var(--header-height-mobile-expanded)) 0 0;
  transition: padding-top 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}
@media (min-width: 1024px) {
  .s_wrapper__Jd0IL {
    padding: var(--header-height) 0 0 0;
    transition: none;
  }
}

.s_blocks__I8Vgh {
  display: flex;
  flex-direction: column;
  gap: 64px;
  padding-bottom: 64px;
}
@media (min-width: 1024px) {
  .s_blocks__I8Vgh {
    padding-bottom: 80px;
  }
}
@media (min-width: 1440px) {
  .s_blocks__I8Vgh {
    gap: 80px;
    padding-bottom: 100px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BArchitecture/s.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__jD_1h {
  display: flex;
  flex-direction: column;
  gap: 80px;
  width: 100%;
  padding: 40px 0 8px;
  border-radius: 24px;
  background-color: #141416;
}

.s_textWrapper__YUZ7w {
  display: flex;
  flex-direction: column;
  gap: 80px;
  padding: 0 16px;
}

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

.s_title__dNT9x {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}

.s_description__TZDRB {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  margin: 0;
  color: #B1B5C3;
}

.s_quoteWrapper__3Z8dR {
  display: flex;
  flex-direction: column;
}

.s_quote__sHGU8 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin: 0;
  color: #FFFFFF;
}

.s_architectorWrapper__JcEka {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
}
.s_architectorWrapper__JcEka > img {
  border-radius: 50%;
  object-fit: cover;
}

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

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

.s_architectorDescription__HWxTE {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #777E90;
}

.s_featuresWrapper__c8f9m {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 8px;
}

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

.s_feature__w4gwF {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 32px;
  border-radius: 24px;
  min-height: 200px;
}
.s_feature__w4gwF:nth-child(2n+1) {
  background: #23262F;
}
.s_feature__w4gwF:nth-child(2n+2) {
  background: #015FF9;
}

.s_value__QhUQC {
  font-size: 64px;
  line-height: 64px;
  font-weight: 400;
  letter-spacing: -0.02em;
  color: #ffffff;
}

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

.s_bottomBlock__IthFf {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: auto;
  gap: 20px;
}

.s_bottomBlock__IthFf:first-child button {
  display: none;
}

@media (min-width: 1024px) {
  .s_root__jD_1h {
    padding: 80px 40px 40px;
  }
  .s_textWrapper__YUZ7w {
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
    min-height: 304px;
    padding: 0;
  }
  .s_titleWrapper__C5xE_ {
    width: 293px;
    justify-content: space-between;
  }
  .s_title__dNT9x {
    font-size: 32px;
  }
  .s_description__TZDRB {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.01em;
  }
  .s_quoteWrapper__3Z8dR {
    width: 466px;
    justify-content: space-between;
  }
  .s_architectorWrapper__JcEka > img {
    width: 120px;
    height: 120px;
  }
  .s_featuresWrapper__c8f9m {
    padding: 0;
    gap: 16px;
  }
  .s_featureList__hPWlK {
    flex-direction: row;
    gap: 16px;
  }
}
@media (min-width: 1440px) {
  .s_textWrapper__YUZ7w {
    min-height: 324px;
  }
  .s_titleWrapper__C5xE_ {
    min-width: 557px;
  }
  .s_title__dNT9x {
    font-size: 40px;
    line-height: 40px;
  }
  .s_description__TZDRB {
    font-size: 32px;
  }
  .s_quoteWrapper__3Z8dR {
    width: 672px;
  }
  .s_quote__sHGU8 {
    font-size: 18px;
  }
  .s_architectorWrapper__JcEka > img {
    width: 180px;
    height: 180px;
  }
  .s_feature__w4gwF {
    min-height: 202px;
  }
  .s_featuresWrapper__c8f9m {
    flex-direction: row;
  }
  .s_featureList__hPWlK {
    flex-direction: column;
    gap: 16px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BArchitecture/components/BArchSlider/s.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__GqAUT {
  position: relative;
}

.s_slider__RAoeW {
  width: 100%;
  height: 460px;
}

.s_slide__oaG13 {
  width: 100%;
  height: 460px;
  background-size: cover;
  background-position: center;
  border-radius: 24px;
}

.s_img__A3nrV {
  object-fit: cover;
  border-radius: 24px;
  height: 460px;
}

.s_tabWrapper__mLCPz {
  position: absolute;
  left: 50%;
  bottom: 8px;
  transform: translate(-50%, 0);
  width: calc(100% - 16px);
  height: 98px;
  border-radius: 20px;
  background: #ffffff;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
}

.s_tabValue__DQIvE {
  position: absolute;
  top: 0;
  left: 0;
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  font-size: 88px;
  line-height: 66px;
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
  text-align: left;
  width: 100%;
  height: 460px;
  background-size: cover;
  background-position: center;
  z-index: 2;
}

.s_tabTitleWrapper__voy4g {
  position: absolute;
  bottom: 8px;
  right: 24px;
  padding: 16px 0;
  width: 93px;
  height: 98px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 3;
}

.s_tabTitle__FuL1e {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #777E90;
}

.s_controlsMobile__sbj_m {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.s_controlsDesktop__CPlev {
  display: none;
}

.s_controlsBtn__2RfjK {
  width: 32px;
}

@media (min-width: 1024px) {
  .s_slider__RAoeW {
    height: 400px;
  }
  .s_slide__oaG13 {
    height: 400px;
  }
  .s_controlsMobile__sbj_m {
    display: none;
  }
  .s_controlsDesktop__CPlev {
    display: flex;
    gap: 8px;
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 4;
  }
  .s_tabWrapper__mLCPz {
    position: absolute;
    left: 8px;
    bottom: 8px;
    transform: unset;
    flex-direction: column;
    width: 263px;
    height: calc(100% - 16px);
    padding: 24px;
  }
  .s_img__A3nrV {
    height: 400px;
  }
  .s_tabValue__DQIvE {
    font-size: 117px;
    line-height: 89px;
    height: 400px;
    padding: 32px;
    justify-content: flex-start;
  }
  .s_tabTitleWrapper__voy4g {
    right: unset;
    width: 100%;
    height: auto;
    padding: 24px 16px 24px 32px;
  }
  .s_tabTitle__FuL1e {
    font-size: 18px;
    line-height: 24px;
  }
  .s_controlsBtn__2RfjK {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
  }
  .s_controlsBtn__2RfjK svg, .s_controlsBtn__2RfjK div {
    width: 20px !important;
    height: 20px !important;
  }
}
@media (min-width: 1440px) {
  .s_root__GqAUT {
    width: 1016px;
  }
  .s_slider__RAoeW {
    height: 420px;
  }
  .s_slide__oaG13 {
    height: 420px;
  }
  .s_img__A3nrV {
    height: 420px;
  }
  .s_tabWrapper__mLCPz {
    width: 338px;
  }
  .s_tabValue__DQIvE {
    font-size: 156px;
    line-height: 120px;
    height: 420px;
  }
  .s_controlsBtn__2RfjK {
    width: 48px;
  }
  .s_controlsBtn__2RfjK svg, .s_controlsBtn__2RfjK div {
    width: 24px !important;
    height: 24px !important;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BBannerProject/styles.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_desktopImg__sUAqV {
  display: none;
}

.styles_tabletImg__th8yw {
  display: none;
}

.styles_mobileImg__9v6tW {
  display: block;
}

.styles_logo__IpfoB {
  display: none;
}

.styles_logoMobile__KM9Ob {
  margin-bottom: 24px;
}

.styles_img__qtjh0 {
  border-radius: 24px;
  object-fit: cover;
}

.styles_imgWrapper__p5MaE {
  position: relative;
  width: 100%;
}

.styles_projectInfo__ZTW6j {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 80px;
}

.styles_title__1qw0_ {
  font-size: 24px;
  line-height: 32px;
  padding-bottom: 8px;
}

.styles_description__axRCZ {
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 16px;
}

.styles_tagWrapper__1q5Q9 {
  display: flex;
  gap: 4px;
}

.styles_tag__5bKh2 {
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  background: rgba(255, 255, 255, 0.8);
  color: rgb(53, 57, 69);
}

.styles_tagColor__co3_B {
  width: 4px;
  height: 4px;
  border-radius: 100px;
}

@media (min-width: 1024px) {
  .styles_desktopImg__sUAqV {
    display: none;
  }
  .styles_tabletImg__th8yw {
    display: block;
  }
  .styles_mobileImg__9v6tW {
    display: none;
  }
  .styles_logo__IpfoB {
    margin-bottom: 24px;
    display: block;
  }
  .styles_logoMobile__KM9Ob {
    display: none;
  }
  .styles_img__qtjh0 {
    width: 100%;
  }
  .styles_projectInfo__ZTW6j {
    z-index: 2;
    top: 112px;
  }
  .styles_title__1qw0_ {
    font-size: 40px;
    line-height: 40px;
    padding-bottom: 16px;
  }
  .styles_description__axRCZ {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 16px;
  }
  .styles_tagColor__co3_B {
    width: 6px;
    height: 6px;
  }
  .styles_tagWrapper__1q5Q9 {
    gap: 8px;
    padding-bottom: 24px;
  }
  .styles_tag__5bKh2 {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
  }
  .styles_viewRef__offSy {
    position: absolute;
    top: 40%;
  }
}
@media (min-width: 1440px) {
  .styles_desktopImg__sUAqV {
    display: block;
  }
  .styles_tabletImg__th8yw {
    display: none;
  }
  .styles_mobileImg__9v6tW {
    display: none;
  }
  .styles_projectInfo__ZTW6j {
    top: 136px;
  }
  .styles_title__1qw0_ {
    font-size: 48px;
    line-height: 48px;
    padding-bottom: 16px;
  }
  .styles_description__axRCZ {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 16px;
  }
}
.styles_newDesign__R_cNW .styles_projectInfo__ZTW6j {
  top: 112px;
}
@media (min-width: 1024px) {
  .styles_newDesign__R_cNW .styles_projectInfo__ZTW6j {
    top: 112px;
  }
  .styles_newDesign__R_cNW .styles_tag__5bKh2 {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
  }
}
@media (min-width: 1440px) {
  .styles_newDesign__R_cNW .styles_projectInfo__ZTW6j {
    top: 152px;
  }
  .styles_newDesign__R_cNW .styles_tag__5bKh2 {
    padding: 8px 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/components/BBannerProject/components/BannerTickets/styles.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__dH4mt {
  display: flex;
  gap: 8px;
  padding-top: 24px;
  overflow-x: scroll;
  padding-left: 16px;
  padding-right: 16px;
}

.styles_ticket__ZMmLT {
  background: #E6E8EC;
  border-radius: 20px;
  padding: 16px;
  min-height: 80px;
  display: flex;
  min-width: 243px;
  flex-wrap: wrap;
}

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

.styles_title__m_KCz {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  flex-basis: 80%;
  padding-left: 8px;
}

.styles_text__5QSNX {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #777E90;
  flex-basis: 100%;
}

@media (min-width: 1024px) {
  .styles_root__dH4mt {
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: unset;
    position: absolute;
    top: 0;
  }
  .styles_ticket__ZMmLT {
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, 0.8);
    width: 227px;
    padding: 24px 16px;
    position: absolute;
    border-radius: 24px;
    flex-direction: column;
    justify-content: center;
    flex-wrap: unset;
    height: unset;
    min-height: 140px;
    gap: 8px;
    top: var(--tablet-top, 0px);
    left: var(--tablet-left, 0px);
  }
  .styles_img__QBEiG {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
  }
  .styles_title__m_KCz {
    font-weight: 400;
    text-align: center;
    flex-basis: unset;
  }
  .styles_text__5QSNX {
    color: #141416;
    text-align: center;
    flex-basis: unset;
  }
}
@media (min-width: 1440px) {
  .styles_ticket__ZMmLT {
    width: 243px;
    padding: 24px;
    min-height: 160px;
    top: var(--desktop-top, 0px);
    left: var(--desktop-left, 0px);
  }
  .styles_title__m_KCz {
    font-size: 20px;
    line-height: 24px;
  }
  .styles_text__5QSNX {
    font-size: 14px;
    line-height: 20px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BBannerProject/components/FilterProject/styles.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__Cpyrp {
  box-sizing: border-box;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.styles_select__F2Vrl {
  color: #141416;
}

.styles_long__1rqay {
  min-width: 30vw;
}

.styles_filterWrapper__ADaj2 {
  display: none;
}

.styles_mobileFilterWrapper__23re8 {
  position: relative;
  padding-top: 24px;
}

.styles_tab__5wyR4 {
  padding: 9px 14px !important;
}

.styles_tabText__IXfnj {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.styles_widgetWrapper__mhf2N {
  position: absolute;
  left: calc(50% - 195px);
  top: -90px;
}

@media (min-width: 1024px) {
  .styles_widgetWrapper__mhf2N {
    top: unset;
    bottom: -112px;
  }
  .styles_mobileFilterWrapper__23re8 {
    display: none;
  }
  .styles_filterWrapper__ADaj2 {
    display: block;
  }
  .styles_formWrapper__IVLqJ {
    background: white;
    border-radius: 24px;
  }
  .styles_root__Cpyrp {
    flex-direction: row;
    padding: 24px;
    background: white;
    border-radius: 24px;
    gap: 10px;
    max-width: 944px;
  }
  .styles_field__Fzz6b {
    width: 100%;
    min-width: 200px;
  }
  .styles_long__1rqay {
    min-width: unset;
  }
  .styles_filterBtn__QDUNq {
    width: 100%;
    max-width: 236px;
  }
}
@media (min-width: 1440px) {
  .styles_root__Cpyrp {
    max-width: 1000px;
  }
  .styles_field__Fzz6b {
    min-width: 230px;
  }
  .styles_filterBtn__QDUNq {
    min-width: 230px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BBannerProject/components/FilterProject/FilterProjectDomRise/styles.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__CayaQ {
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.styles_tabSwitcherRise__LI_1_ {
  width: 100%;
  height: 48px;
}

.styles_inputWrapper__KOp5h {
  border: solid #E6E8EC 1px !important;
  height: 48px !important;
}

.styles_filterBtn__Wq4Sj {
  height: 48px;
}

.styles_inputWrapper__KOp5h:hover, .styles_inputWrapper__KOp5h:has(input:focus) {
  border: solid #b3b5b8 1px !important;
}

@media (min-width: 1024px) {
  .styles_long__8ZKgH {
    width: unset;
  }
  .styles_root__CayaQ {
    min-width: 800px;
    background: white;
    border-radius: 68px;
    border: solid 1px #E6E8EC;
    padding: 3px 3px 3px 7px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-direction: unset;
  }
  .styles_tabSwitcherRise__LI_1_ {
    height: unset;
    background: unset;
    padding: 0;
    border: unset;
    width: 298px;
  }
  .styles_filterBtn__Wq4Sj {
    width: 204px;
    height: 40px;
  }
  .styles_groupedInp__K82Ot {
    width: 290px !important;
  }
  .styles_inputWrapper__KOp5h {
    height: 32px !important;
  }
  .styles_inputWrapper__KOp5h, .styles_inputWrapper__KOp5h:hover, .styles_inputWrapper__KOp5h:has(input:focus) {
    border: none !important;
    border-radius: unset !important;
    border-left: solid 1px #E6E8EC !important;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/components/CForm/styles.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_form__py_jl {
  background: rgb(244, 245, 246);
  border-radius: 12px;
}
.styles_form__py_jl a {
  text-decoration: underline;
  color: #b1b5c3;
}
.styles_form__py_jl .styles_title__AooCy {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.01em;
  text-align: center;
  color: rgb(20, 20, 22);
}
.styles_form__py_jl .styles_subTitle__TMe2e {
  margin-bottom: 32px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  color: #b1b5c3;
}
.styles_form__py_jl .styles_phoneBtn__fx6DC {
  margin-bottom: 32px;
}
.styles_form__py_jl .styles_fieldsWrapper___kx46 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.styles_form__py_jl .styles_btn__HoN9Z {
  width: 100%;
  min-width: 250px;
}
.styles_form__py_jl .styles_inp__n5hR7 {
  width: 100%;
  min-width: 250px;
}
.styles_form__py_jl .styles_checkbox__3fSl5 {
  border-top: solid 2px white;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: rgb(119, 126, 144);
  padding: 32px;
}
.styles_form__py_jl .styles_topForm__TfsXG {
  padding: 48px 32px 32px;
}
.styles_form__py_jl .styles_checkboxMobileValue__EI54x {
  border: none;
  padding: 0 32px 32px;
}
.styles_form__py_jl .styles_policy__0a9ft {
  font-size: 10px;
  line-height: 12px;
}

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

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

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

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

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

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

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

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

.styles_absoluteBtnHide__K3kFy {
  display: none;
}

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

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

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

.PersonalCheckbox_linkError__0Tm_i {
  color: #ec5353;
}

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

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

.PersonalCheckbox_checkboxContent__0ghVz {
  overflow: visible;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/officeProjectPage/components/NavPanel/styles.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media (min-width: 1024px) {
  .styles_rootWrapper__txBdY {
    position: fixed;
    bottom: 40px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 20;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
  }
  .styles_rootWrap__65BPq {
    margin-right: 16px;
    margin-left: 16px;
    max-width: 100vw;
    flex-wrap: wrap;
  }
  .styles_opacityNone__rM5kK {
    opacity: 0;
    pointer-events: none;
  }
  .styles_btnRight__5RLqU {
    position: absolute;
    right: 4px;
  }
  .styles_root__HWctY {
    border-radius: 68px;
    display: flex;
    align-items: center;
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
    background: rgba(244, 245, 246, 0.6);
    gap: 2px;
    padding: 4px;
    border: 1px solid rgb(230, 232, 236);
    scroll-behavior: smooth;
  }
  .styles_link__hVyir {
    text-decoration: none;
    color: #141416;
    cursor: pointer;
    padding: 10px 16px;
    border-radius: 110px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
  }
  .styles_link__hVyir:hover {
    background: white;
  }
  .styles_link__hVyir:active {
    background: rgba(255, 255, 255, 0.8);
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BBenefits/s.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__RHkYW {
  display: flex;
  flex-direction: column;
  gap: 64px;
  padding-inline: 16px;
}
@media (min-width: 768px) {
  .s_root__RHkYW {
    padding-inline: 40px;
  }
}
@media (min-width: 1440px) {
  .s_root__RHkYW {
    gap: 80px;
  }
}

.s_audience__dzcLV {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (min-width: 768px) {
  .s_audience__dzcLV {
    flex-direction: row;
    justify-content: space-between;
    margin-right: 14px;
  }
}
@media (min-width: 1440px) {
  .s_audience__dzcLV {
    margin-right: 74px;
  }
}

.s_title__axiVG {
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #141416;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #141416;
  width: 220px;
}
@media (min-width: 1440px) {
  .s_title__axiVG {
    font-size: 56px;
    line-height: 56px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #141416;
    font-size: 56px;
    line-height: 56px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #141416;
    width: 300px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BBenefits/AudienceDetailsList/s.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__qyfCB {
  display: flex;
  flex-direction: column;
  gap: 48px;
  width: 100%;
  margin: 0;
}
@media (min-width: 768px) {
  .s_root__qyfCB {
    width: 450px;
  }
}
@media (min-width: 1440px) {
  .s_root__qyfCB {
    gap: 64px;
    width: 600px;
  }
}

.s_item___OE6V {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 768px) {
  .s_item___OE6V {
    gap: 16px;
  }
}
@media (min-width: 1440px) {
  .s_item___OE6V {
    gap: 24px;
  }
}

.s_title__AR7RI {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #141416;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #141416;
}
@media (min-width: 1440px) {
  .s_title__AR7RI {
    font-size: 32px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #141416;
    font-size: 32px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #141416;
  }
}

.s_description__ouOXc {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
  color: #141416;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
  color: #141416;
}
@media (min-width: 1440px) {
  .s_description__ouOXc {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    letter-spacing: 0;
    color: #141416;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    letter-spacing: 0;
    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/BBenefits/AudienceTypeList/AudienceTypeCard/s.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__hWBtb {
  display: flex;
  flex-direction: column;
  gap: 24px;
  background-color: #f4f5f6;
  border-radius: 24px;
  padding: 24px;
  height: 180px;
  width: 100%;
}
@media (min-width: 1440px) {
  .s_root__hWBtb {
    gap: 32px;
    padding: 32px;
    height: 232px;
  }
}

.s_tag__MicGo {
  border: none;
  color: #141416;
  gap: 4px;
  padding: 8px 16px 8px 8px;
}
@media (min-width: 1440px) {
  .s_tag__MicGo {
    padding: 10px 16px;
  }
}

.s_metroTag__Tyg6R {
  padding: 0;
}

.s_metroTagText__SKkSQ {
  padding-left: 5px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #141416;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #141416;
}
@media (min-width: 1440px) {
  .s_metroTagText__SKkSQ {
    padding-left: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #141416;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #141416;
  }
}

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

.s_count__69EVC {
  font-size: 48px;
  line-height: 48px;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: #141416;
  font-size: 48px;
  line-height: 48px;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: #141416;
}
@media (min-width: 1440px) {
  .s_count__69EVC {
    font-size: 64px;
    line-height: 64px;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: #141416;
    font-size: 64px;
    line-height: 64px;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: #141416;
  }
}

.s_description__BdAwO {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: #777e90;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: #777e90;
}
@media (min-width: 1440px) {
  .s_description__BdAwO {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    letter-spacing: 0;
    color: #777e90;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    letter-spacing: 0;
    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/components/BBenefits/AudienceTypeList/s.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_list__wgHq_ {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  overflow: none;
}

.s_slider__MVMow {
  width: 100vw;
  margin-left: -16px;
  margin-right: -16px;
}

.s_slide__VOq2v {
  width: 232px;
  flex-shrink: 0;
}

.s_item__69lHe {
  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/components/BChooseLotsBySubType/SubTypeCard/SubTypeCard.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SubTypeCard_root__MdNYM {
  background-color: #f4f5f6;
  border-radius: 24px;
  height: 100%;
  width: 100%;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 31px;
  color: #141416;
  transition: background-color 0.2s ease-in-out;
}
.SubTypeCard_root__MdNYM:hover {
  background-color: #e6e8ec;
}
.SubTypeCard_root_disabled__Wrn0o {
  pointer-events: none;
  color: #b1b5c3 !important;
}

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

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

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

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

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

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

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

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

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

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

.BChooseLotsBySubType_cardWrap__f82oi {
  min-width: 300px;
}
@media (min-width: 1024px) {
  .BChooseLotsBySubType_cardWrap__f82oi {
    min-width: unset;
    display: flex;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/ProjectPlansModal/components/Header/Header.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Header_header__ofdkX {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f4f5f6;
}
.Header_header__close-button__upzbq {
  transition: border-color 0.2s ease-in-out;
  position: absolute;
  top: 12px;
  right: 12px;
  border-color: #141416;
}
@media (min-width: 768px) {
  .Header_header__close-button__upzbq {
    top: 16px;
    right: 16px;
  }
}
.Header_header__title__QdZo1 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #141416;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #141416;
  display: none;
  border-right: 1px solid #f4f5f6;
}
@media (min-width: 768px) {
  .Header_header__title__QdZo1 {
    display: block;
    padding-left: 16px;
    padding-right: 24px;
    padding-block: 20px;
  }
}
@media (min-width: 1440px) {
  .Header_header__title__QdZo1 {
    padding-block: 24px;
    padding-right: 32px;
  }
}
.Header_header__switcher-with-title__KshQ5 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-inline: 16px;
  padding-block: 12px;
  border-right: 1px solid #f4f5f6;
}
@media (min-width: 768px) {
  .Header_header__switcher-with-title__KshQ5 {
    padding-inline: 24px;
    padding-block: 16px;
    gap: 16px;
  }
}
@media (min-width: 1440px) {
  .Header_header__switcher-with-title__KshQ5 {
    padding-inline: 32px;
  }
}
.Header_header__switcher-with-title_last__0WyWv {
  border: none;
}
.Header_header__switcher-title__DqOhS {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: #141416;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: #141416;
}
@media (min-width: 768px) {
  .Header_header__switcher-title__DqOhS {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: #141416;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    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/ProjectPlansModal/components/LargeSwitcher/LargeSwitcher.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LargeSwitcher_large-switcher__IYMdY {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(244, 245, 246, 0.6);
  border: 1px solid #e6e8ec;
  border-radius: 50px;
  padding: 1px;
}
@media (min-width: 768px) {
  .LargeSwitcher_large-switcher__IYMdY {
    padding: 3px;
    gap: 4px;
  }
}
.LargeSwitcher_large-switcher__option__mdC4w {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0;
  color: #141416;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0;
  color: #141416;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  height: 28px;
  min-width: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 14px;
  border: none;
  background-color: transparent;
  color: #a0a3b1;
  cursor: pointer;
}
@media (min-width: 768px) {
  .LargeSwitcher_large-switcher__option__mdC4w {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: #141416;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: #141416;
    height: 32px;
    min-width: 32px;
    border-radius: 16px;
    color: #a0a3b1;
  }
}
@media (min-width: 1440px) {
  .LargeSwitcher_large-switcher__option__mdC4w {
    height: 40px;
    min-width: 40px;
    border-radius: 20px;
  }
}
.LargeSwitcher_large-switcher__option_active__hg7_n {
  background-color: white;
  color: black;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/ProjectPlansModal/ProjectPlansModal.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProjectPlansModal_modal__a6eWn {
  overflow: hidden;
  z-index: 202;
}

.ProjectPlansModal_modalBody__ggyD0 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #ffffff;
  box-sizing: border-box;
}

.ProjectPlansModal_bodyWrapper__OU7nO {
  flex: 1 0;
  min-height: 0;
  height: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0;
  z-index: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.ProjectPlansModal_controlsWrapper__4GlnH {
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translate(0, -50%);
  z-index: 10;
}
.ProjectPlansModal_controlsWrapper__4GlnH button:first-child {
  border-bottom: none;
}
.ProjectPlansModal_controlsWrapper__4GlnH button:first-child:hover {
  border-bottom: 1px solid #b1b5c3;
}

.ProjectPlansModal_overflowWrapper__9RlAB {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.ProjectPlansModal_loaderContainer__t7agY {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ProjectPlansModal_lotInfoModal__GUVUt {
  position: absolute !important;
  bottom: 16px;
  right: 16px;
  z-index: 120;
}

.ProjectPlansModal_buttonsWrapper__1_dEn {
  position: relative;
  display: inline-block;
}

.ProjectPlansModal_filtersButton__C5yMz {
  margin-top: 8px;
  width: 40px;
  height: 40px;
}

.ProjectPlansModal_filtersModal__EKUbJ {
  position: fixed;
  bottom: 0;
  z-index: 120;
}
@media (min-width: 768px) {
  .ProjectPlansModal_filtersModal__EKUbJ {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    bottom: auto;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BPlan/components/PlanZoom/PlanZoomWithSingleSVG/PlanZoom.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PlanZoom_planWrapper__NO_bR {
  width: 100% !important;
  flex: 1 1 auto;
  min-height: 0;
  max-height: 100%;
}

.PlanZoom_loaderWrapper___AN_q {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.PlanZoom_planZoomComponent__fRIYZ {
  opacity: 0;
}
.PlanZoom_planZoomComponent_centered__E_ASx {
  opacity: 1;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BPlan/components/PlanZoom/PlanZoomWithSingleSVG/MnevnikiRetailPlan/MnevnikiRetailPlan.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MnevnikiRetailPlan_mnevniki-retail-plan__NGKg7 {
  position: relative;
  cursor: -webkit-grab;
  cursor: grab;
}
.MnevnikiRetailPlan_mnevniki-retail-plan__svg-container__fYe4H {
  opacity: 1;
}
.MnevnikiRetailPlan_mnevniki-retail-plan__svg-container_loading__oWsJy {
  opacity: 0;
}
.MnevnikiRetailPlan_mnevniki-retail-plan__loader-container__PE4Z0 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(2);
}

.MnevnikiRetailPlan_lot__nngG6 {
  transition: fill 0.2s ease-in-out;
  fill: none;
}

.MnevnikiRetailPlan_unavailable-lot__W3k2h {
  fill: #f4f5f6;
}

.MnevnikiRetailPlan_active-lot__Bjfmi {
  fill: #015ff9;
  fill-opacity: 0.2;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BPlan/components/LotLabelWithModal/LotLabel/LotLabel.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LotLabel_lot-label__iV84d {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: none;
}
.LotLabel_lot-label_reverse__UZO4Y {
  flex-direction: column-reverse;
}
.LotLabel_lot-label__iV84d:hover .LotLabel_lot-label__icon-container__1X1Fq, .LotLabel_lot-label_active__sZMt6 .LotLabel_lot-label__icon-container__1X1Fq {
  background-color: #015ff9;
}
.LotLabel_lot-label__iV84d:hover .LotLabel_lot-label__icon__RUnGd, .LotLabel_lot-label_active__sZMt6 .LotLabel_lot-label__icon__RUnGd {
  color: #ffffff;
}
.LotLabel_lot-label_disabled__EpaGI .LotLabel_lot-label__icon__RUnGd,
.LotLabel_lot-label_disabled__EpaGI .LotLabel_lot-label__number__elGZH,
.LotLabel_lot-label_disabled__EpaGI .LotLabel_lot-label__status__b99dV, .LotLabel_lot-label_disabled__EpaGI:hover .LotLabel_lot-label__icon__RUnGd,
.LotLabel_lot-label_disabled__EpaGI:hover .LotLabel_lot-label__number__elGZH,
.LotLabel_lot-label_disabled__EpaGI:hover .LotLabel_lot-label__status__b99dV {
  color: #b1b5c3;
}
.LotLabel_lot-label_disabled__EpaGI:hover {
  cursor: default;
}
.LotLabel_lot-label__icon-container__1X1Fq {
  width: 24px;
  height: 24px;
  transition: background-color 0.2s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-block: 4px;
  border-radius: 50%;
  background-color: #e6e8ec;
}
.LotLabel_lot-label__icon__RUnGd {
  transition: color 0.2s ease-in-out;
  color: #015ff9;
}
.LotLabel_lot-label__number__elGZH {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: #777e90;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: #777e90;
}
.LotLabel_lot-label__area__V37y1, .LotLabel_lot-label__status__b99dV {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0;
  color: #141416;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0;
  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/BPlan/components/LotInfoModal/LotInfoModal.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.LotInfoModal_lot-info-modal__JA9vz {
  width: 325px;
  background: #ffffff;
  border: 1px solid #e6e8ec;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  gap: 24px;
  position: relative;
}
.LotInfoModal_lot-info-modal__title__ZNcPj {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #141416;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #141416;
  max-width: 95%;
}
.LotInfoModal_lot-info-modal__description__GwzNu {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: #141416;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: #141416;
}
.LotInfoModal_lot-info-modal__close-button__Odkj6 {
  display: block;
  position: absolute;
  top: 12px;
  right: 12px;
  background: none;
  padding: 0;
}
.LotInfoModal_lot-info-modal__JA9vz .LotInfoModal_infoWindowView__Qy3TC {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.LotInfoModal_lot-info-modal__JA9vz .LotInfoModal_infoWindowView__Qy3TC::before {
  content: "•";
  color: black;
  margin-right: 8px;
  font-size: 16px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BPlan/components/PlanZoom/PlanZoomWithSingleSVG/GrainRetailPlan/GrainRetailPlan.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.GrainRetailPlan_grain-retail-plan__67z3r {
  position: relative;
  cursor: -webkit-grab;
  cursor: grab;
}
.GrainRetailPlan_grain-retail-plan__svg-container__OSIfY {
  opacity: 1;
}
.GrainRetailPlan_grain-retail-plan__svg-container_loading__ILw_0 {
  opacity: 0;
}
.GrainRetailPlan_grain-retail-plan__loader-container__MzpGJ {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(2);
}

.GrainRetailPlan_lot__IMHyw {
  transition: fill 0.2s ease-in-out;
  fill: none;
}

.GrainRetailPlan_unavailable-lot__5rAql {
  fill: #f4f5f6;
}

.GrainRetailPlan_active-lot__JzLp0 {
  fill: #015ff9;
  fill-opacity: 0.2;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BPlan/components/PlanZoom/PlanZoomWithSingleSVG/Hodinka2RetailPlan/Hodinka2RetailPlan.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Hodinka2RetailPlan_hodinka2-retail-plan__thsEQ {
  position: relative;
  cursor: -webkit-grab;
  cursor: grab;
}
.Hodinka2RetailPlan_hodinka2-retail-plan__svg-container__5JMrZ {
  opacity: 1;
}
.Hodinka2RetailPlan_hodinka2-retail-plan__svg-container_loading__ftzqW {
  opacity: 0;
}
.Hodinka2RetailPlan_hodinka2-retail-plan__loader-container__y6Ghk {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(2);
}

.Hodinka2RetailPlan_lot__v2QAj {
  transition: fill 0.2s ease-in-out;
  fill: none;
}

.Hodinka2RetailPlan_unavailable-lot__dZJb7 {
  fill: #f4f5f6;
}

.Hodinka2RetailPlan_active-lot__MgnIO {
  fill: #015ff9;
  fill-opacity: 0.2;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BPlan/components/PlanZoom/PlanZoomWithSingleSVG/Hodinka1RetailPlan/Hodinka1RetailPlan.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Hodinka1RetailPlan_hodinka1-retail-plan__qKFp3 {
  position: relative;
  cursor: -webkit-grab;
  cursor: grab;
}
.Hodinka1RetailPlan_hodinka1-retail-plan__svg-container__R5iWZ {
  opacity: 1;
}
.Hodinka1RetailPlan_hodinka1-retail-plan__svg-container_loading__81U3r {
  opacity: 0;
}
.Hodinka1RetailPlan_hodinka1-retail-plan__loader-container__Z1k0f {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(2);
}

.Hodinka1RetailPlan_lot__yNJfr {
  transition: fill 0.2s ease-in-out;
  fill: none;
}

.Hodinka1RetailPlan_unavailable-lot__p2QQY {
  fill: #f4f5f6;
}

.Hodinka1RetailPlan_active-lot__r1Cyp {
  fill: #015ff9;
  fill-opacity: 0.2;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BPlan/components/PlanZoom/PlanZoomWithSingleSVG/DmitrovskayaRetailPlan/DmitrovskayaRetailPlan.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.DmitrovskayaRetailPlan_dmitrovskaya-retail-plan__QVCbH {
  position: relative;
  cursor: -webkit-grab;
  cursor: grab;
}
.DmitrovskayaRetailPlan_dmitrovskaya-retail-plan__svg-container__pmj_p {
  opacity: 1;
}
.DmitrovskayaRetailPlan_dmitrovskaya-retail-plan__svg-container_loading__lQmhQ {
  opacity: 0;
}
.DmitrovskayaRetailPlan_dmitrovskaya-retail-plan__loader-container__pAccs {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(2);
}

.DmitrovskayaRetailPlan_lot__CPlLZ {
  transition: fill 0.2s ease-in-out;
  fill: none;
}

.DmitrovskayaRetailPlan_unavailable-lot__1CCKt {
  fill: #f4f5f6;
}

.DmitrovskayaRetailPlan_active-lot__x7crx {
  fill: #015ff9;
  fill-opacity: 0.2;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BPlan/components/PlanZoom/PlanZoomWithSingleSVG/RimskayaRetailPlan/RimskayaRetailPlan.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RimskayaRetailPlan_rimskaya-retail-plan__7g0Xf {
  position: relative;
  cursor: -webkit-grab;
  cursor: grab;
}
.RimskayaRetailPlan_rimskaya-retail-plan__svg-container__zdRID {
  opacity: 1;
}
.RimskayaRetailPlan_rimskaya-retail-plan__svg-container_loading__HWKmJ {
  opacity: 0;
}
.RimskayaRetailPlan_rimskaya-retail-plan__loader-container__C0Vu7 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(2);
}

.RimskayaRetailPlan_lot__bdObz {
  transition: fill 0.2s ease-in-out;
  fill: none;
}

.RimskayaRetailPlan_unavailable-lot___QlzH {
  fill: #f4f5f6;
}

.RimskayaRetailPlan_active-lot__WorVV {
  fill: #015ff9;
  fill-opacity: 0.2;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BPlan/components/PlanZoom/PlanZoomWithSingleSVG/RiseRetailPlan/RiseRetailPlan.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RiseRetailPlan_rise-retail-plan__DOa9V {
  position: relative;
  cursor: -webkit-grab;
  cursor: grab;
}
.RiseRetailPlan_rise-retail-plan__svg-container__0iYSJ {
  opacity: 1;
}
.RiseRetailPlan_rise-retail-plan__svg-container_loading__ChYaP {
  opacity: 0;
}
.RiseRetailPlan_rise-retail-plan__loader-container__VDLnC {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(2);
}

.RiseRetailPlan_lot__98oId {
  transition: fill 0.2s ease-in-out;
  fill: none;
}

.RiseRetailPlan_unavailable-lot__uIAbj {
  fill: #f4f5f6;
}

.RiseRetailPlan_active-lot__aYHi7 {
  fill: #015ff9;
  fill-opacity: 0.2;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BPlan/components/PlanZoom/PlanZoomWithSingleSVG/TowerERetailPlan/TowerERetailPlan.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TowerERetailPlan_tower-e-retail-plan__rRlQP {
  position: relative;
  cursor: -webkit-grab;
  cursor: grab;
  flex-shrink: 0;
}
.TowerERetailPlan_tower-e-retail-plan__svg-container__VP05z {
  display: block;
  line-height: 0;
  flex-shrink: 0;
  opacity: 1;
}
.TowerERetailPlan_tower-e-retail-plan__svg-container__VP05z svg {
  display: block;
  max-width: none;
  width: auto;
  height: auto;
}
.TowerERetailPlan_tower-e-retail-plan__svg-container_loading__m_5vC {
  opacity: 0;
}
.TowerERetailPlan_tower-e-retail-plan__loader-container___wpPi {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(2);
}

.TowerERetailPlan_lot___uMU8 {
  transition: fill 0.2s ease-in-out;
  fill: none;
}

.TowerERetailPlan_unavailable-lot__qCiJk {
  fill: #f4f5f6;
}

.TowerERetailPlan_active-lot__Qh0WD {
  fill: #015ff9;
  fill-opacity: 0.2;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BPlan/components/PlanZoom/PlanZoomWithSingleSVG/KaluzhskayaRetailPlan/KaluzhskayaRetailPlan.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.KaluzhskayaRetailPlan_rimskaya-retail-plan__TQBuw {
  position: relative;
  cursor: -webkit-grab;
  cursor: grab;
}
.KaluzhskayaRetailPlan_rimskaya-retail-plan__svg-container__6No1t {
  opacity: 1;
}
.KaluzhskayaRetailPlan_rimskaya-retail-plan__svg-container_loading__dTO2g {
  opacity: 0;
}
.KaluzhskayaRetailPlan_rimskaya-retail-plan__loader-container__eUGu3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(2);
}

.KaluzhskayaRetailPlan_lot__39_DW {
  transition: fill 0.2s ease-in-out;
  fill: none;
}

.KaluzhskayaRetailPlan_unavailable-lot__rkHy8 {
  fill: #f4f5f6;
}

.KaluzhskayaRetailPlan_active-lot__L3LJZ {
  fill: #015ff9;
  fill-opacity: 0.2;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/ProjectPlansModal/components/FiltersModal/FiltersModal.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FiltersModal_content__gC_Ao {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 100%;
  width: 100vw;
  padding: 24px;
  border: 1px solid #e6e8ec;
  border-radius: 24px 24px 0 0;
  background-color: #ffffff;
}
@media (min-width: 768px) {
  .FiltersModal_content__gC_Ao {
    width: 375px;
    border-radius: 24px;
  }
}

.FiltersModal_category__yU0iM {
  display: flex;
  justify-content: space-between;
}

.FiltersModal_textAndIcon__bFEDn {
  display: flex;
  align-items: center;
  gap: 12px;
}

.FiltersModal_text__HNWHv {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0;
  color: #141416;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0;
  color: #141416;
}

.FiltersModal_iconContainer__rdq_5 {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.FiltersModal_icon__IckUC {
  color: #015ff9;
}

.FiltersModal_separator__aCJG6 {
  border: none;
  border-top: 1px solid #f4f5f6;
  margin: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BChooseTower/MnevnikiRetail/MnevnikiRetail.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MnevnikiRetail_root__HGbiB {
  position: relative;
}

.MnevnikiRetail_title__UkeBn {
  position: absolute;
  z-index: 3;
  top: 16px;
  left: 16px;
  width: 260px;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: white;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: white;
}
@media (min-width: 768px) {
  .MnevnikiRetail_title__UkeBn {
    top: 40px;
    left: 40px;
  }
}
@media (min-width: 1440px) {
  .MnevnikiRetail_title__UkeBn {
    font-size: 56px;
    line-height: 56px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: white;
    font-size: 56px;
    line-height: 56px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: white;
  }
}

.MnevnikiRetail_stage__DY7_f {
  overflow: hidden;
}
@media (min-width: 1024px) {
  .MnevnikiRetail_stage__DY7_f {
    margin-inline: calc(50% - 50vw);
  }
}

.MnevnikiRetail_wrapperImage__aCHyU {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  max-width: none;
  width: 100vw;
  aspect-ratio: 375/580;
}
.MnevnikiRetail_wrapperImage__aCHyU::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 30%);
}
.MnevnikiRetail_wrapperImage_loaded__PU2hf::before {
  opacity: 1;
}
@media (min-width: 768px) {
  .MnevnikiRetail_wrapperImage__aCHyU {
    aspect-ratio: 16/9;
  }
}

.MnevnikiRetail_image__mfMhX {
  object-fit: cover;
  object-position: 46% center;
}
@media (min-width: 768px) {
  .MnevnikiRetail_image__mfMhX {
    object-position: center 25%;
    transform: scale(1.3);
  }
}

.MnevnikiRetail_location__HF_Jg {
  position: absolute;
  z-index: 3;
}

.MnevnikiRetail_tower__qQ2E8 {
  pointer-events: none;
  cursor: pointer;
}
.MnevnikiRetail_tower__qQ2E8 path {
  pointer-events: fill;
  fill: white;
  fill-opacity: 0;
  stroke: none;
  transition: fill-opacity 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.MnevnikiRetail_tower__qQ2E8:hover path, .MnevnikiRetail_tower_hover__T79bW path {
  fill-opacity: 0.2;
}
.MnevnikiRetail_tower__qQ2E8 {
  width: max-content;
  height: 100%;
  position: absolute;
}

.MnevnikiRetail_tower__qQ2E8 path {
  stroke-width: 2;
  transition: all 0.3s ease;
  cursor: pointer;
  fill: transparent;
}
.MnevnikiRetail_tower__qQ2E8 path:hover {
  fill: rgba(255, 255, 255, 0.3);
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
}

.MnevnikiRetail_activeTower__nowxv path {
  fill: rgba(255, 255, 255, 0.3);
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
}

.MnevnikiRetail_towerMnevniki1__LYHZR {
  transform: scale(0.28);
  top: -13%;
  right: -31%;
}
@media (min-width: 768px) {
  .MnevnikiRetail_towerMnevniki1__LYHZR {
    transform: scale(0.48);
    top: -11%;
    right: 14.4%;
  }
}

.MnevnikiRetail_towerMnevniki2__sR_Ss {
  transform: scale(0.27);
  top: -2%;
  right: -75%;
}
@media (min-width: 768px) {
  .MnevnikiRetail_towerMnevniki2__sR_Ss {
    transform: scale(0.465);
    top: 7.5%;
    right: 9.4%;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BChooseTower/components/TowerName/s.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_container__jO_W7 {
  display: flex;
  gap: 4px;
}

.s_tag__OEbdp {
  border: none;
  padding: 4px 12px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0;
  color: #141416;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0;
  color: #141416;
  cursor: pointer;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.s_tag_hover__kPoPG {
  color: white;
  background-color: #015ff9;
}
@media (max-width: 767px) {
  .s_tag__OEbdp {
    padding: 0px 8px;
    min-height: 24px;
    display: flex;
    align-items: center;
  }
}

.s_arrow__9kitD {
  border: none;
  padding: 4px;
  cursor: pointer;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.s_arrow_hover__RALaj {
  color: white;
  background-color: #015ff9;
}
.s_arrow_reverse__zOWwm {
  transform: rotate(180deg);
}
@media (max-width: 767px) {
  .s_arrow__9kitD {
    padding: 0px;
    min-height: 24px;
    min-width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.s_arrow_direction_right__EWCAs {
  transform: rotate(-90deg);
}

.s_arrow_direction_down__L4FRJ {
  transform: rotate(0deg);
}

.s_arrow_direction_left__m1adM {
  transform: rotate(90deg);
}

.s_arrow_direction_up__FC5JI {
  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/components/BChooseTower/styles.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_svgWrapper__P47Y2 {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BChooseTower/RiseRetail/RiseRetail.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RiseRetail_root__Uwy5y {
  position: relative;
}

.RiseRetail_tower__PjVbq {
  width: max-content;
  height: 100%;
  position: absolute;
  pointer-events: auto;
}

.RiseRetail_tower__PjVbq path {
  stroke-width: 2;
  transition: all 0.3s ease;
  cursor: pointer;
  fill: transparent;
}
.RiseRetail_tower__PjVbq path:hover {
  fill: rgba(255, 255, 255, 0.3);
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
}

.RiseRetail_activeTower__qXjCA path {
  fill: rgba(255, 255, 255, 0.3);
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
}

.RiseRetail_towerA__3vZ_b {
  transform: scale(0.475);
  top: 16%;
  left: -18%;
}
@media (min-width: 768px) {
  .RiseRetail_towerA__3vZ_b {
    transform: scale(0.675);
    top: 6.8%;
    left: -7%;
  }
}

.RiseRetail_towerB__qedZA {
  transform: scale(0.55);
  top: 7%;
  right: 30.5%;
}
@media (min-width: 768px) {
  .RiseRetail_towerB__qedZA {
    transform: scale(0.78);
    top: -5.5%;
    right: 38.7%;
  }
}

.RiseRetail_towerC__XXdhX {
  transform: scale(0.54);
  top: 14.5%;
  right: -18.5%;
}
@media (min-width: 768px) {
  .RiseRetail_towerC__XXdhX {
    transform: scale(0.75);
    top: 4%;
    right: -1.5%;
  }
}

.RiseRetail_title__x4KIK {
  position: absolute;
  z-index: 3;
  top: 16px;
  left: 16px;
  width: 260px;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: white;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: white;
}
@media (min-width: 768px) {
  .RiseRetail_title__x4KIK {
    top: 40px;
    left: 40px;
  }
}
@media (min-width: 1440px) {
  .RiseRetail_title__x4KIK {
    font-size: 56px;
    line-height: 56px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: white;
    font-size: 56px;
    line-height: 56px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: white;
  }
}

.RiseRetail_stage__pH574 {
  overflow: hidden;
}
@media (min-width: 1024px) {
  .RiseRetail_stage__pH574 {
    margin-inline: calc(50% - 50vw);
  }
}

.RiseRetail_wrapperImage__MW_O5 {
  height: auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: none;
  width: 100vw;
}
@media (max-width: 767px) {
  .RiseRetail_wrapperImage__MW_O5 {
    height: auto;
    overflow: visible;
  }
}
@media (min-width: 768px) {
  .RiseRetail_wrapperImage__MW_O5 {
    aspect-ratio: 1440/914;
    overflow: hidden;
  }
}
.RiseRetail_wrapperImage__MW_O5::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 30%);
}
.RiseRetail_wrapperImage_loaded__cuz3z::before {
  opacity: 1;
}

.RiseRetail_image__9Ib45 {
  object-fit: cover;
  object-position: center;
}
@media (max-width: 767px) {
  .RiseRetail_image__9Ib45 {
    position: relative;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
  }
}
@media (min-width: 768px) {
  .RiseRetail_image__9Ib45 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.RiseRetail_location__fqacr {
  position: absolute;
  z-index: 3;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BChooseTower/GrainRetail/styles.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_towerGrainAB___4apZ {
  transform: scale(0.758);
  top: 2.5%;
  left: 23%;
}

.styles_towerGrainC__Ip1DA {
  transform: scale(0.095);
  top: 36.9%;
  left: -43%;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BChooseTower/Hodinka2Retail/Hodinka2Retail.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Hodinka2Retail_root__5T3_t {
  position: relative;
}

.Hodinka2Retail_title__UOMao {
  position: absolute;
  z-index: 3;
  top: 16px;
  left: 16px;
  width: 260px;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: white;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: white;
}
@media (min-width: 768px) {
  .Hodinka2Retail_title__UOMao {
    top: 40px;
    left: 40px;
  }
}
@media (min-width: 1440px) {
  .Hodinka2Retail_title__UOMao {
    font-size: 56px;
    line-height: 56px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: white;
    font-size: 56px;
    line-height: 56px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: white;
  }
}

.Hodinka2Retail_stage__AvAxt {
  overflow: hidden;
}
@media (min-width: 1024px) {
  .Hodinka2Retail_stage__AvAxt {
    margin-inline: calc(50% - 50vw);
  }
}

.Hodinka2Retail_wrapperImage__hyKBO {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: none;
  width: 100vw;
}
@media (max-width: 767px) {
  .Hodinka2Retail_wrapperImage__hyKBO {
    height: auto;
    overflow: visible;
  }
}
@media (min-width: 768px) {
  .Hodinka2Retail_wrapperImage__hyKBO {
    aspect-ratio: 1440/914;
    overflow: hidden;
  }
}
.Hodinka2Retail_wrapperImage__hyKBO::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 30%);
}
.Hodinka2Retail_wrapperImage_loaded__zYPif::before {
  opacity: 1;
}

.Hodinka2Retail_image__JSmQ0 {
  object-fit: cover;
  object-position: center;
}
@media (max-width: 767px) {
  .Hodinka2Retail_image__JSmQ0 {
    position: relative;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
  }
}
@media (min-width: 768px) {
  .Hodinka2Retail_image__JSmQ0 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.Hodinka2Retail_location__tf5oU {
  position: absolute;
  z-index: 3;
}

.Hodinka2Retail_tower__in0cO {
  pointer-events: none;
  cursor: pointer;
}
.Hodinka2Retail_tower__in0cO path {
  pointer-events: fill;
  fill: white;
  fill-opacity: 0;
  stroke: none;
  transition: fill-opacity 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.Hodinka2Retail_tower__in0cO:hover path, .Hodinka2Retail_tower_hover__3Arpt path {
  fill-opacity: 0.5;
}
.Hodinka2Retail_tower__in0cO {
  width: max-content;
  height: 100%;
  position: absolute;
}

.Hodinka2Retail_tower__in0cO path {
  stroke-width: 2;
  transition: all 0.3s ease;
  cursor: pointer;
  fill: transparent;
}
.Hodinka2Retail_tower__in0cO path:hover {
  fill: rgba(255, 255, 255, 0.3);
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
}

.Hodinka2Retail_activeTower__urY__ path {
  fill: rgba(255, 255, 255, 0.3);
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
}

.Hodinka2Retail_towerHodinka2__QGTPo {
  transform: scale(0.48);
  top: 5%;
  right: -54%;
}
@media (min-width: 768px) {
  .Hodinka2Retail_towerHodinka2__QGTPo {
    transform: scale(0.79);
    top: 5.6%;
    right: -12.5%;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BChooseTower/Hodinka1Retail/Hodinka1Retail.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Hodinka1Retail_root__UZvdw {
  position: relative;
}

.Hodinka1Retail_title__07Fzg {
  position: absolute;
  z-index: 3;
  top: 16px;
  left: 16px;
  width: 260px;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: white;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: white;
}
@media (min-width: 768px) {
  .Hodinka1Retail_title__07Fzg {
    top: 40px;
    left: 40px;
  }
}
@media (min-width: 1440px) {
  .Hodinka1Retail_title__07Fzg {
    font-size: 56px;
    line-height: 56px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: white;
    font-size: 56px;
    line-height: 56px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: white;
  }
}

.Hodinka1Retail_stage__IrTrp {
  overflow: hidden;
}
@media (min-width: 1024px) {
  .Hodinka1Retail_stage__IrTrp {
    margin-inline: calc(50% - 50vw);
  }
}

.Hodinka1Retail_wrapperImage__em331 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: none;
  width: 100vw;
}
@media (max-width: 767px) {
  .Hodinka1Retail_wrapperImage__em331 {
    height: auto;
    overflow: visible;
  }
}
@media (min-width: 768px) {
  .Hodinka1Retail_wrapperImage__em331 {
    aspect-ratio: 1440/914;
    overflow: hidden;
  }
}
.Hodinka1Retail_wrapperImage__em331::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 30%);
}
.Hodinka1Retail_wrapperImage_loaded__ndCCJ::before {
  opacity: 1;
}

.Hodinka1Retail_image__HKvIM {
  object-fit: cover;
  object-position: center;
}
@media (max-width: 767px) {
  .Hodinka1Retail_image__HKvIM {
    position: relative;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
  }
}
@media (min-width: 768px) {
  .Hodinka1Retail_image__HKvIM {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.Hodinka1Retail_location__oiCoo {
  position: absolute;
  z-index: 3;
}

.Hodinka1Retail_tower__pYdyP {
  pointer-events: none;
  cursor: pointer;
}
.Hodinka1Retail_tower__pYdyP path {
  pointer-events: fill;
  fill: white;
  fill-opacity: 0;
  stroke: none;
  transition: fill-opacity 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.Hodinka1Retail_tower__pYdyP:hover path, .Hodinka1Retail_tower_hover__AQVSu path {
  fill-opacity: 0.5;
}
.Hodinka1Retail_tower__pYdyP {
  width: max-content;
  height: 100%;
  position: absolute;
}

.Hodinka1Retail_tower__pYdyP path {
  stroke-width: 2;
  transition: all 0.3s ease;
  cursor: pointer;
  fill: transparent;
}
.Hodinka1Retail_tower__pYdyP path:hover {
  fill: rgba(255, 255, 255, 0.3);
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
}

.Hodinka1Retail_activeTower__DG4SF path {
  fill: rgba(255, 255, 255, 0.3);
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
}

.Hodinka1Retail_towwerHodinka1H1__OQclN {
  transform: scale(0.63);
  top: 12%;
  left: -8%;
}
@media (min-width: 768px) {
  .Hodinka1Retail_towwerHodinka1H1__OQclN {
    transform: scale(0.78);
    top: 6.6%;
    left: 17.9%;
  }
}

.Hodinka1Retail_towwerHodinka1H2__PS2sr {
  transform: scale(0.38);
  top: 12%;
  left: 23%;
}
@media (min-width: 768px) {
  .Hodinka1Retail_towwerHodinka1H2__PS2sr {
    transform: scale(0.47);
    top: 5.9%;
    left: 38.2%;
  }
}

.Hodinka1Retail_towwerHodinka1H3__CVelz {
  transform: scale(0.21);
  top: 9%;
  left: 22%;
}
@media (min-width: 768px) {
  .Hodinka1Retail_towwerHodinka1H3__CVelz {
    transform: scale(0.26);
    top: 2%;
    left: 41.8%;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BChooseTower/DmitrovskayaRetail/DmitrovskayaRetail.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.DmitrovskayaRetail_root__0xUha {
  position: relative;
}

.DmitrovskayaRetail_title__fgs_7 {
  position: absolute;
  z-index: 3;
  top: 16px;
  left: 16px;
  width: 260px;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: white;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: white;
}
@media (min-width: 768px) {
  .DmitrovskayaRetail_title__fgs_7 {
    top: 40px;
    left: 40px;
  }
}
@media (min-width: 1440px) {
  .DmitrovskayaRetail_title__fgs_7 {
    font-size: 56px;
    line-height: 56px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: white;
    font-size: 56px;
    line-height: 56px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: white;
  }
}

.DmitrovskayaRetail_stage__2Oyry {
  overflow: hidden;
}
@media (min-width: 1024px) {
  .DmitrovskayaRetail_stage__2Oyry {
    margin-inline: calc(50% - 50vw);
  }
}

.DmitrovskayaRetail_wrapperImage__b2IL7 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: none;
  width: 100vw;
}
@media (max-width: 767px) {
  .DmitrovskayaRetail_wrapperImage__b2IL7 {
    height: auto;
    overflow: visible;
  }
}
@media (min-width: 768px) {
  .DmitrovskayaRetail_wrapperImage__b2IL7 {
    aspect-ratio: 1440/914;
    overflow: hidden;
  }
}
.DmitrovskayaRetail_wrapperImage__b2IL7::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 30%);
}
.DmitrovskayaRetail_wrapperImage_loaded__Qqh0R::before {
  opacity: 1;
}

.DmitrovskayaRetail_image__qrrZn {
  object-fit: cover;
  object-position: center;
}
@media (max-width: 767px) {
  .DmitrovskayaRetail_image__qrrZn {
    position: relative;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
  }
}
@media (min-width: 768px) {
  .DmitrovskayaRetail_image__qrrZn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.DmitrovskayaRetail_location__9Gr6G {
  position: absolute;
  z-index: 3;
}

.DmitrovskayaRetail_tower__1_avZ {
  pointer-events: none;
  cursor: pointer;
}
.DmitrovskayaRetail_tower__1_avZ path {
  pointer-events: fill;
  fill: white;
  fill-opacity: 0;
  stroke: none;
  transition: fill-opacity 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.DmitrovskayaRetail_tower__1_avZ:hover path, .DmitrovskayaRetail_tower_hover__AMP_T path {
  fill-opacity: 0.5;
}
.DmitrovskayaRetail_tower__1_avZ {
  width: max-content;
  height: 100%;
  position: absolute;
}

.DmitrovskayaRetail_tower__1_avZ path {
  stroke-width: 2;
  transition: all 0.3s ease;
  cursor: pointer;
  fill: transparent;
}
.DmitrovskayaRetail_tower__1_avZ path:hover {
  fill: rgba(255, 255, 255, 0.3);
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
}

.DmitrovskayaRetail_activeTower__dm1S5 path {
  fill: rgba(255, 255, 255, 0.3);
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
}

.DmitrovskayaRetail_towerDmitrovskayaOffice__kP9C2 {
  transform: scale(0.89);
  top: 2%;
  right: 14%;
}
@media (min-width: 768px) {
  .DmitrovskayaRetail_towerDmitrovskayaOffice__kP9C2 {
    transform: scale(0.89);
    top: -1.6%;
    right: 33.7%;
  }
}

.DmitrovskayaRetail_towerDmitrovskayaShop__xPI50 {
  transform: scale(0.16);
  top: 39%;
  right: -99%;
}
@media (min-width: 768px) {
  .DmitrovskayaRetail_towerDmitrovskayaShop__xPI50 {
    transform: scale(0.156);
    top: 35.8%;
    right: -25%;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BChooseTower/RimskayaRetail/RimskayaRetail.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RimskayaRetail_root__AlFpS {
  position: relative;
}

.RimskayaRetail_title__Ylsm9 {
  position: absolute;
  z-index: 3;
  top: 16px;
  left: 16px;
  width: 260px;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: white;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: white;
}
@media (min-width: 768px) {
  .RimskayaRetail_title__Ylsm9 {
    top: 40px;
    left: 40px;
  }
}
@media (min-width: 1440px) {
  .RimskayaRetail_title__Ylsm9 {
    font-size: 56px;
    line-height: 56px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: white;
    font-size: 56px;
    line-height: 56px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: white;
  }
}

.RimskayaRetail_stage__wHuYo {
  overflow: hidden;
}
@media (min-width: 1024px) {
  .RimskayaRetail_stage__wHuYo {
    margin-inline: calc(50% - 50vw);
  }
}

.RimskayaRetail_wrapperImage__6M3PU {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: none;
  width: 100vw;
}
@media (max-width: 767px) {
  .RimskayaRetail_wrapperImage__6M3PU {
    height: auto;
    overflow: visible;
  }
}
@media (min-width: 768px) {
  .RimskayaRetail_wrapperImage__6M3PU {
    aspect-ratio: 1440/914;
    overflow: hidden;
  }
}
.RimskayaRetail_wrapperImage__6M3PU::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 30%);
}
.RimskayaRetail_wrapperImage_loaded__wfbgP::before {
  opacity: 1;
}

.RimskayaRetail_image__qHMY8 {
  object-fit: cover;
  object-position: center;
}
@media (max-width: 767px) {
  .RimskayaRetail_image__qHMY8 {
    position: relative;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
  }
}
@media (min-width: 768px) {
  .RimskayaRetail_image__qHMY8 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.RimskayaRetail_location__72fow {
  position: absolute;
  z-index: 3;
}

.RimskayaRetail_tower__vV_1g {
  width: max-content;
  height: 100%;
  position: absolute;
  pointer-events: none;
}

.RimskayaRetail_tower__vV_1g path {
  pointer-events: fill;
  stroke-width: 2;
  transition: all 0.3s ease;
  cursor: pointer;
  fill: transparent;
}
.RimskayaRetail_tower__vV_1g path:hover {
  fill: rgba(255, 255, 255, 0.3);
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
}

.RimskayaRetail_activeTower__vArvb path {
  fill: rgba(255, 255, 255, 0.3);
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
}

.RimskayaRetail_towerRimskaya1__gCc2c {
  transform: scale(0.615);
  top: 17.5%;
  right: -28.5%;
}
@media (min-width: 768px) {
  .RimskayaRetail_towerRimskaya1__gCc2c {
    transform: scale(0.778);
    top: 8%;
    right: -1.3%;
  }
}

.RimskayaRetail_towerRimskaya2__Pu_e0 {
  transform: scale(0.615);
  top: 13.5%;
  right: -40%;
}
@media (min-width: 768px) {
  .RimskayaRetail_towerRimskaya2__Pu_e0 {
    transform: scale(0.778);
    top: 3%;
    right: -8.3%;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BChooseTower/TowerERetail/TowerERetail.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TowerERetail_root__j8vFR {
  position: relative;
}

.TowerERetail_tower__eaaVi {
  width: max-content;
  height: 100%;
  position: absolute;
  pointer-events: auto;
}

.TowerERetail_tower__eaaVi path {
  stroke-width: 2;
  transition: all 0.3s ease;
  cursor: pointer;
  fill: transparent;
}
.TowerERetail_tower__eaaVi path:hover {
  fill: rgba(255, 255, 255, 0.3);
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
}

.TowerERetail_activeTower__Mk67O path {
  fill: rgba(255, 255, 255, 0.3);
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
}

.TowerERetail_towerE__oU2h7 {
  transform: scale(0.08);
  top: 32%;
  left: -474%;
}
@media (min-width: 768px) {
  .TowerERetail_towerE__oU2h7 {
    transform: scale(0.0925);
    top: 38%;
    left: -313.5%;
  }
}

.TowerERetail_title__Fz70V {
  position: absolute;
  z-index: 3;
  top: 16px;
  left: 16px;
  width: 260px;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: white;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: white;
}
@media (min-width: 768px) {
  .TowerERetail_title__Fz70V {
    top: 40px;
    left: 40px;
  }
}
@media (min-width: 1440px) {
  .TowerERetail_title__Fz70V {
    font-size: 56px;
    line-height: 56px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: white;
    font-size: 56px;
    line-height: 56px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: white;
  }
}

.TowerERetail_stage___5Sv3 {
  overflow: hidden;
}
@media (min-width: 1024px) {
  .TowerERetail_stage___5Sv3 {
    margin-inline: calc(50% - 50vw);
  }
}

.TowerERetail_wrapperImage__W3iFz {
  height: auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: none;
  width: 100vw;
}
@media (max-width: 767px) {
  .TowerERetail_wrapperImage__W3iFz {
    height: auto;
    overflow: visible;
  }
}
@media (min-width: 768px) {
  .TowerERetail_wrapperImage__W3iFz {
    aspect-ratio: 1440/914;
    overflow: hidden;
  }
}
.TowerERetail_wrapperImage__W3iFz::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 30%);
}
.TowerERetail_wrapperImage_loaded__c2yO_::before {
  opacity: 1;
}

.TowerERetail_image__kYWhU {
  object-fit: cover;
  object-position: center;
}
@media (max-width: 767px) {
  .TowerERetail_image__kYWhU {
    position: relative;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
  }
}
@media (min-width: 768px) {
  .TowerERetail_image__kYWhU {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.TowerERetail_location__wNtxu {
  position: absolute;
  z-index: 3;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BChooseTower/KaluzhskayaRetail/KaluzhskayaRetail.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.KaluzhskayaRetail_root__MkrpP {
  position: relative;
}

.KaluzhskayaRetail_title__TUa5G {
  position: absolute;
  z-index: 3;
  top: 16px;
  left: 16px;
  width: 260px;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: white;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: white;
}
@media (min-width: 768px) {
  .KaluzhskayaRetail_title__TUa5G {
    top: 40px;
    left: 40px;
  }
}
@media (min-width: 1440px) {
  .KaluzhskayaRetail_title__TUa5G {
    font-size: 56px;
    line-height: 56px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: white;
    font-size: 56px;
    line-height: 56px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: white;
  }
}

.KaluzhskayaRetail_stage__o5AxE {
  overflow: hidden;
}
@media (min-width: 1024px) {
  .KaluzhskayaRetail_stage__o5AxE {
    margin-inline: calc(50% - 50vw);
  }
}

.KaluzhskayaRetail_wrapperImage___XKW3 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: none;
  width: 100vw;
}
@media (max-width: 767px) {
  .KaluzhskayaRetail_wrapperImage___XKW3 {
    height: auto;
    overflow: visible;
  }
}
@media (min-width: 768px) {
  .KaluzhskayaRetail_wrapperImage___XKW3 {
    aspect-ratio: 1440/914;
    overflow: hidden;
  }
}
.KaluzhskayaRetail_wrapperImage___XKW3::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 30%);
}
.KaluzhskayaRetail_wrapperImage_loaded__0F0Vb::before {
  opacity: 1;
}

.KaluzhskayaRetail_image__DSj_f {
  object-fit: cover;
  object-position: center;
}
@media (max-width: 767px) {
  .KaluzhskayaRetail_image__DSj_f {
    position: relative;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
  }
}
@media (min-width: 768px) {
  .KaluzhskayaRetail_image__DSj_f {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.KaluzhskayaRetail_location__yLpkk {
  position: absolute;
  z-index: 3;
}

.KaluzhskayaRetail_tower__vPSBg {
  width: max-content;
  height: 100%;
  position: absolute;
  pointer-events: none;
}

.KaluzhskayaRetail_tower__vPSBg path {
  pointer-events: fill;
  stroke-width: 2;
  transition: all 0.3s ease;
  cursor: pointer;
}
.KaluzhskayaRetail_tower__vPSBg path:hover {
  fill: rgba(255, 255, 255, 0.3);
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
}

.KaluzhskayaRetail_activeTower__BUKul path {
  fill: rgba(255, 255, 255, 0.3);
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
}

.KaluzhskayaRetail_towerKaluzshkaya1__I7x_v {
  transform: scale(0.33);
  top: 29%;
  right: -75%;
}
@media (min-width: 768px) {
  .KaluzhskayaRetail_towerKaluzshkaya1__I7x_v {
    transform: scale(0.406);
    top: 20.8%;
    right: -24.4%;
  }
}

.KaluzhskayaRetail_towerKaluzshkaya2__UyU2I {
  transform: scale(0.5);
  top: 20.8%;
  right: -79%;
}
@media (min-width: 768px) {
  .KaluzhskayaRetail_towerKaluzshkaya2__UyU2I {
    transform: scale(0.61);
    top: 10.4%;
    right: -7.8%;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BConsultation/components/BConsultationForm.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BConsultationForm_form__bgcQG {
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 24px;
}

.BConsultationForm_inp__BMoYn {
  max-height: 40px;
  height: 40px;
  min-height: 40px;
  flex: 1 1;
}

.BConsultationForm_checkbox__xlPku {
  padding: 0;
  font-size: 10px;
  line-height: 12px;
  color: white;
}
.BConsultationForm_checkbox__xlPku a {
  text-decoration: underline;
  color: #fff;
}

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

@media (min-width: 1024px) {
  .BConsultationForm_form__bgcQG {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    padding: 40px 40px 24px 40px;
  }
  .BConsultationForm_checkbox__xlPku {
    display: flex;
    justify-content: center;
    width: 100%;
    order: 4;
  }
  .BConsultationForm_inp__BMoYn {
    max-height: 40px;
    flex: 1 1;
  }
  .BConsultationForm_btn__DAGos {
    margin: 0;
    flex: 1 1;
  }
}
@media (min-width: 1440px) {
  .BConsultationForm_form__bgcQG {
    padding: 40px;
  }
  .BConsultationForm_checkbox__xlPku {
    width: auto;
    flex: 1 1;
    order: 3;
  }
  .BConsultationForm_checkbox__xlPku span {
    align-self: center;
  }
  .BConsultationForm_inp__BMoYn {
    max-height: 48px;
    height: 48px;
    flex: 1 1;
  }
  .BConsultationForm_btn__DAGos {
    order: 4;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BDesignSlider/BDesingSlider.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BDesingSlider_root__smRP8 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
}

.BDesingSlider_titleWrapper__SioNl {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  padding: 0 16px;
  grid-gap: 16px;
  gap: 16px;
}

.BDesingSlider_title__OzWEF {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #141416;
}

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

.BDesingSlider_sliderWrapper__71CGA {
  position: relative;
}

@media (min-width: 1024px) {
  .BDesingSlider_root__smRP8 {
    gap: 40px;
    padding: 0 40px;
  }
  .BDesingSlider_titleWrapper__SioNl {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    padding: 0;
    gap: 0;
  }
  .BDesingSlider_title__OzWEF {
    padding: 0;
    grid-column: 1;
  }
  .BDesingSlider_description__FOAX4 {
    grid-column: 2;
  }
}
@media (min-width: 1440px) {
  .BDesingSlider_title__OzWEF {
    font-size: 32px;
    line-height: 40px;
  }
  .BDesingSlider_description__FOAX4 {
    font-size: 24px;
    line-height: 32px;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./node_modules/swiper/modules/effect-fade.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BDesignSlider/components/BSlider/BSlider.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BSlider_slider___VvI2 {
  width: 100%;
  height: 500px;
  overflow: hidden;
  border-radius: 24px;
}

.BSlider_slide__V_MNT {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}

.BSlider_img__3r4_F {
  object-fit: cover;
  border-radius: 24px;
  overflow: hidden;
}

.BSlider_imgCaption__FdwYY {
  position: absolute;
  left: 50%;
  bottom: 44px;
  transform: translate(-50%, 0);
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin: 0;
  color: #ffffff;
  z-index: 10;
}

.BSlider_shadow__I1Am4 {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: radial-gradient(54.83% 17.12% at 50% 100%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}

.BSlider_customPagination___Fywu {
  position: absolute;
  left: 50%;
  bottom: -4px;
  padding: 8px 12px;
  transform: translate(-50%, -50%);
  display: flex;
  gap: 12px;
  border-radius: 60px;
  background: rgba(20, 20, 22, 0.4);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  z-index: 10;
}

.BSlider_customPaginationHide__KYelR {
  display: none;
}

.BSlider_bullet__lKM8Q {
  display: block;
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  opacity: 0.3;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
}

.BSlider_bulletActive__WmruN {
  opacity: 1;
}

@media (min-width: 1024px) {
  .BSlider_slider___VvI2 {
    height: 555px;
  }
  .BSlider_slide__V_MNT {
    height: 555px;
    cursor: pointer;
  }
  .BSlider_img__3r4_F {
    width: 384px;
    height: 555px;
  }
  .BSlider_prevBtn__J_oxT,
  .BSlider_nextBtn__27MOy {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 8px;
    width: 40px;
    height: 40px;
    z-index: 10;
  }
  .BSlider_nextBtn__27MOy {
    left: unset;
    right: 8px;
  }
  .BSlider_nextBtn__27MOy {
    right: 10px;
  }
}
@media (min-width: 1440px) {
  .BSlider_slider___VvI2 {
    position: relative;
    height: 800px;
  }
  .BSlider_slide__V_MNT {
    height: 800px;
  }
  .BSlider_img__3r4_F {
    width: 100%;
    height: 800px;
  }
  .BSlider_prevBtn__J_oxT,
  .BSlider_nextBtn__27MOy {
    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/components/BDesignSlider/components/BNavigation/BNavigation.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BNavigation_rootWrapper__8rFHe {
  position: absolute;
  top: 4px;
  left: 50%;
  justify-content: center;
  transform: translate(-50%, 0);
  width: calc(100% - 8px);
  display: flex;
  z-index: 20;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}

.BNavigation_root__w_loM {
  position: relative;
  border-radius: 68px;
  display: flex;
  align-items: center;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  left: 0;
  background: rgba(244, 245, 246, 0.6);
  gap: 2px;
  overflow-x: scroll;
  padding: 3px 4px;
  border: 1px solid rgb(230, 232, 236);
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.BNavigation_root__w_loM::-webkit-scrollbar {
  display: none;
  -webkit-appearance: none;
  width: 0;
  height: 0;
}

.BNavigation_link__Rj_3A {
  color: #141416;
  cursor: pointer;
  padding: 8px 16px;
  border-radius: 110px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  transition: background 0.3s ease;
}

.BNavigation_link__Rj_3A:hover {
  background: white;
}

.BNavigation_active__8Ra2d {
  background: rgba(255, 255, 255, 0.8);
}

.BNavigation_btn__yxhFk {
  position: -webkit-sticky;
  position: sticky;
  right: 4px;
  width: 40px;
  cursor: pointer;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BDesignModal/DesignMediaSlide/DesignMediaSlide.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.DesignMediaSlide_media-content__ihbzz {
  position: absolute;
  inset: 0;
}

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

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

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

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

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

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

.BDesignModal_prevBtn__Hn6kF,
.BDesignModal_nextBtn__WFFNT {
  display: none;
}

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

@media (min-width: 1024px) {
  .BDesignModal_slideWrapper__19er3 {
    height: 100vh;
  }
  .BDesignModal_closeBtn__vvSE_ {
    top: 16px;
    right: 16px;
  }
  .BDesignModal_prevBtn__Hn6kF,
  .BDesignModal_nextBtn__WFFNT {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
    width: 40px;
    z-index: 1;
  }
  .BDesignModal_nextBtn__WFFNT {
    left: unset;
    right: 16px;
  }
  .BDesignModal_sliderCounter__lrl08 {
    bottom: 16px;
  }
}
@media (min-width: 1440px) {
  .BDesignModal_closeBtn__vvSE_ {
    width: 48px;
  }
  .BDesignModal_prevBtn__Hn6kF,
  .BDesignModal_nextBtn__WFFNT {
    width: 48px;
  }
  .BDesignModal_prevBtn__Hn6kF > div,
  .BDesignModal_nextBtn__WFFNT > div {
    width: 20px;
    height: 20px;
  }
  .BDesignModal_prevBtn__Hn6kF svg,
  .BDesignModal_nextBtn__WFFNT svg {
    width: 20px;
    height: 20px;
  }
  .BDesignModal_sliderCounter__lrl08 {
    position: absolute;
    font-size: 14px;
    line-height: 24px;
    padding: 12px 24px;
  }
}
.BDesignModal_sliderControlHidden__bIrys {
  display: none;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BDomRf/s.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__V9_eJ {
  border-top: solid 1px #e6e8ec;
  padding: 40px 8px 0 16px;
  font-size: 10px;
  line-height: 12px;
}

.s_disclaimer__sD_Wb {
  color: #777e90;
  display: inline;
}

.s_link__MjVpg {
  display: inline;
  color: #015ff9;
  text-decoration: none;
}

@media (min-width: 1024px) {
  .s_root__V9_eJ {
    padding: 40px 40px 0 40px;
  }
  .s_linkText__tVsHx {
    font-size: 12px;
    line-height: 16px;
  }
  .s_link__MjVpg {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (min-width: 1440px) {
  .s_root__V9_eJ {
    padding: 80px 40px 40px 40px;
  }
  .s_linkText__tVsHx {
    font-size: 16px;
    line-height: 24px;
  }
  .s_link__MjVpg {
    font-size: 16px;
    line-height: 24px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BGenPlanProject/s.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__3Aehu {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  border-radius: 24px;
  background: #141416;
  position: relative;
}

.s_scrollWrapper__C_wJJ {
  position: relative;
  overflow-x: hidden;
  border-radius: 24px;
  scrollbar-width: none;
  background: transparent;
  z-index: 1;
}

.s_scrollWrapperVisible__PAH0w {
  overflow-x: scroll;
}

.s_imgWrapper__ky09X {
  position: relative;
  width: max-content;
  object-fit: contain;
}

.s_hint__XfIyi {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.s_hintCard__uhyTR {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 273px;
  min-height: 116px;
  padding: 24px;
  border-radius: 20px;
  background: rgba(20, 20, 22, 0.5019607843);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}

.s_hintText__Vxoy4 {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  text-align: center;
  color: #FFFFFF;
}

@media (min-width: 1024px) {
  .s_root__3Aehu {
    padding: 40px;
  }
  .s_imgWrapper__ky09X {
    width: 100%;
  }
  .s_img__5E5Kr {
    width: 100%;
    height: 557px;
    object-fit: fill;
  }
  .s_hint__XfIyi {
    display: none;
  }
}
@media (min-width: 1440px) {
  .s_root__3Aehu {
    padding: 40px;
  }
  .s_img__5E5Kr {
    width: 1360px;
    height: 800px;
    border-radius: 24px;
  }
  .s_hint__XfIyi {
    display: none;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BGenPlanProject/components/BGenPlanFeatures/s.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__VGvrA {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px 0 24px 0;
  border-radius: 24px;
  background: #23262F;
  position: relative;
}

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

.s_title__B1nuT {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #ffffff;
  padding: 0 24px;
}

.s_cardWrapper__4XbqP {
  overflow: scroll;
  scrollbar-width: none;
  padding: 0 24px;
}

.s_cardScrollWrapper__KDgOY {
  display: flex;
  gap: 8px;
  width: max-content;
}

.s_featuresCard__v11hJ {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 213px;
  height: 124px;
  padding: 16px;
  border-radius: 16px;
  background: #353945;
  box-shadow: 0px 161px 97px 0px rgba(0, 0, 0, 0.0509803922), 0px 287px 115px 0px rgba(0, 0, 0, 0.0117647059), 0px 449px 126px 0px rgba(0, 0, 0, 0);
}

.s_cardText__LVlNa {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #ffffff;
}

.s_featuresList__YHwql {
  display: flex;
  flex-direction: column;
  padding: 0 24px;
}

.s_featuresItem__bkYvF {
  display: flex;
  justify-content: space-between;
  padding: 11px 0;
}
.s_featuresItem__bkYvF:first-child {
  padding: 0 0 11px 0;
}
.s_featuresItem__bkYvF:last-child {
  padding: 11px 0 0 0;
}
.s_featuresItem__bkYvF:not(:first-child) {
  border-top: 1px solid #353945;
}

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

.s_featuresValue__D6TqA {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #FFFFFF;
}

.s_catalogBtn__TbtDT,
.s_pdfBtnMobile__MSliw {
  margin: 0 24px;
  width: auto;
}

.s_pdfBtn__0YJdh {
  display: none;
}

@media (min-width: 1024px) {
  .s_root__VGvrA {
    gap: 40px;
    padding-inline: 40px;
  }
  .s_titleWrapper__u5P_S {
    gap: 32px;
  }
  .s_pdfWrapper__W5CtH {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .s_title__B1nuT {
    padding: 0;
  }
  .s_cardWrapper__4XbqP {
    overflow: hidden;
    padding: 0;
    width: 100%;
    border-radius: 16px;
    background: #353945;
  }
  .s_cardScrollWrapper__KDgOY {
    display: flex;
    gap: 8px;
    width: 100%;
  }
  .s_featuresCard__v11hJ {
    justify-content: center;
    align-items: center;
    flex: 1 1;
    gap: 16px;
    height: 132px;
  }
  .s_cardText__LVlNa {
    text-align: center;
  }
  .s_featuresList__YHwql {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    grid-gap: 0 31px;
    gap: 0 31px;
    padding: 0;
  }
  .s_featuresItem__bkYvF {
    display: flex;
    justify-content: space-between;
    grid-column: 1;
  }
  .s_featuresItem__bkYvF:first-child {
    padding: 0 0 11px 0;
  }
  .s_featuresItem__bkYvF:last-child {
    padding: 11px 0 0 0;
  }
  .s_featuresItem__bkYvF:not(:first-child) {
    border-top: 1px solid #353945;
  }
  .s_featuresItemRight__1FFe9 {
    grid-column: 2;
  }
  .s_lastOfFirstColumn__EMLYY {
    padding: 11px 0 0 0;
  }
  .s_featuresItem__bkYvF.s_firstOfSecondColumn__tIhE7 {
    border-top: unset;
    padding: 0 0 11px 0;
  }
  .s_catalogBtn__TbtDT {
    margin: 0 auto;
    width: max-content;
  }
  .s_pdfBtnMobile__MSliw {
    display: none;
  }
  .s_pdfBtn__0YJdh {
    display: flex;
    margin: 0;
    width: max-content;
    padding: 7px 15px;
  }
}
@media (min-width: 1440px) {
  .s_title__B1nuT {
    font-size: 32px;
    line-height: 40px;
  }
  .s_pdfBtn__0YJdh {
    padding: 9px 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/components/BGenPlanProject/components/Plus/s.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__gRm68 {
  position: absolute;
}

.s_rootShown__jR8qV,
.s_rootShownModal__TzE2n {
  z-index: 104;
}

.s_wrapper__pgpXA {
  z-index: 115;
  display: none;
  position: fixed;
  bottom: 0;
  background: rgba(255, 255, 255, 0);
  width: 100%;
  height: 100%;
  background: rgba(20, 20, 22, 0.8);
}

.s_modal__Vfbxm {
  z-index: 104;
}

.s_content__DHUkB {
  position: absolute;
  bottom: 0;
  left: 0;
  background: white;
  width: 100%;
  padding: 24px;
  border-radius: 24px 24px 0 0;
}

.s_openContent__5op4v {
  display: block;
}

.s_openContentModal__4Qs6p {
  display: block;
  height: auto;
}

.s_wtorkakBtn__FDdfI {
  padding: 0;
  font-size: 12px;
  margin: 0;
}

.s_contentTitle__QkJl_ {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
  margin: 0 0 15px 0;
}

.s_touchWrapper__NMVT3 {
  position: absolute;
  border-radius: 80px;
  top: 0;
  padding: 7px 7px 40px 7px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}

.s_touchContent__8nd8a {
  background: rgb(177, 181, 195);
  width: 80px;
  height: 4px;
}

.s_fieldsWrapper__d8j94 {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}

.s_fieldsWrapperNoMar__MokC5 {
  margin-bottom: 0;
}

.s_field__oYkIr {
  display: flex;
  justify-content: space-between;
}

.s_field__oYkIr:not(:last-child) {
  border-bottom: solid 1px rgb(244, 245, 246);
  padding-bottom: 8px;
}

.s_field__oYkIr:not(:first-child) {
  padding-top: 8px;
}

.s_title__WHNqy {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: rgb(53, 57, 69);
}

.s_value__i_Z3P {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: rgb(20, 20, 22);
}

.s_swiperWrapper__jlS_H {
  display: flex;
  justify-content: space-between;
  margin: 0 0 8px 0;
}

.s_sectionTitle__sANdE {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #353945;
}

.s_backBtn__QCghG,
.s_forwardBtn__lBr_G {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 1px solid #E6E8EC;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
}
.s_backBtn__QCghG:disabled,
.s_forwardBtn__lBr_G:disabled {
  opacity: 0.3;
}

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

@media (min-width: 1024px) {
  .s_rootShown__jR8qV,
  .s_rootShownModal__TzE2n {
    z-index: 101;
  }
  .s_touchWrapper__NMVT3 {
    display: none;
  }
  .s_content__DHUkB {
    left: unset;
    display: none;
    min-width: 271px;
    position: absolute;
    height: max-content;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 24px;
    padding: 24px;
  }
  .s_openContent__5op4v {
    display: block;
  }
  .s_rightPos__P3xN_ {
    left: -8px;
  }
  .s_leftPos__5v9ta {
    right: -8px;
  }
  .s_topPos__fFwNQ {
    padding-bottom: 32px;
    bottom: -8px;
  }
  .s_botPos__5wJLA {
    top: -8px;
  }
}
@media (min-width: 1440px) {
  .s_topPos__fFwNQ {
    padding-bottom: 42px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BHeaderWithPlaceTypes/PlaceTypesList/PlaceTypesList.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PlaceTypesList_place-types-list__WY_7o {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 9px;
  gap: 9px;
  margin-top: 40px;
}
.PlaceTypesList_place-types-list__WY_7o:has(> li:nth-child(odd):last-child) {
  grid-template-columns: repeat(2, 1fr);
}
.PlaceTypesList_place-types-list__WY_7o:has(> li:nth-child(odd):last-child) > li:last-child {
  grid-column: 1/-1;
}
@media (min-width: 1024px) {
  .PlaceTypesList_place-types-list__WY_7o {
    display: flex;
    gap: 8px;
    margin-top: 64px;
  }
}
@media (min-width: 1440px) {
  .PlaceTypesList_place-types-list__WY_7o {
    gap: 16px;
    margin-top: 80px;
  }
}
@media (min-width: 1024px) {
  .PlaceTypesList_place-types-list__list-item_street_retail__wETvC, .PlaceTypesList_place-types-list__list-item_restoran_cafe__w9BZM, .PlaceTypesList_place-types-list__list-item_client_office__422fv, .PlaceTypesList_place-types-list__list-item_shop_gallery__g5ZoG {
    flex-basis: 204px;
  }
}
@media (min-width: 1280px) {
  .PlaceTypesList_place-types-list__list-item_street_retail__wETvC, .PlaceTypesList_place-types-list__list-item_restoran_cafe__w9BZM, .PlaceTypesList_place-types-list__list-item_client_office__422fv, .PlaceTypesList_place-types-list__list-item_shop_gallery__g5ZoG {
    flex-basis: 251px;
  }
}
@media (min-width: 1280px) {
  .PlaceTypesList_place-types-list__WY_7o:has(> li:nth-child(3):last-child) .PlaceTypesList_place-types-list__list-item__n7kXx {
    flex-basis: 385px;
  }
}
@media (min-width: 1280px) {
  .PlaceTypesList_place-types-list__WY_7o:has(> li:nth-child(4):last-child) .PlaceTypesList_place-types-list__list-item__n7kXx {
    flex-basis: 251px;
  }
}
@media (min-width: 1024px) {
  .PlaceTypesList_place-types-list__list-item_custom__sUl_p {
    flex-grow: 1;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BHeaderWithPlaceTypes/PlaceTypesList/PlaceTypeBlockController/PlaceTypeBlock/PlaceTypeBlock.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PlaceTypeBlock_place-type-block__xCIe5 {
  background-color: #f4f5f6;
  transition: background-color 0.2s ease-in-out;
}
@media (hover: hover) {
  .PlaceTypeBlock_place-type-block__xCIe5:hover {
    background-color: #e6e8ec;
    cursor: pointer;
  }
}
@media (hover: none) {
  .PlaceTypeBlock_place-type-block__xCIe5:active {
    background-color: #e6e8ec;
    cursor: pointer;
  }
}
@media (min-width: 768px) {
  .PlaceTypeBlock_place-type-block__xCIe5 {
    flex-basis: 204px;
  }
}
.PlaceTypeBlock_place-type-block_disabled__qr_3_ {
  background-color: #fcfcfd;
}
.PlaceTypeBlock_place-type-block_disabled__qr_3_ .PlaceTypeBlock_place-type-block__text__ksSG0,
.PlaceTypeBlock_place-type-block_disabled__qr_3_ .PlaceTypeBlock_place-type-block__square-range__BtCMh {
  color: #b1b5c3;
}
@media (hover: hover) {
  .PlaceTypeBlock_place-type-block_disabled__qr_3_:hover {
    background-color: #fcfcfd;
    cursor: default;
  }
}
@media (hover: none) {
  .PlaceTypeBlock_place-type-block_disabled__qr_3_:active {
    background-color: #fcfcfd;
    cursor: default;
  }
}
.PlaceTypeBlock_place-type-block__footer__RTgA3 {
  display: flex;
  justify-content: space-between;
}
.PlaceTypeBlock_place-type-block__text__ksSG0 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0;
  color: #141416;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0;
  color: #141416;
  transition: color 0.2s ease-in-out;
}
.PlaceTypeBlock_place-type-block__square-range__BtCMh {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0;
  color: #777e91;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0;
  color: #777e91;
}
@media (min-width: 768px) {
  .PlaceTypeBlock_place-type-block__square-range__BtCMh {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 0;
    color: #777e91;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 0;
    color: #777e91;
  }
}
.PlaceTypeBlock_place-type-block__available__Mb10C {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: #777e91;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: #777e91;
}
@media (min-width: 768px) {
  .PlaceTypeBlock_place-type-block__available__Mb10C {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: #777e91;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: #777e91;
  }
}
.PlaceTypeBlock_place-type-block__loading-skeleton__IwuRI {
  width: 100%;
  height: 20px;
  background-color: #f2f2f2;
  border-radius: 4px;
  animation: PlaceTypeBlock_loading__ypORi 1.5s infinite ease-in-out;
}
@keyframes PlaceTypeBlock_loading__ypORi {
  0% {
    background-color: #f2f2f2;
  }
  50% {
    background-color: #ebebeb;
  }
  100% {
    background-color: #f2f2f2;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BHeaderWithPlaceTypes/PlaceTypesList/PlaceTypeBlockController/PlaceTypeBlockCommon.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PlaceTypeBlockCommon_place-type-block-common__eoaOj {
  min-height: 167px;
  padding: 16px;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 1440px) {
  .PlaceTypeBlockCommon_place-type-block-common__eoaOj {
    padding: 24px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BHeaderWithPlaceTypes/PlaceTypesList/PlaceTypeBlockController/PlaceTypeBlockCustom/PlaceTypeBlockCustom.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PlaceTypeBlockCustom_place-type-block-custom__66Jiw {
  align-items: flex-start;
  width: 100%;
  transition: filter 0.2s ease-in-out;
}
@media (hover: hover) {
  .PlaceTypeBlockCustom_place-type-block-custom__66Jiw:hover {
    filter: brightness(0.95);
  }
}
@media (hover: none) {
  .PlaceTypeBlockCustom_place-type-block-custom__66Jiw:active {
    filter: brightness(0.95);
  }
}
.PlaceTypeBlockCustom_place-type-block-custom_with-bg__En7v7 {
  background-size: cover;
  background-position: center;
}
.PlaceTypeBlockCustom_place-type-block-custom__text__DSdO2 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0;
  color: #141416;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0;
  color: #141416;
  text-align: left;
  white-space: pre-line;
}
@media (min-width: 768px) {
  .PlaceTypeBlockCustom_place-type-block-custom__text__DSdO2 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #141416;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #141416;
  }
}
.PlaceTypeBlockCustom_place-type-block-custom__subtitle__kB_PX {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: #777e91;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: #777e91;
}
@media (min-width: 768px) {
  .PlaceTypeBlockCustom_place-type-block-custom__subtitle__kB_PX {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: #777e91;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: #777e91;
  }
}
.PlaceTypeBlockCustom_place-type-block-custom_white-text__b9_OI {
  color: #ffffff;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BHousePerks/BHousePerks.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BHousePerks_natureInfoContainer__cZtHN.BHousePerks_hidden__FVDwF {
  display: none;
}

.BHousePerks_root__aonJq {
  padding: 0 8px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.BHousePerks_wrapperContainer__UobTg {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.BHousePerks_imageContainer__SHgTa {
  position: relative;
  width: 100%;
  aspect-ratio: 359/480;
  border-radius: 24px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 500px;
}

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

.BHousePerks_titleWrapper__qS6BR {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 48px;
  line-height: 65%;
  font-weight: 500;
  letter-spacing: -2px;
  color: #fff;
  position: absolute;
  white-space: normal;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.BHousePerks_titleWrapper__qS6BR .BHousePerks_firstLine__i5ceY {
  display: block;
  height: -moz-fit-content;
  height: fit-content;
}
.BHousePerks_titleWrapper__qS6BR .BHousePerks_secondLine__eAPjS {
  display: block;
}

.BHousePerks_amenitiesWrapper__A9gyW {
  width: 100%;
}

.BHousePerks_natureInfoContainer__cZtHN {
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: rgb(244, 245, 246);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 24px;
  padding: 32px 24px;
}

.BHousePerks_iconsContainer__hNzy5 {
  position: absolute;
  display: flex;
  bottom: 8px;
  left: 0;
  right: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  z-index: 5;
  pointer-events: auto;
}
.BHousePerks_iconsContainer__hNzy5::-webkit-scrollbar {
  display: none;
}

.BHousePerks_iconBlock__YKSvK {
  flex: 0 0 auto;
  scroll-snap-align: start;
  padding-left: 8px;
}

@media (min-width: 768px) {
  .BHousePerks_imageContainer__SHgTa {
    width: 100%;
    min-height: auto;
    height: auto;
    flex: 1 1 100%;
  }
  .BHousePerks_titleWrapper__qS6BR {
    font-size: 5em;
    transform: translate(-50%, -80%);
  }
  .BHousePerks_titleWrapper__qS6BR .BHousePerks_firstLine__i5ceY {
    margin: 0 calc(200px + var(--tablet-margin, 0px)) 0 0;
  }
  .BHousePerks_titleWrapper__qS6BR .BHousePerks_secondLine__eAPjS {
    margin: 0 0 0 calc(200px + var(--tablet-margin, 0px));
  }
}
@media (min-width: 1024px) {
  .BHousePerks_root__aonJq {
    padding: 0 40px;
    gap: 40px;
  }
  .BHousePerks_wrapperContainer__UobTg {
    max-height: 544px;
  }
  .BHousePerks_imageContainer__SHgTa {
    width: 100%;
    height: 100%;
    aspect-ratio: unset;
    max-height: unset;
  }
  .BHousePerks_titleWrapper__qS6BR {
    font-size: 80px;
  }
  .BHousePerks_amenitiesWrapper__A9gyW {
    position: absolute;
    bottom: 8px;
    right: 8px;
    left: 8px;
    width: calc(100% - 16px);
  }
  .BHousePerks_natureInfoContainer__cZtHN {
    flex-direction: row;
    border-radius: 16px;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    width: 100%;
  }
  .BHousePerks_iconsContainer__hNzy5 {
    top: 32px;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    overflow: visible;
    scroll-snap-type: none;
    gap: 8px;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
  }
  .BHousePerks_iconBlock__YKSvK {
    padding-left: 0;
    cursor: pointer;
  }
}
@media (min-width: 1440px) {
  .BHousePerks_wrapperContainer__UobTg {
    max-height: 800px;
  }
  .BHousePerks_titleWrapper__qS6BR {
    font-size: 120px;
  }
  .BHousePerks_titleWrapper__qS6BR .BHousePerks_firstLine__i5ceY {
    margin: 0 calc(300px + var(--desktop-margin, 0px)) 0 0;
  }
  .BHousePerks_titleWrapper__qS6BR .BHousePerks_secondLine__eAPjS {
    margin: 0 0 0 calc(300px + var(--desktop-margin, 0px));
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BHousePerks/components/BHousePerkInfoBlock/BHousePerkInfoBlock.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BHousePerkInfoBlock_block__2dlPJ {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 0;
  gap: 24px;
  border-bottom: 1px solid #e0e0e0;
}
.BHousePerkInfoBlock_block__2dlPJ:first-child {
  padding: 0 0 16px 0;
}
.BHousePerkInfoBlock_block__2dlPJ:last-child {
  border-bottom: none;
  padding: 16px 0 0 0;
}
.BHousePerkInfoBlock_block__2dlPJ .BHousePerkInfoBlock_icon__9Ah59 {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-grow: 0;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #141416;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.BHousePerkInfoBlock_block__2dlPJ .BHousePerkInfoBlock_description__1Nf8z {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #141416;
}

@media (min-width: 1024px) {
  .BHousePerkInfoBlock_block__2dlPJ {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px 30px;
    gap: 12px;
    border-bottom: none;
    border-right: 1px solid #FFFFFF;
    flex-basis: 0;
    flex-grow: 1;
  }
  .BHousePerkInfoBlock_block__2dlPJ:first-child {
    padding: 20px 30px;
  }
  .BHousePerkInfoBlock_block__2dlPJ:last-child {
    border-right: none;
    padding: 20px 30px;
  }
}
@media (min-width: 1440px) {
  .BHousePerkInfoBlock_description__1Nf8z {
    display: block;
    width: 70%;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BHousePerks/components/BHousePerkIconBlock/BHousePerkIconBlock.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BHousePerkIconBlock_block__MqoHx {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  background-color: #fff;
  border-radius: 28px;
  padding: 6px 12px 6px 6px;
  gap: 8px;
}

.BHousePerkIconBlock_icon__uoD2r {
  background-color: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.BHousePerkIconBlock_iconName__NZigu {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  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/BInvestBanner/BInvestBanner.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BInvestBanner_root__UT4g9 {
  width: 100%;
}

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

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

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

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

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

.BLocationBenefitsSlider_slide__ZCIWm {
  position: relative;
  width: 149px !important;
  border-radius: 24px;
  overflow: hidden;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0) 33.41%, rgba(0, 0, 0, 0.4) 100%), #f4f5f6;
}

.BLocationBenefitsSlider_imgBackground__aKk_D {
  object-fit: cover;
  border-radius: 24px;
}

.BLocationBenefitsSlider_imgFront__HnULo {
  object-fit: contain;
  display: block;
  height: -moz-fit-content;
  height: fit-content;
  width: inherit;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.BLocationBenefitsSlider_blackColor__6ta1W {
  color: #353945 !important;
}

.BLocationBenefitsSlider_title__crimW {
  position: absolute;
  left: 12px;
  right: 12px;
  top: 12px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  color: #ffffff;
  z-index: 4;
}

.BLocationBenefitsSlider_prevBtn__hwugu,
.BLocationBenefitsSlider_nextBtn__VQSWX {
  display: none;
}

@media (min-width: 1024px) {
  .BLocationBenefitsSlider_slider__MBLzW {
    height: 214px;
  }
  .BLocationBenefitsSlider_slide__ZCIWm {
    width: 213px !important;
    height: 214px;
  }
  .BLocationBenefitsSlider_imgBackground__aKk_D {
    height: 214px;
  }
  .BLocationBenefitsSlider_title__crimW {
    font-size: 16px;
    line-height: 18px;
    left: 16px;
    right: 16px;
    top: 16px;
  }
}
@media (min-width: 1440px) {
  .BLocationBenefitsSlider_slider__MBLzW {
    position: relative;
  }
  .BLocationBenefitsSlider_sliderContainer__g1rkK {
    position: relative;
  }
  .BLocationBenefitsSlider_prevBtn__hwugu,
  .BLocationBenefitsSlider_nextBtn__VQSWX {
    display: none;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 48px;
    z-index: 20;
    background-color: #fff;
  }
  .BLocationBenefitsSlider_prevBtn__hwugu {
    left: -20px;
  }
  .BLocationBenefitsSlider_nextBtn__VQSWX {
    right: -20px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BLocationRender/LocationTag/s.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_container__rEizk {
  display: flex;
  gap: 4px;
  pointer-events: none;
}
@media (min-width: 1440px) {
  .s_container__rEizk {
    flex-direction: row;
  }
}

.s_metroTag__zF6vo {
  height: 32px;
  padding: 4px 16px;
}
@media (max-width: 767px) {
  .s_metroTag__zF6vo {
    height: 24px;
    padding: 2px 12px;
  }
}

.s_customColor__G9KpV {
  color: white !important;
}
.s_customColor__G9KpV .s_metroText__If_zg,
.s_customColor__G9KpV .s_nameText___4Mu1,
.s_customColor__G9KpV .s_metroTimeTo__r5fHH,
.s_customColor__G9KpV .s_secondaryInfo__JNo8E,
.s_customColor__G9KpV .s_alternativeMetro__EGOYw {
  color: white;
}
.s_customColor__G9KpV .s_metroIcon__XHViN {
  color: white;
}
.s_customColor__G9KpV svg {
  color: white;
}

.s_metroCircle__GzLNz {
  width: 8px;
  height: 8px;
  border-radius: 48px;
  margin-right: 8px;
}

.s_metroText__If_zg {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0;
  color: #141416;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0;
  color: #141416;
}
@media (max-width: 767px) {
  .s_metroText__If_zg {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 0;
    color: #141416;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 0;
    color: #141416;
  }
}

.s_secondaryInfo__JNo8E {
  margin: 0 0 0 8px;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0;
  color: #707c8d;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0;
  color: #707c8d;
}
@media (max-width: 767px) {
  .s_secondaryInfo__JNo8E {
    margin-left: 6px;
    font-size: 11px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: 0;
    color: #707c8d;
    font-size: 11px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: 0;
    color: #707c8d;
  }
}

.s_alternativeMetro__EGOYw {
  display: flex;
  align-items: center;
  padding: 0 5px;
  border-radius: 1px;
  transform: skew(-20deg);
  transform-origin: left center;
}
.s_alternativeMetro__EGOYw .s_metroText__If_zg {
  color: white;
  font-weight: 500;
  margin: 0;
  white-space: nowrap;
  transform: skew(20deg);
  transform-origin: left center;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0;
  color: white;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0;
  color: white;
}
@media (max-width: 767px) {
  .s_alternativeMetro__EGOYw .s_metroText__If_zg {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: 0;
    color: white;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: 0;
    color: white;
  }
}

.s_nameText___4Mu1 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0;
  color: #141416;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0;
  color: #141416;
}
@media (max-width: 767px) {
  .s_nameText___4Mu1 {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 0;
    color: #141416;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 0;
    color: #141416;
  }
}

.s_iconWrapper__4_uSn {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .s_iconWrapper__4_uSn {
    width: 20px;
    height: 20px;
  }
}

.s_metroIcon__XHViN {
  color: #141416;
}

.s_metroTimeTo__r5fHH {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0;
  color: #141416;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0;
  color: #141416;
}
@media (max-width: 767px) {
  .s_metroTimeTo__r5fHH {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 0;
    color: #141416;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 0;
    color: #141416;
  }
}

.s_arrow__7yole {
  border: none;
  padding: 4px;
}

.s_arrow_direction_right__BC8h0 {
  transform: rotate(-90deg);
}

.s_arrow_direction_down__uVZf_ {
  transform: rotate(0deg);
}

.s_arrow_direction_left__yK3Y3 {
  transform: rotate(90deg);
}

.s_arrow_direction_up__gU_TQ {
  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/components/SwipeHint/s.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__LRqQ1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  width: 273px;
  height: 116px;
  border-radius: 20px;
  padding-inline: 24px;
  background-color: rgba(20, 20, 22, 0.5);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.s_root_hidden__1G_nJ {
  opacity: 0;
}
@media (min-width: 768px) {
  .s_root__LRqQ1 {
    display: none;
  }
}

.s_text__4jSIe {
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0;
  color: #ffffff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0;
  color: #ffffff;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BLocationRender/s.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__jrVkx {
  position: relative;
}

.s_title__51aXr {
  position: absolute;
  z-index: 3;
  top: 16px;
  left: 16px;
  width: 260px;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: white;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: white;
}
@media (min-width: 768px) {
  .s_title__51aXr {
    top: 40px;
    left: 40px;
  }
}
@media (min-width: 1440px) {
  .s_title__51aXr {
    font-size: 56px;
    line-height: 56px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: white;
    font-size: 56px;
    line-height: 56px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: white;
  }
}

.s_scroll__KiwdS {
  position: relative;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 768px) {
  .s_scroll__KiwdS {
    overflow-x: visible;
  }
}

.s_wrapperImage__95vlD {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: none;
  height: 580px;
  aspect-ratio: 16/9;
}
@media (min-width: 768px) {
  .s_wrapperImage__95vlD {
    width: 100vw;
    height: 100%;
    margin-inline: calc(50% - 50vw);
  }
}

.s_image__APMCn {
  object-fit: cover;
}

.s_location__fe3J_ {
  position: absolute;
  z-index: 2;
}

.s_hint__BK_fS {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 3;
}

.s_locationGroup__u1I7L {
  position: absolute;
  z-index: 2;
}

.s_locationGroupInner__QIAfk {
  position: relative;
  width: 100%;
  height: 100%;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BMapDomProject/s.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__Ge0OC {
  position: relative;
  width: calc(100% - 16px);
  height: 460px;
  border: 1px solid #E6E8EC;
  margin: 0 8px;
  border-radius: 24px;
}

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

.s_yamapContainer__inN_B {
  border-radius: 24px;
  pointer-events: none;
}
.s_yamapContainer__inN_B > div:last-child {
  display: none;
}

.s_openYandexMapBtn__6KnQM {
  position: absolute;
  bottom: 7px;
  left: 50%;
  transform: translate(-50%, 0);
}

.s_projectPin__5xjMj {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  z-index: 5;
  transform: translate(-50%, -50%);
  overflow: hidden;
  position: relative;
  background: #ffffff;
}

.s_projectPinImage__dhEHJ {
  position: relative;
  top: 2px;
  left: 2px;
  border-radius: 50%;
}

.s_options__yEC5A {
  position: relative;
  padding: 32px 16px 0;
}
.s_options__yEC5A .s_metroTag__hziFE {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: solid 1px #E6E8EC;
}
.s_options__yEC5A .s_metroTag__hziFE:first-child {
  padding-top: 0;
}
.s_options__yEC5A .s_metroTag__hziFE:last-child {
  border: unset;
  padding-bottom: unset;
}

.s_optionImg__R6ZJt {
  cursor: pointer;
}

.s_balloon___tdsn,
.s_environment__0e1Dl {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  cursor: pointer;
}

.s_mobileModalBaloon__dNvu9 {
  pointer-events: all;
}

.s_environment__0e1Dl {
  padding: 0;
  border: none;
}

.s_balloonWrapper__sMBfO {
  position: relative;
  display: inline-flex;
  width: max-content;
  top: -12px;
  left: -12px;
  cursor: pointer;
}
.s_balloonWrapper__sMBfO .s_environmentText__nGv_G {
  display: none;
  margin-left: 8px;
}
.s_balloonWrapper__sMBfO:hover {
  top: -17px;
  left: -17px;
  padding: 4px 14px 4px 4px;
  background-color: #ffffff;
  border-radius: 120px;
  border: 1px solid #e6e8ec;
}
.s_balloonWrapper__sMBfO:hover .s_environmentText__nGv_G {
  display: block;
}

.s_balloonOptionWrapper__9CwUK {
  position: relative;
  display: inline-flex;
  width: max-content;
  padding: 4px 14px 4px 4px;
  border-radius: 120px;
  border: 1px solid transparent;
}

.s_balloonOptionWrapperHovered__Po1Ku {
  background-color: #ffffff;
  border-radius: 120px;
  border: 1px solid #e6e8ec;
}

.s_textProp__s_bCD {
  display: none;
}

.s_textPropShown__xoChT {
  display: block;
}

.s_settingsMobile__n_JXR {
  display: none;
}

.s_openMapBtnMobile__UxFI9 {
  display: block;
}

.s_zoomControls__ksL_K {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translate(0, -50%);
  z-index: 3;
}

.s_zoomControlsHidden__m_CB7 {
  display: none;
}

.s_switcher__hfrXj {
  width: 351px;
  height: 48px;
  display: flex;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 7px;
  border-radius: 180px;
  border: 1px solid #E6E8EC;
  transform: translate(-50%, 0);
  background-color: rgba(244, 245, 246, 0.6);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  z-index: 3;
}

.s_switcherSlider__c93eS {
  position: absolute;
  left: 3px;
  width: 170px;
  height: 40px;
  transition: left 0.3s ease;
  border-radius: 48px;
  background: #ffffff;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.0392156863), 0px 2px 1px 0px rgba(0, 0, 0, 0.0117647059), 0px 3px 1px 0px rgba(0, 0, 0, 0);
}

.s_switcherItem__vhrnp {
  position: relative;
  width: 50%;
  font-size: 14px;
  line-height: 48px;
  font-weight: 500;
  text-align: center;
  color: #777E90;
  cursor: pointer;
}

.s_switcherItemActive__Y3VTj {
  color: #141416;
}

.s_switcherSliderActive__ZJuBc {
  left: calc(100% - 173px);
  transition: left 0.3s ease;
}

.s_switcherVisibleHint__Ptb89 {
  border: 1px solid #015FF9;
}

.s_switcherHint__2lT3M {
  position: absolute;
  left: 50%;
  bottom: -44px;
  transform: translate(-50%, 0);
  width: max-content;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  padding: 6px 12px;
  border-radius: 6px;
  color: #FFFFFF;
  background: #015FF9;
}
.s_switcherHint__2lT3M::after {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  height: 8px;
  background: #015FF9;
  -webkit-clip-path: path("M 0 8 C 3 8, 6 0, 8 0 C 10 0, 13 8, 16 8 Z");
          clip-path: path("M 0 8 C 3 8, 6 0, 8 0 C 10 0, 13 8, 16 8 Z");
}

.s_genPlan__t5P52 {
  width: 89.1%;
  max-width: 100%;
  object-fit: contain;
  height: auto;
  max-height: 314px;
}

@media (min-width: 1024px) {
  .s_root__Ge0OC {
    height: 640px;
  }
  .s_settingsMobile__n_JXR {
    display: block;
  }
  .s_openMapBtnMobile__UxFI9 {
    display: none;
  }
  .s_yamapContainerModal__OPyf5 {
    pointer-events: all;
  }
  .s_balloon___tdsn,
  .s_environment__0e1Dl {
    pointer-events: all;
  }
  .s_zoomControlsHidden__m_CB7 {
    display: block;
  }
  .s_switcher__hfrXj {
    width: 220px;
    top: unset;
    bottom: 8px;
  }
  .s_switcherSlider__c93eS {
    width: 105px;
  }
  .s_switcherSliderActive__ZJuBc {
    left: calc(100% - 108px);
  }
  .s_switcherHint__2lT3M {
    bottom: unset;
    top: -44px;
  }
  .s_switcherHint__2lT3M::after {
    top: unset;
    bottom: -8px;
    transform: translateX(-50%) rotate(180deg);
  }
  .s_genPlan__t5P52 {
    width: 83%;
    max-height: 500px;
  }
}
@media (min-width: 1440px) {
  .s_root__Ge0OC {
    height: 888px;
  }
  .s_genPlan__t5P52 {
    width: 85%;
    max-height: 680px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/MapSettings/style.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_root__umrEm {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.style_settingsWrapper__1QuJ7 {
  gap: 8px;
  position: relative;
  display: flex;
  bottom: 0;
  padding: 0 0 16px 0;
  left: 50%;
  width: max-content;
  transform: translate(-50%, 0);
  z-index: 3;
}

.style_settings__a43j5,
.style_metroSettings__qTsnP {
  position: relative;
  display: none;
  flex-direction: column;
  width: 100%;
  gap: 32px;
  padding: 24px;
  bottom: 0;
  left: 0;
  z-index: 4;
  border-radius: 24px;
  border: 1px solid #e6e8ec;
  background: #ffffff;
}

.style_metroTag__OqPoZ {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.style_metroTag__OqPoZ:not(:last-child)::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -16px;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #F4F5F6;
}

.style_metroTag__OqPoZ:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}

.style_settings_opened__BLp5X {
  display: flex;
}

.style_settingItem__voedB {
  position: relative;
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  gap: 12px;
  align-items: center;
}
.style_settingItem__voedB:not(:last-child)::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -16px;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #F4F5F6;
}
.style_settingItem__voedB > div:last-child {
  margin-left: auto;
}

.style_settingsTitle__ronU0 {
  margin: 0;
}

.style_isMetroOpened__w2E5O,
.style_settingsOpened__J_fGp {
  border: 1px solid #141416;
}

@media (min-width: 1024px) {
  .style_root__umrEm {
    flex-direction: column-reverse;
    width: max-content;
    bottom: 8px;
    left: 8px;
  }
  .style_settingsWrapper__1QuJ7 {
    padding: 8px 0 0 0;
    left: 0;
    transform: unset;
  }
  .style_settings__a43j5,
  .style_metroSettings__qTsnP {
    width: 375px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/Hint/s.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root___fXJ5 {
  position: absolute;
  top: -90%;
  left: -50%;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  width: max-content;
  padding: 12px 16px;
  border-radius: 12px;
  background: #015FF9;
  color: #ffffff;
  z-index: 1;
}
.s_root___fXJ5::before {
  bottom: -6px;
  left: 52%;
  content: "";
  display: block;
  height: 16px;
  width: 12px;
  background-color: inherit;
  border: inherit;
  position: absolute;
  transform: rotate(-50deg);
  -webkit-clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
  border-radius: 0 0 0 4px;
}

@media (min-width: 1024px) {
  .s_root___fXJ5 {
    top: unset;
    left: calc(100% + 13px);
  }
  .s_root___fXJ5::before {
    top: 11px;
    left: -3px;
    transform: rotate(45deg);
  }
}
@media (min-width: 1440px) {
  .s_root___fXJ5 {
    font-size: 14px;
    line-height: 20px;
    padding: 14px 16px;
  }
  .s_root___fXJ5::before {
    top: 15px;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BMapDomProject/BProjectModalMap/s.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__JOp_T {
  z-index: 106;
}

.s_modalBody__uByPX {
  inset: 0;
  background: #ffffff;
}

.s_projectPin__QsQXE {
  position: relative;
  z-index: 5;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  background: #ffffff;
}

.s_projectPinImage__a08E_ {
  object-fit: cover;
}

.s_modalCloseBtn__SvCAJ {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
}

.s_options__bunWw {
  position: relative;
  padding: 32px 16px 0;
}
.s_options__bunWw .s_metroTag__z8hYa {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: solid 1px #e6e8ec;
}
.s_options__bunWw .s_metroTag__z8hYa:first-child {
  padding-top: 0;
}
.s_options__bunWw .s_metroTag__z8hYa:last-child {
  border: unset;
  padding-bottom: unset;
}

.s_optionImg__vNe97 {
  cursor: pointer;
}

.s_yamapContainer__dyegr {
  border-radius: 24px;
}
.s_yamapContainer__dyegr > :last-child {
  display: none;
}

.s_balloon__p7NP_,
.s_environment__C75rt {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.s_balloonColor__I8Zx_ {
  width: 16px;
  height: 16px;
  border-radius: 100%;
}

.s_environment__C75rt {
  padding: 0;
  border: none;
}

.s_balloonWrapper__FqfHo {
  position: relative;
  display: inline-flex;
  width: max-content;
  top: -12px;
  left: -12px;
  cursor: pointer;
}
.s_balloonWrapper__FqfHo .s_environmentText__QSPhp {
  display: none;
  margin-left: 8px;
}
.s_balloonWrapper__FqfHo:hover {
  top: -17px;
  left: -17px;
  padding: 4px 14px 4px 4px;
  background-color: #ffffff;
  border-radius: 120px;
  border: 1px solid #e6e8ec;
}
.s_balloonWrapper__FqfHo:hover .s_environmentText__QSPhp {
  display: block;
}

.s_balloonOptionWrapper__z_UOP {
  position: relative;
  display: inline-flex;
  width: max-content;
  padding: 4px 14px 4px 4px;
  border-radius: 120px;
  border: 1px solid transparent;
}

.s_balloonOptionWrapperHovered__q9rD5 {
  background-color: #ffffff;
  border-radius: 120px;
  border: 1px solid #e6e8ec;
}

.s_textProp__DrzZN {
  display: none;
}

.s_textPropShown__MqBMu {
  display: block;
}

.s_zoomControls__vuQhk {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translate(0, -50%);
  z-index: 3;
}

.s_closeBtn__lpuqo {
  background: none;
  border: none;
  cursor: pointer;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 16px;
  top: 16px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BOfficeProjectMap/s.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__Rj7fP {
  position: relative;
  width: 100%;
  height: 460px;
}

.s_yamapContainer__BKrLi {
  border-radius: 24px;
  pointer-events: none;
}
.s_yamapContainer__BKrLi > div:last-child {
  display: none;
}
.s_yamapContainer__BKrLi {
  /* unused-css-ignore */
}
.s_yamapContainer__BKrLi .ymaps3--controls.ymaps3--controls_bottom.ymaps3--controls_left.ymaps3--controls_horizontal {
  display: none !important;
}

.s_openYandexMapBtn__idx3F {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0);
}

.s_projectPin__8GYbd {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  z-index: 5;
  transform: translate(-50%, -50%);
  overflow: hidden;
  position: relative;
  background: #ffffff;
}

.s_projectPinImage___2EZ8 {
  position: relative;
  top: 2px;
  left: 2px;
  border-radius: 50%;
}

.s_options__6GYCb {
  position: relative;
  padding: 32px 16px 0;
}
.s_options__6GYCb .s_metroTag__62E_u {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: solid 1px #E6E8EC;
}
.s_options__6GYCb .s_metroTag__62E_u:first-child {
  padding-top: 0;
}
.s_options__6GYCb .s_metroTag__62E_u:last-child {
  border: unset;
  padding-bottom: unset;
}

.s_optionImg__vBGY_ {
  cursor: pointer;
}

.s_balloon__JzZvH,
.s_environment__9er05 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  cursor: pointer;
}

.s_mobileModalBaloon__rLxeo {
  pointer-events: all;
}

.s_environment__9er05 {
  padding: 0;
  border: none;
}

.s_balloonWrapper__Hixs_ {
  position: relative;
  display: inline-flex;
  width: max-content;
  top: -12px;
  left: -12px;
  cursor: pointer;
}
.s_balloonWrapper__Hixs_ .s_environmentText__yknhQ {
  display: none;
  margin-left: 8px;
}
.s_balloonWrapper__Hixs_:hover {
  top: -17px;
  left: -17px;
  padding: 4px 14px 4px 4px;
  background-color: #ffffff;
  border-radius: 120px;
  border: 1px solid #e6e8ec;
}
.s_balloonWrapper__Hixs_:hover .s_environmentText__yknhQ {
  display: block;
}

.s_balloonOptionWrapper__9jwUI {
  position: relative;
  display: inline-flex;
  width: max-content;
  padding: 4px 14px 4px 4px;
  border-radius: 120px;
  border: 1px solid transparent;
}

.s_balloonOptionWrapperHovered__nr9DQ {
  background-color: #ffffff;
  border-radius: 120px;
  border: 1px solid #e6e8ec;
}

.s_textProp__NVMGq {
  display: none;
}

.s_textPropShown__jcoIP {
  display: block;
}

.s_settingsMobile__Tg31N {
  display: none;
}

.s_openMapBtnMobile__qt0VS {
  display: block;
}

.s_zoomControls__o3TYj {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translate(0, -50%);
  z-index: 3;
}

.s_zoomControlsHidden__vA_0K {
  display: none;
}

@media (min-width: 1024px) {
  .s_root__Rj7fP {
    height: 400px;
  }
  .s_settingsMobile__Tg31N {
    display: block;
  }
  .s_openMapBtnMobile__qt0VS {
    display: none;
  }
  .s_yamapContainerModal__z0SmY {
    pointer-events: all;
  }
  .s_balloon__JzZvH,
  .s_environment__9er05 {
    pointer-events: all;
  }
  .s_zoomControlsHidden__vA_0K {
    display: block;
  }
}
@media (min-width: 1440px) {
  .s_root__Rj7fP {
    height: 580px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BOfficeProjectMap/BProjectModalMap/s.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__7kjFW {
  width: 100%;
  background: #ffffff;
  height: 100vh;
}
@supports (height: 100dvh) {
  .s_root__7kjFW {
    height: 100dvh;
  }
}
.s_root__7kjFW {
  z-index: 111;
  position: fixed;
  top: 0;
  left: 0;
}

.s_projectPin__b47Zp {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  z-index: 5;
  transform: translate(-50%, -50%);
  overflow: hidden;
  position: relative;
  background: #ffffff;
}

.s_projectPinImage__3eg_A {
  position: relative;
  top: 2px;
  left: 2px;
  border-radius: 50%;
}

.s_modalCloseBtn__n0OeD {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #141416;
  color: #ffffff;
  z-index: 10;
  cursor: pointer;
}
.s_modalCloseBtn__n0OeD:active {
  opacity: 0.8;
}

.s_options__UYuiL {
  position: relative;
  padding: 32px 16px 0;
}
.s_options__UYuiL .s_metroTag__ULBi6 {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: solid 1px #e6e8ec;
}
.s_options__UYuiL .s_metroTag__ULBi6:first-child {
  padding-top: 0;
}
.s_options__UYuiL .s_metroTag__ULBi6:last-child {
  border: unset;
  padding-bottom: unset;
}

.s_optionImg__tAlCB {
  cursor: pointer;
}

.s_yamapContainer__dP_xP {
  border-radius: 24px;
}
.s_yamapContainer__dP_xP > div:last-child {
  display: none;
}

.s_balloon__j42sr,
.s_environment__nDXOv {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.s_environment__nDXOv {
  padding: 0;
  border: none;
}

.s_balloonWrapper__bRbEp {
  position: relative;
  display: inline-flex;
  width: max-content;
  top: -12px;
  left: -12px;
  cursor: pointer;
}
.s_balloonWrapper__bRbEp .s_environmentText__Jd0KU {
  display: none;
  margin-left: 8px;
}
.s_balloonWrapper__bRbEp:hover {
  top: -17px;
  left: -17px;
  padding: 4px 14px 4px 4px;
  background-color: #ffffff;
  border-radius: 120px;
  border: 1px solid #e6e8ec;
}
.s_balloonWrapper__bRbEp:hover .s_environmentText__Jd0KU {
  display: block;
}

.s_balloonOptionWrapper__vyux8 {
  position: relative;
  display: inline-flex;
  width: max-content;
  padding: 4px 14px 4px 4px;
  border-radius: 120px;
  border: 1px solid transparent;
}

.s_balloonOptionWrapperHovered__MtrPI {
  background-color: #ffffff;
  border-radius: 120px;
  border: 1px solid #e6e8ec;
}

.s_textProp__2AJal {
  display: none;
}

.s_textPropShown__O_jUD {
  display: block;
}

.s_zoomControls__jC_X5 {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translate(0, -50%);
  z-index: 3;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BProjectDesign/s.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__2o1Xh {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}

.s_titleWrapper__y3F3m {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 0 0 16px;
}

.s_title__Tu9Qt {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #141416;
}

@media (min-width: 1024px) {
  .s_root__2o1Xh {
    gap: 32px;
  }
  .s_titleWrapper__y3F3m {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 16px;
    padding: 0 40px;
  }
}
@media (min-width: 1440px) {
  .s_root__2o1Xh {
    gap: 40px;
  }
  .s_title__Tu9Qt {
    font-size: 32px;
    line-height: 40px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BProjectDesign/components/BDesignSlider/s.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_slider__IC9kY {
  width: 100%;
  height: 268px;
}

.s_slide__J_L0B {
  position: relative;
  width: 283px !important;
  border-radius: 24px;
}

.s_img__zAPDq {
  object-fit: cover;
  border-radius: 24px;
}

.s_imgShade__lhaNO {
  top: 0;
  border-radius: 24px;
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.4) 10%, rgba(0, 0, 0, 0) 20%);
}

.s_description___eiy5 {
  position: absolute;
  left: 16px;
  bottom: 16px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #FFFFFF;
  z-index: 4;
}

.s_prevBtn__4EUEU,
.s_nextBtn__avX3_ {
  display: none;
}

@media (min-width: 1024px) {
  .s_slider__IC9kY {
    height: 290px;
  }
  .s_slide__J_L0B {
    width: 384px !important;
    height: 290px;
    cursor: pointer;
  }
  .s_img__zAPDq {
    width: 384px;
    height: 290px;
  }
  .s_description___eiy5 {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .s_slider__IC9kY {
    position: relative;
    height: 420px;
  }
  .s_slide__J_L0B {
    width: 443px !important;
    height: 420px;
  }
  .s_img__zAPDq {
    width: 443px;
    height: 420px;
  }
  .s_description___eiy5 {
    font-size: 16px;
    line-height: 24px;
  }
  .s_prevBtn__4EUEU,
  .s_nextBtn__avX3_ {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 56px;
    width: 48px;
    z-index: 4;
  }
  .s_nextBtn__avX3_ {
    left: unset;
    right: 56px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BMobileSwiper/s.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_slider__feVFY {
  display: flex;
  width: 100%;
}

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

.s_desktopList__2IMLC {
  display: none;
}

.s_slide__eXfjp {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 63.733333vw !important;
  height: auto;
  padding: 15px;
  border-radius: 16px;
  border: 1px solid #E6E8EC;
  background: #FFFFFF;
}
.s_slide__eXfjp:has(input:checked) {
  border: 1px solid #015FF9;
}

.s_soloSlide__eqCoW {
  width: 100% !important;
}

.s_slideProfit__0pQAO {
  position: relative;
  border: 1px solid #353945;
  background: #23262F;
}

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

.s_paginationBullet__8LkMP {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #B1B5C3;
}

.s_paginationBulletActive__5bmZT {
  background: #141416;
}

.s_paginationHide__ltBNW {
  display: none;
}

@media (min-width: 1024px) {
  .s_desktopList__2IMLC {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .s_slider__feVFY {
    display: none;
  }
  .s_slide__eXfjp {
    flex-direction: row;
    align-items: stretch;
    width: 100% !important;
    max-width: 100%;
    flex-wrap: wrap;
    padding: 0 0 0 30px;
  }
  .s_pagination__L_JMI {
    display: none;
  }
}
@media (min-width: 1440px) {
  .s_slide__eXfjp {
    padding: 0 0 0 42px;
    border-radius: 16px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BMobileSwiper/SlideContent/s.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_programLabel__w73Yc {
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 100%;
}
.s_programLabel__w73Yc 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;
}

.s_profitMark__8Rs8m {
  position: absolute;
  top: -1px;
  left: 50%;
  padding: 2px 16px;
  transform: translate(-50%, 0);
  text-transform: lowercase;
  color: #23262f;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.s_profitMarkClickable__c4tfJ {
  left: unset;
  right: 0;
  transform: unset;
}

.s_profitText__d6IYz {
  position: relative;
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
  text-align: center;
  z-index: 2;
}

.s_profitBackground__8qxOU {
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  min-width: 71px;
  min-height: 16px;
  transform: translate(-50%, 0);
  z-index: 1;
}

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

.s_mobileLongTitle__J_fzM {
  min-height: 48px;
}

.s_title__H3L4X {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #353945;
}

.s_titleProfit__myUXI {
  color: #ffffff;
}

.s_conditionsList__TUifV {
  display: flex;
  flex-direction: column;
}

.s_conditionTitle__qknD9 {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  color: #777e90;
}

.s_conditionsItem__Yj2Rk {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  padding: 10px 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  width: 100%;
  color: #353945;
}
.s_conditionsItem__Yj2Rk:not(:last-child) {
  border-bottom: 1px solid #e6e8ec;
}
.s_conditionsItem__Yj2Rk:first-child {
  padding: 0 0 9px 0;
}
.s_conditionsItem__Yj2Rk:last-child {
  padding: 9px 0 0 0;
}

.s_conditionsItemProfit__DRzpl {
  color: #ffffff;
}
.s_conditionsItemProfit__DRzpl:not(:last-child) {
  border-bottom: 1px solid #353945;
}

.s_conditionItemEmpty__FT5LL {
  color: #b1b5c3;
}

.s_conditionItemBlur__awF1k {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 54px;
  height: 24px;
  filter: blur(24px);
  opacity: 0.5;
  background: #ffffff;
}

.s_pseudoBtn__9Qh2v {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 16px;
  width: 100%;
  height: 32px;
  border-radius: 48px;
  color: #777e90;
  background: #f4f5f6;
  margin-top: auto;
}

.s_pseudoBtnClean__5_Nss {
  width: 100%;
  height: 32px;
  border-radius: 48px;
  border: 1px solid #f4f5f6;
  margin-top: auto;
}

@media (min-width: 1024px) {
  .s_programLabel__w73Yc {
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    gap: 0;
    padding: 0;
    cursor: pointer;
  }
  .s_programLabel__w73Yc:has(input:checked) .s_conditionsItem__Yj2Rk:not(:last-child) {
    border-bottom: unset;
  }
  .s_checkBox__fzdD9 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
  }
  .s_checkBoxCircle__cxaSX {
    width: 20px;
    height: 20px;
    position: relative;
  }
  .s_checkBoxCircleHide__AXcE3 {
    display: none;
  }
  .s_programLabel__w73Yc:has(input:checked) .s_checkBoxCircle__cxaSX::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("/image/addChecked.svg");
    background-size: 20px 20px;
    background-repeat: no-repeat;
  }
  .s_programLabel__w73Yc:has(input:not(:checked)) .s_checkBoxCircle__cxaSX::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("/image/addUnchecked.svg");
    background-size: 20px 20px;
    background-repeat: no-repeat;
  }
  .s_titleWrapper__6Yskm {
    flex-direction: row;
    align-items: center;
    padding: 31px 5px 31px 0;
    width: 198px;
  }
  .s_title__H3L4X {
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    min-height: unset;
  }
  .s_conditionsList__TUifV {
    flex-direction: row;
    margin: 0;
    flex: 1 1;
  }
  .s_conditionTitle__qknD9 {
    display: none;
  }
  .s_conditionsItem__Yj2Rk {
    padding: 0;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .s_conditionsItem__Yj2Rk:first-child, .s_conditionsItem__Yj2Rk:last-child {
    padding: 0;
  }
  .s_conditionsItem__Yj2Rk:nth-child(n+1) {
    border-left: 1px solid #e6e8ec;
  }
  .s_conditionsItem__Yj2Rk:not(:last-child) {
    border-bottom: unset;
  }
  .s_conditionsItemProfit__DRzpl {
    color: #ffffff;
  }
  .s_conditionsItemProfit__DRzpl:nth-child(n+1) {
    border-left: 1px solid #353945;
  }
  .s_conditionItemBlur__awF1k {
    display: none;
  }
  .s_profitMarkClickable__c4tfJ {
    left: 50%;
    right: unset;
    transform: translate(-50%, 0%);
  }
  .s_pseudoBtn__9Qh2v,
  .s_pseudoBtnClean__5_Nss {
    display: none;
  }
}
@media (min-width: 1440px) {
  .s_titleWrapper__6Yskm {
    padding: 43px 10px 43px 0;
    width: 252px;
  }
  .s_title__H3L4X {
    font-size: 18px;
    line-height: 24px;
  }
  .s_checkBox__fzdD9 {
    width: 24px;
    height: 24px;
  }
  .s_checkBoxCircle__cxaSX {
    width: 24px;
    height: 24px;
  }
  .s_programLabel__w73Yc:has(input:checked) .s_checkBoxCircle__cxaSX::before {
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
  }
  .s_programLabel__w73Yc:has(input:not(:checked)) .s_checkBoxCircle__cxaSX::before {
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
  }
  .s_conditionsItem__Yj2Rk {
    font-size: 18px;
    line-height: 24px;
    padding: 0 30px;
  }
  .s_conditionsItem__Yj2Rk:first-child, .s_conditionsItem__Yj2Rk:last-child {
    padding: 0 30px;
  }
  .s_profitText__d6IYz {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
  }
  .s_profitBackground__8qxOU {
    min-width: 87px;
    min-height: 20px;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BPurchase/s.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__kEOUF {
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.s_desktopTitle__goCTf {
  display: none;
}

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

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

.s_formWrapper__olz3_ {
  padding: 0 20px;
}

.s_swiperShadow__SmY1D {
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 100%;
  background: linear-gradient(90deg, rgba(244, 245, 246, 0) 0%, #F4F5F6 100%);
  z-index: 1;
}

.s_fixBlock__zUvEN {
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1;
  padding: 0 0 20px 0;
  min-width: 106px;
  display: none;
}

.s_fixTitle__aeFuF {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
  font-weight: 400;
  margin: 0;
  padding: 0 0 0 24px;
  color: #141416;
}

.s_fixConditionsList__B2kJG {
  margin: auto 0 0 0;
}

.s_fixConditionsItem__nEX4O {
  display: flex;
  align-items: center;
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  padding: 21px 0;
  color: #777e90;
}
.s_fixConditionsItem__nEX4O:not(:last-child) {
  border-bottom: 1px solid #e6e8ec;
}

.s_fixConditionsItemFirst__gN__d {
  display: none;
}

.s_fixConditionsHeight__BVBoi {
  min-height: 79px;
}

.s_tabSelect__0OkrX {
  border: none !important;
}

.s_purchaseTitle__cQOqe {
  font-size: 32px;
  line-height: 32px;
  padding-left: 16px;
}

.s_tab__R58ns div {
  font-size: 12px !important;
}

.s_tabWrapper__CFZ6Q {
  padding-left: 16px;
}

.s_tabSelect__0OkrX label {
  background-color: #f4f5f6;
  padding: 8px 16px;
  height: 32px !important;
  min-height: unset;
}

@media (min-width: 1024px) {
  .s_root__kEOUF {
    gap: 48px;
    padding: 0 40px;
  }
  .s_desktopTitle__goCTf {
    font-size: 32px;
    line-height: 32px;
    font-weight: 400;
    letter-spacing: -0.01em;
    display: block;
  }
  .s_wrapper___f8H4 {
    padding: 40px;
  }
  .s_sliderWrapper__JNBI7 {
    flex-direction: column;
    gap: 16px;
    padding: 0;
    min-height: unset;
  }
  .s_formWrapper__olz3_ {
    padding: 0;
  }
  .s_swiperShadow__SmY1D {
    display: none;
  }
  .s_fixBlock__zUvEN {
    display: flex;
    flex-direction: row;
    padding: 0 0 0 32px;
  }
  .s_mobileFixBlock__Me8vB {
    display: none;
  }
  .s_fixTitle__aeFuF {
    display: none;
  }
  .s_fixConditionsList__B2kJG {
    display: flex;
    width: 100%;
    margin: 0;
  }
  .s_fixConditionsItem__nEX4O {
    display: block;
    font-size: 12px;
    line-height: 16px;
    padding: 0 5px;
    flex: 1 1;
    text-align: center;
  }
  .s_fixConditionsItem__nEX4O:not(:last-child) {
    border-bottom: unset;
  }
  .s_fixConditionsItemFirst__gN__d {
    display: block;
    flex: 0 1;
    padding: 0;
    text-align: left;
    min-width: 198px;
  }
  .s_fixConditionsHeight__BVBoi {
    min-height: unset;
  }
  .s_purchaseTitle__cQOqe {
    font-size: 48px;
    line-height: 48px;
    padding-left: 0;
  }
  .s_tabWrapper__CFZ6Q {
    padding-left: 0;
  }
}
@media (min-width: 1440px) {
  .s_desktopTitle__goCTf {
    font-size: 40px;
    line-height: 40px;
  }
  .s_wrapper___f8H4 {
    padding: 40px;
  }
  .s_sliderWrapper__JNBI7 {
    gap: 24px;
  }
  .s_fixConditionsItem__nEX4O {
    font-size: 14px;
    line-height: 20px;
  }
  .s_fixConditionsItemFirst__gN__d {
    min-width: 262px;
  }
  .s_tabSelect__0OkrX label {
    padding: 10px 24px;
    height: 40px !important;
    min-height: unset;
  }
  .s_tab__R58ns div {
    font-size: 14px !important;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BPurchase/components/BPurchaseForm/BPurchaseForm.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BPurchaseForm_topForm__yYlYo {
  padding: 0 !important;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .BPurchaseForm_topForm__yYlYo {
    margin-inline: auto;
    max-width: 1055px;
  }
}

.BPurchaseForm_fieldsWrapper__79nkM {
  gap: 12px !important;
}

@media (min-width: 1024px) {
  .BPurchaseForm_phone__rw9yL,
  .BPurchaseForm_name__PMCXx,
  .BPurchaseForm_btn__qrLk3 {
    max-width: unset !important;
    min-width: unset !important;
  }
  .BPurchaseForm_phone__rw9yL,
  .BPurchaseForm_name__PMCXx {
    width: 25% !important;
  }
  .BPurchaseForm_btn__qrLk3 {
    width: 50% !important;
  }
}
.BPurchaseForm_checkbox__xJvPk {
  padding: 0 !important;
  border: none !important;
}

.BPurchaseForm_policyText__Nv4W2 {
  font-size: 12px !important;
  line-height: 16px !important;
  color: #353945;
}
.BPurchaseForm_policyText__Nv4W2 > a {
  color: #353945;
}

.BPurchaseForm_title__vjylf {
  display: none;
}

.BPurchaseForm_subtitle__aQ2LD {
  display: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/FullScreenModal/s.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_modal__MR9FT {
  background: #141416;
  z-index: 111;
}

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

.s_closeBtn__Tg6lO {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 9px;
  z-index: 3;
}
@media (min-width: 768px) {
  .s_closeBtn__Tg6lO {
    top: 16px;
    right: 16px;
  }
}
@media (min-width: 1440px) {
  .s_closeBtn__Tg6lO {
    width: 48px;
    height: 48px;
  }
  .s_closeBtn__Tg6lO > div, .s_closeBtn__Tg6lO svg {
    width: 24px;
    height: 24px;
  }
}

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

.s_img__6H12a {
  object-fit: contain;
}

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

.s_sliderCounter__TEByV {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translate(-50%);
  padding: 10px 16px;
  border-radius: 48px;
  background: #141416;
  z-index: 1;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0;
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0;
  color: #ffffff;
}
@media (min-width: 768px) {
  .s_sliderCounter__TEByV {
    bottom: 16px;
  }
}
@media (min-width: 1440px) {
  .s_sliderCounter__TEByV {
    position: absolute;
    padding: 12px 24px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 0;
    color: #ffffff;
  }
}

.s_prevBtn__08_jS,
.s_nextBtn__CcMVo {
  display: none;
}
@media (min-width: 768px) {
  .s_prevBtn__08_jS,
  .s_nextBtn__CcMVo {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
    width: 40px;
    z-index: 1;
  }
}
@media (min-width: 1440px) {
  .s_prevBtn__08_jS,
  .s_nextBtn__CcMVo {
    width: 48px;
    padding: 0;
  }
  .s_prevBtn__08_jS > div, .s_prevBtn__08_jS svg,
  .s_nextBtn__CcMVo > div,
  .s_nextBtn__CcMVo svg {
    width: 24px;
    height: 24px;
  }
}

.s_nextBtn__CcMVo {
  left: unset;
  right: 16px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BRenders/s.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_fullBleed__iTOy_ {
  width: 100vw;
  margin-inline: calc(50% - 50vw);
}

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

.s_wrapperImage__p8zjm {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 580px;
}
@media (min-width: 768px) {
  .s_wrapperImage__p8zjm {
    height: 100%;
    aspect-ratio: 16/9;
  }
}

.s_image__bCDwp {
  object-fit: cover;
}

.s_control__xA4Bt {
  position: absolute;
  display: flex;
  gap: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 4;
}
@media (min-width: 768px) {
  .s_control__xA4Bt {
    right: 40px;
    bottom: 40px;
  }
}

.s_controlsBtn__aqIJT {
  width: 40px;
  height: 40px;
}
@media (min-width: 1440px) {
  .s_controlsBtn__aqIJT {
    width: 48px;
    height: 48px;
  }
}
.s_controlsBtn__aqIJT svg, .s_controlsBtn__aqIJT div {
  width: 20px !important;
  height: 20px !important;
}
.s_controlsBtn__aqIJT:disabled {
  opacity: 0.5;
  pointer-events: none;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BRetailDetailedList/BRetailDetail/BRetailDetail.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BRetailDetail_b-retail-detail__EqEXI {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr;
  grid-template-areas: "text" "image" "square-options" "features" "button";
  grid-row-gap: 24px;
  row-gap: 24px;
}
@media (min-width: 768px) {
  .BRetailDetail_b-retail-detail__EqEXI {
    grid-template-columns: 384fr 464fr;
    grid-template-areas: "text image" "square-options image" "button image" "features features";
    column-gap: 48px;
    row-gap: 0;
  }
}
@media (min-width: 1024px) {
  .BRetailDetail_b-retail-detail__EqEXI {
    column-gap: 96px;
  }
}
@media (min-width: 1440px) {
  .BRetailDetail_b-retail-detail__EqEXI {
    grid-template-columns: 443fr 787fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "text image" "square-options image" "button features";
    column-gap: 130px;
  }
}
@media (min-width: 768px) {
  .BRetailDetail_b-retail-detail_reversed__R8way {
    grid-template-columns: 464fr 384fr;
    grid-template-areas: "image text" "image square-options" "image button" "features features";
  }
}
@media (min-width: 1440px) {
  .BRetailDetail_b-retail-detail_reversed__R8way {
    grid-template-columns: 787fr 443fr;
    grid-template-areas: "image text" "image square-options" "features button";
  }
}
.BRetailDetail_b-retail-detail__header__NcNYL {
  grid-area: text;
}
.BRetailDetail_b-retail-detail__square-options__mzzce {
  grid-area: square-options;
}
@media (min-width: 768px) {
  .BRetailDetail_b-retail-detail__square-options__mzzce {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .BRetailDetail_b-retail-detail__square-options__mzzce {
    margin-top: 32px;
  }
}
.BRetailDetail_b-retail-detail__features-list__XYDFT {
  grid-area: features;
}
@media (min-width: 768px) {
  .BRetailDetail_b-retail-detail__features-list__XYDFT {
    margin-top: 40px;
  }
}
@media (min-width: 1440px) {
  .BRetailDetail_b-retail-detail__features-list__XYDFT {
    margin-top: 38px;
  }
}
.BRetailDetail_b-retail-detail__button__gtYBv {
  grid-area: button;
}
@media (min-width: 768px) {
  .BRetailDetail_b-retail-detail__button__gtYBv {
    align-self: end;
  }
}
.BRetailDetail_b-retail-detail__title__YErzM {
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #141416;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #141416;
  margin-bottom: 24px;
  max-width: 300px;
}
@media (min-width: 475px) {
  .BRetailDetail_b-retail-detail__title__YErzM {
    max-width: unset;
  }
}
@media (min-width: 1440px) {
  .BRetailDetail_b-retail-detail__title__YErzM {
    font-size: 56px;
    line-height: 56px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #141416;
    font-size: 56px;
    line-height: 56px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #141416;
    margin-bottom: 32px;
  }
}
.BRetailDetail_b-retail-detail__image__hvjko {
  grid-area: image;
  border-radius: 24px;
  object-fit: cover;
  height: 240px;
}
@media (min-width: 768px) {
  .BRetailDetail_b-retail-detail__image__hvjko {
    height: 100%;
    min-height: 464px;
  }
}
@media (min-width: 1440px) {
  .BRetailDetail_b-retail-detail__image__hvjko {
    min-height: 450px;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BRetailDetailedList/BRetailDetail/FeaturesList/FeaturesList.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FeaturesList_features-list__u038h {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 768px) {
  .FeaturesList_features-list__u038h {
    flex-direction: row;
    justify-content: space-between;
    gap: 16px;
  }
}
.FeaturesList_features-list__item__6KAmX {
  display: flex;
  gap: 15px;
  align-items: center;
}
@media (min-width: 768px) {
  .FeaturesList_features-list__item__6KAmX {
    flex-direction: column;
    gap: 22px;
    text-align: center;
    width: 224px;
  }
}
@media (min-width: 1440px) {
  .FeaturesList_features-list__item__6KAmX {
    gap: 24px;
    width: 185px;
  }
}
.FeaturesList_features-list__text__x5u0e {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0;
  color: #141416;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0;
  color: #141416;
}
@media (min-width: 768px) {
  .FeaturesList_features-list__text__x5u0e {
    max-width: 132px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: #141416;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    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/BRetailDetailedList/BRetailDetail/DescriptionList/Description.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Description_description__title__DgedF {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: #141416;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: #141416;
  margin-bottom: 24px;
  max-width: 400px;
}
@media (min-width: 768px) {
  .Description_description__title__DgedF {
    max-width: 384px;
  }
}
@media (min-width: 1440px) {
  .Description_description__title__DgedF {
    margin-bottom: 32px;
    max-width: 443px;
  }
}
.Description_description__list__BjMue {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.Description_description__list-item__P4Hlf {
  position: relative;
  padding-left: 18px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0;
  color: #141416;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0;
  color: #141416;
}
@media (min-width: 1440px) {
  .Description_description__list-item__P4Hlf {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: -0.01em;
    color: #141416;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: -0.01em;
    color: #141416;
  }
}
.Description_description__list-item__P4Hlf::before {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-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/BRetailDetailedList/BRetailDetail/SquareOptionTabs/SquareOptionTabs.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SquareOptionTabs_square-option-tabs__Q8L7E {
  display: flex;
  gap: 7px;
}
.SquareOptionTabs_square-option-tabs__tab-button__L8yfq {
  transition: box-shadow 0.2s ease-in-out;
  height: -moz-fit-content;
  height: fit-content;
  padding: 16px;
  background: #f4f5f6;
  border-radius: 12px;
  box-sizing: border-box;
  box-shadow: 0 0 0 0 transparent inset;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0;
  color: #141416;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0;
  color: #141416;
}
.SquareOptionTabs_square-option-tabs__tab-button_active__ufkGt {
  box-shadow: 0 0 0 2px #015ff9 inset;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BRetailDetailedList/BRetailDetail/CatalogButton/CatalogButton.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media (min-width: 768px) {
  .CatalogButton_catalog-button__gRfTX {
    max-height: 48px;
  }
}
.CatalogButton_catalog-button_disabled__vhvFW {
  pointer-events: none;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BRetailDetailedList/BRetailDetailedList.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BRetailDetailedList_b-retail-detailed-list__sYhhU {
  padding-inline: 16px;
}
@media (min-width: 768px) {
  .BRetailDetailedList_b-retail-detailed-list__sYhhU {
    padding-inline: 40px;
  }
}
.BRetailDetailedList_b-retail-detailed-list__separator__z_ZbF {
  display: block;
  width: 100%;
  height: 0;
  margin-block: 62px;
  border-top: 1.5px solid #141416;
}
@media (min-width: 1440px) {
  .BRetailDetailedList_b-retail-detailed-list__separator__z_ZbF {
    margin-top: 78px;
    margin-bottom: 80px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BHeaderWithPlaceTypes/BHeaderWithPlaceTypes.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BHeaderWithPlaceTypes_b-header-with-place-types___L2Td {
  padding: 138px 16px 0;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 768px) {
  .BHeaderWithPlaceTypes_b-header-with-place-types___L2Td {
    padding: 128px 40px 0;
  }
}
@media (min-width: 1440px) {
  .BHeaderWithPlaceTypes_b-header-with-place-types___L2Td {
    padding: 152px 40px 0;
  }
}
.BHeaderWithPlaceTypes_b-header-with-place-types__centering-block__xyCaN {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.BHeaderWithPlaceTypes_b-header-with-place-types__project-type__tbPSv {
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #141416;
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #141416;
  font-family: "tt-hoves-pro-expanded", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
}
@media (min-width: 768px) {
  .BHeaderWithPlaceTypes_b-header-with-place-types__project-type__tbPSv {
    font-size: 32px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #141416;
    font-size: 32px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #141416;
    margin-bottom: 12px;
  }
}
.BHeaderWithPlaceTypes_b-header-with-place-types__title__1Ra6F {
  font-size: 34px;
  line-height: 48px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #141416;
  font-size: 34px;
  line-height: 48px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #141416;
  font-family: "tt-hoves-pro-expanded", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  text-align: center;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .BHeaderWithPlaceTypes_b-header-with-place-types__title__1Ra6F {
    font-size: 64px;
    line-height: 64px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #141416;
    font-size: 64px;
    line-height: 64px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #141416;
  }
}
@media (min-width: 1440px) {
  .BHeaderWithPlaceTypes_b-header-with-place-types__title__1Ra6F {
    font-size: 80px;
    line-height: 64px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #141416;
    font-size: 80px;
    line-height: 64px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #141416;
    margin-bottom: 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/BHeaderWithPlaceTypes/TagsList/TagsList.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TagsList_tags-list__MfsiC {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
}
@media (min-width: 1440px) {
  .TagsList_tags-list__MfsiC {
    gap: 8px;
  }
}
.TagsList_tags-list__tag__wtsFu {
  padding: 8px 16px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0;
  color: #141416;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0;
  color: #141416;
}
@media (min-width: 1440px) {
  .TagsList_tags-list__tag__wtsFu {
    padding: 12px 24px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 0;
    color: #141416;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 0;
    color: #141416;
  }
}
@media (min-width: 1440px) {
  .TagsList_tags-list__tag_color__DNVkt {
    padding: 12px 24px 12px 20px;
  }
}
.TagsList_tags-list__tag-color__t6vOZ {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 5px;
}
@media (min-width: 1440px) {
  .TagsList_tags-list__tag-color__t6vOZ {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 4px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BRetailType/s.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes s_pulsing__sYN8M {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.s_root__346ol {
  position: relative;
  padding: 32px 15px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  border-radius: 24px;
  background: #F4F5F6;
}

.s_titleWrapper__qzVOd {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.s_title__vLxRE {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  text-align: center;
  letter-spacing: -0.01em;
}

.s_description__xLonj {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #141416;
}

.s_slider__pMcAG {
  width: 100%;
}

.s_slide__A9NBC {
  display: flex;
  height: auto;
  flex-direction: column;
  align-items: center;
  padding: 24px 0 0 0;
  border-radius: 24px;
  overflow: hidden;
  background: #FFFFFF;
}

.s_slideSold__eHD8D {
  opacity: 0.5;
}

.s_slideTitle__tW8bR {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}

.s_slideFeatures__X3c34 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 4px 0 0 0;
  font-size: 12px;
  line-height: 16px;
  color: #777E90;
}

.s_feature___VXdP {
  position: relative;
}
.s_feature___VXdP:not(:last-child)::after {
  position: absolute;
  content: "";
  width: 1.5px;
  height: 1.5px;
  top: 50%;
  right: -4px;
  background: #777E90;
}

.s_lotCount__iV_xq {
  font-size: 32px;
  line-height: 32px;
  letter-spacing: -0.01em;
  margin: 16px 0 0 0;
  color: #141416;
}

.s_flexWrapper__sYbcH {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  margin-top: auto;
}

.s_imgWrapper__nWx4C {
  position: relative;
  width: 100%;
  height: 229px;
}

.s_btn__pFDm4 {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 8px;
}

.s_dots__Pp8hA {
  display: flex;
  justify-content: center;
  gap: 12px;
}

.s_dot__rSHXJ {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 0.3;
  background: #141416;
}

.s_dotActive__cVSVr {
  opacity: 1;
}

.s_skeleton__SLQBM {
  height: 369px;
  width: calc(100vw - 30px);
  border-radius: 24px;
  animation: 2s ease-in-out s_pulsing__sYN8M infinite;
  background: #e6e8ec;
}

.s_leftBtn__FTa1P,
.s_rightBtn__P9N2I {
  display: none;
}

@media (min-width: 1024px) {
  .s_root__346ol {
    padding: 40px;
    gap: 40px;
    margin: 0 40px;
  }
  .s_titleWrapper__qzVOd {
    gap: 8px;
  }
  .s_description__xLonj {
    font-size: 16px;
    line-height: 24px;
  }
  .s_slideFeatures__X3c34 {
    margin: 8px 0 0 0;
  }
  .s_sliderWrapper__2Kaap {
    justify-content: center;
  }
  .s_imgWrapper__nWx4C {
    height: 185px;
  }
  .s_skeleton__SLQBM {
    height: 329px;
  }
  .s_slider__pMcAG:hover .s_leftBtn__FTa1P {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: #FFFFFF;
    z-index: 3;
    cursor: pointer;
  }
  .s_slider__pMcAG:hover .s_leftBtn__FTa1P:hover {
    opacity: 0.7;
  }
  .s_slider__pMcAG:hover .s_rightBtn__P9N2I {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: #FFFFFF;
    z-index: 3;
    cursor: pointer;
  }
  .s_slider__pMcAG:hover .s_rightBtn__P9N2I:hover {
    opacity: 0.7;
  }
}
@media (min-width: 1440px) {
  .s_root__346ol {
    padding: 64px;
    gap: 64px;
  }
  .s_title__vLxRE {
    font-size: 32px;
    line-height: 40px;
  }
  .s_description__xLonj {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.01em;
  }
  .s_slideTitle__tW8bR {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.01em;
  }
  .s_slideFeatures__X3c34 {
    font-size: 14px;
    line-height: 20px;
  }
  .s_lotCount__iV_xq {
    font-size: 48px;
    line-height: 48px;
    margin: 20px 0 0 0;
  }
  .s_imgWrapper__nWx4C {
    height: 267px;
  }
  .s_btn__pFDm4 {
    bottom: 16px;
  }
  .s_skeleton__SLQBM {
    height: 455px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BRetailType/EmptyBlock/s.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__u0GL5 {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 24px;
  overflow: hidden;
  background: #F4F5F6;
}

.s_titleWrapper__5pvRC {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 32px;
  text-align: center;
}

.s_title__jtO_9 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.01em;
  padding: 0 8px;
  text-align: center;
  color: #141416;
}

.s_description__JF1wW {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #141416;
}

.s_imageWrapper__ApD0p {
  position: relative;
  height: 362px;
}

.s_img__dk3ob {
  width: 100%;
  object-fit: cover;
  object-position: bottom;
}

.s_btn__pvJf6 {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 29px;
}

.s_btnDesktop__eMA_C {
  display: none;
}

@media (min-width: 1024px) {
  .s_root__u0GL5 {
    margin: 0 40px;
  }
  .s_titleWrapper__5pvRC {
    gap: 8px;
    padding: 40px;
  }
  .s_description__JF1wW {
    font-size: 16px;
    line-height: 24px;
  }
  .s_imageWrapper__ApD0p {
    height: 292px;
  }
  .s_btn__pvJf6 {
    display: none;
  }
  .s_btnDesktop__eMA_C {
    display: flex;
    margin: 16px 0 0 0;
  }
}
@media (min-width: 1440px) {
  .s_titleWrapper__5pvRC {
    padding: 64px;
  }
  .s_title__jtO_9 {
    font-size: 32px;
    line-height: 40px;
  }
  .s_description__JF1wW {
    font-size: 24px;
    line-height: 32px;
  }
  .s_imageWrapper__ApD0p {
    height: 420px;
  }
  .s_btnDesktop__eMA_C {
    margin: 24px 0 0 0;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BSalesOfficeV3/BSalesOfficeV3.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BSalesOfficeV3_root__6CSrA {
  padding: 40px 16px;
}
@media (min-width: 1024px) {
  .BSalesOfficeV3_root__6CSrA {
    border-radius: 12px;
    padding: 40px;
  }
}

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

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

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

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

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

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

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

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

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

.Contacts_media__9r5zG {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  height: 188px;
}
@media (min-width: 1440px) {
  .Contacts_media__9r5zG {
    height: 200px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/ClientVideoPlayer/s.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_playerWrapper__56YtB {
  position: relative;
  width: 100%;
  height: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.MediaButton_icon__NudVp {
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1024px) {
  .s_modalSuccessBody__d4NEj {
    width: 480px;
    height: 584px;
    border-radius: 24px;
    box-shadow: 0px 18px 39px 0px rgba(0, 0, 0, 0.1019607843), 0px 72px 72px 0px rgba(0, 0, 0, 0.0901960784), 0px 161px 97px 0px rgba(0, 0, 0, 0.0509803922), 0px 287px 115px 0px rgba(0, 0, 0, 0.0117647059), 0px 449px 126px 0px rgba(0, 0, 0, 0);
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BMap/s.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_wrapper__6Uslv {
  max-width: 1440px;
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.s_titleWrapper__AkNqj {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 8px;
  width: 100%;
}

.s_title__3TR_r {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: #141416;
}

.s_description__2ylDj {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin: 0;
  color: #777E90;
}

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

.s_tabList__zFSim {
  display: flex;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
}
.s_tabList__zFSim::-webkit-scrollbar {
  display: none;
}

.s_metro__sHKe6 {
  flex-shrink: 0;
  display: inline-flex;
}

@media (min-width: 1024px) {
  .s_wrapper__6Uslv {
    padding: 0 40px;
    gap: 40px;
  }
  .s_titleWrapper__AkNqj {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 256px;
    padding: 0;
  }
  .s_title__3TR_r {
    font-size: 32px;
  }
  .s_description__2ylDj {
    font-size: 18px;
  }
  .s_tabWrapper__m1vxG {
    gap: 24px;
  }
  .s_tabList__zFSim {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1440px) {
  .s_titleWrapper__AkNqj {
    gap: 411px;
  }
  .s_title__3TR_r {
    font-size: 40px;
    line-height: 40px;
  }
  .s_description__2ylDj {
    font-size: 24px;
    line-height: 32px;
  }
  .s_tabList__zFSim {
    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/components/BForm/s.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__ihKR5 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 8px;
}

.s_title__1Ke7m {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: #141416;
  padding: 0 8px;
}

.s_formWrapper__QjKMs {
  padding: 0 24px;
}

.s_formWrapperFlex__Ie2XO {
  padding: 0;
}

.s_line__1hi9N {
  width: 100%;
  border-top: 1.5px solid #141416;
  margin: 0 auto;
  height: 0;
}

.s_lineAbove__A7cU4 {
  margin-bottom: 64px;
}

.s_lineUnder__4R4AK {
  margin-top: 64px;
}

@media (min-width: 1024px) {
  .s_root__ihKR5 {
    align-items: center;
    gap: 40px;
    padding: 0 40px;
  }
  .s_title__1Ke7m {
    font-size: 32px;
    max-width: 506px;
    padding: 0;
    text-align: center;
  }
  .s_formWrapper__QjKMs {
    width: 100%;
    padding: 0;
  }
}
@media (min-width: 1440px) {
  .s_title__1Ke7m {
    font-size: 40px;
    line-height: 40px;
    max-width: 630px;
  }
  .s_lineAbove__A7cU4 {
    margin-bottom: 80px;
  }
  .s_lineUnder__4R4AK {
    margin-top: 80px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BConsultation/BConsultation.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BConsultation_wrapper__P3Ivp {
  background: linear-gradient(96.02deg, #4f6073 0.87%, #cacbcd 92.73%, #b7bec1 193.87%);
  border-radius: 24px;
  padding: 40px 24px;
  margin: 0 8px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.BConsultation_title__4vVvd {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  color: #fff;
  margin: 0 0 12px;
}

.BConsultation_subTitle__zXs7T {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #fff;
  margin: 0 0 24px;
}

@media (min-width: 1024px) {
  .BConsultation_title__4vVvd {
    font-size: 32px;
    line-height: 40px;
    padding: 40px 40px 0;
  }
  .BConsultation_subTitle__zXs7T {
    margin: 0 0 0 40px;
  }
  .BConsultation_wrapper__P3Ivp {
    margin: 0 40px;
    padding: 0;
  }
}
@media (min-width: 1440px) {
  .BConsultation_subTitle__zXs7T {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].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/BLocationBenefits/BLocationBenefits.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BLocationBenefits_root__AmKpY {
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}

.BLocationBenefits_title__0HaOn {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #141416;
  padding: 0 0 0 16px;
}

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

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

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

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

.s_description__tVYe7 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  padding: 0 16px;
  color: #777E90;
}

.s_metroWrapper__ILQE3 {
  overflow-x: scroll;
  scrollbar-width: none;
  padding: 0 16px;
}

.s_metroTags__1_0t5 {
  display: flex;
  gap: 4px;
  width: max-content;
}

@media (min-width: 1024px) {
  .s_root__V6iJB {
    padding: 0 40px;
    gap: 40px;
  }
  .s_titleWrapper__OvMhD {
    display: flex;
    flex-direction: row;
  }
  .s_title___kUrl {
    padding: 0;
    width: 50%;
  }
  .s_descriptionWrapper__DpkjP {
    width: 50%;
  }
  .s_description__tVYe7 {
    padding: 0;
  }
  .s_metroWrapper__ILQE3 {
    overflow-x: unset;
    padding: 0;
  }
  .s_metroTags__1_0t5 {
    width: 100%;
    flex-wrap: wrap;
  }
}
@media (min-width: 1440px) {
  .s_root__V6iJB {
    max-width: 1440px;
    padding: 0 40px;
    gap: 40px;
  }
  .s_title___kUrl {
    font-size: 32px;
    line-height: 40px;
  }
  .s_descriptionWrapper__DpkjP {
    gap: 24px;
  }
  .s_description__tVYe7 {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.01em;
  }
  .s_metroTags__1_0t5 {
    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/components/BParking/s.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__2ph3K {
  padding: 0 16px;
}

.s_cardList__faKqQ {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 16px;
  gap: 16px;
  list-style: none;
}

@media (min-width: 1024px) {
  .s_root__2ph3K {
    padding: 0 40px;
  }
  .s_cardList__faKqQ {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2, minmax(172px, 1fr));
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BParking/components/s.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_card__Ffh5S {
  position: relative;
  min-height: 120px;
  border-radius: 24px;
  overflow: hidden;
}
.s_card__Ffh5S:first-of-type {
  min-height: 220px;
}

.s_textWrapper__M6647 {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  z-index: 2;
  background: transparent;
}

.s_cardTitle__TWRQB {
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #ffffff;
}

.s_cardDescription__y2PDi {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #ffffff;
}

.s_shadow__v_22n {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}

@media (min-width: 1024px) {
  .s_card__Ffh5S {
    min-height: 172px;
  }
  .s_card__Ffh5S:first-of-type {
    min-height: 172px;
    grid-row-start: span 2;
  }
  .s_textWrapper__M6647 {
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media (min-width: 1440px) {
  .s_card__Ffh5S {
    min-height: 221px;
  }
  .s_card__Ffh5S:first-of-type {
    min-height: 221px;
  }
  .s_cardTitle__TWRQB {
    font-size: 32px;
    line-height: 32px;
  }
  .s_cardDescription__y2PDi {
    font-size: 16px;
    line-height: 24px;
  }
  .s_textWrapper__M6647 {
    padding: 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/PartnersBlock/s.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__aumxc {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 16px;
}

.s_wrapper__x8OZJ {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.s_wrapper__x8OZJ h2 {
  font-size: 32px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #141416;
}
.s_wrapper__x8OZJ p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #141416;
}

.s_videoWrapper__n5sci {
  width: 100%;
  height: 240px;
  border-radius: 24px;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .s_root__aumxc {
    flex-direction: row;
    gap: 0;
    padding: 0 40px;
  }
  .s_wrapper__x8OZJ {
    flex: 1 1;
    justify-content: space-between;
  }
  .s_wrapper__x8OZJ h2 {
    font-size: 40px;
    line-height: 40px;
  }
  .s_wrapper__x8OZJ p {
    padding: 0 40px 0 0;
  }
  .s_videoWrapper__n5sci {
    flex: 1 1;
    height: 330px;
  }
}
@media (min-width: 1440px) {
  .s_root__aumxc {
    gap: 16px;
  }
  .s_wrapper__x8OZJ p {
    font-size: 32px;
    line-height: 32px;
  }
  .s_videoWrapper__n5sci {
    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/components/QA/components/QAQuestion.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.QAQuestion_questionBlock__a6L3I {
  background: #ffffff;
  padding: 0;
  border-radius: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
}
.QAQuestion_questionBlock__a6L3I .QAQuestion_summary__9jsgx {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  text-align: left;
  gap: 8px;
  padding: 16px;
  border: none;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #141416;
  background: transparent;
  cursor: pointer;
  list-style: none;
}
@media (min-width: 1024px) {
  .QAQuestion_questionBlock__a6L3I .QAQuestion_summary__9jsgx {
    padding: 24px;
    font-size: 20px;
    line-height: 24px;
  }
}
.QAQuestion_questionBlock__a6L3I .QAQuestion_summary__9jsgx::-webkit-details-marker {
  display: none;
}
.QAQuestion_questionBlock__a6L3I .QAQuestion_summary__9jsgx .QAQuestion_summaryTitle__nEUDk {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  letter-spacing: -0.02em;
}
.QAQuestion_questionBlock__a6L3I .QAQuestion_summary__9jsgx .QAQuestion_icon__so3pq {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transform-origin: center;
  transition: transform 0.2s ease-in-out;
}
.QAQuestion_questionBlock__a6L3I[open] .QAQuestion_summary__9jsgx {
  padding-bottom: 0;
}
@media (min-width: 1024px) {
  .QAQuestion_questionBlock__a6L3I[open] .QAQuestion_summary__9jsgx {
    padding-bottom: 0;
  }
}
.QAQuestion_questionBlock__a6L3I[open] .QAQuestion_icon__so3pq {
  transform: rotate(45deg);
}
.QAQuestion_questionBlock__a6L3I .QAQuestion_content__Gx_rL {
  max-height: 0;
  transform: scaleY(0);
  transform-origin: top;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.QAQuestion_questionBlock__a6L3I[open] .QAQuestion_content__Gx_rL {
  max-height: 2000px;
  transform: scaleY(1);
  opacity: 1;
  padding: 0 16px 16px;
  pointer-events: auto;
}
@media (min-width: 1024px) {
  .QAQuestion_questionBlock__a6L3I[open] .QAQuestion_content__Gx_rL {
    padding: 0 24px 24px;
  }
}
.QAQuestion_questionBlock__a6L3I .QAQuestion_details__W7RDj {
  min-height: 0;
  margin-top: 16px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 1024px) {
  .QAQuestion_questionBlock__a6L3I .QAQuestion_details__W7RDj {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
  }
}
.QAQuestion_questionBlock__a6L3I .QAQuestion_details__W7RDj a:visited {
  color: #0066cc;
}

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

.QA_root__7A733 {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.BAdvantages_navigation__2cBhc {
  flex-shrink: 0;
}

.BAdvantages_sliderContainer__u17Vd {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.SkeletonCard_footer__rk3qe {
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.HorizontalBanner_skeleton___1bcf {
  flex: 1 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

.Skeleton_footer__AS29H {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1024px) {
  .Skeleton_footer__AS29H {
    gap: 40px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BCollapsableSeoText/BCollapsableSeoText.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BCollapsableSeoText_root__mMJPF {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-inline: auto;
}

.BCollapsableSeoText_title__Oz_eI {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.02em;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word;
  color: #141416;
  margin: 0;
}

.BCollapsableSeoText_textWrapper__311wu {
  position: relative;
  overflow: hidden;
}
.BCollapsableSeoText_textWrapper_collapsible__fgAoO {
  max-height: var(--seo-text-expanded-max-height);
  transition-property: max-height;
  transition-timing-function: cubic-bezier(0, 0, 0.25, 0.99);
}
.BCollapsableSeoText_textWrapper_collapsible__fgAoO.BCollapsableSeoText_textWrapper_collapsed__NXDPn {
  max-height: var(--seo-text-collapsed-max-height);
}
.BCollapsableSeoText_textWrapper_collapsed__NXDPn::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 48px;
  background: linear-gradient(transparent, #ffffff);
  pointer-events: none;
}
.BCollapsableSeoText_textWrapper_hidden__Q02Cg {
  visibility: hidden;
  position: absolute;
  width: 100%;
}

.BCollapsableSeoText_text__zk6_8 {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  font-size: 16px;
  line-height: 24px;
  color: #575C6B;
}
.BCollapsableSeoText_text__zk6_8 p {
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word;
  margin: 0 0 20px;
}
.BCollapsableSeoText_text__zk6_8 p:last-child {
  margin-bottom: 0;
}
.BCollapsableSeoText_text__zk6_8 a {
  color: #015ff9;
  text-decoration: none;
  transition: opacity 0.2s ease-in-out;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word;
}
@media (hover: hover) {
  .BCollapsableSeoText_text__zk6_8 a:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .BCollapsableSeoText_text__zk6_8 a:active {
    opacity: 0.7;
  }
}
.BCollapsableSeoText_text__zk6_8 a:visited {
  color: #0645aa;
}
.BCollapsableSeoText_text__zk6_8 a[x-apple-data-detectors] {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}
.BCollapsableSeoText_text__zk6_8 ul,
.BCollapsableSeoText_text__zk6_8 ol {
  margin: 0 0 16px;
  padding-left: 20px;
}
.BCollapsableSeoText_text__zk6_8 ul {
  list-style: disc;
}
.BCollapsableSeoText_text__zk6_8 li {
  word-wrap: break-word;
  word-break: break-word;
}
.BCollapsableSeoText_text__zk6_8 li ul {
  margin-bottom: 0;
}
.BCollapsableSeoText_text__zk6_8 strong {
  font-weight: 500;
}
.BCollapsableSeoText_text__zk6_8 h2,
.BCollapsableSeoText_text__zk6_8 h3,
.BCollapsableSeoText_text__zk6_8 h4,
.BCollapsableSeoText_text__zk6_8 h5,
.BCollapsableSeoText_text__zk6_8 h6 {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.02em;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word;
  color: #141416;
  margin: 24px 0 12px;
}

.BCollapsableSeoText_button__i7jA8 {
  border: none;
  padding: 0;
  background: transparent;
  cursor: pointer;
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  transition: opacity 0.2s ease-in-out;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  color: #141416;
}
@media (hover: hover) {
  .BCollapsableSeoText_button__i7jA8:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .BCollapsableSeoText_button__i7jA8:active {
    opacity: 0.7;
  }
}

.BCollapsableSeoText_buttonIcon__6ptJ_ {
  display: flex;
  transition: transform 0.3s ease-in-out;
}
.BCollapsableSeoText_buttonIcon_rotated__n_bN5 {
  transform: rotate(180deg);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BCompilations/BCompilationCard/BCompilationCard.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BCompilationCard_card__BP5Pi {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  border-radius: 12px;
  background: #23262f;
  color: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .BCompilationCard_card__BP5Pi:hover .BCompilationCard_imageWrap__4nvu0 {
    opacity: 0.8;
  }
}

.BCompilationCard_cardContent__rb7N7 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1;
  min-height: 0;
}

.BCompilationCard_imageWrap__4nvu0 {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  aspect-ratio: 1.4;
  background: #23262f;
  transition: opacity 0.2s ease-in-out;
}
@media (min-width: 1024px) {
  .BCompilationCard_imageWrap__4nvu0 {
    aspect-ratio: 1.6;
  }
}

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

.BCompilationCard_body__lQZ0g {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  gap: 24px;
  padding: 32px;
}

.BCompilationCard_cardTitle__Elbxi {
  font-size: 24px;
  line-height: 30px;
}

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

@media (min-width: 1024px) {
  .BCompilationCard_card__BP5Pi {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .BCompilationCard_cardText__h_DrX {
    font-size: 16px;
    line-height: 24px;
  }
  .BCompilationCard_cardTitle__Elbxi {
    line-height: 32px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BCompilations/BCompilations.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BCompilations_root__WyYe6 {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

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

.BCompilations_title__md799 {
  font-weight: 500;
  font-size: 32px;
  line-height: 32px;
  color: #141416;
}

.BCompilations_container__xGmhF {
  position: relative;
}

.BCompilations_viewport__FEwZu {
  position: relative;
  min-width: 0;
  margin: 0 -16px;
  width: calc(100% + 32px);
}

.BCompilations_track__JuIps {
  display: flex;
  align-items: stretch;
  margin: 0;
  padding: 0 16px;
  gap: 12px;
  height: 100%;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 16px;
}

.BCompilations_trackFit__h5PWy {
  overflow-x: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.BCompilations_trackFit__h5PWy::-webkit-scrollbar {
  display: none;
}

.BCompilations_trackPeek__sp0ea {
  overflow-x: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.BCompilations_trackPeek__sp0ea::-webkit-scrollbar {
  display: none;
}

.BCompilations_track__JuIps .BCompilations_item__eUxfu {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: flex;
  flex: 0 0 auto;
  width: 320px;
  height: 440px;
}

@media (min-width: 1024px) {
  .BCompilations_root__WyYe6 {
    gap: 48px;
  }
  .BCompilations_title__md799 {
    font-size: 48px;
    line-height: 48px;
  }
  .BCompilations_track__JuIps {
    padding: 0 40px;
    gap: 32px;
    scroll-padding-inline: 40px;
  }
  .BCompilations_trackFit__h5PWy,
  .BCompilations_trackPeek__sp0ea {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
  }
  .BCompilations_trackFit__h5PWy::-webkit-scrollbar,
  .BCompilations_trackPeek__sp0ea::-webkit-scrollbar {
    display: none;
  }
  .BCompilations_trackFit__h5PWy,
  .BCompilations_trackPeek__sp0ea {
    -webkit-overflow-scrolling: touch;
  }
  .BCompilations_track__JuIps .BCompilations_item__eUxfu {
    width: 368px;
    height: 520px;
  }
  .BCompilations_viewport__FEwZu {
    margin: 0 -40px;
    width: calc(100% + 80px);
    overflow: hidden;
  }
}
@media (min-width: 1440px) {
  .BCompilations_containerPeek__UBjjs {
    overflow: hidden;
  }
  .BCompilations_track__JuIps {
    padding: 0;
    scroll-padding-inline: 0;
  }
  .BCompilations_trackPeek__sp0ea .BCompilations_item__eUxfu {
    flex: 0 0 403px;
    width: 403px;
    height: 520px;
  }
  .BCompilations_trackFit__h5PWy .BCompilations_item__eUxfu {
    flex: 1 1;
    min-width: 0;
    width: auto;
    height: 520px;
  }
  .BCompilations_viewport__FEwZu {
    margin: 0;
    width: 100%;
  }
  .BCompilations_containerPeek__UBjjs[data-can-scroll-left=true] [data-horizontal-scroll-fade-left=true] {
    opacity: 1;
  }
  .BCompilations_containerPeek__UBjjs[data-can-scroll-right=true] [data-horizontal-scroll-fade-right=true] {
    opacity: 1;
  }
  .BCompilations_containerPeek__UBjjs {
    transform: translateX(2px) translateZ(0);
  }
}
@media (min-width: 2048px) {
  .BCompilations_track__JuIps {
    height: 600px;
  }
  .BCompilations_trackPeek__sp0ea .BCompilations_item__eUxfu {
    flex: 0 0 468px;
    width: 468px;
    height: 600px;
  }
  .BCompilations_trackFit__h5PWy .BCompilations_item__eUxfu {
    height: 600px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BFormCenteredV2/BFormCenteredV2.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BFormCenteredV2_blockContainer__1touE.BFormCenteredV2_blockContainer__1touE {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1024px) {
  .BFormCenteredV2_blockContainer__1touE.BFormCenteredV2_blockContainer__1touE {
    padding-left: 40px;
    padding-right: 40px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.NewsCard_img__yat64 {
  width: 100%;
  height: 172px;
  object-fit: cover;
  flex-shrink: 0;
}

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

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

.NewsCard_tagRow__4_ZRY {
  margin-top: auto;
}

.NewsCard_newsTag__uD_ix.NewsCard_newsTag__uD_ix {
  padding: 4px 16px;
}
@media (min-width: 1024px) {
  .NewsCard_newsTag__uD_ix.NewsCard_newsTag__uD_ix {
    padding: 8px 24px;
  }
}

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

@media (min-width: 1024px) {
  .NewsCard_img__yat64 {
    height: 240px;
  }
  .NewsCard_titleWrapper__JUWG1 {
    padding: 24px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BNews/BNews.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.BNews_root__HtOzJ {
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
  max-width: 1648px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .BNews_root__HtOzJ {
    gap: 48px;
  }
}
@media (min-width: 1440px) {
  .BNews_root__HtOzJ {
    padding: 0 40px;
  }
}

.BNews_title__aqwbJ {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 32px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .BNews_title__aqwbJ {
    font-size: 48px;
    line-height: 48px;
  }
}
.BNews_title__aqwbJ {
  padding: 0 16px;
  color: #141416;
}
@media (min-width: 1024px) {
  .BNews_title__aqwbJ {
    padding: 0 40px;
  }
}
@media (min-width: 1440px) {
  .BNews_title__aqwbJ {
    padding: 0;
  }
}

.BNews_link__1_edq {
  display: block;
  width: calc(100% - 32px);
  margin: 0 16px;
  text-decoration: none;
}
@media (min-width: 1024px) {
  .BNews_link__1_edq {
    margin: 0 auto;
    width: 158px;
  }
}

.BNews_sliderWrap__JLrQL {
  position: relative;
}

.BNews_track__14__B {
  display: flex;
  align-items: stretch;
  gap: 12px;
  margin: 0;
  padding: 0 16px;
  list-style: none;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 16px;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.BNews_track__14__B::-webkit-scrollbar {
  display: none;
}
.BNews_track__14__B {
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 1024px) {
  .BNews_track__14__B {
    gap: 32px;
    padding: 0 40px;
    scroll-padding-inline: 40px;
  }
}
@media (min-width: 1440px) {
  .BNews_track__14__B {
    padding: 0;
    scroll-padding-inline: 0;
  }
}

.BNews_slide__nfhPN {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: flex;
  flex: 0 0 254px;
  min-width: 0;
  height: 320px;
  border-radius: 12px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .BNews_slide__nfhPN {
    flex: 0 0 368px;
    height: 520px;
  }
}
@media (min-width: 1440px) {
  .BNews_slide__nfhPN {
    /* 4 карточки в ряд: 3 промежутка по 32px */
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 96px) / 4);
    height: 432px;
  }
}

.BNews_navigation__SlUki {
  display: none;
}
@media (min-width: 1024px) {
  .BNews_navigation__SlUki {
    display: flex;
    position: absolute;
    gap: 16px;
    top: -96px;
    right: 40px;
  }
}
@media (min-width: 1440px) {
  .BNews_navigation__SlUki {
    right: 0;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/RoundButton/RoundButton.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RoundButton_root__trVkN {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 7px;
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.RoundButton_root__trVkN:disabled {
  pointer-events: none;
  opacity: 0.4;
}
.RoundButton_root__trVkN:focus {
  outline: 0;
}
.RoundButton_root_tiny__Imrig {
  width: 24px;
  height: 24px;
  padding: 5px;
}
.RoundButton_root_small__q8iHq {
  width: 32px;
  height: 32px;
}
.RoundButton_root_medium__RKlBO {
  width: 40px;
  height: 40px;
  padding: 9px;
}
.RoundButton_root_large___RXAm {
  width: 48px;
  height: 48px;
  padding: 11px;
}
.RoundButton_root_whiteStroke__hadsZ {
  border: 1px solid #e6e8ec;
  background-color: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .RoundButton_root_whiteStroke__hadsZ:hover {
    border-color: #b1b5c3;
  }
}
.RoundButton_root_whiteStroke__hadsZ:active {
  border-color: #141416;
}
.RoundButton_root_whiteFilled__Et_3b {
  background-color: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .RoundButton_root_whiteFilled__Et_3b:hover {
    background-color: #e6e8ec;
  }
}
.RoundButton_root_whiteFilled__Et_3b:active {
  background-color: #D1D4DD;
}
.RoundButton_root_whiteTransparent__WO0HL {
  border: 1px solid #e6e8ec;
  background-color: transparent;
}
.RoundButton_root_blackFill__dM9Oa {
  border: 1px solid #141416;
  background-color: #141416;
}
@media (hover: hover) and (pointer: fine) {
  .RoundButton_root_blackFill__dM9Oa:hover {
    background-color: #23262f;
    border-color: #353945;
  }
}
.RoundButton_root_blackFill__dM9Oa:active {
  background-color: #353945;
  border-color: #777e90;
}
.RoundButton_root_blackStroke__kB7GC {
  border: 1px solid #141416;
  background-color: #ffffff;
}
.RoundButton_root_blackStroke__kB7GC div {
  color: #141416;
}
.RoundButton_root_fullGray__x8jQb {
  border: 1px solid #f4f5f6;
  background-color: #f4f5f6;
}
.RoundButton_root_fullGray__x8jQb div {
  color: #141416;
}
.RoundButton_root_blue__CtJd_ {
  border: 1px solid #015ff9;
  background-color: #015ff9;
}
@media (min-width: 1024px) {
  .RoundButton_root_tinyMd__r0yFD {
    width: 24px;
    height: 24px;
    padding: 5px;
  }
  .RoundButton_root_smallMd__zZjkY {
    width: 32px;
    height: 32px;
  }
  .RoundButton_root_mediumMd__v4s0M {
    width: 40px;
    height: 40px;
    padding: 9px;
  }
  .RoundButton_root_largeMd__ZZnV9 {
    width: 48px;
    height: 48px;
    padding: 11px;
  }
}
@media (min-width: 1440px) {
  .RoundButton_root_tinyLg__IwO9l {
    width: 24px;
    height: 24px;
    padding: 5px;
  }
  .RoundButton_root_smallLg__72OLQ {
    width: 32px;
    height: 32px;
  }
  .RoundButton_root_mediumLg__T_xjC {
    width: 40px;
    height: 40px;
    padding: 9px;
  }
  .RoundButton_root_largeLg__8Y7MA {
    width: 48px;
    height: 48px;
    padding: 11px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BPartners/PartnerCard/PartnerCard.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.PartnerCard_root__5zhc9 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}

.PartnerCard_top__l_oef {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  min-height: 0;
  padding: 24px;
  background: #f4f5f6;
  color: #141416;
}
@media (min-width: 1024px) {
  .PartnerCard_top__l_oef {
    padding: 32px;
  }
}

.PartnerCard_avatarWrapper__gfBe7 {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

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

.PartnerCard_name__s320W {
  margin-top: 24px;
  font-size: 14px;
  line-height: 20px;
  color: #777e90;
}
@media (min-width: 1024px) {
  .PartnerCard_name__s320W {
    margin-top: 32px;
    font-size: 16px;
    line-height: 24px;
  }
}

.PartnerCard_owners__34iIA {
  margin-top: 8px;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .PartnerCard_owners__34iIA {
    margin-top: 12px;
    font-size: 24px;
    line-height: 32px;
  }
}

.PartnerCard_description__7e8vG {
  margin-top: 24px;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .PartnerCard_description__7e8vG {
    margin-top: 32px;
    font-size: 16px;
    line-height: 24px;
  }
}

.PartnerCard_projects__NV4R7 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
  margin-top: auto;
  padding-top: 24px;
}

.PartnerCard_project__pp1b2 {
  color: #015ff9;
  font-size: 14px;
  line-height: 20px;
}
.PartnerCard_project__pp1b2:not(:first-child)::before {
  content: "•";
  margin-right: 6px;
  color: #353945;
}
@media (hover: hover) {
  .PartnerCard_project__pp1b2:hover {
    color: #034AC0;
  }
}
@media (hover: none) {
  .PartnerCard_project__pp1b2:active {
    color: #034AC0;
  }
}
.PartnerCard_project__pp1b2:active {
  color: #0645aa;
}

.PartnerCard_imgWrapper__uLUxH {
  position: relative;
  width: 100%;
  height: 200px;
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .PartnerCard_imgWrapper__uLUxH {
    height: 230px;
  }
}
@media (min-width: 1440px) {
  .PartnerCard_imgWrapper__uLUxH {
    height: 252px;
  }
}
@media (min-width: 2048px) {
  .PartnerCard_imgWrapper__uLUxH {
    height: 293px;
  }
}

.PartnerCard_img__wBlEA {
  object-fit: cover;
}

.PartnerCard_roundBtn__goP53.PartnerCard_roundBtn__goP53 {
  position: absolute;
  right: 16px;
  bottom: 16px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BPartners/BPartners.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BPartners_root__PfH86 {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1024px) {
  .BPartners_root__PfH86 {
    gap: 48px;
  }
}

.BPartners_header__MlQ_H {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1024px) {
  .BPartners_header__MlQ_H {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
  }
}

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

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

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

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

.BPartners_container__jDl3Q {
  position: relative;
}

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

.BPartners_track__WENyN {
  display: flex;
  align-items: stretch;
  gap: 12px;
  margin: 0;
  padding: 0 16px;
  list-style: none;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 16px;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.BPartners_track__WENyN::-webkit-scrollbar {
  display: none;
}
.BPartners_track__WENyN {
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 1024px) {
  .BPartners_track__WENyN {
    gap: 32px;
    padding: 0 40px;
    scroll-padding-inline: 40px;
  }
}
@media (min-width: 1440px) {
  .BPartners_track__WENyN {
    padding: 0;
    scroll-padding-inline: 0;
  }
}

@media (min-width: 1440px) {
  .BPartners_trackFew__0ilH8 {
    overflow-x: visible;
    scroll-snap-type: none;
  }
  .BPartners_trackFew__0ilH8 .BPartners_slide__TwKTS {
    flex: 1 1;
    min-width: 0;
    width: auto;
  }
}

@media (min-width: 1024px) {
  .BPartners_trackFewTablet__U_oq9 {
    overflow-x: visible;
    scroll-snap-type: none;
  }
  .BPartners_trackFewTablet__U_oq9 .BPartners_slide__TwKTS {
    flex: 1 1;
    min-width: 0;
    width: auto;
  }
}

.BPartners_trackFewMobile__83cTn {
  overflow-x: visible;
  scroll-snap-type: none;
}
.BPartners_trackFewMobile__83cTn .BPartners_slide__TwKTS {
  flex: 1 1;
  min-width: 0;
  width: auto;
}

.BPartners_slide__TwKTS {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: flex;
  flex: 0 0 320px;
  min-width: 0;
  height: 680px;
}
@media (min-width: 1024px) {
  .BPartners_slide__TwKTS {
    flex: 0 0 368px;
    height: 820px;
  }
}
@media (min-width: 1440px) {
  .BPartners_slide__TwKTS {
    flex: 0 0 403px;
  }
}
@media (min-width: 2048px) {
  .BPartners_slide__TwKTS {
    flex: 0 0 465px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BSliderTabs/BSliderTabs.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BSliderTabs_root__nadQa {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.BSliderTabs_container__JHkuB.BSliderTabs_container__JHkuB {
  gap: 32px;
}
@media (min-width: 1024px) {
  .BSliderTabs_container__JHkuB.BSliderTabs_container__JHkuB {
    gap: 48px;
  }
}

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

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

@keyframes BSliderTabs_descriptionFadeIn__Lpv9L {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.BSliderTabs_description___0jmw {
  margin: 0;
  flex-shrink: 0;
  font-size: 14px;
  line-height: 20px;
  color: #141416;
  animation: BSliderTabs_descriptionFadeIn__Lpv9L 0.3s ease-out forwards;
}
@media (min-width: 1024px) {
  .BSliderTabs_description___0jmw {
    font-size: 16px;
    line-height: 24px;
  }
}

.BSliderTabs_blockDescription__XiKJO {
  order: 1;
  margin: -8px 0 0;
  color: #141416;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .BSliderTabs_blockDescription__XiKJO {
    order: 0;
    margin: 0 0 -12px;
    font-size: 16px;
    line-height: 24px;
  }
}

.BSliderTabs_captionImageWrap__HS_d4 {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
}

.BSliderTabs_captionImage__h_fcB {
  object-fit: cover;
}

.BSliderTabs_content__vlz44 {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1024px) {
  .BSliderTabs_content__vlz44 {
    gap: 32px;
  }
}

.BSliderTabs_slideDesktop__kLEvo {
  display: none;
}
@media (min-width: 1024px) {
  .BSliderTabs_slideDesktop__kLEvo {
    display: flex;
    flex-direction: column;
    gap: 20px;
    --b-slider-tabs-media-h: 430px;
    min-height: 430px;
  }
}
@media (min-width: 1440px) {
  .BSliderTabs_slideDesktop__kLEvo {
    --b-slider-tabs-media-h: 620px;
    min-height: 620px;
  }
}
@media (min-width: 2048px) {
  .BSliderTabs_slideDesktop__kLEvo {
    --b-slider-tabs-media-h: 720px;
    min-height: 720px;
  }
}

.BSliderTabs_slideMobile__VpOla {
  display: flex;
  flex-direction: column;
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 32px);
  overflow: hidden;
}
@media (min-width: 1024px) {
  .BSliderTabs_slideMobile__VpOla {
    display: none;
  }
}

.BSliderTabs_sliderWrap__iE28P {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 12px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .BSliderTabs_sliderWrap__iE28P {
    flex: 1 1;
    min-height: 0;
    align-self: stretch;
    display: flex;
    flex-direction: column;
  }
}

.BSliderTabs_slider__Gf_ZF {
  width: 100%;
  border-radius: 12px;
  touch-action: pan-y;
}

.BSliderTabs_sliderDesktop__e1T_4.BSliderTabs_sliderDesktop__e1T_4 {
  width: 100%;
  max-width: 100%;
  border-radius: 12px;
}

.BSliderTabs_desktopSlideImg__VhlzY.BSliderTabs_desktopSlideImg__VhlzY {
  display: none;
  border-radius: 12px;
}
@media (min-width: 1024px) {
  .BSliderTabs_desktopSlideImg__VhlzY.BSliderTabs_desktopSlideImg__VhlzY {
    display: block;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
  }
}

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

.BSliderTabs_arrowsButtonWrap__LSQfX {
  pointer-events: auto;
  flex-shrink: 0;
}

.BSliderTabs_arrowIcon__Q20gq {
  width: 24px;
  height: 24px;
  color: #141416;
}
.BSliderTabs_arrowIcon_prev__Wv401 {
  transform: rotate(180deg);
}

.BSliderTabs_mobileSliderWrap__JpUib {
  width: 100%;
  overflow: hidden;
}

.BSliderTabs_mobileSliderWrap__JpUib .BSliderTabs_mobileSlider__FlpAl {
  padding: 0 16px;
  touch-action: pan-y;
}

.BSliderTabs_mobileSliderWrap__JpUib .BSliderTabs_mobileSlider__FlpAl .BSliderTabs_mobileCard__z46B5 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 83.47vw;
  height: auto;
  box-sizing: border-box;
}

.BSliderTabs_mobileSliderWrap_single__7CVJf .BSliderTabs_mobileSlider__FlpAl .BSliderTabs_mobileCard__z46B5 {
  width: 100%;
}

.BSliderTabs_mobileCardImageWrap__OpHKd {
  position: relative;
  width: 100%;
  height: 400px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 12px;
}

.BSliderTabs_image__X20ot {
  object-fit: cover;
}

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

.SlideSwitchHeadlines_slide__fecdt.SlideSwitchHeadlines_slide__fecdt {
  width: auto !important;
  height: 100%;
  cursor: pointer;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/SliderWithTabbar/Slides/Slides.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Slides_sliderWrap__GI_Wu {
  position: relative;
  width: 100%;
  height: 100%;
}
.Slides_sliderWrap_withPagination__rPypG {
  display: flex;
  flex-direction: column;
}

.Slides_slider__Dz_Vs {
  height: 100%;
  border-radius: 24px;
  touch-action: pan-y;
  flex: 1 1;
  min-height: 0;
}

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

.Slides_img__uf_3O {
  height: 440px;
  object-fit: cover;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .Slides_img__uf_3O {
    height: var(--b-slider-tabs-media-h, 640px);
    min-height: var(--b-slider-tabs-media-h, 640px);
  }
}
.Slides_img_first__tnCto {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.Slides_img_last__Havt1 {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}

.Slides_videoSlideOuter___x9gs {
  position: relative;
  width: 100%;
  height: 440px;
  flex-shrink: 0;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .Slides_videoSlideOuter___x9gs {
    height: var(--b-slider-tabs-media-h, 640px);
    min-height: var(--b-slider-tabs-media-h, 640px);
  }
}

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

.GalleryPagination_paginationBullet__4EzcC {
  width: 6px;
  height: 6px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  cursor: pointer;
  flex-shrink: 0;
  transition: width 0.2s ease-in-out;
}
.GalleryPagination_paginationBullet_active__Ykhfm {
  width: var(--pagination-active-bullet-width, 26px);
  background: #ffffff;
  border-radius: 12px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/GalleryPagination/GalleryPaginationPositionWrapper/GalleryPaginationPositionWrapper.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.GalleryPaginationPositionWrapper_root__E_1YG {
  position: absolute;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  z-index: 2;
  pointer-events: auto;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/MapBoundary/s.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__QIzIZ {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(/B/_next/static/media/MapDefault.6265a970.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 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/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/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/page/OfficeCatalog/components/Filter/filterComponents/OfficeTypes/s.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media (min-width: 1440px) {
  .s_desktopItemTab__2F6ZR.s_commercialItemTab__IOExe {
    padding-left: 19px;
    padding-right: 19px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/OfficeCatalog/components/Filter/ui/Filter.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Filter_modalBody__RE0Ih {
  top: 176px;
  bottom: 0;
  width: 100%;
  position: fixed;
  overflow: auto;
  background-color: #ffffff;
  border-radius: 24px 24px 0 0;
  scrollbar-width: none;
}

.Filter_tabletModalBody__gyyTj {
  width: 464px;
  height: 80vh;
  min-height: 350px;
  max-height: 651px;
  top: 80px;
  bottom: unset;
  margin: 0 auto;
  border-radius: 24px;
}

.Filter_headerWrapper___am16 {
  display: flex;
  align-items: center;
  position: fixed;
  gap: 8px;
  padding: 24px;
  border-bottom: 1px solid #E6E8EC;
  background: #ffffff;
  width: 100%;
  border-radius: 24px 24px 0 0;
  z-index: 2;
}

.Filter_tabletHeaderWrapper__GSMaD {
  max-width: 464px;
}

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

.Filter_contentWrapper__eyeJS {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 97px 24px 51px 24px;
}

.Filter_closeBtn__IlyPI {
  cursor: pointer;
}

.Filter_searchBtn__uS0cU {
  margin: 0 0 0 auto;
}

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

.Filter_mobileFilterBtn__5lekZ {
  margin-top: 32px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 40px;
  z-index: 2;
}

.Filter_tabletFilterBtn__eIS1V {
  position: unset;
  bottom: 0;
  transform: unset;
  max-width: unset;
}

.Filter_tabletBtnWrapper__jkMtk {
  width: 100%;
  padding: 24px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background: #ffffff;
  border-top: 1px solid #E6E8EC;
  z-index: 3;
}

.Filter_newClearBtn__37Xww {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 32p;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #777E90;
}

.Filter_newClearBtn__37Xww:hover {
  opacity: 0.8;
}

.Filter_newClearBtn__37Xww:active {
  opacity: 1;
}

.Filter_switcherOption__1uChz {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding: 16px 0;
  border-bottom: 1px solid #E6E8EC;
  color: #141416;
}

.Filter_additionalOption__B_TVB:first-child {
  margin-bottom: 24px;
}
.Filter_additionalOption__B_TVB:not(:first-child) {
  margin: 24px 0;
}

@media (min-width: 1024px) {
  .Filter_contentWrapper__eyeJS {
    padding: 97px 32px 32px;
  }
  .Filter_mobileFilterBtn__5lekZ {
    margin-top: unset;
  }
}
@media (min-width: 1440px) {
  .Filter_newClearBtn__37Xww {
    margin: 0;
  }
  .Filter_additionalOption__B_TVB:first-child {
    margin-bottom: 32px;
  }
  .Filter_additionalOption__B_TVB:not(:first-child) {
    margin: 32px 0;
  }
}
.Filter_root__KarYc {
  max-width: 368px;
  height: inherit;
}

.Filter_wrapperScroll__efKTe {
  display: flex;
  flex-direction: column;
  gap: 32px;
  top: 88px;
  position: -webkit-sticky;
  position: sticky;
  padding: 48px 40px 40px 40px;
  overflow-y: auto;
  max-height: calc(100vh - 72px);
  height: max-content;
  scrollbar-width: none;
}

.Filter_desktopHeaderWrapper__XCMCV {
  position: relative;
  padding: 0;
  border-bottom: unset;
}

.Filter_desktopContentWrapper__Tpk_Q {
  padding: 0;
  gap: 32px;
}

.Filter_desktopFieldWrapper__2QxBf {
  gap: 32px;
  height: max-content;
}

.Filter_compressWrapperScroll__5ocGp {
  scrollbar-width: none;
}

.Filter_compressFieldWrapper__R2OJn {
  height: 100%;
  margin-right: unset;
  transition: height 0.3s ease-in-out;
  overflow: unset;
}

.Filter_desktopFilterBtn__gRG_F {
  position: relative;
  bottom: 0;
  left: 0;
  transform: unset;
}

.Filter_compressBtn__ADmmi {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/OfficeCatalog/components/Filter/filterComponents/OfficeBlock/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_label__0q9T0 {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/FilterComponents/dom/Bedrooms/s.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media (min-width: 1440px) {
  .s_desktopItemTab__BxWn6.s_commercialItemTab__DWjTb {
    padding-left: 19px;
    padding-right: 19px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/DomCatalog/components/Filter/ui/Filter.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Filter_modalBody__grhMC {
  top: 176px;
  bottom: 0;
  width: 100%;
  position: fixed;
  overflow: auto;
  background-color: #ffffff;
  border-radius: 24px 24px 0 0;
  scrollbar-width: none;
}

.Filter_tabletModalBody___LC_D {
  width: 464px;
  height: 80vh;
  min-height: 350px;
  max-height: 651px;
  top: 80px;
  bottom: unset;
  margin: 0 auto;
  border-radius: 24px;
}

.Filter_headerWrapper__3Lv0O {
  display: flex;
  align-items: center;
  position: fixed;
  gap: 8px;
  padding: 24px;
  border-bottom: 1px solid #E6E8EC;
  background: #ffffff;
  width: 100%;
  border-radius: 24px 24px 0 0;
  z-index: 2;
}

.Filter_tabletHeaderWrapper__zzfws {
  max-width: 464px;
}

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

.Filter_contentWrapper__mDYkQ {
  position: relative;
  display: flex;
  gap: 24px;
  flex-direction: column;
  padding: 97px 24px 51px 24px;
}

.Filter_closeBtn__wH94u {
  cursor: pointer;
}

.Filter_searchBtn__K_B_y {
  margin: 0 0 0 auto;
}

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

.Filter_mobileFilterBtn__BXXYB {
  position: -webkit-sticky;
  position: sticky;
  bottom: 40px;
  z-index: 2;
}

.Filter_tabletFilterBtn__GnWQC {
  position: unset;
  bottom: 0;
  transform: unset;
  max-width: unset;
}

.Filter_tabletBtnWrapper__ukLSN {
  width: 100%;
  padding: 24px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background: #ffffff;
  border-top: 1px solid #E6E8EC;
  z-index: 3;
}

.Filter_newClearBtn__E0XcO {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 32p;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #777E90;
}

.Filter_newClearBtn__E0XcO:hover {
  opacity: 0.8;
}

.Filter_newClearBtn__E0XcO:active {
  opacity: 1;
}

.Filter_switcherOption___dAh7 {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding: 16px 0;
  border-bottom: 1px solid #E6E8EC;
  color: #141416;
}

.Filter_additionalOption__r_qdc:first-child {
  margin-bottom: 24px;
}
.Filter_additionalOption__r_qdc:not(:first-child) {
  margin: 24px 0;
}

@media (min-width: 1024px) {
  .Filter_contentWrapper__mDYkQ {
    padding: 97px 32px 32px;
  }
}
@media (min-width: 1440px) {
  .Filter_newClearBtn__E0XcO {
    margin: 0;
  }
  .Filter_additionalOption__r_qdc:first-child {
    margin-bottom: 32px;
  }
  .Filter_additionalOption__r_qdc:not(:first-child) {
    margin: 32px 0;
  }
}
.Filter_root___rQ_k {
  max-width: 368px;
  height: inherit;
}

.Filter_wrapperScroll__OL8ji {
  display: flex;
  flex-direction: column;
  gap: 32px;
  top: 88px;
  position: -webkit-sticky;
  position: sticky;
  padding: 48px 40px 40px 40px;
  overflow-y: auto;
  max-height: calc(100vh - 72px);
  height: max-content;
  scrollbar-width: none;
}

.Filter_desktopHeaderWrapper__u6hzt {
  position: relative;
  padding: 0;
  border-bottom: unset;
}

.Filter_desktopContentWrapper__Kfs_b {
  padding: 0;
  gap: 32px;
}

.Filter_desktopFieldWrapper__DnN_Z {
  gap: 32px;
  height: max-content;
}

.Filter_compressWrapperScroll__U18TJ {
  scrollbar-width: none;
}

.Filter_compressFieldWrapper__t0sEw {
  height: 100%;
  margin-right: unset;
  transition: height 0.3s ease-in-out;
  overflow: unset;
}

.Filter_desktopFilterBtn__Ybrs0 {
  position: relative;
  bottom: 0;
  left: 0;
  transform: unset;
}

.Filter_compressBtn__tooXK {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/NavigationFilter/s.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_modalWrapper__qW_0f {
  z-index: 1001;
}

.s_modalBody__yu7O_ {
  background: #ffffff;
  width: 100%;
  height: 100%;
  scrollbar-width: none;
  z-index: 1002;
}

.s_header__Ao0_B {
  position: fixed;
  display: flex;
  gap: 8px;
  width: 100%;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #f4f5f6;
  background: #ffffff;
  z-index: 3;
}

.s_title__HpHvD {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #141416;
}

.s_closeBtn__T2VbU {
  margin: 0 0 0 auto;
}

.s_wrapper__GI2mO {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
  margin-top: 50px;
}

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

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

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

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

.s_catalogLink__QUZjd {
  position: -webkit-sticky;
  position: sticky;
  bottom: 32px;
  left: 0;
  z-index: 150;
}

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

.s_footer__reGyq {
  z-index: 100;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 32px;
}

@media (min-width: 1024px) {
  .s_modalBody__yu7O_ {
    top: 100px;
    height: calc(100% - 220px);
    max-height: max-content;
    width: 464px;
    border-radius: 24px;
  }
  .s_wrapper__GI2mO {
    padding: 16px 32px;
    margin-top: unset;
  }
  .s_header__Ao0_B {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    padding: 24px;
    border-bottom: 1px solid #e6e8ec;
  }
  .s_title__HpHvD {
    font-size: 18px;
  }
  .s_newClearBtn__XB_1I {
    position: relative;
  }
  .s_newClearBtn__XB_1I:hover {
    opacity: 0.7;
  }
  .s_footer__reGyq {
    display: flex;
    gap: 8px;
    width: 100%;
    align-items: center;
    background: #ffffff;
    z-index: 3;
    border-top: 1px solid #e6e8ec;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    left: 0;
    padding: 24px;
    border-bottom: 1px solid #e6e8ec;
  }
  .s_catalogLinkWrapper__kzYr3 {
    width: 100%;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/NavigationMap/s.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root___ZwDS {
  z-index: 3000;
}

.s_modalBody__0lSfb {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

.s_closeBtn__JPlWq {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
}

.s_zoomControls__yAZNc {
  display: none;
}

@media (min-width: 1024px) {
  .s_zoomControls__yAZNc {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
    z-index: 10;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/NavigationMap/StaticMap/s.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__ZMvBt {
  z-index: 3000;
}

.s_modalBody__ks4sQ {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

.s_closeBtn__6RNcO {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
}

.s_zoomControls__L_IVK {
  display: none;
}

.s_filterBtn__zUZoh {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 3;
}
.s_filterBtn__zUZoh > div {
  width: 24px !important;
  height: 24px !important;
}
.s_filterBtn__zUZoh svg {
  width: 24px;
  height: 24px;
}

@media (min-width: 1024px) {
  .s_zoomControls__L_IVK {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
    z-index: 10;
  }
  .s_zoomControlsStatic__Y6Zbs {
    right: 20px;
  }
  .s_filterBtn__zUZoh {
    top: 24px;
    left: 24px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/NavigationMap/components/ProjectPin/s.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__XfLJx {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 3px 12px 3px 3px;
  border: 16px;
  width: max-content;
  background: #ffffff;
  border: 1px solid #E6E8EC;
  border-radius: 16px;
  cursor: pointer;
}

.s_title__lgHym {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #141416;
}

.s_modal__QLJvT {
  width: 100%;
  height: 100%;
  background: #ffffff;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/NavigationMap/components/MapProjectCard/s.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__EeaG_ {
  position: fixed;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 500;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: none;
  background: #ffffff;
}

.s_headerWrapper__H73HR {
  position: -webkit-sticky;
  position: sticky;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
  padding: 12px 16px;
  margin-top: -32px;
  color: #141416;
}

.s_closeBtn__nMg2c {
  position: -webkit-sticky;
  position: sticky;
  align-self: flex-end;
  top: 12px;
  right: 16px;
  z-index: 3;
}

.s_imgWrapper__ddu0d {
  position: relative;
  width: 100%;
  min-height: 211px;
}

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

.s_layoutShadow__F1FEz {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1019607843);
  z-index: 0;
}

.s_tagsWrapper__Wp22x {
  position: absolute;
  left: 16px;
  top: 16px;
  display: flex;
  gap: 4px;
}

.s_tagsWrapperSold__SCgPB {
  bottom: unset;
  top: 16px;
}

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

.s_tagSold__kQU6I {
  position: absolute;
  bottom: 16px;
  left: 16px;
}

.s_bodyWrapper__tRY4m {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1 1;
  padding: 24px 16px 34px 16px;
}

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

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

.s_btnWrapper__1O9l6 {
  display: flex;
  gap: 9px;
  margin: auto 0 0 0;
}

.s_subTypesList__e5rKI {
  display: flex;
  flex-direction: column;
}

.s_subTypesItem__Rc1ci {
  display: flex;
  align-items: center;
  padding: 5px 0;
  border-bottom: 1px solid #B1B5C3;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #777E90;
}
.s_subTypesItem__Rc1ci:first-child {
  border-top: 1px solid #B1B5C3;
}
.s_subTypesItem__Rc1ci span:first-child {
  min-width: 120px;
}
.s_subTypesItem__Rc1ci span:nth-child(2) {
  margin: 0 0 0 60px;
}
.s_subTypesItem__Rc1ci span:last-child {
  margin: 0 0 0 auto;
  color: #141416;
}

@media (min-width: 1024px) {
  .s_root__EeaG_ {
    width: 375px;
    height: auto;
    min-height: 523px;
    left: 40px;
    bottom: 40px;
    border-radius: 24px;
  }
  .s_headerWrapper__H73HR {
    display: none;
  }
  .s_imgWrapper__ddu0d {
    width: 375px;
    min-height: 211px;
    margin-top: -32px;
  }
  .s_closeBtn__nMg2c {
    position: -webkit-sticky;
    position: sticky;
    align-self: flex-end;
  }
  .s_tagsWrapper__Wp22x {
    flex-wrap: wrap;
    max-width: 280px;
  }
  .s_btnWrapper__1O9l6 {
    padding: 8px 0 0 0;
    margin: auto 0 0 0;
  }
  .s_layoutShadow__F1FEz {
    height: 211px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/NavigationMap/components/Settings/s.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_switcherWrapper__tuTgv {
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding: 0 24px;
  overflow: hidden;
}

.s_settingsWrapper__h_dvq {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 36px;
  width: 100%;
  padding: 24px 0;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  color: #353945;
  background: #ffffff;
  border: 1px solid #E6E8EC;
  z-index: 3;
}

.s_settingsList__34vd7 {
  display: flex;
  gap: 2px;
  padding: 0 16px;
  overflow-x: scroll;
  scrollbar-width: none;
}

.s_settingsItem__WiGTN {
  min-width: max-content;
  gap: 8px;
  cursor: pointer;
}

.s_filterBtn__GXSmc > div {
  width: 24px !important;
  height: 24px !important;
}
.s_filterBtn__GXSmc svg {
  width: 24px;
  height: 24px;
}

@media (min-width: 1024px) {
  .s_settingsWrapper__h_dvq {
    position: absolute;
    top: 12px;
    left: 40px;
    padding: 0;
    gap: unset;
    width: auto;
    height: max-content;
    overflow: unset;
    border: unset;
    background: transparent;
    z-index: 1000;
  }
  .s_settingsList__34vd7 {
    padding: 0;
    gap: 4px;
  }
  .s_img__1u_z7 {
    width: 16px;
    height: 16px;
  }
  .s_switcherWrapper__tuTgv {
    position: absolute;
    top: 48px;
    left: 0;
    width: 240px;
    padding: 28px 24px;
    border-radius: 24px;
    border: 1px solid #E6E8EC;
    background: #ffffff;
  }
  .s_switcherWrapperHidden__VTsrO {
    display: none;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Navigation/NavigationFilterButton/NavigationFilterButton.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NavigationFilterButton_filterBtn___Y2_K {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;
  padding: 10px;
  color: #ffffff;
  border-radius: 50%;
  background: #141416;
  border: 1px solid #141416;
  transition: background 0.2s ease-in-out;
}
@media (pointer: fine) {
  .NavigationFilterButton_filterBtn___Y2_K:hover {
    background: #23262f;
    border: 1px solid #23262f;
  }
}
.NavigationFilterButton_filterBtn___Y2_K:active {
  background: #353945;
  border: 1px solid #777e90;
}
.NavigationFilterButton_filterBtn___Y2_K svg {
  width: 16px;
  height: 16px;
}
@media (min-width: 1024px) {
  .NavigationFilterButton_filterBtn___Y2_K {
    justify-content: center;
    height: 44px;
    width: 44px;
    padding: 14px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Navigation/NavigationList/NavigationList.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NavigationList_navigationList___eOtL {
  display: flex;
  align-items: center;
  border-radius: 24px;
  width: 100%;
}

.NavigationList_navigationItem__DGUkz {
  min-width: max-content;
  flex: auto;
}
.NavigationList_navigationItem__DGUkz:last-child {
  padding-right: 8px;
}
.NavigationList_navigationItem__DGUkz:last-child.NavigationList_navigationItem_bordered__7x7m0 {
  padding-right: 6px;
}
.NavigationList_navigationItem_noBtns__rJblm:first-child {
  padding-left: 8px;
}
.NavigationList_navigationItem_noBtns__rJblm:first-child.NavigationList_navigationItem_bordered__7x7m0 {
  padding-left: 6px;
}

.NavigationList_tag__oVqxC {
  border: none;
  color: #ffffff;
  width: 100%;
  transition: background 0.2s ease-in-out;
}
.NavigationList_tag_bold__85VPf {
  padding-block: 7px;
  min-height: 36px;
  font-weight: 500;
}

@media (min-width: 1024px) {
  .NavigationList_navigationList___eOtL {
    flex: 1 1;
    width: auto;
    border: 1px solid #777e90;
  }
  .NavigationList_navigationList_collapsed__tBxI4 {
    flex: unset;
    width: max-content;
  }
  .NavigationList_navigationItem__DGUkz {
    width: auto;
    flex: 1 1;
  }
  .NavigationList_navigationItem__DGUkz:last-child {
    padding-right: 0;
  }
  .NavigationList_navigationItem__DGUkz:last-child.NavigationList_navigationItem_bordered__7x7m0 {
    padding-right: 0px;
  }
  .NavigationList_navigationItem_noBtns__rJblm:first-child {
    padding-left: 0;
  }
  .NavigationList_navigationItem_noBtns__rJblm:first-child.NavigationList_navigationItem_bordered__7x7m0 {
    padding-left: 0px;
  }
  .NavigationList_tagAdaptive__uqMNJ {
    display: block;
    width: 100%;
  }
  .NavigationList_tagAdaptive__uqMNJ:hover {
    background: rgba(20, 20, 22, 0.5019607843);
  }
  .NavigationList_tagNav__Gh0YE {
    position: relative;
    overflow: hidden;
    padding: 10px 28px;
  }
  .NavigationList_tagNav__Gh0YE::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: -24px;
    width: 100px;
    border-radius: 20px;
    pointer-events: none;
    background: rgba(20, 20, 22, 0.8);
    filter: blur(24px);
  }
  .NavigationList_tagNavText__uznUa {
    position: relative;
    z-index: 2;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Navigation/NavigationMapButton/NavigationMapButton.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NavigationMapButton_mapBtn__gX5qs {
  position: relative;
  display: inline-grid;
  align-items: center;
  inline-size: 36px;
  block-size: 36px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #777e90;
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.NavigationMapButton_mapBtn__gX5qs::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  box-shadow: inset 0 0 0 1px #141416;
  transition: opacity 0.2s ease-in-out;
}
.NavigationMapButton_mapBtn__gX5qs:active::after {
  opacity: 1;
  box-shadow: inset 0 0 0 1px #777e90;
}
@media (min-width: 1024px) {
  .NavigationMapButton_mapBtn__gX5qs {
    inline-size: 44px;
    block-size: 44px;
  }
}
@media (min-width: 1024px) and (pointer: fine) {
  .NavigationMapButton_mapBtn__gX5qs:hover::after {
    opacity: 1;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Navigation/NavigationPopoverMenu/NavigationPopoverMenu.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NavigationPopoverMenu_popoverPanel__1F36z {
  z-index: 106;
  box-shadow: 0px 16px 32px rgba(35, 38, 47, 0.45);
  border: 1px solid #777e90;
  background: rgba(35, 38, 47, 0.7490196078);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-radius: 28px;
  padding: 8px;
  overflow: hidden;
}

.NavigationPopoverMenu_popoverList__rj878 {
  display: flex;
  flex-direction: column;
}

.NavigationPopoverMenu_tag__jZNQk {
  border: none;
  color: #ffffff;
  width: 100%;
  transition: background 0.2s ease-in-out;
}

@media (min-width: 1024px) {
  .NavigationPopoverMenu_tagAdaptive___aewv {
    display: block;
    width: 100%;
  }
  .NavigationPopoverMenu_tagAdaptive___aewv:hover {
    background: rgba(20, 20, 22, 0.5019607843);
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Navigation/NavigationPopoverMenuButton/NavigationPopoverMenuButton.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NavigationPopoverMenuButton_menuBtn__45DoC {
  position: relative;
  display: flex;
  align-items: center;
  height: 36px;
  width: 36px;
  padding: 10px;
  color: #ffffff;
  border-radius: 50%;
  background: #141416;
  border: 1px solid #141416;
  transition: background 0.2s ease-in-out;
}
@media (pointer: fine) {
  .NavigationPopoverMenuButton_menuBtn__45DoC:hover {
    background: #23262f;
    border: 1px solid #23262f;
  }
}
.NavigationPopoverMenuButton_menuBtn__45DoC:active {
  background: #353945;
  border: 1px solid #777e90;
}
.NavigationPopoverMenuButton_menuBtn_close__wuV2c {
  background-color: #ffffff;
  color: #141416;
  border: 1px solid #ffffff;
  transition: border 0.2s ease-in-out;
}
.NavigationPopoverMenuButton_menuBtn_close__wuV2c:hover, .NavigationPopoverMenuButton_menuBtn_close__wuV2c:active {
  background: #ffffff;
}
.NavigationPopoverMenuButton_menuBtn__45DoC svg {
  width: 16px;
  height: 16px;
}

.NavigationPopoverMenuButton_iconSvg__ghT4S {
  display: block;
  width: 16px;
  height: 16px;
}

@media (min-width: 1024px) {
  .NavigationPopoverMenuButton_menuBtn__45DoC {
    justify-content: center;
    height: 44px;
    width: 44px;
    padding: 14px;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Navigation/s.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes s_magicShow___kafl {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.s_root__LIBLg {
  position: fixed;
  top: calc(54px + var(--top-banner-offset, 0px));
  left: 8px;
  right: 8px;
  width: calc(100% - 16px);
  z-index: 90;
  animation: s_magicShow___kafl 0.3s ease-in;
  border-radius: 40px;
  box-shadow: 0px 16px 32px rgba(35, 38, 47, 0.45);
  transition: top var(--top-banner-transition);
}
.s_root_bordered__hlXGz {
  border: 1px solid #777e90;
}
.s_root_mobileHeaderExpanded__OrVbV {
  top: calc(102px + var(--top-banner-offset, 0px));
}

.s_root_mobileBottom__n4Jx5 {
  top: unset;
  bottom: 24px;
}

.s_innerContainer__0ep3J {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px;
  padding-right: 0;
  background: rgba(35, 38, 47, 0.7490196078);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-radius: 40px;
  overflow: hidden;
}
.s_innerContainer_bordered__Ofr5U {
  padding: 6px;
  padding-right: 0;
}
.s_innerContainer_noLeftBtns__QQsXa {
  padding-left: 0;
}

.s_scrollableContainer__LGmDg {
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 30px;
  flex: 1 1;
  min-width: 0;
  scroll-behavior: smooth;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.s_scrollableContainer__LGmDg::-webkit-scrollbar {
  display: none;
}

@media (min-width: 1024px) {
  .s_root__LIBLg {
    transition: none;
    top: unset;
    left: 50%;
    bottom: 40px;
    transform: translate(-50%, 0);
    width: max-content;
    background: transparent;
    padding: 0;
  }
  .s_root_bordered__hlXGz {
    padding: 0;
  }
  .s_innerContainer__0ep3J {
    padding-right: 8px;
  }
  .s_innerContainer_noLeftBtns__QQsXa {
    padding-left: 8px;
  }
  .s_innerContainer_bordered__Ofr5U {
    padding-right: 6px;
  }
  .s_innerContainer_bordered__Ofr5U.s_innerContainer_noLeftBtns__QQsXa {
    padding-left: 6px;
  }
}
@media (min-width: 1440px) {
  .s_root__LIBLg {
    max-width: 1360px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Promo/Promo.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Promo_root__w0X4a {
  position: fixed;
  left: 0;
  top: -48px;
  width: 100%;
  z-index: 500;
  height: 48px;
}
@media (min-width: 1024px) {
  .Promo_root__w0X4a {
    top: -60px;
    height: 60px;
  }
}

.Promo_backgroundIcon__AHID9 {
  position: absolute;
  inset: 0;
  width: 100%;
  background: center center no-repeat transparent;
  background-size: cover;
  z-index: 50;
  display: block;
}
.Promo_backgroundIcon_tablet__Ybg4t, .Promo_backgroundIcon_desktop__4hgtQ, .Promo_backgroundIcon_desktopLarge__WfWE1 {
  display: none;
}
@media (min-width: 768px) {
  .Promo_backgroundIcon__AHID9 {
    display: none;
  }
  .Promo_backgroundIcon_tablet__Ybg4t {
    display: block;
  }
}
@media (min-width: 1024px) {
  .Promo_backgroundIcon_tablet__Ybg4t {
    display: none;
  }
  .Promo_backgroundIcon_desktop__4hgtQ {
    display: block;
  }
}
@media (min-width: 2048px) {
  .Promo_backgroundIcon_desktop__4hgtQ {
    display: none;
  }
  .Promo_backgroundIcon_desktopLarge__WfWE1 {
    display: block;
  }
}

.Promo_content__R_BRu {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 14px;
  height: 100%;
}
@media (min-width: 1024px) {
  .Promo_content__R_BRu {
    padding: 10px 20px;
  }
}

.Promo_text__0Yvxa {
  position: relative;
  display: -webkit-box;
  overflow: hidden;
  text-align: center;
  max-width: 370px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: white;
  z-index: 100;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: normal;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/TopBanner/s.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__qdvWA {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 1568px;
  padding: 16px;
  border-radius: 12px;
  margin: 0 0 14px 0;
  background: #23262f;
  overflow: hidden;
  max-height: var(--top-banner-height, 500px);
  opacity: 1;
  transition: opacity var(--top-banner-transition), max-height var(--top-banner-transition), margin-bottom var(--top-banner-transition);
}
.s_root__qdvWA.s_closing___fxFL, .s_root__qdvWA.s_hidden__gRdix {
  max-height: 0;
  margin-bottom: 0;
  opacity: 0;
  transition: opacity var(--top-banner-transition), max-height var(--top-banner-transition), margin-bottom var(--top-banner-transition);
}
.s_root__qdvWA.s_hidden__gRdix {
  pointer-events: none;
}

.s_rootCommercial__heano {
  background: #283380;
}

.s_rootResidential__Mig37 {
  background: #b2461a;
}

.s_rootRetail__eof_U {
  background: #ad1044;
}

.s_closeBtn__fy1u6 {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  z-index: 2;
}

.s_text__OFS4z {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #ffffff;
  padding-right: 18px;
  z-index: 1;
}

.s_btn__teVK_ {
  z-index: 1;
}
.s_btn__teVK_:hover {
  background: transparent;
  opacity: 0.8;
}

.s_closing___fxFL .s_text__OFS4z,
.s_closing___fxFL .s_btn__teVK_,
.s_closing___fxFL .s_closeBtn__fy1u6,
.s_hidden__gRdix .s_text__OFS4z,
.s_hidden__gRdix .s_btn__teVK_,
.s_hidden__gRdix .s_closeBtn__fy1u6 {
  opacity: 0;
  transition: opacity 0.2s ease-out;
}

@media (min-width: 1024px) {
  .s_root__qdvWA {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 32px;
    padding: 12px 16px;
  }
  .s_closeBtn__fy1u6 {
    top: 14px;
  }
  .s_text__OFS4z {
    min-width: max-content;
  }
  .s_btn__teVK_ {
    width: max-content;
    padding-left: 24px;
    padding-right: 24px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/lk/pages/LoyaltyPage/components/BSidebar/ModalCloseButton/ModalCloseButton.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ModalCloseButton_closeBtn__VWRVP {
  padding: 0;
  width: 24px;
  height: 24px;
  color: #ffffff;
  background: transparent;
  cursor: pointer;
  border: none;
}
.ModalCloseButton_closeBtn__VWRVP svg {
  width: 24px;
  height: 24px;
}
@media (min-width: 1024px) {
  .ModalCloseButton_closeBtn__VWRVP {
    width: 28px;
    height: 28px;
  }
  .ModalCloseButton_closeBtn__VWRVP svg {
    width: 28px;
    height: 28px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/lk/pages/LoyaltyPage/components/BSidebar/GiftCard/ModalGift/ModalGift.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ModalGift_modal__vmsSE {
  z-index: 3000;
}

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

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

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

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

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

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

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

.ModalGift_description__3XPnf {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .ModalGift_description__3XPnf {
    letter-spacing: 0;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/banners/BTopBanner/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/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/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;
  }
}