.nbody-before-after-section{padding:60px 0 44px}.before-after-row{display:flex;align-items:center;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;justify-content:space-around}.before-after-content-col{max-width:60%;width:auto;padding-left:15px;padding-right:15px}.before-after-image-col{max-width:40%;width:100%;padding-left:15px;padding-right:15px}.before-after-image-col{position:relative;overflow:hidden}.before-after-title{font-weight:700;font-size:34px;line-height:41px;letter-spacing:.03em;text-transform:uppercase;margin-bottom:25px;color:#1a1a1a}.before-after-desc{font-weight:400;font-size:18px;line-height:24px;max-width:438px;margin:0 auto 40px;text-align:center;color:#1a1a1a;letter-spacing:0px;width:100%}.tab-intro{font-weight:700;font-size:14px;text-transform:uppercase;text-align:center;margin-bottom:10px;color:#1a1a1a}.thumb-single-image{margin-right:34px}.wrapper{width:100%;height:100%;position:relative;overflow:hidden;display:none}.wrapper.active{display:block}.before,.after{width:100%;height:100%;background-repeat:no-repeat;background-color:#fff;background-size:cover;background-position:center;position:absolute;top:0;left:0;pointer-events:none;overflow:hidden}.content-image{height:100%}.after{width:337px}.scroller{width:50px;height:50px;position:absolute;left:100px;top:50%;transform:translateY(-50%);border-radius:50%;border:5px solid #4c3a34;background-color:#4c3a34;opacity:.9;pointer-events:auto;cursor:pointer}.scroller:hover{opacity:1}.scrolling{pointer-events:none;opacity:1}.scroller__thumb{width:100%;height:100%;padding:5px;margin:0;box-sizing:border-box}.scroller:before,.scroller:after{content:" ";display:block;width:7px;height:9999px;position:absolute;left:50%;margin-left:-3.5px;z-index:30;transition:.1s}.scroller:before{top:100%}.scroller:after{bottom:100%}.scroller:before,.scroller:after{background:#4c3a34}.thumb-single-image{max-width:64px;width:100%;height:80px}.thumb-single-image.active{border:2px solid #3d2e29;border-radius:12px}.thumb-single-image img{width:100%;height:100%;object-fit:cover;min-height:72px;border-radius:10px}.thumb-image-list{display:flex;justify-content:center}.before-after-title{text-align:center}.thumb-image-list{margin-bottom:30px}#before-after-slider{width:100%;position:relative;overflow:hidden;max-height:559px;height:100%;border-style:solid;border-width:4px;border-color:#4c3a34;border-radius:16px}.content-image{object-fit:cover}#after-image{display:block;height:100%}#after-image img{width:100%}#before-image{position:absolute;height:100%;width:50%;top:0;left:0;overflow:hidden;z-index:2}#resizer{position:absolute;display:flex;align-items:center;z-index:2;top:0;left:50%;height:100%;width:4px;background:#3d2e29;-ms-touch-action:pan-y;touch-action:pan-y}#resizer:after{background-image:url(https://cdn.shopify.com/s/files/1/1241/5344/files/Group_48095495.svg?v=1677848330);content:"";position:absolute;background-size:contain;margin:0 0 0 -19px;width:40px;height:40px;border-radius:50%}.before-after-content-col .btn-black:hover{background-color:#000;color:#fff}.caption-text-input{font-weight:400;font-size:16px;line-height:22px;letter-spacing:0px;color:#1a1a1a;max-width:475px;margin:30px auto 0;text-align:center}.ba-mobile-button{display:none}@media screen and (max-width: 767.98px){.before-after-content-col,.before-after-image-col{max-width:100%}.thumb-image-list{display:block;text-align:center;overflow-x:auto;overflow-y:hidden;white-space:nowrap;margin-left:-15px;margin-right:-15px}.thumb-single-image{display:inline-block}#before-after-slider{max-height:360px}.thumb-single-image{margin-right:20px}.nbody-before-after-section{padding:40px 0}.before-after-title{font-weight:700;font-size:30px;line-height:36px;text-align:center;letter-spacing:.03em;margin-bottom:24px;color:#1a1a1a}.before-after-desc{margin:0 auto 24px}.ba-desktop-button{display:none}.ba-mobile-button{display:block;margin-top:30px}}.before-tag{position:absolute;bottom:0;left:-2px;border-radius:8px;background:#0006;padding:20px;color:#fff;font-weight:700;font-size:16px;line-height:19px;letter-spacing:.03em;text-transform:uppercase}.after-tag{position:absolute;bottom:0;right:-2px;border-radius:8px;background:#0006;padding:20px;color:#fff;font-weight:700;font-size:16px;line-height:19px;letter-spacing:.03em;text-transform:uppercase}@media screen and (max-width: 767.98px){.before-tag,.after-tag{padding:14px;font-size:12px;line-height:15px}}
/*# sourceMappingURL=/cdn/shop/t/331/assets/nbody-before-after.css.map */