:root{--ims-handle-circle-width: 4.4rem;--ims-label-padding: 2.25rem}.section-before-and-after{padding:var(--section-vertical-padding) 0;background-color:var(--color-body-background);background-color:#fff0da}.before-and-after-grid{position:relative;display:grid;gap:4rem}.section-before-and-after p{color:#5e5a59;text-align:center}.section_slider_layout--full .before-and-after-grid{grid-template-rows:auto auto;gap:4rem}.section_slider_layout--full .before-and-after-grid-col-text-content{display:grid;grid-template-columns:50% 50%}.section_slider_layout--full .before-and-after-grid-col-text-content-text-container{padding-inline-end:4r}.section_slider_layout--full .before-and-after-grid-col-text-content-button-container{display:flex;align-items:flex-end;justify-content:flex-end}.section_slider_layout--full .section-before-and-after-content{margin-block-end:0}@media screen and (max-width:749px){.section_slider_layout--full .before-and-after-grid-col-text-content{grid-template-rows:auto auto;grid-template-columns:1fr;gap:0}.section_slider_layout--full .before-and-after-grid-col-text-content-text-container{padding-inline-end:0}.section_slider_layout--full .before-and-after-grid-col-text-content-button-container{display:flex;align-items:flex-start;justify-content:flex-start}.section_slider_layout--full .section-before-and-after-content{margin-block-end:3rem}}.section_slider_layout--shrink .before-and-after-grid{width:100%;display:flex;height:100%}@media screen and (max-width:768px){.before-and-after-grid{flex-direction:column}}@media screen and (max-width:1199px){.section_slider_layout--shrink .before-and-after-grid{grid-template-rows:auto auto;grid-template-columns:1fr;gap:4rem}}.section-before-and-after{padding:var(--section-vertical-padding) 0}.section-before-and-after-title{margin-block-start:0;margin-block-end:1.6rem;letter-spacing:-.01em;line-height:1.3}.section_slider_layout--shrink .section-before-and-after-content{margin-block-start:0;margin-block-end:4.25rem;letter-spacing:-.01em;line-height:1.6}@media screen and (max-width:749px){.section_slider_layout--shrink .section-before-and-after-content{margin-block-end:3rem}}.ims-container{position:relative;overflow:hidden;height:60rem;width:100%}@media screen and (max-width:500px){.ims-container{height:21.6rem}}.ims-container{max-width:600px}.ims-container .ims-images-wrapper .ims-image{position:absolute;height:100%;width:100%;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ims-container .ims-images-wrapper .ims-image-before .ims-placeholder-svg{background-color:var(--color-background-accent-1)}.ims-container .ims-images-wrapper .ims-image-after .ims-placeholder-svg{background-color:var(--color-background-accent-2)}.ims-container .ims-images-wrapper .ims-image img,.ims-container .ims-images-wrapper .ims-image svg{height:100%;width:100%;object-fit:cover}.ims-container .ims-images-wrapper .ims-image-after{clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}.ims-container .ims-slider{position:absolute;inset-block-start:0;height:100%;width:100%;z-index:10}input[type=range].before-and-after-input{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%;width:100%;background-color:transparent;outline:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track .before-and-after-input{-webkit-appearance:none;appearance:none;box-shadow:none;border:none;background:transparent}input[type=range]::-moz-range-track .before-and-after-input{-moz-appearance:none;-webkit-appearance:none;appearance:none;box-shadow:none;border:none;background:transparent}input[type=range]::-ms-track .before-and-after-input{-webkit-appearance:none;appearance:none;box-shadow:none;border:none;background:transparent}input[type=range]::-webkit-slider-thumb .before-and-after-input{-webkit-appearance:none;appearance:none;height:var(--ims-handle-circle-width);width:var(--ims-handle-circle-width);box-shadow:none;border:none;background:transparent}input[type=range]::-moz-range-thumb .before-and-after-input{-moz-appearance:none;-webkit-appearance:none;appearance:none;height:var(--ims-handle-circle-width);width:var(--ims-handle-circle-width);box-shadow:none;border:none;background:transparent}input[type=range]::-ms-thumb .before-and-after-input{-webkit-appearance:none;appearance:none;height:var(--ims-handle-circle-width);width:var(--ims-handle-circle-width);box-shadow:none;border:none;background:transparent}[dir=rtl] .ims-container .ims-slider .ims-handle-line{transform:translate(-50%);left:50%;inset-inline-start:auto;z-index:3}.ims-container .ims-slider .ims-handle-line,.ims-container .ims-slider div:empty.ims-handle-line{position:absolute;inset-block-start:0;inset-inline-start:50%;display:block;height:100%;width:2px;background-color:var(--color-white);pointer-events:none}.ims-container .ims-slider .ims-handle-circle,.ims-container .ims-slider div:empty.ims-handle-circle{position:absolute;z-index:2;inset-block-start:calc(50% - .4rem);inset-inline-start:50%;display:block;height:var(--ims-handle-circle-width);width:var(--ims-handle-circle-width);background:url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' fill='currentColor'><path d='M15.4,16.8l-1.1-0.4c1-2.3,1.8-3.4,3.3-4.4c-1.6-1-2.4-2.1-3.3-4.3l1.1-0.4c1,2.4,1.8,3.3,3.7,4.3l1,0.5l-1,0.5C17.2,13.4,16.4,14.3,15.4,16.8z' fill='white' /><path d='M8.6,16.8c-1-2.5-1.8-3.3-3.7-4.3l-1-0.5l1-0.5c2-1,2.7-1.9,3.7-4.3l1.1,0.4C8.7,9.9,7.9,11,6.3,12c1.5,0.9,2.4,2.1,3.4,4.4L8.6,16.8z' fill='white' /></svg>"),var(--color-background-primary);border:2px solid var(--color-white);border-radius:50%;background-size:contain;cursor:pointer;transform:translate(-50%,-50%)}[dir=rtl] .ims-container .ims-slider .ims-handle-circle,[dir=rtl] .ims-container .ims-slider div:empty.ims-handle-circle{transform:translate(50%,-50%)}.ims-container .ims-label{position:absolute;inset-block-end:var(--ims-label-padding);z-index:3;padding:0;background:transparent;color:var(--color-white);font-family:var(--font-heading-family);font-size:1.8rem;font-weight:300;line-height:160%;letter-spacing:1px;text-transform:capitalize;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ims-container .ims-label.ims-label-before{inset-inline-start:var(--ims-label-padding)}.ims-container .ims-label.ims-label-after{inset-inline-end:var(--ims-label-padding)}@media screen and (max-width:749px){.ims-container .ims-label{display:none}}#section-before-and-after-template--23615361450325__before_and_after_jLnNhX h2{color:#000;text-align:center}#section-before-and-after-template--23615361450325__before_and_after_jLnNhX p{color:#000;margin:0}#section-before-and-after-template--23615361450325__before_and_after_jLnNhX .feature-image img{margin-top:2.5rem}.before-and-after-grid-col-slider{display:flex;justify-content:flex-end;width:50%}@media screen and (max-width:768px){.before-and-after-grid-col-slider{width:100%}}.before-and-after-grid-col-text-content{width:50%;display:flex;justify-content:center;align-items:center;padding:4.8rem var(--page-gutter)}#section-before-and-after-template--23615361450325__before_and_after_jLnNhX>div>div>div.before-and-after-grid-col-text-content>div.before-and-after-grid-col-text-content-text-container>div{display:flex;justify-content:center}.section-before-and-after{height:auto;padding:0}.section_slider_layout--shrink .before-and-after-grid{gap:0rem}.section-before-and-after .container{padding:0;height:100%}.section-before-and-after .container .ims-container{max-width:100%;width:100%;height:50vw}@media screen and (max-width:768px){.before-and-after-grid-col-text-content{width:100%}.before-and-after-grid-col-slider{width:100%;height:100vw}.before-and-after-grid{align-items:center}.section-before-and-after .container .ims-container{height:100%}}@media screen and (max-width:500px){.before-and-after-grid-col-slider{width:100%}.ims-container{margin:auto}#section-before-and-after-template--23615361450325__before_and_after_jLnNhX .container{padding:0}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-before-and-after.css.map */