.cd-image-container{margin:0 auto;max-width:100%;position:relative;width:100%}.cd-image-container img{display:block}.cd-image-label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;border-radius:30px 0 0 0;bottom:0;color:#000;max-width:365px;opacity:0;padding:34px 53px 23px 43px;position:absolute;right:0;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px);-webkit-transition:-webkit-transform .3s .7s,opacity .3s .7s;-moz-transition:-moz-transform .3s .7s,opacity .3s .7s;transition:transform .3s .7s,opacity .3s .7s}.cd-image-label.is-hidden{visibility:hidden}.is-visible .cd-image-label{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.cd-resize-img{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);width:0}.cd-resize-img,.cd-resize-img img{height:100%;left:0;position:absolute;top:0}.cd-resize-img img{display:block;max-width:none;width:auto}.cd-resize-img .cd-image-label{border-radius:0 30px 0 0;left:0;right:auto}.is-visible .cd-resize-img{-webkit-animation:cd-bounce-in .7s;-moz-animation:cd-bounce-in .7s;animation:cd-bounce-in .7s;width:50%}@-webkit-keyframes cd-bounce-in{0%{width:0}60%{width:55%}to{width:50%}}@-moz-keyframes cd-bounce-in{0%{width:0}60%{width:55%}to{width:50%}}@keyframes cd-bounce-in{0%{width:0}60%{width:55%}to{width:50%}}.cd-handle{background:#dc717d url(https://5928894.fs1.hubspotusercontent-na1.net/hubfs/5928894/BEE_Mockups/icons/image-compare.svg) no-repeat 50%;border-radius:50%;box-shadow:0 0 0 6px rgba(0,0,0,.2),0 0 10px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.3);cursor:move;height:116px;left:50%;margin-left:-58px;margin-top:-58px;opacity:0;position:absolute;top:50%;-webkit-transform:translateZ(0) scale(0);-moz-transform:translateZ(0) scale(0);-ms-transform:translateZ(0) scale(0);-o-transform:translateZ(0) scale(0);transform:translateZ(0) scale(0);width:116px}.cd-handle.draggable{background-color:#445b7c}.is-visible .cd-handle{opacity:1;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:-webkit-transform .3s .7s,opacity 0s .7s;-moz-transition:-moz-transform .3s .7s,opacity 0s .7s;transition:transform .3s .7s,opacity 0s .7s}