.tti-page-fade {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 2147483000;
	opacity: 1;
	pointer-events: none;
	animation: tti-page-fade-out 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.1s forwards;
	will-change: opacity;
}

.tti-page-fade--dark {
	background: #000;
}

@keyframes tti-page-fade-out {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		visibility: hidden;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tti-page-fade {
		animation: none;
		opacity: 0;
		visibility: hidden;
	}
}