.nexoblocks-image-comparison{--gp-ic-width:100%;--gp-ic-aspect:16/9;--gp-ic-handle-size:44px;--gp-ic-handle-color:#fff;--gp-ic-handle-bg:#1d0bce;--gp-ic-divider-color:#fff;--gp-ic-divider-width:2px;--gp-ic-transition:300ms;--gp-ic-border-style:none;--gp-ic-border-color:transparent;--gp-ic-border-t:0;--gp-ic-border-r:0;--gp-ic-border-b:0;--gp-ic-border-l:0;--gp-ic-radius-tl:0;--gp-ic-radius-tr:0;--gp-ic-radius-br:0;--gp-ic-radius-bl:0;--gp-ic-shadow:none;--gp-ic-shadow-color:rgba(0,0,0,.15);--gp-ic-label-bg:rgba(0,0,0,.6);--gp-ic-label-color:#fff;--gp-ic-label-fs:14px;--gp-ic-label-pad:8px;--gp-ic-label-offset:16px;--gp-ic-label-radius:4px;--gp-ic-overlay-before:transparent;--gp-ic-overlay-after:transparent;box-sizing:border-box;margin:0 auto;max-width:100%;width:var(--gp-ic-width)}.nexoblocks-image-comparison__wrapper{aspect-ratio:var(--gp-ic-aspect);background:#111;border-bottom-left-radius:var(--gp-ic-radius-bl);border-bottom-right-radius:var(--gp-ic-radius-br);border-color:var(--gp-ic-border-color);border-style:var(--gp-ic-border-style);border-top-left-radius:var(--gp-ic-radius-tl);border-top-right-radius:var(--gp-ic-radius-tr);border-width:var(--gp-ic-border-t) var(--gp-ic-border-r) var(--gp-ic-border-b) var(--gp-ic-border-l);box-shadow:var(--gp-ic-shadow);cursor:grab;overflow:hidden;position:relative;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:100%}.nexoblocks-image-comparison.is-move-drag .nexoblocks-image-comparison__wrapper:active{cursor:grabbing}.nexoblocks-image-comparison.is-move-click .nexoblocks-image-comparison__wrapper,.nexoblocks-image-comparison.is-move-hover .nexoblocks-image-comparison__wrapper{cursor:default}.nexoblocks-image-comparison__image{height:100%;inset:0;position:absolute;width:100%}.nexoblocks-image-comparison__image img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;width:100%;-webkit-user-drag:none}.nexoblocks-image-comparison__image:after{content:"";inset:0;pointer-events:none;position:absolute}.nexoblocks-image-comparison__image--after:after{background:var(--gp-ic-overlay-after)}.nexoblocks-image-comparison__image--before{z-index:2}.nexoblocks-image-comparison__image--before:after{background:var(--gp-ic-overlay-before)}.nexoblocks-image-comparison.is-move-click .nexoblocks-image-comparison__image--before,.nexoblocks-image-comparison.is-move-hover .nexoblocks-image-comparison__image--before{transition:clip-path var(--gp-ic-transition) ease-out}.nexoblocks-image-comparison__divider{align-items:center;background:var(--gp-ic-divider-color);display:flex;justify-content:center;pointer-events:none;position:absolute;z-index:3}.nexoblocks-image-comparison.is-orient-horizontal .nexoblocks-image-comparison__divider{bottom:0;top:0;transform:translateX(-50%);width:var(--gp-ic-divider-width)}.nexoblocks-image-comparison.is-orient-vertical .nexoblocks-image-comparison__divider{height:var(--gp-ic-divider-width);left:0;right:0;transform:translateY(-50%)}.nexoblocks-image-comparison.is-move-click .nexoblocks-image-comparison__divider,.nexoblocks-image-comparison.is-move-hover .nexoblocks-image-comparison__divider{transition:left var(--gp-ic-transition) ease-out,top var(--gp-ic-transition) ease-out}.nexoblocks-image-comparison__handle{align-items:center;background:var(--gp-ic-handle-bg);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.25);color:var(--gp-ic-handle-color);cursor:grab;display:flex;height:var(--gp-ic-handle-size);justify-content:center;pointer-events:auto;position:absolute;width:var(--gp-ic-handle-size)}.nexoblocks-image-comparison.has-handle-shadow .nexoblocks-image-comparison__handle{box-shadow:0 4px 18px rgba(0,0,0,.5)}.nexoblocks-image-comparison.is-handle-bar .nexoblocks-image-comparison__handle{border-radius:6px}.nexoblocks-image-comparison.is-move-drag .nexoblocks-image-comparison__handle:active{cursor:grabbing}.nexoblocks-image-comparison__label{background:var(--gp-ic-label-bg);border-radius:var(--gp-ic-label-radius);color:var(--gp-ic-label-color);font-size:var(--gp-ic-label-fs);line-height:1.2;max-width:calc(100% - var(--gp-ic-label-offset)*2);padding:var(--gp-ic-label-pad) calc(var(--gp-ic-label-pad)*1.5);pointer-events:none;position:absolute;white-space:nowrap;z-index:4}.nexoblocks-image-comparison.is-orient-horizontal.is-label-top .nexoblocks-image-comparison.is-orient-horizontal__label{top:var(--gp-ic-label-offset)}.nexoblocks-image-comparison.is-orient-horizontal.is-label-bottom .nexoblocks-image-comparison.is-orient-horizontal__label{bottom:var(--gp-ic-label-offset)}.nexoblocks-image-comparison.is-orient-horizontal.is-label-middle .nexoblocks-image-comparison.is-orient-horizontal__label{top:50%;transform:translateY(-50%)}.nexoblocks-image-comparison.is-orient-horizontal .nexoblocks-image-comparison.is-orient-horizontal__label--before{left:var(--gp-ic-label-offset)}.nexoblocks-image-comparison.is-orient-horizontal .nexoblocks-image-comparison.is-orient-horizontal__label--after{right:var(--gp-ic-label-offset)}.nexoblocks-image-comparison.is-orient-vertical.is-label-top .nexoblocks-image-comparison.is-orient-vertical__label--before{left:50%;top:var(--gp-ic-label-offset);transform:translateX(-50%)}.nexoblocks-image-comparison.is-orient-vertical.is-label-top .nexoblocks-image-comparison.is-orient-vertical__label--after{bottom:var(--gp-ic-label-offset);left:50%;transform:translateX(-50%)}.nexoblocks-image-comparison.is-orient-vertical.is-label-middle .nexoblocks-image-comparison.is-orient-vertical__label--before{left:var(--gp-ic-label-offset);top:var(--gp-ic-label-offset)}.nexoblocks-image-comparison.is-orient-vertical.is-label-middle .nexoblocks-image-comparison.is-orient-vertical__label--after{bottom:var(--gp-ic-label-offset);right:var(--gp-ic-label-offset)}.nexoblocks-image-comparison.is-orient-vertical.is-label-bottom .nexoblocks-image-comparison.is-orient-vertical__label--before{right:var(--gp-ic-label-offset);top:var(--gp-ic-label-offset)}.nexoblocks-image-comparison.is-orient-vertical.is-label-bottom .nexoblocks-image-comparison.is-orient-vertical__label--after{bottom:var(--gp-ic-label-offset);left:var(--gp-ic-label-offset)}.nexoblocks-image-comparison__placeholder{background:rgba(0,0,0,.04);border:1px dashed rgba(0,0,0,.2);border-radius:8px;padding:24px;text-align:center}.nexoblocks-image-comparison__placeholder p{font-style:italic;margin:0 0 16px}.nexoblocks-image-comparison__placeholder-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr;text-align:left}.nexoblocks-image-comparison:focus-within .nexoblocks-image-comparison__handle,.nexoblocks-image-comparison__wrapper:focus-visible{outline:2px solid currentColor;outline-offset:2px}