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

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

.user-role-6 {
  --user-role-accent: #00c7fc;
  --user-role-background: #00c7fc19;
  --user-role-border: #00c7fc80;
}

.user-role-7 {
  --user-role-accent: #ff8647;
  --user-role-background: #ff864719;
  --user-role-border: #ff864780;
}

.user-role-8 {
  --user-role-accent: #ff4015;
  --user-role-background: #ff401519;
  --user-role-border: #ff401580;
}

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

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