/**
 * @name Sean's Theme
 * @description Modular Theme For Discord
 * @author Sean Harmanis
 * @version 7.6.00
 */





/* ========== [INSTRUCTIONS] ========== */
/* To Enable/disable a module, comment / uncomment the title like this:
/* ========== [Example] ==========   =    disabled
/* ========== [Example] ========== */ /*  =  enabled */






/* ========== [@imports] ========== */


/* == [Mini Themes / Plugins List] == 

@import url(//maendisease.github.io/BetterDiscordStuff/css/bdAddonMini.css);


/* == [Better Invites] == */

@import url(//maendisease.github.io/BetterDiscordStuff/css/bettterInvites.css);


/* == [Better User Panel] == 

@import url(//dablulite.github.io/css-snippets/RedesignedUserPanel/import.css);


/* == [Better Account Details Menu] == */

@import url(//dablulite.github.io/css-snippets/AccountDetailsGrid/import.css);


/* == [Fix Nitro Themes] == */

@import url(//dablulite.github.io/css-snippets/NitroThemesFix/import.css);


/* == [Better Editor] == */

@import url(//dablulite.github.io/css-snippets/BetterFloatingEditor/import.css);


/* == [Fix Old Themes] == 

@import url(//thecommieaxolotl.github.io/BetterDiscord-Stuff/Imports/Touchup.css);


/* == [Profile Skins (Follows Banner Color)] == 

@import url(//maendisease.github.io/BetterDiscordStuff/css/ProfileBannerSkins.css);


/* == [Revert Watermark] == */

@import url('https://Goose-Nest.github.io/GT-RevertRebrand/src/components/wordmark.css');




/* ==================== [DEPENDENCIES] ==================== */


/* == [Settings Modal] == */

@import url(//mwittrien.github.io/BetterDiscordAddons/Themes/SettingsModal/SettingsModal.css);


/* == [RadialStatus] == */

@import url(//discordstyles.github.io/RadialStatus/dist/RadialStatus.css); 



/* ==================== [Core Features] ==================== */



/* ========== [Discolored] ========== */

@import url(//nyri4.github.io/Discolored/main.css); 




/* ========== [Syntax Highlight in Codeblock Messages] [From Original Tokyo Night Theme] ========== */

@import url(//dyzean.github.io/Tokyo-Night/addons/syntax-highlight.css);




/* ========== [Username Background / Chat Bubbles ] [Not Compatible With One Another] ========== */

/* == [Chat Bubbles] == */

@import url(//maendisease.github.io/BetterDiscordStuff/css/ChatBubbles.css); 


/* == [Username Background] == 

@import url(//dyzean.github.io/Tokyo-Night/addons/username-background.css); 




/* ========== [Titlebars (Windows Only)] ========== */

/* == [Old Titlebar] == 

@import url("https://gibbu.github.io/BetterDiscord-Themes/addons/windows-titlebar.css");


/* == [MacOS] == 

@import url(//dablulite.github.io/css-snippets/MacosTitlebar/import.css);
:root {
    --mactitlebar-left-margin: 5px;
    --mactitlebar-top-margin: 10px;
    --mactitlebar-button-width: 20px;
    --mactitlebar-button-height: 20px;
    --mactitlebar-button-border-radius: 50px;
    --mactitlebar-close-btn-back: #f04747;
    --mactitlebar-min-btn-back: #faa61a;
    --mactitlebar-max-btn-back: #43b581;
    --macbuttons-serverlist-inner-top-margin: 32px;
    --macbuttons-serverlist-outer-top-margin: 0;
    --macbuttons-serverlist-outer-height: 100%;
}

/* == [LibAdwaita] == 

.titleBar-1it3bQ {
  margin-top: 0;
  height: 36px;
  padding: 6px 12px;
  gap: 8px;
  position: absolute;
  right: 0;
}
.winButton-3UMjdg {
  height: 36px;
  width: 36px;
  top: 0;
  transition: .2s;
  border-radius: 50%;
  background-color: var(--background-tertiary) !important;
  justify-content: center;
}
.container-ZMc96U * {
  -webkit-app-region: no-drag;
}
.platform-win .container-ZMc96U {
  width: calc(100% - ((36px * 3) + 24px));
  -webkit-app-region: drag;
}
.wordmark-2u86JB {
  display: none;
}
.platform-win:has(.callContainer-HtHELf) .container-ZMc96U {
  width: calc(100% - ((36px * 3) + 18px));
}
.layer-86YKbF:has(+ .layer-86YKbF) .container-ZMc96U {
  -webkit-app-region: no-drag !important;
}

/* == [Big Dick Titlebar] == */

.winButton-3UMjdg {
  height: 32px;
  width: 32px;
  margin-top: 0px;
  padding-left: 8px;
  padding-right: 8px;
}
.withFrame-2dL45i {
  height: fit-content;
  margin-top: 0px;
}
.wordmarkWindows-2dq6rw {
  margin-top: 8px;
  margin-left: 8px;
  padding: 0px;
}




/* ==================== [FONT MODULES] ==================== */



/* ========== [Custom Font] ========== */

/* == [Quickand Light] == 
:root {
    --font-primary: "Quicksand Light", sans-serif;
    --font-display: "Quicksand Light", sans-serif;
}

/* == [Quickand] == */
:root {
    --font-primary: "Quicksand", sans-serif;
    --font-display: "Quicksand", sans-serif;
}

/* == [JetBrains Mono Light] == 
:root {
  --font-primary: "JetBrains Mono Light", sans-serif;
  --font-display: "JetBrains Mono Light", sans-serif;
}



/* ==================== [BETTER {BLANK} MODULES] ==================== */


  



/* ========== [Better Jump To Present Button] [by Lonk] ========== */
  
  [class*="jumpToPresentBar"] {
    display: contents;
  }
  [class*="jumpToPresentBar"] > button:first-child {
    display: none;
  }
  [class*="jumpToPresentBar"] > button:last-child {
    position: absolute;
    z-index: 1;
    bottom: 24px;
    right: 22px;
    padding: 8px !important;
    height: auto;
    background-color: #5865F2;
    box-shadow: var(--elevation-high);
    border-radius: 100px;
    display: flex;
    font-size: 0px;
    color: transparent;
    transition: font-size .2s .1s, color .2s, padding .4s .1s;
  }
  [class*="jumpToPresentBar"] > button svg {
    order: -1;
    margin: 0px;
    height: 24px;
    width: 24px;
    top: auto;
    margin-right: 0px;
    margin-left: 0px;
    color: #FFFFFF;
    transition: margin .6s;
  }
  [class*="jumpToPresentBar"]:hover > button {
    padding: 8px 18px !important;
    font-size: 14px;
    color: #FFFFFF;
    transition: font-size .2s, color .2s .1s, padding .4s;
  }
  [class*="jumpToPresentBar"]:hover > button svg {
    margin-right: 2px;
    margin-left: -6px;
  }




/* ========== [Better Folders] ========== */

.closedFolderIconWrapper-3tRb2d {
  display: none;
}
.folderIconWrapper-1oRIZr:not([style=""])::before {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: inherit;
  -webkit-mask: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/folder.svg) no-repeat;
  mask: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/folder.svg) no-repeat;
  transform: scale(1.3335);
  filter: brightness(1.5) saturate(1.5);
}




/* ========== [Better Toasts] ========== */

.toast-1DEQGy,
.toast-q3Y4wI {
    background: #43b581 !important;
    transform: translateY(10px);
    padding: 6px 10px 6px 10px !important;
    border-radius: 5px;
    box-shadow: var(--elevation-medium), var(--elevation-stroke);
    font-weight: 500;
    color: var(--header-primary);
    opacity: 1;
    margin-top: 10px;
}

.toast-1DEQGy .icon-q80NJC > path,
.toast-q3Y4wI .icon-2QUmmw > path {
    d: none !important;
}

.toast-1DEQGy .icon-q80NJC,
.toast-q3Y4wI .icon-2QUmmw {
    height: 20px !important;
    width: 20px !important;
    margin-top: 0 !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptLTIgMTVsLTUtNSAxLjQxLTEuNDFMMTAgMTQuMTdsNy41OS03LjU5TDE5IDhsLTkgOXoiLz48L3N2Zz4=);
    background-size: 20px 20px;
}

.toast-1DEQGy .colorHeaderPrimary-26Jzh-,
.toast-q3Y4wI .colorHeaderPrimary-jN_yGr {
    font-size: 14px !important;
    line-height: 20px !important;
}



/* ==================== [MISC. MODULES] ==================== */



/* ========== [Limits CodeBlock Size and Adds a Scrollbar] ========== */

.markup-eYLPri blockquote, .markup-eYLPri pre > code{
  max-height:200px; /*Change this to your height preference.*/
  overflow-x: hidden;
  overflow-y:scroll;
  }
  .markup-eYLPri blockquote::-webkit-scrollbar, .markup-eYLPri pre > code::-webkit-scrollbar {
  width: 15px;
  height: 15px;
  }
  
  .markup-eYLPri blockquote::-webkit-scrollbar-track , .markup-eYLPri pre > code::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: rgba(255 255 255 / 8%);/*Change this to your color choice or just remove it entirely.*/ /* Scrollbar track */
  }
  .markup-eYLPri blockquote::-webkit-scrollbar-thumb, .markup-eYLPri pre > code::-webkit-scrollbar-thumb {
  background-color: rgb(120 120 120 / 70%); /*Change this to your color choice or just remove it entirely.*/ /* Scrollbar Thumb */
  border-radius: 10px;
  }
  .markup-eYLPri blockquote, .markup-eYLPri pre > code {
  max-width: 629px;
  }




/* ========== [Delete Chatbox on Unmessagable Channels] ========== */

.channelTextAreaDisabled-1p2fQv, .channelTextAreaDisabled-1p2fQv > .scrollableContainer-15eg7h{
  animation: nochat .000001ms forwards;
}
@keyframes nochat{
  to{height: 0}
}
/* Removes Follow banner on bottom of channels */
.wrapper-2SplAX {display: none;}




/* ========== [Custom Message Box Text] ========== */

.textAreaSlate-9-y-k2>div:not([class])>:nth-last-child(2){font-size:0}
.textAreaSlate-9-y-k2>div:not([class])>:nth-last-child(2):before{
    content: 'Kid Named Big Gay Furry Men And Women:';
    font-size: 0.9rem;
}
.textAreaSlate-9-y-k2{ overflow: hidden;}




/* ========== [Floating Folder] [by Disesase] ========== */

.wrapper-38slSD:active {
    -webkit-transform: unset;
    transform: none;
}

[id^="folder-items-"] {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 99;
    overflow-y: auto;
    max-height: calc(100vh - 72px);
    margin: auto auto auto calc(72px + 8px);
    padding-top: 8px;
    border-radius: 8px;
    background: var(--background-floating);
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
}

[id^="folder-items-"]::-webkit-scrollbar {
    display: none;
}




/* ========== [Hiding Misceleanous Stuff] ========== */

/* == ScrollBar == */
.scroller-kQBbkU::-webkit-scrollbar {
  display: none
}

/* == Boost Bar == */
.container-2giAcK {
  display: none;
}

/* == Search Bar (DMs) == */
.searchBar-3TnChZ {
  display: none;
}

/* == Server Buttons == */
.tutorialContainer-2jwoiB,
.tutorialContainer-2jwoiB + .listItem-3SmSlK {
  display: none;
}

/* yes */
.avatar-3521_d {
  display: none;
}
.drawerSizingWrapper-1txdWG {
    left: 243px;
}
.channel-1Shao0:has([href$="/@me"],[href$="store"]){
  display:none;
}

.button-2fCJ0o,
.emojiButtonNormal-35P0_i,
.emojiButton-3FRTuj {
    display: none;
}
.button-2fCJ0o {display: none;}
.buttons-uaqb-5 > .button-ejjZWC {
    display: none;
}

.section-28YDOf:has(.note-1NN2aP) {
  display: none;
}




/* ========== [Small Fixes] ========== */

.header-2jRmjb > div {
  display: inline;
}

.roundedBanner-uNt2w-,
.userProfileInner-1ngKnf {
  border-radius: 30px 30px 0 0;
}

.userProfileOuter-2tQwNf,
.userPopoutInner-nv9Y92:before {
  border-radius: 30px;
}

.menu-2TXYjN, .item-5ApiZt { 
  border-radius: 30px; 
}

html:not(.app-focused) .isUnread-3Lojb- {
    border-color: transparent
}
.isUnread-3Lojb- {
    transition: .15s
}
html:not(.app-focused) .newMessagesBar-1hF-9G {
    opacity: 0
}
.newMessagesBar-1hF-9G {
    transition: .15s
}

img[src$="3aa41de486fa12454c3761e8e223442e.png"]{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNMjEuNTkxIDUuMzE4bC03Ljg3IDUuMTY2YS45MTQuOTE0IDAgMCAwLS4zMTYuMzU0bC0xLjIgMi40MDVhLjIyNC4yMjQgMCAwIDEtLjQxIDBsLTEuMi0yLjQwNWEuOTE0LjkxNCAwIDAgMC0uMzE3LS4zNTRsLTcuODctNS4xNjZhLjIzMi4yMzIgMCAwIDAtLjM1NC4yOThsMy4yODkgNi4zOTdhLjIzNi4yMzYgMCAwIDEtLjE4LjMzNUgzLjE4NWEuMjMuMjMgMCAwIDAtLjEzNy40MTdsOC44MTQgNi4zMTVhLjI0My4yNDMgMCAwIDAgLjI3NCAwbDguODE0LTYuMzE1YS4yMy4yMyAwIDAgMC0uMTM3LS40MTdoLTEuOTc2YS4yMzcuMjM3IDAgMCAxLS4yMDYtLjMzNWwzLjMxNC02LjM5N2EuMjMyLjIzMiAwIDAgMC0uMzU1LS4yOThoLjAwMXoiIGZpbGw9IiM0NWRkYzAiLz48L3N2Zz4=")}img[src$="8a88d63823d8a71cd5e390baa45efa02.png"]{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBmaWxsPSIjOWM4NGVmIiBkPSJNMjEuNTkxIDUuMzE4bC03Ljg3IDUuMTY2YS45MTQuOTE0IDAgMCAwLS4zMTYuMzU0bC0xLjIgMi40MDVhLjIyNC4yMjQgMCAwIDEtLjQxIDBsLTEuMi0yLjQwNWEuOTE0LjkxNCAwIDAgMC0uMzE3LS4zNTRsLTcuODctNS4xNjZhLjIzMi4yMzIgMCAwIDAtLjM1NC4yOThsMy4yODkgNi4zOTdhLjIzNi4yMzYgMCAwIDEtLjE4LjMzNUgzLjE4NWEuMjMuMjMgMCAwIDAtLjEzNy40MTdsOC44MTQgNi4zMTVhLjI0My4yNDMgMCAwIDAgLjI3NCAwbDguODE0LTYuMzE1YS4yMy4yMyAwIDAgMC0uMTM3LS40MTdoLTEuOTc2YS4yMzcuMjM3IDAgMCAxLS4yMDYtLjMzNWwzLjMxNC02LjM5N2EuMjMyLjIzMiAwIDAgMC0uMzU1LS4yOThoLjAwMXoiLz48L3N2Zz4=")}img[src$="011940fd013da3f7fb926e4a1cd2e618.png"]{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBmaWxsPSIjZjQ3YjY3IiBkPSJNMjEuNTkxIDUuMzE4bC03Ljg3IDUuMTY2YS45MTQuOTE0IDAgMCAwLS4zMTYuMzU0bC0xLjIgMi40MDVhLjIyNC4yMjQgMCAwIDEtLjQxIDBsLTEuMi0yLjQwNWEuOTE0LjkxNCAwIDAgMC0uMzE3LS4zNTRsLTcuODctNS4xNjZhLjIzMi4yMzIgMCAwIDAtLjM1NC4yOThsMy4yODkgNi4zOTdhLjIzNi4yMzYgMCAwIDEtLjE4LjMzNUgzLjE4NWEuMjMuMjMgMCAwIDAtLjEzNy40MTdsOC44MTQgNi4zMTVhLjI0My4yNDMgMCAwIDAgLjI3NCAwbDguODE0LTYuMzE1YS4yMy4yMyAwIDAgMC0uMTM3LS40MTdoLTEuOTc2YS4yMzcuMjM3IDAgMCAxLS4yMDYtLjMzNWwzLjMxNC02LjM5N2EuMjMyLjIzMiAwIDAgMC0uMzU1LS4yOThoLjAwMXoiLz48L3N2Zz4=")}

.bannerSVGWrapper-2CLfzN circle{
  cx: 50%;
}
.avatarWrapper-eenWra {
  left: 50%;
  transform: translateX(-50%);
}




/* ========== [Custom Home Icon] ========== */

.homeIcon-r0w4ny {
  height: 28px;
}
.homeIcon-r0w4ny path {
  d: path("M7.516 16.7C7.8784 16.7 8.1694 16.3791 8.1838 16.0171 8.1906 15.8462 8.2 15.674 8.2 15.5 8.2 10.1984 11.7683 5.9 17.3338 5.9 19.3811 5.9 21.3254 6.6288 22.9281 7.6747 23.3211 7.9312 23.8106 7.6966 23.8014 7.2274 23.8005 7.1825 23.8 7.1398 23.8 7.1 23.8 1.8068 19.0527-2.5 13.219-2.5 7.3854-2.5 2.638 1.8068 2.638 7.1 2.638 8.59 3.0076 10.0228 3.7183 11.3276 3.9932 11.8323 3.9466 12.4664 3.5445 12.8769L1.7978 14.6604C1.0539 15.4198 1.592 16.7 2.6551 16.7H7.516ZM25.0161 18.9078C24.8039 18.5696 24.7806 18.1502 24.909 17.7722 25.1568 17.0422 25.2845 16.2741 25.2845 15.5 25.2845 11.5292 21.9897 8.3 17.9399 8.3 13.8903 8.3 10.5953 11.5292 10.5953 15.5 10.5953 19.4708 13.8903 22.7 17.9399 22.7H25.2258C26.1693 22.7 26.7437 21.6614 26.2424 20.8622L25.0161 18.9078Z");
}




/* ========== [CRT Effect] ========== 

body::before {
  content: "";
  display: block;
  width: 100vw;
  height: 100vh;
  position: absolute;
  background-image: linear-gradient(
      rgba(255,255,255, 0.05) 85%,
      rgba(0,0,0, 0.1) 50%
  );
  background-size: 100% 4px;
  z-index: 9999;
  pointer-events: none;
  animation: flicker 0.2s infinite alternate;
}
body::after {
  content: "";
  display: block;
  width: 100vw;
  height: 4px;
  position: absolute;
  background-image: linear-gradient(
      rgba(0,0,0, 0.5),
      transparent
  );
  z-index: 9998;
  pointer-events: none;
  top: 0%;
  animation: scanline 3s linear infinite;
}
@keyframes scanline {
  0% { top: 100%; }
}




/* ========== [Settings Modal] ========== */

:root {
	--settingsmodalbackground: 	transparent;
	--settingsmodalwidth: 		940px;
	--settingsmodalheight: 		68vh;
}

#app-mount .layer-86YKbF ~ .layer-86YKbF {
    border-radius: 30px !important;
}
.auto-2TJ1RH::-webkit-scrollbar {
    width: 20px;
    height: 20px;
}
.auto-2TJ1RH::-webkit-scrollbar-thumb, .auto-2TJ1RH::-webkit-scrollbar-track {
  display: none;
}




/* ========== [Radial Status] ========== */

:root {
--rs-small-spacing: 2px;
--rs-medium-spacing: 3px;
--rs-large-spacing: 4px;

--rs-small-width: 2px;
--rs-medium-width: 3px;
--rs-large-width: 4px;

--rs-avatar-shape: 50%;

--rs-online-color: rgb(136, 192, 208);
--rs-idle-color: rgb(203, 119, 211);
--rs-dnd-color: rgb(255, 107, 109);
--rs-offline-color: rgb(116, 127, 141);
--rs-streaming-color: rgb(89, 54, 149);
--rs-invisible-color: rgb(116, 127, 141);
--rs-phone-color: var(--rs-online-color);
--rs-phone-visible: none;
}




/* ========== [Hover Buttons] ========== */

.panels-3wFtMD > .container-YkUktl .flex-2S1XBF > :not(:last-child) {
    opacity: 0% !important;
    width: 0px;
    transition: all 0.2s ease-in-out;
}

.panels-3wFtMD > .container-YkUktl:hover .flex-2S1XBF > :not(:last-child) {
    opacity: 100% !important;
    width: 32px;
}

.container-YkUktl {
    justify-content: space-between;
}

.panels-3wFtMD {
  order: -1;
}