.before-after-slider{position:relative;overflow:hidden;width:100%;max-width:600px;box-shadow:0 0 10px #0000001a;aspect-ratio:16/9;cursor:grab;transition:outline .3s ease}.before-after-slider:active{cursor:grabbing}.before-after-slider-container{display:flex;position:relative}.before-after-slider img{width:100%;height:100%;display:block;object-fit:cover}.section-container{width:100%;max-width:1200px;margin:0 auto;padding:20px 0}.before-after-heading{text-align:center;margin-bottom:30px;font-weight:700}.sliders-wrapper{display:flex;flex-direction:column;gap:40px;align-items:center}.before-after-complete-wrapper{display:flex;flex-wrap:nowrap;gap:20px;justify-content:center;align-items:center;width:100%;max-width:1200px}.before-after-wrapper{flex:0 0 auto;max-width:600px;width:100%;margin-bottom:0}.text-block-wrapper{flex:1;max-width:300px;margin-bottom:0;display:flex;align-items:center}.text-block-wrapper.left-text{order:1}.before-after-wrapper{order:2}.text-block-wrapper.right-text{order:3}.text-block{background:transparent;line-height:1.6;width:100%}.text-block p{margin-bottom:1em}.text-block p:last-child{margin-bottom:0}.text-block ul,.text-block ol{margin:1em 0;padding-left:2em}.text-block li{margin-bottom:.5em}.text-block strong{font-weight:600}.text-block em{font-style:italic}.before-image{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden;z-index:2;line-height:0}.after-image{width:100%;z-index:1;line-height:0}.slider-handle{position:absolute;top:0;left:50%;width:1px;height:100%;background:#fff;z-index:3;transition:background-color .2s ease}.left-arrow{position:absolute;top:50%;left:50%;transform:translate(-12px,-50%);z-index:4}.right-arrow{position:absolute;top:50%;left:50%;transform:translate(7px,-50%);z-index:4}.left-arrow svg,.right-arrow svg{fill:#fff;width:6px;height:12px}.slider-handle:before,.slider-handle:after{content:none}.slider-handle.active{background:#fff}.before-after-slider:before{content:"Click and drag to compare";position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:5px 10px;border-radius:15px;font-size:12px;z-index:10;opacity:0;transition:opacity .3s ease;pointer-events:none}.before-after-slider:hover:before{opacity:1}@media (max-width: 767px){.before-after-complete-wrapper{flex-direction:column;align-items:center;gap:15px}.before-after-wrapper{max-width:100%;order:2}.text-block-wrapper.left-text{max-width:100%;order:1}.text-block-wrapper.right-text{max-width:100%;order:3}.text-block{padding:30px 20px}.before-after-slider{max-width:100%;height:auto;aspect-ratio:16/9}.before-after-slider img{height:auto}}@media (min-width: 768px){.before-after-complete-wrapper{flex-direction:row;align-items:center;min-height:400px}.before-after-wrapper{flex:0 0 auto;max-width:600px;order:2}.text-block-wrapper{flex:1;max-width:300px}.text-block-wrapper.left-text{order:1}.text-block-wrapper.right-text{order:3}}@media (min-width: 1024px){.text-block-wrapper{max-width:350px}.before-after-complete-wrapper{gap:30px}}.before-image.slider-transition{transition:width .3s ease-out}.slider-handle.slider-transition{transition:left .3s ease-out}svg{max-width:none!important}
/*# sourceMappingURL=/cdn/shop/t/28/assets/before-after-slider.css.map */