/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/@wordpress/scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./packages/module-library/glitch-text/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.dsm_glitch_text.dsm-link, .dsm_glitch_text.et_clickable {
  cursor: pointer;
}
.dsm_glitch_text.dsm-link .et_pb_module_inner, .dsm_glitch_text.et_clickable .et_pb_module_inner {
  cursor: pointer;
}

.dsm-glitch-text {
  position: relative;
}

.dsm-glitch-text:before,
.dsm-glitch-text:after {
  content: attr(data-dsm-glitch-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.dsm-glitch-effect-type-one:after {
  left: 2px;
  text-shadow: -1px 0 red;
  animation: dsm-glitch-anim-one-1 2s infinite linear alternate-reverse;
}

.dsm-glitch-effect-type-one:before {
  left: -2px;
  text-shadow: 2px 0 blue;
  animation: dsm-glitch-anim-one-2 3s infinite linear alternate-reverse;
}

.dsm-glitch-effect-type-two::after {
  left: 2px;
  text-shadow: -1px 0 purple;
  animation: dsm-glitch-anim-one-1 2s infinite linear alternate-reverse;
}

.dsm-glitch-effect-type-two::before {
  left: -2px;
  text-shadow: 2px 0 green;
  animation: dsm-glitch-anim-two-2 3s infinite linear alternate-reverse;
}

.dsm-glitch-effect-type-three:before {
  animation: dsm-glitch-anim-three-1 2.5s infinite;
  color: inherit;
  z-index: 1;
}

.dsm-glitch-effect-type-three > span {
  display: block;
  animation: dsm-glitch-anim-three-2 2.5s infinite;
  color: red;
  z-index: -1;
}

.dsm-glitch-effect-type-three:after {
  color: blue;
  animation: dsm-glitch-anim-three-3 2.5s infinite;
  z-index: -1;
}

/* Glitch Four — channel drift (translate + clip slices, chromatic offsets). */
.dsm-glitch-effect-type-four::after {
  left: 3px;
  text-shadow: -2px 0 red;
  animation: dsm-glitch-anim-four-after 1.85s infinite steps(2, end);
}

.dsm-glitch-effect-type-four::before {
  left: -3px;
  text-shadow: 2px 0 cyan;
  animation: dsm-glitch-anim-four-before 2.1s infinite steps(3, end);
}

/* Glitch Five — harsh digital flicker (fast stepped clip + opacity). */
.dsm-glitch-effect-type-five::after {
  left: 2px;
  text-shadow: -1px 0 magenta;
  animation: dsm-glitch-anim-five-after 0.42s infinite steps(1, end);
}

.dsm-glitch-effect-type-five::before {
  left: -2px;
  text-shadow: 1px 0 lime;
  animation: dsm-glitch-anim-five-before 0.38s infinite steps(1, end);
}

/* Glitch Six — triple echo (skew + offset layers; uses inner span like type three). */
.dsm-glitch-effect-type-six:before {
  animation: dsm-glitch-anim-six-base 2.2s infinite;
  color: inherit;
  z-index: 1;
}

.dsm-glitch-effect-type-six > span {
  display: block;
  animation: dsm-glitch-anim-six-mid 2.2s infinite;
  color: red;
  z-index: -1;
}

.dsm-glitch-effect-type-six:after {
  color: blue;
  animation: dsm-glitch-anim-six-after 2.2s infinite;
  z-index: -1;
}

@keyframes dsm-glitch-anim-one-1 {
  0% {
    clip-path: inset(82% 0 13% 0);
  }
  5.8823529412% {
    clip-path: inset(17% 0 48% 0);
  }
  11.7647058824% {
    clip-path: inset(11% 0 88% 0);
  }
  17.6470588235% {
    clip-path: inset(2% 0 11% 0);
  }
  23.5294117647% {
    clip-path: inset(48% 0 3% 0);
  }
  29.4117647059% {
    clip-path: inset(34% 0 61% 0);
  }
  35.2941176471% {
    clip-path: inset(10% 0 83% 0);
  }
  41.1764705882% {
    clip-path: inset(83% 0 1% 0);
  }
  47.0588235294% {
    clip-path: inset(36% 0 4% 0);
  }
  52.9411764706% {
    clip-path: inset(52% 0 16% 0);
  }
  58.8235294118% {
    clip-path: inset(86% 0 4% 0);
  }
  64.7058823529% {
    clip-path: inset(49% 0 7% 0);
  }
  70.5882352941% {
    clip-path: inset(35% 0 53% 0);
  }
  76.4705882353% {
    clip-path: inset(3% 0 19% 0);
  }
  82.3529411765% {
    clip-path: inset(28% 0 40% 0);
  }
  88.2352941176% {
    clip-path: inset(62% 0 3% 0);
  }
  94.1176470588% {
    clip-path: inset(42% 0 28% 0);
  }
  100% {
    clip-path: inset(17% 0 20% 0);
  }
}
@keyframes dsm-glitch-anim-one-2 {
  0% {
    clip-path: inset(72% 0 6% 0);
  }
  5.8823529412% {
    clip-path: inset(2% 0 87% 0);
  }
  11.7647058824% {
    clip-path: inset(52% 0 49% 0);
  }
  17.6470588235% {
    clip-path: inset(9% 0 10% 0);
  }
  23.5294117647% {
    clip-path: inset(12% 0 65% 0);
  }
  29.4117647059% {
    clip-path: inset(48% 0 45% 0);
  }
  35.2941176471% {
    clip-path: inset(14% 0 41% 0);
  }
  41.1764705882% {
    clip-path: inset(55% 0 4% 0);
  }
  47.0588235294% {
    clip-path: inset(10% 0 3% 0);
  }
  52.9411764706% {
    clip-path: inset(14% 0 45% 0);
  }
  58.8235294118% {
    clip-path: inset(54% 0 18% 0);
  }
  64.7058823529% {
    clip-path: inset(93% 0 7% 0);
  }
  70.5882352941% {
    clip-path: inset(89% 0 12% 0);
  }
  76.4705882353% {
    clip-path: inset(83% 0 17% 0);
  }
  82.3529411765% {
    clip-path: inset(55% 0 13% 0);
  }
  88.2352941176% {
    clip-path: inset(66% 0 5% 0);
  }
  94.1176470588% {
    clip-path: inset(40% 0 49% 0);
  }
  100% {
    clip-path: inset(16% 0 42% 0);
  }
}
@keyframes dsm-glitch-anim-two-1 {
  0% {
    clip-path: inset(4% 0 27% 0);
  }
  10% {
    clip-path: inset(15% 0 57% 0);
  }
  20% {
    clip-path: inset(79% 0 14% 0);
  }
  30% {
    clip-path: inset(9% 0 43% 0);
  }
  40% {
    clip-path: inset(47% 0 44% 0);
  }
  50% {
    clip-path: inset(63% 0 26% 0);
  }
  60% {
    clip-path: inset(44% 0 47% 0);
  }
  70% {
    clip-path: inset(71% 0 22% 0);
  }
  80% {
    clip-path: inset(48% 0 36% 0);
  }
  90% {
    clip-path: inset(4% 0 24% 0);
  }
  100% {
    clip-path: inset(72% 0 12% 0);
  }
}
@keyframes dsm-glitch-anim-two-2 {
  0% {
    clip-path: inset(24% 0 29% 0);
  }
  10% {
    clip-path: inset(54% 0 21% 0);
  }
  20% {
    clip-path: inset(28% 0 28% 0);
  }
  30% {
    clip-path: inset(27% 0 47% 0);
  }
  40% {
    clip-path: inset(13% 0 55% 0);
  }
  50% {
    clip-path: inset(9% 0 37% 0);
  }
  60% {
    clip-path: inset(22% 0 73% 0);
  }
  70% {
    clip-path: inset(4% 0 94% 0);
  }
  80% {
    clip-path: inset(98% 0 1% 0);
  }
  90% {
    clip-path: inset(74% 0 26% 0);
  }
  100% {
    clip-path: inset(54% 0 10% 0);
  }
}
@keyframes dsm-glitch-anim-three-1 {
  0% {
    transform: none;
    opacity: 1;
  }
  7% {
    transform: skew(-0.5deg, -0.9deg);
    opacity: 0.75;
  }
  10% {
    transform: none;
    opacity: 1;
  }
  27% {
    transform: none;
    opacity: 1;
  }
  30% {
    transform: skew(0.8deg, -0.1deg);
    opacity: 0.75;
  }
  35% {
    transform: none;
    opacity: 1;
  }
  52% {
    transform: none;
    opacity: 1;
  }
  55% {
    transform: skew(-1deg, 0.2deg);
    opacity: 0.75;
  }
  50% {
    transform: none;
    opacity: 1;
  }
  72% {
    transform: none;
    opacity: 1;
  }
  75% {
    transform: skew(0.4deg, 1deg);
    opacity: 0.75;
  }
  80% {
    transform: none;
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
@keyframes dsm-glitch-anim-three-2 {
  0% {
    transform: none;
    opacity: 0.25;
  }
  7% {
    transform: translate(-2px, -3px);
    opacity: 0.5;
  }
  10% {
    transform: none;
    opacity: 0.25;
  }
  27% {
    transform: none;
    opacity: 0.25;
  }
  30% {
    transform: translate(-5px, -2px);
    opacity: 0.5;
  }
  35% {
    transform: none;
    opacity: 0.25;
  }
  52% {
    transform: none;
    opacity: 0.25;
  }
  55% {
    transform: translate(-5px, -1px);
    opacity: 0.5;
  }
  50% {
    transform: none;
    opacity: 0.25;
  }
  72% {
    transform: none;
    opacity: 0.25;
  }
  75% {
    transform: translate(-2px, -6px);
    opacity: 0.5;
  }
  80% {
    transform: none;
    opacity: 0.25;
  }
  100% {
    transform: none;
    opacity: 0.25;
  }
}
@keyframes dsm-glitch-anim-three-3 {
  0% {
    transform: none;
    opacity: 0.25;
  }
  7% {
    transform: translate(2px, 3px);
    opacity: 0.5;
  }
  10% {
    transform: none;
    opacity: 0.25;
  }
  27% {
    transform: none;
    opacity: 0.25;
  }
  30% {
    transform: translate(5px, 2px);
    opacity: 0.5;
  }
  35% {
    transform: none;
    opacity: 0.25;
  }
  52% {
    transform: none;
    opacity: 0.25;
  }
  55% {
    transform: translate(5px, 1px);
    opacity: 0.5;
  }
  50% {
    transform: none;
    opacity: 0.25;
  }
  72% {
    transform: none;
    opacity: 0.25;
  }
  75% {
    transform: translate(2px, 6px);
    opacity: 0.5;
  }
  80% {
    transform: none;
    opacity: 0.25;
  }
  100% {
    transform: none;
    opacity: 0.25;
  }
}
@keyframes dsm-glitch-anim-four-after {
  0% {
    clip-path: inset(5% 0 78% 0);
    transform: translate(0, 0) skewX(0deg);
  }
  16.66% {
    clip-path: inset(72% 0 8% 0);
    transform: translate(-5px, 1px) skewX(-1.2deg);
  }
  33.33% {
    clip-path: inset(38% 0 48% 0);
    transform: translate(4px, -2px) skewX(0.8deg);
  }
  50% {
    clip-path: inset(12% 0 62% 0);
    transform: translate(-3px, 2px) skewX(0deg);
  }
  66.66% {
    clip-path: inset(58% 0 28% 0);
    transform: translate(5px, 0) skewX(1deg);
  }
  83.33% {
    clip-path: inset(22% 0 45% 0);
    transform: translate(-2px, -3px) skewX(-0.6deg);
  }
  100% {
    clip-path: inset(65% 0 15% 0);
    transform: translate(0, 0) skewX(0deg);
  }
}
@keyframes dsm-glitch-anim-four-before {
  0% {
    clip-path: inset(60% 0 18% 0);
    transform: translate(0, 0) skewX(0deg);
  }
  20% {
    clip-path: inset(8% 0 75% 0);
    transform: translate(4px, 2px) skewX(1deg);
  }
  40% {
    clip-path: inset(44% 0 36% 0);
    transform: translate(-6px, -1px) skewX(-0.9deg);
  }
  60% {
    clip-path: inset(28% 0 55% 0);
    transform: translate(3px, 3px) skewX(0deg);
  }
  80% {
    clip-path: inset(80% 0 5% 0);
    transform: translate(-4px, -2px) skewX(0.5deg);
  }
  100% {
    clip-path: inset(15% 0 70% 0);
    transform: translate(0, 0) skewX(0deg);
  }
}
@keyframes dsm-glitch-anim-five-after {
  0% {
    clip-path: inset(0 0 92% 0);
    opacity: 1;
    transform: translate(0, 0);
  }
  12.5% {
    clip-path: inset(88% 0 0 0);
    opacity: 0.72;
    transform: translate(-3px, 0);
  }
  25% {
    clip-path: inset(40% 0 45% 0);
    opacity: 1;
    transform: translate(2px, 1px);
  }
  37.5% {
    clip-path: inset(0 0 55% 0);
    opacity: 0.65;
    transform: translate(-1px, -2px);
  }
  50% {
    clip-path: inset(70% 0 10% 0);
    opacity: 1;
    transform: translate(4px, 0);
  }
  62.5% {
    clip-path: inset(20% 0 65% 0);
    opacity: 0.78;
    transform: translate(-5px, 2px);
  }
  75% {
    clip-path: inset(55% 0 30% 0);
    opacity: 1;
    transform: translate(1px, -1px);
  }
  87.5% {
    clip-path: inset(5% 0 80% 0);
    opacity: 0.7;
    transform: translate(-2px, 3px);
  }
  100% {
    clip-path: inset(48% 0 38% 0);
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes dsm-glitch-anim-five-before {
  0% {
    clip-path: inset(75% 0 10% 0);
    opacity: 0.88;
    transform: translate(0, 0);
  }
  14.28% {
    clip-path: inset(10% 0 78% 0);
    opacity: 1;
    transform: translate(3px, -2px);
  }
  28.56% {
    clip-path: inset(50% 0 38% 0);
    opacity: 0.62;
    transform: translate(-4px, 1px);
  }
  42.84% {
    clip-path: inset(0 0 68% 0);
    opacity: 1;
    transform: translate(2px, 2px);
  }
  57.12% {
    clip-path: inset(62% 0 22% 0);
    opacity: 0.74;
    transform: translate(-3px, -3px);
  }
  71.4% {
    clip-path: inset(32% 0 50% 0);
    opacity: 1;
    transform: translate(5px, 0);
  }
  85.68% {
    clip-path: inset(18% 0 72% 0);
    opacity: 0.68;
    transform: translate(-1px, 2px);
  }
  100% {
    clip-path: inset(85% 0 5% 0);
    opacity: 0.9;
    transform: translate(0, 0);
  }
}
@keyframes dsm-glitch-anim-six-base {
  0% {
    transform: none;
    opacity: 1;
  }
  8% {
    transform: skew(-1.2deg, 0.4deg) scale(1.01);
    opacity: 0.82;
  }
  12% {
    transform: none;
    opacity: 1;
  }
  38% {
    transform: skew(0.9deg, -0.6deg);
    opacity: 0.9;
  }
  42% {
    transform: none;
    opacity: 1;
  }
  58% {
    transform: skew(-0.5deg, 0.9deg) translate(-1px, 0);
    opacity: 0.85;
  }
  64% {
    transform: none;
    opacity: 1;
  }
  80% {
    transform: skew(1deg, 0.2deg) scale(1.015);
    opacity: 0.88;
  }
  86% {
    transform: none;
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
@keyframes dsm-glitch-anim-six-mid {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 0.35;
  }
  10% {
    transform: translate(-6px, 2px) scale(1.03);
    opacity: 0.55;
  }
  15% {
    transform: none;
    opacity: 0.35;
  }
  35% {
    transform: translate(4px, -4px) scale(0.98);
    opacity: 0.5;
  }
  40% {
    transform: none;
    opacity: 0.35;
  }
  55% {
    transform: translate(-3px, -5px) scale(1.02);
    opacity: 0.48;
  }
  60% {
    transform: none;
    opacity: 0.35;
  }
  78% {
    transform: translate(5px, 3px) scale(1.01);
    opacity: 0.52;
  }
  84% {
    transform: none;
    opacity: 0.35;
  }
  100% {
    transform: none;
    opacity: 0.35;
  }
}
@keyframes dsm-glitch-anim-six-after {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 0.35;
  }
  12% {
    transform: translate(6px, -2px) scale(1.04);
    opacity: 0.52;
  }
  18% {
    transform: none;
    opacity: 0.35;
  }
  40% {
    transform: translate(-4px, 4px) scale(0.97);
    opacity: 0.5;
  }
  46% {
    transform: none;
    opacity: 0.35;
  }
  62% {
    transform: translate(4px, 5px) scale(1.02);
    opacity: 0.48;
  }
  68% {
    transform: none;
    opacity: 0.35;
  }
  88% {
    transform: translate(-5px, -3px) scale(1.03);
    opacity: 0.54;
  }
  94% {
    transform: none;
    opacity: 0.35;
  }
  100% {
    transform: none;
    opacity: 0.35;
  }
}
@media (prefers-reduced-motion: reduce) {
  .dsm-glitch-text::before,
  .dsm-glitch-text::after,
  .dsm-glitch-effect-type-three > span,
  .dsm-glitch-effect-type-six > span {
    animation: none !important;
  }
}
