.modal {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	visibility: visible;
	opacity: 1;
	overflow-y: hidden;
	overscroll-behavior: contain;
	z-index: 10;

	background-color: var(--e-global-color-primary);
	background-image: url("https://sunnyrain.eu/wp-content/uploads/2025/09/pattern.png");
}

.modal-close {
	padding: 0 !important;
	position: absolute;
	top: 2rem;
	right: 2rem;
	z-index: 1;

	line-height: 0 !important;

	background-color: transparent !important;
}
.modal-close svg {
	width: 1.5rem;
	height: 1.5rem;

	fill: var(--e-global-color-text);
}

.modal-scroller {
	width: 100%;
	max-height: 100%;
	padding: 8rem 3rem;
	overflow-y: auto;
	overscroll-behavior: contain;
}

.modal-backdrop {
	display: none;
}

@media (max-width: 1680px) {
	.modal-scroller {
		padding: 6rem 3rem;
	}
}

@media (max-width: 767px) {
	.modal-scroller {
		padding: 4rem 1rem;
	}

	.modal-close {
		top: 1rem;
		right: 1rem;
	}
}