/* @group @dialog */

dialog {
box-sizing: border-box;
position: fixed;
overflow: hidden;
visibility: hidden;
z-index: -10001;
border: 0;
box-shadow: hsla(0, 0% ,98.8%, .8);
opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: opacity .2s 0s cubic-bezier(.6, .5, .5, .75), visibility 0s .2s cubic-bezier(.6, .5, .5, .75);
}

[class*="is-dialog-open"],
dialog[open] {
z-index: 10001;
visibility: visible;
opacity: 1;
transition: opacity .2s 0s cubic-bezier(.6, .5, .5, .75), visibility 0s 0s cubic-bezier(.6, .5, .5, .75);
}

[class*="is-dialog-open"]::backdrop,
dialog[open]::backdrop,
dialog::backdrop {
background-color: hsla(0, 0%, 0%, .75);
transition: inherit;
}

/*dialog+span {
position: fixed;
visibility: hidden;
z-index: -10001;
inset: 0;
/*top: 0;
right: 0;
bottom: 0;
left: 0;*/
background-color: hsla(0, 0%, 0%, .8);
opacity: 0;
transition: inherit;
}

.is-dialog-open+span {
z-index: 10000;
visibility: visible;
opacity: 1;
}*/

/* @end @dialog */