.status__wrapper-direct,
.detailed-status-direct {
  background-image: linear-gradient(
    0.375turn,
    #8c8dff 3.5rem,
    transparent 3rem
  );
}

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

.user-role-4 {
  --user-role-accent: #06b222;
  --user-role-background: #06b22219;
  --user-role-border: #06b22280;
}

.user-role-6 {
  --user-role-accent: #20b602;
  --user-role-background: #20b60219;
  --user-role-border: #20b60280;
}

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