.container-media{place-content:center;position:relative;overflow:hidden;--position: 50%}.container-media .image-container{aspect-ratio:1.78;position:relative}.hero-area-service-details .section-thumb .slider-image{width:100%;height:100%;object-fit:cover;object-position:left top}.hero-area-service-details .section-thumb .image-after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero-area-service-details .section-thumb .image-before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;-webkit-mask-image:linear-gradient(to right,#000 0,#000 var(--position),transparent var(--position),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 var(--position),transparent var(--position),transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.container-media .slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;opacity:0;width:100%;height:100%;z-index:3}.container-media .slider:focus-visible~.slider-button{outline:5px solid black;outline-offset:3px}.container-media .slider-line{position:absolute;top:0;right:0;bottom:0;left:0;width:.2rem;height:100%;background-color:#fff;z-index:4;left:var(--position);transform:translate(-50%);pointer-events:none;box-shadow:0 0 10px #00000080}.container-media .slider-button{position:absolute;background-color:#fff;color:#000;padding:.5rem;border-radius:100vw;display:grid;place-items:center;top:50%;left:var(--position);transform:translate(-50%,-50%);pointer-events:none;z-index:5;box-shadow:0 2px 10px #0000004d}
/*# sourceMappingURL=/cdn/shop/t/8/assets/global-hero-image-compare.css.map */