.cp-img-compare-container{position:relative;width:100%;margin:0em auto}.cp-img-compare-container img{display:table;width:100%;margin:auto}.cp-img-compare-label{position:absolute;bottom:0;right:0;color:#fff;padding:1em;-webkit-font-smoothing:antialiased;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:-webkit-transform 0.3s 0.7s,opacity 0.3s 0.7s;transition:transform 0.3s 0.7s,opacity 0.3s 0.7s}.cp-img-compare-label.is-hidden{visibility:hidden}.is-visible .cp-img-compare-label{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.cp-img-compare-resize{position:absolute;top:0;left:0;width:0;height:100%;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.cp-img-compare-resize img{position:absolute;left:0;top:0;display:block;height:100%;width:auto;max-width:none}.cp-img-compare-resize .cp-img-compare-label{right:auto;left:0}.cp-img-compare-handle{position:absolute;height:44px;width:44px;left:50%;top:50%;padding:4px;border-radius:50%;background:#dc717d;cursor:move;opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale(0);transform:translate3d(-50%,-50%,0) scale(0)}.cp-img-compare-handle i{height:100%;width:100%;display:block;border-radius:50%;background:#333 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjEzLDIxIDgsMTYgMTMsMTEgIi8+Cjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTksMTEgMjQsMTYgMTksMjEgIi8+Cjwvc3ZnPgo=") no-repeat center center}.cp-img-compare-handle.draggable{background-color:#445b7c}.is-visible .cp-img-compare-handle{opacity:1;-webkit-transform:translate3d(-50%,-50%,0) scale(1);transform:translate3d(-50%,-50%,0) scale(1);-webkit-transition:-webkit-transform 0.3s 0.7s,opacity 0s 0.7s;*/ transition:transform 0.3s 0.7s,opacity 0s 0.7s}