#registration_new_user span.hint {
font-size:0px;
}

#registration_new_user span.hint::before {
content: "Make sure to list who is vouching for you, your connection to Portland, and how you would like to contribute to the community.";
font-weight:bold;
font-size: 12px;
color: #FFFFFF;
background-color: #5c6f2f;
}

#registration_new_user span.hint::after {
content: " We may waive the vouching requirement in order to increase diversity. It might take us up to a week or two to go through submissions.";
font-weight:bold;
font-size: 12px;
color: #FFFFFF;
background-color: #5c6f2f;
}

#new_user .input.user_invite_request_text span.hint {
font-size:0px;
}

#new_user .input.user_invite_request_text span.hint::before {
content: "Make sure to list who is vouching for you, your connection to Portland, and how you would like to contribute to the community.";
font-weight:bold;
font-size: 12px;
color: #FFFFFF;
background-color: #5c6f2f;
background-color: #7800FF;
}

#new_user .input.user_invite_request_text span.hint::after {
content: " We may waive the vouching requirement in order to increase diversity. It might take us up to a week or two to go through submissions.";
font-weight:bold;
font-size: 12px;
color: #FFFFFF;
background-color: #5c6f2f;
}

.drawer__inner__mastodon > img {
margin: -10px auto;
}

.compose-form__publish-button-wrapper button, .ui__header__links .button {
  text-indent: -9999px;
  line-height: 0; /* Collapse the original line */
}

.compose-form__publish-button-wrapper button:after, .ui__header__links .button:after {
  content:'Toot!'; 
  text-indent: 0;
  display: block;
  line-height: initial; /* New content takes up original line height */
}

.user-role-4 {
  --user-role-accent: #fbeca2;
}

.user-role-5 {
  --user-role-accent: #f66151;
}

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