.block-before-after .container-slider{--position:50%;position:relative}.block-before-after .container-slider .slider-image{height:100%;object-fit:cover;object-position:left;width:100%}.block-before-after .container-slider .slider-image.image-before{position:absolute;width:var(--position);z-index:1}.block-before-after .container-slider .slider-button,.block-before-after .container-slider .slider-line{z-index:10}.block-before-after .container-slider .slider{bottom:0;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;width:100%;z-index:1}.block-before-after .container-slider .slider.focus-visible~.slider-button{outline:5px solid var(--bs-dark);outline-offset:3px}.block-before-after .container-slider .slider:focus-visible~.slider-button{outline:5px solid var(--bs-dark);outline-offset:3px}.block-before-after .container-slider .slider-line{background-color:var(--bs-white);bottom:0;height:100%;left:0;left:var(--position);pointer-events:none;position:absolute;right:0;top:0;transform:translateX(-50%);width:10px}.block-before-after .container-slider .slider-button{align-items:center;background-color:var(--bs-white);border-radius:100%;box-shadow:1px 1px 1px rgb(8 3 3 / .5);display:flex;height:80px;justify-content:space-evenly;left:var(--position);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}.block-before-after .container-slider .slider-button .icon{fill:var(--bs-primary)}@media only screen and (max-width:767px){.block-before-after .container-slider .slider-line{width:3px}.block-before-after .container-slider .slider-button{height:25px;width:25px}.block-before-after .container-slider .slider-button .icon{width:8px}}@media(min-width:1100px){.block-before-after .before-after{margin-left:auto;margin-right:auto;max-width:1000px}}