/**

 *

 * @name Necroridge

 * @version 0.4.2.1

 * @author DashU#8181

 * @description This theme is currently in the works by DashU#8181 if you have any questions,

 * feel free to drop by and ask them in the support server or DMs.

 * @website https://twitter.com/sky_1633

 */

/**



*WARNING

*MY THEME IS REALLY BAD/BUGGY/SERIOUSLY IN ALPHA

*CONTACT ME IF THERES ANY ISSUES WHATSOEVER

*EVEN IF ITS A TINY BUTTON ----PLEASE----- PROVIDE A PICTURE

*OR DESCRIPTION/LOCATION OF THE ISSUE IN DISCORD OR BETTER YET

*THE CSS CLASSNAME SO I CAN FIX IT IMMEDIATELY

*PROCEED WITH CAUTION

*/





:root {

   --bd-blue: #3E82E5;

   --bd-blue-hover: rgb(56,117,206);

   --bd-blue-active: rgb(50,104,183);

   --blurple: #51818f;

}



.header-ywPcAE {

  background-color: #090909;

}



.list-6NCENv {

  background-color: #090909;

}



.listItems-1uJgMC {

  background-color: #090909;

}



.backdropWithLayer-3_uhz4 {

  background-color: #090909;

}



.inspector-3LQtX9 {

  background-color: #090909;

}





.option-3KoAJB.focused-1T6PE5, .option-3KoAJB:focus, .option-3KoAJB:hover {

  background-color: #202020;

}



.input-1GLP_D {

  padding-left: 40px;

}



.titlePrimary-1jHRGm, .titleSecondary-3Dh_RZ {

  background-color: #090909;

}



.list-donH_Z {

  background-color: #090909;

}



.header-8ilj5e {

  background-color: #090909;

}





.wordmarkWindows-1v0lYD {

   position: absolute;

   top: 0;

   left: 0;

   padding: 4px 9px 3px;

   color: var(--text-muted);

   display: none;

}



.appMount-3lHmkl, body {

   background-color: var(--background-tertiary);

   text-rendering: optimizeLegibility;

}



.barButtonMain-3K-jeJ, .span-1mKrMp {

   white-space: nowrap;

   text-overflow: ellipsis;

   overflow: hidden;

   background-color: #3f8391;

}



.theme-dark .uploadModal-2ifh8j {

   background-color: #090909;

   -webkit-box-shadow: 0 0 0 1px rgba(32,34,37,.6), 0 2px 10px 0 rgba(0,0,0,.2);

   box-shadow: 0 0 0 1px rgba(32,34,37,.6), 0 2px 10px 0 rgba(0,0,0,.2);

}



.textAreaWithoutAttachmentButton-qiaiTB {

   padding-left: 16px;

   background-color: #101010;

}



.withFrame-haYltI {

   height: 18px;

   margin-top: 4px;

}



#app-mount .form-2fGMdU .charCounterAdded-zz9O4t {

 width: 100%;

}



.header-1TKi98 {

   border-radius: 5px 5px 0 0;

   -webkit-transition: -webkit-box-shadow .1s ease-out;

   transition: -webkit-box-shadow .1s ease-out;

   transition: box-shadow .1s ease-out;

   transition: box-shadow .1s ease-out,-webkit-box-shadow .1s ease-out;

   word-wrap: break-word;

   background-color: #040404;

}

body.styledGuildsAsChannels-DNHtg_ #app-mount .guilds-1SWlCJ {

 .scroller-2TZvBN {

   padding-top: var(--spacing);

 }

 .tutorialContainer-1v44GL .childWrapper-anI2G9 {

   background: var(--background-light) !important;

 }

 .homeIcon-tEMBK1 {

   width: 15%;

 }

 .name-z5133D {

   padding-top: 0;

 }

 .wrapper-sa6paO {

   top: 0 !important;

 }

 .textScroller-dc9_kz {

   line-height: var(--line-height);

 }

 .guildSeparator-3s64Iy {

   margin-top: 8px;

 }

}



.headerTop-3C2Zn0 {

   padding: 16px;

   background-color: #060606;

}



.scroller-2LSbBU::-webkit-scrollbar-track {

   margin-bottom: 8px;

   background-color: #020202

}



.border-Jn5IOt.speaking-B2MXPi {

   -webkit-box-shadow: inset 0 0 0 2px #3f8391,inset 0 0 0 3px var(--background-floating);

   box-shadow: inset 0 0 0 2px #3f8391,inset 0 0 0 3px var(--background-floating);

}





