.btn--compass.svelte-176a3g3{width:var(--compass-size,clamp(7.5rem, 22vw, 9rem));height:var(--compass-size,clamp(7.5rem, 22vw, 9rem));border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.btn--compass.svelte-176a3g3>:where(.svelte-176a3g3){grid-area:1/1}.rose.svelte-176a3g3{pointer-events:none;width:100%;height:100%}.rose__ring.svelte-176a3g3{fill:none;stroke:currentColor;stroke-width:1px;opacity:.4}.rose__ticks.svelte-176a3g3 line:where(.svelte-176a3g3){stroke:currentColor;stroke-width:1px;opacity:.45}.rose__ticks.svelte-176a3g3 line.major:where(.svelte-176a3g3){stroke-width:2px;opacity:.7}.is-locked.svelte-176a3g3 .rose__ring:where(.svelte-176a3g3){opacity:.65}.needle.svelte-176a3g3{pointer-events:none;width:100%;height:100%;transform:rotate(var(--angle,0deg))}.needle.svelte-176a3g3 svg:where(.svelte-176a3g3){width:100%;height:100%;display:block}.needle__n.svelte-176a3g3{fill:currentColor}.needle__s.svelte-176a3g3{fill:currentColor;opacity:.4}.needle__hub.svelte-176a3g3{fill:currentColor}.cap.svelte-176a3g3{pointer-events:none;z-index:1;width:100%;height:100%}.cap__text.svelte-176a3g3{fill:currentColor;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;text-anchor:middle;font-size:9px;font-weight:500}.course.svelte-176a3g3{background:linear-gradient(to bottom, var(--accent) 0%, color-mix(in srgb, var(--accent) 40%, transparent) 60%, transparent 100%);pointer-events:none;width:1px;height:0;transition:height .45s cubic-bezier(.22,1,.36,1);position:absolute;top:100%;left:50%;transform:translate(-50%)}.course.svelte-176a3g3:after{content:"";background:var(--accent);opacity:0;border-radius:50%;width:4px;height:4px;transition:opacity .2s .35s;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.is-locked.svelte-176a3g3 .course:where(.svelte-176a3g3){height:clamp(2.5rem,9vh,5rem)}.is-locked.svelte-176a3g3 .course:where(.svelte-176a3g3):after{opacity:1}