.before-after-image-slider{.container{--position:50%;aspect-ratio:16/9;border-radius:var(--border-radius);display:flex;margin:auto;max-height:90vh;overflow:hidden;place-content:center;position:relative}.image-container{border-radius:var(--border-radius);height:100%;overflow:hidden;position:relative;width:100%;img{display:block;max-width:100%}}.slider-image{height:100%;object-fit:cover;object-position:left;width:100%}.image-before{width:var(--position)}.image-before,.slider{inset:0;position:absolute}.slider{cursor:pointer;height:100%;opacity:0;width:100%}.slider:focus-visible~.slider-button{outline:5px solid #000;outline-offset:3px}.slider-line{height:100%;inset:0;position:absolute;transform:translateX(-50%);width:.2rem}.slider-button,.slider-line{background-color:#fff;left:var(--position);pointer-events:none}.slider-button{border-radius:100vw;box-shadow:1px 1px 1px rgba(8,3,3,.5);color:#000;display:grid;padding:.5rem;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%)}}