/*variable width*/

div.column
{
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}


/*mastodon长图补丁 v2.1 by Shioko*/

.image-loader {
	align-items:center;
}
.zoomable-image {
	display: flex;
    height:auto;
	max-height: 100%;
    width: auto;
    max-width: 95%;
	overflow: auto !important;
	align-items:center;
}
.zoomable-image:hover {
	align-items: flex-start;
}

.zoomable-image img {
	max-height: 100%;
    max-width:95%;
}
.zoomable-image img:hover {
	max-height: 2000%;
    max-width:95%;
}


/*hashtag style by @slashine@slashine.onl and @flyover@pullopen.xyz*/
.mention.hashtag.status-link{
background-color: #93AEFD36;
padding: 0px 5px;
text-align: center;
text-decoration: none;
display: inline-block;
border-style: dashed;
border-color: #93AEFD;
border-width: 0.5px;
border-radius: 5px;
}

.mention.hashtag.status-link:hover{
background-color: #cdd2f54f;
}


/* 表情包放大 */
/* START mastodon emoji scaling by @eh5@eh5.me */

.reply-indicator__content,
.status__content:not(.status__content--collapsed) {
  overflow: unset;
}

.account__header__content .emojione,
.reply-indicator__content .emojione,
.status__content:not(.status__content--collapsed) .emojione {
  position: relative;
  z-index: 10;
  transform-origin: center;
  /* Animation duration */
  transition: 200ms ease-in-out;
}

.account__header__content .emojione:hover,
.reply-indicator__content .emojione:hover,
.status__content:not(.status__content--collapsed) .emojione:hover {
  z-index: 11;
  /* Scale up 2 times */
  transform: scale(2);
  /* shadows around image edges */
  filter: drop-shadow(0 0 1px rgba(255,255,255,0.25));
}

.directory__card .account__header__content .emojione:hover {
  transform: unset;
}

/* END mastodon emoji scaling by @eh5@eh5.me */


.user-role-3 {
  --user-role-accent: #aa9cec;
  --user-role-background: #aa9cec19;
  --user-role-border: #aa9cec80;
}


/* https://gist.github.com/FiXato/3de505b04efefd49a1e3568b70545234 */

.media-gallery__item-thumbnail img:not([alt]),
.audio-player__canvas:not([title]),
.video-player video:not([title]), 
.media-gallery__gifv video:not([title]),
.media-gallery__item-thumbnail img[alt=""], .audio-player__canvas[title=""], .video-player video[title=""], .media-gallery__gifv video[title=""]

.user-role-3 {
  --user-role-accent: #1a5fb4;
}

.user-role-2 {
  --user-role-accent: #1c71d8;
}

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