discord.css

.dummyclass {
	display:none;
}
:root {
    --version-content: "1.1";
}
/* Version Displayed */
.account:after {content: var(--version-content); color: rgba(255,255,255,0.2); font-size: 11px; font-weight: bold; position: absolute; bottom: 0; left: 149px; right: 0; opacity: 1;
}
.version {
    display: inline-block;
    margin: 0px 0px 0px 0px;
}
.version:after {
    content: var(--version-content);
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #43B581;
}
.themedescription {
    display: block;
    width: 100%;
    margin-right: 5px;
}
.themedescription:before {
    display: block;
    font-size: 14px;
    height: 15px;
    color: #3ddcb1;
    font-weight: 700;
    content: "Updates are automatic. Just restart Discord to get the latest version.";
}
/* body:after {
    content: "Christmas Edition: v" var(--version-content);
    z-index: 10000000000000000000000000;
    color: #fff;
    background: var(--main-color);
    top: 0;
    left: 50%;
    position: absolute;
    border-radius: 5px;
    padding: 5px 15px;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    -webkit-animation: version 3s ease;
    animation: version 3s ease;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

body:before {
    content: "Thanks for using Quiet!";
    z-index: 1000000000000000000000000;
    color: #fff;
    background: var(--main-color);
    top: 0px;
    left: 50%;
    position: absolute;
    border-radius: 5px;
    padding: 5px 15px;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    -webkit-animation: version 3s ease;
    animation: version 3s ease;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}
 */
@-webkit-keyframes version {
    from {
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }
    20% {
        -webkit-transform: translate(-50%, 20%);
        transform: translate(-50%, 20%)
    }
    80% {
        -webkit-transform: translate(-50%, 20%);
        transform: translate(-50%, 20%)
    }
    to {
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }
}

@keyframes version {
    from {
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }
    20% {
        -webkit-transform: translate(-50%, 20%);
        transform: translate(-50%, 20%)
    }
    80% {
        -webkit-transform: translate(-50%, 20%);
        transform: translate(-50%, 20%)
    }
    to {
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }
}
.help-container {
	display: none;
}
.account {
	z-index:9;
	border-top:none !important;
	padding:0 15px !important;
	background:#19191b;
        border-top: 1px solid #171719 !important;
}
.links {
	background-color:#19191b !important;
}
.account .btn {
	background:transparent;
	box-shadow:none !important;
}

#voice-connection {
	z-index:9;
	border-top:none !important;
	/*width:285px;
    margin-left:-83px;*/
	padding:15px 20px 15px 18px !important;
}

#voice-connection .btn {
	background:#19191b;
	box-shadow:none !important;
}

.title-wrap {
	border-bottom:#19191b !important;
	background:#19191b !important;
}

.chat .new-messages-bar {
	background-color:var(--main-color);
}

.chat .new-messages-bar:hover {
	background-color:var(--hover-color);
}

.chat>.title-wrap>.topic {
	font-size:14px;
	margin-top:5px;
	color:#656565 !important;
}

.chat .divider>span {
	background:#19191b !important;
	font-size:12px;
	text-transform:uppercase;
	margin:0px 0px;
	border-radius: 0px;
	opacity: 1;
    padding: 5px 15px;
    width: 100%;
    text-align: center;
}

.chat>.content .messages .message-group {
	border-bottom: none !important;
}

.chat>.content .messages .message-group a {
	color:#25ACE8 !important;
}

.chat>.content .messages .message-group .markup {
	color:#aaaaaa;
	line-height:1.3em;
    padding: 1px 4px 2px 3px;
}

.channel-textarea-inner {
	/* border: 1px solid #1D1C1B; */
	background:#19191b !important;
	padding: 15px 13px;
}

/* .typing {
	font-size:15px;
} */

.channel-members .member:hover {
	background:rgba(255,255,255,0.07) !important;
}

.channel-members .member .member-username {
	font-size:15px;
}

.channel-members .member .member-game {
	font-size:10px;
}

.channel-members .avatar-small .status {
    border-color:rgba(0,0,0,0.7) !important;
}

.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; /* This get flipped. */
background-position: 0 0, 0 100%; /* The last argument gets flipped. */
background-repeat: no-repeat;
    padding-top: 8px;
    padding-bottom: 8px;
	text-align: center;
	border-radius: 3px;
    width: 145px;
    margin-left: 15px;
}

.channel-members h2:first-of-type {
	margin-top:0px !important;
}

.settings .settings-header {
	background:#141417 !important;
}

.form .btn-primary {
    background-color: var(--main-color);
}
.form .btn-primary:hover {
    background-color: var(--hover-color) !important;
}

.user-settings-modal a:hover {
	color:var(--hover-color);
}

.tab-bar.SIDE {
    margin-right: -17px;
}

.guild-header ul {
	background:#19191b !important;
    transition: transform .5s cubic-bezier(0.18, 0.89, 0.32, 1.28) !important;
    padding-top:100px;
    top:-56px;
    border-bottom: 2px solid var(--main-color);
}
.add-friend-popout .btn {
	background-color:#19191b !important;
}
.private-channels .search-bar {
	background:rgba(10,13,16,0) !important;
}
.private-channels .search-bar input {
	background:#19191b !important;
}

.friends-header {
	background:#19191b !important;
}

.friends-table {
	background:#19191b !important;
	margin-top:0 !important;
}

.friends-header,
.friends-table .friends-table-header {
	border-bottom: 1px solid hsla(0,0%,100%,.1) !important;
}

.friends-header .tab-bar .tab-bar-separator,
.friends-table .friends-table-header .friends-column-separator {
	background-color:hsla(0,0%,100%,.1) !important;
}

.friends-table .friends-table-body {
	padding-top:20px !important;
}

.friends-table .friends-row:hover {
	background: #39393b !important;
}

.theme-dark .chat .title-wrap .channel-name {
    font-size: 16px !important;
    text-transform: capitalize !important;
}
.theme-dark .chat .title-wrap .topic {
 padding-bottom: 6px;   
}
.theme-dark .friends-table .messages .message-group h2 span, .theme-dark .messages-wrapper .messages .message-group h2 span {
font-size: 10px;
}

.theme-dark .friends-table .messages .message-group h2 strong, .theme-dark .messages-wrapper .messages .message-group h2 strong {
 font-size: 15px;   
}

div.avatar-large {
    border-radius: 5px;
}

div.avatar-small {
    border-radius: 5px;
}
.guilds-wrapper .guild-separator:after {display:none;}

