@property --angle{syntax:"<angle>";initial-value:0deg;inherits:true}.windroos.svelte-1uvc0xn.svelte-1uvc0xn{display:grid;place-content:center;--angle:0deg;--radius:10rem;--tracksize:2.5rem;width:calc(var(--radius) * 2 + var(--tracksize));aspect-ratio:1;border-radius:50%;border:var(--tracksize) solid hsl(var(--muted));margin:0 auto;position:relative;transition:--angle .5s ease-in-out;line-height:1rem}.windroos.svelte-1uvc0xn .circle.svelte-1uvc0xn{font-size:calc(var(--radius) / 2);font-weight:700;position:relative;margin-top:-.5rem}.windroos.svelte-1uvc0xn .circle .unit.svelte-1uvc0xn{position:absolute;top:calc(var(--radius) / 3);left:0;right:0;bottom:0;text-align:center;font-size:.75rem;color:hsl(var(--muted-foreground))}.windroos.svelte-1uvc0xn .dot.svelte-1uvc0xn{--angleCorrected:var(--angle) + 90deg;display:block;width:var(--tracksize);aspect-ratio:1;border-radius:50%;position:absolute;left:calc(50% - (var(--tracksize) / 2));top:calc(50% - (var(--tracksize) / 2));background:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));translate:calc(cos(var(--angleCorrected)) * var(--radius) * -1) calc(sin(var(--angleCorrected) * -1) * var(--radius))}.windroos.svelte-1uvc0xn .legend.svelte-1uvc0xn{--angleCorrected:var(--angle) + 90deg;display:flex;align-items:center;justify-content:center;width:var(--tracksize);aspect-ratio:1;border-radius:50%;font-size:.75rem;font-weight:600;position:absolute;left:calc(50% - (var(--tracksize) / 2));top:calc(50% - (var(--tracksize) / 2));--offset:0rem;translate:calc(cos(var(--angleCorrected)) * (var(--radius) - var(--offset)) * -1) calc(sin(var(--angleCorrected) * -1) * (var(--radius) - var(--offset)))}