.compass.svelte-gzujjl{aspect-ratio:1;width:min(100%,400px);margin-inline:auto;position:relative}.compass-svg.svelte-gzujjl{width:100%;height:100%;display:block;position:relative}.halo.svelte-gzujjl{filter:blur(28px);opacity:.5;background:radial-gradient(circle at 50% 45%,#c8a45159,#123d2a2e 45%,#0000 70%);border-radius:9999px;position:absolute;inset:6%}.ring-spin.svelte-gzujjl,.ring-spin-slow.svelte-gzujjl,.needle.svelte-gzujjl{transform-box:fill-box;transform-origin:50%}.compass.motion.svelte-gzujjl .halo:where(.svelte-gzujjl){animation:6s ease-in-out infinite svelte-gzujjl-halo-pulse}.compass.motion.svelte-gzujjl .ring-spin:where(.svelte-gzujjl){animation:120s linear infinite svelte-gzujjl-spin}.compass.motion.svelte-gzujjl .ring-spin-slow:where(.svelte-gzujjl){animation:200s linear infinite reverse svelte-gzujjl-spin}.compass.motion.svelte-gzujjl .needle:where(.svelte-gzujjl){animation:7s ease-in-out infinite alternate svelte-gzujjl-sweep}@keyframes svelte-gzujjl-spin{to{transform:rotate(360deg)}}@keyframes svelte-gzujjl-sweep{0%{transform:rotate(-16deg)}to{transform:rotate(20deg)}}@keyframes svelte-gzujjl-halo-pulse{0%,to{opacity:.5;transform:scale(.96)}50%{opacity:.85;transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){.compass.motion.svelte-gzujjl .ring-spin:where(.svelte-gzujjl),.compass.motion.svelte-gzujjl .ring-spin-slow:where(.svelte-gzujjl),.compass.motion.svelte-gzujjl .needle:where(.svelte-gzujjl),.compass.motion.svelte-gzujjl .halo:where(.svelte-gzujjl){animation:none}}