/* EASYPRINT PRICING MOTION V1.1 */

/*
   Pricing title/description enter first.
   Paper stage follows with a delayed reveal.

   Only use this behavior when the existing
   landing motion controller is active.
*/

@media (prefers-reduced-motion: no-preference) {

  html.ep-motion-ready #pricing .ep-paper-stage {
    opacity: 0;
    translate: 0 36px;

    transition:
      opacity 820ms ease,
      translate 950ms cubic-bezier(.18,.75,.2,1);

    transition-delay: 0ms;
  }

  html.ep-motion-ready
  #pricing.ep-motion-visible .ep-paper-stage {
    opacity: 1;
    translate: 0 0;

    transition-delay: 900ms;
  }

  html.ep-motion-ready
  #pricing .ep-paper-intro {
    opacity: 0;
    translate: 0 20px;

    transition:
      opacity 700ms ease,
      translate 750ms ease;
  }

  html.ep-motion-ready
  #pricing.ep-motion-visible .ep-paper-intro {
    opacity: 1;
    translate: 0 0;
    transition-delay: 130ms;
  }

  html.ep-motion-ready
  #pricing .pricing-color-note {
    opacity: 0;
    transition: opacity 600ms ease;
  }

  html.ep-motion-ready
  #pricing.ep-motion-visible .pricing-color-note {
    opacity: 1;
    transition-delay: 1250ms;
  }
}

@media (prefers-reduced-motion: reduce) {
  #pricing .ep-paper-stage,
  #pricing .ep-paper-intro,
  #pricing .pricing-color-note {
    opacity: 1 !important;
    translate: none !important;
    transition: none !important;
  }
}