a[data-blog-image]{cursor:zoom-in}html.blog-image-open{overflow:hidden}.blog-image-viewer{box-sizing:border-box;width:min(96vw,1600px);max-width:96vw;height:94dvh;max-height:94dvh;padding:0;border:1px solid #888;border-radius:.65rem;background:#fff;color:#222;color-scheme:light}.blog-image-viewer::backdrop{background:rgb(0 0 0/.82)}.blog-image-viewer[open]{display:flex;flex-direction:column}.blog-image-viewer__toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem;border-bottom:1px solid #888}.blog-image-viewer__toolbar button{font:inherit;padding:.45rem .75rem;border:1px solid;border-radius:.35rem;background:0 0;color:inherit;cursor:pointer}.blog-image-viewer button:focus-visible,.blog-image-viewer__stage:focus-visible{outline:3px solid #2785da;outline-offset:-3px}.blog-image-viewer__stage{flex:1;min-height:0;overflow:auto;padding:.5rem}.blog-image-viewer__stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;object-fit:contain}.blog-image-viewer__stage.is-original img{max-width:none;max-height:none;margin:0}.blog-image-viewer__caption{margin:0;padding:.5rem .8rem;font-size:.9rem;overflow-wrap:anywhere;max-height:15vh;overflow:auto}body[data-theme=dark] .blog-image-viewer{background:#222;color:#eee;color-scheme:dark}@media(prefers-color-scheme:dark){body[data-theme=auto] .blog-image-viewer{background:#222;color:#eee;color-scheme:dark}}