BetterDiscordApp-v1/dev/css/main.css

#custom-css-ta {
  background: #D8D8D8;
  height: 200px;
  font-family: "Consolas";
}

.spoiler {
  color: transparent !important;
}
.spoiler img {
  display: none;
}
.spoiler:before {
  content: "Spoiler";
  display: block;
  background: #1D1D1D;
  color: #ADADAD !important;
  min-height: 30px;
  text-align: center;
  line-height: 100%;
  font-family: "Consolas";
  padding-top: 5px;
}

.emotemenu-enabled .channel-textarea-inner textarea {
  margin-right: 45px !important;
}

#bdbeta {
  background: red;
}

#emote-menu {
  background: #36393E;
  height: 0;
  width: 300px;
  position: absolute;
  bottom: 45px;
  right: 0;
  border: 1px solid #000;
  border-radius: 5px 0 0 0;
  overflow: hidden;
  visibility: hidden;
  transition: all 1s;
  -webkit-transition: all 1s;
}

.emotemenu-open {
  height: 450px !important;
  visibility: visible !important;
}

#emote-menu-header {
  width: 100%;
  height: 30px;
  background-color: #36393E;
}

.emote-menu-tab {
  float: left;
  width: 130px;
  text-align: center;
  padding: 7px;
  color: #ADADAD;
  background-color: #424549;
  cursor: pointer;
}
.emote-menu-tab:hover {
  background-color: #45484C;
}

#emote-menu-inner, #emote-menu-inner-fav {
  height: 412px;
}

.emote-menu-tab-selected {
  background-color: #36393E;
}
.emote-menu-tab-selected:hover {
  background-color: #36393E;
}

#emote-container {
  padding: 10px;
}

.emote-container {
  display: inline-block;
  padding: 2px;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  position: relative;
}

.emote-icon {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

.emote-container:hover {
  background: rgba(123, 123, 123, 0.37);
}

.emoteflip, .emotespinflip {
  transform: scaleX(-1);
}

.emotespin {
  animation: 1s emote-spin infinite linear;
}

.emote1spin {
  animation: 1s emote-spin-reverse infinite linear;
}

.emotespin2 {
  animation: 0.5s emote-spin infinite linear;
}

.emote2spin {
  animation: 0.5s emote-spin-reverse infinite linear;
}

.emotespin3 {
  animation: 0.2s emote-spin infinite linear;
}

.emote3spin {
  animation: 0.2s emote-spin-reverse infinite linear;
}

.emotepulse {
  animation: 1s emote-pulse infinite linear;
}

.emotetr {
  transform: translateX(-3px);
}

.emotebl {
  transform: translateY(-3px);
}

.emotebr {
  transform: translate(-3px, -3px);
}

.emoteshake {
  animation: 1s emote-shake infinite linear;
}

.emoteflap {
  transform: scaleY(-1) !important;
}

.emoteshake2 {
  animation: emote-shake2 0.3s linear infinite;
}

.emoteshake3 {
  animation: emote-shake3 0.1s linear infinite;
}

@keyframes emote-shake2 {
  25% {
    transform: translate(-1px, -1px);
  }
  50% {
    transform: translate(-1px, 1px);
  }
  75% {
    transform: translate(1px, 1px);
  }
  75% {
    transform: translate(1px, -1px);
  }
}
@keyframes emote-shake3 {
  25% {
    transform: translate(-1px, -1px);
  }
  50% {
    transform: translate(-1px, 1px);
  }
  75% {
    transform: translate(1px, 1px);
  }
  75% {
    transform: translate(1px, -1px);
  }
}
@keyframes emote-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes emote-spin-reverse {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
@keyframes emote-pulse {
  0% {
    -webkit-transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.2, 1.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
  }
}
@keyframes emote-shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
#tc-settings-panel {
  position: fixed;
  width: 50%;
  height: 75%;
  background: #2e3136;
  display: block;
  z-index: 9001;
  margin-left: 25%;
  margin-top: 5%;
  border: 1px solid #000;
  box-shadow: 0 0 20px 0 #000;
  max-height: 800px;
  min-width: 750px;
}

#tc-settings-panel-header {
  background: #36393e;
  height: 60px;
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 0 0 #4e4e4e;
}
#tc-settings-panel-header h2 {
  margin: 0;
  line-height: 60px;
  margin-left: 10px;
  color: #ADADAD;
  display: inline-block;
  float: left;
}
#tc-settings-panel-header span {
  float: right;
  display: inline;
  line-height: 50px;
  margin-right: 15px;
  font-size: 29px;
  font-weight: bold;
  color: #ADADAD;
}

