/* ============================================================================
   site/fx/odometer.css — колонки цифр табло (fx/odometer.js).

   Колонка — окошко счётчика: высотой в одну строку (1em при line-height:1
   у .stat-v) и шириной ровно в свою цифру. Лента цифр внутри едет вверх и
   режется окошком со всех сторон. Пролетающие цифры бывают шире окошка
   (у Unbounded «0» шире «1») — без обрезки по бокам они налезали бы на
   соседнюю колонку обрывками; с ней — скрываются за краем, как в
   настоящем счётчике. Последняя цифра — своя, в окошко входит ровно.

   Живут колонки только полторы секунды: после остановки модуль возвращает
   узлу исходный текст.
   ========================================================================== */

/* --od-h — высота строки числа в px (ставит odometer.js на время
   прокрутки): окошко ровно в строку, ни пикселем выше — иначе строка
   распирается и ряды табло ниже съезжают. */
.fx-od{ display:inline-block; vertical-align:top; height:var(--od-h, 1em); line-height:var(--od-h, 1);
  overflow:clip }
.fx-od-s{ display:flex; flex-direction:column; align-items:center }
.fx-od-s > span{ display:block; height:var(--od-h, 1em); line-height:var(--od-h, 1) }
/* Барабан: цифры гаснут к краям окна, как на цилиндре счётчика. Маска —
   на всей строке числа (.stat-v высотой ровно в строку), а не на колонке:
   маска режет всё, что за рамкой её элемента, и на узкой колонке «1»
   срезала бы бока пролетающим «0» и «8». Растушёвка по 10 % сверху и снизу:
   глиф в покое её не касается (он уже строки), поэтому последний кадр
   прокрутки и вернувшийся текст совпадают без «проявления». */
.fx-od-on{
  -webkit-mask-image:linear-gradient(to bottom, transparent, #000 10%, #000 90%, transparent);
          mask-image:linear-gradient(to bottom, transparent, #000 10%, #000 90%, transparent) }
.fx-od.is-rolling > .fx-od-s{ will-change:transform }