.image-compare,.image-compare *{box-sizing:border-box}.image-compare{--compare-position: 50%;display:block;width:100%;padding:var(--ic-padding-top) var(--ic-side-desktop) var(--ic-padding-bottom);background:var(--ic-background)}.image-compare__inner{width:100%;max-width:var(--ic-max-width);margin-inline:auto}.image-compare__heading-wrap{display:flex;justify-content:var(--ic-heading-justify);width:100%}.image-compare__heading{width:min(100%,var(--ic-heading-max-width))!important;margin:0 0 var(--ic-heading-gap)!important;color:var(--ic-heading-color)!important;font-family:var(--ic-heading-font)!important;font-size:var(--ic-heading-size)!important;font-style:normal!important;font-weight:var(--ic-heading-weight)!important;line-height:var(--ic-heading-line-height)!important;letter-spacing:var(--ic-heading-letter-spacing)!important;text-align:var(--ic-heading-align)!important;text-transform:var(--ic-heading-transform)!important;text-wrap:balance}.image-compare__heading-highlight{color:var(--ic-highlight-color)}.image-compare[data-heading-gradient=true] .image-compare__heading-highlight{color:transparent;background-image:linear-gradient(var(--ic-gradient-angle),var(--ic-gradient-start),var(--ic-gradient-end));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.image-compare__frame{position:relative;isolation:isolate;contain:layout paint style;width:100%;height:var(--ic-height-desktop);overflow:hidden;direction:ltr;background:var(--ic-empty-background);border:var(--ic-border-width) solid var(--ic-border-color);border-radius:var(--ic-radius-desktop);box-shadow:var(--ic-card-shadow);user-select:none;-webkit-user-select:none}.image-compare[data-height-mode=ratio] .image-compare__frame{height:auto;aspect-ratio:var(--ic-aspect-desktop)}.image-compare__layer,.image-compare__picture,.image-compare__image,.image-compare__placeholder,.image-compare__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.image-compare__layer{z-index:1;overflow:hidden}.image-compare__layer--before{z-index:2;clip-path:inset(0 calc(100% - var(--compare-position)) 0 0)}.image-compare.is-dragging .image-compare__layer--before{will-change:clip-path}.image-compare__picture{z-index:1}.image-compare__image,.image-compare__placeholder{width:100%!important;max-width:none!important;height:100%!important;pointer-events:none}.image-compare__image--before{object-fit:var(--ic-before-fit-desktop)!important;object-position:var(--ic-before-x-desktop) var(--ic-before-y-desktop)!important}.image-compare__image--after{object-fit:var(--ic-after-fit-desktop)!important;object-position:var(--ic-after-x-desktop) var(--ic-after-y-desktop)!important}.image-compare__placeholder{z-index:1;padding:clamp(24px,6vw,96px);color:#797979;background:var(--ic-empty-background)}.image-compare__overlay{z-index:2;pointer-events:none}.image-compare__layer--before .image-compare__overlay{background:linear-gradient(to top,var(--ic-before-overlay),transparent 58%)}.image-compare__layer--after .image-compare__overlay{background:linear-gradient(to top,var(--ic-after-overlay),transparent 58%)}.image-compare[data-before-overlay=solid] .image-compare__layer--before .image-compare__overlay{background:var(--ic-before-overlay)}.image-compare[data-after-overlay=solid] .image-compare__layer--after .image-compare__overlay{background:var(--ic-after-overlay)}.image-compare[data-before-overlay=none] .image-compare__layer--before .image-compare__overlay,.image-compare[data-after-overlay=none] .image-compare__layer--after .image-compare__overlay{display:none}.image-compare__content{position:absolute;z-index:3;display:flex;flex-direction:column;gap:var(--ic-copy-gap);width:max-content;max-width:min(var(--ic-content-max-width),calc(50% - var(--ic-content-inset-x)));opacity:1;text-shadow:var(--ic-text-shadow);pointer-events:none;transition:opacity var(--ic-copy-return-duration) ease-out}.image-compare[data-hide-copy-on-drag=true].is-dragging .image-compare__content{opacity:0;will-change:opacity;transition-duration:60ms;transition-timing-function:ease-in}.image-compare__content--before{color:var(--ic-before-text);text-align:var(--ic-before-align)}.image-compare__content--after{color:var(--ic-after-text);text-align:var(--ic-after-align)}.image-compare__content--top-left{top:var(--ic-content-inset-y);right:auto;bottom:auto;left:var(--ic-content-inset-x)}.image-compare__content--top-right{top:var(--ic-content-inset-y);right:var(--ic-content-inset-x);bottom:auto;left:auto}.image-compare__content--bottom-left{top:auto;right:auto;bottom:var(--ic-content-inset-y);left:var(--ic-content-inset-x)}.image-compare__content--bottom-right{top:auto;right:var(--ic-content-inset-x);bottom:var(--ic-content-inset-y);left:auto}.image-compare__eyebrow,.image-compare__item-title{margin:0!important;padding:0!important;color:inherit!important}.image-compare__eyebrow{font-family:var(--ic-eyebrow-font)!important;font-size:var(--ic-eyebrow-size)!important;font-style:normal!important;font-weight:var(--ic-eyebrow-weight)!important;line-height:var(--ic-eyebrow-line-height)!important;letter-spacing:var(--ic-eyebrow-letter-spacing)!important;text-transform:var(--ic-eyebrow-transform)!important}.image-compare__item-title{font-family:var(--ic-item-font)!important;font-size:var(--ic-item-size)!important;font-style:normal!important;font-weight:var(--ic-item-weight)!important;line-height:var(--ic-item-line-height)!important;letter-spacing:var(--ic-item-letter-spacing)!important;text-transform:var(--ic-item-transform)!important}.image-compare__range{position:absolute;z-index:7;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize;touch-action:pan-y}.image-compare__range::-webkit-slider-runnable-track{width:100%;height:100%;background:transparent;border:0}.image-compare__range::-webkit-slider-thumb{width:max(64px,var(--ic-handle-width));height:100%;appearance:none;-webkit-appearance:none;background:transparent;border:0}.image-compare__range::-moz-range-track{width:100%;height:100%;background:transparent;border:0}.image-compare__range::-moz-range-thumb{width:max(64px,var(--ic-handle-width));height:100%;background:transparent;border:0;border-radius:0}.image-compare__range:focus{outline:none}.image-compare__divider{position:absolute;z-index:6;top:0;bottom:0;left:var(--compare-position);width:0;pointer-events:none}.image-compare__divider:before{position:absolute;top:0;bottom:0;left:50%;width:var(--ic-divider-width);background:var(--ic-divider-color);content:"";transform:translate(-50%);transition:background-color .18s ease}.image-compare__handle{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:var(--ic-handle-width);min-width:44px;height:var(--ic-handle-height);min-height:44px;color:var(--ic-handle-icon-color);background:var(--ic-handle-background);border:var(--ic-handle-border-width) solid var(--ic-handle-border-color);border-radius:var(--ic-handle-radius);box-shadow:var(--ic-handle-shadow);transform:translate(-50%,-50%);transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}.image-compare__handle-icon{display:block;width:var(--ic-handle-icon-size);height:var(--ic-handle-icon-size)}.image-compare__range:hover+.image-compare__divider:before,.image-compare.is-dragging .image-compare__divider:before{background:var(--ic-divider-hover)}.image-compare__range:hover+.image-compare__divider .image-compare__handle,.image-compare.is-dragging .image-compare__handle{background:var(--ic-handle-hover-background);transform:translate(-50%,-50%) scale(1.04)}.image-compare__range:focus-visible+.image-compare__divider .image-compare__handle{outline:3px solid var(--ic-focus-color);outline-offset:3px;box-shadow:0 0 0 6px var(--ic-focus-offset-color),var(--ic-handle-shadow)}.image-compare__hint{display:flex;align-items:center;justify-content:center;gap:8px;margin:var(--ic-hint-gap) 0 0!important;padding:0!important;color:var(--ic-hint-color)!important;font-family:var(--ic-hint-font)!important;font-size:var(--ic-hint-size)!important;font-style:normal!important;font-weight:var(--ic-hint-weight)!important;line-height:1.4!important;text-align:center}.image-compare__hint svg{flex:0 0 auto;width:20px;height:20px}.image-compare__sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media screen and (max-width:1023px){.image-compare{padding-right:var(--ic-side-tablet);padding-left:var(--ic-side-tablet)}.image-compare__heading{font-size:var(--ic-heading-size-tablet)!important}.image-compare__frame{height:var(--ic-height-tablet)}}@media screen and (max-width:749px){.image-compare{padding:var(--ic-padding-top-mobile) var(--ic-side-mobile) var(--ic-padding-bottom-mobile)}.image-compare__heading-wrap{justify-content:var(--ic-heading-justify-mobile)}.image-compare__heading{width:min(100%,var(--ic-heading-max-width-mobile))!important;margin-bottom:var(--ic-heading-gap-mobile)!important;font-size:var(--ic-heading-size-mobile)!important;font-weight:var(--ic-heading-weight-mobile)!important;line-height:var(--ic-heading-line-height-mobile)!important;letter-spacing:var(--ic-heading-letter-spacing-mobile)!important;text-align:var(--ic-heading-align-mobile)!important}.image-compare[data-height-mode-mobile=fixed] .image-compare__frame{height:var(--ic-height-mobile);aspect-ratio:auto}.image-compare[data-height-mode-mobile=ratio] .image-compare__frame{height:auto;aspect-ratio:var(--ic-aspect-mobile)}.image-compare__frame{border-radius:var(--ic-radius-mobile)}.image-compare__image--before{object-fit:var(--ic-before-fit-mobile)!important;object-position:var(--ic-before-x-mobile) var(--ic-before-y-mobile)!important}.image-compare__image--after{object-fit:var(--ic-after-fit-mobile)!important;object-position:var(--ic-after-x-mobile) var(--ic-after-y-mobile)!important}.image-compare__layer--before .image-compare__overlay{background:linear-gradient(to top,var(--ic-before-overlay-mobile),transparent 58%)}.image-compare__layer--after .image-compare__overlay{background:linear-gradient(to top,var(--ic-after-overlay-mobile),transparent 58%)}.image-compare[data-before-overlay=solid] .image-compare__layer--before .image-compare__overlay{background:var(--ic-before-overlay-mobile)}.image-compare[data-after-overlay=solid] .image-compare__layer--after .image-compare__overlay{background:var(--ic-after-overlay-mobile)}.image-compare__content{gap:var(--ic-copy-gap-mobile);max-width:min(var(--ic-content-max-width-mobile),calc(50% - var(--ic-content-inset-x-mobile)))}.image-compare__content--before{color:var(--ic-before-text-mobile);text-align:var(--ic-before-align-mobile)}.image-compare__content--after{color:var(--ic-after-text-mobile);text-align:var(--ic-after-align-mobile)}.image-compare__content--mobile-top-left{top:var(--ic-content-inset-y-mobile);right:auto;bottom:auto;left:var(--ic-content-inset-x-mobile)}.image-compare__content--mobile-top-right{top:var(--ic-content-inset-y-mobile);right:var(--ic-content-inset-x-mobile);bottom:auto;left:auto}.image-compare__content--mobile-bottom-left{top:auto;right:auto;bottom:var(--ic-content-inset-y-mobile);left:var(--ic-content-inset-x-mobile)}.image-compare__content--mobile-bottom-right{top:auto;right:var(--ic-content-inset-x-mobile);bottom:var(--ic-content-inset-y-mobile);left:auto}.image-compare__eyebrow{font-size:var(--ic-eyebrow-size-mobile)!important;font-weight:var(--ic-eyebrow-weight-mobile)!important}.image-compare__item-title{font-size:var(--ic-item-size-mobile)!important;font-weight:var(--ic-item-weight-mobile)!important;line-height:var(--ic-item-line-height-mobile)!important;letter-spacing:var(--ic-item-letter-spacing-mobile)!important}.image-compare__divider:before{width:var(--ic-divider-width-mobile)}.image-compare__handle{width:var(--ic-handle-width-mobile);height:var(--ic-handle-height-mobile)}.image-compare__handle-icon{width:var(--ic-handle-icon-size-mobile);height:var(--ic-handle-icon-size-mobile)}.image-compare__range::-webkit-slider-thumb{width:max(64px,var(--ic-handle-width-mobile))}.image-compare__range::-moz-range-thumb{width:max(64px,var(--ic-handle-width-mobile))}.image-compare__hint{margin-top:var(--ic-hint-gap-mobile)!important;font-size:var(--ic-hint-size-mobile)!important}}@media(hover:none){.image-compare__range:hover+.image-compare__divider:before{background:var(--ic-divider-color)}.image-compare__range:hover+.image-compare__divider .image-compare__handle{background:var(--ic-handle-background);transform:translate(-50%,-50%)}.image-compare.is-dragging .image-compare__divider:before{background:var(--ic-divider-hover)}.image-compare.is-dragging .image-compare__handle{background:var(--ic-handle-hover-background);transform:translate(-50%,-50%) scale(1.04)}}@media(prefers-reduced-motion:reduce){.image-compare__divider:before,.image-compare__handle,.image-compare__content{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/image-comparison-slider.css.map */