#rmenu {
  width: auto;
  background: #505050;
  position: absolute;
  z-index: 999999;
  display: none;
  box-shadow: 0 0 2px #000;
  padding: 2px;
}
#rmenu ul a {
  text-decoration: none;
  color: #FFF;
  padding: 3px;
}

#tc-settings-panel-body {
  overflow: auto;
}
#tc-settings-panel-body ul {
  overflow: auto;
  position: absolute;
  padding: 0;
  margin-top: 0;
  border-bottom: 1px solid #000;
  left: 0;
  right: 0;
  bottom: 40px;
  top: 61px;
}
#tc-settings-panel-body ul li {
  padding: 15px;
  color: #ADADAD;
  background: #2E3136;
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 0 #404040 inset;
}
#tc-settings-panel-body ul li:nth-child(odd) {
  background: #33363B;
}
#tc-settings-panel-body ul li h2 {
  display: inline;
}

#tc-links a {
  color: #FFF;
}

#tc-settings-panel-footer {
  background: #36393e;
  height: 40px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  border-top: 1px solid #000;
  box-shadow: 0 1px 0 #505050 inset;
  line-height: 40px;
  padding-left: 10px;
  color: #ADADAD !important;
}

#tc-links {
  float: right;
  margin-right: 10px;
}

.tc-switch {
  background: #2e3136;
  width: 100px;
  height: 24px;
  display: inline-block;
  float: right;
  margin: -7px;
  border: 1px solid #000;
  outline: 1px solid #404040;
  cursor: pointer;
}
.tc-switch.disabled {
  background: gray;
  cursor: default;
}
.tc-switch.disabled span {
  background: gray !important;
}
.tc-switch.disabled .tc-switch-on {
  border-left: 1px gray !important;
}
.tc-switch span {
  line-height: 24px;
  display: inline-block;
  width: 49px;
  text-align: center;
  height: 24px;
}

.tc-switch-off {
  border-right: 1px solid #000;
}

.tc-switch-on {
  border-left: 1px solid #404040;
}
.tc-switch-on.active {
  background: green;
  border-left: 1px solid #00AE08;
}

.tc-switch-off.active {
  background: #860606;
}

.bd-minimal .avatar-large {
  max-width: 20px;
  max-height: 20px;
  background-size: 100%;
  margin-right: 2px;
  margin-top: 0;
  border-radius: 0;
}
.bd-minimal .comment {
  border-left: 2px solid #EBEBEB;
  padding-left: 2px;
}
.bd-minimal .theme-dark .comment {
  border-left: 2px solid #303030;
}
.bd-minimal .user-name {
  font-size: small;
}
.bd-minimal.bd-minimal-chan .channels-wrap {
  display: none;
}
.bd-minimal .message-group {
  padding: 5px;
}
.bd-minimal .embed {
  padding: 2px;
}
.bd-minimal .channel-members .avatar-small {
  max-width: 15px;
  max-height: 15px;
  background-size: 15px 15px;
}
.bd-minimal .channel-members .avatar-small .status {
  height: 5px;
  width: 5px;
}
.bd-minimal .channel-members .member {
  padding: 5px;
}
.bd-minimal .channel-members-wrap {
  min-width: 0px;
}
.bd-minimal .channel-members h2 {
  margin-top: 3px;
}
.bd-minimal .account .avatar-small, .bd-minimal .account .username {
  display: none;
}
.bd-minimal .channel-text a {
  padding: 5px !important;
  font-size: small;
}
.bd-minimal .guild-channels ul .channel-voice {
  padding: 5px !important;
  font-size: small;
}
.bd-minimal .guild-channels h2 {
  padding: 2px;
}
.bd-minimal .guild-channels header spann {
  font-size: 12px;
}
.bd-minimal .channels-wrap {
  width: 160px;
}
.bd-minimal .channels-wrap .guild-channels {
  padding: 0;
}
.bd-minimal .guilds li {
  width: 20px;
  height: 20px;
  background-size: 100%;
  font-size: 15px;
  line-height: 20px;
}
.bd-minimal .guilds li .avatar-small {
  width: 20px;
  height: 20px;
  background-size: 100%;
  font-size: 15px;
  line-height: 20px;
}
.bd-minimal .guilds li .guild-inner {
  width: 20px;
  height: 20px;
  background-size: 100%;
  font-size: 15px;
  line-height: 20px;
}
.bd-minimal .guilds li .guild-inner a {
  width: 20px;
  height: 20px;
  background-size: 100%;
  font-size: 15px;
  line-height: 20px;
}
.bd-minimal .guilds .friends-icon {
  width: 20px;
  height: 20px;
  background-size: 100%;
  font-size: 15px;
  line-height: 20px;
}
.bd-minimal .guilds-wrapper {
  width: 45px;
}
.bd-minimal .guilds li.active .guild-inner:before {
  height: 20px;
  margin-top: -10px;
}
.bd-minimal .guilds-add {
  font-size: 20px;
  line-height: 14px;
}
.bd-minimal .guilds li.audio .guild-inner:after {
  width: 12px;
  height: 12px;
  background-size: 12px;
}

