.images-compare-container{display:inline-block;position:relative;overflow:hidden;cursor:col-resize}.images-compare-before{will-change:clip;position:absolute;top:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.images-compare-after{pointer-events:none}.images-compare-before img,.images-compare-after img{max-width:100%;height:auto;display:block}.images-compare-separator{position:absolute;background:#FFF;height:100%;width:2px;z-index:4;left:0;top:0;cursor:inherit;-webkit-transform:translateX(-1px);-moz-transform:translateX(-1px);-o-transform:translateX(-1px);-ms-transform:translateX(-1px);transform:translateX(-1px)}.images-compare-handle{height:38px;width:38px;position:absolute;left:50%;top:50%;border:3px solid #FFF;z-index:3;background:transparent;cursor:inherit;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.images-compare-left-arrow,.images-compare-right-arrow{width:0;height:0;border:6px inset transparent;position:absolute;top:50%;margin-top:-6px}.images-compare-left-arrow{border-right:6px solid white;left:50%;margin-left:-17px}.images-compare-right-arrow{border-left:6px solid white;right:50%;margin-right:-17px}.images-compare-container .images-compare-label{display:inherit}.images-compare-before .images-compare-label{left:10px}.images-compare-after .images-compare-label{left:auto;right:10px}