@import url(https://fonts.googleapis.com/css?family=Satisfy);
@import url("https://rawgit.com/0mniscient/Discord-Themes/master/css/Tags.css");

/* User Settings */
:root {
	--theme-name: "Quiet";
	--theme-version: "2.0";
}

/* Dark Mode Settings */

.app.theme-dark, .theme-dark, .theme-dark .theme-light, .theme-dark.popouts, .theme-light.popouts+.tooltips, .tooltips+.theme-dark {
  --primary-color: #19191b;
  /* primary background color */
  --secondary-color: #1E1E21;
  /* secondary background color */
  --tertiary-color: #232327;
  /* tertiary background color */
  --quaternary-color: #101011;
  /* quaternary background color */
  --rs-spacing: 2px;
  /* spacing between avatar and status */
  --rs-width: 2px;
  /* width of the status */
  --rs-popout-spacing: 3px;
  /* spacing between avatar and status for user popouts */
  --rs-popout-width: 4px;
  /* width of the status for user popouts */
  --rs-profile-spacing: 3px;
  /* spacing between avatar and status on modals/profiles */
  --rs-profile-width: 4px;
  /* width of the status on modals/profiles */
  --rs-online-color: #43b581;
  /* color for online status */
  --rs-idle-color: #faa61a;
  /* color for idle status */
  --rs-dnd-color: #f04747;
  /* color for dnd status */
  --rs-offline-color: #636b75;
  /* color for offline status */
  --rs-invisible-color: #747f8d;
  /* color for invisible status - Note this will only show for your own invisibility */
  --rs-streaming-color: #643da7;
  /* color for streaming status */
}

/* Light Mode Settings */

.app.theme-light, .theme-light, .theme-light .theme-light, .theme-light.popouts, .theme-light.popouts+.tooltips, .tooltips+.theme-light {
  --primary-color: #ffffff;
  /* primary background color */
  --secondary-color: #f3f3f3;
  /* secondary background color */
  --tertiary-color: #eeeeee;
  /* tertiary background color */
  --quaternary-color: #dbdbdb;
  /* quaternary background color */
  --rs-spacing: 2px;
  /* spacing between avatar and status */
  --rs-width: 2px;
  /* width of the status */
  --rs-popout-spacing: 3px;
  /* spacing between avatar and status for user popouts */
  --rs-popout-width: 4px;
  /* width of the status for user popouts */
  --rs-profile-spacing: 3px;
  /* spacing between avatar and status on modals/profiles */
  --rs-profile-width: 4px;
  /* width of the status on modals/profiles */
  --rs-online-color: #43b581;
  /* color for online status */
  --rs-idle-color: #faa61a;
  /* color for idle status */
  --rs-dnd-color: #f04747;
  /* color for dnd status */
  --rs-offline-color: #636b75;
  /* color for offline status */
  --rs-invisible-color: #747f8d;
  /* color for invisible status - Note this will only show for your own invisibility */
  --rs-streaming-color: #643da7;
  /* color for streaming status */
}

/* Table of Contents

1. User Settings
2. Code Blocks
3. Title Bar Area
4. Pinned Messages
5. DM Message List
6. Channel List Area
7. Guilds Area
8. Account Area
9. Emoji Picker
10. Avatars
11. Popout Menu -> User Status
12. Members List Area
13. Main Chat Area
14. Friends List
15. Main Chat Form
16. Channel Search Pop out
17. Search Results
18. Context Menus
19. Unread Pop outs
20. Rich Embeds
21. Help Modal
22. Modals
23. User Popup
24. Profile Popup
25. Server Settings Pop out
26. Chat Typing Bar
27. Scrollbars
28. Shadows
29. Misc
30. Keyframes
31. Roundness

*/

/* 1. User Settings */

.ui-standard-sidebar-view .sidebar-region .sidebar, .ui-standard-sidebar-view .sidebar-region .sidebar-region-scroller {
  background-color: var(--quaternary-color) !important
}

.ui-standard-sidebar-view .content-region {
  background-color: var(--primary-color);
}

.ui-standard-sidebar-view .sidebar-region, .ui-standard-sidebar-view .sidebar-region .sidebar-region-scroller {
  justify-content: flex-start;
}

.ui-standard-sidebar-view .sidebar-region {
  -ms-flex: 0;
  -ms-flex-pack: end;
  flex: 0;
  z-index: 1;
}

.ui-standard-sidebar-view .content-column.default {
  padding: 20px 40px 80px;
}

.ui-standard-sidebar-view .content-column, .ui-standard-sidebar-view .custom-column {
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  max-width: 100%;
  min-height: 100%;
  min-width: 460px;
}

.cardPrimary-ZVL9Jr, .cardPrimaryEditable-2IQ7-V, .authedApp-2JX_oI {
  background: var(--quaternary-color);
  border: none;
}

.side-2nYO0F .itemSelected-3XxAMf {
  background-color: var(--main-color);
}

/* 2. Code Blocks */

pre, code {
  padding: 0px !important;
  margin-left: 3px !important;
  margin: 0px !important;
  line-height: 20px !important;
  border: none !important;
  padding-bottom: 6px !important;
  border-radius: 3px !important;
}

pre.inline, code.inline {
  padding: 3px !important;
  background: var(--quaternary-color) !important;
}

code:not(.inline) {
  background: repeating-linear-gradient(0deg, var(--secondary-color) 5px, var(--secondary-color) 25px, var(--tertiary-color) 0, var(--tertiary-color) 45px) !important;
}

pre:not(.inline) {
  background: repeating-linear-gradient(0deg, var(--secondary-color) 6px, var(--secondary-color) 25px, var(--tertiary-color) 0, var(--tertiary-color) 45px) !important;
}

pre>*, code>* {
  padding-left: 3px !important;
}

pre {
  padding-bottom: 0x !important;
}

/* Languages for Header Blocks */

.markup .hljs::before {
    content: attr(class);
    width: 165%;
    height: 18px;
    display: block;
    margin-top: -2px;
    color: #fff;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    line-height: 17px !important;
    padding: 2px 0 2px 5px;
    background-color: var(--main-color) !important;
    margin-left: -340px;
    text-transform: uppercase;
}
.markup .hljs {
    padding: 2px !important;
    font-size: 100%;
	overflow: hidden;
}

/* 3. Title Bar Area*/

/* Revert TitleBar */

div[class*="titleBar-"] {
  height: 0px;
  margin-top: 0px !important;
}

div[class*="titleBar-"]:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 6px;
  height: 14px;
  z-index: 3002;
  -webkit-app-region: drag !important;
}

div[class*="titleBar-"]:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 6px;
  z-index: 3002 !important;
}

div[class*="wordmark-"], div[class*="winButton-"] svg {
  display: none !important;
}

div[class*="winButton-"] {
  top: 9px;
  height: 30px;
  width: 30px;
  right: 8px;
  background-position: center;
  opacity: .6;
  transition: .2s ease !important;
}

div[class*="winButton-"]:hover {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background-color: var(--hover-color) !important;
  border-radius: 3px;
  opacity: 1 !important;
}

div[class*="titleBar-"] div:nth-of-type(2) {
  background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/close.svg) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px !important;
}

div[class*="titleBar-"] div:nth-of-type(3) {
  background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/fullscreen.svg) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px !important;
}

div[class*="titleBar-"] div:nth-of-type(4) {
  background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/remove.svg) !important;
  background-repeat: no-repeat;
  background-position: center 7px;
  background-size: 24px !important;
}

.chat [class*='titleWrapper-'] [class*='flex-'] [class*='flex-'], #friends [class*='flex-'] [class*='flex-']:last-of-type, [class*='activityFeed-'] [class*='flex-'] [class*='flex-']:last-of-type {
  margin-right: 98px !important;
}

.chat [class*='titleWrapper-'] [class*='flex-'] [class*='flex-']:after, #friends [class*='flex-'] [class*='flex-']:last-of-type:after, [class*='activityFeed-'] [class*='flex-'] [class*='flex-']:last-of-type:after {
  content: '';
  width: 1px;
  height: 22px;
  background-color: hsla(240, 6%, 97%, .1) !important;
}

div[class*="titleBar-"] {
  transform: translateY(-6px);
}

div[class*="winButton-"] {
  height: 36px !important;
}
.title-qAcLxz {
  background: var(--primary-color);
  box-shadow: 0px 0px transparent;
  border-bottom: 2px solid var(--main-color);
}

.title-qAcLxz, .titleCall-3X0yGQ {
  height: 46px;
}

.topic-1KFf6J:before {
  display: none;
}

.search .search-bar {
  background-color: var(--quaternary-color);
  height: 46px;
  width: 170px;
  border-radius: 0px;
}

.search .DraftEditor-root {
  line-height: 39px;
}

.search .DraftEditor-root .public-DraftEditorPlaceholder-root {
  color: #cecece !important;
  padding-left: 17px;
}

.search .search-bar .icon {
  top: 13px;
  right: 9px;
}

.search .search-bar-icon {
  width: 35px;
  background-color: var(--secondary-color);
}

.divider-1GKkV3 {
  display: none;
}

.headerBar-cxbhPD {
  box-shadow: 0px 0px transparent !important;
  background: var(--primary-color) !important;
  border-bottom: 2px solid var(--main-color);
  height: 46px !important;
}

.activityFeed-HeiGwL {
  background: var(--primary-color) !important;
}

/* 4. Pinned Messages */

.theme-dark .themed-popout {
  background-color: var(--primary-color) !important;
  border-left: 2px solid var(--main-color);
  border-right: 2px solid var(--main-color);
  border-bottom: 2px solid var(--main-color);
  border-top: 0px solid transparent;
}

.popout .themed-popout .header {
  border-radius: 0px;
  background-color: var(--quaternary-color)
}

.messages-popout-wrap .messages-popout .message-group {
  background-color: var(--quaternary-color) !important;
  border-color: var(--quaternary-color) !important;
}

.messages-popout-wrap .messages-popout .message-group:hover {
  background-color: var(--quaternary-color) !important;
  border-color: var(--main-color) !important;
}

.messages-popout-wrap .messages-popout .message-group:hover .action-buttons {
  background-color: transparent !important;
  box-shadow: 0 0 0px 0px transparent !important;
}

.messages-popout-wrap .messages-popout .message-group .action-buttons .jump-button {
  background-color: var(--main-color) !important;
  color: #fff !important;
  padding: 2px 7px 3px 7px;
}

.themed-popout .header .subtitle, .themed-popout .text {
  color: #fff !important;
}

/* 5. DM Message List */

.channels-3g2vYe {
  background-color: var(--primary-color) !important;
}

.private-channels .search-bar {
  border-bottom: 2px solid var(--main-color);
  padding: 0px;
  height: 46px;
  box-shadow: 0px 0px transparent !important
}

.private-channels .search-bar input {
  height: 100%;
}

.private-channels .search-bar .search-bar-inner {
  background: var(--quaternary-color);
  border: 0px solid transparent;
  border-radius: 0px;
  padding: 0px;
  height: 100%;
}

.private-channels .channel a {
  margin: unset !important;
  border-radius: 0px;
}

.private-channels .channel.selected a {
  background-color: var(--quaternary-color);
  border-left: 2px solid var(--main-color);
}

.private-channels .channel.selected:hover a {
  border-left: 2px solid var(--main-color) !important;
}

.private-channels .channel:hover a {
  background-color: var(--quaternary-color);
  border-left: 2px solid var(--hover-color);
}

/* 6. Channel List Area */

.theme-light .icon-2WU8ha, .theme-light path[d*="M11.5,9 C13.1575,9 14.5,7.6575 14.5,6 C14.5,4.3425 13.1575,3 11.5,3 C9.8425,3 8.5,4.3425 8.5,6 C8.5,7.6575 9.8425,9 11.5,9 Z M4,7 L4,5 L3,5 L3,7 L1,7 L1,8 L3,8 L3,10 L4,10 L4,8 L6,8 L6,7 L4,7 Z M11.5,10 C9.4975,10 6,11.005 6,13 L6,15 L17,15 L17,13 C17,11.005 13.5025,10 11.5,10 Z"] {
  fill: #000 !important;
}

.theme-light .private-channels .channel a[href*="/channels/@me"] {
  color: #000;
}

.theme-light .private-channels .channel .close {
  filter: invert();
}

.theme-light .actionIcon-2JXNvo {
  color: #000;
}

.theme-light .private-channels .channel .channel-name {
  color: #000000;
}

.theme-light .private-channels .channel:hover .channel-activity {
    color: #5a5a5a;
}

.nameMutedText-1YDcP-, .nameMutedVoice-26k4cP {
  color: #909090;
  opacity: 0.4;
}

.nameDefaultText-QoumjC, .nameDefaultVoice-1swZoh, .nameLockedText-2fGz07, .nameLockedVoice-wNOMNa {
  color: #909090;
}

.nameUnreadText-1pxldj, .nameUnreadVoice-QK4gxH {
  color: #ffffff;
}

.theme-light .nameUnreadText-1pxldj, .nameUnreadVoice-QK4gxH {
  color: #303030;
}

.theme-light .nameHoveredVoice-TIoHRJ, .theme-light .wrapperHoveredText-1PA_Uk .nameUnreadText-1pxldj, .theme-light .wrapperHoveredText-1PA_Uk .nameHoveredText-2FFqiz {
    color: #000 !important;
}

.iconCollapsed-1INdMX, .iconDefault-xzclSQ, .nameCollapsed-3_ChMu, .nameDefault-Lnjrwm {
  color: #909090;
}

.wrapperHoveredText-1PA_Uk .nameUnreadText-1pxldj, .wrapperHoveredText-1PA_Uk .nameHoveredText-2FFqiz {
  color: #c6c6c6 !important;
}

.iconMuted-Hb4ttQ, .nameMuted-1n0LSj {
  color: #909090;
  opacity: 0.6;
}

.container-RYiLUQ {
  background: var(--primary-color);
}

.channels-3g2vYe .scrollerWrap-2uBjct {
  z-index: 1;
}

.header-1tSljs {
  box-shadow: 0px 0px transparent;
  border-bottom: 2px solid var(--main-color);
}

.popout-open .header-1tSljs {
  background-color: transparent !important;
}

.theme-light path[d*="M4.5 4.5l9 9"] {
  stroke: #000;
}

