/* Keep the illustration controls outside the independently scrolling image. */
body dialog.ho-reader__visual-lightbox[open]{display:flex;flex-direction:column;width:min(calc(100vw - 24px),1200px);height:94vh;height:94dvh;max-height:calc(100dvh - 24px);padding:0;overflow:hidden;box-sizing:border-box;}
body .ho-reader__visual-lightbox>.ho-dialog-toolbar{display:flex;align-items:center;position:relative;top:auto;flex:0 0 auto;margin:0;gap:8px;}
body .ho-reader__visual-lightbox .ho-dialog-close{position:static!important;min-height:44px;width:auto!important;min-width:88px!important;padding:0 12px!important;font-size:16px!important;white-space:nowrap;}
body .ho-reader__visual-lightbox>.ho-reader__visual-lightbox-frame{flex:1 1 auto;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;}
body .ho-reader__visual-lightbox-frame>img{max-height:calc(94dvh - 112px);}
body .ho-reader__visual-lightbox .ho-reader__visual-fit{position:static;flex:0 1 auto;min-width:0;margin-left:auto;font-size:13px;}
@media(max-width:600px){
 body dialog.ho-reader__visual-lightbox[open]{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);}
 body .ho-reader__visual-lightbox.is-vector>.ho-reader__visual-lightbox-frame{max-height:none;padding:0;}
 body .ho-reader__visual-lightbox.is-vector:not(.is-fit) .ho-reader__visual-lightbox-frame>img{width:1200px;max-width:none;max-height:none;}
 body .ho-reader__visual-lightbox.is-vector.is-fit .ho-reader__visual-lightbox-frame>img{width:100%;max-height:none;}
 body .ho-reader__visual-lightbox>.ho-dialog-toolbar{padding:6px 8px;}
 body .ho-reader__visual-lightbox .ho-reader__visual-fit:not([hidden]){display:block;padding:0 8px;}
}