.navigation-compass[data-v-8773ec90]{aspect-ratio:1;width:100%;min-width:0;max-width:224px}.navigation-compass.stale svg[data-v-8773ec90]{opacity:.55}svg[data-v-8773ec90]{width:100%;height:100%;display:block;overflow:visible}.bezel[data-v-8773ec90]{fill:#040609}.face[data-v-8773ec90]{stroke:var(--op-border)}.major-tick[data-v-8773ec90]{stroke:var(--op-text);stroke-width:2px;opacity:.85}.minor-tick[data-v-8773ec90]{stroke:var(--op-muted);stroke-width:1px;opacity:.85}.num[data-v-8773ec90]{fill:var(--op-muted);font-size:10px;font-weight:600}.cardinal[data-v-8773ec90]{fill:var(--op-text);font-size:14px;font-weight:800}.north[data-v-8773ec90]{fill:var(--op-red);font-size:15px;font-weight:900}.needle[data-v-8773ec90]{fill:var(--gauge-accent);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--gauge-accent) 60%,transparent))}.tail[data-v-8773ec90]{fill:#2a3344}.course-marker[data-v-8773ec90]{fill:var(--op-text)}.hub[data-v-8773ec90]{fill:#0b1220;stroke:var(--op-border);stroke-width:1.5px}.value[data-v-8773ec90]{fill:var(--op-text);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.suffix[data-v-8773ec90]{font-size:.6em;font-weight:600}.reference[data-v-8773ec90]{fill:var(--op-muted);text-transform:uppercase;letter-spacing:.08em;font-size:8px}