/**
 * The following styles get applied both on the front of your site and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */

.wp-block-capdemat-theme-2-dialog {
	padding: 15px;
}

dialog {
	opacity: 0;
	transition: opacity 0.5s;
	overscroll-behavior: contain;
	border-radius: 10px;
	overflow: hidden;
	padding: 0;
	color: inherit;
	border: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

dialog[open] {
	animation: fade-in 0.5s forwards;
}

dialog::backdrop, .dialog-background {
	background-color: hsla(240, 5%, 34%, 0.6);
	backdrop-filter: blur(3px);
	animation: fade-in 0.2s forwards;
}

.dialog-background {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4000;
	width: 100vw;
	height: 100vh;
	display: none;
}

body.fixed {
	overflow: hidden !important;
}

@keyframes fade-in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 100%;
	}
}