/* Delayed reveal refinement for homepage quality effects */
.lpmpp-slider .slide .quality-fx.fx-ppepp,
.lpmpp-slider .slide .quality-fx.fx-learning{
  opacity:0;
  transform:translateY(-50%) translateX(16px);
  transition:none;
}

.lpmpp-slider .slide.is-active .quality-fx.fx-ppepp,
.lpmpp-slider .slide.is-active .quality-fx.fx-learning{
  animation:lpmppFxDelayedReveal 1.25s cubic-bezier(.2,.8,.2,1) 2s forwards;
}

/* Let the slide-3 bars grow only after the panel begins to appear. */
.lpmpp-slider .slide.is-active .fx-learning .fx-bar:nth-child(1){animation-delay:2.22s}
.lpmpp-slider .slide.is-active .fx-learning .fx-bar:nth-child(2){animation-delay:2.36s}
.lpmpp-slider .slide.is-active .fx-learning .fx-bar:nth-child(3){animation-delay:2.50s}
.lpmpp-slider .slide.is-active .fx-learning .fx-bar:nth-child(4){animation-delay:2.64s}
.lpmpp-slider .slide.is-active .fx-learning .fx-bar:nth-child(5){animation-delay:2.78s}

@keyframes lpmppFxDelayedReveal{
  0%{opacity:0;transform:translateY(-50%) translateX(16px) scale(.985)}
  100%{opacity:1;transform:translateY(-50%) translateX(0) scale(1)}
}

@media(max-width:1100px){
  .lpmpp-slider .slide.is-active .quality-fx.fx-ppepp,
  .lpmpp-slider .slide.is-active .quality-fx.fx-learning{
    animation-name:lpmppFxDelayedRevealTablet;
  }
  @keyframes lpmppFxDelayedRevealTablet{
    0%{opacity:0;transform:translateY(-50%) translateX(12px) scale(.985)}
    100%{opacity:.72;transform:translateY(-50%) translateX(0) scale(1)}
  }
}

@media(max-width:900px){
  .lpmpp-slider .slide.is-active .quality-fx.fx-ppepp,
  .lpmpp-slider .slide.is-active .quality-fx.fx-learning{
    animation-name:lpmppFxDelayedRevealSmall;
  }
  @keyframes lpmppFxDelayedRevealSmall{
    0%{opacity:0;transform:translateY(-50%) translateX(10px) scale(.985)}
    100%{opacity:.4;transform:translateY(-50%) translateX(0) scale(1)}
  }
}

@media(max-width:700px){
  .lpmpp-slider .slide.is-active .quality-fx.fx-ppepp,
  .lpmpp-slider .slide.is-active .quality-fx.fx-learning{
    animation-name:lpmppFxDelayedRevealMobile;
  }
  @keyframes lpmppFxDelayedRevealMobile{
    0%{opacity:0;transform:translateY(-50%) translateX(8px) scale(.985)}
    100%{opacity:.24;transform:translateY(-50%) translateX(0) scale(1)}
  }
}

@media(prefers-reduced-motion:reduce){
  .lpmpp-slider .slide.is-active .quality-fx.fx-ppepp,
  .lpmpp-slider .slide.is-active .quality-fx.fx-learning{
    animation:none!important;
    opacity:1;
    transform:translateY(-50%) translateX(0);
  }
}