.card-product-compare{margin-top:1rem}.product-compare-toggle{display:inline-flex;align-items:center;gap:.55rem;min-height:2.4rem;padding:0;color:rgb(var(--color-foreground));background:transparent;box-shadow:none;cursor:pointer;font-size:calc(var(--font-body-scale) * 1.2rem);font-weight:400;line-height:1.2}.product-compare-toggle:hover{color:rgb(var(--color-accent-1))}.product-compare-toggle input{flex:0 0 auto;width:1.4rem;height:1.4rem;margin:0;accent-color:rgb(var(--color-accent-1))}.product-compare-toggle input:disabled+span{opacity:.45}.product-compare-selected .product-compare-toggle{color:rgb(var(--color-accent-1));font-weight:var(--font-bolder-weight)}.product-compare__tray{position:fixed;left:50%;bottom:max(1.5rem,env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:min(112rem,calc(100vw - 3rem));padding:1.2rem;border-radius:8px;color:rgb(var(--color-foreground));background:rgb(var(--color-background));box-shadow:0 1.2rem 3.4rem rgba(var(--color-foreground),.18),inset 0 0 0 1px var(--color-border);transform:translate(-50%)}.product-compare__summary{min-width:0}.product-compare__summary strong{display:block;margin-bottom:.6rem;color:rgb(var(--color-foreground-alt));font-size:calc(var(--font-body-scale) * 1.4rem);line-height:1.2}.product-compare__chips{display:flex;flex-wrap:wrap;gap:.5rem}.product-compare__chip{display:inline-flex;align-items:center;gap:.5rem;max-width:24rem;min-height:3rem;padding:.45rem .65rem .45rem .9rem;border-radius:8px;background:rgb(var(--color-base-background-2));box-shadow:inset 0 0 0 1px var(--color-border);font-size:calc(var(--font-body-scale) * 1.2rem);line-height:1.2}.product-compare__chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-compare__chip button,.product-compare__close,.product-compare__remove{display:inline-flex;align-items:center;justify-content:center;border:0;color:currentColor;background:transparent;cursor:pointer}.product-compare__chip button{flex:0 0 auto;width:2.2rem;height:2.2rem;border-radius:50%;font-size:1.8rem;line-height:1}.product-compare__chip button:hover{background:rgba(var(--color-foreground),.08)}.product-compare__message{margin:.6rem 0 0;color:rgb(var(--color-foreground));font-size:calc(var(--font-body-scale) * 1.2rem);line-height:1.25}.product-compare__actions{display:flex;flex:0 0 auto;align-items:center;gap:.8rem}.product-compare__actions .button{margin:0;white-space:nowrap}.product-compare__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:2rem;background:rgba(var(--color-foreground),.48)}.product-compare__dialog{display:flex;flex-direction:column;width:min(118rem,100%);max-height:calc(100vh - 4rem);border-radius:8px;color:rgb(var(--color-foreground));background:rgb(var(--color-background));box-shadow:0 2rem 6rem rgba(var(--color-foreground),.28);overflow:hidden}.product-compare__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:2rem;border-bottom:.1rem solid var(--color-border)}.product-compare__eyebrow{margin:0 0 .4rem;color:rgb(var(--color-accent-1));font-size:calc(var(--font-body-scale) * 1.2rem);font-weight:var(--font-bolder-weight);line-height:1.2;text-transform:uppercase}.product-compare__title{margin:0;color:rgb(var(--color-foreground-alt));font-size:calc(var(--font-heading-scale) * 2rem);line-height:1.2}.product-compare__close{flex:0 0 auto;width:4rem;height:4rem;border-radius:50%;box-shadow:inset 0 0 0 1px var(--color-border)}.product-compare__close:hover{background:rgb(var(--color-base-background-2))}.product-compare__close svg{width:1.5rem;height:1.5rem}.product-compare__content{overflow:auto;padding:0 0 1rem}.product-compare__table{width:100%;min-width:76rem;border-collapse:separate;border-spacing:0}.product-compare__table th,.product-compare__table td{min-width:18rem;padding:1.4rem;border-bottom:.1rem solid var(--color-border);text-align:left;vertical-align:top;font-size:calc(var(--font-body-scale) * 1.35rem);line-height:1.35}.product-compare__table th:first-child,.product-compare__table td:first-child{min-width:16rem}.product-compare__table thead th{position:sticky;top:0;z-index:3;background:rgb(var(--color-background))}.product-compare__table tbody th{position:sticky;left:0;z-index:2;color:rgb(var(--color-foreground-alt));background:rgb(var(--color-background));font-weight:var(--font-bolder-weight)}.product-compare__product{display:grid;gap:1rem}.product-compare__product-media{width:8rem;height:8rem;border-radius:8px;background:rgb(var(--color-base-background-2));box-shadow:inset 0 0 0 1px var(--color-border);object-fit:contain}.product-compare__product-title{display:block;color:rgb(var(--color-foreground-alt));text-decoration-color:transparent;font-size:calc(var(--font-body-scale) * 1.35rem);font-weight:var(--font-bolder-weight);line-height:1.25}.product-compare__product-title:hover{text-decoration:underline}.product-compare__product-price{color:rgb(var(--color-foreground-alt));font-size:calc(var(--font-body-scale) * 1.5rem);font-weight:var(--font-bolder-weight)}.product-compare__product-actions{display:flex;flex-wrap:wrap;gap:.8rem}.product-compare__product-actions .button{margin:0;min-height:3.8rem;padding:.9rem 1.2rem;font-size:calc(var(--font-body-scale) * 1.2rem)}.product-compare__remove{min-height:3.8rem;padding:.8rem 1rem;border-radius:var(--buttons-radius);box-shadow:inset 0 0 0 1px var(--color-border);font-size:calc(var(--font-body-scale) * 1.2rem);font-weight:var(--font-bolder-weight);line-height:1.2}.product-compare__remove:hover{background:rgb(var(--color-base-background-2))}.product-compare__value-empty{color:rgba(var(--color-foreground),.62)}@media(max-width:749px){.card-product-compare{margin-top:.8rem}.product-compare__tray{align-items:stretch;flex-direction:column;gap:1rem;width:calc(100vw - 2rem)}.product-compare__actions{width:100%}.product-compare__actions .button{flex:1 1 0;min-width:0;padding-left:1rem;padding-right:1rem}.product-compare__overlay{align-items:stretch;padding:1rem}.product-compare__dialog{max-height:calc(100vh - 2rem)}.product-compare__header{padding:1.5rem}.product-compare__title{font-size:calc(var(--font-heading-scale) * 1.7rem)}.product-compare__table tbody th{position:static}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-product-compare.css.map */