.orbit-loader {
  position: fixed;
  top: 50%;
  left: 50%;
  width: clamp(60px, 8vw, 100px);
  height: clamp(60px, 8vw, 100px);
  transform: translate(-50%, -50%);
  z-index: 9999;
  animation: rotate 1.5s linear infinite;
}

.orbit-loader span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 12px;
  background-color: var(--accent);
  border-radius: 50%;
  transform-origin: 0 0;
}

.orbit-loader span:nth-child(1) { transform: rotate(0deg)    translate(40%); }
.orbit-loader span:nth-child(2) { transform: rotate(51.4deg) translate(40%); }
.orbit-loader span:nth-child(3) { transform: rotate(102.8deg) translate(40%); }
.orbit-loader span:nth-child(4) { transform: rotate(154.2deg) translate(40%); }
.orbit-loader span:nth-child(5) { transform: rotate(205.6deg) translate(40%); }
.orbit-loader span:nth-child(6) { transform: rotate(257deg)   translate(40%); }
.orbit-loader span:nth-child(7) { transform: rotate(308.4deg) translate(40%); }

@keyframes rotate {
  0%   { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}