dialog {
	margin: auto;
	padding: 0;
	width: 95%;
	max-width: 640px;
	min-width: 250px;
	height: fit-content;

	/* User agent overrides */
	border: none;
	outline: none;

	/* Style at dialog[open=false] transition end */
	transition: 180ms ease-in allow-discrete;
	opacity: 0;
	transform: scale(0.90);
}

dialog[open] {
	transition: 180ms ease-out allow-discrete;
	opacity: 1;
	transform: scale(1);
}