/* WOW supplies duration and delay; these rules only affect the shared controls. */
.alaya-scroll-animation {
	--alaya-scroll-distance: 20px;
	animation-timing-function: ease-out;
}

/* Override the theme's hidden .wow default until WOW initializes successfully. */
.wow.alaya-scroll-animation {
	visibility: visible;
}

.alaya-scroll-distance-medium {
	--alaya-scroll-distance: 40px;
}

.alaya-scroll-distance-large {
	--alaya-scroll-distance: 80px;
}

.alaya-scroll-animation.fadeInUp {
	animation-name: alayaFadeInUp;
}

.alaya-scroll-animation.fadeInDown {
	animation-name: alayaFadeInDown;
}

@keyframes alayaFadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, var(--alaya-scroll-distance), 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes alayaFadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, calc(0px - var(--alaya-scroll-distance)), 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.alaya-scroll-animation {
		animation: none !important;
		opacity: 1 !important;
		transform: none !important;
		visibility: visible !important;
	}
}