.card-information--compare{display:flex;flex-wrap:wrap;align-items:center;column-gap:1.2rem}.card-information--compare>.card__sku,.card-information--compare>.rating,.card-information--compare>.rating-text,.card-information--compare>.rating-count{flex:0 0 100%}.card-information--compare>.price{flex:1 1 auto}.compare-toggle{display:flex;align-items:center;gap:.4rem;flex:0 0 auto;margin-left:auto;cursor:pointer}.compare-toggle__input{position:absolute;width:.1rem;height:.1rem;overflow:hidden;clip:rect(0 0 0 0)}.compare-toggle__box{display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;flex:0 0 1.6rem;border:.1rem solid #747474;background-color:rgb(var(--color-background))}.compare-toggle__box .icon{width:1.2rem;height:1.2rem;opacity:0;color:rgb(var(--color-foreground))}.compare-toggle__input:checked+.compare-toggle__box .icon{opacity:1}.compare-toggle__input:focus-visible+.compare-toggle__box{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.compare-toggle__input:disabled~.compare-toggle__label,.compare-toggle__input:disabled+.compare-toggle__box{opacity:.4}.compare-toggle__label{font-size:1.4rem;line-height:normal;color:#747474}.compare-bar{position:fixed;right:0;bottom:0;left:0;z-index:4;display:block;border-top:.1rem solid rgb(var(--color-foreground));background-color:#fff}.compare-bar[hidden]{display:none}body:has(.compare-bar:not([hidden])) #MainContent{padding-bottom:var(--compare-bar-height, 0)}.compare-bar__inner{position:relative;display:flex;flex-direction:column;gap:.8rem;padding-top:1.2rem;padding-bottom:2.4rem}.compare-bar__collapse{position:absolute;top:.5rem;left:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border:0;background:none;transform:translate(-50%);cursor:pointer}.compare-bar__collapse .icon-caret{width:1.4rem;height:.8rem;transition:transform var(--duration-short) ease}.compare-bar__collapse[aria-expanded=false] .icon-caret{transform:rotate(180deg)}.compare-bar__head{display:flex;align-items:center;justify-content:space-between;gap:1.6rem}.compare-bar__title{margin:0;font-family:var(--font-heading-family);font-style:normal;font-weight:700;font-size:1.8rem;line-height:1.6rem;letter-spacing:0;text-transform:uppercase}.compare-bar__cta{display:flex;align-items:center;justify-content:center;gap:1.2rem;flex-shrink:0;width:18rem;min-height:2.8rem;padding:.8rem 1.2rem;background-color:#121212;font-family:var(--font-heading-family);font-style:normal;font-weight:700;font-size:1.2rem;line-height:1.2rem;color:#fff;text-decoration:none;text-transform:uppercase}.compare-bar__cta .icon-caret{width:1rem;height:.6rem;transform:rotate(-90deg)}.compare-bar__cta[aria-disabled=true]{opacity:.4;pointer-events:none}.compare-bar__slots{display:grid;grid-template-columns:repeat(var(--compare-slots, 3),minmax(0,1fr))}.compare-bar__slots[hidden]{display:none}.compare-bar__slot{display:flex;align-items:flex-start;gap:.4rem;min-height:8rem;padding:1.6rem;border:.1rem solid #888a8c}.compare-bar__slot+.compare-bar__slot{border-left:0}.compare-bar__slot--empty{align-items:center;justify-content:center}.compare-bar__slot-placeholder{font-family:var(--font-heading-family);font-style:normal;font-weight:700;font-size:1.4rem;line-height:1.6rem;color:#a7a7a7;text-align:center;text-transform:uppercase}.compare-bar__slot-toggle{display:flex;align-items:center;align-self:stretch;cursor:pointer}.compare-bar__slot-input{position:absolute;width:.1rem;height:.1rem;overflow:hidden;clip:rect(0 0 0 0)}.compare-bar__slot-box{display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;flex:0 0 1.6rem;border:.1rem solid #747474}.compare-bar__slot-box .icon{width:1.2rem;height:1.2rem;color:rgb(var(--color-foreground))}.compare-bar__slot-image{width:4.8rem;height:4.8rem;flex:0 0 4.8rem;object-fit:contain}.compare-bar__slot-content{display:flex;align-self:center;min-width:0;padding-left:.4rem}.compare-bar__slot-title{font-family:var(--font-heading-family);font-style:normal;font-weight:700;font-size:1.4rem;line-height:1.6rem;text-transform:uppercase}@media screen and (max-width:749px){.compare-bar__inner{padding-bottom:1.6rem}.compare-bar__head{flex-direction:column;align-items:stretch;gap:.8rem}.compare-bar__title{font-size:1.6rem}.compare-bar__cta{width:100%}.compare-bar__slot{flex-wrap:wrap;min-height:0;padding:.8rem}.compare-bar__slot-title{font-size:1.2rem;line-height:1.4rem}}@media screen and (max-width:390px){.compare-bar__collapse{left:55%}}
/*# sourceMappingURL=/cdn/shop/t/169/assets/component-compare-bar.css.map */