.image-comparison[is-visible]{--percent: 50%}.image-comparison{position:relative;overflow:hidden;height:var(--mediaHeight)}.image-comparison-media{display:block;position:relative;overflow:hidden;height:100%}.image-comparison-after{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;overflow:hidden}.image-comparison .image-comparison-after{clip-path:inset(0px 0px 0px var(--percent, 50%))}.image-comparison-button{position:absolute;z-index:2;top:0;left:var(--percent, 50%);margin-left:-14px;height:100%;width:28px;cursor:col-resize}.image-comparison-button:before{content:"";position:absolute;top:0;left:50%;height:100%;width:2px;margin-left:-1px;background-color:#fff;pointer-events:none;box-shadow:0 0 8px #0000001c}.image-comparison-button-icon{--svg-inside--size: 22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;color:#000;background-color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 9px 11px #0000001c}.image-comparison-button-text{position:absolute;top:50%;transform:translateY(-50%);color:#fff;white-space:nowrap;z-index:1}.image-comparison-before .image-comparison-button-text{right:calc(100% - var(--percent) + 40px)}.image-comparison-after .image-comparison-button-text{left:calc(var(--percent) + 40px)}
/*# sourceMappingURL=/cdn/shop/t/31/assets/image-comparison.css.map */