.NW-Before-After-Section{padding-top:var(--top-padding-desktop);padding-bottom:var(--bottom-padding-desktop);background:var(--bg-color)}.before-after-picker-container{display:grid;place-content:center;position:relative;overflow:hidden;border-radius:0;--position: 50%;max-width:450px;width:100%}.before-after-picker-container .image-container{max-width:100%;width:100%;max-height:fit-content;aspect-ratio:1/1}.before-after-picker-container .slider-image{width:100%;height:100%;object-fit:cover;object-position:left}.before-after-picker-container .image-before{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--position)}.before-after-picker-container .slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;opacity:0;width:100%;height:100%;margin:0}.before-after-picker-container .slider:focus-visible~.slider-button{outline:5px solid black;outline-offset:3px}.before-after-picker-container .slider-line{position:absolute;top:0;right:0;bottom:0;left:0;width:.2rem;height:100%;background-color:#fff;left:var(--position);transform:translate(-50%);pointer-events:none}.before-after-picker-container .slider-button{position:absolute;background-color:#fff;color:#000;padding:.5rem;border-radius:100vw;display:grid;place-items:center;top:50%;left:var(--position);transform:translate(-50%,-50%);pointer-events:none;box-shadow:1px 1px 1px #08030380}.NW-Before-After-Section__content{display:flex;justify-content:center}.NW-Before-After-Section .NW-heading{margin-top:30px;text-align:left}.NW-Before-After-Section .NW-heading .rte{margin-top:20px;max-width:100%}.before-after-picker-container .slider-label{position:absolute;background:#e04713;z-index:1;color:#fff;font-size:12px;letter-spacing:0px;font-weight:700;padding:7px 10px;line-height:1;pointer-events:none;top:0;left:0}.before-after-picker-container .after-label.slider-label{left:auto;right:0}@media screen and (max-width: 749px){.NW-Before-After-Section .NW-heading .h2{font-size:26px;line-height:1.3}.NW-Before-After-Section{padding-top:var(--top-padding-mobile);padding-bottom:var(--bottom-padding-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/95/assets/nw-before-after.css.map */