.odo {
    display: inline-flex;
}

.runner {
    display: inline-flex;
    overflow: hidden;
    padding-right: 10px;
    margin-right: -10px;
}

.runner.is_show .runner_inner {
    opacity: 1;
}

.runner.is_show .runner_counter {
    translate: none;
}

.runner_unit {
    position: relative;
    transition: width 1s ease-out;
}

.runner_spacer {
    opacity: 0;
    display: inline-flex;
}

.runner_counter {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    translate: 0 calc(100% - 1em);
    transition: translate 2s linear;
    transition-timing-function: ease-in-out;
    text-align: left;
}

.runner_number {
    display: block;
}