.button {
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  padding: 0.6em 2.8em;
  border-radius: 40px;
  border-color: transparent;
  font-weight: 800;
  width: -moz-fit-content;
  width: fit-content;
}
.button.green {
  background-color: #14725c;
  color: rgba(254, 254, 254, 0.9960784314);
}
.button.green ::-moz-selection {
  background-color: rgba(254, 254, 254, 0.9960784314);
  color: #14725c;
}
.button.green ::selection {
  background-color: rgba(254, 254, 254, 0.9960784314);
  color: #14725c;
}
.button.white {
  background-color: rgba(254, 254, 254, 0.9960784314);
  color: #14725c;
}
.button.white ::-moz-selection {
  background-color: #14725c;
  color: rgba(254, 254, 254, 0.9960784314);
}
.button.white ::selection {
  background-color: #14725c;
  color: rgba(254, 254, 254, 0.9960784314);
}
.button.yellow {
  background-color: #e2c67b;
  color: #3c3c3c;
}
.button.yellow ::-moz-selection {
  background-color: #3c3c3c;
  color: #e2c67b;
}
.button.yellow ::selection {
  background-color: #3c3c3c;
  color: #e2c67b;
}
.button.outlined {
  background-color: transparent;
  border: 2px solid currentColor;
  color: currentColor;
}
.button.outlined ::-moz-selection {
  background-color: #14725c;
  color: rgba(254, 254, 254, 0.9960784314);
}
.button.outlined ::selection {
  background-color: #14725c;
  color: rgba(254, 254, 254, 0.9960784314);
}

