.compare-tag{position:absolute;top:1.875rem;left:1.875rem;background-color:rgb(var(--background-rgb-color));padding:.19rem .5rem;display:inline-block;border-radius:.188rem;font-size:var(--font-size-sm);z-index:1}.compare-slide-wrapper{position:relative;z-index:0;display:block;overflow:hidden;--percentage: 50%;border-radius:var(--block-radius)}.compare-slide-item{display:block;position:relative;overflow:hidden}.compare-slide-after{position:absolute;z-index:1;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;overflow:hidden;clip-path:inset(0rem 0rem 0rem var(--percentage, 50%))}.compare-slide-after .compare-tag{inset-inline-start:auto;inset-inline-end:1.875rem}.compare-slide-button{inset-block-start:0;inset-inline-start:var(--percentage);height:100%;width:1.75rem;margin-inline-start:-1rem;cursor:col-resize;color:currentColor;background:none;border:none;z-index:2}.compare-slide-button:before{content:"";position:absolute;background-color:#fff;pointer-events:none;inset-block-start:0;inset-inline-start:50%;height:100%;width:.13rem}.compare-slide-button span{position:relative;width:1.75rem;height:3.625rem;border-radius:10rem;background-color:rgba(var(--background-rgb-color))}.compare-slide-item :is(img,svg){position:absolute;inset-block-start:0rem;inset-inline-start:0rem;width:100%;height:100%;object-fit:cover}.compare-slide-wrapper .card-product-contain{position:absolute;inset-block-end:1.25rem;inset-inline-end:1.25rem;background-color:rgb(var(--background-rgb-color));z-index:2;width:auto;max-width:20rem;border-radius:calc(var(--block-radius) - .8rem)}.compare-slide-wrapper .card-product-contain .media{width:4rem;min-width:4rem;height:4rem;border-radius:calc(var(--card-radius) - .6rem)}.compare-slider-section .swiper-pagination{position:unset;margin-block-start:1.25rem;width:max-content;padding:.5rem;background:rgb(var(--foreground-rgb-color) / .2);display:flex;align-items:center;justify-content:center;margin-inline:auto;border-radius:5rem}@media screen and (max-width:991.98px){.compare-slide-wrapper .card-product-contain .card-product-info-wrapper{display:none}.compare-slide-wrapper .card-product-contain{padding:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/compare-slide.css.map */