@import"wool-shade-card-v2-base.css";.wool-shade-card__alternative--cart{grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:.7rem;padding:.65rem}.wool-shade-card__alternative-link{display:grid;grid-template-columns:4.8rem minmax(0,1fr);align-items:center;gap:.8rem;min-width:0;color:rgb(var(--color-foreground));text-decoration:none}.wool-shade-card__alternative-link:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.55);outline-offset:.2rem}.wool-shade-card__alternative-add{align-self:center;min-width:8.2rem;min-height:3.8rem;padding:.6rem .8rem;border:.1rem solid rgb(var(--color-base-accent-1, 81, 35, 97));border-radius:.45rem;background:rgb(var(--color-base-accent-1, 81, 35, 97));color:rgb(var(--color-base-solid-button-labels, 255, 255, 255));cursor:pointer;font:inherit;font-size:1.15rem;font-weight:600;line-height:1.2;white-space:nowrap}.wool-shade-card__alternative-add:hover:not(:disabled),.wool-shade-card__alternative-add:focus-visible:not(:disabled){filter:brightness(.94)}.wool-shade-card__alternative-add:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.55);outline-offset:.2rem}.wool-shade-card__alternative-add.is-loading{opacity:.72}.wool-shade-card__alternative-add.is-added{filter:brightness(.92)}.wool-shade-card__alternative-add.is-error{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.wool-shade-card__alternative-add:disabled{border-color:rgba(var(--color-foreground),.14);background:rgba(var(--color-foreground),.07);color:rgba(var(--color-foreground),.55);cursor:not-allowed}.wool-shade-card__alternatives{padding-top:0;border-top:0}.wool-shade-card__alternatives h3{margin:0 0 1rem;padding:.8rem 1.2rem;border-left:.4rem solid rgb(var(--color-base-accent-1, 81, 35, 97));border-radius:0 .45rem .45rem 0;background:#867eb81f;color:rgb(var(--color-foreground));font-size:1.6rem;font-weight:700;line-height:1.3}@media screen and (min-width:750px){.wool-shade-card__alternative-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.wool-shade-card__alternative--cart{grid-template-columns:1fr}.wool-shade-card__alternative-add{align-self:stretch;width:100%;min-height:4rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/wool-shade-card.css.map */