.planet{--planet-rock:4deg;--planet-turn:24deg;--planet-sway-time:3.2s;--planet-orbit-time:2.4s;position:relative;display:inline-block;flex:none;width:var(--planet-size);height:var(--planet-size)}.planet--small{--planet-rock:10deg;--planet-turn:34deg;--planet-sway-time:2.2s;--planet-orbit-time:1.5s}.planet__layer{position:absolute;inset:0;display:block;width:100%;height:100%;background-size:contain}.planet__ring-back{background-image:url(/orbit-ring-back.svg)}.planet__ring-front{background-image:url(/orbit-ring-front.svg)}.planet__ring-back,.planet__ring-front,.planet__track{transform-origin:50% 52%;animation:planet-rock var(--planet-sway-time) infinite;will-change:transform}.planet__sphere{background-image:url(/orbit-sphere.svg);animation:planet-light var(--planet-sway-time) infinite;will-change:transform}.planet__track{position:absolute;inset:0;transition:opacity .36s ease-out}.planet__lane{position:absolute;top:7%;left:5%;width:90%;height:90%;transform:rotate(-18deg) scaleY(.2667)}.planet__track--back .planet__lane{clip-path:polygon(-30% -30%,130% -30%,130% 50%,-30% 50%)}.planet__track--front .planet__lane{clip-path:polygon(-30% 50%,130% 50%,130% 130%,-30% 130%)}.planet__arm{position:absolute;inset:0;animation:planet-orbit var(--planet-orbit-time) linear infinite;will-change:transform}.planet__glint{position:absolute;top:34%;left:90%;width:20%;height:32%;background:var(--color-pure-white);mask-image:radial-gradient(closest-side,black,transparent)}.planet__track--back .planet__glint{opacity:.45}@keyframes planet-rock{0%{transform:rotate(0deg);animation-timing-function:cubic-bezier(.61,1,.88,1)}25%{transform:rotate(var(--planet-rock));animation-timing-function:cubic-bezier(.37,0,.63,1)}75%{transform:rotate(calc(var(--planet-rock) * -1));animation-timing-function:cubic-bezier(.12,0,.39,0)}to{transform:rotate(0deg)}}@keyframes planet-light{0%{transform:rotate(0deg);animation-timing-function:cubic-bezier(.61,1,.88,1)}25%{transform:rotate(var(--planet-turn));animation-timing-function:cubic-bezier(.37,0,.63,1)}75%{transform:rotate(calc(var(--planet-turn) * -1));animation-timing-function:cubic-bezier(.12,0,.39,0)}to{transform:rotate(0deg)}}@keyframes planet-orbit{0%{transform:rotate(180deg)}to{transform:rotate(-180deg)}}@media (prefers-reduced-motion:reduce){.planet__arm,.planet__ring-back,.planet__ring-front,.planet__sphere,.planet__track{animation:none}.planet__track{display:none}}.planet--still .planet__ring-back,.planet--still .planet__ring-front,.planet--still .planet__sphere,.planet--still .planet__track{animation-name:none;will-change:auto}.planet--still .planet__track{opacity:0}.planet--still .planet__arm{animation-play-state:paused;will-change:auto}