.img-comparison-mdl{overflow:hidden}.img-comparison-mdl #comparison{overflow:hidden;padding-bottom:100%;position:relative;width:100%}.img-comparison-mdl figure{font-size:0;margin:0;width:100%}.img-comparison-mdl #divisor,.img-comparison-mdl figure{background-position:50%;background-size:cover;height:100%;position:absolute}.img-comparison-mdl #divisor{bottom:0;width:50%}.img-comparison-mdl #divisor:after,.img-comparison-mdl #divisor:before{content:"";height:calc(50% - 20px);position:absolute;right:0;width:2px;z-index:3}.img-comparison-mdl #divisor:before{top:0}.img-comparison-mdl #divisor:after{bottom:0}.img-comparison-mdl #handle{border-radius:50%;height:40px;left:50%;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%) translateX(-50%);width:40px;z-index:1}.img-comparison-mdl #handle:after,.img-comparison-mdl #handle:before{background-position:50%;background-repeat:no-repeat;background-size:auto;content:"";height:30px;margin-top:0;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:15px}.img-comparison-mdl #handle:before{left:50%;margin-left:-17px}.img-comparison-mdl #handle:after{margin-right:-17px;right:50%}.img-comparison-mdl input[type=range]{-webkit-appearance:none;-moz-appearance:none;background-color:transparent;cursor:pointer;left:-25px;position:absolute;top:50%;transform:translateY(-50%);width:calc(100% + 50px);z-index:2}.img-comparison-mdl #handle:active,.img-comparison-mdl #handle:focus{border:none;outline:none}.img-comparison-mdl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:transparent;border:none;border-radius:50%;height:40px;width:40px}.img-comparison-mdl input[type=range]::-moz-range-track{-moz-appearance:none;background-color:transparent;height:15px;outline:none;position:relative;width:100%}