/*Hide channel names, and only show them when hovered upon*/
/*[class*='channels-'] {
    width:140px;
    overflow:hidden;
    transition: width 0.5s;
}
[class*='channels-']:hover {
    width:180px;
}
[class*='channels-'].icon {
    visibility:collapse;
}
[class*='channels-']:hover .icon{
    visibility:visible;
}*/

/*Prevent overflowing for the channel headers*/
.guild-channels>header{
    overflow:hidden;
}
/*Show the # sign for all the channels*/
.channels-wrap .channel-name{
    min-width:25px;
}

/*Hide the 'hide muted channels' when channels are collapsed*/
.guild-channels>.toggle-muted-text-channels{
    visibility:collapse;
}
.guild-channels:hover>.toggle-muted-text-channels{
    visibility:visible;
}

/*Minimize the members to their icons*/
/*.channel-members>h2{
    visibility:collapse;
}
.channel-members:hover>h2{
    visibility:visible;
}
.channel-members-wrap{
    width:80px;
    min-width:80px;
    overflow: hidden;
    transition: width 0.5s;
}
.channel-members-wrap:hover{
    width:180px;
}/

/*Remove text next to picture*/
/*.channel-members-wrap .member-inner{
    visibility : collapse;
}
.channel-members-wrap:hover .member-inner{
    visibility : visible;
}
.containerDefault-1bbItS, .containerDragAfter-3O-noP, .containerDragBefore-2hcouM, .containerUserOver-3O3u5c {
    padding-top: 10px;
}*/


//META{"name":"Rounded_Square_Avatars","description":"Makes all avatars rounded squares <span style='position: absolute; bottom: 0; right: 14px;'>By <b><a href='https://github.com/Zerthox' target='_blank'>@Zerthox</a></b></span>","author":"Zerthox","version":"1.0"}*//{}

.avatar-large,
.avatar-profile,
.avatar-small,
.avatar-xlarge,
.avatar-xsmall,
.avatar-xxlarge,
.avatar-popout,
.avatar-hint,
.avatar-wrapper {
	border-radius: 5% !important;
}

.emoji.jumboable {
    width: 66px!important;
    height: 66px!important;
}

.emoji {
    width: 66px!important;
    height: 66px!important;
}

//META{"author":"lloti","name":"Beautiful Categories","description":"Adds lines to the left and right of categories by github.com/lloti","version":"1.1"}*//

div[class^=container-] div[class*=wrapper] > div[class*=name] {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  color: #fff;
  opacity: 0.3;
  transition: .2s opacity ease-in-out;
}

div[class^=container-] div[class*=wrapper] > div[class*=name]:hover {
  opacity: 0.8;
}

div[class^=container-] div[class*=wrapper] > div[class*=name]:before, div[class^=container-] div[class*=wrapper] > div[class*=name]:after {
  content: "";
  width: fit;
  vertical-align: middle;
  height: 1px;
  background: #eee;
  display: inline-block;
  margin: 0 5px;
  color: grey;
}

div[class^=container-] div[class*=container]:first-child {
  padding: 5px;
}

/*.guilds-wrapper {
  border-right: none;
  position: relative;
  margin-top: -10px;
}
.guilds-wrapper .guilds .guild,
.guilds-wrapper .guilds .guild .guild-inner a,
.guilds-wrapper .guilds .guild .avatar-small,
.guilds-wrapper .guilds .friends-icon,
.guilds-wrapper .guilds-error {
  width: 35px;
  height: 35px;
}
.guilds-wrapper .guilds .guild .guild-inner a {
  line-height: 35px;
  font-size: 15px !important;
}
.guilds-wrapper .guilds {
  margin-left: -2px;
  padding: 20px;
}
.guilds-wrapper .guilds .guild .avatar-small {
  background-size: 35px 35px;
}
.guilds-wrapper .guilds .guild .guild-inner {
  background: rgba(30, 30, 30, 0.9);
}
.guilds-wrapper .guilds .friends-icon {
  background-size: 27px 27px;
  margin-top: 2px;
}
.guilds-wrapper .guild-inner[style*="rgb"] {
  background-color: hsla(223, 5%, 3%, 0.4) !important;
}
.guilds-wrapper .guilds .friends-online {
  display: none;
}
.guilds-wrapper .guild-separator {
  display: none;
}
.guilds-add {
  opacity: 0.5;
  line-height: 25px !important;
  font-size: 35px !important;
}
.guilds-wrapper .guilds-error {
  line-height: 32px;
  padding-right: 1px;
}
.guilds-wrapper .guilds .guild.unread::before {
  transition: 0.2s ease-in-out all;
  left: -23px;
  height: 15px;
  top: 42%;
  background: gray;
}
.guilds-wrapper .guilds .guild.selected::before {
  transition: 0.2s ease-in-out all;
  left: -23px;
  height: 30px;
  top: 62%;
  background: darkgray;