/* CMS load state: hide placeholders and show a spinner until cms.js finishes. */
html.cms-pending {
	background: #fff;
}

html.cms-pending body {
	visibility: hidden;
}

html.cms-pending::after {
	content: '';
	position: fixed;
	z-index: 2147483647;
	top: 50%;
	left: 50%;
	width: 2.5rem;
	height: 2.5rem;
	margin: -1.25rem 0 0 -1.25rem;
	border: 3px solid rgba(0, 75, 150, 0.15);
	border-top-color: var(--home-sky, #32b4e9);
	border-radius: 50%;
	animation: cms-pending-spin 0.75s linear infinite;
}

@keyframes cms-pending-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	html.cms-pending::after {
		animation: none;
		border-top-color: rgba(0, 75, 150, 0.35);
	}
}