.db-orbit{--db-orbit-size:min(78vw, 420px);--db-orbit-stroke:#c9a2278c;--db-satellite-size:clamp(38px, 7.8vw, 60px);width:var(--db-orbit-size);aspect-ratio:1;margin-inline:auto;position:relative}.db-orbit__halo{filter:blur(8px);background:radial-gradient(circle,#fbbf2433 0%,#fbbf2414 34%,#0000 70%);border-radius:9999px;position:absolute;inset:14%}.db-orbit__ring{border:1px solid var(--db-orbit-stroke);border-radius:9999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.db-orbit__ring--outer{width:92%;height:92%}.db-orbit__ring--mid{width:68%;height:68%}.db-orbit__ring--inner{width:48%;height:48%}.db-orbit__planet-track{--db-orbit-duration:26s;animation:db-orbit-spin var(--db-orbit-duration) linear infinite;position:absolute;inset:0}.db-orbit__satellite{width:var(--db-satellite-size);height:var(--db-satellite-size);transform:translate(-50%, -50%) rotate(var(--db-angle)) translateX(calc(var(--db-orbit-radius) * var(--db-orbit-size)));position:absolute;top:50%;left:50%}.db-orbit__satellite-face{width:100%;height:100%;animation:db-orbit-counter-spin var(--db-orbit-duration) linear infinite;place-items:center;display:grid}.db-orbit__satellite-face img{object-fit:contain;width:100%;height:100%}.db-orbit__sparkles{pointer-events:none;position:absolute;inset:0}.db-orbit__sparkle{width:3px;height:3px;transform:rotate(var(--db-spark-angle)) translateX(var(--db-spark-distance));animation:2.8s ease-in-out infinite db-spark;animation-delay:var(--db-delay);background:#fbbf24cc;border-radius:9999px;position:absolute;top:50%;left:50%}@keyframes db-orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes db-orbit-counter-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes db-spark{0%,to{opacity:.15}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.db-orbit__planet-track,.db-orbit__sparkle,.db-orbit__satellite-face{animation:none!important}}