.orbit-ring{transform:translate(-50%,-50%)}.icon-circle{width:var(--planet-size);height:var(--planet-size);background:#89cff0;border:.1em solid #daa520;border-radius:50%;justify-content:center;align-items:center;display:flex}.ring-zero,.ring-zero .orbit-icon{transition:all .3s ease-in-out}.ring-zero{width:calc(var(--orbit-distance)*2);height:calc(var(--orbit-distance)*2);border:1px solid #2563eb;border-radius:50%;padding:0;animation:15s linear infinite clockwiseRotate;position:relative}.ring-zero .icon-circle{animation:15s linear infinite counterClockwiseRotate}.ring-center{animation:15s linear infinite clockwiseRotate}.ring-center-center{margin:calc(-1*var(--tri-size)/2);border-radius:50%;animation:15s linear infinite counterClockwiseRotate;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-zero .orbit-icon{width:var(--planet-size);height:var(--planet-size);margin:calc(-1*var(--planet-size)/2);display:block;position:absolute;top:50%;left:50%}@keyframes clockwiseRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes counterClockwiseRotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}