/**
 * @name Horizontal Server List
 * @author MoonMoon
 * @description Moves the server list from the left to the top of Discord. Originally made by: Gibbu#1211
*/
:root {
  --HSL-server-direction: column; /* Direction of the server list. | OPTIONS: column, column-reverse | DEFAULT: column */
  --HSL-server-alignment: flex-start; /* Alignment of the server list. | OPTIONS: flex-start, center, flex-end | DEFAULT: flex-start */
}

.content__5e434 {
  margin-top: var(--custom-guild-list-width);
  overflow: visible !important;
}

#app-mount .sidebar__5e434 {
  border-radius: 0;
  overflow: visible !important;
}
#app-mount .guilds__5e434 {
  transform-origin: top left;
  rotate: -90deg;
  height: 100vw !important;
  bottom: unset;
  position: absolute !important;
  left: 0;
}
#app-mount .tree_ef3116 {
  padding-top: var(--HSL-top-padding, var(--size-sm));
}
#app-mount .wrapper_cc5dd2 {
  rotate: 90deg;
}
#app-mount .itemsContainer_ef3116,
#app-mount .stack_dbd263 {
  flex-direction: var(--HSL-server-direction);
  justify-content: var(--HSL-server-alignment);
}

.container__5e434 > div[style]:not(.base__5e434) {
  width: 100vw !important;
  height: var(--custom-guild-list-width) !important;
  position: absolute;
  top: calc(var(--custom-guild-list-width) + var(--custom-app-top-bar-height));
  pointer-events: none;
  z-index: 1;
}
.container__5e434 > div[style]:not(.base__5e434) .guilds__5e434 {
  pointer-events: all;
}
.container__5e434 > div[style]:not(.base__5e434) + .base__5e434 .content__5e434 {
  margin-top: calc(var(--custom-guild-list-width) * 2);
}