/* FITfactory v79: visible neon swipe on a flat violet homepage creed background. */

.brand-creed-neon-v76.brand-creed-swipe-v79 {
  background:#6b287f;
  border-block:1px solid rgba(255,255,255,.24);
  box-shadow:none;
}

.brand-creed-neon-v76.brand-creed-swipe-v79::before,
.brand-creed-neon-v76.brand-creed-swipe-v79::after {
  display:none;
  animation:none;
  content:none;
}

.brand-creed-swipe-v79 .eyebrow {
  color:#f3d9f7;
  text-shadow:none;
}

.brand-creed-swipe-v79 h2,
.brand-creed-swipe-v79 h2 span:nth-child(2) {
  color:#e9cfee;
  text-shadow:none;
}

.brand-creed-swipe-v79 p:last-child {
  color:#f7eef9;
  text-shadow:none;
}

.brand-creed-swipe-v79 h2 span[data-swipe-text] {
  position:relative;
  display:inline-block;
  isolation:isolate;
}

.brand-creed-swipe-v79 h2 span[data-swipe-text]::after {
  position:absolute;
  z-index:1;
  inset:0;
  color:#fff;
  opacity:0;
  pointer-events:none;
  white-space:nowrap;
  content:attr(data-swipe-text);
  clip-path:inset(0 100% 0 0);
  text-shadow:
    0 0 2px #fff,
    0 0 7px #fff,
    0 0 14px #ffb1ff,
    0 0 24px #f06cff,
    0 0 38px rgba(240,108,255,.92);
  filter:
    brightness(1.38)
    saturate(1.12)
    drop-shadow(0 0 3px rgba(255,255,255,.98))
    drop-shadow(0 0 11px rgba(255,124,255,.92));
  mix-blend-mode:screen;
  transform:translateZ(0);
  will-change:clip-path,opacity;
  animation:ff-creed-neon-swipe-v79 5.8s linear infinite both;
  animation-delay:var(--ff-creed-swipe-delay-v79,0s);
}

.brand-creed-swipe-v79 h2 span:nth-child(1)::after {
  --ff-creed-swipe-delay-v79:0s;
}

.brand-creed-swipe-v79 h2 span:nth-child(2)::after {
  --ff-creed-swipe-delay-v79:1.05s;
}

.brand-creed-swipe-v79 h2 span:nth-child(3)::after {
  --ff-creed-swipe-delay-v79:2.1s;
}

@keyframes ff-creed-neon-swipe-v79 {
  0% {
    clip-path:inset(0 100% 0 0);
    opacity:0;
  }

  2% {
    clip-path:inset(0 82% 0 0);
    opacity:1;
  }

  11% {
    clip-path:inset(0 39% 0 39%);
    opacity:1;
  }

  19% {
    clip-path:inset(0 0 0 82%);
    opacity:1;
  }

  22%,100% {
    clip-path:inset(0 0 0 100%);
    opacity:0;
  }
}

@supports ((-webkit-mask-image:linear-gradient(#000,#000)) or (mask-image:linear-gradient(#000,#000))) {
  .brand-creed-swipe-v79 h2 span[data-swipe-text]::after {
    clip-path:none;
    -webkit-mask-image:linear-gradient(
      90deg,
      transparent 0%,
      rgba(0,0,0,.16) 18%,
      #000 42%,
      #000 58%,
      rgba(0,0,0,.16) 82%,
      transparent 100%
    );
    mask-image:linear-gradient(
      90deg,
      transparent 0%,
      rgba(0,0,0,.16) 18%,
      #000 42%,
      #000 58%,
      rgba(0,0,0,.16) 82%,
      transparent 100%
    );
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:34% 100%;
    mask-size:34% 100%;
    -webkit-mask-position:-55% 50%;
    mask-position:-55% 50%;
    will-change:mask-position,opacity;
    animation-name:ff-creed-neon-mask-v79;
  }
}

@keyframes ff-creed-neon-mask-v79 {
  0% {
    -webkit-mask-position:-55% 50%;
    mask-position:-55% 50%;
    opacity:0;
  }

  2% {
    opacity:1;
  }

  19% {
    -webkit-mask-position:155% 50%;
    mask-position:155% 50%;
    opacity:1;
  }

  22%,100% {
    -webkit-mask-position:155% 50%;
    mask-position:155% 50%;
    opacity:0;
  }
}

@media (prefers-reduced-motion:reduce) {
  .brand-creed-swipe-v79 h2 span[data-swipe-text]::after {
    animation:none;
    opacity:0;
    clip-path:none;
    will-change:auto;
  }
}

@media (forced-colors:active) {
  .brand-creed-neon-v76.brand-creed-swipe-v79 {
    color:CanvasText;
    background:Canvas;
    border-block:2px solid CanvasText;
  }

  .brand-creed-swipe-v79 h2 span[data-swipe-text]::after {
    display:none;
  }
}

@media print {
  .brand-creed-swipe-v79 h2 span[data-swipe-text]::after {
    display:none;
  }
}