.loader {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff97d;
  z-index: 50;
  transition: opacity 0.8s;
}
.loader.unview {
  opacity: 0;
  pointer-events: none;
}
.loader .shaft1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: top left;
  transform: rotate(-90deg);
  width: calc(1 * 10px);
  height: calc(1 * 10px);
  border-radius: 50%;
  border: rgba(2, 55, 146, 0.4862745098) 2px solid;
  animation: tick;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-delay: calc(1 * 0.1s);
}
.loader .shaft2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: top left;
  transform: rotate(-90deg);
  width: calc(2 * 10px);
  height: calc(2 * 10px);
  border-radius: 50%;
  border: rgba(2, 55, 146, 0.4862745098) 2px solid;
  animation: tick;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-delay: calc(2 * 0.1s);
}
.loader .shaft3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: top left;
  transform: rotate(-90deg);
  width: calc(3 * 10px);
  height: calc(3 * 10px);
  border-radius: 50%;
  border: rgba(2, 55, 146, 0.4862745098) 2px solid;
  animation: tick;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-delay: calc(3 * 0.1s);
}
.loader .shaft4 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: top left;
  transform: rotate(-90deg);
  width: calc(4 * 10px);
  height: calc(4 * 10px);
  border-radius: 50%;
  border: rgba(2, 55, 146, 0.4862745098) 2px solid;
  animation: tick;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-delay: calc(4 * 0.1s);
}
.loader .shaft5 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: top left;
  transform: rotate(-90deg);
  width: calc(5 * 10px);
  height: calc(5 * 10px);
  border-radius: 50%;
  border: rgba(2, 55, 146, 0.4862745098) 2px solid;
  animation: tick;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-delay: calc(5 * 0.1s);
}
.loader .shaft6 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: top left;
  transform: rotate(-90deg);
  width: calc(6 * 10px);
  height: calc(6 * 10px);
  border-radius: 50%;
  border: rgba(2, 55, 146, 0.4862745098) 2px solid;
  animation: tick;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-delay: calc(6 * 0.1s);
}
.loader .shaft7 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: top left;
  transform: rotate(-90deg);
  width: calc(7 * 10px);
  height: calc(7 * 10px);
  border-radius: 50%;
  border: rgba(2, 55, 146, 0.4862745098) 2px solid;
  animation: tick;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-delay: calc(7 * 0.1s);
}
.loader .shaft8 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: top left;
  transform: rotate(-90deg);
  width: calc(8 * 10px);
  height: calc(8 * 10px);
  border-radius: 50%;
  border: rgba(2, 55, 146, 0.4862745098) 2px solid;
  animation: tick;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-delay: calc(8 * 0.1s);
}
.loader .shaft9 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: top left;
  transform: rotate(-90deg);
  width: calc(9 * 10px);
  height: calc(9 * 10px);
  border-radius: 50%;
  border: rgba(2, 55, 146, 0.4862745098) 2px solid;
  animation: tick;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-delay: calc(9 * 0.1s);
}
.loader .shaft10 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: top left;
  transform: rotate(-90deg);
  width: calc(10 * 10px);
  height: calc(10 * 10px);
  border-radius: 50%;
  border: rgba(2, 55, 146, 0.4862745098) 2px solid;
  animation: tick;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-delay: calc(10 * 0.1s);
}
.loader .load-text {
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 32px;
  color: #023792;
  font-weight: 1000;
}

@keyframes tick {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}/*# sourceMappingURL=loader.css.map */