.image-zoom{cursor:zoom-in;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.image-zoom:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.image-zoom img{transition:transform .15s ease-out}.image-zoom.is-zooming img{transform:scale(var(--zoom-scale,2.5));transform-origin:var(--zoom-x,50%) var(--zoom-y,50%);transition:none}.image-zoom-hint{color:#1f2937;pointer-events:none;background:#ffffffe6;border-radius:999px;padding:.375rem;transition:opacity .15s;display:inline-flex;position:absolute;bottom:.5rem;right:.5rem;box-shadow:0 1px 3px #00000026}.image-zoom.is-zooming .image-zoom-hint{opacity:0}.image-lightbox{z-index:1000;background:#0a0a0ceb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-lightbox-bar{z-index:2;pointer-events:none;justify-content:flex-end;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex;position:absolute;top:0;left:0;right:0}.image-lightbox-bar>*{pointer-events:auto}.image-lightbox-count{color:#ffffffd9;margin-right:auto;font-size:.875rem}.image-lightbox-button,.image-lightbox-nav{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.image-lightbox-button{width:2.5rem;height:2.5rem}.image-lightbox-button:hover,.image-lightbox-nav:hover{background:#ffffff3d}.image-lightbox-stage{cursor:zoom-in;background:#fff;border-radius:.5rem;justify-content:center;align-items:center;width:min(90vw,1000px);height:min(80vh,1000px);display:flex;overflow:hidden}.image-lightbox-stage.is-zoomed{cursor:zoom-out;touch-action:none}.image-lightbox-stage img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:transform .2s ease-out}.image-lightbox-stage.is-zoomed img{transition:transform .2s ease-out,transform-origin 50ms linear}.image-lightbox-nav{z-index:2;width:3rem;height:3rem;position:absolute;top:50%;transform:translateY(-50%)}.image-lightbox-prev{left:1rem}.image-lightbox-next{right:1rem}@media (width<=640px){.image-lightbox-stage{border-radius:0;width:100vw;height:70vh}.image-lightbox-nav{top:auto;bottom:1rem;transform:none}}