| 1 |
.ablocks-block--image-comparison{margin:0 auto;position:relative}.ablocks-block--image-comparison .ablocks-icon.ablocks-icon--left-image,.ablocks-block--image-comparison .ablocks-icon.ablocks-icon--right-image{font-size:20px}.wp-block-ablocks-image-comparison .ablocks-block-render-container .components-notice{position:relative}.ablocks-block--image-comparison img{height:100%;object-fit:cover;object-position:left;width:100%}.ablocks-image-comparison__after-image{object-position:top}.ablocks-block--image-comparison .ablocks-image-comparison__images-container{display:flex;height:100%;position:relative;width:100%}.ablocks-block--image-comparison .ablocks-image-comparison__before-image{position:absolute;top:0;width:50%}.ablocks-block--image-comparison .ablocks-image-comparison__slider{cursor:pointer;inset:0;opacity:0;position:absolute;z-index:51}.ablocks-block--image-comparison .ablocks-image-comparison__slider-line{background:#fff;height:100%;left:50%;position:absolute;transform:translateX(-50%);width:4px;z-index:50}.ablocks-block--image-comparison .ablocks-image-comparison__slider-icon{border:1px solid #fff;border-radius:50%;color:#fff;height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(90deg);width:30px;z-index:50}.ablocks-image-comparison__afterImage-label,.ablocks-image-comparison__beforeImage-label{border-radius:5px;padding:5px 10px;position:absolute;z-index:52}.ablocks-image-comparison__input--vertical{writing-mode:vertical-lr;z-index:51}.ablocks-image-comparison__overlay{display:block}.ablocks-image-comparison__overlay,.ablocks-image-comparison__overlay--hover{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:41}.ablocks-image-comparison__overlay--hover{display:none}.ablocks-block--image-comparison:hover .ablocks-image-comparison__overlay--hover{display:block}.ablocks-image-comparison__labels .ablocks-image-comparison__afterImage-label,.ablocks-image-comparison__labels .ablocks-image-comparison__beforeImage-label{display:none}.ablocks-block--image-comparison .ablocks-image-comparison__images-container-vertical,.ablocks-block--image-comparison:hover .ablocks-image-comparison__labels .ablocks-image-comparison__afterImage-label,.ablocks-block--image-comparison:hover .ablocks-image-comparison__labels .ablocks-image-comparison__beforeImage-label{display:block}.ablocks-image-comparison__images-container .ablocks-image-comparison__before-image{height:100%;left:0;position:absolute}.ablocks-image-comparison__images-container-vertical .ablocks-image-comparison__before-image{object-position:top;position:absolute;top:0;width:100%}.ablocks-image-comparison__images-container .ablocks-image-comparison__slider-line{height:100%;transform:translateX(-50%)}.ablocks-image-comparison__images-container-vertical .ablocks-image-comparison__slider-line{left:0;transform:translateY(-50%);width:100%}.ablocks-image-comparison__images-container .ablocks-image-comparison__slider-icon{top:50%;transform:translate(-50%,-50%) rotate(90deg)}.ablocks-image-comparison__images-container-vertical .ablocks-image-comparison__slider-icon{left:50%;transform:translate(-50%,-50%)}.ablocks-image-comparison__images-container-vertical .ablocks-image-comparison__after-image{margin-bottom:-10px} |
