/* ECI revision v9: narrowly scoped fixes for About emphasis and swipe-cue swimmers. */

/* Short, visible marker strokes replace long low-contrast underlines on the About page. */
.eci-about-beat{--eci-about-marker:rgba(82,207,166,.58)}
.eci-about-beat--aqua{--eci-about-marker:rgba(74,190,230,.52)}
.eci-about-beat--lilac{--eci-about-marker:rgba(184,137,224,.50)}
.eci-about-highlight{
  padding:0 .06em;
  background:linear-gradient(180deg,transparent 56%,var(--eci-about-marker) 56%,var(--eci-about-marker) 92%,transparent 92%);
  color:inherit;
  font-weight:inherit;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}

/* The approved photograph and YouTube action must remain visible on non-phone layouts. */
@media(min-width:721px){
  .eci-audience-layout>.eci-audience-photo{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    max-width:100%!important;
  }
  .eci-audience-photo>.eci-audience-youtube{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
}

/* These three phone cues keep a swimmer visible throughout its pass. */
@keyframes eciSwipeSwimmerPersistent{
  0%{left:4px;opacity:.28}
  8%,92%{opacity:.48}
  100%{left:calc(100% - 96px);opacity:.28}
}

@media(max-width:720px){
  .eci-swipe-swim-lane--persistent .eci-swipe-swimmer{
    animation:eciSwipeSwimmerPersistent 8.8s linear infinite;
  }
}

@media(prefers-reduced-motion:reduce){
  .eci-swipe-swim-lane--persistent .eci-swipe-swimmer{display:none!important}
}