.tdq-compass.svelte-ofc3o0{position:relative;width:14rem;height:14rem;border-radius:9999px;--compass-accent: color-mix(in oklch, var(--color-primary) 55%, var(--color-warning));--compass-rim: color-mix(in oklch, var(--color-neutral) 35%, var(--color-base-300));--compass-dial: color-mix(in oklch, var(--color-base-100) 88%, var(--color-base-300));--compass-ink: color-mix(in oklch, var(--color-neutral) 56%, var(--color-base-content))}@media(min-width:640px){.tdq-compass.svelte-ofc3o0{width:16rem;height:16rem}}.tdq-compass__ring.svelte-ofc3o0{position:absolute;inset:0;border-radius:9999px;background:linear-gradient(145deg,color-mix(in oklch,var(--compass-accent) 70%,var(--color-base-100)),var(--compass-rim) 55%,color-mix(in oklch,var(--compass-accent) 50%,var(--color-secondary)));box-shadow:0 10px 22px color-mix(in oklch,var(--color-base-content) 12%,transparent),inset 0 0 0 1px color-mix(in oklch,var(--color-base-content) 18%,transparent)}.tdq-compass__face.svelte-ofc3o0{position:absolute;inset:.75rem;border-radius:9999px;background:radial-gradient(circle at 35% 30%,var(--color-base-100),var(--compass-dial) 55%,var(--color-base-300));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--compass-ink) 22%,transparent)}.tdq-compass__ticks.svelte-ofc3o0{position:absolute;inset:1.15rem;border-radius:9999px;background:repeating-conic-gradient(from -90deg,color-mix(in oklch,var(--compass-ink) 18%,transparent) 0deg 1deg,#0000 1deg 11deg);-webkit-mask:radial-gradient(circle,transparent 0 68%,#000 69%);mask:radial-gradient(circle,transparent 0 68%,#000 69%);opacity:.22}.tdq-compass__needle.svelte-ofc3o0{position:absolute;inset:0;border-radius:9999px;transform-origin:center;transition:transform .15s ease-out;pointer-events:none}.tdq-compass__needle--spin-fallback.svelte-ofc3o0{animation:svelte-ofc3o0-tdq-compass-seek-spin 5s linear infinite;transition:none}@media(prefers-reduced-motion:reduce){.tdq-compass__needle--spin-fallback.svelte-ofc3o0{animation-duration:20s}}@keyframes svelte-ofc3o0-tdq-compass-seek-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tdq-compass__readout.svelte-ofc3o0{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:.45rem .7rem;border-radius:9999px;font-weight:800;font-size:1.05rem;letter-spacing:.02em;color:color-mix(in oklch,var(--compass-ink) 78%,transparent);background:color-mix(in oklch,var(--color-base-100) 72%,transparent);box-shadow:0 6px 12px color-mix(in oklch,var(--color-base-content) 8%,transparent),inset 0 0 0 1px color-mix(in oklch,var(--compass-ink) 16%,transparent);text-shadow:0 1px 0 color-mix(in oklch,var(--color-base-100) 80%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(min-width:640px){.tdq-compass__readout.svelte-ofc3o0{font-size:1.15rem;padding:.5rem .8rem}}.tdq-compass__arm.svelte-ofc3o0{position:absolute;left:50%;transform:translate(-50%)}.tdq-compass__arm--north.svelte-ofc3o0{bottom:50%;width:1.9rem;height:4.85rem;clip-path:polygon(50% 0%,0% 100%,100% 100%);background:var(--color-error)}.tdq-compass__arm--south.svelte-ofc3o0{top:50%;width:1.52rem;height:3.55rem;filter:drop-shadow(0 2px 4px color-mix(in oklch,var(--color-base-content) 12%,transparent));clip-path:polygon(0% 0%,100% 0%,50% 100%);background:linear-gradient(180deg,color-mix(in oklch,var(--color-neutral) 82%,black),color-mix(in oklch,var(--color-base-content) 38%,black));opacity:.75}@media(min-width:640px){.tdq-compass__arm--north.svelte-ofc3o0{width:2.08rem;height:5.55rem}.tdq-compass__arm--south.svelte-ofc3o0{width:1.68rem;height:4.05rem}}