.attachment-viewer.svelte-vmbpop{width:min(94vw,80rem);max-width:calc(100vw - max(1rem, env(safe-area-inset-left)) - max(1rem, env(safe-area-inset-right)));height:min(90dvh,56rem);max-height:calc(100dvh - max(1rem, env(safe-area-inset-top)) - max(1rem, env(safe-area-inset-bottom)));border:1px solid var(--border);background:var(--page);color:var(--text);box-shadow:0 1rem 3rem color-mix(in srgb, var(--page) 58%, transparent);border-radius:.55rem;margin:auto;padding:0;overflow:hidden}.attachment-viewer[open].svelte-vmbpop{display:grid}.attachment-viewer.svelte-vmbpop::backdrop{background:color-mix(in srgb, var(--page) 76%, transparent)}.attachment-viewer-frame.svelte-vmbpop{grid-template-rows:minmax(0,1fr) auto;min-width:0;height:100%;min-height:0;margin:0;display:grid;position:relative}.attachment-viewer-media.svelte-vmbpop{overscroll-behavior:contain;background:var(--field);place-items:center;min-width:0;min-height:0;padding:clamp(.75rem,3vw,2rem);display:grid;overflow:auto}.attachment-viewer-media.svelte-vmbpop img:where(.svelte-vmbpop){object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.attachment-viewer-close.svelte-vmbpop{appearance:none;z-index:1;border:1px solid var(--border);background:var(--surface);width:2.75rem;min-height:2.75rem;color:var(--text);box-shadow:0 .2rem .65rem color-mix(in srgb, var(--page) 48%, transparent);cursor:pointer;border-radius:.4rem;place-items:center;padding:0;display:grid;position:absolute;inset-block-start:.65rem;inset-inline-end:.65rem}.attachment-viewer-close.svelte-vmbpop:hover,.attachment-viewer-close.svelte-vmbpop:focus-visible{border-color:color-mix(in srgb, var(--border), var(--text) 30%);background:var(--surface-soft)}.attachment-viewer-close.svelte-vmbpop svg{width:1.2rem;height:1.2rem}.attachment-viewer.svelte-vmbpop figcaption:where(.svelte-vmbpop){border-block-start:1px solid var(--border);background:var(--surface);gap:.1rem;min-width:0;padding:.65rem .85rem;font-size:.82rem;line-height:1.35;display:grid}.attachment-viewer.svelte-vmbpop figcaption:where(.svelte-vmbpop) span:where(.svelte-vmbpop),.attachment-viewer.svelte-vmbpop figcaption:where(.svelte-vmbpop) small:where(.svelte-vmbpop){overflow-wrap:anywhere}.attachment-viewer.svelte-vmbpop figcaption:where(.svelte-vmbpop) small:where(.svelte-vmbpop){color:var(--muted);font-size:.72rem}@media (width<=40rem){.attachment-viewer.svelte-vmbpop{width:calc(100vw - max(.5rem, env(safe-area-inset-left)) - max(.5rem, env(safe-area-inset-right)));max-width:none;height:calc(100dvh - max(.5rem, env(safe-area-inset-top)) - max(.5rem, env(safe-area-inset-bottom)));max-height:none}.attachment-viewer-media.svelte-vmbpop{padding:.65rem}}