/* "ClearVision CSS v4.2.1" by @Zerthox */
/* Based on "Discord Reborn v4.30" by @Omniscient & "DarkMatter" by @Hammock */

/* BACKGROUND, LOADING ANIMATIONS & DEV MARK BY ZERTHOX */
/*
________/\\\\\\\\\__/\\\\\\_________________________________________________/\\\________/\\\______________________________________________________
 _____/\\\////////__\////\\\________________________________________________\/\\\_______\/\\\______________________________________________________
  ___/\\\/______________\/\\\________________________________________________\//\\\______/\\\___/\\\_______________/\\\_____________________________
   __/\\\________________\/\\\________/\\\\\\\\___/\\\\\\\\\_____/\\/\\\\\\\___\//\\\____/\\\___\///___/\\\\\\\\\\_\///______/\\\\\_____/\\/\\\\\\___
    _\/\\\________________\/\\\______/\\\/////\\\_\////////\\\___\/\\\/////\\\___\//\\\__/\\\_____/\\\_\/\\\//////___/\\\___/\\\///\\\__\/\\\////\\\__
      _\//\\\_______________\/\\\_____/\\\\\\\\\\\____/\\\\\\\\\\__\/\\\___\///_____\//\\\/\\\_____\/\\\_\/\\\\\\\\\\_\/\\\__/\\\__\//\\\_\/\\\__\//\\\_
       __\///\\\_____________\/\\\____\//\\///////____/\\\/////\\\__\/\\\_____________\//\\\\\______\/\\\_\////////\\\_\/\\\_\//\\\__/\\\__\/\\\___\/\\\_
        ____\////\\\\\\\\\__/\\\\\\\\\__\//\\\\\\\\\\_\//\\\\\\\\/\\_\/\\\______________\//\\\_______\/\\\__/\\\\\\\\\\_\/\\\__\///\\\\\/___\/\\\___\/\\\_
         _______\/////////__\/////////____\//////////___\////////\//__\///________________\///________\///__\//////////__\///_____\/////_____\///____\///__
*/
.account::after {
    content: "ClearVision v4.2.1";
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .3;
}
body {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: -9999;
}

/* LOADING & INIT ANIMATIONS */
.app,
body::after {
    -webkit-animation: cv-fade 2s ease-out;
    animation: cv-fade 2s ease-out;
}
@-webkit-keyframes cv-fade {
    0% {
        opacity: 0;
        -webkit-filter: blur(10px);
    }
    70% {
        -webkit-filter: blur(0px);
    }
    100% {
        opacity: 1;
    }
}
@keyframes cv-fade {
    0% {
        opacity: 0;
        -webkit-filter: blur(10px);
    }
    70% {
        -webkit-filter: blur(0px);
    }
    100% {
        opacity: 1;
    }
}
#app-mount::before {
    content: "";
    background: transparent;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    pointer-events: none;
    -webkit-animation: cv-bg 3.5s ease-in-out;
    animation: cv-bg 3.5s ease-in-out;
}
@-webkit-keyframes cv-bg {
    0% {
        background-color: rgba(0, 0, 0, .5);
    }
    72% {
        background-color: rgba(0, 0, 0, .5);
    }
    100% {
        background-color: transparent;
    }
}
@keyframes cv-bg {
    0% {
        background-color: rgba(0, 0, 0, .5);
    }
    72% {
        background-color: rgba(0, 0, 0, .5);
    }
    100% {
        background-color: transparent;
    }
}
#app-mount::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    line-height: 100vh;
    opacity: 0;
    z-index: 9999;
    pointer-events: none;
    -webkit-animation: cv-init 3s ease-in-out;
    animation: cv-init 3s ease-in-out;
}
@-webkit-keyframes cv-init {
    0% {
        content: "Loading styles";
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
    25% {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
    30% {
        opacity: .3;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    45% {
        opacity: .3;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    49% {
        content: "Loading styles";
        opacity: 0;
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    50% {
        content: "Loading assets";
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
    55% {
        opacity: .3;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    70% {
        opacity: .3;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    74% {
        content: "Loading assets";
        opacity: 0;
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    75% {
        content: "Finished loading";
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
    80% {
        opacity: .3;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    95% {
        opacity: .3;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    99% {
        content: "Finished loading";
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
    100% {
        content: "";
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}
@keyframes cv-init {
    0% {
        content: "Loading styles";
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
    25% {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
    30% {
        opacity: .3;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    45% {
        opacity: .3;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    49% {
        content: "Loading styles";
        opacity: 0;
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    50% {
        content: "Loading assets";
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
    55% {
        opacity: .3;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    70% {
        opacity: .3;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    74% {
        content: "Loading assets";
        opacity: 0;
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    75% {
        content: "Finished loading";
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
    80% {
        opacity: .3;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    95% {
        opacity: .3;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    99% {
        content: "Finished loading";
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
    100% {
        content: "";
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

/* DEV MARKS */
.avatar-small[style*='144881947557101568'] + .member-inner .member-username-inner::after,
.guild-settings-modal-members .avatar-small[style*='144881947557101568'] + .member-inner .member-username::after,
.avatar-popout[style*='144881947557101568']::after,
.avatar-profile[style*='144881947557101568']::after,
.message-group .avatar-large[style*='144881947557101568'] + .comment .user-name::after {
    content: "CV Dev";
}
.avatar-profile[style*='144881947557101568']::after {
    content: "ClearVision DEV";
}
.avatar-small[style*='81388395867156480'] + .member-inner .member-username-inner::after,
.guild-settings-modal-members .avatar-small[style*='81388395867156480'] + .member-inner .member-username::after,
.avatar-popout[style*='81388395867156480']::after,
.avatar-profile[style*='81388395867156480']::after,
.message-group .avatar-large[style*='81388395867156480'] + .comment .user-name::after {
    content: "BD Dev";
}
.avatar-profile[style*='81388395867156480']::after {
    content: "BetterDiscord DEV";
}
.avatar-small[style*='144881947557101568'] + .member-inner .member-username,
.avatar-small[style*='81388395867156480'] + .member-inner .member-username {
    position: relative;
}
.avatar-small[style*='144881947557101568'] + .member-inner .member-username-inner::after,
.guild-settings-modal-members .avatar-small[style*='144881947557101568'] + .member-inner .member-username::after,
.avatar-popout[style*='144881947557101568']::after,
.avatar-profile[style*='144881947557101568']::after,
.message-group .avatar-large[style*='144881947557101568'] + .comment .user-name::after,
.avatar-small[style*='81388395867156480'] + .member-inner .member-username-inner::after,
.guild-settings-modal-members .avatar-small[style*='81388395867156480'] + .member-inner .member-username::after,
.avatar-popout[style*='81388395867156480']::after,
.avatar-profile[style*='81388395867156480']::after,
.message-group .avatar-large[style*='81388395867156480'] + .comment .user-name::after {
    position: absolute;
    height: 14px;
    padding: 1px 2px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.5);
    color: hsla(0, 0%, 100%, 0.8);
    font-size: 10px;
    text-align: center;
    font-weight: 700;
    line-height: 16px;
    text-shadow: 0 0 1px rgba(0, 0, 0, .3);
    text-transform: uppercase;
    vertical-align: bottom;
}
.avatar-small[style*='144881947557101568'] + .member-inner .member-username-inner::after,
.guild-settings-modal-members .avatar-small[style*='144881947557101568'] + .member-inner .member-username::after,
.message-group .avatar-large[style*='144881947557101568'] + .comment .user-name::after,
.avatar-small[style*='81388395867156480'] + .member-inner .member-username-inner::after,
.guild-settings-modal-members .avatar-small[style*='81388395867156480'] + .member-inner .member-username::after,
.message-group .avatar-large[style*='81388395867156480'] + .comment .user-name::after {
    position: relative;
    background: rgba(100, 100, 100, 0.3);
    color: hsla(0, 0%, 100%, 0.6);
    margin-left: 6px;
}
.avatar-small[style*='144881947557101568'] + .member-inner .member-username-inner::after,
.avatar-small[style*='81388395867156480'] + .member-inner .member-username-inner::after {
    top: -1px;
    font-size: 11px;
}
.avatar-popout[style*='144881947557101568']::after,
.avatar-popout[style*='81388395867156480']::after {
    padding: 3px;
    font-size: 15px;
    top: 5%;
    right: -15%;
    z-index: 2;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.avatar-popout[style*='144881947557101568']:hover::after,
.avatar-popout[style*='81388395867156480']:hover::after {
    color: #fff;
    font-size: 20px;
    padding: 5px 4px;
    top: 2.5%;
    right: -25%;
}
.avatar-profile[style*='144881947557101568']::after,
.avatar-profile[style*='81388395867156480']::after {
    background: rgba(0, 0, 0, 0.3);
    padding: 3px;
    font-size: 15px;
    top: -5%;
    left: 0;
    text-transform: none;
    width: 100%;
}

/* LINK HOVER CSS */
a,
.chat .user-name,
.chat .username-wrapper .user-name,
.chat .message-group a,
.chat .title-wrap .topic a,
.mentioned .mention,
#user-profile-modal .guilds .section .connected-account .connected-account-name a,
.theme-dark .chat .title-wrap .topic a,
.markdown-modal a,
.user-settings-modal a,
#voice-connection .voice-connection-channel,
#voice-connection-popout .debug-button,
.alert.form .form-inner .btn-close-forever,
.guild-settings-modal-integrations .guild-settings-modal-integrations-body.no-integrations p a,
.messages-popout-wrap .messages-popout .channel-separator .channel-name,
.theme-dark .messages-popout-wrap .messages-popout .channel-separator .channel-name,
.protip .tip a,
.guild-settings-modal-security .control-group .help-text a,
#permissions .permissions-helpdeskm,
.now-playing-add .link {
    -webkit-transition: text-shadow .1s ease-in-out;
    transition: text-shadow .1s ease-in-out;
}
a:hover,
.chat .user-name:hover,
.chat .username-wrapper:hover .user-name,
.chat .message-group a:hover,
.chat .title-wrap .topic a:hover,
.mentioned .mention:hover,
#user-profile-modal .guilds .section .connected-account .connected-account-name a:hover,
.theme-dark .chat .title-wrap .topic a:hover,
.markdown-modal a:hover,
.user-settings-modal a:hover,
#voice-connection .voice-connection-channel:hover,
#voice-connection-popout .debug-button:hover,
.alert.form .form-inner .btn-close-forever:hover,
.guild-settings-modal-integrations .guild-settings-modal-integrations-body.no-integrations p a:hover,
.messages-popout-wrap .messages-popout .channel-separator .channel-name:hover,
.theme-dark .messages-popout-wrap .messages-popout .channel-separator .channel-name:hover,
.protip .tip a:hover,
.guild-settings-modal-security .control-group .help-text a:hover,
#permissions .permissions-helpdesk:hover,
.now-playing-add .link:hover {
    text-decoration: none;
    text-shadow: 0 0 1px;
}

/* BASE CSS BY OMNISCIENT & HAMMOCK (EDITED BY ZERTHOX) */
/*
_______/\\\\\________________________________________________________________________________________________________________________________
 _____/\\\///\\\______________________________________________________________________________________________________________________________
  ___/\\\/__\///\\\_____________________________________/\\\_____________________________/\\\________________________________________/\\\______
   __/\\\______\//\\\____/\\\\\__/\\\\\____/\\/\\\\\\___\///___/\\\\\\\\\\_____/\\\\\\\\_\///______/\\\\\\\\___/\\/\\\\\\__________/\\\\\\\\\\\_
    _\/\\\_______\/\\\__/\\\///\\\\\///\\\_\/\\\////\\\___/\\\_\/\\\//////____/\\\//////___/\\\___/\\\/////\\\_\/\\\////\\\________\////\\\////__
     _\//\\\______/\\\__\/\\\_\//\\\__\/\\\_\/\\\__\//\\\_\/\\\_\/\\\\\\\\\\__/\\\_________\/\\\__/\\\\\\\\\\\__\/\\\__\//\\\__________\/\\\______
      __\///\\\__/\\\____\/\\\__\/\\\__\/\\\_\/\\\___\/\\\_\/\\\_\////////\\\_\//\\\________\/\\\_\//\\///////___\/\\\___\/\\\__________\/\\\_/\\__
       ____\///\\\\\/_____\/\\\__\/\\\__\/\\\_\/\\\___\/\\\_\/\\\__/\\\\\\\\\\__\///\\\\\\\\_\/\\\__\//\\\\\\\\\\_\/\\\___\/\\\__/\\\____\//\\\\\___
        ______\/////_______\///___\///___\///__\///____\///__\///__\//////////_____\////////__\///____\//////////__\///____\///__\///______\/////____
*/
.app {
    background: transparent;
}
.callout-backdrop {
    background-color: #000;
    background-size: cover;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.slider-bar {
    background: rgba(0, 0, 0, 0.44);
}
.slider-handle,
.slider-handle span {
    background-color: rgb(21, 21, 21);
}
.create-guild-container .join-server .link-container input {
    border: 1px solid var(--main-color);
}
.create-guild-container .join-server .sample-link {
    color: var(--main-color);
}
.chat>.content .messages .message-group a,
.theme-dark .chat>.content .messages .message-group a {
    color: var(--main-color);
}
.need-help-modal .footer {
    background-color: rgba(0, 0, 0, 0.88);
    border-top: none;
}
.need-help-modal .header {
    background-color: var(--main-color);
}
.need-help-button:hover {
    border-color: var(--main-color);
    color: var(--main-color);
}
.need-help-button:hover .btn-help {
    color: var(--main-color);
}
.settings .settings-inner {
    background-color: rgba(0, 0, 0, 0.70) !important;
    color: #999;
}
.notification-settings-modal .mute-server .checkbox .label {
    color: #fff;
}
.notification-settings-modal .settings-section {
    color: #fff;
}
.channel-notification-settings .content label {
    color: #ABAAAA;
}
.channel-notification-settings {
    border-bottom: 1px solid hsla(0, 0%, 100%, .04);
}
.notification-settings-modal .notification-settings-modal-channel-settings-list {
    -webkit-box-shadow: 0 -1px hsla(0, 0%, 100%, .04);
    box-shadow: 0 -1px hsla(0, 0%, 100%, .04);
}
.chat .new-messages-bar button {
    border-radius: 5px;
}
.chat .new-messages-bar button:last-child {
    color: #fff;
}
.download-apps .platforms .platform.active .download-button,
.change-log .changelog-fixed,
.modal-new-user .steps-wrap .steps li.on,
.modal-new-user .steps-wrap .steps li.on+.divider,
.modal-new-user .steps-wrap .steps li.on::before,
.chat .new-messages-bar:hover {
    background-color: var(--main-color);
}
.radio-image .radio-inner span::after {
    opacity: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid var(--main-color);
    border-radius: 3px;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    left: -2px;
    top: -2px;
}
.radio-image:hover span::after {
    opacity: .5;
    border-color: var(--main-color);
}
.guilds li.active .guild-inner,
.guilds li:hover .guild-inner {
    border-radius: 15px;
    background: var(--main-color);
    animation: FColorPulse 2s infinite alternate;
}
@-webkit-keyframes FColorPulse {
    0% {
        background: var(--hover-color);
    }
    100% {
        background: var(--main-color);
    }
}
ld-channels ul .channel-voice-states li.speaking .avatar-small {
    background-color: var(--main-color);
    cursor: pointer;
    border: 2px solid var(--main-color);
    -webkit-box-shadow: inset 0 0 0 2px #2e3136;
    box-shadow: inset 0 0 0 2px #2e3136;
}
#unsupported-browser li:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    border-color: var(--main-color);
}
#unsupported-browser li:hover .browser {
    background-position: 0 100px;
}
#unsupported-browser li:hover .btn {
    background-color: var(--main-color);
    color: #fff;
    border-color: var(--main-color);
}
.mentioned .mention:hover {
    color: var(--main-color);
}
.mention:hover {
    cursor: pointer;
    color: #fff;
    background-color: var(--main-color) !important;
}
.region-select-modal {
    background: rgba(0, 0, 0, 0.75);
}
.region-select-modal .region-select-modal-header {
    color: var(--main-color);
}
.region-select-modal .region-select-modal-option {
    background-color: rgba(0, 0, 0, 0.48);
    border-color: transparent;
}
.region-select-modal .region-select-modal-option:hover {
    border-color: var(--main-color);
}
.form .radio-group .radio {
    color: #fff;
}
.need-help-modal .header input[type=text] {
    -webkit-box-shadow: 0 2px 1px var(--main-color);
    box-shadow: 0 2px 1px var(--main-color);
}
.change-log {
    background: rgba(0, 0, 0, 0.75);
}
.change-log .header {
    color: var(--hover-color);
    border-bottom: 1px solid #4C4C4C;
}
.change-log ul li {
    color: var(--hover-color);
}
.download-apps .platforms .platform {
    border: 2px solid var(--hover-color);
}
.download-apps .footer {
    color: var(--hover-color);
}
.download-apps .footer a {
    color: var(--main-color);
}
.download-apps .header {
    color: var(--main-color);
}
.download-apps .platforms .platform.active {
    border-color: var(--main-color);
}
.user-settings-modal a:hover {
    color: var(--main-color);
}
.user-settings-modal .voice-settings .reset-voice-settings {
    color: var(--main-color);
}
.user-settings-modal .voice-settings .reset-voice-settings:hover {
    color: var(--hover-color);
}
.modal-content .form-inner p {
    color: #E6E6E6;
}
.form .form-header {
    background: rgba(0, 0, 0, 0.85);
    border-bottom: 1px solid transparent;
}
.popout header {
    background-color: var(--main-color);
}
.popout section {
    background-color: rgba(0, 0, 0, 0.7);
}
#voice-connection-popout hr {
    border: 1px solid #4C4C4C;
}
.option-popout .btn-item,
.avatar-uploader small,
.bda-slist .checkbox::before,
.bd-pane #toggle-all .checkbox::before {
    color: #919191;
}
.option-popout .btn-item:hover {
    color: #bbb;
}
.user-popout .user-popout-options .btn {
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
}
.user-popout .user-popout-options .btn:hover {
    background-color: var(--hover-color);
}
.chat .welcome-message h1 {
    color: var(--main-color);
}
.channel-members .invite-btn {
    background-color: var(--main-color);
}
.channel-members .invite-btn:hover {
    background-color: var(--hover-color);
}
.instant-invite-popout hr {
    border: 1px solid var(--main-color);
}
.instant-invite-popout a {
    color: var(--main-color);
}
.instant-invite-popout a:hover {
    color: var(--hover-color);
}
.clipboard-input-inner button {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(0, 0, 0, 0.8);
}
.clipboard-input-inner input {
    color: var(--hover-color);
    background: rgba(0, 0, 0, 0.5);
}
.clipboard-input-inner {
    background: transparent;
    border: 1px solid transparent;
}
.clipboard-input-inner button:first-of-type::before {
    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.3));
}
::selection,
.clipboard-input-inner input::selection,
.CodeMirror .CodeMirror-selected,
.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection,
.note textarea::selection {
    color: #fff;
    background: var(--main-color);
}
.chat .welcome-message a,
.theme-dark .chat .welcome-message a {
    color: var(--main-color);
}
.chat .welcome-message a:hover,
.theme-dark .chat .welcome-message a:hover {
    text-shadow: 0 0 1px;
}
#permissions ul li {
    color: #F4F4F4;
}
#permissions .permission-actions>div {
    background-color: #2E3136;
    border: 2px solid #2A2C31;
}
#settings-roles .roles header {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.04);
}
#settings-roles .roles {
    border-right: 1px solid hsla(0, 0%, 100%, 0.04);
}
.btn-help {
    background: hsla(0, 0%, 100%, .1);
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.btn-help:hover {
    background: var(--main-color);
}
#permissions .permissions-helpdesk {
    color: var(--main-color) !important;
}
#settings-roles .roles li.selected::before {
    background-color: var(--main-color);
}
#settings-roles .roles li:not(.selected):hover::before {
    background-color: var(--hover-color);
}
.instant-invites .instant-invites-header {
    border-bottom: 2px solid var(--main-color);
    color: #E9E9E9;
}
.instant-invites .instant-invite-buttons .btn {
    background: var(--main-color);
}
.instant-invites .instant-invite-buttons .btn.btn-danger {
    border: 1px solid var(--main-color);
    color: #fff
}
.instant-invites .instant-invite-buttons .btn.btn-danger:hover {
    background: var(--hover-color);
    border-color: var(--hover-color);
}
.instant-invites .instant-invites-list .instant-invite .member {
    color: #C3C3C3;
}
#permissions .permission-actions.disabled>div {
    border-color: #5b5b5b;
    background: #5b5b5b;
    position: relative;
}
.form .control-group .help-text,
.user-settings-locale p,
.settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-accounts-list h3,
.settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-accounts-list .user-settings-modal-accounts-list-description .user-settings-modal-accounts-list-description-inner {
    color: #b1b1b1;
}
.avatar-uploader a {
    color: var(--main-color);
}
.instant-invites .instant-invites-list .instant-invite .show-channel .channel {
    color: #D6D6D6;
}
.instant-invites .instant-invites-list .instant-invite+.instant-invite,
.form .control-groups.control-separator {
    border-top: 1px solid hsla(0, 0%, 100%, .04);
}
.guild-settings-modal-integrations .guild-settings-modal-integrations-header {
    color: #CCCCCC;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.04);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.guild-settings-modal-integrations .guild-settings-modal-integrations-body.no-integrations p {
    color: rgb(220, 220, 220);
}
.guild-settings-modal-members .guild-settings-modal-list .member .member-username {
    color: #CECECE;
}
.guild-settings-modal-members .guild-settings-modal-members-header {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.04);
}
#autocomplete-popout .empty:hover {
    background-color: #2E3136;
}
#autocomplete-popout .empty h4 {
    color: var(--main-color);
}
#autocomplete-popout h3 {
    color: #ECECEC;
}
.popout.popout-invert.popout-top header::before,
.popout.popout-invert.popout-top-right header::before {
    border-top-color: var(--main-color);
}
.popout.popout-bottom header::before,
.popout.popout-bottom-right header::before {
    border-bottom-color: var(--main-color);
}
.guild-settings-modal .guild-settings-modal-search {
    border: 1px solid rgba(0, 0, 0, 0.4);
}
.guild-settings-modal .guild-settings-modal-search:focus {
    border: 1px solid #24272b;
}
.guild-settings-modal-members .guild-settings-modal-members-footer a {
    color: var(--main-color) !important;
}
.guild-settings-modal-members .guild-settings-modal-members-footer {
    border-top: 1px solid hsla(0, 0%, 100%, 0.04);
    padding: 20px 0 20px 0 !important;
}
.form hr {
    border-bottom: 1px solid hsla(0, 0%, 100%, .04);
}
.user-popout .user-popout-options .btn.btn-server {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.user-popout .user-popout-options .btn.btn-server:hover {
    border-color: var(--main-color);
    background-color: var(--hover-color);
}
.member-roles .manipulate:hover {
    border-color: var(--main-color);
    background-color: var(--hover-color);
}
.avatar-large {
    left: 8px;
}
.channel-textarea {
    margin: 10px 0 30px;
}
.chat form,
.theme-dark .chat form {
    border-top: none;
}
.guilds li.active .guild-inner::before {
    background: var(--main-color);
}
.guilds li.unread .guild-inner::before {
    background: var(--main-color);
}
.guild-channels ul .channel-text.unread:not(.selected):not(.channel-muted)::before {
    background: var(--hover-color);
}
.chat>.content .messages .divider:not(.red) div,
.theme-dark .chat>.content .messages .divider:not(.red) div {
    background: transparent;
}
.chat>.content .messages .divider span,
.theme-dark .chat>.content .messages .divider span {
    background: transparent;
}
.chat .divider>span {
    color: #F1F1F1;
}
.message-group .comment .markup pre,
.theme-dark .message-group .comment .markup pre {
    background: rgba(0, 0, 0, 0.42);
    border: 2px solid rgba(255, 255, 255, 0.1);
    padding: 5px;
}
.message-group .comment .markup pre code,
.theme-dark .message-group .comment .markup pre code {
    background: transparent;
    color: rgba(255, 255, 255, 0.7);
    overflow-x: visible;
}
.chat .title-wrap .topic a,
.theme-dark .chat .title-wrap .topic a {
    color: var(--main-color);
}
#autocomplete-popout .row.selected a,
#autocomplete-popout .row:hover a {
    color: #D4D4D5;
}
#autocomplete-popout .row.selected,
#autocomplete-popout .row:hover {
    background: rgba(0, 0, 0, 0.85);
}
.download-apps .platforms .platform.active p {
    color: var(--main-color);
}
.download-apps .platforms .platform .icon.apple.active {
    background-image: url(https://discordapp.com/assets/57568e1cfc37c81cf56db9498b4f128a.svg);
}
.download-apps .platforms .platform .icon.windows.active {
    background-image: url(https://discordapp.com/assets/d6221c5e88f5cb89f125868c077e9859.svg);
}
.download-apps .platforms .platform .icon.ios.active {
    background-image: url(https://discordapp.com/assets/0c460e9b848f5c4cc964ae9c62c0f9b9.svg);
}
.download-apps .platforms .platform .icon.android.active {
    background-image: url(https://discordapp.com/assets/d73fd4014c02b360d9529a720ecb7c44.svg);
}
.create-guild-container {
    background-color: transparent;
}
.need-help-button {
    visibility: hidden;
}
.guilds-add {
    color: transparent !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: rgba(21, 21, 21, 0.41) !important;
    opacity: 0.7 !important;
}
.slider-handle span {
    border: 1px solid var(--main-color);
}
.slider-handle span::after,
.slider-handle span::before {
    content: none;
}
.popout section::after,
.popout section::before {
    content: none;
}
.chat .welcome-message .item-container .icon.exclamation {
    background-image: url(https://i.imgur.com/DYPXksE.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 29px 13px;
}
.chat .welcome-message .item-container .icon.share {
    background-image: url(https://i.imgur.com/DYPXksE.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 29px 13px;
}
.chat .welcome-message .item-container .icon.apps {
    background-image: url(https://i.imgur.com/DYPXksE.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 29px 13px;
}
.chat .welcome-message .item-container .icon.mobile {
    background-image: url(https://i.imgur.com/DYPXksE.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 29px 13px;
}
.chat .welcome-message .item-container .icon.twitter {
    background-image: url(https://i.imgur.com/DYPXksE.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 29px 13px;
}
.chat .new-messages-bar {
    background: transparent;
}
.user-settings-modal-games {
    background: transparent;
    border-top: 1px solid hsla(0, 0%, 100%, 0.04);
    color: #E2E2E3;
}
.user-settings-modal-games .games-table .games-row .item-game .last-played,
.user-settings-modal-games .games-table .games-row .item-game .game-input {
    color: #E2E2E3;
}
.game-input {
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.user-settings-modal-games .games-table .games-row .item-game,
.user-settings-modal-games .games-table .games-row .item-overlay {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.04);
}
.now-playing {
    background: var(--main-color);
    padding: 22px;
}
.sensitivity .slider .slider-bar-auto {
    background-color: rgba(0, 0, 0, 0.44);
}
.sensitivity .slider .slider-bar-auto.speaking {
    background-color: var(--main-color);
}
.user-settings-modal-keybinds .user-settings-modal-keybinds-header {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.04);
}
.user-settings-modal-connections .user-settings-modal-accounts-list .connect-container .btn {
    background: rgba(0, 0, 0, 0.57);
    border: 2px solid rgba(0, 0, 0, 0.23);
    background-repeat: no-repeat;
    background-position: 50%;
}
.alert.form .form-inner .btn {
    border-color: transparent;
}
.alert.form .form-inner .cancel {
    background-color: rgba(0, 0, 0, 0.77) !important;
    color: #949494;
    padding: 0 !important;
}
.alert.form .form-inner .cancel:hover {
    color: #fff;
}
.form .btn-cancel {
    height: 35.5px !important;
}
.user-settings-modal .account-warning {
    border: 1px solid var(--hover-color);
    background: var(--hover-color);
    color: #F5FBF9;
    border-radius: 3px;
}
.user-settings-modal-games .games-table .games-row .item-game .icon,
.now-playing .item-game .icon {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/verified.svg) !important;
    background-position: center;
    background-size: 100%;
    opacity: .7 !important;
}
.chat>.content .messages .divider:not(.red) span,
.theme-dark .chat>.content .messages .divider:not(.red) span {
    opacity: .9;
}
.links li+li::after {
    content: "\2022";
    color: #535559;
    margin-left: 6px;
}
.message-group h2 strong {
    color: #aaaba7;
}
#emote-menu,
#tc-settings-panel,
.tc-switch {
    border: 1px solid #2B2B2B;
}
.emote-container:hover {
    background: var(--main-color);
}
.spinner-wandering-cubes .spinner-item {
    background-color: var(--main-color);
    border-radius: 10px;
}
#bd-ps-container {
    border: 1px solid transparent;
    border-radius: 4px;
    opacity: 0.9;
}
#bd-ps-header {
    background: #1E2124;
    border-bottom: 1px solid #24272B;
}
#bd-ps-body table tr {
    border-bottom: 1px solid #2E3136 !important;
    background-color: transparent;
}
#bd-ps-body table th {
    background-color: #25272B;
}
textarea {
    background: transparent !important;
}
.help-container {
    display: none;
}
.links {
    border-top: 0px solid transparent;
}
.links li a {
    color: #8C8F94;
}
.links,
.chat,
.typing,
.content,
.guild-channels,
.private-channels,
.divider-red span,
.messages-wrapper,
#voice-connection {
    background: transparent !important;
}
.guilds-wrapper {
    background: rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: inset -10px 0px 20px -10px rgba(0, 0, 0, 0.2);
    box-shadow: inset -10px 0px 20px -10px rgba(0, 0, 0, 0.2);
}
.channels-wrap {
    background: rgba(0, 0, 0, 0.75);
    width: 220px;
}
.content .flex-spacer {
    background: rgba(0, 0, 0, 0.85)
}
.channel-members {
    background: rgba(0, 0, 0, 0.9) !important
}
.guild-header header {
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #ddd;
}
.guild-channels header h2,
.guild-channels ul .channel a {
    color: #fff;
}
.guilds-add {
    font-size: 30px;
    background: #000;
    opacity: 0.5;
}
.guilds .friends-online {
    margin-left: -5px;
}
.guilds li .guild-inner {
    background: rgba(21, 21, 21, 0.41) !important;
}
.guilds li .guild-inner a,
.guilds li,
.guilds li .avatar-small {
    width: 40px;
    height: 40px;
}
.guilds li .avatar-small {
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
}
.guilds li .guild-inner {
    line-height: 40px;
}
.guilds li.audio .guild-inner::after {
    background-size: 12px;
    background-color: rgba(0, 0, 0, 0.8);
}
.guilds-separator::after {
    background: rgba(28, 28, 28, 0.52) !important;
}
.guilds li .guild-inner::before {
    left: -26px;
}
.guild-channels header h2,
.private-channels header {
    opacity: .6;
}
.private-channels .search-bar {
    background: transparent !important;
}
.private-channels .search-bar input {
    background: rgba(0, 0, 0, 0.4) !important;
}
.btn-hamburger {
    margin-right: -25px;
}
.btn-hamburger span {
    background: rgb(221, 221, 221);
}
.account {
    background-repeat: no-repeat;
    background-position: 12px 11px;
    padding: 0 4px !important;
    background: transparent;
    border: 0px solid transparent;
    position: relative;
    margin-bottom: 3px;
}
.account .btn {
    background: transparent;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.account .btn:active {
    background: rgba(0, 0, 0, 0.26);
}
.account .btn-deafen,
.account .btn-mute {
    border-right: none;
}
#voice-connection {
    border-top: none !important;
    padding: 10px 20px 10px 18px !important;
}
#voice-connection .btn {
    background: rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
#voice-connection .btn:active {
    background: rgba(0, 0, 0, 0.6);
}
.account .btn-deafen,
.account .btn-settings {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.title-wrap {
    border-bottom: 1px solid transparent !important;
    background: rgba(0, 0, 0, 0.88) !important;
}
.chat .divider:not(.divider-red)>div {
    background: rgba(255, 255, 255, 0.2) !important;
}
.chat .divider>span {
    background: rgba(255, 255, 255, 0.2) !important;
    font-size: 12px;
    text-transform: uppercase;
    margin: 10px 0px;
    border-radius: 3px;
    opacity: 1;
    padding: 5px 15px;
    width: 100%;
    text-align: center;
}
.chat .divider:not(.divider-red)>span {
    color: rgba(255, 255, 255, 1) !important;
}
.chat .divider>div {
    display: none;
}
.chat .new-messages-bar:hover {
    background-color: var(--hover-color);
}
.chat-empty {
    background: rgba(20, 23, 27, 0.95);
}
.chat > .title-wrap > .topic {
    font-size: 12px;
    margin-top: 5px;
    color: #AFAFAF !important;
}
.chat >. content .messages .message-group:not(.has-divider) {
    border-bottom-color: hsla(0, 0%, 100%, .04) !important;
}
.mention:hover,
.chat > .content .messages .message-group .markup .mention:hover {
    color: #fff !important;
}
.chat > .content .messages .message-group .markup {
    line-height: 1em;
}
.chat > .content .messages .message-group h2 .user-name {
    color: rgba(255, 255, 255, 0.8);
}
.chat > .content .messages .message-group h2 span {
    color: rgba(255, 255, 255, 0.2);
    transition: all .1s ease-in-out;
}
.chat > .content .messages .message-group h2 .username-wrapper {
    cursor: pointer;
}
.chat > .content .messages .message-group .markup pre {
    max-width: 93%;
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    padding: 0;
}
.chat > .content .messages .message-group .markup pre code.hljs {
    background: rgba(0, 0, 0, 0.42) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    padding: 6px !important;
}
.chat > .content .messages .message-group .markup code.inline {
    background: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    padding: 3.5px 7.5px;
}
.chat > .content .messages .message-group .markup code.inline + pre {
    margin-top: -1px;
}
.typing {
    font-size: 11px;
}
.spoiler span {
    display: none;
}
.spoiler::before {
    padding-top: 7px;
    padding-bottom: 3px;
    min-height: 18px;
    background: none;
}
#twitchcord-button {
    background-size: 24px;
    background-position: 20px;
    background-color: transparent;
}
.message-group.compact .timestamp {
    position: relative;
    top: -4px;
}
.message-group.compact .message .markup .user-name {
    margin-right: 10px;
}
.add-friend-popout .btn:disabled {
    opacity: 0.4;
}
.private-channels .channel.btn-friends .badge {
    margin-right: 10px;
}
#friends {
    background: transparent !important;
}
.friends-header {
    background: rgba(0, 0, 0, 0.88) !important;
}
.friends-table {
    background: rgba(0, 0, 0, 0.85) !important;
    margin-top: 0 !important;
}
.friends-table .friends-table-body {
    padding-top: 20px !important;
}
.friends-table .friends-row:hover {
    background: rgba(0, 0, 0, 0.35) !important;
}
.channel-members .member:hover {
    background: rgba(255, 255, 255, 0.07) !important;
}
.channel-members .member .member-username {
    font-size: 14px;
}
.user-popout .user-popout-options .btn:hover {
    border: 1px solid var(--main-color);
}
.tooltip {
    color: #e0e0e0;
}
.bd-minimal .guilds .friends-icon {
    background-size: 60%;
}
.bd-minimal .guilds li .guild-inner::before {
    height: 25px;
    border-radius: 5px;
    margin-top: -13px;
}
.bd-minimal .guilds li.unread .guild-inner::before {
    width: 10px;
    height: 10px;
    margin-top: -5px;
    left: -16px;
}
.bd-minimal .guilds li.active .guild-inner::before {
    left: -18px;
    border-radius: 5px;
    height: 25px;
    margin-top: -13px;
}
.bd-minimal .guilds li,
.bd-minimal .guilds li .avatar-small,
.bd-minimal .guilds li .guild-inner,
.bd-minimal .guilds li .guild-inner a,
.bd-minimal .guilds .friends-icon {
    width: 25px;
    height: 25px;
    line-height: 25px;
}
.bd-minimal .guilds li .avatar-small,
#bd-pub-button {
    font-size: 10px !important;
}
.bd-minimal .chat>.title-wrap>.title {
    font-size: 16px;
}
.bd-minimal .comment,
.bd-minimal .theme-dark .comment {
    border-left: none !important;
    padding-left: 10px;
}
.bd-minimal .message-group {
    padding: 10px 5px;
}
.bd-minimal .guild-channels ul .channel-text .channel-name {
    padding-left: 5px;
}
.bd-minimal .avatar-large {
    border-radius: 100%;
}
.bd-minimal .message-group .edit-message .edit-container-outer {
    margin-left: 50px;
}
.bd-minimal .message-group .edit-message .edit-container-inner {
    margin-left: 10px;
}
.bd-minimal .channel-members h2 {
    margin-top: 20px;
    margin-bottom: 3px;
    padding-left: 20px;
}
.bd-minimal .channel-members h2:first-of-type {
    margin-top: 0px;
    margin-bottom: 3px;
}
.bd-minimal .channel-members .member {
    padding: 5px 15px 8px 20px;
}
.bd-minimal .guild-header header span {
    margin-left: -13px;
    font-size: 14px;
}
.bd-minimal .guild-channels ul .channel-text.unread:not(.selected):not(.channel-muted)::before {
    top: 9px;
    width: 10px;
    height: 10px;
}
.bd-minimal .guild-channels h2 {
    margin-left: 10px;
}
.bd-minimal #voice-connection {
    width: 176px;
    margin-left: -46px;
}
.bd-minimal .account .avatar-small {
    display: block;
    margin-left: 5px;
}
.bd-minimal .account .username,
.bd-minimal .account .discriminator {
    display: none;
}
.bd-minimal .account .btn-group .btn {
    width: 30px;
}
.settings .settings-header {
    background: rgba(0, 0, 0, 0.75);
}
.channel-notification-settings .content .content-inner {
    background: transparent !important;
}
.guild-channels ul .channel-text:hover:not(.unread)::before {
    border-left: 4px solid var(--main-color);
}
.guild-channels ul .channel-text.selected::before {
    border-left: 4px solid var(--main-color);
}
.guilds li.active .guild-inner,
.guilds li:hover .guild-inner {
    background: var(--main-color) !important;
}
.create-guild-container .create-or-join .form-inner {
    background-color: rgba(0, 0, 0, 0.8);
}
.create-guild-container .action {
    background: rgba(0, 0, 0, 0.58);
}
.create-guild-container .create-or-join .actions .or {
    color: #000;
    -webkit-filter: invert(100%);
}
.form .form-inner {
    background-color: rgba(0, 0, 0, 0.8);
}
.form header {
    color: var(--main-color);
}
.form .control-group input[type=email],
.form .control-group input[type=password],
.form .control-group input[type=text],
.form .control-group textarea {
    background: rgba(0, 0, 0, 0.6);
    color: #D6D6D6;
    border-bottom: 0px solid #000000;
    border-radius: 3px;
    padding: 0px 0px 0px 5px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-bottom: 2px solid hsla(0, 0%, 100%, .04);
    margin-bottom: 0 !important;
}
.form .control-group input[type=email]:focus,
.form .control-group input[type=password]:focus,
.form .control-group input[type=text]:focus,
.form .control-group textarea:focus {
    border-bottom: 2px solid var(--main-color);
}
.region-select {
    background: transparent;
}
.region-select .region-select-inner {
    background: rgba(0, 0, 0, 0.5);
    border-color: transparent;
}
.region-select button {
    background-color: rgba(0, 0, 0, 0.5);
    border-color: transparent;
    border-left: 1px solid hsla(0, 0%, 100%, 0.2);
    color: var(--main-color);
}
.region-select:hover .region-select-inner,
.region-select:hover button {
    border-color: var(--main-color);
}
.region-select:hover button {
    background-color: var(--main-color);
}
.create-guild-container h5 {
    color: var(--main-color);
}
.avatar-uploader .avatar-uploader-inner {
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}
.form .form-actions {
    background-color: rgba(0, 0, 0, 0.85);
    border-top: 1px solid transparent;
}
.form .btn-default {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px !important;
    height: 35.5px;
    border-radius: 3px;
    border-bottom: none;
}
.form .btn-primary {
    background-color: var(--main-color);
}
.create-guild-container .action.create .action-header {
    color: var(--main-color);
}
.create-guild-container .action:hover.create .btn {
    background-color: var(--hover-color);
}
.form .btn-primary:hover {
    background-color: var(--hover-color);
}
.tab-bar.SIDE .tab-bar-item::before {
    border-left: none;
}
a:link {
    color: var(--main-color);
}
.user-settings-modal a {
    color: var(--main-color);
}
.user-settings-modal .settings-wrapper,
.user-settings-modal .voice-settings {
    background: none;
}
.settings .settings-actions {
    background-color: rgba(0, 0, 0, 0.76);
    border-top: 2px solid var(--main-color);
}
.mention {
    color: #ddd !important;
    background: rgba(115, 139, 215, .1) !important;
    padding: 1px 4px;
    border-radius: 6px;
    transition: all .3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.user-settings-modal-connections .user-settings-modal-accounts-list .connect-container .name {
    color: #fff;
}
.user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-integrations.no-integrations {
    color: rgba(222, 222, 222, 0.59);
    background-color: rgba(0, 0, 0, 0.38);
}
.user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-integrations {
    border: 2px solid rgba(0, 0, 0, 0.45);
    border-top: transparent;
}
.user-settings-modal-connections .user-settings-modal-connections-list {
    -webkit-box-shadow: 0 -1px rgba(0, 0, 0, 0.37);
    box-shadow: 0 -1px rgba(0, 0, 0, 0.37);
}
.tab-bar.TOP .tab-bar-item.selected,
#user-profile-modal .tab-bar.TOP .tab-bar-item.selected {
    border-bottom: 2px solid var(--main-color);
    color: var(--main-color);
}
.radio .radio-inner span::after {
    background: var(--main-color);
}
.slider-bar-fill {
    background: var(--main-color);
}
.slider-handle {
    border: 1px solid var(--main-color);
}
.radio .radio-inner {
    background: rgba(0, 0, 0, 0.64);
    border: 2px solid var(--main-color);
}
.tab-bar.TOP {
    border-bottom: 1px solid rgba(0, 0, 0, .4);
}
#bd-ps-body table tr:nth-child(odd):hover {
    background-color: var(--main-color);
}
.guild-settings-modal-members .member-buttons .btn {
    background: var(--main-color);
    border: 1px solid transparent;
    color: #EFEFEF;
}
.guild-settings-modal-members .member-buttons .btn.btn-danger:hover {
    background: var(--hover-color);
}
.guild-settings-modal-members .member-buttons .btn.btn-danger {
    border: 1px solid var(--hover-color);
    color: #FFFFFF;
}
.guild-settings-modal-members .guild-settings-modal-list .member+.member {
    border-top: 1px solid hsla(0, 0%, 100%, 0.04);
}
.channel-members h2 {
    color: var(--main-color) !important;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
    padding: 4px 58px;
    background-color: rgba(0, 0, 0, 0.48);
    border: 1px solid;
    border-color: transparent;
    border-radius: 3px;
    width: 90px;
    margin-left: 15px;
    text-align: center
}
.private-channels .search-result.selected::before,
.private-channels .search-result:hover::before {
    border-left: 4px solid var(--hover-color);
}
.message-group .edit-message .channel-textarea-inner {
    border-color: var(--main-color);
}
.channel-members .member .member-game strong {
    color: var(--main-color);
}
.spoiler {
    Background-color: rgba(125, 58, 114, 0.28);
    border: 1px solid;
    border-color: transparent;
    border-radius: 6px;
    cursor: pointer;
}
#bd-ps-body table tr:hover {
    background-color: var(--main-color);
}
@keyframes swing {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
    25% {
        transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        -moz-transform: rotate(-30deg);
        -o-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
    }
    50% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
    75% {
        transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        -o-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
    }
    100% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
}
@-webkit-keyframes swing {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
    25% {
        transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        -moz-transform: rotate(-30deg);
        -o-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
    }
    50% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
    75% {
        transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        -o-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
    }
    100% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
}
@keyframes swing1 {
    0% {
        left: -15px;
        right: 0;
    }
    25% {
        left: -100px;
        right: 0;
    }
    50% {
        left: -15px;
        right: 0;
    }
    75% {
        left: 0;
        right: -100px;
    }
    100% {
        left: -15px;
        right: 0;
    }
}
@-webkit-keyframes swing1 {
    0% {
        left: -15px;
        right: 0;
    }
    25% {
        left: -100px;
        right: 0;
    }
    50% {
        left: -15px;
        right: 0;
    }
    75% {
        left: 0;
        right: -100px;
    }
    100% {
        left: -15px;
        right: 0;
    }
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes load8-active {
    0% {
        -webkit-transform: rotate(0deg) scale(0.9);
        transform: rotate(0deg) scale(0.9);
    }
    100% {
        -webkit-transform: rotate(360deg) scale(0.9);
        transform: rotate(360deg) scale(0.9);
    }
}
@keyframes load8-active {
    0% {
        -webkit-transform: rotate(0deg) scale(0.9);
        transform: rotate(0deg) scale(0.9);
    }
    100% {
        -webkit-transform: rotate(360deg) scale(0.9);
        transform: rotate(360deg) scale(0.9);
    }
}
.account .btn-settings:hover::after {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 2.8s infinite linear;
    animation: load8 2.8s infinite linear;
}
.guilds li .badge {
    animation: zoom 2s infinite;
}
@keyframes zoom {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50% {
        -webkit-transform: scale(1.2, 1.2);
        -transform: scale(1.2, 1.2);
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}
.guild-channels ul .channel-voice.locked:hover .icon-lock {
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
}
@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }
    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}
.guild-channels ul .channel-voice.locked {
    cursor: pointer;
}
#friends .btn {
    background-color: var(--main-color);
}
#friends .btn:hover {
    background-color: var(--hover-color);
}
.private-channels .channel.selected .icon-friends {
    background-color: var(--hover-color);
}
.add-friend-popout {
    background: transparent;
}
.add-friend-popout header input:focus {
    border-color: hsla(0, 0%, 100%, .3);
}
.add-friend-popout .btn:disabled {
    background-color: var(--hover-color);
}
.message-group-blocked {
    display: none;
}
.user-settings-modal-account .discord-tag {
    color: var(--main-color);
}
.add-friend-popout-info .add-friend-popout-info-confirmation::before {
    background: url(https://i.imgur.com/DYCx6qB.png) 50% no-repeat;
    content: "";
    width: 17px;
    height: 16px;
    background-size: 40px 39px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -8px;
    margin-right: 4px;
}
.message-group .btn-option:hover {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 2.8s infinite linear;
    animation: load8 2.8s infinite linear;
}
.chat .has-more button {
    color: var(--main-color);
}
.friends-table .messages .message-group .comment .markup pre,
.messages-wrapper .messages .message-group .comment .markup pre,
.theme-dark .friends-table .messages .message-group .comment .markup pre,
.theme-dark .messages-wrapper .messages .message-group .comment .markup pre {
    background: rgba(46, 49, 54, 0.32);
    border-color: #282b30;
}
.channel-members .member.popout-open,
.channel-members .member:hover {
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 85%, transparent) !important;
}
#friends .friends-header .tab-bar .tab-bar-item:hover:not(.selected),
.theme-dark #friends .friends-header .tab-bar .tab-bar-item:hover:not(.selected) {
    background: rgba(0, 0, 0, 0.29);
}
.friends-table .messages .message-group .comment .markup .mention:hover,
.messages-wrapper .messages .message-group .comment .markup .mention:hover,
.theme-dark .friends-table .messages .message-group .comment .markup .mention:hover,
.theme-dark .messages-wrapper .messages .message-group .comment .markup .mention:hover {
    background-color: var(--main-color) !important;
}
.user-settings-modal.settings {
    opacity: 1;
    /*[[NSFWON]]*/
    /*[[NSFWOFF]]*/
}
.message-group .image {
    -webkit-filter: none;
}
.message-group .image:hover {
    -webkit-filter: none;
}
.channel-textarea-autocomplete-inner {
    background: rgba(0, 0, 0, 0.84)!important;
    border: none !important;
}
.channel-textarea-autocomplete-inner::after {
    display: none;
}
.channel-textarea-autocomplete-inner header {
    background: rgba(0, 0, 0, 0.84)!important;
    border-radius: 5px 5px 0 0;
    border: none !important;
}
.channel-textarea-autocomplete-inner ul li,
.theme-dark .channel-textarea-autocomplete-inner ul li {
    color: rgba(255,255,255,.6);
}
.channel-textarea-autocomplete ul li.active {
    background: var(--main-color) !important;
    opacity: 0.7;
    color: #fff;
}
.discriminator {
    font-size: 11px !important;
    color: hsla(0, 0%, 100%, 0.7) !important;
    margin-left: 8px !important;
    border-radius: 5px !important;
    background: rgba(0, 0, 0, 0.19) !important;
    font-weight: 700 !important;
    padding: 3px;
    -webkit-transition: all 0.2s ease-in-out !important;
    -moz-transition: all 0.2s ease-in-out !important;
    -o-transition: all 0.2s ease-in-out !important;
    -ms-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
}
.discriminator:hover {
    background: rgba(0, 0, 0, 0.32) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
.guilds-wrapper .guilds-error {
    background-color: rgba(21, 21, 21, 0.41);
    border-color: var(--main-color);
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}
.guilds-wrapper .guilds-error:hover {
    background-color: var(--main-color);
}
.private-channels .channel .icon-friends {
    background-color: var(--main-color) !important;
    opacity: .7;
    transition: opacity .3s ease-in-out;
}
.upload-modal {
    background-color: rgba(30, 30, 30, 0.78);
}
.upload-modal .footer {
    background-color: rgba(0, 0, 0, 0.44);
}
.upload-modal .inner {
    border: none;
}
.upload-modal .footer .button {
    background-color: rgba(0, 0, 0, .77);
    color: #949494;
}
.upload-modal .footer .button:hover {
    text-decoration: none;
    color: #fff;
}
.upload-modal .footer .button-primary {
    color: #fff;
    background-color: var(--main-color);
}
.upload-modal .footer .button-primary:hover {
    background-color: var(--hover-color);
}
.upload-modal .footer .button + .button {
    margin-left: 20px;
}
div.control-group .shortcut-recorder input[type=text] {
    border-color: transparent !important;
    color: #fff;
}
@keyframes input-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 var(--main-color);
        box-shadow: 0 0 0 0 var(--main-color);
    }
    70% {
        -webkit-box-shadow: 0 0 10px 10px transparent;
        box-shadow: 0 0 10px 10px transparent;
    }
    to {
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent;
    }
}
.bot-tag {
    background: rgba(100, 100, 100, 0.3);
    color: rgba(255, 255, 255, 0.62) !important;
}
.bot-tag.bot-tag-invert {
    font-size: 11px !important;
    color: hsla(0, 0%, 100%, 0.7) !important;
    margin-left: 8px !important;
    border-radius: 5px !important;
    background: rgba(0, 0, 0, 0.19) !important;
    font-weight: 700 !important;
    padding: 3px;
}
.channel-members .member.member-status-offline .avatar-small {
    -webkit-filter: grayscale(100%) blur(1px);
    position: relative;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
}
.channel-members .member.popout-open .avatar-small,
.channel-members .member:hover .avatar-small {
    -webkit-filter: none !important;
    filter: none;
    position: relative;
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
}
img.image {
    border-radius: 5px;
}
#voice-connection .btn {
    background: rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 40px;
}
.account .btn-deafen,
.account .btn-mute,
.account .btn-settings {
    background: rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 40px;
}
#connecting {
    background: rgba( 0, 0, 0, .80);
}
#connecting video.ready {
    visibility: hidden;
}
#connecting video {
    visibility: hidden;
}
#connecting .quote {
    margin-bottom: 10px;
    color: #fff;
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    visibility: hidden;
}
#connecting img,
#connecting video {
    visibility: hidden;
}
#connecting .attribution {
    visibility: hidden;
}
#connecting .attribution,
#connecting .connection-status,
#connecting .quote {
    margin-bottom: -122px;
    font-size: 30px;
    text-align: center;
    -webkit-animation: pulse 1.5s infinite;
    animation: pulse 1.5s infinite;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.markdown-modal .markdown-modal-header,
