/**
 * Block: preloader
 * Full-screen spinner, hidden by theme.js once the page is ready (--hidden).
 */

.preloader {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--aqua-white);
	opacity: 1;
	visibility: visible;
	transition: opacity 0.5s ease-out, visibility 0s linear 0s;
}

.preloader--hidden {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease-out, visibility 0s linear 0.5s;
}

.preloader__spinner {
	width: 3rem;
	height: 3rem;
	border: 0.25em solid var(--aqua-primary);
	border-right-color: transparent;
	border-radius: 50%;
	animation: aqua-preloader-spin 0.75s linear infinite;
}

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