.theme-light path[d*="M13.5 4.5l-9 9"] {
  stroke: #000;
}

.content-2mSKOj {
  border-radius: 0px;
  margin: 1px 0 1px 0px;
}

.contentSelectedText-3j5CXt {
  background-color: var(--quaternary-color);
  border-left: 2px solid var(--main-color);
}

.contentHoveredText-2HYGIY, .contentHoveredVoice-3qGNKh:active, .contentSelectedVoice-gTtYM9:active {
  background-color: var(--secondary-color);
  border-left: 2px solid var(--hover-color);
  opacity: 80%;
}

.unread-23Kvxk {
  background-color: var(--hover-color);
  transition: .1s all linear;
}

.wrapperHoveredText-1PA_Uk .unread-23Kvxk {
  height: 32px;
  left: 0px;
  border-radius: 0px;
  width: 2px;
  margin-top: 0px;
  top: 1px;
}

.wrapperHoveredText-1PA_Uk .unread-23Kvxk~.contentHoveredText-2HYGIY {
  border-left: 0px solid transparent !important;
}

.guilds-wrapper .guilds>div.guild:first-child .badge {
  border-radius: 50%;
  padding: 5px;
  background-color: var(--main-color);
  margin-bottom: 22px;
  margin-right: 15px;
  border: 2px solid var(--quaternary-color);
}

.channels-3g2vYe .scroller-fzNley>[class*=container-]>[class*=container]:first-of-type>[class*=wrapper]>div>div>[class*=icon] {
  height: 31.11px;
}

.channels-3g2vYe .scroller-fzNley>[class*=container-]>div:first-of-type>[class*=container] {
  padding-top: 0;
  margin-top: 12px;
  margin-bottom: 6px;
}

.channels-3g2vYe .scroller-fzNley>[class*=container-]>div:first-of-type>[class*=container]>[class*=wrapper]>div>div>[class*=icon] {
  height: 31.11px;
}

.channels-3g2vYe .scroller-fzNley>[class*=container-]>[class*=container]:first-of-type {
  padding-top: 0;
  margin-top: 12px;
  margin-bottom: 6px;
}

.channels-3g2vYe .scroller-fzNley>[class*=container-]>[class*=container]:first-of-type>[class*=wrapper] {
  margin-left: 0px;
  height: 31.11px;
  padding: 0 8px;
  border-radius: 0px;
  background-color: var(--quaternary-color);
}

.channels-3g2vYe .scroller-fzNley>[class*=container-]>[class*=container]+[class*=container-] {
  margin-top: 6px;
}

.channels-3g2vYe .scroller-fzNley>[class*=container-]>div:first-of-type>[class*=container]>[class*=wrapper] {
  margin-left: 0px;
  height: 31.11px;
  padding: 0 8px;
  border-radius: 3px;
  background-color: var(--quaternary-color);
}

.channels-3g2vYe .scroller-fzNley>[class*=container-]>[class*=container]:first-of-type>[class*=wrapper]>[class*=icon], .channels-3g2vYe .scroller-fzNley>[class*=container-]>div:first-of-type>[class*=container]>[class*=wrapper]>[class*=icon] {
  height: 31.11px;
  width: 16px;
  position: relative;
  margin-left: -3px;
  margin-top: -4px;
  margin-right: 8px;
}

.channels-3g2vYe .scroller-fzNley>[class*=container-]>[class*=container]:first-of-type>[class*=wrapper]>[class*=name], .channels-3g2vYe .scroller-fzNley>[class*=container-]>div:first-of-type>[class*=container]>[class*=wrapper]>[class*=name] {
  height: 31.11px;
  line-height: 32px;
}

.theme-light .nameSelectedText-32NDX5, .theme-light .nameSelectedVoice-XpjYTw {
  color: #5d5d5d;
}

/* 7. Guilds Area */

.theme-light .guilds-wrapper .guilds .friends-online {
    color: #000;
}

.guilds-wrapper .guilds>div.guild:first-child .badge {
  border-radius: 50%;
  padding: 5px;
  background-color: var(--main-color);
  margin-bottom: 22px;
  margin-right: 15px;
  border: 2px solid var(--quaternary-color);
}

.guilds-wrapper .guilds .guild.unread:hover:before {
  background: #fff;
  border-radius: 20px;
  height: 40px;
  margin-top: -20px;
  border-radius: 0px;
}

.guilds-wrapper .guilds .guild.unread:before {
  transition: all .25 linear;
}

.guilds-wrapper .guilds .guild .guild-inner {
  border-radius: 2px !important;
}

.guilds-wrapper .guilds .guild .guild-inner a[style*="font-size: 16px;"] {
  background-color: var(--primary-color) !important;
}

.guilds-wrapper .guilds .guild.selected .guild-inner a[style*="font-size: 16px;"], .guilds-wrapper .guilds .guild.selected:hover .guild-inner a[style*="font-size: 16px;"] {
  background-color: var(--main-color) !important;
}

.guilds-wrapper .guilds .guild:hover .guild-inner a[style*="font-size: 16px;"] {
  background-color: var(--hover-color) !important;
}

.guilds-wrapper .guilds .guild::before {
  border-radius: 20px;
  content: " ";
  height: 40px;
  left: -15px;
  margin-top: -20px;
  position: absolute;
  width: 10px;
  background: transparent;
  border-radius: 5px;
  height: 10px;
  margin-top: -3px;
}

.guilds-wrapper .guilds .guild.selected::before {
  border-radius: 0px;
  background: var(--main-color) !important;
  margin-top: -20px;
}

.guilds-wrapper .guilds .guild.unread:before {
  background: var(--main-color) !important;
  box-shadow: 0 0 12px var(--main-color) !important;
  margin-top: -4px;
}

.guilds-wrapper .guilds .guild.selected.unread::before {
  margin-top: -20px !important;
}

.guilds-wrapper {
  z-index: 6;
  background-color: var(--quaternary-color);
}

.guilds-wrapper .guilds>div.guild:first-child {
  margin-top: -48px;
  width: 70px;
  margin-left: -10px;
  border-bottom: 2px solid var(--main-color);
  position: absolute;
  z-index: 2;
}

.guilds-wrapper .guilds>div.guild:first-child .guild-inner a {
  height: 46px;
}

.guilds-wrapper .guilds>div.guild:first-child {
  height: 46px;
}

.guilds-wrapper .guilds>div.guild:first-child .guild-inner {
  background-color: var(--quaternary-color) !important;
  border-radius: 0px !important;
}

.guilds-wrapper .guilds>div.guild:first-child .guild-inner a, .guilds-wrapper .guilds>div.guild:first-child .friends-icon {
  width: 70px;
}

.friends-icon {
  background-image: url(https://cdn.rawgit.com/0mniscient/Discord-Themes/59c36317/Themes/chatIcon.svg) !important;
}

.theme-light .friends-icon {
  filter: invert();
}

.guilds-wrapper .guilds {
  padding: 48px 0px 70px 10px !important;
}

.guilds-wrapper .guild.guilds-add {
  border: 0px;
  background: transparent;
  transition: all 200ms ease !important;
  margin-left: 0px !important;
  font-size: 32px;
  font-weight: 600;
  margin: 0px !important;
  position: fixed !important;
  left: 0;
  bottom: 0px;
  color: transparent;
  height: 70px !important;
  width: 70px !important;
  padding: 0;
  z-index: 1000;
}

.guilds-wrapper .guild.guilds-add::after {
  background: var(--main-color);
  transition: all 200ms ease !important;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 20px;
  z-index: 1;
  content: "";
  display: block;
  height: 50px;
  width: 50px;
  content: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTE5IDEzaC02djZoLTJ2LTZINXYtMmg2VjVoMnY2aDZ2MnoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 2px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .25), 0 -1px 0px rgba(0, 0, 0, 0.2) inset, 0 2px 1px var(--white1) inset;
  line-height: 53px;
}

.guilds-wrapper .guild.guilds-add:hover::after {
  box-shadow: 0 10px 15px rgba(0, 0, 0, .4), 0 -1px 0px rgba(0, 0, 0, 0.2) inset, 0 2px 1px rgba(255, 255, 255, 0.2) inset;
  background-color: var(--main-color);
}

.guilds-wrapper .guilds .guild.guilds-add:hover {
  opacity: 1 !important
}

.guilds-wrapper .guild.guilds-add::before {
  content: "";
  width: 69px;
  height: 120px;
  background: #fff;
  display: block;
  position: fixed;
  left: 0px;
  bottom: 0px;
  z-index: -1;
  background: linear-gradient(to bottom, rgba(48, 48, 48, 0) 0%, var(--quaternary-color) 60%, var(--quaternary-color) 100%);
  pointer-events: none;
}

/* 8. Account Area */

.container-iksrDt {
  background: var(--secondary-color) !important;
  height: 53px !important;
}

.theme-light .container-iksrDt {
  color: #000;
}

.theme-light .accountDetails-15i-_e .discriminator {
    opacity: .7;
    font-weight: 600;
}

.theme-light .container-iksrDt .button-1aU9q1 svg path {
  fill: #000 !important;
}

.button-1aU9q1 {
  height: 53px;
  width: 35px;
  border-radius: 0px;
}

.button-1aU9q1:hover {
  background-color: var(--tertiary-color) !important;
}

.accountDetails-15i-_e .username {
  font-family: Satisfy;
  color: var(--main-color);
  font-size: 15px;
  height: 18px;
  line-height: 18px;
}

.channel-members-wrap, .guilds-wrapper, .channels-wrap .flexChild-1KGW5q, .container-iksrDt, .container-3lnMWU, #friends .friends-header, .chat .title-wrap, .popout.popout-bottom-right.no-arrow.no-shadow, .chat form .channel-text-area-default, .search-results-wrap, .embed-2diOCQ, .emojiPicker-3g68GS, .channels-3g2vYe .scrollerWrap-2uBjct, .channels-3g2vYe .flexChild-1KGW5q, .wrapper-uAa07y, .cardPrimary-ZVL9Jr, .cardPrimaryEditable-2IQ7-V, .authedApp-2JX_oI, .modal-3HOjGZ .message-25xg43, .theme-dark .autocomplete-1TnWNR, .menu-3BZuDT {
    box-shadow: 0 0px 0px rgba(0,0,0,0.0) !important;
}
/* 9. Emoji Picker */

.popout.no-shadow .emojiPicker-3g68GS, .popout.no-shadow #bda-qem-favourite-container, .popout.no-shadow #bda-qem-twitch-container {
  background: var(--primary-color) !important;
  border: 1px solid var(--primary-color);
  border-radius: 3px !important;
}

.popout:not(.no-shadow) .emojiPicker-3g68GS {
  display: block !important;
}

.popout .emojiPicker-3g68GS, .popout #bda-qem-favourite-container, .popout #bda-qem-twitch-container {
  background: var(--primary-color) !important;
  border: 1px solid var(--primary-color);
  border-radius: 0 0 3px 3px !important;
  border-radius: 4px !important;
}

.emojiPicker-3g68GS .header-27dQ-e .search-bar {
  background: transparent !important;
}

.emojiPicker-3g68GS .scroller-fzNley .emojiItem-3l4Fa9 {
  background-size: contain !important;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
}

.bda-dark #bda-qem {
  border-bottom: 0px solid #fff !important;
  background: transparent !important;
  padding-right: 0 !important;
  width: 346px
}

#bda-qem button {
  background: var(--primary-color) !important;
  border: none !important;
  color: #fff;
  box-shadow: none !important;
}

#bda-qem button:hover {
  background: #252525;
}

#bda-qem button.active {
  background: #272727;
  border: none !important;
}

