.df-ba{padding:64px 20px}.df-ba__header{text-align:center;margin-bottom:48px}.df-ba__eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--df-ba-accent, #e91e8c);margin-bottom:12px}.df-ba__heading{font-size:clamp(28px,5vw,42px);font-weight:800;line-height:1.1;margin:0 0 12px;color:#111}.df-ba__subheading{font-size:16px;color:#555;margin:0}.df-ba__track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:8px;max-width:1100px;margin:0 auto}.df-ba__track::-webkit-scrollbar{display:none}.df-ba__slide{flex:0 0 min(400px,85vw);scroll-snap-align:center;display:flex;flex-direction:column;gap:16px}.df-ba__frame{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:16px;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;cursor:col-resize;background:#eee}.df-ba__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.df-ba__img--after{clip-path:inset(0 0 0 50%);transition:clip-path 0ms}.df-ba__divider{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;transform:translate(-50%);pointer-events:none;box-shadow:0 0 8px #0000004d}.df-ba__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #0003;pointer-events:none}.df-ba__handle svg{width:20px;height:20px;fill:none;stroke:#333;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.df-ba__label-before,.df-ba__label-after{position:absolute;bottom:14px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:20px;pointer-events:none}.df-ba__label-before{left:14px;background:#00000080;color:#fff}.df-ba__label-after{right:14px;background:#e91e8cd9;color:#fff}.df-ba__caption{display:flex;gap:8px;flex-wrap:wrap}.df-ba__caption-pill{font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;background:#f5f5f5;color:#444}.df-ba__caption-pill--name{background:#fce4ec;color:#c2185b}.df-ba__caption-pill--duration{background:#f3e5f5;color:#7b1fa2}.df-ba__caption-pill--concern{background:#e8f5e9;color:#2e7d32}.df-ba__footnote{text-align:center;font-size:12px;color:#999;margin-top:32px;max-width:600px;margin-left:auto;margin-right:auto}.df-ba__placeholder{width:100%;aspect-ratio:3 / 4;border-radius:16px;background:#f5f0f5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#bbb;font-size:13px;border:2px dashed #ddd}@media (max-width: 600px){.df-ba__slide{flex:0 0 88vw}.df-ba__heading{font-size:28px}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/section-before-after.css.map */