.wp-block-cartoon-before-after{--ba-split:50%;aspect-ratio:var(--ba-ratio,16/9);border:1px solid var(--wp--preset--color--gray-light);border-radius:var(--wp--custom--border-radius--md);cursor:col-resize;height:var(--ba-height,auto);overflow:hidden;position:relative;touch-action:pan-y;user-select:none}.wp-block-cartoon-before-after__after,.wp-block-cartoon-before-after__before{height:100%;inset:0;position:absolute;width:100%}.wp-block-cartoon-before-after__after img,.wp-block-cartoon-before-after__before img{display:block;height:100%;object-fit:cover;object-position:center;pointer-events:none;width:100%}.wp-block-cartoon-before-after__after{z-index:1}.wp-block-cartoon-before-after__before{clip-path:inset(0 calc(100% - var(--ba-split)) 0 0);transition:clip-path .05s linear;z-index:2}.is-dragging .wp-block-cartoon-before-after__before{transition:none}.wp-block-cartoon-before-after__handle{align-items:center;bottom:0;cursor:col-resize;display:flex;flex-direction:column;justify-content:center;left:var(--ba-split);position:absolute;top:0;transform:translateX(-50%);transition:left .05s linear;z-index:3}.is-dragging .wp-block-cartoon-before-after__handle{transition:none}.wp-block-cartoon-before-after__handle-line{background:var(--wp--preset--color--white);bottom:0;box-shadow:0 0 .25rem rgba(0,0,0,.4);left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:.125rem}.wp-block-cartoon-before-after__handle-button{align-items:center;background:var(--wp--preset--color--white);border:none;border-radius:50%;box-shadow:0 .125rem .5rem rgba(0,0,0,.25);color:var(--wp--preset--color--black);cursor:col-resize;display:flex;height:2.75rem;justify-content:center;outline:none;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:2.75rem;z-index:1}.is-dragging .wp-block-cartoon-before-after__handle-button,.wp-block-cartoon-before-after__handle-button:hover{background:var(--wp--preset--color--blue);color:var(--wp--preset--color--white);transform:scale(1.1)}.wp-block-cartoon-before-after__handle-button svg{pointer-events:none}