.usp-container .usp-main{display:grid;grid-template-areas:"heading" "slider" "content";grid-template-columns:1fr;gap:1rem}.usp-container .usp-info-column{display:contents}.usp-container .usp-descaler-heading{grid-area:heading}.usp-container .slider-container{grid-area:slider;width:100%;max-width:800px;background:#fff}.usp-container .usp-content-section{display:flex;flex-direction:column;grid-area:content;gap:0}.usp-container .before-after-slider{position:relative;width:100%;aspect-ratio:7 / 6;overflow:hidden;cursor:grab;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:22px;--reveal-pct: 50%}.usp-container .before-after-slider:active{cursor:grabbing}.usp-container .before-image,.usp-container .after-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.usp-container .before-image{clip-path:polygon(0 0,var(--reveal-pct) 0,var(--reveal-pct) 100%,0 100%)}.usp-container .slider-handle{position:absolute;top:0;left:var(--reveal-pct);z-index:2;width:3px;height:100%;cursor:ew-resize;background:#fff;transform:translate(-50%);transition:left .1s ease-out;-webkit-tap-highlight-color:transparent}.usp-container .slider-handle--dragging{transition:none}.usp-container .handle-icon{position:absolute;top:50%;left:50%;z-index:11;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0003}.usp-container .handle-icon svg{width:14px;height:14px;color:var(--descaler-color-primary)}.usp-container .usp-descaler-heading{margin:0 0 12px!important;font-family:var(--fields-display-font)!important;font-size:24px!important;font-weight:700!important;line-height:24px!important;color:var(--descaler-color-primary)!important;text-align:left!important}.usp-container .text-content{display:none;overflow:visible;font-family:var(--font-body-family);font-size:12px;line-height:21px;letter-spacing:0;color:#222;text-align:left;-webkit-line-clamp:unset;line-clamp:unset}.usp-container .text-content p{line-height:21px!important}.usp-container .before-after-caption{margin:12px 0 0;font-family:var(--font-body-family);font-size:13px;line-height:20px;color:#8b8b8b;text-align:center}.usp-container .before-after-pill{position:absolute;top:12px;z-index:1;display:inline-flex;flex-direction:column;align-items:flex-start;padding:4px 10px;font-family:"Montserrat",var(--font-body-family);font-size:12px;font-style:normal;font-weight:500;line-height:13px;color:#fff;background:#00000080;border-radius:12px}.usp-container .before-after-pill--before{left:12px}.usp-container .before-after-pill--after{right:12px}.usp-container .usp-benefits{display:none;flex-direction:column;gap:14px;margin:16px 0 0;padding:0;list-style:none}.usp-container .usp-benefits__item{display:flex;align-items:center;gap:1.3rem;max-width:56rem;min-height:5.6rem;padding:1.6rem 1.8rem;background-color:#eaf6f0;border-radius:1.4rem}.usp-container .usp-benefits__icon{display:flex;flex-shrink:0;width:2.4rem;height:2.4rem;color:var(--descaler-color-primary)}.usp-container .usp-benefits__icon svg,.usp-container .usp-benefits__icon img{width:100%;height:100%}.usp-container .usp-benefits__text{font-family:var(--font-body-family);font-size:1.5rem;line-height:normal;color:var(--descaler-color-text)}.usp-container{padding-top:var(--usp-pad-top, 0);padding-right:24px;padding-bottom:var(--usp-pad-bottom, 0);padding-left:24px}@media screen and (min-width:990px){.usp-container .usp-main{display:flex;align-items:flex-start;gap:64px}.usp-container .slider-container{flex:0 1 602px;max-width:602px}.usp-container .before-after-slider{aspect-ratio:602 / 480}.usp-container .usp-info-column{display:flex;flex-direction:column;flex:1 1 0}.usp-container .usp-descaler-heading{margin:0 0 24px!important;font-size:40px!important;line-height:38px!important;letter-spacing:0}.usp-container .text-content{display:block;max-width:560px;font-size:16px;line-height:24px;letter-spacing:0}.usp-container .text-content p{line-height:24px!important}.usp-container .before-after-caption{display:none}.usp-container .usp-benefits{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/custom-before-after-section-stylesheet.css.map */