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

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

.QuickFilters_tabsSlot__We181 {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

.ResponsiveFilters_tabletOnly__giQa5.ResponsiveFilters_tabletOnly__giQa5 {
  display: contents;
}
@media (min-width: 1440px) {
  .ResponsiveFilters_tabletOnly__giQa5.ResponsiveFilters_tabletOnly__giQa5 {
    display: none;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/PageTitle/PageTitle.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PageTitle_root__3VaSD {
  font-weight: 500;
  font-size: 32px;
  line-height: 32px;
  letter-spacing: -0.02em;
}
.PageTitle_root__desktop__sLDIp {
  display: none;
}
@media (min-width: 1024px) {
  .PageTitle_root__desktop__sLDIp {
    display: block;
  }
}
.PageTitle_root__mobile__w2Yoa {
  display: block;
}
@media (min-width: 1024px) {
  .PageTitle_root__mobile__w2Yoa {
    display: none;
  }
}
@media (min-width: 1024px) {
  .PageTitle_root__3VaSD {
    text-align: center;
    font-size: 48px;
    line-height: 48px;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/residentialPageV4/components/ResidentialV4FiltersSection/ResidentialV4FiltersSection.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ResidentialV4FiltersSection_section__Nwu_o {
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin-top: 40px;
  margin-bottom: -32px;
}
@media (min-width: 1024px) {
  .ResidentialV4FiltersSection_section__Nwu_o {
    margin-top: 64px;
    margin-bottom: 0;
  }
}

.ResidentialV4FiltersSection_section_hiddenMobileWithoutTitle__ZUZ4g {
  display: none;
}
@media (min-width: 1024px) {
  .ResidentialV4FiltersSection_section_hiddenMobileWithoutTitle__ZUZ4g {
    display: flex;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/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/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/BFormCenteredV2/BFormCenteredV2.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BFormCenteredV2_blockContainer__1touE.BFormCenteredV2_blockContainer__1touE {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1024px) {
  .BFormCenteredV2_blockContainer__1touE.BFormCenteredV2_blockContainer__1touE {
    padding-left: 40px;
    padding-right: 40px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.PersonalCheckbox_linkError__0Tm_i {
  color: #ec5353;
}

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

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

.PersonalCheckbox_checkboxContent__0ghVz {
  overflow: visible;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BGalleryWithTabbar/BGalleryWithTabbar.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BGalleryWithTabbar_container__biw37 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.BGalleryWithTabbar_title__jy5MI {
  font-weight: 500;
  font-size: 32px;
  line-height: 1;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .BGalleryWithTabbar_title__jy5MI {
    font-size: 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/SliderWithTabbar/SliderWithTabbar.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SliderWithTabbar_root__sbhem {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.SliderWithTabbar_header__YgXiU {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
@media (min-width: 1024px) {
  .SliderWithTabbar_header__YgXiU {
    min-height: 48px;
  }
}

.SliderWithTabbar_slider__mom5d {
  height: 100%;
  border-radius: 24px;
  touch-action: pan-y;
}

.SliderWithTabbar_slide__80n0R {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.SliderWithTabbar_headerControls__C29UZ {
  display: none;
}
@media (min-width: 1024px) {
  .SliderWithTabbar_headerControls__C29UZ {
    display: flex;
    gap: 8px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/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/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/components/VideoPlayer/VideoPlayerExternal/VideoPlayerExternal.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.VideoPlayerExternal_videoWrapper__BlU09 {
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.VideoPlayerOwn_modal__WXTR2 {
  z-index: 3000;
}

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

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

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

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

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

.VideoPlayerOwn_modal__close-btn__I3sW5 {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 10;
  flex-shrink: 0;
  padding: 9px;
}
@media (min-width: 1024px) {
  .VideoPlayerOwn_modal__close-btn__I3sW5 {
    top: 16px;
    right: 16px;
  }
}
@media (min-width: 1440px) {
  .VideoPlayerOwn_modal__close-btn__I3sW5 {
    width: 48px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/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[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./node_modules/swiper/modules/free-mode.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

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

.SlideSwitchHeadlines_slide__fecdt.SlideSwitchHeadlines_slide__fecdt {
  width: auto !important;
  height: 100%;
  cursor: pointer;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/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/ProgressSwitcher/ProgressSwitcher.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProgressSwitcher_root__S43u0 {
  display: flex;
  align-items: center;
  --columns: 2;
  width: 100%;
  min-width: 0;
  background: #ffffff;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .ProgressSwitcher_root__S43u0 {
    --columns: 3;
    padding: 8px 12px;
    border: 1px solid #b1b5c3;
    border-radius: 24px;
  }
}
@media (min-width: 1440px) {
  .ProgressSwitcher_root__S43u0 {
    --columns: 6;
  }
}
@media (min-width: 1024px) {
  .ProgressSwitcher_root_hideNavButtons__yNL06 .ProgressSwitcher_navBtn__toDsN {
    display: none;
  }
}
@media (min-width: 1024px) {
  .ProgressSwitcher_root_distributeItemsEvenly__Lul4D {
    flex: 1 1;
  }
}

.ProgressSwitcher_viewport__sUKvR {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  margin-right: -16px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.ProgressSwitcher_viewport__sUKvR::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1024px) {
  .ProgressSwitcher_viewport__sUKvR {
    overflow-x: hidden;
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .ProgressSwitcher_viewport__sUKvR {
    overflow-x: hidden;
    margin-right: 0;
  }
}

.ProgressSwitcher_items__kGW3X {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media (min-width: 1024px) {
  .ProgressSwitcher_items__kGW3X {
    gap: 4px;
  }
}

.ProgressSwitcher_itemWrap__lHHeN {
  flex: 0 0 auto;
  min-width: 0;
  scroll-snap-align: center;
  scroll-margin: 4px;
}
.ProgressSwitcher_itemWrap__lHHeN:first-child {
  padding-left: 14px;
}
@media (min-width: 1024px) {
  .ProgressSwitcher_itemWrap__lHHeN:first-child {
    padding-left: 0;
  }
}
.ProgressSwitcher_itemWrap__lHHeN:last-child {
  padding-right: 14px;
}
@media (min-width: 1024px) {
  .ProgressSwitcher_itemWrap__lHHeN:last-child {
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .ProgressSwitcher_itemWrap__lHHeN {
    flex: 0 0 calc((100% - (var(--columns) - 1) * 4px) / var(--columns));
    max-width: calc((100% - (var(--columns) - 1) * 4px) / var(--columns));
    scroll-snap-align: none;
    scroll-margin: 0;
  }
}
@media (min-width: 1024px) {
  .ProgressSwitcher_itemWrap_distributeEvenly___Q6AV {
    flex: 1 1;
    max-width: none;
  }
}

.ProgressSwitcher_itemBtn__xT2sx {
  box-sizing: border-box;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #141416;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  padding: 6px;
}
@media (max-width: 1023px) and (hover: none) {
  .ProgressSwitcher_itemBtn__xT2sx:hover {
    background: inherit;
    color: inherit;
    box-shadow: none;
    opacity: 1;
  }
}
@media (min-width: 1024px) {
  .ProgressSwitcher_itemBtn__xT2sx {
    color: #ffffff;
    font-weight: 400;
    padding-top: 3px;
    padding-bottom: 3px;
  }
}
.ProgressSwitcher_itemBtn_notActive__ywFyQ {
  color: #b1b5c3;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .ProgressSwitcher_itemBtn_notActive__ywFyQ {
    color: #141416;
  }
}

.ProgressSwitcher_navBtn__toDsN {
  position: relative;
  background-color: white;
  padding: 0;
  display: none;
}
@media (min-width: 1024px) {
  .ProgressSwitcher_navBtn__toDsN {
    display: block;
  }
}
.ProgressSwitcher_navBtn__toDsN:hover {
  opacity: 0.6;
}
.ProgressSwitcher_navBtn__toDsN svg {
  color: #141416;
}
.ProgressSwitcher_navBtn_left__MlMCy {
  rotate: 180deg;
}
.ProgressSwitcher_navBtn_right__rXGfp {
  margin-left: auto;
}
.ProgressSwitcher_navBtn_disabled__iih6_ {
  pointer-events: none;
  opacity: 1 !important;
}
.ProgressSwitcher_navBtn_disabled__iih6_ svg {
  color: #e6e8ec;
}

.ProgressSwitcher_yearBtn__jjIrd {
  pointer-events: none;
  padding: 4px 16px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  border: none;
}
@media (min-width: 1024px) {
  .ProgressSwitcher_yearBtn__jjIrd {
    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/BGalleryWithProjects/BGalleryWithProjects.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BGalleryWithProjects_root__3xJ5Q {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

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

.BGalleryWithProjects_card___1iom {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 0 -16px;
}
@media (min-width: 1024px) {
  .BGalleryWithProjects_card___1iom {
    margin: 0;
  }
}

.BGalleryWithProjects_options__Ubwbb {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 16px;
}
@media (min-width: 1024px) {
  .BGalleryWithProjects_options__Ubwbb {
    flex-direction: row;
    align-items: center;
    padding: 0;
  }
}

.BGalleryWithProjects_select__3DQr_ {
  width: 100%;
}
@media (min-width: 1024px) {
  .BGalleryWithProjects_select__3DQr_ {
    width: 224px;
    flex-shrink: 0;
  }
}
@media (min-width: 1440px) {
  .BGalleryWithProjects_select__3DQr_ {
    width: 327px;
  }
}
@media (min-width: 2048px) {
  .BGalleryWithProjects_select__3DQr_ {
    width: 380px;
  }
}

.BGalleryWithProjects_selectWrapper__yeUVX .BGalleryWithProjects_select__3DQr_ [class*='selectedOptions'] {
  border-color: #b1b5c3;
}

.BGalleryWithProjects_content__fAUxi {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  border-radius: 24px;
  height: 440px;
  margin: 0 16px;
}
@media (min-width: 1024px) {
  .BGalleryWithProjects_content__fAUxi {
    height: 640px;
    margin: 0;
  }
}
@media (min-width: 1440px) {
  .BGalleryWithProjects_content__fAUxi {
    height: 660px;
  }
}
@media (min-width: 2048px) {
  .BGalleryWithProjects_content__fAUxi {
    height: 765px;
  }
}
@media (min-width: 1024px) {
  .BGalleryWithProjects_content__fAUxi:hover .BGalleryWithProjects_navigation__gsiRM {
    opacity: 1;
    visibility: visible;
  }
}

.BGalleryWithProjects_sliderCustom__X5rTN {
  width: 100% !important;
  height: 100% !important;
}

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

.BGalleryWithProjects_navigation__gsiRM {
  display: none;
  gap: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  width: 100%;
  justify-content: space-between;
  padding: 0 16px;
  pointer-events: auto;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .BGalleryWithProjects_navigation__gsiRM {
    display: flex;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
  }
}

.BGalleryWithProjects_navBtn__dpm_U {
  pointer-events: auto;
}

.BGalleryWithProjects_root__3xJ5Q .BGalleryWithProjects_progressSwitcherFirstItem__2gX4c {
  padding-left: 0;
  margin-left: -6px;
}
@media (min-width: 1024px) {
  .BGalleryWithProjects_root__3xJ5Q .BGalleryWithProjects_progressSwitcherFirstItem__2gX4c {
    padding-left: 14px;
    margin-left: 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/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/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/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/RealtyStandards/Card/Card.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Card_root__LoEAn {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 600px;
  background: #f4f5f6;
  border-radius: 12px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .Card_root__LoEAn {
    min-height: 640px;
  }
}

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

.Card_title__iVH0H {
  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) {
  .Card_title__iVH0H {
    font-size: 40px;
    line-height: 40px;
  }
}
.Card_title__iVH0H {
  min-height: 60px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .Card_title__iVH0H {
    font-size: 24px;
    line-height: 32px;
    min-height: 64px;
  }
}

.Card_description__x9G40 {
  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) {
  .Card_description__x9G40 {
    font-size: 16px;
    line-height: 24px;
  }
}

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

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

.Card_img__D5lLC {
  object-fit: cover;
  width: 100%;
  height: auto;
  aspect-ratio: 432/270;
}

.Card_button__U5_st {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 1;
  padding: 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/components3/RealtyStandards/RealtyStandards.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RealtyStandards_root__3A2oj {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1024px) {
  .RealtyStandards_root__3A2oj {
    gap: 48px;
  }
}

.RealtyStandards_header__q5mm6 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}
@media (min-width: 1024px) {
  .RealtyStandards_header__q5mm6 {
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    gap: 40px;
  }
}

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

.RealtyStandards_headerActions__81rF7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  gap: 24px;
}
@media (min-width: 1024px) {
  .RealtyStandards_headerActions__81rF7 {
    align-items: flex-end;
  }
}

.RealtyStandards_title__8HCHb {
  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) {
  .RealtyStandards_title__8HCHb {
    font-size: 48px;
    line-height: 48px;
  }
}

.RealtyStandards_description__yGNSz {
  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) {
  .RealtyStandards_description__yGNSz {
    font-size: 32px;
    line-height: 36px;
  }
}

.RealtyStandards_allStandardsLink__fjxGT {
  display: inline-flex;
  align-items: center;
  gap: 0;
  color: #015ff9;
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0;
}
@media (hover: hover) {
  .RealtyStandards_allStandardsLink__fjxGT:hover {
    color: #034AC0;
  }
}
@media (hover: none) {
  .RealtyStandards_allStandardsLink__fjxGT:active {
    color: #034AC0;
  }
}
.RealtyStandards_allStandardsLink__fjxGT:active {
  color: #0645aa;
}
@media (min-width: 1024px) {
  .RealtyStandards_allStandardsLink__fjxGT {
    display: none;
  }
}
@media (min-width: 1440px) {
  .RealtyStandards_allStandardsLink__fjxGT {
    display: inline-flex;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.02em;
    height: 64px;
  }
}

.RealtyStandards_allStandardsIcon__K7zTY {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
@media (min-width: 1440px) {
  .RealtyStandards_allStandardsIcon__K7zTY {
    width: 28px;
    height: 28px;
  }
}

.RealtyStandards_allStandardsButtonLink__zHHas {
  display: none;
}
@media (min-width: 1024px) {
  .RealtyStandards_allStandardsButtonLink__zHHas {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 1440px) {
  .RealtyStandards_allStandardsButtonLink__zHHas {
    display: none;
  }
}

.RealtyStandards_allStandardsButton__iDYyi.RealtyStandards_allStandardsButton__iDYyi {
  height: 48px;
  padding: 12px 32px;
}

.RealtyStandards_navWrap__EwXzf {
  display: none;
}
@media (min-width: 1024px) {
  .RealtyStandards_navWrap__EwXzf {
    display: flex;
    margin-top: auto;
  }
}
@media (min-width: 1440px) {
  .RealtyStandards_navWrap__EwXzf {
    display: none;
  }
}

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

.RealtyStandards_track__7BouM {
  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;
}
.RealtyStandards_track__7BouM::-webkit-scrollbar {
  display: none;
}
.RealtyStandards_track__7BouM {
  display: flex;
  align-items: stretch;
  margin: 0;
  padding: 0 16px;
  gap: 12px;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 16px;
}
@media (min-width: 1024px) {
  .RealtyStandards_track__7BouM {
    padding: 0 40px;
    gap: 32px;
    scroll-padding-inline: 40px;
  }
}
@media (min-width: 1440px) {
  .RealtyStandards_track__7BouM {
    overflow: visible;
    scroll-snap-type: none;
    touch-action: auto;
    overscroll-behavior: auto;
    -webkit-overflow-scrolling: auto;
    scrollbar-width: auto;
    -ms-overflow-style: auto;
    padding: 0;
    scroll-padding-inline: 0;
  }
}

.RealtyStandards_item__n_ZbC {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: flex;
  flex: 0 0 auto;
  width: 320px;
}
@media (min-width: 1024px) {
  .RealtyStandards_item__n_ZbC {
    width: 368px;
  }
}
@media (min-width: 1440px) {
  .RealtyStandards_item__n_ZbC {
    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/components/CatalogLinkButton/CatalogLinkButton.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CatalogLinkButton_link__tVZr0 {
  display: contents;
  color: inherit;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/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/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/shared/components3/LotSharePopup/LotSharePopup.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LotSharePopup_root__slvD1 {
  position: relative;
  width: 227px;
  padding: 20px;
  border-radius: 12px;
  background: #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);
}

.LotSharePopup_close__Q_ok8 {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  background: transparent;
  color: #141416;
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
@media (hover: hover) {
  .LotSharePopup_close__Q_ok8:hover {
    color: #575C6B;
  }
}
@media (hover: none) {
  .LotSharePopup_close__Q_ok8:active {
    color: #575C6B;
  }
}

.LotSharePopup_action__RfCIN {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 0;
  border: none;
  background: transparent;
  color: #141416;
  text-align: left;
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
@media (hover: hover) {
  .LotSharePopup_action__RfCIN:hover {
    color: #575C6B;
  }
}
@media (hover: none) {
  .LotSharePopup_action__RfCIN:active {
    color: #575C6B;
  }
}

.LotSharePopup_copy__vFbXG {
  margin-top: 24px;
}

.LotSharePopup_icon__R55zG {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.LotSharePopup_label__7wmJV {
  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;
}

.LotSharePopup_divider__Hbli3 {
  height: 1px;
  margin-top: 20px;
  background: #e6e8ec;
}

.LotSharePopup_actions__xKwaX {
  display: flex;
  flex-direction: column;
  gap: 16px;
  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/shared/components3/BPlanningSolutions/LotsCard/LotsCardActions/LotsCardActions.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LotsCardActions_root__2f0vg {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 40px;
  height: 112px;
  padding: 4px 0;
  border-radius: 20px;
  background: #f4f5f6;
  z-index: 16;
}
@media (min-width: 1024px) {
  .LotsCardActions_root__2f0vg {
    width: 48px;
    height: 120px;
    padding: 8px 0;
    border-radius: 24px;
  }
}

.LotsCardActions_button__sbICh {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background: #f4f5f6;
  color: #141416;
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
@media (hover: hover) {
  .LotsCardActions_button__sbICh:hover {
    color: #575C6B;
  }
}
@media (hover: none) {
  .LotsCardActions_button__sbICh:active {
    color: #575C6B;
  }
}
.LotsCardActions_button__sbICh:disabled {
  color: #D1D4DD;
  cursor: default;
}

.LotsCardActions_icon__YtzVh {
  width: 20px;
  height: 20px;
  display: block;
  flex-shrink: 0;
}

.LotsCardActions_popupAnchor__B6K9Y {
  position: relative;
  display: flex;
}

.LotsCardActions_popup__pBp_9 {
  position: absolute;
  top: -4px;
  right: -6px;
  z-index: 17;
}
@media (min-width: 1024px) {
  .LotsCardActions_popup__pBp_9 {
    right: -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/components3/BPlanningSolutions/LotsCard/LotsCard.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LotsCard_root__VvuAq {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 12px;
  border: 1px solid #e6e8ec;
  padding: 24px;
  width: 100%;
  height: 100%;
  min-height: 0;
  background: #ffffff;
}

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

.LotsCard_actions__qfR4R {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 16;
}

.LotsCard_header__YGMu1 {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (min-width: 1024px) {
  .LotsCard_header__YGMu1 {
    gap: 56px;
  }
}
.LotsCard_header__info__BC43h {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

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

.LotsCard_imageWrapper__qpHSc {
  width: calc(100% + 16px);
  height: 210px;
  margin-right: -8px;
  margin-left: -8px;
}
@media (min-width: 1024px) {
  .LotsCard_imageWrapper__qpHSc {
    height: 268px;
  }
}

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

.LotsCard_content__wECPe {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  align-items: flex-start;
}

.LotsCard_name__0l0re {
  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) {
  .LotsCard_name__0l0re {
    font-size: 20px;
    line-height: 24px;
  }
}
.LotsCard_name__0l0re {
  letter-spacing: -0.02em;
  color: #141416;
}
@media (min-width: 1024px) {
  .LotsCard_name__0l0re {
    letter-spacing: 0;
  }
}

.LotsCard_info__IuLaW {
  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-top: 8px;
  color: #141416;
}
.LotsCard_info_main__rcKWG {
  position: relative;
  color: #015ff9;
  z-index: 2;
}
@media (hover: hover) {
  .LotsCard_info_main__rcKWG:hover {
    color: #034AC0;
  }
}
@media (hover: none) {
  .LotsCard_info_main__rcKWG:active {
    color: #034AC0;
  }
}
.LotsCard_info_main__rcKWG:active {
  color: #034AC0;
}

.LotsCard_tags__kISP3 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 16px;
}

.LotsCard_tag__eA6UO {
  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;
  display: inline-flex;
  align-items: center;
  padding: 2px 12px;
  border-radius: 12px;
  background: #f4f5f6;
  color: #141416;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .LotsCard_tag__eA6UO {
    padding: 4px 16px;
  }
}

.LotsCard_price__mpYlt {
  margin-top: auto;
  padding-top: 20px;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.02em;
  color: #141416;
}
@media (min-width: 1024px) {
  .LotsCard_price__mpYlt {
    padding-top: 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/components3/BPlanningSolutions/BPlanningSolutions.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BPlanningSolutions_container__Uh7wM {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 32px;
  z-index: 1;
}
@media (min-width: 1024px) {
  .BPlanningSolutions_container__Uh7wM {
    gap: 34px;
  }
}

.BPlanningSolutions_title__yhhrs {
  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) {
  .BPlanningSolutions_title__yhhrs {
    font-size: 48px;
    line-height: 48px;
  }
}

.BPlanningSolutions_content__6ZjkW {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
}
@media (min-width: 1024px) {
  .BPlanningSolutions_content__6ZjkW {
    gap: 42px;
  }
}

.BPlanningSolutions_header__UicsE {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
@media (min-width: 1024px) {
  .BPlanningSolutions_header__UicsE {
    min-height: 48px;
  }
}

.BPlanningSolutions_viewport__9KIFb {
  position: relative;
  min-width: 0;
}
@media (min-width: 1440px) {
  .BPlanningSolutions_viewport__9KIFb {
    overflow: hidden;
  }
}

.BPlanningSolutions_track__bKoRs {
  display: flex;
  align-items: stretch;
  gap: 12px;
  margin: 0 -16px;
  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 */
}
.BPlanningSolutions_track__bKoRs::-webkit-scrollbar {
  display: none;
}
.BPlanningSolutions_track__bKoRs {
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 1024px) {
  .BPlanningSolutions_track__bKoRs {
    gap: 32px;
    margin: 0 -40px;
    padding: 0 40px;
    scroll-padding-inline: 40px;
  }
}
@media (min-width: 1440px) {
  .BPlanningSolutions_track__bKoRs {
    margin: 0;
    padding: 0;
    scroll-padding-inline: 0;
  }
}

.BPlanningSolutions_trackFit__lrscp {
  overflow-x: visible;
  scroll-snap-type: none;
}
.BPlanningSolutions_trackFit__lrscp .BPlanningSolutions_slide__wnLr_ {
  flex: 0 0 100%;
}
@media (min-width: 1024px) {
  .BPlanningSolutions_trackFit__lrscp {
    margin: 0;
    padding: 0;
  }
  .BPlanningSolutions_trackFit__lrscp .BPlanningSolutions_slide__wnLr_ {
    flex: 0 0 456px;
  }
}
@media (min-width: 1440px) {
  .BPlanningSolutions_trackFit__lrscp .BPlanningSolutions_slide__wnLr_ {
    flex: 0 0 432px;
  }
}
@media (min-width: 2048px) {
  .BPlanningSolutions_trackFit__lrscp .BPlanningSolutions_slide__wnLr_ {
    flex: 0 0 501px;
  }
}

.BPlanningSolutions_slide__wnLr_ {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: flex;
  flex: 0 0 320px;
  min-width: 0;
}
@media (min-width: 1024px) {
  .BPlanningSolutions_slide__wnLr_ {
    flex: 0 0 368px;
  }
}
@media (min-width: 1440px) {
  .BPlanningSolutions_slide__wnLr_ {
    flex: 0 0 400px;
  }
}
@media (min-width: 2048px) {
  .BPlanningSolutions_slide__wnLr_ {
    flex: 0 0 440px;
  }
}

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

.BPlanningSolutions_button__Bwvhh.BPlanningSolutions_button__Bwvhh {
  width: 100%;
  padding-inline: 31px;
}
@media (min-width: 1024px) {
  .BPlanningSolutions_button__Bwvhh.BPlanningSolutions_button__Bwvhh {
    width: -moz-fit-content;
    width: fit-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/BSoonDetailed/BSoonDetailed.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BSoonDetailed_root__R_Bnp {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 1024px) {
  .BSoonDetailed_root__R_Bnp {
    flex-direction: row;
    gap: 16px;
  }
}

.BSoonDetailed_info__PTXdX {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 1024px) {
  .BSoonDetailed_info__PTXdX {
    justify-content: space-between;
    flex: 1 1;
  }
}

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

.BSoonDetailed_description__kK4nE {
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 1024px) {
  .BSoonDetailed_description__kK4nE {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.02em;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[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/SoonProject/SoonProject.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SoonProject_root__a6ka2 {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 24px;
  overflow: hidden;
  background: #23262f;
  width: 100%;
  min-height: 480px;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .SoonProject_root__a6ka2 {
    flex: 1 1;
  }
}

.SoonProject_content__SAb2W {
  position: relative;
  width: 100%;
  flex: 1 1;
  display: flex;
  padding: 24px;
  z-index: 3;
}

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

.SoonProject_blackout__ZW9q8 {
  position: absolute;
  inset: 0;
  background: rgba(35, 38, 47, 0.6509803922);
  z-index: 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/SoonProject/CardTags/CardTags.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CardTags_root___I6zy {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

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

.CardTags_tag__xOCwJ {
  padding: 4px 14px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  min-height: 20px;
}

.CardTags_metro__V_i_R {
  padding: 0;
}

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

.CardTags_metroTimeTo__29Jzv {
  color: #b1b5c3;
}
.CardTags_metroTimeTo__29Jzv * > svg {
  color: #b1b5c3;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/SoonProject/CardInner/CardInner.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CardInner_inner__u5r1g {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  gap: 16px;
  width: 100%;
}

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

.CardInner_title__u_HuE {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
  color: white;
}

.CardInner_footer__J_mE9 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: auto;
}

.CardInner_description__cz90_ {
  font-size: 14px;
  line-height: 20px;
  color: white;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  line-clamp: 7;
  max-height: 140px;
}
@media (min-width: 1024px) {
  .CardInner_description__cz90_ {
    -webkit-line-clamp: 5;
    max-height: 100px;
  }
}
@media (min-width: 1440px) {
  .CardInner_description__cz90_ {
    -webkit-line-clamp: unset;
    max-height: unset;
  }
}

.CardInner_button__GHHI5 {
  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/components3/BChooseProject/ProjectCard/ActionsPill/ActionsPill.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ActionsPill_pill__fIZoq {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 40px;
  height: 76px;
  padding: 8px;
  background-color: #ffffff;
  border-radius: 99px;
}
.ActionsPill_pill_single__ldhkt {
  height: 40px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ProjectCardSkeleton_image__sC7JA {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: #e6e8ec;
  border-radius: 12px 12px 0 0;
  animation: ProjectCardSkeleton_pulseOpacity__JtooI 2s ease-in-out infinite;
}

.ProjectCardSkeleton_topTags__ee4nr {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.ProjectCardSkeleton_topTag__K2qZK {
  width: 120px;
  height: 20px;
  background: #D1D4DD;
  border-radius: 10px;
  animation: ProjectCardSkeleton_pulseOpacity__JtooI 2s ease-in-out infinite;
}

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

.ProjectCardSkeleton_title__H9ybA {
  width: 100%;
  height: 32px;
  background: #e6e8ec;
  border-radius: 16px;
  animation: ProjectCardSkeleton_pulseOpacity__JtooI 2s ease-in-out infinite;
}

.ProjectCardSkeleton_metro____yla {
  width: 100%;
  height: 20px;
  margin-top: 20px;
  background: #e6e8ec;
  border-radius: 10px;
  animation: ProjectCardSkeleton_pulseOpacity__JtooI 2s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .ProjectCardSkeleton_metro____yla {
    margin-top: 24px;
  }
}

.ProjectCardSkeleton_bottomTag__pHSse {
  width: 100%;
  height: 20px;
  margin-top: auto;
  background: #e6e8ec;
  border-radius: 10px;
  animation: ProjectCardSkeleton_pulseOpacity__JtooI 2s ease-in-out infinite;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BChooseProject/Header/Header.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes Header_pulseOpacity__i8fu_ {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.Header_root__d4Uu1 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 1024px) {
  .Header_root__d4Uu1 {
    gap: 40px;
  }
}

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

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

.Header_tags__BbIJo {
  display: flex;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-inline: -16px;
  padding-inline: 16px;
}
.Header_tags__BbIJo::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1024px) {
  .Header_tags__BbIJo {
    flex-wrap: wrap;
    margin-inline: 0;
    padding-inline: 0;
  }
}
@media (min-width: 1440px) {
  .Header_tags__BbIJo {
    gap: 6px;
  }
}
.Header_tags__BbIJo > li {
  flex: 0 0 auto;
}

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

.Header_tabsRow__Zyc7T {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

@media (min-width: 1024px) {
  .Header_tabsRow__Zyc7T .Header_arrows__oPPIF {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

.Header_tabs__uDVi7 {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  scrollbar-width: none;
  margin-inline: -16px;
  padding-inline: 16px;
}
.Header_tabs__uDVi7::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1024px) {
  .Header_tabs__uDVi7 {
    margin-inline: 0;
    padding-inline: 0;
    padding-right: 106px;
  }
}

.Header_tab__59QhO {
  flex: 0 0 auto;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components3/BChooseProject/BChooseProject.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BChooseProject_root__EliX6 {
  width: 100%;
  overflow: hidden;
}

.BChooseProject_isWithoutPadding__ezY5A {
  padding: 0;
}

.BChooseProject_root_blog__Ewy_5 {
  padding-left: 0;
  max-width: 936px;
}
@media (min-width: 1024px) {
  .BChooseProject_root_blog__Ewy_5 {
    max-width: unset;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_root_blog__Ewy_5 {
    max-width: 936px;
  }
}
@media (min-width: 2048px) {
  .BChooseProject_root_blog__Ewy_5 {
    max-width: 1093px;
  }
}
.BChooseProject_root_blog__Ewy_5 .BChooseProject_cardsViewport__t5ejK {
  margin-inline: -16px;
}
@media (min-width: 1024px) {
  .BChooseProject_root_blog__Ewy_5 .BChooseProject_cardsViewport__t5ejK {
    margin-inline: 0;
  }
}
.BChooseProject_root_blog__Ewy_5 .BChooseProject_cards__izx2Q {
  padding-inline: 16px;
  scroll-padding-inline: 16px;
}
@media (min-width: 1024px) {
  .BChooseProject_root_blog__Ewy_5 .BChooseProject_cards__izx2Q {
    padding-inline: 0;
    scroll-padding-inline: 0;
  }
}
@media (min-width: 1024px) {
  .BChooseProject_root_blog__Ewy_5 .BChooseProject_cardItem__x69Rf {
    flex: 0 0 auto;
    aspect-ratio: 291/417;
    height: 417px;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_root_blog__Ewy_5 .BChooseProject_cardItem__x69Rf {
    aspect-ratio: 291/415;
    height: 415px;
  }
}
@media (min-width: 2048px) {
  .BChooseProject_root_blog__Ewy_5 .BChooseProject_cardItem__x69Rf {
    aspect-ratio: 343/451;
    height: 451px;
  }
}

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

.BChooseProject_cardsViewport__t5ejK {
  position: relative;
  margin-inline: -16px;
}
@media (min-width: 1024px) {
  .BChooseProject_cardsViewport__t5ejK {
    margin-inline: -40px;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_cardsViewport__t5ejK {
    margin-inline: 0;
    overflow: hidden;
  }
}

.BChooseProject_cards__izx2Q {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding-inline: 16px;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 16px;
  scrollbar-width: none;
  list-style: none;
  margin: 0;
}
.BChooseProject_cards__izx2Q::-webkit-scrollbar {
  display: none;
}
.BChooseProject_cards_fit__yuOcP {
  overflow-x: visible;
  scroll-snap-type: none;
}
.BChooseProject_cards_fit__yuOcP .BChooseProject_cardItem__x69Rf {
  flex: 0 0 calc((100% - (var(--fit-columns) - 1) * 32px) / var(--fit-columns));
}
@media (min-width: 1024px) {
  .BChooseProject_cards__izx2Q {
    gap: 32px;
    padding-inline: 40px;
    scroll-padding-inline: 40px;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_cards__izx2Q {
    padding-inline: 0;
    scroll-padding-inline: 0;
  }
}

.BChooseProject_cardItem__x69Rf {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  flex: 0 0 320px;
  height: 448px;
  display: flex;
}
@media (min-width: 1024px) {
  .BChooseProject_cardItem__x69Rf {
    flex: 0 0 368px;
    height: 464px;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_cardItem__x69Rf {
    flex: 0 0 403px;
    height: 496px;
  }
}
@media (min-width: 2048px) {
  .BChooseProject_cardItem__x69Rf {
    flex: 0 0 468px;
    height: 536px;
  }
}

.BChooseProject_skeletonTrack__NfTJv {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding-inline: 16px;
  margin-inline: -16px;
  margin-block: 0;
  scrollbar-width: none;
  list-style: none;
}
.BChooseProject_skeletonTrack__NfTJv::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1024px) {
  .BChooseProject_skeletonTrack__NfTJv {
    gap: 32px;
    padding-inline: 40px;
    margin-inline: -40px;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_skeletonTrack__NfTJv {
    padding-inline: 0;
    margin-inline: 0;
  }
}
@media (max-width: 1023px) {
  .BChooseProject_skeletonTrack_gridMobile__YuPeM {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 40px;
    gap: 40px;
    grid-auto-rows: 448px;
    overflow-x: visible;
    padding-inline: 0;
    margin-inline: 0;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_skeletonTrack_gridDesktop__7udSO {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 32px;
    column-gap: 32px;
    grid-row-gap: 48px;
    row-gap: 48px;
    grid-auto-rows: 496px;
    overflow-x: visible;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_skeletonTrack_fewSlides__Bg7jK .BChooseProject_skeletonItem__gW0kx {
    flex: 1 1;
  }
}

.BChooseProject_skeletonItem__gW0kx {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: flex;
  flex: 0 0 320px;
  height: 448px;
  min-width: 0;
}
@media (min-width: 1024px) {
  .BChooseProject_skeletonItem__gW0kx {
    flex: 0 0 368px;
    height: 464px;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_skeletonItem__gW0kx {
    flex: 0 0 403px;
    height: 496px;
  }
}
@media (min-width: 2048px) {
  .BChooseProject_skeletonItem__gW0kx {
    flex: 0 0 468px;
    height: 536px;
  }
}
@media (max-width: 1023px) {
  .BChooseProject_skeletonItem_hideMobile__u4dWI {
    display: none;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_skeletonItem_hideDesktop__7JvBj {
    display: none;
  }
}

@media (min-width: 1024px) {
  .BChooseProject_cardBlog___wZiM {
    flex: 0 0 auto;
    aspect-ratio: 293/320;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_cardBlog___wZiM {
    height: 496px;
  }
}
@media (min-width: 2048px) {
  .BChooseProject_cardBlog___wZiM {
    height: 516px;
  }
}

.BChooseProject_grid__l8OBw {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 40px;
  gap: 40px;
  grid-auto-rows: 448px;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 1024px) {
  .BChooseProject_grid__l8OBw {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    grid-auto-rows: 464px;
  }
}
@media (min-width: 1440px) {
  .BChooseProject_grid__l8OBw {
    row-gap: 48px;
    column-gap: 32px;
    grid-auto-rows: 496px;
  }
}
@media (min-width: 2048px) {
  .BChooseProject_grid__l8OBw {
    grid-auto-rows: 536px;
  }
}

.BChooseProject_gridItem__ZOWBP {
  display: flex;
  min-width: 0;
}

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

.BChooseProject_buttonLink__3rOTB {
  display: block;
  width: 100%;
  text-decoration: none;
}
@media (min-width: 1024px) {
  .BChooseProject_buttonLink__3rOTB {
    width: auto;
  }
}

.BChooseProject_button__AlfOb {
  width: 100%;
  padding: 12px 32px;
  border: 0;
}
.BChooseProject_button__AlfOb:hover, .BChooseProject_button__AlfOb:focus, .BChooseProject_button__AlfOb:active {
  border: 0;
}
@media (min-width: 1024px) {
  .BChooseProject_button__AlfOb {
    width: auto;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/PlacementCategoryCard/PlacementCategoryCard.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PlacementCategoryCard_root__CUaHN {
  position: relative;
  overflow: hidden;
  background-color: #f4f5f6;
  height: 100%;
  border-radius: 24px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
}
.PlacementCategoryCard_root__CUaHN:hover {
  opacity: 0.8;
}
@media (min-width: 1024px) {
  .PlacementCategoryCard_root__CUaHN {
    padding: 24px;
  }
}

.PlacementCategoryCard_title__WieA3 {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.02em;
  z-index: 3;
  color: #ffffff;
}
@media (min-width: 1024px) {
  .PlacementCategoryCard_title__WieA3 {
    font-size: 20px;
    line-height: 24px;
  }
}

.PlacementCategoryCard_main__LE9oh {
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 3;
  color: #ffffff;
}
@media (min-width: 1024px) {
  .PlacementCategoryCard_main__LE9oh {
    gap: 24px;
  }
}

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

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

.PlacementCategoryCard_overlay__VISWI {
  position: absolute;
  inset: 0;
  background: rgba(35, 38, 47, 0.6509803922);
  z-index: 1;
  pointer-events: none;
}

.PlacementCategoryCard_bg__QQi4b {
  position: absolute !important;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}

.PlacementCategoryCard_linkWrapper__WX3th {
  display: flex;
  gap: 2px;
  align-items: flex-end;
}

.PlacementCategoryCard_icon__dW98l {
  width: 16px;
  height: 16px;
}
@media (min-width: 1024px) {
  .PlacementCategoryCard_icon__dW98l {
    width: 20px;
    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/ResidentialPage/components/BCategoryPropertyCatalog/Categories/Categories.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Categories_cards__D1utI {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 160px 46px 160px 160px;
  grid-column-gap: 8px;
  column-gap: 8px;
  grid-row-gap: 8px;
  row-gap: 8px;
}

.Categories_cards__D1utI > :nth-child(1) {
  grid-column: 1/2;
  grid-row: 1/3;
}

.Categories_cards__D1utI > :nth-child(2) {
  grid-column: 1/2;
  grid-row: 3/4;
}

.Categories_cards__D1utI > :nth-child(3) {
  grid-column: 2/3;
  grid-row: 1/2;
}

.Categories_cards__D1utI > :nth-child(4) {
  grid-column: 2/3;
  grid-row: 2/4;
}

.Categories_cards__D1utI > :nth-child(5) {
  grid-column: 1/3;
  grid-row: 4/5;
}

@media (min-width: 1024px) {
  .Categories_cards__D1utI {
    gap: 16px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "item0 item3" "item1 item3" "item2 item4";
  }
  .Categories_cards__D1utI > :nth-child(1) {
    grid-area: item0;
    height: 252px;
  }
  .Categories_cards__D1utI > :nth-child(2) {
    grid-area: item1;
    height: 252px;
  }
  .Categories_cards__D1utI > :nth-child(3) {
    grid-area: item2;
    height: 240px;
  }
  .Categories_cards__D1utI > :nth-child(4) {
    grid-area: item3;
    height: 520px;
  }
  .Categories_cards__D1utI > :nth-child(5) {
    grid-area: item4;
    height: 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/page/ResidentialPage/components/BCategoryPropertyCatalog/BCategoryPropertyCatalog.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BCategoryPropertyCatalog_root__KZsXW {
  position: relative;
  z-index: 2;
}

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

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

.BCategoryPropertyCatalog_blockContainerWithTitle__ZRz5T {
  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/components3/BRecommended/RecommendedCard/RecommendedCard.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RecommendedCard_root__qkTA4 {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background-color: #f4f5f6;
  display: flex;
  flex-direction: column;
}

.RecommendedCard_imgWrap__x0OcY {
  position: relative;
  aspect-ratio: 1.4;
  width: 100%;
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .RecommendedCard_imgWrap__x0OcY {
    aspect-ratio: 1.6;
  }
}

.RecommendedCard_imgWrap__x0OcY > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px 12px 0 0;
}

.RecommendedCard_content__byHJh {
  flex: 1 1;
  min-height: 0;
  padding: 24px 24px 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1024px) {
  .RecommendedCard_content__byHJh {
    padding: 32px 32px 40px;
  }
}

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

.RecommendedCard_projects__FwdUP {
  margin-top: auto;
  display: flex;
  flex-direction: column;
}

.RecommendedCard_project__6zGxm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0 10px;
  gap: 8px;
  font-size: 14px;
  line-height: 24px;
}
@media (hover: hover) {
  .RecommendedCard_project__6zGxm:hover .RecommendedCard_title__K3Oum {
    color: #034AC0;
  }
}
@media (hover: none) {
  .RecommendedCard_project__6zGxm:active .RecommendedCard_title__K3Oum {
    color: #034AC0;
  }
}
.RecommendedCard_project__6zGxm:active .RecommendedCard_title__K3Oum {
  color: #0645aa;
}
.RecommendedCard_project__6zGxm:not(:last-child) {
  border-bottom: 1px solid #ccd0d8;
}
.RecommendedCard_project__6zGxm:first-child {
  padding-top: 0;
}
.RecommendedCard_project__6zGxm:last-child {
  padding-bottom: 0;
}
@media (min-width: 1024px) {
  .RecommendedCard_project__6zGxm {
    align-items: stretch;
    min-height: 0;
    padding: 20px 0;
    font-size: 20px;
    line-height: 24px;
  }
}

.RecommendedCard_title__K3Oum {
  color: #015ff9;
  max-width: 55%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .RecommendedCard_title__K3Oum {
    max-width: 70%;
  }
}
@media (min-width: 1440px) {
  .RecommendedCard_title__K3Oum {
    max-width: 60%;
  }
}

.RecommendedCard_countWrapper__v2QMn {
  display: flex;
  gap: 2px;
  align-items: flex-end;
  justify-content: right;
}

.RecommendedCard_count__o6Iif {
  color: #141416;
}

.RecommendedCard_icon__JXb46 {
  width: 16px;
  height: 16px;
  color: #141416;
}
@media (min-width: 1024px) {
  .RecommendedCard_icon__JXb46 {
    width: 20px;
    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/components3/BRecommended/BRecommended.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BRecommended_root__WFdJQ {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1024px) {
  .BRecommended_root__WFdJQ {
    gap: 48px;
  }
}

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

.BRecommended_title__2OFaz {
  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) {
  .BRecommended_title__2OFaz {
    font-size: 48px;
    line-height: 48px;
  }
}
.BRecommended_title__2OFaz {
  color: #141416;
}

.BRecommended_container__IdiqG {
  position: relative;
}

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

.BRecommended_track__EKkof {
  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 */
}
.BRecommended_track__EKkof::-webkit-scrollbar {
  display: none;
}
.BRecommended_track__EKkof {
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 1024px) {
  .BRecommended_track__EKkof {
    gap: 32px;
    padding: 0 40px;
    scroll-padding-inline: 40px;
  }
}
@media (min-width: 1440px) {
  .BRecommended_track__EKkof {
    padding: 0;
    scroll-padding-inline: 0;
  }
}

@media (min-width: 1440px) {
  .BRecommended_trackFew__NNv4m {
    overflow-x: visible;
    scroll-snap-type: none;
  }
  .BRecommended_trackFew__NNv4m .BRecommended_slide__nysKO {
    flex: 1 1;
    min-width: 0;
    width: auto;
  }
}

.BRecommended_slide__nysKO {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  flex: 0 0 320px;
  height: 560px;
  display: flex;
  min-width: 0;
}
@media (min-width: 1024px) {
  .BRecommended_slide__nysKO {
    flex: 0 0 368px;
    height: 720px;
  }
}
@media (min-width: 1440px) {
  .BRecommended_slide__nysKO {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 96px - 55px) / 3);
    scroll-snap-align: none;
  }
}
@media (min-width: 2048px) {
  .BRecommended_slide__nysKO {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 96px - 70px) / 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/components3/BRecommendedWithPrice/RecommendedCard/RecommendedCard.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RecommendedCard_root__kx_u5 {
  width: 100%;
  border-radius: 12px;
  background-color: #f4f5f6;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.RecommendedCard_content__wSOhp {
  height: 100%;
  padding: 24px 24px 32px;
  display: flex;
  flex-direction: column;
  gap: 55px;
}
@media (min-width: 1024px) {
  .RecommendedCard_content__wSOhp {
    padding: 32px 32px 40px;
  }
}

.RecommendedCard_header__Io2zf {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  align-items: baseline;
  min-height: 48px;
}
@media (min-width: 1024px) {
  .RecommendedCard_header__Io2zf {
    gap: 24px;
    min-height: 64px;
  }
}

.RecommendedCard_minPrice__Z7mdI {
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  color: #015ff9;
}
@media (hover: hover) {
  .RecommendedCard_minPrice__Z7mdI:hover {
    color: #034AC0;
  }
}
@media (hover: none) {
  .RecommendedCard_minPrice__Z7mdI:active {
    color: #034AC0;
  }
}
.RecommendedCard_minPrice__Z7mdI:active {
  color: #0645aa;
}
@media (min-width: 1024px) {
  .RecommendedCard_minPrice__Z7mdI {
    font-size: 20px;
    line-height: 24px;
  }
}

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

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

.RecommendedCard_project__rzLRS {
  display: flex;
  justify-content: space-between;
  padding: 12px 0 11px;
  gap: 16px;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .RecommendedCard_project__rzLRS {
    padding: 20px 0;
    font-size: 20px;
    line-height: 24px;
  }
}
@media (hover: hover) {
  .RecommendedCard_project__rzLRS:hover .RecommendedCard_title__7HkDv {
    color: #034AC0;
  }
}
@media (hover: none) {
  .RecommendedCard_project__rzLRS:active .RecommendedCard_title__7HkDv {
    color: #034AC0;
  }
}
.RecommendedCard_project__rzLRS:active .RecommendedCard_title__7HkDv {
  color: #0645aa;
}
.RecommendedCard_project__rzLRS:not(:last-child) {
  border-bottom: 1px solid #e6e8ec;
}
.RecommendedCard_project__rzLRS:first-child {
  padding-top: 0;
}
.RecommendedCard_project__rzLRS:last-child {
  padding-bottom: 0;
}

.RecommendedCard_title__7HkDv {
  color: #015ff9;
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .RecommendedCard_title__7HkDv {
    max-width: 70%;
  }
}
@media (min-width: 1440px) {
  .RecommendedCard_title__7HkDv {
    max-width: 60%;
  }
}

.RecommendedCard_countWrapper__UuZ0b {
  display: flex;
  gap: 2px;
  align-items: flex-end;
  justify-content: right;
}

.RecommendedCard_count__5iK3j {
  color: #141416;
}

.RecommendedCard_icon__iO5KN {
  width: 16px;
  height: 16px;
  color: #141416;
}
@media (min-width: 1024px) {
  .RecommendedCard_icon__iO5KN {
    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/BRecommendedWithPrice/BRecommendedWithPrice.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BRecommendedWithPrice_root__YyaIo {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1024px) {
  .BRecommendedWithPrice_root__YyaIo {
    gap: 48px;
  }
}

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

.BRecommendedWithPrice_title__4mjKS {
  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) {
  .BRecommendedWithPrice_title__4mjKS {
    font-size: 48px;
    line-height: 48px;
  }
}

.BRecommendedWithPrice_navigation__QTEHy {
  flex-shrink: 0;
}

.BRecommendedWithPrice_container__47TsL {
  position: relative;
}

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

.BRecommendedWithPrice_track__J1tEc {
  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;
}
.BRecommendedWithPrice_track__J1tEc::-webkit-scrollbar {
  display: none;
}
.BRecommendedWithPrice_track__J1tEc {
  display: flex;
  align-items: stretch;
  height: 320px;
  margin: 0;
  padding: 0 16px;
  gap: 12px;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 16px;
}
@media (min-width: 1024px) {
  .BRecommendedWithPrice_track__J1tEc {
    height: 440px;
    padding: 0 40px;
    gap: 32px;
    scroll-padding-left: 40px;
  }
}
@media (min-width: 1440px) {
  .BRecommendedWithPrice_track__J1tEc {
    padding: 0;
    scroll-snap-type: none;
    scroll-padding-left: 0;
  }
}

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

@media (min-width: 1440px) {
  .BRecommendedWithPrice_trackFew__kUwOB .BRecommendedWithPrice_slide__exJR8 {
    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/components/BGalleryWithLinks/CardWithLink/CardWithLink.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CardWithLink_card__kIAip {
  width: 100%;
  border-radius: 24px;
}

.CardWithLink_imageWrapper__STvAb {
  position: relative;
  width: 100%;
  height: 400px;
  background: #e6e8ec;
  border-radius: 24px;
  overflow: hidden;
  isolation: isolate;
}
.CardWithLink_imageWrapper__STvAb::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
}
@media (min-width: 1024px) {
  .CardWithLink_imageWrapper__STvAb {
    height: 640px;
  }
}
@media (min-width: 2048px) {
  .CardWithLink_imageWrapper__STvAb {
    height: 722px;
  }
}

.CardWithLink_image__Ms0wF {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.CardWithLink_bottomBar__WI2Ru {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px 16px;
  z-index: 2;
  color: #ffffff;
}
@media (min-width: 1024px) {
  .CardWithLink_bottomBar__WI2Ru {
    padding: 24px;
  }
}

.CardWithLink_description__7Wph1 {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #ffffff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 13;
  line-clamp: 13;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .CardWithLink_description__7Wph1 {
    font-size: 24px;
    line-height: 32px;
  }
}

.CardWithLink_countWrapper__ff2Ur {
  display: flex;
  gap: 2px;
  align-items: flex-end;
}

.CardWithLink_count__IYhVy {
  color: #ffffff;
}

.CardWithLink_icon__2__KA {
  width: 16px;
  height: 16px;
  color: #ffffff;
}
@media (min-width: 1024px) {
  .CardWithLink_icon__2__KA {
    width: 20px;
    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/AppearWrapper/AppearWrapper.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AppearWrapper_root__u71Ni {
  display: none;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.AppearWrapper_root_displayed__s7E1m {
  display: flex;
}
.AppearWrapper_root_opaque__a2ZEv {
  opacity: 1;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/BGalleryWithLinks/BGalleryWithLinks.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BGalleryWithLinks_root__FaGU5 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

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

.BGalleryWithLinks_content__AhrsT {
  display: flex;
  flex-direction: column;
  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/page/ResidentialPage/components/shared/ResidentialBlockStyles.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ResidentialBlockStyles_root__NPYQS {
  position: relative;
  z-index: 2;
}

.ResidentialBlockStyles_container__jWGf7 {
  display: flex;
  flex-direction: column;
  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/components3/BStaticCards/StaticCard/StaticCard.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.StaticCard_root__bCUiy {
  width: 100%;
  min-height: 520px;
  border-radius: 12px;
  background-color: #f4f5f6;
  color: #141416;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .StaticCard_root__bCUiy {
    min-height: 600px;
  }
}

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

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

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

.StaticCard_description__meWI7 {
  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) {
  .StaticCard_description__meWI7 {
    font-size: 16px;
    line-height: 24px;
  }
}

.StaticCard_tags__LEq6n {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: auto;
  padding-top: 20px;
}
@media (min-width: 1024px) {
  .StaticCard_tags__LEq6n {
    padding-top: 24px;
  }
}

.StaticCard_imgWrap__H0zcV {
  position: relative;
  width: 100%;
  height: 228px;
}
@media (min-width: 1024px) {
  .StaticCard_imgWrap__H0zcV {
    height: auto;
    aspect-ratio: 1.6;
  }
}

.StaticCard_imgWrap__H0zcV > img {
  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/BStaticCards/BStaticCards.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BStaticCards_root__fCM6A {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1024px) {
  .BStaticCards_root__fCM6A {
    gap: 48px;
  }
}

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

.BStaticCards_title__tr5Jg {
  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) {
  .BStaticCards_title__tr5Jg {
    font-size: 48px;
    line-height: 48px;
  }
}
.BStaticCards_title__tr5Jg {
  color: #141416;
}

.BStaticCards_container__BQa0B {
  position: relative;
}

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

.BStaticCards_track__tM73j {
  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 */
}
.BStaticCards_track__tM73j::-webkit-scrollbar {
  display: none;
}
.BStaticCards_track__tM73j {
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 1024px) {
  .BStaticCards_track__tM73j {
    gap: 32px;
    padding: 0 40px;
    scroll-padding-inline: 40px;
  }
}
@media (min-width: 1440px) {
  .BStaticCards_track__tM73j {
    padding: 0;
    scroll-padding-inline: 0;
  }
}

@media (min-width: 1440px) {
  .BStaticCards_trackFew__2wXT2 {
    overflow-x: visible;
    scroll-snap-type: none;
  }
  .BStaticCards_trackFew__2wXT2 .BStaticCards_slide__lkjk1 {
    flex: 1 1;
    min-width: 0;
    width: auto;
  }
}

.BStaticCards_slide__lkjk1 {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  flex: 0 0 320px;
  display: flex;
  min-width: 0;
}
@media (min-width: 1024px) {
  .BStaticCards_slide__lkjk1 {
    flex: 0 0 368px;
  }
}
@media (min-width: 1440px) {
  .BStaticCards_slide__lkjk1 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 96px - 55px) / 3);
  }
}
@media (min-width: 2048px) {
  .BStaticCards_slide__lkjk1 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 96px - 70px) / 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/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/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/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/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/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/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/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/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/widgets/FloatingCatalogButton/SearchButtonComponent/SearchButtonComponent.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.SearchButtonComponent_button__NmN1X {
  border: none;
  padding: 0;
  background: transparent;
  cursor: pointer;
  transition: width 0.2s ease-in-out;
  display: inline-flex;
  align-items: stretch;
  height: 48px;
  width: 48px;
  border-radius: 32px;
  background: #141416;
  color: #ffffff;
  white-space: nowrap;
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.12), 0px 21px 21px 0px rgba(0, 0, 0, 0.1), 0px 48px 29px 0px rgba(0, 0, 0, 0.06), 0px 85px 34px 0px rgba(0, 0, 0, 0.02), 0px 132px 37px 0px rgba(0, 0, 0, 0);
  overflow: hidden;
}
.SearchButtonComponent_button_expanded__K9l5H {
  -webkit-clip-path: inset(0 round 32px);
          clip-path: inset(0 round 32px);
  width: 243px;
}
.SearchButtonComponent_button_expanded__K9l5H .SearchButtonComponent_inner__YqH5Z {
  padding: 0 20px;
}
.SearchButtonComponent_button_expanded__K9l5H .SearchButtonComponent_label__kI_vw {
  opacity: 1;
}
@media (min-width: 1024px) {
  .SearchButtonComponent_button__NmN1X {
    height: 60px;
    width: 60px;
    /* На планшете тап не раскрывает кнопку */
  }
}
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  .SearchButtonComponent_button__NmN1X:hover {
    width: 251px;
  }
  .SearchButtonComponent_button__NmN1X:hover .SearchButtonComponent_inner__YqH5Z {
    padding: 0 50px 0 24px;
  }
  .SearchButtonComponent_button__NmN1X:hover .SearchButtonComponent_label__kI_vw {
    opacity: 1;
  }
}

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

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

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

.FloatingCatalogButton_buttonPosition__LVBwg {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: auto;
  pointer-events: auto;
}
@media (min-width: 1024px) {
  .FloatingCatalogButton_buttonPosition__LVBwg {
    bottom: 100px;
    right: 24px;
    left: auto;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/residentialPageV4/components/ResidentialPageV4Client/ResidentialPageV4Client.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ResidentialPageV4Client_content__qyI7X {
  display: flex;
  flex-direction: column;
  gap: 64px;
  padding-bottom: 64px;
  background: #ffffff;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .ResidentialPageV4Client_content__qyI7X {
    gap: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1440px) {
  .ResidentialPageV4Client_content__qyI7X {
    gap: 100px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/residentialPageV4/pages/ResidentialPageV4.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ResidentialPageV4_root__pchGT {
  display: flex;
  justify-content: center;
  position: relative;
  background: white;
}

.ResidentialPageV4_wrapper__GbUWf {
  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) {
  .ResidentialPageV4_wrapper__GbUWf {
    padding: var(--header-height) 0 0 0;
    transition: none;
  }
}
.ResidentialPageV4_wrapper__GbUWf {
  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/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/components3/banners/BTopBanner/BTopBannerShell/BTopBannerShell.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BTopBannerShell_mask__EdKqc {
  display: block;
  width: 100%;
  max-width: 1568px;
  overflow: hidden;
  max-height: var(--top-banner-height, 500px);
  margin-bottom: 14px;
  transition: max-height var(--top-banner-transition), margin-bottom var(--top-banner-transition);
}
.BTopBannerShell_mask__EdKqc.BTopBannerShell_closing__DPfs2, .BTopBannerShell_mask__EdKqc.BTopBannerShell_hidden__337VG {
  max-height: 0;
  margin-bottom: 0;
}

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

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

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

.BTopBannerShell_root_hasImage__Pde9H {
  background: transparent;
}

.BTopBannerShell_rootCommercial__NKh1N {
  background: #283380;
}

.BTopBannerShell_rootResidential__nfHP5 {
  background: #b2461a;
}

.BTopBannerShell_rootRetail__6NHHn {
  background: #ad1044;
}

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

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

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

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

.BTopBannerShell_content__4grFh {
  display: contents;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1024px) {
  .BTopBannerAiAssistant_btn__64SaW {
    width: max-content;
    padding-left: 24px;
    padding-right: 24px;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/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/shared/uikit/InputWrapper/InputWrapper.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.InputWrapper_root__nwP2_ {
  cursor: text;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  border: 1px transparent solid;
  border-radius: 32px;
  transition: border-color, box-shadow 0.2s cubic-bezier(0.65, 0, 0.35, 1);
  transition-duration: 0.2s;
}
.InputWrapper_root__nwP2_ input:-webkit-autofill,
.InputWrapper_root__nwP2_ input:-webkit-autofill:hover,
.InputWrapper_root__nwP2_ input:-webkit-autofill:focus,
.InputWrapper_root__nwP2_ input:-webkit-autofill:active {
  border: 0;
  -webkit-box-shadow: 0 0 0 30px transparent inset !important;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  border-bottom-color: transparent;
}
.InputWrapper_root__nwP2_.InputWrapper__isError__y7ai4 {
  border-color: #de4242;
}
.InputWrapper_root__nwP2_.InputWrapper__isError__y7ai4 .InputWrapper_enhancer__f__L_ {
  color: #de4242;
}
.InputWrapper_root__nwP2_.InputWrapper__isError__y7ai4 .InputWrapper_input__mQSE0 {
  color: #de4242;
}
.InputWrapper_root__nwP2_.InputWrapper__isError__y7ai4 .InputWrapper_input__mQSE0::placeholder {
  color: #de4242;
}

.InputWrapper_inputBox__B2Li5 {
  position: relative;
  width: 100%;
  height: 100%;
}

.InputWrapper_enhancer__f__L_ {
  cursor: text;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #b1b5c3;
}

.InputWrapper_selectEnhancer__EdulH {
  cursor: pointer;
}

.InputWrapper_input__mQSE0 {
  height: 100%;
  font-family: tt-hoves-pro, BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #141416;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
}
.InputWrapper_input__mQSE0::placeholder {
  color: #777e90;
}
.InputWrapper_input__mQSE0:disabled {
  color: #b1b5c3;
  opacity: 1;
  -webkit-text-fill-color: #b1b5c3;
}
.InputWrapper_input__mQSE0 {
  border: none;
  border-radius: 0;
  box-shadow: 0;
}
.InputWrapper_input__mQSE0:focus {
  outline: 0;
}

.InputWrapper__s-tiny__e720J {
  height: 48px;
  border-radius: 48px;
}
.InputWrapper__s-tiny__e720J .InputWrapper_enhancer__f__L_:first-child {
  padding-right: 4px;
  padding-left: 24px;
}
.InputWrapper__s-tiny__e720J .InputWrapper_enhancer__f__L_:last-child {
  padding-right: 24px;
  padding-left: 4px;
}
.InputWrapper__s-tiny__e720J .InputWrapper_input__mQSE0 {
  height: 100%;
  font-size: 16px;
  line-height: 24px;
}
.InputWrapper__s-tiny__e720J .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
  padding: 12px 24px;
}
.InputWrapper__s-tiny__e720J .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
  padding-left: 0;
}
.InputWrapper__s-tiny__e720J .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
  padding-right: 0;
}

.InputWrapper__s-small__fVKXs {
  height: 40px;
  border-radius: 48px;
}
.InputWrapper__s-small__fVKXs .InputWrapper_enhancer__f__L_:first-child {
  padding-right: 4px;
  padding-left: 10px;
}
.InputWrapper__s-small__fVKXs .InputWrapper_enhancer__f__L_:last-child {
  padding-right: 10px;
  padding-left: 4px;
}
.InputWrapper__s-small__fVKXs .InputWrapper_input__mQSE0 {
  height: 100%;
  font-size: 14px;
  line-height: 20px;
}
.InputWrapper__s-small__fVKXs .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
  padding: 10px 13px;
}
.InputWrapper__s-small__fVKXs .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
  padding-left: 0;
}
.InputWrapper__s-small__fVKXs .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
  padding-right: 0;
}

.InputWrapper__s-medium__4eSj9 {
  height: 48px;
  border-radius: 12px;
}
.InputWrapper__s-medium__4eSj9 .InputWrapper_enhancer__f__L_:first-child {
  padding-right: 4px;
  padding-left: 14px;
}
.InputWrapper__s-medium__4eSj9 .InputWrapper_enhancer__f__L_:last-child {
  padding-right: 14px;
  padding-left: 4px;
}
.InputWrapper__s-medium__4eSj9 .InputWrapper_input__mQSE0 {
  height: 100%;
  font-size: 14px;
  line-height: 20px;
}
.InputWrapper__s-medium__4eSj9 .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
  padding: 13px 19px;
}
.InputWrapper__s-medium__4eSj9 .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
  padding-left: 0;
}
.InputWrapper__s-medium__4eSj9 .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
  padding-right: 0;
}

.InputWrapper__s-medium-rounded__jv7XS {
  height: 48px;
  border-radius: 24px;
  padding-right: 4px;
  padding-left: 14px;
}
.InputWrapper__s-medium-rounded__jv7XS .InputWrapper_enhancer__f__L_:first-child {
  padding-right: 4px;
  padding-left: 14px;
}
.InputWrapper__s-medium-rounded__jv7XS .InputWrapper_enhancer__f__L_:last-child {
  padding-right: 14px;
  padding-left: 4px;
}
.InputWrapper__s-medium-rounded__jv7XS .InputWrapper_input__mQSE0 {
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.InputWrapper__s-medium-rounded__jv7XS .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
  padding: 13px 19px;
}
.InputWrapper__s-medium-rounded__jv7XS .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
  padding-left: 0;
}
.InputWrapper__s-medium-rounded__jv7XS .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
  padding-right: 0;
}

.InputWrapper__s-large__E_xB0 {
  height: 56px;
  border-radius: 16px;
}
.InputWrapper__s-large__E_xB0 .InputWrapper_input__mQSE0 {
  height: 100%;
  margin-top: 0;
  font-size: 16px;
  line-height: 24px;
}
.InputWrapper__s-large__E_xB0 .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
  padding: 15px 23px;
}
.InputWrapper__s-large__E_xB0 .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
  padding-left: 0;
}
.InputWrapper__s-large__E_xB0 .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
  padding-right: 0;
}
.InputWrapper__s-large__E_xB0 .InputWrapper_enhancer__f__L_:first-child {
  padding-right: 8px;
  padding-left: 14px;
}
.InputWrapper__s-large__E_xB0 .InputWrapper_enhancer__f__L_:last-child {
  padding-right: 14px;
  padding-left: 8px;
}

@media (min-width: 768px) {
  .InputWrapper__s_md-tiny__KPZ4I {
    height: 48px;
    border-radius: 48px;
  }
  .InputWrapper__s_md-tiny__KPZ4I .InputWrapper_enhancer__f__L_:first-child {
    padding-right: 4px;
    padding-left: 24px;
  }
  .InputWrapper__s_md-tiny__KPZ4I .InputWrapper_enhancer__f__L_:last-child {
    padding-right: 24px;
    padding-left: 4px;
  }
  .InputWrapper__s_md-tiny__KPZ4I .InputWrapper_input__mQSE0 {
    height: 100%;
    font-size: 16px;
    line-height: 24px;
  }
  .InputWrapper__s_md-tiny__KPZ4I .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
    padding: 12px 24px;
  }
  .InputWrapper__s_md-tiny__KPZ4I .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
    padding-left: 0;
  }
  .InputWrapper__s_md-tiny__KPZ4I .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
    padding-right: 0;
  }
  .InputWrapper__s_md-small__lwUGq {
    height: 40px;
    border-radius: 48px;
  }
  .InputWrapper__s_md-small__lwUGq .InputWrapper_enhancer__f__L_:first-child {
    padding-right: 4px;
    padding-left: 10px;
  }
  .InputWrapper__s_md-small__lwUGq .InputWrapper_enhancer__f__L_:last-child {
    padding-right: 10px;
    padding-left: 4px;
  }
  .InputWrapper__s_md-small__lwUGq .InputWrapper_input__mQSE0 {
    height: 100%;
    font-size: 14px;
    line-height: 20px;
  }
  .InputWrapper__s_md-small__lwUGq .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
    padding: 10px 13px;
  }
  .InputWrapper__s_md-small__lwUGq .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
    padding-left: 0;
  }
  .InputWrapper__s_md-small__lwUGq .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
    padding-right: 0;
  }
  .InputWrapper__s_md-medium__Cw_U4 {
    height: 48px;
    border-radius: 12px;
  }
  .InputWrapper__s_md-medium__Cw_U4 .InputWrapper_enhancer__f__L_:first-child {
    padding-right: 4px;
    padding-left: 14px;
  }
  .InputWrapper__s_md-medium__Cw_U4 .InputWrapper_enhancer__f__L_:last-child {
    padding-right: 14px;
    padding-left: 4px;
  }
  .InputWrapper__s_md-medium__Cw_U4 .InputWrapper_input__mQSE0 {
    height: 100%;
    font-size: 14px;
    line-height: 20px;
  }
  .InputWrapper__s_md-medium__Cw_U4 .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
    padding: 13px 19px;
  }
  .InputWrapper__s_md-medium__Cw_U4 .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
    padding-left: 0;
  }
  .InputWrapper__s_md-medium__Cw_U4 .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
    padding-right: 0;
  }
  .InputWrapper__s_md-medium-rounded___jMkL {
    height: 48px;
    border-radius: 24px;
  }
  .InputWrapper__s_md-medium-rounded___jMkL .InputWrapper_enhancer__f__L_:first-child {
    padding-right: 4px;
    padding-left: 14px;
  }
  .InputWrapper__s_md-medium-rounded___jMkL .InputWrapper_enhancer__f__L_:last-child {
    padding-right: 14px;
    padding-left: 4px;
  }
  .InputWrapper__s_md-medium-rounded___jMkL .InputWrapper_input__mQSE0 {
    height: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .InputWrapper__s_md-medium-rounded___jMkL .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
    padding: 13px 19px;
  }
  .InputWrapper__s_md-medium-rounded___jMkL .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
    padding-left: 0;
  }
  .InputWrapper__s_md-medium-rounded___jMkL .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
    padding-right: 0;
  }
  .InputWrapper__s_md-large__JzkOy {
    height: 56px;
    border-radius: 16px;
  }
  .InputWrapper__s_md-large__JzkOy .InputWrapper_input__mQSE0 {
    height: 100%;
    margin-top: 0;
    font-size: 16px;
    line-height: 24px;
  }
  .InputWrapper__s_md-large__JzkOy .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
    padding: 15px 23px;
  }
  .InputWrapper__s_md-large__JzkOy .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
    padding-left: 0;
  }
  .InputWrapper__s_md-large__JzkOy .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
    padding-right: 0;
  }
  .InputWrapper__s_md-large__JzkOy .InputWrapper_enhancer__f__L_:first-child {
    padding-right: 8px;
    padding-left: 14px;
  }
  .InputWrapper__s_md-large__JzkOy .InputWrapper_enhancer__f__L_:last-child {
    padding-right: 14px;
    padding-left: 8px;
  }
}
@media (min-width: 1024px) {
  .InputWrapper__s_lg-tiny__xjnl6 {
    height: 48px;
    border-radius: 48px;
  }
  .InputWrapper__s_lg-tiny__xjnl6 .InputWrapper_enhancer__f__L_:first-child {
    padding-right: 4px;
    padding-left: 24px;
  }
  .InputWrapper__s_lg-tiny__xjnl6 .InputWrapper_enhancer__f__L_:last-child {
    padding-right: 24px;
    padding-left: 4px;
  }
  .InputWrapper__s_lg-tiny__xjnl6 .InputWrapper_input__mQSE0 {
    height: 100%;
    font-size: 16px;
    line-height: 24px;
  }
  .InputWrapper__s_lg-tiny__xjnl6 .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
    padding: 12px 24px;
  }
  .InputWrapper__s_lg-tiny__xjnl6 .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
    padding-left: 0;
  }
  .InputWrapper__s_lg-tiny__xjnl6 .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
    padding-right: 0;
  }
  .InputWrapper__s_lg-small__XN3ju {
    height: 40px;
    border-radius: 48px;
  }
  .InputWrapper__s_lg-small__XN3ju .InputWrapper_enhancer__f__L_:first-child {
    padding-right: 4px;
    padding-left: 10px;
  }
  .InputWrapper__s_lg-small__XN3ju .InputWrapper_enhancer__f__L_:last-child {
    padding-right: 10px;
    padding-left: 4px;
  }
  .InputWrapper__s_lg-small__XN3ju .InputWrapper_input__mQSE0 {
    height: 100%;
    font-size: 14px;
    line-height: 20px;
  }
  .InputWrapper__s_lg-small__XN3ju .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
    padding: 10px 13px;
  }
  .InputWrapper__s_lg-small__XN3ju .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
    padding-left: 0;
  }
  .InputWrapper__s_lg-small__XN3ju .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
    padding-right: 0;
  }
  .InputWrapper__s_lg-medium__mm3DY {
    height: 48px;
    border-radius: 12px;
  }
  .InputWrapper__s_lg-medium__mm3DY .InputWrapper_enhancer__f__L_:first-child {
    padding-right: 4px;
    padding-left: 14px;
  }
  .InputWrapper__s_lg-medium__mm3DY .InputWrapper_enhancer__f__L_:last-child {
    padding-right: 14px;
    padding-left: 4px;
  }
  .InputWrapper__s_lg-medium__mm3DY .InputWrapper_input__mQSE0 {
    height: 100%;
    font-size: 14px;
    line-height: 20px;
  }
  .InputWrapper__s_lg-medium__mm3DY .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
    padding: 13px 19px;
  }
  .InputWrapper__s_lg-medium__mm3DY .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
    padding-left: 0;
  }
  .InputWrapper__s_lg-medium__mm3DY .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
    padding-right: 0;
  }
  .InputWrapper__s_lg-medium-rounded__q6QcI {
    height: 48px;
    border-radius: 24px;
  }
  .InputWrapper__s_lg-medium-rounded__q6QcI .InputWrapper_enhancer__f__L_:first-child {
    padding-right: 4px;
    padding-left: 14px;
  }
  .InputWrapper__s_lg-medium-rounded__q6QcI .InputWrapper_enhancer__f__L_:last-child {
    padding-right: 14px;
    padding-left: 4px;
  }
  .InputWrapper__s_lg-medium-rounded__q6QcI .InputWrapper_input__mQSE0 {
    height: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .InputWrapper__s_lg-medium-rounded__q6QcI .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
    padding: 13px 19px;
  }
  .InputWrapper__s_lg-medium-rounded__q6QcI .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
    padding-left: 0;
  }
  .InputWrapper__s_lg-medium-rounded__q6QcI .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
    padding-right: 0;
  }
  .InputWrapper__s_lg-large__rPDY1 {
    height: 56px;
    border-radius: 16px;
  }
  .InputWrapper__s_lg-large__rPDY1 .InputWrapper_input__mQSE0 {
    height: 100%;
    margin-top: 0;
    font-size: 16px;
    line-height: 24px;
  }
  .InputWrapper__s_lg-large__rPDY1 .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
    padding: 15px 23px;
  }
  .InputWrapper__s_lg-large__rPDY1 .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
    padding-left: 0;
  }
  .InputWrapper__s_lg-large__rPDY1 .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
    padding-right: 0;
  }
  .InputWrapper__s_lg-large__rPDY1 .InputWrapper_enhancer__f__L_:first-child {
    padding-right: 8px;
    padding-left: 14px;
  }
  .InputWrapper__s_lg-large__rPDY1 .InputWrapper_enhancer__f__L_:last-child {
    padding-right: 14px;
    padding-left: 8px;
  }
}
.InputWrapper__variant-blackStroke___sl4N {
  border: 1px solid #e6e8ec;
}
.InputWrapper__variant-blackStroke___sl4N:hover:not(.InputWrapper__disabled__MplJ_, .InputWrapper__isError__y7ai4) {
  border-color: #e6e8ec;
}
.InputWrapper__variant-blackStroke___sl4N:focus-within:not(.InputWrapper__disabled__MplJ_) {
  border-color: #e6e8ec;
}
.InputWrapper__variant-blackStroke___sl4N:focus-within:not(.InputWrapper__disabled__MplJ_):not(.InputWrapper__isError__y7ai4) .InputWrapper_enhancer__f__L_:first-child {
  color: #b1b5c3;
}
.InputWrapper__variant-blackStroke___sl4N:focus-within:not(.InputWrapper__disabled__MplJ_).InputWrapper__isError__y7ai4 {
  border-color: #de4242;
}
.InputWrapper__variant-blackStroke___sl4N.InputWrapper__disabled__MplJ_ {
  border-color: #f4f5f6;
}
.InputWrapper__variant-blackStroke___sl4N.InputWrapper__disabled__MplJ_ .InputWrapper_enhancer__f__L_ {
  pointer-events: none;
  color: #b1b5c3;
}
.InputWrapper__variant-blackStroke___sl4N.InputWrapper__disabled__MplJ_ .InputWrapper_input__mQSE0 {
  color: #b1b5c3;
}

.InputWrapper__variant-newDom__dICM3 {
  border: 1px solid #b1b5c3;
  border-radius: 48px;
}
.InputWrapper__variant-newDom__dICM3 > input {
  font-size: 16px;
  line-height: 24px;
  padding: 10px 23px;
}
.InputWrapper__variant-newDom__dICM3:hover {
  border: 1px solid #777e90;
}
.InputWrapper__variant-newDom__dICM3:has(input:focus) {
  border: 1px solid #141416;
}
.InputWrapper__variant-newDom__dICM3:has(input:disabled) {
  background: #f4f5f6;
  border: 1px solid #e6e8ec;
}
.InputWrapper__variant-newDom__dICM3:has(input:disabled) input {
  color: #b1b5c3;
}
.InputWrapper__variant-newDom__dICM3:has(input:disabled) input::placeholder {
  color: #b1b5c3;
}
.InputWrapper__variant-newDom__dICM3:has(input:disabled) span {
  color: #b1b5c3;
}

.InputWrapper__variant-newDomWhite__hqd07 {
  background: #ffffff;
  border: 1px solid #b1b5c3;
  border-radius: 48px;
}
.InputWrapper__variant-newDomWhite__hqd07::placeholder {
  color: #b1b5c3;
}
.InputWrapper__variant-newDomWhite__hqd07:hover {
  border: 1px solid #777e90;
}
.InputWrapper__variant-newDomWhite__hqd07:has(input:focus) {
  border: 1px solid #141416;
}
.InputWrapper__variant-newDomWhite__hqd07:has(input:disabled) {
  background: #f4f5f6;
  border: 1px solid #e6e8ec;
}
.InputWrapper__variant-newDomWhite__hqd07:has(input:disabled) .InputWrapper_input__mQSE0 {
  color: #b1b5c3;
}
.InputWrapper__variant-newDomWhite__hqd07:has(input:disabled) .InputWrapper_input__mQSE0::placeholder {
  color: #b1b5c3;
}
.InputWrapper__variant-newDomWhite__hqd07:has(input:disabled) span {
  color: #b1b5c3;
}

.InputWrapper__variant-blackFill__UTXmG {
  background-color: #f4f5f6;
}
.InputWrapper__variant-blackFill__UTXmG:hover:not(.InputWrapper__disabled__MplJ_, .InputWrapper__isError__y7ai4) {
  background-color: #e6e8ec;
}
.InputWrapper__variant-blackFill__UTXmG:hover:not(.InputWrapper__disabled__MplJ_, .InputWrapper__isError__y7ai4) .InputWrapper_input__mQSE0 {
  color: #353945;
}
.InputWrapper__variant-blackFill__UTXmG:focus-within:not(.InputWrapper__disabled__MplJ_) {
  background-color: #e6e8ec;
}
.InputWrapper__variant-blackFill__UTXmG:focus-within:not(.InputWrapper__disabled__MplJ_):not(.InputWrapper__isError__y7ai4) .InputWrapper_enhancer__f__L_:first-child {
  color: #b1b5c3;
}
.InputWrapper__variant-blackFill__UTXmG:focus-within:not(.InputWrapper__disabled__MplJ_).InputWrapper__isError__y7ai4 {
  border-color: #de4242;
}
.InputWrapper__variant-blackFill__UTXmG.InputWrapper__disabled__MplJ_ {
  background-color: #fcfcfd;
}
.InputWrapper__variant-blackFill__UTXmG.InputWrapper__disabled__MplJ_ .InputWrapper_enhancer__f__L_ {
  pointer-events: none;
  color: #b1b5c3;
}
.InputWrapper__variant-blackFill__UTXmG.InputWrapper__disabled__MplJ_ .InputWrapper_input__mQSE0 {
  color: #b1b5c3;
}

.InputWrapper__variant-whiteStroke__rRtd9 {
  border: 1px solid #353945;
}
.InputWrapper__variant-whiteStroke__rRtd9:hover:not(.InputWrapper__disabled__MplJ_, .InputWrapper__isError__y7ai4) {
  border-color: #777e90;
}
.InputWrapper__variant-whiteStroke__rRtd9:focus-within:not(.InputWrapper__disabled__MplJ_) {
  border-color: #777e90;
}
.InputWrapper__variant-whiteStroke__rRtd9:focus-within:not(.InputWrapper__disabled__MplJ_):not(.InputWrapper__isError__y7ai4) .InputWrapper_enhancer__f__L_:first-child {
  color: #b1b5c3;
}
.InputWrapper__variant-whiteStroke__rRtd9:focus-within:not(.InputWrapper__disabled__MplJ_).InputWrapper__isError__y7ai4 {
  border-color: #de4242;
}
.InputWrapper__variant-whiteStroke__rRtd9:focus-within:not(.InputWrapper__disabled__MplJ_) .InputWrapper_input__mQSE0::placeholder {
  color: #b1b5c3;
}
.InputWrapper__variant-whiteStroke__rRtd9.InputWrapper__disabled__MplJ_ {
  border-color: #23262f;
}
.InputWrapper__variant-whiteStroke__rRtd9.InputWrapper__disabled__MplJ_ .InputWrapper_enhancer__f__L_ {
  pointer-events: none;
  color: #353945;
}
.InputWrapper__variant-whiteStroke__rRtd9.InputWrapper__disabled__MplJ_ .InputWrapper_input__mQSE0 {
  color: #353945;
}
.InputWrapper__variant-whiteStroke__rRtd9 .InputWrapper_input__mQSE0 {
  color: #fff;
}

.InputWrapper__variant-whiteFill__E_yB5 {
  background-color: #23262f;
}
.InputWrapper__variant-whiteFill__E_yB5:hover:not(.InputWrapper__disabled__MplJ_, .InputWrapper__isError__y7ai4) {
  background-color: #353945;
}
.InputWrapper__variant-whiteFill__E_yB5:focus-within:not(.InputWrapper__disabled__MplJ_) {
  background-color: #353945;
}
.InputWrapper__variant-whiteFill__E_yB5:focus-within:not(.InputWrapper__disabled__MplJ_):not(.InputWrapper__isError__y7ai4) .InputWrapper_enhancer__f__L_:first-child {
  color: #b1b5c3;
}
.InputWrapper__variant-whiteFill__E_yB5:focus-within:not(.InputWrapper__disabled__MplJ_) .InputWrapper_input__mQSE0::placeholder {
  color: #b1b5c3;
}
.InputWrapper__variant-whiteFill__E_yB5:focus-within:not(.InputWrapper__disabled__MplJ_).InputWrapper__isError__y7ai4 {
  border-color: #de4242;
}
.InputWrapper__variant-whiteFill__E_yB5.InputWrapper__disabled__MplJ_ {
  opacity: 0.3;
  background-color: #23262f;
}
.InputWrapper__variant-whiteFill__E_yB5.InputWrapper__disabled__MplJ_ .InputWrapper_enhancer__f__L_ {
  pointer-events: none;
  color: #777e90;
}
.InputWrapper__variant-whiteFill__E_yB5.InputWrapper__disabled__MplJ_ .InputWrapper_input__mQSE0 {
  color: #777e90;
}
.InputWrapper__variant-whiteFill__E_yB5 .InputWrapper_input__mQSE0 {
  color: #fff;
}

.InputWrapper__displayVariant-secondary__mMEK1 {
  background-color: #fff;
}
.InputWrapper__displayVariant-secondary__mMEK1 .InputWrapper_input__mQSE0 {
  font-size: 16px;
  line-height: 24px;
  color: #353945;
}
.InputWrapper__displayVariant-secondary__mMEK1 .InputWrapper_input__mQSE0::placeholder {
  color: #b1b5c3;
}
.InputWrapper__displayVariant-secondary__mMEK1 .InputWrapper_input__mQSE0:not(.InputWrapper__isPre__VBo_J, .InputWrapper__isPost__XEfQB) {
  padding: 12px 24px;
}
.InputWrapper__displayVariant-secondary__mMEK1 .InputWrapper_input__mQSE0.InputWrapper__isPre__VBo_J {
  padding-left: 0;
}
.InputWrapper__displayVariant-secondary__mMEK1 .InputWrapper_input__mQSE0.InputWrapper__isPost__XEfQB {
  padding-right: 0;
}

.InputWrapper__notEmpty__Pim7D {
  border: 1px solid #015ff9;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/OfficeCatalog/components/Filter/filterComponents/OfficeTypes/s.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media (min-width: 1440px) {
  .s_desktopItemTab__2F6ZR.s_commercialItemTab__IOExe {
    padding-left: 19px;
    padding-right: 19px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/OfficeCatalog/components/Filter/ui/Filter.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Filter_modalBody__RE0Ih {
  top: 176px;
  bottom: 0;
  width: 100%;
  position: fixed;
  overflow: auto;
  background-color: #ffffff;
  border-radius: 24px 24px 0 0;
  scrollbar-width: none;
}

.Filter_tabletModalBody__gyyTj {
  width: 464px;
  height: 80vh;
  min-height: 350px;
  max-height: 651px;
  top: 80px;
  bottom: unset;
  margin: 0 auto;
  border-radius: 24px;
}

.Filter_headerWrapper___am16 {
  display: flex;
  align-items: center;
  position: fixed;
  gap: 8px;
  padding: 24px;
  border-bottom: 1px solid #E6E8EC;
  background: #ffffff;
  width: 100%;
  border-radius: 24px 24px 0 0;
  z-index: 2;
}

.Filter_tabletHeaderWrapper__GSMaD {
  max-width: 464px;
}

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

.Filter_contentWrapper__eyeJS {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 97px 24px 51px 24px;
}

.Filter_closeBtn__IlyPI {
  cursor: pointer;
}

.Filter_searchBtn__uS0cU {
  margin: 0 0 0 auto;
}

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

.Filter_mobileFilterBtn__5lekZ {
  margin-top: 32px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 40px;
  z-index: 2;
}

.Filter_tabletFilterBtn__eIS1V {
  position: unset;
  bottom: 0;
  transform: unset;
  max-width: unset;
}

.Filter_tabletBtnWrapper__jkMtk {
  width: 100%;
  padding: 24px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background: #ffffff;
  border-top: 1px solid #E6E8EC;
  z-index: 3;
}

.Filter_newClearBtn__37Xww {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 32p;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #777E90;
}

.Filter_newClearBtn__37Xww:hover {
  opacity: 0.8;
}

.Filter_newClearBtn__37Xww:active {
  opacity: 1;
}

.Filter_switcherOption__1uChz {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding: 16px 0;
  border-bottom: 1px solid #E6E8EC;
  color: #141416;
}

.Filter_additionalOption__B_TVB:first-child {
  margin-bottom: 24px;
}
.Filter_additionalOption__B_TVB:not(:first-child) {
  margin: 24px 0;
}

@media (min-width: 1024px) {
  .Filter_contentWrapper__eyeJS {
    padding: 97px 32px 32px;
  }
  .Filter_mobileFilterBtn__5lekZ {
    margin-top: unset;
  }
}
@media (min-width: 1440px) {
  .Filter_newClearBtn__37Xww {
    margin: 0;
  }
  .Filter_additionalOption__B_TVB:first-child {
    margin-bottom: 32px;
  }
  .Filter_additionalOption__B_TVB:not(:first-child) {
    margin: 32px 0;
  }
}
.Filter_root__KarYc {
  max-width: 368px;
  height: inherit;
}

.Filter_wrapperScroll__efKTe {
  display: flex;
  flex-direction: column;
  gap: 32px;
  top: 88px;
  position: -webkit-sticky;
  position: sticky;
  padding: 48px 40px 40px 40px;
  overflow-y: auto;
  max-height: calc(100vh - 72px);
  height: max-content;
  scrollbar-width: none;
}

.Filter_desktopHeaderWrapper__XCMCV {
  position: relative;
  padding: 0;
  border-bottom: unset;
}

.Filter_desktopContentWrapper__Tpk_Q {
  padding: 0;
  gap: 32px;
}

.Filter_desktopFieldWrapper__2QxBf {
  gap: 32px;
  height: max-content;
}

.Filter_compressWrapperScroll__5ocGp {
  scrollbar-width: none;
}

.Filter_compressFieldWrapper__R2OJn {
  height: 100%;
  margin-right: unset;
  transition: height 0.3s ease-in-out;
  overflow: unset;
}

.Filter_desktopFilterBtn__gRG_F {
  position: relative;
  bottom: 0;
  left: 0;
  transform: unset;
}

.Filter_compressBtn__ADmmi {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/OfficeCatalog/components/Filter/filterComponents/OfficeBlock/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_label__0q9T0 {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/FilterComponents/dom/Bedrooms/s.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media (min-width: 1440px) {
  .s_desktopItemTab__BxWn6.s_commercialItemTab__DWjTb {
    padding-left: 19px;
    padding-right: 19px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/page/DomCatalog/components/Filter/ui/Filter.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Filter_modalBody__grhMC {
  top: 176px;
  bottom: 0;
  width: 100%;
  position: fixed;
  overflow: auto;
  background-color: #ffffff;
  border-radius: 24px 24px 0 0;
  scrollbar-width: none;
}

.Filter_tabletModalBody___LC_D {
  width: 464px;
  height: 80vh;
  min-height: 350px;
  max-height: 651px;
  top: 80px;
  bottom: unset;
  margin: 0 auto;
  border-radius: 24px;
}

.Filter_headerWrapper__3Lv0O {
  display: flex;
  align-items: center;
  position: fixed;
  gap: 8px;
  padding: 24px;
  border-bottom: 1px solid #E6E8EC;
  background: #ffffff;
  width: 100%;
  border-radius: 24px 24px 0 0;
  z-index: 2;
}

.Filter_tabletHeaderWrapper__zzfws {
  max-width: 464px;
}

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

.Filter_contentWrapper__mDYkQ {
  position: relative;
  display: flex;
  gap: 24px;
  flex-direction: column;
  padding: 97px 24px 51px 24px;
}

.Filter_closeBtn__wH94u {
  cursor: pointer;
}

.Filter_searchBtn__K_B_y {
  margin: 0 0 0 auto;
}

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

.Filter_mobileFilterBtn__BXXYB {
  position: -webkit-sticky;
  position: sticky;
  bottom: 40px;
  z-index: 2;
}

.Filter_tabletFilterBtn__GnWQC {
  position: unset;
  bottom: 0;
  transform: unset;
  max-width: unset;
}

.Filter_tabletBtnWrapper__ukLSN {
  width: 100%;
  padding: 24px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background: #ffffff;
  border-top: 1px solid #E6E8EC;
  z-index: 3;
}

.Filter_newClearBtn__E0XcO {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 32p;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #777E90;
}

.Filter_newClearBtn__E0XcO:hover {
  opacity: 0.8;
}

.Filter_newClearBtn__E0XcO:active {
  opacity: 1;
}

.Filter_switcherOption___dAh7 {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding: 16px 0;
  border-bottom: 1px solid #E6E8EC;
  color: #141416;
}

.Filter_additionalOption__r_qdc:first-child {
  margin-bottom: 24px;
}
.Filter_additionalOption__r_qdc:not(:first-child) {
  margin: 24px 0;
}

@media (min-width: 1024px) {
  .Filter_contentWrapper__mDYkQ {
    padding: 97px 32px 32px;
  }
}
@media (min-width: 1440px) {
  .Filter_newClearBtn__E0XcO {
    margin: 0;
  }
  .Filter_additionalOption__r_qdc:first-child {
    margin-bottom: 32px;
  }
  .Filter_additionalOption__r_qdc:not(:first-child) {
    margin: 32px 0;
  }
}
.Filter_root___rQ_k {
  max-width: 368px;
  height: inherit;
}

.Filter_wrapperScroll__OL8ji {
  display: flex;
  flex-direction: column;
  gap: 32px;
  top: 88px;
  position: -webkit-sticky;
  position: sticky;
  padding: 48px 40px 40px 40px;
  overflow-y: auto;
  max-height: calc(100vh - 72px);
  height: max-content;
  scrollbar-width: none;
}

.Filter_desktopHeaderWrapper__u6hzt {
  position: relative;
  padding: 0;
  border-bottom: unset;
}

.Filter_desktopContentWrapper__Kfs_b {
  padding: 0;
  gap: 32px;
}

.Filter_desktopFieldWrapper__DnN_Z {
  gap: 32px;
  height: max-content;
}

.Filter_compressWrapperScroll__U18TJ {
  scrollbar-width: none;
}

.Filter_compressFieldWrapper__t0sEw {
  height: 100%;
  margin-right: unset;
  transition: height 0.3s ease-in-out;
  overflow: unset;
}

.Filter_desktopFilterBtn__Ybrs0 {
  position: relative;
  bottom: 0;
  left: 0;
  transform: unset;
}

.Filter_compressBtn__tooXK {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/NavigationFilter/s.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_modalWrapper__qW_0f {
  z-index: 1001;
}

.s_modalBody__yu7O_ {
  background: #ffffff;
  width: 100%;
  height: 100%;
  scrollbar-width: none;
  z-index: 1002;
}

.s_header__Ao0_B {
  position: fixed;
  display: flex;
  gap: 8px;
  width: 100%;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #f4f5f6;
  background: #ffffff;
  z-index: 3;
}

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

.s_closeBtn__T2VbU {
  margin: 0 0 0 auto;
}

.s_wrapper__GI2mO {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
  margin-top: 50px;
}

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

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

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

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

.s_catalogLink__QUZjd {
  position: -webkit-sticky;
  position: sticky;
  bottom: 32px;
  left: 0;
  z-index: 150;
}

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

.s_footer__reGyq {
  z-index: 100;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 32px;
}

@media (min-width: 1024px) {
  .s_modalBody__yu7O_ {
    top: 100px;
    height: calc(100% - 220px);
    max-height: max-content;
    width: 464px;
    border-radius: 24px;
  }
  .s_wrapper__GI2mO {
    padding: 16px 32px;
    margin-top: unset;
  }
  .s_header__Ao0_B {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    padding: 24px;
    border-bottom: 1px solid #e6e8ec;
  }
  .s_title__HpHvD {
    font-size: 18px;
  }
  .s_newClearBtn__XB_1I {
    position: relative;
  }
  .s_newClearBtn__XB_1I:hover {
    opacity: 0.7;
  }
  .s_footer__reGyq {
    display: flex;
    gap: 8px;
    width: 100%;
    align-items: center;
    background: #ffffff;
    z-index: 3;
    border-top: 1px solid #e6e8ec;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    left: 0;
    padding: 24px;
    border-bottom: 1px solid #e6e8ec;
  }
  .s_catalogLinkWrapper__kzYr3 {
    width: 100%;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/NavigationMap/s.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root___ZwDS {
  z-index: 3000;
}

.s_modalBody__0lSfb {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

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

.s_zoomControls__yAZNc {
  display: none;
}

@media (min-width: 1024px) {
  .s_zoomControls__yAZNc {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
    z-index: 10;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/NavigationMap/StaticMap/s.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__ZMvBt {
  z-index: 3000;
}

.s_modalBody__ks4sQ {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

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

.s_zoomControls__L_IVK {
  display: none;
}

.s_filterBtn__zUZoh {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 3;
}
.s_filterBtn__zUZoh > div {
  width: 24px !important;
  height: 24px !important;
}
.s_filterBtn__zUZoh svg {
  width: 24px;
  height: 24px;
}

@media (min-width: 1024px) {
  .s_zoomControls__L_IVK {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
    z-index: 10;
  }
  .s_zoomControlsStatic__Y6Zbs {
    right: 20px;
  }
  .s_filterBtn__zUZoh {
    top: 24px;
    left: 24px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/NavigationMap/components/ProjectPin/s.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__XfLJx {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 3px 12px 3px 3px;
  border: 16px;
  width: max-content;
  background: #ffffff;
  border: 1px solid #E6E8EC;
  border-radius: 16px;
  cursor: pointer;
}

.s_title__lgHym {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #141416;
}

.s_modal__QLJvT {
  width: 100%;
  height: 100%;
  background: #ffffff;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/NavigationMap/components/MapProjectCard/s.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__EeaG_ {
  position: fixed;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 500;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: none;
  background: #ffffff;
}

.s_headerWrapper__H73HR {
  position: -webkit-sticky;
  position: sticky;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
  padding: 12px 16px;
  margin-top: -32px;
  color: #141416;
}

.s_closeBtn__nMg2c {
  position: -webkit-sticky;
  position: sticky;
  align-self: flex-end;
  top: 12px;
  right: 16px;
  z-index: 3;
}

.s_imgWrapper__ddu0d {
  position: relative;
  width: 100%;
  min-height: 211px;
}

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

.s_layoutShadow__F1FEz {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1019607843);
  z-index: 0;
}

.s_tagsWrapper__Wp22x {
  position: absolute;
  left: 16px;
  top: 16px;
  display: flex;
  gap: 4px;
}

.s_tagsWrapperSold__SCgPB {
  bottom: unset;
  top: 16px;
}

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

.s_tagSold__kQU6I {
  position: absolute;
  bottom: 16px;
  left: 16px;
}

.s_bodyWrapper__tRY4m {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1 1;
  padding: 24px 16px 34px 16px;
}

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

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

.s_btnWrapper__1O9l6 {
  display: flex;
  gap: 9px;
  margin: auto 0 0 0;
}

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

.s_subTypesItem__Rc1ci {
  display: flex;
  align-items: center;
  padding: 5px 0;
  border-bottom: 1px solid #B1B5C3;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #777E90;
}
.s_subTypesItem__Rc1ci:first-child {
  border-top: 1px solid #B1B5C3;
}
.s_subTypesItem__Rc1ci span:first-child {
  min-width: 120px;
}
.s_subTypesItem__Rc1ci span:nth-child(2) {
  margin: 0 0 0 60px;
}
.s_subTypesItem__Rc1ci span:last-child {
  margin: 0 0 0 auto;
  color: #141416;
}

@media (min-width: 1024px) {
  .s_root__EeaG_ {
    width: 375px;
    height: auto;
    min-height: 523px;
    left: 40px;
    bottom: 40px;
    border-radius: 24px;
  }
  .s_headerWrapper__H73HR {
    display: none;
  }
  .s_imgWrapper__ddu0d {
    width: 375px;
    min-height: 211px;
    margin-top: -32px;
  }
  .s_closeBtn__nMg2c {
    position: -webkit-sticky;
    position: sticky;
    align-self: flex-end;
  }
  .s_tagsWrapper__Wp22x {
    flex-wrap: wrap;
    max-width: 280px;
  }
  .s_btnWrapper__1O9l6 {
    padding: 8px 0 0 0;
    margin: auto 0 0 0;
  }
  .s_layoutShadow__F1FEz {
    height: 211px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/NavigationMap/components/Settings/s.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_switcherWrapper__tuTgv {
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding: 0 24px;
  overflow: hidden;
}

.s_settingsWrapper__h_dvq {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 36px;
  width: 100%;
  padding: 24px 0;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  color: #353945;
  background: #ffffff;
  border: 1px solid #E6E8EC;
  z-index: 3;
}

.s_settingsList__34vd7 {
  display: flex;
  gap: 2px;
  padding: 0 16px;
  overflow-x: scroll;
  scrollbar-width: none;
}

.s_settingsItem__WiGTN {
  min-width: max-content;
  gap: 8px;
  cursor: pointer;
}

.s_filterBtn__GXSmc > div {
  width: 24px !important;
  height: 24px !important;
}
.s_filterBtn__GXSmc svg {
  width: 24px;
  height: 24px;
}

@media (min-width: 1024px) {
  .s_settingsWrapper__h_dvq {
    position: absolute;
    top: 12px;
    left: 40px;
    padding: 0;
    gap: unset;
    width: auto;
    height: max-content;
    overflow: unset;
    border: unset;
    background: transparent;
    z-index: 1000;
  }
  .s_settingsList__34vd7 {
    padding: 0;
    gap: 4px;
  }
  .s_img__1u_z7 {
    width: 16px;
    height: 16px;
  }
  .s_switcherWrapper__tuTgv {
    position: absolute;
    top: 48px;
    left: 0;
    width: 240px;
    padding: 28px 24px;
    border-radius: 24px;
    border: 1px solid #E6E8EC;
    background: #ffffff;
  }
  .s_switcherWrapperHidden__VTsrO {
    display: none;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Navigation/NavigationFilterButton/NavigationFilterButton.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NavigationFilterButton_filterBtn___Y2_K {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;
  padding: 10px;
  color: #ffffff;
  border-radius: 50%;
  background: #141416;
  border: 1px solid #141416;
  transition: background 0.2s ease-in-out;
}
@media (pointer: fine) {
  .NavigationFilterButton_filterBtn___Y2_K:hover {
    background: #23262f;
    border: 1px solid #23262f;
  }
}
.NavigationFilterButton_filterBtn___Y2_K:active {
  background: #353945;
  border: 1px solid #777e90;
}
.NavigationFilterButton_filterBtn___Y2_K svg {
  width: 16px;
  height: 16px;
}
@media (min-width: 1024px) {
  .NavigationFilterButton_filterBtn___Y2_K {
    justify-content: center;
    height: 44px;
    width: 44px;
    padding: 14px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Navigation/NavigationList/NavigationList.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NavigationList_navigationList___eOtL {
  display: flex;
  align-items: center;
  border-radius: 24px;
  width: 100%;
}

.NavigationList_navigationItem__DGUkz {
  min-width: max-content;
  flex: auto;
}
.NavigationList_navigationItem__DGUkz:last-child {
  padding-right: 8px;
}
.NavigationList_navigationItem__DGUkz:last-child.NavigationList_navigationItem_bordered__7x7m0 {
  padding-right: 6px;
}
.NavigationList_navigationItem_noBtns__rJblm:first-child {
  padding-left: 8px;
}
.NavigationList_navigationItem_noBtns__rJblm:first-child.NavigationList_navigationItem_bordered__7x7m0 {
  padding-left: 6px;
}

.NavigationList_tag__oVqxC {
  border: none;
  color: #ffffff;
  width: 100%;
  transition: background 0.2s ease-in-out;
}
.NavigationList_tag_bold__85VPf {
  padding-block: 7px;
  min-height: 36px;
  font-weight: 500;
}

@media (min-width: 1024px) {
  .NavigationList_navigationList___eOtL {
    flex: 1 1;
    width: auto;
    border: 1px solid #777e90;
  }
  .NavigationList_navigationList_collapsed__tBxI4 {
    flex: unset;
    width: max-content;
  }
  .NavigationList_navigationItem__DGUkz {
    width: auto;
    flex: 1 1;
  }
  .NavigationList_navigationItem__DGUkz:last-child {
    padding-right: 0;
  }
  .NavigationList_navigationItem__DGUkz:last-child.NavigationList_navigationItem_bordered__7x7m0 {
    padding-right: 0px;
  }
  .NavigationList_navigationItem_noBtns__rJblm:first-child {
    padding-left: 0;
  }
  .NavigationList_navigationItem_noBtns__rJblm:first-child.NavigationList_navigationItem_bordered__7x7m0 {
    padding-left: 0px;
  }
  .NavigationList_tagAdaptive__uqMNJ {
    display: block;
    width: 100%;
  }
  .NavigationList_tagAdaptive__uqMNJ:hover {
    background: rgba(20, 20, 22, 0.5019607843);
  }
  .NavigationList_tagNav__Gh0YE {
    position: relative;
    overflow: hidden;
    padding: 10px 28px;
  }
  .NavigationList_tagNav__Gh0YE::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: -24px;
    width: 100px;
    border-radius: 20px;
    pointer-events: none;
    background: rgba(20, 20, 22, 0.8);
    filter: blur(24px);
  }
  .NavigationList_tagNavText__uznUa {
    position: relative;
    z-index: 2;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Navigation/NavigationMapButton/NavigationMapButton.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NavigationMapButton_mapBtn__gX5qs {
  position: relative;
  display: inline-grid;
  align-items: center;
  inline-size: 36px;
  block-size: 36px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #777e90;
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.NavigationMapButton_mapBtn__gX5qs::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  box-shadow: inset 0 0 0 1px #141416;
  transition: opacity 0.2s ease-in-out;
}
.NavigationMapButton_mapBtn__gX5qs:active::after {
  opacity: 1;
  box-shadow: inset 0 0 0 1px #777e90;
}
@media (min-width: 1024px) {
  .NavigationMapButton_mapBtn__gX5qs {
    inline-size: 44px;
    block-size: 44px;
  }
}
@media (min-width: 1024px) and (pointer: fine) {
  .NavigationMapButton_mapBtn__gX5qs:hover::after {
    opacity: 1;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Navigation/NavigationPopoverMenu/NavigationPopoverMenu.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NavigationPopoverMenu_popoverPanel__1F36z {
  z-index: 106;
  box-shadow: 0px 16px 32px rgba(35, 38, 47, 0.45);
  border: 1px solid #777e90;
  background: rgba(35, 38, 47, 0.7490196078);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-radius: 28px;
  padding: 8px;
  overflow: hidden;
}

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

.NavigationPopoverMenu_tag__jZNQk {
  border: none;
  color: #ffffff;
  width: 100%;
  transition: background 0.2s ease-in-out;
}

@media (min-width: 1024px) {
  .NavigationPopoverMenu_tagAdaptive___aewv {
    display: block;
    width: 100%;
  }
  .NavigationPopoverMenu_tagAdaptive___aewv:hover {
    background: rgba(20, 20, 22, 0.5019607843);
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Navigation/NavigationPopoverMenuButton/NavigationPopoverMenuButton.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NavigationPopoverMenuButton_menuBtn__45DoC {
  position: relative;
  display: flex;
  align-items: center;
  height: 36px;
  width: 36px;
  padding: 10px;
  color: #ffffff;
  border-radius: 50%;
  background: #141416;
  border: 1px solid #141416;
  transition: background 0.2s ease-in-out;
}
@media (pointer: fine) {
  .NavigationPopoverMenuButton_menuBtn__45DoC:hover {
    background: #23262f;
    border: 1px solid #23262f;
  }
}
.NavigationPopoverMenuButton_menuBtn__45DoC:active {
  background: #353945;
  border: 1px solid #777e90;
}
.NavigationPopoverMenuButton_menuBtn_close__wuV2c {
  background-color: #ffffff;
  color: #141416;
  border: 1px solid #ffffff;
  transition: border 0.2s ease-in-out;
}
.NavigationPopoverMenuButton_menuBtn_close__wuV2c:hover, .NavigationPopoverMenuButton_menuBtn_close__wuV2c:active {
  background: #ffffff;
}
.NavigationPopoverMenuButton_menuBtn__45DoC svg {
  width: 16px;
  height: 16px;
}

.NavigationPopoverMenuButton_iconSvg__ghT4S {
  display: block;
  width: 16px;
  height: 16px;
}

@media (min-width: 1024px) {
  .NavigationPopoverMenuButton_menuBtn__45DoC {
    justify-content: center;
    height: 44px;
    width: 44px;
    padding: 14px;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Navigation/s.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes s_magicShow___kafl {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.s_root__LIBLg {
  position: fixed;
  top: calc(54px + var(--top-banner-offset, 0px));
  left: 8px;
  right: 8px;
  width: calc(100% - 16px);
  z-index: 90;
  animation: s_magicShow___kafl 0.3s ease-in;
  border-radius: 40px;
  box-shadow: 0px 16px 32px rgba(35, 38, 47, 0.45);
  transition: top var(--top-banner-transition);
}
.s_root_bordered__hlXGz {
  border: 1px solid #777e90;
}
.s_root_mobileHeaderExpanded__OrVbV {
  top: calc(102px + var(--top-banner-offset, 0px));
}

.s_root_mobileBottom__n4Jx5 {
  top: unset;
  bottom: 24px;
}

.s_innerContainer__0ep3J {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px;
  padding-right: 0;
  background: rgba(35, 38, 47, 0.7490196078);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-radius: 40px;
  overflow: hidden;
}
.s_innerContainer_bordered__Ofr5U {
  padding: 6px;
  padding-right: 0;
}
.s_innerContainer_noLeftBtns__QQsXa {
  padding-left: 0;
}

.s_scrollableContainer__LGmDg {
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 30px;
  flex: 1 1;
  min-width: 0;
  scroll-behavior: smooth;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.s_scrollableContainer__LGmDg::-webkit-scrollbar {
  display: none;
}

@media (min-width: 1024px) {
  .s_root__LIBLg {
    transition: none;
    top: unset;
    left: 50%;
    bottom: 40px;
    transform: translate(-50%, 0);
    width: max-content;
    background: transparent;
    padding: 0;
  }
  .s_root_bordered__hlXGz {
    padding: 0;
  }
  .s_innerContainer__0ep3J {
    padding-right: 8px;
  }
  .s_innerContainer_noLeftBtns__QQsXa {
    padding-left: 8px;
  }
  .s_innerContainer_bordered__Ofr5U {
    padding-right: 6px;
  }
  .s_innerContainer_bordered__Ofr5U.s_innerContainer_noLeftBtns__QQsXa {
    padding-left: 6px;
  }
}
@media (min-width: 1440px) {
  .s_root__LIBLg {
    max-width: 1360px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Promo/Promo.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Promo_root__w0X4a {
  position: fixed;
  left: 0;
  top: -48px;
  width: 100%;
  z-index: 500;
  height: 48px;
}
@media (min-width: 1024px) {
  .Promo_root__w0X4a {
    top: -60px;
    height: 60px;
  }
}

.Promo_backgroundIcon__AHID9 {
  position: absolute;
  inset: 0;
  width: 100%;
  background: center center no-repeat transparent;
  background-size: cover;
  z-index: 50;
  display: block;
}
.Promo_backgroundIcon_tablet__Ybg4t, .Promo_backgroundIcon_desktop__4hgtQ, .Promo_backgroundIcon_desktopLarge__WfWE1 {
  display: none;
}
@media (min-width: 768px) {
  .Promo_backgroundIcon__AHID9 {
    display: none;
  }
  .Promo_backgroundIcon_tablet__Ybg4t {
    display: block;
  }
}
@media (min-width: 1024px) {
  .Promo_backgroundIcon_tablet__Ybg4t {
    display: none;
  }
  .Promo_backgroundIcon_desktop__4hgtQ {
    display: block;
  }
}
@media (min-width: 2048px) {
  .Promo_backgroundIcon_desktop__4hgtQ {
    display: none;
  }
  .Promo_backgroundIcon_desktopLarge__WfWE1 {
    display: block;
  }
}

.Promo_content__R_BRu {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 14px;
  height: 100%;
}
@media (min-width: 1024px) {
  .Promo_content__R_BRu {
    padding: 10px 20px;
  }
}

.Promo_text__0Yvxa {
  position: relative;
  display: -webkit-box;
  overflow: hidden;
  text-align: center;
  max-width: 370px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: white;
  z-index: 100;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: normal;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/TopBanner/s.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__qdvWA {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 1568px;
  padding: 16px;
  border-radius: 12px;
  margin: 0 0 14px 0;
  background: #23262f;
  overflow: hidden;
  max-height: var(--top-banner-height, 500px);
  opacity: 1;
  transition: opacity var(--top-banner-transition), max-height var(--top-banner-transition), margin-bottom var(--top-banner-transition);
}
.s_root__qdvWA.s_closing___fxFL, .s_root__qdvWA.s_hidden__gRdix {
  max-height: 0;
  margin-bottom: 0;
  opacity: 0;
  transition: opacity var(--top-banner-transition), max-height var(--top-banner-transition), margin-bottom var(--top-banner-transition);
}
.s_root__qdvWA.s_hidden__gRdix {
  pointer-events: none;
}

.s_rootCommercial__heano {
  background: #283380;
}

.s_rootResidential__Mig37 {
  background: #b2461a;
}

.s_rootRetail__eof_U {
  background: #ad1044;
}

.s_closeBtn__fy1u6 {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  z-index: 2;
}

.s_text__OFS4z {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #ffffff;
  padding-right: 18px;
  z-index: 1;
}

.s_btn__teVK_ {
  z-index: 1;
}
.s_btn__teVK_:hover {
  background: transparent;
  opacity: 0.8;
}

.s_closing___fxFL .s_text__OFS4z,
.s_closing___fxFL .s_btn__teVK_,
.s_closing___fxFL .s_closeBtn__fy1u6,
.s_hidden__gRdix .s_text__OFS4z,
.s_hidden__gRdix .s_btn__teVK_,
.s_hidden__gRdix .s_closeBtn__fy1u6 {
  opacity: 0;
  transition: opacity 0.2s ease-out;
}

@media (min-width: 1024px) {
  .s_root__qdvWA {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 32px;
    padding: 12px 16px;
  }
  .s_closeBtn__fy1u6 {
    top: 14px;
  }
  .s_text__OFS4z {
    min-width: max-content;
  }
  .s_btn__teVK_ {
    width: max-content;
    padding-left: 24px;
    padding-right: 24px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/AboutMenu/s.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__KH0tI {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 16px 12px 16px;
}

.s_title__9Rq9i {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: -0.02em;
  color: #141416;
}

.s_aboutList__eQXIP {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.s_aboutItem__RGRLn {
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-decoration: none;
  color: #141416;
}

.s_soon__5fyXO {
  position: relative;
  vertical-align: super;
  left: 3px;
  top: 0;
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
  color: #777E90;
}

@media (min-width: 1024px) {
  .s_root__KH0tI {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0;
  }
  .s_title__9Rq9i {
    font-weight: 500;
  }
  .s_aboutList__eQXIP {
    gap: 12px;
  }
  .s_aboutItem__RGRLn {
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
  }
  .s_aboutItem__RGRLn:hover {
    opacity: 0.7;
  }
}
@media (min-width: 1440px) {
  .s_root__KH0tI {
    min-width: 190px;
    gap: 16px;
  }
  .s_aboutList__eQXIP {
    gap: 8px;
  }
  .s_aboutItem__RGRLn {
    font-size: 16px;
    line-height: 24px;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/Banner/s.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__8z8Gb {
  padding: 0 16px;
}

.s_wrapper__Wdajj {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 400px;
  width: 100%;
  padding: 16px;
  border-radius: 12px;
  overflow: hidden;
  background: #F4F5F6;
}

.s_title__N8ndx {
  position: relative;
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #141416;
  z-index: 1;
}

.s_imageWrapper__0u5mp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.s_imageWrapper__0u5mp img {
  object-fit: cover;
}

.s_btn__qAQQh {
  position: relative;
  margin-top: auto;
  z-index: 1;
}

@media (min-width: 1024px) {
  .s_root__8z8Gb {
    padding: 0;
  }
  .s_wrapper__Wdajj {
    height: 331px;
    width: 245px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/ContactsList/s.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__QQKmZ {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 16px 12px 16px;
}

.s_callbackWrapper__vZnmW,
.s_phoneWrapper__5XdFn {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

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

.s_text__t54YX {
  margin: 0;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: -0.02em;
  text-decoration: none;
  color: #141416;
  cursor: pointer;
}

@media (min-width: 1024px) {
  .s_root__QQKmZ {
    display: none;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/DirectionList/s.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_directionList__Juney {
  display: none;
}

.s_mobileRail__TPEbv {
  display: block;
  align-self: stretch;
  width: calc(100% + 32px);
  margin-inline: -16px;
}

.s_mobileRailScroll__zS2Xg {
  display: flex;
  gap: 24px;
  width: 100%;
  overflow-x: auto;
  padding: 6px 16px;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.s_mobileRailScroll__zS2Xg::-webkit-scrollbar {
  display: none;
}
.s_mobileRailScroll__zS2Xg {
  -webkit-overflow-scrolling: touch;
}

.s_mobileItem__LIdCl {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  color: #141416;
}
@media (hover: hover) {
  .s_mobileItem__LIdCl:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .s_mobileItem__LIdCl:active {
    opacity: 0.7;
  }
}
.s_mobileItemWhite__EFIhM {
  color: #ffffff;
}
.s_mobileItemActive__107zy {
  border-bottom: 1px solid;
}

.s_mobileItemActive__107zy {
  font-weight: 500;
}

.s_mobileRail_onLight__Mi1zl .s_mobileItemIcon__dY3q_ {
  background: #f4f5f6;
}

.s_directionIcon__IGQWA {
  flex-shrink: 0;
  display: block;
}

.s_directionIcon_onLightBg__lx7Jw {
  filter: brightness(0) invert(1);
}

.s_mobileItemTitle__5rixa {
  font-size: 14px;
  line-height: 20px;
  font-weight: inherit;
}

.s_aiSearchMobileItem__hYobm {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 6px;
  border: none;
  padding: 8px 0;
  font-weight: 500;
  color: #015ff9;
  background: none;
  cursor: pointer;
}
@media (hover: hover) {
  .s_aiSearchMobileItem__hYobm:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .s_aiSearchMobileItem__hYobm:active {
    opacity: 0.7;
  }
}

@media (min-width: 1024px) {
  .s_directionList__Juney {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 0;
    list-style: none;
  }
  .s_mobileRail__TPEbv {
    display: none;
  }
  .s_directionItem__Y4soh {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #ffffff;
    text-decoration: none;
  }
  .s_directionItemOpen__yybnY {
    color: #141416;
  }
  .s_directionItemActive__J6C2J {
    text-decoration: underline;
    text-underline-offset: 8px;
  }
  .s_directionItem__Y4soh {
    transition: opacity 0.2s ease-in-out;
  }
}
@media (min-width: 1024px) and (hover: hover) {
  .s_directionItem__Y4soh:hover {
    opacity: 0.7;
  }
}
@media (min-width: 1024px) and (hover: none) {
  .s_directionItem__Y4soh:active {
    opacity: 0.7;
  }
}
@media (min-width: 1024px) {
  .s_aiSearchItem__rBb4_ {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    padding: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #015ff9;
    background: none;
    cursor: pointer;
  }
}
@media (min-width: 1024px) and (hover: hover) {
  .s_aiSearchItem__rBb4_:hover {
    opacity: 0.7;
  }
}
@media (min-width: 1024px) and (hover: none) {
  .s_aiSearchItem__rBb4_:active {
    opacity: 0.7;
  }
}
@media (min-width: 1024px) {
  .s_modal__xcdfF {
    top: 64px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/DirectionList/AiSearchHint/HintContent/HintContent.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.HintContent_wrapper__rFv_U {
  position: relative;
  padding-top: 8px;
}

.HintContent_arrow__ZMypA {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -8px;
  width: 16px;
  height: 16px;
  background: #23262f;
  transform: rotate(45deg);
}
.HintContent_arrow_mobile__b_ONS {
  left: auto;
  right: 20px;
  margin-left: 0;
}

.HintContent_root__x3VT_ {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 12px;
  padding: 16px;
  width: 300px;
  background: #23262f;
  color: #ffffff;
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.12), 0px 21px 21px 0px rgba(0, 0, 0, 0.1), 0px 48px 29px 0px rgba(0, 0, 0, 0.06), 0px 85px 34px 0px rgba(0, 0, 0, 0.02), 0px 132px 37px 0px rgba(0, 0, 0, 0);
}

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

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

.HintContent_close__Ykq96 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.5);
  transition: opacity 0.2s ease-in-out;
}
@media (hover: hover) {
  .HintContent_close__Ykq96:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .HintContent_close__Ykq96:active {
    opacity: 0.7;
  }
}

.HintContent_text__0cJNG {
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/DirectionMenu/s.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__e0_bG {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 16px;
}

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

@media (min-width: 1024px) {
  .s_root__e0_bG {
    padding: 0;
    gap: 20px;
    width: 200px;
  }
  .s_title__KvScf {
    font-size: 24px;
    line-height: 32px;
  }
  .s_mobileWrapper__9ToAb {
    display: none;
  }
}
@media (min-width: 1440px) {
  .s_root__e0_bG {
    padding: 0;
    gap: 16px;
    width: 338px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/MenuList/s.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_menuList__TPywC {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.s_menuItem___j__0 {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.02em;
  color: #141416;
  text-decoration: none;
  cursor: pointer;
}
.s_menuItemPromo__WGT5X {
  color: #283380;
  font-weight: 500;
}
.s_menuItemPromoDom__4CyC_ {
  color: #B2461A;
  font-weight: 500;
}

@media (min-width: 1024px) {
  .s_menuList__TPywC {
    gap: 12px;
  }
  .s_menuItem___j__0 {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: unset;
  }
  .s_menuItemPromo__WGT5X, .s_menuItemPromoDom__4CyC_ {
    line-height: 20px;
  }
  .s_menuItem___j__0:hover {
    opacity: 0.7;
  }
}
@media (min-width: 1440px) {
  .s_menuList__TPywC {
    gap: 8px;
  }
  .s_menuItem___j__0 {
    font-size: 16px;
    line-height: 24px;
  }
  .s_menuItemPromo__WGT5X, .s_menuItemPromoDom__4CyC_ {
    font-size: 14px;
    line-height: 20px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/NewsLink/s.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_newsLink__61oKG {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #283380;
  text-decoration: none;
  cursor: pointer;
}
.s_newsLinkDom__6rKU8 {
  color: #B2461A;
}
.s_newsLink__61oKG .s_mobileText__uAXfI {
  display: flex;
}
.s_newsLink__61oKG .s_desktopText__wJ90b {
  display: none;
}

@media (min-width: 1024px) {
  .s_newsLink__61oKG {
    gap: 12px;
    font-size: 14px;
    line-height: 16px;
    color: #141416;
  }
  .s_newsLink__61oKG:hover {
    opacity: 0.7;
  }
  .s_newsLink__61oKG .s_mobileText__uAXfI {
    display: none;
  }
  .s_newsLink__61oKG .s_desktopText__wJ90b {
    display: flex;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/ProjectList/s.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_projectList__5HN9a {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

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

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

.s_projectListOffsetLeft__Jcel_ {
  padding-left: 8px;
}

@media (min-width: 1024px) {
  .s_projectList__5HN9a {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .s_projectListInSlide__zpxU3 {
    gap: 24px;
  }
  .s_projectListInSlide__zpxU3 li {
    position: relative;
    width: 100%;
  }
  .s_projectListInSlide__zpxU3 li:not(:first-child)::before {
    position: absolute;
    content: "";
    right: -24px;
    top: -12px;
    width: 208px;
    height: 1px;
    background: #E6E8EC;
  }
  .s_projectListOffsetLeft__Jcel_ {
    padding-left: unset;
  }
  .s_projectListMenu__ljn9K {
    gap: 12px;
  }
  .s_projectItem__ykT3q {
    flex-direction: row;
    gap: 12px;
    width: auto;
    cursor: pointer;
  }
  .s_projectItem__ykT3q .s_img__4JYOQ {
    border-radius: 12px;
    width: 48px;
    height: 48px;
  }
  .s_projectItem__ykT3q p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: unset;
  }
  .s_projectItem__ykT3q:hover {
    opacity: 0.7;
  }
  .s_projectItemMenu__3tQeR .s_img__4JYOQ {
    width: 40px;
    height: 40px;
  }
  .s_projectItemMenu__3tQeR p {
    font-size: 14px;
    line-height: 16px;
  }
  .s_projectItemInSlide__wPwZC {
    width: 100%;
    gap: 16px;
    justify-content: flex-start;
  }
}
@media (min-width: 1440px) {
  .s_projectItemMenu__3tQeR p {
    font-size: 16px;
    line-height: 24px;
  }
  .s_projectListInSlide__zpxU3 {
    gap: 32px;
  }
  .s_projectListInSlide__zpxU3 li:not(:first-child)::before {
    top: -16px;
    width: 236px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/NewsBlock/s.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__TF4dN {
  display: none;
}

@media (min-width: 1024px) {
  .s_root__TF4dN {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 0 0 19px;
    border-left: 1px solid #E6E8EC;
  }
  .s_title__AeOM2 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: -0.02em;
    color: #141416;
  }
  .s_linkWrapper__iIeZI {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}
@media (min-width: 1440px) {
  .s_root__TF4dN {
    position: relative;
    border-left: unset;
    padding: 0 5px 0 19px;
  }
  .s_root__TF4dN::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 1px;
    height: calc(100% + 55px);
    background: #E6E8EC;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/ReferralProgram/s.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__8bppN {
  padding: 0 16px;
}

.s_wrapper__PhxvL {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 240px;
  width: 344px;
  padding: 24px 20px;
  border-radius: 24px;
  background: #777E90;
  background-image: url(/B/_next/static/media/mobile.a5b5c7af.svg);
}

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

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

.s_btn__qAhgW {
  margin-top: auto;
}

@media (min-width: 1024px) {
  .s_root__8bppN {
    padding: 0;
  }
  .s_wrapper__PhxvL {
    height: 320px;
    width: 245px;
    background-image: url(/B/_next/static/media/tablet.963584fa.svg);
  }
  .s_title__C5ZHJ {
    font-size: 24px;
  }
  .s_description__svx1F {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
  }
  .s_btn__qAhgW {
    width: 100%;
    margin-top: auto;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Advertise/s.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.s_root__uV59u {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #D1D4DD;
  word-break: break-all;
}

.s_root_investment_strategy__N07Gw {
  color: #B1B5C3;
}

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

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

.s_root_menu__LiLH8 {
  color: #B1B5C3;
}

.s_root_menu_tooltip__1q87P {
  color: #777E90;
}

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

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

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

.s_tooltipContainer__5dTnk {
  height: 100%;
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  transition: color 0.2s;
  padding-top: 8px;
}

.s_tooltipBubblePortal__KVAPp {
  position: absolute;
  z-index: 302;
  transform: translate(-130px, -80px);
  pointer-events: none;
  width: 244px;
  padding: 16px;
  background: #FFFFFF;
  color: #777E90;
  font-size: 12px;
  line-height: 16px;
  border-radius: 12px;
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);
}

@media (min-width: 1024px) {
  .s_tooltipBubblePortal__KVAPp {
    transform: translate(0px, -30px);
  }
  .s_root__QUi_U {
    padding: 0;
    gap: 20px;
    width: auto;
  }
  .s_title__WeQr5 {
    font-size: 24px;
    line-height: 32px;
  }
  .s_mobileWrapper__Vct__ {
    display: none;
  }
}
@media (min-width: 1440px) {
  .s_root__QUi_U {
    gap: 16px;
    width: auto;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/HeaderMain/components/ModalFixed/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Базовые стили модалки */
.styles_modal__0woT1 {
  background: white;
  animation: styles_modalAppear__SIjMM 0.2s ease-out;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  min-width: 200px;
  max-width: 400px;
  position: fixed;
  top: var(--modal-top, auto);
  right: var(--modal-right, auto);
  left: var(--modal-left, auto);
}

.styles_modalAbsolute__EayfD {
  position: absolute;
}

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

@keyframes styles_modalAppear__SIjMM {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes styles_overlayAppear__A5mkq {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Гарантия что модалка будет поверх overlay */
.styles_modal__0woT1 {
  z-index: 10000;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/shared/widgets/Header/components/HeaderMain/components/AvatarInfo/styles.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_rootModal__KufK7 {
	display: flex;
	flex-direction: column;
	padding: 24px;
	width: 100%;
	max-width: 100%;
	min-height: 232px;
	top: unset;
	right: unset;
	bottom: 0;
	left: 0;
	border: unset;
	border-radius: 24px 24px 0 0;
}

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

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

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

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

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

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

		&:hover {
			opacity: 0.7;
		}
	}
}

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

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

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

		&:hover {
			opacity: 0.7;
		}
	}
}

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

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

		&:hover {
			opacity: 0.7;
		}
	}
}

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

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

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/shared/widgets/Header/components/HeaderMain/components/CloseButton/styles.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_closeBtn__viziV {
	background: none;
	border: none;
	cursor: pointer;
	width: 32px;
	height: 32px;
	position: absolute;
	right: 16px;
	top: 16px;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/shared/widgets/Header/components/HeaderMain/components/LogOutModal/styles.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_modal__n1Vyx {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	min-width: unset;
	max-width: unset;
}

.styles_fakeHeader__oFTov {
	width: 100%;
	height: 64px;
	border-bottom: 1px solid #f4f5f6;
}

.styles_closeBtn__Do3Ek {
	top: 16px;
	right: 16px;
}

.styles_wrapper__61kXV {
	padding: 16px;
}

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

.styles_description__1zh0E {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #777e90;
	margin: 8px 0 0 0;
}

.styles_descriptionSecond___suh8 {
	display: block;
	margin: 8px 0 0 0;
}

.styles_logoutBtn__kvaAt {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	width: 100%;
	height: 24px;
	border: none;
	text-align: center;
	margin: 12px 0 0 0;
	background: none;
	color: #141416;
}

.styles_stayBtn__LeJdT {
	margin: 40px 0 0 0;
}

@media (min-width: 1024px) {
	.styles_modal__n1Vyx {
		width: max-content;
		height: min-content;
		border-radius: 24px;
	}

	.styles_fakeHeader__oFTov {
		display: none;
	}

	.styles_wrapper__61kXV {
		width: 420px;
		padding: 48px 40px;
	}
}


/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/components/AuthModal/styles.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.styles_modalOverlay__Hhq2K {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  z-index: 1000;
  animation: styles_overlayFadeIn__HwR2u 0.2s ease-out;
}

.styles_modalContent__32bbK {
  background: white;
  border-radius: 24px;
  box-shadow: 0 18px 39px rgba(0, 0, 0, 0.1019607843), 0 72px 72px rgba(0, 0, 0, 0.0901960784), 0 161px 97px rgba(0, 0, 0, 0.0509803922), 0 287px 115px rgba(0, 0, 0, 0.0117647059), 0 449px 126px rgba(0, 0, 0, 0);
  max-width: 90%;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transform-origin: center center;
  position: relative;
}

.styles_modalContentMobile__16_qN {
  width: 100vw;
  max-height: unset;
  max-width: unset;
  height: 100vh;
  border-radius: unset;
}

.styles_closeIcon__W_UnW:hover {
  opacity: 0.7;
}

.styles_closeButton__ul0B3 {
  right: 16px;
  top: 16px;
}

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

/* Анимация появления оверлея */
@keyframes styles_overlayFadeIn__HwR2u {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Основная анимация - появление из центра с увеличением */
@keyframes styles_scaleIn__Hcr9R {
  0% {
    opacity: 0;
    transform: scale(0.8) translateZ(0);
    filter: blur(10px);
  }
  50% {
    opacity: 0.7;
    transform: scale(1.02);
    filter: blur(2px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateZ(0);
    filter: blur(0);
  }
}
/* Альтернативная анимация - мягкое появление с легким увеличением */
@keyframes styles_gentleScaleIn__P0ul_ {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* Анимация с эффектом "пульсации" */
@keyframes styles_pulseIn__FaTI6 {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  70% {
    opacity: 1;
    transform: scale(1.02);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* Анимация с эффектом "глубины" (3D) */
@keyframes styles_depthIn___JgOc {
  0% {
    opacity: 0;
    transform: scale(0.8) rotateX(10deg) rotateY(-5deg);
    perspective: 1000px;
  }
  100% {
    opacity: 1;
    transform: scale(1) rotateX(0) rotateY(0);
    perspective: 1000px;
  }
}
@keyframes styles_overlayFadeOut__cpxW_ {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes styles_scaleOut__hyKtd {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.9);
  }
}
/* Варианты анимаций для разных случаев */
.styles_modalContent__32bbK:not(.styles_modalContentMobile__16_qN).styles_gentle__XDV_2 {
  animation: styles_gentleScaleIn__P0ul_ 0.3s ease-out;
}

.styles_modalContent__32bbK:not(.styles_modalContentMobile__16_qN).styles_pulse__r9dxj {
  animation: styles_pulseIn__FaTI6 0.4s ease-out;
}

.styles_modalContent__32bbK:not(.styles_modalContentMobile__16_qN).styles_depth__Porvf {
  animation: styles_depthIn___JgOc 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@media (min-width: 1024px) {
  .styles_modalContentMobile__16_qN {
    max-width: 90%;
    max-height: 90vh;
    width: unset;
    height: unset;
    border-radius: 24px;
  }
  .styles_isMobileContainerAlways__lnpFh {
    width: 100vw;
    max-height: 100vh;
    max-width: unset;
    height: 100vh;
    border-radius: unset;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/OnboardingTooltips/OnboardingTooltip/OnboardingTooltipContent/OnboardingTooltipContent.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.OnboardingTooltipContent_plate__HgiNZ {
  position: relative;
  padding: 16px;
  background: #23262f;
  color: #ffffff;
  border-radius: 12px;
}

.OnboardingTooltipContent_close___x2UU {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  line-height: 0;
  opacity: 0.5;
  transition: opacity 0.2s ease-in-out;
}
.OnboardingTooltipContent_close___x2UU:hover {
  opacity: 1;
}

.OnboardingTooltipContent_title__ip3_G {
  margin: 0;
  padding-right: 28px;
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #ffffff;
}

.OnboardingTooltipContent_description__aiSxO {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  margin: 8px 0 0;
  color: #ffffff;
}

.OnboardingTooltipContent_footer__j_GRZ {
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.OnboardingTooltipContent_cta__GUVLa {
  font-family: "tt-hoves-pro", BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0;
  flex-shrink: 0;
  min-width: 120px;
  height: 36px;
  padding: 8px 24px;
  gap: 8px;
  border: none;
  outline: none;
  box-shadow: none;
  background: #ffffff;
  color: #141416;
}
.OnboardingTooltipContent_cta__GUVLa:hover, .OnboardingTooltipContent_cta__GUVLa:focus, .OnboardingTooltipContent_cta__GUVLa:active, .OnboardingTooltipContent_cta__GUVLa:focus-visible {
  border: none;
  outline: none;
  box-shadow: none;
  transform: none;
}
.OnboardingTooltipContent_cta__GUVLa:hover {
  background: #e6e8ec;
}
.OnboardingTooltipContent_cta__GUVLa:active {
  background: #D1D4DD;
}
.OnboardingTooltipContent_cta_withArrow__4kTq2 {
  padding: 8px 16px 8px 24px;
}

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

.OnboardingTooltipContent_paginator__zxsaj {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border-radius: 48px;
}

.OnboardingTooltipContent_dot__XidWo {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #D1D4DD;
}
.OnboardingTooltipContent_dot_active__FO8zl {
  background: #ffffff;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/OnboardingTooltips/OnboardingTooltip/OnboardingTooltip.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.OnboardingTooltip_popover__qXAbe {
  width: 300px;
  max-width: calc(100vw - 32px);
  outline: none;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.OnboardingTooltip_popover_visible__CbKj2 {
  opacity: 1;
}
.OnboardingTooltip_popover_instant__p8aaY {
  transition: none;
}

.OnboardingTooltip_tail__7s0pP {
  position: absolute;
  top: -8px;
  left: 0;
  width: 16px;
  height: 12px;
  pointer-events: none;
  line-height: 0;
}
.OnboardingTooltip_tail__7s0pP svg {
  display: block;
}
.OnboardingTooltip_popover__qXAbe[data-placement^=top] .OnboardingTooltip_tail__7s0pP {
  top: auto;
  bottom: -8px;
}

.OnboardingTooltip_tailGlyph__iTZIe {
  display: block;
  transform-origin: center center;
}

.OnboardingTooltip_popover__qXAbe[data-placement^=top] .OnboardingTooltip_tailGlyph__iTZIe {
  transform: rotate(180deg);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/OnboardingTooltips/AuthReminder/AuthReminder.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AuthReminder_mobileRoot__jKVxc {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 15px;
  z-index: 107;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.AuthReminder_mobileRoot_visible__quKo8 {
  opacity: 1;
}

.AuthReminder_desktopRoot__XOMNq {
  position: fixed;
  top: calc(var(--header-height) + var(--top-banner-offset, 0px) + 16px);
  right: max(40px, (100vw - 1568px) / 2);
  width: 300px;
  z-index: 107;
  opacity: 0;
  transition: opacity 0.2s ease-in-out, top 0.2s ease-in-out;
}
.AuthReminder_desktopRoot_visible__7x6SA {
  opacity: 1;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/OnboardingTooltips/SavedReminder/SavedReminder.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SavedReminder_mobileRoot__Fk_hR {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 15px;
  z-index: 107;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.SavedReminder_mobileRoot_visible__OARzU {
  opacity: 1;
}

.SavedReminder_desktopRoot__KXmtn {
  position: fixed;
  top: calc(var(--header-height) + var(--top-banner-offset, 0px) + 16px);
  right: max(40px, (100vw - 1568px) / 2);
  width: 300px;
  z-index: 107;
  opacity: 0;
  transition: opacity 0.2s ease-in-out, top 0.2s ease-in-out;
}
.SavedReminder_desktopRoot_visible__No8Y1 {
  opacity: 1;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/shared/widgets/Header/components/HeaderMain/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__rirA5 {
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 14px 16px 0;
  width: 100%;
  background: #141416;
  z-index: 106;
  transition: padding 0.3s cubic-bezier(0.4, 0, 0.6, 1);
}
.styles_rootScrolled__cZ890 {
  padding: 0 16px;
}
.styles_rootIsOpen__HiQXx {
  background: #ffffff;
  border-bottom: 1px solid #f4f5f6;
}
.styles_rootWhite__ms7ev {
  background: #ffffff;
}
.styles_rootTransparent__R6SyM {
  background: transparent;
  transition: background-color 0.2s ease-in-out;
}
.styles_root_withPromo__Tu4aF {
  transition: transform 0.2s ease-in-out;
  transform: translateY(0);
}
.styles_root_withShowPromo__8sQbe {
  transform: translateY(48px);
}
@media (min-width: 1024px) {
  .styles_root_withShowPromo__8sQbe {
    transform: translateY(60px);
  }
}

.styles_logoLink__cxgUt {
  display: block;
  cursor: pointer;
}

.styles_organizationSchema__Z62Pf {
  position: relative;
}

.styles_logoSchema__b_wln {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.styles_modal__bcMpp {
  top: 64px;
  z-index: 301;
}
.styles_modal_withShowPromo__4hzy9 {
  top: 112px;
}

.styles_modalBody__oW57G {
  width: 100%;
  height: 100%;
  background: #ffffff;
}

.styles_contentWrapper__9CxBs {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 12px 0 108px 0;
}
.styles_contentWrapper__9CxBs > div {
  position: relative;
}
.styles_contentWrapper__9CxBs > div:nth-child(2)::before, .styles_contentWrapper__9CxBs > div:nth-child(3)::before {
  position: absolute;
  top: -12px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #f4f5f6;
}

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

.styles_authBtn__iEEzI {
  height: 40px;
  width: 40px;
  background: none;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.styles_orgMicrodataHidden__U2y4s {
  display: none;
}

.styles_iconBtn___iUMX {
  border: 0px;
}

.styles_sideWrapper__rFE89 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  max-width: 1568px;
  max-height: 64px;
  opacity: 1;
  transform: translateY(0);
  overflow: hidden;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1), max-height 0.6s cubic-bezier(0.4, 0, 0.6, 1);
}

.styles_sideWrapperMobileCollapsed__mXGgJ {
  max-height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-12px);
  pointer-events: none;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), max-height 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (min-width: 1024px) {
  .styles_root__rirA5 {
    justify-content: center;
    padding: 14px 40px;
  }
  .styles_rootIsOpen__HiQXx {
    border-bottom: unset;
  }
  .styles_modal__bcMpp {
    top: 56px;
  }
  .styles_modal_withShowPromo__4hzy9 {
    top: 116px;
  }
  .styles_modalBody__oW57G {
    top: 0;
    height: auto;
    border-radius: 0 0 24px 24px;
  }
  .styles_contentWrapper__9CxBs {
    flex-direction: row;
    justify-content: space-between;
    padding: 22px 40px 42px 40px;
  }
  .styles_contentWrapper__9CxBs > div {
    flex: 1 1;
  }
  .styles_contentWrapper__9CxBs > div:nth-child(2)::before, .styles_contentWrapper__9CxBs > div:nth-child(3)::before {
    top: 0;
    left: -20px;
    width: 1px;
    height: 100%;
    background-color: #e6e8ec;
  }
  .styles_dekstopNewsWrapper__tHQ39 {
    display: flex;
    flex-direction: column;
    gap: 74px;
    max-width: 265px;
  }
  .styles_desktopRentWrapper__NFC0g {
    gap: 32px;
  }
}
.styles_leftCenterSide__uAUHe {
  display: flex;
  gap: 40px;
}

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

.styles_burgerDesktopOnly__D93ib.styles_burgerDesktopOnly__D93ib {
  display: none;
}

@media (min-width: 1024px) {
  .styles_burgerDesktopOnly__D93ib.styles_burgerDesktopOnly__D93ib {
    display: flex;
  }
}
@media (min-width: 1440px) {
  .styles_modal__bcMpp {
    top: 64px;
  }
  .styles_modal_withShowPromo__4hzy9 {
    top: 124px;
  }
  .styles_contentWrapper__9CxBs {
    padding: 14px 40px 40px;
    max-width: 1440px;
    margin: 0 auto;
  }
  .styles_contentWrapper__9CxBs > div {
    flex: unset;
  }
  .styles_dekstopNewsWrapper__tHQ39 {
    align-items: flex-end;
    gap: 112px;
  }
  .styles_desktopRentWrapper__NFC0g {
    width: 338px;
  }
}