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

.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-1VQkGM {
max-width: unset;
}

.markup-2BOw-j .wrapper-3WhCwL: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-2qnXI6[data-author-id="659476568569282560"] .username-1A8OIy,
.wrapper-2jXpOf.modeUnread-1qO3K1 .name-23GUGE,
html .mention.wrapper-3WhCwL.mention.interactive,
.subtext-3CDbHg,
.customStatus-3tC2ig,
.hovered-d5PMVU,
.title-eS5yk3,
.modeSelected-346R90 .content-1x5b-n a,
.modeSelected-346R90 .content-1x5b-n .name-23GUGE, 
.modeSelected-346R90 .content-1x5b-n .actionIcon-PgcMM2,
.modeSelected-346R90:hover .content-1x5b-n a,
.modeSelected-346R90:hover .content-1x5b-n .name-23GUGE,
.modeSelected-346R90:hover .content-1x5b-n .actionIcon-PgcMM2,
.username-2b1r56,
[data-user-id="659476568569282560"] .roleColor-rz2vM0,
[data-user-id="659476568569282560"] .nickname-3M3Jfa,
[data-user-id="659476568569282560"] .username-2b1r56{
 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-1MN1lz {
   display: none;
}
   
.iconMention-1_KJ_B::before {
   content: "#";
}
   
#app-mount .iconMention-1_KJ_B {
   padding-left: 2px;
}
   
#app-mount .iconMention-1_KJ_B {
   padding-left: 2px;
}

:root { --sidebar-initial-width: 240px; }
.sidebar-2K8pFh {
   resize: horizontal;
   width: var(--sidebar-initial-width);
}
.sidebar-2K8pFh .channel-2QD9_O { max-width: unset; }
.bannerImage-3KhIJ6 { width: 100%; }

