.sonet-ui-grid-user-list-container {
	cursor: pointer;
}

.sonet-ui-grid-user-list {
	display: flex;
	align-items: center;
	margin: -6px 2px 8px 0;
	padding: 0 5px;
	height: 28px;
	border: 1px solid rgba(82,92,105,.17);
	border-radius: 14px;
	box-sizing: border-box;
}

.sonet-ui-grid-user-list--green {
	border-color: #9dcf00;
	background-color: rgba(136,218,26,.24);
}

.sonet-ui-grid-user-item {
	position: relative;
	display: inline-block;
	margin-right: 2px;
	min-width: 20px;
	height: 20px;
	border-radius: 50%;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2220%22%20fill%3D%22%23525C68%22/%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M30.4364902%2C31.4100231%20C30.4364902%2C29.9871769%2028.8398242%2C23.9680557%2028.8398242%2C23.9680557%20C28.8398242%2C23.0883414%2027.6898708%2C22.083459%2025.4253473%2C21.4978674%20C24.6581347%2C21.2838747%2023.9288072%2C20.9520366%2023.2634349%2C20.514215%20C23.1179216%2C20.4310645%2023.1400361%2C19.6628072%2023.1400361%2C19.6628072%20L22.4107003%2C19.5517925%20C22.4107003%2C19.4894296%2022.3483374%2C18.5681401%2022.3483374%2C18.5681401%20C23.2209751%2C18.274902%2023.1311903%2C16.5451067%2023.1311903%2C16.5451067%20C23.6853794%2C16.8524981%2024.0462878%2C15.4836113%2024.0462878%2C15.4836113%20C24.7017612%2C13.5817654%2023.719878%2C13.6967607%2023.719878%2C13.6967607%20C23.8916546%2C12.5357299%2023.8916546%2C11.3557413%2023.719878%2C10.1947105%20C23.283338%2C6.34325128%2016.7109122%2C7.38882426%2017.4902268%2C8.64669632%20C15.5693624%2C8.29286451%2016.0076715%2C12.6635719%2016.0076715%2C12.6635719%20L16.4243085%2C13.7953913%20C15.6060724%2C14.326139%2016.1748571%2C14.9679015%2016.2031636%2C15.7065254%20C16.243412%2C16.7972119%2016.9108272%2C16.5712018%2016.9108272%2C16.5712018%20C16.9519602%2C18.3713211%2017.8396357%2C18.6057347%2017.8396357%2C18.6057347%20C18.0063789%2C19.7362273%2017.9024408%2C19.5438313%2017.9024408%2C19.5438313%20L17.1125113%2C19.6393659%20C17.1232047%2C19.896452%2017.1022601%2C20.1538778%2017.0501485%2C20.405854%20C16.12134%2C20.8198372%2015.921425%2C21.0626543%2014.9983663%2C21.4673494%20C13.215054%2C22.2488754%2011.2769403%2C23.2652573%2010.9323966%2C24.6337018%20C10.5878529%2C26.0021463%209.56350982%2C31.4100231%209.56350982%2C31.4100231%20L30.4356056%2C31.4100231%20L30.4356056%2C31.4100231%20L30.4356056%2C31.4100231%20L30.4364902%2C31.4100231%20Z%22/%3E%0A%3C/svg%3E%0A');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.sonet-ui-grid-user-item:last-child {
	margin-right: 0;
}

.sonet-ui-grid-user-count {
	display: inline-block;
	margin: 0 5px 0 4px;
	font: 12px 'OpenSans-SemiBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: rgba(82,92,105, .71);
}

.sonet-ui-grid-user-plus {
	margin-right: 2px;
	color: rgba(82,92,105, .50);
}

.sonet-ui-grid-user-crown {
	display: none;
	position: absolute;
	right: -2px;
	bottom: -1px;
	width: 10px;
	height: 8px;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%228%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4.886.17l-1.65%202.934L.666%202.08l2.09%204.853%204.578-.072%201.773-4.928L6.588%203.05%204.886.17z%22%20fill%3D%22%231EAE43%22%20stroke%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20stroke-opacity%3D%22.854%22/%3E%3C/svg%3E');
	background-repeat: no-repeat;
}

.sonet-ui-grid-user-list--green .sonet-ui-grid-user-crown {
	display: block;
}