/* Motion enhances the existing layout without reserving extra space. */
@media screen and (prefers-reduced-motion: no-preference) {
  .motion-ready [data-reveal] {
    opacity: 0;
    transform: translate3d(0, 22px, 0);
    transition: opacity 650ms ease, transform 800ms cubic-bezier(.22, 1, .36, 1);
    transition-delay: var(--reveal-delay, 0ms);
  }
  .motion-ready [data-reveal="left"] { transform: translate3d(-24px, 0, 0); }
  .motion-ready [data-reveal="right"] { transform: translate3d(24px, 0, 0); }
  .motion-ready [data-reveal].is-revealed { opacity: 1; transform: none; }
  .motion-ready [data-chart-motion] [data-grow] {
    transform: scaleY(.015);
    transform-origin: center bottom;
    transition: none;
  }
  .motion-ready [data-chart-motion="horizontal"] [data-grow] {
    transform: scaleX(.015);
    transform-origin: left center;
  }
  .motion-ready [data-chart-motion].is-grown [data-grow] {
    transform: none;
    transition: transform 950ms cubic-bezier(.22, 1, .36, 1);
    transition-delay: var(--grow-delay, 0ms);
  }
}
/* Print and motion preferences always expose the completed presentation. */
.motion-disabled [data-reveal], .motion-print [data-reveal] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}
.motion-disabled [data-grow], .motion-print [data-grow] {
  transform: none !important;
  transition: none !important;
}
@media print {
  [data-reveal], [data-grow] { opacity: 1 !important; transform: none !important; transition: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  [data-reveal], [data-grow] { opacity: 1 !important; transform: none !important; transition: none !important; }
}