.connectedAccountIcon-3_EQqg ~ 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-2Jb-Z0 {
overflow: hidden;
position: relative;
}
/* Spotify */
.connectedAccountIcon-3_EQqg[src="/assets/eaeac24163b35f7526704a3d9b3c7722.svg"] ~ div::before {--border-color: #1ED760;}
/* Github */
.connectedAccountIcon-3_EQqg[src="/assets/6a853b4c87fce386cbfef4a2efbacb09.svg"] ~ div::before {--border-color: #fff;}
/* Twitch */
.connectedAccountIcon-3_EQqg[src="/assets/ca71e0b8818221eea1deebbaf8dc6518.svg"] ~ div::before {--border-color: #563194;}
/* Twitter */
.connectedAccountIcon-3_EQqg[src="/assets/85cf2b49d2a185c98ec8e383ad5a05d6.svg"] ~ div::before {--border-color: #0099E4;}
/* XBOX */
.connectedAccountIcon-3_EQqg[src="/assets/1fa6585cbb8c0fe21188e26d19fc6609.svg"] ~ div::before {--border-color: #5EC220;}
/* Reddit */
.connectedAccountIcon-3_EQqg[src="/assets/f3224f560c8f5974355596a4f7e9ce19.svg"] ~ div::before {--border-color: #FF4500;}
/* Battle.net */
.connectedAccountIcon-3_EQqg[src="/assets/37f15a06d062bdd0fc252d2b35d0b0bb.svg"] ~ div::before {--border-color: #0099E4;}
/* Steam */
.connectedAccountIcon-3_EQqg[src="/assets/d897626dfa2016ea3ad0af935acb6070.svg"] ~ div::before {--border-color: #000000;}
/* YouTube */
.connectedAccountIcon-3_EQqg[src="/assets/57ee9535485efae7eb923ed4893abb57.svg"] ~ div::before {--border-color: #D9252A;}
/* Facebook */
.connectedAccountIcon-3_EQqg[src="/assets/32045743cb7670855ae726743c949e0c.svg"] ~ div::before {--border-color: #1877F2;}
/* LOL */
.connectedAccountIcon-3_EQqg[src="/assets/94dc6f30a819026fa295d85f1f72b4ab.svg"] ~ div::before {--border-color: #CEA146;}

.roleName-2IkRdr {
z-index: 1
}
.item-PXvHYJ > .roleDot-ZwSovK::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
background: inherit;
opacity: 0.15;
top: 0;
left: 0;
border-radius: 4px;
}

@keyframes unreadRainbow { /*animation*/
50% {
background-position: 100% 50%;
}
}
.wrapper-25eVIn foreignObject { /*Round server channels*/
mask: unset;
border-radius: 1000%;
}
.pill-1z4sAY { /*Makes ring visible*/
overflow: visible!important;
}
.item-2hkk8m[style*="height: 8px"]::before { /*Unread server ring*/
content: '';
position: absolute;
top: -22px;
left: 14px;
width: 52px;
height: 52px!important;
border-radius: 41%;
background: linear-gradient(120deg,
rgb(0,64,255),
rgb(0,64,255),
rgb(0,64,255),
rgb(128, 0, 255),
rgb(255, 0, 0),
rgb(255, 145, 0),
rgb(2, 190, 2),
rgb(0,64,255),
rgb(128, 0, 255),
rgb(255, 0, 0),
rgb(255, 145, 0),
rgb(2, 190, 2),
rgb(0, 0, 0)
);
background-size: 200% 200%;
background-position: 0 50%;
animation: unreadRainbow 4s infinite;
transition: 0.25s ease;
}
.wrapper-1BJsBx { /*Matches png server icons with default background*/
background-color: var(--background-tertiary);
}


.avatar-AvHqJA {
  position:relative;
  left:521px;
}
.badgeList-1R1WgZ {
  position:relative;
  left:362px;
  top:85px;
}
.nameTagWithCustomStatus-2kkfrQ {
  margin:0!important;
  position:relative;
  left:527px;
  bottom:67px;
}
.customStatusActivity-nmH3DF {
  position:relative;
  left:510px;
  bottom:30px;
}
.tabBarContainer-37hZsr {
  position:relative;
  bottom:200px;
  border-bottom:0px;
}
.root-3QyAh1 {
  width:860px;
}
.banner-2QYc2d {
width:100%;
height:220px;
}
.userInfoSection-q_35fn {
  position:relative;
  bottom:120px;
  line-height:90px!important;
}


.avatar-37jOim {position: absolute;margin-top: 100px!important;width: 85px!important;height: 85px!important;}
.userPopout-xaxa6l{width: 700px!important;height: 886px}
.avatarHint-2A3RNb{position: absolute;margin-top: 100px!important;width: 85px!important;height: 85px!important;}
.avatar-1uQSZT{position: absolute; margin-top:115px}
.profileBannerPreview-3_l0Wd{min-width: 600px;}


.headerIcon-1qrXTN+.headerLabel-3dG4M-{
text-transform: capitalize; 
}
.name-23GUGE{
text-transform: capitalize; 
}
.item-PXvHYJ{
text-transform: capitalize;
}
.children-19S4PO >h3{text-transform: capitalize;}

/* ---- Online ---- */
.status-1AY8sU[style*="background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);"] {
    background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%) !important;
}
[mask*="url(#svg-mask-status-online)"],
[mask*="url(#svg-mask-status-online-mobile)"],
[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"],
[aria-label="Online"] > svg > rect {
    fill: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);
}
.status-1AY8sU[style*="background-color: rgb(59, 165, 92);"] {
    background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%) !important;
}
#status-picker-online.colorDefault-2K3EoJ,
#status-picker-online.colorDefault-2K3EoJ.focused-3afm-j {
    color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);
}
#status-picker-online.focused-3afm-j {
    background-color: hsla(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%, 0.17);
}
/* ---- Idle ---- */
.status-1AY8sU[style*="background-color: hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%);"] {
    background-color:  hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%) !important;
}
[mask*="url(#svg-mask-status-idle)"],
[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"],
[aria-label="Idle"] > svg > rect {
    fill:  hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%);
}
.status-1AY8sU[style*="background-color: rgb(250, 166, 26);"] {
    background-color:  hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%) !important;
}
#status-picker-idle.colorDefault-2K3EoJ,
#status-picker-idle.colorDefault-2K3EoJ.focused-3afm-j {
    color:  hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%);
}
#status-picker-idle.focused-3afm-j {
    background-color: hsla(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%, 0.17);
}
/* ---- Do Not Disturb ---- */
.status-1AY8sU[style*="background-color: hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"] {
    background-color: hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%) !important;
}
[mask*="url(#svg-mask-status-dnd)"],
[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"],
[aria-label="Do Not Disturb"] > svg > rect {
    fill: hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);
}
.status-1AY8sU[style*="background-color: rgb(237, 66, 69);"] {
    background-color: hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%) !important;
}
#status-picker-dnd.colorDefault-2K3EoJ,
#status-picker-dnd.colorDefault-2K3EoJ.focused-3afm-j {
    color: hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);
}
#status-picker-dnd.focused-3afm-j {
    background-color: hsla(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%, 0.17);
}
/* ---- Invisible ---- */
[mask*="url(#svg-mask-status-offline)"],
[aria-label="Offline"] > svg > rect {
    fill: #99aab5;
}
#status-picker-invisible.colorDefault-2K3EoJ,
#status-picker-invisible.colorDefault-2K3EoJ.focused-3afm-j {
    color: #99aab5;
}
#status-picker-invisible.focused-3afm-j {
    background-color: #97a9b42b;
}

: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-1za-n7 {
animation: rgbTop 4s infinite linear;
}
@keyframes rgbTop {
0% {
    background-position: 1920px;
}
100% {
    background-position: 0px;
}
}
.typeWindows-1za-n7{
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;
}