.before-after-container{position:relative;width:100%;overflow:hidden;cursor:ew-resize;user-select:none}.before-after-container .slider-image{display:block;width:100%;height:auto}.before-after-container .before-image{z-index:1}.before-after-container .after-image{position:absolute;top:0;left:0;z-index:2;clip-path:inset(0 50% 0 0)}.before-after-container .slider-line{position:absolute;top:0;left:50%;width:4px;height:100%;background:#FFD800;z-index:3;transform:translateX(-50%);box-shadow:0 0 10px rgb(0 0 0 / .5)}.before-after-container .slider-handle{position:absolute;top:50%;left:50%;width:0;height:0;z-index:4;transform:translate(-50%,-50%);cursor:ew-resize;display:flex;align-items:center;justify-content:center}.before-after-container .slider-handle:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 25px rgb(0 0 0 / .4)}.before-after-container .slider-handle::before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' fill='%23FFD800'%3E%3Cpolygon points='0 50 50, 0 50 100, 0 50'/%3E%3C/svg%3E")!important;position:absolute;left:-22px;top:50%;transform:translate(0,-50%);display:block;width:30px;height:20px;padding-right:20px;border:none}.before-after-container .slider-handle::after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' fill='%23FFD800'%3E%3Cpolygon points='0 0, 0 100 50, 50'/%3E%3C/svg%3E");position:absolute;left:-8px;top:50%;transform:translate(0,-50%);display:block;width:30px;height:20px;padding-left:20px;border:none}