.sf{align-items:end;gap:.5rem 2.5rem;display:grid}.sf-label{font-weight:600}.sf-zone{color:var(--zone-text);margin-right:.5rem;font-weight:700}.sf-value{color:var(--zone-text,var(--color-ink));font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(3.25rem,9vw,5.5rem);font-style:italic;font-weight:300;font-stretch:115%;line-height:.95}.sf-unit{letter-spacing:-.01em;font-size:.32em;font-stretch:105%}.sf-value small{color:var(--color-ink-soft);font-family:var(--font-sans);font-variant-numeric:normal;letter-spacing:0;margin-top:.5rem;font-size:.9375rem;font-style:normal;font-stretch:100%;display:block}.sf-scale{height:4.75rem;margin-top:.75rem}.sf-caption{color:var(--color-ink-soft);margin-bottom:.25rem;font-size:.8125rem;display:block}.sf-scale svg{display:block;overflow:visible}.sf-track{fill:var(--color-track)}.sf-tick{stroke:var(--color-ink-soft);stroke-width:1px}.sf-text,.sf-sub{fill:var(--color-ink-soft);text-anchor:middle;font-size:.8125rem}.sf-sub{font-size:.75rem}.sf-mark{fill:var(--zone);transform-box:fill-box;transform-origin:50%;transform:translate(-5px)skew(-20deg)}@media (width>=48rem){.sf{grid-template-columns:auto 1fr}.sf-label{grid-column:1/-1}.sf-scale{margin-top:0}}@media (prefers-reduced-motion:no-preference){[data-run] .sf-mark{animation:sf-run var(--duration-run) var(--ease-run) both}}@media (prefers-reduced-motion:reduce){[data-run] .sf-mark{animation:.2s ease-out both sf-fade}}@keyframes sf-fade{0%{opacity:0}}@keyframes sf-run{0%{opacity:0;transform:translate(-5px)translateY(-60%)skew(-20deg)}}