for https://github.com/leovoel/BeautifulDiscord/issues/14 (this is from /assets/3cfa8efb236ab998fb2d.css)

discord-css-classes-with-background.css

.bot-tag {
  background: #7289da;
}

.bot-tag.bot-tag-invert {
  background: #fff;
}

.spinner-wandering-cubes .spinner-item {
  background-color: #7289da;
}

.spinner-chasing-dots .spinner-item {
  background-color: #7289da;
}

.spinner-pulsing-ellipsis .spinner-item {
  background-color: #99aab5;
}

.avatar-large, .avatar-profile, .avatar-small, .avatar-xlarge, .avatar-xsmall,
.avatar-xxlarge {
  background-color: none;
}

.online {
  background-color: #43b581;
}

.idle {
  background-color: #faa61a;
}

.muted {
  background-color: #f04747;
}

.offline {
  background-color: #747f8d;
}

.note textarea {
  background: 0 0;
}

.note textarea:focus {
  background: #f3f3f3;
}

.note textarea::-moz-selection {
  background: #7289da;
}

.note textarea::selection {
  background: #7289da;
}

.alert.form.has-icon:before {
  background-color: #fff;
}

.alert.form .form-inner .cancel {
  background-color: #99aab5;
}

.alert.form .form-inner .cancel:hover {
  background-color: #8a99a3;
}

.quick-message {
  background: #fbfbfb;
}

.quick-message.isBlocked {
  background: #eceeef;
}

.scroller-wrap .scroller::-webkit-scrollbar-thumb,
.scroller-wrap .scroller::-webkit-scrollbar-track-piece {
  background-color: #7289da;
}

.scroller-wrap .scroller::-webkit-scrollbar-track-piece {
  background-color: #f3f3f3;
}

.scroller-wrap .scrollbar {
  background-color: #fff;
}

.scroller-wrap .scrollbar:after {
  background-color: #fff;
}

.scroller-wrap .scrollbar .track {
  background: #f3f3f3;
}

.scroller-wrap .scrollbar .thumb {
  background-color: #fff;
}

.scroller-wrap .scrollbar .thumb:after {
  background-color: #7289da;
}

.scroller-wrap.dark .scroller::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .4);
}

.scroller-wrap.dark .scroller::-webkit-scrollbar-track-piece {
  background-color: transparent;
}

.scroller-wrap.dark .scrollbar, .scroller-wrap.dark .scrollbar:after {
  background-color: #2e3136;
}

.scroller-wrap.dark .scrollbar .track {
  background-color: transparent;
}

.scroller-wrap.dark .scrollbar .thumb {
  background-color: #2e3136;
}

.scroller-wrap.dark .scrollbar .thumb:after {
  background-color: rgba(0, 0, 0, .4);
}

.scroller-wrap.light .scroller::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .4);
}

.scroller-wrap.light .scroller::-webkit-scrollbar-track-piece {
  background-color: transparent;
}

.scroller-wrap.light .scrollbar, .scroller-wrap.light .scrollbar:after {
  background-color: #f3f3f3;
}

.scroller-wrap.light .scrollbar .track {
  background-color: transparent;
}

.scroller-wrap.light .scrollbar .thumb {
  background-color: #f3f3f3;
}

.scroller-wrap.light .scrollbar .thumb:after {
  background-color: rgba(0, 0, 0, .4);
}

#autocomplete-popout input[type=text] {
  background: 0 0;
}

#autocomplete-popout .row.selected, #autocomplete-popout .row:hover {
  background: -webkit-linear-gradient(left, #ebebeb, #fff);
  background: linear-gradient(90deg, #ebebeb, #fff);
}

#autocomplete-popout .empty:hover {
  background-color: #fff;
}

.member-roles .member-role {
  background-color: #f3f3f3;
}

.member-roles .member-role .member-role-remove {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Iklzb2xhdGlvbl9Nb2RlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNiA2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzczN0Y4RCIgZD0iTTUuOCwwLjFDNiwwLjMsNiwwLjcsNS44LDAuOWwtNSw1QzAuNyw2LDAuNCw2LDAuMiw1LjkKCUMwLDUuNywwLDUuMywwLjIsNS4xbDUtNUM1LjMsMCw1LjYsMCw1LjgsMC4xeiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzczN0Y4RCIgZD0iTTAuMiwwLjFDMCwwLjMsMCwwLjcsMC4yLDAuOWw1LDVDNS4zLDYsNS42LDYsNS44LDUuOQoJQzYsNS43LDYsNS4zLDUuOCw1LjFsLTUtNUMwLjcsMCwwLjQsMCwwLjIsMC4xeiIvPgo8L3N2Zz4K) 50% no-repeat;
}

.member-roles .member-role.member-role-add button {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Iklzb2xhdGlvbl9Nb2RlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDUgNyA3IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgNSA3IDciIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxyZWN0IHg9IjMiIHk9IjUiIGZpbGw9IiM3MzdGOEQiIHdpZHRoPSIxIiBoZWlnaHQ9IjciLz4KCTxyZWN0IHk9IjgiIGZpbGw9IiM3MzdGOEQiIHdpZHRoPSI3IiBoZWlnaHQ9IjEiLz4KPC9nPgo8L3N2Zz4K) 50% no-repeat;
}

.user-popout .header {
  background: url(/assets/8cd2f31a12333149b89ef3931626ab83.png) #7289da;
}

.user-popout .header.streaming {
  background-color: #593695;
}

.user-popout .header.streaming .avatar-popout {
  background-color: #8266b6;
}

.user-popout .header.streaming .live-on-twitch .live {
  background-color: #f04747;
}

.user-popout .header.streaming .live-on-twitch:hover {
  background-color: #503186;
}

.user-popout .avatar-wrapper .avatar-popout {
  background-color: #8b9edc;
}

.user-popout .body {
  background: #fbfbfb;
}

.user-popout .footer {
  background: #fff;
}

.context-menu {
  background: #fff;
}

.context-menu .item:hover {
  background: #f9f9f9;
}

.context-menu .item.disabled:hover {
  background: 0 0 !important;
}

.context-menu .item-subMenu {
  background: url(/assets/1988164a7c55346d32117b151f4e319d.svg) 155px 50% no-repeat #fff;
}

.context-menu .item-subMenu:hover {
  background: url(/assets/48072c077a73774c670f5752a21d2c5b.svg) 155px 50% no-repeat #f9f9f9;
}

.theme-dark.context-menu {
  background: #282b30;
}

.theme-dark.context-menu .item:hover {
  background: #25282d;
}

.theme-dark.context-menu .slider .slider-bar {
  background: hsla(220, 9%, 87%, .2);
}

.theme-dark.context-menu .item-subMenu {
  background: url(/assets/1988164a7c55346d32117b151f4e319d.svg) 155px 50% no-repeat #282b30;
}

.theme-dark.context-menu .item-subMenu:hover {
  background: url(/assets/e4afe52f6863408a35654a6e5fd69ba9.svg) 155px 50% no-repeat #25282d;
}

.theme-dark.context-menu .context-menu {
  background: #282b30;
}

.checkbox .checkbox-inner input[type=checkbox]:checked+span {
  background-color: #7289da;
}

.checkbox .checkbox-inner input[type=checkbox]:disabled+span {
  background-color: #f3f3f3;
}

.checkbox .checkbox-inner input[type=checkbox]:checked:disabled+span {
  background-color: #c9d2f0;
}

.checkbox .checkbox-inner.alt input[type=checkbox]+span {
  background: #fff;
}

.audio-hint:after {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMyAxNiAxMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDMgMTYgMTAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTUuOSwxMi4zbDAuMSwwLjZjMCwwLTIuNywwLjQtNS45LTAuNUM3LjIsMTEuNiwzLjQsOS41LDEsNC42YzAtMC4xLDAtMC4xLDAtMC4yYzAsMCwwLjEtMC4xLDAuMS0wLjEKCWwxLjQsMC44TDAuNCwzLjRDMC41LDMuOSwxLDQuOCwxLjYsN0wxLjEsNi45QzAuNiw0LjIsMCwzLjIsMCwzLjJDMCwzLjEsMCwzLjEsMCwzYzAuMSwwLDAuMSwwLDAuMiwwbDMuNiwyLjUKCWMwLjEsMCwwLjEsMC4xLDAuMSwwLjJjMCwwLjEtMC4xLDAuMS0wLjIsMC4xTDEuNCw0LjdjMi4yLDQuOCw2LDYuNyw4LjgsNy40QzEzLjMsMTMsMTUuOSwxMi4zLDE1LjksMTIuM3oiLz4KPC9zdmc+Cg==) 50% no-repeat;
}

.download-apps .platforms .platform .download-button {
  background-color: #99aab5;
}

.download-apps .platforms .platform.active .download-button {
  background-color: #7289da;
}

.slider-bar {
  background: #dbdde1;
}

.slider-bar-fill {
  background: #697ec4;
}

.slider-handle, .slider-handle span {
  background-color: #fff;
}

.theme-light .hljs {
  background: #fdf6e3;
}

.theme-light .hljs-formula {
  background: #073642;
}

.theme-dark .hljs {
  background: #002b36;
}

.theme-dark .hljs-formula {
  background: #073642;
}

.connecting {
  background: #282b30;
}

.connecting .connecting-problems .twitter:before {
  background: url(/assets/31dd73caae6b4f9011d95f5b3efc15a1.svg) 50% no-repeat;
}

.connecting .connecting-problems .statuspage:before {
  background: url(/assets/3c1cec05bfad03b1495eccf72c38b10c.svg) 50% no-repeat;
}

.radio .radio-inner {
  background: #fff;
}

.radio .radio-inner span:after {
  background: #7289da;
}

.radio:hover span:after {
  background: #7289da;
}

.radio-image .radio-inner {
  background: 0 0;
}

#overlay-wrapper .overlay .discord-wordmark .wordmark {
  background: url(/assets/f77cb9de0912a38dd418475f35ca1410.svg) 0 no-repeat;
}

#overlay-wrapper .overlay .speakers .speaker .username {
  background-color: rgba(0, 0, 0, .2);
}

#overlay-wrapper .overlay .guild-panel .guild-panel-header {
  background-color: #7289da;
}

#overlay-wrapper .overlay .guild-panel .btn-settings {
  background: url(/assets/60f6b0788a5d9394b44261ef5d8ecffc.svg) 50% no-repeat;
}

#overlay-wrapper .overlay .guild-panel .btn-call {
  background: #fff;
}

#overlay-wrapper .overlay .guilds-wrapper .calls .audio .guild-inner:after {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0idm9sdW1lXy1faGlnaF9pbnRlcmZhY2VfMl8iPgoJPGc+CgkJPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMyw4YzAtMS44LTEuMy0zLjItMy0zLjR2MWMxLjEsMC4yLDIsMS4yLDIsMi41CgkJCWMwLDEuMi0wLjksMi4yLTIsMi40djFDMTEuNywxMS4yLDEzLDkuOCwxMyw4eiBNMTAsMS4xdjFDMTIuOCwyLjYsMTUsNSwxNSw4YzAsMy0yLjIsNS40LTUsNS45djFjMy40LTAuNSw2LTMuNCw2LTYuOQoJCQlDMTYsNC41LDEzLjQsMS42LDEwLDEuMXogTTIsNUMxLjQsNSwxLDUuNCwxLDZ2NGMwLDAuNiwwLjQsMSwxLDFoMmw1LDNWMkw0LDVIMnogTTQsMTBIMi41QzIuMiwxMCwyLDkuOCwyLDkuNXYtMwoJCQlDMiw2LjIsMi4yLDYsMi41LDZINFYxMHogTTUsNS40bDMtMS45djlsLTMtMS45VjUuNHoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K) 50% no-repeat #1e2124;
}

#overlay-wrapper .overlay-settings-popout .avatar-sizes .option-large,
#overlay-wrapper .overlay-settings-popout .avatar-sizes .option-small {
  background: url(/assets/6debd47ed13483642cf09e832ed0bc1b.png) 50% no-repeat;
}

#overlay-wrapper .overlay-settings-popout section {
  background-color: #2e3136;
}

#overlay-wrapper .overlay-settings-popout section .radio .radio-inner {
  background-color: transparent;
}

#overlay-wrapper .overlay-settings-popout section .radio .radio-inner span:after {
  background: #3ca374;
}

#overlay-wrapper .overlay-ringing-alert {
  background-color: rgba(0, 0, 0, .6);
}

.overlay-user-popout .btn-group .btn {
  background: 0 0;
}

.overlay-user-popout .user-popout-options .btn {
  background-color: #7289da;
}

.overlay-user-popout .user-popout-options .btn:hover {
  background-color: #697ec4;
}

.overlay-user-popout .user-popout-options .btn:active {
  background-color: #6478ba;
}

.overlay-user-popout .user-popout-options .btn.btn-server {
  background-color: transparent;
}

.overlay-user-popout .user-popout-options .btn.btn-server:hover {
  background-color: #fef8f8;
}

.overlay-user-popout .user-popout-options .btn.btn-server:active {
  background-color: #f04747;
}

.clipboard-input-copied button:not(.tweet) {
  background-color: #43b581 !important;
}

.clipboard-input-copied input::-moz-selection {
  background: #43b581 !important;
}

.clipboard-input-copied input::selection {
  background: #43b581 !important;
}

.clipboard-input-tweeted button:not(.copy) {
  background-color: #00aced !important;
}

.clipboard-input-tweeted input::-moz-selection {
  background: #00aced !important;
}

.clipboard-input-tweeted input::selection {
  background: #00aced !important;
}

.clipboard-input-inner {
  background: #fff;
}

.clipboard-input-inner input::-moz-selection {
  background: #7289da;
}

.clipboard-input-inner input::selection {
  background: #7289da;
}

.clipboard-input-inner button {
  background-color: #f3f3f3;
}

.clipboard-input-inner button:first-of-type:before {
  background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), #fff);
  background: linear-gradient(to right, hsla(0, 0%, 100%, 0), #fff);
}

.btn-help {
  background: #87909c;
}

.btn-help:hover {
  background: #7289da;
}

.popout header {
  background-color: rgba(115, 139, 215, .98);
}

.popout section {
  background-color: hsla(0, 0%, 100%, .98);
}

.popout .themed-popout {
  background-color: #fff;
}

.popout .themed-popout .footer {
  background-color: rgba(153, 170, 181, .1);
}

.guild-header header {
  background-color: #2e3136;
}

.guild-header header:hover, .guild-header.popout-open header {
  background-color: #282b30;
}

.guild-channels {
  background-color: #2e3136;
}

.guild-channels.empty .spinner .spinner-item {
  background-color: hsla(0, 0%, 100%, .1);
}

.guild-channels .icon {
  background-color: transparent;
}

.guild-channels header button {
  background: 0 0;
}

.guild-channels header button:after {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMCAxMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgMTAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTguOTksMy45OUg2LjAxVjEuMDFDNi4wMSwwLjQ1Miw1LjU1OCwwLDUsMFMzLjk5LDAuNDUyLDMuOTksMS4wMQoJVjMuOTlIMS4wMUMwLjQ1MiwzLjk5LDAsNC40NDIsMCw1YzAsMC41NTgsMC40NTIsMS4wMSwxLjAxLDEuMDFIMy45OVY4Ljk5QzMuOTksOS41NDgsNC40NDIsMTAsNSwxMHMxLjAxLTAuNDUyLDEuMDEtMS4wMVY2LjAxCglIOC45OUM5LjU0OCw2LjAxLDEwLDUuNTU4LDEwLDVDMTAsNC40NDIsOS41NDgsMy45OSw4Ljk5LDMuOTl6Ii8+Cjwvc3ZnPgo=) 50% no-repeat;
}

