.compare-wrapper,.img-compare-container{position:relative;overflow:hidden;border-radius:.75rem;user-select:none;-webkit-user-select:none;touch-action:pan-y;max-width:100%;margin:0 auto;display:block;background:#000;border:1px solid rgb(255 255 255 / .2);box-shadow:0 10px 30px -10px rgb(0 0 0 / .8);box-sizing:border-box}.before-img{position:relative;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;margin:0 auto}.after-wrapper,.after-img-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;background:#fff0;border:none}.after-wrapper .after-img,.after-img-wrapper .after-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;margin:0 auto}.slider-handle,.img-slider-handle{position:absolute;top:0;bottom:0;left:50%;width:36px;margin-left:-18px;cursor:ew-resize;display:flex;align-items:center;justify-content:center;z-index:20;touch-action:none;background:transparent!important;border:none!important;box-shadow:none!important}.slider-handle::before,.img-slider-handle::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#8b5cf6;box-shadow:0 0 8px rgb(0 0 0 / .6)}.slider-thumb,.img-slider-thumb{width:34px;height:34px;border-radius:50%;background:#8b5cf6;border:3px solid #fff;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px rgb(0 0 0 / .7);cursor:grab;transition:transform 0.15s ease;z-index:2;position:relative;flex-shrink:0}.slider-handle:active .slider-thumb,.img-slider-handle:active .img-slider-thumb{cursor:grabbing;transform:scale(1.15)}