.cm-image-compare .cm-image-compare__container{position:relative;display:inline-block;overflow:hidden;max-width:100%;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cm-image-compare .cm-image-compare__after{display:block;width:100%;height:auto}.cm-image-compare .cm-image-compare__before{position:absolute;top:0;left:0;width:100%;height:100%}.cm-image-compare .cm-image-compare--horizontal .cm-image-compare__before{clip-path:inset(0 calc(100% - var(--cm-ic-initial,50%)) 0 0);-webkit-clip-path:inset(0 calc(100% - var(--cm-ic-initial,50%)) 0 0)}.cm-image-compare .cm-image-compare--vertical .cm-image-compare__before{clip-path:inset(0 0 calc(100% - var(--cm-ic-initial,50%)) 0);-webkit-clip-path:inset(0 0 calc(100% - var(--cm-ic-initial,50%)) 0)}.cm-image-compare .cm-image-compare--horizontal .cm-image-compare__divider{position:absolute;top:0;bottom:0;left:var(--cm-ic-initial,50%);width:var(--cm-ic-divider-width,2px);background-color:var(--cm-ic-divider-color,#fff);z-index:1;transform:translateX(-50%)}.cm-image-compare .cm-image-compare--vertical .cm-image-compare__divider{position:absolute;left:0;right:0;top:var(--cm-ic-initial,50%);height:var(--cm-ic-divider-width,2px);background-color:var(--cm-ic-divider-color,#fff);z-index:1;transform:translateY(-50%)}.cm-image-compare .cm-image-compare--horizontal .cm-image-compare__handle{position:absolute;left:var(--cm-ic-initial,50%);top:50%;width:var(--cm-ic-handle-size,36px);height:var(--cm-ic-handle-size,36px);border-radius:50%;background-color:var(--cm-ic-handle-bg,#212121);box-shadow:var(--cm-ic-handle-shadow,0 0 5px rgba(0,0,0,.3));z-index:2;cursor:pointer;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%)}.cm-image-compare .cm-image-compare--vertical .cm-image-compare__handle{position:absolute;left:50%;top:var(--cm-ic-initial,50%);width:var(--cm-ic-handle-size,36px);height:var(--cm-ic-handle-size,36px);border-radius:50%;background-color:var(--cm-ic-handle-bg,#212121);box-shadow:var(--cm-ic-handle-shadow,0 0 5px rgba(0,0,0,.3));z-index:2;cursor:pointer;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%)}.cm-image-compare .cm-image-compare__handle i{color:var(--cm-ic-icon-color,#fff);font-size:calc(var(--cm-ic-handle-size,36px)*.5)}.cm-image-compare .cm-image-compare--vertical .cm-image-compare__handle i{transform:rotate(90deg)}.cm-image-compare .cm-image-compare__label{position:absolute;background-color:var(--cm-ic-label-bg,rgba(0,0,0,.5));color:var(--cm-ic-label-color,#fff);font-size:14px;padding:5px 10px;border-radius:3px;pointer-events:none;z-index:1}.cm-image-compare .cm-image-compare--horizontal .cm-image-compare__label--before{bottom:10px;left:10px}.cm-image-compare .cm-image-compare--horizontal .cm-image-compare__label--after{bottom:10px;right:10px}.cm-image-compare .cm-image-compare--vertical .cm-image-compare__label--before{top:10px;left:50%;transform:translateX(-50%)}.cm-image-compare .cm-image-compare--vertical .cm-image-compare__label--after{bottom:10px;left:50%;transform:translateX(-50%)}.cm-image-compare .cm-image-compare__container:focus{outline:2px solid #007cba;outline-offset:2px}.cm-image-compare.cm-hover-effect .cm-image-compare--horizontal .cm-image-compare__handle:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 10px rgba(0,0,0,.5);transition:transform .2s ease,box-shadow .2s ease}.cm-image-compare.cm-hover-effect .cm-image-compare--vertical .cm-image-compare__handle:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 10px rgba(0,0,0,.5);transition:transform .2s ease,box-shadow .2s ease}