.guild-channels .channel-text.selected {
  background: -webkit-linear-gradient(left, #282b30 85%, #2e3136);
  background: linear-gradient(to right, #282b30 85%, #2e3136);
}

.guild-channels .channel-text:hover {
  background: -webkit-linear-gradient(left, #282b30 85%, #2e3136);
  background: linear-gradient(to right, #282b30 85%, #2e3136);
}

.guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before {
  background: #fff;
}

.guild-channels .channel-text.unread:not(.selected):not(.channel-muted).selected:before {
  background-color: #7289da;
}

.guild-channels .channel-voice .channel-arrow {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIyNSI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTcuMzM4IDEyLjQ4NWMtNC4xNTYgNC4xNTYtOC4zMTIgOC4zMTItMTIuNDY4IDEyLjQ2Ny0xLjQwMi0xLjQwMi0yLjgwNS0yLjgwNC00LjIwNy00LjIwNiAyLjc1Ni0yLjc1NyA1LjUxMy01LjUxNCA4LjI3LTguMjdDNi4xNzYgOS43MiAzLjQxOSA2Ljk2My42NjMgNC4yMDdMNC44NyAwYy0uMDU4LS4wNTkgMTIuNTU1IDEyLjU2MiAxMi40NjggMTIuNDg1eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+Cg==) 60% 50% no-repeat;
}

.guild-channels .channel-voice .channel-arrow:hover {
  background-color: #414448;
}

.guild-channels .channel-voice.drop-target {
  background: rgba(67, 181, 129, .4);
}

.guild-channels .channel-voice.drop-target .channel-arrow {
  background-color: transparent;
}

.guild-channels .channel-voice.drop-target .channel-voice-states li,
.guild-channels .channel-voice.drop-target .channel-voice-states li .draggable {
  background: 0 0;
}

.guild-channels .channel-user-limit {
  background: hsla(0, 0%, 100%, .08);
}

.guild-channels .channel-voice-states li.speaking .avatar-small {
  background-color: #7289da;
}

.guild-channels .toggle-muted-text-channels a:before {
  background: url(/assets/d8f82ae3a677b5a1b4f5f0f20899236e.svg);
}

.guilds-wrapper {
  background: #1e2124;
}

.guilds-wrapper .guilds .guild.unread:before {
  background: #8a8e94;
}

.guilds-wrapper .guilds .guild.selected:before {
  background: #fff;
}

.guilds-wrapper .guilds .guild .guild-inner {
  background: #2e3136;
}

.guilds-wrapper .guilds .guild.audio .guild-inner:after {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0idm9sdW1lXy1faGlnaF9pbnRlcmZhY2VfMl8iPgoJPGc+CgkJPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMyw4YzAtMS44LTEuMy0zLjItMy0zLjR2MWMxLjEsMC4yLDIsMS4yLDIsMi41CgkJCWMwLDEuMi0wLjksMi4yLTIsMi40djFDMTEuNywxMS4yLDEzLDkuOCwxMyw4eiBNMTAsMS4xdjFDMTIuOCwyLjYsMTUsNSwxNSw4YzAsMy0yLjIsNS40LTUsNS45djFjMy40LTAuNSw2LTMuNCw2LTYuOQoJCQlDMTYsNC41LDEzLjQsMS42LDEwLDEuMXogTTIsNUMxLjQsNSwxLDUuNCwxLDZ2NGMwLDAuNiwwLjQsMSwxLDFoMmw1LDNWMkw0LDVIMnogTTQsMTBIMi41QzIuMiwxMCwyLDkuOCwyLDkuNXYtMwoJCQlDMiw2LjIsMi4yLDYsMi41LDZINFYxMHogTTUsNS40bDMtMS45djlsLTMtMS45VjUuNHoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K) 50% no-repeat #1e2124;
}

.guilds-wrapper .guild-separator {
  background: 0 0;
}

.guilds-wrapper .guild-separator:after {
  background: #2e3136;
}

.guilds-wrapper .guilds-error {
  background: #413338;
}

.guilds-wrapper .guilds-error:hover {
  background-color: #f04747;
}

.guilds-wrapper .guilds-add {
  background: #1e2124;
}

.guilds-wrapper .btn-download-apps {
  background-color: transparent;
}

.guilds-wrapper .btn-download-apps:after {
  background-color: #4b4d4f;
}

#voice-connection {
  background: #282b30;
}

#voice-connection .btn {
  background: #2e3136;
}

#voice-connection .btn:active {
  background: #34373c;
}

#voice-connection .voice-connection-status .ping {
  background: url(/assets/ebca02c11904a3812be7212755e6261f.svg) 50% no-repeat;
}

.account {
  background: #282b30;
}

.account .btn {
  background: #2e3136;
}

.account .btn:active {
  background: #34373c;
}

.tooltip {
  background-color: #7289da;
}

.tooltip.tooltip-error {
  background-color: #f04747;
}

.tooltip.tooltip-success {
  background-color: #43b581;
}

.tooltip.tooltip-warning {
  background-color: #faa61a;
}

.osx-buttons button {
  background-color: #535559;
}

:hover .osx-close {
  background-color: #fb615b !important;
}

:hover .osx-minimize {
  background-color: #fdbd41 !important;
}

:hover .osx-maximize {
  background-color: #33c749 !important;
}

.win-buttons button {
  background-color: transparent;
}

.button {
  background-color: #7289da;
}

.button:hover {
  background-color: #697ec4;
}

.tutorial-indicators .indicator .animation-container .top {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOSAyMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOSAyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGQUE2MUIiIGQ9Ik02LjAwNSwwLjM2NkMzLjg1Ny0wLjIxMiwxLjcyNSwwLjc4MiwwLjc0Niw0LjQ1NA0KCQkJYy0wLjk3OSwzLjY3MS0wLjQ1NCwxNy4zMzMtMC40NTQsMTcuMzMzUzcuNTQ1LDEwLjIyLDguNTI0LDYuNTQ4QzkuNTAzLDIuODc2LDguMTUyLDAuOTQ0LDYuMDA1LDAuMzY2eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K) 50% no-repeat;
}

.tutorial-indicators .indicator .animation-container .bottom {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNy45OTcgNy45OTciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcuOTk3IDcuOTk3IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGQUE2MUIiIGN4PSIzLjk5NyIgY3k9IjMuOTk3IiByPSIzLjk5OSIvPg0KPC9zdmc+DQo=) 50% no-repeat;
}

.tutorial-indicators .indicator .animation-container .inner-circle {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTcgMTciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE3IDE3IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGQUE2MUIiIGQ9Ik04LjQ5NSwyYzAuNTY2LDAsMS4xMzMsMC4wNzUsMS42ODcsMC4yMjNjMy40NjEsMC45MjgsNS41MjIsNC40OTgsNC41OTUsNy45NTgNCgkJQzE0LjAxNiwxMy4wMTksMTEuNDM3LDE1LDguNTA1LDE1Yy0wLjU2NiwwLTEuMTM0LTAuMDc1LTEuNjg3LTAuMjIzYy0xLjY3Ny0wLjQ0OS0zLjA3OC0xLjUyNC0zLjk0Ni0zLjAyNw0KCQljLTAuODY4LTEuNTAzLTEuMDk4LTMuMjU0LTAuNjQ5LTQuOTMxQzIuOTg0LDMuOTgxLDUuNTYyLDIsOC40OTUsMiBNOC40OTUsMEM0Ljc0MywwLDEuMzA5LDIuNTA0LDAuMjkyLDYuMzAxDQoJCWMtMS4yMTUsNC41MzMsMS40NzUsOS4xOTMsNi4wMDksMTAuNDA4QzcuMDM3LDE2LjkwNiw3Ljc3NywxNyw4LjUwNSwxN2MzLjc1MiwwLDcuMTg2LTIuNTA0LDguMjAzLTYuMzAxDQoJCWMxLjIxNS00LjUzMy0xLjQ3Ni05LjE5My02LjAwOS0xMC40MDhDOS45NjMsMC4wOTQsOS4yMjMsMCw4LjQ5NSwwTDguNDk1LDB6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==) 50% no-repeat;
}

.tutorial-indicators .indicator .animation-container .outer-circle {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGQUE2MUIiIGQ9Ik05Ljk5NCwxYzAuNzg0LDAsMS41NjksMC4xMDQsMi4zMzUsMC4zMDljNC43OTIsMS4yODQsNy42NDYsNi4yMjgsNi4zNjIsMTEuMDINCgkJQzE3LjYzOCwxNi4yNTcsMTQuMDY3LDE5LDEwLjAwNiwxOWMtMC43ODQsMC0xLjU3LTAuMTA0LTIuMzM1LTAuMzA5Yy0yLjMyMi0wLjYyMi00LjI2Mi0yLjExMS01LjQ2My00LjE5Mg0KCQljLTEuMjAyLTIuMDgxLTEuNTIxLTQuNTA2LTAuODk5LTYuODI4QzIuMzYyLDMuNzQzLDUuOTMzLDEsOS45OTQsMSBNOS45OTQsMEM1LjU4LDAsMS41NCwyLjk0NiwwLjM0Myw3LjQxMg0KCQljLTEuNDI5LDUuMzMzLDEuNzM2LDEwLjgxNSw3LjA2OSwxMi4yNDRDOC4yNzksMTkuODg5LDkuMTUsMjAsMTAuMDA2LDIwYzQuNDE0LDAsOC40NTQtMi45NDYsOS42NTEtNy40MTINCgkJYzEuNDI5LTUuMzMzLTEuNzM2LTEwLjgxNS03LjA2OS0xMi4yNDRDMTEuNzIxLDAuMTExLDEwLjg1LDAsOS45OTQsMEw5Ljk5NCwweiIvPg0KPC9nPg0KPC9zdmc+DQo=) 50% no-repeat;
}

.small-popout-box {
  background: #fff;
}

.option-popout .btn-item:hover {
  background-color: rgba(0, 0, 0, .05);
}

.chat.empty .spinner .spinner-item {
  background-color: hsla(0, 0%, 100%, .1);
}

.chat .content {
  background: #fff;
}

.chat .divider, .chat .divider:before {
  background-color: #fff;
}

.chat .divider.divider-red>div {
  background: #f04747;
}

.chat .divider>span {
  background-color: #fff;
}

.chat .divider>div {
  background: #eceeef;
}

.chat>.title-wrap {
  background: #fff;
}

.chat>.title-wrap>.title.channel-group-dm .channel-name .input-autosize-inner .input-autosize-input {
  background: 0 0;
}

.chat>.title-wrap>.title.channel-group-dm .channel-name.focus,
.chat>.title-wrap>.title.channel-group-dm .channel-name:hover {
  background: hsla(0, 0%, 98%, .6);
}

.chat>.title-wrap>.topic:before {
  background-color: #e9e7e7;
}

.chat>.title-wrap>.topic .aka {
  background: #737f8d;
}

.chat .has-more button {
  background: #fcfcfc;
}

.chat .jump-to-present-bar {
  background-color: rgba(153, 170, 181, .9);
}

.chat .jump-to-present-bar .spinner .spinner-item {
  background-color: #fff;
}

.chat .jump-to-present-bar button {
  background: 0 0;
}

.chat .jump-to-present-bar:hover {
  background-color: #99aab5;
}

.chat .new-messages-bar {
  background-color: rgba(114, 137, 218, .9);
}

.chat .new-messages-bar button {
  background: 0 0;
}

.chat .new-messages-bar:hover {
  background-color: #7289da;
}

.message-group-blocked {
  background: #fcfcfc;
}

.message-group-blocked.revealed {
  background: #fafafa;
}

.message-group-blocked .message-group-blocked-btn:hover {
  background: #f2f2f2;
}

.message-group .mentioned .message-text {
  background: rgba(250, 166, 26, .2);
}

.message-group .mentioned .message-text:after {
  background: rgba(250, 166, 26, .2);
}

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

.message-group .btn-option {
  background: url(/assets/2dd15212a5145d5d3f68ac0d76fe7165.svg) 50% no-repeat;
}

.message-group .btn-reaction {
  background: url(/assets/fcf4e109bf6d561ae3cc2d52a5a88936.svg) 50% no-repeat;
}

.message-group .comment .markup pre code {
  background: #f9f9f9;
}

.theme-dark .message-group .comment .markup .mention {
  background-color: rgba(115, 139, 215, .1);
}

.theme-dark .message-group .comment .markup .mention:hover {
  background-color: rgba(115, 139, 215, .7);
}

.theme-dark .message-group .comment .markup pre {
  background: #2e3136;
}

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

.theme-dark .message-group .embed-wrapper .embed-color-pill {
  background-color: #4f545c;
}

.theme-dark .message-group .embed {
  background-color: rgba(46, 48, 54, .3);
}

.theme-dark .message-group .mentioned .message-text {
  background: rgba(250, 166, 26, .1);
}

.icon.icon-file {
  background: url(/assets/985ea67d2edab4424c62009886f12e44.svg) no-repeat;
}

.icon.icon-file.video {
  background: url(/assets/83a157e8720aa50957c4338e10d01c80.svg);
}

.mention {
  background: #f1f3fb;
}

.mention:hover {
  background-color: #7289da;
}

.mentioned .mention, .mentioned .mention:hover {
  background: 0 0 !important;
}

.highlight {
  background: rgba(250, 166, 26, .3);
}

.markdown-modal {
  background-color: #fff;
}

.markdown-modal .markdown-modal-header .markdown-modal-close {
  background: url(/assets/14f734d6803726c94b970c3ed80c0864.svg);
}

.markdown-modal pre {
  background: #f9f9f9;
}

.markdown-modal pre code {
  background: #f9f9f9;
}

.markdown-modal code.inline {
  background: #f9f9f9;
}

.markdown-modal .markdown-modal-footer {
  background-color: #f9f9f9;
}

.change-log .control-groups .btn-play-sound {
  background-color: #43b581;
}

.change-log .control-groups .btn-play-sound:hover {
  background-color: #3ca374;
}

.change-log .changelog-added, .change-log .changelog-added-secondary {
  background-color: #43b581;
}

.change-log .changelog-fixed {
  background-color: #7289da;
}

.change-log .changelog-in-progress {
  background-color: #faa61a;
}

.change-log .changelog-improved {
  background-color: #2c97de;
}

.change-log .changelog-button .cta {
  background-color: #7289da;
}

.change-log .changelog-button .cta:hover {
  background-color: #6f85d3;
}

.image.image-loading {
  background-color: rgba(0, 0, 0, .05);
}

.image.image-loading:before {
  background: 0 0;
}

.modal-image .image.image-loading:before {
  background: rgba(0, 0, 0, .6);
}

.embed-wrapper .embed-color-pill {
  background: #cacbce;
}

.embed {
  background: hsla(0, 0%, 98%, .3);
}

.embed .embed-thumbnail-gifv video {
  background-color: rgba(0, 0, 0, .05);
}

.embed .embed-video-actions .embed-video-actions-inner {
  background: rgba(0, 0, 0, .6);
}

.embed .embed-video-actions .embed-video-play,
.embed .embed-video-actions .embed-video-popout {
  background: 0 0;
}

.modal .modal-close {
  background: url(/assets/7731c77d99babca1a8faec204d98c380.svg) no-repeat;
}

.form .form-header {
  background: #fff;
}

.form .form-inner {
  background-color: #fff;
}

