.rolling-number{font-variant-numeric:tabular-nums;white-space:nowrap;display:inline-block;position:relative}.rolling-number-visual{white-space:pre;-webkit-user-select:none;user-select:none;pointer-events:none;align-items:center;display:inline-flex;position:absolute;inset:0}.rolling-number-visual>span{position:relative}.rolling-number-digit{overflow:clip}.rolling-number-value{opacity:0}.rolling-number-visual>span:after{content:attr(data-character)}.rolling-number-digit:after{opacity:0}.rolling-number-digit:before{content:"0\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9";white-space:pre;inset:0;top:calc(var(--rolling-digit) * -1lh);position:absolute}.rolling-number-digit[data-roll]:before{animation:.5s ease-out rolling-number-roll}@keyframes rolling-number-roll{0%{transform:translateY(calc((var(--rolling-digit) - var(--rolling-from)) * 1lh))}}@media (prefers-reduced-motion:reduce){.rolling-number-value{opacity:1}.rolling-number-visual,.rolling-number-digit:before{display:none}}@media print{.rolling-number-value{opacity:1}.rolling-number-visual{display:none}}