.loader-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  gap: 1rem;
  /* animation: loading 5s linear forwards; */
}
.loader {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  from {
    transform: rotate(0)
  }
  to {
    transform: rotate(360deg)
  }
}
/* @keyframes loading {
  0% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    display: none;
  }
} */