/* //////////////////////////////////////////////////

Title : animation.scss
For   : Page/feature/2025/ss2nd_preorder/

Created       : 2025-04-01
Last Modified : 2025-04-01

==========================================

Content

////////////////////////////////////////////////// */
/**
 * animation
 */
.js-animation-trigger.anim-fade-in {
  visibility: var(--visibility, hidden);
  opacity: var(--opacity, 0);
  transition: all 1s ease;
}
.js-animation-trigger.anim-fade-in.is-show {
  --visibility: visible;
  --opacity: 1;
}
.js-animation-trigger .anim-display-text {
  overflow: hidden;
}
.js-animation-trigger .anim-display-text > span {
  display: inline-block;
  transform: translateY(110%);
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.js-animation-trigger .anim-display-text:nth-child(1) > span {
  transition-delay: 0.5s;
}
.js-animation-trigger .anim-display-text:nth-child(2) > span {
  transition-delay: 0.625s;
}
.js-animation-trigger .anim-display-text:nth-child(3) > span {
  transition-delay: 0.75s;
}
.js-animation-trigger .anim-display-text:nth-child(4) > span {
  transition-delay: 0.875s;
}
.js-animation-trigger .anim-display-text:nth-child(5) > span {
  transition-delay: 1s;
}
.js-animation-trigger.is-show .anim-display-text > span {
  transform: translateY(0);
}

@-webkit-keyframes progress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@keyframes progress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
/*# sourceMappingURL=animation.css.map */