.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.modal.full-window {
  padding-right: 0 !important;
}
.modal.full-window .modal-content-back {
  height: 100%;
  padding: 0;
  display: flex;
}
.modal.full-window .modal-content-back .modal-header {
  display: none;
}
.modal.full-window .modal-content-back .modal-body {
  padding: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
  max-width: calc(100vw - 1rem);
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  font-family: var(--font-gilroy);
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid none;
  border-radius: 0.3rem;
  outline: 0;
}
.modal-full .modal-content {
  border-radius: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 2rem;
  border-bottom: none solid none;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
@media (max-width: 767px) {
  .modal-header {
    padding: 1rem;
  }
}
.modal-header .close {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 1rem 2rem;
  margin: -1rem -2rem -1rem auto;
  font-size: 20px;
  cursor: pointer;
  transition: 0.4s;
}
.modal-header .close:hover {
  opacity: 0.5;
}
.modal-full .modal-header {
  padding: 0;
}

.modal-title {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 2rem;
  padding-top: 0;
}
@media (max-width: 767px) {
  .modal-body {
    padding: 0 1rem 1rem;
  }
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 1.75rem;
  border-top: none solid none;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    max-width: 400px;
    margin: 1.75rem auto;
  }
  .modal-dialog.modal-full {
    max-width: 100%;
    margin: 0;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered.modal-full {
    min-height: 100%;
    align-items: stretch;
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 1140px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.color-options__title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .color-options__title {
    font-size: 16px;
  }
}
.opened-select .color-options__title {
  display: none;
}
.color-options__back {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  display: none;
}
@media (max-width: 767px) {
  .color-options__back {
    font-size: 16px;
  }
}
.color-options__back a {
  text-decoration: none;
  display: block;
  padding: 0 0 0 30px;
  position: relative;
}
.color-options__back a::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.77529 10.7899L0.209873 6.22446C-0.0702839 5.94431 -0.0702839 5.49008 0.209873 5.20993L4.77529 0.644507C5.05545 0.36435 5.50967 0.36435 5.78983 0.644507C6.06999 0.924664 6.06999 1.37889 5.78983 1.65905L1.73168 5.71719L5.78983 9.77534C6.06999 10.0555 6.06999 10.5097 5.78983 10.7899C5.50967 11.07 5.05545 11.07 4.77529 10.7899Z' fill='%23333333'/%3E%3C/svg%3E%0A");
  width: 6px;
  height: 11px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
}
.opened-select .color-options__back {
  display: block;
}

ul.color-options__ul {
  display: block;
  margin: 0;
  padding: 0;
}
ul.color-options__ul > li {
  border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
  padding: 0;
  list-style-type: none;
}
ul.color-options__ul > li:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
ul.color-options__ul > li::before {
  display: none;
}
.opened-select ul.color-options__ul > li {
  display: none;
}
ul.color-options__ul > li.parent {
  font-size: 20px;
}
@media (max-width: 767px) {
  ul.color-options__ul > li.parent {
    font-size: 16px;
  }
}
ul.color-options__ul > li.parent > a {
  text-decoration: none;
  display: block;
  position: relative;
  padding: 14px 0;
  color: rgba(51, 51, 51, 0.5019607843);
  transition: all 0.7s ease;
}
ul.color-options__ul > li.parent > a::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='8' viewBox='0 0 24 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2081 8C18.5549 7.27066 18.8902 6.63248 19.2139 6.08547C19.5607 5.53846 19.896 5.08262 20.2197 4.71795H0V3.28205H20.2197C19.896 2.89459 19.5607 2.42735 19.2139 1.88034C18.8902 1.33333 18.5549 0.706553 18.2081 0H19.422C20.8786 1.66382 22.4046 2.89459 24 3.69231V4.30769C22.4046 5.08262 20.8786 6.31339 19.422 8H18.2081Z' fill='%23000000'/%3E%3C/svg%3E%0A");
  opacity: 0.3;
  position: absolute;
  width: 24px;
  height: 8px;
  right: 0;
  top: 50%;
  margin-top: -4px;
  transition: all 0.7s ease;
}
ul.color-options__ul > li.parent > a:hover {
  color: #333333;
}
ul.color-options__ul > li.parent > a:hover::after {
  opacity: 0.8;
}
ul.color-options__ul > li.parent > .bg-select {
  display: none;
}
ul.color-options__ul > li.parent.active {
  border-top: none;
}
.opened-select ul.color-options__ul > li.parent.active {
  display: block;
}
ul.color-options__ul > li.parent.active > a {
  display: none;
}
ul.color-options__ul > li.parent.active .bg-select {
  display: flex;
  flex-wrap: wrap;
  max-height: 390px;
  gap: 10px;
  padding-right: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  max-width: 100%;
}
ul.color-options__ul > li.parent.active .bg-select__back {
  margin-bottom: 10px;
}
ul.color-options__ul > li.parent.active .bg-select__item {
  position: relative;
  display: flex;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(50% - 5px);
  min-height: 90px;
  max-height: 160px;
  aspect-ratio: 1/0.66;
  background-position: center;
  cursor: pointer;
}
ul.color-options__ul > li.parent.active .bg-select__item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  text-decoration: none;
}
ul.color-options__ul > li.parent.active .bg-select__item a::after {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23333333'/%3E%3Cpath d='M12 0C5.4 0 0 5.4 0 12C0 18.6 5.4 24 12 24C18.6 24 24 18.6 24 12C24 5.4 18.6 0 12 0ZM12 22C6.72 22 2 17.28 2 12C2 6.72 6.72 2 12 2C17.28 2 22 6.72 22 12C22 17.28 17.28 22 12 22Z' fill='white'/%3E%3Cpath d='M16.0099 7.44156L11.303 13.491L8.89485 11.2728C7.90969 10.2646 6.26775 11.6761 7.36238 12.6844L10.6463 15.7091C11.0841 16.1124 11.9598 16.1124 12.2882 15.6083L17.7613 8.55061C18.637 7.54238 16.8856 6.3325 16.0099 7.44156Z' fill='white'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 3;
  display: block;
  transform: scale(0.8);
  opacity: 0;
  transition: all 0.7s ease;
}
ul.color-options__ul > li.parent.active .bg-select__item a span {
  opacity: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 2px 5px;
  background: rgba(0, 0, 0, 0.4);
  display: block;
  transition: all 0.7s ease;
}
ul.color-options__ul > li.parent.active .bg-select__item a:hover span {
  opacity: 1;
}
ul.color-options__ul > li.parent.active .bg-select__item a.selected-bg::after {
  opacity: 1;
}
ul.color-options__ul > li.parent.active .bg-select__item a.selected-bg span {
  opacity: 1;
}

