.tag-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-mono);
  font-weight: 500;
  color: var(--chip-color, var(--accent-copper));
  background: color-mix(in srgb, var(--chip-color, var(--accent-copper)) 16%, transparent);
  border: 1px solid color-mix(in srgb, var(--chip-color, var(--accent-copper)) 45%, transparent);
  border-radius: var(--radius-sm);
  line-height: 1;
}

.tag-chip--sm {
  min-width: 20px;
  height: 20px;
  font-size: 10px;
  padding: 0 4px;
}

.tag-chip--md {
  min-width: 28px;
  height: 28px;
  font-size: 12px;
  padding: 0 6px;
}