.staff-role-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  max-width:100%;
  border:1px solid transparent;
  border-radius:999px;
  font-family:inherit;
  font-weight:800;
  line-height:1;
  letter-spacing:.015em;
  vertical-align:middle;
  white-space:nowrap;
  box-sizing:border-box;
}
.staff-role-badge--admin{
  color:#2253a8;
  background:#eaf2ff;
  border-color:#c8dbff;
}
.staff-role-badge--moderation{
  color:#7043a1;
  background:#f3ebff;
  border-color:#dfcdf8;
}
.staff-role-badge--comm{
  color:#146b62;
  background:#e8f8f4;
  border-color:#bfe8df;
}
.staff-role-badge--micro{
  padding:3px 5px;
  font-size:8px;
}
.staff-role-badge--compact{
  padding:4px 7px;
  font-size:10px;
}
.staff-role-badge--profile{
  padding:6px 10px;
  font-size:12px;
}
.liker > .staff-role-badge,
.liker .comment-user > .staff-role-badge{
  display:inline-flex!important;
  width:auto!important;
  max-width:none!important;
  overflow:visible!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
}
@media (max-width:640px){
  .staff-role-badge--profile{padding:5px 8px;font-size:10px}
  .staff-role-badge--compact{padding:3px 6px;font-size:9px}
}