.circle-loader-bg{z-index:-1;pointer-events:none;background:radial-gradient(#1a0030,#0a0014 70%);position:fixed;inset:0;overflow:hidden}.circle-loader-bg .cl-loader{width:300px;height:300px;transform-style:preserve-3d;perspective:500px;border-radius:500px;margin:auto;display:flex;position:absolute;inset:0;transform:rotateX(60deg)}.circle-loader-bg .cl-circle{--distance:20px;--animationEase:ease-in-out;top:calc(var(--index) * var(--distance));bottom:calc(var(--index) * var(--distance));left:calc(var(--index) * var(--distance));right:calc(var(--index) * var(--distance));border:20px solid var(--color);animation:cl-animate var(--animationSpeed) var(--animationEase) infinite;animation-delay:calc(var(--index) * (var(--animationSpeed) / var(--circlesCount)));box-shadow:0 4px 4px var(--color),0 4px 8px var(--color) inset,0 4px 10px var(--color) inset;border-radius:500px;margin:auto;position:absolute}@keyframes cl-animate{0%,to{transform:translateZ(0)}50%{transform:translateZ(calc(var(--index) * var(--distance) * -1))}}