/* === TEXT ROTATE === */

.txt-rotator {
    position: relative;
    overflow: hidden;
    vertical-align: baseline;
    cursor: default;
  }
  
.txt-rotator-inner {
    display: inline-flex;
    overflow: hidden;
    position: relative;
    vertical-align: baseline;
  }

.txt-rotator-inner span {
    display: inline-block;
    white-space: nowrap;
    opacity: 0;
    position: absolute;
    left: 0;
    transform: translateY(1.4em);
    filter: blur(6px);
    transition:
      opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1),
      transform 0.6s cubic-bezier(0.4, 0, 0.2, 1),
      filter 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: opacity, transform, filter;
  }

.txt-rotator-inner span.active {
    position: relative;
    opacity: 1;
    transform: translateY(0);
    filter: blur(0px);
  }

.txt-rotator-inner span.exiting {
    position: absolute;
    opacity: 0;
    transform: translateY(-1.4em);
    filter: blur(6px);
  }