.s-imagecompare{aspect-ratio:16/9;isolation:isolate;overflow:hidden;position:relative;width:100%}.s-imagecompare img{height:100%;position:absolute;width:100%}.s-imagecompare img+img{clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}.s-imagecompare-divider{background:var(--primary-color);bottom:0;pointer-events:none;position:absolute;top:0;width:2px;z-index:1}.s-imagecompare-slider{-webkit-appearance:none;background-color:transparent;height:100%;margin-left:-10px;outline:none;position:relative;transition:all .2s;width:calc(100% + 20px)}.s-imagecompare-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#ba26dfbf;background-size:contain;border:0 solid rgba(186,38,223,.75);border-radius:50%;cursor:ew-resize;height:20px;-webkit-transition:all .2s;transition:all .2s;width:20px}.s-imagecompare-slider::-moz-range-thumb{background:#ba26dfbf;background-size:contain;border:0 solid rgba(186,38,223,.75);border-radius:50%;cursor:ew-resize;height:20px;width:20px}.s-imagecompare-slider:focus-visible::-webkit-slider-thumb{box-shadow:2px;outline:2px solid #ba26df;outline-offset:2px}.s-imagecompare-slider:focus-visible::-moz-range-thumb{box-shadow:2px;outline:2px solid #ba26df;outline-offset:2px}.s-imagecompare-slider:hover{margin-left:-17.5px;width:calc(100% + 35px)}.s-imagecompare-slider:hover::-webkit-slider-thumb{background:#ba26dfbf;border-color:#ba26dfbf;height:35px;width:35px}.s-imagecompare-slider:hover::-moz-range-thumb{background:#ba26dfbf;border-color:#ba26dfbf;height:35px;width:35px}