.before-after-section{padding:80px 0}.before-after-wrapper{display:grid;grid-template-columns:360px 1fr;gap:60px;align-items:center}.before-after-content h2{margin:0 0 20px;line-height:1.15}.before-after-content .rte{opacity:.85}.before-after-slider{position:relative;width:100%;height:var(--desktop-height);overflow:hidden;border-radius:12px;-webkit-user-select:none;user-select:none;cursor:ew-resize;background:#000}.before-after-images{position:relative;width:100%;height:100%}.before-image,.after-image{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.before-image img,.after-image img{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.before-image{z-index:1}.after-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden}.image-label{position:absolute;bottom:24px;z-index:40;padding:10px 18px;background:#000000b8;color:#fff;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.before-label{right:24px}.after-label{left:24px}.slider-line{position:absolute;top:0;left:50%;width:2px;height:100%;background:#fff;transform:translate(-50%);z-index:30}.slider-handle{position:absolute;top:50%;left:50%;width:64px;height:64px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;display:flex;justify-content:center;align-items:center;gap:8px;box-shadow:0 12px 30px #0000002e;cursor:grab}.slider-handle:active{cursor:grabbing}.arrow{font-size:18px;font-weight:700;line-height:1;color:#111}.before-after-slider.dragging,.before-after-slider.dragging .slider-handle{cursor:grabbing}.before-after-content{max-width:360px}.before-after-content p:last-child{margin-bottom:0}.after-image,.slider-line{transition:width .08s linear,left .08s linear}.before-after-slider.dragging .after-image,.before-after-slider.dragging .slider-line{transition:none}@media(max-width:990px){.before-after-wrapper{grid-template-columns:1fr;gap:36px}.before-after-content{max-width:100%}}@media(max-width:749px){.before-after-section{padding:50px 0;text-align:center}.before-after-button{margin:28px auto 0}.before-after-slider{height:var(--mobile-height);border-radius:10px}.slider-handle{width:56px;height:56px}.image-label{left:16px;bottom:16px;padding:8px 14px;font-size:12px}}@media(max-width:749px){.before-label{right:16px;left:auto}.after-label{left:16px;right:auto}}.before-after-button{margin-top:28px;display:inline-flex}
/*# sourceMappingURL=/cdn/shop/t/3/assets/before-after.css.map */