::backdrop {
	background: rgba(0, 0, 0, 0.55);
	transition: backdrop-filter 1s;
	backdrop-filter: saturate(180%) blur(5px);
}

dialog {
	width: 80vw;
	max-width: 1280px;
	margin: 0 auto;
	background-color: white;
	border: none;
	position: fixed;
	padding: 40px 20px;
	margin-top: 50px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-20px);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

@media (max-width: 768px) {
	dialog {
		width: 90vw;
		padding: 15px;
	}
}

dialog.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.close-button {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 9;
	font-size: 30px;
}

.close-button:hover {
	cursor: pointer;
}