.shapeblock-image-comparison-block-wrap .shapeblock-comparison-container{box-sizing:border-box;min-height:540px;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:1}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-container *{box-sizing:content-box}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-container img{display:block;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-before{z-index:20}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-after{z-index:10}.shapeblock-image-comparison-block-wrap .shapeblock-comparison{--shapeblock-cmp-color:#fff;--shapeblock-cmp-icon:var(--shapeblock-cmp-color);--shapeblock-cmp-size:44px;--shapeblock-cmp-line:3px;--shapeblock-cmp-border:var(--shapeblock-cmp-line);--shapeblock-cmp-shadow:0 0 12px rgba(51,51,51,.5)}.shapeblock-image-comparison-block-wrap .shapeblock-comparison.no-shadow{--shapeblock-cmp-shadow:none}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-handle{align-items:center;background:var(--shapeblock-cmp-bg-set,transparent);border:var(--shapeblock-cmp-border) solid var(--shapeblock-cmp-color);border-radius:50%;box-shadow:var(--shapeblock-cmp-shadow);box-sizing:border-box;color:var(--shapeblock-cmp-icon);cursor:ew-resize;display:flex;height:var(--shapeblock-cmp-size);justify-content:center;left:50%;margin-left:calc(var(--shapeblock-cmp-size)/-2);margin-top:calc(var(--shapeblock-cmp-size)/-2);position:absolute;top:50%;touch-action:none;transition:transform .2s ease;width:var(--shapeblock-cmp-size);z-index:40}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-handle:focus-visible,.shapeblock-image-comparison-block-wrap .shapeblock-comparison-handle:hover{transform:scale(1.08)}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-handle:focus-visible{outline:2px solid var(--shapeblock-cmp-color);outline-offset:3px}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-handle:after,.shapeblock-image-comparison-block-wrap .shapeblock-comparison-handle:before{background:var(--shapeblock-cmp-color);box-shadow:var(--shapeblock-cmp-shadow);content:"";display:block;position:absolute;z-index:-1}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-vertical .shapeblock-comparison-handle{cursor:ns-resize}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-diagonal .shapeblock-comparison-handle{cursor:nesw-resize}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-horizontal .shapeblock-comparison-handle:after,.shapeblock-image-comparison-block-wrap .shapeblock-comparison-horizontal .shapeblock-comparison-handle:before{height:9999px;left:50%;margin-left:calc(var(--shapeblock-cmp-line)/-2);width:var(--shapeblock-cmp-line)}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-horizontal .shapeblock-comparison-handle:before{bottom:calc(100% + var(--shapeblock-cmp-border))}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-horizontal .shapeblock-comparison-handle:after{top:calc(100% + var(--shapeblock-cmp-border))}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-vertical .shapeblock-comparison-handle:after,.shapeblock-image-comparison-block-wrap .shapeblock-comparison-vertical .shapeblock-comparison-handle:before{height:var(--shapeblock-cmp-line);margin-top:calc(var(--shapeblock-cmp-line)/-2);top:50%;width:9999px}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-vertical .shapeblock-comparison-handle:before{right:calc(100% + var(--shapeblock-cmp-border))}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-vertical .shapeblock-comparison-handle:after{left:calc(100% + var(--shapeblock-cmp-border))}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-icon{align-items:center;display:inline-flex;gap:6px;justify-content:center;line-height:0;pointer-events:none}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-icon svg{display:block;fill:none;height:calc(var(--shapeblock-cmp-size)*.5);stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5;width:calc(var(--shapeblock-cmp-size)*.5)}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-vertical .shapeblock-comparison-icon{transform:rotate(90deg)}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-left-arrow,.shapeblock-image-comparison-block-wrap .shapeblock-comparison-right-arrow{border:6px solid transparent;height:0;width:0}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-left-arrow{border-left-width:0;border-right-color:currentColor}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-right-arrow{border-left-color:currentColor;border-right-width:0}.shapeblock-image-comparison-block-wrap .is-handle-filled{--shapeblock-cmp-icon:#1d2939}.shapeblock-image-comparison-block-wrap .is-handle-filled .shapeblock-comparison-handle{background:var(--shapeblock-cmp-bg-set,var(--shapeblock-cmp-color))}.shapeblock-image-comparison-block-wrap .is-handle-square .shapeblock-comparison-handle{border-radius:calc(var(--shapeblock-cmp-size)*.22)}.shapeblock-image-comparison-block-wrap .is-handle-pill{--shapeblock-cmp-icon:#1d2939}.shapeblock-image-comparison-block-wrap .is-handle-pill .shapeblock-comparison-handle{background:var(--shapeblock-cmp-bg-set,var(--shapeblock-cmp-color));border-radius:999px}.shapeblock-image-comparison-block-wrap .is-handle-pill .shapeblock-comparison-icon{gap:3px}.shapeblock-image-comparison-block-wrap .is-handle-pill.shapeblock-comparison-horizontal .shapeblock-comparison-handle{height:calc(var(--shapeblock-cmp-size)*1.45);margin-left:calc(var(--shapeblock-cmp-size)*-.36);margin-top:calc(var(--shapeblock-cmp-size)*-.725);width:calc(var(--shapeblock-cmp-size)*.72)}.shapeblock-image-comparison-block-wrap .is-handle-pill.shapeblock-comparison-vertical .shapeblock-comparison-handle{height:calc(var(--shapeblock-cmp-size)*.72);margin-left:calc(var(--shapeblock-cmp-size)*-.725);margin-top:calc(var(--shapeblock-cmp-size)*-.36);width:calc(var(--shapeblock-cmp-size)*1.45)}.shapeblock-image-comparison-block-wrap .is-handle-pill .shapeblock-comparison-icon svg{height:calc(var(--shapeblock-cmp-size)*.42);width:calc(var(--shapeblock-cmp-size)*.42)}.shapeblock-image-comparison-block-wrap .is-handle-glass{--shapeblock-cmp-border:1px}.shapeblock-image-comparison-block-wrap .is-handle-glass .shapeblock-comparison-handle{backdrop-filter:blur(8px);background:var(--shapeblock-cmp-bg-set,hsla(0,0%,100%,.22))}.shapeblock-image-comparison-block-wrap .is-handle-line{--shapeblock-cmp-border:0px}.shapeblock-image-comparison-block-wrap .is-handle-line .shapeblock-comparison-handle{background:var(--shapeblock-cmp-bg-set,var(--shapeblock-cmp-color));border-radius:999px}.shapeblock-image-comparison-block-wrap .is-handle-line .shapeblock-comparison-icon{display:none}.shapeblock-image-comparison-block-wrap .is-handle-line.shapeblock-comparison-horizontal .shapeblock-comparison-handle{height:var(--shapeblock-cmp-size);margin-left:calc(var(--shapeblock-cmp-line)*-1.5);width:calc(var(--shapeblock-cmp-line)*3)}.shapeblock-image-comparison-block-wrap .is-handle-line.shapeblock-comparison-vertical .shapeblock-comparison-handle{height:calc(var(--shapeblock-cmp-line)*3);margin-top:calc(var(--shapeblock-cmp-line)*-1.5);width:var(--shapeblock-cmp-size)}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-diagonal .shapeblock-comparison-handle:after,.shapeblock-image-comparison-block-wrap .shapeblock-comparison-diagonal .shapeblock-comparison-handle:before{display:none}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-divider{--shapeblock-cmp-hole:calc(50% - var(--shapeblock-cmp-size)/2);background:var(--shapeblock-cmp-color);box-shadow:var(--shapeblock-cmp-shadow);height:141%;left:50%;-webkit-mask:linear-gradient(#000 0 0) top/100% var(--shapeblock-cmp-hole) no-repeat,linear-gradient(#000 0 0) bottom/100% var(--shapeblock-cmp-hole) no-repeat;mask:linear-gradient(#000 0 0) top/100% var(--shapeblock-cmp-hole) no-repeat,linear-gradient(#000 0 0) bottom/100% var(--shapeblock-cmp-hole) no-repeat;pointer-events:none;position:absolute;top:50%;width:var(--shapeblock-cmp-line);z-index:39}.shapeblock-image-comparison-block-wrap .is-handle-pill .shapeblock-comparison-divider{--shapeblock-cmp-hole:calc(50% - var(--shapeblock-cmp-size)*0.725)}.shapeblock-image-comparison-block-wrap .is-handle-line .shapeblock-comparison-divider{-webkit-mask:none;mask:none}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-diagonal .shapeblock-comparison-overlay{align-items:flex-end;justify-content:flex-start}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-diagonal .shapeblock-comparison-overlay.is-after{align-items:flex-start;justify-content:flex-end}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-overlay{align-items:center;box-sizing:border-box;display:flex;inset:0;justify-content:flex-start;padding:var(--shapeblock-cmp-label-offset,16px);pointer-events:none;position:absolute;z-index:30}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-horizontal .shapeblock-comparison-overlay.is-after{justify-content:flex-end}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-horizontal.labels-start .shapeblock-comparison-overlay{align-items:flex-start}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-horizontal.labels-end .shapeblock-comparison-overlay{align-items:flex-end}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-vertical .shapeblock-comparison-overlay{align-items:flex-start;justify-content:center}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-vertical .shapeblock-comparison-overlay.is-after{align-items:flex-end}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-vertical.labels-start .shapeblock-comparison-overlay{justify-content:flex-start}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-vertical.labels-end .shapeblock-comparison-overlay{justify-content:flex-end}.shapeblock-image-comparison-block-wrap .shapeblock-comparison-label{background:rgba(0,0,0,.55);border-radius:4px;box-sizing:border-box;color:#fff;display:inline-block;font-size:13px;font-weight:600;letter-spacing:.04em;line-height:1.3;max-width:100%;padding:6px 14px;text-transform:uppercase;transition:opacity .25s ease;white-space:nowrap}.shapeblock-image-comparison-block-wrap .labels-on-hover .shapeblock-comparison-label{opacity:0}.shapeblock-image-comparison-block-wrap .labels-on-hover .shapeblock-comparison-container:focus-within .shapeblock-comparison-label,.shapeblock-image-comparison-block-wrap .labels-on-hover .shapeblock-comparison-container:hover .shapeblock-comparison-label{opacity:1}@media(prefers-reduced-motion:reduce){.shapeblock-image-comparison-block-wrap .shapeblock-comparison-handle,.shapeblock-image-comparison-block-wrap .shapeblock-comparison-label{transition:none}}@media(max-width:767px){.shapeblock-image-comparison-block-wrap .shapeblock-comparison-container img{height:100%;-o-object-fit:cover;object-fit:cover}}
