#before-after-slider{border:3px solid #fff;height:250px;overflow:hidden;position:relative;user-select:none;width:100%}@media (min-width:768px){#before-after-slider{height:300px}}@media (min-width:1200px){#before-after-slider{height:100%}}#after-image{display:block;width:100%;z-index:1}#after-image,#before-image{height:100%;left:0;overflow:hidden;position:absolute;top:0}#before-image{width:50%;z-index:2}#before-image img{height:100%;max-width:none;object-fit:cover}#after-image img{height:100%;object-fit:cover;width:100%}#resizer{height:100%;left:50%;top:0;-ms-touch-action:pan-y;touch-action:pan-y;width:4px;z-index:5}#resizer,#resizer:after{align-items:center;background:var(--white);display:flex;position:absolute}#resizer:after{border:3px solid #fff;border-radius:50%;color:#000;content:"\f07e";font-family:Font Awesome\ 6 Free;font-size:32px;font-weight:900;height:60px;justify-content:center;margin:0 0 0 -30px;width:60px}.info-text{background-color:var(--white);border-radius:3px;bottom:15px;color:var(--gray-dark);font-size:12px;font-weight:700;letter-spacing:1px;line-height:1;padding:7px 10px;position:absolute;text-transform:uppercase;z-index:5}.info-text.before{left:15px}.info-text.after{right:15px}.before-after-slider:focus{outline:none}