.block-special-image-before-after-slider{position:relative;width:100vw;--background-color:white;--color:black}.block-special-image-before-after-slider-wrapper{position:relative;width:100%;height:var(--viewport-height);overflow:hidden}.block-special-image-before-after-slider .height-container{height:100%;padding-bottom:0!important}.block-special-image-before-after-slider-after,.block-special-image-before-after-slider-before,.block-special-image-before-after-slider-nav{position:absolute;inset:0;overflow:hidden}.block-special-image-before-after-slider.isEditor{width:100%}.block-special-image-before-after-slider.isEditor .block-special-image-before-after-slider-before{left:0;width:50%}.block-special-image-before-after-slider.isEditor .block-special-image-before-after-slider-after{left:50%;width:50%}.block-special-image-before-after-slider.isEditor .block-special-image-before-after-slider-after .lazy-media-inline{left:-100%}.block-special-image-before-after-slider.isEditor .lazy-media-inline{height:100%;width:200%}.block-special-image-before-after-slider.isEditor .block-special-image-before-after-slider-nav{pointer-events:none}.block-special-image-before-after-slider.isEditor .block-special-image-before-after-slider-nav-dragger{left:50%}.block-special-image-before-after-slider-after{box-shadow:-1px 0 0 0 var(--background-color);border-left:1px solid var(--background-color)}.block-special-image-before-after-slider figure{position:absolute;inset:0}.block-special-image-before-after-slider [data-interaction=drag] .block-special-image-before-after-slider-nav{display:flex;align-items:center;cursor:grab}.block-special-image-before-after-slider [data-interaction=drag] .block-special-image-before-after-slider-nav.dragging{cursor:grabbing}.block-special-image-before-after-slider [data-interaction=drag] .block-special-image-before-after-slider-nav-dragger{position:absolute;margin-left:-47px;background:var(--background-color)}.block-special-image-before-after-slider [data-interaction=drag] .block-special-image-before-after-slider-nav-dragger *{pointer-events:none;user-select:none}.block-special-image-before-after-slider [data-interaction=drag] .block-special-image-before-after-slider-nav-bar{position:relative;width:100%;height:10px;pointer-events:none}