.orbit{--step:clamp(4.5rem, 8vw, 7rem);pointer-events:none;position:absolute;inset:0;overflow:hidden}.orbit-dawn{width:calc(var(--r1,40rem) * 2.4);aspect-ratio:2;background-image:radial-gradient(50% 100% at 50% 100%, color-mix(in srgb, var(--primary) 11%, transparent), color-mix(in srgb, var(--primary) 4%, transparent) 45%, transparent 75%);position:absolute;bottom:0;left:50%;translate:-50%;-webkit-mask-image:linear-gradient(#000 65%,#0000);mask-image:linear-gradient(#000 65%,#0000)}.orbit-sky{position:absolute;inset:0;-webkit-mask-image:linear-gradient(0deg,#0000,#000 24% calc(100% - 7rem),#0000);mask-image:linear-gradient(0deg,#0000,#000 24% calc(100% - 7rem),#0000)}.orbit-ring{--r:calc(var(--r1,40rem) + var(--i) * var(--step));width:calc(var(--r) * 2);aspect-ratio:1;animation:1.6s cubic-bezier(.2,.7,.2,1) both orbit-in;animation-delay:calc(var(--i) * .16s);position:absolute;top:100%;left:50%;translate:-50% -50%}.orbit-track{border:1px solid color-mix(in srgb, var(--foreground) 12%, transparent);border-radius:50%;position:absolute;inset:0}.orbit-signal{background:conic-gradient(transparent 0turn .84turn, color-mix(in srgb, var(--foreground) 30%, transparent) .97turn, color-mix(in srgb, var(--foreground) 70%, transparent) 1turn);animation:orbit-spin var(--signal) linear infinite;border-radius:50%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(farthest-side,#0000 calc(100% - 1.25px),#000 calc(100% - 1.25px));mask-image:radial-gradient(farthest-side,#0000 calc(100% - 1.25px),#000 calc(100% - 1.25px))}.orbit-ring[data-reverse] .orbit-signal{background:conic-gradient(color-mix(in srgb, var(--foreground) 70%, transparent) 0turn, color-mix(in srgb, var(--foreground) 30%, transparent) .03turn, transparent .16turn 1turn);animation-direction:reverse}@keyframes orbit-spin{to{transform:rotate(1turn)}}@keyframes orbit-in{0%{opacity:0;transform:scale(.96)}}@media (prefers-reduced-motion:reduce){.orbit *{animation:none}.orbit-signal{display:none}}