.before-after-text{background-color:#00000073;bottom:0;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;padding:6px;position:absolute;text-decoration:none;text-transform:none}.before-text{border-top-right-radius:12px}.after-text{border-top-left-radius:12px}.slider-image{display:block;max-width:100%}.container{display:grid;overflow:hidden;place-content:center;position:relative;--position:50%;margin:15px auto}.image-container{max-height:90vh;max-width:600px}.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:grab;height:100%;opacity:0;width:100%}.slider:focus-visible~.slider-button{outline-offset:400px}.slider-line{height:100%;inset:0;left:var(--position);transform:translateX(-50%)}.slider-button,.slider-line{background-color:#fff;pointer-events:none;position:absolute}.slider-button{border-radius:100vw;box-shadow:0 0 8px 3px rgba(8,3,3,.3);color:#000;display:grid;left:var(--position);padding:.8rem;place-items:center;top:50%;transform:translate(-50%,-50%)}