html:not(.no-js) .image-comparison{display:inline-block;margin:12px 0;max-width:100%;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}html:not(.no-js) .image-comparison .resize-image{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-right:2px solid #fff;height:100%;left:0;max-width:100%;overflow:hidden;position:absolute;top:0;transform:translateZ(0);transition:opacity .25s ease-in-out;transition-delay:.2s;width:50%}html:not(.no-js) .image-comparison .resize-image img{height:100%!important;max-width:none!important;width:auto!important}html:not(.no-js) .image-comparison .resize-image~figcaption.subline{left:0;right:auto}html:not(.no-js) .image-comparison .handle{align-items:center;background-color:#2066ac;border:none;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:0 0;transition:background-color .4s ease-in-out,border-color .4s ease-in-out;width:40px}html:not(.no-js) .image-comparison .handle:hover{cursor:all-scroll}html:not(.no-js) .image-comparison .handle svg{height:100%;transition:fill .4s ease-in-out}html:not(.no-js) .image-comparison .subline{-webkit-line-clamp:1;-webkit-box-orient:vertical;background-color:#073664;border:none;bottom:0;color:#fff;display:-webkit-box;font-size:14px;font-weight:400;line-height:19px;margin:0;max-width:calc(50% - 1px);overflow:hidden;padding:3px 8px;position:absolute;right:0;text-overflow:ellipsis;z-index:25}html:not(.no-js) .image-comparison:not(.inView) .resize-image{opacity:0}@media(max-width:1024px){html:not(.no-js) .image-comparison{margin-bottom:28px;padding-bottom:40px}html:not(.no-js) .image-comparison .resize-image{height:calc(100% - 40px)}html:not(.no-js) .image-comparison .handle{bottom:0;top:auto;transform:translateX(-50%);z-index:90}html:not(.no-js) .image-comparison .handle:after{background:#2066ac;border-radius:18px 3px 18px 18px;content:"";display:block;height:35px;position:absolute;transform:translate(.5px,-2px) rotate(-45deg);width:35px;z-index:-1}html:not(.no-js) .image-comparison .handle>*{pointer-events:none}html:not(.no-js) .image-comparison .subline{bottom:40px}}