.dialog{align-content:center;background:var(--background);border:var(--border);color:var(--color);container-type:inline-size;height:-moz-min-content;height:min-content;max-height:100dvh;max-width:var(--dialog-width);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.compat{transform:translate(-50%,-50%)}.dialog+.overlay,.dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent}.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(--dialog-background-color)}.dialog.open{left:50%;position:fixed;top:50%;z-index:var(--z-index-dialog)}.dialog.open+.overlay{bottom:0;left:0;position:fixed;right:0;top:0;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:var(--z-index-dialog)}.dialog>.close:is(:hover,:active,:focus,.active){outline:none}.dialog>h1{font-family:var(--ui-font-family);font-size:var(--font-lg);margin-bottom:var(--size-3);padding-right:var(--size-6);text-transform:var(--ui-text-transform)}.dialog>.actions{display:flex;gap:var(--spacer);justify-content:flex-end;margin-top: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%)}}