.color-family-links[data-v-22bd751d]{margin:40px 0}.color-family-links .section-heading[data-v-22bd751d]{margin-bottom:20px}.color-family-links h2[data-v-22bd751d]{letter-spacing:-.04em;font-size:28px;font-weight:500}.family-link-grid[data-v-22bd751d]{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.family-link-group[data-v-22bd751d]{border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:16px}.family-link-group h3[data-v-22bd751d]{text-transform:capitalize;margin:0 0 12px;font-size:12px;font-weight:500}.family-link-group a[data-v-22bd751d]{align-items:center;gap:8px;min-height:36px;font-size:11px;display:flex}.family-link-group a>span[data-v-22bd751d]:nth-child(2){overflow-wrap:anywhere;min-width:0}.family-link-group code[data-v-22bd751d]{white-space:nowrap;margin-left:auto;font-size:10px}.family-link-swatch[data-v-22bd751d]{border:1px solid #80808050;border-radius:4px;flex-shrink:0;width:18px;height:18px}.family-link-group a[data-v-22bd751d]:hover{text-underline-offset:3px;text-decoration:underline}.color-family-links a[data-v-22bd751d]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (width<=900px){.family-link-grid[data-v-22bd751d]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.family-link-grid[data-v-22bd751d]{grid-template-columns:1fr}.color-family-links h2[data-v-22bd751d]{font-size:25px}.color-family-links .section-heading[data-v-22bd751d]{flex-wrap:wrap;align-items:center}.color-family-links .text-link[data-v-22bd751d]{margin-top:0}.family-link-group a[data-v-22bd751d]{min-height:40px}}