.map-wrapper {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.map-wrapper .house {
  -webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
  .map-wrapper #house-one:hover ~ #house-plus-one,
  .map-wrapper #house-two:hover ~ #house-plus-two,
  .map-wrapper #house-three:hover ~ #house-plus-three,
  .map-wrapper #house-four:hover ~ #house-plus-four,
  .map-wrapper #house-five:hover ~ #house-plus-five {
    animation: disappearPlus 0.5s forwards;
  }
}
@keyframes appearPlusNoBlur {
  0% {
    transform: translateY(10px);
    opacity: 0;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
@keyframes appearPlus {
  0% {
    filter: blur(20px);
    transform: translateY(10px);
    opacity: 0;
  }
  100% {
    filter: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
    transform: translate(0%, -2%);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes disappearPlus {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    filter: blur(30px);
    transform: translateY(8px);
    opacity: 0;
  }
}
.map-wrapper .house-plus {
  pointer-events: none;
  transition: 0.3s;
  opacity: 1;
  transform-origin: center center;
  animation: appearPlus 0.4s forwards;
}
.map-wrapper .floater {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.map-wrapper .floater > path {
  opacity: 0;
  transition: 0.35s;
  cursor: pointer;
}
@media (hover: hover) {
  .map-wrapper .floater > path:hover {
    opacity: 1;
  }
}
.map-wrapper .main {
  border-radius: 20px;
  height: auto;
}
.map-wrapper .housestat {
  pointer-events: none;
  opacity: 0;
  transition: 0.4s;
  white-space: nowrap;
  filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.3));
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  transform: translate(-50%, -48.5%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.map-wrapper .housestat .building {
  margin-bottom: -5px;
  font-weight: 700;
}
.map-wrapper .housestat strong {
  font-weight: 800;
}
.map-wrapper .housestat > div {
  background: #e2c67b;
  color: white;
  border-radius: 20px;
  padding: 10px 20px;
  font-size: clamp(1.125rem, 1.0962rem + 0.1282vw, 1.25rem);
  line-height: clamp(1.625rem, 1.5385rem + 0.3846vw, 2rem);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.map-wrapper .housestat svg {
  transform: translateX(-30%);
}
.map-wrapper .housestat.active {
  transform: translate(-50%, -50%);
  opacity: 1;
}

.top-main {
  background-color: #14725c;
  color: rgba(254, 254, 254, 0.9960784314);
  border-radius: 20px;
  padding: 160px 20px 20px 20px;
}
.top-main ::-moz-selection {
  background: #e2c67b;
  color: #14725c;
}
.top-main ::selection {
  background: #e2c67b;
  color: #14725c;
}
.top-main .map-wrapper {
  width: 100%;
  max-width: 1400px;
  margin-inline: auto;
  margin-bottom: 40px;
}
@media (hover: hover) {
  .top-main .map-wrapper #house-floor-one:hover ~ #house-floor-plus-one,
  .top-main .map-wrapper #house-floor-two:hover ~ #house-floor-plus-two,
  .top-main .map-wrapper #house-floor-three:hover ~ #house-floor-plus-three,
  .top-main .map-wrapper #house-floor-four:hover ~ #house-floor-plus-four,
  .top-main .map-wrapper #house-floor-five:hover ~ #house-floor-plus-five {
    animation: disappearPlus 0.5s forwards;
  }
}
.top-main .map-wrapper .floor {
  transition: 0.35s;
  opacity: 0;
  cursor: pointer;
}
@media (hover) {
  .top-main .map-wrapper .floor:hover {
    opacity: 1;
  }
}
.top-main .map-wrapper .floor.active {
  opacity: 1;
}
.top-main .map-wrapper .floor.flash {
  opacity: 0.8;
}
.top-main .map-wrapper .display-none {
  display: none;
}
.top-main .map-wrapper .floorstat {
  pointer-events: none;
  opacity: 0;
  transition: 0.4s;
  white-space: nowrap;
  filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.3));
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  transform: translate(-50%, -48.5%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 17;
}
.top-main .map-wrapper .floorstat p {
  z-index: 8;
}
.top-main .map-wrapper .floorstat strong {
  font-weight: 800;
}
.top-main .map-wrapper .floorstat .floorstat-inner {
  background: #e2c67b;
  color: white;
  border-radius: 20px;
  padding: 10px 20px;
  font-size: clamp(1.125rem, 1.0962rem + 0.1282vw, 1.25rem);
  line-height: clamp(1.625rem, 1.5385rem + 0.3846vw, 2rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.top-main .map-wrapper .floorstat .floorstat-inner > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.top-main .map-wrapper .floorstat .floorstat-inner .building {
  margin-bottom: -5px;
  font-weight: 700;
}
.top-main .map-wrapper .floorstat svg {
  transform: translate(-80%, 70%);
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 7;
}
.top-main .map-wrapper .floorstat.active {
  transform: translate(-50%, -50%);
  opacity: 1;
}
.top-main .map-wrapper > svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}
.top-main .map-wrapper > img {
  max-width: 100%;
  height: auto;
  filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.3));
}
@media only screen and (max-width: 768px) {
  .top-main .map-wrapper {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 555px) {
  .top-main .map-wrapper {
    margin-top: 60px;
  }
}

.green-plus {
  position: absolute;
  z-index: 10;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  transition-property: all;
  transition-duration: 0.3s;
  transition-property: background-color, color, width, height, transform, opacity;
  width: 80px;
  aspect-ratio: 1;
  pointer-events: none;
  transform-origin: top left;
  aspect-ratio: 1;
}
.green-plus.hidden {
  opacity: 0;
}
.green-plus .green-plus-inner {
  background-color: rgba(20, 114, 92, 0.4);
  border-radius: 50%;
  color: rgba(254, 254, 254, 0.9960784314);
  font-weight: 800;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  animation: breathingNoTransform 2s infinite;
  animation-delay: 0s;
}
.green-plus .green-plus-inner p {
  z-index: 5;
  line-height: 0;
  font-size: min(1.3em, 4vw);
  transform: translateY(2px);
}
.green-plus .green-plus-inner::after {
  content: "";
  position: absolute;
  top: 50%;
  border-radius: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(20, 114, 92, 0.4);
  width: 70%;
  height: 70%;
  animation: breathing 2s infinite;
  animation-delay: 0.2s;
}
.green-plus .green-plus-inner::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(20, 114, 92, 0.4);
  width: 45%;
  height: 45%;
  animation: breathing 2s infinite;
  animation-delay: 0.35s;
}
@media only screen and (max-width: 1158px) {
  .green-plus {
    width: 70px;
    height: 70px;
  }
}
@media only screen and (max-width: 867px) {
  .green-plus {
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 660px) {
  .green-plus {
    width: 50px;
    height: 50px;
  }
  .green-plus .green-plus-inner p {
    font-size: 0.8em;
  }
}
@media only screen and (max-width: 450px) {
  .green-plus {
    width: 35px;
    height: 35px;
  }
  .green-plus .green-plus-inner p {
    font-size: 0.6em;
    transform: translateY(1px);
  }
}

@keyframes breathing {
  0% {
    transform: scale(1) translate(-50%, -50%);
    transform-origin: top left;
  }
  50% {
    transform: scale(1.1) translate(-50%, -50%);
    transform-origin: top left;
  }
  100% {
    transform: scale(1) translate(-50%, -50%);
    transform-origin: top left;
  }
}
@keyframes breathingNoTransform {
  0% {
    transform: scale(1);
    transform-origin: center center;
  }
  50% {
    transform: scale(1.1);
    transform-origin: center center;
  }
  100% {
    transform: scale(1);
    transform-origin: center center;
  }
}/*# sourceMappingURL=map.css.map */