.before-after{background-color:#f8f8f8;padding-block:6rem}.before-after__panel:not(.active){display:none}.before-after__tabs{display:flex;gap:0;margin-bottom:4rem;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;position:relative;padding-bottom:1px;margin-right:-2rem;margin-left:-2rem;padding-left:2rem;padding-right:2rem}.before-after__tabs:after{content:"";display:block;position:absolute;bottom:0;width:100%;height:1px;background:#e1e1e1}.before-after__tabs::-webkit-scrollbar{display:none}.before-after__tab{display:flex;align-items:center;gap:2rem;flex:0 0 auto;min-width:30rem;padding:1.5rem 1rem;border:none;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;text-align:left;font-family:inherit;text-transform:none;color:#4d4d4d;margin-bottom:-1px;border-bottom:1px solid #E1E1E1;position:relative;z-index:1;transition:all .5s}.before-after__tab.active{color:#000;border-bottom-color:#000}.before-after__tab-image{flex:0 0 auto;width:5rem;height:5rem;background:#fff}.before-after__tab-image img{width:100%;height:100%;object-fit:contain}.before-after__tab-title{font-size:1.8rem;font-weight:400;line-height:1.2;letter-spacing:.0015em}.before-after__wrapper{display:flex;flex-direction:column;gap:4rem}.before-after__header{margin-bottom:4rem}.before-after__title{font-family:proxima-nova,sans-serif;font-size:2rem;font-weight:600;line-height:2.4rem;letter-spacing:.02em;text-transform:uppercase;margin-bottom:2rem;color:#000}.before-after__content *{font-size:1.6rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#4d4d4d}.before-after__content p:not(:last-child){margin-bottom:2rem}.before-after__bottom-text{margin-top:4rem}.before-after__content.before-after__bottom-text *{font-size:1.4rem;line-height:1.8rem}.before-after__subheading{font-family:ivypresto-display,sans-serif;font-style:italic;font-weight:300;line-height:1;font-size:2.4rem;letter-spacing:.1rem;color:#000;margin-block:2rem 2.4rem}.before-after__widget{padding-block:2rem;position:relative;padding-left:4.2rem}.before-after__widget svg{position:absolute;top:2rem;left:1rem;width:2.2rem;height:2.2rem}.before-after__widget h3{font-family:proxima-nova,sans-serif;font-weight:600;font-size:2.4rem;line-height:2.4rem;margin:0 0 .4rem;letter-spacing:.02em;text-transform:uppercase}.before-after__widget h3 *{font-size:inherit;font-weight:inherit}.before-after__widget p{font-size:1.4rem;line-height:1.8rem;margin:0;letter-spacing:0;color:#000}.before-after__widget:not(:last-child){border-bottom:1px solid #EEEEEE}.before-after__widget--2{border-bottom:1px solid #EEEEEE}.ba-slider{touch-action:pan-y;position:relative;display:block;width:100%;height:233px;overflow:hidden;-webkit-user-select:none;user-select:none}.ba-slider img{display:block;width:100%;height:100%;pointer-events:none;max-width:none;object-fit:contain}.ba-after-wrapper img{display:block;width:calc(100vw - 4rem);max-width:153rem;height:100%;pointer-events:none;object-fit:contain}.ba-after-wrapper{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}.ba-handle{position:absolute;top:0;left:50%;height:100%;width:0;cursor:ew-resize;z-index:3}.ba-line{position:absolute;left:-1px;width:1px;height:100%;background:#fff}.ba-circle{display:flex;justify-content:center;align-items:center;gap:.3rem;position:absolute;top:50%;left:-19px;width:38px;height:38px;background:#f8f8f8;color:#000;transform:translateY(-50%)}@media(min-width:1024px){.before-after__wrapper{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:6rem}.before-after__body{flex:1}.before-after__media{flex:0 0 600px}.ba-slider{height:543px}.ba-after-wrapper img{width:600px}}@media(min-width:1440px){.ba-after-wrapper img{width:826px}.before-after__media{flex:0 0 826px}.before-after__widgets{display:flex;flex-direction:row;gap:3.3rem;border:none}.before-after__widget{flex:1;position:relative}.before-after__widget--2,.before-after__widget:not(:last-child){border-bottom:none}.before-after__widget:not(:last-child):before{position:absolute;top:50%;right:-1.7rem;transform:translateY(-50%);content:"";display:block;width:100%;height:2.2rem;width:1px;background:#e1e1e1;margin-bottom:3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/243/assets/section-before-after.css.map */