:root{--image-comparison-slider-width: 450px;--image-comparison-slider-handle-width: 35px}@media(max-width:699px){:root{--image-comparison-slider-width: 90vw}}.product-before-after__wrapper{width:100%;display:flex;align-items:flex-start;justify-content:center;gap:30px;flex-wrap:wrap}.product-before-after__wrapper+.section-title{margin-top:100px}.product-before-after-slider__wrapper{position:relative;width:var(--image-comparison-slider-width);overflow:hidden;border-radius:.5rem;box-shadow:-7px 5px 16px 1px #38567a99;cursor:col-resize;box-shadow:none;border-radius:0}@media screen and (max-width:749px){.product-before-after-slider__wrapper{pointer-events:none;margin-left:auto;margin-right:auto}.product-before-after__wrapper+.section-title{margin-top:60px}.product-before-after__wrapper .slick-slide>div>div{position:relative}}.product-before-after-slider__wrapper img{display:block;width:var(--image-comparison-slider-width)!important;height:auto;max-height:100vh;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.product-before-after-slider__image-after-wrapper{position:absolute;top:0;right:0;width:50%;height:100%;overflow:hidden;z-index:1;transform:translateZ(0)}.product-before-after-slider__wrapper .product-before-after-slider__image-after-wrapper img{position:absolute;top:0;right:0;height:100%}.product-before-after-slider__image-caption{padding:15px 0;color:var(--color-text, #fff);font-size:16px;line-height:normal;max-width:var(--image-comparison-slider-width);letter-spacing:normal;margin:0 auto}.product-before-after-slider__image-caption p+ul{margin-top:-10px}.product-before-after-slider__image-caption.rte strong{font-family:SutroW01-ExtraBold,serif;font-size:18px;line-height:1.2}@media screen and (min-width:750px){.product-before-after-slider__image-caption.rte strong{font-size:22px}}.product-before-after-slider__image-caption.rte p{margin-bottom:10px}.product-before-after-slider__image-caption p+ul{list-style:none;margin:0;padding:0}.product-before-after-slider__handle{position:absolute;top:0;left:calc(50% - var(--image-comparison-slider-handle-width) / 2);width:var(--image-comparison-slider-handle-width);height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;z-index:2;pointer-events:auto;-ms-touch-action:pan-x;touch-action:pan-x}.product-before-after-slider__handle-line{width:2px;flex-grow:1;background-color:#fff}.product-before-after-slider__handle-arrows{width:var(--image-comparison-slider-handle-width);height:var(--image-comparison-slider-handle-width);color:#fff;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:space-evenly;background-color:#ffffff80;-ms-touch-action:pan-x;touch-action:pan-x}.product-before-after-slider__handle-arrows .arrow-after,.product-before-after-slider__handle-arrows .arrow-before{display:flex;align-items:center;justify-content:center;color:#fff;color:#3333334d;width:12px;height:7px}.product-before-after-slider__handle-arrows .arrow-before{transform:rotate(90deg)}.product-before-after-slider__handle-arrows .arrow-after{transform:rotate(-90deg)}.product-before-after-slider__handle-arrows .arrow-after svg,.product-before-after-slider__handle-arrows .arrow-before svg{display:block;width:12px;height:7px}.product-before-after-results .slick-arrow{position:relative;-webkit-transform:none;-ms-transform:none;transform:none;background:none;display:inline-flex;justify-content:center}.product-before-after-results .slick-prev:before,.product-before-after-results .slick-next:before{font-family:SutroW01-Bold,serif;color:var(--color-heading);font-size:30px}.product-before-after-results .slick-prev:before{content:"<"}.product-before-after-results .slick-next:before{content:">"}.product-before-after-results .slider-nav-alt{display:none}@media screen and (max-width:749px){.product-before-after-results .slick-dotted.slick-slider{margin-bottom:10px}.product-before-after-results .slider-nav-alt{display:flex;align-items:center;justify-content:center}.product-before-after-results :is(.slick-prev,.slick-next){position:relative;line-height:.9}.product-before-after-results .slick-prev{order:1}.product-before-after-results .slick-next{order:3}.product-before-after-results .slick-dots{position:relative;bottom:0;width:auto;order:2;padding:0 10px;display:flex;align-items:center;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/section-product-before-after-alt.css.map */