.group {
	background-color: var(--color-bg-high);
	width: 100%;
	border-radius: var(--radius-box);
	padding: var(--s-3);
	display: flex;
	flex-direction: column;
	gap: var(--s-4);
	position: relative;
	color: var(--color-text);
}

.member {
	display: flex;
	gap: var(--s-2);
	align-items: center;
	background-color: var(--color-bg);
	border-radius: calc(var(--radius-box) + 6px);
	font-size: var(--font-sm);
	font-weight: var(--weight-semi);
	padding-inline-end: var(--s-3);
}

.name {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 7.5rem;
	font-size: var(--font-xs);
	color: var(--color-text);
}

.extraInfo {
	font-size: var(--font-xs);
	background-color: var(--color-bg);
	border-radius: var(--radius-box);
	padding: var(--s-0-5) var(--s-1-5);
	width: max-content;
	display: flex;
	align-items: center;
	gap: var(--s-1);
	font-weight: var(--weight-semi);
	min-height: 24px;
}

.vcIcon {
	height: 15px;
	stroke-width: 2;
}

.star {
	min-width: 18px;
	max-width: 18px;
	color: var(--color-text-second);
	stroke-width: 2;
}

.starInactive {
	color: var(--color-text-high);
}

.teamHeader {
	display: flex;
	align-items: center;
	gap: var(--s-2);
}

.teamName {
	font-size: var(--font-2xs);
	font-weight: var(--weight-semi);
}