.emojiPicker-3g68GS .header-27dQ-e .search-bar {
  opacity: 0.8
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.recent-1SBeKY, .emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.recent-1SBeKY.selected-1LQfcZ, .emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.recent-1SBeKY:hover {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItOTQ3IDUyOSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtOTQ3IDUyOSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tOTQ3LDUyOWgyNHYyNGgtMjRWNTI5eiIvPg0KPGcgaWQ9IlhNTElEXzFfIj4NCgk8cGF0aCBpZD0iWE1MSURfMTNfIiBjbGFzcz0ic3QxIiBkPSJNLTkzNSw1MzJjLTUsMC05LDQtOSw5czQsOSw5LDlzOS00LDktOVMtOTMwLDUzMi05MzUsNTMyeiBNLTkzNSw1NDhjLTMuOSwwLTctMy4xLTctNw0KCQlzMy4xLTcsNy03czcsMy4xLDcsN1MtOTMxLjEsNTQ4LTkzNSw1NDh6Ii8+DQoJPHBvbHlnb24gaWQ9IlhNTElEXzEyXyIgY2xhc3M9InN0MSIgcG9pbnRzPSItOTMxLjUsNTQzLjEgLTkzMi45LDU0NC41IC05MzYsNTQxLjQgLTkzNiw1MzUuNyAtOTM0LDUzNS43IC05MzQsNTQwLjYgCSIvPg0KPC9nPg0KPC9zdmc+DQo=) !important
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.custom-mQFmND, .emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.custom-mQFmND.selected-1LQfcZ, .emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.custom-mQFmND:hover {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMzg3IDI4OSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMzg3IDI4OSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMzg3LDI4OWgyNHYyNGgtMjRWMjg5eiIvPg0KPGcgaWQ9IlhNTElEXzEwMF8iPg0KCTxwYXRoIGlkPSJYTUxJRF8xMDdfIiBjbGFzcz0ic3QxIiBkPSJNLTM3Mi44LDI5NC44bDQsNGwtOS4yLDkuMmgtNHYtNEwtMzcyLjgsMjk0LjggTS0zNzIuOCwyOTJsLTExLjIsMTEuMnY2LjhoNi44bDExLjItMTEuMg0KCQlMLTM3Mi44LDI5MnoiLz4NCjwvZz4NCjwvc3ZnPg0K) !important
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.people-zVAlZV, .emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.people-zVAlZV.selected-1LQfcZ, .emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.people-zVAlZV:hover {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItOTQ3IDUyOSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtOTQ3IDUyOSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tOTQ3LDUyOWgyNHYyNGgtMjRWNTI5eiIvPg0KPGcgaWQ9IlhNTElEXzNfIj4NCgk8cGF0aCBpZD0iWE1MSURfNTlfIiBjbGFzcz0ic3QxIiBkPSJNLTkzNSw1MzEuNWMtNSwwLTksNC05LDljMCwzLDEuNSw1LjcsMy44LDcuM3YtMi43Yy0xLjEtMS4yLTEuOC0yLjktMS44LTQuN2MwLTMuOSwzLjEtNyw3LTcNCgkJczcsMy4xLDcsN2MwLDEuOC0wLjcsMy40LTEuOCw0Ljd2Mi43YzIuMy0xLjYsMy44LTQuMywzLjgtNy4zQy05MjYsNTM1LjUtOTMwLDUzMS41LTkzNSw1MzEuNXoiLz4NCgk8ZyBpZD0iWE1MSURfNTVfIj4NCgkJPHBhdGggaWQ9IlhNTElEXzU2XyIgY2xhc3M9InN0MSIgZD0iTS05MzIuOCw1NDUuNXYwLjhjMCwxLjItMSwyLjItMi4yLDIuMnMtMi4yLTEtMi4yLTIuMnYtMC44SC05MzIuOCBNLTkzMC44LDU0My41aC04LjR2Mi44DQoJCQljMCwyLjMsMS45LDQuMiw0LjIsNC4yczQuMi0xLjksNC4yLTQuMlY1NDMuNXoiLz4NCgk8L2c+DQoJPHJlY3QgaWQ9IlhNTElEXzU0XyIgeD0iLTk0MC4yIiB5PSI1NDAuMiIgY2xhc3M9InN0MSIgd2lkdGg9IjIiIGhlaWdodD0iMiIvPg0KCTxyZWN0IGlkPSJYTUxJRF81M18iIHg9Ii05MzEuOCIgeT0iNTQwLjIiIGNsYXNzPSJzdDEiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiLz4NCjwvZz4NCjwvc3ZnPg0K) !important
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.nature-2zoWpr, .emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.nature-2zoWpr.selected-1LQfcZ, .emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.nature-2zoWpr:hover {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMzg3IDI4OSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMzg3IDI4OSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMzg3LDI4OWgyNHYyNGgtMjRWMjg5eiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTS0zNjcuNywyOTQuOGwxLjQtMS40bC0xLjEtMS4xbC0xLjQsMS40Yy0xLjEtMC45LTIuNS0xLjQtNC0xLjRoMGMtNiwwLTEwLjksNC45LTEwLjksMTAuOXY2LjRoNi40DQoJYzYsMCwxMC45LTQuOSwxMC45LTEwLjloMEMtMzY2LjQsMjk3LjMtMzY2LjksMjk1LjktMzY3LjcsMjk0Ljh6IE0tMzc3LjIsMzA3LjdoLTQuNHYtNC40YzAtNC45LDQtOC45LDguOS04LjloMA0KCWMwLjksMCwxLjgsMC4zLDIuNSwwLjhsLTEuMiwxLjJoLTUuNXYxLjVoNGwtMi4zLDIuM2gtMy42djEuNWgyLjFsLTMuMiwzLjJsMS4xLDEuMWwzLjItMy4ydjIuMWgxLjV2LTMuNmwyLjMtMi4zdjRoMS41di01LjUNCglsMS4yLTEuMmMwLjUsMC43LDAuOCwxLjYsMC44LDIuNUMtMzY4LjQsMzAzLjctMzcyLjMsMzA3LjctMzc3LjIsMzA3Ljd6Ii8+DQo8L3N2Zz4NCg==) !important
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.food-2xLrwE, .emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.food-2xLrwE.selected-1LQfcZ, .emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.food-2xLrwE:hover {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItOTQ3IDUyOSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtOTQ3IDUyOSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tOTQ3LDUyOWgyNHYyNGgtMjRWNTI5eiIvPg0KPGcgaWQ9IlhNTElEXzVfIj4NCgk8cGF0aCBpZD0iWE1MSURfNDRfIiBjbGFzcz0ic3QxIiBkPSJNLTkyOS40LDUzNy42YzAtMy4xLTIuNS01LjYtNS42LTUuNnMtNS42LDIuNS01LjYsNS42djguNWgyLjd2My44aDUuOHYtMy44aDIuN1Y1MzcuNnoNCgkJIE0tOTM0LjEsNTQ4aC0xLjh2LTEuOGgxLjhWNTQ4eiBNLTkzMS40LDU0NC4yaC0wLjdoLTUuOGgtMC43di02LjVjMC0yLDEuNi0zLjYsMy42LTMuNnMzLjYsMS42LDMuNiwzLjZWNTQ0LjJ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==) !important
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.activity-1fFRzJ, .emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.activity-1fFRzJ.selected-1LQfcZ, .emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.activity-1fFRzJ:hover {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItOTQ3IDUyOSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtOTQ3IDUyOSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tOTQ3LDUyOWgyNHYyNGgtMjRWNTI5eiIvPg0KPGcgaWQ9IlhNTElEXzZfIj4NCgk8cGF0aCBpZD0iWE1MSURfNDBfIiBjbGFzcz0ic3QxIiBkPSJNLTkzMCw1MzUuOWgtNHYtM2gtMnYzaC00Yy0yLjIsMC00LDEuOC00LDR2NC4ydjIuMWMwLDEuOCwxLjUsMywzLDNjMC44LDAsMS42LTAuMywyLjItMQ0KCQlsMS42LTEuN2MwLjYtMC42LDEuNC0xLDIuMi0xczEuNiwwLjMsMi4yLDFsMS42LDEuN2MwLjYsMC43LDEuNCwxLDIuMiwxYzEuNSwwLDMtMS4yLDMtM1Y1NDR2LTQuMg0KCQlDLTkyNiw1MzcuNy05MjcuOCw1MzUuOS05MzAsNTM1Ljl6IE0tOTI4LDU0NHYyLjFjMCwwLjctMC42LDEtMSwxYy0wLjMsMC0wLjUtMC4xLTAuNy0wLjNsLTEuNi0xLjdjLTAuOS0xLTIuMy0xLjYtMy43LTEuNg0KCQlzLTIuNywwLjYtMy43LDEuNmwtMS42LDEuN2MtMC4yLDAuMi0wLjQsMC4zLTAuNywwLjNjLTAuNCwwLTEtMC4zLTEtMVY1NDR2LTQuMmMwLTEuMSwwLjktMiwyLTJoMTBjMS4xLDAsMiwwLjksMiwyVjU0NHoiLz4NCjwvZz4NCjwvc3ZnPg0K) !important
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.travel-B14VEl, .emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.travel-B14VEl.selected-1LQfcZ, .emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.travel-B14VEl:hover {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItOTQ3IDUyOSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtOTQ3IDUyOSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tOTQ3LDUyOWgyNHYyNGgtMjRWNTI5eiIvPg0KPGcgaWQ9IlhNTElEXzdfIj4NCgk8cGF0aCBpZD0iWE1MSURfMzZfIiBjbGFzcz0ic3QxIiBkPSJNLTkyNiw1NDEuMWMwLTEuMS0wLjktMi0yLTJoLTEuOHYtMy4yYzAtMS4xLTAuOS0yLTItMmgtNi41Yy0xLjEsMC0yLDAuOS0yLDJ2My4yaC0xLjgNCgkJYy0xLjEsMC0yLDAuOS0yLDJ2NWgxLjdjMC40LDEuMiwxLjUsMiwyLjgsMmMxLjMsMCwyLjQtMC44LDIuOC0yaDMuMmMwLjQsMS4yLDEuNSwyLDIuOCwyYzEuMywwLDIuNC0wLjgsMi44LTJoMS43VjU0MS4xeg0KCQkgTS05MjgsNTQ0LjFoLTAuN2MwLDAsMCwwLDAsMGgtNS43YzAsMCwwLDAsMCwwaC0xLjJjMCwwLDAsMCwwLDBoLTUuN2MwLDAsMCwwLDAsMGgtMC43di0zaDMuOHYtNS4yaDYuNXY1LjJoMy44VjU0NC4xeiIvPg0KPC9nPg0KPC9zdmc+DQo=) !important
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.objects-1msFJY, .emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.objects-1msFJY.selected-1LQfcZ, .emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.objects-1msFJY:hover {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItOTQ3IDUyOSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtOTQ3IDUyOSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tOTQ3LDUyOWgyNHYyNGgtMjRWNTI5eiIvPg0KPGcgaWQ9IlhNTElEXzhfIj4NCgk8cGF0aCBpZD0iWE1MSURfMzFfIiBjbGFzcz0ic3QxIiBkPSJNLTkyOC42LDU0NC44di00LjVjMC0zLjEtMi4xLTUuNi01LTYuMmMwLDAsMC0wLjEsMC0wLjFjMC0wLjgtMC42LTEuNC0xLjQtMS40DQoJCXMtMS40LDAuNi0xLjQsMS40YzAsMC4xLDAsMC4xLDAsMC4xYy0yLjksMC42LTUsMy4yLTUsNi4ydjQuNWgtMXYyaDFoMy42YzAsMS41LDEuMiwyLjgsMi44LDIuOHMyLjgtMS4yLDIuOC0yLjhoMy42aDF2LTJILTkyOC42eg0KCQkgTS05MzUsNTQ3LjVjLTAuNCwwLTAuOC0wLjMtMC44LTAuOGgxLjVDLTkzNC4zLDU0Ny4yLTkzNC42LDU0Ny41LTkzNSw1NDcuNXogTS05MzAuNiw1NDQuOGgtOC44di00LjVjMC0yLjQsMi00LjQsNC40LTQuNA0KCQljMi40LDAsNC40LDIsNC40LDQuNFY1NDQuOHoiLz4NCjwvZz4NCjwvc3ZnPg0K) !important
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.symbols-wPS-MF, .emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.symbols-wPS-MF.selected-1LQfcZ, .emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.symbols-wPS-MF:hover {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItOTQ3IDUyOSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtOTQ3IDUyOSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tOTQ3LDUyOWgyNHYyNGgtMjRWNTI5eiIvPg0KPGcgaWQ9IlhNTElEXzI2XyI+DQoJPHBhdGggaWQ9IlhNTElEXzI3XyIgY2xhc3M9InN0MSIgZD0iTS05MzEuMyw1MzUuNWMxLjQsMCwyLjUsMS4xLDIuNSwyLjVjMCwyLjEtMi40LDQuNC02LjEsNy43Yy0zLjctMy40LTYuMS01LjYtNi4xLTcuNw0KCQljMC0xLjUsMS4yLTIuNiwyLjctMi41YzAuOCwwLjEsMS41LDAuNSwyLDEuMWwwLjcsMC44YzAuNCwwLjUsMS4xLDAuNSwxLjUsMGwwLjgtMC45Qy05MzIuOSw1MzUuOS05MzIuMSw1MzUuNS05MzEuMyw1MzUuNQ0KCQkgTS05MzEuMyw1MzMuNWMtMS40LDAtMi44LDAuNy0zLjcsMS43Yy0wLjktMS0yLjItMS43LTMuNy0xLjdjLTIuNSwwLTQuNSwyLTQuNSw0LjVjMCwzLjEsMi44LDUuNiw3LDkuNGwxLjIsMS4xbDEuMi0xLjENCgkJYzQuMi0zLjgsNy02LjMsNy05LjRDLTkyNi45LDUzNS41LTkyOC44LDUzMy41LTkzMS4zLDUzMy41eiIvPg0KPC9nPg0KPC9zdmc+DQo=) !important
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.flags-3bbR5D, .emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.flags-3bbR5D.selected-1LQfcZ, .emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.flags-3bbR5D:hover {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItOTQ3IDUyOSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtOTQ3IDUyOSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tOTQ3LDUyOWgyNHYyNGgtMjRWNTI5eiIvPg0KPGcgaWQ9IlhNTElEXzlfIj4NCgk8cGF0aCBpZD0iWE1MSURfMjNfIiBjbGFzcz0ic3QxIiBkPSJNLTkyOSw1MzQuMWgtMTJ2LTEuNmgtMnYxN2gydi01LjFoMTJjMS4xLDAsMi0wLjksMi0ydi02LjNDLTkyNyw1MzUtOTI3LjksNTM0LjEtOTI5LDUzNC4xeg0KCQkgTS05MjksNTQyLjRoLTEydi02LjNoMTJWNTQyLjR6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==) !important
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j {
  opacity: .4;
  border: none !important;
  transition: all 50ms ease
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j:hover {
  opacity: 1
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.selected-1LQfcZ {
  opacity: 1
}

.emojiPicker-3g68GS .category-3rCtoh {
  color: rgba(2555, 255, 255, 0.5);
  background: transparent !important;
}

.emojiPicker-3g68GS .stickyHeader-3LjM5X {
  width: 98% !important;
  background: var(--primary-color) !important;
}

.emojiPicker-3g68GS .search-bar input {
  color: rgba(255, 255, 255, 0.5);
}

.search-bar.search-bar-light .search-bar-inner {
  background: transparent !important;
  color: var(--white10) !important
}

.search-bar-icon {
  width: 0px
}

.emojiPicker-3g68GS .search-bar input {
  color: #fff !important;
  border-bottom: 2px solid rgba(255, 255, 255, .1);
  padding-bottom: 3px;
  padding-right: 25px;
  height: 30px
}

.emojiPicker-3g68GS .search-bar input:focus {
  border-bottom: 2px solid var(--hover-color);
}

.emojiPicker-3g68GS .search-bar input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, .6) !important;
}

.emojiPicker-3g68GS .dimmer-jySV_v.visible-1CGy1m {
  background-color: var(--primary-color) !important;
  opacity: 0.8;
}

.diversitySelector-O3ea2c .popout-2lja3I {
  background: var(--quaternary-color);
  border: 1px solid var(--primary-color);
}

.emote-container:hover, .emojiPicker-3g68GS .scroller-fzNley .emojiItem-3l4Fa9.selected-1LQfcZ {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .1);
  transition: 0ms
}

.emote-container:active, .emojiPicker-3g68GS .scroller-fzNley .emojiItem-3l4Fa9:active {
  box-shadow: 0 0 0 2px var(--hover-color);
  transition: 0ms;
  border-radius: 3px;
}

.emojiPicker-3g68GS .scroller-fzNley .emojiItem-3l4Fa9.disabled-1mwvoa {
  cursor: not-allowed;
}