.guilds-wrapper .guilds .guild .guild-inner {background:#0a0a0a !important}

body { -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; }

.chat .divider.divider-red > span {color: #b12340 !important;background-color: #111113 !important;border-radius: 3px;text-align: center;left:0px;}

.message-group.has-divider {
    border-color: transparent;
}

.theme-dark .message-group .comment .markup code.inline, .theme-dark .message-group .comment .markup pre code {
    background: #121213;
}

.chat .new-messages-bar button:last-child {
	color: #fff;}

.chat>.title-wrap>.topic:before { display:none;}

.guild-header ul li:hover a {
    background-color: #121213;
}

.guild-channels .channel-text.selected {
    background: linear-gradient(to right,#121213 85%,#19191b);
}

.guilds-wrapper .guilds .guild.selected:before {
    background: var(--main-color) !important;
}
.guilds-wrapper .guilds .guild.unread:before {
    background: var(--hover-color);
}
.guild-channels .channel-text.selected:before {
    border-left: 3px solid var(--main-color);
}
.guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before {
    background: var(--hover-color);
}
.guild-channels .channel-text:hover {
    background: linear-gradient(to right,#121213 85%,#19191b);
}
.guild-channels .channel-text:hover.channel-muted:before, .guild-channels .channel-text:hover:not(.unread):before {
    border-left: 3px solid var(--main-color);
}
.theme-dark .chat form {
    border-top: 1px solid #171719;
}
.channel-textarea {
    box-shadow: 0 4px 10px rgb(23, 23, 23);
    margin: 6px 0 17px;
}
.theme-dark .channel-textarea-inner .channel-textarea-upload {
    border-right-color: transparent;
}
.theme-dark .channel-textarea-inner .channel-textarea-upload:hover {
    background-color: #151517;
    border-radius: 3px;
}
.theme-dark .invite-button {
    background-color: #121213 !important;
    border: 2px solid #121213 !important;
}
.theme-dark .invite-button.join:hover {
border: 2px solid var(--main-color) !important;
}
.invite-button-icon {
    background-color: #101013;
    border: 1px solid #101013;
}
.channel-members .member:hover {
    background: linear-gradient(to right,#121213 85%,#19191b) !important;
    margin-left: 14px;
	border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.channel-members .member:hover>.avatar-small {
	margin-left: -14px;
}
.guild-header {
    border-bottom: 2px solid var(--main-color);
}
.theme-dark .message-group .comment .markup pre {
    background: #141417 !important;
    border-color: #111113 !important;
}
.theme-dark .hljs {
    color: #888888 !important;
}
.account .btn-settings:after {
    opacity: 0.2;
}
.account .btn-group {
    border: 1px solid transparent;
}
.account .btn-deafen, .account .btn-mute {
    border-right: 1px solid transparent;
}
button.btn:hover {
    background-color: #151517;
    border-radius: 3px;
}
.tooltip {
    background-color: var(--main-color) !important;
}
.tooltip.tooltip-top:after {
    border-top-color: var(--main-color) !important;
}
.tooltip.tooltip-right:after {
	    border-right-color: var(--main-color) !important;
}
.tooltip.tooltip-bottom:after {
    border-bottom-color: var(--main-color) !important;
}
.bot-tag {
    background: var(--main-color);
    color: #e8e8e8!important;
}
.chat .divider > span {
    color: #a0a0a0 !important;
    background: transparent !important;
    border-radius: 3px;
    position: relative;
    text-align: left;
    left: -14px;
}
.theme-dark .chat .has-more button {
    background: #111113 !important;
    border: 1px solid #111113 !important;
    color: var(--main-color) !important;
}
.chat .divider {
    height: 28px;
    background-color: transparent;
}
.highlight {
    color: var(--main-color);
	background: #131315;
    border-radius: 3px;
    padding: 1px 4px 2px 3px;
}
.highlight:hover {
    background-color: var(--main-color);
}
.theme-dark .message-group .comment .markup .highlight:hover {
    background-color: var(--hover-color);
    color: #fff !important;
    opacity: 0.9;
}
.theme-dark .chat .title-wrap .topic .highlight:hover {
    background-color: var(--hover-color) !important;
    color: #fff !important;
    opacity: 0.9;
}
.theme-dark .message-group .comment .markup .highlight, .theme-dark .chat .title-wrap .topic .highlight {
    transition: .3s ease-in-out all;
    background: rgba(10, 9, 9, 0.35);
}
.guilds .friends-icon:hover {
    background-color: var(--main-color);
}
.flex-vertical.channels-wrap {
    width: 230px;
}
.theme-dark .channel-members .member.popout-open, .theme-dark .channel-members .member:hover {
    background: linear-gradient(to right,#121213 85%,#19191b) !important;
}
.user-popout .avatar-wrapper .avatar-popout {
    border: 2px solid var(--hover-color);
    background-color: var(--hover-color);
}
.user-popout .header {
    background: #141417;
    height: 100px;
}
.user-popout .body {
    background: #111113;
}
.user-popout .footer {
    background: #0e0e0e;
    border-top: 2px solid var(--hover-color);
}
.member-roles .member-role {
    background: var(--hover-color);
    border-color: var(--main-color);
    color: #d8d8d8;
}
.quick-message {
    background: #0b0b0c;
    border: 2px solid var(--hover-color);
    color: #adadad;
}
.user-popout .username-wrapper .activity {
    color: #c7c7c7;
}
.protip, .user-popout .body .section .label {
    color: #c7c7c7;
}
.bot-tag.bot-tag-invert {
    background: var(--main-color);
    color: #e8e8e8!important;
}
.guilds-wrapper .guilds .guild.active:first-of-type .guild-inner {
    background: var(--main-color) !important;
}
.user-popout .username-wrapper.has-nickname .discriminator, .user-popout .username-wrapper.has-nickname .username {
    color: #b5b5b5;
}
#user-profile-modal{opacity: 1;position: relative;}
 
#user-profile-modal .avatar-wrapper .avatar-profile,
#user-profile-modal .sub-header,
#user-profile-modal .scroller-wrap,
#user-profile-modal .empty,
#user-profile-modal .scroller{background-color: #141415 !important;}
 
#user-profile-modal .header:before{content: "";width: 100%;height: 100px;background-size: cover;background-position: center center;background-repeat: no-repeat;position: absolute;top: 0;right: 0;left: 0;z-index: -1;}
 
#user-profile-modal .header .activity {
        margin-left: -50px;
	margin-top: -4px;
	padding-top: 13px !important;
}
 
#user-profile-modal .header .discord-tag .username,
#user-profile-modal .header .activity{text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);}
 
#user-profile-modal .header .discord-tag .discriminator{display: inline;background: rgba(93, 93, 93, 0.3);font-weight: 600;color: #fff;margin-left: 8px;padding: 3px 5px;border-radius: 3px;-webkit-user-select: none;opacity: 1;transition: opacity 300ms;}
 
#user-profile-modal .avatar-profile .status { border: 4px solid #19191b;}
 
#user-profile-modal .avatar-wrapper .avatar-profile{border-color: #19191b;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);left: 20px;}
 
#user-profile-modal .avatar-wrapper .avatar-profile .status{box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);right: 0;bottom: 0;}
 
#user-profile-modal .header{background-color: #121213;background-image:none;}

#user-profile-modal .tab-bar-container {
    border: 0!important;
    position: absolute;
    top: 120px;
    right: 0;
    padding: 0;
    width: 80px;
    height: 100%;
    justify-content: center;
    transition: width 500ms;
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    z-index: 1;
    background-color: #121213;
    -webkit-background-size: 270px 213px;
    -moz-background-size: 270px 213px;
    background-size: 270px 213px;
}
 
#user-profile-modal .tab-bar-container:before{content: "...";position: absolute;top: 0;left: 0;width: 10px;height: 100%;padding-top: 180px;background: transparent;writing-mode: vertical-lr;color: transparent;font-size: 18px;font-weight: 700;letter-spacing: 15px;line-height: 20px;cursor: pointer;transition: letter-spacing 300ms, padding 300ms;;}
 
#user-profile-modal .tab-bar-container:hover{width: 180px;}
 
#user-profile-modal .tab-bar-container .tab-bar{background: transparent;border: 0!important;flex-flow: column;position: absolute;top: 40px;left: 35px;}
 
#user-profile-modal .tab-bar-container .tab-bar-item{padding: 10px 25px;position: relative;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
 
#user-profile-modal .tab-bar-container .tab-bar-item,
#user-profile-modal .tab-bar-container .tab-bar-item:hover,
#user-profile-modal .tab-bar-container .tab-bar-item.selected{color: transparent!important;}
 
#user-profile-modal .tab-bar-container:hover .tab-bar-item{color: #ececec!important;opacity: 1;transition: color 500ms;}
 
#user-profile-modal .tab-bar-container:hover .tab-bar-item:hover,
#user-profile-modal .tab-bar-container:hover .tab-bar-item.selected{color: #fff!important;
}
 
#user-profile-modal .tab-bar-container .tab-bar-item:before{content: "";position: absolute;top: 7px;left: 0;width: 18px;height: 18px;background-position: center center;background-repeat: no-repeat;background-size: 18px 18px;opacity: 0.5;transition: opacity 500ms;}
 
#user-profile-modal .tab-bar-container .tab-bar-item:hover:before,
#user-profile-modal .tab-bar-container .tab-bar-item.selected:before{opacity: 1;}
 
#user-profile-modal .tab-bar-container .tab-bar-item:nth-child(1):before{
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDQwOS4xNjUgNDA5LjE2NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDA5LjE2NSA0MDkuMTY0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTIwNC41ODMsMjE2LjY3MWM1MC42NjQsMCw5MS43NC00OC4wNzUsOTEuNzQtMTA3LjM3OGMwLTgyLjIzNy00MS4wNzQtMTA3LjM3Ny05MS43NC0xMDcuMzc3ICAgIGMtNTAuNjY4LDAtOTEuNzQsMjUuMTQtOTEuNzQsMTA3LjM3N0MxMTIuODQ0LDE2OC41OTYsMTUzLjkxNiwyMTYuNjcxLDIwNC41ODMsMjE2LjY3MXoiIGZpbGw9IiNGRkZGRkYiLz4KCQk8cGF0aCBkPSJNNDA3LjE2NCwzNzQuNzE3TDM2MC44OCwyNzAuNDU0Yy0yLjExNy00Ljc3MS01LjgzNi04LjcyOC0xMC40NjUtMTEuMTM4bC03MS44My0zNy4zOTIgICAgYy0xLjU4NC0wLjgyMy0zLjUwMi0wLjY2My00LjkyNiwwLjQxNWMtMjAuMzE2LDE1LjM2Ni00NC4yMDMsMjMuNDg4LTY5LjA3NiwyMy40ODhjLTI0Ljg3NywwLTQ4Ljc2Mi04LjEyMi02OS4wNzgtMjMuNDg4ICAgIGMtMS40MjgtMS4wNzgtMy4zNDYtMS4yMzgtNC45My0wLjQxNUw1OC43NSwyNTkuMzE2Yy00LjYzMSwyLjQxLTguMzQ2LDYuMzY1LTEwLjQ2NSwxMS4xMzhMMi4wMDEsMzc0LjcxNyAgICBjLTMuMTkxLDcuMTg4LTIuNTM3LDE1LjQxMiwxLjc1LDIyLjAwNWM0LjI4NSw2LjU5MiwxMS41MzcsMTAuNTI2LDE5LjQsMTAuNTI2aDM2Mi44NjFjNy44NjMsMCwxNS4xMTctMy45MzYsMTkuNDAyLTEwLjUyNyAgICBDNDA5LjY5OSwzOTAuMTI5LDQxMC4zNTUsMzgxLjkwMiw0MDcuMTY0LDM3NC43MTd6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}
 
#user-profile-modal .tab-bar-container .tab-bar-item:nth-child(2):before{
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDk3Ljk2OCA5Ny45NjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk3Ljk2OCA5Ny45Njg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDkuNTQxLDM4LjY1NWMxLjYxNywwLDMuMTU4LDAuMzM4LDQuNTU5LDAuOTQ2YzAuMTA1LTIuMjg2LDAuODkzLTQuNCwyLjE1Ny02LjE1Yy0wLjg5LTAuMTg2LTEuODA4LTAuMjg1LTIuNzQ4LTAuMjg1ICAgIGgtOC45MDZjLTAuOTM4LDAtMS44NTYsMC4wOTgtMi43MzksMC4yODJjMS4zNDcsMS44NjksMi4xNTIsNC4xNSwyLjE2NSw2LjYyQzQ1LjY2NiwzOS4xNjgsNDcuNTQ0LDM4LjY1NSw0OS41NDEsMzguNjU1eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxjaXJjbGUgY3g9IjQ5LjA1NCIgY3k9IjIxLjk1NCIgcj0iMTAuNDk2IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTY1LjUzOSw1MC4zNmM1LjM0MiwwLDkuNjctNC4zMyw5LjY3LTkuNjdjMC01LjM0Mi00LjMyOC05LjY3LTkuNjctOS42N2MtNS4yOTIsMC05LjU4Myw0LjI1MS05LjY2Myw5LjUyNCAgICBjMy4wNDksMS45MTIsNS4xODcsNS4xNDYsNS41NzcsOC45QzYyLjY5NSw1MC4wMjYsNjQuMDc2LDUwLjM2LDY1LjUzOSw1MC4zNnoiIGZpbGw9IiNGRkZGRkYiLz4KCQk8cGF0aCBkPSJNMzIuNTcxLDMxLjAxOWMtNS4zNDMsMC05LjY3MSw0LjMyOS05LjY3MSw5LjY3czQuMzI4LDkuNjY5LDkuNjcxLDkuNjY5YzEuODkyLDAsMy42NTEtMC41NTMsNS4xNDMtMS40OTIgICAgYzAuNDc1LTMuMDkxLDIuMTMyLTUuNzk0LDQuNDk5LTcuNjM0YzAuMDEtMC4xODEsMC4wMjctMC4zNiwwLjAyNy0wLjU0M0M0Mi4yNCwzNS4zNDgsMzcuOTEsMzEuMDE5LDMyLjU3MSwzMS4wMTl6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTcxLjgyLDMwLjgxM2MzLjA0OSwxLjkxMiw1LjE4Nyw1LjE0Niw1LjU3Niw4LjkwMWMxLjI0MSwwLjU4MSwyLjYyMywwLjkxNiw0LjA4NiwwLjkxNmM1LjM0MiwwLDkuNjctNC4zMjksOS42Ny05LjY3ICAgIGMwLTUuMzQxLTQuMzI4LTkuNjctOS42Ny05LjY3Qzc2LjE5MSwyMS4yODksNzEuOSwyNS41NDEsNzEuODIsMzAuODEzeiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxjaXJjbGUgY3g9IjQ5LjU0MSIgY3k9IjUwLjY3MyIgcj0iOS42NzEiIGZpbGw9IiNGRkZGRkYiLz4KCQk8cGF0aCBkPSJNNjkuNjQzLDUxLjAxOWgtOC4xNDRjLTAuMDg5LDMuMjU4LTEuNDc5LDYuMTkyLTMuNjc5LDguMzAxYzYuMDY4LDEuODA2LDEwLjUwOSw3LjQzNCwxMC41MDksMTQuMDgydjMuMDkyICAgIGM4LjA0LTAuMjk3LDEyLjY3NC0yLjU3MywxMi45NzktMi43MjlsMC42NDYtMC4zMjhoMC4wNjdWNjMuNDAxQzgyLjAyMyw1Ni41NzMsNzYuNDY5LDUxLjAxOSw2OS42NDMsNTEuMDE5eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxwYXRoIGQ9Ik04NS41ODUsNDEuMjg5aC04LjE0MmMtMC4wODgsMy4yNTgtMS40NzksNi4xOTItMy42NzgsOC4zMDFjNi4wNjgsMS44MDYsMTAuNTA4LDcuNDMzLDEwLjUwOCwxNC4wODF2My4wOTIgICAgYzguMDM5LTAuMjk2LDEyLjY3NC0yLjU3MiwxMi45NzktMi43MjlsMC42NDYtMC4zMjdoMC4wNjlWNTMuNjcxQzk3Ljk2Nyw0Ni44NDQsOTIuNDEzLDQxLjI4OSw4NS41ODUsNDEuMjg5eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxwYXRoIGQ9Ik00MS4yNTYsNTkuMzE5Yy0yLjE4OS0yLjA5OS0zLjU3NS01LjAxNy0zLjY3Ny04LjI1NGMtMC4zMDEtMC4wMjItMC42LTAuMDQ3LTAuOTA4LTAuMDQ3aC04LjIwMyAgICBjLTYuODI4LDAtMTIuMzgzLDUuNTU1LTEyLjM4MywxMi4zODN2MTAuMDM3bDAuMDI1LDAuMTU1bDAuNjkxLDAuMjE4YzUuMjI3LDEuNjMzLDkuODkzLDIuMzgzLDEzLjk0NCwyLjYyMXYtMy4wMzEgICAgQzMwLjc0Nyw2Ni43NTQsMzUuMTg2LDYxLjEyNiw0MS4yNTYsNTkuMzE5eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxwYXRoIGQ9Ik01My42NDMsNjEuMDAzaC04LjIwNmMtNi44MjgsMC0xMi4zODMsNS41NTctMTIuMzgzLDEyLjM4MnYxMC4wMzdsMC4wMjYsMC4xNTdsMC42OSwwLjIxNiAgICBjNi41MTYsMi4wMzUsMTIuMTc3LDIuNzE1LDE2LjgzNSwyLjcxNWM5LjEwMSwwLDE0LjM3NS0yLjU5NSwxNC43MDEtMi43NmwwLjY0Ni0wLjMyOGgwLjA2OFY3My4zODUgICAgQzY2LjAyMyw2Ni41NTgsNjAuNDY5LDYxLjAwMyw1My42NDMsNjEuMDAzeiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxwYXRoIGQ9Ik0xNi40ODYsNDAuOTM4YzEuNDYzLDAsMi44NDQtMC4zMzUsNC4wODYtMC45MTZjMC4zOS0zLjc1NSwyLjUyNy02Ljk5LDUuNTc2LTguOTAyYy0wLjA4LTUuMjcxLTQuMzcxLTkuNTIzLTkuNjYyLTkuNTIzICAgIGMtNS4zNDMsMC05LjY3MSw0LjMyOS05LjY3MSw5LjY3MUM2LjgxNSwzNi42MDksMTEuMTQzLDQwLjkzOCwxNi40ODYsNDAuOTM4eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxwYXRoIGQ9Ik0yNC4yMDIsNDkuODk5Yy0yLjE5OC0yLjEwOS0zLjU4OS01LjA0NC0zLjY3Ny04LjMwM2gtOC4xNDNDNS41NTQsNDEuNTk3LDAsNDcuMTUyLDAsNTMuOTc5djEwLjAzN2gwLjA2OWwwLjY0NiwwLjMyNyAgICBjMC4zMDYsMC4xNTQsNC45MzksMi40MzMsMTIuOTc5LDIuNzI4di0zLjA5MkMxMy42OTQsNTcuMzMyLDE4LjEzMyw1MS43MDQsMjQuMjAyLDQ5Ljg5OXoiIGZpbGw9IiNGRkZGRkYiLz4KCQk8cGF0aCBkPSJNMjcuNzk2LDMwLjA2M2MxLjE2LTAuNDcsMi45My0xLjA0Nyw0LjYyLTEuMDQ3YzEuOTY3LDAsMy44OTEsMC41MDYsNS42MDcsMS40NjljMC4zODItMC4zNzUsMC43MzItMC43ODMsMS4wNS0xLjIyICAgIGMtMS42My0yLjE0MS0yLjUyLTQuNzY1LTIuNTItNy40NjRjMC0xLjgxOCwwLjQwNi0zLjYyMiwxLjE4LTUuMjYxYy0xLjc2Mi0xLjU5Mi00LjAxLTIuNDYxLTYuMzk5LTIuNDYxICAgIGMtNC4zNDgsMC04LjEzMywyLjk0My05LjI0MSw3LjA4OEMyNS4zNDEsMjMuMDU3LDI3LjQ1NywyNi4zNjEsMjcuNzk2LDMwLjA2M3oiIGZpbGw9IiNGRkZGRkYiLz4KCQk8cGF0aCBkPSJNNTkuMTE3LDI4LjcxOGMwLjMzNiwwLjUzNCwwLjcyOSwxLjAzNywxLjE3NSwxLjUwNWMxLjU4OC0wLjc5MiwzLjMzNC0xLjIwOCw1LjA5Mi0xLjIwOCAgICBjMS43MjksMCwzLjM4NiwwLjQ0Miw0LjQ3MiwwLjgxMmMwLjM0LTQuMDEzLDIuNzY3LTcuNTU1LDYuNC05LjM1Yy0xLjMzMi0zLjgwNS00LjkzOC02LjQwMi05LjAyMS02LjQwMiAgICBjLTIuNjQsMC01LjE0LDEuMDg0LTYuOTQ1LDIuOTkyYzAuNjM0LDEuNTEyLDAuOTU1LDMuMTAxLDAuOTU1LDQuNzNDNjEuMjQ0LDI0LjI5Miw2MC41MSwyNi42Nyw1OS4xMTcsMjguNzE4eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
}
 
#user-profile-modal .tab-bar-container .tab-bar-item:nth-child(3):before{
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDQ2Ni40OCA0NjYuNDgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ2Ni40OCA0NjYuNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iaWNvbnNfMjRfIj4KCQk8Zz4KCQkJPGc+CgkJCQk8cGF0aCBkPSJNMTEzLjc3NCwxMTcuNWwwLjAwMSwwLjAwNmMwLjAyLTAuMDA0LDAuMDM5LTAuMDEsMC4wNi0wLjAxNGMwLjAxOS0wLjAwMiwwLjA0LTAuMDAzLDAuMDU5LTAuMDA2bC0wLjAwMS0wLjAwNSAgICAgIGMyMC44MjUtMy44LDM0Ljg0NS0yMy41OTEsMzEuNDA0LTQ0LjU2M2MtMy40NDItMjAuOTctMjMuMDQ5LTM1LjI0My00My45OTYtMzIuMTg4di0wLjAwNWMtMC4wMiwwLjAwMy0wLjAzOSwwLjAwOC0wLjA1OSwwLjAxMiAgICAgIGMtMC4wMTksMC4wMDMtMC4wMzksMC4wMDQtMC4wNiwwLjAwOGwwLjAwMSwwLjAwNGMtMjAuODIyLDMuOC0zNC44NDMsMjMuNTg5LTMxLjQwMyw0NC41NTkgICAgICBDNzMuMjIxLDEwNi4yNzksOTIuODMxLDEyMC41NTMsMTEzLjc3NCwxMTcuNXoiIGZpbGw9IiNGRkZGRkYiLz4KCQkJCTxwYXRoIGQ9Ik0yNTYuNjUsMzQ3LjEwOGwtNzUuMTcxLTc2LjE4Yy01LjE2MS02LjE3OS0xOS4wODItOTMuNzc5LTE5LjY3OS05Ny40MTZjLTEuNTMtOS4zMjMsMS4xMTYtMTUuMjQsMS4xMTYtMTUuMjQgICAgICBzMzcuNzc5LTk3LjA2Myw0MS42MDYtMTA3Ljc0OWMzLjgyOS0xMC42ODcsMy42MS0xNy42NzYtMy43NzEtMjIuOTgxYy03LjM4OS01LjMwNy0xOS45OTQtNS40NjUtMjIuOTg0LDMuNzcxbC00MC40NzUsOTcuMTE5ICAgICAgYzAsMC0xMC4zMTctMy43Ni0yMS43MTItMi4wODhjLTAuMDk2LDAuMDE4LTAuMTg4LDAuMDM2LTAuMjg0LDAuMDU1Yy0wLjA5NSwwLjAxNC0wLjE4OCwwLjAyMy0wLjI4NiwwLjAzOSAgICAgIGMtMTEuMzI5LDIuMDU3LTE5LjkwNiw4LjkxNy0xOS45MDYsOC45MTdMMjUuNzE5LDU2LjI2MWMtOC4xODktOC0xNy42NzgtMy42MTktMjIuOTg1LDMuNzcxICAgICAgYy01LjI5OCw3LjM4NS0yLjI3NCwxNS43MTQsMy43NywyMi45ODFjNi4wNDQsNy4yNjgsNzMuODU2LDg4LjgwNyw3My44NTYsODguODA3czQuMzk1LDQuNzYyLDUuOTI0LDE0LjA4NCAgICAgIGMwLjEyMSwwLjc0LDAuMTU2LDAuOTUzLDE0LjY5NCw4OS41MzhsOS43NTMsMTQ5Ljg3NmMwLjYzNiw5Ljc3MSw4Ljc2LDE3LjI3MiwxOC40MTUsMTcuMjcyYzAuNDAzLDAsMC44MS0wLjAxMywxLjIxOC0wLjAzOSAgICAgIGMxMC4xOC0wLjY2MywxNy44OTYtOS40NTMsMTcuMjMzLTE5LjYzM2MwLDAtOC43OTItMTMwLjMyMy04Ljc5Mi0xMzUuMTE1YzAtMi45NDIsMi44NjUtNC42Miw2LjI0My0xLjE5NSAgICAgIGMzLjM3OCwzLjQyMyw4NS4zMDYsODYuNDQ5LDg1LjMwNiw4Ni40NDljNy4xNjUsNy4yNjEsMTguODYxLDcuMzQsMjYuMTIzLDAuMTc0ICAgICAgQzI2My43MzcsMzY2LjA2NCwyNjMuODE1LDM1NC4zNjksMjU2LjY1LDM0Ny4xMDh6IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTwvZz4KCQkJPGc+CgkJCQk8cGF0aCBkPSJNMzQxLjQxNSwxNTMuNTY2bC0wLjAwMiwwLjAwNGMwLjAxNiwwLjAwNiwwLjAyOSwwLjAwOCwwLjA0NSwwLjAxM2MwLjAxNywwLjAwNSwwLjAyOCwwLjAxMiwwLjA0NCwwLjAxN2wwLjAwMi0wLjAwMyAgICAgIGMwLjEzMywwLjA0MywwLjI2NiwwLjA3NywwLjM5NiwwLjExN2MwLjEzLDAuMDQ5LDAuMjU2LDAuMTA0LDAuMzg3LDAuMTUxbC0wLjAwMiwwLjAwNGMwLjAxNywwLjAwNCwwLjAyOSwwLjAwOCwwLjA0NiwwLjAxMyAgICAgIGMwLjAxNCwwLjAwNCwwLjAyNywwLjAxMiwwLjA0MywwLjAxN2wwLjAwMS0wLjAwM2MxNS42NzQsNS4wNjEsMzIuNTcyLTMuMzQ0LDM3LjkzNi0xOC45ODkgICAgICBjNS4zNjItMTUuNjQzLTIuODI2LTMyLjY0Ni0xOC4zMDktMzguMjYzbDAuMDAxLTAuMDAzYy0wLjAxNy0wLjAwNi0wLjAzLTAuMDEtMC4wNDctMC4wMTQgICAgICBjLTAuMDE0LTAuMDA1LTAuMDI3LTAuMDExLTAuMDQzLTAuMDE3bC0wLjAwMSwwLjAwM2MtMC4xMzMtMC4wNDItMC4yNjUtMC4wNzctMC4zOTYtMC4xMTdjLTAuMTMtMC4wNDktMC4yNTUtMC4xMDMtMC4zODgtMC4xNTEgICAgICBsMC4wMDQtMC4wMDNjLTAuMDE2LTAuMDA2LTAuMDMxLTAuMDA4LTAuMDQ2LTAuMDE0Yy0wLjAxNi0wLjAwNC0wLjAyOC0wLjAxMS0wLjA0NS0wLjAxNmwtMC4wMDEsMC4wMDMgICAgICBjLTE1LjY3My01LjA2Mi0zMi41NjksMy4zNDMtMzcuOTMyLDE4Ljk4NVMzMjUuOTMxLDE0Ny45NDksMzQxLjQxNSwxNTMuNTY2eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQkJPHBhdGggZD0iTTQ2Ni4wMTYsMTY2LjA5NmMtMS41OTEtNi44OTgtOC4yODUtOS45MDgtMjAuMzc1LTcuMzkzbC05MC43Myw5Ljc2NmMwLDAtNC4yMzUtNS4wNTMtMTUuMDg4LTguNzcyICAgICAgYy0xMC44NTMtMy43Mi0xNy4yNS0yLjMxMy0xNy4yNS0yLjMxM2wtNjUuNjU4LTYzLjM3M2MtOC4wMDQtOS40MDQtMTUuMTM4LTExLjEzNC0yMC42MjUtNi42NjMgICAgICBjLTYuNjA0LDUuMzgtNy44MjIsMTMuODg5LTMuOTU1LDE4LjY5MWM1LjgzLDcuMjQxLDY0LjU3Niw2Ny40NjIsNjYuNzA0LDcwLjkxMmMyLjEyOCwzLjQ1MSwxLjI2Miw0Ljg4My0xLjEyNSwxMS44MzcgICAgICBjLTEuMDEzLDIuOTU1LTE2LjYyOSw0Ni40NjktMjIuNTUyLDYyLjYwMWwtNzcuNTY5LDUyLjI3MWMtNi43NjgsNC41NjEtOC41NTcsMTMuNzQ1LTMuOTk3LDIwLjUxMyAgICAgIGM0LjU2LDYuNzY5LDEzLjc0NCw4LjU1OSwyMC41MTMsMy45OTdjMCwwLDgxLjgwMi01NC45NzEsODMuNzgyLTU2LjQ1NmMxLjk4LTEuNDg1LDQuNjM0LTAuNTU0LDMuNzM5LDIuMjY4ICAgICAgYy0wLjg5NCwyLjgyLTM1LjEwNCwxMTAuODctMzUuMTA0LDExMC44N2MtMi40NjQsNy43ODEsMS44NDcsMTYuMDg1LDkuNjI4LDE4LjU0OWMxLjQ4MywwLjQ3MSwyLjk4NiwwLjY5Myw0LjQ2NCwwLjY5MyAgICAgIGM2LjI3MSwwLDEyLjA5MS00LjAyMiwxNC4wODUtMTAuMzJsMzguNjExLTEyMS45NDZjMC4xNjMtMC41MTUsMC4yODYtMS4wMzQsMC4zOTEtMS41NTQgICAgICBjMjEuOTQ3LTY0LjAxNCwyMS43ODctNjMuNTQ5LDIxLjIxMy02MS44NzVjMi4zODQtNi45NTQsMi41NzgtOC42MTgsNi4zNzQtMTAuMDM3czg3LjEzNC0xMi45MzUsOTYuMTgzLTE1LjA3NyAgICAgIEM0NjMuNjcyLDE4MS44NjIsNDY3LjkzLDE3NC4zOTYsNDY2LjAxNiwxNjYuMDk2eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8L2c+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
}
 
#user-profile-modal .tab-bar-container .tab-bar-item:first-child{margin-top: 90px;}
 
#user-profile-modal .tab-bar-container .tab-bar-item:hover,
#user-profile-modal .tab-bar-container .tab-bar-item.selected{border: 0!important;}
 
#user-profile-modal .tab-bar-container .tab-bar-item + .tab-bar-item{margin: 0;}
 
#user-profile-modal .scroller-wrap{height: 380px;}
 
#user-profile-modal .scroller-wrap .scroller{margin-top: 15px;animation: sw-fade 300ms ease-in-out;}
 
@keyframes sw-fade {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
 
 
#user-profile-modal .guilds .section .section-header{color: #6c82ce;}
 
#user-profile-modal .guilds .section + .section{border: 0!important;}
 
#user-profile-modal .guilds .section .note textarea:focus{background-color: rgba(0, 0, 0, 0.15);border: 1px solid rgba(0, 0, 0, 0.1);color: #e4e4e4;}
 
#user-profile-modal .guilds .section .connected-account .connected-account-name a{color: rgba(0, 176, 244, 0.6);font-weight: 700;transition: color 500ms;}
 
#user-profile-modal .guilds .section .connected-account:hover .connected-account-name a{color: rgba(0, 176, 244, 1);}
 
#user-profile-modal .guilds .guild{color: #c1c1c1;margin: 0 10px;transition: background 300ms;}
 
#user-profile-modal .guilds .guild .avatar-large{box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);}
 
#user-profile-modal .guilds .guild .avatar-large:empty{border-radius: 15px!important;}
 
#user-profile-modal .guilds .guild:hover{border-radius: 5px;color: #fff;}
 
#user-profile-modal .guilds .guild .status{border: 2px solid rgba(64, 68, 74, 1);}
#user-profile-modal .guilds .guild:hover .status{border: 2px solid rgba(133, 141, 150, 0.7);}
 
#user-profile-modal .guilds .guild .guild-name .discriminator{display: none;}
#user-profile-modal .guilds .guild:hover .guild-name .discriminator{display: block;}
 
 
#user-profile-modal footer .btn.add-friend{transition: background 500ms;}
 
#user-profile-modal .scroller-wrap .scroller::-webkit-scrollbar{width:0px;}
 
#user-profile-modal footer {
    border-top: 1px solid transparent;
	background: #141415 !important;
    z-index: 10;
}
 
#user-profile-modal .guilds .section {
    margin-left: 47px;
    margin-right: 29px;
    padding-top: 17px;
    padding-bottom: 25px;
}
#friends .friends-table .friends-table-header .friends-column,
#friends .friends-table .friends-row .friends-column-name,
#friends .friends-table .friends-row .friends-column-status{color: rgba(255, 255, 255, 0.6)!important;}

#friends .friends-table{padding-top: 10px;}

#friends .friends-table .friends-table-header{display: none;}

#friends .friends-table .friends-table-body > span{display: flex;flex-flow: row wrap;justify-content: center;}

#friends .friends-table .friends-row{background: rgba(0, 0, 0, 0.2)!important;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);border-radius: 5px;margin: 15px;padding: 0;height: 120px!important;flex-direction: column;flex-basis: 300px;position: relative;opacity: 0.85!important;transition: opacity 300ms ease-ins;}

#friends .friends-table .friends-row:hover{box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);border-radius: 5px;margin: 15px;padding: 0;opacity: 1!important;}

#friends .friends-table .friends-row .avatar-small{border-radius: 5px;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);}

#friends .friends-table .friends-row + .friends-row{border-top: none!important;}

#friends .friends-table .friends-row .friends-column{position: absolute;}

#friends .friends-table .friends-row .friends-column + .friends-column{margin: 0;}

#friends .friends-table .friends-row .friends-column-name .avatar-small{top: 25px;left: 15px;width: 85px;height: 85px;background-size: 85px 85px;}

#friends .friends-table .friends-row .friends-column-name .discord-tag{display:block;position: absolute;top: 25px;left: 115px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);}

#friends .friends-table .friends-row .friends-column-name .discord-tag .discriminator{visibility: visible;}

#friends .friends-table .friends-row .friends-column-name .discord-tag span{clear: left;float: left;}

#friends .friends-table .friends-row .friends-column-name .username{transition: color 300ms;}

#friends .friends-table .friends-row:hover .username{color: rgba(225, 225, 225, 1);}

#friends .friends-table .friends-row .friends-column-status{top: 0;width: 100%;justify-content: center;background-color: rgba(0, 0, 0, 0.2);height: 18px;}

#friends .friends-table .friends-row .friends-column-status .status{width: 8px;height: 8px;}

#friends .friends-table .friends-row .friends-column-status .status-text{font-size: 12px;line-height: normal;transition: color 300ms;}

#friends .friends-table .friends-row:hover .friends-column-status .status-text{color: rgba(225, 225, 225, 1);}

#friends .friends-table .friends-row .friends-column-guilds{top: 80px;left: 115px;width: 150px;display: flex;}

#friends .friends-table .friends-row .friends-column-guilds a{flex-shrink: 2;flex-basis: 10%;}

#friends .friends-table .friends-row .friends-column-guilds a:nth-child(4){pointer-events: none;display: none;}

.theme-dark #friends .friends-table .friends-row .friends-column-guilds .more-mutual-guilds-btn:before{content: "";background-color: rgba(0, 0, 0, 0.38);background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8Y2lyY2xlIGN4PSI2OS41NDUiIGN5PSIzMDYiIHI9IjY5LjU0NSIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxjaXJjbGUgY3g9IjMwNiIgY3k9IjMwNiIgcj0iNjkuNTQ1IiBmaWxsPSIjRkZGRkZGIi8+CgkJPGNpcmNsZSBjeD0iNTQyLjQ1NSIgY3k9IjMwNiIgcj0iNjkuNTQ1IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);background-size: 18px 18px;background-position: center center;background-repeat: no-repeat;border-radius: 5px;width: 30px;height: 30px;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);position: absolute;top: 0;}

#friends .friends-table .friends-row .friends-column-guilds .more-mutual-guilds-btn{border-color: transparent !important;color: transparent !important;}

#friends .friends-table .friends-row .friends-column-guilds a:nth-child(4) .avatar-small,
#friends .friends-table .friends-row .friends-column-guilds a:nth-child(n + 5){display: none;}

#friends .friends-table .friends-row .friends-column-actions{flex-direction: column;align-items: flex-end;top: 25px;right: -10px;opacity: 0;transition: opacity 500ms;visibility: visible;}

#friends .friends-table .friends-row:hover .friends-column-actions{opacity: 1;}

#friends .friends-table .friends-row .friends-column-actions .friends-action{font-size: 10px;transform: translateX(120px);transition: transform 500ms, background 500ms;}

#friends .friends-table .friends-row:hover .friends-column-actions .friends-action{transform: translateX(0px);}

#friends .friends-table .friends-row .friends-column-actions .friends-action:first-child{margin-bottom: 5px;}

#friends .friends-table .friends-row .friends-column-actions .friends-action:nth-child(2){transition-delay: 200ms;}

.guilds-wrapper .btn-download-apps {display: none;}

#user-profile-modal .guilds .section .section-header {
    color: var(--hover-color);
}
.context-menu {
	background: #1a1a1d;
}
.context-menu .item:hover {
    background: #18181b;
    color: #c7c7c7;
}
.context-menu .item {
    color: #adadad;
}
.theme-dark.context-menu {
    background: #18181b;
}
.theme-dark.context-menu .item-group {
    border-color: transparent;
}
.theme-dark.context-menu .item-subMenu {
    background: url(https://discordapp.com/assets/1988164a7c55346d32117b151f4e319d.svg) 155px 50% no-repeat #18181b;
}
.theme-dark.context-menu .item:hover {
    background: #131315;
    color: #fff;
}
.theme-dark.context-menu .item-subMenu:hover {
    background: url(https://discordapp.com/assets/e4afe52f6863408a35654a6e5fd69ba9.svg) 155px 50% no-repeat #131315;
}
.popout.popout-bottom header:before, .popout.popout-bottom-right header:before {
    border-bottom-color: var(--main-color);
}
.popout.popout-invert.popout-top header:before, .popout.popout-invert.popout-top-right header:before {
    border-top-color: var(--main-color);
}
.popout header {
    background-color: var(--main-color);
}
.private-channels .channel.selected:before {
    border-left: 3px solid var(--main-color);
}
.private-channels .channel.selected {
    background: linear-gradient(to right,#121213 85%,#19191b);
}
.private-channels .channel:hover {
    background: linear-gradient(to right,#121213 85%,#19191b);
}
.private-channels .channel:hover:before {
    border-left: 3px solid var(--main-color);
	opacity: 0.4;
}
.account .btn:active {
    background: #151517;
}
.settings .settings-inner {
    background-color: #19191b;
}
.tab-bar.SIDE .tab-bar-item:before {
    border-left: 0px solid var(--main-color);
}
.tab-bar.SIDE .tab-bar-item.selected, .tab-bar.SIDE .tab-bar-item:hover {
    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%;
    background-repeat: no-repeat;
}
.tab-bar.SIDE .tab-bar-item {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;;
    display: block;
    text-decoration: 0;
    font-weight: 500;
    padding: 8px 0px 10px 0px;
    color: rgba(255,255,255,.3);
    text-align: center;
    margin-left: -17px;
}
.change-log-button-container:before {
	display: none;
}
.change-log-button-container .change-log-button {
    padding: 8px 6px 10px 0px;
	text-align: center;
	font-size: 14px;
}
.change-log-button-container .change-log-button:hover {
	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%;
    background-repeat: no-repeat;
}
.settings .settings-actions {
    background-color: #121213;
    border-top: 1px solid #121213;
}
.links,
.chat,
.typing,
.content,
.private-channels,
.divider-red span,
.messages-wrapper,
#voice-connection {
	background: transparent !important;
}

.guild-channels {
	background-color: #19191b !important;}

.guild-channels ul .channel-text.unread:not(.selected):not(.channel-muted):before {
	left:-15px;
}
.guild-header header {
    background-color: #19191b !important;
}

/*.links,*/
.help-container {
	display: none;
}

/* Server list area */
.guilds-wrapper { background:#121213; }

/* Channels list area */
.channels-wrap { background:#19191b !important }

/* Chat area */
.content .flex-spacer { background:#19191b }

/* User list area */
.channel-members { background:#19191b !important }

div.message-group {
    background-color: #19191b;
}

textarea {
	background:transparent !important;
}

.scroller-wrap .scroller::-webkit-scrollbar-thumb {
    border: 3px solid transparent !important;
    background-color: var(--main-color) !important;
}

.scroller-wrap .scroller::-webkit-scrollbar-track-piece {
	border: 3px solid rgb(25, 25, 27) !important;
    background-color: #111113 !important;
}

.guild-header header {
	box-shadow:none !important;
	color:var(--main-color);
}
#bda-qem-favourite-container .scroller-wrap .scroller::-webkit-scrollbar,
#bda-qem-twitch-container .scroller-wrap .scroller::-webkit-scrollbar,
.emoji-picker .scroller-wrap .scroller::-webkit-scrollbar {
    background: #212121;
    width: 6px!important;
    display: none;
}

#bda-qem-favourite-container .scroller-wrap .scroller::-webkit-scrollbar-thumb,
#bda-qem-twitch-container .scroller-wrap .scroller::-webkit-scrollbar-thumb,
.emoji-picker .scroller-wrap .scroller::-webkit-scrollbar-thumb {
    border: none !important;
    background-color: rgba(225, 225, 225, 0.2) !important;
    display: initial;
    border-radius: 0!important
}

#bda-qem-favourite-container .scroller-wrap .scroller::-webkit-scrollbar-thumb:active,
#bda-qem-twitch-container .scroller-wrap .scroller::-webkit-scrollbar-thumb:active,
.emoji-picker .scroller-wrap .scroller::-webkit-scrollbar-thumb:active {
    border: none !important;
    background-color: rgba(225, 225, 225, 0.4) !important;
    display: initial;
    border-radius: 0!important
}

.popout.no-shadow {
    box-shadow: none!important;
    z-index: 1;
}

.popout:not(.no-shadow) #bda-qem,
.popout:not(.no-shadow) #bda-qem-twitch-container,
.popout:not(.no-shadow) #bda-qem-favourite-container {
    display: block;
}
#bda-qem-twitch:after {
    content: "";
    width: 28px;
    height: 44px;
    display: block;
    position: absolute;
    top: 0px;
    left: 78px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMzg3IDI4OSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMzg3IDI4OSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMzg3LDI4OWgyNHYyNGgtMjRWMjg5eiIvPg0KPGcgaWQ9IlhNTElEXzc3XyI+DQoJPHJlY3QgaWQ9IlhNTElEXzExMV8iIHg9Ii0zNzcuMyIgeT0iMjk2LjciIGNsYXNzPSJzdDEiIHdpZHRoPSIyIiBoZWlnaHQ9IjQuNyIvPg0KCTxyZWN0IGlkPSJYTUxJRF8xMTVfIiB4PSItMzczIiB5PSIyOTYuNyIgY2xhc3M9InN0MSIgd2lkdGg9IjIiIGhlaWdodD0iNC43Ii8+DQoJPHBhdGggaWQ9IlhNTElEXzEzMF8iIGNsYXNzPSJzdDEiIGQ9Ik0tMzgyLjcsMjkybC0wLjQsMWwtMC40LDFsLTAuNSwxLjJ2MTIuNmg0LjN2Mi4zaDJsMi4zLTIuM2g0LjJsMi42LTIuNmwwLjgtMC43bDItMlYyOTINCgkJSC0zODIuN3ogTS0zNjgsMzAxLjZsLTMuNSwzLjVoLTkuOVYyOTRoMTMuNFYzMDEuNnoiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 22px;
    opacity: .4;
    visibility: visible;
    -webkit-transition: all 50ms ease;
    transition: all 50ms ease;
}

#bda-qem-favourite:after {
    content: "";
    width: 28px;
    height: 43px;
    display: block;
    position: absolute;
    top: 0px;
    left: 46px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMzg3IDI4OSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMzg3IDI4OSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMzg3LDI4OWgyNHYyNGgtMjRWMjg5eiIvPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTS0zNzUsMjk1LjhsMS44LDIuNmwwLjQsMC41bDAuNiwwLjJsMywwLjlsLTEuOSwyLjVsLTAuNCwwLjVsMCwwLjZsMC4xLDMuMmwtMy0xLjFsLTAuNi0wLjJsLTAuNiwwLjJsLTMsMS4xDQoJCWwwLjEtMy4ybDAtMC42bC0wLjQtMC41bC0xLjktMi41bDMtMC45bDAuNi0wLjJsMC40LTAuNUwtMzc1LDI5NS44IE0tMzc1LDI5Mi42bC0zLjMsNC44bC01LjYsMS42bDMuNSw0LjZsLTAuMiw1LjhsNS41LTEuOQ0KCQlsNS41LDEuOWwtMC4yLTUuOGwzLjUtNC42bC01LjYtMS42TC0zNzUsMjkyLjZ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    opacity: .4;
    visibility: visible;
    -webkit-transition: all 50ms ease;
    transition: all 50ms ease;
}

#bda-qem-emojis:after {
    content: "";
    width: 28px;
    height: 44px;
    display: block;
    position: absolute;
    top: 0px;
    left: 14px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMzg3IDI4OSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMzg3IDI4OSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMzg3LDI4OWgyNHYyNGgtMjRWMjg5eiIvPg0KPGc+DQoJPGcgaWQ9IlhNTElEXzM1XyI+DQoJCTxwYXRoIGlkPSJYTUxJRF80OF8iIGNsYXNzPSJzdDEiIGQ9Ik0tMzc1LDI5MmMtNSwwLTksNC05LDlzNCw5LDksOXM5LTQsOS05Uy0zNzAsMjkyLTM3NSwyOTJ6IE0tMzc1LDMwOGMtMy45LDAtNy0zLjEtNy03DQoJCQlzMy4xLTcsNy03czcsMy4xLDcsN1MtMzcxLjEsMzA4LTM3NSwzMDh6Ii8+DQoJPC9nPg0KCTxnIGlkPSJYTUxJRF83M18iPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNLTM3OS45LDMwMS40YzAuMiwyLjUsMi4zLDQuNSw0LjksNC41czQuNy0yLDQuOS00LjVILTM3OS45eiIvPg0KCTwvZz4NCgk8cmVjdCBpZD0iWE1MSURfMzBfIiB4PSItMzc4LjkiIHk9IjI5Ny41IiBjbGFzcz0ic3QxIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIi8+DQoJPHJlY3QgaWQ9IlhNTElEXzY4XyIgeD0iLTM3My4xIiB5PSIyOTcuNSIgY2xhc3M9InN0MSIgd2lkdGg9IjIiIGhlaWdodD0iMiIvPg0KPC9nPg0KPC9zdmc+DQo=);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    opacity: .4;
    visibility: visible;
    -webkit-transition: all 50ms ease;
    transition: all 50ms ease;
}

#bda-qem-twitch.active:after,
#bda-qem-favourite.active:after,
#bda-qem-emojis.active:after,
#bda-qem-twitch:hover:after,
#bda-qem-favourite:hover:after,
#bda-qem-emojis:hover:after {
    opacity: 1!important
}

#bda-qem {
    border: 0!important;
    height: 40px;
}

#bda-qem-twitch,
#bda-qem-favourite,
#bda-qem-emojis {
    visibility: hidden
}
.no-shadow .emoji-picker {
    padding-left: 2px;
    border-radius: 3px 3px 0 0!important;
}
/*Icons by beard design*/
.emoji-picker .categories .item.recent,
.emoji-picker .categories .item.recent.selected,
.emoji-picker .categories .item.recent:hover {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItOTQ3IDUyOSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtOTQ3IDUyOSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tOTQ3LDUyOWgyNHYyNGgtMjRWNTI5eiIvPg0KPGcgaWQ9IlhNTElEXzFfIj4NCgk8cGF0aCBpZD0iWE1MSURfMTNfIiBjbGFzcz0ic3QxIiBkPSJNLTkzNSw1MzJjLTUsMC05LDQtOSw5czQsOSw5LDlzOS00LDktOVMtOTMwLDUzMi05MzUsNTMyeiBNLTkzNSw1NDhjLTMuOSwwLTctMy4xLTctNw0KCQlzMy4xLTcsNy03czcsMy4xLDcsN1MtOTMxLjEsNTQ4LTkzNSw1NDh6Ii8+DQoJPHBvbHlnb24gaWQ9IlhNTElEXzEyXyIgY2xhc3M9InN0MSIgcG9pbnRzPSItOTMxLjUsNTQzLjEgLTkzMi45LDU0NC41IC05MzYsNTQxLjQgLTkzNiw1MzUuNyAtOTM0LDUzNS43IC05MzQsNTQwLjYgCSIvPg0KPC9nPg0KPC9zdmc+DQo=)!important
}

