.orbit{--orbit-center-size:96px;--orbit-orb-size:32px;--orbit-radius:74px;--orbit-duration:4s;--orbit-tilt-x:15deg;--orbit-tilt-z:45deg;--orbit-counter-z:-95deg;--orbit-perspective:400px;--orbit-center-color:#21201c;--orbit-orb-color:#fad757;--orbit-stage:calc(var(--orbit-center-size) + var(--orbit-radius) * 2);width:var(--orbit-stage);height:var(--orbit-stage);transform-style:preserve-3d;perspective:var(--orbit-perspective);position:relative}.orbit__stage{width:var(--orbit-center-size);height:var(--orbit-center-size);transform-style:preserve-3d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit__center{background:var(--orbit-center-color);border-radius:50%;width:100%;height:100%}.orbit__orb{width:var(--orbit-orb-size);height:var(--orbit-orb-size);background:var(--orbit-orb-color);animation:orbit-path var(--orbit-duration) linear infinite;animation-play-state:var(--orbit-play-state,running);will-change:transform;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.orbit__orb{transform:translate(-50%, -50%) rotateZ(var(--orbit-tilt-z)) rotateX(var(--orbit-tilt-x)) translateZ(var(--orbit-radius));animation:none}}@keyframes orbit-path{0%{transform:translate(-50%, -50%) rotateZ(var(--orbit-tilt-z)) rotateX(var(--orbit-tilt-x)) rotateY(0deg) translateZ(var(--orbit-radius)) rotateY(360deg) rotateX(calc(var(--orbit-tilt-x) * -1)) rotateZ(var(--orbit-counter-z))}to{transform:translate(-50%, -50%) rotateZ(var(--orbit-tilt-z)) rotateX(var(--orbit-tilt-x)) rotateY(360deg) translateZ(var(--orbit-radius)) rotateY(0deg) rotateX(calc(var(--orbit-tilt-x) * -1)) rotateZ(var(--orbit-counter-z))}}
.orbit-gyro{--gyro-center-size:96px;--gyro-ring-diameter:120px;--gyro-ring-thickness:12px;--gyro-perspective:800px;--gyro-center-color:#ffd6fa;--gyro-ring-color:#ee77de;--gyro-stage:calc(var(--gyro-center-size) + var(--gyro-ring-diameter));width:var(--gyro-stage);height:var(--gyro-stage);transform-style:preserve-3d;perspective:var(--gyro-perspective);position:relative}.orbit-gyro__stage{width:var(--gyro-ring-diameter);height:var(--gyro-ring-diameter);transform-style:preserve-3d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-gyro__ring{width:var(--gyro-ring-diameter);height:var(--gyro-ring-diameter);transform-style:preserve-3d;will-change:transform;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-gyro__hoop{border:var(--gyro-ring-thickness) solid var(--gyro-ring-color);box-sizing:border-box;border-radius:50%;width:100%;height:100%}.orbit-gyro__core{width:var(--gyro-center-size);height:var(--gyro-center-size);background:var(--gyro-center-color);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.orbit-gyro__ring{transform:translate(-50%,-50%)rotateX(0)rotateY(0)}}
.orbit-status__orb{transform-style:preserve-3d;will-change:transform;border-radius:50%;position:absolute;top:50%;left:50%}.orbit-status__spin{transform-box:fill-box;transform-origin:50%;will-change:transform;animation:2.4s linear infinite os-dash-spin}@keyframes os-dash-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.orbit-status__spin{animation:none}}