.kkd-color-family { border-top: 1px solid rgba(0,0,0,.12); margin: 1.25em 0; padding-top: 1em; }
.kkd-color-family__links { display: flex; flex-wrap: wrap; gap: .5em; margin-top: .55em; }
.kkd-color-link { align-items: center; border: 1px solid currentColor; border-radius: 999px; display: inline-flex; gap: .45em; line-height: 1.3; padding: .45em .85em; text-decoration: none; }
.kkd-color-link.is-current { background: #222; border-color: #222; color: #fff; }
.kkd-color-swatch { border: 1px solid rgba(0,0,0,.18); border-radius: 50%; display: inline-block; height: .85em; width: .85em; }