.emojiPicker-3g68GS .scroller-fzNley .emojiItem-3l4Fa9.disabled-1mwvoa.selected-1LQfcZ {
  box-shadow: 0 0 0 2px transparent;
  transition: 0ms
}

.emojiPicker-3g68GS .premiumPromo-HqV_qx {
  display: none
}

.popout section {
  background: var(--primary-color) !important;
  transition: all 100ms ease;
}

#autocomplete-popout .row.selected, #autocomplete-popout .row:hover {
  background: #181818
}

#autocomplete-popout .row {
  transition: all 50ms ease;
}

#autocomplete-popout .scroller::-webkit-scrollbar {
  display: none
}

.icon.icon-roles {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItOTU0IDUzNSAxMCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtOTU0IDUzNSAxMCAxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTS05NDkuNSw1NDZjLTIuNi0wLjYtNC41LTMuMi00LjUtNnYtM2w0LjUtMmw0LjUsMnYzQy05NDUsNTQyLjgtOTQ2LjksNTQ1LjQtOTQ5LjUsNTQ2eiBNLTk0Niw1NDAuMnYtMi4yDQoJbC0zLjUtMS43bC0zLjUsMS43djIuMmMwLDIsMS42LDQuNCwzLjUsNC44Qy05NDcuNiw1NDQuNS05NDYsNTQyLjEtOTQ2LDU0MC4yeiIvPg0KPC9zdmc+DQo=) !important;
  opacity: .6;
}

.icon.icon-notes {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItOTU0IDUzNSAxMCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtOTU0IDUzNSAxMCAxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTS05NDUsNTM2YzAtMC41LTAuNC0xLTEtMWgtN2MtMC42LDAtMSwwLjQtMSwxdjljMCwwLjUsMC40LDEsMSwxaDdjMC42LDAsMS0wLjQsMS0xVjUzNnogTS05NDYsNTM2LjZ2OA0KCWMwLDAuMi0wLjEsMC4zLTAuMywwLjNoLTYuNGMtMC4yLDAtMC4zLTAuMS0wLjMtMC4zdi04LjRjMC0wLjIsMC4xLTAuMywwLjMtMC4zaDYuNGMwLjIsMCwwLjMsMC4xLDAuMywwLjNWNTM2LjZ6IE0tOTQ3LjMsNTM3aC00LjQNCgljLTAuMiwwLTAuMywwLjItMC4zLDAuNXMwLjEsMC41LDAuMywwLjVoNC40YzAuMiwwLDAuMy0wLjIsMC4zLTAuNVMtOTQ3LjEsNTM3LTk0Ny4zLDUzN3ogTS05NDcuMyw1NDFoLTQuNGMtMC4yLDAtMC4zLDAuMi0wLjMsMC41DQoJczAuMSwwLjUsMC4zLDAuNWg0LjRjMC4yLDAsMC4zLTAuMiwwLjMtMC41Uy05NDcuMSw1NDEtOTQ3LjMsNTQxeiBNLTk0Ny4zLDU0M2gtNC40Yy0wLjIsMC0wLjMsMC4yLTAuMywwLjVzMC4xLDAuNSwwLjMsMC41aDQuNA0KCWMwLjIsMCwwLjMtMC4yLDAuMy0wLjVTLTk0Ny4xLDU0My05NDcuMyw1NDN6IE0tOTQ3LjMsNTM5aC00LjRjLTAuMiwwLTAuMywwLjItMC4zLDAuNXMwLjEsMC41LDAuMywwLjVoNC40YzAuMiwwLDAuMy0wLjIsMC4zLTAuNQ0KCVMtOTQ3LjEsNTM5LTk0Ny4zLDUzOXoiLz4NCjwvc3ZnPg0K) !important;
  opacity: .6;
}

.note textarea:focus {
  background: #262626;
  color: #fff;
}

.note textarea {
  transition: 100ms ease
}

#bda-qem-favourite-container .scroller-wrap .scroller::-webkit-scrollbar, #bda-qem-twitch-container .scroller-wrap .scroller::-webkit-scrollbar, .emojiPicker-3g68GS .scrollerWrap-2uBjct .scroller-fzNley::-webkit-scrollbar {
  background: var(--main-color);
  width: 6px !important;
  display: none;
}

#bda-qem-favourite-container .scroller-wrap .scroller::-webkit-scrollbar-thumb, #bda-qem-twitch-container .scroller-wrap .scroller::-webkit-scrollbar-thumb, .emojiPicker-3g68GS .scrollerWrap-2uBjct .scroller-fzNley::-webkit-scrollbar-thumb {
  border: none !important;
  background-color: rgba(225, 225, 225, 0.2) !important;
  display: initial;
  border-radius: 0 !important
}

#bda-qem-favourite-container .scroller-wrap .scroller::-webkit-scrollbar-thumb:active, #bda-qem-twitch-container .scroller-wrap .scroller::-webkit-scrollbar-thumb:active, .emojiPicker-3g68GS .scrollerWrap-2uBjct .scroller-fzNley::-webkit-scrollbar-thumb:active {
  border: none !important;
  background-color: rgba(225, 225, 225, 0.4) !important;
  display: initial;
  border-radius: 0 !important
}

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

.popout:not(.no-shadow) #bda-qem, .popout:not(.no-shadow) #bda-qem-twitch-container, .popout:not(.no-shadow) #bda-qem-favourite-container {
  display: none !important;
}

/* 10. Avatars */
.avatar-large, .avatar-profile, .avatar-small, .avatar-xlarge, .avatar-xsmall, .avatar-xxlarge {
  border-radius: 1px !important;
  background-size: cover !important;
}

[class*="avatar-"] .status, .channel-members [class*="avatar-"] .status {
  height: 100%;
  width: 100%;
  background-color: transparent;
  bottom: -2px !important;
  border-radius: 1px !important;
  right: -2px !important;
}

[class*="avatar-"] .status-online {
  border: 2px solid var(--rs-online-color) !important;
}

[class*="avatar-"] .status-idle {
  border: 2px solid var(--rs-idle-color) !important;
}

[class*="avatar-"] .status-dnd {
  border: 2px solid var(--rs-dnd-color) !important;
}

[class*="avatar-"] .status-offline {
  border: 2px solid var(--rs-offline-color) !important;
}

[class*="avatar-"] .status-invisible {
  border: 2px solid var(--rs-invisible-color) !important;
}

[class*="avatar-"] .status-streaming {
  border: 2px solid var(--rs-streaming-color) !important;
}

.container-iksrDt [class*="avatar-"]:hover {
  opacity: 1 !important;
}

#autocomplete-popout header {
  background: var(--quaternary-color) !important;
}

#autocomplete-popout h3, .theme-dark #autocomplete-popout input[type=text] {
  color: #fff !important;
}

#autocomplete-popout .row.selected {
  background: var(--quaternary-color) !important;
  border-left: 2px solid var(--main-color);
}

.platform-web .container-iksrDt [class*="avatar-"] [class*="status-"] {
  top: 46px !important;
  left: 0px !important;
}
/* 11. Popout Menu -> User Status */

.headerPlaying-2Q7mBy {
    background: var(--secondary-color);
}

.topSectionPlaying-3jAH9b {
    background: var(--secondary-color);
}

.popout.popout-top, .popout.popout-top-left {
  overflow: visible !important;
}

.container-iksrDt .status {
  top: -2;
  border: none;
}

.container-iksrDt {
  position: relative;
  background: #181a1d;
  z-index: 100 !important;
}

.menu-3BZuDT.alt-2vq4VR {
  position: absolute;
  width: 240px !important;
  top: -66px !important;
  left: -10px !important;
  padding: 0;
  border-radius: 0 !important;
  box-shadow: none;
  z-index: 99 !important;
  animation: show-status 250ms cubic-bezier(0.35, 0.35, 0, 1);
}

.container-iksrDt .directionRow-yNbSvJ div:nth-child(1) .iconButtonDefault-3QZh-A[style='background-image: url("/assets/4bc527c257233fc69b94342d77bcb9ee.svg");'] {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEyLDJBMywzIDAgMCwxIDE1LDVWMTFBMywzIDAgMCwxIDEyLDE0QTMsMyAwIDAsMSA5LDExVjVBMywzIDAgMCwxIDEyLDJNMTksMTFDMTksMTQuNTMgMTYuMzksMTcuNDQgMTMsMTcuOTNWMjFIMTFWMTcuOTNDNy42MSwxNy40NCA1LDE0LjUzIDUsMTFIN0E1LDUgMCAwLDAgMTIsMTZBNSw1IDAgMCwwIDE3LDExSDE5WiIgLz48L3N2Zz4=) !important;
}

.container-iksrDt .directionRow-yNbSvJ div:nth-child(1) .iconButtonDefault-3QZh-A[style='background-image: url("/assets/896770bf2d6ed0358ed0adefdbe96a24.svg");'] {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE5LDExQzE5LDEyLjE5IDE4LjY2LDEzLjMgMTguMSwxNC4yOEwxNi44NywxMy4wNUMxNy4xNCwxMi40MyAxNy4zLDExLjc0IDE3LjMsMTFIMTlNMTUsMTEuMTZMOSw1LjE4VjVBMywzIDAgMCwxIDEyLDJBMywzIDAgMCwxIDE1LDVWMTFMMTUsMTEuMTZNNC4yNywzTDIxLDE5LjczTDE5LjczLDIxTDE1LjU0LDE2LjgxQzE0Ljc3LDE3LjI3IDEzLjkxLDE3LjU4IDEzLDE3LjcyVjIxSDExVjE3LjcyQzcuNzIsMTcuMjMgNSwxNC40MSA1LDExSDYuN0M2LjcsMTQgOS4yNCwxNi4xIDEyLDE2LjFDMTIuODEsMTYuMSAxMy42LDE1LjkxIDE0LjMxLDE1LjU4TDEyLjY1LDEzLjkyTDEyLDE0QTMsMyAwIDAsMSA5LDExVjEwLjI4TDMsNC4yN0w0LjI3LDNaIiAvPjwvc3ZnPg==) !important;
}

.container-iksrDt .directionRow-yNbSvJ div:nth-child(2) .iconButtonDefault-3QZh-A[style='background-image: url("/assets/c7c47afdf35d5a3e06233319d3aa7674.svg");'] {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE0LDMuMjNWNS4yOUMxNi44OSw2LjE1IDE5LDguODMgMTksMTJDMTksMTUuMTcgMTYuODksMTcuODQgMTQsMTguN1YyMC43N0MxOCwxOS44NiAyMSwxNi4yOCAyMSwxMkMyMSw3LjcyIDE4LDQuMTQgMTQsMy4yM00xNi41LDEyQzE2LjUsMTAuMjMgMTUuNSw4LjcxIDE0LDcuOTdWMTZDMTUuNSwxNS4yOSAxNi41LDEzLjc2IDE2LjUsMTJNMyw5VjE1SDdMMTIsMjBWNEw3LDlIM1oiIC8+PC9zdmc+) !important;
}

.container-iksrDt .directionRow-yNbSvJ div:nth-child(2) .iconButtonDefault-3QZh-A[style='background-image: url("/assets/c8845c514bbf3f1e5bea064c1e40b08d.svg");'] {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEyLDRMOS45MSw2LjA5TDEyLDguMThNNC4yNywzTDMsNC4yN0w3LjczLDlIM1YxNUg3TDEyLDIwVjEzLjI3TDE2LjI1LDE3LjUzQzE1LjU4LDE4LjA0IDE0LjgzLDE4LjQ2IDE0LDE4LjdWMjAuNzdDMTUuMzgsMjAuNDUgMTYuNjMsMTkuODIgMTcuNjgsMTguOTZMMTkuNzMsMjFMMjEsMTkuNzNMMTIsMTAuNzNNMTksMTJDMTksMTIuOTQgMTguOCwxMy44MiAxOC40NiwxNC42NEwxOS45NywxNi4xNUMyMC42MiwxNC45MSAyMSwxMy41IDIxLDEyQzIxLDcuNzIgMTgsNC4xNCAxNCwzLjIzVjUuMjlDMTYuODksNi4xNSAxOSw4LjgzIDE5LDEyTTE2LjUsMTJDMTYuNSwxMC4yMyAxNS41LDguNzEgMTQsNy45N1YxMC4xOEwxNi40NSwxMi42M0MxNi41LDEyLjQzIDE2LjUsMTIuMjEgMTYuNSwxMloiIC8+PC9zdmc+) !important;
}

.container-iksrDt .button-1aU9q1 svg path {
  d: path('M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z') !important;
  transform: scale(0.75) !important;
}

.menu-3BZuDT.alt-2vq4VR .separator-1hpa3S {
  display: none;
}

.menu-3BZuDT.alt-2vq4VR, .listeningAlong-13-Udx {
  background: #111114 !important;
}

.listeningAlong-13-Udx {
  margin: 0 !important;
}

.menu-3BZuDT.alt-2vq4VR .item-rK1j5B {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 68px;
  vertical-align: top;
  background: transparent;
  overflow: hidden;
  animation: status 300ms ease backwards;
}

.menu-3BZuDT.alt-2vq4VR .item-rK1j5B:nth-child(3) {
  animation-delay: 100ms !important;
}

.menu-3BZuDT.alt-2vq4VR .item-rK1j5B:nth-child(4) {
  animation-delay: 200ms !important;
}

.menu-3BZuDT.alt-2vq4VR .item-rK1j5B:nth-child(5) {
  animation-delay: 300ms !important;
}

.menu-3BZuDT.alt-2vq4VR .item-rK1j5B:hover {
  background: #111114 !important;
}

.menu-3BZuDT.alt-2vq4VR .item-rK1j5B:hover .status {
  transform: scale(2.5);
}

.menu-3BZuDT.alt-2vq4VR .item-rK1j5B .status {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto !important;
  border-radius: 50%;
  transform: scale(1);
  transition: 200ms ease-in-out;
}

.menu-3BZuDT.alt-2vq4VR .item-rK1j5B:hover .status.status-online:after, .menu-3BZuDT.alt-2vq4VR .item-rK1j5B:hover .status.status-idle:after, .menu-3BZuDT.alt-2vq4VR .item-rK1j5B:hover .status.status-dnd:after, .menu-3BZuDT.alt-2vq4VR .item-rK1j5B:hover .status.status-invisible:after {
  opacity: 1;
  visibility: visible;
}

