.color-selector{flex-direction:column;gap:10px;display:flex}.color-selector__label{color:#334155;margin:0;font-size:14px;font-weight:600;display:block}.color-selector__label .order-form-required{color:#e53e3e;margin-left:3px}.color-selector__grid{flex-wrap:wrap;gap:8px;display:flex}.color-selector__chip{color:#334155;cursor:pointer;background:#fff;border:2px solid #667eea38;border-radius:10px;justify-content:center;align-items:center;min-height:40px;padding:8px 16px;font-size:13px;font-weight:700;transition:border-color .2s,background .2s,box-shadow .2s,transform .15s;display:inline-flex}.color-selector__chip--text{border-radius:10px}.color-selector__chip:hover{border-color:#667eea73;box-shadow:0 4px 12px #667eea1f}.color-selector__chip.is-selected{color:#fff;background:#667eea;border-color:#667eea;box-shadow:0 4px 14px #667eea40}.color-selector__chip:focus-visible{outline-offset:2px;outline:2px solid #667eea}.color-selector__hint{color:#64748b;margin:0;font-size:12px}.color-selector--embedded .color-selector__label{font-size:13px}.color-selector--embedded .color-selector__chip{min-height:36px;font-size:12px}