.emotewrapper {
  display: inline-block;
  position: relative;
}
.emotewrapper:hover .fav {
  display: block;
}

.fav {
  display: none;
  position: absolute;
  width: 15px;
  height: 15px;
  right: -7px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAzFBMVEUAAABQUFBMTExLS0tNTU1MTExNTU1NTU1MTExMTExNTU1LS0tEREBEREBEREBEREBJSUhLS0tLS0tEREBNTU1NTU1NTU1EREArKyhNTU1NTU0AAABMTExKSklMTExNTU1NTU1NTU1KSkpMTExKSkhNTU1KSkpISEZNTU1LS0tAQDxOTk5KSkpLS0tNTU1MTExMTEx/f39MTExMTExLS0pLS0tMTExNTU1NTU1LS0pNTU1NTU1NTU1NTU1NTU1NTUxNTU1NTU1NTUxMTEzB8C/5AAAAOnRSTlMAI8X96oWAgYSF68QBAg0PMCb9BIuLgQUD4N0Bh0mKhZSOQ4gcrKscaW8QRE6fmJyjAshASceG7cIpqQOxTQAAALVJREFUGFddx6FOA0EYAOGZvd07Qm6vVCAAgUUgQEDfX/YZMAigqaFN7iC5tsmPqGPUN/AvUVeoEbGOCElJz08Uzeixqu4AqomVVSNngOVjTqDGZSl3UFtPGV2ot2zaq96YM9p5Ddzcf/nTTAlj+/sNtNu8OcwkIsbPBtrUfMQeEhGQmHbmGIFMwLPzu6UMIwBNgToshgq8Nr2ki+Oy7ebDHp70LRPWB6OZgfWLWei7fJonOOsPCGA9kVlssOoAAAAASUVORK5CYII=");
  border: none;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #303030;
  border-radius: 5px;
  top: -7px;
  cursor: pointer;
}

#bd-ps-container {
  position: fixed;
  width: 50%;
  height: 75%;
  background: #2e3136;
  display: block;
  z-index: 9001;
  margin-left: 25%;
  margin-top: 5%;
  border: 1px solid #000;
  box-shadow: 0 0 20px 0 #000;
  max-height: 800px;
  min-width: 750px;
}

#bd-ps-header {
  background: #36393e;
  height: 60px;
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 0 0 #4e4e4e;
}
#bd-ps-header h2 {
  margin: 0;
  line-height: 60px;
  margin-left: 10px;
  color: #ADADAD;
  display: inline-block;
  float: left;
}
#bd-ps-header span {
  float: right;
  display: inline;
  line-height: 50px;
  margin-right: 15px;
  font-size: 29px;
  font-weight: bold;
  color: #ADADAD;
}

#bd-ps-body {
  position: absolute;
  padding: 0;
  margin-top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: 61px;
  overflow: auto;
}

.bd-ps-server {
  width: 100%;
  height: 200px;
}

.bd-ps-server-header {
  height: 50px;
  width: 100%;
  margin-top: 1px;
  background: #202020;
  color: #AEAEAE;
  line-height: 50px;
  font-size: 20px;
}
.bd-ps-server-header span {
  margin-left: 10px;
}

.bd-ps-server-body {
  padding: 5px;
}

.bd-ps-server-icon {
  width: 90px;
  height: 90px;
  background: #202020;
  display: inline-block;
}

.bd-ps-server-info {
  position: absolute;
  height: 190px;
  display: inline-block;
  left: 100px;
  right: 5px;
  color: #AEAEAE;
  overflow: auto;
}

