.image-comparison-component{border-radius:24px;overflow:hidden;position:relative;width:100%}.image-comparison-component__state img{width:100%}.image-comparison-component__state--before{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.image-comparison-component__state--before img{clip-path:inset(0 50% 0 0);pointer-events:none}.image-comparison-component__divider{background:#fff;bottom:0;height:100%;left:50%;margin-left:-1px;position:absolute;width:2px;z-index:2}.image-comparison-component__range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:100%;left:-24px;position:absolute;top:50%;transform:translateY(-50%);width:calc(100% + 48px);z-index:3}.image-comparison-component__range-slider:active,.image-comparison-component__range-slider:focus{border:none;outline:none}.image-comparison-component__range-slider::-moz-range-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:48px;outline:none;position:relative;width:100%}.image-comparison-component__range-slider::-webkit-slider-thumb{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0e2332;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.707.293a1 1 0 0 1 0 1.414L2.414 7l5.293 5.293a1 1 0 1 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414l6-6a1 1 0 0 1 1.414 0ZM16.293.293a1 1 0 0 0 0 1.414L21.586 7l-5.293 5.293a1 1 0 0 0 1.414 1.414l6-6a1 1 0 0 0 0-1.414l-6-6a1 1 0 0 0-1.414 0Z' fill='%23fff'/%3E%3C/svg%3E");background-position:50% 50%;background-repeat:no-repeat;background-size:24px;border:2px solid #fff;border-radius:50%;cursor:pointer;height:48px;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;width:48px}.image-comparison-component__range-slider::-webkit-slider-thumb:active,.image-comparison-component__range-slider::-webkit-slider-thumb:focus,.image-comparison-component__range-slider::-webkit-slider-thumb:hover{background-size:20px;transform:scale(1.25)}.image-comparison-component__range-slider::-moz-range-thumb{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0e2332;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.707.293a1 1 0 0 1 0 1.414L2.414 7l5.293 5.293a1 1 0 1 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414l6-6a1 1 0 0 1 1.414 0ZM16.293.293a1 1 0 0 0 0 1.414L21.586 7l-5.293 5.293a1 1 0 0 0 1.414 1.414l6-6a1 1 0 0 0 0-1.414l-6-6a1 1 0 0 0-1.414 0Z' fill='%23fff'/%3E%3C/svg%3E");background-position:50% 50%;background-repeat:no-repeat;background-size:24px;border:2px solid #fff;border-radius:50%;cursor:pointer;height:48px;-moz-transition:all .15s ease-in-out;transition:all .15s ease-in-out;width:48px}.image-comparison-component__range-slider::-moz-range-thumb:active,.image-comparison-component__range-slider::-moz-range-thumb:focus,.image-comparison-component__range-slider::-moz-range-thumb:hover{background-size:20px;transform:scale(1.25)}