.variant-picker{margin-block:4px 2px}.variant-picker__form legend,.variant-option__label,.variant-picker label.form__label{font-family:var(--font-subheading--family);font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--cx-graphite);margin-bottom:6px}.variant-option--buttons,.variant-option__buttons{display:flex!important;flex-wrap:wrap!important;gap:6px!important}.variant-option--equal-width-buttons .variant-option__button-label{width:auto!important;flex:0 0 auto!important}.variant-option .variant-option__button-label{border-radius:999px!important;flex:0 0 auto!important;min-height:34px;min-width:44px;padding-inline:12px!important;cursor:pointer}.variant-option .variant-option__button-label:before{border-radius:999px!important}.variant-option .variant-option__button-label__pill{border-radius:999px!important;transition:background .2s ease,color .2s ease}.variant-option .variant-option__button-label__text{font-size:12px;font-weight:600;letter-spacing:.005em;line-height:1.2;white-space:nowrap}.variant-option .variant-option__button-label:hover:before{border-color:var(--cx-violet)!important}.variant-option .variant-option__button-label--unavailable,.variant-option .variant-option__button-label:has(input:disabled){opacity:.45;cursor:not-allowed}.variant-option .variant-option__button-label--unavailable .variant-option__button-label__text,.variant-option .variant-option__button-label:has(input:disabled) .variant-option__button-label__text{text-decoration:line-through;color:var(--cx-graphite)!important}.variant-option .variant-option__button-label--has-swatch,.variant-option--swatches .variant-option__button-label{width:32px!important;height:32px!important;min-width:32px;min-height:32px;padding:0!important;overflow:hidden;box-shadow:inset 0 0 0 1px #14111f1f}.variant-option .variant-option__button-label--has-swatch:has(input:checked),.variant-option--swatches .variant-option__button-label:has(input:checked){box-shadow:0 0 0 2px #fff,0 0 0 4px var(--cx-violet);transform:scale(1.06)}@media(prefers-reduced-motion:reduce){.variant-option .variant-option__button-label__pill{transition:none}.variant-option .variant-option__button-label--has-swatch:has(input:checked){transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cx-variants.css.map */