.status { padding: 8px 16px; }
.status__prepend { padding: 8px 16px 0; }
.notification__message { padding: 8px 16px 0; }
.status__action-bar { margin-top: 8px; }

.user-role-3 {
  --user-role-accent: #ff0000;
  --user-role-background: #ff000019;
  --user-role-border: #ff000080;
}

.user-role-4 {
  --user-role-accent: #00bfff;
  --user-role-background: #00bfff19;
  --user-role-border: #00bfff80;
}

.user-role-2 {
  --user-role-accent: #0062ff;
  --user-role-background: #0062ff19;
  --user-role-border: #0062ff80;
}

.user-role-1 {
  --user-role-accent: #3eb300;
  --user-role-background: #3eb30019;
  --user-role-border: #3eb30080;
}