.before-after{display:flex;flex-direction:column;align-items:center;gap:32px;padding:32px 16px;border-radius:16px}.before-after .before-after__header{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;text-align:center}.before-after .before-after__subtitle{font-size:12px;font-weight:700;line-height:16px;letter-spacing:2px;text-transform:uppercase;color:#e20019}.before-after .before-after__heading{font-size:28px;font-weight:900;line-height:36px;text-transform:uppercase;color:#18181b}.before-after .before-after__description{font-size:14px;font-weight:400;line-height:22px;color:#52525c}.before-after .before-after__grid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%}.before-after .before-after__slider{position:relative;width:100%;max-width:444px;height:242px;overflow:hidden;border-radius:8px;cursor:ew-resize;user-select:none;-webkit-user-select:none}.before-after .before-after__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.before-after .before-after__img--before{z-index:1;clip-path:inset(0 50% 0 0)}.before-after .before-after__img--after{z-index:0}.before-after .before-after__divider{position:absolute;top:0;bottom:0;left:50%;z-index:3;width:1px;background-color:#fff;transform:translate(-50%);pointer-events:none}.before-after .before-after__handle{position:absolute;top:50%;left:50%;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;width:24px;height:48px;background-color:#fff;border-radius:999px;transform:translate(-50%,-50%);pointer-events:none}.before-after .before-after__handle-icon{display:block;width:10px;height:12px}.before-after .before-after__labels{position:absolute;top:10px;left:50%;z-index:5;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 50px);transform:translate(-50%);pointer-events:none}.before-after .before-after__label{font-size:16px;font-weight:700;line-height:24px;text-align:center;text-transform:uppercase;color:#fff}@media(min-width:768px){.before-after{padding:32px 80px}.before-after .before-after__heading{font-size:36px;line-height:44px}.before-after .before-after__description{font-size:16px;line-height:24px}.before-after .before-after__grid{flex-direction:row}}
/*# sourceMappingURL=/cdn/shop/t/211/assets/before-after-stylesheet.css.map */