.beforeAfter-container{width:100%;padding:32px 8px}#comparison{width:100%;aspect-ratio:1.5;overflow:hidden;position:relative}figure{margin:0}figure .after-image{position:absolute;background-size:cover;object-fit:cover;font-size:0;width:100%;height:100%}#divisor{background-size:cover;position:absolute;width:50%;bottom:0;height:100%}#divisor:before,#divisor:after{content:"";position:absolute;right:-2px;width:4px;height:calc(50% - 25px);background:#fff;z-index:3}#divisor:before{top:0}#divisor:after{bottom:0}#handle{position:absolute;height:48px;width:48px;top:50%;left:50%;transform:translateY(-50%) translate(-50%);z-index:1;background:#fff;border-radius:50%;background-position:center;background-repeat:no-repeat}input[type=range]{-webkit-appearance:none;-moz-appearance:none;position:absolute;top:50%;left:-25px;transform:translateY(-50%);background-color:transparent;width:calc(100% + 50px);z-index:2}input[type=range]:focus,input[type=range]:active{border:none;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:50px;width:50px;border-radius:50%;background:transparent;border:4px solid white;box-shadow:0 0 8px 1px #0000004d}input[type=range]::-moz-range-track{-moz-appearance:none;height:15px;width:100%;background-color:transparent;position:relative;outline:none}.beforeAfter-text{margin-top:32px;padding:0 8px}@media screen and (min-width: 1025px){.beforeAfter-container{padding:32px;display:flex;justify-content:space-between;align-items:center}#comparison{max-width:640px}.beforeAfter-text{max-width:512px;margin-right:96px;padding:0}.flexReverted{flex-direction:row-reverse}.flexReverted .beforeAfter-text{margin-right:0;margin-left:96px}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/beforeAfter.css.map */