.menu-3BZuDT.alt-2vq4VR .item-rK1j5B .status.status-online:after, .menu-3BZuDT.alt-2vq4VR .item-rK1j5B .status.status-idle:after, .menu-3BZuDT.alt-2vq4VR .item-rK1j5B .status.status-dnd:after, .menu-3BZuDT.alt-2vq4VR .item-rK1j5B .status.status-invisible:after {
  content: " ";
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto !important;
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 0;
  visibility: hidden;
  transition: 200ms ease-in-out;
}

.menu-3BZuDT.alt-2vq4VR .item-rK1j5B .status.status-online:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIxLDdMOSwxOUwzLjUsMTMuNUw0LjkxLDEyLjA5TDksMTYuMTdMMTkuNTksNS41OUwyMSw3WiIgLz48L3N2Zz4=);
}

.menu-3BZuDT.alt-2vq4VR .item-rK1j5B .status.status-idle:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEyLDIwQTcsNyAwIDAsMSA1LDEzQTcsNyAwIDAsMSAxMiw2QTcsNyAwIDAsMSAxOSwxM0E3LDcgMCAwLDEgMTIsMjBNMTIsNEE5LDkgMCAwLDAgMywxM0E5LDkgMCAwLDAgMTIsMjJBOSw5IDAgMCwwIDIxLDEzQTksOSAwIDAsMCAxMiw0TTEyLjUsOEgxMVYxNEwxNS43NSwxNi44NUwxNi41LDE1LjYyTDEyLjUsMTMuMjVWOE03Ljg4LDMuMzlMNi42LDEuODZMMiw1LjcxTDMuMjksNy4yNEw3Ljg4LDMuMzlNMjIsNS43MkwxNy40LDEuODZMMTYuMTEsMy4zOUwyMC43MSw3LjI1TDIyLDUuNzJaIiAvPjwvc3ZnPg==);
}

.menu-3BZuDT.alt-2vq4VR .item-rK1j5B .status.status-dnd:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE5LDEzSDVWMTFIMTlWMTNaIiAvPjwvc3ZnPg==);
}

.menu-3BZuDT.alt-2vq4VR .item-rK1j5B .status.status-invisible:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTExLjgzLDlMMTUsMTIuMTZDMTUsMTIuMTEgMTUsMTIuMDUgMTUsMTJBMywzIDAgMCwwIDEyLDlDMTEuOTQsOSAxMS44OSw5IDExLjgzLDlNNy41Myw5LjhMOS4wOCwxMS4zNUM5LjAzLDExLjU2IDksMTEuNzcgOSwxMkEzLDMgMCAwLDAgMTIsMTVDMTIuMjIsMTUgMTIuNDQsMTQuOTcgMTIuNjUsMTQuOTJMMTQuMiwxNi40N0MxMy41MywxNi44IDEyLjc5LDE3IDEyLDE3QTUsNSAwIDAsMSA3LDEyQzcsMTEuMjEgNy4yLDEwLjQ3IDcuNTMsOS44TTIsNC4yN0w0LjI4LDYuNTVMNC43Myw3QzMuMDgsOC4zIDEuNzgsMTAgMSwxMkMyLjczLDE2LjM5IDcsMTkuNSAxMiwxOS41QzEzLjU1LDE5LjUgMTUuMDMsMTkuMiAxNi4zOCwxOC42NkwxNi44MSwxOS4wOEwxOS43MywyMkwyMSwyMC43M0wzLjI3LDNNMTIsN0E1LDUgMCAwLDEgMTcsMTJDMTcsMTIuNjQgMTYuODcsMTMuMjYgMTYuNjQsMTMuODJMMTkuNTcsMTYuNzVDMjEuMDcsMTUuNSAyMi4yNywxMy44NiAyMywxMkMyMS4yNyw3LjYxIDE3LDQuNSAxMiw0LjVDMTAuNiw0LjUgOS4yNiw0Ljc1IDgsNS4yTDEwLjE3LDcuMzVDMTAuNzQsNy4xMyAxMS4zNSw3IDEyLDdaIiAvPjwvc3ZnPg==);
}

.menu-3BZuDT.alt-2vq4VR .item-rK1j5B .statusIconText-312Il7 div {
  display: none;
}

.menu-3BZuDT.alt-2vq4VR .item-rK1j5B .helper-3X2gjI {
  display: none;
}

/* 12. Members List Area */

.theme-dark .member-2FrNV0:hover .content-3JzEqq {
    background-color: var(--quaternary-color) !important;
    color: #fff;
}

.message-group .mentioned .message-text:after {
  display: none !important;
}

.theme-dark .message-group .comment .mentioned .message-text {
  background: transparent !important;
}

#app-mount .status.status-typing {
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
  margin: 0;
}

#app-mount .status.status-typing .spinner-item {
  height: 3px;
  width: 3px;
  border-radius: 0px !important;
}

#app-mount .status.status-typing.status-idle .spinner-item {
  background-color: var(--rs-idle-color) !important;
}

#app-mount .status.status-typing.status-dnd .spinner-item {
  background-color: var(--rs-dnd-color) !important;
}

#app-mount .status.status-typing.status-online .spinner-item {
  background-color: var(--rs-online-color) !important;
}

#app-mount .status.status-typing.status-offline .spinner-item {
  background-color: var(--rs-offline-color) !important;
}

#app-mount .status.status-typing.status-streaming .spinner-item {
  background-color: var(--rs-streaming-color) !important;
}

#app-mount .status.status-typing.status-invisible .spinner-item {
  background-color: var(--rs-invisible-color) !important;
}

.channel-members, .theme-dark .members-1bid1J {
  background-color: var(--primary-color) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,.4);
	
}

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

.theme-dark .channel-members .member.popout-open, .theme-dark .channel-members .member:active, .theme-dark .channel-members .member:hover.popout-open, .theme-dark .channel-members .member:hover.popout-open:active {
  background: var(--quaternary-color) !important;
  border-left: 2px solid var(--main-color);
}

.theme-dark .channel-members .member:hover {
  background: var(--secondary-color) !important;
  border-left: 2px solid var(--hover-color);
}

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

.channel-members h2, .membersGroup-3_dP5E {
  color: var(--main-color) !important;
  background-image: linear-gradient(90deg, transparent, transparent), linear-gradient(90deg, transparent, var(--main-color), transparent);
  background-size: 100% 3px;
  /* This get flipped. */
  background-position: 0 0, 0 85%;
  /* The last argument gets flipped. */
  background-repeat: no-repeat;
  padding-top: 19px;
  padding-bottom: 6px;
  margin-top: 4px;
  font-weight: 600;
  text-align: center;
  border-radius: 3px;
  line-height: 0px !important;
  width: 175px !important;
  margin-left: 30px !important;
}

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

.channel-members .member.member-status-online .member-inner .member-activity-text strong {
  color: var(--rs-online-color) !important;
}

.channel-members .member.member-status-idle .member-inner .member-activity-text strong {
  color: var(--rs-idle-color) !important;
}

.channel-members .member.member-status-dnd .member-inner .member-activity-text strong {
  color: var(--rs-dnd-color) !important;
}

.channel-members .member.member-status-offline .member-inner .member-activity-text strong {
  color: var(--rs-offline-color) !important;
}

.channel-members .member.member-status-streaming .member-inner .member-activity-text strong {
  color: var(--rs-streaming-color) !important;
}

/* 13. Main Chat Area */

.channelTextAreaDisabled-TBtxS6.channelTextArea-1HTP3C.channelTextArea-os01xC {
    margin: 0px 0 0px !important;
}

.channelTextAreaDisabled-TBtxS6 {
    opacity: 1 !important;
}

.chat .messages .flex-lFgbSz.flex-3B1Tl4.horizontal-2BEEBe.horizontal-2VE-Fw.flex-3B1Tl4.directionRow-yNbSvJ.justifyStart-2yIZo0.alignStretch-1hwxMa.noWrap-v6g9vO {
  background: transparent !important;
}

.chat.private .flex-lFgbSz.flex-3B1Tl4.horizontal-2BEEBe.horizontal-2VE-Fw.flex-3B1Tl4.directionRow-yNbSvJ.justifyStart-2yIZo0.alignStretch-1hwxMa.noWrap-v6g9vO, .chat.private .flex-lFgbSz.flex-3B1Tl4.horizontal-2BEEBe.horizontal-2VE-Fw.flex-3B1Tl4.directionRow-yNbSvJ.justifyStart-2yIZo0.alignStretch-1hwxMa.noWrap-v6g9vO:hover {
  background-color: transparent !important;
}

.header-ygd_5b {
  color: var(--main-color) !important;
}

.invite-CTGItT {
  background: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}

.theme-dark .noChannel-2EQ0a9 {
  background: var(--primary-color) !important;
}

.spinner-pulsing-ellipsis .spinner-item {
  background-color: var(--main-color) !important;
}

.message-group .edit-message .edit-operation>a {
  color: var(--main-color) !important;
}

.message-group .comment .markup .mention {
  background-color: var(--quaternary-color) !important;
}

.mention {
  color: var(--main-color) !important;
}

.message-group .comment .markup .mention:hover, .mention:hover {
  background-color: var(--main-color) !important;
  color: #fff !important;
}

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

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

.message-group:not(:last-child) {
  padding: 10px 0 !important;
}

.message-group:last-child {
  padding-top: 10px 0 !important;
}

.message-group .mentioned .message-text:after {
  display: none;
}

.message-group .mentioned .message-text {
  background: var(--quaternary-color);
  border-left: 3px solid var(--main-color);
  padding: 0px 0px 0px 3px;
  border-radius: 0px !important;
}

.mentioned .mention:hover {
  color: #fff !important;
  text-decoration: none;
  background: var(--main-color) !important;
}

.mentioned .mention {
  color: var(--main-color) !important;
  transition: all .2s linear;
  background: var(--tertiary-color) !important;
}

.mention {
  padding: 1px 3px 1.4px 2px !important;
}

.chat>.content, .messages-wrapper {
  background-color: var(--primary-color) !important;
}

.message-group:not(.has-divider) {
  border-color: transparent !important;
}

.wrapper-uAa07y {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.messages.scroller {
  padding-bottom: 10px;
}

.chat .divider {
  height: 28px;
  background-color: transparent;
}

.friends-table .messages .divider:not(.red) span, .messages-wrapper .messages .divider:not(.red) span {
  opacity: 1;
}

.chat .divider>span {
  color: #a0a0a0 !important;
  border-radius: 3px;
  position: relative;
  text-align: left;
  left: -14px;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0px 0px;
  opacity: 1;
  padding: 5px 15px;
  width: 100%;
  background: transparent !important;
}

.chat .divider.divider-red>span {
  color: var(--main-color) !important;
  background-color: var(--quaternary-color) !important;
  border-radius: 3px;
  text-align: center;
  left: 0px;
}

.chat .divider:before {
  display: none;
}

.chat .has-more button {
  background: var(--quaternary-color) !important;
  border: 1px solid var(--quaternary-color) !important;
  color: var(--main-color) !important;
}

.chat .jump-to-present-bar {
  bottom: 15px;
  border-radius: 20px;
  right: 50px !important;
  width: auto !important;
  box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
  left: auto !important;
  animation: slide-up .7s cubic-bezier(.4, 0, 0, 1), opacity .7s ease;
}

.chat .jump-to-present-bar:before {
  content: "";
  width: 20px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0wIDEyVjBoMTJ2MTIiLz4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik01LjI0ODI5MTAyIDJ2NS4yMTg2ODg5NkwzIDUgMiA2bDQgNCA0LTQtMS0xLTIuMjg0MTE4NjUgMi4yMTg2ODg5NlYyIi8+CiAgPC9nPgo8L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: 50%;
  margin-right: -15px;
  padding-left: 10px;
}

.jump-to-present-bar button:first-of-type {
  display: none;
}

.chat .jump-to-present-bar button:last-child {
  width: 130px !important;
  text-align: center;
}

.chat .jump-to-present-bar .spinner {
  margin-left: 20px !important;
  margin-top: 10px;
  padding-right: 15px;
  margin-bottom: 10px;
  -ms-transform: scale(1.3);
  transform: scale(1.3)
}

.private-channel-call {
  background-color: var(--primary-color) !important;
}

.video-3lOWa6 {
  background-color: var(--primary-color) !important;
}

.private-channel-call.minimum .private-channel-call-info, .private-channel-call.normal .private-channel-call-info {
  padding: 0px;
}

.private-channel-call .private-channel-call-info {
  padding: 0px;
}

.theme-dark .message-group.is-local-bot-message {
  background-image: transparent !important;
  box-shadow: transparent !important;
  background-color: var(--primary-color) !important;
}

.wrapper-FtzxDk.vertical-3X17r5.flex-3B1Tl4.directionColumn-2h-LPR.wrapper-1hQOWh.vertical-3X17r5.flex-3B1Tl4.directionColumn-2h-LPR.alignEnd-3PVyen.spacer-2Aeq3k {
  margin-top: 55px !important;
}

/* 14. Friends List */

.theme-dark #friends .friends-table .friends-row:hover {
    background: var(--quaternary-color) !important;
    border-color: transparent;
}

#friends, .friends-table {
  background-color: var(--primary-color) !important;
}

#friends .tab-bar .tab-bar-item.tab-bar-item-primary:hover:not(.selected) {
  background-color: var(--hover-color);
}

#friends .tab-bar .tab-bar-item.tab-bar-item-primary {
  background-color: var(--main-color);
}

#friends .tab-bar .tab-bar-item {
  border-radius: 0px;
}

/* 15. Main Chat Form */

.channelTextAreaDisabled-TBtxS6.channelTextArea-1HTP3C.channelTextArea-os01xC {
    margin: 5px 0 5px;
}
.chat form {
  background-color: var(--secondary-color) !important;
  box-shadow: 0px 0px transparent !important;
  margin: 0 0;
}

.chat .attachButtonDivider-3tknGJ {
  display: none;
}

.chat .attachButton-Di6YUh {
  margin: 15px 10px;
}

.chat .attachButtonPlus-2l1NEU {
  opacity: .55;
  height: 22px;
  margin: 16px 10px;
}

.chat .attachButton-Di6YUh:hover {
  transform: scale(1) !important;
}

