/* Scroll reveal */

.sr {
	transition: transform var(--sr-time, 0.5s) cubic-bezier(0.215, 0.61, 0.355, 1),
		opacity var(--sr-time, 0.5s) cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-delay: var(--sr-delay, 0.1s);
	opacity: 0;
}

.sr-slide-up {
	transform: translateY(min(2.5rem, calc(var(--sr-scale, 1) * 25%)));
}

.sr-slide-down {
	transform: translateY(calc(-1 * min(2.5rem, calc(var(--sr-scale, 1) * 25%))));
}
.sr-slide-left {
	transform: translateX(min(2.5rem, calc(var(--sr-scale, 1) * 25%)));
}
.sr-slide-right {
	transform: translateX(calc(-1 * min(2.5rem, calc(var(--sr-scale, 1) * 25%))));
}

.sr-t-2 {
	transition-duration: 0.2s;
}

.sr-t-3 {
	transition-duration: 0.3s;
}

.sr-t-4 {
	transition-duration: 0.4s;
}

.sr-t-5 {
	transition-duration: 0.5s;
}

.sr-t-6 {
	transition-duration: 0.6s;
}

.sr-t-7 {
	transition-duration: 0.7s;
}

.sr-t-8 {
	transition-duration: 0.8s;
}

.sr-t-9 {
	transition-duration: 0.9s;
}

.sr-d-2 {
	transition-delay: 0.2s;
}

.sr-d-3 {
	transition-delay: 0.3s;
}

.sr-d-4 {
	transition-delay: 0.4s;
}

.sr-d-5 {
	transition-delay: 0.5s;
}

.sr-d-6 {
	transition-delay: 0.6s;
}

.sr-d-7 {
	transition-delay: 0.7s;
}

.sr-d-8 {
	transition-delay: 0.8s;
}

.sr-d-9 {
	transition-delay: 0.9s;
}
.sr-s-2 {
	--sr-scale: 2;
}
.sr-s-3 {
	--sr-scale: 3;
}
.sr-s-4 {
	--sr-scale: 4;
}
.sr-s-5 {
	--sr-scale: 5;
}
.sr-s-6 {
	--sr-scale: 6;
}
.sr-s-7 {
	--sr-scale: 7;
}
.sr-s-8 {
	--sr-scale: 8;
}
.sr-s-9 {
	--sr-scale: 9;
}

[data-sr-slide] {
	opacity: 1;
	transform: translateY(0);
}
[data-sr-fade] {
	opacity: 1;
}
/* end scroll reveal */
