.wp-block-goodblocks-image-compare{border-radius:4px;cursor:col-resize;line-height:0;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wp-block-goodblocks-image-compare .image-compare__after{height:100%;width:100%}.wp-block-goodblocks-image-compare .image-compare__after img{display:block;height:auto;width:100%}.wp-block-goodblocks-image-compare .image-compare__before{clip-path:inset(0 50% 0 0);height:100%;left:0;position:absolute;top:0;width:100%}.wp-block-goodblocks-image-compare .image-compare__before img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.wp-block-goodblocks-image-compare.has-aspect-ratio .image-compare__after img{height:100%;-o-object-fit:cover;object-fit:cover}.wp-block-goodblocks-image-compare .image-compare__handle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:none;bottom:0;box-shadow:0 0 8px rgba(0,0,0,.35);cursor:col-resize;left:50%;outline:none;padding:0;position:absolute;top:0;transform:translateX(-1.5px);width:3px;z-index:10}.wp-block-goodblocks-image-compare .image-compare__handle:focus-visible{box-shadow:0 0 0 3px var(--wp--preset--color--primary,#2c5f2d)}.wp-block-goodblocks-image-compare .image-compare__handle-knob{align-items:center;background:#fff;border:2px solid var(--wp--preset--color--primary,#2c5f2d);border-radius:50%;box-shadow:0 2px 12px rgba(0,0,0,.25);display:flex;height:44px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:44px}.wp-block-goodblocks-image-compare .image-compare__handle-knob:after,.wp-block-goodblocks-image-compare .image-compare__handle-knob:before{border-style:solid;content:"";display:block;height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}.wp-block-goodblocks-image-compare .image-compare__handle-knob:before{border-color:transparent var(--wp--preset--color--primary,#2c5f2d) transparent transparent;border-width:6px 7px 6px 0;left:8px}.wp-block-goodblocks-image-compare .image-compare__handle-knob:after{border-color:transparent transparent transparent var(--wp--preset--color--primary,#2c5f2d);border-width:6px 0 6px 7px;right:8px}.wp-block-goodblocks-image-compare .image-compare__label{background:rgba(0,0,0,.6);border-radius:3px;color:#fff;font-family:var(--wp--preset--font-family--body,system-ui,sans-serif);font-size:.7rem;font-weight:600;letter-spacing:.1em;opacity:1;padding:4px 14px;pointer-events:none;position:absolute;text-transform:uppercase;top:12px;transition:opacity .3s ease;z-index:5}.wp-block-goodblocks-image-compare .image-compare__label--before{left:12px}.wp-block-goodblocks-image-compare .image-compare__label--after{right:12px}.wp-block-goodblocks-image-compare:not(.is-dragging):not(.is-teasing) .image-compare__before{transition:clip-path .15s ease}.wp-block-goodblocks-image-compare:not(.is-dragging):not(.is-teasing) .image-compare__handle{transition:left .15s ease,top .15s ease}.wp-block-goodblocks-image-compare.is-teasing .image-compare__handle-knob{animation:image-compare-knob-pulse 2s ease-in-out infinite}.wp-block-goodblocks-image-compare.is-vertical{cursor:row-resize}.wp-block-goodblocks-image-compare.is-vertical .image-compare__before{clip-path:inset(0 0 50% 0)}.wp-block-goodblocks-image-compare.is-vertical .image-compare__handle{bottom:auto;cursor:row-resize;height:3px;left:0;right:0;top:50%;transform:translateY(-1.5px);width:100%}.wp-block-goodblocks-image-compare.is-vertical .image-compare__handle-knob:before{border-color:transparent transparent var(--wp--preset--color--primary,#2c5f2d) transparent;border-width:0 6px 7px;left:50%;top:8px;transform:translateX(-50%)}.wp-block-goodblocks-image-compare.is-vertical .image-compare__handle-knob:after{border-color:var(--wp--preset--color--primary,#2c5f2d) transparent transparent transparent;border-width:7px 6px 0;bottom:8px;left:50%;right:auto;top:auto;transform:translateX(-50%)}.wp-block-goodblocks-image-compare.is-vertical .image-compare__label{left:50%;top:auto;transform:translateX(-50%)}.wp-block-goodblocks-image-compare.is-vertical .image-compare__label--before{top:12px}.wp-block-goodblocks-image-compare.is-vertical .image-compare__label--after{bottom:12px;right:auto}@keyframes image-compare-knob-pulse{0%,to{box-shadow:0 2px 12px rgba(0,0,0,.25);transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 2px 20px rgba(0,0,0,.35);transform:translate(-50%,-50%) scale(1.1)}}@media(prefers-reduced-motion:reduce){.wp-block-goodblocks-image-compare .image-compare__before,.wp-block-goodblocks-image-compare .image-compare__handle{transition:none!important}.wp-block-goodblocks-image-compare .image-compare__handle-knob{animation:none!important}}