.form .control-group input[type=email]:disabled,
.form .control-group input[type=number]:disabled,
.form .control-group input[type=password]:disabled,
.form .control-group input[type=text]:disabled,
.form .control-group textarea:disabled {
  background: 0 0;
}

.form .control-group select {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1IDEwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1IDEwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBmaWxsPSIjODc4RjlCIiBkPSJNMi41LDEwTDAsNmg1TDIuNSwxMHoiLz4KCTxwYXRoIGZpbGw9IiM4NzhGOUIiIGQ9Ik0yLjUsMEw1LDRIMEwyLjUsMHoiLz4KPC9nPgo8L3N2Zz4K) 98% no-repeat;
}

.form .Select-option.is-focused {
  background: #f7f7f7;
}

.form .form-actions {
  background-color: #f9f9f9;
}

.form .btn.red {
  background-color: #f36c6c;
}

.form .btn.red:hover {
  background-color: #f04747;
}

.form .btn.green {
  background-color: #43b581;
}

.form .btn.green:hover {
  background-color: #3ca374;
}

.form .btn.disabled, .form .btn:disabled {
  background-color: #949494;
}

.form .btn.disabled .spinner .spinner-item,
.form .btn:disabled .spinner .spinner-item {
  background-color: #fff;
}

.form .btn.disabled:hover, .form .btn:disabled:hover {
  background-color: #949494;
}

.form .btn-primary {
  background-color: #7289da;
}

.form .btn-primary:hover {
  background-color: #697ec4;
}

.form .btn-default {
  background-color: #f9f9f9;
}

.btn-confirm .btn {
  background-color: transparent;
}

.btn-confirm:not(.reverse-slide) .btn:first-of-type:hover {
  background-color: #f04747;
}

.btn-confirm:not(.reverse-slide).active .btn:last-of-type:not(:first-of-type) {
  background-color: #f36c6c;
}

.btn-confirm:not(.reverse-slide).active .btn:last-of-type:not(:first-of-type):hover {
  background-color: #f04747;
}

.btn-confirm.reverse-slide .btn:last-of-type:not(:first-of-type):hover {
  background-color: #f04747;
}

.btn-confirm.reverse-slide.active .btn:first-of-type {
  background-color: #f36c6c;
}

.btn-confirm.active .btn,
.btn-confirm.reverse-slide.active .btn:first-of-type:hover {
  background-color: #f04747;
}

.raging-demon .symbol-background {
  background-color: #fff;
}

.keyboard-shortcuts-modal {
  background-color: #fff;
}

.region-select {
  background-color: transparent;
}

.region-select button {
  background-color: transparent;
}

.region-select:hover button {
  background-color: #7289da;
}

.region-select-flag {
  background-color: #7289da;
}

.region-select-flag.vip:after {
  background: #7289da;
}

.region-select-modal {
  background: #fff;
}

.region-select-modal .region-select-modal-option {
  background-color: #fff;
}

.upload-area {
  background: rgba(0, 0, 0, .8);
}

.upload-drop-modal.error {
  background-color: #f04747;
}

.upload-drop-modal .bgScale {
  background: #7289da;
}

.upload-modal {
  background-color: #7289da;
}

.upload-modal .inner .file .icon.image {
  background-color: #fff;
}

.upload-modal .inner .comment .channel-textarea .channel-textarea-inner {
  background-color: hsla(0, 0%, 100%, .06);
}

.upload-modal .inner .comment .channel-textarea .channel-textarea-inner textarea {
  background-color: transparent;
}

.upload-modal .footer {
  background-color: #5b6dae;
}

.upload-modal .footer .button {
  background-color: #5b6dae;
}

.upload-modal .footer .button-primary {
  background-color: #fff;
}

.avatar-uploader .avatar-uploader-inner {
  background-color: #7289da;
}

.create-guild-container {
  background-color: #fff;
}

.create-guild-container .join-server .btn-primary {
  background-color: #43b581;
}

.create-guild-container .join-server .btn-primary:hover {
  background-color: #3ca374;
}

.create-guild-container .create-guild .guild-form .control-group input[disabled] {
  background-color: transparent;
}

.create-guild-container .create-or-join .form-inner {
  background-color: #fff;
}

.create-guild-container .action {
  background: hsla(0, 0%, 100%, .75);
}

.create-guild-container .action:hover.join .btn {
  background-color: #369368 !important;
}

.create-guild-container .action:hover.create .btn {
  background-color: #677bc4;
}

.create-guild-container .action.create .action-icon {
  background: url(/assets/845d431ebfc24e13a0b31f7e64fc612b.png) 50% no-repeat;
}

.create-guild-container .action.join .action-icon {
  background: url(/assets/8fb52ec5260dfe6c5b93d211d3b6ecde.png) 50% no-repeat;
}

.create-guild-container .action.join .btn {
  background-color: #3ca374;
}

.instant-invites .instant-invite-buttons .btn {
  background: #fff;
}

.instant-invites .instant-invite-buttons .btn:hover {
  background: #f3f4f5;
}

.instant-invites .instant-invite-buttons .btn:active {
  background: #87909c;
}

.instant-invites .instant-invite-buttons .btn.btn-danger:hover {
  background: #feeded;
}

.instant-invites .instant-invite-buttons .btn.btn-danger:active {
  background: #f04747;
}

#permissions .permission-actions {
  background: 0 0;
}

#permissions .permission-actions.disabled>div {
  background-color: #f3f3f3;
}

#permissions .permission-actions>div {
  background-color: #fff;
}

#permissions .permission-actions>div.ALLOW {
  background-color: #43b581;
}

#permissions .permission-actions>div.ALLOW:hover {
  background-color: #328861;
}

#permissions .permission-actions>div.DENY {
  background-color: #f04747;
}

#permissions .permission-actions>div.DENY:hover {
  background-color: #b43535;
}

.color-picker .swatches .swatch.custom:after,
.color-picker .swatches .swatch.selected:after {
  background-color: #f3f3f3;
}

.color-picker .swatches .swatch.custom {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0tNC00aDI0djI0SC00eiIvPgogICAgPHBhdGggZmlsbD0iIzg3OTA5RCIgZD0iTTE0Ljk5NDQzNTQgMS4wMDU1NjQ2NUMxMy44NTc5Mzc4LS4yNTY2Mjg0OCAxMS45MDQ0MTktLjI5ODUyNyAxMC43MjA3ODU2Ljg5MDM0MzdMOC42MzYzMzM5IDIuOTc0Nzk1NDJsLS42OTY1NjMtLjY5NjU2My0xLjM4Nzg4ODcgMS4zODc4ODg3IDUuNTU2NzkyMSA1LjU1Njc5MjE4IDEuMzg3ODg4Ny0xLjM4Nzg4ODhMMTIuOCA3LjEzODQ2MTVsMS45NjM5OTM1LTEuOTYzOTkzNGMxLjEzMTI2MDItMS4xMzEyNjAyNCAxLjI5ODg1NDMtMi45ODUyNzAwNi4yMzA0NDE5LTQuMTY4OTAzNDV6TTEuNzQ0MDI2MiAxMS4yNTQ5OTE4Yy0uMjI1MjA0Ni4yMjUyMDQ2LS40MDg1MTA2NS40ODE4MzMxLS41NDk5MTgxOC43NjQ2NDgxTC4wMjA5NDkyNiAxNC4zNzExOTQ4bDEuMzg3ODg4NyAxLjM4Nzg4ODcgMi4zNTE1NTQ4NC0xLjE3MzE1ODhjLjI4MjgxNTA2LS4xNDE0MDc1LjUzOTQ0MzUzLS4zMjk5NTA5Ljc2NDY0ODEyLS41NDk5MTgyTDkuMzMyODk2OSA5LjIyODE1MDYgNi41NTcxMTk1IDYuNDUyMzczMmwtNC44MTMwOTMzIDQuODAyNjE4NnoiLz4KICA8L2c+Cjwvc3ZnPg==) 50% no-repeat;
}

.color-picker .swatches .swatch.custom:after {
  background-color: #f3f3f3;
}

.color-picker .swatches .swatch.selected:after {
  background-color: #54c7fc;
}

.color-picker-popout {
  background-color: #fff;
}

.color-picker-popout input {
  background-color: #fff;
}

.react-color-picker__saturation-white {
  background: -webkit-linear-gradient(left, #fff, hsla(20, 42%, 65%, 0));
  background: linear-gradient(to right, #fff, hsla(20, 42%, 65%, 0));
}

.react-color-picker__saturation-black {
  background: -webkit-linear-gradient(bottom, #000, hsla(20, 42%, 65%, 0));
  background: linear-gradient(to top, #000, hsla(20, 42%, 65%, 0));
}

.react-color-picker__hue-spectrum {
  background: -webkit-linear-gradient(top, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
  background: linear-gradient(to bottom, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
}

.react-color-picker__hue-spectrum .react-color-picker__hue-drag {
  background-color: #fff;
}

#settings-roles .roles header .create-role-button {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjOTlBQUI1IiBkPSJNMTQuNCw2LjRIOS42VjEuNkM5LjYsMC43LDguOSwwLDgsMFM2LjQsMC43LDYuNCwxLjZ2NC44SDEuNkMwLjcsNi40LDAsNy4xLDAsOHMwLjcsMS42LDEuNiwxLjZoNC44djQuOAoJQzYuNCwxNS4zLDcuMSwxNiw4LDE2czEuNi0wLjcsMS42LTEuNlY5LjZoNC44QzE1LjMsOS42LDE2LDguOSwxNiw4UzE1LjMsNi40LDE0LjQsNi40eiIvPgo8L3N2Zz4K) 50% no-repeat;
}

#settings-roles .roles li .lock {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNCI+CiAgPHBhdGggZmlsbD0iIzk5QUFCNSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCA2SDJWNWMwLTEuNjU0IDEuMzQ2LTMgMy0zczMgMS4zNDYgMyAzdjF6bS00IDZoMlY4SDR2NHpNNSAwQzIuMjM4IDAgMCAyLjIzOCAwIDV2N2MwIDEuMTA0Ljg5NiAyIDIgMmg2YzEuMTA0IDAgMi0uODk2IDItMlY1YzAtMi43NjItMi4yMzgtNS01LTV6Ii8+Cjwvc3ZnPg==) 50% no-repeat;
}

#settings-roles .roles li:hover {
  background: -webkit-linear-gradient(left, #fbfbfb, #fff);
  background: linear-gradient(90deg, #fbfbfb, #fff);
}

#settings-roles .roles li:hover:before {
  background-color: #9cace5;
}

#settings-roles .roles li.selected {
  background: -webkit-linear-gradient(left, #f9f9f9, #fff);
  background: linear-gradient(to right, #f9f9f9, #fff);
}

#settings-roles .roles li.selected:before {
  background-color: #7289da;
}

#settings-roles .managed-role-explaination {
  background: #f26522;
}

.search-bar-tag {
  background: #35393e;
}

.search-bar-tag .close {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMTJ2MTJIMCIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTkuNSAzLjIwNUw4Ljc5NSAyLjUgNiA1LjI5NSAzLjIwNSAyLjVsLS43MDUuNzA1TDUuMjk1IDYgMi41IDguNzk1bC43MDUuNzA1TDYgNi43MDUgOC43OTUgOS41bC43MDUtLjcwNUw2LjcwNSA2Ii8+CiAgPC9nPgo8L3N2Zz4=) 50% no-repeat;
}

.search-bar-light .search-bar-tag {
  background: #fff;
}

.search-bar {
  background-color: #2e3136;
}

.search-bar .search-bar-inner {
  background: rgba(0, 0, 0, .2);
}

.search-bar input {
  background: 0 0;
}

.search-bar.search-bar-light {
  background-color: #fff;
}

.search-bar.search-bar-light .search-bar-inner {
  background-color: rgba(199, 209, 216, .3);
}

.search-bar.search-bar-light input {
  background: 0 0;
}

.Select.is-disabled>.Select-control {
  background-color: #f6f6f6;
}

.Select-control {
  background-color: #fff;
}

.is-open>.Select-control {
  background: #fff;
}

.Select-input>input {
  background: none;
}

.Select-menu-outer {
  background-color: #fff;
}

.Select-option.is-focused {
  background-color: #f2f9fc;
}

.Select-item {
  background-color: #f2f9fc;
}

.Select-item-icon:focus, .Select-item-icon:hover {
  background-color: #ddeff7;
}

.Select-item-icon:active {
  background-color: #c9e6f2;
}

.Select--multi.is-disabled .Select-item {
  background-color: #f2f2f2;
}

.Select--multi.is-disabled .Select-item-icon:active,
.Select--multi.is-disabled .Select-item-icon:focus,
.Select--multi.is-disabled .Select-item-icon:hover {
  background-color: #f2f2f2;
}

.streamer-mode-enabled .streamer-mode-enabled-image {
  background: url(/assets/df7ea3c8efbbc049fb5ac60e598fe634.svg) 50% no-repeat;
}

.streamer-mode-enabled .streamer-mode-enabled-btn {
  background-color: #643da7;
}

.streamer-mode-enabled .streamer-mode-enabled-btn:hover {
  background-color: #5a3796;
}

.streamer-mode-enabled .streamer-mode-enabled-btn.disabled {
  background-color: #643da7;
}

.guild-settings-modal-security {
  background: url(/assets/f0a736d39c9c3571bb64e184fef96f3e.svg) bottom no-repeat;
}

.guild-settings-modal-vanity-url {
  background: url(/assets/f2afbc1ed7d4f48566edb0469c812d45.svg) bottom 25px center no-repeat;
}

.guild-settings-modal-vanity-url .btn-default {
  background: 0 0;
}

.guild-settings-modal-integrations .guild-settings-modal-integrations-body.no-integrations .integration-logos {
  background: url(/assets/d331135780c1d4232cb9bbdfdb98eff2.svg) 50% no-repeat;
}

.guild-settings-modal-integrations .integration {
  background-color: #f9f9f9;
}

.guild-settings-modal-integrations .integration .integration-header .integration-sync {
  background: 0 0;
}

.guild-settings-modal-integrations .integration .integration-header .integration-sync.enabled .checkbox {
  background-color: #fff;
}

.guild-settings-modal-integrations .integration .integration-options .btn-sync {
  background-color: transparent;
}

.guild-settings-modal-integrations .integration .integration-options .synced-role a {
  background: 0 0;
}

.webhooks .webhook {
  background: #fff;
}

.form .btn-clear {
  background: #fff;
}

.form .btn-clear:hover {
  background: rgba(0, 0, 0, .05);
}

.form .btn-cancel {
  background: #fff;
}

.guild-settings-modal .emoji-row .btn,
.guild-settings-modal .member-buttons .btn {
  background: #fff;
}

.guild-settings-modal .emoji-row .btn:hover,
.guild-settings-modal .member-buttons .btn:hover {
  background: #f3f4f5;
}

.guild-settings-modal .emoji-row .btn:active,
.guild-settings-modal .member-buttons .btn:active {
  background: #87909c;
}

.guild-settings-modal .emoji-row .btn.btn-danger:hover,
.guild-settings-modal .member-buttons .btn.btn-danger:hover {
  background: #feeded;
}

.guild-settings-modal .emoji-row .btn.btn-danger:active,
.guild-settings-modal .member-buttons .btn.btn-danger:active {
  background: #f04747;
}

.guild-settings-modal-members {
  background-color: #fff;
}

.guild-settings-modal-transfer-ownership .from-to .from-to-arrow {
  background: url(/assets/e7c7428a1ae20546d6bab07c78946994.svg) 50% no-repeat;
}

.guild-settings-modal-emoji .emoji-row:hover .emoji-name {
  background-color: hsla(0, 0%, 98%, .6);
}

.settings .settings-header {
  background-color: #2e3136;
}

.settings .settings-inner {
  background-color: #fff;
}

.settings .settings-actions {
  background-color: #f9f9f9;
}

.need-help-modal .header {
  background-color: #7289da;
}

.need-help-modal .header input[type=text] {
  background-color: #fff;
}

.need-help-modal .footer {
  background-color: #fff;
}

.search-popout {
  background-color: #fff;
}

.search-popout .results-group .search-learn-more {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMTh2MThIMCIvPgogICAgPHBhdGggZmlsbD0iIzk5QUFCNSIgZD0iTTguMjUgMTMuNWgxLjVWMTJoLTEuNXYxLjV6TTkgMS41QzQuODYgMS41IDEuNSA0Ljg2IDEuNSA5YzAgNC4xNCAzLjM2IDcuNSA3LjUgNy41IDQuMTQgMCA3LjUtMy4zNiA3LjUtNy41IDAtNC4xNC0zLjM2LTcuNS03LjUtNy41ek05IDE1Yy0zLjMwNzUgMC02LTIuNjkyNS02LTZzMi42OTI1LTYgNi02IDYgMi42OTI1IDYgNi0yLjY5MjUgNi02IDZ6TTkgNC41Yy0xLjY1NzUgMC0zIDEuMzQyNS0zIDNoMS41QzcuNSA2LjY3NSA4LjE3NSA2IDkgNnMxLjUuNjc1IDEuNSAxLjVjMCAxLjUtMi4yNSAxLjMxMjUtMi4yNSAzLjc1aDEuNUM5Ljc1IDkuNTYyNSAxMiA5LjM3NSAxMiA3LjVjMC0xLjY1NzUtMS4zNDI1LTMtMy0zeiIvPgogIDwvZz4KPC9zdmc+) 50% 50% no-repeat;
}

.search-popout .results-group .search-clear-history {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMTh2MThIMCIvPgogICAgPHBhdGggZmlsbD0iIzk5QUFCNSIgZD0iTTcuNSA3LjVoLTZWOWg2VjcuNXptMy0zaC05VjZoOVY0LjV6bTMuMzEwNjYwMiA2Ljc1bDIuMTIxMzIwMy0yLjEyMTMyMDM0LTEuMDYwNjYwMi0xLjA2MDY2MDE4TDEyLjc1IDEwLjE4OTMzOThsLTIuMTIxMzIwMy0yLjEyMTMyMDMyLTEuMDYwNjYwMjIgMS4wNjA2NjAxOEwxMS42ODkzMzk4IDExLjI1bC0yLjEyMTMyMDMyIDIuMTIxMzIwMyAxLjA2MDY2MDIyIDEuMDYwNjYwMkwxMi43NSAxMi4zMTA2NjAybDIuMTIxMzIwMyAyLjEyMTMyMDMgMS4wNjA2NjAyLTEuMDYwNjYwMkwxMy44MTA2NjAyIDExLjI1ek0xLjUgMTJoNnYtMS41aC02VjEyeiIvPgogIDwvZz4KPC9zdmc+) 50% 50% no-repeat;
}

