.loader-container {
  position: absolute;
  top: 0px;
  background-color: var(--loader-background-color);
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

svg {
  width: 80%;
  font-weight: 700;
}

svg text {
  font-size: 5em;
  stroke-width: 2;
  letter-spacing: -6px;
}

svg text.text-body {
  stroke: var(--loader-text-color);
  color: var(--loader-text-color);
  animation: 4s infinite alternate animate-stroke;
}

@keyframes animate-stroke {
  0%, 10% {
    fill: transparent;
    stroke: var(--loader-text-color);
    stroke-width: 3;
    stroke-dashoffset: 25%;
    stroke-dasharray: 0 32%;
  }
  50% {
    fill: transparent;
    stroke: var(--loader-text-color);
    stroke-width: 3;
  }
  80%, 100% {
    fill: var(--loader-text-color);
    stroke: transparent;
    stroke-width: 0;
    stroke-dashoffset: -25%;
    stroke-dasharray: 23% 0;
  }
}/*# sourceMappingURL=loading-animation.css.map */