/* Static-CSS adaptation of Magic UI Orbiting Circles.
 * https://github.com/magicuidesign/magicui/blob/main/apps/www/registry/magicui/orbiting-circles.tsx
 * MIT license: MAGIC-UI-LICENSE.txt. Angle/radius/duration interface retained.
 */
.orbital-scene { position: relative; }
.orbit-marker {
  position: absolute;
  left: 50%; top: 50%;
  width: var(--marker-size, 12px); height: var(--marker-size, 12px);
  margin: calc(var(--marker-size, 12px) / -2);
  border-radius: 50%;
  background: var(--marker-color, #b5c8ff);
  transform: rotate(var(--angle, 0deg)) translateX(var(--radius, 180px)) rotate(calc(-1 * var(--angle, 0deg)));
  animation: life-orbit var(--duration, 60s) linear infinite;
  animation-play-state: paused;
  pointer-events: none;
}
.orbital-scene[data-motion="on"] .orbit-marker { animation-play-state: running; }
@keyframes life-orbit {
  from { transform: rotate(var(--angle, 0deg)) translateX(var(--radius, 180px)) rotate(calc(-1 * var(--angle, 0deg))); }
  to { transform: rotate(calc(var(--angle, 0deg) + 360deg)) translateX(var(--radius, 180px)) rotate(calc(-1 * var(--angle, 0deg) - 360deg)); }
}
@media (prefers-reduced-motion: reduce) {
  .orbital-scene .orbit-marker { animation: none; }
}