.search-popout .option:after {
  background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), #fff 80%);
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 80%);
}

.search-popout .option.selected {
  background-color: #f3f3f3;
}

.search-popout .option.selected:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMTh2MThIMHoiLz4KICAgIDxwYXRoIGZpbGw9IiM5OUFBQjUiIGQ9Ik0xMCA4VjRIOHY0SDR2Mmg0djRoMnYtNGg0VjhoLTR6Ii8+CiAgPC9nPgo8L3N2Zz4=) 0 50% no-repeat;
}

.search-popout .option.selected:after {
  background: -webkit-linear-gradient(left, hsla(0, 0%, 95%, 0), #f3f3f3 50%);
  background: linear-gradient(90deg, hsla(0, 0%, 95%, 0) 0, #f3f3f3 50%);
}

.search-popout .search-query.selected {
  background-color: #f9f9f9;
}

.search-popout .date-picker .date-picker-hint .hint-value {
  background-color: #7289da;
}

.search-popout .date-picker .date-picker-hint .hint-value:hover {
  background-color: #677bc4;
}

.react-datepicker {
  background-color: #fff;
}

.react-datepicker__header {
  background-color: #f0f0f0;
}

.react-datepicker__day:hover {
  background-color: #f0f0f0;
}

.react-datepicker__day--highlighted {
  background-color: #3dcc4a;
}

.react-datepicker__day--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--in-range, .react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected {
  background-color: #216ba5;
}

.react-datepicker__day--in-range:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, .5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
}

.react-datepicker__day--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-dropdown, .react-datepicker__year-dropdown {
  background-color: #f0f0f0;
}

.react-datepicker__month-option:hover, .react-datepicker__year-option:hover {
  background-color: #ccc;
}

.react-datepicker__close-icon {
  background-color: transparent;
}

.react-datepicker__close-icon:after {
  background-color: #216ba5;
}

.react-datepicker__today-button {
  background: #f0f0f0;
}

.react-datepicker .react-datepicker__header {
  background-color: #fff;
}

.react-datepicker .react-datepicker__navigation.react-datepicker__navigation--next,
.react-datepicker .react-datepicker__navigation.react-datepicker__navigation--previous {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIyNSI+PHBhdGggZmlsbD0iIzczN2Y4ZCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTcuMzM4IDEyLjQ4NWMtNC4xNTYgNC4xNTYtOC4zMTIgOC4zMTItMTIuNDY4IDEyLjQ2Ny0xLjQwMi0xLjQwMi0yLjgwNS0yLjgwNC00LjIwNy00LjIwNiAyLjc1Ni0yLjc1NyA1LjUxMy01LjUxNCA4LjI3LTguMjdDNi4xNzYgOS43MiAzLjQxOSA2Ljk2My42NjMgNC4yMDdMNC44NyAwYy0uMDU4LS4wNTkgMTIuNTU1IDEyLjU2MiAxMi40NjggMTIuNDg1eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+Cg==) 50% no-repeat;
}

.react-datepicker .react-datepicker__day.react-datepicker__day--selected:hover,
.react-datepicker .react-datepicker__day:hover {
  background-color: #7289da;
}

.react-datepicker .react-datepicker__day.react-datepicker__day--disabled,
.react-datepicker .react-datepicker__day.react-datepicker__day--disabled:hover {
  background-color: rgba(0, 0, 0, .05);
}

.react-datepicker .react-datepicker__day.react-datepicker__day--selected {
  background: 0 0;
}

.react-datepicker .react-datepicker__day.react-datepicker__day--today:after {
  background-color: #7289da;
}

.react-datepicker .react-datepicker__day--disabled,
.react-datepicker .react-datepicker__day--outside-month {
  background-color: #f0f0f0;
}

.DraftEditor-editorContainer {
  background-color: hsla(0, 0%, 100%, 0);
}

.search .search-bar {
  background-color: rgba(153, 170, 181, .1);
}

.theme-dark .search .search-bar {
  background-color: hsla(0, 0%, 100%, .1);
}

.theme-dark .search .search-bar .search-bar-clear {
  background-color: #9a9da0;
}

.theme-dark .search .search-bar .search-bar-clear:before {
  background-color: #63666a;
}

.theme-dark .search .search-bar .search-bar-clear:after {
  background-color: #9a9da0;
}

.theme-dark .search .search-bar .search-bar-clear.active {
  background: #d6d7d8;
}

.theme-dark .search .search-bar .search-bar-clear.active:after,
.theme-dark .search .search-bar .search-bar-clear.active:before {
  background-color: #63666a;
}

.theme-dark .search .search-bar .search-bar-clear.active:hover {
  background: #fff;
}

.search-answer, .search-filter {
  background-color: #99aab5;
}

.theme-dark .search-answer, .theme-dark .search-filter {
  background-color: #34383d;
}

.messages-popout-wrap .has-more button {
  background: #fcfcfc;
}

.messages-popout .message-group:hover .action-buttons {
  background-color: #fff;
}

.messages-popout .message-group .action-buttons {
  background-color: transparent;
}

.messages-popout .message-group .action-buttons .jump-button {
  background-color: #ebebeb;
}

.theme-dark .messages-popout-wrap {
  background-color: #2e3136;
}

.theme-dark .messages-popout-wrap .header {
  background-color: #35393e;
}

.theme-dark .messages-popout-wrap .footer {
  background-color: rgba(40, 43, 48, .6);
}

.theme-dark .messages-popout-wrap .has-more button {
  background: #32353a;
}

.theme-dark .messages-popout-wrap .messages-popout .message-group {
  background-color: #36393e;
}

.theme-dark .messages-popout-wrap .messages-popout .message-group:hover .action-buttons {
  background-color: #36393e;
}

.theme-dark .messages-popout-wrap .messages-popout .message-group .action-buttons .jump-button {
  background-color: #535559;
}

.btn-filled {
  background-color: #7289da;
}

.btn-filled.white {
  background-color: #fff;
}

.btn-filled.white:hover {
  background-color: #e6e6e6;
}

.btn-filled:hover {
  background-color: #677bc4;
}

.diversity-selector .popout {
  background: #fff;
}

.diversity-selector .popout .item:hover {
  background-color: rgba(153, 170, 181, .1);
}

.emoji-picker {
  background-color: #fff;
}

.emoji-picker .dimmer {
  background-color: transparent;
}

.emoji-picker .dimmer.visible {
  background-color: hsla(0, 0%, 100%, .6);
}

.emoji-picker .sticky-header {
  background: hsla(0, 0%, 100%, .95);
}

.emoji-picker .scroller .emoji-item.selected {
  background-color: #eceeef;
}

.emoji-picker .premium-promo {
  background-color: hsla(0, 0%, 100%, .95);
}

.emoji-picker .premium-promo .premium-promo-close {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA5IDkpIj4KICAgIDxyZWN0IHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgcng9IjMiLz4KICAgIDxwYXRoIGZpbGw9IiM5OUFBQjUiIGQ9Ik00IDEyLjg0NjE1Mzg1TDUuMTI1IDE0IDEwIDkgNS4xMjUgNCA0IDUuMTUzODQ2MiA3Ljc1IDkiLz4KICAgIDxwYXRoIGZpbGw9IiM5OUFBQjUiIGQ9Ik0xNCA1LjE1Mzg0NjE1TDEyLjg3NSA0IDggOWw0Ljg3NSA1TDE0IDEyLjg0NjE1MzggMTAuMjUgOSIvPgogIDwvZz4KPC9zdmc+) 50% 50% no-repeat;
}

.emoji-picker .premium-promo .btn {
  background-color: #7289da;
}

.emoji-picker .premium-promo .btn:hover {
  background-color: #697ec4;
}

.channel-textarea-inner, .channel-textarea-inner textarea {
  background-color: #fff;
}

.channel-textarea-upload {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iaW50ZXJmYWNlXy1fb3Blbl9pbmNvbWluZ19saW5rX2Rvd25sb2FkXzJfIj4KCTxnPgoJCTxwYXRoIGZpbGw9IiM3NDdGOEQiIGQ9Ik0xMy41LDBIMkMxLjQsMCwxLDAuNCwxLDF2MTAuMWMwLDAuNiwwLjQsMSwxLDFoMi4ydi0wLjZIMi4zYy0wLjQsMC0wLjYtMC4zLTAuNi0wLjZWMS4zCgkJCWMwLTAuNCwwLjMtMC42LDAuNi0wLjZoMTAuOWMwLjQsMCwwLjYsMC4zLDAuNiwwLjZ2OS42YzAsMC40LTAuMywwLjYtMC42LDAuNmgtMS45djAuNmgyLjJjMC41LDAsMS0wLjQsMS0xVjEKCQkJQzE0LjQsMC40LDE0LDAsMTMuNSwweiBNOCwzLjlDNy45LDMuOCw3LjgsMy44LDcuNywzLjhTNy41LDMuOCw3LjUsNEw1LDYuNEM0LjgsNi41LDQuOCw2LjgsNSw2LjlDNS4xLDcsNS4zLDcsNS41LDYuOUw3LjQsNQoJCQl2MTAuN2MwLDAuMiwwLjEsMC4zLDAuMywwLjNDNy45LDE2LDgsMTUuOSw4LDE1LjdWNWwyLDJjMC4xLDAuMSwwLjQsMC4xLDAuNSwwYzAuMS0wLjEsMC4xLTAuNCwwLTAuNUw4LDMuOXoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K) 50% no-repeat;
}

.channel-textarea-upload:hover {
  background-color: #f9f9f9;
}

.channel-textarea-upload:active {
  background-color: #e9ebec;
}

.channel-textarea-autocomplete-inner {
  background: #fff;
}

.channel-textarea-autocomplete-inner header {
  background-color: #7289da;
}

.channel-textarea-autocomplete-inner ul li.active {
  background: #f7f7f7;
}

.channel-textarea-autocomplete-inner ul.images li {
  background: #f3f3f3;
}

.invite-button {
  background-color: #f3f3f3;
}

.invite-button-icon {
  background-color: #fff;
}

.invite-button-icon.accepted {
  background-color: #43b581;
}

.invite-button-icon.expired {
  background-color: #f04747;
}

.invite-button-icon.accepting, .invite-button-icon.resolving {
  background-color: #ebebeb;
}

.theme-dark .invite-button {
  background-color: #2e3136;
}

.theme-dark .invite-button .invite-button-icon.accepting,
.theme-dark .invite-button .invite-button-icon.resolving {
  background-color: #36393e;
}

.reaction {
  background: rgba(79, 84, 92, .06);
}

.reaction.reaction-me {
  background: rgba(173, 183, 220, .3);
}

.theme-dark .reaction {
  background: hsla(0, 0%, 100%, .04);
}

.theme-dark .reaction.reaction-me {
  background: rgba(92, 106, 158, .3);
}

.message-reactions-modal {
  background: #fff;
}

.message-reactions-modal .message-reactions-list .scroller-wrap {
  background: #f3f3f3;
}

.message-reactions-modal .message-reactions-list-inner {
  background: #f3f3f3;
}

.message-reactions-modal .message-reactions-list-inner .reaction {
  background: 0 0;
}

.message-reactions-modal .message-reactions-list-inner .reaction.selected {
  background: rgba(79, 84, 92, .1);
}

.message-reactions-modal .message-reactions-list-inner .reaction:hover:not(.selected) {
  background: rgba(79, 84, 92, .05);
}

.channel-mute-button {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iY29tbXVuaWNhdGlvbl8tX2JlbGxfbm90aWZpY2F0aW9uXzFfIj4KCTxnPgoJCTxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjNEY1NDVDIiBkPSJNOC41LDE1YzAuNywwLDEuMi0wLjQsMS40LTFINy4xQzcuMywxNC42LDcuOCwxNSw4LjUsMTV6CgkJCSBNMTQuNSwxMkgxNFY1YzAtMi4yLTEuOC00LTQtNEg5LjVjMC0wLjYtMC40LTEtMS0xYy0wLjYsMC0xLDAuNC0xLDFIN0M0LjgsMSwzLDIuOCwzLDV2N0gyLjVDMi4yLDEyLDIsMTIuMiwyLDEyLjUKCQkJQzIsMTIuOCwyLjIsMTMsMi41LDEzaDEyYzAuMywwLDAuNS0wLjIsMC41LTAuNUMxNSwxMi4yLDE0LjgsMTIsMTQuNSwxMnogTTEzLDEySDRWNWMwLTEuNywxLjMtMywzLTNoM2MxLjcsMCwzLDEuMywzLDNWMTJ6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==) 50% no-repeat;
}

