.compare{position:relative;width:100%;max-width:1028px;margin:auto}.compare-wrapper{position:relative;width:100%;overflow:hidden;border-radius:var(--border-radius)}.compare-slider{position:relative;width:100%;overflow:hidden}.compare-after{z-index:2}.compare-before,.compare-after,.compare-img-before,.compare-img-after{width:100%;height:100%;max-height:600px;display:block;object-fit:cover}@media (max-width: 767px){.compare-img-before,.compare-img-after{max-height:300px}}.compare-after{position:absolute;top:0;left:0;clip-path:inset(0 50% 0 0)}.compare-handle{position:absolute;top:0;bottom:0;left:50%;width:4px;background:#fff;cursor:ew-resize;z-index:3;overflow:visible}.compare-handle-icon{display:flex;align-items:center;justify-content:center;width:6px;height:88px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compare-handle-icon:before{content:"";position:absolute;left:-8px;top:50%;width:0;height:0;border-style:solid;border-width:6px 6px 6px 0;border-color:transparent #fff transparent transparent;transform:translateY(-50%)}.compare-handle-icon:after{content:"";position:absolute;right:-8px;top:50%;width:0;height:0;border-style:solid;border-width:6px 0 6px 6px;border-color:transparent transparent transparent #fff;transform:translateY(-50%)}.compare-before:before,.compare-after:before{content:attr(data-tag);position:absolute;top:0;background-color:#333c;color:#fff;padding:6px 12px;font-size:13px;font-weight:500;border-radius:4px;z-index:2}.compare-before:before{right:0;border-bottom-left-radius:0}.compare-after:before{border-bottom-right-radius:0;left:0}.compare-slider{overflow:hidden}.compare-section-wrapper{display:flex;flex-direction:column;gap:2rem}.compare-content{display:flex;flex-direction:column;gap:1rem;text-align:center}.compare-heading{margin:0}.compare-description{font-size:1.6rem;margin-top:1rem}@media screen and (min-width: 750px){.compare-section-wrapper{flex-direction:row;align-items:center;gap:4rem}.compare-content{flex:1;gap:2rem;padding:2rem}.compare-handle-icon{width:12px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/before-and-after.css.map */