/* Small, local reveal system for the Website Studio sample pages. */
html.studio-motion-ready [data-aos] {
  opacity: 0;
  transition: opacity 600ms cubic-bezier(.2, .65, .3, 1), transform 600ms cubic-bezier(.2, .65, .3, 1);
}

html.studio-motion-ready [data-aos="fade-up"] { transform: translate3d(0, 24px, 0); }
html.studio-motion-ready [data-aos="fade-down"] { transform: translate3d(0, -24px, 0); }
html.studio-motion-ready [data-aos="fade-left"] { transform: translate3d(24px, 0, 0); }
html.studio-motion-ready [data-aos="fade-right"] { transform: translate3d(-24px, 0, 0); }
html.studio-motion-ready [data-aos="zoom-in"] { transform: scale(.96); }

html.studio-motion-ready [data-aos].aos-animate {
  opacity: 1;
  transform: none;
}

html.studio-motion-ready [data-aos-delay="100"] { transition-delay: 100ms; }
html.studio-motion-ready [data-aos-delay="200"] { transition-delay: 200ms; }
html.studio-motion-ready [data-aos-delay="300"] { transition-delay: 300ms; }
html.studio-motion-ready [data-aos-delay="400"] { transition-delay: 400ms; }

@media (prefers-reduced-motion: reduce) {
  html.studio-motion-ready [data-aos] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}