.before-after{position:relative;width:100%;height:100%;}.before-after .image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;}.before-after .slider{position:absolute;-webkit-appearance:none;appearance:none;width:100%;height:100%;background:rgba(0,0,0,0);outline:0;margin:0;transition:all .2s;cursor:url("/Images/svg/slicer-move.svg") 42 0,col-resize;display:flex;justify-content:center;align-items:center;}.before-after .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:4px;height:10000px;background:#fff;cursor:url("/Images/svg/slicer-move.svg") 42 0,col-resize;}.before-after .slider::-moz-range-thumb{width:4px;height:10000px;background:#fff;cursor:url("/Images/svg/slicer-move.svg") 42 0,col-resize;}.before-after .handle{position:absolute;left:var(--before-after-percentage);width:60px;top:var(--handle-top);bottom:var(--handle-bottom);}.before-after2{position:relative;width:100%;height:100%;}.before-after2 .image{position:absolute;top:0;left:0;height:100%;pointer-events:none;z-index:0;}.before-after2 .before{position:absolute;top:0;left:0;height:100%;z-index:1;}.before-after2 .after{position:absolute;top:0;left:0;height:100%;overflow:hidden;z-index:2;}.before-after2 .slider{position:absolute;-webkit-appearance:none;appearance:none;width:100%;height:100%;background:rgba(0,0,0,0);outline:0;margin:0;transition:all .2s;cursor:url("/Images/svg/slicer-move.svg") 42 0,col-resize;display:flex;justify-content:center;align-items:center;z-index:3;}.before-after2 .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:4px;height:10000px;background:#fff;cursor:url("/Images/svg/slicer-move.svg") 42 0,col-resize;}.before-after2 .slider::-moz-range-thumb{width:4px;height:10000px;background:#fff;cursor:url("/Images/svg/slicer-move.svg") 42 0,col-resize;}.before-after2 .handle{position:absolute;left:var(--before-after-percentage);width:40px;top:var(--handle-top);bottom:var(--handle-bottom);z-index:4;}.before-after.before-after-var .after{width:var(--before-after-percentage);}.before-after.before-after-var .handle{left:var(--before-after-percentage);}