/* Why would we want to remove the underline from links? */
a.status-link:not(.mention) {
  text-decoration: underline;
}

/* Bottom center that instance mascot! */
.drawer__inner__mastodon > img {
  -o-object-position: bottom center;
  object-position: bottom center;
  margin: 0 auto;
}

/* Let's make trends fit on the screen better */
.getting-started__trends .trends__item:nth-of-type(2),
.getting-started__trends .trends__item:nth-of-type(3) {
  display: flex !important;
}

/* Make the "Why do you want to join?" more obvious on signup */
#new_user .user_invite_request_text > label,
#new_user .user_invite_request_text > .hint {
  font-size: 16px;
  line-height: 1.5;
}

/* We're making DMs more obvious and queer! */
.status__wrapper-direct,
.status-direct.status__wrapper-reply,
.detailed-status-direct,
.status-direct.status--in-thread  {
  border-left: solid 5px transparent !important;
  position: relative;
}
.status__wrapper-direct::before,
.status-direct.status__wrapper-reply::before,
.detailed-status-direct::before,
.status-direct.status--in-thread::before {
  content: '';
  position: absolute;
  width: 5px;
  max-width: 5px;
  height: calc(100% - 16px);
  top: 8px; right: 0; bottom: 8px; left: 0;
  z-index: 1;
  margin-left: -5px;
  background: linear-gradient(to bottom, #000 0%, #784f16 15%, #e40303 20%, #ff8c00 30%, #ffed00 40%, #008026 50%, #004dff 60%, #750787 70%, #f6a8b7 85%, #5ccefa 100%);
  border-radius: 0 5px 5px 0;
}

/* Increase emoji size slightly on hover */
.status__content:not(.status__content--collapsed) {
  overflow: visible;
}
.status__content .emojione, .account__header__bio .emojione {
    transition:transform .2s, filter .2s;
}
.status__content .emojione:hover, .account__header__bio .emojione:hover {
    transform: scale(2.2);
    filter: drop-shadow(0 0 3px #202020);
}

.user-role-3 {
  --user-role-accent: #6872ff;
  --user-role-background: #6872ff19;
  --user-role-border: #6872ff80;
}

.user-role-1 {
  --user-role-accent: #932092;
  --user-role-background: #93209219;
  --user-role-border: #93209280;
}