/**
* @name A NGNL SPECIAL METHOSU Theme
* @author puckzxz#2080 modded by Methosu
* @version 3.2
* @description An easily customizable and automatically updating theme
* @invite FdZhbjY
* @source https://github.com/puckzxz/NotAnotherAnimeTheme
* @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css
*/

@import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css);
/* ChannelTabs Lined */
@import url(https://maendisease.github.io/BetterDiscordStuff/css/channelTabsLined.css);
/*
  To make editing this theme easier I recommend using Notepad++
  you can download it for free here https://notepad-plus-plus.org/download/
*/


/* Any images you use MUST end with .jpg or .png or any other image extension */
.scroller-3X7KbA {
    display:flex !important;
    flex-direction:column !important;
    overflow: unset !important;
    flex-wrap:nowrap !important;

}
.scroller-3X7KbA>div[aria-label="Servers"]{
    overflow: hidden auto !important;
    margin-top: 0px !important;
    margin-bottom: 12px !important;

}
.scroller-3X7KbA>div[aria-label="Servers"]::-webkit-scrollbar { width: 0px; }
.scroller-3X7KbA>div[aria-label="Servers"]+div{
    border-top:2px solid rgb(134, 27, 165);
    padding-top: 5px;
    margin-top:-8px;
}
/* Add a server button color */
.tutorialContainer-2jwoiB .circleIconButton-1VxDrg {
  color: rgb(134, 27, 165);
}
/* Server Discovery button color */
.tutorialContainer-2jwoiB + .listItem-3SmSlK .circleIconButton-1VxDrg {
  color: rgb(134, 27, 165);
}

/* Messages Slide In Chat */
@keyframes slide-up {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}
.message-2CShn3 {
  animation: slide-up 0.4s ease;
}
/* Pop-out Animation */ 
.menu-1QACrS, .emojiPicker-6YCk8a, .browser-mnQ1T7, .messagesPopoutWrap-3zryHW, .wrapper-1NB3WY, .container-3u7RcY, .container-2o3qEW, .container-2ebMPP, .userPopout-2j1gM4 {
    animation: custom-menu-animation 250ms ease;
    transform-origin: top;
}
@keyframes custom-menu-animation {
    0% {
        transform: scaleY(0);
    }
    100% {
        transform: scaleY(1);
    }
}
@import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css);
/* ChannelTabs Lined */
#channelTabs-container {
    margin-left: calc(72px - 8px);
}

.wrapper-1_HaEi {
    height: calc(100% - 8px);
    top:8px;
    left:0;
    position: fixed;
}

.base-2jDfDU {
    margin-left: 72px;
}
:root {
    --channelTabs-tab-height: 32px;
}
.wordmarkWindows-2dq6rw {
    display:none;
}
.titleBar-1it3bQ {
    position:absolute;
    top:0;
    right:0;
    width: fit-content;
    height: calc(var(--channelTabs-tab-height) + 3px);
}

.winButton-3UMjdg {
    height: 100%;
    
}
.channelTabs-tabContainer {
    padding-right: 72px;
    margin-right: calc(76px + 20px);
    -webkit-app-region: drag;
}
.channelTabs-tabContainer > * {
    -webkit-app-region: no-drag;
}

html #channelTabs-settingsMenu {
    right: 84px;
    max-height: unset;
    height: calc(var(--channelTabs-tab-height) + 3px);
    top:0;
}
/* HIDE STREAM FLOAT */
.pictureInPictureVideo-2iKsGg {
    display: none;
}
/* SETTINGS ICONS */
.guildSeparator-a4uisj {
    display: block;
    margin-top: -1px;
    margin-bottom: -1px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--background-color);
    position: fixed;
    z-index: 1;
    padding-top: 113px;
    top: 60px;
}

