@media screen and (min-width: 631px) {
    .columns-area {
        max-width: 100%;
    }

    .column {
        flex: 1 1 100%;
        min-width: 300px;
    }
}

.user-role-4 {
  --user-role-accent: #e40707;
  --user-role-background: #e4070719;
  --user-role-border: #e4070780;
}

.user-role-5 {
  --user-role-accent: #ebe300;
  --user-role-background: #ebe30019;
  --user-role-border: #ebe30080;
}