.m-images-compare .M-compare-header{text-align:center;margin-bottom:36px}.m-images-compare .M-compare-header .M-subtitle{margin:0 0 6px;display:block}.m-images-compare .M-compare-header h2{margin:0}.m-images-compare .M-compare-grid{display:grid;grid-template-columns:140px 1fr 1fr;gap:0 30px;align-items:center;max-width:1100px;margin:0 auto;padding:0 20px}.m-images-compare .M-tabs{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.m-images-compare .M-tab-btn{background:none;border:none;cursor:pointer;padding:4px 0;transition:color .25s ease;letter-spacing:.3px;position:relative;line-height:1.2}.m-images-compare .M-tab-btn:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;transition:width .3s ease}.m-images-compare .M-tab-btn.active:after{width:100%}.m-images-compare .M-tooltip-area{display:flex;align-items:center;justify-content:center;min-height:120px}.m-images-compare .M-tooltip-box{display:none;border:1px solid #e8e8e8;border-radius:14px;padding:20px 22px;line-height:1.65;max-width:250px;box-shadow:0 4px 20px #00000012;text-align:left;animation:M-tooltipFade .3s ease}@keyframes M-tooltipFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.m-images-compare .M-tooltip-box.active{display:block}.m-images-compare .M-tooltip-box p{margin:0}.m-images-compare .M-compare-wrapper{position:relative;display:flex;justify-content:center}.m-images-compare .M-compare-circle{border-radius:50%;overflow:hidden;border-width:2.5px;border-style:solid;aspect-ratio:1 / 1;width:100%;max-width:460px;position:relative}.m-images-compare .M-compare-container{position:relative;--position: 50%;width:100%;height:100%;overflow:hidden}.m-images-compare .M-compare-images{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.m-images-compare .M-compare-image-after{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%;object-fit:cover;object-position:center;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;display:block;transition:opacity .3s ease}.m-images-compare .M-compare-image-before{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--position);overflow:hidden;z-index:2}.m-images-compare .M-compare-image-before img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;display:block;transition:opacity .3s ease}.m-images-compare .M-img-fade{opacity:0!important}.m-images-compare .M-compare-sliderpreview{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:col-resize;z-index:10;margin:0;padding:0}.m-images-compare .M-compare-slider-line{position:absolute;top:0;left:var(--position);transform:translate(-50%);width:2px;height:100%;background-color:#fff;z-index:4;pointer-events:none}.m-images-compare .M-compare-slider-btn{position:absolute;top:50%;left:var(--position);transform:translate(-50%,-50%);background-color:#fff;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none;box-shadow:0 2px 10px #00000038}.m-images-compare .M-mobile-tabs-row{display:none;justify-content:center;gap:24px;margin-top:20px;margin-bottom:6px}.m-images-compare .M-mobile-tooltip-area{display:none;text-align:center;margin:0 auto;max-width:340px;padding:0 16px}.m-images-compare .M-mobile-tooltip{display:none;line-height:1.65;padding:16px 20px;border-radius:12px;border:1px solid #e8e8e8;box-shadow:0 3px 14px #0000000f;animation:M-tooltipFade .3s ease}.m-images-compare .M-mobile-tooltip.active{display:block}.m-images-compare .M-mobile-tooltip p{margin:0}@media (max-width: 1100px){.m-images-compare .M-compare-grid{grid-template-columns:110px 1fr 1fr;gap:0 18px}}@media (max-width: 767px){.m-images-compare .M-compare-header{margin-bottom:14px}.m-images-compare .M-compare-grid{display:flex;flex-direction:column}.m-images-compare .M-tabs,.m-images-compare .M-tooltip-area{display:none}.m-images-compare .M-compare-wrapper{width:100%}.m-images-compare .M-compare-circle{max-width:340px;margin:0 auto}.m-images-compare .M-mobile-tabs-row{display:flex}.m-images-compare .M-mobile-tooltip-area{display:block}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/umerzaman152.css.map */