.markdown-modal .markdown-modal-footer {
    background-color: rgba(0, 0, 0, 0.4);
    border: none;
}
.markdown-modal .markdown-modal-header {
    margin: 0;
    padding: 28px 20px 28px;
    border-radius: 5px 5px 0 0;
}
.markdown-modal .markdown-modal-header .markdown-modal-close {
    margin-top: 28px;
}
.header-toolbar button.active,
.theme-dark .header-toolbar button.active {
    background-color: transparent;
    opacity: 1;
}
#pubs-header {
    background: var(--main-color);
}
.server-icon {
    border-radius: 30px;
}
.server-info span {
    color: #fff;
}
.server-row {
    background-color: rgba(0, 0, 0, 0.93);
}
.server-row:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.85);
}
.server-info button {
    border-radius: 5px;
    background-color: var(--main-color);
}
.server-info button:hover {
    background-color: var(--hover-color);
}
#pubs-footer {
    background: var(--main-color);
}
#pubs-container {
    transition: 0.3s all ease;
    background-size: cover !important;
}
#bd-customcss-attach-controls {
    height: 100%;
}
#bd-customcss-attach-controls,
#bd-customcss-detach-controls {
    background: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: inset 0 1px 0 0 var(--main-color);
    border: none;
}
.notice {
    background-color: rgba(251, 81, 0, 0.68);
}
.notice.notice-info {
    background-color: rgba(40, 131, 235, 0.68);
}
.notice .notice-dismiss {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/close.svg);
    background-position: center;
    background-size: 24px;
}
.emoji-picker .dimmer {
    background-color: transparent;
}
.emoji-picker .header .search-bar {
    background-color: transparent !important;
}
.emoji-picker .search-bar input {
    background-color: rgba(0, 0, 0, 0.55);
    color: #fff;
    border: 1px solid transparent;
}
.emoji-picker .sticky-header {
    background-color: transparent;
}
.emoji-picker .categories .item.selected {
    border-bottom-color: var(--main-color);
}
.emoji-picker .categories .item.people {
    background-image: url(https://discordapp.com/assets/0509bf058793ef8ddd770a977e63614c.svg);
}
.emoji-picker .categories .item.nature {
    background-image: url(https://discordapp.com/assets/aafe899a4d7ad7717acc64f5b8f36342.svg);
}
.emoji-picker .categories .item.food {
    background-image: url(https://discordapp.com/assets/0eb5a2b715ff649e9757a232996817ab.svg);
}
.emoji-picker .categories .item.activity {
    background-image: url(https://discordapp.com/assets/8674c1028a63d29fb605be53eeedf1bf.svg);
}
.emoji-picker .categories .item.travel {
    background-image: url(https://discordapp.com/assets/13e86ddf4302f697243425b2f954d00b.svg);
}
.emoji-picker .categories .item.objects {
    background-image: url(https://discordapp.com/assets/6d9a5b47dc3bf7adf54f19b1e3f6c5ad.svg);
}
.emoji-picker .categories .item.symbols {
    background-image: url(https://discordapp.com/assets/83095e6af6c7cf33669e3ab169296867.svg);
}
.emoji-picker .categories .item.flags {
    background-image: url(https://discordapp.com/assets/ccda5cf0a64abbd18fdb9f914b55292e.svg);
}
.emoji-picker .categories .item.recent {
    background-image: url(https://discordapp.com/assets/0f1f2dff98b5e2099086e303d9be0dad.svg);
}
.chat .title-wrap .topic .mention,
.theme-dark .chat .title-wrap .topic .mention {
    border-radius: 4px;
}
.markdown-modal {
    background-color: rgba(0, 0, 0, 0.8);
    color: #a3a3a3;
}
.is-open>.Select-control {
    background: rgba(0, 0, 0, 0.6);
}
.Select-menu-outer {
    background-color: rgba(0, 0, 0, 0.7);
    border-color: transparent;
    margin: 0;
}
.form .control-group .Select-option {
    color: rgba(255, 255, 255, .6);
    overflow: hidden;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.form .control-group .Select-option.is-focused {
    background: rgba(0, 0, 0, 0.59);
    color: #fff;
}
.form .control-group .Select-option.is-selected {
    background-color: var(--hover-color);
    margin: 3px;
    border-radius: 3px;
}
.form .control-group .Select-option.is-selected.is-focused {
    background-color: var(--main-color);
}
.tab-bar.SIDE .tab-bar-item {
    transition: .2s ease-in-out all;
}
.server-info button {
    width: 60px;
    height: 34px;
}
.server-icon:hover {
    cursor: pointer;
    opacity: 0.6;
    transition: .3s ease-in-out all;
}
.server-row:hover {
    opacity: 0.95;
    cursor: pointer;
}
.chat>.content .messages .message-group:hover h2 span.timestamp {
    color: rgba(255, 255, 255, 0.7) !important;
}
.streamer-mode-enabled {
    background: transparent;
}
.chat>.title-wrap>.separator {
    background-color: #000;
}
.chat .empty-message {
    border-color: hsla(0, 0%, 100%, .04);
}
.channel-textarea-inner textarea {
    color: rgba(255,255,255,.7);
}
.chat>.title-wrap>.title .channel-name {
    color: #BFBFBF;
}
.streamer-mode-enabled .streamer-mode-enabled-image {
    -webkit-filter: invert(100%);
    opacity: 0.5;
}
.user-settings-streamer-mode .user-settings-streamer-mode-image {
    -webkit-filter: invert(100%);
    opacity: 0.5;
}
.alert.form.has-icon::before {
    -webkit-filter: invert(100%);
    opacity: 0.5;
}
.notice.notice-streamer-mode {
    background-color: rgba(100, 61, 167, 0.71);
}
.chat .has-more button,
.theme-dark .chat .has-more button {
    background: rgba(0, 0, 0, 0.52);
    border: none;
}
.streamer-mode-enabled .streamer-mode-enabled-btn {
    background-color: rgba(100, 61, 167, 0.41);
    transition: .3s all ease-in-out;
}
.auth-inner .auth-brand {
    background: hsla(0, 0%, 0%, 0.8);
}
form.auth-form {
    background: rgba(0, 0, 0, 0.56);
}
.modal-new-user>.steps {
    background: rgba(0, 0, 0, 0.85);
}
.modal-new-user h5 {
    color: var(--main-color);
}
#friends .friends-table .friends-table-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.37);
}
#friends .friends-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.44);
    -webkit-box-shadow: none;
    box-shadow: none;
}
#friends .friends-header .tab-bar .tab-bar-item.selected {
    background-color: var(--main-color);
    color: #fff;
}
#friends .friends-empty p {
    color: rgba(195, 195, 195, 0.4);
}
.tutorial-popout .button-area .skip-tips a {
    color: var(--main-color);
}
.button {
    background-color: var(--main-color);
}
.button:hover {
    background-color: var(--hover-color);
}
.popout.popout-right header::before {
    border-right-color: var(--main-color);
}
#friends .friends-empty.section-online .empty-state-image {
    opacity: 0.5;
}
.message-group h2 .timestamp {
    color: #B4B5B5;
}
.emoji-picker {
    width: 346px;
    height: 327px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.55);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.emoji-picker .search-bar {
    background-color: transparent;
}
.diversity-selector .popout,
.emoji-picker .diversity-selector .popout,
.bda-dark .emoji-picker .diversity-selector .popout {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.7);
}
.emoji-picker .dimmer.visible,
.bda-dark .emoji-picker .dimmer.visible {
    pointer-events: auto;
    background-color: rgba(0, 0, 0, 0.5);
}
#friends .friends-header,
.theme-dark #friends .friends-header {
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
}
#friends .friends-table .friends-table-header,
.theme-dark #friends .friends-table .friends-table-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
#friends .friends-table .friends-table-header .friends-column-separator,
.theme-dark #friends .friends-table .friends-table-header .friends-column-separator {
    background-color: rgba(255, 255, 255, 0.04);
}
#friends .friends-table .friends-table-header .friends-column,
.theme-dark #friends .friends-table .friends-table-header .friends-column {
    color: hsla(0, 0%, 100%, 0.5);
}
#friends .friends-table .friends-table-header .friends-column::after,
.theme-dark #friends .friends-table .friends-table-header .friends-column::after {
    color: hsla(0, 0%, 100%, 0.5);
}
.emoji-picker .category {
    height: 21px;
    color: #BBBBBB;
    background-color: rgba(0, 0, 0, .3) !important;
    border-radius: 2px;
    text-align: center;
    color: var(--main-color);
    font-size: 11px;
    font-weight: 700;
    line-height: 21px;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.emoji-picker .sticky-header .category {
    display: none;
}
.item:hover {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 3px;
}
.emoji-picker .categories .item {
    border-radius: 0;
}
.emoji-picker .no-search-results .sad-discord {
    opacity: 0.6;
    -webkit-filter: invert(90%);
}
.emoji-picker .no-search-results {
    color: #B2B2B2;
}
.theme-dark.context-menu,
.context-menu {
    background: rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .82), 0 1px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 0 1px rgba(0, 0, 0, .82), 0 1px 4px rgba(0, 0, 0, .1);
    cursor: pointer;
}
.form .control-group label a {
    color: var(--main-color) !important;
}
.context-menu .item-subMenu,
.theme-dark.context-menu .item-subMenu {
    background: transparent url(https://discordapp.com/assets/1988164a7c55346d32117b151f4e319d.svg) no-repeat 155px 50%;
}
.context-menu .item-subMenu:hover,
.theme-dark.context-menu .item-subMenu:hover {
    background: rgba(0, 0, 0, 0.69) url(https://discordapp.com/assets/e4afe52f6863408a35654a6e5fd69ba9.svg) no-repeat 155px 50%;
}
.context-menu .item-group,
.theme-dark.context-menu .item-group {
    border-top-color: hsla(0, 0%, 100%, 0.05);
}
.theme-dark.context-menu .context-menu,
.context-menu .context-menu {
    background: rgba(0, 0, 0, 0.6);
    border-color: transparent;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
}
.user-popout .header {
    background: var(--main-color);
}
.user-popout .body {
    background: #000;
    padding-bottom: 10px;
}
.user-popout .footer {
    background: #000;
    border-top: 2px var(--main-color) solid;
}
.user-popout .footer .quick-message-wrapper .quick-message {
    border-color: transparent;
    background: rgba(0, 0, 0, .5);
    color: #fff;
}
.user-popout .avatar-wrapper .avatar-hint {
    margin: 0;
}
.guilds li:not(.active):not(:first-of-type) {
    opacity: 0.65;
    transition: 0.4s ease-in-out opacity;
}
.guilds li:not(.active):not(:first-of-type):hover {
    opacity: 1;
    transition: 0.2s ease-in-out opacity;
}
.guild-settings-modal-members {
    background-color: transparent;
}
.guild-settings-modal-members .member-buttons .btn:hover {
    background: var(--hover-color);
}
.guild-settings-modal-members .guild-settings-modal-members-header .form .Select .Select-value {
    color: #DDD;
}
.is-open>.Select-control {
    border-color: transparent;
}
.form .Select-control {
    border-color: transparent;
}
.search-bar.search-bar-light input {
    background-color: transparent;
    color: #B6B6B6;
}
.search-bar.search-bar-light {
    background-color: rgba(0, 0, 0, 0.58);
    color: #fff !important;
    border-radius: 3px;
}
.form .Select-option.is-focused {
    background: rgba(0, 0, 0, 0.68);
    color: #FFFFFF;
}
.form .Select-option {
    color: #C5C5C5;
}
.form .Select-control:hover {
    border-color: #000;
}
.form .Select.is-disabled .Select-control:hover,
.form .Select.is-open .Select-control:hover {
    border-color: #000;
}
.form .is-focused:not(.is-open)>.Select-control {
    border: 1px solid #000;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.private-channels .channel .channel-game strong {
    font-weight: 700;
    color: var(--main-color);
}
.auth-background {
    background-size: cover !important;
}
.auth-copyright {
    color: #FFFFFF;
    opacity: .8;
    font-weight: 700;
}
#bd-customcss-detach-container #bd-customcss-detach-controls-buttons button {
    background-color: var(--main-color);
    border-radius: 3px;
}
button.win-close:hover {
    background-color: var(--main-color);
    border-radius: 3px;
}
button.win-maximize:hover {
    background-color: var(--main-color);
    border-radius: 3px;
}
button.win-minimize:hover {
    background-color: var(--main-color);
    border-radius: 3px;
}
.tipsy-inner {
    border-radius: 3px;
}
.bda-slist .checkbox {
    margin-left: 18px;
    margin-top: 0px;
}
.channel-members .member .member-activity strong {
    font-weight: 900;
    color: var(--main-color);
}
.private-channels .channel .channel-activity strong {
    font-weight: 900;
    color: var(--main-color);
}
.CodeMirror {
    color: #FFF;
    border-radius: 3px;
}
#bd-pane .scroller-wrap div[style*="background:#2E3136; color:#ADADAD; height:30px; position:absolute; bottom:0; left:0; right:0;"] {
    background: rgba(0, 0, 0, .75) !important;
}
.markup:not([style*="color: color: rgba(255, 255, 255, 0.8);"]) {
    color: #B1B1B1;
}
.message-group .comment .markup {
    color: #B7B7B7;
}
ul.bda-slist {
    margin-top: 18px;
    width: 588px;
    margin-left: -34px;
}
.bda-slist .bda-name {
    color: var(--main-color);
    font-weight: 700;
    font-size: 13.5px;
}
.bda-slist .bda-description {
    color: #D2D2D2;
    border-top: 1px solid var(--main-color);
    font-size: 14px;
}
.bda-slist li {
    background: rgba(0, 0, 0, 0.56) !important;
    border: none !important;
    margin-bottom: 3px;
    border-radius: 3px;
}
#bd-themes-pane .bda-plugin-reload {
    margin-top: 68px;
    margin-left: 20px;
}
.bda-slist .bda-right .btn {
    margin-left: 20px;
}
.bda-slist .bda-right .bda-plugin-settings {
    margin-top: 3px;
}
.chat .welcome-message p {
    color: #A0A0A0;
}
.form .control-group label {
    color: #D0D0D0;
}
.chat>.title-wrap {
    -webkit-box-shadow: none;
    box-shadow: none;
}
#friends .friends-table .friends-row+.friends-row {
    border-top: 1px solid rgba(255, 255, 255, .04) !important;
}
.guild-channels header span {
    text-align: center;
    margin-left: -7px;
}
.markdown-modal a {
    color: var(--main-color);
}
.form .control-group .help-text.error,
.form .control-group .help-text.error a {
    color: #FFFFFF;
    background-color: #D22B3A;
    border-radius: 3px;
    padding: 2px;
}
#settings-roles-pro-tip .pro-tip {
    color: #FFFFFF;
}
#settings-roles-pro-tip {
    color: #F5F5F5;
    background-color: #53BB8C;
    border-radius: 3px;
    padding: 0px 0px 0px 9px;
}
#settings-roles .roles li::before {
    width: 3px;
}
.instant-invites .instant-invites-list .instant-invite .code {
    color: #C4C4C4;
}
.instant-invites .instant-invites-list .instant-invite {
    color: #C4C4C4;
}
.guild-channels ul .channel-voice .channel-arrow:hover {
    background-color: var(--main-color);
}
.auth-tiling-bg {
    background-color: #2e3136;
}
.create-guild-container .action.create .action-icon,
.create-guild-container .action.join .action-icon {
    -webkit-filter: invert() hue-rotate(145deg);
}
.user-popout .username-wrapper .activity {
    color: #DEDEDE;
}
.user-settings-locale .select-item .primary {
    font-size: 15px;
    color: #AEAEAE !important;
}
.user-popout .username-wrapper.has-nickname .discriminator,
.user-popout .username-wrapper.has-nickname .username {
    color: #EAEAEA;
}
.user-popout .body .section .label {
    color: #A7A7A7;
}
.user-popout .footer .update-notice {
    color: #A0A0A0;
}
.message-group.compact .message .markup .user-name::after {
    content: ":";
    font-size: 18px;
    line-height: 16px;
    font-weight: 600;
}
.typing strong {
    font-weight: 700;
    color: #A5A5A5;
}
.typing {
    font-size: 11px;
    color: #A5A5A5;
}

