2

/*Для виджета*/ /*Автор дизайна: Сибирский Смотритель*/ .discord-list {

 list-style-type: none;
 display: flex;
 flex-direction: column;
 margin-left: 15px;

}

.discord-member {

 vertical-align: middle;
 width: 100%;
 line-height: 23px;
 display: flex;
 align-items: center;
 white-space: nowrap;
 text-overflow: ellipsis;

}

.discord-avatar {

 display: inline-flex;

}

.discord-avatar:after {

 display: block;
 background-color: #43b581;
 width: 6px;
 height: 6px;
 content: " ";
 border-radius: 100%;
 position: relative;
 top: 14px;
 right: 7px;

}

.discord-avatar.discord-idle:after {

 background-color: rgb(250, 166, 26);

}

.discord-avatar.discord-dnd:after {

 background-color: rgb(240, 71, 71);

}

.discord-avatar img {

 border-radius: 100%;
 margin-right: 4px;
 width: 20px;
 height: 20px;

}

.discord-chevron {

 border-color: transparent;
 border-top-color: black;
 border-style: solid;
 border-width: 7px;
 width: 0;
 vertical-align: middle;
 margin-top: 2px;
 cursor: pointer;

}

.discord-chevron.opened {

 border-top-color: transparent;
 border-bottom-color: black;

}

.discord-joined {

 border-color: rgb(114, 137, 218);
 background: rgb(114, 137, 218);
 color: white;
 border-radius: 4px;
 font-size: 12px;
 margin-top: 5px;

}

1. discord-counter {

 display: inline;
 background-color: rgb(114, 137, 218);
 border-radius: 15px;
 color: white;
 padding: 1px 4px;
 font-size: 12px;
 line-height: 14px;

}

.discord-icon {

 width: 40px; 
 height: 40px; 
 display: block; 
 border-radius: 40px;

} .discord-joined:hover {

   border-color: rgb(84, 107, 188);
   background: rgb(84, 107, 188);

}

.discord-bot {

   background: #7289da;
   font-size: 10px;
   font-weight: 600;
   color: #fff;
   margin-left: 6px;
   padding: 1px 2px;
   border-radius: 3px;
   line-height: 15px;

} /*fin*/