.orbit-ring{position:absolute;inset:0}.orbit-ring[data-spin]{animation:orbit var(--spin) linear infinite}.orbit-ring[data-spin] .orbit-face{animation:orbit-counter var(--spin) linear infinite}@keyframes orbit{to{rotate:calc(var(--dir,1) * 360deg)}}@keyframes orbit-counter{to{rotate:calc(var(--dir,1) * -360deg)}}.orbit-face{left:calc(50% + var(--x));top:calc(50% + var(--y));width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);transition:scale .5s var(--ease-out-soft);position:absolute}.orbit-pic{width:100%;height:100%;box-shadow:0 0 0 1.5px var(--color-emerald);transition:scale .8s cubic-bezier(.34,1.5,.64,1),opacity .4s;transition-delay:calc(.1s + var(--ring,0) * .16s + var(--k,0) * 30ms);background:#fff;border-radius:50%;padding:2px}.orbit-img{border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden}@media (min-width:1024px){.orbit-face{left:calc(50% + var(--xl));top:calc(50% + var(--yl));width:var(--dl);height:var(--dl);margin:calc(var(--dl) / -2) 0 0 calc(var(--dl) / -2)}.orbit-pic{box-shadow:0 0 0 2.5px var(--color-emerald);padding:3px}}@media (hover:hover){.orbit-face:hover{z-index:1;scale:1.12}}.js .orbit:not([data-shown]) .orbit-pic{opacity:0;scale:.3}.js .orbit:not([data-shown]) :is(.orbit-ring,.orbit-face){animation-play-state:paused}@media (prefers-reduced-motion:reduce){.orbit-ring,.orbit-face{animation:none!important}.js .orbit .orbit-pic{scale:1!important}}