.grid-banner-wrapper figure:has(image-compare){margin-inline:0}.grid-banner-wrapper image-compare{--exposure: 50%;--thumb-background-color: rgba(255, 255, 255, .9);--thumb-background-image: url('data:image/svg+xml; utf8,<svg viewbox="0 0 60 60" width="60" height="60" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M20 20 L10 30 L20 40"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M40 20 L50 30 L40 40"/></svg>');--thumb-size: clamp(3em, 10vmin, 5em);--thumb-radius: 50%;--thumb-border-color: rgba(0, 0, 0, .9);--thumb-border-size: 2px;--focus-width: var(--thumb-border-size);--focus-color: #9df;--divider-width: 2px;--divider-color: rgba(0, 0, 0, .9)}.grid-banner-wrapper image-compare{position:relative;display:flex;width:fit-content;max-width:100%;margin-inline:auto}.grid-banner-wrapper image-compare img{width:100%;height:auto}.grid-banner-wrapper image-compare label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch}.grid-banner-wrapper image-compare [type=range]{cursor:col-resize;appearance:none;-webkit-appearance:none;background:none;border:none;margin:0 calc(var(--thumb-size) / -2);width:calc(100% + var(--thumb-size));height:unset}.grid-banner-wrapper image-compare [type=range]::-moz-range-track{height:unset;background:transparent}.grid-banner-wrapper image-compare [type=range]::-moz-range-thumb{background-color:var(--thumb-background-color);background-image:var(--thumb-background-image);background-size:90%;background-position:center center;background-repeat:no-repeat;border-radius:var(--thumb-radius);border:var(--thumb-border-size) var(--thumb-border-color) solid;color:var(--thumb-border-color);width:var(--thumb-size);height:var(--thumb-size);margin:0}.grid-banner-wrapper image-compare [type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 var(--focus-width) var(--focus-color)}.grid-banner-wrapper image-compare [type=range]::-webkit-slider-runnable-track{height:unset;background:transparent}.grid-banner-wrapper image-compare [type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--thumb-background-color);background-image:var(--thumb-background-image);background-size:90%;background-position:center center;background-repeat:no-repeat;border-radius:var(--thumb-radius);border:var(--thumb-border-size) var(--thumb-border-color) solid;color:var(--thumb-border-color);width:var(--thumb-size);height:var(--thumb-size);margin:0}.grid-banner-wrapper image-compare [type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 var(--focus-width) var(--focus-color)}.grid-banner-wrapper image-compare:not(:defined){flex-direction:row;overflow-x:auto}.grid-banner-wrapper image-compare:defined{flex-direction:column;overflow:clip}.grid-banner-wrapper image-compare:defined .image-2-wrapper{position:absolute;top:0;filter:drop-shadow(calc(-1*var(--divider-width)) 0 0 var(--divider-color))}.grid-banner-wrapper image-compare:defined .image-2-wrapper img{--_top-left: calc(var(--exposure) + var(--divider-width)/2);--_bottom-left: calc(var(--exposure) + var(--divider-width)/2);clip-path:polygon(var(--_top-left) 0,100% 0,100% 100%,var(--_bottom-left) 100%)}.grid-banner-wrapper image-compare+figcaption{text-align:center;margin-block-start:.5lh}.grid-banner-wrapper image-compare .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/after-before-image.css.map */