.cndkbeforeafter{overflow:hidden;position:relative;transition:.5s}.cndkbeforeafter-container{background:0 0;position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}.cndkbeforeafter-item{overflow:hidden;position:relative}.cndkbeforeafter-item>div{height:100%;position:absolute}.cndkbeforeafter-item img{position:absolute;left:0;top:0;width:auto;height:100%}.cndkbeforeafter-item-before{z-index:5}.cndkbeforeafter-item-after{z-index:10}.cndkbeforeafter-seperator{width:4px;position:absolute;height:100%;z-index:15;left:0;top:0;background:#000;cursor:col-resize}.cndkbeforeafter-seperator>div>span{transition:.25s;cursor:pointer;position:absolute;width:60px;height:60px;border:3px solid #000;background:#fff;top:50%;left:50%;margin-top:-30px;margin-left:-30px;border-radius:30px}.cndkbeforeafter-seperator>div>span::after{content:"";border:solid #9e9e9e;border-width:0 7px 7px 0;display:inline-block;padding:6px;transform:rotate(135deg);-webkit-transform:rotate(135deg);top:50%;position:absolute;margin-top:-10px;left:0;margin-left:10px}.cndkbeforeafter-seperator>div>span::before{content:"";border:solid #9e9e9e;border-width:7px 0 0 7px;display:inline-block;padding:6px;transform:rotate(135deg);-webkit-transform:rotate(135deg);top:50%;position:absolute;margin-top:-10px;right:0;margin-right:10px}.cndkbeforeafter-seperator:active>div>span,.cndkbeforeafter-seperator:hover>div>span{background:#000}.cndkbeforeafter-seperator:active{box-shadow:0 0 35px #000}.cndkbeforeafter-item-after-text,.cndkbeforeafter-item-before-text{position:absolute;z-index:14;display:inline-block;background:rgba(0,0,0,.6);color:#fff;padding:10px}.cndkbeforeafter-top-left{left:0;top:0}.cndkbeforeafter-top-right{right:0;top:0}.cndkbeforeafter-bottom-left{left:0;bottom:0}.cndkbeforeafter-bottom-right{right:0;bottom:0}.cndkbeforeafter-extra-small-text{padding:5px!important;font-size:11px!important;bottom:0}.cndkbeforeafter-extra-small-text-before{left:0}.cndkbeforeafter-extra-small-text-after{right:0}.cndkbeforeafter-hover:hover{opacity:.95;box-shadow:0 0 50px #ccc}.cndkbeforeafter-drag-transition{transition:.5s}.cndkbeforeafter-hover-transition{transition:0s}@media only screen and (max-width:600px){.cndkbeforeafter{width:100%!important}}