/**
 * Minimal brand flash preloader (no remote image).
 */

#preloader {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100vh;
	background-color: var(--lb-preloader);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: var(--lb-z-preloader);
	opacity: 1;
	visibility: visible;
	transition: opacity var(--lb-duration-slow) var(--lb-ease-out),
		visibility var(--lb-duration-slow) var(--lb-ease-out);
	pointer-events: none;
}

#preloader__mark {
	width: 48px;
	height: 48px;
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-top-color: var(--lb-white);
	border-radius: 50%;
	animation: lb-preloader-spin 0.7s linear infinite;
}

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

.loaded #preloader {
	opacity: 0;
	visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
	#preloader__mark {
		animation: none;
		border-color: var(--lb-white);
	}
}