.colorable-1bkp8v.primaryDark-3mSFDl, .colorable-1bkp8v.primaryDark-3mSFDl .centerIcon-2G6o-T {

   color: #9eeeff;

}



.colorable-1bkp8v.red-33-Lnk, .colorable-1bkp8v.red-33-Lnk .centerIcon-2G6o-T {

   color: #9eeeff;

}



.colorable-1bkp8v.primaryDark-3mSFDl {

   background: #2f3136;

}



.markup-2BOw-j a:hover {

 background-color: #000000;

}



.sampleLink-2NLvZg {

    font-size: 14px;

    line-height: 18px;

    color: #FFFFFF;

}



.inputDefault-_djjkz {

    padding: 10px;

    padding-left: 40px;

    height: 40px;

    background-color: #030303;

}



.header-8ilj5e {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: grid;

    grid-column: 1/3;

    grid-column-gap: 12px;

    grid-row: 1/2;

    grid-template-columns: auto 24px;

    -webkit-box-shadow: var(--elevation-low);

    box-shadow: var(--elevation-low);

    padding: 12px;

    z-index: 100;

    background-color: #030303;

}



.root-217Brm {

    height: 100%;

    width: 100%;

    background-image: url("https://dashu.derpygamers.com/DashU/box/box0192/piccs/unknown.png");

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    color: #fff;

}



.scroller-RmtA4e {

    z-index: 1;

    padding-right: 8px;

    background-image: url("https://dashu.derpygamers.com/DashU/box/box0192/piccs/unknown.png");

}



.root-217Brm {

    padding-bottom: 8px;

    background-image: url("https://dashu.derpygamers.com/DashU/box/box0192/piccs/unknown.png");

    backdrop

}



.scroller-1JbKMe {

    background-image: url("https://dashu.derpygamers.com/DashU/box/box0192/piccs/unknown.png");

}



.scroller-2LSbBU {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background-image: url("https://dashu.derpygamers.com/DashU/box/box0192/piccs/unknown.png");

}



.inner-1gJC7_ {

    position: relative;

    display: inline;

    width: 200px;

    height: 100px;

    contain: paint;

    background:url('https://dashu.derpygamers.com/DashU/box/box0192/piccs/Infinity-0.7s-200px.svg') center/cover no-repeat;

}

.wanderingCubesItem-WPXqao {

  display: none;

}



.theme-dark .notDetected-33MY4s, .theme-light .notDetected-33MY4s {

    background-color: #090909;

}

.hoverRoll-YK53gQ {

    display: inline-block;

    vertical-align: top;

    cursor: default;

    text-align: left;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

    width: 100%;

    background-color: #020202;

    contain: paint;

}





.card-FDVird {

   background-color: #000000;

   border-color: #000000;

}

.topLeft-3buHIc {

    top: 0;

    left: 0;

    background-color: #121212;

}

.topRight-3GKDeL {

    top: 0;

    right: 0;

    background-color: #121212;

}

.bottomRight-1T56wW {

    bottom: 0;

    right: 0;

    background-color: #121212;

}

.bottomLeft-39-xss {

    bottom: 0;

    left: 0;

    background-color: #121212;

}



.disabled-3I9jyo {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 15%;

    height: auto;

    -webkit-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

    opacity: .6;

    cursor: pointer;

    color: #121212;

    overflow: hidden;

    text-indent: -999em;

    font-size: 0;

    line-height: 0;

}

.option-n0icdO:hover {

    background-color: #bcced4;

    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);

    box-shadow: 0 2px 0 rgba(0,0,0,.3);

    opacity: .8;

}

.avatar-1BDn8e.clickable-1bVtEA {
    pointer-events: auto;
    border-radius: 0%;

}

.wrapper-2QE8vf foreignObject {
   mask: none;
}
.voiceAvatar-14IynY, .border-Jn5IOt, .wrapper-2QE8vf.ringingIncoming-38YcLn:after, .wrapper-2QE8vf.ringingOutgoing-mbXhhQ:after {
   border-radius: var(--borders-avatars-1) !important;
}
.listDefault-3ir5aS .avatarContainer-28iYmV {
    margin-right: 8px;
    margin-left: 8px;
    border-radius: 0%;
}

.wrapper-1BJsBx.selected-bZ3Lue .childWrapper-anI2G9, .wrapper-1BJsBx:hover .childWrapper-anI2G9 {

    color: #fff;

    background-color: #82afbf;

}