/* CSS BY ZERTHOX */
/*
__/\\\\\\\\\\\\\\\_____________________________________________/\\\_____________________________________
 _\////////////\\\_____________________________________________\/\\\_____________________________________
  ___________/\\\/____________________________________/\\\______\/\\\_____________________________________
   _________/\\\/_________/\\\\\\\\___/\\/\\\\\\\___/\\\\\\\\\\\_\/\\\_____________/\\\\\_____/\\\____/\\\_
    _______/\\\/_________/\\\/////\\\_\/\\\/////\\\_\////\\\////__\/\\\\\\\\\\____/\\\///\\\__\///\\\/\\\/__
     _____/\\\/__________/\\\\\\\\\\\__\/\\\___\///_____\/\\\______\/\\\/////\\\__/\\\__\//\\\___\///\\\/____
      ___/\\\/___________\//\\///////___\/\\\____________\/\\\_/\\__\/\\\___\/\\\_\//\\\__/\\\_____/\\\/\\\___
       __/\\\\\\\\\\\\\\\__\//\\\\\\\\\\_\/\\\____________\//\\\\\___\/\\\___\/\\\__\///\\\\\/____/\\\/\///\\\_
        _\///////////////____\//////////__\///______________\/////____\///____\///_____\/////_____\///____\///__
*/
.guild-channels .channel-text.selected {
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6) 85%, transparent) !important;
}
.guild-channels .channel-text.selected::before {
    border-left: 4px solid var(--main-color);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.guild-channels .channel-text:hover.channel-muted::before,
.guild-channels .channel-text:hover:not(.unread)::before {
    border-left: 4px solid var(--main-color);
    opacity: .25;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.guild-channels .channel-text:not(.selected):hover {
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 85%, transparent) !important;
}
.private-channels .channel.selected::before,
#voice-debug-modal #users-section .user-list li.selected::before {
    border-left: 4px solid var(--main-color);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.private-channels .channel:not(.selected):hover::before,
#voice-debug-modal #users-section .user-list li:not(.selected):hover::before {
    border-left: 4px solid var(--hover-color);
    opacity: .25;
}
#voice-debug-modal #users-section .user-list li:hover::before,
#voice-debug-modal #users-section .user-list li.selected::before {
    height: 100%;
    width: 0;
}
.guilds-wrapper .guilds .guild.active:first-of-type .guild-inner {
    background: var(--main-color) !important;
}
@-webkit-keyframes unread {
    from {
        background: var(--main-color);
    }
    to {
        background: var(--hover-color);
    }
}
@keyframes unread {
    from {
        background: var(--main-color);
    }
    to {
        background: var(--hover-color);
    }
}
.guilds-wrapper .guilds .guild.unread::before {
    background: var(--main-color) !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.guild-channels .channel-text.unread:not(.selected):not(.channel-muted)::before {
    background: var(--main-color) !important;
    border-left: 0px solid transparent;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.bd-minimal .guild-channels .channel-text.unread:not(.selected):not(.channel-muted)::before {
    top: 8px;
}
.guild-channels .channel-text.unread:not(.selected):not(.channel-muted):hover::before {
    background: transparent !important;
    border-left: 4px solid var(--hover-color);
    height: 36px;
    width: 1px;
    margin-top: -12px;
    margin-left: 6px;
    border-radius: 0;
    opacity: .25;
}
.bd-minimal .guild-channels .channel-text.unread:not(.selected):not(.channel-muted):hover::before {
    height: 28px;
    margin-top: -8px;
}
.guild-channels ul .channel.selected,
.private-channels .channel.selected,
.private-channels .search-result.selected,
.private-channels .search-result:hover,
#voice-debug-modal #users-section .user-list li.selected {
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6) 85%, transparent) !important;
}
.guild-channels ul .channel:not(.selected):hover,
.private-channels .channel:not(.selected):hover,
#voice-debug-modal #users-section .user-list li:not(.selected):hover {
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 85%, transparent) !important;
}
.guilds-wrapper .guilds .guild.selected::before,
.guilds-wrapper .guilds .guild.unread::before {
    width: 13px;
}
.guilds-wrapper .guilds .friends-online {
    background: rgba(21, 21, 21, 0.41);
    border-radius: 25px;
    color: #DCDCDC;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    overflow: hidden;
    cursor: default;
}
.guilds-wrapper .guilds .friends-online:hover {
    background-color: var(--main-color);
    color: #fff;
}
div#bd-pub-button {
    text-transform: uppercase;
}
div#bd-pub-button:hover {
    background-color: var(--main-color) !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.guilds-wrapper .guilds .guild.selected::before {
    background: var(--main-color) !important;
    animation: selectserver .5s cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-animation: selectserver .5s cubic-bezier(0.22, 0.61, 0.36, 1);
}
@-webkit-keyframes selectserver {
    from {
        height: 0px;
        margin-top: 0px;
    }
    to {
        height: 40px;
        margin-top: -20px;
    }
}
@keyframes selectserver {
    from {
        height: 0px;
        margin-top: 0px;
    }
    to {
        height: 40px;
        margin-top: -20px;
    }
}
.guilds .friends-icon:hover {
    color: transparent;
    background-color: var(--main-color);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#voice-connection .btn-group {
    margin-right: -10px;
}
#friends .friends-header .tab-bar .tab-bar-item.selected {
    background-color: var(--main-color) !important;
    color: #fff !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.user-settings-security .btn-ghost {
    background: var(--main-color);
    border: 2px solid var(--main-color);
    color: #fff;
}
.user-settings-security .btn-ghost:hover {
    background: var(--hover-color);
    border: 2px solid var(--hover-color);
}
.user-settings-security button,
.user-settings-security p {
    color: #C7C7C7;
}
.form .btn {
    -webkit-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important;
}
.protip .label {
    color: var(--main-color);
}
.user-settings-modal-keybinds .user-settings-modal-keybinds-header .btn-add-keybind {
    background-color: var(--main-color);
}
.user-settings-modal-keybinds .user-settings-modal-keybinds-header .btn-add-keybind:hover {
    background-color: var(--hover-color);
}
.user-settings-locale .help-translate {
    filter: grayscale(1) brightness(.7);
    -webkit-filter: grayscale(1) brightness(.7);
}
.user-settings-modal button.preview-sound::before {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/volume_up.svg) !important;
    background-position: center;
    opacity: .3;
}
.avatar-small,
.avatar-large,
.icon-friends {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.guilds-wrapper .guilds .guild .guild-inner {
    background-color: rgba(0, 0, 0, 0.5) !important;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
}
.guilds-wrapper .guilds .guild .guild-inner:active {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}
.guilds-wrapper .guilds-add {
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.guilds-wrapper .guilds-add:active {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}
.user-settings-security.show-art {
    background: transparent;
}
#pubs-container {
    background: rgba(0, 0, 0, .7);
}
.bda-dark #pubs-footer,
.bda-dark #pubs-header,
#pubs-footer,
#pubs-header {
    background: rgba(0, 0, 0, .9);
}
.bda-dark #pubs-header button,
#pubs-header button {
    background-color: var(--main-color);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.bda-dark #pubs-header button:hover,
#pubs-header button:hover {
    background-color: var(--hover-color);
}
.bda-dark .server-row,
.server-row {
    background-color: rgba(0, 0, 0, 0.8) !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.bda-dark .server-info button,
.server-info button {
    background-color: var(--main-color);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.bda-dark .server-info button:hover,
.server-info button:hover {
    background-color: var(--hover-color);
}
#pubs-header button {
    color: #fff;
}
.bda-dark #pubs-sterm,
#pubs-sterm {
    background: rgba(0, 0, 0, 0.8) !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#pubs-sterm:focus {
    -webkit-box-shadow: 0 0 0 1px var(--main-color) inset;
    box-shadow: 0 0 0 1px var(--main-color) inset;
}
.server-pinned {
    border-bottom: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
}
.bd-dropdown-list {
    background: transparent !important;
}
.bda-dark .bd-dropdown-list ul li,
.bd-dropdown-list ul li {
    background: rgba(0, 0, 0, .5) !important;
}
.bd-dropdown-list ul li {
    color: rgba(255, 255, 255, .7);
}
#pubs-spinner-bottom {
    background: rgba(0, 0, 0, .8) !important;
}
.CodeMirror {
    background-color: rgba(0, 0, 0, 0.3) !important;
}
.CodeMirror-scroll {
    background-color: rgba(0, 0, 0, 0.3) !important;
}
#bd-customcss-detach-container {
    background-color: transparent
}
#bd-customcss-detach-container::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .7), rgba(0, 0, 0, .5));
    background: linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, .5));
}
.CodeMirror-gutters {
    border-right: none;
    background-color: rgba(0, 0, 0, .5);
    height: 100% !important;
}
.user-popout {
    background: transparent !important;
    opacity: 1;
}
.user-popout::before {
    content: "";
    position: absolute;
    left: -2.5%;
    top: -2.5%;
    height: 105%;
    width: 105%;
    z-index: -1;
    background-position: center;
    -webkit-filter: blur(3px);
}
.user-popout .header {
    background: rgba(0, 0, 0, .3);
}
.user-popout .body {
    background: rgba(0, 0, 0, .65);
}
.user-popout .footer {
    background: rgba(0, 0, 0, .65);
}
.user-popout .avatar-wrapper .avatar-popout {
    border: none;
    background-color: transparent;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.guild-inner .guild-name,
.guild-inner .guild-nick {
    margin-left: 5px;
}
#permissions .permission-actions>div.PASSTHROUGH:hover {
    border-color: #51555F;
}
.badge {
    background-color: var(--main-color);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-animation: unread 1s infinite alternate;
    animation: unread 1s infinite alternate;
}
.search-bar {
    background-color: rgba(0, 0, 0, 0.7) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.search-bar input {
    background-color: rgba(0, 0, 0, .3);
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-transition: border-color .1s ease-in-out;
    transition: border-color .1s ease-in-out;
}
.search-bar input:focus {
    border-color: var(--main-color);
}
.bda-dark #bda-qem,
#bda-qem {
    background: rgba(0, 0, 0, .5) !important;
    border-bottom: 1px solid rgba(30, 30, 30, .3) !important;
}
.bda-dark #bda-qem-favourite-container,
.bda-dark #bda-qem-twitch-container,
.bda-dark .emoji-picker,
#bda-qem-favourite-container,
#bda-qem-twitch-container,
.emoji-picker {
    background: rgba(0, 0, 0, .5) !important;
}
.bda-dark #bda-qem button.active,
#bda-qem button.active {
    background-color: var(--main-color) !important;
}
.bda-dark #bda-qem button:not(.active):hover,
#bda-qem button:not(.active):hover {
    background: var(--hover-color) !important;
}
.bda-dark #bda-qem button,
#bda-qem button {
    background: transparent !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.bda-dark .emoji-picker .scroller .emoji-item,
