.compare{--mask-width:50%;--handle-size:32px;position:relative;border:1px solid rgba(0,0,0,5%)}.compare__separator{position:absolute;top:0;height:100%;left:var(--mask-width);width:2px;margin-left:-1px;background:#000;z-index:1;pointer-events:none}.compare__image-one{width:100%;display:block}.compare__mask{position:absolute;top:0;left:0;height:100%;z-index:1;background:#fff;overflow:hidden;width:var(--mask-width)}div.content div.compare div.compare__mask img.compare__image-two{max-width:none}.compare__image-two{height:100%;width:auto}.compare__input{appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;position:absolute;top:0;left:calc(var(--handle-size)/-2);width:calc(100% + var(--handle-size));height:100%;opacity:0;z-index:2;cursor:col-resize;background-color:initial}.compare__input::-moz-range-track{height:100%}.compare__input::-moz-range-thumb{height:100%;border-radius:0;width:var(--handle-size);border:none}.compare__input::-webkit-slider-runnable-track{height:100%}.compare__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:100%;border-radius:0;width:var(--handle-size);border:none}.compare__icon{position:absolute;z-index:2;color:#333;width:var(--handle-size);height:var(--handle-size);top:50%;left:var(--mask-width);transform:translate(-50%,-50%);padding:6px;border:2px solid;border-radius:50%;background:#fff}.compare__icon path{stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}