.before-after__grid{display:grid;gap:2.4rem;grid-template-columns:1fr}@media screen and (min-width:750px){.before-after__grid{grid-template-columns:repeat(2,1fr)}}.before-after__item{display:flex;flex-direction:column;gap:.8rem}.before-after__slider{position:relative;aspect-ratio:4 / 5;border-radius:1.6rem;overflow:hidden;touch-action:none;background:var(--pp-paper)}.before-after__before,.before-after__after{position:absolute;top:0;right:0;bottom:0;left:0}.before-after__before img,.before-after__after img,.before-after__before .placeholder-svg,.before-after__after .placeholder-svg{width:100%;height:100%;object-fit:cover}.before-after__tag{position:absolute;top:1rem;z-index:2}.before-after__before .before-after__tag{left:1rem}.before-after__after .before-after__tag{right:1rem}.before-after__handle{position:absolute;top:0;bottom:0;left:50%;width:.4rem;background:var(--pp-ink);transform:translate(-50%);cursor:ew-resize;z-index:3}.before-after__handle:after{content:"\2194";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.6rem;height:3.6rem;border-radius:50%;background:var(--pp-ink);color:var(--pp-paper);display:flex;align-items:center;justify-content:center;font-size:1.4rem}.before-after__label{text-align:center;font-family:var(--font-heading-family);text-transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-before-after.css.map */