.score-dial{position:relative;width:11.25rem}.score-dial--xl{width:17.5rem}.score-dial--md{width:11.25rem}.score-dial--sm{width:6rem}.score-dial svg{width:100%;height:auto;display:block}.score-dial__track{fill:none;stroke:var(--line);stroke-width:8}.score-dial__progress{fill:none;stroke:var(--score-critical);stroke-width:8;transition:stroke var(--dur-2)}.score-dial--xl .score-dial__progress,.score-dial--xl .score-dial__track{stroke-width:10}.score-dial__center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;grid-gap:3px;gap:3px}.score-dial--md .score-dial__center{padding-bottom:16%;gap:2px}.score-dial--xl .score-dial__center{padding-bottom:12%}.score-dial__value{font-family:var(--font-mono);font-weight:700;line-height:1;font-size:var(--text-score-md)}.score-dial--md .score-dial__value{font-size:2.125rem}.score-dial--xl .score-dial__value{font-size:var(--text-score-xl)}.score-dial--sm .score-dial__value{font-size:1.625rem}.score-dial__label{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-mono-label);text-transform:uppercase;color:var(--ink-3)}.score-dial--xl .score-dial__label{font-size:var(--text-micro)}.score-dial__band{justify-self:center;padding:1px 8px}.score-dial--md .score-dial__band{font-size:9px;padding:1px 7px}