#loading-screen {
  position: relative;
  height: 100svh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f8f8f8;
  opacity: 1;
  transition: opacity 0.5s ease;
  z-index: 9999;
}
#loading-screen.fade-out {
  opacity: 0;
  pointer-events: none;
}
#loading-screen .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#loading-screen .loading .spinner {
  width: 65px;
  height: 65px;
  animation: rotator 1.4s linear infinite;
}
@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
#loading-screen .loading .path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}
@keyframes colors {
  0% {
    stroke: #dcdf66;
  }
  25% {
    stroke: #a7d590;
  }
  50% {
    stroke: #97c29b;
  }
  75% {
    stroke: #7bd3d7;
  }
  100% {
    stroke: #7ad2d7;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}

#display-on {
  opacity: 0;
  transition: opacity 0.5s ease;
  display: none;
}/*# sourceMappingURL=loading.css.map */