@media screen and (max-width:1100px){.chat .content .flex-spacer.flex-vertical:only-child .message-group .comment .markup{max-width:95%;}

.chat .content .flex-spacer.flex-vertical:not(:only-child) .message-group .comment .markup{max-width:85%;}

}

@media screen and (max-width:1020px){.chat .content .flex-spacer.flex-vertical:only-child .message-group .comment .markup{max-width:90%;}

.chat .content .flex-spacer.flex-vertical:not(:only-child) .message-group .comment .markup{max-width:80%;}

}

@media screen and (max-width:970px){.flex-vertical.channels-wrap{z-index:0;width:0px;transition:width linear .3s;height:100%;background:transparent;border-right:solid transparent 0px;}

.guilds-wrapper:hover ~ .flex-vertical.channels-wrap, .flex-vertical.channels-wrap:hover{width:25%;border-right:0px solid transparent;z-index: 3 !important;}

.theme-dark .chat form {border-left: 0px solid #212121 !important;}

.theme-dark .guilds-wrapper:hover ~ .chat form,  .theme-dark .flex-vertical.channels-wrap:hover ~ .chat form{border-left: 2px solid #212121 !important;}

.header-toolbar button.active{display:none;}

/*.chat.flex-vertical.flex-spacer>.content.flex-spacer.flex-horizontal>.flex-spacer.flex-vertical{margin-right:-145px !important;z-index:1}*/

.chat.flex-vertical.flex-spacer.private>.content.flex-spacer.flex-horizontal>.flex-spacer.flex-vertical{margin-right:0px;z-index:1}

.container-iksrDt{width: calc(100% - 15px) !important;margin-left: 0px;}

.scroller-wrap .scroller::-webkit-scrollbar{width: 0px;}

.scroller.messages::-webkit-scrollbar{width: 12px !important;visibility: hidden;}

.scroller.messages:hover::-webkit-scrollbar{width: 12px !important;visibility: visible;}

.guilds-wrapper .scroller-wrap{width: 75px;}

.guilds-wrapper .guilds-add {
    bottom: 0px !important;
}
.scroller.guilds {
    height: 100% !important;
}
.status-picker.popout-menu {
    left: 76px!important;
}
.channel-members .member .member-inner {
	display: none;
}
.channel-members-wrap {
    min-width: 40px;
    max-width: 100px;
}
.channel-members h2 {
    color: var(--main-color) !important;
    background-image: linear-gradient(90deg, transparent, transparent), linear-gradient(90deg, transparent, var(--main-color), transparent);
    background-size: 100% 3px;
    background-position: 0 0, 0 100%;
    margin-left: -53px;
    font-size: 9px;
}
}

@media screen and (max-width:725px){.chat.private .content .message-group:not(.compact) h2 .timestamp{display:none;}

}

@media screen and (max-width:430px){.chat .content .flex-spacer.flex-vertical:not(:only-child) ~ .channel-members-wrap{cursor:not-allowed;position:fixed;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.75);background-size:cover;background-position:center center;background-repeat:no-repeat;border-radius:5px;top:0;right:0;bottom:0;left:inherit;z-index:1000;}

.chat .content .flex-spacer.flex-vertical:not(:only-child) ~ .channel-members-wrap:before{content:"Media screen size too small";color:#fff;margin:auto;font-size:2rem;text-align:center;}

.chat .content .flex-spacer.flex-vertical:not(:only-child) ~ .channel-members-wrap .scroller-wrap{display:none;}

.chat:not(.private) .content .message-group:not(.compact) h2 .timestamp{display:block;}

}

@media screen and (max-width:340px){.message-group h2{max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.emoji-picker{width:90%;}

}