.slider-container{position:relative;overflow:hidden;touch-action:pan-y}.slider-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.before-img{clip-path:inset(0 var(--clip-percentage,50%) 0 0)}.slider-handle{position:absolute;top:0;bottom:0;width:4px;background-color:white;cursor:ew-resize;pointer-events:auto;z-index:10;left:var(--handle-position,50%);transform:translateX(-50%)}.slider-handle::before,.slider-handle::after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;background-color:white;border-radius:50%;left:-13px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#333;box-shadow:0 2px 5px rgba(0,0,0,.2)}.slider-handle::before{content:"↔";left:-15px;width:30px;height:30px;display:flex;align-items:center;justify-content:center}