#magazine-zoom-wrapper {
    transform-origin: center center;
    transition: transform 0.25s ease;
    touch-action: none; /* enables pinch-zoom */
}

.zoomed-in {
    cursor: grab;
}

    .zoomed-in img {
        pointer-events: none; /* prevents accidental clicks */
    }

.page {
    position: relative;
}

.region {
    position: absolute;
    z-index: 9999;
    pointer-events: auto;
    cursor: pointer !important;
}

    .region.link,
    .region.to-page {
        
    }

    .region:hover {
        background-color: rgba(255, 0, 0, 0.25) !important;
        border: 1px dashed rgba(255, 0, 0, 0.5) !important;
    }