.header-toolbar .toolbar-badge {
  background-color: #f04747;
}

.header-toolbar button {
  background-color: transparent;
}

.header-toolbar .separator {
  background-color: #e9e7e7;
}

.theme-dark .header-toolbar .separator {
  background-color: hsla(0, 0%, 85%, .1);
}

.channel-notification-settings .content .reset-container .reset-button {
  background: url(/assets/7078340df4a046143feb20b58fc710ac.svg) 50% no-repeat;
}

.btn-stroked {
  background-color: transparent;
}

.btn-stroked:hover {
  background-color: rgba(79, 84, 92, .05);
}

.premium-settings .premium-header.splash {
  background: url(/assets/99d84e6e97d1a7737be24c391fbf57e3.svg) 100% 0 no-repeat;
}

.premium-settings .premium-header .premium-logo {
  background: url(/assets/8c2ee0198f752b71b9653a68de2a6983.svg) no-repeat;
}

.premium-settings .premium-header.disabled .premium-description {
  background-color: #f9f9f9;
}

.premium-settings .premium-header .premium-options button {
  background-color: #43b581;
}

.premium-settings .premium-header .premium-options button.btn-clear {
  background-color: #fff;
}

.premium-settings .premium-header .premium-options button.btn-clear:hover {
  background-color: #e6e6e6;
}

.premium-settings .premium-header .premium-options button.btn-clear:active {
  background-color: #ccc;
}

.premium-settings .premium-header .premium-options button.unverified {
  background-color: #f04747;
}

.premium-settings .premium-header .premium-options button.unverified:hover {
  background-color: #f25959;
}

.premium-settings .premium-header .premium-options button.unverified:active {
  background-color: #d84040;
}

.premium-settings .premium-header .premium-options button:disabled,
.premium-settings .premium-header .premium-options button:disabled:active,
.premium-settings .premium-header .premium-options button:disabled:hover {
  background-color: transparent;
}

.premium-settings .premium-header .premium-options button:hover {
  background-color: #56bc8e;
}

.premium-settings .premium-header .premium-options button:active {
  background-color: #3ca374;
}

.premium-settings .payment-method.invalid .btn-stroked:hover {
  background-color: rgba(240, 71, 71, .1);
}

.premium-settings .subscription {
  background: url(/assets/5400d116a897ce9fe428bd6e4a651356.svg);
}

.premium-settings .subscription .btn-filled:disabled {
  background-color: #fff;
}

.premium-settings .subscription .btn-filled .spinner .spinner-item {
  background-color: #f39c12;
}

.premium-settings .subscription.active {
  background: url(/assets/6920e2fda70c33c31f54b42f30b4aa96.svg);
}

.premium-settings .subscription.active .btn-filled .spinner .spinner-item {
  background-color: #7289da;
}

.premium-settings .subscription.past-due {
  background: url(/assets/a65d13e614f02aa710776c3c1ccb5723.svg);
}

.premium-settings .subscription .premium-details .premium-title {
  background: url(/assets/9328a2df4b542ac8725b57010a52f73b.svg) no-repeat;
}

.premium-settings .billing-history-list li .billing-label {
  background-color: #43b581;
}

.premium-settings .billing-history-list li.failed .billing-label,
.premium-settings .billing-history-list li.reversed .billing-label {
  background-color: #f04747;
}

.alert.form.premium-upgrade:before {
  background: url(/assets/bc3e16b284e14c0ad83cb3f2273c7c11.svg) no-repeat;
}

.alert.form.premium-unsubscribe:before {
  background: url(/assets/49ef1dd4ab0366004bde6f6b9ec23985.svg) no-repeat;
}

.connect-account-btn .connect-account-btn-inner {
  background-color: transparent;
}

.connect-account-btn .connect-account-btn-inner:hover {
  background-color: rgba(153, 170, 181, .3);
}

.connect-account-btn .ellipsis .spinner-item {
  background-color: #4f545c;
}

.settings-connections-wrapper .authed-app {
  background: #fff;
}

.settings-connections-wrapper .authed-app .header .header-actions .action-btn {
  background: #f04747;
}

.settings-connections-wrapper .authed-app .details .permission-checkmark {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMiI+CiAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzI4OURBIiBzdHJva2Utd2lkdGg9IjMiIGQ9Ik0xLjk5NjA5Mzc1IDUuNzgzNTMzOGwzLjcwMjg3MzgyIDMuNzAyODczOEwxNC4xODUzNzUyIDEiLz4KPC9zdmc+Cg==) no-repeat;
}

.settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-header .btn-delete {
  background-color: transparent;
}

.settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-divider {
  background: hsla(0, 0%, 100%, .2);
}

.settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-options .connection-option .checkbox .checkbox-inner.alt input[type=checkbox]+span {
  background: 0 0;
}

.settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-options .connection-option .checkbox .checkbox-inner.alt input[type=checkbox]:checked+span {
  background: #fff;
}

.settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-integrations .integration {
  background: rgba(0, 0, 0, .1);
}

.settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-integrations .integration .avatar-small {
  background-color: hsla(0, 0%, 100%, .2);
}

.settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-integrations .integration .btn {
  background-color: #fff;
}

.progress {
  background-color: #e9e7e7;
}

.progress .progress-bar {
  background-color: #7289da;
}

.user-settings-modal-keybinds .user-settings-modal-keybinds-header .btn-add-keybind {
  background-color: #43b581;
}

.user-settings-modal-keybinds .user-settings-modal-keybinds-header .btn-add-keybind:hover {
  background-color: #3ca374;
}

.radio-theme label {
  background-color: red;
}

.radio-theme.light label {
  background: url(/assets/afb5e95fdcc064f5803a2915ad209c11.svg);
}

.radio-theme.dark label {
  background: url(/assets/425981cd66dae433684c4e410047c608.svg);
}

.radio-theme.light.compact label {
  background: url(/assets/bf59cb6103169aa1d7f7f3104c956264.svg);
}

.radio-theme.dark.compact label {
  background: url(/assets/47f8a6689df6c84f7cb90efb1c98abe9.svg);
}

.now-playing {
  background: #7289da;
}

.now-playing.no-detection {
  background: #87909c;
}

.now-playing .item-game .icon {
  background: url(/assets/c2667513479f3542e40dc0bc320f9816.svg) no-repeat;
}

.now-playing .game-input {
  background: 0 0;
}

.now-playing .game-input:focus, .now-playing .game-input:hover {
  background: hsla(0, 0%, 100%, .02);
}

.now-playing .game-input:focus {
  background: hsla(0, 0%, 100%, .06);
}

.user-settings-modal-games {
  background: #fff;
}

.user-settings-modal-games .games-table .games-row .item-alert .icon,
.user-settings-modal-games .games-table .games-row .item-delete .icon {
  background: url(/assets/b2178a6804aad6aefc02835062d6fa7c.svg) no-repeat;
}

.user-settings-modal-games .games-table .games-row .item-alert .icon {
  background: url(/assets/afc17a02f2ea7406b0ee518c28414f7c.svg) no-repeat;
}

.user-settings-modal-games .games-table .games-row .item-game .icon {
  background: url(/assets/c2667513479f3542e40dc0bc320f9816.svg) no-repeat;
}

.user-settings-modal-games .games-table .games-row .item-game .game-input {
  background: 0 0;
}

#overlay-explanation {
  background: #f26522;
}

.sensitivity .slider .slider-bar {
  background-color: #43b581;
}

.sensitivity .slider .slider-bar .slider-bar-fill {
  background-color: #faa61a;
}

.sensitivity .slider .slider-bar.microphone {
  background-color: transparent;
}

.sensitivity .slider .slider-bar.microphone .grow {
  background-color: hsla(0, 0%, 100%, .5);
}

.sensitivity .slider .slider-bar-auto {
  background-color: #dbdde1;
}

.sensitivity .slider .slider-bar-auto.speaking {
  background-color: #43b581;
}

.user-settings-modal .account-warning {
  background: #feeded;
}

.user-settings-modal button.preview-sound {
  background: 0 0;
}

.user-settings-streamer-mode {
  background: #fff;
}

.user-settings-streamer-mode .user-settings-streamer-mode-image {
  background: url(/assets/df7ea3c8efbbc049fb5ac60e598fe634.svg) 50% no-repeat;
}

.user-settings-modal-security.show-art {
  background: url(/assets/f0a736d39c9c3571bb64e184fef96f3e.svg) bottom no-repeat;
}

.user-settings-modal-security .btn-ghost {
  background: #fff;
}

.user-settings-modal-security .btn-ghost:hover {
  background: #f9f9f9;
}

.change-log-button-container:before {
  background-color: hsla(0, 0%, 100%, .1);
}

.modal-new-user>.steps {
  background: #fff;
}

.modal-new-user>.steps .step-1 {
  background: url(/assets/0c78ea6377b186e6675fed771165efc0.png) bottom no-repeat;
}

.modal-new-user>.steps .step-2 .guild-form .control-group input[disabled] {
  background-color: transparent;
}

.modal-new-user .steps-wrap .steps .divider {
  background-color: #dbdde1;
}

.modal-new-user .steps-wrap .steps li {
  background-color: #dbdde1;
}

.modal-new-user .steps-wrap .steps li.on,
.modal-new-user .steps-wrap .steps li.on+.divider,
.modal-new-user .steps-wrap .steps li.on:before {
  background-color: #7289da;
}

.modal-new-user .steps-wrap .steps li.active {
  background-color: #7289da;
}

.modal-new-user .steps-wrap .steps li.active+.divider {
  background-color: #dbdde1;
}

#user-profile-modal .avatar-wrapper {
  background-color: #fff;
}

#user-profile-modal .header:after {
  background-color: transparent;
}

#user-profile-modal .header {
  background-color: #fff;
}

#user-profile-modal .header .additional-actions-icon {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0yNCAwdjI0SDBWMHoiLz4KICAgIDxwYXRoIGZpbGw9IiM5OUFBQjUiIGQ9Ik0xMiAxNmMxLjEwNDU2OTUgMCAyIC44OTU0MzA1IDIgMnMtLjg5NTQzMDUgMi0yIDItMi0uODk1NDMwNS0yLTIgLjg5NTQzMDUtMiAyLTJ6bTAtNmMxLjEwNDU2OTUgMCAyIC44OTU0MzA1IDIgMnMtLjg5NTQzMDUgMi0yIDItMi0uODk1NDMwNS0yLTIgLjg5NTQzMDUtMiAyLTJ6bTAtNmMxLjEwNDU2OTUgMCAyIC44OTU0MzA1IDIgMnMtLjg5NTQzMDUgMi0yIDItMi0uODk1NDMwNS0yLTIgLjg5NTQzMDUtMiAyLTJ6Ii8+CiAgPC9nPgo8L3N2Zz4=) 50% no-repeat;
}

#user-profile-modal .btn {
  background-color: #7289da;
}

#user-profile-modal .btn:hover {
  background-color: #697ec4;
}

#user-profile-modal .btn.btn-danger {
  background-color: #f04747;
}

#user-profile-modal .btn.btn-danger:hover {
  background-color: #d84040;
}

#user-profile-modal .scroller {
  background: #fff;
}

#user-profile-modal .actions {
  background: 0 0;
}

#user-profile-modal .actions .btn:hover {
  background: #697ec4;
}

#user-profile-modal .actions .btn.add-friend {
  background: #43b581;
}

#user-profile-modal .actions .btn.add-friend:hover {
  background: #69c49a;
}

#user-profile-modal .actions .btn.reject-friend {
  background: #65676b;
}

#user-profile-modal .actions .btn.reject-friend:hover {
  background: #848589;
}

#user-profile-modal .actions .btn.disabled {
  background: #fff;
}

#user-profile-modal .actions .btn.disabled:hover {
  background: #fff;
}

#user-profile-modal .tab-bar-container {
  background-color: #fff;
}

#user-profile-modal .guilds .section .connected-accounts .connected-account .connected-account-name-inner .connected-account-verified-icon {
  background: url(/assets/c2667513479f3542e40dc0bc320f9816.svg) no-repeat;
}

#user-profile-modal .guilds .section .connected-accounts .connected-account a .connected-account-open-icon {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuNjAwMDAwMDIiPgogICAgPHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPgogICAgPHBhdGggZmlsbD0iIzk5QUFCNSIgZD0iTTEwLjUgMi4yNXYxLjVoMi42OTI1TDUuODIgMTEuMTIyNSA2Ljg3NzUgMTIuMTggMTQuMjUgNC44MDc1VjcuNWgxLjVWMi4yNUgxMC41em0zLjc1IDEySDMuNzVWMy43NUg5di0xLjVIMy43NWMtLjgzMjUgMC0xLjUuNjc1LTEuNSAxLjV2MTAuNWMwIC44Mjg0MjcxLjY3MTU3Mjg3IDEuNSAxLjUgMS41aDEwLjVjLjgyODQyNzEgMCAxLjUtLjY3MTU3MjkgMS41LTEuNVY5aC0xLjV2NS4yNXoiLz4KICA8L2c+Cjwvc3ZnPg==) 50% no-repeat;
}

#user-profile-modal .guilds .avatar-large {
  background-color: #7289da;
}

#user-profile-modal .guilds .guild:hover {
  background: -webkit-linear-gradient(left, #f9f9f9 90%, #fff);
  background: linear-gradient(to right, #f9f9f9 90%, #fff);
}

#user-profile-modal .empty {
  background: #fff;
}

#user-profile-modal .empty .empty-icon-guilds {
  background: url(/assets/0c9059790dd5edeb0caf6b009d70a21b.svg) 50% no-repeat;
}

#user-profile-modal .empty .empty-icon-friends {
  background: url(/assets/ee2c7badd43d41d0428226d1946c7cfd.svg) 50% no-repeat;
}

#user-profile-modal .empty .empty-icon-streamer-mode {
  background: url(/assets/df7ea3c8efbbc049fb5ac60e598fe634.svg) 50% no-repeat;
}

.change-nickname-warning {
  background: #f26522;
}

.fancy-credit-input {
  background-color: #fff;
}

.fancy-credit-input.form-state-closed {
  background-color: hsla(0, 0%, 100%, 0);
}

.fancy-credit-input .expiration-placeholder, .fancy-credit-input input {
  background: 0 0;
}

.fancy-credit-input .card-icon:after {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIyMiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIyMiIgZmlsbD0iIzVGQTNGMiIgcng9IjIiLz4KICAgIDxwYXRoIGZpbGw9IiM0QTRBNEEiIGQ9Ik0wIDNoMzJ2NEgweiIvPgogICAgPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjQiIHg9IjMiIHk9IjExIiBmaWxsPSIjRkZGIiByeD0iMSIvPgogIDwvZz4KPC9zdmc+);
}

.fancy-credit-input .cc-number-wrapper .cc-number-continue {
  background: url(/assets/a21b4178141a347b80d9784fa63787b5.svg) 50% 50% no-repeat;
}

.fancy-credit-input .cc-info-wrapper {
  background-color: transparent;
}

.premium-payment-modal {
  background-color: #7289da;
}

.premium-payment-modal .premium-animation.error {
  background: url(/assets/d99717e7daf6c2a7959747e5b2cec30f.svg) 50% 50% no-repeat;
}

.premium-payment-modal .premium-animation .spinner-item {
  background-color: #fff;
}

