dialog {
 position: absolute;
 left:0;
 right:0;
 /* top:28%; */
 width: -moz-fit-content;
 width: -webkit-fit-content;
 width: -ms-fit-content;
 width: -o-fit-content;
 width: fit-content;
 height: -moz-fit-content;
 height: -webkit-fit-content;
 height: -ms-fit-content;
 height: -o-fit-content;
 height: fit-content;
 margin:auto;
 /* transform:translate(-25%, -30%); */
 border:solid;
 border-radius:8px;
 padding:2rem;
 background:white;
 color:black;
 display:block;
 line-height:140%;
 font-size:1.5rem
}

dialog:not([open]) { display:none }

dialog::backdrop {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 background:rgba(0,0,0,0.6);
}

dialog + .backdrop {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 background:rgba(0,0,0,0.6);
}

._dialog_overlay {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
}

dialog.fixed {
 position:fixed;
 top:50%;
 -moz-transform:translate(0, -50%);
 -webkit-transform:translate(0, -50%);
 -ms-transform:translate(0, -50%);
 -o-transform:translate(0, -50%);
 transform:translate(0, -50%);
}