.user-role-6 {
  --user-role-accent: #594cd9;
  --user-role-background: #594cd919;
  --user-role-border: #594cd980;
}

.user-role-5 {
  --user-role-accent: #be38f3;
  --user-role-background: #be38f319;
  --user-role-border: #be38f380;
}

.user-role-7 {
  --user-role-accent: #b92d5d;
  --user-role-background: #b92d5d19;
  --user-role-border: #b92d5d80;
}

.user-role-1 {
  --user-role-accent: #d84c79;
  --user-role-background: #d84c7919;
  --user-role-border: #d84c7980;
}

.user-role-4 {
  --user-role-accent: #0061fe;
  --user-role-background: #0061fe19;
  --user-role-border: #0061fe80;
}

.user-role-3 {
  --user-role-accent: #5c53e1;
  --user-role-background: #5c53e119;
  --user-role-border: #5c53e180;
}

.user-role-2 {
  --user-role-accent: #5a4fdd;
  --user-role-background: #5a4fdd19;
  --user-role-border: #5a4fdd80;
}