.color-option {
  width: 50px;
  height: 50px;
  cursor: pointer;
  border: 2px solid transparent;
}

.color-option:hover {
  border-color: #000;
}

.interior-constructor {
  min-height: calc(100vh - 80px);
  min-height: calc(100dvh - 80px);
  position: relative;
  display: flex;
  z-index: 1;
  max-width: 1920px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .interior-constructor {
    height: 900px;
  }
}
@media (max-width: 767px) {
  .interior-constructor {
    min-height: 60dvh;
  }
}
.interior-constructor__item {
  flex: 1 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  cursor: pointer;
}
.interior-constructor__item.first {
  box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.5);
}
.interior-constructor__item:nth-child(2) {
  z-index: -1;
}
.interior-constructor__item.last {
  box-shadow: -1px 0 10px 0 rgba(0, 0, 0, 0.3);
}
.interior-constructor-item__button {
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 180px;
  --stroke-color:#333;
  transition: 0.4s;
  position: relative;
  z-index: 3;
}
.interior-constructor-item__button svg {
  display: block;
  max-width: 22px;
  max-height: 22px;
  transition: 0.4s;
}
.interior-constructor__item:hover .interior-constructor-item__button {
  --stroke-color:#fff;
  background: #0e1e2b;
}
.interior-constructor__bottom {
  position: absolute;
  pointer-events: none;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.interior-constructor__bottom img {
  display: block;
  width: 100%;
  height: auto;
}

/*# sourceMappingURL=interior.css.map */