.dialog{background:var(--background);border:var(--border);border-radius:var(--border-radius);color:var(--color);container-type:inline-size;height:0;max-height:100dvh;max-width:min(var(--dialog-width),calc(100vw - var(--spacer)*2));min-height:-moz-min-content;min-height:min-content;opacity:0;overscroll-behavior:contain;padding:calc(var(--spacer)*2);pointer-events:none;position:fixed;width:100%}@media(min-width:45rem){.dialog{max-height:calc(100dvh - var(--spacer)*2)}}.dialog.modal{display:grid;padding:var(--spacer-lg);grid-gap:var(--spacer);gap:var(--spacer)}.dialog.modal:has(>h1:first-of-type){font-size:var(--ui-font-size);padding:var(--spacer);padding-top:calc(var(--spacer)*3)}.dialog.compat{transform:translate(-50%,-50%)}.dialog:focus{outline:none}.dialog+.overlay,.dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--backdrop-background-color)}.dialog.open,.dialog[open]{animation:fade-in var(--speed);opacity:1;pointer-events:all}.dialog.open.compat,.dialog[open].compat{animation:compat-dialog-fade-in var(--speed)}.dialog.open+.overlay,.dialog.open::backdrop,.dialog[open]+.overlay,.dialog[open]::backdrop{-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);background:var(--backdrop-background-color)}.dialog.open{left:50%;position:fixed;top:50%;z-index:var(--z-index-dialog)}.dialog.open+.overlay{inset:0;position:fixed;z-index:var(--z-index-overlay)}.dialog>.close{height:var(--spacer);padding:0;position:absolute;right:var(--spacer);top:var(--spacer);width:var(--spacer);z-index:10}.dialog>.close:is(:hover,:active,:focus,.active){outline:none}.dialog.modal>.close{align-items:center;background:var(--background);border-bottom:var(--border);border-left:var(--border);display:flex;height:calc(var(--spacer)*2);justify-content:center;right:0;top:0;width:calc(var(--spacer)*2)}.dialog>h1{font-family:var(--ui-font-family);font-size:var(--ui-font-size);margin-bottom:var(--size-3);padding-right:var(--size-6);text-transform:var(--ui-text-transform)}.dialog.modal>h1:first-of-type{align-items:center;background:var(--background);border-bottom:var(--border);display:flex;font-size:var(--ui-font-size);height:calc(var(--spacer)*2);left:0;margin:0;padding:0 0 0 var(--spacer);position:absolute;top:0;width:100%}.dialog>.actions{display:flex;gap:var(--spacer);justify-content:flex-end;margin-top:var(--spacer)}.dialog.modal .modal-footer{border-top:var(--border);justify-content:flex-end;margin:var(--spacer) calc(var(--spacer)*-1) calc(var(--spacer)*-1);padding:var(--spacer)}body:has(.dialog.open),body:has(dialog[open]),html:has(.dialog.open),html:has(dialog[open]){overflow:hidden}@keyframes compat-dialog-fade-in{0%{opacity:0;transform:translate(-50%,calc(-50% + var(--spacer)))}to{opacity:1;transform:translate(-50%,-50%)}}