.container {
	width: 60px;
	display: flex;
	flex-direction: column;
	gap: var(--s-0-5);
}

.text {
	font-size: var(--fonts-xs);
	font-weight: var(--semi-bold);
	text-align: center;
}

.pill {
	display: flex;
	gap: var(--s-1);
	height: 10px;
}

.pillLine {
	width: 100%;
	height: 100%;
	background-color: var(--bg-lightest);
	border-radius: var(--rounded);
}

.participating {
	background-color: var(--theme);
}