dialog{
	background-color:var(--c-light);
	background-clip:padding-box;
	border:1px solid rgba(var(--rgb-black),.2);
	border-radius:.5rem;
	color:var(--c);
	padding:0;
	box-shadow: 0 0 100px #00000030;
}
dialog::backdrop {
	transition:all .9s;
	backdrop-filter: blur(3px);
	background:#00000088;
}
dialog>form{
	display:flex;
	flex-direction:column;
	min-width:220px;
	overflow:hidden;
}
dialog>form>*{
	display:inline-flex;
	flex-wrap:wrap;
}
dialog header{
	border-bottom:1px solid var(--c-border);
	padding:.75rem 1rem;
	background:var(--c-shadow);
}
dialog menu{
	border-top:1px solid var(--c-border);
	justify-content:space-around;
	padding:0;
	margin:0;
}
dialog menu>*{
	--m:1rem;
}
/*outdated browser support*/
.dialog{
	position:fixed;
	top:0;right:0;bottom:0;left:0;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:99999;
	background:#000000bb;
}