#bd-ps-body table {
  width: 100%;
  margin: 0;
  padding: 0;
  border-color: red;
  border-collapse: collapse;
  text-align: left;
}
#bd-ps-body table th {
  background-color: #202020;
  color: #EDEDED;
  height: 50px;
  padding-left: 5px;
}
#bd-ps-body table tr {
  margin: 0;
  padding: 0;
  height: 50px;
  background-color: #33363B;
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 0 #404040 inset;
}
#bd-ps-body table tr td {
  padding-left: 5px;
  color: #EDEDED;
  min-width: 100px;
}
#bd-ps-body .description {
  overflow: auto;
  max-height: 60px;
  word-wrap: break-word;
}
#bd-ps-body table tr:nth-child(odd) {
  background-color: #2E3136;
}

#bd-show-channels {
  display: none;
  width: 12px;
  height: 18px;
  background: #2e3136;
  position: absolute;
  left: 33px;
  top: 79px;
  text-align: left !important;
  padding: 0px !important;
  padding-left: 3px !important;
  color: #EBEBEB;
}

.bd-minimal-chan #bd-show-channels {
  display: block !important;
}

.tipsy {
  z-index: 9000000001 !important;
  position: absolute;
  padding: 5px;
  display: block;
  visibility: visible;
  opacity: 0.8;
}

.tipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  bottom: 0;
  right: 10px;
  border-bottom: none;
  border-top-color: black;
}

.tipsy-inner {
  background-color: black;
  color: white;
  max-width: 300px;
  padding: 5px 8px 4px;
  text-align: center;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

#bd-psd-container {
  position: fixed;
  width: 50%;
  height: 75%;
  display: block;
  margin-left: 25%;
  margin-top: 5%;
  box-shadow: 0 0 20px 0 #000;
  background: #2E3135;
  border: 1px solid #25282C;
  min-width: 750px;
  min-height: 800px;
}

#bd-psd-header {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #25282C;
  line-height: 40px;
  color: #ADADAD;
}
#bd-psd-header span {
  margin-left: 10px;
}

#bd-psd-body {
  height: 100%;
  width: 100%;
}

#bd-psd-table {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
  color: #ADADAD;
}
#bd-psd-table thead th {
  background: #1D1D1D;
  padding: 5px;
}
#bd-psd-table tbody td {
  padding: 5px;
}
#bd-psd-table tbody tr {
  background: #292C30;
}
#bd-psd-table tbody tr:nth-child(odd) {
  background: #2E3135;
}
#bd-psd-table button {
  background: #292C30;
  border: 1px solid #1D1D1D;
  width: 60px;
  height: 30px;
  color: #ADADAD;
  cursor: pointer;
}
#bd-psd-table button:hover {
  background: #2E3135;
}

#bd-psd-header a {
  float: right;
  margin-right: 10px;
  font-size: 30px;
  color: #ADADAD;
  text-decoration: none;
  margin-top: -7px;
}

.bd-g-table {
  text-align: left;
  width: 520px;
  white-space: nowrap;
}
.bd-g-table thead th {
  background: #EBEBEB !important;
  color: #87909c !important;
  padding: 5px !important;
}
.bd-g-table tbody tr {
  background: #E0E0E0 !important;
}
.bd-g-table tbody tr:nth-child(odd) {
  background: #ECECEC !important;
}
.bd-g-table tbody td {
  color: #87909c !important;
  padding: 5px !important;
  font-size: small;
}
.bd-g-table textarea {
  width: 100% !important;
  background: #E0E0E0 !important;
  border: none !important;
  resize: none !important;
  font-size: small !important;
  margin: 0 !important;
  padding: 0 !important;
}
.bd-g-table input {
  margin: 0 !important;
  padding: 0 !important;
}

.message-group.compact .message .markup .message-content {
  text-indent: 0;
}

.bd-psb {
  background-image: url("data:image/png;base64,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");
  width: 25px;
  height: 25px;
  background-color: transparent;
  background-size: 100%;
}

.bd-psm {
  position: fixed;
  pointer-events: auto;
  width: 490px;
  height: 460px;
  background-color: white;
  z-index: 900000;
  margin: auto;
  right: 0;
  left: 170px;
  top: -60px;
  bottom: 0;
  box-shadow: 0 0 10px 5px rgba(193, 193, 193, 0.75);
  border: 1px solid #EBEBEB;
}

.bd-alert {
  position: absolute;
  width: 600px;
  height: 200px;
  left: 0;
  right: 0;
  top: 300px;
  background-color: #2E3136;
  margin: auto;
  border: 1px solid #323232;
  box-shadow: 0 0 5px 3px rgba(30, 30, 30, 0.5);
  color: #EBEBEB;
}

