.layout-multiple-columns .column {
	flex-grow: 1;
	max-width: 500px;
}

.status__content img.emojione[alt^=":sticker_"] {
    width: 128px !important;
    height: 128px !important;
    display: block;
    margin: 0 auto !important;
}

/* TOOT! */

.compose-form__publish-button-wrapper button,
.compose-form__publish-button-wrapper button::before {
  transition: color 0.5s;
}

.compose-form__publish-button-wrapper button::before {
  content: "Toot!";
  position: absolute;
  top: 50%;
  left: 50%;
  color: rgba(255,255,255,0);
  transform: translate3d(-50%, -50%, 0);
}

.compose-form__publish-button-wrapper button:hover,
.compose-form__publish-button-wrapper button:focus {
  color: rgba(255,255,255,0);
}

.compose-form__publish-button-wrapper button:hover::before,
.compose-form__publish-button-wrapper button:focus::before {
  color: rgba(255,255,255,1);
}

.user-role-3 {
  --user-role-accent: #c5210c;
  --user-role-background: #c5210c19;
  --user-role-border: #c5210c80;
}

.user-role-2 {
  --user-role-accent: #003366;
  --user-role-background: #00336619;
  --user-role-border: #00336680;
}

.user-role-5 {
  --user-role-accent: #000000;
  --user-role-background: #00000019;
  --user-role-border: #00000080;
}