.emoji-picker .categories .item.custom,
.emoji-picker .categories .item.custom.selected,
.emoji-picker .categories .item.custom:hover {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMzg3IDI4OSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMzg3IDI4OSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMzg3LDI4OWgyNHYyNGgtMjRWMjg5eiIvPg0KPGcgaWQ9IlhNTElEXzEwMF8iPg0KCTxwYXRoIGlkPSJYTUxJRF8xMDdfIiBjbGFzcz0ic3QxIiBkPSJNLTM3Mi44LDI5NC44bDQsNGwtOS4yLDkuMmgtNHYtNEwtMzcyLjgsMjk0LjggTS0zNzIuOCwyOTJsLTExLjIsMTEuMnY2LjhoNi44bDExLjItMTEuMg0KCQlMLTM3Mi44LDI5MnoiLz4NCjwvZz4NCjwvc3ZnPg0K)!important
}

.emoji-picker .categories .item.people,
.emoji-picker .categories .item.people.selected,
.emoji-picker .categories .item.people:hover {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItOTQ3IDUyOSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtOTQ3IDUyOSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tOTQ3LDUyOWgyNHYyNGgtMjRWNTI5eiIvPg0KPGcgaWQ9IlhNTElEXzNfIj4NCgk8cGF0aCBpZD0iWE1MSURfNTlfIiBjbGFzcz0ic3QxIiBkPSJNLTkzNSw1MzEuNWMtNSwwLTksNC05LDljMCwzLDEuNSw1LjcsMy44LDcuM3YtMi43Yy0xLjEtMS4yLTEuOC0yLjktMS44LTQuN2MwLTMuOSwzLjEtNyw3LTcNCgkJczcsMy4xLDcsN2MwLDEuOC0wLjcsMy40LTEuOCw0Ljd2Mi43YzIuMy0xLjYsMy44LTQuMywzLjgtNy4zQy05MjYsNTM1LjUtOTMwLDUzMS41LTkzNSw1MzEuNXoiLz4NCgk8ZyBpZD0iWE1MSURfNTVfIj4NCgkJPHBhdGggaWQ9IlhNTElEXzU2XyIgY2xhc3M9InN0MSIgZD0iTS05MzIuOCw1NDUuNXYwLjhjMCwxLjItMSwyLjItMi4yLDIuMnMtMi4yLTEtMi4yLTIuMnYtMC44SC05MzIuOCBNLTkzMC44LDU0My41aC04LjR2Mi44DQoJCQljMCwyLjMsMS45LDQuMiw0LjIsNC4yczQuMi0xLjksNC4yLTQuMlY1NDMuNXoiLz4NCgk8L2c+DQoJPHJlY3QgaWQ9IlhNTElEXzU0XyIgeD0iLTk0MC4yIiB5PSI1NDAuMiIgY2xhc3M9InN0MSIgd2lkdGg9IjIiIGhlaWdodD0iMiIvPg0KCTxyZWN0IGlkPSJYTUxJRF81M18iIHg9Ii05MzEuOCIgeT0iNTQwLjIiIGNsYXNzPSJzdDEiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiLz4NCjwvZz4NCjwvc3ZnPg0K)!important
}

