.card-swatches{display:flex;align-items:center;gap:.8rem;margin-top:.6rem;position:relative;z-index:2}
.card-swatches__list{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}
.card-swatches__dot{display:block;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.card-swatches__dot:hover{box-shadow:inset 0 0 0 1px rgba(0,0,0,.25),0 0 0 2px rgb(var(--color-foreground))}
.card-swatches__more{font-size:1.2rem;line-height:1.6rem;opacity:.75}
.card-swatches__count{opacity:.75;letter-spacing:.04em}