.image-compare{position:relative;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;background-color:#f0f0f0;}.image-compare img.base-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:16px;}.image-compare .before-wrapper{position:absolute;inset:0 50% 0 0;z-index:2;overflow:hidden;border-right:2px solid #fff;}.image-compare .before-wrapper img.before-img{width:100%;height:100%;object-fit:cover;display:block;max-width:none;border-radius:16px;}.image-compare .slider-handle{position:absolute;top:0;bottom:0;left:50%;width:4px;margin-left:-2px;z-index:10;pointer-events:none;}.image-compare .handle-line{width:100%;height:100%;background:#fff;}.image-compare .handle-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.4);color:#333;}.image-compare .before-wrapper,.image-compare .slider-handle{transition:width .2s ease-out,left .2s ease-out;}.image-compare.is-dragging .before-wrapper,.image-compare.is-dragging .slider-handle{transition:none!important;}