.comparison-image--wrapper.comparison-content--left,.comparison-image--wrapper:not(.comparison-content--left) .comparison-heading--wrapper{padding-inline:2rem}.comparison-image--wrapper:is(.comparison-content--left) .comparison-slide--wrapper{border-radius:var(--rounded-block)}.main-heading+.button{margin-bottom:1.875rem}.comparison-tag{position:absolute;top:1.875rem;left:1.875rem;background-color:rgb(var(--background-color));padding:.19rem .5rem;display:inline-block;border-radius:10rem;font-size:var(--text-small);z-index:1}.comparison-image--after .comparison-tag{left:auto;right:1.875rem}.comparison-slide--wrapper{position:relative;z-index:0;display:block;overflow:hidden;--percentage: 50%}.comparison-slide-item{display:block;position:relative;overflow:hidden}.comparison-image--after{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;overflow:hidden;clip-path:inset(0rem 0rem 0rem var(--percentage, 50%))}.comparison-image-title{position:absolute;bottom:1.875rem;left:1.875rem;z-index:1;margin:0;opacity:1;visibility:visible;transition:opacity .25s ease;text-transform:inherit;color:rgba(var(--text-color));max-width:80%}.comparison-image--after .comparison-image-title{left:unset;right:3rem;text-align:right}.comparison-slide-button{top:0;left:var(--percentage);height:100%;width:2rem;margin-inline-start:-1.1875rem;cursor:col-resize;color:currentColor;background:none;border:none;z-index:2}.comparison-slide-button:before{content:"";position:absolute;background-color:#fff;pointer-events:none;top:0;left:50%;height:100%;width:.13rem}.comparison-slide-button span{position:relative;width:2rem;height:3.625rem;border-radius:10rem;background-color:rgba(var(--background-color));box-shadow:0 0 0 .3rem rgba(var(--background-color),.3)}.comparison-slide-button:focus-visible span{outline:-webkit-focus-ring-color auto 1px}.comparison-slide-item :is(img,svg){position:absolute;top:0rem;left:0rem;width:100%;height:100%;object-fit:cover}@media screen and (min-width: 992px){.comparison-image--wrapper.comparison-content--left,.comparison-image--wrapper:not(.comparison-content--left) .comparison-heading--wrapper{padding-inline:max(3.3rem,50vw - var(--scrollbar-width, 0rem) / 2 - var(--page-width) / 2)}.comparison-image--wrapper:is(.comparison-content--left){display:flex;align-items:flex-start}.comparison-image--wrapper:is(.comparison-content--left) .comparison-heading--wrapper{flex:0 0 32%;padding-right:4rem}.comparison-image--wrapper:is(.comparison-content--left) .comparison-slide--wrapper{flex:1 1 auto;flex-grow:1}}@media screen and (min-width: 1201px){.comparison-image--wrapper:is(.comparison-content--left) .comparison-heading--wrapper{padding-right:8rem}}@media screen and (min-width: 1921px){.comparison-image--wrapper:is(.comparison-content--left){max-width:75%;margin:0 auto}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/before-after.css.map */