.wp-block-before-and-after,#wpwrap #editor .block-editor-writing-flow .wp-block .wp-block-before-and-after{--position: 50%}.wp-block-text+.wp-block-before-and-after,.wp-block-text+#wpwrap #editor .block-editor-writing-flow .wp-block .wp-block-before-and-after{margin-top:3rem}.wp-block-before-and-after .image-slider,#wpwrap #editor .block-editor-writing-flow .wp-block .wp-block-before-and-after .image-slider{border-radius:8px;overflow:hidden;position:relative}.wp-block-before-and-after .image-slider .slider-button,#wpwrap #editor .block-editor-writing-flow .wp-block .wp-block-before-and-after .image-slider .slider-button{width:8.8rem;height:8.8rem;max-width:7vw;max-height:7vw;min-width:30px;min-height:30px;background-color:var(--theme-color-2);border-radius:100%;position:absolute;display:grid;place-items:center;left:var(--position);top:50%;transform:translate(-50%, -50%);pointer-events:none;z-index:15;transition:background-color .15s ease-in-out;background-image:url(../img/before-after-arrows.svg);background-position:center;background-size:72%;background-repeat:no-repeat}.wp-block-before-and-after .image-slider img,#wpwrap #editor .block-editor-writing-flow .wp-block .wp-block-before-and-after .image-slider img{display:block}.wp-block-before-and-after .image-slider input,#wpwrap #editor .block-editor-writing-flow .wp-block .wp-block-before-and-after .image-slider input{width:100%;position:absolute;inset:0;cursor:pointer;width:100%;height:100%;opacity:0}.wp-block-before-and-after .image-slider input:focus-visible~.slider-button,#wpwrap #editor .block-editor-writing-flow .wp-block .wp-block-before-and-after .image-slider input:focus-visible~.slider-button{outline:5px solid var(--theme-color-1);outline-offset:3px}.wp-block-before-and-after .image-slider .slider-line,#wpwrap #editor .block-editor-writing-flow .wp-block .wp-block-before-and-after .image-slider .slider-line{position:absolute;width:4px;height:100%;background:#fff;inset:0;z-index:10;left:var(--position);transform:translateX(-50%);pointer-events:none}.wp-block-before-and-after .image-slider .slider-image,#wpwrap #editor .block-editor-writing-flow .wp-block .wp-block-before-and-after .image-slider .slider-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left}.wp-block-before-and-after .image-slider .image-before,#wpwrap #editor .block-editor-writing-flow .wp-block .wp-block-before-and-after .image-slider .image-before{position:absolute;inset:0;width:var(--position)}
/*# sourceMappingURL=before-and-after.css.map */