html {
  width: 100%;
}

body {
  max-width: 1980px;
  margin: auto;
}

.loader {
  width: 80px;
  aspect-ratio: 1;
  --c: linear-gradient(#000 0 0);
  --m: radial-gradient(farthest-side,#000 92%,#0000);
  background: var(--m) center/24px 24px, var(--c) left 50% top -40px/16px 32px, var(--c) left 50% bottom -40px/16px 32px, var(--c) top 50% left -40px/32px 16px, var(--c) top 50% right -40px/32px 16px;
  background-repeat: no-repeat;
  animation: loader-1 1.5s infinite, loader-2 1.5s infinite;
}

@keyframes loader-1 {
  30%, 70% {
    background-position: center, left 50% top calc(50% - 16px), left 50% bottom calc(50% - 16px), top 50% left calc(50% - 16px), top 50% right calc(50% - 16px);
  }
}
@keyframes loader-2 {
  0%, 40% {
    transform: rotate(0);
  }
  60%, 100% {
    transform: rotate(90deg);
  }
}
::-webkit-scrollbar {
  width: 10px;
}/*# sourceMappingURL=main.css.map */