: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)}.before-and-after-grid{position:relative;display:grid;gap:4rem}.before-and-after-grid h2,.before-and-after-grid p,.before-and-after-grid ul{text-align:left!important;color:#403d39}.before-and-after-grid ul{list-style:none;padding:0;margin:0}.before-and-after-grid ul li{position:relative;padding-left:25px;margin-bottom:10px}.before-and-after-grid ul li:before{content:"";background-image:url(/cdn/shop/files/rc-tick-icon.svg?v=1694415590);background-size:contain;background-repeat:no-repeat;width:20px;height:20px;position:absolute;left:0;top:2px;margin-right:15px}.learn-more{margin-top:30px;padding-left:25px;position:relative;color:#252422}.learn-more:hover{text-decoration:underline}.learn-more:before{content:"";background-image:url(/cdn/shop/files/rc-alert-circle.svg?v=1694415590);background-size:contain;background-repeat:no-repeat;width:20px;height:20px;position:absolute;left:0;top:2px;margin-right:15px}.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-right:4rem}.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-bottom: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-right: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-bottom:3rem}}.section_slider_layout--shrink .before-and-after-grid{border-radius:25px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:50px;grid-row-gap:0px}@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-top:0;margin-bottom:1.6rem;letter-spacing:-.01em;line-height:1.3}.section_slider_layout--shrink .section-before-and-after-content{margin-top:0;margin-bottom: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-bottom:3rem}}.ims-container{position:relative;overflow:hidden;height:60rem;width:100%;padding-bottom:50px}.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:95%;width:95%;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;top: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}.ims-container .ims-slider .ims-handle-line,.ims-container .ims-slider div:empty.ims-handle-line{position:absolute;top:0;left: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;top:calc(50% - .4rem);left:50%;display:block;height:var(--ims-handle-circle-width);width:var(--ims-handle-circle-width);background:url(/cdn/shop/files/slider-arrows.svg?v=1694417240),#343741;background-repeat:no-repeat;background-size:contain;background-position:center;border:2px solid var(--color-white);border-radius:50%;background-size:60%;cursor:pointer;transform:translate(-50%,-50%)}.ims-container .ims-label{position:absolute;bottom:0;z-index:3;padding:0;background:transparent;color:#403d39;font-family:var(--font-heading-family);font-size:1.6rem;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{left:var(--ims-label-padding)}.ims-container .ims-label.ims-label-after{right:var(--ims-label-padding)}@media screen and (max-width: 749px){.ims-container .ims-label{font-size:1.1rem}.ims-container .ims-label-after{right:0!important}.ims-container .ims-label-before{left:0!important}.ims-container .ims-images-wrapper .ims-image img,.ims-container .ims-images-wrapper .ims-image svg{object-fit:contain}.ims-container{height:40rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-before-and-after.css.map */
