.spinner-wrapper {
   position: absolute;
   width: 100vw;
   height: 100vh;
   background-color: #00000021;
}

.spinner {
   margin: auto;
   margin-top: calc(50vh - 28px); /* Adjust the margin-top to center the spinner vertically */
   width: 120px; /* Increased width of the spinner */
   height: 120px; /* Increased height of the spinner */
   border: 8px solid transparent;
   border-top-color: var(--accent);
   border-radius: 50%;
   animation: spinner 1s infinite linear;
}

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