.selected-mKYnfr.option-n0icdO {

    background-color: #51818f;

    border-color: #51818f;

    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);

    box-shadow: 0 2px 0 rgba(0,0,0,.3);

    opacity: 1;

}

.inspector-3LQtX9 {

    grid-column: 2/3;

    grid-row: 3/4;

    background-color: #030303;

}



.side-8zPYf6 .item-PXvHYJ {

    padding-top: 6px;

    padding-bottom: 6px;

    margin-bottom: 2px;

    border-radius: 3px;

}



.list-6NCENv {

    height: 100%;

    background-color: #090909;

}



.colorHeaderSecondary-3Sp3Ft {

    color: #ffffff

}



#app-mount .listItemWrapper-3X98Pc .childWrapper-anI2G9 {

    background-color: #000000;

}



.wordmark-2iDDfm:after {

  content: "The Necroridge Theme";

  font-size: 15px;

  font-weight: 700;

  position: absolute;

  width: 4000px;

  top: 5px;

  padding-left: -3px;

  font-family: "Sackers Gothic Std";

}



.wordmark-2iDDfm > svg {

  width: 0px;

}



.title-XLSR78 {

    font-weight: 700;

    margin-bottom: 8px;

    color: #FFFFFF;

}





.controlIcon-3cRbti {

 #

}



.lookFilled-1Gx00P.colorGrey-2DXtkV {

   color: #fff;

   background-color: #498290;

}



.scroller-2hZ97C{

 background-color: #010101;

}



.embedAuthor-3l5luH, .embedDescription-1Cuq9a, .embedFields-2IPs5Z, .embedFooter-3yVop-, .embedMedia-1guQoW, .embedProvider-3k5pfl, .embedTitle-3OXDkz{

 background-color: #020202;

}



.empty-2WtT5s {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

   -ms-flex-direction: column;

   flex-direction: column;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;

   -webkit-box-flex: 1;

   -ms-flex: 1;

   flex: 1;

   min-height: 100%;

   padding: 20px 0;

   background-color: #030303;

}



.activity-11LB_k {

   background-color: #3f8391;

   padding: 16px;

}

.listScroller-2_vlfo {

   padding: 8px 0;

   height: 100%;

   background-color: #030303;

}

.header-QKLPzZ {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

   padding: 20px;

   background-color: #3f8391;

}

.activity-1ythUs {

   padding: 20px;

   background-color: #3f8391;

}

.tabBar-2MuP6-, .tabBarItem-1b8RUP {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   background-color: #3f8391

}



.theme-dark .bd-addon-list .bd-card-footer {

 background-color: #080808;

}



.theme-dark .bd-addon-list .bd-addon-card {

 background-color: #080808;

}



#bd-settingspane-container .bd-pfbtn {

 background-color: #498290;

}



.bd-search-wrapper {

 background-color: #090909;

}



.tabBarContainer-1s1u-z {

   border-top: 1px solid hsla(0,0%,100%,.1);

   padding-left: 20px;

   background-color: #3f8391;

}

.lookInverted-2D7oAl.colorBrand-3pXr91 {

   color: #090909;

   background-color: #fff;

}

.infoScroller-3EYYns {

   padding: 0 20px;

   height: 100%;

   background-color: #030303;

}

.topSectionNormal-2-vo2m .tabBarContainer-1s1u-z {

   border-top-color: #3f8391;

}



.inputDefault-_djjkz {

    padding: 10px;

    height: 40px;

    padding-left: 40px;

    background-color: #030303;

}



.inputDefault-_djjkz {

   padding: 10px;

   height: 40px;

   background-color: #030303;

}



.barButtonAlt-mYL1lj {

   -webkit-box-flex: 0;

   -ms-flex: 0 0 auto;

   flex: 0 0 auto;

   font-weight: 600;

   position: relative;

}



.childWrapper-anI2G9, .wrapper-1BJsBx {

   display: flex;

   width: 48px;

   height: 48px;

   border-radius: 0;

}



.selectable-3dP3y- {

   cursor: pointer;

}



.wrapper-3t9DeA {

   position: relative;

   border-radius: 50%;

}



.lookInverted-2D7oAl.colorGreen-29iAKY {

   color: #43b581;

   background-color: #fff;

}



.input-

cIJ7To.focused-1mmYsC, .input-cIJ7To:focus {

 border-color: #ffffff;

}



.theme-dark .body-3iLsc4, .theme-dark .footer-1fjuF6 {

   background-color: #010101;

   color: #ffffff;

}



