/* top bar instead of sidebar https://github.com/AkazaRenn/No-More-Sidebar-in-Mastodon-4.0 */
@media screen and (max-width: 889px) {
    .column-link--transparent {
        transform: rotate(90deg);
        scroll-snap-align: start;
    }
    .columns-area__panels__pane__inner {
        height: fit-content;
        transform: rotate(-90deg);
        transform-origin: 0 0;
        left: 5px;
    }
    .navigation-panel {
        max-height: calc(100vw - 107px);
        overflow: auto;
        scroll-snap-type: both mandatory;
        border-left: none !important;
        background-color: transparent !important;
        height: fit-content !important;
    }
    .navigation-panel::-webkit-scrollbar {
        display: none;
    }
    .columns-area__panels__main {
        width: 100%;
    }
    .columns-area__panels__pane--navigational {
        min-width: 0;
        z-index: 999;
    }
    body.app-body.layout-single-column {
        overflow-x: hidden;
    }
    .ui__header__links .button[href="/publish"] span {
        display: none;
    }
    .ui__header__links .button[href="/publish"]::before {
        content: "";
    }
    .ui__header__links .button[href="/publish"] {
        padding: 6.6px 0 0 0.8px;
        font-size: 20px;
        font-family: FontAwesome;
        height: 35px;
        width: 35px;
    }
}
.ui__header__logo {
    width: 0 !important;
    padding: 0 !important;
}
.navigation-panel__logo {
    display: none !important;
}


/*emoji enlarge written by bgme modified slightly by mtfront*/
.reply-indicator__content .emojione, 
.status__content .emojione {
	width: 28px !important;
	height: 28px !important;
        margin: 2px;
}

/* emoji hover enlarge */
.emojione:hover img {
        width: 48px !important;
	height: 48px !important;
        margin: 2px;
}

/*
.emoji-mart-category .emoji-mart-emoji:hover button {
	width: 45px !important;
	height: 45px !important;
}
*/

.emoji_source > li > img {
	width: 50px;
	height: 50px;
}

/* emoji selector */

.emoji-mart-category .emoji-mart-emoji:hover span,
.emoji-mart-category .emoji-mart-emoji-custom:hover img {
	width: 48px !important;
	height: 48px !important;
}

.emoji-mart-category .emoji-mart-emoji:hover {
	margin: 0 -12px;
}

/*mastodon长图补丁 v2.1 by Shioko*/
.image-loader {
	align-items:center;
}
.zoomable-image {
	display: flex;
    height:auto;
	max-height: 100%;
    width: auto;
    max-width: 98%;
	overflow: auto !important;
	align-items:center;
}
.zoomable-image:hover {
	align-items: flex-start;
}

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



/*variable width*/
div.column {
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1
}

.scrollable.scrollable--flex {
    scrollbar-width: thin;
}


/*hashtag style by slashine 071320*/
.hashtag-bar, .hashtag {
background-color: #93AEFD36;
display:inline-block;
width:fit-content !important;
padding: 0px 5px;
text-align: center;
text-decoration: none;
border-style: dashed;
border-color: #93AEFD;
border-width: 0.5px;
border-radius: 5px;
margin-top: 2px;
margin-bottom: 2px;
}


/* hide number */
.landing .hero-widget__counter strong, .information-board__section strong {
  visibility: hidden;
  white-space: nowrap;
}

.landing .hero-widget__counter strong::before {
  visibility: visible;
  content: "0";
} 

.information-board__section strong::before {
  visibility: visible;
  content: "0";
  float:right;
} 



.user-role-3 {
  --user-role-accent: #9dafd7;
}