.premium-payment-modal .premium-animation .premium-title {
  background: url(/assets/9328a2df4b542ac8725b57010a52f73b.svg) 50% 50% no-repeat;
}

.premium-payment-modal .premium-payment-form:before {
  background-color: #697ec4;
}

.premium-payment-modal .premium-payment-button {
  background-color: #fff;
}

.premium-payment-modal .premium-payment-button.open:disabled,
.premium-payment-modal .premium-payment-button.open:disabled:hover {
  background: 0 0;
}

.premium-payment-modal .premium-payment-button .spinner .spinner-item {
  background-color: #7289da;
}

.invite-modal .scroller {
  background: url(/assets/29d5ff462afb11bce1979cf694aee3d1.png) #fff;
}

.invite-modal .avatar-xxxlarge {
  background-color: #7289da;
}

.invite-modal .button {
  background-color: #43b581;
}

.invite-modal .button:hover {
  background-color: #3ca374;
}

.invite-modal .button .spinner .spinner-item {
  background-color: #fff;
}

.badge {
  background-color: #f04747;
}

.quickswitcher-shade {
  background-color: rgba(0, 0, 0, .7);
}

.quickswitcher {
  background-color: #f3f3f3;
}

.quickswitcher .big-input {
  background-color: #fff;
}

.quickswitcher .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
  background-color: #dbdde1 !important;
}

.quickswitcher .scroller-wrap .scroller::-webkit-scrollbar-thumb {
  background-color: #7289da !important;
}

.quickswitcher .tips .misc-controls .keybind-shortcut:last-of-type:before {
  background-color: #dfe0e2;
}

.quickswitcher .result .result-type .avatar-xsmall {
  background-color: #fff;
}

.quickswitcher .result .result-action {
  background-color: #e9e9e9;
}

.quickswitcher .result.selected {
  background-color: #e9e9e9;
}

.quickswitcher .result .result-score {
  background-color: rgba(0, 0, 0, .2);
}

.quickswitcher.dark {
  background-color: #2e3136;
}

.quickswitcher.dark .big-input {
  background-color: #585b5f;
}

.quickswitcher.dark .tips .misc-controls .keybind-shortcut:last-of-type:before {
  background-color: #3e4147;
}

.quickswitcher.dark .result .result-type .avatar-xsmall {
  background-color: rgba(0, 0, 0, .3);
}

.quickswitcher.dark .result .result-action {
  background-color: #282b30;
}

.quickswitcher.dark .result.selected {
  background-color: #282b30;
}

.quickswitcher.dark .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
  background-color: #282b30 !important;
}

.quickswitcher.dark .scroller-wrap .scroller::-webkit-scrollbar-thumb {
  background-color: #1e2124 !important;
}

.input-switch .input-switch-slider {
  background-color: transparent;
}

.input-switch .input-switch-slider:before {
  background-color: #fff;
}

.input-switch input:checked+.input-switch-slider {
  background-color: #43b581;
}

.detected-platform-accounts-modal .btn-group .btn-default {
  background-color: transparent;
}

.detected-platform-accounts-modal .btn-group .btn-primary {
  background-color: #7289da;
}

.detected-platform-accounts-modal .btn-group .btn-primary:hover:not(:disabled) {
  background-color: #697ec4;
}

.detected-platform-accounts-modal .divider {
  background: #f5f5f5;
}

.incoming-call .incoming-call-inner {
  background: rgba(0, 0, 0, .86);
}

.incoming-call .options .option .icon {
  background: url(/assets/093cd423e728025709a8fc032bb43df0.svg) 50% no-repeat;
}

.incoming-call .options .accept-call {
  background: #43b581;
}

.incoming-call .options .accept-call:hover {
  background: #3ca374;
}

.incoming-call .options .decline-call {
  background: #f04747;
}

.incoming-call .options .decline-call:hover {
  background: #d84040;
}

.auth-tiling-bg {
  background: url(/assets/80bebd88344f603ad8e402de7c52ef6b.png);
}

.auth-background {
  background-color: #2e3136;
}

.auth-inner .auth-brand {
  background: hsla(0, 0%, 100%, .8);
}

.auth-inner .auth-logo {
  background: url(/assets/9cb691623c7ba013e791aad8845e93cb.svg);
}

.auth-inner .auth-name {
  background: url(/assets/62223f89a44d14b008682354fd142069.svg) 50% no-repeat;
}

.auth-inner .auth-name:after {
  background: #4f545c;
}

form.auth-form {
  background: 0 0;
  background: rgba(40, 43, 48, .75);
}

form.auth-form .control-group input[type=email],
form.auth-form .control-group input[type=password],
form.auth-form .control-group input[type=text] {
  background: 0 0;
}

form.auth-form .btn-forgot-password {
  background: 0 0;
}

@media (max-width:628px) {
  .auth-inner .auth-brand {
    background: #1e2124;
  }

  .auth-brand .auth-logo {
    background: url(/assets/4f004ac9be168ac6ee18fc442a52ab53.svg) no-repeat;
  }

  form.auth-form {
    background: #1e2124;
  }
}

.invite-marketing {
  background-color: #fff;
}

.invite-mobile .top {
  background-color: #7289da;
}

.invite-mobile .bottom {
  background-color: #fff;
}

.invite-mobile .brand {
  background: url(/assets/02a8c6a7d718b8e215bf28e86c932176.svg) 50% no-repeat;
}

.invite-mobile .link.purple {
  background-color: #7289da;
}

.verify-connected-account {
  background: url(/assets/d20e43cdcadf850cfd8d4e953df0f3b4.png) #282b30;
}

.verify-connected-account .btn {
  background-color: #7289da;
}

.verify-connected-account .btn .spinner-item {
  background-color: #fff;
}

.verify-connected-account .btn:hover {
  background-color: #697ec4;
}

.verify-connected-account .btn:disabled {
  background-color: #2e3136;
}

#oauth2-authorize, #oauth2-message {
  background-color: #282b30;
}

#oauth2-authorize .authorize-inner {
  background: #35383c;
}

#oauth2-authorize .authorize-inner:before {
  background: url(/assets/5c5bb53489a0a9f602df0a24c5981523.svg) 50% no-repeat;
}

#oauth2-authorize .authorize-inner header {
  background: #7289da;
}

#oauth2-authorize .authorize-inner header .application-icon {
  background: hsla(0, 0%, 100%, .2);
}

#oauth2-authorize .authorize-inner header .application-icon .application-icon-inner {
  background: url(/assets/1afb8f8e80a200ef3aa11131c0c07934.png) 50% no-repeat;
}

#oauth2-authorize .authorize-inner .scopes .scope .scope-check {
  background: hsla(0, 0%, 100%, .2);
}

#oauth2-authorize .authorize-inner .scopes .scope .scope-check .scope-check-inner {
  background-color: #747f8d;
}

#oauth2-authorize .authorize-inner .scopes .scope.allow .scope-check-inner {
  background-color: #43b581;
}

#oauth2-authorize .authorize-inner .security-notice {
  background: #494b4f;
}

#oauth2-authorize .authorize-inner .security-notice .security-notice-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYCAQAAABdXGW6AAAAiklEQVQoz+3RMQqEQAyF4UGwEjyAjZWNN/AI2oq1reAdbOxshfHd9rfbMTu7tRa+VAlfIBDnPqFgZGVnZ2WkcN8hpcejS3l6UosGhJipycmpmRFiuJKKA9GatQ5xUIXBhFhIDEpYEFMYbIgmurNBbKH1iDJCJcKHVogsQhlCBrkfuQuZV/ypFz0SnYaszYEvb7LBAAAAAElFTkSuQmCC) 50% no-repeat;
}

#oauth2-authorize .authorize-inner footer button {
  background: 0 0;
}

#oauth2-authorize .authorize-inner footer button.primary {
  background: #7289da;
}

#oauth2-authorize .authorize-inner footer button.primary:hover {
  background: #697ec4;
}

#oauth2-authorize .select select {
  background: #35383c;
}

#oauth2-authorize .scope-bot .avatar-large {
  background-color: #7289da;
}

#oauth2-authorize.no-background,
#oauth2-authorize.no-background .authorize-inner:before {
  background: 0 0;
}

#unsupported-browser {
  background: #1b242b;
}

#unsupported-browser li:hover .btn {
  background-color: #7289da;
}

#unsupported-browser .browser {
  background: url(/assets/5d57632291e09c5bc2b5d6a0b20179fa.png);
}

#unsupported-browser .btn {
  background: 0 0;
}

.new-messages-indicator {
  background-color: rgba(79, 84, 92, .9);
}

.new-messages-indicator.new-messages-indicator-mention {
  background-color: #f04747;
}

.popout-menu {
  background: #fff;
}

.popout-menu .popout-menu-item:hover {
  background-color: #f9f9f9;
}

.theme-light .ui-standard-sidebar-view {
  background: #fff;
}

.theme-light .ui-standard-sidebar-view:before {
  background: #f6f6f7;
}

.theme-light .ui-standard-sidebar-view .content {
  background: #fff;
}

.theme-light .ui-standard-sidebar-view .btn-close:hover {
  background-color: #f6f6f7;
}

.theme-dark .ui-standard-sidebar-view {
  background: #36393f;
}

.theme-dark .ui-standard-sidebar-view:before {
  background: rgba(32, 34, 37, .6);
}

.theme-dark .ui-standard-sidebar-view .content {
  background: #36393f;
}

.theme-dark .ui-standard-sidebar-view .btn-close:hover {
  background-color: hsla(218, 5%, 47%, .3);
}

.ui-tab-bar.SIDE .ui-tab-bar-item.selected {
  background-color: #7289da;
}

.theme-light .ui-tab-bar-item:hover {
  background-color: #dcddde;
}

.theme-light .ui-tab-bar-separator {
  background-color: hsla(216, 4%, 74%, .3);
}

.theme-dark .ui-tab-bar-item:hover {
  background-color: #36393f;
}

.theme-dark .ui-tab-bar-separator {
  background-color: hsla(218, 5%, 47%, .3);
}

.ui-button {
  background: 0 0;
}

.ui-button.brand.filled {
  background-color: #7289da;
}

.ui-button.brand.filled:hover {
  background-color: #677bc4;
}

.ui-button.brand.filled:active {
  background-color: #5b6eae;
}

.ui-button.brand.filled.disabled {
  background-color: #7289da;
}

.ui-button.brand.outlined:active {
  background-color: #7289da;
}

.ui-button.brand.outlined.disabled {
  background: 0 0;
}

.ui-button.red.filled {
  background-color: #f04747;
}

.ui-button.red.filled:hover {
  background-color: #d84040;
}

.ui-button.red.filled:active {
  background-color: #c03939;
}

.ui-button.red.filled.disabled {
  background-color: #f04747;
}

.ui-button.red.outlined:active {
  background-color: #f04747;
}

.ui-button.red.outlined.disabled {
  background: 0 0;
}

.ui-button.green.filled {
  background-color: #43b581;
}

.ui-button.green.filled:hover {
  background-color: #3ca374;
}

.ui-button.green.filled:active {
  background-color: #369167;
}

.ui-button.green.filled.disabled {
  background-color: #43b581;
}

.ui-button.green.outlined:active {
  background-color: #43b581;
}

.ui-button.green.outlined.disabled {
  background: 0 0;
}

.ui-button.yellow.filled {
  background-color: #faa61a;
}

.ui-button.yellow.filled:hover {
  background-color: #e19517;
}

.ui-button.yellow.filled:active {
  background-color: #c88515;
}

.ui-button.yellow.filled.disabled {
  background-color: #faa61a;
}

.ui-button.yellow.outlined:active {
  background-color: #faa61a;
}

.ui-button.yellow.outlined.disabled {
  background: 0 0;
}

.ui-button.grey.filled {
  background-color: #747f8d;
}

.ui-button.grey.filled:hover {
  background-color: #68727f;
}

.ui-button.grey.filled:active {
  background-color: #5d6671;
}

.ui-button.grey.filled.disabled {
  background-color: #747f8d;
}

.ui-button.grey.outlined:active {
  background-color: #747f8d;
}

.ui-button.grey.outlined.disabled {
  background: 0 0;
}

.theme-light .ui-button.primary.filled {
  background-color: #f6f6f7;
}

.theme-light .ui-button.primary.filled:active,
.theme-light .ui-button.primary.filled:hover {
  background-color: #dcddde;
}

.theme-light .ui-button.primary.filled.disabled {
  background-color: #f6f6f7;
}

.theme-dark .ui-button.primary.filled {
  background-color: #4f545c;
}

.theme-dark .ui-button.primary.filled:active,
.theme-dark .ui-button.primary.filled:hover {
  background-color: #72767d;
}

.theme-dark .ui-button.primary.filled.disabled {
  background-color: #4f545c;
}

.theme-light .ui-checkbox.checked {
  background: #fff;
}

.theme-dark .ui-checkbox.checked {
  background: #f6f6f7;
}

.theme-light .ui-form-divider {
  background-color: hsla(216, 4%, 74%, .3);
}

.theme-dark .ui-form-divider {
  background-color: hsla(218, 5%, 47%, .3);
}

.theme-light .user-settings-security.show-art {
  background: url(/assets/85b2bb440307d465b44a436382e1b873.svg) bottom no-repeat;
}

.theme-dark .user-settings-security.show-art {
  background: url(/assets/a66133291b0e607cdf5523e2e7a9ce2a.svg) bottom no-repeat;
}

.dark-elevation-01 {
  background: #36393f;
}

.dark-elevation-02 {
  background: #202225;
}

.light-elevation-01 {
  background: #fff;
}

.light-elevation-02 {
  background: #f6f6f7;
}

.theme-light .ui-select .Select-control {
  background: rgba(79, 84, 92, .02);
}

.theme-light .ui-select .Select-option,
.theme-light .ui-select.is-open .Select-control {
  background: hsla(240, 6%, 97%, .3);
}

.theme-light .ui-select .Select-option.is-focused,
.theme-light .ui-select .Select-option:hover {
  background: #f6f6f7;
}

.theme-light .ui-select .Select-option.is-selected {
  background: #dcddde;
}

.theme-dark .ui-select .Select-control {
  background: rgba(32, 34, 37, .3);
}

.theme-dark .ui-select.is-disabled .Select-control {
  background: rgba(32, 34, 37, .3);
}

.theme-dark .ui-select .Select-menu-outer {
  background: rgba(32, 34, 37, .3);
}

.theme-dark .ui-select .Select-menu::-webkit-scrollbar-thumb,
.theme-dark .ui-select .Select-menu::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, .4);
}

.theme-dark .ui-select .Select-menu::-webkit-scrollbar-track-piece {
  background-color: transparent;
}

.theme-dark .ui-select .Select-option.is-focused,
.theme-dark .ui-select .Select-option:hover {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, .1) 85%, rgba(32, 34, 37, .3));
  background: linear-gradient(to right, rgba(0, 0, 0, .1) 85%, rgba(32, 34, 37, .3) 100%);
}

.theme-dark .ui-select .Select-option.is-selected {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, .2) 85%, #202225);
  background: linear-gradient(to right, rgba(0, 0, 0, .2) 85%, #202225 100%);
}

.ui-switch-checkbox:checked+.ui-switch {
  background: #7289da;
}

