.before-after-section.container,.product-before-after .container{display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding-top:30px;padding-bottom:30px}@media screen and (min-width: 1100px){.before-after-section.container,.product-before-after .container{flex-direction:row;align-items:flex-start}}.before-after-fields .product-link{display:block;font-weight:700;text-decoration:none;text-transform:uppercase;margin-top:20px}.before-image-wrapper-inner .text-overlay{left:10px}.after-image-wrapper .text-overlay,.before-image-wrapper-inner .text-overlay{position:absolute;background:#000;color:#fff;text-transform:uppercase;padding:5px;z-index:2;top:10px}.after-image-wrapper .text-overlay{right:10px}.before-after-metaobject{max-width:419px}.before-after-scrubber-wrapper{max-width:419px;aspect-ratio:419/510}.before-after-scrubber{position:relative;width:100%;height:100%;overflow:hidden}.before-after-scrubber img{position:absolute;left:0;top:0;height:100%;object-fit:cover}.before-image-wrapper{position:absolute;left:0;top:0;width:50%;height:100%;overflow:hidden;z-index:3;border-right:1px solid white}.before-image-wrapper-inner{height:100%;max-width:419px;position:relative}.before-image-wrapper img{object-fit:cover}input.scrubber-range{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);width:100%;z-index:4}.before-after-metaobject input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%}.before-after-metaobject input[type=range]:focus{outline:none}.before-after-metaobject input[type=range]::-webkit-slider-runnable-track{background-color:#add8e6;border-radius:.5rem;height:0rem}.before-after-metaobject input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-12px;border-radius:30px;height:30px;width:30px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'><rect x='11' y='3' width='2' height='10'/><rect x='7' y='3' width='2' height='10'/><rect x='3' y='3' width='2' height='10'/></svg>");background-color:#fff;background-size:20px;background-position:50% 50%;background-repeat:no-repeat}.before-after-metaobject input[type=range]:focus::-webkit-slider-thumb{outline:3px solid #ffffff}.before-after-metaobject input[type=range]::-moz-range-track{background-color:#add8e6;border-radius:.5rem;height:0rem}.before-after-metaobject input[type=range]::-moz-range-thumb{-webkit-appearance:none;appearance:none;margin-top:-12px;border-radius:30px;height:30px;width:30px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'><rect x='11' y='3' width='2' height='10'/><rect x='7' y='3' width='2' height='10'/><rect x='3' y='3' width='2' height='10'/></svg>");background-color:#fff;background-size:20px;background-position:50% 50%;background-repeat:no-repeat}.before-after-metaobject input[type=range]:focus::-moz-range-thumb{outline:3px solid #ffffff}@media screen and (min-width: 1100px){.before-after-metaobject{max-width:30%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-product-before-after.css.map */