/* MauiOdo drums (FINAL4 iteration 7, A1). Unchanged from i4/i5/i6. Inherits font, size, weight, numerals and colour from .num.
   .odo-rest = the static price as one text run (identical glyphs + kerning to the static card); shown at rest.
   .odo-roll = euro sign + drums; shown only while rolling (.odo.is-rolling).
   .odo-d    = one digit slot: inline-block; a hidden in-flow digit (.odo-sp) gives it the baseline, JS sets its width.
   .odo-win  = the drum window over the slot: clips the strip (overflow hidden), soft fade top/bottom so the neighbour
               digit eases in like a curved drum. Line-height 1 on .num means one cell = 1lh = the static line box.
   .odo-strip gets an inline vertical-blur filter (url(#odo-blur-N)) only while it moves fast; none at rest.
   .odo-fx   = the hidden <svg> holding those filters (zero-size, never display:none so the filters stay live). */
.odo{white-space:nowrap}
.odo-roll{display:none}
.odo.is-rolling .odo-rest{display:none}
.odo.is-rolling .odo-roll{display:inline}
.odo-d{position:relative;display:inline-block}
.odo-sp{visibility:hidden}
.odo-win{
  position:absolute;inset:0 -.15em;overflow:hidden;pointer-events:none;   /* vertical clip = the static line box exactly: never over the unit / fact line */
  -webkit-mask-image:linear-gradient(transparent 0,#000 .11em,#000 calc(100% - .11em),transparent 100%);
          mask-image:linear-gradient(transparent 0,#000 .11em,#000 calc(100% - .11em),transparent 100%);
}
.odo-strip{position:absolute;left:.15em;top:0;will-change:transform}
.odo-strip>span{display:block;width:max-content;height:1lh}
.odo-m{position:absolute;left:0;top:0;visibility:hidden;white-space:pre;pointer-events:none}
.odo-m>span{position:absolute;left:0;top:0}
.odo-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.odo-fx{position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;pointer-events:none}
@media (prefers-reduced-motion:reduce){.odo .odo-roll{display:none}.odo .odo-rest{display:inline}.odo-strip{filter:none!important}}
