.c-before-after{--position:50%;display:grid;position:relative;overflow:hidden}.c-before-after__wrapper{overscroll-behavior-x:none;display:grid}.c-before-after__inner{grid-area:1/1;display:grid}.c-before-after__img{-webkit-user-select:none;user-select:none}.c-before-after__img--before{z-index:2;clip-path:polygon(0 0,var(--position)0,var(--position)100%,0% 100%);position:relative}.c-before-after__img--after{z-index:1;position:relative}.c-before-after__text{padding-block:4.8rem;padding-inline:var(--row-space);position:absolute;inset:0}.c-before-after__slider{pointer-events:none;cursor:pointer;z-index:10;overscroll-behavior-x:none;opacity:0;width:100%;height:100%;position:absolute;inset:0}.c-before-after__slider:before{pointer-events:all;content:"";top:50%;left:var(--position);width:60px;height:60px;position:absolute;transform:translate(-50%,-50%)}.c-before-after__slider:focus-visible~.c-before-after__slider-button{outline-offset:3px;outline:5px solid #000}.c-before-after__slider-line{pointer-events:none;z-index:10;top:0;left:var(--position);background-color:#000;width:.2rem;height:100%;position:absolute;transform:translate(-50%)}.c-before-after__slider-button{pointer-events:none;z-index:10;top:50%;left:var(--position);color:#fff;background-color:#222;border-radius:100vw;place-items:center;padding:.5rem;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:1px 1px 1px #08030380}.c-before-after__slider-button-svg{max-width:unset}