.emoji-picker .categories .item.nature,
.emoji-picker .categories .item.nature.selected,
.emoji-picker .categories .item.nature:hover {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMzg3IDI4OSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMzg3IDI4OSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMzg3LDI4OWgyNHYyNGgtMjRWMjg5eiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTS0zNjcuNywyOTQuOGwxLjQtMS40bC0xLjEtMS4xbC0xLjQsMS40Yy0xLjEtMC45LTIuNS0xLjQtNC0xLjRoMGMtNiwwLTEwLjksNC45LTEwLjksMTAuOXY2LjRoNi40DQoJYzYsMCwxMC45LTQuOSwxMC45LTEwLjloMEMtMzY2LjQsMjk3LjMtMzY2LjksMjk1LjktMzY3LjcsMjk0Ljh6IE0tMzc3LjIsMzA3LjdoLTQuNHYtNC40YzAtNC45LDQtOC45LDguOS04LjloMA0KCWMwLjksMCwxLjgsMC4zLDIuNSwwLjhsLTEuMiwxLjJoLTUuNXYxLjVoNGwtMi4zLDIuM2gtMy42djEuNWgyLjFsLTMuMiwzLjJsMS4xLDEuMWwzLjItMy4ydjIuMWgxLjV2LTMuNmwyLjMtMi4zdjRoMS41di01LjUNCglsMS4yLTEuMmMwLjUsMC43LDAuOCwxLjYsMC44LDIuNUMtMzY4LjQsMzAzLjctMzcyLjMsMzA3LjctMzc3LjIsMzA3Ljd6Ii8+DQo8L3N2Zz4NCg==)!important
}

.emoji-picker .categories .item.food,
.emoji-picker .categories .item.food.selected,
.emoji-picker .categories .item.food:hover {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItOTQ3IDUyOSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtOTQ3IDUyOSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tOTQ3LDUyOWgyNHYyNGgtMjRWNTI5eiIvPg0KPGcgaWQ9IlhNTElEXzVfIj4NCgk8cGF0aCBpZD0iWE1MSURfNDRfIiBjbGFzcz0ic3QxIiBkPSJNLTkyOS40LDUzNy42YzAtMy4xLTIuNS01LjYtNS42LTUuNnMtNS42LDIuNS01LjYsNS42djguNWgyLjd2My44aDUuOHYtMy44aDIuN1Y1MzcuNnoNCgkJIE0tOTM0LjEsNTQ4aC0xLjh2LTEuOGgxLjhWNTQ4eiBNLTkzMS40LDU0NC4yaC0wLjdoLTUuOGgtMC43di02LjVjMC0yLDEuNi0zLjYsMy42LTMuNnMzLjYsMS42LDMuNiwzLjZWNTQ0LjJ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==)!important
}

.emoji-picker .categories .item.activity,
.emoji-picker .categories .item.activity.selected,
.emoji-picker .categories .item.activity:hover {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItOTQ3IDUyOSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtOTQ3IDUyOSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tOTQ3LDUyOWgyNHYyNGgtMjRWNTI5eiIvPg0KPGcgaWQ9IlhNTElEXzZfIj4NCgk8cGF0aCBpZD0iWE1MSURfNDBfIiBjbGFzcz0ic3QxIiBkPSJNLTkzMCw1MzUuOWgtNHYtM2gtMnYzaC00Yy0yLjIsMC00LDEuOC00LDR2NC4ydjIuMWMwLDEuOCwxLjUsMywzLDNjMC44LDAsMS42LTAuMywyLjItMQ0KCQlsMS42LTEuN2MwLjYtMC42LDEuNC0xLDIuMi0xczEuNiwwLjMsMi4yLDFsMS42LDEuN2MwLjYsMC43LDEuNCwxLDIuMiwxYzEuNSwwLDMtMS4yLDMtM1Y1NDR2LTQuMg0KCQlDLTkyNiw1MzcuNy05MjcuOCw1MzUuOS05MzAsNTM1Ljl6IE0tOTI4LDU0NHYyLjFjMCwwLjctMC42LDEtMSwxYy0wLjMsMC0wLjUtMC4xLTAuNy0wLjNsLTEuNi0xLjdjLTAuOS0xLTIuMy0xLjYtMy43LTEuNg0KCQlzLTIuNywwLjYtMy43LDEuNmwtMS42LDEuN2MtMC4yLDAuMi0wLjQsMC4zLTAuNywwLjNjLTAuNCwwLTEtMC4zLTEtMVY1NDR2LTQuMmMwLTEuMSwwLjktMiwyLTJoMTBjMS4xLDAsMiwwLjksMiwyVjU0NHoiLz4NCjwvZz4NCjwvc3ZnPg0K)!important
}

.emoji-picker .categories .item.travel,
.emoji-picker .categories .item.travel.selected,
.emoji-picker .categories .item.travel:hover {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItOTQ3IDUyOSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtOTQ3IDUyOSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tOTQ3LDUyOWgyNHYyNGgtMjRWNTI5eiIvPg0KPGcgaWQ9IlhNTElEXzdfIj4NCgk8cGF0aCBpZD0iWE1MSURfMzZfIiBjbGFzcz0ic3QxIiBkPSJNLTkyNiw1NDEuMWMwLTEuMS0wLjktMi0yLTJoLTEuOHYtMy4yYzAtMS4xLTAuOS0yLTItMmgtNi41Yy0xLjEsMC0yLDAuOS0yLDJ2My4yaC0xLjgNCgkJYy0xLjEsMC0yLDAuOS0yLDJ2NWgxLjdjMC40LDEuMiwxLjUsMiwyLjgsMmMxLjMsMCwyLjQtMC44LDIuOC0yaDMuMmMwLjQsMS4yLDEuNSwyLDIuOCwyYzEuMywwLDIuNC0wLjgsMi44LTJoMS43VjU0MS4xeg0KCQkgTS05MjgsNTQ0LjFoLTAuN2MwLDAsMCwwLDAsMGgtNS43YzAsMCwwLDAsMCwwaC0xLjJjMCwwLDAsMCwwLDBoLTUuN2MwLDAsMCwwLDAsMGgtMC43di0zaDMuOHYtNS4yaDYuNXY1LjJoMy44VjU0NC4xeiIvPg0KPC9nPg0KPC9zdmc+DQo=)!important
}

