.spinner_loader__T7HkD {
  width: var(--spinner-size, 20px);
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(farthest-side, var(--spinner-color, white) 94%, #0000) top/3px 3px no-repeat,
    conic-gradient(#0000 30%, var(--spinner-color, white));
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 3px), #000 0);
  animation: spinner_l13__GTNyy 1s infinite linear;
}

@keyframes spinner_l13__GTNyy {
  100% {
    transform: rotate(1turn);
  }
}
.dotloader_loader__wOpWD {
  width: 30px;
  aspect-ratio: 4;
  --_g: no-repeat radial-gradient(circle closest-side, #c7c7c7 90%, #0000);
  background:
    var(--_g) 0% 50%,
    var(--_g) 50% 50%,
    var(--_g) 100% 50%;
  background-size: calc(100%/3) 100%;
  animation: dotloader_l7__tCWx3 1s infinite linear;
}

@keyframes dotloader_l7__tCWx3 {
  33% {
    background-size: calc(100%/3) 0%, calc(100%/3) 100%, calc(100%/3) 100%
  }

  50% {
    background-size: calc(100%/3) 100%, calc(100%/3) 0%, calc(100%/3) 100%
  }

  66% {
    background-size: calc(100%/3) 100%, calc(100%/3) 100%, calc(100%/3) 0%
  }
}