/*   Open state of the dialog  */
dialog[open] {
	opacity: 1;
	transform: scaleY(1);
}

/*   Closed state of the dialog   */
dialog {
	opacity: 0;
	transform: scaleY(0);
}

/* Transition the :backdrop when the dialog modal is promoted to the top layer */
dialog::backdrop {
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background : rgba(0, 0, 0, 0.3);
}

dialog[open]::backdrop {
	background : rgba(0, 0, 0, 0.3);
}