﻿.vct-modal-interactive .handle {
    position: absolute;
    user-select: none;
}

    .vct-modal-interactive .handle.top {
        top: 0;
        cursor: n-resize;
    }

    .vct-modal-interactive .handle.bottom {
        bottom: 0;
        cursor: s-resize;
    }

    .vct-modal-interactive .handle.left {
        left: 0;
        cursor: w-resize;
    }

    .vct-modal-interactive .handle.right {
        right: 0;
        cursor: e-resize;
    }

    .vct-modal-interactive .handle.topleft {
        cursor: nw-resize;
    }

    .vct-modal-interactive .handle.topright {
        cursor: ne-resize;
    }

    .vct-modal-interactive .handle.bottomleft {
        cursor: sw-resize;
    }

    .vct-modal-interactive .handle.bottomright {
        cursor: se-resize;
    }

.vct-modal-interactive .caption-icon {
    color: #ddd;
}

    .vct-modal-interactive .caption-icon:hover {
        color: #888;
    }

.maximise-overlay {

}

    .maximise-overlay::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100vw;
        border: 5px solid gray;
        background-color: #ddd;
        opacity: 0.15;
        animation: maximise-overlay ease-in-out 0.15s;
        z-index: 9999;
    }

@keyframes maximise-overlay {
    from {
        opacity: 0;
    }
}