@import url('https://discord-custom-gradient-names.github.io/gradient/dist/main.min.css');
@import url('https://commandcrafterhd.gitlab.io/bates-discord-theme/css/hideUsers.css');

.bd-sidebar-header, 
[aria-controls="settings-tab"], 
[aria-controls="emotes-tab"], 
[aria-controls="customcss-tab"], 
[aria-controls="plugins-tab"],
[aria-controls="themes-tab"], 
[aria-controls="themes-tab"]      + .separator-2wx7h6, 
[aria-controls="pluginrepo-tab"], 
[aria-controls="pluginrepo-tab"] + .separator-2wx7h6, 
[aria-controls="themerepo-tab"] + .separator-2wx7h6, 
[aria-controls="themerepo-tab"]{
order: -1;
}

.rolesList-3uZoaa {
gap: 8px;
}
.role-2TIOKu {
margin: 0;
height: auto;
padding: 6px 8px;
border-radius: 4px;
gap: 4px;
position: relative;
overflow: hidden;
}
.role-2TIOKu:hover .roleCircle-1EgnFN {
width: 100%;
opacity: 1;
}
.role-2TIOKu:hover .roleCircle-1EgnFN:not(:empty) ~ .roleName-2ZJJYR {
margin-left: 22px;
}
.roleCircle-1EgnFN {
position: absolute;
top: 0;
left: 0;
margin: 0;
height: 100%;
border-radius: 0;
width: 85%;
-webkit-mask: linear-gradient(90deg, black, transparent);
        mask: linear-gradient(90deg, black, transparent);
filter: none;
opacity: 0.3;
justify-content: flex-start;
padding: 8px;
box-sizing: border-box;
transition: 0.15s ease;
}
.roleName-2ZJJYR {
position: relative;
margin: 0;
transition: margin-left 0.15s ease;
}
.roleRemoveIcon-387wKV {
width: 16px;
height: 16px;
}

.homeIcon-r0w4nypath {fill: transparent}
.homeIcon-r0w4n {
background: url('https://imgur.com/loiWCST.gif') center/cover no-repeat;
min-width: 53px;
min-height: 52px;
}

sidebarRegion-1VBisG,
sidebarRegionScroller-FXiQOh {
flex: 0 0 auto;
}
.contentColumnDefault-3eyv5o {
max-width: unset;
}

.markup-eYLPri .wrapper-1ZcZW-:hover {
  background-color: rgba(0,0,0,0);
}

:root {
  --font: 'Nunito';
}
::placeholder, body, button, input, select, textarea {
  font-family: var(Nunito), Eurostile, Eurostile, Eurostile, Eurostile, Eurostile;
}

.message-2CShn3[data-author-id="659476568569282560"] .username-h_Y3Us,
.wrapper-NhbLHG.modeUnread-3Cxepe .name-28HaxV,
html .mention.wrapper-1ZcZW-.mention.interactive,
.subtext-2HDqJ7,
.customStatus-1UAQAK,
.hovered-20u3oh,
.title-338goq,
.modeSelected-3DmyhH .content-1gYQeQ a,
.modeSelected-3DmyhH .content-1gYQeQ .name-28HaxV, 
.modeSelected-3DmyhH .content-1gYQeQ .actionIcon-2sw4Sl,
.modeSelected-3DmyhH:hover .content-1gYQeQ a,
.modeSelected-3DmyhH:hover .content-1gYQeQ .name-28HaxV,
.modeSelected-3DmyhH:hover .content-1gYQeQ .actionIcon-2sw4Sl,
.username-3JLfHz,
[data-user-id="659476568569282560"] .roleColor-nA7BqX,
[data-user-id="659476568569282560"] .nickname-t08Mck,
[data-user-id="659476568569282560"] .username-3JLfHz{
 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-border 4s linear infinite;
 background-size: 400% 100%;
 color: transparent !important;
-webkit-background-clip: text;
 position: relative;
 z-index: 1;
 }
@keyframes gradient-border {
 0%, 200% {
     background-position: 0 0;
 }
 99.999999999999999% {
     background-position: 130% 0;
 }
}
.channelIcon-3I2O7O {
   display: none;
}
   
.iconMention-3WxjBe::before {
   content: "#";
}
   
#app-mount .iconMention-3WxjBe {
   padding-left: 2px;
}
   
#app-mount .iconMention-3WxjBe {
   padding-left: 2px;
}

:root { --sidebar-initial-width: 240px; }
.sidebar-1tnWFu {
   resize: horizontal;
   width: var(--sidebar-initial-width);
}
.sidebar-1tnWFu .channel-1Shao0 { max-width: unset; }
.bannerImage-ubW8K- { width: 100%; }

