.pl{--pl-primary:120 47% 44%;--pl-primary-dark:120 47% 32%;--pl-lime:90 79% 72%;--pl-mint:95 76% 88%;--pl-soft:95 70% 70%;--pl-track:95 76% 96%}.pl,.pl__ball,.pl__ball-inner-shadow,.pl__ball-side-shadows,.pl__ball-texture,.pl__inner-ring,.pl__outer-ring,.pl__track-cover{border-radius:50%}.pl{position:relative;width:16em;height:16em}.pl__ball,.pl__ball-inner-shadow,.pl__ball-outer-shadow,.pl__ball-side-shadows,.pl__ball-texture,.pl__ball-texture:before,.pl__inner-ring,.pl__outer-ring,.pl__track-cover{position:absolute}.pl__ball,.pl__ball-inner-shadow,.pl__ball-outer-shadow,.pl__ball-texture:before,.pl__track-cover{animation:ball 3s linear infinite}.pl__ball{top:calc(50% - 1.25em);left:calc(50% - 1.25em);transform:rotate(0) translateY(-6.5em);width:2.5em;height:2.5em}.pl__ball-inner-shadow{animation-name:ballInnerShadow;box-shadow:0 .1em .2em hsl(var(--pl-primary-dark)/.35),0 0 .2em hsl(var(--pl-primary)/.2) inset,0 -1em .5em hsl(var(--pl-primary-dark)/.22) inset;width:100%;height:100%}.pl__ball-outer-shadow{animation-name:ballOuterShadow;background-image:linear-gradient(hsl(var(--pl-primary-dark)/.22),hsl(var(--pl-primary-dark)/0));border-radius:0 0 50% 50%/0 0 100% 100%;filter:blur(2px);top:50%;left:0;width:100%;height:250%;transform:rotate(20deg);transform-origin:50% 0;z-index:-2}.pl__ball-side-shadows{background-color:hsl(var(--pl-primary-dark)/.14);filter:blur(2px);width:100%;height:100%;transform:scale(.75,1.1);z-index:-1}.pl__ball-texture{overflow:hidden;width:100%;height:100%;transform:translateZ(0)}.pl__ball-texture:before{animation-name:ballTexture;animation-duration:.25s;background:radial-gradient(circle at 28% 32%,hsl(var(--pl-lime)) 0,transparent 42%),radial-gradient(circle at 72% 68%,hsl(var(--pl-primary-dark)/.55) 0,transparent 38%),repeating-linear-gradient(90deg,hsl(var(--pl-soft)) 0,hsl(var(--pl-primary)) 18%,hsl(var(--pl-primary-dark)) 36%,hsl(var(--pl-soft)) 50%,hsl(var(--pl-primary)) 68%,hsl(var(--pl-primary-dark)) 86%,hsl(var(--pl-soft)) 100%);background-size:50% 100%;content:"";display:block;filter:brightness(1.03) saturate(1.08);top:0;right:0;width:200%;height:100%}.pl__inner-ring{background:hsl(var(--pl-mint)/.55);box-shadow:0 -.25em .5em hsl(var(--pl-lime)/.55),0 .5em .75em hsl(var(--pl-mint)/.85) inset,0 .5em .375em hsl(var(--pl-primary)/.14),0 -.5em .75em hsl(var(--pl-primary)/.16) inset;top:2.375em;left:2.375em;width:calc(100% - 4.75em);height:calc(100% - 4.75em)}.pl__outer-ring{background:hsl(var(--pl-track)/.35);box-shadow:0 -.45em .375em hsl(var(--pl-primary)/.12),0 .5em .75em hsl(var(--pl-primary)/.1) inset,0 .25em .5em hsl(var(--pl-lime)/.5),0 -.5em .75em hsl(var(--pl-mint)/.75) inset;top:.75em;left:.75em;width:calc(100% - 1.5em);height:calc(100% - 1.5em)}.pl__track-cover{animation-name:trackCover;background-image:conic-gradient(hsl(var(--pl-track)) 210deg,hsl(var(--pl-track)/0) 270deg);top:0;left:0;width:100%;height:100%}@keyframes ball{0%{transform:rotate(0) translateY(-6.5em)}50%{transform:rotate(180deg) translateY(-6em)}to{transform:rotate(1turn) translateY(-6.5em)}}@keyframes ballInnerShadow{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}@keyframes ballOuterShadow{0%{transform:rotate(20deg)}to{transform:rotate(-340deg)}}@keyframes ballTexture{0%{transform:translateX(0)}to{transform:translateX(50%)}}@keyframes trackCover{0%{transform:rotate(0)}to{transform:rotate(1turn)}}