.doggylux-page-preloader {
	align-items: center;
	background: var(--doggylux-background, #080808);
	display: flex;
	height: 100vh;
	justify-content: center;
	left: 0;
	opacity: 1;
	position: fixed;
	top: 0;
	transition: opacity 280ms ease, visibility 280ms ease;
	visibility: visible;
	width: 100vw;
	z-index: 2147483647;
}

.doggylux-page-preloader svg,
.doggylux-page-preloader img {
	display: block;
	height: auto;
	max-height: 72vh;
	max-width: 72vw;
	width: var(--doggylux-logo-width, 160px);
}

.doggylux-page-preloader.is-hidden {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}

/* Keep page-entry CSS animations from completing behind the preloader. */
html.doggylux-preloader-active body * {
	animation-play-state: paused !important;
}

/* The preloader's own SVG must remain animated. */
html.doggylux-preloader-active #doggylux-page-preloader,
html.doggylux-preloader-active #doggylux-page-preloader * {
	animation-play-state: running !important;
}

@media (prefers-reduced-motion: reduce) {
	.doggylux-page-preloader {
		transition: none;
	}
}