.emoji-picker .categories .item.objects,
.emoji-picker .categories .item.objects.selected,
.emoji-picker .categories .item.objects:hover {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItOTQ3IDUyOSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtOTQ3IDUyOSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tOTQ3LDUyOWgyNHYyNGgtMjRWNTI5eiIvPg0KPGcgaWQ9IlhNTElEXzhfIj4NCgk8cGF0aCBpZD0iWE1MSURfMzFfIiBjbGFzcz0ic3QxIiBkPSJNLTkyOC42LDU0NC44di00LjVjMC0zLjEtMi4xLTUuNi01LTYuMmMwLDAsMC0wLjEsMC0wLjFjMC0wLjgtMC42LTEuNC0xLjQtMS40DQoJCXMtMS40LDAuNi0xLjQsMS40YzAsMC4xLDAsMC4xLDAsMC4xYy0yLjksMC42LTUsMy4yLTUsNi4ydjQuNWgtMXYyaDFoMy42YzAsMS41LDEuMiwyLjgsMi44LDIuOHMyLjgtMS4yLDIuOC0yLjhoMy42aDF2LTJILTkyOC42eg0KCQkgTS05MzUsNTQ3LjVjLTAuNCwwLTAuOC0wLjMtMC44LTAuOGgxLjVDLTkzNC4zLDU0Ny4yLTkzNC42LDU0Ny41LTkzNSw1NDcuNXogTS05MzAuNiw1NDQuOGgtOC44di00LjVjMC0yLjQsMi00LjQsNC40LTQuNA0KCQljMi40LDAsNC40LDIsNC40LDQuNFY1NDQuOHoiLz4NCjwvZz4NCjwvc3ZnPg0K)!important
}

.emoji-picker .categories .item.symbols,
.emoji-picker .categories .item.symbols.selected,
.emoji-picker .categories .item.symbols:hover {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItOTQ3IDUyOSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtOTQ3IDUyOSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tOTQ3LDUyOWgyNHYyNGgtMjRWNTI5eiIvPg0KPGcgaWQ9IlhNTElEXzI2XyI+DQoJPHBhdGggaWQ9IlhNTElEXzI3XyIgY2xhc3M9InN0MSIgZD0iTS05MzEuMyw1MzUuNWMxLjQsMCwyLjUsMS4xLDIuNSwyLjVjMCwyLjEtMi40LDQuNC02LjEsNy43Yy0zLjctMy40LTYuMS01LjYtNi4xLTcuNw0KCQljMC0xLjUsMS4yLTIuNiwyLjctMi41YzAuOCwwLjEsMS41LDAuNSwyLDEuMWwwLjcsMC44YzAuNCwwLjUsMS4xLDAuNSwxLjUsMGwwLjgtMC45Qy05MzIuOSw1MzUuOS05MzIuMSw1MzUuNS05MzEuMyw1MzUuNQ0KCQkgTS05MzEuMyw1MzMuNWMtMS40LDAtMi44LDAuNy0zLjcsMS43Yy0wLjktMS0yLjItMS43LTMuNy0xLjdjLTIuNSwwLTQuNSwyLTQuNSw0LjVjMCwzLjEsMi44LDUuNiw3LDkuNGwxLjIsMS4xbDEuMi0xLjENCgkJYzQuMi0zLjgsNy02LjMsNy05LjRDLTkyNi45LDUzNS41LTkyOC44LDUzMy41LTkzMS4zLDUzMy41eiIvPg0KPC9nPg0KPC9zdmc+DQo=)!important
}

.emoji-picker .categories .item.flags,
.emoji-picker .categories .item.flags.selected,
.emoji-picker .categories .item.flags:hover {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItOTQ3IDUyOSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtOTQ3IDUyOSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tOTQ3LDUyOWgyNHYyNGgtMjRWNTI5eiIvPg0KPGcgaWQ9IlhNTElEXzlfIj4NCgk8cGF0aCBpZD0iWE1MSURfMjNfIiBjbGFzcz0ic3QxIiBkPSJNLTkyOSw1MzQuMWgtMTJ2LTEuNmgtMnYxN2gydi01LjFoMTJjMS4xLDAsMi0wLjksMi0ydi02LjNDLTkyNyw1MzUtOTI3LjksNTM0LjEtOTI5LDUzNC4xeg0KCQkgTS05MjksNTQyLjRoLTEydi02LjNoMTJWNTQyLjR6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==)!important
}
.guilds {
	padding:20px 20px 85px 15px;
}

.guilds-add {
	font-size:30px;
	background:#19191b;
}

.guilds .friends-online {
	margin-left:-5px;
}

.guilds li .guild-inner {
	background:#19191b !important;
}

.guilds li.active .guild-inner {
	background:#25ACE8;
}

.guilds li .guild-inner:hover {
	background:#1D6586;
}

.guilds li .guild-inner a, .guilds li, .guilds li .avatar-small {
	width:40px;
	height:40px;
}

.guilds li .avatar-small {
	width:40px;
	height:40px;
	background-size: 40px 40px;
}

.guilds li .guild-inner {
	line-height:40px;
}

.guilds .friends-icon {
	width:40px;
	height:40px;
	background-size:25px 19px;
}

.guilds li.audio .guild-inner:after {
	background-size:12px;
	background-color:rgba(0,0,0,0.8);
}

.guilds-separator:after {
	background:#19191b;
}

.guilds li .guild-inner:before {
	display:none;
}

.guilds li.unread .guild-inner:before,
.guild-channels ul .channel-text.unread:not(.selected):not(.channel-muted):before {
	background:#25ACE8;
}

.guilds li.active .guild-inner:before {
	background:#fff !important;
}

