.before-after{background-color:var(--background-white-pure);padding:2rem}.before-after__container{display:flex;flex-direction:column;gap:2.5rem;padding:2rem 1rem;border-radius:1.5rem}.before-after__text{display:flex;flex-direction:column;gap:2rem}.before-after__intro{display:flex;flex-direction:column;gap:1rem}.before-after__heading{margin:0;font-family:var(--font-atten-new);font-size:2rem;font-weight:400;line-height:1;letter-spacing:-.09375rem;color:var(--text-primary-dark)}.before-after__subheading{margin:0;font-size:1.125rem;line-height:1.2;letter-spacing:-.03125rem;color:var(--text-primary-dark)}.before-after__lists{display:flex;flex-direction:column;gap:.5rem}.before-after__card{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border:.915px solid var(--neutral-light-300);border-radius:1rem;background-color:#fff9}.before-after__card-title{margin:0;font-size:1.375rem;font-weight:700;line-height:1.09;letter-spacing:-.03125rem;color:var(--text-primary-dark)}.before-after__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.before-after__item{display:flex;align-items:flex-start;gap:.686rem}.before-after__check{flex-shrink:0;display:inline-flex;width:1.5rem;height:1.5rem}.before-after__item-text{font-size:.875rem;line-height:1.15;letter-spacing:-.03125rem;color:var(--text-primary-dark)}@media(max-width:767.98px){.before-after__check{margin-top:calc((.875rem * 1.15 - 1.5rem) / 2)}}.before-after__media{display:flex;flex-direction:column;gap:.5rem}.before-after__figure{position:relative;width:100%;aspect-ratio:545 / 629;border-radius:1rem;overflow:hidden;background-color:var(--background-gray-lighter);touch-action:pan-y}.before-after__layer{position:absolute;top:0;right:0;bottom:0;left:0}.before-after__layer--before{clip-path:inset(0 calc(100% - var(--ba-pos, 50%)) 0 0)}.before-after__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.before-after__divider{position:absolute;top:0;bottom:0;left:var(--ba-pos, 50%);width:4px;margin-left:-2px;background-color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none}.before-after__handle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:50%;background-color:#fff}.before-after__handle svg{width:.8125rem;height:.8125rem}.before-after__copy{position:absolute;top:86.47%;width:44.95%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.7px;border-radius:4.32px;color:var(--ba-caption-color, #fff);letter-spacing:-.03125rem;pointer-events:none}.before-after__copy--before{left:2.2%}.before-after__copy--after{left:53.03%}.before-after__copy{opacity:1;transition:opacity .25s ease,visibility .25s}.before-after__figure.is-hiding-after .before-after__copy--after,.before-after__figure.is-hiding-before .before-after__copy--before{opacity:0;visibility:hidden}@media(prefers-reduced-motion:reduce){.before-after__copy{transition:none}}.before-after__eyebrow{font-size:.625rem;line-height:1.2;text-transform:uppercase}.before-after__label{font-size:.75rem;line-height:1.2}.before-after__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize}.before-after__range::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:100%}.before-after__range::-moz-range-thumb{width:44px;height:100%;border:none;background:transparent}.before-after__range:focus-visible~.before-after__divider .before-after__handle{outline:2px solid var(--brand-secondary-pure);outline-offset:2px}.before-after__disclaimer{margin:0;font-size:.75rem;line-height:1.2;text-align:center;color:var(--text-primary-gray)}@media(min-width:768px)and (max-width:1279.98px){.before-after{padding:3rem 4rem}.before-after__container{padding:2.5rem 2rem}.before-after__heading{font-size:2.5rem}.before-after__item-text{font-size:1.25rem}.before-after__media{gap:1rem}.before-after__divider{width:6px;margin-left:-3px}.before-after__handle{width:2.1875rem;height:2.1875rem}.before-after__handle svg{width:1.1875rem;height:1.1875rem}.before-after__copy{top:89.35%;padding:5.895px;border-radius:9.432px}.before-after__eyebrow{font-size:.75rem}.before-after__label{font-size:1rem}.before-after__disclaimer{font-size:.875rem}}@media(min-width:1280px){.before-after{padding:4rem 7rem}.before-after__container{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;padding:2.5rem 2rem}.before-after__text{flex:0 0 auto;width:35.625rem}.before-after__heading{font-size:2.5rem}.before-after__subheading{font-size:1.25rem}.before-after__lists{gap:1rem}.before-after__item-text{font-size:1.25rem}.before-after__media{flex:0 0 auto;width:34.0625rem;gap:1rem}.before-after__divider{width:5px;margin-left:-2.5px}.before-after__handle{width:1.875rem;height:1.875rem}.before-after__handle svg{width:1rem;height:1rem}.before-after__copy{top:89.35%;padding:5px;border-radius:8px}.before-after__eyebrow{font-size:.75rem}.before-after__label{font-size:1rem}.before-after__disclaimer{font-size:.875rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-product-before-after.css.map */