/* Overlay */
.screen-overlay {
	content: '';
	position: fixed;
	inset: 0;
	background: rgba(255, 255, 255, 0.7);
	opacity: 0;
	pointer-events: none;
	z-index: -1;
}

@supports ((backdrop-filter: blur(0)) or (-webkit-backdrop-filter: blur(0))) {
	.screen-overlay {
		background: rgba(255, 255, 255, 0.3);
		-webkit-backdrop-filter: blur(32px);
		backdrop-filter: blur(32px);
	}
}