/*
Chips
Small filters, labels, and inline selectable pills.
*/

.c-chip,
.chip {
	display: inline-flex;
	min-height: 36px;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--wt-color-line);
	border-radius: var(--wt-radius-pill);
	background: var(--wt-color-white);
	color: var(--wt-color-muted);
	padding: 0.5rem 0.85rem;
	font-size: var(--wt-step-0);
	font-weight: 400;
	white-space: nowrap;
}

.c-chip:hover,
.chip:hover,
.c-chip--active,
.chip--active {
	background: var(--wt-color-ink);
	color: var(--wt-color-white);
}

.chip-row {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wt-space-2);
}