dialog{display:none;margin:0;padding:0;min-width:100%;min-height:100%;background-color:var(--color-background--alternative);border-width:0;color:inherit;box-sizing:border-box}dialog::backdrop{background-color:#000c}dialog.fading{opacity:0;translate:0 40px;transition-property:display opacity;transition-duration:.4s;transition-timing-function:ease-in-out;transition-behavior:allow-discrete}dialog[open]{display:block;opacity:1;translate:0 0px;@starting-style{opacity:0;translate:0 -40px}}dialog [data-close-button]{width:auto;position:fixed;top:var(--gap);right:var(--gap)}body:has(dialog[open]:not(.inline)){overflow:hidden}dialog.drawer{opacity:0;top:auto;bottom:0;min-height:auto;max-height:80vh;translate:0 100%;transition-property:display opacity;transition-duration:.4s;transition-timing-function:ease-in-out;transition-behavior:allow-discrete;&.fixed{height:80vh}}dialog.drawer[open]{display:block;opacity:1;translate:0 0px;box-shadow:0 -2px 15px -4px #d3d3d3;@starting-style{opacity:0;translate:0 100%}}