.jsba-motion-ready .jsba-animate {
	opacity: 0;
	transition-delay: var(--jsba-delay, 0ms);
	transition-duration: var(--jsba-duration, 600ms);
	transition-property: opacity, transform;
	transition-timing-function: var(--jsba-easing, ease-out);
	will-change: opacity, transform;
}

.jsba-motion-ready .jsba-effect-fade {
	transform: none;
}

.jsba-motion-ready .jsba-effect-slide {
	transform: translate3d(0, 24px, 0);
}

.jsba-motion-ready .jsba-effect-zoom {
	transform: scale(0.96);
}

.jsba-motion-ready .jsba-effect-flip {
	backface-visibility: hidden;
	transform: perspective(900px) rotateX(8deg) translate3d(0, 18px, 0);
	transform-origin: 50% 60%;
}

.jsba-motion-ready .jsba-is-visible {
	opacity: 1;
	transform: none;
	will-change: auto;
}

.jsba-motion-ready .jsba-easing-ease {
	--jsba-easing: ease;
}

.jsba-motion-ready .jsba-easing-ease-in {
	--jsba-easing: ease-in;
}

.jsba-motion-ready .jsba-easing-ease-out {
	--jsba-easing: ease-out;
}

.jsba-motion-ready .jsba-easing-ease-in-out {
	--jsba-easing: ease-in-out;
}

.jsba-motion-ready .jsba-easing-soft {
	--jsba-easing: cubic-bezier(0.22, 1, 0.36, 1);
}

.jsba-motion-ready .jsba-easing-snappy {
	--jsba-easing: cubic-bezier(0.16, 1, 0.3, 1);
}

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