/* This is frontend css */
/* Master Image Comparision */

/* Start of Image Comparison */
.jltma-image-comparison { position: relative }
.jltma-image-comparison > img { width: 100%; }
.jltma-image-comparison img:last-child { position: absolute; top: 0; }
.jltma-image-comparison .twentytwenty-handle .twentytwenty-left-arrow{ border-right-color: #4b00e7; }
.jltma-image-comparison .twentytwenty-handle .twentytwenty-right-arrow{ border-left-color: #4b00e7; }
.jltma-image-comparison .twentytwenty-handle .twentytwenty-down-arrow{ border-top-color: #4b00e7; }
.jltma-image-comparison .twentytwenty-handle .twentytwenty-up-arrow{ border-bottom-color: #4b00e7; }

.jltma-image-comparison .twentytwenty-handle {
    background: white;
    -webkit-animation: jltma-image-comparison-pulse 1000ms ease-in-out 0s infinite alternate;
    animation: jltma-image-comparison-pulse 1000ms ease-in-out 0s infinite alternate
}

@-webkit-keyframes jltma-image-comparison-pulse {
    0% {
        box-shadow: 0px 0px 2px rgba(61, 61, 61, 0.8), 0 0 0 4px rgba(255, 255, 255, 0.15)
    }
    100% {
        box-shadow: 0px 0px 2px rgba(61, 61, 61, 0.8), 0 0 0 12px rgba(255, 255, 255, 0.3)
    }
}

@keyframes jltma-image-comparison-pulse {
    0% {
        box-shadow: 0px 0px 2px rgba(61, 61, 61, 0.8), 0 0 0 4px rgba(255, 255, 255, 0.15)
    }
    100% {
        box-shadow: 0px 0px 2px rgba(61, 61, 61, 0.8), 0 0 0 12px rgba(255, 255, 255, 0.3)
    }
}
/* End of Image Comparison */