.zoomable-image{gap:var(--space-2);flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.zoomable-image__toolbar{justify-content:flex-end;display:flex}.zoomable-image__viewport{flex:1;min-height:0;display:flex;overflow:auto}.zoomable-image__viewport img{object-fit:contain;max-width:100%;max-height:100%;margin:auto}.zoomable-image__viewport--actual{cursor:grab;touch-action:none}.zoomable-image__viewport--actual:active{cursor:grabbing}.zoomable-image__viewport--actual img{max-width:none;max-height:none}