.before-after__title{margin-bottom:2rem;text-align:center}.before-after__text{text-align:center;max-width:52rem;margin:0 auto;word-break:break-word}.image-comparison{border-radius:var(--media-radius);margin:0 auto}.image-comparison__content:not(.page-width) :is(.image-comparison,.image-comparison__image-wrapper){border-radius:0}.image-comparison img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-comparison:not(:first-child){margin:2.4rem auto 0}image-comparison{display:block;border-radius:var(--container-radius, var(--media-radius));overflow:clip}.image-comparison__slider-wrapper{position:relative}.image-comparison__image-wrapper{border-radius:var(--media-radius);overflow:hidden;z-index:20;pointer-events:none}.image-comparison__image-wrapper.image--after{position:relative}.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}.image-comparison__range{border-radius:var(--media-radius)}.image-comparison__range:focus-visible,.image-comparison__range:focus-visible~.image-comparison__slider .image-comparison__thumb{outline:0;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),1),0 0 .5rem .4rem rgba(var(--color-foreground),1)}.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:#f2f2f2}.image-comparison__figure:not(.image-comparison__figure--overlay){position:relative;padding-top:58.697%}.image-comparison__picture svg,.image-comparison__image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;overflow:hidden}.image-comparison__figure--overlay .image-comparison__picture svg,.image-comparison__figure--overlay .image-comparison__image{z-index:1}.image-comparison__product{position:absolute;bottom:3.5rem;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;flex-direction:column;-ms-flex-direction:column;flex-wrap:nowrap;-ms-flex-wrap:nowrap}.image-comparison__product--before{left:3.5rem;z-index:100}.image-comparison__product--after a,.image-comparison__product--before a{text-decoration:none;transition:all var(--duration-medium) ease}.image-comparison__slider{--_percent: var(--percent, 50%);--slider-width: 1.6rem;position:absolute;top:0;left:calc(var(--_percent));transform:translate(-5px);width:var(--slider-width);height:100%;background-color:rgb(var(--color-background));-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out;z-index:21;pointer-events:none}.image-comparison__slider-shape:empty{display:block}.image-comparison__slider-shape{--width: 100px;width:var(--width);height:var(--width);overflow:hidden;position:absolute;display:block;pointer-events:none}.image-comparison__slider-shape:before{--width: 200%;content:"";display:block;position:absolute;width:var(--width);height:var(--width);border-radius:var(--media-radius)}.image-comparison__slider-shape--top-right{top:0;left:var(--slider-width)}.image-comparison__slider-shape--top-right:before{top:0;left:0;box-shadow:-50px -50px rgb(var(--color-background))}.image-comparison__slider-shape--top-left{top:0;right:var(--slider-width)}.image-comparison__slider-shape--top-left:before{top:0;right:0;box-shadow:50px -50px rgb(var(--color-background))}.image-comparison__slider-shape--bottom-right{bottom:0;left:var(--slider-width)}.image-comparison__slider-shape--bottom-right:before{bottom:0;left:0;box-shadow:-50px 50px rgb(var(--color-background))}.image-comparison__slider-shape--bottom-left{bottom:0;right:var(--slider-width)}.image-comparison__slider-shape--bottom-left:before{bottom:0;right:0;box-shadow:50px 50px rgb(var(--color-background))}.image-comparison__slider-top:after{top:0;right:0;translate:100%}.image-comparison__slider-bottom:before{bottom:0;left:0;translate:-100%}.image-comparison__slider-bottom:after{bottom:0;right:0;translate:100%}.image-comparison__thumb{--thumb-width: 6.4rem;position:absolute;top:calc(50% - var(--thumb-width) / 2);left:calc(50% - var(--thumb-width) / 2);width:var(--thumb-width);height:var(--thumb-width);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:rgba(var(--button-color-bg),1);color:rgb(var(--color-foreground));border-radius:50%;background-color:rgb(var(--color-background));-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.8rem;height:5.1rem;opacity:0}.image-comparison__range::-moz-range-thumb{width:2.8rem;height:5.1rem;opacity:0}.image-comparison__range::-webkit-slider-thumb{width:2.8rem;height:5.1rem;opacity:0}@media screen and (min-width: 1560px){.extra-large-layout .image-comparison__thumb{--thumb-width: 8rem}}.image-comparison__range::-ms-fill-lower{background-color:rgb(var(--color-foreground))}.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 (min-width: 750px){.image-comparison{margin:0 auto}.image-comparison:not(:first-child){margin-top:4rem}}@media screen and (max-width: 749px){.image-comparison__thumb svg{width:2.4rem;height:auto}}.image-comparison__picture .image-comparison__default{display:block;width:100%;height:100%;background:url('data:image/svg+xml,<svg width="920" height="506" xmlns="http://www.w3.org/2000/svg" class="placeholder-svg placeholder image-comparison__image"><g><title>Layer 1</title><g id="svg_7"><path d="m432.59999,268.3c4.6,0 8.3,-3.7 8.3,-8.3s-3.7,-8.3 -8.3,-8.3s-8.3,3.7 -8.3,8.3s3.7,8.3 8.3,8.3zm0,-14.9c3.6,0 6.6,2.9 6.6,6.6s-2.9,6.6 -6.6,6.6s-6.6,-2.9 -6.6,-6.6s3,-6.6 6.6,-6.6z" id="svg_3"/><g id="svg_6"><path d="m524.29999,227l-121.5,0c-1.6,0 -2.8,1.3 -2.8,2.8l0,92.5c0,1.6 1.3,2.8 2.8,2.8l121.6,0c1.6,0 2.8,-1.3 2.8,-2.8l0,-92.5c0,-1.6 -1.3,-2.8 -2.9,-2.8zm1.1,95.3c0,0.6 -0.5,1.1 -1.1,1.1l-121.5,0c-0.6,0 -1.1,-0.5 -1.1,-1.1l0,-92.5c0,-0.6 0.5,-1.1 1.1,-1.1l121.6,0c0.6,0 1.1,0.5 1.1,1.1l0,92.5l-0.1,0z" id="svg_1" stroke="null"/><path d="m410.19999,313.8l29.6,0l0,0.1s0.1,0 0.2,-0.1l75.2,0l0,-76.2l-105,0l0,76.2zm1.8,-7.2l20,-20c1.6,-1.6 3.8,-2.5 6.1,-2.5s4.5,0.9 6.1,2.5l1.5,1.5l16.8,16.8c-12.9,3.3 -20.7,6.3 -22.8,7.2l-27.7,0l0,-5.5zm101.5,-10.1c-20.1,1.7 -36.7,4.8 -49.1,7.9l-16.9,-16.9l26.3,-26.3c1.6,-1.6 3.8,-2.5 6.1,-2.5s4.5,0.9 6.1,2.5l27.5,27.5l0,7.8zm-68.9,15.5c9.7,-3.5 33.9,-10.9 68.9,-13.8l0,13.8l-68.9,0zm68.9,-72.7l0,46.8l-26.2,-26.2c-1.9,-1.9 -4.5,-3 -7.3,-3s-5.4,1.1 -7.3,3l-26.3,26.3l-0.9,-0.9c-1.9,-1.9 -4.5,-3 -7.3,-3s-5.4,1.1 -7.3,3l-18.8,18.8l0,-64.8l101.4,0z" id="svg_2" stroke="null"/></g></g></g></svg>');background-size:cover;background-repeat:no-repeat;background-position:center}.image-comparison__image-wrapper:not(.image-comparison__image-wrapper--overlay) .image-comparison__picture .image-comparison__default{opacity:.5}.image-comparison__figure:not(.image-comparison__figure--overlay){padding-top:var(--img-height)}.before-after .title{max-width:53rem;margin-left:auto;margin-right:auto;line-height:1.2381}@media screen and (max-width: 989px){.before-after .title{margin-bottom:2rem}}@media screen and (max-width: 749px){.before-after .title{margin-bottom:1.6rem}.image-comparison__figure:not(.image-comparison__figure--overlay){padding-top:var(--img-height-mb)}}.before-after .left .description,.before-after .left .title{margin-left:0}.before-after .right .description,.before-after .right .title{margin-right:0}.before-after .description{color:rgb(var(--color-secondary-foreground));max-width:66rem;margin-left:auto;margin-right:auto}.no-js .image-comparison__slider{display:none}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-before-after.css.map */