/* Progressive enhancement: without paper-reveals-ready every target remains visible. */
body.paper-reveals-ready .paper-reveal-pending {
  opacity: 0;
  translate: 0 var(--paper-reveal-y, 8px);
  rotate: var(--paper-reveal-rotate, 0deg);
}

body.paper-reveals-ready .paper-reveal-entering {
  opacity: 1;
  translate: 0 0;
  rotate: 0deg;
  transition: opacity .34s steps(6, end), translate .34s steps(6, end), rotate .34s steps(6, end);
  transition-delay: var(--paper-reveal-delay, 0ms);
}

body.paper-reveals-ready .paper-reveal-opacity-pending {
  opacity: 0;
}

body.paper-reveals-ready .paper-reveal-opacity-entering {
  opacity: 1;
  transition: opacity .3s steps(5, end);
  transition-delay: var(--paper-reveal-delay, 0ms);
}

/* Horizontal track cards stay readable while outside the viewport, then make a
   small stepped entrance when their card actually enters the viewport. */
body.paper-reveals-ready .paper-reveal-track-pending {
  translate:0 var(--paper-reveal-y,8px);
}
body.paper-reveals-ready .paper-reveal-track-entering {
  translate: 0 0;
  transition: translate .34s steps(6, end);
  transition-delay: var(--paper-reveal-delay, 0ms);
}

@media (prefers-reduced-motion: reduce) {
  body.paper-reveals-ready .paper-reveal-pending,
  body.paper-reveals-ready .paper-reveal-opacity-pending,
  body.paper-reveals-ready .paper-reveal-entering,
  body.paper-reveals-ready .paper-reveal-opacity-entering,
  body.paper-reveals-ready .paper-reveal-track-pending,
  body.paper-reveals-ready .paper-reveal-track-entering {
    opacity: 1;
    translate: 0 0;
    rotate: 0deg;
    transition: none;
  }
}