.emoji-picker .scroller .emoji-item {
    border-radius: 5px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.bda-dark .emoji-picker .scroller .emoji-item.selected,
.emoji-picker .scroller .emoji-item.selected {
    background-color: var(--main-color) !important;
}
.diversity-selector .item {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.diversity-selector .popout .item:hover {
    background-color: var(--main-color);
}
.chat .title-wrap .topic .mention:hover {
    background-color: var(--main-color) !important;
    border-radius: 4px;
}
#friends .friends-header .tab-bar .tab-bar-item .badge {
    background-color: var(--main-color) !important;
    color: #fff !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.user-popout .header.streaming {
    background-color: transparent;
}
.user-popout .header.streaming .live-on-twitch {
    background-color: rgba(90, 55, 150, .5);
}
.user-popout .header.streaming .live-on-twitch:hover {
    background-color: rgba(90, 55, 150, .7);
}
.slider-handle {
    border: none;
    background-color: var(--main-color);
    margin-top: 1px;
}
.slider-handle span {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .7);
}
.slider-bar-fill {
    background: -webkit-linear-gradient(left, var(--hover-color) 0%, var(--main-color) 100%);
    background: linear-gradient(to right, var(--hover-color) 0%, var(--main-color) 100%);
}
.sensitivity .slider .slider-bar.microphone .grow {
    background-color: transparent;
}
.sensitivity .slider .slider-bar {
    background-color: rgba(0, 0, 0, .44);
}
.radio .radio-inner {
    background-color: rgba(0, 0, 0, .44);
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.radio .radio-inner:active {
    -webkit-transform: scale(.8);
    transform: scale(.8);
}
.radio .radio-inner span::after {
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
}
.tab-bar.SIDE .tab-bar-item {
    border: none !important;
    -webkit-transition: all 0s;
    transition: all 0s;
}
.tab-bar.SIDE .tab-bar-item:hover:not(.selected),
#settings-roles .roles li:hover:not(.selected) {
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 85%, transparent);
    opacity: 0.85;
}
.tab-bar.SIDE .tab-bar-item.selected,
#settings-roles .roles li.selected {
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6) 85%, transparent);
}
.tab-bar.SIDE .tab-bar-item:hover:not(.selected)::before {
    border: 2px solid var(--main-color) !important;
    opacity: .25;
    -webkit-transition: all 0s;
    transition: all 0s;
}
.tab-bar.SIDE .tab-bar-item.selected::before {
    border: 2px solid var(--main-color) !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.activity {
    color: #DEDEDE !important;
}
.activity strong {
    color: var(--main-color);
    font-weight: 700;
    text-shadow: 0 0 1px rgba(0, 0, 0, .3);
}
.channel-members .member {
    -webkit-transition: -webkit-transform .1s ease-in-out;
    transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.channel-members .member:active {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}
.btn {
    -webkit-transition: -webkit-transform .1s ease-in-out;
    transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
}
.btn:active {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}
.channel-textarea-emoji>.sprite-item {
    opacity: .15;
    -webkit-transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out, opacity .1s ease-in-out;
    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out, opacity .1s ease-in-out;
}
.channel-textarea-emoji:hover>.sprite-item,
.channel-textarea-emoji {
    opacity: 1 !important;
}
.channel-textarea-emoji>.sprite-item:active {
    -webkit-transform: scale(1);
    transform: scale(1);
}
button {
    -webkit-transition: -webkit-transform .1s ease-in-out;
    transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
}
button:active {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}
.win-maximize,
.win-minimize,
.win-close {
    -webkit-transition: -webkit-transform .1s ease-in-out;
    transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
}
.win-maximize:active,
.win-minimize:active,
.win-close:active {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}
.btn-hamburger:active {
    -webkit-transform: scale(.25);
    transform: scale(.25);
}
.icon.icon-settings:hover {
    -webkit-animation: load8 2.8s infinite linear;
    animation: load8 2.8s infinite linear;
}
.message-group .avatar-large {
    -webkit-transition: -webkit-transform .1s ease-in-out;
    transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
}
.message-group .avatar-large:active {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}
.user-popout .avatar-wrapper {
    -webkit-transition: -webkit-transform .1s ease-in-out;
    transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
}
.user-popout .avatar-wrapper:active {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}
#voice-connection .btn,
.account .btn {
    background: transparent !important;
    border: none;
}
#voice-connection .btn-disconnect,
#voice-connection .btn-info,
.account .btn-settings,
.account .btn-deafen,
.account .btn-mute {
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    border-radius: 0px;
}
.account .btn-group {
    position: absolute;
    right: 4px;
}
.account .btn-group,
#voice-connection .btn-group {
    border-radius: 15px;
    background-color: rgba(0, 0, 0, .3);
    height: 32px;
    border: none;
}
#voice-connection .btn-info::after {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/info.svg) !important;
    background-position: center;
    background-size: 20px;
    opacity: .3;
}
#voice-connection .btn-disconnect::after {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/call_end.svg);
    background-position: center;
    background-size: 20px;
    opacity: .3;
}
.account .btn-mute,
.account .btn-deafen,
#voice-connection .btn-info {
    border-right: 1px solid rgba(255, 255, 255, .2);
    height: 26px;
    bottom: 3px;
}
.account .btn-mute::after {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/mic.svg) !important;
    background-position: center;
    background-size: 20px;
}
.account .btn-mute:hover::after {
    opacity: .6;
}
.account .btn-deafen::after {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/volume_up.svg) !important;
    background-position: center;
    background-size: 20px;
}
.account .btn-deafen:hover::after {
    opacity: .6;
}
.account .btn-settings::after {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/settings.svg) !important;
    background-position: center;
    background-size: 20px;
}
.guild-channels .icon-settings {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/settings.svg) !important;
    background-position: center;
    background-size: 120%;
}
.icon-muted,
.account .btn-mute.disabled::after {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/mic_off.svg) !important;
    background-position: center;
}
.icon-deafened,
.account .btn-deafen.disabled::after {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/volume_off.svg) !important;
    background-position: center;
}
.guild-channels .channel-voice-states li .icon {
    opacity: .3 !important;
}
#voice-connection .btn-group .btn:active {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}
.account .btn:active {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}
#voice-connection .btn-group .btn::after {
    -webkit-transition: -webkit-transform .1s ease-in-out;
    transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
}
.account .btn::after {
    -webkit-transition: -webkit-transform .1s ease-in-out;
    transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
    opacity: .3;
}
#voice-connection .btn-group .btn:active::after {
    -webkit-transform: scale(.9) !important;
    transform: scale(.9) !important;
}
.account .btn:active::after {
    -webkit-transform: scale(.9) !important;
    transform: scale(.9) !important;
}
.account .btn-settings:active {
    -webkit-transform: scale(.9) !important;
    transform: scale(.9) !important;
}
.account .btn-mute:hover::after,
.account .btn-deafen:hover::after,
.account .btn-settings:hover::after {
    opacity: .7;
}
.guild-channels .channel .icon.popout-open,
.guild-channels .channel .icon:hover {
    opacity: .7 !important;
}
.message-group .btn-option {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/settings.svg) !important;
    background-size: 20px !important;
    background-position: center !important;
    opacity: 0;
    visibility: visible;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.message-group .comment>div:hover .btn-option {
    opacity: .3;
}
.message-group .btn-option.popout-open,
.message-group .btn-option:hover {
    background-size: 120%;
    background-position: center;
    opacity: .7 !important;
}
.guild-channels .icon+.icon {
    margin-left: 3px;
}
.guilds-wrapper .guilds .guild.audio .guild-inner::after {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/volume_up.svg) !important;
    background-position: center;
    background-color: #000;
    opacity: .7;
}
.guild-channels .icon-instant-invite {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/share.svg) !important;
    background-position: center;
    background-size: 110%;
    margin-top: 1px;
}
.guilds-wrapper .guild-separator::after,
.guilds-wrapper .btn-download-apps::after {
    background-color: rgba(255, 255, 255, .2);
}
.guilds-add {
    background-image: none !important;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.guilds-add:hover {
    border-color: var(--main-color) !important;
    -webkit-animation: pulsate-border 1s infinite alternate;
    animation: pulsate-border 1s infinite alternate;
}
.guilds-wrapper .guilds-add::before {
    content: "";
    background-color: #333539;
    position: absolute;
    left: 47%;
    top: 24%;
    height: 50%;
    width: 2px;
    border-radius: 3px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.guilds-wrapper .guilds-add::after {
    content: "";
    background-color: #333539;
    position: absolute;
    left: 24%;
    top: 47%;
    height: 2px;
    width: 50%;
    border-radius: 3px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.bd-minimal .guilds-wrapper .guilds-add::before {
    height: 10px;
}
.bd-minimal .guilds-wrapper .guilds-add::after {
    width: 10px;
}
.guilds-wrapper .guilds-add:hover::before,
.guilds-wrapper .guilds-add:hover::after {
    background-color: var(--main-color) !important;
    -webkit-animation: pulsate-color 1s infinite alternate;
    animation: pulsate-color 1s infinite alternate;
}
@-webkit-keyframes pulsate-color {
    from {
        background-color: #333539;
    }
    to {
        background-color: var(--main-color);
    }
}
@keyframes pulsate-color {
    from {
        background-color: #333539;
    }
    to {
        background-color: var(--main-color);
    }
}
@-webkit-keyframes pulsate-border {
    from {
        border-color: #535559;
    }
    to {
        border-color: var(--main-color);
    }
}
@keyframes pulsate-border {
    from {
        border-color: #535559;
    }
    to {
        border-color: var(--main-color);
    }
}
.emote-container,
.emoji-item {
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}
.download-apps .platforms .platform .download-button {
    background-color: var(--hover-color);
}
.download-apps .inner {
    background-color: rgba(0, 0, 0, .75);
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 10px;
}
.header-toolbar button {
    -webkit-transition: all .1s ease-in-out !important;
    transition: all .1s ease-in-out !important;
}
.header-toolbar button.active,
.header-toolbar button.popout-open {
    background-color: rgba(0, 0, 0, .3) !important;
}
#app-mount > div > div:nth-child(2) > div > div:not(#pubs-container) > div:nth-child(3) > div {
    background-color: rgba(0, 0, 0, .8) !important;
}
progress {
    background: rgba(0, 0, 0, .3) !important;
}
progress::-webkit-progress-value {
    background: var(--main-color) !important;
}
.radio-theme label {
    border-color: #333539;
}
.radio-theme input[type=radio]:checked~label {
    border-color: var(--main-color);
}
#friends .friends-table .friends-row .friends-column-guilds .avatar-small {
    background-color: transparent;
}
.chat .jump-to-present-bar {
    background-color: rgba(0, 0, 0, .9) !important;
}
.chat .jump-to-present-bar:hover {
    background-color: var(--main-color) !important;
}
.chat .jump-to-present-bar button {
    color: hsla(0, 0%, 100%, .6) !important;
}
.chat .jump-to-present-bar:hover button {
    color: #fff !important;
}
.guilds-wrapper .guilds .guild-placeholder {
    border-color: var(--main-color) !important;
    -webkit-animation: pulsate-border 1s infinite alternate;
    animation: pulsate-border 1s infinite alternate;
}
.change-log .changelog-added,
.change-log .changelog-added-secondary,
.change-log .changelog-improved {
    background-color: var(--main-color);
}
.change-log .changelog-in-progress {
    background-color: var(--hover-color);
}
.create-guild-container .action.create .action-icon,
.create-guild-container .action.join .action-icon {
    -webkit-filter: invert() grayscale(1) brightness(2);
    opacity: .5;
}
.download-apps .platforms .platform.active {
    -webkit-filter: drop-shadow(0 0 3px var(--main-color));
    -webkit-animation: pulsate-drop-shadow 1s infinite alternate;
    animation: pulsate-drop-shadow 1s infinite alternate;
}
@-webkit-keyframes pulsate-drop-shadow {
    from {
        -webkit-filter: drop-shadow(0 0 3px var(--main-color));
    }
    to {
        -webkit-filter: drop-shadow(0 0 3px transparent);
    }
}
@keyframes pulsate-drop-shadow {
    from {
        -webkit-filter: drop-shadow(0 0 3px var(--main-color));
    }
    to {
        -webkit-filter: drop-shadow(0 0 3px transparent);
    }
}
line {
    stroke: var(--main-color) !important;
    stroke-dasharray: 5, 3 !important;
}
#voice-connection-popout .debug-button {
    color: #8a8e94;
}
#clockPluginClock {
    position: absolute !important;
    bottom: 3px !important;
    left: 0 !important;
    background: rgba(0, 0, 0, .3) !important;
    color: #bbb !important;
    border-radius: 10px !important;
}
@-webkit-keyframes wiggle {
    from {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
    }
    to {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }
}
@keyframes wiggle {
    from {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
    }
    to {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }
}
@-webkit-keyframes wiggle-active {
    from {
        -webkit-transform: scale(.9) rotate(-7deg);
        transform: scale(.9) rotate(-7deg);
    }
    to {
        -webkit-transform: scale(.9) rotate(7deg);
        transform: scale(.9) rotate(7deg);
    }
}
@keyframes wiggle-active {
    from {
        -webkit-transform: scale(.9) rotate(-7deg);
        transform: scale(.9) rotate(-7deg);
    }
    to {
        -webkit-transform: scale(.9) rotate(7deg);
        transform: scale(.9) rotate(7deg);
    }
}
@-webkit-keyframes pulsate {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }
}
@keyframes pulsate {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }
}
@-webkit-keyframes pulsate-active {
    from {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }
    to {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }
}
@keyframes pulsate-active {
    from {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }
    to {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }
}
@-webkit-keyframes pulsate-active {
    from {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }
    to {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }
}
@-webkit-keyframes opacity-fade {
    50% {
        opacity: .7;
    }
    100% {
        opacity: 0;
    }
}
@keyframes opacity-fade {
    50% {
        opacity: .7;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes opacity-fade-reverse {
    50% {
        opacity: 0;
    }
    100% {
        opacity: .7;
    }
}
@keyframes opacity-fade-reverse {
    50% {
        opacity: 0;
    }
    100% {
        opacity: .7;
    }
}
#voice-connection .btn-disconnect:hover::after {
    -webkit-animation: wiggle 70ms infinite alternate;
    animation: wiggle 70ms infinite alternate;
}
#voice-connection .btn-disconnect:active::after {
    -webkit-animation: wiggle-active 70ms infinite alternate;
    animation: wiggle-active 70ms infinite alternate;
}
#voice-connection .btn-info:hover::after,
#voice-connection .btn-info.popout-open::after {
    -webkit-animation: pulsate 1s infinite alternate;
    animation: pulsate 1s infinite alternate;
}
#voice-connection .btn-info:active::after {
    -webkit-animation: pulsate-active 1s infinite alternate;
    animation: pulsate-active 1s infinite alternate;
}
.account .btn-deafen::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin-right: 5px;
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/volume_off.svg);
    background-size: 65%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
}
.account .btn-deafen:hover::before {
    -webkit-animation: opacity-fade-reverse 2s infinite alternate;
    animation: opacity-fade-reverse 2s infinite alternate;
}
.account .btn-deafen:hover::after {
    -webkit-animation: opacity-fade 2s infinite alternate;
    animation: opacity-fade 2s infinite alternate;
}
.account .btn-deafen::after,
.account .btn-deafen::before {
    -webkit-transition: opacity .1s ease-in-out, -webkit-transform .1s ease-in-out;
    transition: opacity .1s ease-in-out, -webkit-transform .1s ease-in-out;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
}
.account .btn-deafen.disabled::before {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/volume_up.svg);
    background-position: center;
}
.account .btn-mute::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin-right: 5px;
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/mic_off.svg);
    background-size: 65%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
}
.account .btn-mute:hover::before {
    -webkit-animation: opacity-fade-reverse 2s infinite alternate;
    animation: opacity-fade-reverse 2s infinite alternate;
}
.account .btn-mute:hover::after {
    -webkit-animation: opacity-fade 2s infinite alternate;
    animation: opacity-fade 2s infinite alternate;
}
.account .btn-mute::after,
.account .btn-mute::before {
    -webkit-transition: opacity .1s ease-in-out, -webkit-transform .1s ease-in-out;
    transition: opacity .1s ease-in-out, -webkit-transform .1s ease-in-out;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
}
.account .btn-mute.disabled::before {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/mic.svg);
    background-position: center;
}
.account .btn-mute:active::before,
.account .btn-deafen:active::before {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}
@-webkit-keyframes opacity-mute {
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes opacity-mute {
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes opacity-mute-reverse {
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes opacity-mute-reverse {
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
span[style='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTMuMDA2Mjg2NjIgMjJjMSAwIDEuNzE0Mjg1NzItLjQwMTk1MzEgMS45OTk5OTk5OC0xLjAwNDg4MjhoLTMuOTk5OTk5OThjLjI4NTcxNDMuNjAyOTI5NyAxIDEuMDA0ODgyOCAyIDEuMDA0ODgyOHptNi45ODA1Mjk3OC0zLjk2MzQzOTlWMTBjMC0yLjY0LTIuMzAyODY2OC00Ljk3NTAzNjYyLTUuMDEwNTU5MDgtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1MTctMS4wMjk4NDYyLTEuOTczMTE0LTEuMDI5ODQ2Mi0xLjYyOTA1ODg1IDAtMS45NjU4NTA4NC4zMDk4NDYyLTEuOTY1ODUwODQgMS4wMjk4NDYyQzguMzI5NjAwMTggNS4wMjQ5NjMzOCA1Ljk5NTQ4MzQgNy4zNiA1Ljk5NTQ4MzQgMTB2OC4wMzY1NjAxaC0uOTg5MTk2Nzh2MS45NTE0MTZIMjF2LTEuOTUxNDE2aC0xLjAxMzE4MzZ6TTE4IDE4SDh2LTcuN0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzNEMxNi41NTU1NTU2IDcgMTggOC40MyAxOCAxMC4zVjE4eiIvPgo8L3N2Zz4=");'],
span[style='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xMy4wMDYyODY2MiAyMmMuOTk5OTk5OTggMCAxLjcxNDI4NTY4LS40MDE5NTMxIDEuOTk5OTk5OTgtMS4wMDQ4ODI4aC0zLjk5OTk5OTk4Yy4yODU3MTQzLjYwMjkyOTcgMSAxLjAwNDg4MjggMiAxLjAwNDg4Mjh6bTYuOTgwNTI5NzgtMy45NjM0Mzk5VjEwYzAtMi42NC0yLjMwMjg2NjgtNC45NzUwMzY2Mi01LjAxMDU1OTEtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1Mi0xLjAyOTg0NjItMS45NzMxMTQtMS4wMjk4NDYyLTEuNjI5MDU4ODMgMC0xLjk2NTg1MDgyLjMwOTg0NjItMS45NjU4NTA4MiAxLjAyOTg0NjJDOC4zMjk2MDAxOCA1LjAyNDk2MzM4IDUuOTk1NDgzNCA3LjM2IDUuOTk1NDgzNCAxMHY4LjAzNjU2MDFoLS45ODkxOTY3OHYxLjk1MTQxNkgyMXYtMS45NTE0MTZoLTEuMDEzMTgzNnpNMTMuMDgzODk2MTYgMThsLTIuMDc4OTMwODIgMi4wMjcyMDQ1SDQuOTQxNjIwMzhWMThINnYtM2wyLTIuMDgyOTQyOTJWMTAuM0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzN2MuMjA1ODcyMSAwIDEuMzU3OTgyNS0xLjkwOTA0NTggMS4zNTc5ODI1LTEuOTA5MDQ1OHMxLjMxODM5MDguMjc5MTU2OTIgMi41NTU1MzQzIDEuNTk4ODMzNjdjMS4yMzcxNDM2IDEuMzE5Njc2NzYgMS4zMjUzODg5IDMuMjUxOTI3NzQgMS4zMjUzODg5IDMuMjUxOTI3NzRMMTggMTIuOTQ1NDcyNTZWMThoLTQuOTE2MTAzODR6Ii8+CiAgICA8cGF0aCBzdHJva2U9IiNGMDQ3NDciIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIxIDVMNSAyMSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgogIDwvZz4KPC9zdmc+");'],
span[style='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPHBhdGggZmlsbD0iIzk5QUFCNSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTMuMDA2Mjg2NjIgMjJjMSAwIDEuNzE0Mjg1NzItLjQwMTk1MzEgMS45OTk5OTk5OC0xLjAwNDg4MjhoLTMuOTk5OTk5OThjLjI4NTcxNDMuNjAyOTI5NyAxIDEuMDA0ODgyOCAyIDEuMDA0ODgyOHptNi45ODA1Mjk3OC0zLjk2MzQzOTlWMTBjMC0yLjY0LTIuMzAyODY2OC00Ljk3NTAzNjYyLTUuMDEwNTU5MDgtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1MTctMS4wMjk4NDYyLTEuOTczMTE0LTEuMDI5ODQ2Mi0xLjYyOTA1ODg1IDAtMS45NjU4NTA4NC4zMDk4NDYyLTEuOTY1ODUwODQgMS4wMjk4NDYyQzguMzI5NjAwMTggNS4wMjQ5NjMzOCA1Ljk5NTQ4MzQgNy4zNiA1Ljk5NTQ4MzQgMTB2OC4wMzY1NjAxaC0uOTg5MTk2Nzh2MS45NTE0MTZIMjF2LTEuOTUxNDE2aC0xLjAxMzE4MzZ6TTE4IDE4SDh2LTcuN0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzNEMxNi41NTU1NTU2IDcgMTggOC40MyAxOCAxMC4zVjE4eiIvPgo8L3N2Zz4=");'],
span[style='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiM5OUFBQjUiIGQ9Ik0xMy4wMDYyODY2MiAyMmMuOTk5OTk5OTggMCAxLjcxNDI4NTY4LS40MDE5NTMxIDEuOTk5OTk5OTgtMS4wMDQ4ODI4aC0zLjk5OTk5OTk4Yy4yODU3MTQzLjYwMjkyOTcgMSAxLjAwNDg4MjggMiAxLjAwNDg4Mjh6bTYuOTgwNTI5NzgtMy45NjM0Mzk5VjEwYzAtMi42NC0yLjMwMjg2NjgtNC45NzUwMzY2Mi01LjAxMDU1OTEtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1Mi0xLjAyOTg0NjItMS45NzMxMTQtMS4wMjk4NDYyLTEuNjI5MDU4ODMgMC0xLjk2NTg1MDgyLjMwOTg0NjItMS45NjU4NTA4MiAxLjAyOTg0NjJDOC4zMjk2MDAxOCA1LjAyNDk2MzM4IDUuOTk1NDgzNCA3LjM2IDUuOTk1NDgzNCAxMHY4LjAzNjU2MDFoLS45ODkxOTY3OHYxLjk1MTQxNkgyMXYtMS45NTE0MTZoLTEuMDEzMTgzNnpNMTMuMDgzODk2MTYgMThsLTIuMDc4OTMwODIgMi4wMjcyMDQ1SDQuOTQxNjIwMzhWMThINnYtM2wyLTIuMDgyOTQyOTJWMTAuM0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzN2MuMjA1ODcyMSAwIDEuMzU3OTgyNS0xLjkwOTA0NTggMS4zNTc5ODI1LTEuOTA5MDQ1OHMxLjMxODM5MDguMjc5MTU2OTIgMi41NTU1MzQzIDEuNTk4ODMzNjdjMS4yMzcxNDM2IDEuMzE5Njc2NzYgMS4zMjUzODg5IDMuMjUxOTI3NzQgMS4zMjUzODg5IDMuMjUxOTI3NzRMMTggMTIuOTQ1NDcyNTZWMThoLTQuOTE2MTAzODR6Ii8+CiAgICA8cGF0aCBzdHJva2U9IiNGMDQ3NDciIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIxIDVMNSAyMSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgogIDwvZz4KPC9zdmc+");'] {
    background: transparent !important;
    position: relative;
}
span[style='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTMuMDA2Mjg2NjIgMjJjMSAwIDEuNzE0Mjg1NzItLjQwMTk1MzEgMS45OTk5OTk5OC0xLjAwNDg4MjhoLTMuOTk5OTk5OThjLjI4NTcxNDMuNjAyOTI5NyAxIDEuMDA0ODgyOCAyIDEuMDA0ODgyOHptNi45ODA1Mjk3OC0zLjk2MzQzOTlWMTBjMC0yLjY0LTIuMzAyODY2OC00Ljk3NTAzNjYyLTUuMDEwNTU5MDgtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1MTctMS4wMjk4NDYyLTEuOTczMTE0LTEuMDI5ODQ2Mi0xLjYyOTA1ODg1IDAtMS45NjU4NTA4NC4zMDk4NDYyLTEuOTY1ODUwODQgMS4wMjk4NDYyQzguMzI5NjAwMTggNS4wMjQ5NjMzOCA1Ljk5NTQ4MzQgNy4zNiA1Ljk5NTQ4MzQgMTB2OC4wMzY1NjAxaC0uOTg5MTk2Nzh2MS45NTE0MTZIMjF2LTEuOTUxNDE2aC0xLjAxMzE4MzZ6TTE4IDE4SDh2LTcuN0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzNEMxNi41NTU1NTU2IDcgMTggOC40MyAxOCAxMC4zVjE4eiIvPgo8L3N2Zz4=");']::after,
span[style='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xMy4wMDYyODY2MiAyMmMuOTk5OTk5OTggMCAxLjcxNDI4NTY4LS40MDE5NTMxIDEuOTk5OTk5OTgtMS4wMDQ4ODI4aC0zLjk5OTk5OTk4Yy4yODU3MTQzLjYwMjkyOTcgMSAxLjAwNDg4MjggMiAxLjAwNDg4Mjh6bTYuOTgwNTI5NzgtMy45NjM0Mzk5VjEwYzAtMi42NC0yLjMwMjg2NjgtNC45NzUwMzY2Mi01LjAxMDU1OTEtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1Mi0xLjAyOTg0NjItMS45NzMxMTQtMS4wMjk4NDYyLTEuNjI5MDU4ODMgMC0xLjk2NTg1MDgyLjMwOTg0NjItMS45NjU4NTA4MiAxLjAyOTg0NjJDOC4zMjk2MDAxOCA1LjAyNDk2MzM4IDUuOTk1NDgzNCA3LjM2IDUuOTk1NDgzNCAxMHY4LjAzNjU2MDFoLS45ODkxOTY3OHYxLjk1MTQxNkgyMXYtMS45NTE0MTZoLTEuMDEzMTgzNnpNMTMuMDgzODk2MTYgMThsLTIuMDc4OTMwODIgMi4wMjcyMDQ1SDQuOTQxNjIwMzhWMThINnYtM2wyLTIuMDgyOTQyOTJWMTAuM0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzN2MuMjA1ODcyMSAwIDEuMzU3OTgyNS0xLjkwOTA0NTggMS4zNTc5ODI1LTEuOTA5MDQ1OHMxLjMxODM5MDguMjc5MTU2OTIgMi41NTU1MzQzIDEuNTk4ODMzNjdjMS4yMzcxNDM2IDEuMzE5Njc2NzYgMS4zMjUzODg5IDMuMjUxOTI3NzQgMS4zMjUzODg5IDMuMjUxOTI3NzRMMTggMTIuOTQ1NDcyNTZWMThoLTQuOTE2MTAzODR6Ii8+CiAgICA8cGF0aCBzdHJva2U9IiNGMDQ3NDciIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIxIDVMNSAyMSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgogIDwvZz4KPC9zdmc+");']::before,
span[style='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPHBhdGggZmlsbD0iIzk5QUFCNSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTMuMDA2Mjg2NjIgMjJjMSAwIDEuNzE0Mjg1NzItLjQwMTk1MzEgMS45OTk5OTk5OC0xLjAwNDg4MjhoLTMuOTk5OTk5OThjLjI4NTcxNDMuNjAyOTI5NyAxIDEuMDA0ODgyOCAyIDEuMDA0ODgyOHptNi45ODA1Mjk3OC0zLjk2MzQzOTlWMTBjMC0yLjY0LTIuMzAyODY2OC00Ljk3NTAzNjYyLTUuMDEwNTU5MDgtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1MTctMS4wMjk4NDYyLTEuOTczMTE0LTEuMDI5ODQ2Mi0xLjYyOTA1ODg1IDAtMS45NjU4NTA4NC4zMDk4NDYyLTEuOTY1ODUwODQgMS4wMjk4NDYyQzguMzI5NjAwMTggNS4wMjQ5NjMzOCA1Ljk5NTQ4MzQgNy4zNiA1Ljk5NTQ4MzQgMTB2OC4wMzY1NjAxaC0uOTg5MTk2Nzh2MS45NTE0MTZIMjF2LTEuOTUxNDE2aC0xLjAxMzE4MzZ6TTE4IDE4SDh2LTcuN0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzNEMxNi41NTU1NTU2IDcgMTggOC40MyAxOCAxMC4zVjE4eiIvPgo8L3N2Zz4=");']::after,
span[style='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiM5OUFBQjUiIGQ9Ik0xMy4wMDYyODY2MiAyMmMuOTk5OTk5OTggMCAxLjcxNDI4NTY4LS40MDE5NTMxIDEuOTk5OTk5OTgtMS4wMDQ4ODI4aC0zLjk5OTk5OTk4Yy4yODU3MTQzLjYwMjkyOTcgMSAxLjAwNDg4MjggMiAxLjAwNDg4Mjh6bTYuOTgwNTI5NzgtMy45NjM0Mzk5VjEwYzAtMi42NC0yLjMwMjg2NjgtNC45NzUwMzY2Mi01LjAxMDU1OTEtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1Mi0xLjAyOTg0NjItMS45NzMxMTQtMS4wMjk4NDYyLTEuNjI5MDU4ODMgMC0xLjk2NTg1MDgyLjMwOTg0NjItMS45NjU4NTA4MiAxLjAyOTg0NjJDOC4zMjk2MDAxOCA1LjAyNDk2MzM4IDUuOTk1NDgzNCA3LjM2IDUuOTk1NDgzNCAxMHY4LjAzNjU2MDFoLS45ODkxOTY3OHYxLjk1MTQxNkgyMXYtMS45NTE0MTZoLTEuMDEzMTgzNnpNMTMuMDgzODk2MTYgMThsLTIuMDc4OTMwODIgMi4wMjcyMDQ1SDQuOTQxNjIwMzhWMThINnYtM2wyLTIuMDgyOTQyOTJWMTAuM0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzN2MuMjA1ODcyMSAwIDEuMzU3OTgyNS0xLjkwOTA0NTggMS4zNTc5ODI1LTEuOTA5MDQ1OHMxLjMxODM5MDguMjc5MTU2OTIgMi41NTU1MzQzIDEuNTk4ODMzNjdjMS4yMzcxNDM2IDEuMzE5Njc2NzYgMS4zMjUzODg5IDMuMjUxOTI3NzQgMS4zMjUzODg5IDMuMjUxOTI3NzRMMTggMTIuOTQ1NDcyNTZWMThoLTQuOTE2MTAzODR6Ii8+CiAgICA8cGF0aCBzdHJva2U9IiNGMDQ3NDciIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIxIDVMNSAyMSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgogIDwvZz4KPC9zdmc+");']::before {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/notifications.svg) !important;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin-right: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
}
span[style='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTMuMDA2Mjg2NjIgMjJjMSAwIDEuNzE0Mjg1NzItLjQwMTk1MzEgMS45OTk5OTk5OC0xLjAwNDg4MjhoLTMuOTk5OTk5OThjLjI4NTcxNDMuNjAyOTI5NyAxIDEuMDA0ODgyOCAyIDEuMDA0ODgyOHptNi45ODA1Mjk3OC0zLjk2MzQzOTlWMTBjMC0yLjY0LTIuMzAyODY2OC00Ljk3NTAzNjYyLTUuMDEwNTU5MDgtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1MTctMS4wMjk4NDYyLTEuOTczMTE0LTEuMDI5ODQ2Mi0xLjYyOTA1ODg1IDAtMS45NjU4NTA4NC4zMDk4NDYyLTEuOTY1ODUwODQgMS4wMjk4NDYyQzguMzI5NjAwMTggNS4wMjQ5NjMzOCA1Ljk5NTQ4MzQgNy4zNiA1Ljk5NTQ4MzQgMTB2OC4wMzY1NjAxaC0uOTg5MTk2Nzh2MS45NTE0MTZIMjF2LTEuOTUxNDE2aC0xLjAxMzE4MzZ6TTE4IDE4SDh2LTcuN0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzNEMxNi41NTU1NTU2IDcgMTggOC40MyAxOCAxMC4zVjE4eiIvPgo8L3N2Zz4=");']::after,
span[style='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPHBhdGggZmlsbD0iIzk5QUFCNSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTMuMDA2Mjg2NjIgMjJjMSAwIDEuNzE0Mjg1NzItLjQwMTk1MzEgMS45OTk5OTk5OC0xLjAwNDg4MjhoLTMuOTk5OTk5OThjLjI4NTcxNDMuNjAyOTI5NyAxIDEuMDA0ODgyOCAyIDEuMDA0ODgyOHptNi45ODA1Mjk3OC0zLjk2MzQzOTlWMTBjMC0yLjY0LTIuMzAyODY2OC00Ljk3NTAzNjYyLTUuMDEwNTU5MDgtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1MTctMS4wMjk4NDYyLTEuOTczMTE0LTEuMDI5ODQ2Mi0xLjYyOTA1ODg1IDAtMS45NjU4NTA4NC4zMDk4NDYyLTEuOTY1ODUwODQgMS4wMjk4NDYyQzguMzI5NjAwMTggNS4wMjQ5NjMzOCA1Ljk5NTQ4MzQgNy4zNiA1Ljk5NTQ4MzQgMTB2OC4wMzY1NjAxaC0uOTg5MTk2Nzh2MS45NTE0MTZIMjF2LTEuOTUxNDE2aC0xLjAxMzE4MzZ6TTE4IDE4SDh2LTcuN0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzNEMxNi41NTU1NTU2IDcgMTggOC40MyAxOCAxMC4zVjE4eiIvPgo8L3N2Zz4=");']::after {
    opacity: 1;
}
span[style='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xMy4wMDYyODY2MiAyMmMuOTk5OTk5OTggMCAxLjcxNDI4NTY4LS40MDE5NTMxIDEuOTk5OTk5OTgtMS4wMDQ4ODI4aC0zLjk5OTk5OTk4Yy4yODU3MTQzLjYwMjkyOTcgMSAxLjAwNDg4MjggMiAxLjAwNDg4Mjh6bTYuOTgwNTI5NzgtMy45NjM0Mzk5VjEwYzAtMi42NC0yLjMwMjg2NjgtNC45NzUwMzY2Mi01LjAxMDU1OTEtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1Mi0xLjAyOTg0NjItMS45NzMxMTQtMS4wMjk4NDYyLTEuNjI5MDU4ODMgMC0xLjk2NTg1MDgyLjMwOTg0NjItMS45NjU4NTA4MiAxLjAyOTg0NjJDOC4zMjk2MDAxOCA1LjAyNDk2MzM4IDUuOTk1NDgzNCA3LjM2IDUuOTk1NDgzNCAxMHY4LjAzNjU2MDFoLS45ODkxOTY3OHYxLjk1MTQxNkgyMXYtMS45NTE0MTZoLTEuMDEzMTgzNnpNMTMuMDgzODk2MTYgMThsLTIuMDc4OTMwODIgMi4wMjcyMDQ1SDQuOTQxNjIwMzhWMThINnYtM2wyLTIuMDgyOTQyOTJWMTAuM0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzN2MuMjA1ODcyMSAwIDEuMzU3OTgyNS0xLjkwOTA0NTggMS4zNTc5ODI1LTEuOTA5MDQ1OHMxLjMxODM5MDguMjc5MTU2OTIgMi41NTU1MzQzIDEuNTk4ODMzNjdjMS4yMzcxNDM2IDEuMzE5Njc2NzYgMS4zMjUzODg5IDMuMjUxOTI3NzQgMS4zMjUzODg5IDMuMjUxOTI3NzRMMTggMTIuOTQ1NDcyNTZWMThoLTQuOTE2MTAzODR6Ii8+CiAgICA8cGF0aCBzdHJva2U9IiNGMDQ3NDciIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIxIDVMNSAyMSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgogIDwvZz4KPC9zdmc+");']::before,
span[style='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiM5OUFBQjUiIGQ9Ik0xMy4wMDYyODY2MiAyMmMuOTk5OTk5OTggMCAxLjcxNDI4NTY4LS40MDE5NTMxIDEuOTk5OTk5OTgtMS4wMDQ4ODI4aC0zLjk5OTk5OTk4Yy4yODU3MTQzLjYwMjkyOTcgMSAxLjAwNDg4MjggMiAxLjAwNDg4Mjh6bTYuOTgwNTI5NzgtMy45NjM0Mzk5VjEwYzAtMi42NC0yLjMwMjg2NjgtNC45NzUwMzY2Mi01LjAxMDU1OTEtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1Mi0xLjAyOTg0NjItMS45NzMxMTQtMS4wMjk4NDYyLTEuNjI5MDU4ODMgMC0xLjk2NTg1MDgyLjMwOTg0NjItMS45NjU4NTA4MiAxLjAyOTg0NjJDOC4zMjk2MDAxOCA1LjAyNDk2MzM4IDUuOTk1NDgzNCA3LjM2IDUuOTk1NDgzNCAxMHY4LjAzNjU2MDFoLS45ODkxOTY3OHYxLjk1MTQxNkgyMXYtMS45NTE0MTZoLTEuMDEzMTgzNnpNMTMuMDgzODk2MTYgMThsLTIuMDc4OTMwODIgMi4wMjcyMDQ1SDQuOTQxNjIwMzhWMThINnYtM2wyLTIuMDgyOTQyOTJWMTAuM0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzN2MuMjA1ODcyMSAwIDEuMzU3OTgyNS0xLjkwOTA0NTggMS4zNTc5ODI1LTEuOTA5MDQ1OHMxLjMxODM5MDguMjc5MTU2OTIgMi41NTU1MzQzIDEuNTk4ODMzNjdjMS4yMzcxNDM2IDEuMzE5Njc2NzYgMS4zMjUzODg5IDMuMjUxOTI3NzQgMS4zMjUzODg5IDMuMjUxOTI3NzRMMTggMTIuOTQ1NDcyNTZWMThoLTQuOTE2MTAzODR6Ii8+CiAgICA8cGF0aCBzdHJva2U9IiNGMDQ3NDciIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIxIDVMNSAyMSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgogIDwvZz4KPC9zdmc+");']::before {
    opacity: 0;
}
span[style='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTMuMDA2Mjg2NjIgMjJjMSAwIDEuNzE0Mjg1NzItLjQwMTk1MzEgMS45OTk5OTk5OC0xLjAwNDg4MjhoLTMuOTk5OTk5OThjLjI4NTcxNDMuNjAyOTI5NyAxIDEuMDA0ODgyOCAyIDEuMDA0ODgyOHptNi45ODA1Mjk3OC0zLjk2MzQzOTlWMTBjMC0yLjY0LTIuMzAyODY2OC00Ljk3NTAzNjYyLTUuMDEwNTU5MDgtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1MTctMS4wMjk4NDYyLTEuOTczMTE0LTEuMDI5ODQ2Mi0xLjYyOTA1ODg1IDAtMS45NjU4NTA4NC4zMDk4NDYyLTEuOTY1ODUwODQgMS4wMjk4NDYyQzguMzI5NjAwMTggNS4wMjQ5NjMzOCA1Ljk5NTQ4MzQgNy4zNiA1Ljk5NTQ4MzQgMTB2OC4wMzY1NjAxaC0uOTg5MTk2Nzh2MS45NTE0MTZIMjF2LTEuOTUxNDE2aC0xLjAxMzE4MzZ6TTE4IDE4SDh2LTcuN0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzNEMxNi41NTU1NTU2IDcgMTggOC40MyAxOCAxMC4zVjE4eiIvPgo8L3N2Zz4=");']::before,
span[style='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xMy4wMDYyODY2MiAyMmMuOTk5OTk5OTggMCAxLjcxNDI4NTY4LS40MDE5NTMxIDEuOTk5OTk5OTgtMS4wMDQ4ODI4aC0zLjk5OTk5OTk4Yy4yODU3MTQzLjYwMjkyOTcgMSAxLjAwNDg4MjggMiAxLjAwNDg4Mjh6bTYuOTgwNTI5NzgtMy45NjM0Mzk5VjEwYzAtMi42NC0yLjMwMjg2NjgtNC45NzUwMzY2Mi01LjAxMDU1OTEtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1Mi0xLjAyOTg0NjItMS45NzMxMTQtMS4wMjk4NDYyLTEuNjI5MDU4ODMgMC0xLjk2NTg1MDgyLjMwOTg0NjItMS45NjU4NTA4MiAxLjAyOTg0NjJDOC4zMjk2MDAxOCA1LjAyNDk2MzM4IDUuOTk1NDgzNCA3LjM2IDUuOTk1NDgzNCAxMHY4LjAzNjU2MDFoLS45ODkxOTY3OHYxLjk1MTQxNkgyMXYtMS45NTE0MTZoLTEuMDEzMTgzNnpNMTMuMDgzODk2MTYgMThsLTIuMDc4OTMwODIgMi4wMjcyMDQ1SDQuOTQxNjIwMzhWMThINnYtM2wyLTIuMDgyOTQyOTJWMTAuM0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzN2MuMjA1ODcyMSAwIDEuMzU3OTgyNS0xLjkwOTA0NTggMS4zNTc5ODI1LTEuOTA5MDQ1OHMxLjMxODM5MDguMjc5MTU2OTIgMi41NTU1MzQzIDEuNTk4ODMzNjdjMS4yMzcxNDM2IDEuMzE5Njc2NzYgMS4zMjUzODg5IDMuMjUxOTI3NzQgMS4zMjUzODg5IDMuMjUxOTI3NzRMMTggMTIuOTQ1NDcyNTZWMThoLTQuOTE2MTAzODR6Ii8+CiAgICA8cGF0aCBzdHJva2U9IiNGMDQ3NDciIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIxIDVMNSAyMSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgogIDwvZz4KPC9zdmc+");']::after,
span[style='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPHBhdGggZmlsbD0iIzk5QUFCNSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTMuMDA2Mjg2NjIgMjJjMSAwIDEuNzE0Mjg1NzItLjQwMTk1MzEgMS45OTk5OTk5OC0xLjAwNDg4MjhoLTMuOTk5OTk5OThjLjI4NTcxNDMuNjAyOTI5NyAxIDEuMDA0ODgyOCAyIDEuMDA0ODgyOHptNi45ODA1Mjk3OC0zLjk2MzQzOTlWMTBjMC0yLjY0LTIuMzAyODY2OC00Ljk3NTAzNjYyLTUuMDEwNTU5MDgtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1MTctMS4wMjk4NDYyLTEuOTczMTE0LTEuMDI5ODQ2Mi0xLjYyOTA1ODg1IDAtMS45NjU4NTA4NC4zMDk4NDYyLTEuOTY1ODUwODQgMS4wMjk4NDYyQzguMzI5NjAwMTggNS4wMjQ5NjMzOCA1Ljk5NTQ4MzQgNy4zNiA1Ljk5NTQ4MzQgMTB2OC4wMzY1NjAxaC0uOTg5MTk2Nzh2MS45NTE0MTZIMjF2LTEuOTUxNDE2aC0xLjAxMzE4MzZ6TTE4IDE4SDh2LTcuN0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzNEMxNi41NTU1NTU2IDcgMTggOC40MyAxOCAxMC4zVjE4eiIvPgo8L3N2Zz4=");']::before,
span[style='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiM5OUFBQjUiIGQ9Ik0xMy4wMDYyODY2MiAyMmMuOTk5OTk5OTggMCAxLjcxNDI4NTY4LS40MDE5NTMxIDEuOTk5OTk5OTgtMS4wMDQ4ODI4aC0zLjk5OTk5OTk4Yy4yODU3MTQzLjYwMjkyOTcgMSAxLjAwNDg4MjggMiAxLjAwNDg4Mjh6bTYuOTgwNTI5NzgtMy45NjM0Mzk5VjEwYzAtMi42NC0yLjMwMjg2NjgtNC45NzUwMzY2Mi01LjAxMDU1OTEtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1Mi0xLjAyOTg0NjItMS45NzMxMTQtMS4wMjk4NDYyLTEuNjI5MDU4ODMgMC0xLjk2NTg1MDgyLjMwOTg0NjItMS45NjU4NTA4MiAxLjAyOTg0NjJDOC4zMjk2MDAxOCA1LjAyNDk2MzM4IDUuOTk1NDgzNCA3LjM2IDUuOTk1NDgzNCAxMHY4LjAzNjU2MDFoLS45ODkxOTY3OHYxLjk1MTQxNkgyMXYtMS45NTE0MTZoLTEuMDEzMTgzNnpNMTMuMDgzODk2MTYgMThsLTIuMDc4OTMwODIgMi4wMjcyMDQ1SDQuOTQxNjIwMzhWMThINnYtM2wyLTIuMDgyOTQyOTJWMTAuM0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzN2MuMjA1ODcyMSAwIDEuMzU3OTgyNS0xLjkwOTA0NTggMS4zNTc5ODI1LTEuOTA5MDQ1OHMxLjMxODM5MDguMjc5MTU2OTIgMi41NTU1MzQzIDEuNTk4ODMzNjdjMS4yMzcxNDM2IDEuMzE5Njc2NzYgMS4zMjUzODg5IDMuMjUxOTI3NzQgMS4zMjUzODg5IDMuMjUxOTI3NzRMMTggMTIuOTQ1NDcyNTZWMThoLTQuOTE2MTAzODR6Ii8+CiAgICA8cGF0aCBzdHJva2U9IiNGMDQ3NDciIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIxIDVMNSAyMSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgogIDwvZz4KPC9zdmc+");']::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin-right: 5px;
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/notifications_off.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
}
span[style='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTMuMDA2Mjg2NjIgMjJjMSAwIDEuNzE0Mjg1NzItLjQwMTk1MzEgMS45OTk5OTk5OC0xLjAwNDg4MjhoLTMuOTk5OTk5OThjLjI4NTcxNDMuNjAyOTI5NyAxIDEuMDA0ODgyOCAyIDEuMDA0ODgyOHptNi45ODA1Mjk3OC0zLjk2MzQzOTlWMTBjMC0yLjY0LTIuMzAyODY2OC00Ljk3NTAzNjYyLTUuMDEwNTU5MDgtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1MTctMS4wMjk4NDYyLTEuOTczMTE0LTEuMDI5ODQ2Mi0xLjYyOTA1ODg1IDAtMS45NjU4NTA4NC4zMDk4NDYyLTEuOTY1ODUwODQgMS4wMjk4NDYyQzguMzI5NjAwMTggNS4wMjQ5NjMzOCA1Ljk5NTQ4MzQgNy4zNiA1Ljk5NTQ4MzQgMTB2OC4wMzY1NjAxaC0uOTg5MTk2Nzh2MS45NTE0MTZIMjF2LTEuOTUxNDE2aC0xLjAxMzE4MzZ6TTE4IDE4SDh2LTcuN0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzNEMxNi41NTU1NTU2IDcgMTggOC40MyAxOCAxMC4zVjE4eiIvPgo8L3N2Zz4=");']::before,
span[style='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPHBhdGggZmlsbD0iIzk5QUFCNSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTMuMDA2Mjg2NjIgMjJjMSAwIDEuNzE0Mjg1NzItLjQwMTk1MzEgMS45OTk5OTk5OC0xLjAwNDg4MjhoLTMuOTk5OTk5OThjLjI4NTcxNDMuNjAyOTI5NyAxIDEuMDA0ODgyOCAyIDEuMDA0ODgyOHptNi45ODA1Mjk3OC0zLjk2MzQzOTlWMTBjMC0yLjY0LTIuMzAyODY2OC00Ljk3NTAzNjYyLTUuMDEwNTU5MDgtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1MTctMS4wMjk4NDYyLTEuOTczMTE0LTEuMDI5ODQ2Mi0xLjYyOTA1ODg1IDAtMS45NjU4NTA4NC4zMDk4NDYyLTEuOTY1ODUwODQgMS4wMjk4NDYyQzguMzI5NjAwMTggNS4wMjQ5NjMzOCA1Ljk5NTQ4MzQgNy4zNiA1Ljk5NTQ4MzQgMTB2OC4wMzY1NjAxaC0uOTg5MTk2Nzh2MS45NTE0MTZIMjF2LTEuOTUxNDE2aC0xLjAxMzE4MzZ6TTE4IDE4SDh2LTcuN0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzNEMxNi41NTU1NTU2IDcgMTggOC40MyAxOCAxMC4zVjE4eiIvPgo8L3N2Zz4=");']::before {
    opacity: 0;
}
span[style='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xMy4wMDYyODY2MiAyMmMuOTk5OTk5OTggMCAxLjcxNDI4NTY4LS40MDE5NTMxIDEuOTk5OTk5OTgtMS4wMDQ4ODI4aC0zLjk5OTk5OTk4Yy4yODU3MTQzLjYwMjkyOTcgMSAxLjAwNDg4MjggMiAxLjAwNDg4Mjh6bTYuOTgwNTI5NzgtMy45NjM0Mzk5VjEwYzAtMi42NC0yLjMwMjg2NjgtNC45NzUwMzY2Mi01LjAxMDU1OTEtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1Mi0xLjAyOTg0NjItMS45NzMxMTQtMS4wMjk4NDYyLTEuNjI5MDU4ODMgMC0xLjk2NTg1MDgyLjMwOTg0NjItMS45NjU4NTA4MiAxLjAyOTg0NjJDOC4zMjk2MDAxOCA1LjAyNDk2MzM4IDUuOTk1NDgzNCA3LjM2IDUuOTk1NDgzNCAxMHY4LjAzNjU2MDFoLS45ODkxOTY3OHYxLjk1MTQxNkgyMXYtMS45NTE0MTZoLTEuMDEzMTgzNnpNMTMuMDgzODk2MTYgMThsLTIuMDc4OTMwODIgMi4wMjcyMDQ1SDQuOTQxNjIwMzhWMThINnYtM2wyLTIuMDgyOTQyOTJWMTAuM0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzN2MuMjA1ODcyMSAwIDEuMzU3OTgyNS0xLjkwOTA0NTggMS4zNTc5ODI1LTEuOTA5MDQ1OHMxLjMxODM5MDguMjc5MTU2OTIgMi41NTU1MzQzIDEuNTk4ODMzNjdjMS4yMzcxNDM2IDEuMzE5Njc2NzYgMS4zMjUzODg5IDMuMjUxOTI3NzQgMS4zMjUzODg5IDMuMjUxOTI3NzRMMTggMTIuOTQ1NDcyNTZWMThoLTQuOTE2MTAzODR6Ii8+CiAgICA8cGF0aCBzdHJva2U9IiNGMDQ3NDciIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIxIDVMNSAyMSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgogIDwvZz4KPC9zdmc+");']::after,
span[style='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiM5OUFBQjUiIGQ9Ik0xMy4wMDYyODY2MiAyMmMuOTk5OTk5OTggMCAxLjcxNDI4NTY4LS40MDE5NTMxIDEuOTk5OTk5OTgtMS4wMDQ4ODI4aC0zLjk5OTk5OTk4Yy4yODU3MTQzLjYwMjkyOTcgMSAxLjAwNDg4MjggMiAxLjAwNDg4Mjh6bTYuOTgwNTI5NzgtMy45NjM0Mzk5VjEwYzAtMi42NC0yLjMwMjg2NjgtNC45NzUwMzY2Mi01LjAxMDU1OTEtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1Mi0xLjAyOTg0NjItMS45NzMxMTQtMS4wMjk4NDYyLTEuNjI5MDU4ODMgMC0xLjk2NTg1MDgyLjMwOTg0NjItMS45NjU4NTA4MiAxLjAyOTg0NjJDOC4zMjk2MDAxOCA1LjAyNDk2MzM4IDUuOTk1NDgzNCA3LjM2IDUuOTk1NDgzNCAxMHY4LjAzNjU2MDFoLS45ODkxOTY3OHYxLjk1MTQxNkgyMXYtMS45NTE0MTZoLTEuMDEzMTgzNnpNMTMuMDgzODk2MTYgMThsLTIuMDc4OTMwODIgMi4wMjcyMDQ1SDQuOTQxNjIwMzhWMThINnYtM2wyLTIuMDgyOTQyOTJWMTAuM0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzN2MuMjA1ODcyMSAwIDEuMzU3OTgyNS0xLjkwOTA0NTggMS4zNTc5ODI1LTEuOTA5MDQ1OHMxLjMxODM5MDguMjc5MTU2OTIgMi41NTU1MzQzIDEuNTk4ODMzNjdjMS4yMzcxNDM2IDEuMzE5Njc2NzYgMS4zMjUzODg5IDMuMjUxOTI3NzQgMS4zMjUzODg5IDMuMjUxOTI3NzRMMTggMTIuOTQ1NDcyNTZWMThoLTQuOTE2MTAzODR6Ii8+CiAgICA8cGF0aCBzdHJva2U9IiNGMDQ3NDciIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIxIDVMNSAyMSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgogIDwvZz4KPC9zdmc+");']::after {
    opacity: 1;
}
.header-toolbar button:nth-child(1) span:hover::before {
    -webkit-animation: opacity-mute-reverse 2s infinite alternate;
    animation: opacity-mute-reverse 2s infinite alternate;
}
.header-toolbar button:nth-child(1) span:hover::after {
    -webkit-animation: opacity-mute 2s infinite alternate;
    animation: opacity-mute 2s infinite alternate;
}
.header-toolbar button:nth-child(1) span::after,
.header-toolbar button:nth-child(1) span::before {
    -webkit-transition: opacity .1s ease-in-out, -webkit-transform .1s ease-in-out;
    transition: opacity .1s ease-in-out, -webkit-transform .1s ease-in-out;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
}
.header-toolbar button span {
    opacity: .7;
}
.header-toolbar button:nth-child(3) span,
.private .channel-group-dm + .header-toolbar button:nth-child(4) span {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/group.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}
.header-toolbar span[style*="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0xIDFoMjR2MjRIMSIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE1IDE1VjZoLTR2OWgtLjUwODk5NDgyQzEwLjIyNzg4MDQ4IDE1IDEwIDE1LjIyMzg1NzYgMTAgMTUuNWMwIC4yNjgwNjY0LjIxOTgzMDUuNS40OTEwMDUxOC41aDUuMDE3OTg5NjRDMTUuNzcyMTE5NTIgMTYgMTYgMTUuNzc2MTQyNCAxNiAxNS41YzAtLjI2ODA2NjQtLjIxOTgzMDUtLjUtLjQ5MTAwNTE4LS41SDE1em0yLTloMVY0SDh2MmgxdjhsLTIgMnYyaDUuMnY0aDEuNnYtNEgxOXYtMmwtMi0yVjZ6Ii8+CiAgPC9nPgo8L3N2Zz4="],
.header-toolbar span[style*="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0xIDFoMjR2MjRIMSIvPgogICAgPHBhdGggZmlsbD0iIzk5QUFCNSIgZD0iTTE1IDE1VjZoLTR2OWgtLjUwODk5NDgyQzEwLjIyNzg4MDQ4IDE1IDEwIDE1LjIyMzg1NzYgMTAgMTUuNWMwIC4yNjgwNjY0LjIxOTgzMDUuNS40OTEwMDUxOC41aDUuMDE3OTg5NjRDMTUuNzcyMTE5NTIgMTYgMTYgMTUuNzc2MTQyNCAxNiAxNS41YzAtLjI2ODA2NjQtLjIxOTgzMDUtLjUtLjQ5MTAwNTE4LS41SDE1em0yLTloMVY0SDh2MmgxdjhsLTIgMnYyaDUuMnY0aDEuNnYtNEgxOXYtMmwtMi0yVjZ6Ii8+CiAgPC9nPgo8L3N2Zz4="],
.private .channel-group-dm + .header-toolbar button:nth-child(3) span {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/pin.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}
.header-toolbar button:nth-last-of-type(2) span {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/mail.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}
.header-toolbar button:last-of-type span {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/help.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}
#friends .header-toolbar button:nth-child(1) span {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/group_add.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}
.private .header-toolbar .private-channel-call-btn span {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/call.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}
.private .header-toolbar button:nth-child(3) span,
.private .channel-group-dm + .header-toolbar button:nth-child(5) span {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/person_add.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}
.header-toolbar .auto-update span {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/update.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}
.header-toolbar .auto-update.auto-update-checking span {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/refresh.svg) !important;
}
.win-buttons button {
    width: 26px;
    height: 26px;
    margin-left: 5px;
    opacity: .7;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.win-buttons .win-minimize {
    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;
}
.win-buttons .win-maximize {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/fullscreen.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}
.win-buttons .win-close {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/close.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}
.btn-confirm .btn:active {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.form .btn-confirm {
    -webkit-transition: -webkit-transform .1s ease-in-out;
    transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
    border-radius: 3px !important;
}
.form .btn-confirm:active {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}

.user-popout .body,
.user-popout .footer {
    cursor: default;
}
.create-guild-container .action.join .action-header {
    color: var(--main-color);
}
.create-guild-container .action.join .btn {
    background-color: var(--main-color);
}
.create-guild-container .action:hover.join .btn {
    background-color: var(--hover-color) !important;
}
.tab-bar.TOP .tab-bar-item,
#user-profile-modal .tab-bar.TOP .tab-bar-item {
    color: #909090;
}
.tab-bar.TOP .tab-bar-item:hover,
#user-profile-modal .tab-bar.TOP .tab-bar-item:hover {
    border-color: #909090
}
.chat>.title-wrap>.topic .aka {
    background: rgba(100, 100, 100, .5);
}
#bd-show-channels {
    background-color: rgba(0, 0, 0, .3);
}
.guild-channels .channel-voice .channel-arrow:hover {
    background-color: rgba(100, 100, 100, .3);
}
.fav {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/favorite.svg);
    background-color: transparent;
    opacity: .3;
    -webkit-transition: opacity .1s ease-in-out, -webkit-transform .1s ease-in-out;
    transition: opacity .1s ease-in-out, -webkit-transform .1s ease-in-out;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
}
.fav:hover {
    opacity: .7;
}
.fav:focus {
    outline: none;
}
.fav:active {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}
#rmenu {
    background: rgba(0, 0, 0, .7);
    color: #ddd;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
    box-shadow: 0 0 2px rgba(0, 0, 0, .5);
    border-radius: 3px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -webkit-animation: rmenu-fade .3s ease-in-out;
    animation: rmenu-fade .3s ease-in-out;
}
@-webkit-keyframes rmenu-fade {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes rmenu-fade {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
#rmenu:hover {
    background-color: var(--main-color);
    color: #fff;
}
.emote-container:active #rmenu {
    opacity: 0;
}
.bda-dark #bda-qem button:active,
#bda-qem button:active {
    -webkit-transform: none;
    transform: none;
}
.comment > div[style^="border-radius: 2px;"] {
    background-color: transparent !important;
}
.comment > div[style^="border-radius: 2px;"]:not([style$="0);"]) .message {
    border-radius: 3px !important;
    -webkit-animation: msgjump-fade 5s;
    animation: msgjump-fade 5s;
}
@-webkit-keyframes msgjump-fade {
    0% {
        background-color: rgba(100, 100, 100, .7);
    }
    50% {
        background-color: transparent;
    }
}
@keyframes msgjump-fade {
    0% {
        background-color: rgba(100, 100, 100, .7);
    }
    50% {
        background-color: transparent;
    }
}
.guild-channels .channel-voice .channel-arrow {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/navigate_next.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}
.guild-channels header button::after {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/add_circle.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 115%;
    width: 15px;
    margin-top: -2px;
}
#pubs-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-size: cover;
    -webkit-filter: blur(3px);
    overflow: hidden;
}
#permissions .permission-actions.disabled > div.PASSTHROUGH::after {
    border-color: #aaa;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 6px;
}
.private-channels .channel .icon-friends {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/group.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75%;
}
.guilds-wrapper .guilds .friends-icon {
    background-image: none;
}
.guilds-wrapper .guilds .friends-icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/group.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75%;
    opacity: .7;
    -webkit-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}
