.evc-image-comparison{display:block;position:relative;width:100%}.evc-image-comparison .evc-ic-inner{cursor:ew-resize;display:block;line-height:0;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.evc-image-comparison.evc-ic-vertical .evc-ic-inner{cursor:ns-resize;touch-action:pan-x}.evc-image-comparison .evc-ic-image img{display:block;height:auto;pointer-events:none;width:100%}.evc-image-comparison .evc-ic-after{position:relative}.evc-image-comparison .evc-ic-before{-webkit-clip-path:inset(0 calc(100% - var(--evc-ic-position, 50%)) 0 0);clip-path:inset(0 calc(100% - var(--evc-ic-position, 50%)) 0 0);height:100%;left:0;position:absolute;top:0;width:100%}.evc-image-comparison .evc-ic-before img{height:100%;object-fit:cover;width:100%}.evc-image-comparison.evc-ic-vertical .evc-ic-before{-webkit-clip-path:inset(0 0 calc(100% - var(--evc-ic-position, 50%)) 0);clip-path:inset(0 0 calc(100% - var(--evc-ic-position, 50%)) 0)}.evc-image-comparison .evc-ic-label{background-color:var(--evc-ic-labels-bg-color,rgba(0,0,0,.5));color:var(--evc-ic-labels-color,#fff);font-size:12px;letter-spacing:.1em;line-height:1.5em;padding:6px 12px;position:absolute;text-transform:uppercase;top:20px;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.evc-image-comparison .evc-ic-label-before{left:20px}.evc-image-comparison .evc-ic-label-after{right:20px}.evc-image-comparison.evc-ic-vertical .evc-ic-label{left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.evc-image-comparison.evc-ic-vertical .evc-ic-label-after{bottom:20px;top:auto}.evc-image-comparison.evc-ic-labels-on-hover .evc-ic-label{opacity:0}.evc-image-comparison.evc-ic-labels-on-hover:focus-within .evc-ic-label,.evc-image-comparison.evc-ic-labels-on-hover:hover .evc-ic-label{opacity:1}.evc-image-comparison .evc-ic-range{height:100%;left:0;margin:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}.evc-image-comparison .evc-ic-handle{background-color:var(--evc-ic-handle-color,#fff);height:100%;left:var(--evc-ic-position,50%);margin-left:-1px;pointer-events:none;position:absolute;top:0;width:2px}.evc-image-comparison.evc-ic-vertical .evc-ic-handle{height:2px;left:0;margin:-1px 0 0;top:var(--evc-ic-position,50%);width:100%}.evc-image-comparison .evc-ic-handle-button{align-items:center;border:2px solid var(--evc-ic-handle-color,#fff);border-radius:50%;box-sizing:border-box;color:var(--evc-ic-handle-color,#fff);display:flex;font-size:14px;gap:4px;height:44px;justify-content:center;left:50%;line-height:1;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:44px}.evc-image-comparison.evc-ic-vertical .evc-ic-handle-button{flex-direction:column;gap:0}.evc-image-comparison .evc-ic-handle-button .evc-svg-icon{display:block;height:1em}.evc-image-comparison .evc-ic-range:focus-visible+.evc-ic-handle .evc-ic-handle-button{outline:2px solid var(--evc-ic-handle-color,#fff);outline-offset:3px}