/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

.glitch-text {
  position: relative;
  --stacks: 3;
  --glitch-translate: 8px;
  --index: 0;
  animation: stackText 3s linear infinite calc(var(--index) * 50ms);
  text-shadow: -3px -1px 0px #ff006c4a, 3px 1px 0px #0064ff2e !important;
}
.glitch-text:before {
  --index: 1;
  --glitch-translate: -16px;
}
.glitch-text:after {
  --index: 2;
  --glitch-translate: -8px;
}
.glitch-text:before, .glitch-text:after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  --stack-height: calc(100% / var(--stacks) - 1px);
  --inverse-index: calc(calc(var(--stacks) - 1) - var(--index));
  --clip-top: calc(var(--stack-height) * var(--index));
  --clip-bottom: calc(var(--stack-height) * var(--inverse-index));
  clip-path: inset(var(--clip-top) 0 var(--clip-bottom) 0);
  animation: stackText 3s linear infinite calc(var(--index) * 50ms), glitchText 2s linear infinite 2s alternate-reverse;
}
@keyframes stackText {
  0% {
    left: var(--glitch-translate);
  }
  5% {
    left: 0px;
  }
  10%, 100% {
    text-shadow: initial;
  }
}
@keyframes glitchText {
  0% {
    text-shadow: -2px 3px 0 magenta, 2px -3px 0 cyan;
    transform: translateX(var(--glitch-translate));
  }
  2% {
    text-shadow: 2px -3px 0 magenta, -2px 3px 0 cyan;
  }
  4%, 78% {
    text-shadow: none;
    transform: none;
  }
  80% {
    text-shadow: -2px 3px 0 magenta, 2px -3px 0 blue;
    transform: translateX(calc(var(--glitch-translate) * -1));
  }
  82% {
    text-shadow: 2px -3px 0 magenta, -2px 3px 0 blue;
  }
  84%, 100% {
    text-shadow: none;
    transform: none;
  }
}
@keyframes glitch {
  1% {
    transform: rotateX(10deg) skewX(90deg) translateZ(-1px);
  }
  2% {
    transform: rotateX(0deg) skewX(0deg) translateZ(-1px);
  }
}
/*# sourceMappingURL=animations_13.css.map */