/**
 * @name Rainbow Everywhere
 * @description Makes your name and staus rainbow
 * @author Demented_Elmo
 * @version 1
 * @authorId 810543628307922955
 * @source https://github.com/Demented-Elmo/demented-elmo.github.io
*/

/* Rainbow User ID */
   .subtext-2HDqJ7,
   .withFrame-2dL45i,
   .embedTitle-2n1pEb,
   .embedMargin-2PsaQ4,
   .embedFieldName-9LYSyR,
   .embedFooterText-2Mc7H9,
   .content-3spvdd,
   .embedFieldValue-3EHtvR,
   .text-MPIeXO,
   .timestamp-p1Df1m,
   .name-3Vmqxm,
   .membersGroup-2eiWxl,
   .desaturateUserColors-1O-G89,
   .username-i5-wv,
   .activityText-1rR-8O,
   .nameAndDecorators-3ERwy2,
   .markup-eYLPri,
   .name-3Uvkvr,
   .messageContent-2t3eCI,
   .topic-11NuQZ,
   .title-17SveM,
   .username-i5-wv-,
   .directionRowReverse-HZatnx ,
   .wordmarkWindows-2dq6rw-wordmark-2u86JB,
   .pointerEvents,
   .children-3xh0VB,
   .wrapper-1ZcZW-_mention,
   .titleBar-1it3bQ,
.customStatus-1UAQAK,
.roleMention-11Aaqi-desaturate-_Twf3u-wrapper-1ZcZW-mention,
.hovered-20u3oh,
.membersGroup-2eiWxl-container-q97qHp,
.markup-eYLPri-messageContent-2t3eCI,
.activity-1-H7Zd-subtext-14b69p,
.contents-2MsGLg,
.activityText-ev7Z1T,
.overflow-1wOqNV,
.title-338goq,
.iconVisibility-vptxma.wrapper-NhbLHG.modeConnected-NrO4cP .name-28HaxV.overflow-1wOqNV,
 .username-h_Y3Us,
 .username-3JLfHz,
.emojiSection-3QtaWO .overflow-1wOqNV {
        background-image: linear-gradient(to left, rgb(51, 255, 0),rgb(51, 255, 0), rgb(255, 230, 0), red, rgb(234, 0, 255), rgb(0, 140, 255), rgb(51, 255, 0), rgb(51, 255, 0), rgb(51, 255, 0));
        animation: gradient-border 4s linear infinite;
        background-size: 400% 100%;
        color: transparent !important;
        -webkit-background-clip: text;
        z-index: 1;
    }
    @keyframes gradient-border {
    from {
      background-position: 0 0;
    }
    to {
      background-position: 100% 0;
    }
    }

    /*Rainbow wave mentions thx to Strencher & Luke*/
html .mention.wrapper-1ZcZW-.mention.interactive  {
    background-image: linear-gradient(to left,rgb(51, 255, 0), rgb(255, 230, 0), red, rgb(234, 0, 255), rgb(0, 140, 255), rgb(51, 255, 0));
    animation: gradient-text 15s linear infinite;
    background-size: 500% 100%;
    color: transparent !important;
    -webkit-background-clip: text;
    z-index: 1;
}
@keyframes gradient-text {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 500% 0;
    }
}
.channelIcon-3I2O7O {
    display: none;
}

.iconMention-3WxjBe::before {
    content: "#";
}

#app-mount .iconMention-3WxjBe {
    padding-left: 2px;
}