:root{--pos: 50}.ba{position:relative;width:100%!important;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;inline-size:min(900px,90%);aspect-ratio:1/1}.ba__img{position:absolute;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;inset:0}.ba__img--after{clip-path:polygon(0 0,calc(var(--pos) * 1%) 0,calc(var(--pos) * 1%) 100%,0 100%)}.ba__slider{position:absolute;width:100%;height:100%;background:transparent;outline:none;appearance:none;inset:0}.ba__slider::-webkit-slider-thumb,.ba__slider::-moz-range-thumb,.ba__slider::-ms-thumb{width:0;height:0;border:0}.ba__slider:focus-visible+.ba__handle{box-shadow:0 0 0 3px #007bff80}.ba__handle{position:absolute;inset:0;pointer-events:none}.ba__handle:before{position:absolute;top:0;bottom:0;left:calc(var(--pos) * 1% - 1px);width:2px;background:#fff;content:""}.ba__grip{position:absolute;top:50%;left:calc(var(--pos) * 1%);background:#fff;border-radius:50%;pointer-events:none;translate:-50% -50%}.ba__grip:after{display:flex;align-items:center;justify-content:center;height:55px;color:#000;font-size:var(--h4-size);font-family:var(--font-icon);background:var(--color-neutral-0);border-radius:50%;content:"";aspect-ratio:1/1}.before-after-image__column--content{display:flex;align-items:center;justify-content:center}.before-after-image__column--media{border-radius:var(--border-radius-xxl);overflow:hidden}