html.reduced-motion *,
html.reduced-motion *::before,
html.reduced-motion *::after {
	scroll-behavior: auto !important;
	animation-duration: 0.01ms !important;
	animation-iteration-count: 1 !important;
	transition-duration: 0.01ms !important;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

.ybc-reveal {
	opacity: 0;
	transform: translateY(24px);
	transition:
		opacity var(--transition-slow),
		transform var(--transition-slow);
}

.ybc-reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}