html.rv-on .rv,
html.rv-on .rv-group > * {
	opacity: 0;
	transform: translateY(28px);
	will-change: opacity, transform;
}

html.rv-on .rv-scale {
	opacity: 0;
	transform: scale(0.96);
}

html.rv-on .rv-fade {
	opacity: 0;
	transform: none;
}

html.rv-on .rv.is-in,
html.rv-on .rv-fade.is-in,
html.rv-on .rv-scale.is-in,
html.rv-on .rv-group > *.is-in {
	opacity: 1;
	transform: none;
	transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1),
	            transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
	will-change: auto;
}

html.rv-on .rv-group > *:nth-child(2n + 2).is-in { transition-delay: 0.12s; }

html.rv-on .rv-group--3 > *:nth-child(3n + 2).is-in { transition-delay: 0.12s; }
html.rv-on .rv-group--3 > *:nth-child(3n + 3).is-in { transition-delay: 0.24s; }

html.rv-on .rv-group--4 > *:nth-child(4n + 2).is-in { transition-delay: 0.1s; }
html.rv-on .rv-group--4 > *:nth-child(4n + 3).is-in { transition-delay: 0.2s; }
html.rv-on .rv-group--4 > *:nth-child(4n + 4).is-in { transition-delay: 0.3s; }

@media (max-width: 767px) {
	html.rv-on .rv-group > *.is-in,
	html.rv-on .rv-group--3 > *.is-in,
	html.rv-on .rv-group--4 > *.is-in {
		transition-delay: 0s;
	}
}

@media (prefers-reduced-motion: reduce) {
	html.rv-on .rv,
	html.rv-on .rv-fade,
	html.rv-on .rv-scale,
	html.rv-on .rv-group > * {
		opacity: 1;
		transform: none;
		transition: none;
	}
}