/* || HorizontalServerList
 * This addon is provided by DiscordStyles under the MIT license.
 * Please review the license for more information.
 * ----------------------------------------------------------------------------
 * https://github.com/DiscordStyles/HorizontalServerList/blob/master/LICENSE.md
 */

@import url("https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css");

/* Bottom HorizontalServerList. Simply remove the comments surrounding the @import to enable it. */
/* @import url("https://discordstyles.github.io/Addons/bottomhsl.css"); */

:root {
    --HSL-server-icon-size: 49px;  /* Size of the server icons | DEFAULT: 40px */
    --HSL-server-spacing: 10px;  /* Spacing between each server icon | DEFAULT: 10px */
    --HSL-server-direction: column; /* Direct of the server list. | Options: column, column-reverse | DEFAULT: column */
}

#app-mount .sidebar-1tnWFu {
    margin-top: 0;
    margin-left: 10px;
}
#app-mount div.chat-2ZfjoI {
    margin-top: 0;
}
#app-mount .guilds-2JjMmN [class*="expandedFolderBackground"] {
    border-radius: 24px !important;
}
#app-mount .tutorialContainer-2jwoiB {
    bottom: calc(99px + var(--HSL-server-spacing)) !important;
}
#app-mount .tutorialContainer-2jwoiB + .listItem-3SmSlK {
    bottom: 50px !important;
}
#app-mount .scroller-3X7KbA {
    margin-bottom: calc(148px + (var(--HSL-server-spacing) * 2)) !important;
}
#app-mount .scroller-3X7KbA .guildSeparator-a4uisj::after {
    content: none !important;
}