.guilds-wrapper .guilds .friends-icon:hover::after,
.guilds-wrapper .guilds .active .friends-icon::after,
.private-channels .channel.selected .icon-friends {
    opacity: 1;
}
.message-group .mentioned .message-text {
    background-color: rgba(100, 100, 100, .3) !important;
}
.chat>.content .messages .message-group .mentioned .markup .mention {
    color: var(--main-color) !important;
}
.message-group .mentioned .message-text::after {
    background: rgba(100, 100, 100, .3);
    border-left: 4px solid var(--main-color);
}
.form .btn-default:hover {
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    border: none;
}
.need-help-modal .header input[type=text] {
    border: none;
}
.need-help-modal .header input[type=text]:focus {
    background-color: rgba(0, 0, 0, .5);
    border: none;
}
.message-group a:hover {
    text-decoration: none !important;
    text-shadow: 0 0 1px;
}
.header-toolbar .toolbar-badge {
    background-color: var(--main-color);
    border: none;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    margin-top: 2px;
    margin-left: 2px;
}
div.control-group .shortcut-recorder input[type=text]:focus {
    border-color: var(--main-color) !important;
    -webkit-animation: shortcut-recorder-pulse 1.5s infinite;
    animation: shortcut-recorder-pulse 1.5s infinite;
}
@-webkit-keyframes shortcut-recorder-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 var(--main-color);
        box-shadow: 0 0 0 0 var(--main-color);
    }
    70% {
        -webkit-box-shadow: 0 0 10px 10px transparent;
        box-shadow: 0 0 10px 10px transparent;
    }
    to {
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent;
    }
}
@keyframes shortcut-recorder-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 var(--main-color);
        box-shadow: 0 0 0 0 var(--main-color);
    }
    70% {
        -webkit-box-shadow: 0 0 10px 10px transparent;
        box-shadow: 0 0 10px 10px transparent;
    }
    to {
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent;
    }
}
.form .control-group .help-text a:hover {
    text-decoration: none;
}
.CodeMirror-cursor {
    border-left-color: #fff;
}
.user-settings-modal-connections .user-settings-modal-accounts-list .connect-container .count {
    color: var(--main-color);
}
.alert.form .form-inner p {
    color: #E6E6E6;
}
.chat .divider.divider-red > span {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.8) !important;
    position: relative;
}
.chat .divider.divider-red > span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--main-color);
    border-radius: 3px;
    opacity: .8;
}
.chat .new-messages-bar::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--main-color);
    border-radius: 0 0 3px 3px;
    opacity: .8;
}
.channel-textarea-inner .channel-textarea-upload:hover {
    background-color: rgba(100, 100, 100, .1) !important;
}
.header-toolbar .separator,
#friends .friends-header .tab-bar .tab-bar-separator {
    background-color: hsla(0, 0%, 85%, .1) !important;
}
.guild-channels .toggle-muted-text-channels a {
    text-decoration: none;
}
.guild-channels .toggle-muted-text-channels a::before {
    background: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/expand_more.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}
