.signal-vortex{--vortex:#3a8fd6;--vortex-period:1.9s;--vortex-step:60ms;width:min(100%,320px);min-height:200px;perspective:600px;pointer-events:none;justify-content:center;align-items:center;margin-block-start:var(--space-8);margin-block-end:0;margin-inline:auto;display:flex;position:relative}.signal-vortex span{width:calc(var(--i) * 14px);aspect-ratio:1;border:3px solid var(--vortex);opacity:calc(1 - var(--i) * .04);transform-style:preserve-3d;border-radius:50%;position:absolute;bottom:30px;transform:rotateX(70deg)translateZ(30px)}.signal-vortex span:nth-child(4n+1){--vortex:#3a8fd6}.signal-vortex span:nth-child(4n+2){--vortex:#6cb8ec}.signal-vortex span:nth-child(4n+3){--vortex:#9bdcff}.signal-vortex span:nth-child(4n){--vortex:#2f8fe0}@media (forced-colors:active){.signal-vortex span{border-color:canvastext}}@media (prefers-reduced-motion:no-preference){.signal-vortex span{animation:signal-vortex-rise var(--vortex-period) var(--ease-standard) calc(var(--i) * var(--vortex-step)) 2}}@media (prefers-reduced-motion:reduce){.signal-vortex span{animation:none}}.window:focus-within .signal-vortex span{animation:none}.global-not-found:has(.global-not-found-dialog:focus-within) .signal-vortex span{animation:none}@keyframes signal-vortex-rise{0%,to{transform:rotateX(70deg)translateZ(30px)translateY(0)}50%{transform:rotateX(70deg)translateZ(30px)translateY(-24px)}}