.dot-bar-wrap.svelte-1e10ko4{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}canvas.svelte-1e10ko4{display:block;border-radius:6px}canvas.clickable.svelte-1e10ko4{cursor:pointer}.dot-bar-labels.svelte-1e10ko4{position:relative;display:-webkit-box;display:flex;height:3.6rem;margin-top:.5rem}.dot-bar-label.svelte-1e10ko4{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start;text-decoration:none;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.dot-bar-label.svelte-1e10ko4:not(.active){opacity:.7}.dot-bar-label.active.svelte-1e10ko4{opacity:1}.label-pct.svelte-1e10ko4{font-family:var(--font-mono, monospace);font-size:.85rem;font-weight:700;line-height:1}.label-name.svelte-1e10ko4{font-family:var(--font-sans, sans-serif);font-size:.6rem;font-weight:500;color:var(--color-text-muted, #9B9183);margin-top:.2rem;text-transform:uppercase;letter-spacing:.03em;text-align:center;line-height:1.35;max-width:100%}