.before-after{padding-top:64px;padding-bottom:64px;background:var(--color-background, #ffffff)}.before-after__inner{max-width:1280px;margin:0 auto;padding:0 20px;text-align:center}.before-after__title{margin:0 0 12px}.before-after__subtitle{max-width:52ch;margin:0 auto 40px;color:var(--color-text-secondary, #5c5c5c)}.before-after__grid{display:grid;grid-template-columns:1fr;gap:32px;text-align:left}.before-after__item{display:flex;flex-direction:column}.before-after__frame{position:relative;width:100%;aspect-ratio:4 / 5;border-radius:16px;overflow:hidden;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#f2ede8}.before-after__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.before-after__img--placeholder{background:#f2ede8}.before-after__img--after{clip-path:inset(0 var(--ba-reveal-right, 50%) 0 0)}.before-after__tag{position:absolute;top:12px;z-index:2;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#0000008c;padding:4px 10px;border-radius:999px;pointer-events:none}.before-after__tag--before{left:12px}.before-after__tag--after{right:12px}.before-after__handle{position:absolute;top:0;bottom:0;left:50%;width:0;border-left:2px solid #ffffff;transform:translate(-1px);z-index:3;pointer-events:none}.before-after__handle-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:#fff;color:var(--color-accent, #b5675a);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000040}.before-after__frame:focus-visible{outline:3px solid var(--color-accent, #b5675a);outline-offset:2px}.before-after__caption{margin:12px 0 0;font-weight:600;text-align:center}.before-after__disclaimer{margin:32px 0 0;font-size:12px;color:var(--color-text-secondary, #9a9a9a)}@media screen and (max-width:699px){.before-after__grid{gap:24px}.before-after__frame{max-width:260px;margin:0 auto}.before-after__caption{max-width:260px;margin-left:auto;margin-right:auto}}@media screen and (min-width:700px){.before-after__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1200px){.before-after__grid{grid-template-columns:repeat(3,1fr);gap:24px}}
/*# sourceMappingURL=/cdn/shop/t/102/assets/section-before-after-sculptlift.css.map */