@keyframes openDialog {
	from {
		opacity: 0;
		translate: 0 -20px;
	}

	to {
		opacity: 1;
		translate: 0 0;
	}
}

@keyframes closeDialog {
	to {
		opacity: 0;
		translate: 0 -20px;
	}
}

body dialog {
	border: none;
	padding: 0;
	border: none;
	border-radius: 10px;
}

body dialog>.dialog-wrapper {
	width: 100%;
	max-width: 942px;
	padding-inline: clamp(20px, 5.5vw, 90px);
	padding-bottom: clamp(20px, 5.5vw, 70px);
	padding-top: 70px;
}

#pk_flex_content .dialog_class .close-icon {
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
}

body dialog[open] {
	animation: openDialog 0.5s ease normal;
	-webkit-animation: openDialog 0.5s ease normal;
}

body dialog.hideDialog {
	animation: closeDialog 0.5s ease normal;
	-webkit-animation: closeDialog 0.5s ease normal;
}

body dialog.hideDialog::backdrop {
	opacity: 0;
}

body dialog::backdrop {
	background-color: #000000;
	opacity: 0.5;
	transition: opacity 0.5s ease-in-out;
}