.sc-before-after{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop);background-color:var(--section-background-color)}.sc-before-after-images__wrapper.sc-before-after-images__wrapper-container{position:relative;background-repeat:no-repeat;background-size:100% auto;width:calc(100% - 2 * var(--images-padding));aspect-ratio:172/67;margin-inline:var(--images-padding);border-radius:var(--radius-desktop);overflow:hidden}.sc-before-after-images__wrapper.sc-before-after-images__wrapper-no-container{position:relative;background-repeat:no-repeat;background-size:cover;max-height:100vh;margin-inline:var(--images-padding)}.compare-image-wrapper{width:100%;height:100%;position:absolute;left:50%;top:50%;overflow:hidden;transform:translate(-50%,-50%)}.sc-before-after-image{width:100%;height:100%;background-repeat:no-repeat;position:absolute;top:0;left:0;overflow:hidden;background-size:100vw auto;background-position:left center}.sc-before-after-image.before{background-image:var(--image-after-url)}.sc-before-after-image.after{background-image:var(--image-before-url)}.cscroll-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;width:20px;height:20px}.cscroll-icon svg{width:20px;height:20px}.canvas-image-holder{display:block;width:100%;background-position:bottom}.sc-before-after-image__label{font-family:Cera Pro;color:#fff;font-size:36px;font-style:normal;font-weight:700;line-height:32px;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:var(--image-label-margin);white-space:nowrap;height:100%;display:flex;align-items:center}.sc-before-after-image__label.before{justify-content:flex-end;text-align:right}.compare-scroller{width:2px;height:100%;background-color:#fff;position:absolute;left:50%;bottom:0;pointer-events:auto;cursor:pointer}.compare-scroller:before{content:"";display:block;position:absolute;top:0;left:-15px;width:30px;height:100%}.compare-scroller.scrolling{pointer-events:none;opacity:1}.compare-scroller .cscroller-icons{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:space-evenly;gap:9px}.sc-before-after-headings-wrapper{padding-bottom:32px;margin:0 auto;max-width:616px;display:flex;gap:32px;flex-direction:column;width:100%;justify-content:center;align-items:center}.sc-before-after-headings{display:flex;align-items:center;flex-direction:column;gap:4px}.sc-before-after-title,.sc-before-after-subtitle{margin:0}.sc-before-after-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.sc-before-after-description{text-align:center;line-height:20px}.button-add-outline{text-decoration:none}.sc-before-after-image__label--desktop{display:block}.sc-before-after-image__label--mobile{display:none}@media (max-width: 768px){.sc-before-after{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}.sc-before-after-image{background-size:cover}.cscroll-icon{width:16px;height:16px}.cscroll-icon svg{width:14px;height:14px}.sc-before-after-images__wrapper.sc-before-after-images__wrapper-container{max-width:100%;width:calc(100% - 2 * var(--images-padding-mob));aspect-ratio:179/234;margin-inline:var(--images-padding-mob);border-radius:var(--radius-mobile)}.sc-before-after-images__wrapper.sc-before-after-images__wrapper-no-container{aspect-ratio:179/234}.compare-scroller{width:2px}.compare-scroller .cscroller-icons{width:40px;height:40px;gap:0}.compare-scroller svg{height:10px;width:10px}.sc-before-after-headings-wrapper{gap:16px;max-width:none;padding:0 32px 32px}.sc-before-after-description{font-size:14px;line-height:16px}.sc-before-after-image__label--desktop{display:none}.sc-before-after-image__label--mobile{display:block;line-height:20px}}.after-pic{height:100%}@media (max-width: 768px){.sc-before-after-image__label{align-items:flex-end;font-size:18px;line-height:32px;letter-spacing:1px}.sc-before-after-image.before{background-image:var(--image-after-mob-url)}.after-pic{background-image:var(--image-before-mob-url);width:calc(100vw - 2 * var(--images-padding-mob));background-size:cover;aspect-ratio:179/234;background-position:left center}}