.loading-spinner {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(19 20 23 / 1);
  z-index: 9999;
  transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out;
}

.spinner {
  @apply size-20 border-2 border-delas-yellow border-t-decola-light rounded-full animate-spin;
  width: 10rem;
  height: 10rem;
  border-width: 1px;
  border-radius: 9999px;
  border-color: rgb(255 0 150 / 1);
  border-top-color: rgb(28 29 35 / 1);
  animation: spin 0.6s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.loading-spinner.fade-out {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

body.no-scroll {
  overflow: hidden;
}