.kw-text-switcher {
    display: inline-grid;
    overflow: hidden;
    vertical-align: baseline;
    line-height: inherit;
}

.kw-text-switcher__item {
    grid-area: 1 / 1;
    display: block;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity .5s ease, transform .5s cubic-bezier(.4, 0, .2, 1);
    pointer-events: none;
    white-space: nowrap;
}

.kw-text-switcher__item.is-active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.kw-text-switcher__item.is-leaving {
    opacity: 0;
    transform: translateY(-100%);
}