body.modal-open{position:fixed;left:0;right:0;width:100%;overflow:hidden;overscroll-behavior:none}
#lightbox{width:min(960px,calc(100vw - 32px));max-width:960px;max-height:calc(100dvh - 32px);padding:16px 16px 18px;overflow:hidden;border:0;background:#fff}
#lightbox img{display:block;width:100%;height:min(68dvh,640px);max-width:none;max-height:none;object-fit:contain;object-position:center}
#lightbox p{margin:12px 52px 0;text-align:center;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#lightbox>button{position:absolute;border:0;border-radius:50%;width:42px;height:42px;background:var(--plum);color:#fff;font-size:25px;z-index:2;display:grid;place-items:center}
#lightbox>button[aria-label="Close photo"]{right:8px;top:8px}
#lightbox .photo-prev,#lightbox .photo-next{top:50%;transform:translateY(-50%);background:#33133fcc}
#lightbox .photo-prev{left:23px}.photo-next{right:23px}
#lightbox>button:hover{background:var(--violet)}
@media(max-width:600px){#lightbox{width:calc(100vw - 16px);padding:8px 8px 14px}#lightbox img{height:65dvh}#lightbox .photo-prev,#lightbox .photo-next{width:36px;height:36px;font-size:20px}.photo-prev{left:14px!important}.photo-next{right:14px!important}#lightbox p{margin:10px 40px 0;font-size:12px}}