.ghostkit-image-compare{--gkt-image-compare__position:50%;--gkt-image-compare--divider__width:3px;--gkt-image-compare--divider__background-color:#fff;--gkt-image-compare--divider-icons__font-size:1.3em;--gkt-image-compare--divider-icons__offset:0.3em;--gkt-image-compare--divider-icons__color:#000;--gkt-image-compare--divider-hover-icons__offset:0.35em;--gkt-image-compare--divider-button__width:50px;--gkt-image-compare--divider-button__height:50px;--gkt-image-compare--divider-button__background-color:var(--gkt-image-compare--divider__background-color);--gkt-image-compare--label__backdrop-filter:brightness(0.75) blur(10px);--gkt-image-compare--label__offset:10px;--gkt-image-compare--label__max-width:30%;--gkt-image-compare--label__padding:0.3em 1.6em;--gkt-image-compare--label__font-size:0.8em;--gkt-image-compare--label__text-align:center;--gkt-image-compare--label__color:#fff;--gkt-image-compare--label__background-color:hsla(0,0%,100%,.3);--gkt-image-compare--label__border-radius:3px;--gkt-image-compare__transition-duration:var(--gkt-transition-duration);--gkt-image-compare__transition-easing:var(--gkt-transition-easing);cursor:pointer}.ghostkit-image-compare-images{overflow:hidden;position:relative}.ghostkit-image-compare-images img{display:block;height:auto;width:100%}.ghostkit-image-compare-image-after,.ghostkit-image-compare-image-before{transition:var(--gkt-image-compare__transition-duration) clip-path var(--gkt-image-compare__transition-easing)}.ghostkit-image-compare-image-before{clip-path:polygon(var(--gkt-image-compare__position) 0,var(--gkt-image-compare__position) 100%,0 100%,0 0)}.ghostkit-image-compare-vertical .ghostkit-image-compare-image-before{clip-path:polygon(100% 0,100% var(--gkt-image-compare__position),0 var(--gkt-image-compare__position),0 0)}.ghostkit-image-compare-image-after{bottom:0;clip-path:polygon(100% 0,100% 100%,var(--gkt-image-compare__position) 100%,var(--gkt-image-compare__position) 0);left:0;overflow:hidden;position:absolute;right:0;top:0}.ghostkit-image-compare-vertical .ghostkit-image-compare-image-after{clip-path:polygon(100% var(--gkt-image-compare__position),100% 100%,0 100%,0 var(--gkt-image-compare__position))}.ghostkit-image-compare-image-after img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.ghostkit-image-compare-images-divider{background-color:var(--gkt-image-compare--divider__background-color);height:100%;left:var(--gkt-image-compare__position);margin-left:calc(var(--gkt-image-compare--divider__width)/-2);position:absolute;top:0;transition-duration:var(--gkt-image-compare__transition-duration);transition-property:left;transition-timing-function:var(--gkt-image-compare__transition-easing);width:var(--gkt-image-compare--divider__width);will-change:left,top}.ghostkit-image-compare-vertical .ghostkit-image-compare-images-divider{height:var(--gkt-image-compare--divider__width);left:0;margin-left:0;margin-top:calc(var(--gkt-image-compare--divider__width)/-2);top:var(--gkt-image-compare__position);transition-property:top;width:100%}.ghostkit-image-compare-vertical .ghostkit-image-compare-images-divider:after{bottom:auto;cursor:row-resize;height:var(--gkt-image-compare--divider-button__width);left:0;right:0;top:50%;transform:translateY(-50%);width:auto}.ghostkit-image-compare-images-divider:focus,.ghostkit-image-compare-images-divider:hover{--gkt-image-compare--divider-icons__offset:var(--gkt-image-compare--divider-hover-icons__offset)}.ghostkit-image-compare-images-divider:before{background-color:var(--gkt-image-compare--divider-button__background-color);border-radius:var(--gkt-image-compare--divider-button__width);height:var(--gkt-image-compare--divider-button__height);top:50%;transform:translateX(-50%) translateY(-50%)}.ghostkit-image-compare-images-divider:after,.ghostkit-image-compare-images-divider:before{content:"";display:block;left:50%;position:absolute;width:var(--gkt-image-compare--divider-button__width)}.ghostkit-image-compare-images-divider:after{bottom:0;cursor:col-resize;top:0;transform:translateX(-50%)}.ghostkit-image-compare-images-divider-button-arrow-left,.ghostkit-image-compare-images-divider-button-arrow-right{color:var(--gkt-image-compare--divider-icons__color);font-size:var(--gkt-image-compare--divider-icons__font-size);left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transition-duration:var(--gkt-image-compare__transition-duration);transition-property:margin-left;transition-timing-function:var(--gkt-image-compare__transition-easing)}.ghostkit-image-compare-vertical .ghostkit-image-compare-images-divider-button-arrow-left,.ghostkit-image-compare-vertical .ghostkit-image-compare-images-divider-button-arrow-right{transition-property:margin-top}.ghostkit-image-compare-images-divider-button-arrow-left svg,.ghostkit-image-compare-images-divider-button-arrow-right svg{color:inherit;display:block;height:1em;max-width:none;width:1em}.ghostkit-image-compare-images-divider-button-arrow-left{margin-left:calc(var(--gkt-image-compare--divider-icons__offset)*-1)}.ghostkit-image-compare-vertical .ghostkit-image-compare-images-divider-button-arrow-left{margin-left:0;margin-top:calc(var(--gkt-image-compare--divider-icons__offset)*-1)}.ghostkit-image-compare-vertical .ghostkit-image-compare-images-divider-button-arrow-left>svg{transform:rotate(90deg)}.ghostkit-image-compare-images-divider-button-arrow-right{margin-left:var(--gkt-image-compare--divider-icons__offset)}.ghostkit-image-compare-vertical .ghostkit-image-compare-images-divider-button-arrow-right{margin-left:0;margin-top:var(--gkt-image-compare--divider-icons__offset)}.ghostkit-image-compare-vertical .ghostkit-image-compare-images-divider-button-arrow-right>svg{transform:rotate(90deg)}.ghostkit-image-compare-image-label{-webkit-backdrop-filter:var(--gkt-image-compare--label__backdrop-filter);backdrop-filter:var(--gkt-image-compare--label__backdrop-filter);background-color:var(--gkt-image-compare--label__background-color);border-radius:var(--gkt-image-compare--label__border-radius);color:var(--gkt-image-compare--label__color);font-size:var(--gkt-image-compare--label__font-size);max-width:var(--gkt-image-compare--label__max-width);padding:var(--gkt-image-compare--label__padding);position:absolute;text-align:var(--gkt-image-compare--label__text-align);z-index:1}.ghostkit-image-compare-image-before-label{left:var(--gkt-image-compare--label__offset)}.ghostkit-image-compare-image-after-label{right:var(--gkt-image-compare--label__offset)}.ghostkit-image-compare-labels-align-start .ghostkit-image-compare-image-label{top:var(--gkt-image-compare--label__offset)}.ghostkit-image-compare-labels-align-end .ghostkit-image-compare-image-label{bottom:var(--gkt-image-compare--label__offset)}.ghostkit-image-compare-labels-align-center .ghostkit-image-compare-image-label{top:50%;transform:translateY(-50%)}.ghostkit-image-compare-vertical .ghostkit-image-compare-image-before-label{bottom:auto;left:auto;top:var(--gkt-image-compare--label__offset)}.ghostkit-image-compare-vertical .ghostkit-image-compare-image-after-label{bottom:var(--gkt-image-compare--label__offset);right:auto;top:auto}.ghostkit-image-compare-vertical.ghostkit-image-compare-labels-align-start .ghostkit-image-compare-image-label{left:var(--gkt-image-compare--label__offset)}.ghostkit-image-compare-vertical.ghostkit-image-compare-labels-align-end .ghostkit-image-compare-image-label{right:var(--gkt-image-compare--label__offset)}.ghostkit-image-compare-vertical.ghostkit-image-compare-labels-align-center .ghostkit-image-compare-image-label{left:50%;transform:translateX(-50%)}