.bd-alert-header {
  height: 25px;
  background: #36393E;
}
.bd-alert-header span {
  line-height: 25px;
  margin-left: 5px;
}

.bd-alert-closebtn {
  cursor: pointer;
  float: right;
  margin-right: 5px;
  margin-top: 2px;
}
.bd-alert-closebtn:hover {
  color: #ADADAD;
}

.bd-alert-body {
  height: 178px;
}
.bd-alert-body a {
  color: #FFF !important;
}
.bd-alert-body .scroller-wrap {
  height: 178px;
}
.bd-alert-body .scroller-wrap .scroller {
  padding: 5px;
  word-wrap: break-word;
}

.channel-textarea-inner textarea {
  margin-right: 40px;
}

.servericon {
  width: 64px;
  display: inline-block;
  background-size: 100% auto;
  height: 64px;
}

.serverinfo {
  display: inline-block;
}

#pubs-container {
  width: 800px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -284.5px;
  margin-left: -400px;
  background: #FFF;
  z-index: 9000000;
}
#pubs-container .scroller-wrap {
  height: 500px;
}

#pubs-header {
  background: #7289da;
  padding: 5px 12px 5px 5px;
}
#pubs-header h2 {
  display: inline-block;
  font-weight: 600;
  color: #FFF;
}
#pubs-header input, #pubs-header button {
  float: right;
}
#pubs-header input {
  border: none;
  height: 30px;
  width: 100px;
  color: #555;
  background-color: #fff;
  -webkit-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
}
#pubs-header input:focus {
  width: 300px;
}
#pubs-header button {
  height: 32px;
  background-color: #f9f9f9;
  color: #949494;
}

#pubs-footer {
  height: 25px;
  line-height: 25px;
  background: #7289da;
}
#pubs-footer div {
  float: right;
  margin-right: 5px;
  font-weight: 600px;
  color: #FFF;
}
#pubs-footer a {
  color: #FFF;
  text-decoration: none;
  font-weight: 800;
}

.server-row {
  padding: 5px;
  display: flex;
  background-color: #FFF;
}
.server-row:nth-child(odd) {
  background-color: #F3F3F3;
}

.server-icon {
  width: 64px;
  height: 64px;
  background-size: 100% auto;
}

.server-info {
  display: flex;
  flex-flow: column;
  line-height: 64px;
  margin-left: 20px;
}
.server-info span {
  font-size: 16px;
  color: #000;
  font-weight: 600;
}
.server-info a {
  color: #4056a2;
  text-decoration: none;
  font-weight: 800;
  margin-left: 5px;
}
.server-info button {
  width: 90px;
  height: 48px;
  margin-top: 8px;
  background-color: #738bd7;
  color: #fff;
  font-size: 19px;
}
.server-info button:hover {
  background-color: #697ec4;
}

.server-name {
  flex-grow: 100;
}
.server-name span {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
  white-space: nowrap;
}

.server-region {
  min-width: 85px;
}

#pubs-spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
}

#pubs-container .scroller::-webkit-scrollbar-track-piece, #pubs-container .scroller::-webkit-scrollbar-thumb {
  border-radius: 0;
}

.bd-hide-bd .callout-backdrop {
  display: none;
}

.bd-detached-editor .app {
  width: 70%;
}

#bd-customcss-detach-container {
  position: absolute;
  width: 30%;
  top: 0;
  right: 0;
  bottom: 0;
  padding-top: 58px;
  background-color: #36393e;
}

#bd-customcss-detach-editor {
  height: calc(100% - 87px);
}
#bd-customcss-detach-editor #bd-customcss-innerpane, #bd-customcss-detach-editor .CodeMirror {
  height: 100%;
}

#bd-customcss-detach-controls {
  background: #E8E8E8;
  border-top: 1px solid #ADADAD;
  -webkit-box-shadow: inset 0px 1px 0px 0px white;
  height: 100%;
  padding: 5px;
}
#bd-customcss-detach-controls .checkbox-group li {
  margin-top: 5px;
  display: inline-block;
}
#bd-customcss-detach-controls button {
  width: 90px;
  height: 30px;
  margin-top: 8px;
  background-color: #738bd7;
  color: #fff;
  font-size: 19px;
}

#bd-customcss-detach-controls-buttons {
  bottom: 5px;
}

#editor-detached {
  margin-top: 50px;
}
#editor-detached h3 {
  text-align: center;
  font-size: 30px;
}
#editor-detached .btn {
  left: 50%;
  margin-left: -100px;
  margin-top: 10px;
  width: 200px;
  height: 60px;
}

