.for-admin,
.for-contact-editor,
.for-event-editor,
.for-staff,
.for-moderator,
.for-event-viewer
{
    display: none;
}

body.role-admin .for-admin,
body.role-root .for-admin,
body.role-contact-editor .for-contact-editor,
body.role-event-editor .for-event-editor,
body.role-staff .for-staff,
body.role-moderator .for-moderator,
body.role-event-viewer .for-event-viewer

{
    display: block;
}

body.role-admin .for-admin.flex,
body.role-root .for-admin.flex,
body.role-contact-editor .for-contact-editor.flex,
body.role-event-editor .for-event-editor.flex,
body.role-staff .for-staff.flex,
body.role-moderator .for-moderator.flex,
body.role-event-viewer .for-event-viewer.flex
{
    display: flex;
}

body.role-admin .for-admin.grid,
body.role-root .for-admin.grid,
body.role-contact-editor .for-contact-editor.grid,
body.role-event-editor .for-event-editor.grid,
body.role-staff .for-staff.grid,
body.role-moderator .for-moderator.grid,
body.role-event-viewer .for-event-viewer.grid
{
    display: grid;
}