#zoom-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.95);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:999999;
}

#zoom-overlay.show{
    display:flex;
}

#zoom-container{
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow: hidden;
    touch-action: none;
}

#zoom-image {
    max-width: 90%;
    max-height: 90%;
    user-select: none;
    -webkit-user-drag: none;
    touch-action: none;
    cursor: grab;
    transform-origin: center center;
    will-change: transform;
    transition: transform 0.15s ease;
}

#zoom-image:active {
    cursor: grabbing;
}
#zoom-close{
    position:absolute;
    top:15px;
    right:20px;
    font-size:40px;
    color:white;
    background:none;
    border:none;
    cursor:pointer;
}

#zoom-prev,
#zoom-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    font-size:45px;
    color:white;
    background:none;
    border:none;
    cursor:pointer;
}

#zoom-prev{
    left:20px;
}

#zoom-next{
    right:20px;
}