.pairing-suggestions[data-v-968d96f4]{flex-direction:column;gap:12px;display:flex}.heading[data-v-968d96f4]{font-family:var(--font-heading);color:var(--color-text-muted);text-transform:capitalize;margin:0;font-size:1rem;font-style:italic;font-weight:400}.grid[data-v-968d96f4]{flex-wrap:wrap;gap:8px;display:flex}.swatch-btn[data-v-968d96f4]{border:1px solid var(--color-border-default);background:var(--color-bg-default);color:var(--color-text-default);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 10px 6px 6px;transition:border-color .1s,background .1s;display:flex}.swatch-btn[data-v-968d96f4]:hover{border-color:var(--color-border-strong);background:var(--color-bg-subtle)}.swatch-btn[data-v-968d96f4]:focus-visible{outline:2px solid var(--color-focus-ring,currentColor);outline-offset:2px}.swatch[data-v-968d96f4]{border:1px solid #00000014;border-radius:5px;flex-shrink:0;width:28px;height:28px;display:block}.info[data-v-968d96f4]{flex-direction:column;align-items:flex-start;gap:1px;display:flex}.name[data-v-968d96f4]{white-space:nowrap;font-size:12px;font-weight:500;line-height:1.3}.hex[data-v-968d96f4]{color:var(--color-text-muted);white-space:nowrap;font-family:monospace;font-size:11px}