.user-role-2 {
  --user-role-accent: #000000;
  --user-role-background: #00000019;
  --user-role-border: #00000080;
}

.user-role-3 {
  --user-role-accent: #000000;
  --user-role-background: #00000019;
  --user-role-border: #00000080;
}

.user-role-6 {
  --user-role-accent: #ffff00;
  --user-role-background: #ffff0019;
  --user-role-border: #ffff0080;
}

.user-role-7 {
  --user-role-accent: #0080c0;
  --user-role-background: #0080c019;
  --user-role-border: #0080c080;
}

.user-role-5 {
  --user-role-accent: #c0c0c0;
  --user-role-background: #c0c0c019;
  --user-role-border: #c0c0c080;
}

.user-role-9 {
  --user-role-accent: #8080ff;
  --user-role-background: #8080ff19;
  --user-role-border: #8080ff80;
}

.user-role-4 {
  --user-role-accent: #ff8040;
  --user-role-background: #ff804019;
  --user-role-border: #ff804080;
}