Template:Role/styles.css

.role {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	font-size: 0.9em;
	line-height: 1;
	min-height: 1.833333em;
	padding: 0.333333em;
	border: 1px solid hsla(0,0%,100%,0.2);
	border-radius: 0.333333em;
	background-color: #ebedef;
}

.role.dark {
	background-color: #232428;
	color: #dbdee1;
}

.roledot {
	height: 1em;
	width: 1em;
	padding: 0;
	flex-shrink: 0;
	border-radius: 50%;
	margin-right: 0.333333em;
}