/* TODO: Check these styles into git somewhere */

/*
  Hide the mountain range styling behind the "Custom mascot"
  in the advanced web interface
*/ 
.drawer__inner__mastodon {
  background: none;
}

/* Hide the default desktop logo */
.navigation-panel__logo svg use {
  display: none;
}

/* Replace the default desktop logo with our own */
.navigation-panel__logo svg.logo {
  height: 23px;
  width: 150px;
  margin: 4px 0 0;
  background-image: url(https://media.me.dm/assets/Medium-Logo-Black-RGB.svg);
  background-repeat: no-repeat;
  background-size: 150px 23px;
}

/* Hide the default mobile logo */
.ui__header__logo svg use {
  display: none;
}

/* Replace the default mobile logo with our own */
.ui__header__logo svg.logo {
    height: 23px;
    width: 150px;
    background-image: url(https://media.me.dm/assets/Medium-Logo-Black-RGB.svg);
    background-repeat: no-repeat;
    background-size: 150px 23px;
}

/* Use our dark theme logo when the user uses the dark theme */
.theme-default .ui__header__logo svg,
.theme-default .navigation-panel__logo svg.logo {
  background-image: url(https://media.me.dm/assets/Medium-Logo-White-RGB.svg);
}

.user-role-1 {
  --user-role-accent: #000000;
}