.chat .flex-lFgbSz.flex-3B1Tl4.horizontal-2BEEBe.horizontal-2VE-Fw.flex-3B1Tl4.directionRow-yNbSvJ.justifyStart-2yIZo0.alignStretch-1hwxMa.noWrap-v6g9vO {
  background-color: var(--secondary-color) !important;
  transition: background-color .2s linear;
}

.chat .flex-lFgbSz.flex-3B1Tl4.horizontal-2BEEBe.horizontal-2VE-Fw.flex-3B1Tl4.directionRow-yNbSvJ.justifyStart-2yIZo0.alignStretch-1hwxMa.noWrap-v6g9vO:hover {
  background-color: var(--tertiary-color) !important;
}

.chat .textArea-20yzAH {
  background-color: transparent !important;
  line-height: 1.25rem !important;
}

.chat .inner-3if5cm {
  background-color: var(--secondary-color) !important;
}

.chat .innerNoAutocomplete-kaUXJZ {
  border-radius: 0px;
}

.chat .channelTextArea-os01xC {
  margin: 0px 0 0px;
}

.chat .channelTextAreaEnabledNoAttach-19CjQr.channelTextArea-1HTP3C.channelTextArea-os01xC {
  margin: 4px 0 6px !important;
}

.chat .textAreaEnabled-2vOfh8 {
  padding: 17px 38px 10px 10px;
}

.chat .emojiButton-38mF6t {
  top: 15px;
}

.autocompleteInner-N7OQf1 {
  padding-bottom: 32px;
}

/* 16. Channel Search Pop out */

.theme-dark .input-MwQhcX {
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.1);
    background-color: var(--main-color);
    box-shadow: 0 2px 5px rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.1);
    color: #fff;
}

.theme-dark .quickswitcher-2NdiGJ {
    background-color: var(--primary-color);
    color: #dcddde;
}

.theme-dark .resultFocused-2geRUA {
    background-color: var(--secondary-color);
}

.dark-2Ll8iS span {
    -webkit-box-shadow: inset 0 -4px 0 rgba(35,39,42,.6);
    background-color: var(--main-color);
    border-color: transparent;
    box-shadow: inset 0 -4px 0 rgba(35,39,42,.6);
    color: #fff;
}

.dark-2Ll8iS span .bindArrow-3Mm64N g {
    fill: #fff;
}

.theme-dark .search .search-bar {
    background-color: var(--primary-color);
}

.search .search-bar-icon {
    width: 35px;
    background-color: var(--primary-color) !important;
}

.search-popout {
  background-color: var(--primary-color) !important;
}

.search-popout .option {
  border-left: 2px solid transparent;
  border-radius: 0px;
}

.search-popout .option:after {
  display: none;
}

.search-popout .option.selected {
  background-color: var(--secondary-color) !important;
  border-left: 2px solid var(--hover-color) !important;
}

.search-popout .option.selected:active {
  background-color: var(--quaternary-color) !important;
  border-left: 2px solid var(--main-color) !important;
}

.search-popout .search-option .filter, .search-popout .option .filter {
  color: var(--main-color);
  font-weight: 500;
}

.theme-light.search-popout {
  margin-top: -14px !important;
  border-radius: 0px !important;
  border-left: 2px solid var(--main-color) !important;
  border-right: 2px solid var(--main-color) !important;
  border-bottom: 2px solid var(--main-color) !important;
  border-top: 0px solid transparent !important;
}

.searchAnswer-yD90ey, .searchFilter-1fJ0cd {
  background-color: var(--secondary-color) !important;
}

.search-popout .option .answer, .search-popout .option .non-text {
  color: #caccce;
  font-weight: 400;
}

.search-popout .results-group:before {
  display: none;
}

.search-popout .results-group .header {
  padding: 10px 20px 10px;
  background-color: var(--quaternary-color) !important;
}

.search-popout .results-group .search-clear-history, .search-popout .results-group .search-learn-more {
  top: 17px;
  filter: grayscale();
}

.searchFilter-1fJ0cd {
  border-radius: 3px;
  padding: 0px 8px 1px 6px;
}

.searchAnswer-yD90ey, .searchFilter-1fJ0cd {
  height: 30px;
  line-height: 30px;
  background-color: var(--secondary-color) !important;
}

.search-popout .option.search-query.selected {
  border-bottom: 0px solid transparent;
  border-left: 0px solid transparent !important;
}

.search-popout .option.search-query {
  color: #caccce !important;
  font-size: 16px !important;
  height: auto !important;
  line-height: 20px !important;
  margin: 0 !important;
  padding: 20px !important;
  border-left: 0px solid transparent !important;
}

.search-popout .option.user .displayed-nick, .search-popout .search-query .search-for strong {
  color: var(--main-color);
}

.searchAnswer-yD90ey {
  padding: 0px 6px 1px 0px;
}

/* 17. Search Results */

.search-results-wrap .search-header {
  background-color: var(--quaternary-color) !important;
}

.search-results-wrap {
  background-color: var(--primary-color) !important;
}

.search-results-wrap .search-result:before {
  background-image: linear-gradient(0deg, rgba(47, 49, 54, 0), var(--primary-color)) !important;
}

.search-results-wrap .search-result:after {
  background-image: linear-gradient(180deg, rgba(47, 49, 54, 0), var(--primary-color)) !important;
}

.search-results-wrap .search-result .search-result-message.hit {
  border: 2px solid var(--quaternary-color) !important;
}

.search-results-wrap .search-result .hit {
  background-color: var(--quaternary-color) !important;
  box-shadow: 0 0 10px 6px var(--primary-color) !important;
}

.search-results-wrap .search-result .hit:hover {
  border: 2px solid var(--main-color) !important;
}

.search-results-wrap .channel-separator:before {
  display: none;
}

.search-results-wrap .channel-separator .channel-name {
  background-color: var(--main-color) !important;
  color: #fff;
  margin-left: -10px;
  padding: 8px 8px 8px 6px;
}

.search-results-wrap .action-buttons .jump-button {
  background-color: var(--main-color) !important;
  color: #fff;
  padding: 1px 7px 3px 6px;
}

/* 18. Context Menus   */

.contextMenu-uoJTbz {
  background: var(--quaternary-color) !important;
  border-radius: 2px;
  padding: 0px 0px;
  box-shadow: 0 2px 25px rgba(0, 0, 0, 0.4) !important;
  animation: opacity 100ms ease, context-open-new 300ms cubic-bezier(0, 0, 0, 1);
  transform-origin: top;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid var(--quaternary-color) !important;
}

.theme-dark.contextMenu-uoJTbz .contextMenu-uoJTbz {
  transform-origin: 0 0 !important;
}

.contextMenu-uoJTbz.invertY, .contextMenu-uoJTbz.undefined {
  animation: opacity 50ms linear, context-open-new 150ms cubic-bezier(.2, 0, 0, 1);
  transform-origin: bottom !important;
}

.contextMenu-uoJTbz .itemGroup-oViAgA:not(:first-child):not(:empty) {
  border-color: var(--quaternary-color) !important;
}

.theme-dark.contextMenu-uoJTbz .itemGroup-oViAgA {
  border-color: rgba(255, 255, 255, .03) !important
}

.contextMenu-uoJTbz .item-1XYaYf {
  background: transparent !important;
  border-radius: 0px;
  transition: all 80ms ease;
  cursor: pointer;
  margin: 0px;
  padding: 9px 15px;
  color: #fff;
  animation: opacity 200ms 100ms backwards;
}

.contextMenu-uoJTbz .item-1XYaYf:hover {
  background: rgba(225, 225, 225, 0.03) !important;
  color: #fff;
  transition: all 0ms;
}

.contextMenu-uoJTbz {
  z-index: 1000000 !important
}

.contextMenu-uoJTbz .item-1XYaYf.danger-1oUOCl:hover {
  color: #F04747 !important;
}

.contextMenu-uoJTbz .item-1XYaYf.danger-1oUOCl:active {
  background: #F04747 !important;
  color: #fff !important;
}

.contextMenu-uoJTbz .contextMenu-uoJTbz {
  margin-top: -16px
}

.contextMenu-uoJTbz .contextMenu-uoJTbz.invertY, .contextMenu-uoJTbz .contextMenu-uoJTbz.undefined {
  margin-top: 16px
}

.theme-dark.contextMenu-uoJTbz .itemSubMenu-3ZgIw- {
  position: relative;
}

.contextMenu-uoJTbz .slider-2e2iXJ .track-1h2wOF {
  right: 0px !important;
  left: 3px !important;
}

.contextMenu-uoJTbz .slider-2e2iXJ .bar-2cFRGz {
  height: 3px
}.item-1XYaYf.itemSubMenu-3ZgIw-::after {
  content: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTguNTkgMTYuMzRsNC41OC00LjU5LTQuNTgtNC41OUwxMCA1Ljc1bDYgNi02IDZ6Ii8+ICAgIDxwYXRoIGQ9Ik0wLS4yNWgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
  position: absolute;
  right: 5px;
  opacity: .6;
  transition: all 100ms ease;
  top: 5px;
}

.item-1XYaYf.itemSubMenu-3ZgIw-:hover::after {
  opacity: 1;
}

/* 19. Unread Pop outs */

.container-2SvV0F {
  z-index: 2;
}

/* 20. Rich Embeds */

.embedPill-3sYS1X {
  border-radius: 0px;
  width: 3px;
}

.embedInner-t4ag7g {
  background-color: var(--quaternary-color) !important;
  border-color: var(--quaternary-color) !important;
  border-radius: 0px;
}

[style*="background-color: rgb(114, 137, 218);"] {
  background-color: var(--main-color) !important;
}

/* 21. Help Modal */

.need-help-modal .header h1::after {
  content: var(--theme-name)" v" var(--theme-version);
  white-space: nowrap !important;
  color: #fff;
  font-weight: 700;
  font-size: 470% !important;
  z-index: 11;
  position: absolute;
  width: 200%;
  height: 150% !important;
  left: -65px;
  margin-left: -45px;
  top: 10px !important;
  font-family: Satisfy;
  text-shadow: 7px 4px 5px rgba(0, 0, 0, 0.4) !important;
  
}

.need-help-modal.deprecated .header {
  background-color: transparent !important;
}

form.modal-content.form.need-help-modal::after {
  content: "";
  background: #fff;
  position: relative;
  z-index: 10;
}

.need-help-modal .header {
  background-color: transparent;
  height: 140px;
  padding: 0;
}

.need-help-modal .header::after {
  content: "";
  background-color: var(--main-color);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  position: relative;
  z-index: 10;
  height: 150px;
  width: 141.8% !important;
  padding: 0;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
}

.need-help-modal .header h1 {
  color: transparent;
  font-weight: 700;
  margin: 38px 0 0;
  font-size: 18px;
}.need-help-modal .header input[type=text] {
  display: none;
}

.need-help-modal .header h1 {
  color: transparent;
  font-weight: 700;
  margin: 38px 0px 0px;
  font-size: 18px;
  margin-right: 36%;
  top: 15%;
  position: relative;
}

.need-help-modal .form-inner.loading {
  background: transparent;
  padding-bottom: 0px;
  padding-top: 0px;
}

.need-help-modal .form-inner.loading::after {
  line-height: 15px !important;
  content: "\A\A\AThanks for purchasing my themes! \A\A\A\A Theme Creators: \A\A\A\A Omniscient#0002 & Kya#0001 \A\A\A\A My Server: \A\A\A\A http://discord.me/mrrobotserver " !important;
  text-align: center;
  padding: 58px;
  min-height: 100px;
  height: 350px !important;
  background-color: #19191b;
  width: 140% !important;
  white-space: pre;
  color: #fff;
  font-size: 150% !important;
}

.need-help-modal .form-inner>ul {
  display: none;
}

.need-help-modal .footer a {
  display: none;
}

.need-help-modal .footer {
  background-color: transparent !important;
  color: transparent !important;
  border-top: 0px #e9e7e7 solid !important;
  padding-top: 0px !important;
  padding-left: 0px !important;
  width: 100% !important;
  position: relative !important;
}

.need-help-modal .footer::after {
    content: "Need help? Visit: betterdocs.net/" !important;
    background-color: #19191b;
    width: 142% !important;
    height: 34px;
    position: absolute;
    text-align: center !important;
    bottom: 0;
    left: -109px !important;
    line-height: 32px;
    border-radius: 0 0 5px 5px;
    border-top: 2px solid #161618;
    color: #fff;
}

.need-help-modal .form-inner.loading .spinner {
  display: none !important;
}

.need-help-modal .form-inner .failed {
  display: none;
}

.empty-placeholder .image[style*='background-image:url("/assets/6793e022dc1b065b21f12d6df02f91bd.svg");'] {
  background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_sentiment_very_dissatisfied_white_24px.svg) !important;
  opacity: 0.3;
}

.form-deprecated .form-header, .form.deprecated .form-header, .form-deprecated .form-inner, .form.deprecated .form-inner {
    background-color: var(--main-color) !important;
}

/* 22. Modals */

.theme-dark .theme-light .clipboardInputInner-oj8y-S {
  background: var(--quaternary-color) !important;
  border: 1px solid var(--quaternary-color);
}

.wrapper-VSYYTS .instantInviteModalAdvanced-38f2M0 .form-actions {
  background-color: var(--quaternary-color) !important;
  border-radius: 0px;
  border-top: 2px solid var(--main-color);
  padding-top: 10px;
}

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

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

.form-deprecated .btn-default {
  color: var(--main-color) !important;
  border-color: transparent !important;
}

.form-deprecated .btn-default:hover {
  color: var(--main-color) !important;
  border-color: var(--main-color) !important;
}

.wrapper-VSYYTS .instantInviteModal-5L33Qh .clipboardInputInner-dxVheg input {
  color: var(--main-color);
}

.wrapper-VSYYTS .instantInviteModal-5L33Qh .copy-2xFKb_ {
  background-color: var(--main-color);
}

.wrapper-VSYYTS .instantInviteModal-5L33Qh .expireText-NeAc7v, .form-deprecated .control-group .help-text, .form.deprecated .control-group .help-text {
  color: #dadada;
}

.wrapper-VSYYTS .instantInviteModal-5L33Qh .blurb-ArHxCz, .wrapper-VSYYTS .instantInviteModal-5L33Qh .form-header header {
  color: #ffffff;
}

