.pl{width:6em;height:6em;display:inline-block;position:relative}.pl__outer-ring,.pl__inner-ring,.pl__track-cover,.pl__ball,.pl__ball-texture,.pl__ball-outer-shadow,.pl__ball-inner-shadow,.pl__ball-side-shadows{border-radius:50%;position:absolute}.pl__outer-ring{width:100%;height:100%;box-shadow:inset 0 0 0 .8em #6464641a}.pl__inner-ring{width:calc(100% - 1.6em);height:calc(100% - 1.6em);top:.8em;left:.8em;box-shadow:inset 0 0 0 .4em #64646433}.pl__track-cover{border:.8em solid #0000;border-top-color:var(--color-primary,#3b82f6);width:100%;height:100%;animation:2s linear infinite trackCover}.pl__ball{transform-origin:50% 3em;width:1.6em;height:1.6em;animation:2s linear infinite ball;top:0;left:calc(50% - .8em)}.pl__ball-texture{background-color:var(--color-primary,#3b82f6);width:100%;height:100%;animation:2s linear infinite ballTexture}.pl__ball-outer-shadow,.pl__ball-inner-shadow,.pl__ball-side-shadows{width:100%;height:100%}.pl__ball-outer-shadow{box-shadow:0 .2em .4em #0000004d}.pl__ball-inner-shadow{box-shadow:inset 0 -.2em .4em #0000004d}@keyframes trackCover{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ball{0%{transform:rotate(0)translateY(0)}to{transform:rotate(360deg)translateY(0)}}@keyframes ballTexture{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}