/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/webxFormat/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.wow-text {
  color: transparent;
  overflow: visible;
  fill: var(--wp--preset--color--accent);
  fill-opacity: 0;
  stroke: var(--wp--preset--color--accent);
  stroke-width: 1px;
  transition: stroke-width 0.5s;
}

@keyframes outlineAnimation {
  from {
    stroke-dasharray: 100%;
    stroke-dashoffset: 100%;
  }
  to {
    stroke-dasharray: 100%;
    stroke-dashoffset: 0%;
  }
}
@keyframes fillAnimation {
  0% {
    fill-opacity: 0;
  }
  50% {
    fill-opacity: 0.5;
  }
  100% {
    fill-opacity: 1;
  }
}
.animate-outline {
  animation: outlineAnimation 1.5s linear forwards;
}

.animate-fill {
  stroke-width: 0px;
  animation: fillAnimation 1s linear 0s forwards; /* delay the start by 1s */
}

#editor .wow-text {
  color: var(--wp--preset--color--accent);
}

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