.se-counter-roll {
    display: inline-grid !important;
    height: 1em;
    overflow: hidden !important;
    vertical-align: middle;
    perspective: 120px;
}

.se-counter-roll__value {
    grid-area: 1 / 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    backface-visibility: hidden;
    transform-origin: center center;
    transition: transform 620ms cubic-bezier(0.22, 0.72, 0.2, 1), opacity 420ms ease;
    will-change: transform, opacity;
}

.se-counter-roll__value--outgoing {
    opacity: 1;
    transform: translateY(0) rotateX(0deg);
}

.se-counter-roll__value--incoming {
    opacity: 0.6;
    transform: translateY(115%) rotateX(-38deg);
}

.se-counter-roll.is-counter-rolling .se-counter-roll__value--outgoing {
    opacity: 0.25;
    transform: translateY(-115%) rotateX(55deg);
}

.se-counter-roll.is-counter-rolling .se-counter-roll__value--incoming {
    opacity: 1;
    transform: translateY(0) rotateX(0deg);
}

@media (prefers-reduced-motion: reduce) {
    .se-counter-roll__value {
        transition: none !important;
    }
}