.user-role-3 {
  --user-role-accent: #ff0000;
  --user-role-background: #ff000019;
  --user-role-border: #ff000080;
}

.user-role-5 {
  --user-role-accent: #00eeff;
  --user-role-background: #00eeff19;
  --user-role-border: #00eeff80;
}

.user-role-4 {
  --user-role-accent: #ff8400;
  --user-role-background: #ff840019;
  --user-role-border: #ff840080;
}

.user-role-1 {
  --user-role-accent: #a600ff;
  --user-role-background: #a600ff19;
  --user-role-border: #a600ff80;
}

.user-role-2 {
  --user-role-accent: #ffef0a;
  --user-role-background: #ffef0a19;
  --user-role-border: #ffef0a80;
}