.product-before-after .section-headings{display:flex;align-items:flex-start;gap:32px;justify-content:space-between}.product-before-after .subheading{font-weight:var(--font-body-weight);letter-spacing:normal;font-family:var(--font-heading-family)}.product-before-after .list-headings .heading,.product-before-after .heading{letter-spacing:normal;font-family:var(--font-heading-family)}.product-before-after .list-headings .text{font-weight:var(--font-body-weight);letter-spacing:normal;font-family:var(--font-body-family);color:rgb(var(--color-foreground));margin-top:10px}.product-before-after .before-after-grid{margin-top:50px}.product-before-after .grid_item_list{background:rgb(var(--color-background));padding:50px}.product-before-after .grid_item_list ul>li:not(:first-child){margin-top:32px}.before-after-slider{position:relative;width:100%;max-width:100%;overflow:hidden;height:100%;display:flex}.before-after-container{position:relative;width:100%;height:100%;overflow:hidden}.before-after-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.before-after-after-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;clip-path:inset(0 0 0 var(--slider-position));transition:clip-path .1s ease-out}.before-after-slider-handle{position:absolute;top:0;left:var(--slider-position);width:4px;height:100%;cursor:ew-resize;z-index:3;transform:translate(-50%);transition:left .1s ease-out;display:block!important;background-color:var(--handle-color, #f1f1f1)}.before-after-slider-handle:before{content:"";position:absolute;top:50%;left:50%;width:54px;height:74px;background-color:var(--handle-background-color);border:2px solid var(--handle-border-color);border-radius:30px;transform:translate(-50%,-50%)}.before-after-slider-handle:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2240%22%20height%3D%2225%22%20viewBox%3D%220%200%2040%2025%22%3E%3Cimage%20data-name%3D%227e0df80a768000abfe4869961c4604a8c616ed70d2-kP9RW6%20%E6%8B%B7%E8%B4%9D%2013%22%20width%3D%2226%22%20height%3D%2225%22%20xlink%3Ahref%3D%22data%3Aimg%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABoAAAAZCAYAAAAv3j5gAAABVElEQVRIie3Wy0pcQRAG4G8yM%2FFKGHUhiIK4cOd7uAnZBBzBC6i403fxJVz5BCK4cyWIJJAQsgkB3Xq%2F32iokcOg4gxzXM0PTXef%2F3T%2FVdVV57QmMNHMokaxgi18RTlPkUfc4icKeYrUWi5oi7RFPk6khN7oU%2BtEX7ybnn%2BJcTm4Ssx7Mtzn4J6LbhVrGdEj7GAcBzjDYHCnuMIYDmM%2BFIV8Hv1ocGmfIr7VLLip8%2Ba19tAEtytCcokq1tGR8WoT%2F3ERIRvAnwhRJbw8Cq4vuNT34xgnMd6uP6PvsWmy4i%2BW8SnDlzLzrrq1pQhRQvd7EmIqLLnDD8zHweeC6XA9xXwfC%2B%2B18i0UX%2BDSL%2BAfJjGCYVzjd2RUyzEVaVzLnKVWePYSCiF2kxFbjHLIRayaEdvDXJ4JUo3UryXITJ53htn43Nxjo67GWo4Utl9RoLmj8dsPngC7snPyXQ%2FhKwAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3Cimage%20id%3D%22_7e0df80a768000abfe4869961c4604a8c616ed70d2-kP9RW6_%E6%8B%B7%E8%B4%9D_14%22%20data-name%3D%227e0df80a768000abfe4869961c4604a8c616ed70d2-kP9RW6%20%E6%8B%B7%E8%B4%9D%2014%22%20x%3D%2215%22%20width%3D%2225%22%20height%3D%2225%22%20xlink%3Ahref%3D%22data%3Aimg%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAABWklEQVRIie3Wz0ocQRDH8Y%2BuxD8YdU28BCU5RhPfwFxz8RzfI0%2BQFxAERTaQg%2BQZTIi%2BiaCXmIMShGSJ0QiyCQ010CwGZoYd8LAFBd3T3fOtX1V3z6hhI3hUZ2FZS4APOMBCU5B1%2FMRffCkLalWEjGMMz%2FESqwG7rhfz%2Fy29fDtTlFL3cNCQZCvYCVAvQNNNgJbRwY9QdIjZQUNGojbvM1Cqz3xToE5Wo09NnaMX2EU3QPto3zUx7ZCZaD%2FAJOaiP53leyK8mDsV%2FUV8DEihaKaQ%2BwqbEcUznOFXLPqDK9xiCee4xFP8Dk%2B76wm%2BYi2DJ%2FuMjdR4ndH7vVdzLPe3Y9HZixx2Q0U70nMcuyUV8iJO9lxEexLzHuM7bkL9eqYkpWwrNUbjwWRfjVrZtdM%2FNhrXS1GTwnIF%2B%2BX2TDXrDQFDwP0HvMNpVUDVb%2FxRXJ7f8KZ6jOWt2q8Q%2FgHxyXNPyHLJwwAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:center;transform:translate(-50%,-50%);pointer-events:none;background-size:24px}.before-after-text-overlay{position:absolute;top:var(--text-position-y);padding:8px 16px;background-color:rgba(var(--overlay-text-background-color),.5);color:var(--overlay-text-color);font-size:16px;font-weight:600;z-index:2;pointer-events:none;transform:translateY(-50%)}.before-after-text-before{left:var(--text-position-x)}.before-after-text-after{right:var(--text-position-x)}@media (min-width: 990px){.product-before-after .grid{--grid-desktop-horizontal-spacing: 24px}}@media (max-width: 989px){.product-before-after .section-headings{flex-wrap:wrap;flex-direction:column-reverse;gap:24px}}@media (max-width: 749px){.product-before-after .grid_item_list{padding:24px 15px}.product-before-after .before-after-grid{margin-top:40px;flex-direction:column-reverse}.before-after-container,.before-after-placeholder{height:500px}.before-after-text-overlay{font-size:16px;padding:6px 12px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/product-before-after.css.map */