.form-deprecated .form-header, .form.deprecated .form-header, .form-deprecated .form-inner, .form.deprecated .form-inner {
  background-color: var(--quaternary-color) !important;
  border-radius: 0px;
}

.wrapper-VSYYTS .instantInviteModal-5L33Qh .form-actions {
  background-color: var(--quaternary-color) !important;
  border-radius: 0px;
  border-top: 2px solid var(--main-color);
}

.wrapper-VSYYTS .instantInviteModal-5L33Qh .form-actions .checkbox .checkbox-inner+span {
  color: #fff;
}

.wrapper-VSYYTS .instantInviteModal-5L33Qh .checkbox .checkbox-inner span, .wrapper-VSYYTS .instantInviteModalAdvanced-38f2M0 .checkbox .checkbox-inner span {
  border: 2px solid var(--tertiary-color);
  ;
}

.menu-3BZuDT {
  background-color: var(--quaternary-color) !important;
  border-radius: 0px;
}

.alt-2vq4VR .item-rK1j5B .helper-3X2gjI {
  color: #e2e2e2;
}

.alt-2vq4VR .item-rK1j5B {
  color: #fff;
}

.autocomplete-1TnWNR {
  background-color: var(--quaternary-color) !important;
}

.descriptionDiscriminator-3KCIMj, .contentTitle-sL6DrN {
  color: var(--main-color) !important;
  font-weight: 600 !important;
}

.description-YnaVYa, .descriptionUsername-1quCGz {
  color: #fff !important;
}

.selectorSelected-2M0IGv {
  background-color: var(--primary-color) !important;
}

.selector-nbyEfM {
  border-radius: 0px;
}

.small-popout-box {
  background: var(--quaternary-color) !important;
  border: 1px solid var(--quaternary-color) !important;
  border-radius: 0px;
  transition: .2s all linear;
}

.option-popout .btn-item:hover {
  color: var(--main-color);
  border-left: 2px solid var(--main-color);
}

.option-popout .btn-item {
  color: #fff;
}

.footer-1PYmcw {
  background-color: var(--quaternary-color) !important;
  box-shadow: 0px 0px transparent !important;
}

.modal-3HOjGZ {
  background-color: var(--primary-color) !important;
  box-shadow: 0px 0px transparent;
}

.modal-3HOjGZ .message-25xg43 {
  background-color: var(--primary-color) !important;
  border: 0px solid transparent;
}

.uploadModal-2KN6Mm {
  background-color: var(--main-color);
}

.uploadModal-2KN6Mm .footer-4pOKm8, .uploadModal-2KN6Mm .footer-4pOKm8 .button {
  background-color: var(--hover-color);
}

.uploadModal-2KN6Mm .inner-1-09ZV {
  border: 2px dashed rgba(255, 255, 255, 0.4);
}

.theme-brand .inner-3if5cm {
  background-color: rgba(255, 255, 255, 0.2);
}

.uploadModal-2KN6Mm .footer-4pOKm8 .button-primary {
  background-color: #fff;
  color: var(--main-color);
}

.uploadModal-2KN6Mm .inner-1-09ZV .file-XhJJS_ .icon-19bbE_.image-sUU6Oh {
  border-color: var(--main-color);
}

.theme-light.wrapper-VSYYTS {
  background: var(--primary-color) !important;
}

/* 23. User Popup */

.rolesList-2RhjNd {
  overflow: hidden;
  overflow-y: auto;
}

.bodyTitle-18hsd9, .member-perms-header {
  color: #d1d1d3;
}

.member-perms {
  height: 0px;
  margin-top: 0px;
  transition: all .2s linear;
}

.member-perms:hover, .member-perms-header:hover+.member-perms {
  height: 100%;
}

.member-perms-header {
  margin-bottom: 0px;
  padding-bottom: 8px;
}

.headerNormal-3Vn9nT {
  background-color: var(--main-color) !important;
}

.body-3ljq11, .footer-2wFs91 {
  background-color: var(--primary-color) !important;
}

.footer-2wFs91 {
  border-top: 2px solid var(--main-color) !important;
}

.quickMessage-OCo-Q0 {
  background-color: var(--quaternary-color) !important;
  border-color: var(--quaternary-color) !important;
  border-radius: 0px !important;
}

.headerPlaying-2Q7mBy {
  background: var(--main-color);
}

.role-3rahR_ {
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 2px !important;
  box-sizing: content-box !important;
  height: 16px !important;
  margin: 3px !important;
  padding: 2px !important;
  display: block !important;
  position: relative;
  line-height: 16px;
  font-size: 10px !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  overflow: hidden;
}

.role-3rahR_::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  border-width: 10px;
  border-style: solid;
  border-color: inherit;
  box-sizing: border-box;
  opacity: 0.5;
}

.roleName-DUQZ9m {
  margin: 0 4px;
}

.roleCircleButton-sMOdib {
  padding: 0;
  position: absolute;
  z-index: 2;
  height: 22px;
  top: -1px;
  left: -1px;
  border-radius: 2px 0 0 2px;
  width: 22px;
  display: flex !important;
  transition: transform 0.2s;
  transform: translateX(-30px);
}

.roleCircle-3-vPZq {
  display: none;
}

.addButton-3RuTE0 {
  line-height: 10px;
  width: 22px;
  box-sizing: border-box;
  height: 22px;
}

.roleRemoveIcon-2iu0iE {
  display: block;
}

.role-3rahR_:hover .roleCircleButton-sMOdib {
  transition: transform 0.2s;
  transform: translateX(0);
}

.addButtonIcon-3GVNfn {
  height: 7px;
  width: 7px;
}

/* 24. Profile Popup */

.topSectionNormal-2LlRG1 {
  background-color: var(--main-color) !important;
}

.tabBarContainer-3RVZc- {
  border-top: 0px solid transparent !important;
}

.body-3_tdh6 {
  background-color: var(--primary-color) !important;
}

.connectedAccount-3mKaTA, .userInfoSection-2WJxMm+.userInfoSection-2WJxMm {
  border-color: transparent !important;
}

.connectedAccount-3mKaTA {
  background-color: var(--quaternary-color) !important;
}

.topSectionPlaying-3jAH9b {
  background: var(--main-color);
}

/* 25. Server Settings Pop out */

/* -- APRIL FOOLS CHANGES -- */

.mask-2vyqAW, .image-EVRGPw {
    border-radius: 50%;
    -webkit-mask: none;
    mask: none;
}

.member-2FrNV0 [class*="status-"], 
.userPopout-11hFKo [class*="status-"], 
.modal-2LIEKY [class*="status-"]
{
    height: 100% !important;
    width: 100% !important;
    border-radius: 50%;
    margin: 0;
    top: -2px !important;
    left: -2px !important;
    background: var(--rs-transparency) !important;
    border:2px solid !important;
    transition-duration: .5s !important;
}

.member-2FrNV0 [class*="status-"].statusOnline-1Mp2_H,
.userPopout-11hFKo [class*="status-"].statusOnline-1Mp2_H,
.modal-2LIEKY [class*="status-"].statusOnline-1Mp2_H
{
    border-color: var(--rs-online-color) !important;
}

.member-2FrNV0 [class*="status-"].statusIdle-2AQdvu,
.userPopout-11hFKo [class*="status-"].statusIdle-2AQdvu,
.modal-2LIEKY [class*="status-"].statusIdle-2AQdvu
{
    border-color: var(--rs-idle-color) !important;
}

.member-2FrNV0 [class*="status-"].statusDnd-35xAXU,
.userPopout-11hFKo [class*="status-"].statusDnd-35xAXU,
.modal-2LIEKY [class*="status-"].statusDnd-35xAXU
{
    border-color: var(--rs-dnd-color) !important;
}

.member-2FrNV0 [class*="status-"].statusStreaming-1bZ3Hq,
.userPopout-11hFKo [class*="status-"].statusStreaming-1bZ3Hq,
.modal-2LIEKY [class*="status-"].statusStreaming-1bZ3Hq
{
    border-color: var(--rs-streaming-color) !important;
}

.member-2FrNV0 [class*="status-"].statusOffline-jZXr_u,
.userPopout-11hFKo [class*="status-"].statusOffline-jZXr_u,
.modal-2LIEKY [class*="status-"].statusOffline-jZXr_u
{
    border-color: var(--rs-offline-color) !important;
}

.member-2FrNV0 [class*="status-"].statusInvisible-2ci18Q,
.userPopout-11hFKo [class*="status-"].statusInvisible-2ci18Q,
.modal-2LIEKY [class*="status-"].statusInvisible-2ci18Q
{
    border-color: var(--rs-invisible-color)
!important;
}

.member-2FrNV0 [class*="status-"].statusOnline-1Mp2_H.statusTyping-lRly31 .pulsingEllipsisItem-1oPdBE
{
    background-color: var(--rs-online-color);
}

.member-2FrNV0 [class*="status-"].statusIdle-2AQdvu.statusTyping-lRly31 .pulsingEllipsisItem-1oPdBE
{
    background-color: var(--rs-idle-color);
}

.member-2FrNV0 [class*="status-"].statusDnd-35xAXU.statusTyping-lRly31 .pulsingEllipsisItem-1oPdBE{
    background-color: var(--rs-dnd-color);
}

.member-2FrNV0 [class*="status-"].statusStreaming-1bZ3Hq.statusTyping-lRly31 .pulsingEllipsisItem-1oPdBE
{
    background-color: var(--rs-streaming-color);
}

.member-2FrNV0 [class*="status-"].statusOffline-jZXr_u.statusTyping-lRly31 .pulsingEllipsisItem-1oPdBE
{
    background-color: var(--rs-offline-color);
}

.member-2FrNV0 [class*="status-"].statusInvisible-2ci18Q.statusTyping-lRly31 .pulsingEllipsisItem-1oPdBE{
    background-color: var(--rs-invisible-color);
}

.ui-standard-sidebar-view .custom-scroller{
    background: var(--primary-color) !important;
}

.popoutList-2NT_IY {
    background: var(--secondary-color) !important;
}

.selectableItem-3PW5_y:hover {
    background: var(--quaternary-color) !important;
}

.guild-header.popout-open~.ui-scroller-wrap {
  -ms-transform: translate(0, 40px);
  transform: translate(0, 40px);
  padding-bottom: 40px;
  transition: transform 200ms ease, padding 0ms ease 200ms
}

.guild-header.popout-open~.channel-list-top {
  -ms-transform: translate(0, 40px);
  transform: translate(0, 40px);
  transition: transform 200ms ease
}

.guild-header~.channel-list-top, .guild-header~.ui-scroller-wrap {
  transition: transform 200ms ease;
}

.menu-3BZuDT .separator-1hpa3S {
  display: none;
}

.popout-bottom .menu-3BZuDT {
  background: transparent;
  position: relative;
  left: 0px !important;
  top: 0px !important;
  animation: popoutanim-inner 300ms cubic-bezier(.4, 0, 0, 1), opacity 100ms ease 100ms backwards;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -ms-flex-pack: start;
  justify-content: flex-start;
  display: -ms-flexbox;
  display: flex;
  width: 240px;
  border-radius: 0;
  overflow: visible;
  transform-origin: 50% -10%;
  background: var(--primary-color) !important;
}

body:active .popout-bottom:not(:active) .menu-3BZuDT:not(:active) {
  transform: scale(1.5);
  opacity: 0;
  transition: 200ms cubic-bezier(.5, 0, 0, .3), opacity 100ms ease;
}

.menu-3BZuDT {
  pointer-events: initial;
}

.popout-bottom[style*="overflow: hidden; visibility: visible;"] {
  box-shadow: none !important;
  left: 75px !important;
  top: 46px;
  width: 230px !important;
  height: auto !important;
  margin: 0px;
  -ms-transform: none !important;
  transform: none !important;
  pointer-events: none;
  position: absolute;
  animation: popoutanim 300ms cubic-bezier(.4, 0, 0, 1);
  border-radius: 0px;
  background: var(--primary-color) !important;
  transform-origin: 50% -10%;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .5) !important;
  border-left: 2px solid var(--main-color) !important;
  border-right: 2px solid var(--main-color) !important;
  border-bottom: 2px solid var(--main-color) !important;
  z-index: 99 !important;
}

body:active .popout-bottom[style*="overflow: hidden; visibility: visible;"]:not(:active) {
  transform: scale(0) !important;
  transform-origin: 50% 30%;
  transition: transform 200ms cubic-bezier(.5, 0, 0, .3) !important;
}

.tutorial-indicators+.theme-dark {
  position: relative;
}

.popout-bottom[style*="overflow: hidden; visibility: visible;"] .menu-3BZuDT * {
  pointer-events: auto;
}

.popout-bottom .menu-3BZuDT .label-HtH0tJ {
  top: 45px;
  padding: 5px 10px;
  border-radius: 3px;
  font-size: 15px;
  pointer-events: none;
  transition: opacity 100ms ease;
  padding: 0;
}

.popout-bottom .menu-3BZuDT .item-rK1j5B {
  height: 40px;
  padding: 0 10px;
  transition: 50ms ease;
}

.item-rK1j5B {
  color: #b1b1b1;
}

.item-rK1j5B:hover .icon-3ICDZz {
  color: #ffffff;
  filter: grayscale(100%) brightness(250%) !important;
}

.item-rK1j5B.invite-YM1l0n {
  color: var(--main-color) !important;
  font-weight: 600 !important;
}

.popout-bottom .menu-3BZuDT .item-rK1j5B:hover {
  background-color: rgba(255, 255, 255, .03);
  color: #ffffff;
  border-left: 2px solid var(--main-color);
}

.theme-light .popout-bottom .menu-3BZuDT .item-rK1j5B:hover {
  color: #000000;
}

.theme-light .item-rK1j5B:hover .icon-3ICDZz {
  filter: grayscale(100%) brightness(20%) !important; 
}

.popout-bottom .menu-3BZuDT .icon-3ICDZz {
  width: 40px;
  height: 40px;
  background-position: 50%;
  background-size: 50%;
  background-repeat: no-repeat;
  margin-right: 5px;
  filter: grayscale(100%) brightness(100%);
}

/* 26. Chat Typing Bar */

