.zoomViewport{position:relative;min-width:0;min-height:0;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;touch-action:none;cursor:default}
.zoomViewport img{transform-origin:center;will-change:transform;transition:transform .12s ease-out}
.zoomViewport>img{width:auto;height:auto;max-width:none!important;max-height:none!important;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.zoomViewport.isZoomed{cursor:grab}
.zoomViewport.isSwiping{cursor:grabbing}
.zoomViewport.isDragging{cursor:grabbing}
.zoomViewport.isDragging img,.zoomViewport.isPinching img{transition:none}
.zoomHint{position:absolute;left:50%;bottom:9px;z-index:2;transform:translateX(-50%);padding:6px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(8,8,10,.68);color:#777780;font:8px Arial,Helvetica,sans-serif;white-space:nowrap;pointer-events:none;opacity:.9}
@media(pointer:coarse){.zoomHint{display:none}}