.hd-ring{position:relative;width:132px;height:132px}.hd-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.hd-ring circle{fill:none;stroke-width:9}.hd-ring__bg{stroke:var(--line-strong)}.hd-ring__fg{stroke:currentColor;stroke-linecap:round;transition:stroke-dashoffset .9s var(--ease-out)}.hd-ring__letter{position:absolute;inset:0;display:grid;place-items:center;font-size:3.4rem;font-weight:800;letter-spacing:var(--tracking-tight)}.hd-grade.enc__hero--ok{color:var(--success)}.hd-grade.enc__hero--warn{color:var(--warning)}.hd-grade.enc__hero--bad{color:var(--danger)}.hd-grade .enc__big{color:var(--fg)}.hd-grade .enc__sub,.hd-reason{color:var(--fg-muted)}.hd-reason{margin:6px 0 0;font-size:var(--text-xs);line-height:1.55}@media (prefers-reduced-motion:reduce){.hd-ring__fg{transition:none}}