.spinner-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.spinner {
  border: 0.5rem solid #898989;
  border-top: 0.5rem solid #ffc100;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loader {
  margin-top: 1.5rem;
  font-size: 1.25rem;
  font-family: "Manrope", Helvetica, Arial, sans-serif;
  color: #3a3a3a;
}

@keyframes blink {
  50% {
    color: transparent;
  }
}
.loading-dot {
  animation: 1s blink infinite;
  &:nth-child(2) {
    animation-delay: 250ms;
  }
  &:nth-child(3) {
    animation-delay: 500ms;
  }
}