.before-after .page-width{max-width:1248px;background-color:#f8f1eb;padding:0;border-radius:.8rem}.before-after__card{display:flex;gap:6.4rem;align-items:flex-start;padding:4.8rem 7.8rem;background:#f8f1eb;border-radius:.8rem}.before-after__content{flex:0 0 37.5rem;max-width:37.5rem;padding-top:2.4rem;color:#686868}.before-after__subheading{margin:0 0 1.2rem;font-family:Outfit,sans-serif;font-size:1.3rem;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:#686868;opacity:.7}.before-after__heading{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:2.8rem;line-height:3.6rem;letter-spacing:0;font-weight:500;color:#3e3e3e}.before-after__text{margin-top:.6rem;font-family:Outfit,sans-serif;font-size:1.8rem;line-height:2.8rem;letter-spacing:-.05rem;color:#686868}.before-after__text p{margin:0}.before-after__text p+p{margin-top:1.2rem}.before-after__button-wrap{margin-top:2.4rem}.before-after__media-wrap{flex:1 1 0;min-width:0;padding:0}.before-after__media{display:block}.before-after__media-frame{position:relative;aspect-ratio:652 / 374.81;overflow:hidden;border-radius:.8rem;-webkit-user-select:none;user-select:none;touch-action:none;background:#d9d9d9}.before-after__image,.before-after__image img,.before-after__image svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.before-after__image img,.before-after__image svg{display:block;object-fit:cover}.before-after__image--before{overflow:hidden;z-index:2}.before-after__image--after{z-index:1}.before-after__labels{display:none}.before-after__label{display:inline-flex;align-items:center;min-height:3.2rem;padding:.7rem 1.2rem;border-radius:999px;background:#fff;color:#3e3e3e;font-family:Outfit,sans-serif;font-size:1.2rem;line-height:1;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.before-after__handle-group{position:absolute;top:0;bottom:0;left:var(--before-after-position);transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;pointer-events:none}.before-after__divider{flex:1 1 auto;width:2px;background:#fff;box-shadow:0 0 4px #00000040}.before-after__handle{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:4.4rem;height:4.4rem;padding:0;border:2px solid #ffffff;border-radius:50%;background:transparent;color:#fff;box-shadow:0 0 4px #0006;cursor:ew-resize;z-index:1;pointer-events:auto}.before-after__handle-icon{display:block;width:0;height:0;border-top:.6rem solid transparent;border-bottom:.6rem solid transparent}.before-after__handle-icon--left{border-right:.7rem solid currentColor}.before-after__handle-icon--right{border-left:.7rem solid currentColor}.before-after__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize;z-index:5}.before-after__caption{margin:1.2rem 0 0;font-family:DM Sans,sans-serif;font-size:1.4rem;line-height:1.4;color:#686868;opacity:.75}@keyframes before-after-handle-hint{0%,to{transform:translate(-50%)}25%{transform:translate(calc(-50% - 1.2rem))}50%{transform:translate(-50%)}75%{transform:translate(calc(-50% + 1.2rem))}}@keyframes before-after-icon-pulse{0%,to{opacity:1}50%{opacity:.65}}@media(prefers-reduced-motion:reduce){.before-after__media-frame.is-animated .before-after__handle,.before-after__media-frame.is-animated .before-after__handle-group,.before-after__media-frame.is-animated .before-after__handle-icon{animation:none}}@media screen and (max-width:989px){.before-after__card{align-items:flex-start;flex-direction:column-reverse;gap:2.4rem;width:min(100%,48rem);margin:0 auto;padding:0}.before-after__content{flex:none;max-width:none;width:100%;padding:24px 20px 0}.before-after__media-wrap{flex:none;width:100%;order:-1;padding:0 16px 24px}.before-after__media-frame{aspect-ratio:328 / 188}.before-after__handle{width:4rem;height:4rem}.before-after__heading{font-size:2.4rem;line-height:3.2rem;text-align:center}.before-after__text{font-size:1.6rem;line-height:2rem;letter-spacing:-1px;text-align:center;padding:0 13px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-before-after.css.map */