.slp-preloader {
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	display: grid;
	place-items: center;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 24px;
	background: var(--slp-background, #fff);
	opacity: 1;
	visibility: visible;
	isolation: isolate;
}

.slp-preloader__inner {
	display: grid;
	place-items: center;
	width: 100%;
	max-width: 100%;
}

.slp-preloader__logo {
	display: block;
	width: min(var(--slp-logo-width, 240px), 80vw);
	height: auto;
	max-height: 70vh;
	margin: 0;
	padding: 0;
	object-fit: contain;
	opacity: var(--slp-initial-opacity, .04);
	transform: translateZ(0) scale(.992);
	transition:
		opacity var(--slp-fade-in, 1400ms) cubic-bezier(.22, .61, .36, 1),
		transform var(--slp-fade-in, 1400ms) cubic-bezier(.22, .61, .36, 1);
	will-change: opacity, transform;
}

.slp-preloader.is-visible .slp-preloader__logo {
	opacity: 1;
	transform: translateZ(0) scale(1);
}

.slp-preloader.is-leaving {
	display: none;
}

html.slp-preloader-lock,
html.slp-preloader-lock body {
	overflow: hidden;
}

@media (max-width: 767px) {
	.slp-preloader__logo {
		width: min(var(--slp-logo-width-mobile, 170px), 76vw);
	}
}

@media (prefers-reduced-motion: reduce) {
	.slp-preloader__logo {
		transition-duration: .01ms !important;
	}
}