/**
 * Chips widget.
 */

.msd-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.msd-chips li {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px 10px 12px;
	border: 1px solid var(--msd-line, #e6e0d5);
	border-radius: 999px;
	background-color: var(--msd-cream, #f7f4ee);
	color: var(--msd-ink, #1e2a30);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
}

.msd-chips .msd-icon {
	color: var(--msd-red, #9d2020);
	font-size: 18px;
}