.card-swatches{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem}
.card-swatch{width:2rem;height:2rem;border-radius:50%;padding:0;cursor:pointer;background:var(--swatch);background-size:cover;border:1px solid rgba(var(--color-foreground),.25);box-shadow:0 0 0 2px rgb(var(--color-background));transition:box-shadow .15s}
.card-swatch:hover,.card-swatch:focus-visible{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3px rgba(var(--color-foreground),.5);outline:none}
.card-swatch.is-active{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3px rgb(var(--color-foreground))}
.card-swatches__more{text-decoration:none;color:rgba(var(--color-foreground),.75);margin-left:.2rem}