.image-comparison-container{position:relative;width:100%;height:230px;overflow:hidden;cursor:ew-resize;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.image-comparison-container.is-dragging{cursor:grabbing}.comparison-after,.comparison-before{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.comparison-before{z-index:2;clip-path:inset(0 50% 0 0)}.comparison-after{z-index:1}.comparison-slider{position:absolute;top:0;left:50%;width:2px;height:100%;background:#fff;z-index:3;transform:translate(-50%);box-shadow:0 0 10px #0000004d}.comparison-handle{position:absolute;top:50%;left:50%;width:40px;height:40px;background:#fff;border:2px solid #0d6efd;border-radius:50%;transform:translate(-50%,-50%);cursor:grab;box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:4}.comparison-handle:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 12px #0000004d}.comparison-handle:active,.is-dragging .comparison-handle{cursor:grabbing;transform:translate(-50%,-50%) scale(.95)}.comparison-handle:before,.comparison-handle:after{content:"";position:absolute;width:0;height:0;border-style:solid}.comparison-handle:before{left:8px;border-width:6px 8px 6px 0;border-color:transparent #0d6efd transparent transparent}.comparison-handle:after{right:8px;border-width:6px 0 6px 8px;border-color:transparent transparent transparent #0d6efd}.comparison-label{position:absolute;top:10px;padding:3px 10px;background:#000000b3;color:#fff;font-size:10px;font-weight:600;border-radius:4px;pointer-events:none;text-transform:uppercase;letter-spacing:.5px;transition:opacity .3s ease;z-index:5}.comparison-label.before{left:10px}.comparison-label.after{right:10px;background:#04823bb3}@media(max-width:576px){.comparison-handle{width:36px;height:36px}.comparison-label{font-size:10px;padding:3px 8px}}