.before-after-section{max-width:900px;margin-left:auto;margin-right:auto;padding:0 20px;text-align:center}.before-after-slider{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:12px;-webkit-user-select:none;user-select:none;cursor:ew-resize;box-shadow:0 4px 20px #0000001a}.before-after-image{position:absolute;top:0;left:0;height:100%;overflow:hidden}.before-after-image--after{width:100%}.before-after-image--before{width:50%;border-right:3px solid #ffffff}.before-after-image img,.before-after-placeholder{position:absolute;top:0;left:0;height:100%;object-fit:cover;display:block}.before-after-image--after img,.before-after-image--after .before-after-placeholder{width:100%}.before-after-image--before img,.before-after-image--before .before-after-placeholder{width:200%;max-width:none}.before-after-label{position:absolute;top:16px;background:#000000b3;color:#fff;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;z-index:2}.before-after-label--before{left:16px}.before-after-label--after{right:16px}.before-after-handle{position:absolute;top:0;bottom:0;width:3px;background:#fff;transform:translate(-50%);cursor:ew-resize;z-index:3}.before-after-handle-circle{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;color:#333;box-shadow:0 2px 8px #00000040}.before-after-slider.is-dragging{cursor:ew-resize}.before-after-content{margin-top:32px}.before-after-heading{font-size:clamp(26px,3.5vw,36px);font-weight:700;margin:0 0 16px}.before-after-description{font-size:16px;line-height:1.5;color:#555;max-width:550px;margin:0 auto 28px}.before-after-description p{margin:0}.before-after-button{display:inline-block;padding:14px 32px;border-radius:6px;font-weight:700;font-size:14px;text-decoration:none;transition:opacity .2s ease}.before-after-button:hover{opacity:.85}@media screen and (max-width:749px){.before-after-slider{aspect-ratio:1 / 1}.before-after-content{margin-top:24px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-before-after.css.map */