.lux-bas-before-after-slider-container {position: relative; width: 375px; height: 500px; overflow: hidden;}
.lux-bas-before-after-slider-container img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.lux-bas-after-img-wrapper {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; clip-path: inset(0 50% 0 0); -webkit-clip-path: inset(0 50% 0 0);}
.lux-bas-slider-handle {position: absolute; top: 0; left: 50%; width: 40px; height: 100%; margin-left: -20px; cursor: ew-resize; z-index: 2; user-select: none;}
.lux-bas-slider-handle::before {content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 4px; height: 100%; background: #fff; border: 1px solid #000;}
.lux-bas-slider-icon {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; padding: 10px;}
.lux-bas-slider-icon svg {width: 20px; height: 20px; display: block; fill: #fff;}
.lux-bas-slider-icon i {font-size: 20px; line-height: 1; display: block; color: #fff;}