.markdown-modal .markdown-modal-header .markdown-modal-close {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/close.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}
#user-profile-modal .header .additional-actions-icon {
    background: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/expand_more.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    -webkit-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}
#user-profile-modal .header .additional-actions-icon.popout-open {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.chat>.content .messages .message-group .mentioned .markup .mention:hover {
    background: transparent !important;
}
.bd-dropdown.open .bd-dropdown-list ul {
    height: 250px;
}
#bd-wn-modal .markdown-modal h2,
#bd-wn-modal .markdown-modal strong,
#bd-wn-modal .markdown-modal span {
    margin-left: -8px;
}
.markdown-modal .markdown-modal-header,
.markdown-modal .markdown-modal-footer {
    color: #ADADAD;
}
.markdown-modal code.inline {
    background: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    padding: 0.3em 0.6em;
}
.change-log .footer {
    background-color: rgba(0, 0, 0, .3);
    border: none;
    padding: 14px 28px;
    position: relative;
}
.change-log .footer::after {
    content: "BetterDiscord by Jiiks \2022  ClearVision by Zerthox";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 14px 28px;
    font-weight: 600;
    font-size: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #ADADAD;
}
.buttonClose {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/close.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200%;
}
#searchBarInner>.buttonClose:last-child {
    margin: 0 5px 0 10px;
}
.account .discriminator {
    color: #fff !important;
    border: none !important;
    padding: 3px;
    opacity: .3 !important;
}
.account .discriminator:hover {
    background: transparent !important;
    opacity: .7 !important;
}
.settings-wrapper:not(.user-settings-modal-connections),
.settings-connections-wrapper,
.bd-settings > div,
.user-settings-modal-connections,
.settings-panel,
.voice-settings {
    -webkit-animation: settings-fade .3s ease-in-out;
    animation: settings-fade .3s ease-in-out;
    opacity: 1;
}
@-webkit-keyframes settings-fade {
    0% {
        opacity: 0;
    }
    70% {
        opacity: 1;
    }
}
@keyframes settings-fade {
    0% {
        opacity: 0;
    }
    70% {
        opacity: 1;
    }
}
.settings-connections-wrapper .authed-app {
    background: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    border-color: transparent;
}
.settings-connections-wrapper .authed-app .header .app-name,
.settings-connections-wrapper .authed-app .details .header {
    color: #D0D0D0;
}
.settings-connections-wrapper .authed-app .details .body,
.settings-connections-wrapper .authed-app .details .body li {
    color: #B6BBC1;
}
.settings-connections-wrapper .authed-app .details .permission-checkmark {
    background: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/check.svg) left no-repeat;
    background-size: 18px;
    opacity: .7;
}
.btn-confirm .icon.icon-logout,
.btn-confirm .icon.icon-delete {
    background-image: none !important;
}
.btn-confirm .icon::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    opacity: .5;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.btn-confirm .icon.icon-logout::after {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/exit.svg);
}
.btn-confirm.active .icon.icon-logout::after {
    transform: rotateY(180deg);
}
.btn-confirm .icon.icon-delete::after {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/delete.svg);
}
.btn-confirm.active .icon::after,
.btn-confirm:hover .icon::after {
    opacity: 1;
}
.settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-integrations.no-integrations {
    color: rgba(100, 100, 100, .3);
}
#overlay-explanation,
.change-nickname-warning {
    background-color: var(--main-color);
}
.message-group .comment .markup code.inline {
    background: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    line-height: 22px;
    padding: 0.3em 0.6em;
}
.channel-mute-button {
    background: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/notifications.svg) 50% no-repeat;
    background-size: 18px;
}
.channel-mute-button.muted {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/notifications_off.svg);
}
.color-picker .swatches .swatch.custom {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/colorize_black.svg);
    background-size: 20px;
}
.color-picker .swatches .swatch.custom.light {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/colorize.svg);
    background-size: 20px;
}
.guild-channels .icon-lock {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/lock.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    opacity: .3 !important;
}
.guild-channels,
.private-channels .scroller {
    -webkit-mask-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 1) 95%, transparent 100%)
}
.guild-channels .channel.sorting::after,
#settings-roles .roles li.sorting::after {
    border-color: var(--main-color);
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -webkit-animation: pulsate-border 1s infinite alternate;
    animation: pulsate-border 1s infinite alternate;
}
.channel-textarea-guard button {
    background-color: var(--main-color);
}
.channel-textarea-guard button:hover {
    background-color: var(--hover-color);
}
.alert.form .form-inner h4 {
    color: var(--main-color);
}
#bd-changelog {
    text-transform: capitalize;
}
#bd-changelog:hover {
    text-shadow: 0 0 1px;
}
@-webkit-keyframes replyer-fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes replyer-fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.private-channel-recipients-invite .body .scroller {
    height: 300px;
    width: 192px;
}
.private-channel-recipients-invite .friend {
    background: transparent !important;
}
.search-bar-tag {
    background: hsla(0, 0%, 100%, .07);
}
.search-bar-tag:hover {
    background: hsla(0, 0%, 100%, .15);
}
.private-channel-recipients-invite .footer button {
    background-color: var(--main-color);
}
.private-channel-recipients-invite .footer button:hover {
    background-color: var(--hover-color);
}
.alert.form .form-inner .btn-close-forever {
    color: #999;
}
.search-bar .search-bar-inner {
    background: transparent !important;
}
.tab-bar.SIDE .tab-bar-header {
    padding-bottom: 13px;
}
.tab-bar-item.ebr-themes::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/palette.svg);
    position: absolute;
    left: 15px;
    padding: 0px;
    margin: 0px;
    margin-top: -3px;
    opacity: .3;
}
.tab-bar-item.ebr-plugins::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/puzzle.svg);
    position: absolute;
    left: 15px;
    padding: 0px;
    margin: 0px;
    margin-top: -3px;
    opacity: .3;
}
#ebr-themes-pane .ebr-top .themes-header,
#ebr-plugins-pane .ebr-top .plugins-header {
    font-weight: 700;
    text-transform: uppercase;
    color: #a5a6a9;
    cursor: default;
    overflow: hidden;
}
#theme-search,
#plugin-search {
    color: #a5a6a9;
    background-color: rgba(0, 0, 0, .3);
    border-color: transparent !important;
    border-radius: 3px;
}
#theme-search:focus,
#plugin-search:focus {
    outline-color: var(--main-color);
}
.ebr-plugin-item,
.ebr-theme-item {
    background-color: rgba(0, 0, 0, .3) !important;
    border-color: transparent !important;
}
.install-button,
.view-source-button,
.update-button {
    background-color: var(--main-color) !important;
}
.install-button:hover,
.view-source-button:hover,
.update-button:hover {
    background-color: var(--hover-color) !important;
}
.ebr-themes p,
.ebr-plugins p {
    font-size: 13.5px;
}
.ebr-themes .name,
.ebr-plugins .name {
    color: var(--main-color);
    font-weight: 700;
}
.ebr-themes .author,
.ebr-plugins .author {
    font-weight: 700;
}
.image-loader {
    display: block;
}
.modal .download-button {
    text-align: center;
    background-color: rgba(0, 0, 0, .3);
    border-radius: 3px;
    width: 100px;
    float: left;
    -webkit-transition: all .1s ease-in-out, margin-top 0s;
    transition: all .1s ease-in-out, margin-top 0s;
}
.modal .download-button:hover {
    text-shadow: none;
}
.modal .download-button:active {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}
.modal #qs_button {
    float: right;
    transition-property: margin-top;
    transition-duration: 0s;
}
.server-official {
    color: var(--main-color)!important;
    text-shadow: 0 0 4px var(--main-color);
}
.chat .welcome-message .item-container .icon {
    opacity: .7;
}
.private-channels .channel .close {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/close.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
}
.private-channel-call .speaking {
    border-color: var(--main-color) !important;
    -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5) !important;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5) !important;
}
.chat .private-channel-call {
    background: rgba(0, 0, 0, 0.85) !important;
}
.private-channel-call .btn-icon-settings::after {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/settings.svg) !important;
    background-position: center;
}
.private-channel-call .btn-icon-mute::after {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/mic.svg) !important;
    background-position: center;
}
.private-channel-call .btn-icon-mute.mute::after {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/mic_off.svg) !important;
    background-position: center;
}
.private-channel-call .status-deafened::after,
.private-channel-call .status-muted::after {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/mic_off.svg) !important;
    background-position: center;
    background-size: 18px;
}
.chat .private-channel-call .status {
    background-color: var(--main-color);
    border: none;
    margin: 4px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.incoming-call .options .option .icon {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/call.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}
.channel-members-loading {
    display: none;
}
.bda-slist .bda-right .btn {
    z-index: initial;
}
.upload-drop-modal .bgScale {
    background: var(--main-color);
}
.upload-drop-modal .inner {
    border: none;
}
.upload-drop-modal .inner .icons {
    -webkit-filter: grayscale(1);
}
.user-popout .username-wrapper .discord-tag {
    line-height: 24px;
}
.auth-inner .auth-logo {
    background-image: url(https://discordapp.com/assets/1c8a54f25d101bdc607cec7228247a9a.svg);
}
.auth-inner .auth-name {
    background: url(https://discordapp.com/assets/93608abbd20d90c13004925014a9fd01.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
}
.guilds-wrapper .btn-download-apps,
.guilds-wrapper .btn-download-apps .download-app-fill {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.guilds-wrapper .btn-download-apps .download-app-fill {
    fill: rgba(21, 21, 21, 0.41) !important;
    stroke: rgba(83, 85, 89, 0.41);
}
.guilds-wrapper .btn-download-apps:hover .download-app-fill {
    stroke: var(--main-color);
    stroke-opacity: .7;
}
.btn-download-apps path:nth-child(3) {
    fill: var(--main-color);
}
#oauth2-authorize .authorize-inner header {
    background: transparent;
}
#oauth2-authorize .authorize-inner footer button.primary {
    background: var(--main-color);
}
#oauth2-authorize .authorize-inner footer button.primary:hover {
    background: var(--hover-color);
}
.channel-textarea-inner .channel-textarea-emoji::after {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 2px solid transparent;
    border-radius: 3px;
    opacity: .7;
    pointer-events: none;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.channel-textarea-inner textarea:focus + .channel-textarea-emoji::after {
    border-color: var(--main-color);
    -webkit-box-shadow: 0 0 3px var(--main-color);
    box-shadow: 0 0 3px var(--main-color);
}
.clipboard-input-inner button:active {
    -webkit-transform: none;
    transform: none;
}
.clipboard-input-inner button.tweet,
.clipboard-input-inner button.copy {
    background-image: none !important;
}
.clipboard-input-inner button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .5;
}
.clipboard-input-inner button.tweet::after {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/twitter.svg);
}
.clipboard-input-inner button.copy::after {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/copy.svg);
}
.clipboard-input-copied .clipboard-input-inner,
.clipboard-input-tweeted .clipboard-input-inner {
    border-color: var(--main-color);
}
.clipboard-input-copied button:not(.tweet),
.clipboard-input-tweeted button:not(.copy) {
    border-color: var(--main-color) !important;
    background-color: var(--main-color) !important;
    background-image: none !important;
}
.CodeMirror-scrollbar-filler {
    background: transparent;
}
.guild.active ~ .dms .guild:not(.audio) .guild-inner[style*="border-radius: 15px;"]::before {
    content: "";
    width: 13px;
    left: -21px;
    position: absolute;
    top: 50%;
    -webkit-transition: height 250ms ease-in-out, margin-top 250ms ease-in-out;
    transition: height 250ms ease-in-out, margin-top 250ms ease-in-out;
    height: 40px;
    border-radius: 20px;
    margin-top: -20px;
    background: var(--main-color) !important;
    animation: selectserver .5s cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-animation: selectserver .5s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.header-toolbar button span {
    -webkit-transition: all .1 ease-in-out;
    transition: all .1 ease-in-out
}
.notice .notice-dismissm.channel-notices .channel-notice .close {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/close.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}
.user-popout .username-wrapper .discord-tag .username {
    margin-bottom: 2px;
}
.discriminator,
.bot-tag.bot-tag-invert {
    line-height: 12px;
    vertical-align: initial;
}
.chat .divider {
    margin: 10px 6px 10px 20px;
}
.messages .divider-red + .divider {
    margin-top: 40px;
}
.chat .divider::before {
    background-color: transparent !important;
}
#voice-debug-modal #users-section .user-list {
    border-right: 1px solid rgba(0, 0, 0, 0.3);
}
#voice-connection .btn-group .btn-info {
    color: var(--main-color) !important;
}
.chat .private-channel-call .btn-icon,
.theme-dark .chat .private-channel-call .btn-icon {
    background: rgba(0, 0, 0, .3);
}
.chat .private-channel-call .btn-icon:hover,
.theme-dark .chat .private-channel-call .btn-icon:hover {
    background: rgba(0, 0, 0, .5);
}
.chat .private-channel-call .btn-icon::after,
.theme-dark .chat .private-channel-call .btn-icon::after {
    opacity: .7;
}
.chat .private-channel-call .btn-icon:hover::after,
.theme-dark .chat .private-channel-call .btn-icon:hover::after {
    opacity: 1;
}
.settings #bd-pane .settings-panel {
    height: calc(100% - 89px);
}
ul.bda-slist {
    margin-bottom: -31px;
}
.header-toolbar button:hover span {
    -webkit-filter: drop-shadow(0 0 10px hsla(0, 0%, 100%, .5));
}
.guild-settings-modal-members h6 {
    color: #a8a8a8;
}
#settings-roles h1 {
    color: #909090;
}
.message-group a,
.theme-dark .message-group a,
.message-group .embed a.embed-title,
.theme-dark .message-group .embed a.embed-title {
    color: var(--main-color);
}
.channel-textarea .channel-textarea-inner textarea {
    overflow-y: auto !important;
}
.guild-settings-modal-security {
    background: none;
}
.guild-settings-modal-integrations .guild-settings-modal-integrations-body.no-integrations p a,
.protip .tip a,
.guild-settings-modal-security .control-group .help-text a {
    color: var(--main-color);
}
.context-menu .item,
.theme-dark.context-menu .item {
    color: rgba(255, 255, 255, .6);
    border-radius: 3px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.context-menu .item:hover,
.theme-dark.context-menu .item:hover {
    background-color: rgba(0, 0, 0, 0.69);
    background-image: none;
    color: #fff;
    cursor: pointer;
}
.context-menu .item.danger {
    background-color: #a93d3d;
    color: rgba(255, 255, 255, .6) !important;
    width: calc(100% - 4px);
    margin: 2px;
}
.context-menu .item.danger:hover {
    background-color: #f04747;
    color: #fff !important;
}
.message-group .comment .attachment .upload > .filename {
    color: var(--main-color);
}
.channel-textarea-inner textarea::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .2);
}
.message-group .embed .embed-author,
.message-group .embed .embed-description,
.message-group .embed .embed-fields {
    color: rgba(255,255,255,.7);
}
.bd-minimal .guild-channels .channel .channel-name {
    text-indent: 5px;
}
.message-group .comment .attachment .metadata,
.message-group .comment .attachment .upload > .speed {
    color: #808080;
}
.now-playing-add .link {
    color: var(--main-color) !important;
}
.emoji {
    position: relative;
}
.chat > .content .messages .message-group a, .theme-dark .chat>.content .messages .message-group a code.inline {
    color: var(--main-color) !important;
}
.private-channel-recipients-invite .friend .avatar-small .status {
    border: none !important;
    margin-bottom: 2px;
    margin-right: 2px;
}
.form .control-group #channel-topic {
    padding: 6.5px 5px;
    background: rgba(0, 0, 0, 0.6) !important;
    -webkit-transition: border .3s ease-in-out;
    transition: border .3s ease-in-out;
}
.private-channels .channel .channel-name {
    text-shadow: none;
}
.private-channels .channel.selected .channel-activity {
    color: #fff;
}
.note textarea {
    color: #a7a7a7;
}

/* TOOLTIP */
.tooltip,
.tooltip.tooltip-error {
    position: absolute;
    background-color: var(--main-color);
    -webkit-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .1);
    border-radius: 3px;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    z-index: 1002;
    max-width: 160px;
    box-sizing: border-box;
    word-wrap: break-word;
    padding: 5px 10px;
}
.tooltip.tooltip-top::after,
.tooltip.tooltip-top.tooltip-error::after {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-top-color: var(--main-color);
}
.tooltip.tooltip-right::after,
.tooltip.tooltip-right.tooltip-error::after {
    position: absolute;
    right: 100%;
    top: 50%;
    border-right-color: var(--main-color);
    margin-top: -5px;
}
.tooltip.tooltip-bottom::after,
.tooltip.tooltip-bottom.tooltip-error::after {
    position: absolute;
    bottom: 100%;
    left: 50%;
    border-bottom-color: var(--main-color);
    margin-left: -5px;
}
.tooltip.tooltip-left::after,
.tooltip.tooltip-left.tooltip-error::after {
    position: absolute;
    left: 100%;
    top: 50%;
    border-left-color: var(--main-color);
    margin-top: -5px;
}

/* MEMBER ROLES */
.member-roles .member-role {
    position: relative;
    border-color: transparent !important;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.member-roles .member-role[style]:hover {
    border: 1px solid !important;
}
.member-roles .member-role::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border-radius: 3px;
    background-color: inherit;
    opacity: 0;
    transition: all .1s ease-in-out;
    pointer-events: none;
}
.member-roles .member-role:hover::after {
    opacity: 1;
}
.member-roles .member-role:not([style]) {
    background-color: hsla(0, 0%, 100%, 0.1);
    color: #c8c8c8;
}
.member-roles .member-role.member-role-add.popout-open {
    background-color: var(--hover-color);
}
.member-roles .member-role.member-role-add button {
    position: relative;
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/add.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 170%;
    opacity: .3;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    z-index: 1;
    pointer-events: none;
}
.member-roles .member-role.member-role-add:hover button,
.member-roles .member-role.member-role-add.popout-open button {
    opacity: .7;
}
.member-roles .member-role .member-role-add {
    background: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/add.svg) 50% no-repeat;
    width: 8px;
    height: 12px;
    background-size: 150%;
    opacity: .7;
    -webkit-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;
}
.member-roles .member-role:hover .member-role-add {
    opacity: 1;
}
.member-roles .member-role .member-role-remove {
    background: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/close.svg) 50% no-repeat;
    width: 8px;
    height: 12px;
    background-size: 150%;
    opacity: .3;
    -wekbit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.member-roles .member-role:hover .member-role-remove {
    opacity: .7;
}

/* REPLYER & QUOTER */
span.replyer,
span.quoter {
    border-radius: 3px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-animation: replyer-fade .1s ease-in-out;
    animation: replyer-fade .1s ease-in-out;
}
span.replyer:hover,
span.quoter:hover {
    background: var(--main-color) !important;
}

/* COPY BUTTON */
.copybutton {
    background: rgba(255, 255, 255, .1) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    border: none !important;
    border-radius: 3px 0 0 0;
    opacity: 0;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
}
pre:hover .copybutton {
    opacity: 1;
}
.copybutton:hover {
    color: #fff;
}
.copybutton:active {
    color: var(--main-color);
    -webkit-transform: none;
    transform: none;
}

/* EMBED LINKS */
.message-group .embed,
.theme-dark .message-group .embed {
    background-color: transparent;
    border-color: transparent;
}
.message-group .embed-wrapper .embed-color-pill,
.theme-dark .message-group .embed-wrapper .embed-color-pill{
    background-color: hsla(0, 0%, 95%, .1);
    border-radius: 0;
}
.message-group .embed-wrapper .embed-color-pill[style*="background-color"],
.theme-dark .message-group .embed-wrapper .embed-color-pill[style*="background-color"] {
    opacity: 0.3;
}
.message-group .embed .embed-author-name,
.theme-dark .message-group .embed .embed-author-name {
    color: var(--main-color) !important;
}

/* MESSAGES POPOUT */
.themed-popout {
    background-color: rgba(0, 0, 0, .85) !important;
    border: none !important;
}
.themed-popout .header {
    background-color: rgba(0, 0, 0, .3) !important;
}
.themed-popout .footer {
    background-color: rgba(0, 0, 0, .3) !important;
}
.themed-popout .header .title {
    color: #ddd !important;
}
.messages-popout-wrap .messages-popout .message-group {
    background-color: transparent !important;
    border: none !important;
    border-bottom: solid 1px hsla(0, 0%, 100%, .04) !important;
    border-radius: 0px;
}
.messages-popout-wrap .messages-popout .message-group:last-of-type {
    border-bottom: none !important;
}
.messages-popout-wrap .messages-popout .message-group:hover .action-buttons {
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.messages-popout-wrap .messages-popout .message-group .action-buttons .jump-button {
    background-color: rgba(0, 0, 0, .3) !important;
    border-radius: 3px !important;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.messages-popout-wrap .messages-popout .message-group .action-buttons .jump-button:hover {
    background-color: var(--main-color) !important;
}
.messages-popout-wrap .messages-popout .message-group .action-buttons .jump-button .text {
    color: #ccc !important;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.messages-popout-wrap .messages-popout .message-group .action-buttons .jump-button:hover .text {
    color: #fff !important;
}
.messages-popout-wrap .messages-popout .message-group .action-buttons .close-button {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 3px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.messages-popout-wrap .messages-popout .message-group:hover .action-buttons .close-button {
    opacity: .7;
}
.messages-popout-wrap .messages-popout .message-group .action-buttons .close-button:hover {
    background-color: #B50303;
    opacity: 1 !important;
}
.messages-popout-wrap .messages-popout .message-group .comment .markup pre {
    padding: 0;
}
.messages-popout-wrap .messages-popout .message-group .comment .markup pre code {
    padding: 6px;
}
.messages-popout-wrap .messages-popout .message-group .action-buttons .close-button {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/close.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
}
.recent-mentions-popout .mention-filter {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/expand_more.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 133px top !important;
    background-size: 18px !important;
}
.messages-popout .message-group .sink-interactions.clickable,
.messages-popout .message-group .avatar-large,
.messages-popout .message-group h2 {
    pointer-events: none;
}
.messages-popout .message-group .comment .markup {
    -webkit-user-select: text;
    user-select: text;
}
.messages-popout-wrap .messages-popout .channel-separator .channel-name {
    color: #fff;
}
.messages-popout-wrap .messages-popout .channel-separator .guild-name {
    color: rgba(255, 255, 255, .3);
}

/* REACTION BUTTONS */
.reaction {
    padding: 0 3px;
    -webkit-transition: background .1s ease-in-out;
    transition: background .1s ease-in-out;
}
.reaction .reaction-count {
    margin-left: 3px;
}
.reaction .emoji {
    margin: 1px 0 !important;
}
.reaction.reaction-me {
    background: transparent !important;
    position: relative;
}
.reaction:hover {
    background: rgba( 255, 255, 255, .1) !important;
}
.reaction .reaction-count {
    -webkit-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out;
}
.reaction:hover .reaction-count {
    color: rgba( 255, 255, 255, .5) !important;
}
.reaction.reaction-me .reaction-count {
    color: rgba(255, 255, 255, .5) !important;
}
.reaction.reaction-me:hover .reaction-count {
    color: rgba( 255, 255, 255, .7) !important;
}
.reaction.reaction-me::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--main-color);
    border-radius: 3px;
    opacity: .5;
    z-index: -1;
    -webkit-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;
}
.reaction.reaction-me:hover::after {
    opacity: .7;
}

/* EMBED PLAYER */
.embed .embed-video-actions .embed-video-actions-inner {
    background: rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}
.embed .embed-video-actions .embed-video-play {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/play.svg);
    background-position: center;
    background-size: 30px;
}
.embed .embed-video-actions .embed-video-popout {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/popout.svg);
    background-position: center;
    background-size: 24px;
}

/* CHANNEL TEXTAREA GUARD COUNTDOWN */
.channel-textarea-guard .countdown,
.theme-dark .channel-textarea-guard .countdown {
    color: var(--main-color);
    text-shadow: 0 0 1px;
}
.channel-textarea-guard .countdown-number,
.theme-dark .channel-textarea-guard .countdown-number {
    background-color: rgba(0, 0, 0, .5);
    border-color: transparent;
}

/* CODEBLOCK LINENUMBERS */
.hljs .kawaii-linenumbers {
    list-style: none;
    counter-reset: linenumbers;
    border-left: 2.6ch solid rgba(255, 255, 255, 0.04);
    margin: -6px;
    padding: 6px;
}

.hljs .kawaii-linenumbers li {
    text-indent: -3ch;
    margin-left: 0;
    padding: 0;
    border: none;
}

.hljs .kawaii-linenumbers li::before {
    content: counter(linenumbers);
    counter-increment: linenumbers;
    color: rgba(255, 255, 255, 0.5);
    display: inline-block;
    width: 2ch;
    margin-right: 0.5ch;
    padding-right: 0.5ch;
    text-align: right;
    overflow: hidden;
    vertical-align: top;
    -webkit-user-select: none;
    user-select: none;
}

/* SELECT CONTROL */
.Select-control {
    background: rgba(0, 0, 0, 0.6);
    border-color: transparent;
}
.form .control-group .Select-control {
    border-color: transparent !important;
    cursor: pointer;
}
.form .control-group .Select-control .Select-placeholder {
    color: rgba(255, 255, 255, .6);
}
.form .control-group .Select-control:hover .Select-placeholder,
.form .control-group .Select-control.is-open .Select-placeholder {
    color: #fff;
}
.Select-arrow {
    border-top-color: rgba(255, 255, 255, .6);
}
.Select-control:hover .Select-arrow,
.Select-control.is-open .Select-arrow {
    border-top-color: #fff;
}
.form .control-group .Select-control .Select-placeholder,
.Select-arrow {
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

/* SYSTEM MESSAGE */
.system-message {
    color: rgba(255, 255, 255, .6);
}
.system-message-icon[style*="m03Ljc3ODE3NDYtNC45NDk3NDc0NmwuNzA3MTA2NzcuNzA3MTA2NzggMS40MTQyMTM1Ny0xLjQxNDIxMzU2TDEwLjc5ODk5MDEyLjA3MTA2ODA2IDkuMzg0Nzc2NTYgMS40ODUyODE2M2wuNzA3MTA2NzguNzA3MTA2NzhMNC40MzUwMjkxIDcuODQ5MjQyN0gxLjYwNjYwMTk2TC4xOTIzODg0IDkuMjYzNDU2MjJsMy42NzY5NTUyNyAzLjY3Njk1NTI2LTIuODI4NDI3MTMgMi44Mjg0MjcxMyAxLjEzMTM3MDg2IDEuMTMxMzcwOSAyLjgyODQyNzEtMi44Mjg0MjcxMyAzLjY3Njk1NTI2IDMuNjc2OTU1MjYgMS40MTQyMTM1Ni0xLjQxNDIxMzU2VjEzLjUwNjA5NjlsNS42NTY4NTQyNS01LjY1Njg1NDI0eiIvPgogIDwvZz4KPC9zdmc+"] {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/pin.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: .5;
    height: 24px;
    margin-top: -3px;
}
.system-message-content {
    width: 100%;
}
.system-message-content a,
.theme-dark .system-message-content a {
    color: var(--main-color) !important;
}

/* PLUGIN SETTINGS POPOUT */
.bd-psm {
    background: rgba(0, 0, 0, 0.8);
    border-color: transparent;
    box-shadow: none;
    border-radius: 5px;
}
#bd-psm-s {
    color: #fff;
}
#bd-psm-s button {
    background: var(--main-color);
    color: #fff;
    height: 20px;
    padding: 0 6px 6px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#bd-psm-s button:hover {
    background: var(--hover-color);
}
#bd-psm-s button + button {
    margin-left: 5px;
}
#bd-psm-s input {
    background: rgba(0, 0, 0, 0.7);
    border-color: transparent;
    border-bottom-color: hsla(0, 0%, 100%, .1);
    color: #fff;
    border-radius: 3px;
    padding: 5px 0 5px 5px;
    -webkit-transition: border-color .3s ease-in-out;
    transition: border-color .3s ease-in-out;
}
#bd-psm-s input:focus {
    outline-color: transparent;
    border-bottom-color: var(--main-color);
}

