.orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid rgba(255, 255, 255, var(--orbit-opacity));
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transform-style: preserve-3d;
}

.orbit > * {
  pointer-events: all;
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotateZ(var(--start-rotation));
  }
  to {
    transform: translate(-50%, -50%) rotateZ(calc(var(--start-rotation) + 360deg));
  }
}