.image-comparator{position:relative;width:100%;overflow:hidden;background:#d3d3d3;border-radius:.8rem}.image-comparator .img-container{width:100%;position:relative}.image-comparator .img-before,.image-comparator .img-after{width:100%;height:auto;display:flex;align-items:center;justify-content:center}.image-comparator .img-before img,.image-comparator .img-after img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.image-comparator .img-after{position:absolute;top:0;left:0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:2}.image-comparator .handle{position:absolute;top:0;left:50%;width:.4rem;height:100%;cursor:ew-resize;z-index:10;background:#d3d3d3;transition:background .3s}.image-comparator .handle-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:2.4rem 2.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;border-radius:3.6rem;background:#fff;box-shadow:0 0 3.2rem #00000040}@media screen and (max-width: 960px){.image-comparator .img-before img,.image-comparator .img-after img{width:150%}.image-comparator .handle-label{padding:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ImgBeforeAfter.css.map */