:root {
  --aura-saturn-cyan: #2ff5ff;
}

.aura-saturn-signature {
  position: relative !important;
  isolation: isolate;
  overflow: visible !important;
}

.aura-saturn-signature > .aura-saturn-visual {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  pointer-events: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.aura-saturn-signature--animated > .aura-saturn-visual {
  background-image: var(--aura-saturn-base);
}

.aura-saturn-signature--static > .aura-saturn-visual {
  background-image: var(--aura-saturn-static);
}

.aura-saturn-orbit {
  position: absolute;
  inset: 0;
  display: block;
  transform: rotate(-24deg);
  transform-origin: 50% 50%;
  pointer-events: none;
}

.aura-saturn-satellite {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: clamp(5px, 12%, 11px);
  aspect-ratio: 1;
  pointer-events: none;
  background-image: var(--aura-satellite);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  offset-path: ellipse(45% 24% at 50% 51%);
  offset-anchor: 50% 50%;
  offset-rotate: 0deg;
  animation: aura-satellite-orbit 3s linear infinite;
  will-change: offset-distance;
}

@keyframes aura-satellite-orbit {
  from { offset-distance: 0%; }
  to { offset-distance: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .aura-saturn-satellite {
    animation: none !important;
    offset-distance: 15%;
  }
}