.score-ring{--score-ring-size:70px;--score-ring-stroke:4.3px;width:max-content;color:var(--navy);justify-items:center;display:inline-grid}.score-ring[data-size=small]{--score-ring-size:60px;--score-ring-stroke:4px}.score-ring[data-size=large]{--score-ring-size:84px;--score-ring-stroke:4.7px}.score-ring-graphic{width:var(--score-ring-size);height:var(--score-ring-size);border:1px solid color-mix(in srgb, var(--score-ring-color) 14%, var(--line));background:0 0;border-radius:50%;place-items:center;display:grid;position:relative}.score-ring svg{width:calc(100% - 6px);height:calc(100% - 6px);position:absolute;inset:3px;overflow:visible;transform:rotate(-90deg)}.score-ring circle{fill:none;stroke-width:var(--score-ring-stroke)}.score-ring-track{stroke:color-mix(in srgb, var(--score-ring-color) 16%, var(--line))}.score-ring-value{stroke:var(--score-ring-color);stroke-linecap:round;transition:stroke .24s,stroke-dasharray .52s cubic-bezier(.22,1,.36,1)}.score-ring-graphic strong{z-index:1;color:var(--score-ring-color);font-size:calc(var(--score-ring-size) * .245);letter-spacing:-.055em;white-space:nowrap;align-items:baseline;font-weight:750;line-height:1;display:inline-flex;position:relative}.score-ring .score-ring-graphic small{letter-spacing:-.02em;flex:none;margin:0 0 0 1px;font-size:.52em;font-weight:700;line-height:1;display:inline-block}.score-ring-caption{max-width:100px;color:var(--navy-faint);letter-spacing:.075em;text-align:center;text-transform:uppercase;white-space:nowrap;margin-top:6px;font-size:7px;font-weight:750;line-height:1}.score-ring[data-score-available=false] .score-ring-graphic{background:0 0}@media (prefers-reduced-motion:reduce){.score-ring-value{transition:none}}