.elegant-image-compare{position:relative;display:inline-block}.elegant-image-compare.image-caption-position-middle .elegant-image-compare-label{top:calc(50% - 24px);bottom:auto!important}.elegant-image-compare.image-caption-position-top .elegant-image-compare-label{top:0;bottom:auto!important}.elegant-image-compare-container{position:relative;margin:0 auto}.elegant-image-compare-container img{display:block}.elegant-image-compare-container .elegant-image-compare-handle{position:absolute;height:44px;width:44px;left:50%;top:50%;margin-left:-22px;margin-top:-22px;border-radius:50%;background:#dc717d url(../cd-arrows.svg) no-repeat center center;cursor:move;box-shadow:0 0 0 6px 'rgba(#000, .2)',0 0 10px 'rgba(#000, .6)',inset 0 1px 0 'rgba(#fff, .3)';opacity:0;@include transform(translate3d(0,0,0) scale(0));}.elegant-image-compare-container .elegant-image-compare-handle.draggable{background-color:#445b7c}.elegant-image-compare-container .elegant-image-compare-label{position:absolute;bottom:0;right:0;color:#fff;padding:10px 15px;border-radius:3px;display:inline-block;@include font-smoothing;opacity:0;@include transform(translateY(20px));transition:transform .3s .7s,opacity .3s .7s}.elegant-image-compare-container .elegant-image-compare-label.is-hidden{visibility:hidden}.elegant-image-compare-container .elegant-image-compare-after-image{position:absolute;top:0;left:0;width:0;height:100%;overflow:hidden;@include transform(translateZ(0));-webkit-backface-visibility:hidden;backface-visibility:hidden}.elegant-image-compare-container .elegant-image-compare-after-image img{position:absolute;left:0;top:0;display:block;height:100%;width:auto;max-width:none}.elegant-image-compare-container .elegant-image-compare-after-image .elegant-image-compare-label{right:auto;left:0}.elegant-image-compare-container.is-visible .elegant-image-compare-handle{opacity:1;@include transform(translate3d(0,0,0) scale(1));transition:transform .3s .7s,opacity 0s .7s}.elegant-image-compare-container.is-visible .elegant-image-compare-after-image{width:50%}.elegant-image-compare-container.is-visible .elegant-image-compare-label{opacity:1;@include transform(translateY(0));}