@keyframes orbit-rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes orbit-rotate-reverse{0%{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}.orbit-container{position:absolute;left:50%;top:400px;border-radius:50%;animation:orbit-rotate linear infinite}.orbit-trail{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,1)}.orbit-trail-normal{mask-image:conic-gradient(from 0deg,transparent 0%,transparent 30%,white 100%);-webkit-mask-image:conic-gradient(from 0deg,transparent 0%,transparent 30%,white 100%)}.orbit-trail-reverse{mask-image:conic-gradient(from 0deg,white 0%,transparent 70%,transparent 100%);-webkit-mask-image:conic-gradient(from 0deg,white 0%,transparent 70%,transparent 100%)}.planet{position:absolute;top:0;left:50%;width:.5rem;height:.5rem;background:#fff;border-radius:50%;transform:translate(-50%,-50%);opacity:1;box-shadow:0 0 20px 6px #fff,0 0 40px 12px #fff9,0 0 60px 18px #ffffff4d}