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]{display:inline-flex;flex-direction:column;align-items:center;width:auto;position:absolute;top:0;right:0;border-color:transparent;background-color:transparent}body:has(dialog[open]:not(.inline)){overflow:hidden}dialog.drawer{opacity:0;top:auto;bottom:0;min-height:auto;translate:0 100%;transition-property:display opacity;transition-duration:.4s;transition-timing-function:ease-in-out;transition-behavior:allow-discrete}dialog.drawer[open]{display:block;opacity:1;translate:0 0px;box-shadow:0 -2px 15px -4px #d3d3d3;@starting-style{opacity:0;translate:0 100%}}