.card-variant-selector{display:flex;flex-direction:column;gap:.8rem;margin-top:.8rem}.card-variant-selector__options{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.card-variant-selector__swatch{position:relative;width:3.2rem;height:3.2rem;padding:0;border:.2rem solid rgba(var(--color-foreground),.1);border-radius:50%;background:transparent;cursor:pointer;transition:all .2s ease;overflow:hidden;flex-shrink:0}.card-variant-selector__swatch:hover:not(:disabled){border-color:rgba(var(--color-foreground),.3);transform:scale(1.1)}.card-variant-selector__swatch--selected{border-color:rgb(var(--color-foreground));border-width:.3rem;box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.1)}.card-variant-selector__swatch--unavailable{opacity:.4;cursor:not-allowed;position:relative}.card-variant-selector__swatch--unavailable:after{content:"";position:absolute;top:50%;left:50%;width:120%;height:.1rem;background:rgb(var(--color-foreground));transform:translate(-50%,-50%) rotate(45deg);opacity:.6}.card-variant-selector__swatch-color{display:block;width:100%;height:100%;border-radius:50%;background:var(--swatch--background, #e0e0e0);background-size:cover;background-position:center;background-repeat:no-repeat}.card-variant-selector__swatch-color--unavailable{background:#e0e0e0;position:relative}.card-variant-selector__button{min-width:3.6rem;height:3.2rem;padding:.4rem .8rem;border:.1rem solid var(--brand-secondary-2, #D5D7DA);border-radius:.4rem;background:var(--brand-secondary-1, #F7F4EF);color:var(--brand-secondary-contrast, #444444);font-size:1.2rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap}.card-variant-selector__button:hover:not(:disabled){border-color:var(--brand-primary, #E7D6CC);background:var(--brand-secondary-2, #D5D7DA);color:var(--brand-secondary-contrast, #444444)}.card-variant-selector__button--selected{border-color:var(--brand-primary, #E7D6CC);background:var(--brand-primary, #E7D6CC);color:var(--brand-primary-contrast, #222222);font-weight:600}.card-variant-selector__button--unavailable{opacity:.4;cursor:not-allowed;text-decoration:line-through}.card-variant-selector__button:disabled{opacity:.4;cursor:not-allowed}.card-variant-selector__add-to-cart{margin-top:.4rem;width:100%;padding:.8rem;min-width:100%;box-sizing:border-box;background-color:var(--brand-primary-contrast, #222222)!important;color:#fff!important;border-color:var(--brand-primary, #E7D6CC)!important}.card-variant-selector__add-to-cart:hover:not(:disabled){background-color:var(--brand-secondary-2, #D5D7DA)!important;color:var(--brand-secondary-contrast, #444444)!important;border-color:var(--brand-secondary-2, #D5D7DA)!important}.card-variant-selector__add-to-cart:disabled{opacity:.6;cursor:not-allowed}.card-variant-selector__form{width:100%}.card-variant-selector__add-to-cart.loading{pointer-events:none}@media screen and (max-width: 749px){.card-variant-selector__swatch{width:2.8rem;height:2.8rem}.card-variant-selector__button{min-width:3.2rem;height:2.8rem;padding:.3rem .6rem;font-size:1.1rem}.card-variant-selector__options{gap:.5rem}}.card-variant-selector__swatch--square{border-radius:.4rem}.card-variant-selector__swatch--square .card-variant-selector__swatch-color{border-radius:.2rem}@media screen and (min-width: 750px){.product-card-wrapper .card-variant-selector{position:static;margin-top:.8rem;flex-direction:column;gap:.8rem}.product-card-wrapper .card-variant-selector__options{display:none}.product-card-wrapper:has(.card-color-swatches) .card-variant-selector--color .card-variant-selector__options{display:none}.product-card-wrapper:has(.card-color-swatches) .card-variant-selector__options:has(.card-variant-selector__swatch){display:none}.product-card-wrapper .card-variant-selector__add-to-cart{border-radius:.4rem;margin-top:.8rem}}.card-color-swatches{margin-top:.8rem;margin-bottom:.4rem}.card-color-swatches__options{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.card-color-swatches__swatch{position:relative;width:3.2rem;height:3.2rem;padding:0;border:.2rem solid rgba(var(--color-foreground),.1);border-radius:50%;background:transparent;cursor:pointer;transition:all .2s ease;overflow:hidden;flex-shrink:0;z-index:10;pointer-events:auto}.card-color-swatches{position:relative;z-index:10;pointer-events:auto;isolation:isolate}.card-color-swatches__options{position:relative;z-index:10;pointer-events:auto}.card-color-swatches a,.card-color-swatches__swatch a{pointer-events:none}.card-color-swatches__swatch:hover:not(:disabled){border-color:rgba(var(--color-foreground),.3);transform:scale(1.1)}.card-color-swatches__swatch--selected{border-color:rgb(var(--color-foreground));border-width:.3rem;box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.1)}.card-color-swatches__swatch--unavailable{opacity:.4;cursor:not-allowed;position:relative}.card-color-swatches__swatch--unavailable:after{content:"";position:absolute;top:50%;left:50%;width:120%;height:.1rem;background:rgb(var(--color-foreground));transform:translate(-50%,-50%) rotate(45deg);opacity:.6}.card-color-swatches__swatch-color{display:block;width:100%;height:100%;border-radius:50%;background:var(--swatch--background, #e0e0e0);background-size:cover;background-position:center;background-repeat:no-repeat}@media screen and (max-width: 749px){.card-color-swatches__swatch{width:2.8rem;height:2.8rem}.card-color-swatches__options{gap:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-card-variant-selector.css.map */