.before-after-container{position:relative;width:100%;height:-moz-fit-content;height:fit-content;max-width:800px;overflow:hidden;border-radius:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.before-after-container.dragging{cursor:-webkit-grabbing;cursor:grabbing}.before-after-container:not(.dragging){cursor:-webkit-grab;cursor:grab}.before-after-image{aspect-ratio:3/2}.before-after-image,.before-after-image-without-aspect{width:100%;height:auto;display:block;draggable:false}.before-after-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;draggable:false;transition:-webkit-clip-path .1s ease;transition:clip-path .1s ease;transition:clip-path .1s ease,-webkit-clip-path .1s ease;aspect-ratio:3/2}.before-after-image-overlay.dragging{transition:none}.before-after-divider{position:absolute;top:0;width:2px;height:100%;background-color:#fff;transform:translateX(-50%);box-shadow:0 0 10px rgba(0,0,0,.3);z-index:10}.before-after-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background-color:#fff;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.3);border:2px solid #ddd;display:flex;align-items:center;justify-content:center;font-size:16px;color:#666;font-weight:700;cursor:-webkit-grab;cursor:grab}.before-after-handle.dragging{cursor:-webkit-grabbing;cursor:grabbing}.before-after-label{position:absolute;top:16px;background-color:rgba(0,0,0,.7);color:#fff;padding:8px 16px;border-radius:4px;font-size:12px;font-weight:700;letter-spacing:1px;z-index:5}.before-after-label-before{left:16px}.before-after-label-after{right:16px}