.connectedAccountIcon-2vls0t ~ div::before {
content: "";
top: 0; bottom: 0; left: 0; right: 0;
border: 1px solid var(--border-color);
position: absolute;
display: block;
pointer-events: none;
}
.connectedAccount-1xKpli {
overflow: hidden;
position: relative;
}
/* Spotify */
.connectedAccountIcon-2vls0t[src="/assets/eaeac24163b35f7526704a3d9b3c7722.svg"] ~ div::before {--border-color: #1ED760;}
/* Github */
.connectedAccountIcon-2vls0t[src="/assets/6a853b4c87fce386cbfef4a2efbacb09.svg"] ~ div::before {--border-color: #fff;}
/* Twitch */
.connectedAccountIcon-2vls0t[src="/assets/ca71e0b8818221eea1deebbaf8dc6518.svg"] ~ div::before {--border-color: #563194;}
/* Twitter */
.connectedAccountIcon-2vls0t[src="/assets/85cf2b49d2a185c98ec8e383ad5a05d6.svg"] ~ div::before {--border-color: #0099E4;}
/* XBOX */
.connectedAccountIcon-2vls0t[src="/assets/1fa6585cbb8c0fe21188e26d19fc6609.svg"] ~ div::before {--border-color: #5EC220;}
/* Reddit */
.connectedAccountIcon-2vls0t[src="/assets/f3224f560c8f5974355596a4f7e9ce19.svg"] ~ div::before {--border-color: #FF4500;}
/* Battle.net */
.connectedAccountIcon-2vls0t[src="/assets/37f15a06d062bdd0fc252d2b35d0b0bb.svg"] ~ div::before {--border-color: #0099E4;}
/* Steam */
.connectedAccountIcon-2vls0t[src="/assets/d897626dfa2016ea3ad0af935acb6070.svg"] ~ div::before {--border-color: #000000;}
/* YouTube */
.connectedAccountIcon-2vls0t[src="/assets/57ee9535485efae7eb923ed4893abb57.svg"] ~ div::before {--border-color: #D9252A;}
/* Facebook */
.connectedAccountIcon-2vls0t[src="/assets/32045743cb7670855ae726743c949e0c.svg"] ~ div::before {--border-color: #1877F2;}
/* LOL */
.connectedAccountIcon-2vls0t[src="/assets/94dc6f30a819026fa295d85f1f72b4ab.svg"] ~ div::before {--border-color: #CEA146;}

.roleName-3910zV {
z-index: 1
}
.item-3XjbnG > .roleDot-2a4Pv7::before {
content: "";
height: 100%;
width: 100%;
position: auto;
background: inherit;
opacity: 0.15;
top: 0;
left: 0;
border-radius: 4px;
}

.userPopout-2j1gM4 .avatar-3QF_VA {
  position:relative;
  left:521px;
}
.userPopout-2j1gM4 .badgeList-2aoHPw {
  position:relative;
  left:362px;
  top:85px;
}
.userPopout-2j1gM4 .nameTagWithCustomStatus-5c-v3- {
  margin:0!important;
  position:relative;
  left:527px;
  bottom:67px;
}
.userPopout-2j1gM4 .customStatusActivity-WKWGD- {
  position:relative;
  left:510px;
  bottom:30px;
}
.userPopout-2j1gM4 .tabBarContainer-sCZC4w {
  position:relative;
  bottom:200px;
  border-bottom:0px;
}
.userPopout-2j1gM4 .root-8LYsGj {
  width:860px;
}
.userPopout-2j1gM4 .banner-1YaD3N {
width:100%;
height:220px;
}
.userPopout-2j1gM4 .userInfoSection-2u2hir {
  position:relative;
  bottom:120px;
  line-height:90px!important;
}


.avatar-2Vndt_ {position: absolute;margin-top: 100px!important;width: 85px!important;height: 85px!important;}
.userPopout-2j1gM4{width: 700px!important;height: 886px}
.avatarHint-k7pYop{position: absolute;margin-top: 100px!important;width: 85px!important;height: 85px!important;}
.avatar-3mTjvZ{position: absolute; margin-top:115px}
.profileBannerPreview-3_l0Wd{min-width: 600px;}


.headerIcon-2Gk2OH+.headerLabel-1g790w{
text-transform: capitalize; 
}
.name-28HaxV{
text-transform: capitalize; 
}
.item-3XjbnG{
text-transform: capitalize;
}
.children-3xh0VB >h3{text-transform: capitalize;}

:root{
   --title-gradient: 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));"
}
.typeWindows-2-g3UY {
animation: rgbTop 2s infinite linear;
}
@keyframes rgbTop {
0% {
    background-position: 1920px;
}
100% {
    background-position: 0px;
}
}
.typeWindows-2-g3UY{
height:25px;
margin-top:1px!important;
margin-left:1px;
margin-right:1px;
background:var(--title-gradient);
box-shadow:inset 0 -23px 0 0 black,inset 0 -24px 0 0 rgba(0,0,0,0.5);
z-index:50;
}