.componentTeamAvatars {display: flex;align-content: center;align-items: center;}

.componentTeamAvatars span {
	cursor: pointer;
	position: relative;
}
.componentTeamAvatars .av_nm,
.componentTeamAvatars .av_sm {
	margin: 0 -4px 0 0;
	display: flex;
	box-shadow: 0 0 0 2px var(--base-cont-top);
	vertical-align: top;
	justify-content: center;
}
.componentTeamAvatars ws-icon.av_sm {
	background-color: var(--base-cont-top)
}
.componentTeamAvatars__item--online .av_nm,
.componentTeamAvatars__item--online .av_sm {
	box-shadow: 0 0 0 1px var(--base-cont-top), 0 0 0 2px var(--costs-timer-play);
}
.componentTeamAvatars__item:last-child .av_nm,
.componentTeamAvatars__item:last-child .av_sm,
.componentTeamAvatars > .av_nm:last-child,
.componentTeamAvatars > .av_sm:last-child {
	margin-right: 0;
}
.projectView .projectNote .componentTeamAvatars .av_nm,
.projectView .projectNote .componentTeamAvatars .av_sm {
	box-shadow: 0 0 0 2px var(--base-cont-mod-low);
}
.listing__item-inactive .users .av_nm,
.listing__item-inactive .users .av_sm {
	box-shadow: 0 0 0 2px var(--base-cont-low)
}
.componentTeamAvatars span.more {
	box-sizing: border-box;
	display: inline-block;
	height: 24px;
	line-height: 20px !important;
	text-align: center;
	font: var(--font-ui-10-nano-med);
	border-radius: 12px;
	background: var(--base-hlt-g-hover);
	backdrop-filter: blur(4px);
	vertical-align: top;
	position: relative;
	padding: 2px 6px;
	box-shadow: 0 0 0 2px var(--base-cont-top);
	color: var(--base-txt-secondary);
	cursor: pointer;
}

.projectView .projectNote .componentTeamAvatars span.more {
	box-shadow: 0 0 0 2px var(--base-cont-mod-low);
}
.componentTeamAvatars .user_to .av_sm {
	border-radius: 0
}
.componentTeamAvatars i {
	margin: 0 5px 0 9px;
	border-left: 1px solid var(--base-line-alt-gap-minor);
	width: 1px;
	height: 16px;
}
.componentTeamAvatars .cnt_over {
	position:absolute;
	background:var(--lbl-overdue-invert);
	color:var(--white-accent);
	min-width:6px;
	padding:0 2px;
	height:10px;
	border-radius:3px;
	font:8px/10px var(--font-base);
	text-align:center;
	left:0;
	top:20px;
	box-shadow:0 0 0 1.5px var(--base-cont-top);
}
.componentTeamAvatars .cnt_over:hover {
	background:var(--base-btn-primary-minor);
}

@media (max-width: 480px) {
	.projectView .projectNote .componentTeamAvatars i {
		display: none;
	}
}