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