/* =============================================================================
   DeepSign Calculator — stili dell'overlay sul sito deepsign.swiss
   L'effetto vetro sta su un div normale sotto l'iframe: applicato all'iframe
   (elemento replaced) WebKit produce artefatti e perde la sfocatura durante
   lo scroll. L'iframe è trasparente e ci sta sopra.
   ============================================================================= */

.ds-overlay {
	position: fixed;
	inset: 0;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition:
		opacity 0.24s ease,
		visibility 0s linear 0.24s;
}

.ds-overlay.is-visible {
	opacity: 1;
	visibility: visible;
	transition:
		opacity 0.24s ease,
		visibility 0s;
}

.ds-overlay__blur {
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, 0.55);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.ds-overlay__frame {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	background: transparent;
}

/* Blocca lo scroll della pagina mentre il wizard è aperto. */
body.ds-overlay-open {
	overflow: hidden;
}