﻿/* Выравниваем блок с цифрами */
.odo-num {
    display: inline-flex;
    align-items: baseline;
    line-height: 1; /* Жестко фиксируем высоту строки */
}

/* Окошко, через которое видно цифру */
.custom-odo-wrap {
    display: inline-flex;
    flex-direction: column;
    height: 1em; /* Высота ровно в 1 символ */
    overflow: hidden;
    vertical-align: bottom;
}

/* Сама лента с цифрами (0, 1, 2, 3...) */
.custom-odo-col {
    display: flex;
    flex-direction: column;
    /* Настраиваем плавность: 2.5 секунды с сильным замедлением в конце */
    transition: transform 2.5s cubic-bezier(0.22, 1, 0.36, 1); 
    transform: translateY(0);
}

/* Каждая отдельная цифра в ленте */
.custom-odo-col span {
    height: 1em;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Для пробелов и текста (например, " ЛЕТ") */
.custom-odo-char {
    display: inline-flex;
    height: 1em;
    align-items: center;
    white-space: pre; /* Сохраняем пробелы */
}
