.role {
box-sizing: border-box;
display: inline-flex;
align-items: center;
vertical-align: middle;
font-size: 0.9em;
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;
}
.roledot {
height: 1em;
width: 1em;
padding: 0;
margin-right: 0.333333em;
}