/* Fixed-page toptest curtain and content reveal. */
body.toptest-intro {
	overflow: hidden;
}

body.toptest-intro #container {
	opacity: 0;
}

body.toptest-intro.toptest-intro-revealed {
	overflow: auto;
}

body.toptest-intro.toptest-intro-revealed #container {
	opacity: 1;
	transition: opacity 1s ease;
}

.toptest-curtain {
	position: fixed;
	inset: 0;
	z-index: 1000001;
	display: none;
	background: #b7183f;
	pointer-events: none;
	transform: scaleY(0);
}

.toptest-curtain.is-running {
	display: block;
	animation: toptestCurtain 1.2s ease-in-out forwards;
}

@keyframes toptestCurtain {
	0% {
		transform-origin: bottom;
		transform: scaleY(0);
	}
	50% {
		transform-origin: bottom;
		transform: scaleY(1);
	}
	50.001% {
		transform-origin: top;
	}
	100% {
		transform-origin: top;
		transform: scaleY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	body.toptest-intro.toptest-intro-revealed #container,
	.toptest-curtain.is-running {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}