/* Bigger Reactions */
.theme-dark .reaction {
    width: 67px !important;
    height: 75px !important;
}

.message-group .emoji {
    margin-bottom: -2px !important;
}
.emoji {
    min-width: 50px !important;
    min-height: 50px !important;
    margin: 5px !important;
}



.theme-dark .inner-zqa7da {
    background-color: hsla(218,5%,47%,.3);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.56), rgba(0, 95, 22, 0.45), rgba(0, 0, 0, 0)) !important
}
//META{"name":"Server_Grid","description":"Display servers in 3 column grid","author":"Jiiks","version":"1.0"}*//{}

.guilds-wrapper{width: 180px;}
.guilds-wrapper .scroller-wrap{width: 200px;}
.guilds-wrapper .guilds {
    display: flex;
    flex-flow: row wrap;
    padding-left: 0;
    align-content: flex-start;
}

.guilds-wrapper .guilds .guild {
	margin-left: 8px;
    margin-top: 8px;
}

.guilds-wrapper .guilds .guild.unread::before {
	left: -2px;
    top: 5px;
    z-index:9000;
}

.guilds-wrapper .guilds .guild:first-child {
    position: relative;
    left: 0;
    margin: auto;
    margin-top: 15px;
}

#bd-pub-li {
	position: absolute;
    top: 0px;
    left: 0px;
}

#bd-pub-li #bd-pub-button {
    position:absolute;
    width: 100%;
	text-align: center;
}

.guilds-wrapper .guilds .guild-separator {
	position: relative;
    width: 100%;
    margin-top: 10px;
}

.guilds-wrapper .guilds .friends-online {
	position: relative;
    width: 100%;
    margin: auto;
    margin-top: 5px;
}

.guilds-wrapper .guilds .guild.selected:before {
    display: none;
}

.guilds-wrapper .guilds .guild {
	position: relative;
}

.guilds-wrapper .guilds .dms {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
}

.guilds-wrapper .guilds .dms .guild {
    left: 0;
}

/**BACKGROUND**/
body{background:url('https://i.imgur.com/Ico4J8o.jpg') rgba(0,0,0,0);} /**The background url HAS to use https!**/

/**The https://i.imgur.com/Ico4J8o.jpg  use https!**/
.theme-dark .friends-table, .theme-dark .messages-wrapper, .theme-dark .chat, .channels-Ie2l6A, .guilds-wrapper, .container-2lgZY8, .theme-dark .layer-3QrUeG, .theme-dark .layers-3iHuyZ, .theme-dark .typing-2GQL18,
.theme-dark .members-1998pB, .theme-dark .chat>.content, .theme-dark .title-3qD0b-, .container-PNkimc, .channels-Ie2l6A, #app-mount, .theme-dark .chat form, .container-2Thooq, .theme-dark .headerBar-UHpsPw,
.theme-dark .friends-table .messages .divider:before, .theme-dark .friends-table .messages .divider span, .theme-dark .messages-wrapper .messages .divider:before, .theme-dark .messages-wrapper .messages .divider span, .theme-dark #friends
{
    background:rgba(0,0,0,0) !important;
}
.typeWindows-1za-n7 {display:none;}

.contentSelectedText-3wUhMi,.private-channels .channel.selected a,.private-channels .channel:hover a,
.contentHoveredText-2D9B-x, .contentHoveredVoice-3p_NEO:active,.contentSelectedVoice-1WDIBM:active,
.theme-dark .member-3W1lQa:hover .content-OzHfo4, .theme-dark .member-3W1lQa.popout-open .content-OzHfo4, .theme-dark .member-3W1lQa.popout-open:hover .content-OzHfo4,
.theme-dark #friends .friends-table .friends-row:hover {
    background:rgba(0,0,0,0.3)!important;
}
.theme-dark .message-group .comment .markup code.inline{
    background:rgba(46,49,54,0.5)!important;
}

.theme-dark .member-2FrNV0:hover .content-3JzEqq, .theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-thumb, .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-thumb {
    background-color:rgba(0,0,0,0.5);
    border-color:transparent;
}
.scroller-wrap .scroller::-webkit-scrollbar-thumb, .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
    border-color:transparent;
    background-clip: padding-box;
    border: 3px solid #fff;
    border-radius: 7px;
}
.theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-track-piece, .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-track-piece {
    background-color:transparent;
    border-color:transparent;
}
.scroller-wrap .scroller::-webkit-scrollbar-track-piece {
    background-color: #f3f3f3;
}
.scroller-wrap .scroller::-webkit-scrollbar-thumb, .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
    background-color:transparent;
    background-clip: padding-box;
    border: 3px solid rgba(0,0,0,0);
    border-radius: 7px;
}

/**adding transparent gradients**/
/*** while technically also optional, I find no background is ever dark enough without looking bad ***/
.app-19_DXt{
    background:linear-gradient(to right,rgba(0,0,0,0.3),rgba(0,0,0,0.75) 310px,rgba(0,0,0,0.45) 70%,rgba(0,0,0,0) 95%) !important;
}

/** optional fun **/
img.emoji.jumboable{margin:0px !important;}/**fix emoji spacing for 2x2 emotes**/
img.emoji:not(.jumboable){height:32px !important;width:auto !important;}/**never resize emoji**/
.reaction img.emoji{height:16px !important;}/**nvm actually do resize reactions**/
.emojiPicker-3m1S-j{height:500px;}/** larger emojipicker part 1**/
.emojiPicker-3m1S-j .scroller-3vODG7{height:400px !important;}/** larger emojipicker part 2**/

.message-group-blocked {display: none}

.scroller::-webkit-scrollbar-thumb
  {
    border: none !important;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.56), rgba(0, 95, 22, 0.45), rgba(0, 0, 0, 0)) !important
  }

.avatar-large {
    background-size: 80px 80px;
    height: 80px;
    width: 80px;
}
.innerNoAutocomplete-1WpcVO {
    border-radius: 60px;
    border-width: 3px;
    border-color: rgb(0, 255, 59, 0.45);
    border-style: solid;
}