/**
 * Mad Benny Reveal on scroll (Path: assets/css/mad-benny-reveal.css).
 *
 * Styles frontend reveal transitions for elements with .mad-benny-reveal using minimal motion.
 *
 * Classes:
 * .mad-benny-reveal
 * .mad-benny-reveal--fade
 * .mad-benny-reveal--up
 * .mad-benny-reveal--scale
 */

.mad-benny-reveal.mad-benny-reveal {
  position: relative;
  opacity: 0 !important;
  transform: translateY(20px) scale(1) !important;
  transition: opacity 580ms ease-out, transform 580ms ease-out !important;
}

.mad-benny-reveal.mad-benny-reveal.is-visible {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
}

.mad-benny-reveal.mad-benny-reveal--fade:not(.is-visible),
.mad-benny-reveal.mad-benny-reveal--auto-fade:not(.is-visible) {
  transform: translateY(0) scale(1) !important;
}

.mad-benny-reveal.mad-benny-reveal--up:not(.is-visible),
.mad-benny-reveal.mad-benny-reveal--auto-up:not(.is-visible) {
  transform: translateY(24px) !important;
}

.mad-benny-reveal.mad-benny-reveal--scale:not(.is-visible),
.mad-benny-reveal.mad-benny-reveal--auto-scale:not(.is-visible) {
  transform: scale(0.96) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mad-benny-reveal.mad-benny-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}