.images-comparison-image-wrapper,.images-comparison-content-wrapper{min-height:var(--mediaHeight);min-width:0}.image-comparison-media .media-fixed-height{min-height:var(--mediaHeight)}.images-comparison-content-inner{padding-inline:2rem;padding-block:4rem}.images-comparison-product-media{max-width:35rem}.images-comparison-nav-wrapper{display:flex;align-items:center;justify-content:center;position:absolute;bottom:1.6rem;z-index:1;width:100%;gap:4px}.images-comparison-nav-button{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.images-comparison-nav-button svg{display:block}.images-comparison-content-wrapper .swiper-pagination.swiper-pagination-bullets{padding-inline:0;position:static;width:auto}.image-comparison{display:block;position:relative;overflow:hidden;height:100%;--percent: 50%;--dragThickness: .3rem;--buttonSize: 4.2rem}.image-comparison[is-visible]{--percent: 50%}.image-comparison-after{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;overflow:hidden}.image-comparison-label{top:2rem;z-index:1}.image-comparison-before .image-comparison-label{inset-inline-start:2rem}.image-comparison-after .image-comparison-label{inset-inline-end:2rem}.image-comparison-button{cursor:col-resize;position:absolute;z-index:2;color:inherit;background:transparent;border:none;padding:0;transition:none}.image-comparison-button:before{content:"";position:absolute;background-color:#fff;pointer-events:none;box-shadow:0 0 8px #0000001c}.image-comparison-button-icon{top:50%;left:50%;width:var(--buttonSize);height:var(--buttonSize);transform:translate(-50%,-50%);color:#222;background-color:#fff}.image-comparison[data-direction=horizontal] .image-comparison-after{clip-path:inset(0 0 0 var(--percent, 50%))}[dir=rtl] .image-comparison[data-direction=horizontal] .image-comparison-after{clip-path:inset(0 var(--percent, 50%) 0 0)}.image-comparison[data-direction=horizontal] .image-comparison-button{top:0;inset-inline-start:var(--percent, 50%);margin-inline-start:-1.4rem;height:100%;width:2.8rem;cursor:col-resize}.image-comparison[data-direction=horizontal] .image-comparison-button:before{top:0;left:50%;height:100%;width:var(--dragThickness);margin-left:calc(var(--dragThickness) / -2)}.image-comparison[data-direction=vertical] .image-comparison-after{clip-path:inset(var(--percent, 50%) 0 0 0)}.image-comparison[data-direction=vertical] .image-comparison-after .image-comparison-label{inset-inline-start:2rem;inset-inline-end:auto;top:auto;bottom:2rem}.image-comparison[data-direction=vertical] .image-comparison-button{left:0;top:var(--percent, 50%);width:100%;height:2.8rem;margin-top:-1.4rem;cursor:row-resize}.image-comparison[data-direction=vertical] .image-comparison-button:before{top:50%;left:0;width:100%;height:var(--dragThickness);margin-top:calc(var(--dragThickness) / -2)}.image-comparison[data-direction=vertical] .image-comparison-button span{transform:rotate(90deg) translate(-50%,50%)}.image-comparison.is-animating .image-comparison-after{transition-property:clip-path;transition-duration:1s;transition-timing-function:ease}.image-comparison.is-animating .image-comparison-button{transition-property:top,left,right,inset-inline-start;transition-duration:1s;transition-timing-function:ease}.image-comparison.is-dragging{-webkit-user-select:none;user-select:none}.image-comparison.is-dragging .image-comparison-label{opacity:0}@media(prefers-reduced-motion:no-preference){.image-comparison:not([is-visible]){--percent: 95%}}@media(min-width:768px){.images-comparison-content-inner{padding-inline:3rem;padding-block:6rem}}@media(max-width:767px){.image-comparison{--dragThickness: .3rem;--buttonSize: 3.6rem}.images-comparison-content-wrapper .swiper-pagination.swiper-pagination-bullets{display:inline-flex}.images-comparison-nav-wrapper{bottom:1rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/images-comparison.css.map */