.card__variant-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.2rem;position:relative}.variant-pill{align-items:center;background-color:transparent;border:1px solid rgba(var(--color-foreground),.25);border-radius:40px;color:rgb(var(--color-foreground));cursor:pointer;display:inline-flex;font-size:calc(var(--font-body-scale) * 1.2rem);justify-content:center;line-height:1;padding:.8rem 1.2rem;text-decoration:none;transition:background-color var(--duration-short) ease,border-color var(--duration-short) ease,color var(--duration-short) ease}.variant-pill:hover{background-color:rgb(var(--color-button));border-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.variant-pill--disabled{cursor:not-allowed;opacity:.4;text-decoration:line-through}.variant-pill--disabled:hover{background-color:transparent;border-color:rgba(var(--color-foreground),.25);color:rgb(var(--color-foreground))}.variant-pill--more{color:rgba(var(--color-foreground),.75);text-decoration:underline}.variant-pill--more:hover{background-color:transparent;color:rgb(var(--color-foreground))}.variant-pill--added{background-color:rgb(var(--color-button));border-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.card__variant-pills .loading__spinner{top:0;right:0;bottom:0;left:0;margin:auto;position:absolute;z-index:1}.card__variant-pills.loading .loading__spinner[hidden]{display:block}.card__variant-pills.loading .variant-pill{opacity:.5;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-variant-pills.css.map */