.motion-rolling-metric{font-variant-numeric:tabular-nums;white-space:nowrap;display:inline-flex}.motion-rolling-metric__slot{place-items:center;width:.62em;display:inline-grid;position:relative;overflow:clip}.motion-rolling-metric__slot[data-narrow=true]{width:.36em}.motion-rolling-metric__digit{grid-area:1/1}.motion-rolling-metric__digit--outgoing,.motion-rolling-metric__digit--incoming{animation-duration:var(--motion-rolling-metric-duration);animation-fill-mode:both;animation-timing-function:var(--motion-ease-enter)}.motion-rolling-metric__digit--outgoing{animation-name:motion-rolling-metric-out-up}.motion-rolling-metric__digit--incoming{animation-name:motion-rolling-metric-in-up}.motion-rolling-metric[data-direction=down] .motion-rolling-metric__digit--outgoing{animation-name:motion-rolling-metric-out-down}.motion-rolling-metric[data-direction=down] .motion-rolling-metric__digit--incoming{animation-name:motion-rolling-metric-in-down}.motion-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes motion-rolling-metric-out-up{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate3d(0, var(--motion-rolling-metric-negative-travel), 0)}}@keyframes motion-rolling-metric-in-up{0%{opacity:0;transform:translate3d(0, var(--motion-rolling-metric-travel), 0)}to{opacity:1;transform:translate(0,0)}}@keyframes motion-rolling-metric-out-down{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate3d(0, var(--motion-rolling-metric-travel), 0)}}@keyframes motion-rolling-metric-in-down{0%{opacity:0;transform:translate3d(0, var(--motion-rolling-metric-negative-travel), 0)}to{opacity:1;transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.motion-rolling-metric__digit--outgoing,.motion-rolling-metric__digit--incoming{animation:none}.motion-rolling-metric__digit--outgoing{display:none}}