.card-variant-picker{display:flex;flex-direction:column;gap:8px;margin-block-start:10px}.card-variant-picker__label{margin:0;font-size:11px;line-height:1.3;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-variant-picker__option-name{text-transform:uppercase;letter-spacing:.06em}.card-variant-picker__options{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;border:0}.card-variant-picker__swatch{position:relative;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgb(var(--text-color) / .2);border-radius:50%;overflow:hidden;cursor:pointer;background:rgb(var(--text-color) / .03);transition:border-color .15s ease,box-shadow .15s ease}.card-variant-picker__swatch img{width:100%;height:100%;object-fit:cover}.card-variant-picker__color{width:100%;height:100%}.card-variant-picker__initials{font-size:10px;font-weight:600;letter-spacing:.02em}.card-variant-picker__swatch:hover{border-color:rgb(var(--text-color) / .5)}.card-variant-picker__input:checked+.card-variant-picker__swatch{border-color:rgb(var(--text-color));box-shadow:0 0 0 1px rgb(var(--text-color))}.card-variant-picker__input:focus-visible+.card-variant-picker__swatch{outline:2px solid rgb(var(--text-color));outline-offset:2px}.card-variant-picker__swatch--unavailable{cursor:not-allowed;opacity:.4}.card-variant-picker__swatch--unavailable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,transparent calc(50% - 1px),rgb(var(--text-color) / .7) calc(50% - 1px),rgb(var(--text-color) / .7) calc(50% + 1px),transparent calc(50% + 1px))}.card-variant-picker__submit[disabled]{opacity:.45;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.card-variant-picker__swatch{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/card-variant-picker.css.map */