/* [project]/src/styles/house.loader.styles.css [app-client] (css) */
.loader {
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 103px;
  display: flex;
  position: relative;
}

.loader div {
  width: 50px;
  height: 31px;
  position: absolute;
}

.rot {
  transform: rotate(150deg);
}

.rot2 {
  transform: rotate(20deg);
}

.loader div:nth-of-type(2) {
  transform: rotate(60deg);
}

.loader div:nth-of-type(3) {
  transform: rotate(-60deg);
}

.loader div div {
  width: 100%;
  height: 100%;
  position: relative;
}

.loader div div span {
  z-index: 999999;
  background: #053146;
  width: 4px;
  height: 0%;
  position: absolute;
}

.h1 {
  animation: 3.2s infinite load1;
  left: 0;
}

.h2 {
  animation: 3.2s .4s infinite load2;
  right: 0;
}

.h3 {
  animation: 3.2s .8s infinite load3;
  right: 0;
}

.h4 {
  animation: 3.2s 1s infinite load4;
  top: 10px;
  left: 23px;
  transform: rotate(90deg);
}

.h5 {
  animation: 3.2s 1.2s infinite load5;
  bottom: 0;
}

.h6 {
  animation: 3.2s 1.3s infinite load6;
  left: 0;
}

@keyframes load1 {
  0% {
    height: 0;
    bottom: 0;
  }

  6.94444% {
    height: 100%;
    bottom: 0;
  }

  50% {
    height: 100%;
    top: 0;
  }

  59.9444% {
    height: 0;
    top: 0;
  }
}

@keyframes load2 {
  0% {
    height: 0;
    top: 0;
  }

  6.94444% {
    height: 100%;
    top: 0;
  }

  50% {
    height: 100%;
    bottom: 0;
  }

  59.9444% {
    height: 0;
    bottom: 0;
  }
}

@keyframes load3 {
  0% {
    height: 0;
    top: 0;
  }

  6.94444% {
    height: 100%;
    top: 0;
  }

  50% {
    height: 100%;
    bottom: 0;
  }

  59.9444% {
    height: 0;
    bottom: 0;
  }
}

@keyframes load4 {
  0% {
    height: 134%;
    top: 37px;
    left: 23px;
  }

  6.94444% {
    height: 134%;
    top: 10px;
  }

  50% {
    height: 134%;
    bottom: 10px;
  }

  59.9444% {
    height: 0;
    bottom: 0;
  }
}

@keyframes load5 {
  0% {
    height: 0;
    bottom: 0;
  }

  6.94444% {
    height: 100%;
    bottom: 0;
  }

  50% {
    height: 100%;
    top: 0;
  }

  59.9444% {
    height: 0;
    top: 0;
  }
}

@keyframes load6 {
  0% {
    height: 0;
    bottom: 0;
  }

  6.94444% {
    height: 100%;
    bottom: 0;
  }

  50% {
    height: 100%;
    top: 0;
  }

  59.9444% {
    height: 0;
    top: 0;
  }
}

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