div.before-slider{width:700px;height:765px;position:relative;border:2px solid #fff}div.before-slider div.image{height:100%;background-repeat:no-repeat;background-position:top left;background-size:cover;position:absolute;top:0;left:0}div.before-slider div.before{width:50%;z-index:2}div.before-slider div.after{width:100%;z-index:1}div.before-slider input.slider{width:100%;height:100%;outline:none;background-color:transparent;position:absolute;margin:0;z-index:3;cursor:pointer;appearance:none;-moz-appearance:none;-webkit-appearance:none;transition:.25s all ease-in-out;-moz-transition:.25s all ease-in-out;-webkit-transition:.25s all ease-in-out;z-index:4;left:0}span#before{position:absolute;top:4%;z-index:3;color:#fff;font-size:20px;text-transform:uppercase;line-height:25px;left:4%}span#after{position:absolute;top:4%;z-index:3;color:#fff;font-size:20px;text-transform:uppercase;line-height:25px;right:4%}div.before-slider input.slider::-moz-range-thumb{width:0px;height:765px;background-color:#fff;cursor:pointer}div.before-slider input.slider::-webkit-slider-thumb{width:0px;height:765px;background-color:#fff;cursor:pointer;appearance:none;-moz-appearance:none;-webkit-appearance:none}.mobile-before-after{display:none}div.before-slider div.slider-button{pointer-events:none;position:absolute;width:45px;height:45px;border-radius:50%;background-color:#fff;left:calc(50% - 18px);top:calc(50% - 18px);display:flex;justify-content:center;align-items:center;z-index:3;margin-left:-3px}.before-slider .image.before,.before-slider .image.after{display:flex}div.before-slider div.slider-button:before{content:"";padding:5px;display:inline-block;border:solid #5d5d5d;border-width:0 2px 2px 0;transform:rotate(135deg)}div.before-slider div.slider-button:after{content:"";padding:5px;display:inline-block;border:solid #5d5d5d;border-width:0 2px 2px 0;transform:rotate(-45deg)}.before-slider-wrap{display:flex;justify-content:center;margin-top:30px}@media screen and (max-width: 900px){.before-slider-wrap.desktop-before{display:none}.mobile-before-after img{width:100%;max-width:900px}.mobile-before-after{display:block;margin-top:40px}}@media screen and (max-width: 750px){.before-slider-wrap{padding:5px 15px;display:flex;justify-content:center}div.before-slider{width:340px;height:372px}div.before-slider input.slider::-moz-range-thumb{height:372px}div.before-slider input.slider::-webkit-slider-thumb{height:372px}.used-wrapper.before-after-wrap.pro-image-tex .page-width:before{height:350px}}@media screen and (max-width: 380px){div.before-slider input.slider::-moz-range-thumb{height:328px}used-wrapper.before-after-wrap.pro-image-tex .page-width:before{height:510px}div.before-slider input.slider::-webkit-slider-thumb{height:328px}div.before-slider{width:300px;height:328px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/before-after-slide.css.map */