.gkit-image-comparison{overflow:hidden}.gkit-image-comparison:hover img-comparison-slider.horizontal .after figcaption.hover,.gkit-image-comparison:hover img-comparison-slider.horizontal .before figcaption.hover,.gkit-image-comparison:hover img-comparison-slider.vertical .after figcaption.hover,.gkit-image-comparison:hover img-comparison-slider.vertical .before figcaption.hover{opacity:1}.gkit-image-comparison:hover img-comparison-slider.horizontal .gkit-overlay:before,.gkit-image-comparison:hover img-comparison-slider.vertical .gkit-overlay:before{opacity:.5}.gkit-image-comparison:hover img-comparison-slider.horizontal .custom-animated-handle,.gkit-image-comparison:hover img-comparison-slider.vertical .custom-animated-handle{transform:scale(1.2)}.gkit-image-comparison img-comparison-slider{display:block;pointer-events:none}.gkit-image-comparison img-comparison-slider:focus{outline:none}.gkit-image-comparison img-comparison-slider>svg{background:#fff;border-radius:100%;cursor:pointer;height:40px;padding:5px;pointer-events:auto;width:40px}.gkit-image-comparison img-comparison-slider>svg,.gkit-image-comparison img-comparison-slider>svg>path{transition:all var(--gutenkit-preset-global-transition_duration,.4s) var(--gutenkit-preset-global-transition_timing_function,ease)}.gkit-image-comparison img-comparison-slider>svg>path{fill:#000;stroke:#000}.gkit-image-comparison img-comparison-slider .gkit-overlay:before{background:#000;content:"";height:100%;opacity:0;position:absolute;transition:opacity .4s ease;width:100%;z-index:0}.gkit-image-comparison img-comparison-slider.horizontal .before,.gkit-image-comparison img-comparison-slider.horizontal .before img{height:100%}.gkit-image-comparison img-comparison-slider.horizontal .before figcaption{background:hsla(0,0%,100%,.071);border-radius:2px;color:#fff;font-size:14px;left:12px;line-height:100%;opacity:0;padding:10px 20px;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--gutenkit-preset-global-transition_duration,.4s) var(--gutenkit-preset-global-transition_timing_function,ease)}.gkit-image-comparison img-comparison-slider.horizontal .before figcaption.active{opacity:1}.gkit-image-comparison img-comparison-slider.horizontal .before figcaption.hover{opacity:0}.gkit-image-comparison img-comparison-slider.horizontal .after,.gkit-image-comparison img-comparison-slider.horizontal .after img{height:100%}.gkit-image-comparison img-comparison-slider.horizontal .after figcaption{background:hsla(0,0%,100%,.071);border-radius:2px;color:#fff;font-size:14px;line-height:100%;opacity:0;padding:10px 20px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all var(--gutenkit-preset-global-transition_duration,.4s) var(--gutenkit-preset-global-transition_timing_function,ease)}.gkit-image-comparison img-comparison-slider.horizontal .after figcaption.active{opacity:1}.gkit-image-comparison img-comparison-slider.horizontal .after figcaption.hover{opacity:0}.gkit-image-comparison img-comparison-slider.vertical .before,.gkit-image-comparison img-comparison-slider.vertical .before img{height:100%}.gkit-image-comparison img-comparison-slider.vertical .before figcaption{background:hsla(0,0%,100%,.071);border-radius:2px;color:#fff;font-size:14px;left:50%;line-height:100%;opacity:0;padding:10px 20px;position:absolute;top:12px;transform:translateX(-50%);transition:all var(--gutenkit-preset-global-transition_duration,.4s) var(--gutenkit-preset-global-transition_timing_function,ease)}.gkit-image-comparison img-comparison-slider.vertical .before figcaption.active{opacity:1}.gkit-image-comparison img-comparison-slider.vertical .before figcaption.hover{opacity:0}.gkit-image-comparison img-comparison-slider.vertical .after,.gkit-image-comparison img-comparison-slider.vertical .after img{height:100%}.gkit-image-comparison img-comparison-slider.vertical .after figcaption{background:hsla(0,0%,100%,.071);border-radius:2px;bottom:12px;color:#fff;font-size:14px;left:50%;line-height:100%;opacity:0;padding:10px 20px;position:absolute;transform:translateX(-50%);transition:all var(--gutenkit-preset-global-transition_duration,.4s) var(--gutenkit-preset-global-transition_timing_function,ease)}.gkit-image-comparison img-comparison-slider.vertical .after figcaption.active{opacity:1}.gkit-image-comparison img-comparison-slider.vertical .after figcaption.hover{opacity:0}