.section-before-after__header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-bottom:24px}.section-before-after__subtitle{font-size:12px;letter-spacing:.025em;text-transform:uppercase}.section-before-after__title{font-size:24px}.section-before-after__slider{position:relative;overflow:hidden;aspect-ratio:16/9;-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:ew-resize}.section-before-after__img{display:block;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;object-fit:cover}.section-before-after__img--before{position:relative}.section-before-after__img.placeholder-svg{background:#f2f1f0}.section-before-after__img--after{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;clip-path:inset(0 calc(100% - var(--split, 50%)) 0 0)}.section-before-after__handle{position:absolute;top:0;left:var(--split, 50%);display:flex;align-items:center;justify-content:center;width:2px;height:100%;pointer-events:none;background:#fff;transform:translate(-50%)}.section-before-after__handle svg{flex-shrink:0;width:32px;height:32px;padding:4px;border-radius:50%;color:var(--color-foreground);background:#fff}.section-before-after__btn{position:absolute;bottom:16px;pointer-events:auto}.section-before-after__btn--before{left:16px}.section-before-after__btn--after{right:16px}@media(min-width:750px){.section-before-after__title{font-size:32px}}@media(min-width:1024px){.section-before-after__title{font-size:36px}.section-before-after__slider{max-width:900px;margin-inline:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-before-after.css.map */