.page-transition-overlay {
	position: fixed;
	inset: 0;
	z-index: 3000;
	display: grid;
	place-items: center;
	padding: 1rem;
	background: rgba(248, 250, 252, 0.28);
	backdrop-filter: blur(6px) saturate(0.85);
	-webkit-backdrop-filter: blur(6px) saturate(0.85);
	pointer-events: auto;
	cursor: wait;
	opacity: 0;
	transition: opacity 100ms ease-out;
}

.page-transition-overlay[hidden] {
	display: none;
}

.page-transition-overlay.is-visible {
	opacity: 1;
}

.page-transition-overlay__globe {
	width: 58px;
	height: 58px;
	filter: drop-shadow(0 8px 18px rgba(15, 23, 42, 0.24));
	animation: page-transition-globe-spin 1s linear infinite;
	transform-origin: center center;
}

body.page-transition-active {
	cursor: wait;
}

@keyframes page-transition-globe-spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

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

	.page-transition-overlay__globe {
		animation: none;
	}
}