.guilds .friends-online {
	color: #717171 !important;
    font-size: 9px;
    margin-left: -7px;
    line-height: 20px;
    width: 55px;
    height: 20px;
    border-radius: 25px;
    overflow: hidden;
}
.form .control-group input[type=text], .form .control-group input[type=email], .form .control-group input[type=password], .form .control-group input[type=number], .form .control-group textarea {
    color: #cecece;
    border-bottom: 1px solid #121213;
    background: #121213;
    padding: 0px 0px 0px 7px;
    border-radius: 3px;
}
.form .control-group input[type=text]:focus, .form .control-group input[type=email]:focus, .form .control-group input[type=password]:focus, .form .control-group input[type=number]:focus, .form .control-group textarea:focus {
    border-bottom: 0px solid #7289da;
    margin-bottom: 0;
	background-image: linear-gradient(90deg, transparent, transparent), linear-gradient(90deg, transparent, var(--main-color), transparent) !important;
    background-size: 100% 3px !important;
    background-position: 0 0, 0 100% !important;
    background-repeat: no-repeat !important;
}
.checkbox .checkbox-inner+span, .form .control-group label, .form .radio-group .radio, .user-settings-security button, .user-settings-security p, .tab-bar.TOP .tab-bar-item, .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-accounts-list h3 {
    color: #b7b7b7;
}
.form .btn-default {
    background-color: transparent;
    color: #949494;
    border-bottom: 2px solid #39393b;
}
.btn.btn-default:hover {
    background-color: transparent;
    border-radius: 0px;
}
.radio .radio-inner {
    background: #121213;
    border: 1px solid #121213;
}
.user-settings-security .btn-ghost {
    background: #121213;
    border: 2px solid #121213;
}
.user-settings-security .btn-ghost:hover {
    background: #111113;
    border-color: #111113;
}
.tab-bar.SIDE .tab-bar-header {
    margin-left: 24px;
}
.user-settings-streamer-mode {
    background: #19191b;
}
.form hr {
    border-bottom: 0px solid #f0f0f0;
}
.checkbox .checkbox-inner span {
    border: 2px solid var(--main-color);
}
.checkbox .checkbox-inner input[type=checkbox]:checked+span {
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.form .control-group .help-text {
    color: #9e9e9e;
}
.user-settings-modal a {
    color: var(--main-color);
}
.radio .radio-inner span:after {
    background: var(--main-color);
}
.user-settings-modal button.preview-sound:before {
    -webkit-filter: grayscale(100%);
}
.tab-bar.TOP .tab-bar-item.selected {
    border-bottom: 2px solid var(--main-color);
    color: var(--main-color);
}
.tab-bar.TOP {
    border-bottom: 1px solid var(--hover-color);
}
.tab-bar.TOP .tab-bar-item:hover {
    border-bottom: 2px solid  var(--main-color);
}
.settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-accounts-list .user-settings-modal-accounts-list-description .user-settings-modal-accounts-list-description-inner {
    color: #8a8a8a;
}
.settings-connections-wrapper .user-settings-modal-connections .no-connections p {
    color: #929292;
}
.settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list {
    box-shadow: 0 -1px transparent;
}
.slider-bar-fill {
    background: var(--main-color);
}
.slider-bar {
    background: #121213;
}
.slider-handle {
    border: 2px solid var(--main-color);
}
.slider-handle, .slider-handle span {
    background-color: #121213;
}
.form .Select-control {
    border: 2px solid var(--main-color);
}
.Select-control {
    background-color: #121213;
    color: #d8d8d8;
}
.has-value>.Select-control>.Select-placeholder {
    color: #c5c5c5;
}
.form .Select-control:hover {
    border-color: var(--hover-color);
}
.form .is-focused:not(.is-open)>.Select-control {
    border: 2px solid var(--main-color);
}
.form .Select.is-disabled .Select-control:hover, .form .Select.is-open .Select-control:hover {
    border-color: var(--main-color);
}
.is-open>.Select-control {
    background: #121213;
}
.Select-menu-outer {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #121213;
    border: 2px solid var(--main-color);
    border-top-color: var(--main-color);
}
.form .Select-option, .form .has-value .Select-placeholder {
    color: #c5c5c5;
}
.Select-menu-outer::-webkit-scrollbar, .Select-menu::-webkit-scrollbar {
	width: 0px;
}
.Select-option.is-focused {
    background-color: #09090a !important;
    color: #c5c5c5 !important;
}
.region-select .region-select-inner {
    border: 2px solid var(--main-color);
}
.region-select button {
    color: #cccccc;
    border: 2px solid var(--main-color);
}
.region-select:hover .region-select-inner, .region-select:hover button {
    border-color: var(--main-color);
}
.region-select:hover button {
    background-color: var(--main-color);
}
.region-select-name {
    color: #b1b1b1;
}
.guild-settings-modal-overview a {
    color: var(--main-color);
}
.avatar-uploader .avatar-uploader-inner {
    border: 5px solid var(--hover-color);
	background-color: var(--hover-color);
}
.form .control-groups.control-separator {
    border-top: 1px solid transparent;
}
.popout section {
    background-color: #141417;
}
.instant-invite-popout a {
    color: #a0a0a0;
}
.instant-invite-popout a:hover {
    color: #bdbdbd;
}
.instant-invite-popout hr {
    border: 2px solid var(--main-color);
}
.clipboard-input-inner button {
    border-left: 2px solid var(--main-color);
    background-color: #121213;
}
.clipboard-input-inner {
    background: #121213;
    border: 2px solid var(--main-color);
}
.clipboard-input-inner input {
    color: #afafaf;
    background: #121213;
}
.clipboard-input-inner button:first-of-type:before {
    background: linear-gradient(to right,rgba(255,255,255,0),#040404);
}
.create-guild-container .create-or-join .form-inner, .region-select-modal {
    background-color: #161617;
}
.form .form-inner {
    background-color: #0d0d0e;
}
.create-guild-container {
    background-color: transparent;
}
.create-guild-container .action {
    background: #121213;
}
.form .btn-primary:hover {
    background-color: var(--main-color) !important;
}
.form header {
    color: var(--main-color);
}
.form .form-actions {
    background-color: #0d0d0e;
    border-top: 2px solid #151515;
}
.create-guild-container .form-actions .btn-default {
    color: #b3b3b3;
}
.region-select-modal .region-select-modal-header, .create-guild-container h5,.create-guild-container .join-server .sample-link {
    color: var(--main-color);
}
.region-select-modal .region-select-modal-option {
    border: 2px solid #101010;
    background-color: #101010;
}
.region-select-modal .region-select-modal-option:hover {
    border-color: var(--main-color);
}
.region-select-modal .region-select-modal-footer {
    color: #b1b1b1;
}
.create-guild-container p {
    color: #bfbfbf;
}
.create-guild-container .join-server .link-container input {
    border: 0px solid #99aab5;
}
.create-guild-container .join-server .link-container label {
    color: #a5a5a5;
}
.small-popout-box {
    background: #141417;
    border: 1px solid #141417;
}
.option-popout .btn-item {
    color: #a2a2a2;
}
.option-popout .btn-item:hover {
    color: #c1c1c1;
}
.form .form-header {
    background: #0d0d0e;
    border-bottom: 2px solid var(--main-color);
}
.form .control-group label a {
    color: var(--main-color);
}
.form .control-group label a:hover {
    color: var(--hover-color);
}
.markdown-modal .scroller-wrap .scroller {
    background: #19191b;
    color: #bdbdbd;
}
.markdown-modal {
    background-color: #141417;
}
.markdown-modal .markdown-modal-header {
    border-bottom: 1px solid #141417;
    color: #efefef;
	text-transform: capitalize;
}
.guild-settings-modal-members {
    background-color: #19191b !important;
}
.guild-settings-modal-members .guild-settings-modal-members-header {
    border-bottom: 2px solid var(--main-color);
}
.guild-settings-modal-members .guild-settings-modal-members-footer .help-text {
    color: #ababab;
}
.guild-settings-modal-members .guild-settings-modal-members-footer {
    border-top: 2px solid var(--main-color);
}
.guild-settings-modal-members .guild-settings-modal-list .member .member-username {
    color: #e6e6e6;
}
.guild-settings-modal-members .member-buttons .btn.btn-danger {
    border: 1px solid #121213;
}
.guild-settings-modal-members .member-buttons .btn {
    background: #121213;
    border: 1px solid #121213;
    color: #d6d6d6;
}
.guild-settings-modal-members .member-buttons .btn.btn-danger:hover {
    background: var(--main-color);
    color: #fff;
}
.guild-settings-modal-members .guild-settings-modal-list .member:hover {
    background: #141417;
    border-radius: 3px;
    padding: 0px 17px 0px 23px;
}
.guild-settings-modal-members .guild-settings-modal-list .member {
    padding: 0px 17px 0px 23px;
}
.guild-settings-modal-members h6 {
    color: #fff;
}
.search-bar.search-bar-light .search-bar-inner {
    background-color: #121213;
    border: 1px solid #121213;
}
.search-bar.search-bar-light {
    background-color: transparent;
}
.search-bar.search-bar-light input {
    color: #b7b7b7;
}
.search-bar.search-bar-light input::-webkit-input-placeholder {
    color: #a0a0a0;
}
.search-bar-light .search-bar-clear:before {
    background: #121213 !important;
}
.search-bar-light .search-bar-clear, .search-bar-clear, .search-bar-light .search-bar-clear:after, .search-bar-clear:after {
    background: var(--main-color) !important;
}
.search-bar-clear:before {
    background: #19191b;
}
#settings-roles .roles {
    border-right: 2px solid #141417;
}
#settings-roles .roles header {
	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%;
    background-repeat: no-repeat;
	border-bottom: 0px solid;
}
#settings-roles h1 {
    color: #e8e8e8;
}
#settings-roles .roles li:hover, #settings-roles .roles li.selected {
    background: linear-gradient(to right,#141417,#19191b) !important;
}
#settings-roles .roles li:hover:before {
    background-color: var(--main-color);
}
#settings-roles .roles li:before {
    width: 4px;
}
#settings-roles .roles li.selected:before {
    color: var(--main-color);
    background-color: var(--main-color);
}
#permissions .permissions-helpdesk {
    color: var(--main-color);
}
#permissions .permissions-helpdesk:hover {
    color: var(--hover-color);
}
.notification-settings-modal .mute-server .checkbox .label {
    color: #eaeaea;
}
.notification-settings-modal .notification-settings-modal-channel-settings-header label {
    color: #a0a0a0;
}
.notification-settings-modal .notification-settings-modal-channel-settings-list {
    box-shadow: 0 -2px var(--main-color) !important;
}
.channel-notification-settings .content label {
    color: #888888;
}
.popout.popout-right header:before {
    border-right-color: var(--main-color);
}
.channel-notification-settings {
    border-bottom: 0px solid #f0f0f0;
    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%;
    background-repeat: no-repeat;
}
.tutorial-popout .button-area .skip-tips a {
    color: var(--main-color);
}
.button:hover {
    background-color: var(--hover-color);
}
.button {
    background-color: var(--main-color);
}
.guilds-wrapper .guilds-add {
    background: #0a0a0a;
    color: var(--main-color);
    border: 1px dashed var(--main-color);
}
.user-popout .body .roles .member-roles::-webkit-scrollbar {
    width: 0px;
}
.user-popout .body .roles .member-roles {
    overflow-y: scroll;
    max-height: 179px;
    padding-bottom: 7px;
}
.confirm-message-modal .form-inner .message-group {
    background: #0d0d0e;
}
.modal-content .form-inner p {
    color: #e4e4e4;
}
.message-group h2 strong {
    color: #f3f3f3;
}
.message-group h2 .timestamp {
    color: #b5b5b5;
}
.radio-theme.light {
    display: none;
}
.radio-theme input[type=radio]:checked~label {
    width: 500px;
    background-image: none;
    background: #27ae60;
    border-color: var(--main-color);
}
.radio-theme label {
    border: 4px solid #656565;
}
.radio-theme.dark label {
    width: 500px;
    background-image: none;
    background: #141417;
}
.radio-theme.dark label::after {
	content: "If Light theme is enabled please click me to enable the Dark theme!";
	color: #fff;
}
.user-settings-locale p {
    color: #b1b1b1;
}
.user-settings-locale .select-item .primary, .user-settings-locale .select-item .localized {
    color: #c7c7c7!important;
}
.create-guild-container .action:hover.create .btn {
    background-color: var(--main-color);
}
.create-guild-container .action.create .action-icon {
    -webkit-filter: invert() hue-rotate(-270deg);
}
.create-guild-container .action.join .action-icon {
	-webkit-filter: invert() hue-rotate(-175deg);
}
.create-guild-container .action.create .action-header {
    color: #288d5b;
}
.create-guild-container .create-or-join .actions .or {
	display: none;
}
.markdown-modal .markdown-modal-footer {
    border-top: 1px solid #141417;
    color: #a5a5a5;
    background-color: #141417;
}
.markdown-modal ul li {
    color: #b3b3b3;
}
.guilds-wrapper .guilds-add:hover {
    color: var(--hover-color);
    border-color: var(--hover-color);
}
#friends .btn, .theme-dark #friends .friends-header .tab-bar .tab-bar-item.selected {
    background-color: var(--main-color);
	color: #fff;
}
.theme-dark #friends .friends-header .tab-bar .tab-bar-item:hover:not(.selected), #friends .friends-empty .btn:hover {
    background-color: var(--hover-color);
}
.add-friend-popout {
    background: transparent;
}
.theme-dark #friends .friends-header {
	border-bottom: 1px #141416 solid !important;
}
.message-group .avatar-large {
    margin-top: 0px;
}
.spinner-wandering-cubes .spinner-item {
    background-color: var(--main-color);
	border-radius: 20px;
}
.theme-dark .channel-textarea-autocomplete-inner {
    background-color: #19191b;
    border-color: #131315;
}
.theme-dark .channel-textarea-autocomplete-inner ul li.active {
    background: #131315;
}
.theme-dark .channel-textarea-autocomplete-inner:after {
    border-bottom: 2px solid #131315;
}
.theme-dark .channel-textarea-autocomplete-inner header {
    border-bottom-color: #131315;
    background-color: #131315;
    color: #e4e4e4;
}
.spinner-pulsing-ellipsis .spinner-item {
    background-color: var(--main-color);
}
.message-group .mentioned .message-text {
    background: #111113 !important;
}
.message-group .mentioned .message-text:after {
    background: var(--main-color);
    border-left: 3px solid var(--main-color);
}
.header-toolbar button.active {
    background-color: transparent;
}
.theme-dark .themed-popout {
    background-color: #19191b !important;
    border: 2px solid #131315 !important;
}
.theme-dark .themed-popout .header {
    background-color: #131315 !important;
}
.theme-dark .themed-popout .footer {
    background-color: #131315 !important;
}
.theme-dark .messages-popout-wrap .messages-popout .message-group {
    border-color: rgb(19, 19, 21) !important;
    background-color: #131315 !important;
}
.theme-dark .messages-popout-wrap .messages-popout .message-group:hover {
    border-color: var(--main-color) !important;
}
.theme-dark .messages-popout-wrap .messages-popout .message-group:hover .action-buttons {
    -webkit-box-shadow: 0 0 6px 4px transparent !important;
    box-shadow: 0 0 6px 4px transparent !important;
    background-color: transparent !important;
}
.theme-dark .messages-popout-wrap .messages-popout .message-group .action-buttons .jump-button {
    background-color: var(--main-color) !important;
}
.theme-dark .themed-popout .header .subtitle, .theme-dark .themed-popout .text {
    color: #fff !important;
}
.theme-dark .messages-popout-wrap .messages-popout .message-group .action-buttons .jump-button:hover {
    color: #fff;
    background: var(--hover-color) !important;
}
.member-roles .member-role .member-role-remove {
    background: url(https://i.imgur.com/O2TX2bn.png) 50% no-repeat;
    width: 8px;
    height: 12px;
    background-size: 8px;
}
.member-roles .member-role.member-role-add button {
    background: url(https://i.imgur.com/1MfzLoF.png) 50% no-repeat;
    width: 8px;
    height: 12px;
    background-size: 10px;
}
.theme-dark .friends-table .messages .message-group-blocked, .theme-dark .messages-wrapper .messages .message-group-blocked {
    background: #19191b !important;
    border-color: #111113;
}
.theme-dark .friends-table .messages .divider:not(.red) span, .theme-dark .messages-wrapper .messages .divider:not(.red) span {
    opacity: 1;
}
.theme-dark .friends-table .messages .message-group-blocked .message-group-blocked-btn, .theme-dark .messages-wrapper .messages .message-group-blocked .message-group-blocked-btn {
    background: #111113;
    color: #a0a0a0 !important;
}
#friends .btn:hover {
    background: var(--hover-color);
}
.theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary.selected {
    background-color: var(--main-color);
    color: #fff;
}
.private-channels .channel .channel-activity {
    color: #e2e2e2;
}
.member-roles .manipulate:hover {
    border-color: var(--main-color);
}
.theme-dark .channel-members-loading .member:nth-child(2n-4), .theme-dark .channel-members-loading .member, .theme-dark .channel-members-loading .heading, .theme-dark .channel-members-loading .member:nth-child(7n-1), .theme-dark .channel-members-loading, .theme-dark .channel-members-loading .member:nth-child(3n+2), .theme-dark .channel-members-loading .member:nth-child(7n+4) {
    background: transparent;
}
.theme-dark .channel-members-loading .background {
    background-image: linear-gradient(90deg,transparent,rgba(0, 0, 0, 0.4),transparent);
}
.theme-dark.context-menu .context-menu {
    background: #18181b;
    border-color: #18181b;
}
.slider-handle span {
    border: 2px solid var(--main-color);
}
.slider-handle span:before {
    border-color: var(--main-color) transparent transparent;
}
.theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary:hover:not(.selected) {
    background-color: var(--hover-color);
    color: #fff;
}
.theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary {
    background-color: var(--main-color);
}
.theme-dark .add-friend-input-wrapper {
    border-color: transparent;
    background-color: rgba(36,39,43,.2);
    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%;
    background-repeat: no-repeat;
}
.theme-dark #friends .friends-table .friend-table-add-wrapper .friend-table-add-header {
    background: transparent;
    border-bottom: 1px solid transparent;
}
.theme-dark #friends .friends-table .friend-table-add-wrapper .friend-table-suggestions-header {
    border-bottom: 1px solid transparent;
    background-color: transparent;
    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%;
    background-repeat: no-repeat;
}
.theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary .badge, .theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary.selected .badge {
    background-color: #f04747;
    color: #fff;
}
.theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary:hover:not(.selected) .badge {
    color: #fff;
}
.settings-connections-wrapper .authed-app {
    background: #141417;
    border: 2px solid #141417;
}
.settings-connections-wrapper .authed-app .header .app-name, .settings-connections-wrapper .authed-app .details .header, .settings-connections-wrapper .authed-app .details .body, .settings-connections-wrapper .authed-app .details .permissions .body {
    color: #a2a2a2;
}
.settings-connections-wrapper .authed-app:hover {
    border-color: var(--main-color);
}
#user-profile-modal .guilds .guild:hover {
    background: linear-gradient(to right,#121213 90%,#141415);
    color: #dcdcdc;
    width: 300px;
}
.channel-members .member .member-activity {
    color: #d4d4d4;
}
.private-channels .search-result.selected, .private-channels .search-result:hover {
    background: linear-gradient(to right,#121213 85%,#19191b);
}
.private-channels .search-result.selected:before, .private-channels .search-result:hover:before {
    border-left: 3px solid var(--main-color);
}
.message-group .comment .markup {
    color: #9c9c9c;
}
.popout.popout-top section:after, .popout.popout-top-right section:after {
	display: none;
}
#voice-connection-popout hr {
    border: 2px solid var(--main-color);
}
#voice-connection .btn:active {
    background: #151517 !important;
}
.theme-dark .friends-table .messages .message-group-blocked .message-group-blocked-btn:hover, .theme-dark .messages-wrapper .messages .message-group-blocked .message-group-blocked-btn:hover {
    background: #111113 !important;
}
.change-log-button-container {
    padding-top: 0px;
    margin-top: 0px;
    font-weight:600;
}
.alert.form .form-inner .btn {
    border: 1px solid transparent;
}
.alert.form.has-icon:before {
    -webkit-filter: invert() grayscale();
}
.alert.form .form-inner h4 {
    color: #b4b4b5;
}
.alert.form .form-inner p {
    color: #a9a9a9;
}
.channel-members .invite-btn:hover {
    background-color: var(--hover-color);
}
.channel-members .invite-btn {
    background-color: var(--main-color);
}
.chat .welcome-message h1 {
    color: var(--main-color);
}
.instant-invites .instant-invites-header {
    border-bottom: 1px solid transparent;
    color: #c1c1c1;
    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%;
    background-repeat: no-repeat;
}
.instant-invites .instant-invites-list .instant-invite .channel {
    color: #b3b3b3;
    text-transform: capitalize;
}
.instant-invites .instant-invites-list .instant-invite .member, .instant-invites .instant-invites-list .instant-invite {
    color: #d8d8d8;
}
.instant-invites .instant-invite-buttons .btn.btn-danger {
    border: 1px solid var(--main-color);
    color: #ffffff;
    background: var(--main-color);
}
.instant-invites .instant-invite-buttons .btn.btn-danger:hover {
    border: 1px solid var(--hover-color);
    background: var(--hover-color);
}
.instant-invites .instant-invites-list .instant-invite+.instant-invite {
    border-top: 1px solid #121213;
}
.guild-settings-modal-integrations .guild-settings-modal-integrations-header {
    color: #b9b9b9;
    border-bottom: 1px solid #121213;
    -webkit-box-shadow: 0 2px 0 transparent;
    box-shadow: 0 2px 0 transparent;
}
.guild-settings-modal-integrations .guild-settings-modal-integrations-body.no-integrations p {
    color: #fff;
}
.guild-settings-modal-integrations .guild-settings-modal-integrations-body.no-integrations .integration-logos {
    -webkit-filter: invert();
}
#permissions .permission-actions {
    color: #fff;
}
#permissions .permission-actions>div, #permissions .permission-actions.disabled>div {
    background-color: var(--main-color);
    border: 2px solid var(--hover-color);
}
#permissions .permission-actions>div.PASSTHROUGH:hover {
    border-color: var(--main-color);
}
.guild-settings-modal-members .guild-settings-modal-members-header .form .Select .Select-value {
    color: #bdbdbd;
}
.Select-arrow {
    border-color: var(--main-color) transparent transparent;
}
.theme-dark #friends .friends-header .tab-bar .tab-bar-item.selected .badge {
    background-color: #f04747;
    color: #fff;
}
.form .btn.red {
    background-color: var(--main-color);
}
.theme-dark .message-group.is-local-bot-message {
    background-image: linear-gradient(90deg,#19191b 80%,#19191b 100%);
    -webkit-box-shadow: -20px 0 #19191b,20px 0 #19191b,-20px -1px 0 0 #19191b,-20px 1px 0 #19191b,20px 1px 0 #19191b,20px -1px 0 #19191b;
    box-shadow: -20px 0 #19191b,20px 0 #19191b,-20px -1px 0 0 #19191b,-20px 1px 0 #19191b,20px 1px 0 #19191b,20px -1px 0 #19191b;
}
.private-channels .channel .icon-friends {
    background: url(https://discordapp.com/assets/78edad9e528abdda340ef4341ac52b57.svg) center center no-repeat #121213;
}
.private-channels .channel:hover .icon-friends {
    background-color: var(--main-color);
}
.private-channels .channel.selected .icon-friends {
    background-color: var(--hover-color);
}
.guild-settings-modal-members .guild-settings-modal-list .member+.member {
    border-top: 2px solid var(--main-color);
}
.guild-settings-modal-members .member-buttons .btn:hover {
    background: var(--main-color);
    color: #fff;
}
#autocomplete-popout .row.selected, #autocomplete-popout .row:hover {
    background: linear-gradient(to right,#121213 85%,#141417);
}
div.control-group .shortcut-recorder input[type=text] {
   border: 2px solid var(--main-color);
   color: #fff;
}
.now-playing {
    background: var(--main-color);
}
.user-settings-modal-games .games-table .games-row {
   background: #19191b;
}
.user-settings-modal-games {
    background: #19191b;
    border-top: 2px solid var(--main-color);
}
.user-settings-modal-games .games-table .games-row .item-game .game-input {
   color: #fff;
}
.user-settings-modal-games .games-table .games-row .item-game, .user-settings-modal-games .games-table .games-row .item-overlay {
   border-bottom: 2px solid var(--main-color);
}
.user-settings-modal-games .games-table .games-row .item-game .last-played {
    color: #c7c7c7;
}
.bda-slist .bda-description {
    color: #bbbbbb;
    border-top: 2px solid var(--main-color);
}
.bda-slist li:nth-child(odd) {
    background: #121213;
    border-top: 1px solid #121213;
}
.bda-slist li {
    background: #121213;
    border-bottom: 1px solid var(--main-color);
}
.bda-slist .bda-name {
    color: #d6d6d6;
    font-size: 14px;
}
.bda-slist .checkbox:before {
    color: #cccccc;
}
#bd-customcss-attach-controls {
    border: 1px solid #121213;
    border-top: 1px solid #121213;
}
#bd-customcss-attach-controls, #bd-customcss-detach-controls {
    background: #121213;
    -webkit-box-shadow: inset 0 1px 0 0 #19191b;
}
.chat>.content .messages .message-group.hide-overflow.compact .markup {
    padding: 0px 0px 0px 5rem;
}

.gitbutton {
    font-size: 14px;
    font-weight: 600;
    color: #fff !important;
    background-color: var(--main-color);
    padding: 8px 0;
    border-radius: 3px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100px;
    text-align: center;
}
.docsbutton {
    font-size: 14px;
    font-weight: 600;
    color: #fff !important;
    background: var(--main-color);
    padding: 8px 0;
    border-radius: 3px;
    position: absolute;
    bottom: 0px;
    right: 105px;
    width: 100px;
    text-align: center;
}
.serverbutton {
    font-size: 14px;
    font-weight: 600;
    color: #fff !important;
    background: var(--main-color);
    padding: 8px 0;
    border-radius: 3px;
    position: absolute;
    bottom: 0px;
    right: 210px;
    width: 141px;
    text-align: center;
}
.gitbutton:hover, .docsbutton:hover, .serverbutton:hover {
	background-color: var(--hover-color);
}
.jump-to-present-bar button:first-of-type {
    display: none;
}
.jump-to-present-bar {
    width: 130px!important;
    right: 10px!important;
    left: auto!important;
}
.chat .divider:before { display: none; }

.guilds-wrapper {width: 76px;}

.guilds-wrapper .guilds .guild,
.guilds-wrapper .guilds .guild .guild-inner a,
.guilds-wrapper .guilds .friends-icon {width: 45px;height: 45px;}

.guilds-wrapper .guilds .guild .guild-inner a {background-size: cover;}

.guilds-wrapper .guilds .friends-online {margin: 10px -4px;}

.guilds-wrapper .guild-separator:after {margin-left: -5px;margin-right: 10px;}

.guilds-wrapper .guilds .guild.selected:before {height: 35px;margin-top: -18px;}

