.before-after-section{overflow:hidden}.before-after-section .before-after-container{width:100%;display:grid;grid-template-columns:minmax(0,58%) minmax(0,42%);align-items:stretch}.before-after-section .before-after-slider{position:relative;width:100%;height:100%;overflow:hidden;cursor:ew-resize;user-select:none;-webkit-user-select:none;touch-action:none;outline:none}.before-after-section .before-after-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.before-after-section .before-after-before{width:var(--before-width);z-index:2}.before-after-section .before-after-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none}.before-after-section .before-after-before .before-after-image{width:var(--visual-width, 100%);min-width:var(--visual-width, 100%)}.before-after-section .before-after-placeholder{width:100%;height:100%;display:block;object-fit:cover;background:#e5e5e5}.before-after-section .before-after-label{position:absolute;top:60px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:40px;background:color-mix(in srgb,var(--badge-bg) 22%,transparent);color:var(--badge-text);font-size:14px;line-height:1;font-weight:600;text-transform:uppercase;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none}.before-after-section .before-label{left:50px}.before-after-section .after-label{right:50px}.before-after-section .before-after-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--badge-text)}.before-after-section .before-after-divider{position:absolute;top:0;bottom:0;left:var(--before-width);z-index:2;width:3px;background:var(--background-color);transform:translate(-50%);cursor:ew-resize}.before-after-section .before-after-divider-button{position:absolute;top:50%;left:50%;width:40px;height:70px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:4px;border-radius:30px;background:var(--background-color);box-shadow:0 4px 20px #0000001f;flex-direction:column}.before-after-section .before-after-divider-button span{display:block;width:18px;height:3px;border-radius:5px;background:var(--highlight-color)}.before-after-section .before-after-info{min-width:0;height:100%;box-sizing:border-box;display:flex;align-items:center;background:var(--secondary-bg-color)}.before-after-section .before-after-info-inner{width:100%;padding:90px 120px;margin:0 auto}.before-after-section.position-left .before-after-container{grid-template-columns:minmax(0,42%) minmax(0,58%)}.before-after-section.position-left .before-after-visual{order:2}.before-after-section.position-left .before-after-info{order:1}.before-after-section .before-after-eyebrow{margin-bottom:15px;font-size:13px;font-weight:700;letter-spacing:.12em;opacity:.7}.before-after-section .before-after-heading{margin:0 0 20px;line-height:1}.before-after-section .before-after-description{margin-bottom:55px;opacity:.8}.before-after-section .before-after-info-image{width:min(100%,270px);margin:25px 0 30px;overflow:hidden;border-radius:22px}.before-after-section .before-after-info-image img{display:block;width:100%;height:auto;object-fit:contain}.before-after-section .before-after-button{margin-top:5px}@media screen and (max-width:1400px){.before-after-section .before-after-info-inner{padding:70px}}@media screen and (max-width:1100px){.before-after-section .before-after-container{grid-template-columns:55% 45%}.before-after-section.position-left .before-after-container{grid-template-columns:45% 55%}.before-after-section .before-after-info-inner{padding:45px}.before-after-section .before-after-label{top:35px}.before-after-section .before-label{left:25px}.before-after-section .after-label{right:25px}}@media screen and (max-width:749px){.before-after-section .before-after-container,.before-after-section.position-left .before-after-container{display:flex;flex-direction:column;min-height:auto}.before-after-section .before-after-visual,.before-after-section .before-after-info{order:unset;width:100%}.before-after-section .before-after-visual{height:480px}.before-after-section .before-after-info{min-height:auto}.before-after-section .before-after-info-inner{max-width:none;padding:40px 20px}.before-after-section .before-after-heading{text-align:center}.before-after-section .before-after-description{text-align:center;margin-bottom:10px}.before-after-section .before-after-label{top:20px;padding:8px 12px;font-size:10px}.before-after-section .before-label{left:15px}.before-after-section .after-label{right:15px}.before-after-section .before-after-divider-button span{height:3px}.before-after-section .before-after-product{align-items:flex-start}.before-after-section .before-after-product-image{width:130px;min-width:130px}.before-after-section .before-after-info-inner{display:flex;flex-direction:column;justify-content:center;align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/before-after-section.css.map */