.scm-page-loader-active {
	overflow: hidden;
}

.scm-page-loader {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: grid;
	place-items: center;
	background: #fff;
	opacity: 1;
	transition: opacity .28s ease, visibility .28s ease;
	visibility: visible;
}

.scm-page-loader.is-hiding {
	opacity: 0;
	visibility: hidden;
}

.scm-page-loader-inner {
	display: grid;
	gap: 18px;
	justify-items: center;
	padding: 24px;
}

.scm-page-loader-logo,
.scm-page-loader-mark {
	width: min(96px, 28vw);
	height: min(96px, 28vw);
}

.scm-page-loader-logo {
	display: block;
	object-fit: contain;
}

.scm-page-loader-mark {
	border-radius: 24px;
	background: #005c78;
	box-shadow: inset 0 0 0 10px rgba(255, 255, 255, .2);
}

.scm-page-loader-spinner {
	width: 34px;
	height: 34px;
	border: 3px solid rgba(0, 92, 120, .18);
	border-top-color: #005c78;
	border-radius: 999px;
	animation: scmPageLoaderSpin .8s linear infinite;
}

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

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

	.scm-page-loader-spinner {
		animation: none;
	}
}