.oo{
  display: inline-flex;
  line-height: 1.2;
}

.runner{
  display: inline-flex;
  overflow: hidden;
}
.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% - 1.15em);
    transition: translate 2s linear;
    transition-timing-function: ease-in-out;

    text-align: left;
}
.runner_number{
    display: block;
}