.waiting-screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(26, 35, 126, 0.8);
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	/* backdrop-filter: blur(5px); */
	/* -webkit-backdrop-filter: blur(5px); */
	font-family: 'Nunito', sans-serif;
}

.waiting-screen.visible {
	display: flex;
	animation: fade-in 0.15s ease-out;
}

.waiting-screen.hiding {
	animation: fade-out 0.1s ease-out;
}

.waiting-screen__spinner {
	width: 48px;
	height: 48px;
	animation: spin 1.5s infinite linear;
	color: white;
}

.waiting-screen__text {
	margin-top: 16px;
	color: white;
	font-size: 1.1em;
	text-align: center;
}

@keyframes fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fade-out {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}