.ui-switch-checkbox:checked:focus+.ui-switch {
  background: color(#7289da null);
}

.ui-switch-checkbox:focus+.ui-switch {
  background: color(#72767d null);
}

.ui-switch-checkbox:focus+.ui-switch:before {
  background: #fff;
}

.ui-switch {
  background: #72767d;
}

.ui-switch:before {
  background: #f6f6f7;
}

.channel-members {
  background-color: #f3f3f3;
}

.channel-members .member.popout-open, .channel-members .member:hover {
  background: -webkit-linear-gradient(left, #ebebeb 85%, #f3f3f3);
  background: linear-gradient(to right, #ebebeb 85%, #f3f3f3);
}

.channel-members .invite-btn {
  background-color: #7289da;
}

.channel-members .invite-btn:hover {
  background-color: #697ec4;
}

.channel-members .invite-btn .icon {
  background: url(/assets/181143c7c10c902dc9183f39d1198d11.svg) 50% no-repeat;
}

.channel-members-loading {
  background-color: #dbdde1;
}

.instant-invite-modal {
  background: #fff;
}

#instant-invite-modal .copy {
  background-color: #7289da;
}

#instant-invite-modal .form-actions {
  background-color: #fff;
}

#instant-invite-modal .form-actions .advanced {
  background: url(/assets/982fbd307204cba17723e6b857240a6a.svg);
}

#instant-invite-modal-advanced .form-actions {
  background-color: #fff;
}

#instant-invite-modal-advanced .form-actions .btn-default {
  background-color: transparent;
}

.chat .empty-message {
  background: url(/assets/012426a1f0780d7d36be6c39d9c1e6ed.png) 0 100% no-repeat,
                url(/assets/6bf0150b5ab7622ea15150094e3c4850.png) 100% 100% no-repeat;
}

.chat .welcome-message .item-container .icon.exclamation {
  background: url(/assets/7616be62f9b90270b5a2e1fe9d2ece4f.svg) 50% no-repeat;
}

.chat .welcome-message .item-container .icon.share {
  background: url(/assets/32f2b7967f102ef33064629e0a6c47ff.svg) 50% no-repeat;
}

.chat .welcome-message .item-container .icon.apps {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJ0b29sXy1fY29tcHV0ZXJfbW9uaXRvcl9tYWMiPg0KCTxnPg0KCQk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzczOEJENyIgZD0iTTM5LDlIMTFjLTEuMSwwLTIsMC45LTIsMnYyMmMwLDEuMSwwLjksMiwyLDJoOHY0aC0ydjJoMTZ2LTJoLTINCgkJCXYtNGg4YzEuMSwwLDItMC45LDItMlYxMUM0MSw5LjksNDAuMSw5LDM5LDl6IE0yOSwzOWgtOHYtNGg4VjM5eiBNMzksMzJjMCwwLjYtMC40LDEtMSwxSDEyYy0wLjYsMC0xLTAuNC0xLTF2LTNoMjhWMzJ6IE0zOSwyNw0KCQkJSDExVjEyYzAtMC42LDAuNC0xLDEtMWgyNmMwLjYsMCwxLDAuNCwxLDFWMjd6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=) 50% no-repeat;
}

.chat .welcome-message .item-container .icon.mobile {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjE3IC0xNyA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAxNyAtMTcgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiM3MzhCRDc7fQ0KPC9zdHlsZT4NCjxnIGlkPSJ0b29sXy1fY2VsbF9waG9uZV9hbmRyb2lkX21vYmlsZSI+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MiwxNmMtMS4xLDAtMiwwLjktMiwyYzAsMS4xLDAuOSwyLDIsMmMxLjEsMCwyLTAuOSwyLTJDNDQsMTYuOSw0My4xLDE2LDQyLDE2eiBNNDgtOEgzNmMtMy4zLDAtNiwyLjctNiw2DQoJCQl2MjBjMCwzLjMsMi43LDYsNiw2aDEyYzMuMywwLDYtMi43LDYtNlYtMkM1NC01LjMsNTEuMy04LDQ4LTh6IE01MiwxOWMwLDEuNy0xLjMsMy0zLDNIMzVjLTEuNywwLTMtMS4zLTMtM1YtM2MwLTEuNywxLjMtMywzLTMNCgkJCWgxNGMxLjcsMCwzLDEuMywzLDNWMTl6IE00NS00aC02Yy0wLjYsMC0xLDAuNC0xLDFjMCwwLjYsMC40LDEsMSwxaDZjMC42LDAsMS0wLjQsMS0xQzQ2LTMuNiw0NS42LTQsNDUtNHoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==) 50% no-repeat;
}

.chat .welcome-message .item-container .icon.twitter {
  background: url(/assets/326d79eb53886c88437e99a3754b1cd0.svg) 50% no-repeat;
}

.typing {
  background-color: hsla(0, 0%, 100%, .8);
}

.status.status-typing .spinner-item {
  background-color: #fff;
}

.status-online {
  background-color: #43b581;
}

.status-idle {
  background-color: #faa61a;
}

.status-dnd {
  background-color: #f04747;
}

.status-invisible, .status-offline {
  background-color: #747f8d;
}

.status-streaming {
  background-color: #593695;
}

.status-unknown {
  background-color: transparent;
}

.channel-textarea-guard .countdown .countdown-number {
  background: #fff;
}

.channel-textarea-guard button {
  background-color: #7289da;
}

.channel-textarea-guard button:hover {
  background-color: #697ec4;
}

.theme-dark .channel-textarea-guard .countdown-number {
  background: #36393e;
}

.private-channel-recipients-invite .footer button {
  background-color: #7289da;
}

.private-channel-recipients-invite .footer button:hover {
  background-color: #697ec4;
}

.private-channel-recipients-invite .footer button:disabled:hover {
  background-color: #7289da;
}

.private-channel-recipients-invite .error-state.not-friends .btn {
  background: #7289da;
}

.private-channel-recipients-invite .error-state.not-friends .btn:hover {
  background: #677bc4;
}

.private-channel-recipients-invite .friend.selected,
.private-channel-recipients-invite .friend:hover {
  background: -webkit-linear-gradient(left, #f3f3f3 85%, #fff);
  background: linear-gradient(to right, #f3f3f3 85%, #fff);
}

.region-select-popout .item:hover {
  background: #f0f0f0;
}

.region-select-popout .item.selected {
  background: inherit;
}

.region-select-popout .check {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMiI+CiAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzI4OURBIiBzdHJva2Utd2lkdGg9IjMiIGQ9Ik0xLjk5NjA5Mzc1IDUuNzgzNTMzOGwzLjcwMjg3MzgyIDMuNzAyODczOEwxNC4xODUzNzUyIDEiLz4KPC9zdmc+Cg==);
}

.private-channel-call {
  background-color: #fff;
}

.private-channel-call .ripple {
  background-color: #000;
}

.private-channel-call .avatar-large .status:after,
.private-channel-call .avatar-small .status:after {
  background: 0 0 !important;
}

.private-channel-call .status-deafened, .private-channel-call .status-muted {
  background-color: #f04747;
}

.private-channel-call .status-deafened:after,
.private-channel-call .status-muted:after {
  background: url(/assets/2d5b62634e7c2cfb48d0998409fe55d7.svg);
}

.private-channel-call .status-deafened:after {
  background: url(/assets/7735316a05f09e698b7f41c51301753f.svg);
}

.private-channel-call .btn-text {
  background: #43b581;
}

.private-channel-call .btn-text:hover {
  background: #3ca374;
}

.private-channel-call .btn-text.btn-danger {
  background: #f04747;
}

.private-channel-call .btn-text.btn-danger:hover {
  background: #d84040;
}

.private-channel-call .btn-icon {
  background: #747f8d;
}

.private-channel-call .btn-icon:hover {
  background: #68727f;
}

.search-results-wrap {
  background-color: #f1f1f1;
}

.search-results-wrap .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
  background-color: #dbdde1 !important;
}

.search-results-wrap .scroller-wrap .scroller::-webkit-scrollbar-thumb {
  background-color: #7289da !important;
}

.search-results-wrap .channel-separator .channel-name {
  background-color: #f1f1f1;
}

.search-results-wrap .search-result .search-result-message {
  background-color: transparent;
}

.search-results-wrap .search-result .search-result-message.hit {
  background-color: #fff;
}

.search-results-wrap .search-result.expanded .search-result-message {
  background-color: transparent;
}

.search-results-wrap .search-result.expanded .search-result-message.hit {
  background-color: #fff;
}

.search-results-wrap .action-buttons {
  background-color: transparent;
}

.search-results-wrap .action-buttons .jump-button {
  background-color: #ebebeb;
}

.search-results-wrap .pagination .pagination-next,
.search-results-wrap .pagination .pagination-previous {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIyNSI+PHBhdGggZmlsbD0iIzczN2Y4ZCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTcuMzM4IDEyLjQ4NWMtNC4xNTYgNC4xNTYtOC4zMTIgOC4zMTItMTIuNDY4IDEyLjQ2Ny0xLjQwMi0xLjQwMi0yLjgwNS0yLjgwNC00LjIwNy00LjIwNiAyLjc1Ni0yLjc1NyA1LjUxMy01LjUxNCA4LjI3LTguMjdDNi4xNzYgOS43MiAzLjQxOSA2Ljk2My42NjMgNC4yMDdMNC44NyAwYy0uMDU4LS4wNTkgMTIuNTU1IDEyLjU2MiAxMi40NjggMTIuNDg1eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+Cg==) 50% no-repeat;
}

.search-results-wrap .results-blocked {
  background-color: transparent;
}

.search-results-wrap .results-blocked:hover {
  background-color: rgba(79, 84, 92, .06);
}

.search-results-wrap .empty-results-wrap .error-image {
  background: url(/assets/a96ad48450382ff5df965439222d1459.svg);
}

.theme-dark .search-results-wrap {
  background-color: #2e3136;
}

.theme-dark .search-results-wrap .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
  background-color: #282b30 !important;
}

.theme-dark .search-results-wrap .scroller-wrap .scroller::-webkit-scrollbar-thumb {
  background-color: #1e2124 !important;
}

.theme-dark .search-results-wrap .search-header {
  background-color: #2e3136;
}

.theme-dark .search-results-wrap .search-header .border {
  background-color: hsla(0, 0%, 100%, .3);
}

.theme-dark .search-results-wrap .channel-separator .channel-name {
  background-color: #2e3136;
}

.theme-dark .search-results-wrap .search-result .hit {
  background-color: #36393e;
}

.theme-dark .search-results-wrap .search-result.expanded .search-result-message {
  background-color: transparent;
}

.theme-dark .search-results-wrap .search-result.expanded .search-result-message.hit {
  background-color: #36393e;
}

.theme-dark .search-results-wrap .action-buttons .jump-button {
  background-color: #535559;
}

.theme-dark .search-results-wrap .results-blocked:hover {
  background-color: rgba(30, 33, 36, .3);
}

.add-friend-input-wrapper {
  background-color: hsla(0, 0%, 100%, .06);
}

.add-friend-input-wrapper .btn:disabled {
  background-color: #7289da;
}

.add-friend-input-wrapper .add-friend-input {
  background-color: transparent;
}

.add-friend-input-wrapper .add-friend-hint {
  background-color: transparent;
}

.theme-dark .add-friend-input-wrapper {
  background-color: rgba(36, 39, 43, .2);
}

.theme-dark .add-friend-input-wrapper .checkmark {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiLz4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMSA3TDkgMTlsLTUuNS01LjUgMS40MS0xLjQxTDkgMTYuMTcgMTkuNTkgNS41OSIvPgogIDwvZz4KPC9zdmc+) 50% no-repeat;
}

#friends {
  background-color: #fff;
}

#friends .btn {
  background-color: #7289da;
}

#friends .btn:hover {
  background-color: #697ec4;
}

#friends .friends-header {
  background-color: #fff;
}

#friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary {
  background-color: #7289da;
}

#friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary .badge {
  background-color: #fff;
}

#friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary:hover:not(.selected) {
  background-color: #697ec4;
}

#friends .friends-header .tab-bar .tab-bar-item .badge {
  background-color: #99aab5;
}

#friends .friends-header .tab-bar .tab-bar-item.selected {
  background-color: #99aab5;
}

#friends .friends-header .tab-bar .tab-bar-item.selected .badge {
  background-color: #fff;
}

#friends .friends-header .tab-bar .tab-bar-item:hover:not(.selected) {
  background-color: rgba(153, 170, 181, .2);
}

#friends .friends-header .tab-bar .tab-bar-separator {
  background-color: #e9e7e7;
}

#friends .friends-table .friend-table-add-wrapper .friend-table-add-header {
  background: -webkit-linear-gradient(top, #fff 3%, hsla(0, 0%, 92%, .21));
  background: linear-gradient(-180deg, #fff 3%, hsla(0, 0%, 92%, .21) 100%);
}

#friends .friends-table .friends-table-header .friends-column-separator {
  background-color: #e9e7e7;
}

#friends .friends-table .friends-row .friends-column-guilds .avatar-small {
  background-color: #7289da;
}

#friends .friends-table .friends-row .friends-column-actions .friends-action {
  background-color: #99aab5;
}

#friends .friends-table .friends-row .friends-column-actions .friends-action:hover {
  background-color: #8a99a3;
}

#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-add:hover {
  background-color: #43b581 !important;
}

#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-remove:hover {
  background-color: #f04747 !important;
}

#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-accept:hover {
  background-color: #43b581 !important;
}

#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-cancel:hover {
  background-color: #f04747 !important;
}

#friends .friends-table .friends-row:hover {
  background: rgba(153, 170, 181, .2);
}

.theme-dark #friends {
  background-color: #36393e;
}

.theme-dark #friends .friends-header {
  background-color: #36393e;
}

.theme-dark #friends .friends-header .tab-bar .tab-bar-item .badge {
  background-color: hsla(0, 0%, 100%, .6);
}

.theme-dark #friends .friends-header .tab-bar .tab-bar-item.selected {
  background-color: #fff;
}

.theme-dark #friends .friends-header .tab-bar .tab-bar-item.selected .badge {
  background-color: #7289da;
}

.theme-dark #friends .friends-header .tab-bar .tab-bar-item:hover:not(.selected) {
  background-color: #2e3136;
}

.theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary {
  background-color: #7289da;
}

.theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary .badge {
  background-color: #fff;
}

.theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary:hover:not(.selected) {
  background-color: #697ec4;
}

.theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary.selected {
  background-color: #fff;
}

.theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary.selected .badge {
  background-color: #7289da;
}

.theme-dark #friends .friends-header .tab-bar .tab-bar-separator {
  background-color: hsla(0, 0%, 100%, .1);
}

.theme-dark #friends .friends-table .friend-table-add-wrapper .friend-table-add-header {
  background: -webkit-linear-gradient(top, rgba(54, 57, 62, .3), rgba(46, 49, 54, .3));
  background: linear-gradient(-180deg, rgba(54, 57, 62, .3) 0, rgba(46, 49, 54, .3) 100%);
}

.theme-dark #friends .friends-table .friend-table-add-wrapper .friend-table-add-header .connect-accounts .connect-account-btn-inner:hover {
  background-color: hsla(0, 0%, 100%, .1);
}

.theme-dark #friends .friends-table .friends-table-header .friends-column-separator {
  background-color: hsla(0, 0%, 100%, .1);
}

.theme-dark #friends .friends-table .friends-row .friends-column-actions .friends-action {
  background-color: #2e3136;
}

.theme-dark #friends .friends-table .friends-row .friends-column-actions .friends-action:hover {
  background-color: #4f545c;
}

.theme-dark #friends .friends-table .friends-row:hover {
  background: #414449;
}