/* SPECTRUM COLOR PICKER CSS */
.sp-replacer {
    background: rgba(0, 0, 0, .7) !important;
    color: hsla(0, 0%, 100%, .3) !important;
    border-color: hsla(0,0%,100%,.1) !important;
    border-radius: 3px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.sp-replacer:hover {
    color: hsla(0, 0%, 100%, .7) !important;
    border-color: hsla(0, 0%, 100%, .3) !important;
}
.sp-replacer.sp-active {
    border-color: var(--main-color) !important;
}
.sp-container {
    background: rgba(0, 0, 0, .7) !important;
    border-color: transparent !important;
}
.sp-container,
.sp-container button,
.sp-container input,
.sp-color, .sp-hue,
.sp-clear {
    font-family: Whitney, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
}
.sp-picker-container {
    border-color: transparent !important;
}
.sp-alpha-inner,
.sp-color,
.sp-hue,
.sp-clear,
.sp-initial {
    border: none !important;
    border-radius: 3px;
}
.sp-dragger {
    background: hsla(0, 0%, 100%, .7) !important;
    border: none !important;
}
.sp-slider,
.sp-alpha-handle {
    background: hsla(0, 0%, 100%, .7) !important;
    border: none !important;
}
.sp-initial  {
    overflow: hidden;
}
.sp-input {
    background: rgba(0, 0, 0, 0.7) !important;
    border-color: transparent !important;
    border-bottom-color: hsla(0, 0%, 100%, .1) !important;
    color: #fff !important;
    border-radius: 3px !important;
    -webkit-transition: border-color .3s ease-in-out;
    transition: border-color .3s ease-in-out;
}
.sp-input:focus {
    outline-color: transparent;
    border-bottom-color: var(--main-color) !important;
}
.sp-container .sp-cancel {
    color: var(--main-color) !important;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.sp-container .sp-cancel:hover {
    color: var(--main-color) !important;
    text-shadow: 0 0 1px;
    text-decoration: none !important;
}
.sp-container .sp-button-container button {
    background: var(--main-color) !important;
    border-color: transparent !important;
    padding: 3px 6px;
    color: #fff !important;
    font-weight: 600;
    text-transform: capitalize;
    text-shadow: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.sp-container .sp-button-container button:hover {
    background: var(--hover-color) !important;
    text-shadow: none;
}

/* SETTINGS WEBHOOK PAGE */
.webhooks .webhooks-header {
    border-color: hsla(0, 0%, 100%, .1);
}
.form .btn.green {
    background-color: var(--main-color);
}
.form .btn.green:hover {
    background-color: var(--hover-color);
}
.webhooks .webhook {
    background-color: rgba(0, 0, 0, .3);
    border-color: transparent;
}
.webhooks .webhook .webhook-header .webhook-details .webhook-name {
    color: #ccc;
}
.webhooks .webhook .webhook-header .webhook-details .webhook-created-on {
    color: #d0d0d0;
}
.form .btn-clear {
    background-color: var(--main-color);
    color: #fff;
    border-radius: 3px;
}
.form .btn-clear:hover {
    background-color: var(--hover-color);
}
.form .control-group .help-text a {
    color: var(--main-color);
}
.form .control-group .help-text a:hover {
    text-shadow: 0 0 1px;
}

/* INVITE BUTTON */
.invite-button {
    background-color: rgba(0, 0, 0, 0.54) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}
.invite-button.expired {
    cursor: default;
}
.invite-button-icon {
    background-color: rgba(0, 0, 0, 0.62) !important;
    border-color: transparent !important;
}
.invite-button.join .invite-button-icon {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.invite-button.join:hover .invite-button-icon {
    background-color: #43b581 !important;
    border-color: #43b581 !important;
}
.invite-button.join .invite-button-icon::before {
    border-color: #43b581;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.invite-button.join:hover .invite-button-icon::before {
    border-color: #fff;
}
.invite-button.accepted .invite-button-icon {
    background-color: #43b581 !important;
}
.invite-button.expired .invite-button-icon::after,
.invite-button.expired .invite-button-icon::before {
    border-color: #f04747;
}

/* COLOR PICKER */
.color-picker .swatches .swatch.selected::after {
    background-color: var(--main-color);
}
.color-picker-popout {
    background-color: rgba(0, 0, 0, 0.5);
    border-color: transparent;
}
.color-picker-popout input  {
    background-color: rgba(0, 0, 0, 0.5);
    border-color: hsla(0, 0%, 100%, 0.04);
    color: #fff;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
.color-picker-popout input:focus {
    border: 1px solid var(--main-color);
    padding: 4px 8px;
}

/* NEW MESSAGES INDICATOR */
.new-messages-indicator.new-messages-indicator-mention {
    background-color: var(--main-color);
}
.new-messages-indicator .icon.icon-unread-arrow {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/arrow_down.svg);
}
.protip {
    color: #a8a8a8;
}

/* EMOJI GUILD SETTINGS PAGE */
.guild-settings-modal-emoji .guild-settings-modal-emoji-header h6 {
    color: #D0D0D0;
}
.guild-settings-modal-emoji .guild-settings-modal-emoji-header p {
    color: #B6BBC1;
}
.guild-settings-modal-emoji .no-emoji p {
    color: hsla(0, 0%, 100%, .2);
}
.guild-settings-modal-emoji .guild-settings-modal-emoji-header {
    border-bottom-color: hsla(0, 0%, 100%, .04);
}
.guild-settings-modal-emoji .no-emoji img {
    -webkit-filter: grayscale(1);
}
.guild-settings-modal-emoji .emoji-row {
    border-color: hsla(0, 0%, 100%, .04);
}
.guild-settings-modal-emoji .emoji-row .emoji-name {
    background-color: rgba(0, 0, 0, .3) !important;
    border-color: transparent !important;
    color: #D0D0D0 !important;
}
.guild-settings-modal-emoji .emoji-row .emoji-name:focus {
    border-color: var(--main-color) !important;
}
.guild-settings-modal .emoji-row .btn.btn-danger,
.guild-settings-modal .member-buttons .btn.btn-danger {
    background-color: var(--main-color);
    border-color: transparent;
    color: #fff;
}
.guild-settings-modal .emoji-row .btn.btn-danger:hover,
.guild-settings-modal .member-buttons .btn.btn-danger:hover {
    background-color: var(--hover-color);
}

/* ACCOUNT AVATAR & STATUS */
.account .avatar-small {
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
.account .avatar-small:hover,
.account .avatar-small.popout-open {
    width: 50px;
    height: 50px;
    opacity: 1;
}
.bd-minimal .account .avatar-small:hover,
.bd-minimal .account .avatar-small.popout-open {
    width: 40px;
    height: 40px;
}
.account .avatar-small::after {
    content: "Status";
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 5px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 70px rgba(0, 0, 0, .75);
    box-shadow: inset 0 0 70px rgba(0, 0, 0, .75);
    opacity: 0;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
.account .avatar-small:hover::after {
    opacity: 1;
}
.account .avatar-small:hover::after,
.account .avatar-small.popout-open::after {
    font-size: 10px;
    line-height: 50px;
}
.bd-minimal .account .avatar-small:hover::after,
.bd-minimal .account .avatar-small.popout-open::after {
    font-size: 8px;
    line-height: 40px;
}
.account .account-details .username {
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
.account .avatar-small:hover + .account-details .username,
.account .avatar-small.popout-open + .account-details .username {
    max-width: 52px;
}
.account .status {
    border: none !important;
    top: calc(90% - 6.5px);
    left: calc(90% - 6.5px);
    z-index: 2;
}

/* POPOUT MENU & STATUS PICKER */
.popout.popout-bottom[style*="top: 56px;"] {
    top: 0px !important;
    margin-top: 0px;
    z-index: 1;
}
.popout-menu {
    background: rgba(0, 0, 0, 0.7);
    margin: 0 2px;
    padding: 0 2px 0;
}
.bd-minimal .popout-menu {
    width: 156px;
}
.popout-menu:not(.status-picker) {
    padding: 56px 2px 0;
}
.popout-menu .popout-menu-item {
    color: #ddd !important;
    margin: 3px;
    padding: 7px 11px;
    border-radius: 3px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.popout-menu .popout-menu-item:hover {
    color: #fff !important;
    background-color: rgba(0, 0, 0, 0.7);
}
.popout-menu .popout-menu-item.invite {
    background-color: var(--hover-color);
}
.popout-menu .popout-menu-item.invite:hover {
    background-color: var(--main-color);
}
.popout-menu .popout-menu-item.leave {
    background-color: #a93d3d;
}
.popout-menu .popout-menu-item.leave:hover {
    background-color: #f04747;
}
.popout-menu .popout-menu-icon {
    background-size: 20px;
    opacity: .7;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.popout-menu .popout-menu-item.invite .popout-menu-icon {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/share.svg) !important;
}
.popout-menu .popout-menu-icon[style*="/assets/9a93097ab591379729c68f15a17b26af.svg"] {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/settings.svg) !important;
}
.popout-menu .popout-menu-icon[style*="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMTh2MThIMHoiLz4KICAgIDxnIGZpbGw9IiM3MzdGOEQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuMjUgMS41KSI+CiAgICAgIDxwYXRoIGQ9Ik02Ljc2NzcyMTAzLjc1SDEuNDk2MzE2OTdDLjY2OTQ2NzEuNzUgMCAxLjQxOTkyMzkzIDAgMi4yNDYzMTY5N1YxMi43NTM2ODNDMCAxMy41ODA1MzI5LjY2OTkyMzkzIDE0LjI1IDEuNDk2MzE2OTcgMTQuMjVIMTIuMDAzNjgzYy44MjY4NDk5IDAgMS40OTYzMTctLjY2OTkyMzkgMS40OTYzMTctMS40OTYzMTdWNy40ODIwODM2MmMtLjQ1NDM1NTYuMjkxMjMwODgtLjk1OTk3NTguNTA5MTQ4OS0xLjUuNjM3MDU3NDRWMTIuNzVIMS41VjIuMjVoNC42MzA3Mzk5MmMuMTI3ODkxMzYtLjU0MDI4ODcuMzQ1ODI2Ny0xLjA0NTg0MjQuNjM2OTgxMS0xLjV6Ii8+CiAgICAgIDxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjYiIHg9IjguMjUiIHJ4PSIzIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4="] {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/notifications.svg) !important;
}
.popout-menu .popout-menu-icon[style*="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMTh2MThIMHoiLz4KICAgIDxwYXRoIGZpbGw9IiM3MzdGOEQiIGQ9Ik05IDloNS4yNWMtLjM5NzUgMy4wODI1LTIuNDYgNS44MzUtNS4yNSA2LjY5VjlIMy43NVY0LjcyNUw5IDIuMzkyNVY5em0wIDBIMy43NWMuMzk3NSAzLjA4MjUgMi40NiA1LjgzNSA1LjI1IDYuNjlWOWg1LjI1VjQuNzI1TDkgMi4zOTI1Vjl6TTkgLjc1bC02Ljc1IDN2NC41YzAgNC4xNjI1IDIuODggOC4wNDc1IDYuNzUgOSAzLjg3LS45NTI1IDYuNzUtNC44Mzc1IDYuNzUtOXYtNC41TDkgLjc1eiIvPgogIDwvZz4KPC9zdmc+"] {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/security.svg) !important;
}
.popout-menu .popout-menu-icon[style*="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+CiAgPHBhdGggZmlsbD0iIzczN0Y4RCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMyAxNHYtMi41bDcuODgtNy44NWMuMTktLjIuNTEtLjIuNzEgMGwxLjc2IDEuNzZjLjIuMi4yLjUxIDAgLjcxTDUuNDcgMTRIM3ptMTIgMEg3LjVsMi0ySDE1djJ6Ii8+Cjwvc3ZnPg=="] {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/edit.svg) !important;
}
.bd-minimal .popout-menu-icon {
    display: none;
}
.popout-menu .popout-menu-item.leave .popout-menu-icon {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/exit.svg) !important;
    -webkit-transition: all .1s ease-in-out, transform .3s ease-in-out;
    transition: all .1s ease-in-out, transform .3s ease-in-out;
}
.popout-menu .popout-menu-item.leave:hover .popout-menu-icon {
    transform: rotateY(180deg);
}
.popout-menu .popout-menu-separator {
    border-color: hsla(0, 0%, 100%, .2);
}
.bd-minimal .status-picker {
    width: 156px;
}
.status-picker .popout-menu-item .status {
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
.status-picker .popout-menu-item:hover .status.status-online {
    -webkit-box-shadow: 0 0 10px .5px #43b581, 0 0 5px rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 10px .5px #43b581, 0 0 5px rgba(0, 0, 0, 0.5) !important;
}
.status-picker .popout-menu-item:hover .status.status-idle {
    -webkit-box-shadow: 0 0 10px .5px #faa61a, 0 0 5px rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 10px .5px #faa61a, 0 0 5px rgba(0, 0, 0, 0.5) !important;
}
.status-picker .popout-menu-item:hover .status.status-dnd {
    -webkit-box-shadow: 0 0 10px .5px #982929, 0 0 5px rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 10px .5px #982929, 0 0 5px rgba(0, 0, 0, 0.5) !important;
}
.status-picker .popout-menu-item:hover .status.status-invisible {
    -webkit-box-shadow: 0 0 10px .5px #979faa, 0 0 5px rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 10px .5px #979faa, 0 0 5px rgba(0, 0, 0, 0.5) !important;
}
.status-picker .popout-menu-item .helper {
    color: rgba(170, 170, 170, .8);
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.status-picker .popout-menu-item:hover .helper {
    color: rgba(170, 170, 170, 1);
}

/* STATUS COLORS, GLOW & SHADOW */
.channel-members .avatar-small .status,
.private-channels .status,
.channel-textarea-autocomplete-inner .avatar-small .status {
    border: none;
    margin-bottom: 2px;
    margin-right: 2px;
}
#user-profile-modal .avatar-profile .status {
    border: none;
}
.status-online {
    background-color: #43b581;
    -webkit-box-shadow: 0 0 3px #43b581, 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px #43b581, 0 0 5px rgba(0, 0, 0, 0.5);
}
.user-popout .avatar-wrapper .avatar-popout .status-online {
    -webkit-box-shadow: 0 0 5px #43b581, 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px #43b581, 0 0 5px rgba(0, 0, 0, 0.5);
}
#user-profile-modal .avatar-profile .status-online {
    -webkit-box-shadow: 0 0 8px #43b581, 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 8px #43b581, 0 0 5px rgba(0, 0, 0, 0.5);
}
.status-idle {
    background-color: #faa61a;
    -webkit-box-shadow: 0 0 3px #faa61a, 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px #faa61a, 0 0 5px rgba(0, 0, 0, 0.5);
}
.user-popout .avatar-wrapper .avatar-popout .status-idle {
    -webkit-box-shadow: 0 0 5px #faa61a, 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px #faa61a, 0 0 5px rgba(0, 0, 0, 0.5);
}
#user-profile-modal .avatar-profile .status-idle {
    -webkit-box-shadow: 0 0 8px #faa61a, 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 8px #faa61a, 0 0 5px rgba(0, 0, 0, 0.5);
}
.status-dnd {
    background-color: #982929;
    -webkit-box-shadow: 0 0 3px #982929, 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px #982929, 0 0 5px rgba(0, 0, 0, 0.5);
}
.user-popout .avatar-wrapper .avatar-popout .status-dnd {
    -webkit-box-shadow: 0 0 5px #982929, 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px #982929, 0 0 5px rgba(0, 0, 0, 0.5);
}
#user-profile-modal .avatar-profile .status-dnd {
    -webkit-box-shadow: 0 0 5px #982929, 0 0 8px, 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px #982929, 0 0 8px, 0 0 5px rgba(0, 0, 0, 0.5);
}
.status-streaming {
    background-color: #593695;
    -webkit-box-shadow: 0 0 3px #593695, 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px #593695, 0 0 5px rgba(0, 0, 0, 0.5);
}
.user-popout .avatar-wrapper .avatar-popout .status-streaming {
    -webkit-box-shadow: 0 0 5px #593695, 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px #593695, 0 0 5px rgba(0, 0, 0, 0.5);
}
#user-profile-modal .avatar-profile .status-streaming {
    -webkit-box-shadow: 0 0 5px #593695, 0 0 8px, 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px #593695, 0 0 8px, 0 0 5px rgba(0, 0, 0, 0.5);
}
.status-offline {
    background-color: #808080;
    -webkit-box-shadow: 0 0 3px #808080, 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px #808080, 0 0 5px rgba(0, 0, 0, 0.5);
}
.user-popout .avatar-wrapper .avatar-popout .status-offline {
    -webkit-box-shadow: 0 0 5px #808080, 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px #808080, 0 0 5px rgba(0, 0, 0, 0.5);
}
#user-profile-modal .avatar-profile .status-offline {
    -webkit-box-shadow: 0 0 5px #808080, 0 0 8px, 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px #808080, 0 0 8px, 0 0 5px rgba(0, 0, 0, 0.5);
}
.status-invisible {
    background-color: #979faa;
    -webkit-box-shadow: 0 0 3px #979faa, 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px #979faa, 0 0 5px rgba(0, 0, 0, 0.5);
}
.user-popout .avatar-wrapper .avatar-popout .status-invisible {
    -webkit-box-shadow: 0 0 5px #979faa, 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px #979faa, 0 0 5px rgba(0, 0, 0, 0.5);
}
#user-profile-modal .avatar-profile .status-invisible {
    -webkit-box-shadow: 0 0 5px #979faa, 0 0 8px, 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px #979faa, 0 0 8px, 0 0 5px rgba(0, 0, 0, 0.5);
}
.status-unknown {
    border-color: #808080;
}

/* CHANNEL NOTICE */
.channel-notices .channel-notice.invite {
    background: rgba(0, 0, 0, .52);
    padding: 20px;
}
.channel-notices .channel-notice .message {
    color: #fff;
}
.channel-notices .channel-notice .message .btn {
    background-color: var(--main-color);
    font-weight: 600;
    border-radius: 3px;
    padding: 10px 0;
    transition: all .3s ease-in-out;
}
.channel-notices .channel-notice .message .btn:hover {
    background-color: var(--hover-color);
}
.channel-notices .channel-notice .close {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/close.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.channel-notices .channel-notice .close:hover {
    opacity: .7;
}

/* INSTANT INVITE MENU */
.instant-invite-modal {
    background: transparent;
}
#instant-invite-modal .form-actions {
    background: rgba(0, 0, 0, .85);
}
#instant-invite-modal .form-header header {
    color: var(--main-color);
}
#instant-invite-modal .clipboard-input-inner input {
    color: var(--main-color);
    font-size: 20px;
}
#instant-invite-modal .blurb {
    color: #C7C7C7;
}
#instant-invite-modal .expire-text {
    color: #7f7f7f;
}
#instant-invite-modal .copy {
    color: transparent;
    background-color: rgba(0, 0, 0, .6);
}
#instant-invite-modal .form-actions .advanced {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/settings.svg) !important;
    background-size: 100%;
    opacity: .3;
}
#instant-invite-modal .form-actions .advanced:hover {
    -webkit-animation: load8 2.8s infinite linear;
    animation: load8 2.8s infinite linear;
    opacity: .7;
}
#instant-invite-modal .form-actions .advanced:active {
    -webkit-animation: load8-active 2.8s infinite linear;
    animation: load8-active 2.8s infinite linear;
}
#instant-invite-modal-advanced .form-actions {
    background-color: rgba(0, 0, 0, 0.85);
    border-top: 1px solid transparent;
}
#instant-invite-modal-advanced .form-actions .btn {
    height: 35.5px;
    line-height: 18px;
}
#instant-invite-modal-advanced .form-actions .btn-default {
    color: #949494;
    background-color: rgba(0, 0, 0, 0.77);
    padding: 10px !important;
    border-radius: 3px;
    border-bottom: none;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
#instant-invite-modal-advanced .form-actions .btn-default:hover {
    color: #fff;
}
#instant-invite-modal-advanced .form-actions {
    padding: 18px 20px;
}

/* PROGRESS BAR */
.progress {
    background-color: hsla(0, 0%, 100%, .2);
}
.progress .progress-bar {
    background-color: var(--main-color);
}

/* FILE ICONS */
.icon.icon-file,
.upload-modal .inner .file .icon:not(.image) {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/file.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .5;
}
.icon.icon-file {
    background-size: 48px;
}
.upload-modal .inner .file .icon {
    background-size: 96px;
}
.icon.icon-file.code,
.upload-modal .inner .file .icon.code,
.icon.icon-file.webcode,
.upload-modal .inner .file .icon.webcode {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/file_code.svg) !important;
}
.icon.icon-file.document,
.upload-modal .inner .file .icon.document {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/file_document.svg) !important;
}
.icon.icon-file.archive,
.upload-modal .inner .file .icon.archive {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/file_archive.svg) !important;
}
.upload-modal .inner .file .icon.image {
    border:  none;
}

/* CHANNEL TEXTAREA */
.channel-textarea-inner {
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    background: rgba(0, 0, 0, 0.5) !important;
}
.channel-textarea-upload {
    background-image: none !important;
    border-right-color: hsla(0, 0%, 100%, .1) !important;
}
.channel-textarea-upload::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/file_upload.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: .3;
    pointer-events: none;
}
.channel-textarea-upload:hover::after {
    opacity: .7;
}

/* KEYBOARD SHORTCUT MODAL */
.keyboard-shortcuts-modal {
    background-color: rgba(0, 0, 0, 0.83);
    cursor: default;
}
.keyboard-shortcuts-modal .modal-title,
.keyboard-shortcuts-modal .modal-subtitle,
.keyboard-shortcuts-modal .keyboard-shortcut-list .keybind-group .keybind-description,
.keybind-shortcut {
    color: hsla(0, 0%, 100%, 0.7);
}
.keyboard-shortcuts-modal .ddr-arrows {
    display: none;
}
.keybind-shortcut span {
    border-color: var(--main-color);
    -webkit-box-shadow: inset 0 -4px 0 var(--hover-color);
    box-shadow: inset 0 -4px 0 var(--hover-color);
}
.keyboard-shortcuts-modal .keyboard-shortcut-list .keybind-group .bind-arrow {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/arrow_down.svg);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
.keyboard-shortcuts-modal .keyboard-shortcut-list .keybind-group .bind-arrow.up {
    -webkit-transform: rotate(180deg) scale(1.3);
    transform: rotate(180deg) scale(1.3);
}

/* BROKEN IMAGE */
img:not(.emote):not(.emoji)::after {
    content: attr(alt);
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    background-color: #222;
    border: 2px dashed rgba(0, 0, 0, .3);
    box-sizing: border-box;
    color: hsla(0, 0%, 100%, .8);
    font-size: 12px;
    text-align: left;
    line-height: 20px;
    border-radius: 3px;
    padding-top: 2px;
    text-indent: 22px;
}
img:not(.emote):not(.emoji)::before {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/broken_image.svg);
    position: absolute;
    top: -1px;
    left: 1px;
    z-index: 1;
    opacity: .7;
}

/* BROKEN EMOTES */
.emote::after,
.emoji::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background-color: #222;
    border: 2px dashed rgba(0, 0, 0, .3);
    box-sizing: border-box;
    border-radius: 3px;
}
.emote::before,
.emoji::before {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/broken_image.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: .7;
    z-index: 1;
}

/* USER POPOUT ROLES */
.user-popout .body .roles .member-roles {
    max-height: 230px;
    overflow-y: auto;
}
.user-popout .body .roles .member-roles::-webkit-scrollbar {
    width: 14px;
}
.user-popout .body .roles .member-roles::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    border: 3px solid transparent;
}
.user-popout .body .roles .member-roles::-webkit-scrollbar-thumb,
.user-popout .body .roles .member-roles::-webkit-scrollbar-track-piece,
.user-popout .body .roles .member-roles::-webkit-scrollbar-thumb,
.user-popout .body .roles .member-roles::-webkit-scrollbar-track-piece {
    visibility: hidden;
}
.user-popout .body .roles .member-roles:hover::-webkit-scrollbar-thumb,
.user-popout .body .roles .member-roles:hover::-webkit-scrollbar-track-piece,
.user-popout .body .roles .member-roles:hover::-webkit-scrollbar-thumb,
.user-popout .body .roles .member-roles:hover::-webkit-scrollbar-track-piece {
    visibility: visible;
}

/* SEARCH BAR CLEAR BUTTON */
.search-bar-clear,
.emoji-picker .search-bar-clear,
.search-bar-light .search-bar-clear {
    background: transparent;
}
.search-bar-clear::after,
.search-bar-clear::before,
.emoji-picker .search-bar-clear::before,
.emoji-picker .search-bar-clear::after,
.emoji-picker .search-bar-clear.active::after,
.emoji-picker .search-bar-clear.active::before,
.search-bar-light .search-bar-clear::after,
.search-bar-light .search-bar-clear::before,
.search-bar-light .search-bar-clear.active::after,
.search-bar-light .search-bar-clear.active::before {
    background: rgba(100, 100, 100, .7);
}

/* FRIENDS PAGE */
#friends .friends-header .tab-bar .tab-bar-item,
#friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary,
.theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary {
    color: hsla(0, 0%, 100%, .6);
}
#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-green {
    background-color: var(--main-color);
}
#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-green:hover,
#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-remove:hover {
    background-color: var(--hover-color) !important;
}
#friends .friends-table .friend-table-add-wrapper .friend-table-add-header,
.theme-dark #friends .friends-table .friend-table-add-wrapper .friend-table-add-header {
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.add-friend-input-wrapper,
.theme-dark .add-friend-input-wrapper {
    background-color: rgba(0, 0, 0, .3);
    border-color: transparent;
}
.add-friend-input-wrapper .add-friend-input + .add-friend-hint::after {
    content: "";
    position: fixed;
    top: 74px;
    right: 30px;
    left: 31px;
    height: 54px;
    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    pointer-events: none;
}
.add-friend-input-wrapper .add-friend-input:focus + .add-friend-hint::after {
    border-color: var(--main-color);
}
#friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary,
.theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary {
    background-color: transparent;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary:hover:not(.selected),
.theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary:hover:not(.selected) {
    background-color: rgba(0, 0, 0, 0.29);
}
#friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary.selected,
.theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary.selected {
    background-color: var(--main-color);
    color: #fff;
}
#friends .friends-header .tab-bar .tab-bar-item.selected .badge {
    color: var(--main-color) !important;
    background-color: #fff !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-animation: none;
    animation: none;
}
#friends .friends-table .friend-table-add-wrapper h2,
.theme-dark #friends .friends-table .friend-table-add-wrapper h2 {
    color: hsla(0, 0%, 100%, .7);
}
.theme-dark #friends .friends-table .friends-row .discord-tag,
.theme-dark #friends .friends-table .friends-row .friends-suggestion-platforms {
    opacity: .7;
}
#friends .friends-table .friends-row .friends-column-actions .friends-action,
.theme-dark #friends .friends-table .friends-row .friends-column-actions .friends-action {
    background-color: var(--main-color);
}
#friends .friends-table .friends-row .friends-column-actions .friends-action:hover,
.theme-dark #friends .friends-table .friends-row .friends-column-actions .friends-action:hover {
    background-color: var(--hover-color);
}
#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-add:hover,
#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-accept:hover {
    background-color: var(--hover-color) !important;
}
#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-add {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/person_add.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}
#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-ignore,
#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-remove {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/close.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}
#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-call {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/call.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}
#friends .friends-table .friends-row .discord-tag .discriminator {
    visibility: visible !important;
    opacity: 0;
}
#friends .friends-table .friends-row:hover .discriminator {
    opacity: 1;
}
#friends .friends-table .friends-column-name {
    width: 250px;
}

