.qi-block-before-after{overflow:hidden;position:relative;-webkit-user-select:none;visibility:hidden}.qi-block-before-after .qodef-m-image-wrapper{overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;z-index:0}.qi-block-before-after .qodef-m-image{max-width:100%;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.qi-block-before-after .qodef-m-image.qodef--before{z-index:20}.qi-block-before-after .qodef-m-image.qodef--after{z-index:10}.qi-block-before-after .qodef-m-handle{cursor:grab;font-size:100px;height:1em;left:calc(50% - .5em);position:absolute;top:calc(50% - .5em);width:1em;z-index:40}@media(max-width:1024px){.qi-block-before-after .qodef-m-handle{font-size:50px}}.qi-block-before-after .qodef-m-handle-text{align-items:center;background-color:#fff;border-radius:100%;color:#111;display:flex;font-size:1rem;font-weight:700;height:100%;justify-content:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:100%}.qi-block-before-after .qodef-m-handle-line{background-color:#fff;display:block;position:absolute;z-index:-1}.qi-block-before-after.qodef--horizontal .qodef-m-handle-line{height:160vh;left:50%;transform:translateX(-50%);width:2px}.qi-block-before-after.qodef--horizontal .qodef-m-handle-line.qodef--first{bottom:50%}.qi-block-before-after.qodef--horizontal .qodef-m-handle-line.qodef--last{top:50%}.qi-block-before-after.qodef--vertical .qodef-m-handle-line{height:2px;top:50%;transform:translateY(-50%);width:160vw}.qi-block-before-after.qodef--vertical .qodef-m-handle-line.qodef--first{left:50%}.qi-block-before-after.qodef--vertical .qodef-m-handle-line.qodef--last{right:50%}.qi-block-before-after.qodef--init{visibility:visible}.qi-block-before-after.qodef--active .qodef-m-image-wrapper{cursor:grab}