.ttl-motion {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 50%);
  background-size: 100% 200%;
  background-position: 0% -100%;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ttl-motion.active {
  animation-name: kf_c02;
  animation-duration: 4s;
  animation-fill-mode: forwards;
}

@keyframes kf_c02 {
  100% {
    background-position: 0% 100%;
  }
}/*# sourceMappingURL=top-scss.css.map */