/* EASYPRINT PRICING MOTION V1.2 */

/*
   Override the earlier section-based reveal.
   The heading position now controls the entrance.
*/

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

  html.ep-motion-ready
  #pricing:not(.ep-pricing-head-ready)
  .ep-paper-intro {
    opacity: 0 !important;
    translate: 0 24px !important;
    transition-delay: 0ms !important;
  }

  html.ep-motion-ready
  #pricing.ep-pricing-head-ready
  .ep-paper-intro {
    opacity: 1 !important;
    translate: 0 0 !important;
    transition:
      opacity 700ms ease,
      translate 750ms cubic-bezier(.2,.75,.2,1) !important;
  }

  /* Controls follow the heading. */

  html.ep-motion-ready
  #pricing .ep-paper-service,
  html.ep-motion-ready
  #pricing .printing-availability {
    opacity: 0;
    translate: 0 12px;
    transition:
      opacity 550ms ease,
      translate 650ms ease;
  }

  html.ep-motion-ready
  #pricing.ep-pricing-controls-ready .ep-paper-service,
  html.ep-motion-ready
  #pricing.ep-pricing-controls-ready .printing-availability {
    opacity: 1;
    translate: 0 0;
  }

  /* Keep papers hidden until their dedicated reveal. */

  html.ep-motion-ready
  #pricing:not(.ep-pricing-papers-ready)
  .ep-paper-stage {
    opacity: 0 !important;
    translate: 0 48px !important;
    transition-delay: 0ms !important;
  }

  html.ep-motion-ready
  #pricing.ep-pricing-papers-ready
  .ep-paper-stage {
    opacity: 1 !important;
    translate: 0 0 !important;
    transition:
      opacity 850ms ease,
      translate 950ms cubic-bezier(.18,.78,.2,1) !important;
    transition-delay: 0ms !important;
  }
}

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