/**
 * The current known user role is set on the HTML element on using the data-myaxis-role attribute.
 *
 * The attribute can have one of these three values:
 *
 * 1. offline - Not logged in.
 * 2. myaxis  - Logged in with basic myaxis role.
 * 3. partner - Logged in with partner access.
 *
 * Elements in the DOM can be hidden based on the current role set in this attribute, using `data-myaxis-access`.
 *
 * The access attribute can hold several space seperated values.
 *
 * <div data-myaxis-access="offline"> <!-- Only for not logged in users -->
 * <div data-myaxis-access="myaxis partner"> <!-- Only for logged in users -->
 * <div data-myaxis-access="partner"> <!-- Only partners -->
 *
 */

html[data-myaxis-role='offline'] [data-myaxis-access]:not([data-myaxis-access~='offline']) {
  display: none !important;
}

html[data-myaxis-role='myaxis'] [data-myaxis-access]:not([data-myaxis-access~='myaxis']) {
  display: none !important;
}

html[data-myaxis-role='partner'] [data-myaxis-access]:not([data-myaxis-access~='partner']) {
  display: none !important;
}