#bd-customcss-attach-controls {
  background: #E8E8E8;
  border: 1px solid #FFF;
  border-top: 1px solid #ADADAD;
  -webkit-box-shadow: inset 0px 1px 0px 0px white;
  height: 100%;
  padding: 5px;
  height: 75px;
}
#bd-customcss-attach-controls .checkbox-group {
  margin-bottom: 0;
}
#bd-customcss-attach-controls .checkbox-group li {
  margin-top: 5px;
  display: inline-block;
}
#bd-customcss-attach-controls button {
  margin: 0;
  width: 100px;
}

#bd-customcss-detach-container #bd-customcss-detach-controls-buttons button {
  width: 90px;
  height: 30px;
  margin-top: 8px;
  background-color: #738bd7;
  color: #fff;
  font-size: 19px;
}

.emoji-picker {
  box-shadow: none;
  border-top: none;
  border-radius: 0 0 5px 5px;
}

#bda-qem {
  border-radius: 5px 5px 0 0;
  background: #FFF;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  height: 30px;
  display: flex;
  flex-direction: row;
  padding-right: 1px !important;
}
#bda-qem button {
  border-left: 1px solid #EFEFEF;
  background: transparent;
  box-shadow: #CECECE 1px 0 0 0;
  flex-grow: 1;
}
#bda-qem button:hover {
  background: #ECECEC;
}

#bda-qem-twitch {
  border-radius: 5px 0 0 0;
  order: 2;
}

#bda-qem-emojis {
  border-radius: 0 5px 0 0;
  order: 3;
}

#bda-qem-favourite {
  order: 3;
}

#bda-qem button.active {
  background-color: #E2E2E2;
}

#bda-qem-twitch-container, #bda-qem-favourite-container {
  width: 346px;
  height: 327px;
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
}

#bda-qem-twitch-container .scroller-wrap, #bda-qem-favourite-container .scroller-wrap {
  height: 100%;
}

.emote-menu-inner {
  padding: 5px 0 0 15px;
}

#rmenu {
  left: 25px;
  display: block !important;
  cursor: pointer;
  color: #FFF;
  position: fixed;
}

.bda-qme-hidden #bda-qem-emojis {
  display: none;
}

.bda-dark #bda-qem-favourite-container, .bda-dark #bda-qem-twitch-container {
  background-color: #353535;
}
.bda-dark #bda-qem {
  border-bottom: 1px solid #464646 !important;
  background: #353535;
}
.bda-dark #bda-qem button {
  background: #353535;
  border-left: 1px solid #242424;
  box-shadow: #424242 1px 0 0 0;
  color: #FFF;
}
.bda-dark #bda-qem button.active {
  background-color: #292929;
}
.bda-dark #bda-qem button:hover {
  background-color: #303030;
}
.bda-dark #bda-qem-favourite-container, .bda-dark #bda-qem-twitch-container {
  background-color: #353535;
}
.bda-dark .emoji-picker {
  background-color: #353535;
}
.bda-dark .emoji-picker .category {
  background-color: #353535;
}
.bda-dark .emoji-picker .header .search-bar {
  background-color: #2B2B2B;
}
.bda-dark .emoji-picker .search-bar input {
  color: #FFF;
}
.bda-dark .emoji-picker .search-bar input::-webkit-input-placeholder {
  color: #FFF;
}
.bda-dark .emoji-picker .scroller .emoji-item.selected {
  background: rgba(123, 123, 123, 0.37);
}
.bda-dark .emoji-picker .dimmer.visible {
  background-color: rgba(62, 62, 62, 0.65);
}
.bda-dark .emoji-picker .diversity-selector .popout {
  background: #353535;
  border-color: #202020;
}
.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar, .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track, .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track-piece {
  background-color: #303030 !important;
  border-color: #303030 !important;
}
.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar, .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track, .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track-piece {
  background-color: #303030 !important;
  border-color: #303030 !important;
}
.bda-dark .emoji-picker .scroller::-webkit-scrollbar, .bda-dark .emoji-picker .scroller::-webkit-scrollbar-track, .bda-dark .emoji-picker .scroller::-webkit-scrollbar-track-piece {
  background-color: #303030 !important;
  border-color: #303030 !important;
}
.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-thumb, .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-thumb, .bda-dark .emoji-picker .scroller::-webkit-scrollbar-thumb {
  border-color: #202020 !important;
  background-color: #202020 !important;
}

/*# sourceMappingURL=main.css.map */