html:has(dialog[open]){overflow-y:initial}body:has(dialog[open]){overflow:hidden}.dialog.svelte-f8qwyp{align-items:start;width:min(90vw,70ch);color:var(--c-text);margin:auto;padding:0;position:fixed;inset:0;border:5px solid var(--c-text);box-shadow:0 -1px 3px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 2px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 5px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 4px 12px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 12px 15px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));z-index:var(--layer-impoetant);overflow:hidden;transition:opacity .5s cubic-bezier(.25,0,.3,1);background:var(--surface-1)}.dialog.svelte-f8qwyp::backdrop{background:#4b4b4b33;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog.svelte-f8qwyp>.dialog-content:where(.svelte-f8qwyp){display:grid;grid-template-rows:auto 1fr auto;align-items:start;max-block-size:min(80vh,700px);max-block-size:min(80dvb,700px)}.dialog.svelte-f8qwyp>.dialog-content:where(.svelte-f8qwyp)>:where(.svelte-f8qwyp){padding:var(--gap)}.dialog.svelte-f8qwyp>.dialog-content:where(.svelte-f8qwyp)>article:where(.svelte-f8qwyp){overflow-y:auto;max-block-size:100%;overscroll-behavior-y:contain;display:grid;justify-items:flex-start;gap:var(--gap-2);font-family:var(--font-text);padding:var(--gap-3) var(--gap)}.dialog.svelte-f8qwyp>.dialog-content:where(.svelte-f8qwyp)>header:where(.svelte-f8qwyp){padding:var(--gap-2) var(--gap);font-family:var(--font-title);border-bottom:3px solid var(--c-text);display:flex;align-items:center}.dialog.svelte-f8qwyp>.dialog-content:where(.svelte-f8qwyp)>header:where(.svelte-f8qwyp) .header-content:where(.svelte-f8qwyp){flex-grow:1}.dialog.svelte-f8qwyp>.dialog-content:where(.svelte-f8qwyp)>header:where(.svelte-f8qwyp)>.button-icon:where(.svelte-f8qwyp){justify-self:end}.dialog.svelte-f8qwyp>.dialog-content:where(.svelte-f8qwyp)>footer:where(.svelte-f8qwyp){border-top:3px solid var(--c-text)}.dialog__header.svelte-1ylfigv h2:where(.svelte-1ylfigv){font-size:2.5rem}.dialog__footer.svelte-1ylfigv{display:flex;justify-content:end;gap:var(--gap-half)}