/* t1027u odometer digits */
.odo, .odo-track, .stat b, .huge-num, .timer, .macros b {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}
.odo-track{display:inline-flex; align-items:baseline; height:1em; line-height:1; overflow:hidden; vertical-align:baseline}
.odo-digit{display:inline-block; height:1em; overflow:hidden; width:0.62em; text-align:center; position:relative}
.odo-strip{display:flex; flex-direction:column; will-change:transform}
.odo-strip > span{display:block; height:1em; line-height:1}
.odo-char{display:inline-block; padding:0 .02em}
.odo-bump{animation:odoBump .45s cubic-bezier(.22,1.2,.36,1)}
@keyframes odoBump{0%{transform:scale(1)}35%{transform:scale(1.06)}100%{transform:scale(1)}}
.odo-pulse{animation:odoPulse .7s ease}
@keyframes odoPulse{
  0%{filter:none}
  40%{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--accent) 70%, transparent))}
  100%{filter:none}
}
.odo-thy .odo-strip{transition-timing-function:cubic-bezier(.22,1,.36,1)}
.odo-pul{text-shadow:0 0 12px color-mix(in srgb, var(--accent) 35%, transparent)}
.odo-pul.odo-pulse{animation:odoPulGlow .65s ease}
@keyframes odoPulGlow{
  0%{text-shadow:0 0 0 transparent}
  40%{text-shadow:0 0 16px var(--accent), 0 0 28px color-mix(in srgb,var(--accent) 50%, transparent)}
  100%{text-shadow:0 0 8px color-mix(in srgb,var(--accent) 25%, transparent)}
}
@media (prefers-reduced-motion: reduce){
  .odo-bump,.odo-pulse,.odo-pul.odo-pulse{animation:none!important}
  .odo-strip{transition:none!important}
}
