: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}.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{grid-template-columns:1fr minmax(2rem,86.2rem);gap:4rem}@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%}@media screen and (max-width: 749px){.ims-container{height:21.6rem}}.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;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("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%)}.ims-container .ims-label{position:absolute;bottom: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{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{display:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-before-and-after.css.map */