.center-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.margin-0 {
  margin: 0 !important;
}
.flex-row {
  display: flex;
  gap: 10px;
}
.flex-column {
  gap: 35px;
  display: flex;
  flex-direction: column;
}

.user-role-1 {
  --user-role-accent: #004cff;
}

.user-role-3 {
  --user-role-accent: #ff0000;
}

.user-role-2 {
  --user-role-accent: #8000ff;
}

.user-role-5 {
  --user-role-accent: #ff0080;
}

.user-role-4 {
  --user-role-accent: #18f018;
}