:root {
  /*
    Theme Background
  */
  --theme-background-image: url(https://cdn.discordapp.com/attachments/931978029113172008/957799086864621608/ijeb.jpg);

  /*
    Main Theme Color
  */
  --main-theme-color: rgb(134, 27, 165);

  /*
    Main Theme Transparency
  */
  --theme-transparency: rgba(0, 0, 0, 0.8);

  /*
    Home Icon Image
  */

  /*
    Change your friends icon image position
  */
  --home-icon-image-position: center center;

  /*
    Change your friends icon image zoom
  */
  --home-icon-image-zoom: 100%;

  /*
    Server Listing Width
    Single Column:  72px
    Double Column:  126px
    Triple Column:  184px
    Quad Column:    242px
  */
  --server-listing-width: 63px;
  --home-icon-image: url(https://cdn.discordapp.com/attachments/839484111126265918/973624006890643547/NotPermitedToModify.gif);

  /*
    Font Size
  */
  --font-size: 110%;

  /*
    Mention colors
  */
  --mention-color: rgba(250, 166, 26, 0.05);
  --mention-sider: rgba(250, 166, 26, 1);
  --mention-hover-color: rgba(250, 166, 26, 0.08);

  /*
    Server category hover color
  */
  --category-hover-color: rgb(162, 27, 232);

  /*
    Change the unread server animation.
    Replace it with "none" in order to remove any animations and use the main color instead
  */
  --unread-server-animation: none;

  /*
    Video / Screen share buttons
  */
  --video-screen-button-background-color: rgba(200, 200, 200, 0.2);
  --video-screen-button-foreground-color: white;
  --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4);
  --video-screen-button-foreground-hovor-color: white;

  /*
    Role Title Color
  */
  --member-listing-role-color: var(--main-theme-color);

  /*
    Small User Popout
  */
  --small-user-popout-background-image: var(--theme-background-image);
  --small-user-popout-background-transparency: rgba(0, 0, 0, 0.6);
  --small-user-popout-background-image-position: center;

  /*
    Big User Popout
  */
  --big-user-popout-background-image: var(--theme-background-image);
  --big-user-popout-background-transparency: rgba(0, 0, 0, 0.6);
  --big-user-popout-background-image-position: center;

  /*
    Code Markup
  */
  --code-markup-background-color: rgba(0, 0, 0, 0.6);
  --code-markup-border: 1px solid transparent;

  /*
    Message Box Transparency
  */
  --message-box-transparency: rgba(0, 0, 0, 0.6);

  /*
    Embed Background Transparency
  */
  --embed-background-transparency: rgba(0, 0, 0, 0.6);

  /*
    Message Hover Buttons
  */
  --message-hover-buttons-background: rgba(200, 200, 200, 0.1);

  /*
    Context Menu Transparency
  */
  --context-menu-transparency: rgba(15, 15, 15, 0.8);

  /*
    Add Server / Discovery Icon
  */
  --add-discover-icon-transparency: rgba(200, 200, 200, 0.15);
  --add-discover-icon-color: rgba(104, 33, 86, 0.5);

  /*
    Channel Limit Number Color
  */
  --channel-limit-count-color: var(--channels-default);
  --channel-limit-background-left: rgba(200, 200, 200, 0.1);
  --channel-limit-background-right: rgba(200, 200, 200, 0.2);

  /*
    Scrollbar Colors
  */
  --scrollbar-color: rgba(200, 200, 200, 0.2);

  /*
    Unread Message Divider
  */
  --unread-message-divider-color: #f04747;
  --unread-message-divider-font-color: #fff;

  /*
    New Messages Bar Color
  */
  --new-messages-bar-background-color: #7289da;
  --new-messages-bar-font-color: #fff;

  /*
    Emoji Menu
  */
  --emoji-menu-background-color: rgba(0, 0, 0, 0.6);
  --emoji-menu-sider-background-color: rgba(0, 0, 0, 0);
  --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8);
  --emoji-menu-bottom-bar-background-color: black;
  --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1);

  /*
    Message Search
  */
  --message-search-menu-background-color: rgba(0, 0, 0, 0.8);
  --message-search-container-background-color: rgba(0, 0, 0, 0.6);
  --message-search-result-background-color: rgba(200, 200, 200, 0.05);

  /*
    Channel colors
  */
  --text-voice-channel-color: rgb(142, 146, 151);
  --text-voice-channel-hover-color: #dcddde;
  --text-voice-channel-selected-text-color: #fff;
  --unread-text-channel-color: #fff;
  --unread-text-channel-bubble-color: var(--main-theme-color);

  /*
    Folders
  */
  --folder-background-color: #2f3136;
  --expanded-folder-background-color: transparent;

  /*
    Reactions
  */
  --reaction-emoji-background-color: rgba(0, 0, 0, 0);
  --reaction-emoji-border-color: 1px solid transparent;
  --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1);
  --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2);
}