/* Start:/local/templates/main/css/floorDetail.css?17643202941632*/
.showBlockDetail.showBlockDetailActive .text-typography-blue {
  color: #fff;
}
.room-preview_up__gTtya {
  top: 17px;
  left: calc(100% + 20px);
  visibility: hidden;
}

.floorDetailSvg {
  color: transparent;
  opacity: 1;
  transition: opacity 1000ms;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.floorDetailSvg path {
  opacity:0;
  fill:#155ef6;
  fill-opacity:0;
  transition: opacity 500ms;
}
.floorDetailSvg path:hover {
  opacity:0.5;
  fill-opacity:0.5;
}
.floorElementOnPlan {
  position: absolute;
}

.unitIsReserve, .unitIsReserve .text-typography-blue, .unitIsReserve .text-typography-primary-A60 {
  color: #0000004D;
}
.floorElementOnPlanReserve .unitIsReserveLabel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #0000004D;
  gap: 4px;
  white-space: nowrap;
  flex-direction: column;
}
.floorElementOnPlanReserve .unitIsReserveLabel .unitIsReserveLabelTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  white-space: nowrap;
}
.floorElementOnPlanReserve .showBlockDetailActive .bg-fill-accent-blue {
  background: #fff;
}
.unitIsReserve .unitIsReserveTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.unitIsReserve .unitIsReserveTitle .unitIsReserveIco {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #0000004D;
}

@media (max-width: 1024px) {
  .floor-detail_main__N8Jvm .floorDetailSvg {
    height: calc(var(--fsvh, 1vh)*100);
    width: auto;
    max-width: fit-content;
  }
}
/* End */
/* /local/templates/main/css/floorDetail.css?17643202941632 */