.user-role-3 {
  --user-role-accent: #a51d2d;
  --user-role-background: #a51d2d19;
  --user-role-border: #a51d2d80;
}

.user-role-4 {
  --user-role-accent: #3584e4;
  --user-role-background: #3584e419;
  --user-role-border: #3584e480;
}

.user-role-1 {
  --user-role-accent: #813d9c;
  --user-role-background: #813d9c19;
  --user-role-border: #813d9c80;
}

.user-role-5 {
  --user-role-accent: #ffcb13;
  --user-role-background: #ffcb1319;
  --user-role-border: #ffcb1380;
}

.user-role-6 {
  --user-role-accent: #9141ac;
  --user-role-background: #9141ac19;
  --user-role-border: #9141ac80;
}