/* DETECTED ACCOUNTS MODAL */
.detected-platform-accounts-modal {
    background: rgba(0, 0, 0, 0.8);
    padding: 0 20px 18px 20px;
    border-radius: 5px;
}
.detected-platform-accounts-modal .btn-group .btn-primary {
    background-color: var(--main-color);
}
.detected-platform-accounts-modal .btn-group .btn-primary:hover:not(:disabled) {
    background-color: var(--hover-color);
}
.detected-platform-accounts-modal .btn-group .btn-default {
    border-bottom: none !important;
}
.detected-platform-accounts-modal .btn-group .btn-default:hover {
    text-shadow: 0 0 1px;
}
.input-switch .input-switch-slider {
    background: rgba(0, 0, 0, .3);
    border-color: transparent;
}
.input-switch input:checked+.input-switch-slider {
    background-color: var(--main-color);
}
.input-switch .input-switch-slider::before {
    height: 28px;
    width: 28px;
    left: -1px;
    bottom: -2px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
}
.input-switch input:checked+.input-switch-slider::before {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    left: 23px;
}

/* CHECKBOX */
.checkbox .checkbox-inner {
    width: 35px;
    height: 18px;
    background: rgba(0, 0, 0, .3);
    border-radius: 10px;
    left: 0px;
}
.checkbox .checkbox-inner input[type=checkbox]+span::after {
    content: "";
    background: #fff !important;
    margin-left: -2px;
    margin-top: 0px;
    width: 18px !important;
    height: 18px !important;
    border: none !important;
    border-radius: 100% !important;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
    display: table;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
}
.checkbox .checkbox-inner input[type=checkbox]:checked+span::after {
    margin-left: 15px !important;
}
.checkbox .checkbox-inner input[type=checkbox]+span {
    width: 0px;
    background-color: transparent !important;
    border-radius: 10px;
    border: none !important;
    -webkit-transition: all .2s ease-in-out !important;
    transition: all .2s ease-in-out !important;
}
.checkbox .checkbox-inner input[type=checkbox]:checked+span {
    width: 35px;
    background-color: var(--main-color) !important;
}
.checkbox .checkbox-inner.alt {
    -webkit-box-shadow: 0 0 .3px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 0 .3px 1px rgba(0, 0, 0, .3);
}
.checkbox .checkbox-inner+span {
    color: #fff
}
.checkbox .checkbox-inner input[type=checkbox]+span::after,
.checkbox .checkbox-inner input[type=checkbox]:checked+span::after {
    -webkit-transform: none !important;
    transform: none !important;
}

/* CONNECTION SETTINGS */
.settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list {
    box-shadow: 0 -1px hsla(0, 0%, 100%, .04);
}
.connection .checkbox .checkbox-inner {
    background-color: transparent;
}
.connection .checkbox .checkbox-inner input[type=checkbox] + span {
    background-color: rgba(0, 0, 0, 0.3) !important;
    width: 35px;
}
.connection .checkbox .checkbox-inner input[type=checkbox]:checked + span {
    width: 0;
    margin-left: 35px;
}
.connection .checkbox .checkbox-inner input[type=checkbox]:checked + span::after {
    margin-left: -20px !important;
}
.settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-header .btn-delete {
    transition: all .1s ease-in-out;
    mix-blend-mode: screen;
}
.settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-header .btn-delete:hover {
    color: #000;
    background: #fff;
}

/* SCROLLBAR */
.chat > .content:first-child .scroller-wrap::-webkit-scrollbar-thumb,
.theme-dark .chat > .content:first-child .scroller-wrap::-webkit-scrollbar-thumb {
    background-color: var(--main-color);
}
.scroller-wrap .scroller::-webkit-scrollbar-thumb {
    background-color: var(--main-color) !important;
    border: 3px solid transparent !important;
}
.scroller-wrap .scroller::-webkit-scrollbar-thumb:active {
    background-color: var(--hover-color) !important;
}
.scroller-wrap .scroller::-webkit-scrollbar-track-piece {
    background-color: var(--main-color) !important;
    border: 3px solid transparent !important;
}
.scroller-wrap .scroller::-webkit-scrollbar-track-piece {
    border: 3px solid transparent !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    background-color: var(--main-color) !important;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:active {
    background-color: var(--hover-color) !important;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-corner {
    background: transparent;
}
#user-profile-modal .scroller::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}
.bda-dark .emoji-picker .scroller::-webkit-scrollbar-thumb,
.emoji-picker .scroller::-webkit-scrollbar-thumb {
    background-color: var(--main-color) !important;
    border-radius: 10px !important;
    border-color: transparent !important;
}
.bda-dark .emoji-picker .scroller::-webkit-scrollbar-thumb:active,
.emoji-picker .scroller::-webkit-scrollbar-thumb:active {
    background-color: var(--hover-color) !important;
}
.bda-dark .emoji-picker .scroller::-webkit-scrollbar,
.emoji-picker .scroller::-webkit-scrollbar {
    background: transparent !important;
    border: none !important;
}
.bda-dark .emoji-picker .scroller::-webkit-scrollbar-track,
.emoji-picker .scroller::-webkit-scrollbar-track {
    background: transparent !important;
    border: none !important;
}
.bda-dark .emoji-picker .scroller::-webkit-scrollbar-track-piece,
.emoji-picker .scroller::-webkit-scrollbar-track-piece {
    background: transparent !important;
    border: none !important;
}
.bda-dark .emoji-picker .scroller::-webkit-scrollbar-corner,
.emoji-picker .scroller::-webkit-scrollbar-corner {
    background: transparent !important;
}
.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar,
.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track,
.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track-piece,
.bda-dark #pubs-container .scroller::-webkit-scrollbar,
.bda-dark #pubs-container .scroller::-webkit-scrollbar-track,
.bda-dark #pubs-container .scroller::-webkit-scrollbar-track-piece,
#bda-qem-twitch-container .scroller::-webkit-scrollbar,
#bda-qem-twitch-container .scroller::-webkit-scrollbar-track,
#bda-qem-twitch-container .scroller::-webkit-scrollbar-track-piece,
#pubs-container .scroller::-webkit-scrollbar,
#pubs-container .scroller::-webkit-scrollbar-track,
#pubs-container .scroller::-webkit-scrollbar-track-piece {
    background-color: transparent !important;
    border: none !important;
}
.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-thumb,
.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-thumb,
.bda-dark #pubs-container .scroller::-webkit-scrollbar-thumb,
.bda-dark .emoji-picker .scroller::-webkit-scrollbar-thumb,
#bda-qem-favourite-container .scroller::-webkit-scrollbar-thumb,
#bda-qem-twitch-container .scroller::-webkit-scrollbar-thumb,
#pubs-container .scroller::-webkit-scrollbar-thumb,
.emoji-picker .scroller::-webkit-scrollbar-thumb {
    background-color: var(--main-color) !important;
    border-color: transparent !important;
}
.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-thumb:active,
.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-thumb:active,
.bda-dark #pubs-container .scroller::-webkit-scrollbar-thumb:active,
.bda-dark .emoji-picker .scroller::-webkit-scrollbar-thumb:active,
#bda-qem-favourite-container .scroller::-webkit-scrollbar-thumb:active,
#bda-qem-twitch-container .scroller::-webkit-scrollbar-thumb:active,
#pubs-container .scroller::-webkit-scrollbar-thumb:active,
.emoji-picker .scroller::-webkit-scrollbar-thumb:active {
    background-color: var(--hover-color) !important;
}
.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar,
.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track,
.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track-piece,
#bda-qem-favourite-container .scroller::-webkit-scrollbar,
#bda-qem-favourite-container .scroller::-webkit-scrollbar-track,
#bda-qem-favourite-container .scroller::-webkit-scrollbar-track-piece {
    background-color: transparent !important;
    border: none !important;
}
.bda-dark #pubs-container .scroller::-webkit-scrollbar,
#pubs-container .scroller::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, .8) !important;
}
.bda-dark #pubs-container .scroller::-webkit-scrollbar-thumb,
#pubs-container .scroller::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
}
.bda-dark .bd-dropdown .bd-dropdown-list ul::-webkit-scrollbar,
.bd-dropdown .bd-dropdown-list ul::-webkit-scrollbar,
.server-description::-webkit-scrollbar {
    width: 14px;
}
.bda-dark .bd-dropdown .bd-dropdown-list ul::-webkit-scrollbar-track,
.bd-dropdown .bd-dropdown-list ul::-webkit-scrollbar-track,
.server-description::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, .5) !important;
}
.bda-dark .bd-dropdown .bd-dropdown-list ul::-webkit-scrollbar-thumb,
.bd-dropdown .bd-dropdown-list ul::-webkit-scrollbar-thumb,
.server-description::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    border: 3px solid transparent !important;
}
#pubs-list .server-info.server-name .server-description::-webkit-scrollbar-track {
    background: transparent !important;
}
.bda-slist .scroller::-webkit-scrollbar-thumb,
.bda-slist .scroller::-webkit-scrollbar-track-piece {
    border-radius: 7px !important;
}
.channel-textarea .channel-textarea-inner textarea::-webkit-scrollbar {
    display: none;
}

/* USER PROFILE MODAL */
#user-profile-modal .scroller {
    background: rgba(0, 0, 0, 0.83);
}
#user-profile-modal .friends .friend:hover {
    background: #26292D;
    color: #ADADAD;
}
#user-profile-modal footer {
    background: rgba(0, 0, 0, 0.83);
    border-top: none;
}
#user-profile-modal footer button {
    color: var(--main-color)
}
#user-profile-modal .sub-header {
    background: rgba(0, 0, 0, 0.83);
}
#user-profile-modal .tab-bar-container {
    background: rgba(0, 0, 0, 0.83);
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
#user-profile-modal .btn {
    background-color: var(--main-color);
}
#user-profile-modal .btn:hover {
    background-color: var(--hover-color);
}
#user-profile-modal .guilds .guild:hover {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.61) 90%, transparent);
    color: #D8D8D8;
}
#user-profile-modal .empty {
    background: rgba(0, 0, 0, 0.83);
}
#user-profile-modal .avatar-wrapper {
    background-color: transparent;
}
#user-profile-modal .avatar-profile {
    border: 6px solid var(--main-color) !important;
}
#user-profile-modal .actions .btn.add-friend,
#user-profile-modal .actions .btn.reject-friend {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
@-webkit-keyframes friend-request-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 var(--main-color);
        box-shadow: 0 0 0 0 var(--main-color);
    }
    70% {
        -webkit-box-shadow: 0 0 10px 10px transparent;
        box-shadow: 0 0 10px 10px transparent;
    }
    to {
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent;
    }
}
@keyframes friend-request-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 var(--main-color);
        box-shadow: 0 0 0 0 var(--main-color);
    }
    70% {
        -webkit-box-shadow: 0 0 10px 10px transparent;
        box-shadow: 0 0 10px 10px transparent;
    }
    to {
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent;
    }
}
#user-profile-modal .actions .btn.add-friend {
    background: var(--main-color);
    -webkit-animation: friend-request-pulse 1.5s infinite;
    animation: friend-request-pulse 1.5s infinite;
}
#user-profile-modal .actions .btn.add-friend:hover {
    background: var(--hover-color);
}
#user-profile-modal .actions .btn.reject-friend {
    background: rgba(0, 0, 0, 0.3);
}
#user-profile-modal .actions .btn.reject-friend:hover {
    background: rgba(0, 0, 0, 0.5);
}
#user-profile-modal .actions .btn.disabled {
    background: #8E8E8E !important;
}
#user-profile-modal .actions .btn.disabled:hover {
    background: #777777 !important;
}
#user-profile-modal .header {
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0.5));
    background: linear-gradient(top, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0.5));
    overflow: hidden;
}
#user-profile-modal .header::before {
    content: "";
    position: absolute;
    left: -5%;
    top: -5%;
    width: 110%;
    height: 110%;
    z-index: -1;
    background-position: center;
    background-size: cover;
    -webkit-filter: blur(3px);
}
#user-profile-modal .header::after {
    display: none;
}
#user-profile-modal .header .header-info .header-info-inner .discord-tag .username {
    max-width: 255px;
    color: #DEDEDE !important;
}
#user-profile-modal .avatar-profile {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    border: none !important;
    margin-top: 4px;
    margin-left: 4px;
    background-color: transparent;
}
#user-profile-modal .guilds .section .note textarea {
    color: #909090;
}
#user-profile-modal .guilds .avatar-large {
    background-color: transparent;
}
#user-profile-modal .guilds .guild .status {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    border: none !important;
    bottom: 0px;
    right: -2px;
}
#user-profile-modal .guilds .guild {
    -webkit-transition: -webkit-transform .1s ease-in-out;
    transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
}
#user-profile-modal .guilds .guild:active {
    -webkit-transform: scale(.95);
    transform: scale(.95);
}
#user-profile-modal .guilds .guild,
#user-profile-modal .guilds .guild .guild-nick {
    color: #777;
}
#user-profile-modal .header .discord-tag,
#user-profile-modal .header .discord-tag .discriminator,
#user-profile-modal .header .discord-tag .bot-tag.bot-tag-invert {
    line-height: 19px;
    vertical-align: middle;
}
#user-profile-modal .guilds .section + .section {
    border-top: 1px solid hsla(0, 0%, 100%, 0.04);
}
#user-profile-modal .guilds .section .section-header {
    color: #909090;
}
#user-profile-modal .guilds .section .connected-accounts .connected-account {
    background-color: hsla(0, 0%, 100%, 0.04);
    border-color: transparent;
}
#user-profile-modal .guilds .section .connected-accounts .connected-account .connected-account-name-inner .connected-account-name {
    color: #999;
}
#user-profile-modal .guilds .section .connected-accounts .connected-account .connected-account-name-inner .connected-account-verified-icon {
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/verified.svg);
    background-position: center;
    background-size: 100%;
    opacity: .7;
}
#user-profile-modal .guilds .section .connected-accounts .connected-account .connected-account-name-inner .connected-account-name a {
    color: var(--main-color);
}
#user-profile-modal .guilds .section .connected-accounts .connected-account a .connected-account-open-icon {
    display: none;
}
#user-profile-modal .guilds .section .connected-accounts .connected-account a::after {
    content: "";
    position: absolute;
    height: 48px;
    width: 224px;
    margin-top: -24px;
    margin-left: -209px;
    border-radius: 3px;
}

/* INVITE MODAL CSS */
.invite-modal .scroller {
    background: rgba(0, 0, 0, 0.5);
}
.invite-modal .invite-title {
    color: var(--main-color);
}
.invite-modal .button {
    background-color: var(--main-color);
}
.invite-modal .button:hover {
    background-color: var(--hover-color);
}
.invite-modal .invite-body,
.invite-modal .invite-cancel {
    color: #B6BBC1;
}
.invite-modal .invite-cancel:hover {
    text-decoration: none !important;
    text-shadow: 0 0 1px;
}
.invite-button .invite-button-header {
    color: hsla(0, 0%, 100%, .7);
}
.invite-button .invite-button-body {
    color: hsla(0, 0%, 100%, .5);
}

/* CSS SYNTAX HIGHLIGHTING */
[class~='css' i] .hljs-tag,
[class~='css' i] .hljs-selector-tag,
.CodeMirror .cm-builtin {
    color: #2626d9;
}
[class~='css' i] .hljs-class,
[class~='css' i] .hljs-selector-class,
.CodeMirror .cm-qualifier,
[class~='css' i] .hljs-important,
[class~='css' i] .hljs-meta,
.CodeMirror .cm-keyword {
    color: #d92626;
}
[class~='css' i] .hljs-value,
[class~='css' i] .hljs-hexcolor,
[class~='css' i] .hljs-number,
[class~='css' i] .hljs-function,
[class~='css' i] .hljs-built_in,
[class~='css' i] .hljs-string,
.CodeMirror .cm-atom,
.CodeMirror .cm-number,
.CodeMirror .cm-string,
.CodeMirror .cm-variable {
    color: rgba(255, 255, 255, 0.8);
}
[class~='css' i] .hljs-attribute,
.CodeMirror .cm-property {
    color: #82d4e5;
}
[class~='css' i] .hljs-comment,
.CodeMirror .cm-comment {
    color: #34b234;
}
[class~='css' i] .hljs-id,
[class~='css' i] .hljs-selector-id,
[class~='css' i] .hljs-at_rule,
[class~='css' i] .hljs-keyword {
    color: #337fcc;
}
[class~='css' i] .hljs-pseudo,
[class~='css' i] .hljs-selector-pseudo,
.CodeMirror .cm-variable-3 {
    color: #d98026;
}

/* USER SETTINGS TAB BAR */
.user-settings-modal .tab-bar.SIDE .tab-bar-item {
    padding-left: 50px;
}
.user-settings-modal .tab-bar.SIDE .tab-bar-item::after {
    position: absolute;
    left: 15px;
    padding: 0px;
    margin: 0px;
    margin-top: -3px;
    opacity: .3;
}
.user-settings-modal .tab-bar.SIDE .tab-bar-item:hover::after,
.user-settings-modal .tab-bar.SIDE .tab-bar-item.selected::after,
#bd-settings-new:hover::after,
#bd-settings-new.selected::after,
.change-log-button-container:hover::after {
    opacity: 1;
}
.user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(2)::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/person.svg);
}
.user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(3)::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/link.svg);
}
.user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(4)::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/group.svg);
}
.user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(5)::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/chat.svg);
}
.user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(6)::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/mic.svg);
}
.user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(7)::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/notifications.svg);
}
.user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(8)::after,
.platform-win .user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(9)::after,
.platform-osx .user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(9)::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/camera.svg);
}
.user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(9)::after,
.platform-win .user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(12)::after,
.platform-osx .user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(11)::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/language.svg);
}
.user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(10)::after,
.platform-win .user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(13)::after,
.platform-osx .user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(12)::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/videocam.svg);
}
.user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(11)::after,
.platform-win .user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(14)::after,
.platform-osx .user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(13)::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/security.svg);
}
.platform-win .user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(8)::after,
.platform-osx .user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(8)::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/keyboard.svg);
}
.platform-win .user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(10)::after,
.platform-osx .user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(10)::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/games.svg);
}
.platform-win .user-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(11)::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/desktop_windows.svg);
}
#bd-settings-new::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/42bf9ad71835f8e75ebf7fbdd4fe7018ffbaa003/icons/betterdiscord.svg);
}
.change-log-button-container {
    border: none !important;
    -webkit-transition: all 0s;
    transition: all 0s;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    overflow: hidden;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    margin: 0;
}
.change-log-button-container:hover {
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 85%, transparent) !important;
}
.change-log-button-container:active {
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6) 85%, transparent) !important;
}
.change-log-button-container .change-log-button {
    width: 100%;
    height: 100%;
    color: hsla(0, 0%, 100%, .3) !important;
    font-size: 14px;
    line-height: 1.25em;
    text-decoration: none;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 8px 6px 10px 50px;
    opacity: 1;
}
.change-log-button-container:hover .change-log-button {
    color: #fff !important;
}
.change-log-button-container .change-log-button:hover {
    text-shadow: none;
}
.change-log-button-container .change-log-button:active {
    -webkit-transform: none;
    transform: none;
}
.change-log-button-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    border-left: none;
    opacity: 0;
    pointer-events: none;
}
.change-log-button-container:hover::before {
    border: 2px solid var(--main-color) !important;
    opacity: .25;
    -webkit-transition: all 0s;
    transition: all 0s;
    opacity: .3;
}
.change-log-button-container:active::before {
    border: 2px solid var(--main-color) !important;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.change-log-button-container::after {
    content: "";
    background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/history.svg);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 15px;
    width: 24px;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: .3;
    pointer-events: none;
}

/* GUILD SETTINGS TAB BAR */
.guild-settings-modal .tab-bar.SIDE .tab-bar-item {
    padding-left: 50px;
}
.guild-settings-modal .tab-bar.SIDE .tab-bar-item::after {
    position: absolute;
    left: 15px;
    padding: 0px;
    margin: 0px;
    margin-top: -3px;
    opacity: .3;
}
.guild-settings-modal .tab-bar.SIDE .tab-bar-item:hover::after,
.guild-settings-modal .tab-bar.SIDE .tab-bar-item.selected::after {
    opacity: 1;
}
.guild-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(2)::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/info.svg);
}
.guild-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(3)::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/share.svg);
}
.guild-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(4)::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/link.svg);
}
.guild-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(5)::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/group.svg);
}
.guild-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(6)::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/assignment.svg);
}
.guild-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(7)::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/block.svg);
}
.guild-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(8)::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/emote.svg);
}
.guild-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(9)::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/puzzle.svg);
}
.guild-settings-modal .tab-bar.SIDE .tab-bar-item:nth-of-type(10)::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/webhook.svg);
}
.guild-settings-modal .tab-bar.SIDE .tab-bar-item:last-of-type::after {
    content: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/icons/security.svg);
}

/* VOICE CHANNEL CSS */
.guild-channels .channel-voice-states li {
    border-left: 4px solid transparent;
    position: relative;
    left: -20px;
    margin-bottom: 3px;
}
.guild-channels .channel-voice-states li.speaking {
    border-left: 4px solid var(--main-color);
}
.guild-channels .channel-voice-states li .avatar-small {
    border-color: transparent !important;
    box-shadow: none !important;
}
.guild-channels .channel-voice-states li::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: -1;
    opacity: .5;
}
.guild-channels .channel-voice-states li.speaking::after {
    background: linear-gradient(to right, var(--main-color) 0%, transparent 35%) !important;
}
/* MENU & PUPOUT ANIMATIONS */

@-webkit-keyframes menu-fold {
    0% {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes menu-fold {
    0% {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.context-menu,
.small-popout-box,
.Select-menu-outer {
    -webkit-animation: menu-fold .3s cubic-bezier(.2, .6, .5, 1.1);
    animation: menu-fold .3s cubic-bezier(.2, .6, .5, 1.1);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
}
.small-popout-box {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid transparent;
}
.context-menu.invertY {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
@-webkit-keyframes menu-slide {
    0% {
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes menu-slide {
    0% {
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.item-subMenu .context-menu {
    -webkit-animation: menu-slide .15s cubic-bezier(.2, .6, .5, 1.1);
    animation: menu-slide .15s cubic-bezier(.2, .6, .5, 1.1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}
@-webkit-keyframes menu-pop {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes menu-pop {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.user-popout {
    -webkit-animation: menu-pop .15s cubic-bezier(.2, .6, .5, 1.1);
    animation: menu-pop .15s cubic-bezier(.2, .6, .5, 1.1);
}
@-webkit-keyframes menu-emotes {
    0% {
        margin-top: 346px;
    }
    100% {
        margin-top: -14px;
    }
}
@keyframes menu-emotes {
    0% {
        margin-top: 346px;
        opacity: 0;
        -webkit-clip-path: inset(0 0 100% 0);
        clip-path: inset(0 0 100% 0);
    }
    100% {
        margin-top: -14px;
        opacity: 1;
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
    }
}
.popout.popout-top-right {
    -webkit-animation: menu-emotes .3s cubic-bezier(.2, .6, .5, 1.1);
    animation: menu-emotes .3s cubic-bezier(.2, .6, .5, 1.1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    overflow: hidden;
}
@-webkit-keyframes menu-titlebar {
    0% {
        margin-top: -100vh;
        opacity: 0;
        -webkit-clip-path: inset(100vh 0 0 0);
        clip-path: inset(100vh 0 0 0);
    }
    100% {
        margin-top: 17px;
        opacity: 1;
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
    }
}
@keyframes menu-titlebar {
    0% {
        margin-top: -100vh;
        opacity: 0;
        -webkit-clip-path: inset(100vh 0 0 0);
        clip-path: inset(100vh 0 0 0);
    }
    100% {
        margin-top: 17px;
        opacity: 1;
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
    }
}
.popout-bottom-right {
    -webkit-animation: menu-titlebar .3s cubic-bezier(.2, .6, .5, 1.1);
    animation: menu-titlebar .3s cubic-bezier(.2, .6, .5, 1.1);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    overflow: hidden;
    margin-top: 17px !important;
}

/* APPEARANCE SETTINGS */
.radio-theme label {
    background-size: cover !important;
}
.radio-theme::after {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -10px;
    text-align: center;
    color: hsla(0, 0%, 100%, .7);
    font-size: 20px;
    font-weight: 600;
    pointer-events: none;
}
.radio-theme.dark::after {
    content: "Dark Version";
}
.radio-theme.light::after {
    content: "Light Version";
}
.radio-theme.dark::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    bottom: 4px;
    right: 10px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
}

/* LIGHT VERSION */
.theme-light #friends .friends-table .friend-table-add-wrapper .friend-table-add-header {
    background: rgba(0, 0, 0, 0.1) !important;
}
.theme-light .guilds-wrapper,
.theme-light .channel-members h2,
.theme-light .user-popout .header {
    background: rgba(0, 0, 0, 0.3) !important;
}
.theme-light .account .btn-group,
.theme-light #voice-connection .btn-group {
    background: rgba(0, 0, 0, 0.4) !important;
}
.theme-light .channels-wrap,
.theme-light .private-channels .search-bar input {
    background: rgba(0, 0, 0, 0.5) !important;
}
.theme-light .content .flex-spacer,
.theme-light .channel-members,
.theme-light .title-wrap,
.theme-light .friends-header,
.theme-light .friends-table,
.theme-light .chat .private-channel-call,
.theme-light .popout-menu,
.theme-light .user-popout .body,
.theme-light .user-popout .footer {
    background: rgba(0, 0, 0, 0.7) !important;
}
.theme-light .guilds-wrapper .guilds .guild .guild-inner {
    background: rgba(0, 0, 0, 0.5) !important;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1) !important;
}
.theme-light .guild-channels ul .channel:not(.selected):hover,
.theme-light .private-channels .channel:not(.selected):hover,
.theme-light .guild-channels .channel-text:not(.selected):hover,
.theme-light #voice-debug-modal #users-section .user-list li:not(.selected):hover {
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 85%, transparent) !important;
}
.theme-light .guild-channels ul .channel.selected,
.theme-light .private-channels .channel.selected,
.theme-light .private-channels .search-result.selected,
.theme-light .private-channels .search-result:hover,
.theme-light .guild-channels .channel-text.selected,
.theme-light #voice-debug-modal #users-section .user-list li.selected {
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 85%, transparent) !important;
}
.theme-light .add-friend-input-wrapper {
    border-color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .friends-table .messages .invite-button,
.theme-light .messages-wrapper .messages .invite-button {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}
.theme-light #friends .friends-table .friends-row .friends-column-name,
.theme-light #friends .friends-table .friends-row .friends-column-status {
    color: hsla(0, 0%, 100%, .5);
}
.theme-light .message-group:not(.has-divider) {
    border-bottom-color: rgba(255, 255, 255, .04);
}
.theme-light .message-group .comment .markup[style*="rgb(46, 49, 54)"], {
    color: rgba(255, 255, 255, 0.8) !important;
}
.theme-light .chat .title-wrap .topic::before {
    background-color: hsla(0, 0%, 85%, .1);
}
.theme-light .messages-popout .empty-placeholder .body {
    color: rgba(255,255,255,.2);
}
.theme-light .messages-popout .empty-placeholder .image {
    -webkit-filter: brightness(25%);
}

/* CLEARVISION OUTDATED CSS */
#app-mount::after {
    content: "OUTDATED \a Please Update ClearVision";
    top: 50%;
    margin-top: -50px;
    line-height: 50px;
    white-space: pre;
    opacity: .3;
    -webkit-animation: none;
    -animation: none;
}
#app-mount::before {
	background-color: rgba(0, 0, 0, .5);
    -webkit-animation: none;
    -animation: none;
}