.chat form .typing-3eiiL_ {
  background: var(--quaternary-color) !important;
  bottom: 100%;
  padding-left: 20px;
  z-index: 0;
  animation: opacity 300ms ease;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
  -ms-transform: scale(1);
  transform: scale(1);
  width: auto;
  padding-right: 20px;
  padding-top: 0px;
  border-radius: 5px 5px 0 0;
  margin-left: 15px;
  color: var(--white10);
  box-shadow: 0 -3px 20px rgba(0, 0, 0, .1);
  opacity: 1;
  transition: all 200ms ease;
  overflow-y: visible !important;
  z-index: 5;
}

.typing-3eiiL_ .text-1rI06- {
  line-height: 26px
}

.typing-3eiiL_ .ellipsis--nKTEd {
  height: 31px
}

/* 27. Scrollbars */

.friends-table .scroller-wrap ::-webkit-scrollbar-track-piece, .messages-wrapper .scroller-wrap ::-webkit-scrollbar-track-piece {
  background-color: var(--quaternary-color) !important;
  border-color: var(--primary-color) !important;
}

.friends-table .scroller-wrap ::-webkit-scrollbar-thumb, .messages-wrapper .scroller-wrap ::-webkit-scrollbar-thumb {
  background-color: var(--main-color) !important;
  border-color: var(--primary-color) !important;
}

.scroller-fzNley::-webkit-scrollbar-thumb, .scroller-fzNley::-webkit-scrollbar-track, .scrollerThemed-19vinI.themeGhostHairline-2H8SiW .scroller-fzNley::-webkit-scrollbar-thumb, .scrollerThemed-19vinI.themeGhostHairlineChannels-2lQojW .scroller-fzNley::-webkit-scrollbar-thumb, .scroller-wrap .scroller::-webkit-scrollbar-thumb, .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
  border-radius: 0px;
}

.scroller-wrap .scroller::-webkit-scrollbar {
  width: 11px;
}

.scroller-fzNley::-webkit-scrollbar {
  width: 12px;
}

.scroller-wrap .scroller::-webkit-scrollbar-thumb, .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
  visibility: hidden !important;
  transition: .2s visibility linear;
}

.scroller-wrap .scroller:hover::-webkit-scrollbar-thumb, .scroller-wrap .scroller:hover::-webkit-scrollbar-track-piece {
  visibility: visible !important;
}

.scrollerThemed-19vinI.themeGhostHairlineChannels-2lQojW .scroller-fzNley::-webkit-scrollbar-thumb, .scrollerThemed-19vinI.themeGhost-10fio9 .scroller-fzNley::-webkit-scrollbar-thumb, .scrollerThemed-19vinI.themeDark-BdSAwu .scroller-fzNley::-webkit-scrollbar-thumb, .scrollerWrap-2uBjct .scroller-fzNley::-webkit-scrollbar-thumb, .scrollerThemed-19vinI.themeDark-BdSAwu .scroller-fzNley::-webkit-scrollbar-thumb {
  background-color: var(--main-color) !important;
}

.rolesList-2RhjNd::-webkit-scrollbar {
  height: 8px;
  width: 12px;
}

/* 28. Shadows */

.channel-members-wrap,
.guilds-wrapper,
.channels-wrap .flexChild-1KGW5q,
.container-iksrDt,
.container-3lnMWU,
#friends .friends-header,
.chat .title-wrap,
.popout.popout-bottom-right.no-arrow.no-shadow,
.chat form .channel-text-area-default,
.search-results-wrap,
.embed-2diOCQ,
.emojiPicker-3g68GS,
.channels-3g2vYe
.scrollerWrap-2uBjct,
.channels-3g2vYe .flexChild-1KGW5q,
.wrapper-uAa07y,
.cardPrimary-ZVL9Jr,
.cardPrimaryEditable-2IQ7-V,
.authedApp-2JX_oI,
.modal-3HOjGZ .message-25xg43,
.theme-dark .autocomplete-1TnWNR,
.menu-3BZuDT
 {
    box-shadow: 0 2px 20px rgba(0,0,0,.4) !important;
}

/* 29. Misc */

.theme-dark .chat .jump-to-present-bar {
    background-color: var(--main-color);
}

.theme-dark .chat .jump-to-present-bar:hover {
    background-color: var(--hover-color);
}

/* April 14th Patches */

.inviteModal-1di4Hk .scroller {
    background: var(--primary-color);
    background-size: 200px 204px;
    height: 100%;
    position: relative;
    width: 400px;
}

.lookFilled-luDKDo.colorGreen-22At8E {
    background-color: var(--main-color);
    color: #fff;
}

.inviteModal-1di4Hk .inviteBody-1kVhyx {
    color: #fff;
}

.lookFilled-luDKDo.colorGreen-22At8E:hover {
    background-color: var(--main-color);
}

.guilds-wrapper .guilds .guild .guild-inner {
    background: transparent !important;
}

.theme-dark .container-a2vS7i, .theme-dark .reactors-2PjMP0 {
    background-color: var(--primary-color);
}

.theme-dark .sidebar-32BRdp {
    background: var(--primary-color);
}

.theme-dark .reactionSelected-rLBoT_ {
    background-color: var(--main-color);
}

.theme-dark .keyboardShortcutsModal-2JhH0L {
    background-color: var(--primary-color);
}

.theme-dark .keybindShortcut-tTramc span {
    background-color: var(--main-color);
}

.theme-dark .popout .messages-popout-wrap .footer {
    background-color: var(--secondary-color);
}

.statusGreen-1ADNRt {
    color: var(--main-color);
}

.search-bar .search-bar-inner {
    background: var(--secondary-color);
}

.theme-dark .themed-popout .footer {
    background-color: var(--secondary-color);
}

.private-channel-recipients-invite .footer button {
    background-color: var(--main-color);
}

.theme-dark .private-channel-recipients-invite .friend {
    background: transparent;
}

.theme-dark .private-channel-recipients-invite .friend.selected, .theme-dark .private-channel-recipients-invite .friend:hover {
    background: var(--quaternary-color) !important;
}

.search-bar-tag {
    background: var(--main-color);
}

[class*="embedPill-3sYS1X"] {
    background-color:  var(--main-color) !important;
}

.private-channel-recipients-invite .friend .avatar-small .status {
    border: 2px solid #fff;
    bottom: -2px;
    height: 25px;
    right: -3px;
    width: 25px;
}

/* Themed Search */

.theme-dark .searchPopout-38pRYh {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    background-color: var(--primary-color);
    border: 0px solid var(--main-color);
    border-left: 2px solid var(--main-color);
    border-right: 2px solid var(--main-color);
    border-bottom: 2px solid var(--main-color);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    top: -14px;
}

.theme-dark .option-1MvVr1.selected-_bTXUG {
    background-color: var(--quaternary-color);
}

.theme-dark .calendarPicker-16Q6sl .react-datepicker {
    background-color: var(--primary-color);
}

.theme-dark .calendarPicker-16Q6sl .react-datepicker__header {
    background-color: var(--secondary-color);
    border-color: var(--main-color);
}

.theme-dark .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--disabled, .theme-dark .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--disabled:hover {
    background-color: var(--quaternary-color);
    color: hsla(240,6%,97%,.3);
}

.theme-dark .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--selected:hover, .theme-dark .calendarPicker-16Q6sl .react-datepicker__day:hover {
    background-color: var(--main-color);
    color: #fff;
}

.theme-dark .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--selected:after {
    background-color: var(--main-color);
}

.theme-dark .datePicker-1RD4eT .datePickerHint-1iW7Wz .hintValue-45YyWZ {
    background-color: var(--main-color);
    color: #fff;
}

.theme-dark .calendarPicker-16Q6sl .react-datepicker__day--disabled, .theme-dark .calendarPicker-16Q6sl .react-datepicker__day--outside-month {
    background-color: var(--quartenary-color);
    color: hsla(240,6%,97%,.3);
}

.theme-dark .reaction.reaction-me, .theme-light .reaction.reaction-me {
    background: var(--main-color) !important;
}

.theme-dark .reaction.reaction-me .reaction-count {
    color: #fff !important;
}

.theme-dark #memberCount {
    background: transparent !important;
    background-image: linear-gradient(90deg, transparent, transparent), linear-gradient(90deg, transparent, var(--main-color), transparent) !important;
    background-size: 100% 3px !important;
    background-position: 0 0, 0 100% !important;
    background-repeat: no-repeat !important;
    padding-top: 25px !important;
    font-weight: 600 !important;
    transform: translate(0px,-25px);
}

/* Mentions Edit*/

.mention-RlZ5F3 {
    background-color: var(--main-color) !important;
}

.bar-Y-RLyN {
    background-color: var(--main-color) !important;
}

.theme-dark #friends .tab-bar .tab-bar-item.tab-bar-item-primary.selected {
    color: #fff !important;
}

/* CSS Editor Buttons */
.bd-detached-editor .chat .title-qAcLxz > div:last-child,
.bd-detached-editor .headerBar-cxbhPD > div:last-child {
    margin-right: 0 !important;
}
#bd-customcss-detach-container #bd-customcss-attach-controls{
    display: flex;
    flex-flow: column;
    align-items: center;
}
#bd-customcss-attach-controls {
    display: flex;
    flex-flow: column;
    align-items: center;
}
#bd-customcss-detach-controls-button > span {
    font-size: 0 !important;
    display: flex;
    flex-flow: column;
    align-items: center;
}
#bd-customcss-attach-controls .checkbox-group {
    order: 1;
}

#bda-qem {
  border-bottom: none !important;
  background: none !important
}

::selection {
  background: var(--main-color) !important;
  color: #fff !important;
}

.message-group, .embedTitleLink-1IGDvg {
  color: var(--main-color) !important;
}

.lookFilled-luDKDo.colorBrand-3PmwCE:hover {
  background-color: var(--hover-color) !important;
}

.lookFilled-luDKDo.colorBrand-3PmwCE {
  background-color: var(--main-color) !important;
}

.lookInverted-2lPGe7.colorBrand-3PmwCE {
  color: var(--main-color);
}

.appMount-14L89u {
  background-color: #101011 !important;
}

.base-3AoPqv {
  border-radius: 0px !important;
}

body, span:not(.spinner-item) {
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
}
[style*="left: 70px; top: 29.5px;"] {
  display: none !important;
}

.faded-1KRDbu {
  color: #fff !important;
}

.description-3MVziF, .labelDescriptor-1BebCl, .desc-2dKaro {
  color: #c6c6c6 !important;
}

.valueChecked-3Bzkbm, .barFill-18ABna {
  background-color: var(--main-color) !important;
}

[stroke*="#7289da"] {
  stroke: var(--main-color) !important;
}
.checked-2TahvT {
  border-color: var(--main-color) !important;
}

.checkbox .checkbox-inner input[type=checkbox]:checked+span {
  background-color: var(--main-color) !important;
  border-color: var(--main-color) !important;
}

.form-deprecated .Select-control, .form.deprecated .Select-control {
  border-radius: 0px !important;
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label, .has-value.Select--single>.Select-control .Select-value .Select-value-label {
  color: #fff;
}

.form-deprecated .control-group label, .form.deprecated .control-group label {
  color: #ffffff;
}

.bar-2cFRGz {
  background: var(--quaternary-color) !important;
}

.botTagRegular-288-ZL {
  background: var(--main-color);
}

.divider-1G01Z9 {
  display: none;
}

.container-3lnMWU {
  border-bottom: 0px solid transparent;
}

.wrapper-1hQOWh {
  margin: 0;
}

.notice-3I4-y_ {
  font-size: 0px !important;
  height: 4px;
  line-height: 18px;
  position: fixed;
  top: 70px;
  width: 100%;
  transition: all .2s linear;
}

.notice-3I4-y_:hover {
  font-size: 14px !important;
  height: 38px;
  line-height: 38px;
  position: fixed;
  top: 70px;
  width: 100%;
}

.notice-3I4-y_:hover .dismiss-1QjyJW {
  height: 36px;
}

.dismiss-1QjyJW {
  height: 0px;
  right: 100px;
  transition: all .2s linear;
}

.button-2TvR03 {
  display: none !important;
}

.spinner-wandering-cubes .spinner-item {
  background-color: var(--main-color) !important;
}

.bd-blue .tooltip {
  background-color: var(--main-color) !important;
}

.bd-blue .tooltip.tooltip-right:after {
  border-right-color: var(--main-color) !important;
}

.tooltip {
  border-radius: 0px !important;
}

.titleWrapper-3Vi_wz .title-qAcLxz {
background: var(--primary-color) !important;
}

.scroller-fzNley.content-region-scroller {
    background: var(--primary-color) !important;
}

/* 30. Keyframes */

@keyframes slide-up {
  from {
    transform: translate(0, 100%);
  }
}

@keyframes slide-down {
  from {
    transform: translate(0, -100%);
  }
}

@keyframes slide-left {
  from {
    transform: translate(-100);
  }
}

@keyframes slide-right {
  from {
    transform: translate(100%);
  }
}

@-webkit-keyframes mentionpulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 var(--main-color);
  }
  70% {
    -webkit-box-shadow: 0 0 0 5px rgba(204, 169, 44, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}

@keyframes show-status {
  from {
    transform: translateY(100%) translateX(0%) translateZ(0px);
  }
}

@keyframes status {
  from {
    transform: scale(0);
    opacity: 0
  }
}

@keyframes context-open-invertY {
  0% {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
  }
}

@keyframes context-open-new {
  0% {
    transform: scale(1, 0.8);
  }
}

@keyframes context-open {
  0% {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@keyframes popoutanim-inner {
  0% {
    transform: scale(2);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes popoutanim {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

31.

/* 31. Roundness */

.chat .avatar-large, .container-iksrDt .avatar-small, .private-channel-recipients-invite .friend .avatar-small, [class*="avatar-"] .status, .channel-members [class*="avatar-"] .status, .private-channels .channel .avatar-small, .messages-popout .message-group .avatar-large, .guilds-wrapper .guilds .guild .guild-inner a, .guilds-wrapper .guild.guilds-add::after, .mask-2vyqAW, .image-EVRGPw, .member-2FrNV0 [class*="status-"], .userPopout-11hFKo [class*="status-"], .modal-2LIEKY [class*="status-"], .theme-dark [class*="switch"][class*="valueUnchecked"], .themeDefault-3M0dJU.sizeDefault-rZbSBU:after, .themeDefault-3M0dJU.valueChecked-3Bzkbm, .valueChecked-3Bzkbm.sizeDefault-rZbSBU:after {
    border-radius: var(--roundness) !important;
}