code {background: #121213 !important;}

.message-group .comment .markup pre {border: 2px solid #121213;}
    
.message-group .comment .markup code.inline, .message-group .comment .markup pre {background: #121213 !important;}

.invite-button-body {color: #b3b3b3;}

.invite-button-header {color: #b9b9b9;}

.invite-button {background-color: #121213;border: 1px solid #121213;}

.upload-modal {
background-color: var(--main-color);
}
.upload-modal .footer {
background-color: var(--hover-color);
}
.upload-modal .inner {
border: 2px dashed var(--hover-color);
}
.upload-modal .inner .file .icon.image {
border: 2px solid var(--hover-color);
}
.upload-modal .inner .comment .channel-textarea {
    box-shadow: 0 0px 0px rgb(23, 23, 23);
}
.upload-modal .footer .button {
    background-color: var(--main-color);
}
.upload-modal .footer .button-primary {
    color: #ffffff;
    background-color: var(--main-color);
}
.channel-notices .channel-notice.invite {
    background: url(https://discordapp.com/assets/bf625d222187f542b9d7179109422e2c.svg) center 20px no-repeat #19191b;
}
#instant-invite-modal .form-actions, #instant-invite-modal-advanced .form-actions {
    background-color: #0d0d0e;
    border-top: 2px solid #151515;
}
.instant-invite-modal {
    background: transparent;
}
#instant-invite-modal .form-header header {
    color: #d2d2d2;
}
#instant-invite-modal .blurb {
    color: #ffffff;
}
#instant-invite-modal .expire-text {
    color: #c7c7c7;
}
#instant-invite-modal .copy {
    background-color:  var(--main-color);
}
#instant-invite-modal-advanced .form-actions .btn {
    padding: 9px;
    top: 9px;
}
.popout-menu {
    background: #19191b;
}
.popout-menu .popout-menu-icon, .popout-menu .popout-menu-item:hover .popout-menu-icon {
    -webkit-filter: grayscale(100%);
}
.popout-menu .popout-menu-separator {
    border-bottom: 2px solid var(--main-color);
}
.popout-menu .popout-menu-item, .popout-menu .popout-menu-item.invite {
    color: #bdbdbd;
}
.popout-menu .popout-menu-item:hover {
    background-color: #121213;
    color: #f7f7f7;
}
.popout-menu .popout-menu-item:hover.invite {
    color: #f7f7f7;
}
.popout {
    box-shadow: 0 3px 6px rgba(0,0,0,.2);
}
.sensitivity .slider .slider-bar-auto {
    background-color: #121213;
}
.user-settings-modal-keybinds .user-settings-modal-keybinds-header {
    border-bottom: 1px solid #151515;
}
#user-profile-modal .guilds .avatar-large {
    background-color: var(--main-color);
}
.guilds-wrapper .guilds .guild:first-of-type .guild-inner {
    background: #0a0a0a !important;
}
.guilds-wrapper .guilds .guild.selected .guild-inner {
	background: var(--main-color) !important;
}
.guilds-wrapper .guilds .guild:hover .guild-inner {
	background: var(--main-color) !important;
}
.guild-settings-modal-emoji .guild-settings-modal-emoji-header h6 {
    color: #fff;
}
.guild-settings-modal-emoji .guild-settings-modal-emoji-header p {
    color: #c5c5c5;
}
.guild-settings-modal-emoji .guild-settings-modal-emoji-header {
    border-bottom: 1px solid transparent;
    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%;
    background-repeat: no-repeat;
}
.guild-settings-modal-emoji .no-emoji p {
    color: #dadada;
}
.guild-settings-modal-emoji .table-header {
    color: #ececec;
}
.guild-settings-modal-emoji .emoji-uploader .emoji-uploader-username {
    color: #fff;
}
.guild-settings-modal-emoji .emoji-row .emoji-name {
    background: #121213;
    color: #fff;
}
.guild-settings-modal-emoji .emoji-row:hover .emoji-name {
    background-color: rgba(43, 43, 43, 0.6);
}
.guild-settings-modal .emoji-row .btn.btn-danger, .guild-settings-modal .member-buttons .btn.btn-danger {
    border: 1px solid #9c2121;
    color: #ffffff;
}
.guild-settings-modal .emoji-row .btn, .guild-settings-modal .member-buttons .btn {
    background: #9c2121;
}
.guild-settings-modal-emoji .emoji-row {
    border-bottom: 2px solid #151515;
}
.status-picker .popout-menu-item .helper {
    margin: -21px 0px 0 -4px;
    color: #fff;
    text-align: center;
    padding-top: 6px;
    opacity: 0;
}
.chat .welcome-message .item-container .icon.exclamation, .chat .welcome-message .item-container .icon.share, .chat .welcome-message .item-container .icon.apps, .chat .welcome-message .item-container .icon.mobile, .chat .welcome-message .item-container .icon.twitter { background-image: url("https://i.imgur.com/DYPXksE.png"); background-repeat: no-repeat; background-size: 20px 20px; background-position: 29px 13px; }

.bda-dark #bda-qem-favourite-container, .bda-dark #bda-qem-twitch-container, .bda-dark .emoji-picker, .bda-dark .emoji-picker .category, .bda-dark .emoji-picker .header .search-bar {
    background-color: #121213;
}
.bda-dark #bda-qem button {
    background: #121213;
    border-left: 1px solid #121213;
    box-shadow: #121213 1px 0 0 0;
}
.bda-dark #bda-qem {
    border-bottom: 0px solid transparent!important;
    background: #121213;
}
.emoji-picker {
    border: 1px solid #19191b !important;
    border-top: 0px solid transparent !important;
}
.emoji-picker .search-bar .search-bar-inner {
    background-color: #19191b;
}
.emoji-picker .search-bar-clear:before {
    background: #19191b;
}
.emoji-picker .category {
    color: #cacaca;
}
.emoji-picker .scroller::-webkit-scrollbar {
	width: 0px;
}
#bda-qem-twitch-container::-webkit-scrollbar, #bda-qem-favourite-container::-webkit-scrollbar, #bda-qem-favourite-container .scroller-wrap::-webkit-scrollbar, #bda-qem-twitch-container .scroller-wrap::-webkit-scrollbar{
	width: 0px;
}
.emoji-picker .scroller .emoji-item.selected {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    background-size: contain !important;
}
.bda-dark .emoji-picker .dimmer.visible {
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 2;
}
.bda-dark .emoji-picker .diversity-selector .popout {
    background: #121213;
    border-color: #121213;
}
.theme-dark .channel-textarea-inner {
    border-color: #1D1C1B;
}
.chat .jump-to-present-bar button:last-child {
    color: #fff;
}
.theme-dark .chat .jump-to-present-bar {
    background-color: var(--main-color);
}

.theme-dark .chat .jump-to-present-bar:hover {
    background-color: var(--hover-color);
}
.context-menu,
.small-popout-box {
    -webkit-animation: animation-folding .3s cubic-bezier(.2, .6, .5, 1.1);
    animation: animation-folding .3s cubic-bezier(.2, .6, .5, 1.1);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
}
.context-menu.invertY {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.user-popout {
    -webkit-animation: animation-popping .15s cubic-bezier(.2, .6, .5, 1.1);
    animation: animation-popping .15s cubic-bezier(.2, .6, .5, 1.1);
}
.item-subMenu .context-menu {
    -webkit-animation: animation-sliding .15s cubic-bezier(.2, .6, .5, 1.1);
    animation: animation-sliding .15s cubic-bezier(.2, .6, .5, 1.1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}
@-webkit-keyframes animation-folding {
    0% {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes animation-folding {
    0% {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes animation-sliding {
    0% {
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes animation-sliding {
    0% {
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes animation-popping {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes animation-popping {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
/* Alert made by BeardDesign and heavily modified by me */
.tutorial-indicators+.theme-light:before {
  content: "You need to have the dark mode enabled for this theme to work properly. To enable it, go into settings > appearance.";
  position: fixed;
  display: block;
  width: 400px;
  height: 30px;
  top: 50%;
  left: 50%;
  background: #121213;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  padding: 20px 20px;
  border-radius: 5px;
  box-shadow: 0px 2px 10px var(--main-color);
  border: 3px solid var(--main-color);
  z-index: 10;
}
 .tutorial-indicators+.theme-light:after {
  content: "";
  position: fixed;
  display: block;
  width: 100%;
  height: 200%;
  left: 50%;
  top: 45%;
  background: rgba(0,0,0,0.7);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 20px 20px;
  border-radius: 5px;
  z-index: 8;
}
.radio-theme input[type=radio]:checked~label {
  border-color: transparent
}

.radio-theme.dark label {
  width: 506px;
  height: 50px;
  background: #7289DA;
  border: 0px!important
}

.theme-light+span .radio-theme.dark label {
  background: #F04747;
  box-shadow: 0 2px 10px rgba(240, 71, 71, .3);
}

.radio-theme.dark:after {
  content: "ENABLE DARK MODE";
  display: block;
  color: #fff;
  -webkit-transform: translate(-50%, -32px);
          transform: translate(-50%, -32px);
  position: absolute;
  left: 50%;
  font-weight: 800;
  pointer-events: none
}

.theme-dark+span .radio-theme.dark:after {
  content: "DARK MODE ENABLED"
}

.radio-theme.light {
  display: none;
}

div[data-reactroot]:not(.platform-osx):not(.platform-win) .theme-light+span .user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(8),
div.platform-win .theme-light+span .user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(9),
div.platform-osx .theme-light+span .user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(9) {
  box-shadow: 0 2px 10px var(--main-color);
  border: 3px solid var(--main-color);
  width: 110px;
  border-radius: 3px;
  margin-left: 29px;
}
.theme-light .account .btn-settings {
    position: fixed;
    width: 256px;
    height: 31px;
    border-radius: 3px;
    font-size: 20px;
    box-shadow: 0 2px 10px var(--main-color) !important;
    border: 3px solid var(--main-color);
    top: 60%;
    left: 50%;
    margin-left: -124px;
}
.theme-light .account .btn-deafen, .theme-light .account .btn-mute {
    border-right: 1px solid transparent;
    display: none;
}
.theme-light .account .btn-settings:after {
    opacity: 1;
}
.theme-light .account .btn-settings:after {
    z-index: 1000;
    position: absolute;
}
.theme-light .account .btn:after {
    content: "CLICK ME FOR SETTINGS";
    display: block;
    color: #fff;
    background: #121213;
    opacity: 1;
    z-index: 1003;
}
.theme-light .account {
    height: 0px;
    margin-bottom: -30px;
}
.ebr-theme-item-info, .ebr-plugin-item-info {
    color: #fff;
}
.ebr-plugin-item, .ebr-theme-item {
    background-color: #121213 !important;
    border: 1px solid #121213 !important;
}
#ebr-themes-pane .ebr-top .themes-header, #ebr-plugins-pane .ebr-top .plugins-header {
    color: #fff;
}
#theme-search, #plugin-search {
    border: 1px solid #121213 !important;
    background: #121213;
    border-radius: 3px;
    color: #fff;
}
.message-group .edit-message .channel-textarea-inner {
    border-color: #1D1C1B;
}
.keyboard-shortcuts-modal {
    background-color: #19191b;
}
.keybind-shortcut span {
    border: 1px solid var(--main-color);
    box-shadow: inset 0 -4px 0 var(--main-color);
}
.keyboard-shortcuts-modal .modal-title {
    color: #dedede;
}
.keyboard-shortcuts-modal .modal-subtitle, .keyboard-shortcuts-modal .keyboard-shortcut-list .keybind-group .keybind-description {
    color: #c1c1c1;
}
.keybind-shortcut {
    color: var(--main-color);
}
.keyboard-shortcuts-modal .keyboard-shortcut-list .keybind-group .bind-arrow.up, .keyboard-shortcuts-modal .keyboard-shortcut-list .keybind-group .bind-arrow {
    -webkit-filter: invert() grayscale(100%);
}
.keyboard-shortcuts-modal .ddr-arrows .arrow {
    -webkit-filter: invert() hue-rotate(208deg);
}
.webhooks .webhooks-header {
    border-bottom: 2px solid var(--main-color);
}
.webhooks .webhook {
    background: #141417;
}
.webhooks .webhook .webhook-header .webhook-details .webhook-name {
    color: #e8e8e8;
}
.webhooks .webhook .webhook-header .webhook-details .webhook-created-on {
    color: #d0d0d0;
}
.form .btn-clear {
    background: var(--main-color);
    color: #fff;
}
.form .btn-clear:hover {
    background: var(--hover-color);
}
#instant-invite-modal .clipboard-input-inner input {
    color: #adadad;
}
.channel-notices .channel-notice.guild-mfa-warning {
    background: url(/assets/916a384814e3bbd2a84e2a1b352a17c3.svg) center 20px no-repeat #19191b;
}
.messages .renamer-tag {
    margin-left: 6px;
}
.message-group:not(.compact) .avatar-large[style*="172218388880293888"] ~ .comment .message h2 span.username-wrapper::after, .channel-members .member .avatar-small[style*="172218388880293888"] ~ .member-inner .member-username .member-username-inner::after {
    content: "Developer";
    color: #fff;
    background: #7289da;
    border-radius: 3px;
    margin-left: 6px;
    font-size: 10px;
    font-weight: 600;
    padding: 1px 2px;
    text-transform: uppercase;
    vertical-align: bottom;
    line-height: 16px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}
.channel-members .avatar-small .status,
.private-channels .avatar-small .status,
.account .avatar-small .status {
    width: 100%;
    height: 100%;
    background: transparent;
    top: -2px;
    left: -2px;
    box-shadow: 0 0 1px #000 inset;
	transition: .3s all linear;
}
.channel-members .avatar-small .status-online,
.private-channels  .avatar-small .status-online,
.account .avatar-small .status-online {
    border: 2px solid #43b581 !important;
}
.channel-members .avatar-small .status-idle,
.private-channels  .avatar-small .status-idle,
.account .avatar-small .status-idle {
    border: 2px solid #faa61a !important;
}
.channel-members .avatar-small .status-dnd,
.private-channels  .avatar-small .status-dnd,
.account .avatar-small .status-dnd {
    border: 2px solid #f04747 !important;
}
.channel-members .avatar-small .status-offline,
.private-channels  .avatar-small .status-offline,
.account .avatar-small .status-offline {
    border: 2px solid #282829 !important;
}
.channel-members .avatar-small .status-invisible,
.private-channels  .avatar-small .status-invisible,
.account .avatar-small .status-invisible {
    border: 2px solid #747f8d !important;
}
.channel-members .avatar-small .status-streaming,
.private-channels .avatar-small .status-streaming,
.account .avatar-small .status-streaming {
    border: 2px solid #643da7 !important;
}

.status.status-typing.status-online {
	width: 26px!important;
    right: -11px!important;
    height: 8px !important;
    background: #43b581 !important;
    border: 2px solid #19191b !important;
    margin: 22px 0px 0px 14px;
	transition: .3s all ease-in-out;
}
.status.status-typing.status-idle {
	width: 26px!important;
    right: -11px!important;
    height: 8px !important;
    background: #faa61a !important;
    border: 2px solid #19191b !important;
    margin: 22px 0px 0px 14px;
	transition: .3s all ease-in-out;
}
.status.status-typing.status-dnd {
	width: 26px!important;
    right: -11px!important;
    height: 8px !important;
    background: #f04747 !important;
    border: 2px solid #19191b !important;
    margin: 22px 0px 0px 14px;
	transition: .3s all linear;
}
.status.status-typing.status-invisible {
	width: 26px!important;
    right: -11px!important;
    height: 8px !important;
    background: #747f8d !important;
    border: 2px solid #19191b !important;
    margin: 22px 0px 0px 14px;
	transition: .3s all linear;
}
.status.status-typing.status-offline {
	width: 26px!important;
    right: -11px!important;
    height: 8px !important;
    background: #282829 !important;
    border: 2px solid #19191b !important;
    margin: 22px 0px 0px 14px;
	transition: .3s all linear;
}
.user-popout .avatar-wrapper .avatar-popout .status.status-online {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 20px;
    border-radius: 75px;
    position: absolute;
    border: 4px solid #43b581;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0px;
    right: 0px;
    z-index: 2;
    -webkit-box-shadow: inset 0 0 0 0 rgba(255,255,255,.3);
    box-shadow: inset 0 0 0 0 rgba(255,255,255,.3);
    background: transparent;
}
.user-popout .avatar-wrapper .avatar-popout .status.status-dnd {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 20px;
    border-radius: 75px;
    position: absolute;
    border: 4px solid #f04747;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0px;
    right: 0px;
    z-index: 2;
    -webkit-box-shadow: inset 0 0 0 0 rgba(255,255,255,.3);
    box-shadow: inset 0 0 0 0 rgba(255,255,255,.3);
    background: transparent;
}
.user-popout .avatar-wrapper .avatar-popout .status.status-idle {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 20px;
    border-radius: 75px;
    position: absolute;
    border: 4px solid #faa61a;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0px;
    right: 0px;
    z-index: 2;
    -webkit-box-shadow: inset 0 0 0 0 rgba(255,255,255,.3);
    box-shadow: inset 0 0 0 0 rgba(255,255,255,.3);
    background: transparent;
}
.user-popout .avatar-wrapper .avatar-popout .status.status-invisible {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 20px;
    border-radius: 75px;
    position: absolute;
    border: 4px solid #747f8d;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0px;
    right: 0px;
    z-index: 2;
    -webkit-box-shadow: inset 0 0 0 0 rgba(255,255,255,.3);
    box-shadow: inset 0 0 0 0 rgba(255,255,255,.3);
    background: transparent;
}
.user-popout .avatar-wrapper .avatar-popout .status.status-offline {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 20px;
    border-radius: 75px;
    position: absolute;
    border: 4px solid #282829;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0px;
    right: 0px;
    z-index: 2;
    -webkit-box-shadow: inset 0 0 0 0 rgba(255,255,255,.3);
    box-shadow: inset 0 0 0 0 rgba(255,255,255,.3);
    background: transparent;
}
.status-picker .popout-menu-item:nth-child(1) {
	background: #43b581 !important;
	color: #fff;
}
.status-picker>.popout-menu-separator {
	border-bottom: 0px solid #000 !important;
}
.status-picker .popout-menu-item:nth-child(3) {
	background: #faa61a !important;
	color: #fff;
}
.status-picker .popout-menu-item:nth-child(4) {
	background: #f04747 !important;
	color: #fff;
	transition: .2s all linear;
	height: 38px;
}
.status-picker .popout-menu-item:nth-child(4) >  .status-icon-text > .status-text{
    margin-top: 19px;
	transition: .2s all linear;
}
.status-picker .popout-menu-item:nth-child(4) >  .helper{
    margin-top: -9px;
}
.status-picker .popout-menu-item:nth-child(4):hover >  .helper{
	opacity: 1;
	transition: .2s all linear;
}
.status-picker .popout-menu-item:nth-child(4):hover >  .status-icon-text > .status-text{
	opacity: 0;
	transition: .2s all linear;
}
.status-picker .popout-menu-item:nth-child(5) {
	background: #747f8d !important;
	color: #fff;
	transition: .2s all linear;
	height: 38px;
}
.status-picker .popout-menu-item:nth-child(5) >  .status-icon-text > .status-text{
    margin-top: 16px;
	transition: .2s all linear;
}
.status-picker .popout-menu-item:nth-child(5) >  .helper{
    margin-top: -9px;
}
.status-picker .popout-menu-item:nth-child(5):hover >  .helper{
	opacity: 1;
	transition: .2s all linear;
    margin-top: -9px;
}
.status-picker .popout-menu-item:nth-child(5):hover >  .status-icon-text > .status-text{
	opacity: 0;
	transition: .2s all linear;
}
.status-icon-text > .status-text {
    margin-left: -13px;
}
.status-icon-text > .status {
	margin-right: 0px !important;
}
.status-picker .popout-menu-item {
    -webkit-align-items: center;
    align-items: center;
}
.status-picker.popout-menu {
    background: transparent !important;
}
/*by maple*/
#app-mount > div > div.context-menu {
    margin-left: -10px;
    margin-top: -15px;
}
#app-mount > div > div.context-menu .item-group {
    display: flex;
    flex-direction: column;
}
#app-mount > div > div.context-menu .item-group .item.danger {
    order: 1 !important;
}
#app-mount > div > div.context-menu .item-group .item {
    order: 2;
}
#app-mount > div > div.context-menu.invertY {
    margin-left: -10px;
    margin-top: 135px;
}
#app-mount > div > div.context-menu.invertX.invertY.invertChildX {
    margin-left: 100px;
    margin-top: 135px;
}
#app-mount > div > div.context-menu.invertX.invertChildX {
    margin-left: 100px;
    margin-top: -10px;
}
/* */
.CodeMirror {
    color: #efefef;
    background-color: #121213!important;
}
.CodeMirror-gutters {
    border-right: 1px solid #19191b;
    background-color: #141417;
}
.channel-members .member.popout-open .avatar-small {
    margin-left: -14px;
}
.theme-dark .channel-members .member.popout-open {
    margin-left: 14px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.user-popout {
    width: 450px;
}
.user-popout .body {
    display: flex;
    background: #111113;
    padding-top: 14px;
}
.user-popout .avatar-wrapper {
    position: fixed;
    margin: 4px 0px 14px -150px;
}
.section.roles {
    max-width: 250px;
	width: 250px;
}
.section.notes, .section.roles {
    background: #0f0f10;
    margin-left: 15px;
    border-radius: 3px;
}
.user-popout .username-wrapper .activity, .user-popout .username-wrapper .discord-tag, .user-popout .username-wrapper .nickname {
    text-align: left;
    margin-left: 138px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.user-popout .username-wrapper .nickname::before {
    content: "Nickname:";
    color: #cecece;
    padding-right: 3px;
}
.user-popout .username-wrapper .nickname {
    margin-bottom: 2px;
}
.creation-date-wrapper {
    margin-left: -33px;
}
.quick-message.isBlocked {
    background: #0b0b0c;
}
.theme-dark .friends-table .messages .message-group-blocked.revealed, .theme-dark .messages-wrapper .messages .message-group-blocked.revealed {
    border: 2px solid #111113;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.16);
    box-shadow: 0 1px 3px rgba(0,0,0,.16);
}
.user-popout .header.streaming .live-on-twitch {
    border-top: 0px solid transparent;
    text-decoration: none;
    width: 150px;
    margin-left: 129px;
    border-radius: 3px;
    padding: 4px 0;
}
.user-popout .header.streaming {
    padding-bottom: 8px;
}
.user-popout .header.streaming .activity {
    padding: 0;
}
.streaming>.creation-date-wrapper {
    display: none;
}
.chat .jump-to-present-bar .spinner {
    padding-right: 7px;
    padding: 8px;
    padding-left: 50px;
}
.account .btn-settings:after {
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_settings_white_24px.svg) !important;
    zoom: 1.2;
}

.account .btn-settings:hover:after {
    opacity: 0.6;
}

.account .btn-deafen:after {
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_volume_up_white_24px.svg) !important;
    opacity: 0.2;
    zoom: 1.2;
}

.account .btn-deafen:hover:after {
    opacity: 0.6;
}

.icon-deafened,
.account .btn-deafen.disabled:after {
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_volume_off_white_24px.svg) !important;
}

.account .btn-mute:after {
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_mic_white_24px.svg) !important;
    opacity: 0.2!important;
    zoom: 1.2;
}

