/* image zoom styles */
.zoom-container {
    position:relative;
    display:grid;
    grid-template-columns: max-content minmax(40%,0%);
    grid-column-gap: 10px;
}
.content-container__item-viewer--image .zoom-container {
    grid-template-columns: 50% 50%;
    width: 60%;
    margin: auto;
}
.zoom-container .zoom-box {
    background-position: 50% 50%;
    position: relative;
    overflow: hidden;
    cursor: zoom-in;
} 
.zoom-container .zoom-mouse-pos-checker {
    background-position: 50% 50%;
    position: absolute;
    width: 50%;
    overflow: hidden;
    height: 100%;
} 
.zoom-container .zoom-box img {
    display: block;
    width: 100%;
    max-height: none;
    margin:0;
}
.zoom-container .zoom-window {
    margin: 0 0 1rem;

}
.zoom-container .zoom-loader-box {
    position:relative;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.zoom-container .zoom-loader {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
}
.hide {
    visibility:hidden;
}
.show {
    visibility:visible;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}