[data-compare-is-loading=true] .compare-grid{scroll-behavior:auto!important}.compare-grid.compare-grid--gap{--grid-mobile-horizontal-spacing: var(--compare-gap);--grid-desktop-horizontal-spacing: var(--compare-gap)}.compare-cell{display:flex;box-sizing:border-box}.compare-grid--labels>.compare-grid__labels{display:none}.compare-cell .card__content--no-button{flex-grow:0}.compare-cell .card__content{display:flex;flex-direction:column}.compare-cell .quick-add{flex-grow:1;align-items:flex-end}.compare-cell--product_switcher .nice-select .current{white-space:nowrap;text-overflow:ellipsis}.compare-card{padding:2rem!important}.compare-swatches{box-sizing:border-box}.compare-learn-more .stroke-width-standard{stroke-width:42px}.compare-grid .compare-cell .quick-add__submit{min-width:8rem;padding:1.1em 1.6em}.compare-cell .quick-add__submit .icon{margin-inline-start:-3rem}.compare-cell .section-content__images-image{width:min(var(--image-mobile-width),100%)}.compare-cell:empty{display:block}.compare-cell .product__title,.compare-cell .product__title :is(h1,h2,h3,h4,h5),.compare-cell .vendor__text,.product-compare__heading{margin:0}.compare-cell.border-top,.compare-cell.border-bottom{position:relative;border-inline-start:0;border-inline-end:0}.grid__item:not(:last-child):not(.grid__item--has-color-scheme) .compare-cell.border-top:before,.grid__item:not(:last-child):not(.grid__item--has-color-scheme) .compare-cell.border-bottom:after{content:"";position:absolute;inset-inline-start:100%;height:.1rem;width:var(--grid-mobile-horizontal-spacing);background-color:rgba(var(--color-foreground),.08)}.grid__item:not(:last-child):not(.grid__item--has-color-scheme) .compare-cell.border-top:before{top:-.1rem}.grid__item:not(:last-child):not(.grid__item--has-color-scheme) .compare-cell.border-bottom:after{bottom:-.1rem}.slider-buttons--sticky-container{position:absolute;width:100%;top:20%;bottom:20%;inset-inline-start:0;inset-inline-end:0}.slider-buttons--sticky-inner{position:relative;display:inline-block;height:100%;width:100%}.slider-buttons--sticky{position:sticky;top:50%}.compare-cell .product-card{--image-padding: 0px}.compare-loading-container{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(var(--color-background),.9);z-index:3;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.compare-loading{top:20vh;bottom:20vh}[data-compare-is-loading] .compare-loading-container .loading__spinner{position:sticky;inset-inline-start:50%;top:50%;transform:translate(calc(-50% * var(--direction-multiplier)))}[data-compare-is-loading=true]:has(.compare-grid>li) .compare-loading-container{opacity:1;visibility:visible}[data-compare-is-loading=true] .compare-loading-container .loading__spinner{display:block!important}.compare-sticky{--compare-sticky-line: rgba(var(--color-foreground), .15);position:sticky;top:var(--compare-sticky-top, calc(var(--header-height-live, 0px) - 1px));height:0;z-index:4}.compare-sticky__bar{--compare-sticky-height: 7.2rem;position:absolute;top:0;inset-inline:0;height:var(--compare-sticky-height);background-color:rgb(var(--color-background));box-shadow:0 1px 10px #00000026;opacity:0;visibility:hidden;transform:translateY(-1rem);pointer-events:none;transition:opacity var(--duration-default) ease,transform var(--duration-default) ease,visibility var(--duration-default)}.compare-sticky--visible .compare-sticky__bar{opacity:1;visibility:visible;transform:none;pointer-events:auto}.compare-sticky__track{top:0;bottom:0}.compare-sticky__items{will-change:transform}@supports (animation-timeline: --compare-x) and (timeline-scope: --compare-x){product-compare{timeline-scope:--compare-x}product-compare ul.compare-grid{scroll-timeline:--compare-x inline}.compare-sticky__items{animation:compare-sticky-follow linear both;animation-timeline:--compare-x}.compare-sticky__item--labels{animation:compare-sticky-hold linear both;animation-timeline:--compare-x}}@keyframes compare-sticky-follow{to{transform:translate(calc(var(--compare-scroll-range, 0px) * var(--direction-multiplier, 1) * -1))}}@keyframes compare-sticky-hold{to{transform:translate(calc(var(--compare-scroll-range, 0px) * var(--direction-multiplier, 1)))}}.compare-sticky__item{top:0;bottom:0;padding:1rem 0;container-type:inline-size}.compare-sticky__item+.compare-sticky__item:before{content:"";position:absolute;top:25%;bottom:25%;inset-inline-start:calc(var(--compare-sticky-gap, 0px) / -2);width:1px;background-color:var(--compare-sticky-line)}.compare-sticky__item+.compare-sticky__item--card:before{display:none}.compare-sticky__image{width:4.8rem;height:4.8rem;object-fit:contain}.compare-sticky__product{padding-inline:1.2rem}.compare-sticky__title:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.compare-sticky__title{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.compare-sticky__info .price{display:block;overflow:hidden;white-space:nowrap}.compare-sticky__info .price div{overflow:hidden;text-overflow:ellipsis}.compare-sticky__info .price .unit-price{display:none}@container (max-width: 26rem){.compare-sticky__info s.price-item{display:none}}@container (max-width: 18rem){.compare-sticky__image{display:none}}@media screen and (min-width:550px){.grid__item:not(:last-child):not(.grid__item--has-color-scheme) .compare-cell.border-top:before,.grid__item:not(:last-child):not(.grid__item--has-color-scheme) .compare-cell.border-bottom:after{width:var(--grid-desktop-horizontal-spacing)}}@media screen and (max-width:749.98px){.compare-grid.grid--peek.slider.compare-grid--labels>.compare-grid__labels+.grid__item{margin-inline-start:var(--px-mobile)}}@media screen and (min-width:750px){.compare-cell .section-content__images-image{width:min(var(--image-desktop-width),100%)}.compare-grid--slider:not(.slider-component-desktop) .slider-buttons,.compare-grid--slider:not(.slider-component-desktop) .slider-buttons--sticky-container{display:none}.compare-grid--slider:not(.slider-component-desktop) .compare-grid{justify-content:center}}@media screen and (min-width:750px){slider-component.compare-grid--slider.page-width-desktop:has(>.compare-grid--fit){padding-inline:0}.compare-modal slider-component.compare-grid--slider:has(>.compare-grid--fit){max-width:none}.compare-grid.compare-grid--fit{--compare-column-min: 20rem;--compare-column-max: 50rem;--compare-fit-gutter: 5rem;justify-content:safe center;padding-inline:var(--compare-fit-gutter);scroll-padding-inline:var(--compare-fit-gutter)}.compare-grid.compare-grid--fit:after{display:none}ul.compare-grid.compare-grid--fit>.grid__item{flex:0 0 clamp(var(--compare-column-min),calc((100% - (var(--compare-count) - 1) * var(--grid-desktop-horizontal-spacing)) / var(--compare-count)),var(--compare-column-max));width:auto;min-width:0;max-width:none;margin-inline-start:0}.compare-grid.compare-grid--fit.slider--desktop.compare-grid--labels>.compare-grid__labels+.slider__slide{margin-inline-start:0}}@media screen and (min-width:750px)and (max-width:989.98px){.compare-grid.slider--desktop.compare-grid--labels>.compare-grid__labels+.slider__slide{margin-inline-start:var(--desktop-margin-left-first-item);scroll-margin-inline-start:var(--desktop-margin-left-first-item)}.slider-component-full-width .compare-grid.slider--desktop.compare-grid--labels>.compare-grid__labels+.slider__slide{margin-inline-start:var(--px-mobile);scroll-margin-inline-start:var(--px-mobile)}}@media screen and (max-width:989.98px){.compare-sticky .compare-sticky__item--labels{display:none}}@media screen and (min-width:990px){slider-component.compare-grid--slider:has(>.compare-grid--labels){--compare-table-inset: 5rem;--compare-label-width: max(17%, 19rem);max-width:var(--page-width);margin-inline:auto;padding-inline:var(--compare-table-inset)}slider-component.compare-grid--slider.slider-component-full-width:has(>.compare-grid--labels){--compare-table-inset: var(--px-mobile);max-width:none}.compare-grid--slider:has(>.compare-grid--labels) .slider-buttons--sticky-container{z-index:3;inset-inline:var(--compare-table-inset);width:auto}.compare-grid--slider:has(>.compare-grid--labels) .slider-button--prev.button-control{inset-inline-start:calc(var(--compare-label-width) - 2.2rem)}.compare-grid--slider:has(>.compare-grid--labels) .slider-button--next.button-control{inset-inline-end:-2.2rem}.compare-grid--slider.slider-component-full-width:has(>.compare-grid--labels.slider--scroll-active) .slider-buttons--sticky-container{inset-inline-end:0}.compare-grid--slider.slider-component-full-width:has(>.compare-grid--labels.slider--scroll-active) .slider-button--next.button-control{inset-inline-end:2%}.compare-grid.compare-grid--labels{--grid-mobile-horizontal-spacing: 0px;--grid-desktop-horizontal-spacing: 0px;--compare-table-padding: 2rem;--compare-table-border: 1px solid rgba(var(--color-foreground), .1);flex-wrap:nowrap;scroll-padding-inline-start:var(--compare-label-width)}.compare-grid.compare-grid--labels:after{display:none}ul.compare-grid.compare-grid--labels>.grid__item{margin:0;padding:var(--compare-table-padding) 0!important;border-radius:0;box-shadow:none}ul.compare-grid.compare-grid--labels>.grid__item:not(.compare-grid__labels){border-block:var(--compare-table-border)!important}.compare-grid.compare-grid--labels>.grid__item>.compare-cell--first{border-top:0}.compare-grid.compare-grid--labels>.grid__item>.compare-cell:last-child{border-bottom:0}.compare-grid.compare-grid--labels>.grid__item:not(.compare-grid__labels){flex:0 0 calc((100% - var(--compare-label-width)) / var(--compare-columns-desktop, 3));width:auto;min-width:0;max-width:none;border-inline-end:var(--compare-table-border)}.compare-grid.compare-grid--labels>.grid__item.compare-grid__labels{display:block;position:sticky;inset-inline-start:0;z-index:3;flex:0 0 var(--compare-label-width);width:auto;min-width:0;max-width:none;border-block:1px solid transparent;border-inline-end:var(--compare-table-border);background-color:rgb(var(--color-background));scroll-snap-align:none}.compare-grid.compare-grid--labels-bordered>.grid__item.compare-grid__labels{border-block-end:var(--compare-table-border)}.compare-grid.compare-grid--labels-bordered>.grid__item.compare-grid__labels:after{content:"";position:absolute;bottom:0;inset-inline-start:0;height:var(--compare-table-padding);border-inline-start:var(--compare-table-border)}.compare-grid.compare-grid--labels-bordered>.grid__item.compare-grid__labels:has(>.compare-cell--boxed-start:first-child):before{content:"";position:absolute;top:0;inset-inline-start:0;height:var(--compare-table-padding);border-inline-start:var(--compare-table-border)}.compare-grid.compare-grid--labels-bordered>.grid__item.compare-grid__labels>.compare-cell--boxed{border-inline-start:var(--compare-table-border)}.compare-grid.compare-grid--labels-bordered>.grid__item.compare-grid__labels:has(>.compare-cell--boxed-start:first-child){border-block-start:var(--compare-table-border)}.compare-grid.compare-grid--labels-bordered>.grid__item.compare-grid__labels>.compare-cell--boxed-start{border-top:var(--compare-table-border)}.compare-grid.compare-grid--labels-bordered>.grid__item.compare-grid__labels>.compare-cell.border-bottom+.compare-cell--boxed-start,.compare-grid.compare-grid--labels-bordered>.grid__item.compare-grid__labels>.compare-cell--boxed-start:first-child{border-top:0}.compare-grid--labels .compare-remove{border-radius:50%;background-color:rgb(var(--color-background));box-shadow:0 1px 3px #0000001a}.compare-grid--labels .compare-cell{padding-inline:2rem}.compare-grid--labels .compare-cell__label{display:none}.compare-grid--labels .compare-cell--row-label .compare-cell__label{display:block}slider-component.compare-grid--slider.page-width-desktop:has(>.compare-grid--fit.compare-grid--labels){padding-inline:var(--compare-table-inset)}slider-component.compare-grid--slider.page-width-desktop.slider-component-full-width:has(>.compare-grid--fit.compare-grid--labels.slider--scroll-active){padding-inline-end:0}.slider-component-full-width>.compare-grid.compare-grid--fit.compare-grid--labels.slider--scroll-active{--compare-table-end: var(--compare-table-inset)}.slider-component-full-width>.compare-grid.compare-grid--fit.compare-grid--labels>.compare-grid__labels{margin-inline-start:0;scroll-margin-inline-start:0}.slider-component-full-width>.compare-grid.compare-grid--fit.compare-grid--labels.slider--scroll-active:after{display:block;flex:0 0 var(--compare-table-end);margin:0;padding:0}.compare-grid.compare-grid--fit.compare-grid--labels{padding-inline:0;scroll-padding-inline:var(--compare-label-width) 0}.compare-grid.compare-grid--fit.compare-grid--labels>.grid__item:not(.compare-grid__labels){flex-basis:clamp(var(--compare-column-min),calc((100% - var(--compare-label-width) - var(--compare-table-end, 0px)) / var(--compare-count)),var(--compare-column-max))}}@media screen and (min-width:990px)and (prefers-reduced-motion:no-preference){.compare-grid--labels>.grid__item.scroll-trigger.animate--slide-in{opacity:1;transform:none;animation:none}}@media screen and (min-width:750px){.compare-sticky__bar{--compare-sticky-height: 8.4rem}.compare-sticky__item{padding:1.2rem 0}.compare-sticky__image{width:6rem;height:6rem}}@media screen and (min-width:990px){.compare-sticky--labels .compare-sticky__item{border-inline-end:1px solid rgba(var(--color-foreground),.1);box-shadow:none}.compare-sticky--labels .compare-sticky__item+.compare-sticky__item:before{display:none}.compare-sticky--labels .compare-sticky__item--labels{z-index:1;background-color:rgb(var(--color-background))}}@media screen and (min-width:1200px){.compare-card{padding:3rem!important}slider-component.compare-grid--slider.slider-component--narrow-width.slider-component--narrow-width{overflow:clip}.compare-grid.compare-grid--labels{--compare-table-padding: 3rem}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-compare.css.map */