.product-comparison{--label-width: 27rem;--visible-columns: min(var(--columns), var(--columns-visible));--outline-radius: var(--blocks-radius);--divider-color: rgba(var(--color-foreground), .1);--column-width: calc((100cqi - var(--label-width)) / var(--visible-columns));--badge-font-size: .78635rem;--badge-char-pitch: .13459;--badge-edge-gap: 1.378;--badge-cap-offset: .361;--badge-icon-ratio: .465;--badge-spin-duration: 12s;--badge-inner-angle: calc(360deg / var(--badge-char-length, 26));--badge-char-size: calc(var(--badge-font-size) * min(1, calc(26 / var(--badge-char-length, 26))));--badge-ring: calc(26 * var(--badge-char-pitch) * var(--badge-font-size));--badge-size: calc((var(--badge-ring) + var(--badge-edge-gap) * var(--badge-font-size)) * 2);--badge-icon-size: calc(var(--badge-size) * var(--badge-icon-ratio))}@media(max-width:1023.98px){.product-comparison{--label-width: 18rem;--visible-columns: min(var(--columns), 2.5)}}@media(max-width:767.98px){.product-comparison{--outline-radius: var(--medium-blocks-radius);--column-width: calc(100cqi / 1.8);--badge-font-size: .61508rem}}.product-comparison__scroller{overflow-x:auto;container-type:inline-size;scrollbar-width:thin;padding-block-end:2rem}.product-comparison__scroller--has-current{padding-block-start:calc(var(--badge-size) / 2)}.product-comparison__table{display:grid;grid-template-columns:var(--label-width) repeat(var(--columns),var(--column-width));inline-size:max-content;min-inline-size:100%}.product-comparison__row{display:grid;grid-template-columns:subgrid;grid-column:1/-1;position:relative}.product-comparison__heading,.product-comparison__label{background:rgb(var(--color-background));position:sticky;inset-inline-start:0;z-index:2}.product-comparison__heading{padding-block:1.2rem 2.4rem;padding-inline:1.2rem 2.4rem;text-align:start}@media(min-width:768px){.product-comparison__scroller--has-current .product-comparison__heading{margin-block-start:calc(var(--badge-size) / -2);padding-block-start:calc(1.2rem + var(--badge-size) / 2)}}.product-comparison__label{display:flex;align-items:center;min-block-size:6rem;padding:1rem 1.2rem;font-weight:500}@media(max-width:1279.98px){.product-comparison__label{font-size:calc(var(--font-body-size) * .9)}}.product-comparison__product{position:relative;z-index:0;display:flex;flex-direction:column;gap:1.6rem;padding:1.2rem 1.2rem 2rem;min-inline-size:0;scroll-snap-align:start}.product-comparison__image{display:block;overflow:hidden}.product-comparison__info{display:flex;flex-direction:column;gap:.6rem}.product-comparison .product-comparison__title{--line-clamp: var(--title-lines);color:inherit;text-decoration:none;overflow-wrap:anywhere}.product-comparison__price{font-weight:500}@media(min-width:768px){.product-comparison--title-single .product-comparison__title{display:block;white-space:nowrap;text-overflow:ellipsis}}@media(max-width:767.98px){.product-comparison--title-single-mobile .product-comparison__title{display:block;white-space:nowrap;text-overflow:ellipsis}}.product-comparison__cell{display:flex;align-items:center;min-block-size:6rem;padding:1rem 1.2rem;min-inline-size:0;scroll-snap-align:start;overflow-wrap:anywhere}.product-comparison__cell-label{display:none}.product-comparison__value{min-inline-size:0}@media(max-width:1279.98px){.product-comparison__value{font-size:calc(var(--font-body-size) * .9)}}.product-comparison__value p,.product-comparison__value ul,.product-comparison__value ol{margin:0}.product-comparison__empty{color:rgba(var(--color-foreground),.4)}.product-comparison__option+.product-comparison__option{margin-block-start:.4rem}.product-comparison__option-name{font-weight:500}.product-comparison__swatches{display:inline-flex;flex-wrap:wrap;gap:.6rem;vertical-align:middle}.product-comparison__swatches .swatch-color{display:block;inline-size:2.4rem;block-size:2.4rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--swatch-radius, 50%);background:var(--swatch-background) center/cover}.product-comparison__row:not(.product-comparison__row--head)>:is(.product-comparison__label,.product-comparison__cell){border-block-start:.1rem solid var(--divider-color)}.product-comparison__row--buttons>.product-comparison__cell{min-block-size:8rem}.product-comparison__product.is-current{border:.1rem solid rgb(var(--color-foreground));border-block-end:0;padding-block-start:1.1rem;padding-inline:1.1rem;border-start-start-radius:var(--outline-radius);border-start-end-radius:var(--outline-radius)}.product-comparison__cell.is-current{border-inline:.1rem solid rgb(var(--color-foreground));padding-inline:1.1rem}.product-comparison__row--buttons>.product-comparison__cell.is-current{border-block-end:.1rem solid rgb(var(--color-foreground));border-end-start-radius:var(--outline-radius);border-end-end-radius:var(--outline-radius)}@media(min-width:768px){.product-comparison__product.is-current,.product-comparison__cell.is-current{position:sticky;inset-inline-start:var(--label-width);z-index:2;background:rgb(var(--color-background))}}.product-comparison__product .product-comparison__badge{position:absolute;inset-block-start:calc(var(--badge-size) / -2);inset-inline:0;inline-size:var(--badge-size);block-size:var(--badge-size);margin-inline:auto;z-index:2;border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:var(--badge-font-size);line-height:1;direction:ltr;pointer-events:none}.product-comparison__badge-chars,.product-comparison__badge-ring{position:absolute;top:0;right:0;bottom:0;left:0}.product-comparison__badge-ring{font-size:var(--badge-char-size);font-weight:700;text-transform:uppercase;white-space:pre;animation:spin var(--badge-spin-duration) linear infinite reverse}.product-comparison__badge-ring>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(calc(var(--badge-inner-angle) * var(--char-id))) translateY(calc((var(--badge-ring) + var(--badge-cap-offset) * var(--badge-char-size)) * -1))}@media(hover:hover){.product-comparison__product:hover .product-comparison__badge-ring{animation-play-state:paused}}.disable-animations .product-comparison__badge-ring{animation:none}.product-comparison__badge-text{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;fill:currentColor;font-weight:700;text-transform:uppercase}.product-comparison__badge-pin{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:var(--badge-icon-size);block-size:var(--badge-icon-size);margin:auto;display:flex;color:rgb(var(--color-foreground))}.product-comparison__badge-pin .icon{inline-size:100%;block-size:100%}@media(max-width:767.98px){.product-comparison__scroller{scroll-snap-type:x mandatory;margin-inline:calc(var(--page-padding) * -1);padding-inline:var(--page-padding);scroll-padding-inline:var(--page-padding)}.product-comparison__scroller--has-current{padding-block-start:0}.product-comparison__table{grid-template-columns:repeat(var(--columns),var(--column-width))}.product-comparison__row--head{grid-template-rows:auto auto}.product-comparison__heading{grid-column:1/-1;grid-row:1;inline-size:100cqi;padding:0;margin-block-end:2.4rem}.product-comparison__scroller--has-current .product-comparison__heading{margin-block-end:calc(2.4rem + var(--badge-size) / 2)}.product-comparison__product{grid-row:2;padding-block-end:1.6rem}.product-comparison__label{position:absolute;inline-size:.1rem;block-size:.1rem;min-block-size:0;margin:-.1rem;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.product-comparison__cell{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.6rem 1.2rem}.product-comparison__row--buttons>.product-comparison__cell{align-items:flex-start}.product-comparison__cell-label{display:block;font-size:calc(var(--font-body-size) * .8);font-weight:500;color:rgba(var(--color-foreground),.6)}.product-comparison .product-comparison__title{--line-clamp: var(--title-lines-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-product-comparison.css.map */