.account .btn-mute:hover:after {
    opacity: 0.6!important;
}

.icon-muted,
.account .btn-mute.disabled:after {
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_mic_off_white_24px.svg) !important;
}

#voice-connection .btn-info:after {
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_info_white_24px.svg) !important;
    zoom: 2;
}

#voice-connection .btn-disconnect:after {
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_call_end_white_24px.svg);
    zoom: 1.3;
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease;
}
::selection {
    color: #fff !important;
    background: var(--main-color);
}
.scroller-wrap .scroller::-webkit-scrollbar {
    width: 12px;
}
.messages-popout .channel-separator {
    margin-top: 26px;
    margin-bottom: 10px;
    background: #131315;
    padding: 8px;
    border-radius: 3px;
    top: 5px;
    border: 2px solid #131315;
}
.messages-popout .channel-separator:hover {
    border: 2px solid var(--main-color);
}
.upload-drop-modal .bgScale {
    background: var(--main-color) !important;
}
.upload-drop-modal .inner .icon {
    filter: grayscale(100%) !important;
}
.theme-light .account .btn-settings:after {
    background-image: none !important;
    zoom: 1.2;
}
.chat form {
    z-index: 1000;
    background: #19191b;
}
.emoji-picker .categories .item.selected {
    border-bottom-color: var(--main-color);
}
.typing {
    height: 18px;
}
.typing .ellipsis {
    margin-top: 5px;
}
#user-profile-modal .header:after {
    content: ' ';
    background-color: transparent;
    background-image: linear-gradient(-180deg,transparent,transparent);
}
#user-profile-modal .avatar-wrapper {
    background-color: transparent;
    top: 8px;
    left: 0px;
}
#user-profile-modal .header .header-info .header-info-inner .discord-tag {
    color: #e4e4e4;
}
#user-profile-modal .header .header-info .header-info-inner .discord-tag .discriminator {
    color: #969696;
}
.avatar-profile {
    width: 100px;
    height: 100px;
    background-size: cover;
}
#user-profile-modal .header {
    height: 120px;
}
#user-profile-modal .header .discord-tag {
    margin-left: -50px;
	margin-top: -20px;
}
#user-profile-modal .actions {
    padding-top: 14px;
    margin-left: -50px;
}
.connected-account {
    width: 500px !important;
}
.connected-accounts {
    max-width: 85%;
    min-width: 85%;
}
#user-profile-modal .guilds .section .connected-accounts .connected-account .connected-account-name-inner .connected-account-name {
    color: #bbbbbb;
}
#user-profile-modal .guilds .section .connected-accounts .connected-account {
    border: 2px solid #101010;
    background: #121213;
}
.alert.form .form-inner .cancel {
    background-color: #a23636;
}
.alert.form .form-inner .cancel:hover {
    background-color: #8a2c2c;
}
.upload-drop-modal .bgScale {
    background: var(--main-color);
}
.upload-drop-modal .inner .icon {
    filter: grayscale(100%) !important;
}
.message-reactions-modal {
    background: #19191b;
}
.message-reactions-modal .message-reactions-reactors .reactor .name {
    color: #e4e4e4;
}
.message-reactions-modal .message-reactions-reactors .reactor {
    -webkit-box-shadow: inset 0 -1px 0 0 #1f1f1f;
    box-shadow: inset 0 -1px 0 0 #1f1f1f;
}
.message-reactions-modal .message-reactions-list .scroller-wrap {
    background: #19191b;
}
.tooltip.tooltip-left:after {
    border-left-color: var(--main-color);
}
.message-reactions-modal .message-reactions-list-inner .reaction .count {
    color: #d0d0d0;
}
.message-reactions-modal .message-reactions-list-inner .reaction.selected,.message-reactions-modal .message-reactions-list-inner .reaction:hover:not(.selected) {
    background: #131313;
}
#bda-qem-line {
    margin-left: 104px;
    opacity: 0.55;
}
#bda-qem-line:hover,#bda-qem-line.active {
    opacity: 1;
}
.bda-dark #bda-qem button:hover {
    background-color: #121213;
}
.bda-dark #bda-qem button.active {
    background-color: #121213;
}
button.bd-customicon-settings {
    display: none;
}
#bda-qem-line {
    margin-left: 100px;
    opacity: 0.55;
    color: transparent !important;
    margin-top: 3px;
    background-image: url(https://i.imgur.com/v1dAJSb.png) !important;
    background-repeat: no-repeat !important;
    background-position: 50% !important;
    background-size: 22px !important;
}
#bda-qem-line-container .emote-menu-inner, #bda-qem-line-container .categories {
    background: #121213 !important;
}
#bda-qem-line-container .category-header {
    color: #c3c3c3 !important;
}
.emote-container:hover {
    background: #19191b;
}
#preview-sticker-wrapper {
    background-color: #121213 !important;
}
.bda-dark .emoji-picker .scroller .emoji-item.selected {
    background: var(--hover-color);
}
.theme-dark .message-group .embed {
    background-color: #111113;
    border-color: #111113;
}
.embed-color-pill[style*='background-color: rgb(114, 137, 218);'] {
    background-color: var(--main-color) !important;
}
.theme-dark .reaction.reaction-me {
    background: var(--main-color);
}
.theme-dark .reaction.reaction-me .reaction-count {
    color: #fff;
}
.attachment-image .image, .message-group .comment .attachment-image img, .embed .image, .embed .embed-thumbnail img {
    border-radius: 3px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4);
}
.embed-wrapper {
	-webkit-transition: 200ms cubic-bezier(.2, .11, 0, 1);
    transition: 200ms cubic-bezier(.2, .11, 0, 1);
    box-shadow: 2px 2px 10px #0c0c0c;
}
/* .embed-wrapper:hover {
	-webkit-transform: scale(1.03);
    transform: scale(1.03)
} */
.theme-dark .chat .title-wrap {
    border-bottom: 2px solid var(--main-color) !important;
    height: 58px;
}
.message-reactions-modal .message-reactions-list-inner {
    background: #19191b;
}
.header-toolbar button {
    -webkit-transition: all 300ms cubic-bezier(.23,.23,0,1);
    transition: all 300ms cubic-bezier(.23,.23,0,1);
    display: block;
    z-index: 500;
}
.header-toolbar button.popout-open {
    -webkit-transform: translate(0, 48px);
    transform: translate(0, 48px);
    -webkit-transition: all 400ms cubic-bezier(.3, .3, 0, 1);
    transition: all 400ms cubic-bezier(.3, .3, 0, 1);
}
.messages-popout-wrap {
    -webkit-animation: toppopout 400ms cubic-bezier(.3, .3, 0, 1);
    animation: toppopout 400ms cubic-bezier(.3, .3, 0, 1)
}
@-webkit-keyframes toppopout {
    from {
        -webkit-transform: translate(0, -55px);
        transform: translate(0, -55px);
        opacity: 0
    }
}
@keyframes toppopout {
    from {
        -webkit-transform: translate(0, -55px);
        transform: translate(0, -55px);
        opacity: 0
    }
}
.search-bar {
    border-bottom: 2px var(--main-color) solid !important;
    box-shadow: 0 0px 0 0 rgba(0,0,0,.06),inset 0 0px 0 0 rgba(0,0,0,.2);
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin-top: -1px;
}
.theme-dark #friends .friends-header {
    border-bottom: 2px var(--main-color) solid !important;
}
#friends .friends-table .friends-row .friends-suggestion-inner .avatar-large {
    margin-right: 20px;
    height: 60px;
    width: 60px;
    background-repeat: no-repeat;
    border-radius: 3px;
    background-size: 60px;
}
#friends .friends-table .friends-row .friends-suggestion-inner {
    padding: 15px;
}
.tipsy {
    opacity: 1 !important;
}
.tipsy-inner {
    background-color: var(--main-color);
    color: #fff !important;
    padding: 5px 10px !important;
    border-radius: 3px !important;
    font-size: 12px !important;
}
.fav {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMzg3IDI4OSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMzg3IDI4OSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMzg3LDI4OWgyNHYyNGgtMjRWMjg5eiIvPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTS0zNzUsMjk1LjhsMS44LDIuNmwwLjQsMC41bDAuNiwwLjJsMywwLjlsLTEuOSwyLjVsLTAuNCwwLjVsMCwwLjZsMC4xLDMuMmwtMy0xLjFsLTAuNi0wLjJsLTAuNiwwLjJsLTMsMS4xDQoJCWwwLjEtMy4ybDAtMC42bC0wLjQtMC41bC0xLjktMi41bDMtMC45bDAuNi0wLjJsMC40LTAuNUwtMzc1LDI5NS44IE0tMzc1LDI5Mi42bC0zLjMsNC44bC01LjYsMS42bDMuNSw0LjZsLTAuMiw1LjhsNS41LTEuOQ0KCQlsNS41LDEuOWwtMC4yLTUuOGwzLjUtNC42bC01LjYtMS42TC0zNzUsMjkyLjZ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
    width: 23px;
    height: 23px;
    right: -17px;
    top: -12px;
}

#rmenu {
    font-size: 14px;
    border-radius: 3px;
    padding: 5px;
    background: var(--main-color);
}
#user-profile-modal .header .header-info .header-info-inner .activity {
    color: #a5a5a5;
}
.message-group:not(.compact) .avatar-large[style*="81388395867156480"] ~ .comment .message h2 span.username-wrapper::after, .channel-members .member .avatar-small[style*="81388395867156480"] ~ .member-inner .member-username .member-username-inner::after {
    content: "Salty Developer";
    color: #fff;
    background: var(--main-color);
    border-radius: 3px;
    margin-left: 6px;
    font-size: 10px;
    font-weight: 600;
    padding: 1px 2px;
    text-transform: uppercase;
    vertical-align: bottom;
    line-height: 16px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.emoji-picker {
  background-color: #303030 !important;
  border-color: #303030 !important;
}

.emoji-picker .diversity-selector .popout {
  background: #353535;
  border-color: #202020;
}

.emoji-picker {
  background-color: #353535;
}
.emoji-picker .category {
  background-color: #353535;
}
.emoji-picker .header .search-bar {
  background-color: #2B2B2B;
}
.emoji-picker .search-bar input {
  color: #FFF;
}
..emoji-picker .search-bar input::-webkit-input-placeholder {
  color: #FFF;
}
.emoji-picker .scroller .emoji-item.selected {
  background: rgba(123, 123, 123, 0.37);
}
.emoji-picker .dimmer.visible {
  background-color: rgba(62, 62, 62, 0.65);
}
.emoji-picker .diversity-selector .popout {
  background: #353535;
  border-color: #202020;
}

:root { 
/*  --main-color: #663300;
 --hover-color: #663300; */
 --main-color: #C31042;
 --hover-color: #C31042;
 }