.mark-photo-trigger{cursor:zoom-in}.mark-photo-trigger:focus-visible{outline-offset:-4px;outline:2px solid #999}.mark-lightbox{color:#fff;overscroll-behavior:contain;background:#000000f5;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:auto;padding:64px 72px;position:fixed;inset:0;overflow:hidden}.mark-lightbox[open]{justify-content:center;align-items:center;display:flex}.mark-lightbox::backdrop{background:#000}.mark-lightbox>img{object-fit:contain;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.mark-lightbox>button{color:#fff;background:#111;border:1px solid #555;place-items:center;width:48px;height:48px;margin:0;padding:0;font-size:26px;line-height:1;display:grid;position:absolute}.mark-lightbox>button:hover{background:#292929}.mark-lightbox>button:focus-visible{outline-offset:3px;outline:2px solid #fff}.mark-lightbox-close{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.mark-lightbox-prev{top:calc(50% - 24px);left:12px}.mark-lightbox-next{top:calc(50% - 24px);right:12px}.mark-lightbox-count{bottom:max(20px,env(safe-area-inset-bottom));letter-spacing:2px;color:#bbb;font-size:12px;position:absolute;left:50%;transform:translate(-50%)}@media (max-width:600px){.mark-lightbox{padding:72px 12px 88px}.mark-lightbox-prev,.mark-lightbox-next{top:auto;bottom:max(12px,env(safe-area-inset-bottom))}}