.before-after__title{max-width:58rem}.before-after__text{max-width:58rem;margin:0 auto;color:rgb(var(--color-foreground))}.image-comparison{margin:0 auto;display:block;overflow:clip}.image-comparison__slider-wrapper{position:relative;overflow:clip;max-height:100%;border-radius:var(--media-radius);overflow:hidden}.before-after-section .image-with-text__content{border-radius:0}@media screen and (min-width: 750px){.before-after-section .image-with-text__content.background-transparent{padding-top:0;padding-bottom:0}}.image-comparison__image-wrapper{border-radius:var(--media-radius);overflow:hidden}.image-comparison__label{font-size:0;line-height:0}.image-comparison__label,.image-comparison__range{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background-color:transparent;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:ew-resize;z-index:20}@media (hover){.image-comparison__range:hover~.image-comparison__slider .image-comparison__thumb{-webkit-transform:scale(1.2);transform:scale(1.2)}}.image-comparison .image-comparison__slider-wrapper .image-comparison__range:active~.image-comparison__slider .image-comparison__thumb,.image-comparison .image-comparison__slider-wrapper .image-comparison__range:focus~.image-comparison__slider .image-comparison__thumb,.image-comparison .image-comparison__slider-wrapper .image-comparison__range--active~.image-comparison__slider .image-comparison__thumb{-webkit-transform:scale(.8);transform:scale(.8)}.image-comparison .image-comparison__slider-wrapper .image-comparison__range:focus-visible~.image-comparison__slider .image-comparison__thumb{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset);box-shadow:var(--focused-base-box-shadow);-webkit-transform:scale(1.2);transform:scale(1.2)}.image-comparison__image-wrapper--overlay{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.image-comparison__figure{margin:0}.image-comparison__figure:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--color-foreground),.05)}.image-comparison__figure:not(.image-comparison__figure--overlay){position:relative;padding-top:58.697%}.image-comparison__picture{width:100%;height:100%}.image-comparison__picture svg,.image-comparison__image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}.image-comparison__slider-wrapper .image-comparison__image{z-index:1}.before-after-section.image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__media,.before-after-section.image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__media .image-comparison__figure--overlay .image-comparison__image{border-top-left-radius:calc(var(--media-radius));border-bottom-left-radius:calc(var(--media-radius));border-radius:calc(var(--media-radius))}.image-comparison__caption{position:absolute;top:auto;bottom:3rem;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:rgba(var(--color-foreground),1)}.image-comparison__caption--before{left:3rem;z-index:100}.image-comparison__caption--after a,.image-comparison__caption--before a{text-decoration:none;color:rgba(var(--color-foreground),1)}.image-comparison__caption--after a:hover,.image-comparison__caption--before a:hover{color:rgb(var(--inline-button-color))}.image-comparison__caption--after{right:3rem;text-align:right;z-index:100}.image-comparison__caption-body{max-width:40vmin;margin:0;font-size:2rem}@media screen and (max-width: 749px){.image-comparison__caption-body{font-size:1.8rem}}.image-comparison__slider{position:absolute;top:0;left:calc(var(--percent));transform:translate(-3px);width:.6rem;height:100%;background-color:rgb(var(--color-button));z-index:10}.image-comparison__thumb{position:absolute;top:calc(50% - 1.5rem);left:calc(50% - 1.7rem);width:3.8rem;height:3.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border-radius:50px;-webkit-box-shadow:0 0 22px 0 rgba(0,0,0,.5);box-shadow:0 0 22px #00000080;-webkit-transform-origin:center;transform-origin:center;-webkit-transition:background-color .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:background-color .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,background-color .3s ease-in-out;transition:transform .3s ease-in-out,background-color .3s ease-in-out,-webkit-transform .3s ease-in-out}.image-comparison__range::-webkit-slider-runnable-track{width:2.6rem;height:3.4rem;opacity:0}.image-comparison__range::-moz-range-thumb{width:2.6rem;height:3.4rem;opacity:0}.image-comparison__range::-webkit-slider-thumb{width:2.6rem;height:3.4rem;opacity:0}.image-comparison__range::-ms-fill-lower{background-color:transparent}.image-comparison__range::-ms-track{position:relative;top:0;left:0;width:100%;height:100%;border:none;margin:0;padding:0;background-color:transparent;color:transparent;outline:none;cursor:col-resize}.image-comparison__range::-ms-thumb{height:100%;opacity:1}.image-comparison__range::-ms-tooltip{display:none}@media screen and (max-width: 749px){.image-comparison__caption{top:2rem}.image-comparison__caption-body a{font-size:1.6rem}.image-comparison__caption--after{right:2rem}.image-comparison__caption--before{left:2rem}}.before-after-section .image-with-text__grid--reverse-mobile{row-gap:5rem}.before-after-section .image-with-text__grid--reverse-mobile .image-with-text__content{padding-top:0}.image-comparison__image-wrapper .placeholder-svg{background-color:rgba(var(--color-background),.15)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-before-after.css.map */