.user-role-4 {
  --user-role-accent: #00f900;
  --user-role-background: #00f90019;
  --user-role-border: #00f90080;
}

.user-role-5 {
  --user-role-accent: #0433ff;
  --user-role-background: #0433ff19;
  --user-role-border: #0433ff80;
}

.user-role-7 {
  --user-role-accent: #ff40ff;
  --user-role-background: #ff40ff19;
  --user-role-border: #ff40ff80;
}

.user-role-6 {
  --user-role-accent: #ff9300;
  --user-role-background: #ff930019;
  --user-role-border: #ff930080;
}

.user-role-3 {
  --user-role-accent: #ff2600;
  --user-role-background: #ff260019;
  --user-role-border: #ff260080;
}