:root{--brand-blue-core:#0091df;--brand-blue-mid:#00617f;--base-light:#fff;--base-dark:#000;--base-pale:#f2f2f2}.image-comparison{margin:0 auto;max-width:48.063em;min-height:300px;position:relative}.image-comparison__figure:not(.image-comparison__figure--overlay){padding-top:66.67%;position:relative}.image-comparison__figure--overlay{height:100%;position:relative}.image-comparison__slider-wrapper{position:relative}.image-comparison__range{-webkit-appearance:none;background:transparent;border:none;cursor:ew-resize;height:100%;left:0;margin:0;outline:none;padding:0;position:absolute;top:0;width:100%;z-index:20}.image-comparison__image-wrapper--overlay{clip-path:inset(0 50% 0 0);height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:2}.image-comparison__image-wrapper:not(.image-comparison__image-wrapper--overlay){position:relative;z-index:1}.image-comparison__figure{margin:0;position:relative}.image-comparison__figure:before{background-color:var(--base-pale);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.image-comparison__image{height:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;width:100%}.image-comparison__caption{bottom:10px;color:var(--base-light);font-weight:700;min-width:max-content;position:absolute;text-transform:uppercase;z-index:3}.image-comparison__caption--before{left:10px}.image-comparison__caption--after{right:10px;text-align:right}.image-comparison__caption-body{background-color:rgba(0,0,0,.55);padding:6px 12px}.image-comparison__slider{background-color:var(--base-light);height:100%;left:50%;position:absolute;top:0;transition:background-color .3s ease-in-out;width:2px;z-index:10}.image-comparison__thumb{align-items:center;background-color:var(--brand-blue-core);border-radius:50%;box-shadow:0 0 22px 0 rgba(0,0,0,.5);color:var(--base-light);display:flex;height:40px;justify-content:center;left:calc(50% - 20px);position:absolute;top:50%;transform:translateY(-50%);transition:transform .3s ease-in-out,background-color .3s ease-in-out;width:40px}.image-comparison__range::-moz-range-thumb,.image-comparison__range::-ms-thumb,.image-comparison__range::-webkit-slider-thumb{opacity:0}