.content-1LAB8Z {

   position: relative;

   z-index: 0;

   border-radius: 5px 5px 0 0;

   padding-left: 16px;

   padding-right: 16px;

   overflow-x: hidden;

   background-color: #040404;

}





.quickswitcher-3JagVE, .quickswitcher-3JagVE * {

   -webkit-box-sizing: border-box;

   box-sizing: border-box;

   background-color: #010101;

}





.scrollableContainer-2NUZem {

   overflow-x: hidden;

   overflow-y: scroll;

   background-color: #0a0a0a;

   max-height: 50vh;

   border-radius: 8px;

}



.theme-dark .footer-2gL1pp {

   background-color: #090909;

   -webkit-box-shadow: inset 0 1px 0 rgba(47,49,54,.6);

   box-shadow: inset 0 1px 0 rgba(47,49,54,.6);

}



.theme-dark .selected-1Tbx07 {

   background-color: #090909;

}



.lookFilled-1Gx00P.colorGreen-29iAKY {

   color: #498290;

   background-color: #FFFFFF;

}



.lookInverted-2D7oAl.colorGreen-29iAKY {

   color: #498290;

   background-color: #fff;

}



.unreadMentionsIndicatorBottom-BXS58x

.unreadMentionsBar-1VrBNe:before {

   bottom: -10px;

   background-color: #000000;

}



.consentCard-1iSxB_ {

   margin-bottom: 16px;

   background-color: #0a0a0a;

}



.childWrapper-anI2G9, .wrapper-1BJsBx {

   display: flex;

   width: 48px;

   height: 48px;

   -webkit-box-align: center;

   align-items: center;

   -webkit-box-pack: center;

   justify-content: center;

}







.tabBody-3YRQ8W {

   height: 100%;

   -webkit-box-orient: horizontal;

   -webkit-box-direction: normal;

   -ms-flex-direction: row;

   flex-direction: row;

   position: relative;

   overflow: hidden;

   background-color: #030303;

   -webkit-transform: translateZ(0);

   transform: translateZ(0);

}



#app-mount {

   font-family: tahoma;

   background-color: black;

}



#app-mount .buttonContainer-28fw2U.send-button button {

 display: block !important;

}



#app-mount .buttons-3JBrkn > button.button-38aScr.colorBrand-3pXr91:not(.noFocus-2C7BQj):first-child {

 display: block !important;

}



.autocompleteInner-zh20B_ {

   padding-bottom: 8px;

   background-color: #040404

}



.section-2gLsgF {

   position: relative;

   padding: 12px;

   border-radius: 3px;

   background-color: #050505;

}



#bd-pub-button {

   border-radius: 4px;

   background-color: #090909;

   color: #b9bbbe;

   text-align: center;

   font-size: 12px;

   line-height: 20px;

   height: 20px;

}



.chat-3bRxxu {

   min-width: 0;

   min-height: 0;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

   -ms-flex-direction: column;

   flex-direction: column;

   -webkit-box-flex: 1;

   -ms-flex: 1 1 auto;

   flex: 1 1 auto;

   overflow: hidden;

   background: var(--background-primary);

}



.uploadModal-2ifh8j .footer-3mqk7D.hasSpoilers-1IRtQC {

   -webkit-box-pack: justify;

   -ms-flex-pack: justify;

   justify-content: space-between;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

   background-color: #090909;

}



.colorable-1bkp8v.primaryDark-3mSFDl {

   background: #1a1a1a;

}



.colorable-1bkp8v.red-33-Lnk, .colorable-1bkp8v.red-33-Lnk .centerIcon-2G6o-T {

   color: #ffffff;

}



.colorable-1bkp8v.primaryDark-3mSFDl, .colorable-1bkp8v.primaryDark-3mSFDl .centerIcon-2G6o-T {

   color: #FFFFFF;

}



.directionColumn-35P_nr {

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

   -ms-flex-direction: column;

   flex-direction: column;

   background-color: #090909;

}



.lookFilled-1Gx00P.colorBrand-3pXr91 {

   color: #fff;

   background-color: #51818f;

}



.lookFilled-1Gx00P.colorBrand-3pXr91 {

   color: #fff;

   background-color: #3f8391;

}





.grid-1nZz7S {

   overflow: hidden;

   padding: .5rem 1rem 1rem .75rem;

   display: inline-grid;

   grid-template-columns: auto;

   grid-template-rows: auto;

   background-color: #010101;

}



#app-mount .cozy-3raOZG .wrapper-3t9DeA.avatar-1BDn8e {

 box-shadow: none !important;

 overflow: visible !important;

}



