body.memory-viewer-open{overflow:hidden}
.memory-viewer{width:fit-content;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);padding:42px 16px 16px;border:0;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 24px 80px #0005}
.memory-viewer::backdrop{background:#07152bb3}
.memory-viewer figure{margin:0;position:relative}
.memory-viewer img{display:block;width:auto;height:auto;max-width:min(760px,calc(100vw - 64px));max-height:65dvh;object-fit:contain;margin:auto;border-radius:6px}
.memory-viewer-close{position:absolute;right:10px;top:5px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--ink);font-size:28px;cursor:pointer}
.memory-viewer-close:hover{background:var(--pale)}
.memory-viewer-controls{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;pointer-events:none}
.memory-viewer-controls[hidden]{display:none}
.memory-viewer-controls button{display:grid;place-items:center;padding:0;line-height:1;width:30px;height:30px;flex-shrink:0;border:1px solid #d4dce8;border-radius:50%;background:#fff;color:#0b1b31;opacity:.5;box-shadow:0 1px 6px #0003;font-size:18px;cursor:pointer;pointer-events:auto}
.memory-viewer-controls button:hover{background:#e2e9f1}

.memory-viewer-controls button svg{display:block}