.pz-dial{width:100%;height:auto;color:var(--ink);display:block;overflow:visible}.pz-dial text{font-family:var(--font-display)}.pz-sector{cursor:pointer}.pz-sector__hit{fill:#0000}.pz-sector__bezel{fill:var(--line);transition:fill .2s var(--ease-out)}.pz-sector[data-lit=true] .pz-sector__bezel{fill:var(--accent)}.pz-dot{fill:var(--muted);opacity:.38;transform-box:fill-box;transform-origin:50%;transition:opacity .26s var(--ease-out), fill .26s var(--ease-out), transform .42s var(--ease-spring)}.pz-dot[data-state=match]{fill:var(--accent);opacity:1;transform:scale(1.05)}.pz-dot[data-state=active]{fill:var(--accent);opacity:1;transform:scale(1.6)}.pz-dot[data-state=chosen]{fill:var(--accent);opacity:1;animation:pz-settle .7s var(--ease-spring) both;transform:scale(2.1)}.pz-dots:has(.pz-dot[data-state=chosen]) .pz-dot:not([data-state=chosen]){opacity:.16}@keyframes pz-settle{0%{transform:scale(3.4)}60%{transform:scale(1.8)}to{transform:scale(2.1)}}.pz-dial[data-locked=true] .pz-needle{transition-duration:.62s}@media (prefers-reduced-motion:reduce){.pz-dot,.pz-sector__bezel{transition:none}.pz-dot[data-state=chosen]{animation:none}}