/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/@wordpress/scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/variations/text-animation/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.is-style-animated-text {
  opacity: 0;
}
.is-style-animated-text .word {
  transition-property: clip-path, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  clip-path: polygon(0 -100%, 100% -100%, 100% 0, 0 0);
  transform: translateY(100%);
}
.is-style-animated-text.observed {
  opacity: 1;
}
.is-style-animated-text.observed .word {
  animation-name: display;
  animation-duration: 600ms;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  animation-delay: calc(var(--line-index) * 125ms);
}

@keyframes display {
  to {
    clip-path: polygon(0 0, 100% 0, 100% 120%, 0 120%);
    transform: translateY(0);
  }
}

/*# sourceMappingURL=style-index.css.map*/