/* --------------------- PrevIFrame ----------------------- */

.prevClickOutsideBox {
    width: 102vw;
    height: 102vh;
    top: -1vh;
    left: -1vw;
    position: fixed;
}

.prevIFrameBase {
    box-shadow: rgba(234, 254, 255, 0.17) 0vmin 0vmin 0.8vmin;
    position: fixed;
    height: 5px;
    width: 0.2vw;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.transitionOpen {
    transition-duration: 0.15s;
}

.transitionEnd {
    transition-duration: 0.1s;
}

.closeIcon {
    cursor: pointer;
    width: 30px;
    height: 30px;
    transform: translate(-50%, -50%);
    left: 100%;
    top: 0%;
    position: absolute;
    transition-duration: 150ms;
}
.closeIcon:hover {
    width: 33px;
    height: 33px;
    transform: translate(-50%, -50%) rotate(90deg);
}
.closeIcon:active {
    width: 28px;
    height: 28px;
}

.prevBG {
    background-color: black;
    opacity: 0.8;
    width: 100%;
    height: 100%;
}

.prevIFrameWidth {
    width: 100vw;
}

.prevIFrameHeight {
    height: 100vh;
}

.prev {
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
}

.prevImg, .previFrame {
    max-height: 85vh;
    max-width: 85vw;
}