.image-compare *{margin:0;padding:0;box-sizing:border-box}.image-compare{display:flex;justify-content:center;align-items:center;padding:40px 0;width:100%}.image-compare .wrapper{position:relative;height:500px;width:70%;overflow:hidden;background:#c3b09b;box-shadow:0 0 15px #00000026}.image-compare .images{position:relative;width:100%;height:100%}.image-compare .img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.base-img,.overlay-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.overlay-img{clip-path:inset(0 50% 0 0)}.image-compare .slider{position:absolute;top:0;width:100%;z-index:10}.image-compare .slider input{width:100%;outline:none;background:none;-webkit-appearance:none}.image-compare .slider input::-webkit-slider-thumb{height:500px;width:3px;background:none;-webkit-appearance:none;cursor:col-resize}.image-compare .drag-line{width:3px;height:100%;position:absolute;left:50%;pointer-events:none;background:#fff}.third-image{height:500px}.compare-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;z-index:20;color:#fff;cursor:pointer}.compare-handle:active{cursor:pointer;transform:translate(-50%,-50%) scale(.95)}.compare-handle svg{width:100%;height:100%;filter:drop-shadow(0px 10px 20px rgba(0,0,0,.25))}.third-image img{height:500px;width:100%;object-fit:cover}@media(max-width:768px){.image-compare .wrapper{width:100%;height:400px}.image-compare{display:flex;flex-direction:column;padding:20px 0}.compare-handle{top:35%}.third-image{height:auto}.third-image img{height:auto;width:100%;object-fit:cover}}
/*# sourceMappingURL=/cdn/shop/t/4/compiled_assets/styles.css.map */