component.x-before-after{width:100%;position:relative;--x-before-after-position:calc(1% * var(--x-start-position))}component.x-before-after[data-x-before-after*=vertical]{--x-before-after-position:calc(100% - ( 1% * var(--x-start-position) ))}.x-before-after-image_image.brxe-image.tag{width:100%}.slider:focus-visible~.slider-button{outline:5px solid black;outline-offset:3px}.rtl [data-x-before-after*=horizontal] .x-before-after_slider-line,.rtl [data-x-before-after*=horizontal] .x-before-after_slider-button{left:calc(100% - var(--x-before-after-position))}.rtl [data-x-before-after*=vertical] .x-before-after_slider-line,.rtl [data-x-before-after*=vertical] .x-before-after_slider-button{top:calc(100% - var(--x-before-after-position))}.rtl .x-before-after_slider-button-icon{flex-direction:row-reverse}.brx-body.iframe .x-before-after_slider-container.x-before-after_touch-preview input[type=range].x-before-after_slider::-webkit-slider-thumb{background:rgba(255,0,0,.2)}.brx-body.iframe .x-before-after_slider-container.x-before-after_touch-preview input[type=range].x-before-after_slider::-moz-range-thumb{background:rgba(255,0,0,.2)}