article img{cursor:zoom-in}.image-viewer{align-items:center;background:rgba(0,0,0,0.92);border:0;box-sizing:border-box;cursor:zoom-out;display:flex;height:100vh;justify-content:center;left:0;margin:0;max-height:none;max-width:none;padding:2rem;position:fixed;top:0;width:100vw;z-index:1000}.image-viewer:not([open]){display:none}.image-viewer__image{cursor:default;height:auto;margin:0;max-height:calc(100vh - 4rem);max-width:calc(100vw - 4rem);width:auto}.image-viewer__close{background:transparent;border:1px solid #fff;color:#fff;cursor:pointer;font:inherit;font-size:1.5rem;line-height:1;padding:0.35rem 0.6rem;position:fixed;right:1rem;top:1rem}article img:focus-visible,.image-viewer__close:focus-visible{outline:2px solid currentColor;outline-offset:3px}body.image-viewer-open{overflow:hidden}