.channel-notices .channel-notice.guild-mfa-warning {
  background: url(/assets/916a384814e3bbd2a84e2a1b352a17c3.svg) center 20px no-repeat #282b30;
}

.channel-notices .channel-notice.invite {
  background: url(/assets/bf625d222187f542b9d7179109422e2c.svg) center 20px no-repeat #282b30;
}

.channel-notices .channel-notice .close {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMTh2MThIMCIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE0LjI1IDQuODA3NUwxMy4xOTI1IDMuNzUgOSA3Ljk0MjUgNC44MDc1IDMuNzUgMy43NSA0LjgwNzUgNy45NDI1IDkgMy43NSAxMy4xOTI1IDQuODA3NSAxNC4yNSA5IDEwLjA1NzVsNC4xOTI1IDQuMTkyNSAxLjA1NzUtMS4wNTc1TDEwLjA1NzUgOSIvPgogIDwvZz4KPC9zdmc+);
}

.channel-notices .channel-notice .message .btn {
  background-color: #36393e;
}

.private-channels {
  background-color: #2e3136;
}

.private-channels .search-result.selected,
.private-channels .search-result:hover {
  background: -webkit-linear-gradient(left, #282b30 85%, #2e3136);
  background: linear-gradient(to right, #282b30 85%, #2e3136);
}

.private-channels .channel .close {
  background: url(/assets/79518c57724241fa0a4272cafc687de8.svg) 50% no-repeat;
}

.private-channels .channel .icon-friends {
  background: url(/assets/78edad9e528abdda340ef4341ac52b57.svg) 50% no-repeat #4f545c;
}

.private-channels .channel:hover {
  background: -webkit-linear-gradient(left, #282b30 85%, #2e3136);
  background: linear-gradient(to right, #282b30 85%, #2e3136);
}

.private-channels .channel:hover .icon-friends {
  background-color: rgba(114, 137, 218, .25);
}

.private-channels .channel.selected {
  background: -webkit-linear-gradient(left, #282b30 85%, #2e3136);
  background: linear-gradient(to right, #282b30 85%, #2e3136);
}

.private-channels .channel.selected .icon-friends {
  background-color: #7289da;
}

#voice-debug-modal #users-section .user-list li:hover {
  background: -webkit-linear-gradient(left, #fbfbfb, #fff);
  background: linear-gradient(90deg, #fbfbfb, #fff);
}

#voice-debug-modal #users-section .user-list li:hover:before {
  background-color: #9cace5;
}

#voice-debug-modal #users-section .user-list li.selected {
  background: -webkit-linear-gradient(left, #f9f9f9, #fff);
  background: linear-gradient(to right, #f9f9f9, #fff);
}

#voice-debug-modal #users-section .user-list li.selected:before {
  background-color: #7289da;
}

#voice-debug-modal .diagnostics-checkbox.warning {
  background-color: #faa61a;
}

#voice-debug-modal .diagnostics-checkbox.success {
  background-color: #43b581;
}

#voice-debug-modal .diagnostics-checkbox.error {
  background-color: #f04747;
}

#voice-debug-modal .diagnostics-checkbox.unknown {
  background-color: #99aab5;
}

#voice-connection-popout .secured:before {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgNDcgOSAxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDQ3IDkgMTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjNDNCNTgxIiBkPSJNOCw1M3YtMi43YzAtMi0xLjQtMy4zLTMuNS0zLjNTMSw0OC4zLDEsNTAuM1Y1M0gwdjZoOXYtNkg4eiBNMiw1MWMwLTIsMS0zLDIuNS0zQzYsNDgsNyw0OSw3LDUxdjJIMlY1MXoiCgkvPgo8L3N2Zz4K) 50% no-repeat;
}

.channels-wrap {
  background: #1c1e22;
}

.download-apps-modal {
  background-color: #fff;
}

.download-apps-modal .images-platforms .platforms .spacer {
  background-color: rgba(115, 127, 141, .2);
}

.notice {
  background-color: #f26522;
}

.notice.notice-info {
  background-color: #4a90e2;
}

.notice.notice-success {
  background-color: #43b581;
}

.notice.notice-danger {
  background-color: #f04747;
}

.notice.notice-streamer-mode {
  background-color: #593695;
}

.notice.notice-brand {
  background-color: #7289da;
}

.notice.notice-enable-notifications {
  background-color: #43b581;
}

.notice .notice-dismiss {
  background: url(/assets/7731c77d99babca1a8faec204d98c380.svg) no-repeat;
}

.notice .btn {
  background: 0 0;
}

.notice .btn.notification .spinner-item {
  background-color: #f9f9f9;
}

.notice .btn:hover {
  background: #fff;
}

.theme-light .layers {
  background: #fff;
}

.theme-dark .layers {
  background: #2e3136;
}

.onboarding-slide input[type=email], .onboarding-slide input[type=number],
.onboarding-slide input[type=password], .onboarding-slide input[type=text],
.onboarding-slide textarea {
  background: 0 0;
}

.onboarding-slide input[type=email]:disabled,
.onboarding-slide input[type=number]:disabled,
.onboarding-slide input[type=password]:disabled,
.onboarding-slide input[type=text]:disabled, .onboarding-slide textarea:disabled {
  background: 0 0;
}

.nuf-page .button.filled {
  background-color: #7289da;
}

.nuf-page .button.filled:disabled {
  background-color: #535559;
}

.nuf-page .button.filled:disabled:hover .nuf-page .button.filled:disabled:active {
  background-color: #535559;
}

.nuf-page .button.filled.btn-success:disabled {
  background-color: #43b581;
}

.nuf-page .button.filled.btn-failure {
  background-color: #f04747;
}

.nuf-page .button.filled:hover {
  background-color: #677bc4;
}

.nuf-page .button.filled:active {
  background-color: #6174b9;
}

.onboarding-navigation {
  background-color: #36393e;
}

.onboarding-navigation .onboarding-navigation-controls {
  background-color: #36393e;
}

.onboarding-navigation .button {
  background: #fff;
}

.onboarding-navigation .button.button-skip {
  background-color: transparent;
}

.onboarding-navigation .step-status .step {
  background: #87909c;
}

.onboarding-navigation .step-status .step.current {
  background-color: #7289da;
}

.button-circle-uploader .avatar-uploader .avatar-uploader-inner {
  background-color: transparent;
}

.onboarding-slide.guild-settings .region-select {
  background-color: transparent;
}

.onboarding-slide.guild-settings .region-select button {
  background-color: transparent;
}

.onboarding-slide.mic-test .content.listening,
.onboarding-slide.mic-test .content.loading {
  background-color: #677bc4;
}

.onboarding-slide.mic-test .content.success {
  background-color: #43b581;
}

.onboarding-slide.mic-test .content.error {
  background-color: #faa61a;
}

.onboarding-slide.mic-test .content .button {
  background-color: transparent;
}

.onboarding-slide.mic-test .content.waiting .button {
  background-color: #fff;
}

.onboarding-slide.mic-test .content .mic-test-animation .dot {
  background-color: #fff;
}

.onboarding-slide.mic-test .content .mic-input-dropdown .Select-control {
  background-color: transparent;
}

.onboarding-slide.mic-test .content .mic-input-dropdown .Select-control:hover {
  background-color: hsla(0, 0%, 100%, .1);
}

.onboarding-slide.app-downloads .mobile-app-platform.ios:after {
  background-color: #3f4349;
}

.onboarding-slide.claim-account .claim-success {
  background-color: #36393e;
}

.app.fake {
  background-color: #36393e;
}

.app.fake .channels-wrap {
  background-color: #2e3136;
}

@font-face {
  font-family: Whitney;
  font-style: light;
  font-weight: 300;
  src: url(/assets/6c6374bad0b0b6d204d8d6dc4a18d820.woff) format("woff");
}

@font-face {
  font-family: Whitney;
  font-style: normal;
  font-weight: 500;
  src: url(/assets/e8acd7d9bf6207f99350ca9f9e23b168.woff) format("woff");
}

@font-face {
  font-family: Whitney;
  font-style: medium;
  font-weight: 600;
  src: url(/assets/3bdef1251a424500c1b3a78dea9b7e57.woff) format("woff");
}

@font-face {
  font-family: Whitney;
  font-style: bold;
  font-weight: 700;
  src: url(/assets/8e12fb4f14d9c4592eb8ec9f22337b04.woff) format("woff");
}

@font-face {
  font-family: WhitneyMedium;
  font-style: medium;
  font-weight: 600;
  src: url(/assets/be0060dafb7a0e31d2a1ca17c0708636.woff) format("woff");
}

@font-face {
  font-family: SourceCodePro;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/375f5d0b0a54b53b92c351d7475eb152.woff) format("woff");
}

@font-face {
  font-family: SourceCodePro;
  font-style: normal;
  font-weight: 600;
  src: url(/assets/c383b1af097688e4ef1637838c2befe1.woff) format("woff");
}

body {
  background: 0 0;
}

.theme-dark .chat {
  background-color: #36393e;
}

.theme-dark .chat .jump-to-present-bar {
  background-color: rgba(115, 127, 141, .9);
}

.theme-dark .chat .jump-to-present-bar:hover {
  background-color: #737f8d;
}

.theme-dark .chat .title-wrap {
  background-color: #36393e;
}

.theme-dark .chat .title-wrap .title.channel-group-dm .channel-name.focus,
.theme-dark .chat .title-wrap .title.channel-group-dm .channel-name:hover {
  background: rgba(0, 0, 0, .1);
}

.theme-dark .chat .title-wrap .channel-mute-button {
  background: url(/assets/66cd452345ef15f6521d35f3fa877ef2.svg) 50% no-repeat;
}

.theme-dark .chat .title-wrap .topic:before {
  background-color: hsla(0, 0%, 85%, .1);
}

.theme-dark .chat .title-wrap .topic .mention {
  background-color: rgba(115, 139, 215, .1);
}

.theme-dark .chat .title-wrap .topic .mention:hover {
  background-color: rgba(115, 139, 215, .7);
}

.theme-dark .chat .empty-message {
  background: url(/assets/5eed3f20bc3c75fd5ff63c60df8f679d.png) 0 100% no-repeat,
                url(/assets/129bf63f677720a34bc7ffeb74468a0e.png) 100% 100% no-repeat;
}

.theme-dark .chat .has-more button {
  background: #32353a;
}

.theme-dark .chat form .typing {
  background-color: #36393e;
}

.theme-dark .chat form .typing .ellipsis div {
  background-color: hsla(0, 0%, 100%, .8);
}

.theme-dark .chat .private-channel-call {
  background-color: #161819;
}

.theme-dark .chat .private-channel-call .btn-icon {
  background: #36393e;
}

.theme-dark .chat .private-channel-call .btn-icon:hover {
  background: #4a4d51;
}

.theme-dark .chat .private-channel-call .ripple {
  background: #fff;
}

.theme-dark .chat>.content, .theme-dark .friends-table,
.theme-dark .messages-wrapper {
  background-color: #36393e;
}

.theme-dark .friends-table .scroller-wrap::-webkit-scrollbar-thumb,
.theme-dark .messages-wrapper .scroller-wrap::-webkit-scrollbar-thumb {
  background-color: #1e2124;
}

.theme-dark .friends-table .scroller-wrap::-webkit-scrollbar-track-piece,
.theme-dark .messages-wrapper .scroller-wrap::-webkit-scrollbar-track-piece {
  background-color: #2e3136;
}

.theme-dark .friends-table .scroller-wrap.polyfill .scrollbar,
.theme-dark .friends-table .scroller-wrap.polyfill .scrollbar:after,
.theme-dark .messages-wrapper .scroller-wrap.polyfill .scrollbar,
.theme-dark .messages-wrapper .scroller-wrap.polyfill .scrollbar:after {
  background-color: #36393e;
}

.theme-dark .friends-table .scroller-wrap.polyfill .scrollbar .thumb,
.theme-dark .messages-wrapper .scroller-wrap.polyfill .scrollbar .thumb {
  background-color: #36393e;
}

.theme-dark .friends-table .scroller-wrap.polyfill .scrollbar .thumb:after,
.theme-dark .messages-wrapper .scroller-wrap.polyfill .scrollbar .thumb:after {
  background-color: #1e2124;
}

.theme-dark .friends-table .scroller-wrap.polyfill .scrollbar .track,
.theme-dark .messages-wrapper .scroller-wrap.polyfill .scrollbar .track {
  background-color: #2e3136;
}

.theme-dark .friends-table .messages .divider span,
.theme-dark .friends-table .messages .divider:before,
.theme-dark .messages-wrapper .messages .divider span,
.theme-dark .messages-wrapper .messages .divider:before {
  background-color: #36393e;
}

.theme-dark .friends-table .messages .divider:not(.red) div,
.theme-dark .messages-wrapper .messages .divider:not(.red) div {
  background: #474a4f;
}

.theme-dark .friends-table .messages .divider.divider-red>div,
.theme-dark .messages-wrapper .messages .divider.divider-red>div {
  background: #f04747;
}

.theme-dark .friends-table .messages .message-group-blocked,
.theme-dark .messages-wrapper .messages .message-group-blocked {
  background: #34373c;
}

.theme-dark .friends-table .messages .message-group-blocked.revealed,
.theme-dark .messages-wrapper .messages .message-group-blocked.revealed {
  background: #32353a;
}

.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: #32353a;
}

.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: #303237;
}

.theme-dark .channel-textarea-inner {
  background-color: hsla(0, 0%, 100%, .06);
}

.theme-dark .channel-textarea-inner textarea {
  background-color: transparent;
}

.theme-dark .channel-textarea-inner .channel-textarea-upload:hover {
  background-color: hsla(0, 0%, 100%, .06);
}

.theme-dark .channel-textarea-autocomplete-inner {
  background-color: #424549;
}

.theme-dark .channel-textarea-autocomplete-inner header {
  background-color: hsla(0, 0%, 100%, .2);
}

.theme-dark .channel-textarea-autocomplete-inner ul li.active {
  background: #3b3d42;
}

.theme-dark .channel-textarea-autocomplete-inner ul.images li {
  background: hsla(0, 0%, 100%, .2);
}

.theme-dark .channel-textarea-upload {
  background: url(/assets/24972a3b5eac2034c73f575c6a49207b.svg) 50% no-repeat;
}

.theme-dark .channel-textarea-upload:hover {
  background: url(/assets/623ccc7d43748a9622c078748ea9e706.svg) 50% no-repeat;
  background-color: hsla(0, 0%, 100%, .06);
}

.theme-dark .channel-textarea-upload:active {
  background-color: #e9ebec;
}

.theme-dark .channel-members {
  background-color: #2e3136;
}

.theme-dark .channel-members .member.popout-open,
.theme-dark .channel-members .member:hover {
  background: -webkit-linear-gradient(left, #282b30 85%, #2e3136);
  background: linear-gradient(to right, #282b30 85%, #2e3136);
}

.theme-dark .channel-members-loading {
  background-color: #535559;
}

.theme-dark .themed-popout {
  background-color: #2e3136;
}

.theme-dark .themed-popout .header {
  background-color: #35393e;
}

.theme-dark .themed-popout .footer {
  background-color: rgba(40, 43, 48, .6);
}

.theme-dark .private-channel-recipients-invite .friend {
  background: #2e3136;
}

.theme-dark .private-channel-recipients-invite .friend.selected,
.theme-dark .private-channel-recipients-invite .friend:hover {
  background: -webkit-linear-gradient(left, #282b30 85%, #2e3136);
  background: linear-gradient(to right, #282b30 85%, #2e3136);
}