/* Animate JS - call by using class .animate on any element  */
@media (prefers-reduced-motion: no-preference) {
	.animate {
		opacity: 0;
		transform: translateY(100px);
		transition: opacity 1s ease, transform 0.6s ease;
		will-change: opacity, transform;
	}
	.animate.is-visible {
		opacity: 1;
		transform: translateY(0);
	}
	/* Disable animation in the editor preview */
	.editor-styles-wrapper .animate {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}