.firmament-compass{aspect-ratio:1;pointer-events:none;isolation:isolate;position:relative}.firmament-compass:before{content:"";background:radial-gradient(circle,#04090d42 25%,#0000 70%);border-radius:50%;position:absolute;inset:8%}.firmament-compass canvas{mix-blend-mode:screen;width:100%;height:100%;display:block}.firmament-compass__fallback{width:100%;height:100%;color:var(--fui-text-primary);display:none;position:absolute;inset:0}.firmament-compass__fallback>*{vector-effect:non-scaling-stroke;stroke-width:.75px}.firmament-compass canvas[data-renderer=fallback]+svg{display:block}