.mentioned-xhSam7:before{

 background-color: #94fff4;

 border-radius-150px;

 padding: 10x;

}





.avatar-3uk_u9 .wrapper-3t9DeA{

   border-radius: 0;

}

.avatar-3uk_u9 .wrapper-3t9DeA svg foreignobject{

   mask: none;

}



.form-2fGMdU {

   -ms-flex-negative: 0;

   flex-shrink: 0;

   padding-left: 16px;

   padding-right: 16px;

   margin-top: -8px;

   background-color: #020202;

}



.fontSize16Padding-3Wk7zP {

   padding-bottom: 11px;

   padding-top: 11px;

}



.sidebar-2K8pFh {

   flex-direction: column;

   min-height: 0;

   width: 240px;

   -webkit-box-flex: 0;

   flex: 0 0 auto;

   background: var(--background-secondary);

}









/* BIG WARNING DONT TOUCH ANYTHING WITHIN THESE COMMENTS OR YOUR DISCORD MIGHT BREAK

*its just a placeholder JK bro lmao get pranked lololololol you got p[ranke]d get it cause you got pranked

*no? ok sorry

*/





/* But hey! If you want your color palette changed most of the colors have been changed using core

Discord CSS classes. You'll need to CTRL+F and find your selected color through ShareX color picker or something

like that and change it through manually. Otherwise, feel free to ask DashU#8181 for a palette or use some of the

palettes provided below.





(COLOR PALETTES SOON TM?)*/























.theme-dark {

   --header-primary: #fff;

   --header-secondary: #bababa;

   --text-normal: #dcddde;

   --text-muted: #4a4a4a;

   --text-link: #ffffff;

   --channels-default: #ffffff;

   --interactive-normal: #b9bbbe;

   --interactive-hover: #c4c4c4;

   --interactive-active: #fff;

   --interactive-muted: #363636;

   --background-primary: #000000;

   --background-secondary: ##0d0d0d;

   --background-secondary-alt: ##121212;

   --background-tertiary: #010101;

   --background-accent: #303030;

   --background-floating: #0b0b0b;

   --background-mobile-primary: #1a1a1a;

   --background-mobile-secondary: ##0d0d0d;

   --background-modifier-hover: rgba(38,38,38,0.16);

   --background-modifier-active: rgba(38,38,38,0.24);

   --background-modifier-selected: rgba(28,28,28,0.32);

   --background-modifier-accent: hsla(0,0%,100%,0.06);

   --background-mentioned: rgba(43,255,237,0.05);

   --background-mentioned-hover: rgba(43,255,237,0.08);

   --background-message-hover: rgba(4,4,5,0.07);

   --background-help-warning: rgba(87,252,255,0.1);

   --background-help-info: rgba(0,176,244,0.1);

   --scrollbar-thin-thumb: #202225;

   --scrollbar-thin-track: transparent;

   --scrollbar-auto-thumb: #202225;

   --scrollbar-auto-track: #2e3338;

   --scrollbar-auto-scrollbar-color-thumb: #202225;

   --scrollbar-auto-scrollbar-color-track: ##0d0d0d;

   --elevation-stroke: 0 0 0 1px rgba(4,4,5,0.15);

   --elevation-low: 0 1px 0 rgba(4,4,5,0.2),0 1.5px 0 rgba(6,6,7,0.05),0 2px 0 rgba(4,4,5,0.05);

   --elevation-medium: 0 4px 4px rgba(0,0,0,0.16);

   --elevation-high: 0 8px 16px rgba(0,0,0,0.24);

   --logo-primary: #fff;

   --focus-primary: #00b0f4;

   --radio-group-dot-foreground: #8ea1e1;

   --guild-header-text-shadow: 0 1px 1px rgba(0,0,0,0.4);

   --channeltextarea-background: #40444b;

   --activity-card-background: #202225;

   --textbox-markdown-syntax: #9e9e9e;

   --deprecated-card-bg: rgba(32,34,37,0.6);

   --deprecated-card-editable-bg: rgba(32,34,37,0.3);

   --deprecated-store-bg: #36393f;

   --deprecated-quickswitcher-input-background: #7d7d7d;

   --deprecated-quickswitcher-input-placeholder: hsla(0,0%,100%,0.3);

   --deprecated-text-input-bg: rgba(0,0,0,0.1);

   --deprecated-text-input-border: rgba(0,0,0,0.3);

   --deprecated-text-input-border-hover: #040405;

   --deprecated-text-input-border-disabled: #202225;

   --deprecated-text-input-prefix: #dcddde;

}