.rolling-number{font-variant-numeric:tabular-nums;display:inline-flex}.rolling-number__reel{clip-path:inset(-.15em -.08em);height:1lh;display:inline-block;position:relative}.rolling-number{-webkit-user-select:none;user-select:none}.rolling-number__size{visibility:hidden}.rolling-number__strip{transform:translateY(calc(var(--digit,0) * -1lh));display:grid;position:absolute;inset:0 0 auto}.rolling-number__strip>span{text-align:center;height:1lh;display:block}html:not([data-animations=off]) .rolling-number__strip{animation:rolling-number-in .48s var(--ui-ease,cubic-bezier(.23, 1, .32, 1)) var(--reel-delay,0s) backwards}@keyframes rolling-number-in{0%{filter:blur(1.5px);transform:translateY(0)}}.rolling-number--spin .rolling-number__strip{transform:translateY(calc((var(--digit,0) + 10) * -1lh))}.rolling-number--travel .rolling-number__strip{transform:translateY(calc(var(--to,0) * -1lh))}html:not([data-animations=off]) .rolling-number--travel .rolling-number__strip{animation-name:rolling-number-travel}@keyframes rolling-number-travel{0%{transform:translateY(calc(var(--from,0) * -1lh));filter:blur(1.5px)}}html:not([data-animations=off]) .rolling-number--travel .rolling-number__strip[data-still],html[data-animations=off] .rolling-number__strip,html[data-animations=off] .rolling-number--travel .rolling-number__strip{animation:none}
