.score-ring-mock{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin:var(--space-lg) auto;padding:0}.score-ring-mock--sm svg{max-width:96px}.score-ring-mock--md svg{max-width:140px}.score-ring-mock--lg svg{max-width:200px}.score-ring-mock svg{width:100%;height:auto;display:block}.score-ring-mock__arc{transition:stroke-dashoffset var(--transition-slow) ease-out}.score-ring-mock--excellent .score-ring-mock__arc{stroke:var(--score-excellent)}.score-ring-mock--good .score-ring-mock__arc{stroke:var(--score-good)}.score-ring-mock--fair .score-ring-mock__arc{stroke:var(--score-fair)}.score-ring-mock--poor .score-ring-mock__arc{stroke:var(--score-poor)}.score-ring-mock--critical .score-ring-mock__arc{stroke:var(--score-critical)}.score-ring-mock__number{fill:var(--text-primary);font-family:var(--font-sans);font-weight:var(--weight-semibold);font-size:var(--text-3xl);letter-spacing:var(--tracking-tight)}.score-ring-mock--sm .score-ring-mock__number{font-size:var(--text-2xl)}.score-ring-mock--lg .score-ring-mock__number{font-size:var(--text-4xl)}.score-ring-mock__suffix{fill:var(--text-tertiary);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium)}.score-ring-mock__label{color:var(--text-secondary);font-size:var(--text-sm);text-align:center;margin:0;line-height:var(--leading-normal)}