.screenshot-viewer-open{overflow:hidden}[data-screenshot-viewer]{cursor:zoom-in}.screenshot-viewer{box-sizing:border-box;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:80px 20px 24px;border:0;background:transparent;color:#fff;cursor:zoom-out}.screenshot-viewer[open]{display:grid;place-items:center}.screenshot-viewer::backdrop{background:#000000d9}.screenshot-viewer>img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 104px);max-height:calc(100dvh - 104px);object-fit:contain;border-radius:8px;cursor:default}.screenshot-viewer-close{position:absolute;top:max(16px,env(safe-area-inset-top));inset-inline-end:max(20px,env(safe-area-inset-right));display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border:1px solid rgb(255 255 255 / 50%);border-radius:24px;background:#18212d;color:#fff;font:inherit;cursor:pointer}.screenshot-viewer-close span[aria-hidden]{font-size:28px;line-height:1}.screenshot-viewer-close:focus-visible{outline:3px solid #78deed;outline-offset:3px}