react-after-before-slider/dist/build.css

Simple slider component for comparing images before and after

.before-after-slider{width:100%;position:relative}.before-after-slider__first-photo-container,.before-after-slider__second-photo-container{top:0;position:absolute;height:100%;width:100%;overflow:hidden}.before-text,.after-text{position:absolute;bottom:12px;padding:6px 12px;background-color:rgba(0,0,0,0.5);color:#fff;font-size:1.6rem;user-select:none;font-family:inherit}.before-text{left:10px}.after-text{right:10px}.before-after-slider img{user-select:none}.before-after-slider__first-photo-container img,.before-after-slider__second-photo-container img{width:100%;-moz-user-select:none;-webkit-user-select:none;user-select:none}.before-after-slider__delimiter{position:absolute;height:100%;background:#fff;width:5px;top:0;display:flex;justify-content:center;align-items:center}.before-after-slider__delimiter-icon{width:25px;height:25px;border-radius:50%;background:#fff;cursor:pointer}.before-after-slider__size-fix-img{width:100%;opacity:0}