.fw-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--chip-gap);
  padding: var(--chip-padding-vertical) var(--chip-padding-horizontal);
  font-size: var(--chip-font-size);
  border-radius: var(--chip-border-radius);
  border: var(--chip-border-thickness) solid var(--chip-border-color);
  background-color: var(--chip-background-color);
  color: var(--chip-text-color);
  cursor: pointer;
  transition: background-color var(--transition-timing-fast) var(--transition-ease-1), color var(--transition-timing-fast) var(--transition-ease-1);
  -webkit-tap-highlight-color: transparent;
}
.fw-chip[aria-pressed=true] {
  background-color: var(--chip-background-color-selected);
  color: var(--chip-text-color-selected);
}

.fw-chip-set {
  display: flex;
  flex-wrap: wrap;
  gap: var(--chip-gap);
}

.chip-remove {
  display: inline-flex;
  background: transparent;
  border: none;
  padding: 0;
}

@media (prefers-reduced-motion: reduce) {
  .fw-chip {
    transition: none;
  }
}