.section-pdp-before-after{padding:32px 16px;background-color:#fff;font-family:Inter,sans-serif}.section-pdp-before-after .section-pdp-before-after-container{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:1440px;margin:0 auto}.section-pdp-before-after .section-pdp-before-after-header{display:flex;flex-direction:column;align-items:center;gap:12px}.section-pdp-before-after .section-pdp-before-after-subtitle{margin:0;font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:2.4px;text-align:center;text-transform:uppercase;color:#0a3b56}.section-pdp-before-after .section-pdp-before-after-heading{margin:0;font-family:Inter,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.02em;text-align:center;color:#111827}.section-pdp-before-after .section-pdp-before-after-slider{display:block;width:100%;max-width:512px;border-radius:16px;overflow:hidden;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:pan-y}.section-pdp-before-after .section-pdp-before-after-track{position:relative;width:100%;aspect-ratio:4 / 3}.section-pdp-before-after .section-pdp-before-after-after,.section-pdp-before-after .section-pdp-before-after-before{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.section-pdp-before-after .section-pdp-before-after-after img,.section-pdp-before-after .section-pdp-before-after-before img{display:block;width:100%;height:100%;object-fit:contain}.section-pdp-before-after .section-pdp-before-after-before{clip-path:inset(0 50% 0 0)}.section-pdp-before-after .section-pdp-before-after-divider{position:absolute;top:0;bottom:0;left:50%;display:flex;align-items:center;justify-content:center;width:2px;background-color:#fff;transform:translate(-50%)}.section-pdp-before-after .section-pdp-before-after-handle{position:absolute;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#fff;box-shadow:0 2px 8px #00000026;cursor:col-resize}.section-pdp-before-after .section-pdp-before-after-placeholder{width:100%;max-width:512px;border-radius:16px;overflow:hidden;aspect-ratio:4 / 3}.section-pdp-before-after .section-pdp-before-after-placeholder-svg{width:100%;height:100%}@media(min-width:750px){.section-pdp-before-after{padding:40px 60px}.section-pdp-before-after .section-pdp-before-after-heading{font-family:Inter,sans-serif;font-size:32px}}@media(min-width:1536px){.section-pdp-before-after .section-pdp-before-after-container{padding-inline:0}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/pdp-before-after.css.map */