.g-image-comparison{display:block;overflow:hidden;position:relative}.g-image-comparison[data-animation]{--percent:95%}@media screen and (min-width:768px){.g-image-comparison[data-animation]{--percent:98%}}.g-image-comparison[is-visible]{--percent:50%}.g-image-comparison--media{background:#f3f3f3;display:block;overflow:hidden;pointer-events:none;position:relative}.g-image-comparison__after{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:2}[data-layout=horizontal] .g-image-comparison__after{clip-path:inset(0 0 0 var(--percent,50%))}[data-layout=vertical] .g-image-comparison__after{clip-path:inset(var(--percent,50%) 0 0 0)}.g-image-comparison__before .g-placeholder-svg{background-color:rgba(0,0,0,.439)}.g-image-comparison__button{background-color:transparent;border:none;color:inherit;cursor:pointer;padding:0;position:absolute;transition:none;z-index:2}.g-image-comparison__button svg{color:var(--color-text-body);width:12px}.g-image-comparison__button:after,.g-image-comparison__button:before{background-color:rgba(var(--bg-white),1);content:"";pointer-events:none;position:absolute}[data-layout=horizontal] .g-image-comparison__button:after,[data-layout=horizontal] .g-image-comparison__button:before{height:50%;left:50%;margin-left:-2.5px;width:5px}[data-layout=vertical] .g-image-comparison__button:after,[data-layout=vertical] .g-image-comparison__button:before{height:5px;margin-top:-2.5px;top:50%;width:50%}[data-layout=horizontal] .g-image-comparison__button:before{margin-top:-20px;top:0}[data-layout=vertical] .g-image-comparison__button:before{left:0;margin-left:-20px}[data-layout=horizontal] .g-image-comparison__button:after{bottom:0;margin-bottom:-20px}[data-layout=vertical] .g-image-comparison__button:after{margin-right:-20px;right:0}[data-layout=horizontal] .g-image-comparison__button{cursor:col-resize;height:100%;left:var(--percent,50%);margin-left:-14px;top:0;width:28px}[data-layout=vertical] .g-image-comparison__button{cursor:row-resize;height:28px;left:0;margin-top:-14px;top:var(--percent,50%);width:100%}.g-image-comparison__button span{align-items:center;background-color:rgba(var(--bg-white),1);border-radius:40px;box-shadow:0 21px 24px rgba(0,0,0,.15);color:rgba(var(--text-black),1);display:flex;height:50px;justify-content:center;left:50%;margin-left:-25px;margin-top:-25px;pointer-events:none;position:absolute;top:50%;width:50px}[data-layout=vertical] .g-image-comparison__button span{transform:rotate(90deg)}.g-image-comparison__animation{bottom:0;display:block;height:.1rem;left:0;pointer-events:none;position:absolute;width:100%}.g-image-comparison.g-animating .g-image-comparison__after{transition-duration:1s;transition-property:clip-path;transition-timing-function:ease}.g-image-comparison.g-animating .g-image-comparison__button{transition-duration:1s;transition-property:top,left;transition-timing-function:ease}.g-image-comparison__product{align-items:center;column-gap:20px;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:24px}.g-image-comparison--small{--hero-height:290px}.g-image-comparison--medium{--hero-height:360px}.g-image-comparison--large{--hero-height:420px}@media screen and (min-width:768px){.g-image-comparison--small{--hero-height:420px}.g-image-comparison--medium{--hero-height:560px}.g-image-comparison--large{--hero-height:720px}}.g-image-comparison__wrapper{height:var(--hero-height)}.g-image-comparison__wrapper img,.g-image-comparison__wrapper svg{display:block;height:100%;left:0;max-width:100%;object-fit:cover;position:absolute;top:0;width:100%}@media screen and (max-width:767px){.g-image-comparison__wrapper.has-mobile-image .g-image-comparison__image-desktop{display:none}}@media screen and (min-width:768px){.g-image-comparison__image-mobile{display:none!important}}.g-image-comparison__heading{align-items:center;background:rgba(var(--bg-white),1);box-shadow:0 21px 24px rgba(0,0,0,.149);color:rgba(var(--text-black),1);display:flex;font-weight:500;justify-content:center;left:20px;letter-spacing:.05rem;line-height:1;margin:0;min-height:40px;min-width:80px;opacity:1;padding:8px 20px;position:absolute;text-align:center;top:20px;transition:opacity var(--g-duration-default,.25s) ease;visibility:visible;z-index:2}.g-image-comparison__after .g-image-comparison__heading{left:auto;right:20px}.image-comparing .g-image-comparison__heading{opacity:0;visibility:hidden}.g-image-comparison[data-layout=vertical] .g-image-comparison__after .g-image-comparison__heading{bottom:20px;left:20px;right:auto;top:auto}