@layer components{:where(.compass[data-v-959e8cf8]){gap:var(--space-5);padding:var(--space-6) var(--space-5) var(--space-5);grid-template-rows:minmax(0,1fr) auto;display:grid}.start[data-v-959e8cf8]{grid-row:1/-1}.dial[data-v-959e8cf8]{gap:var(--space-5);padding-block:var(--space-8) var(--space-6);grid-template-rows:minmax(0,1fr) auto auto}.no-north[data-v-959e8cf8]{max-inline-size:22rem;color:var(--app-muted);text-align:center;text-wrap:balance;grid-row:1/-1;place-self:center;margin:0}.rose[data-v-959e8cf8]{aspect-ratio:1;place-self:center;block-size:min(100%,22rem,100cqi - 5rem);position:relative;container-type:inline-size}.card[data-v-959e8cf8],.way[data-v-959e8cf8]{block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:visible}.card[data-v-959e8cf8]{rotate:var(--compass-card)}.disc[data-v-959e8cf8]{fill:oklch(100% 0 none/.025);stroke:color-mix(in oklab, var(--edc-hue) 30%, transparent);stroke-width:.75px}.between[data-v-959e8cf8]{fill:var(--color-zinc-600)}.point[data-v-959e8cf8]{transform-box:fill-box;transform-origin:50%;rotate:calc(-1 * var(--compass-card) - var(--compass-at));fill:var(--color-zinc-400);font-family:var(--font-title);font-size:14px;font-weight:700}.north[data-v-959e8cf8]{fill:var(--color-zinc-50);font-size:20px}.way[data-v-959e8cf8]{rotate:var(--compass-way);fill:var(--edc-hue);filter:drop-shadow(0 0 3px color-mix(in oklab, var(--edc-hue) 70%, transparent))}.lubber[data-v-959e8cf8]{border-radius:var(--radius-full);background-color:var(--edc-hue);block-size:9%;inline-size:3px;box-shadow:0 0 6px 0 color-mix(in oklab, var(--edc-hue) 60%, transparent);margin-inline:auto;position:absolute;inset-block-start:0;inset-inline:0}.middle[data-v-959e8cf8]{gap:var(--space-1);place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.heading[data-v-959e8cf8]{justify-items:center}.heading[data-v-959e8cf8] .value{font-size:21cqi}.heading-point[data-v-959e8cf8]{color:var(--app-muted);font-family:var(--font-mono);font-size:var(--text-lg);line-height:var(--leading-lg)}.foot[data-v-959e8cf8]{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.cell[data-v-959e8cf8]{gap:var(--space-1);min-inline-size:0;display:grid}.end[data-v-959e8cf8]{grid-column:2;justify-items:end}.cell-name[data-v-959e8cf8]{color:var(--app-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);line-height:var(--leading-xs);text-transform:uppercase}.cell-value[data-v-959e8cf8]{white-space:nowrap;align-items:baseline;gap:.3em;min-inline-size:0;margin:0;display:flex}.cell-figure[data-v-959e8cf8]{color:var(--edc-readout-ink);font-family:var(--font-mono);font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:500;line-height:var(--leading-lg);text-shadow:var(--edc-readout-glow)}.cell-unit[data-v-959e8cf8]{color:var(--app-muted);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-sm)}.lamp[data-v-959e8cf8]{flex:none;align-self:center;block-size:.5rem;inline-size:.5rem}.fine[data-v-959e8cf8]{color:var(--app-muted);font-size:var(--text-sm);line-height:var(--leading-sm);text-align:center;text-wrap:balance;margin:0}.spot[data-v-959e8cf8]{inline-size:100%}@media (prefers-reduced-motion:no-preference){.card[data-v-959e8cf8],.way[data-v-959e8cf8],.point[data-v-959e8cf8]{transition:rotate .12s linear}}}