.block-animations-loading .has-block-animation {
	opacity: 0;
}

.has-block-animation.is-block-animation-running {
	will-change: opacity, transform;
}

@supports (animation-timeline: view()) {
	.has-block-animation[data-block-animation-trigger="scroll-linked"] {
		animation-duration: 1ms;
		animation-fill-mode: both;
		animation-range: var(--ba-animation-range, 20% 80%);
		animation-timeline: view();
		animation-name: block-animation-scroll-reveal;
		animation-timing-function: var(--ba-easing, linear);
	}
}

@keyframes block-animation-scroll-reveal {
	from {
		opacity: var(--ba-from-opacity, 0);
		transform: var(--ba-from-transform, none);
	}

	to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
	.has-block-animation {
		animation: none !important;
		opacity: 1 !important;
		transform: none !important;
	}
}