@layer components{.val-label{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.val-score{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.val-score[data-align=end]{text-align:right;align-items:flex-end}.val-score-figure{align-items:baseline;gap:.5rem;display:flex}.val-score-number{font-family:var(--font-display);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tighter);font-variant-numeric:tabular-nums;font-size:var(--text-2xl);line-height:var(--text-2xl--line-height)}@media (min-width:70rem){.val-score-number{font-size:var(--text-3xl);line-height:var(--text-3xl--line-height)}}.val-score-of{font-size:var(--text-ui);line-height:var(--text-ui--line-height);color:var(--color-text-muted)}.val-score>.tier-line{font-weight:var(--font-weight-semibold);margin-top:.375rem}.val-score-note{max-width:30ch;font-size:var(--text-ui);line-height:var(--text-ui--line-height);color:var(--color-text-muted);margin-top:.75rem}@keyframes val-travel{0%{left:0}}@keyframes val-band{0%{height:3px;top:-4px}}.val-ruler[data-travel] .ruler-pointer{animation:val-travel var(--duration-mark) var(--ease-out) backwards}.val-ruler[data-travel] .ruler-band[data-on]{animation:val-band var(--duration-mark) var(--ease-out) backwards}@media (prefers-reduced-motion:reduce){.val-ruler[data-travel] .ruler-pointer,.val-ruler[data-travel] .ruler-band[data-on]{animation:none}}}