.image-viewer-open{overflow:hidden}.gal figure>a{cursor:zoom-in}
.image-viewer{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;padding:0;background:#080a0df5;color:#f5f5ef;overscroll-behavior:contain}
.image-viewer::backdrop{background:#080a0d}.image-viewer-panel{box-sizing:border-box;position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) 54px;align-items:center;gap:14px;min-height:100%;padding:70px 26px 48px}
.image-viewer figure{margin:0;text-align:center;min-width:0}.image-viewer figure>img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 190px);object-fit:contain;margin:auto;background:#080a0d}
.image-viewer figcaption{max-width:900px;margin:16px auto 0;font:400 16px/1.5 system-ui,sans-serif;color:#ddd}.image-viewer figcaption a{color:#b5e9ab}.image-viewer .gallery-credit{font-size:12px;color:#a6aca8}
.image-viewer button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid #6c766d;border-radius:50%;background:#202620;color:#fff;font:400 36px/1 system-ui,sans-serif;cursor:pointer}.image-viewer button:hover{background:#b5e9ab;color:#102014}.image-viewer button:focus-visible{outline:3px solid #b5e9ab;outline-offset:4px}.image-viewer button[hidden]{display:none}
.image-viewer .image-viewer-close{position:absolute;top:14px;right:22px}.image-viewer-count{position:absolute;bottom:12px;left:0;right:0;margin:0;text-align:center;color:#b5c0b7;font:14px system-ui,sans-serif}
@media(max-width:600px){.image-viewer-panel{grid-template-columns:40px minmax(0,1fr) 40px;gap:3px;padding:70px 5px 45px}.image-viewer button{width:38px;height:44px;border-radius:10px}.image-viewer figcaption{font-size:14px}.image-viewer figure>img{max-height:calc(100dvh - 230px)}.image-viewer .image-viewer-close{right:12px}}