/* * {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: 900;
  font-size: clamp(32px, 6vw, 72px);
} */

.sfx {
  position: relative;
  overflow: hidden;
  width: 70vw;
  display: inline-block;
}

.sfx__initial {
  visibility: hidden;
  opacity: 0;
  display: inline-block;
  position: relative !important;
}

.sfx__txt-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  font-family: inherit;
  -webkit-animation: sfx;
          animation: sfx;
  -webkit-animation: sfx 5s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
          animation: sfx 5s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
}

.sfx__txt-wrapper span {
  display: block;
}

.sfx span {
  font-family: inherit;
  font-size: inherit;
}

@supports (display: inline-flex) {
  .sfx {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

@-webkit-keyframes sfx {
  0% {
    -webkit-transform: translateY(13%);
            transform: translateY(13%);
  }
  22% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  33% {
    -webkit-transform: translateY(-33%);
            transform: translateY(-33%);
  }
  55% {
    -webkit-transform: translateY(-33%);
            transform: translateY(-33%);
  }
  66% {
    -webkit-transform: translateY(-66%);
            transform: translateY(-66%);
  }
  88% {
    -webkit-transform: translateY(-66%);
            transform: translateY(-66%);
  }
  100% {
    -webkit-transform: translateY(-99%);
            transform: translateY(-99%);
  }
}

@keyframes sfx {
  0% {
    -webkit-transform: translateY(13%);
            transform: translateY(13%);
  }
  22% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  33% {
    -webkit-transform: translateY(-33%);
            transform: translateY(-33%);
  }
  55% {
    -webkit-transform: translateY(-33%);
            transform: translateY(-33%);
  }
  66% {
    -webkit-transform: translateY(-66%);
            transform: translateY(-66%);
  }
  88% {
    -webkit-transform: translateY(-66%);
            transform: translateY(-66%);
  }
  100% {
    -webkit-transform: translateY(-99%);
            transform: translateY(-99%);
  }
}
/*# sourceMappingURL=sfx.css.map */