// ╔══════════════════════════╦═════════════════════════════════════════════════════════════════════════════[─]═[□]═[×]═╗
// ║ Private                  ║ Channels-Grid                                                                           ║
// ╚══════════════════════════╩═════════════════════════════════════════════════════════════════════════════════════════╝

/*


  /*
.containerDefault-3TQ5YN {
  height: 20px !important;
}

.containerDefault-YUSmu3 {
  height: 60px !important;
}
*/

// Custom
.container-1NXEtd[aria-label*="CorellanStoma"] {

  // Adding Grid
  .content-2a4AW9 {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: min-content;
    row-gap: 8px;
    column-gap: 0px;
    margin: 6px;
  }

  // Remove Empty Space
  [style*="height: 16px;"] {
    display: none !important;
  }

  [style*="height: 0px;"] {
    display: none !important;
  }

  // No scrollbar
  .scroller-1ox3I2::-webkit-scrollbar {
    display: none;
  }

  // No Icons
  .children-1MGS9G,
  .iconContainer-21RCa3 {
    display: none;
  }

  .wrapper-NhbLHG {
    height: 60px;
    width: 100%;
  }

  // Item
  .content-1gYQeQ {
    margin: 0px;
    padding: 0px;
    height: 100%;
    background-color: var(--background-primary);
    margin: 4px;
    border-radius: var(--radius-secondary);
    background-position: center;
    background-size: 100% auto !important;
  }

  [data-dnd-name="chat"] {
    grid-column: 1/-1 !important;
  }

  // Chat
  [data-dnd-name="chat"] .content-1gYQeQ {
    background-image: url("https://i.imgur.com/BZgKnuo.png");
  }

  [data-dnd-name="inspiration"] {
    grid-column: 1/-1 !important;
  }

  // Palettes
  [data-dnd-name="palettes"] .content-1gYQeQ {
    background-image: url("https://i.imgur.com/aHoc4cm.png");
  }

  // Portfolio
  [data-dnd-name="portfolio"] .content-1gYQeQ {
    background-image: url("https://i.imgur.com/K9I3v8h.png");
  }

  // Projects
  [data-dnd-name="projects"] .content-1gYQeQ {
    background-image: url("https://i.imgur.com/1I93QS0.png");
  }

  // Anime
  [data-dnd-name="anime"] .content-1gYQeQ {
    background-image: url("https://i.imgur.com/AFAEcNM.png");
  }

  // Manga
  [data-dnd-name="manga"] .content-1gYQeQ {
    background-image: url("https://i.imgur.com/g2y1RBH.png");
  }

  // TV Series
  [data-dnd-name="tv-series"] .content-1gYQeQ {
    background-image: url("https://i.imgur.com/kez5TfI.png");
  }

  // Comic
  [data-dnd-name="comic"] .content-1gYQeQ {
    background-image: url("https://i.imgur.com/rDpRf3G.png");
  }

  // Movies
  [data-dnd-name="movies"] .content-1gYQeQ {
    background-image: url("https://i.imgur.com/1YQpuCM.png");
  }

  // Books
  [data-dnd-name="books"] .content-1gYQeQ {
    background-image: url("https://i.imgur.com/BCPBYoc.png");
  }

  // Recipes
  [data-dnd-name="recipes"] .content-1gYQeQ {
    background-image: url("https://i.imgur.com/Sda6lb4.png");
  }

  // Notes
  [data-dnd-name="notes"] .content-1gYQeQ {
    background-image: url("https://i.imgur.com/4ieRtBt.png");
  }

  // Games
  [data-dnd-name="games"] .content-1gYQeQ {
    background-image: url("https://i.imgur.com/Wcpcjym.png");
  }

  // Music
  [data-dnd-name="music"] .content-1gYQeQ {
    background-image: url("https://i.imgur.com/r4ebl1E.png");
  }

  // Guides
  [data-dnd-name="guides"] .content-1gYQeQ {
    background-image: url("https://i.imgur.com/HHhZawS.png");
  }

  // Inspiration
  [data-dnd-name="inspiration"] .content-1gYQeQ {
    background-image: url("https://i.imgur.com/8WWhWTM.png");
  }

  // Knowledge
  [data-dnd-name="knowledge"] .content-1gYQeQ {
    background-image: url("https://i.imgur.com/kuRfFoq.png");
  }

  // Resources
  [data-dnd-name="resources"] .content-1gYQeQ {
    background-image: url("https://i.imgur.com/nsdtBso.png");
  }

  // Tools
  [data-dnd-name="tools"] .content-1gYQeQ {
    background-image: url("https://i.imgur.com/jd9nohK.png");
  }

  // 3D Print
  [data-dnd-name="3d-prints"] .content-1gYQeQ {
    background-image: url("https://i.imgur.com/JVRXNRQ.png");
  }

  // Item Overlay
  .content-1gYQeQ::before {
    content: "";
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    border-radius: var(--radius-secondary);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  // Category
  .containerDefault-3TQ5YN {
    grid-column: 1/-1 !important;
  }

  // Channel Name
  [data-list-item-id="channels___home-tab-958458301463527454"] .name-28HaxV,
  .channelName-3KPsGw {
    text-align: center;
    color: white;
  }
}

// ╔══════════════════════════╦═════════════════════════════════════════════════════════════════════════════[─]═[□]═[×]═╗
// ║ Private                  ║ Buttons                                                                                 ║
// ╚══════════════════════════╩═════════════════════════════════════════════════════════════════════════════════════════╝

// Spacing
[aria-label*="CorellanStoma"] .scroller-1ox3I2 {
  margin-top: calc(var(--layout-margin) + var(--height-channel-buttons) + (var(--layout-margin) / 2)) !important;
}

// Unread
[aria-label*="CorellanStoma"] .unreadTop-1DJtGv {
  top: calc(var(--layout-margin) + var(--height-channel-buttons) + var(--layout-margin));
}

// Position
.scroller-1ox3I2 {
  z-index: 3;
}

.container-1-ERn5 {
  z-index: 9 !important;
}

// ╔══════════════════════════╦═════════════════════════════════════════════════════════════════════════════[─]═[□]═[×]═╗
// ║ Buttons                  ║ Rules (708383828036812800)                                                              ║
// ╚══════════════════════════╩═════════════════════════════════════════════════════════════════════════════════════════╝

// GitHub (Normal)
.topic-11NuQZ [href="https://github.com/CorellanStoma"]::after
{
  content: "GitHub";
  position: fixed !important;
  color: #fff;
  background: var(--background-secondary);
  border-radius: var(--radius-primary);
  color: var(--channels-default);
  text-align: center;
  font-size: 14px;
  line-height: var(--height-channel-buttons);
  height: var(--height-channel-buttons);
  width: calc(var(--width-channel) / 3 - var(--inner-primary));
  top: calc(37px + var(--layout-margin-top) + 135px + var(--layout-margin));
  left: calc(var(--layout-margin-left) + var(--layout-width-guild) + var(--layout-margin-left));
}

// Github (Hover)
.topic-11NuQZ [href="https://github.com/CorellanStoma"]:hover::after
{
  background: var(--brand-experiment);
  color: var(--interactive-active);
}

// ╔══════════════════════════╦═════════════════════════════════════════════════════════════════════════════[─]═[□]═[×]═╗
// ║ Buttons                  ║ Wiki (CreArts_Wiki)                                                                     ║
// ╚══════════════════════════╩═════════════════════════════════════════════════════════════════════════════════════════╝

// ArtStation (Normal)
.topic-11NuQZ [href*="https://www.artstation.com/danielklingeldesign"]::after
{
  content: "ArtStation";
  position: fixed !important;
  color: #fff;
  background: var(--background-secondary);
  border-radius: var(--radius-primary);
  color: var(--channels-default);
  text-align: center;
  font-size: 14px;
  line-height: var(--height-channel-buttons);
  height: var(--height-channel-buttons);
  width: calc(var(--width-channel) / 3 - var(--inner-primary));
  top: calc(37px + var(--layout-margin-top) + 135px + var(--layout-margin));
  left: calc(
    var(--layout-margin-left) + var(--layout-width-guild) + var(--layout-margin-left) + (var(--width-channel) / 3) +
      (var(--inner-primary) / 2)
  );
}

// ArtStation (Hover)
.topic-11NuQZ [href*="https://www.artstation.com/danielklingeldesign"]:hover::after
{
  background: var(--brand-experiment);
  color: var(--interactive-active);
}

// ╔══════════════════════════╦═════════════════════════════════════════════════════════════════════════════[─]═[□]═[×]═╗
// ║ Buttons                  ║ Support (597774822302416908)                                                            ║
// ╚══════════════════════════╩═════════════════════════════════════════════════════════════════════════════════════════╝

// Twitter (Normal)
.topic-11NuQZ [href*="https://twitter.com/CorellanStoma"]::after
{
  content: "Twitter";
  position: fixed !important;
  color: #fff;
  background: var(--background-secondary);
  border-radius: var(--radius-primary);
  color: var(--channels-default);
  text-align: center;
  font-size: 14px;
  line-height: var(--height-channel-buttons);
  height: var(--height-channel-buttons);
  width: calc(var(--width-channel) / 3 - var(--inner-primary));
  top: calc(37px + var(--layout-margin-top) + 135px + var(--layout-margin));
  left: calc(
    var(--layout-margin-left) + var(--layout-width-guild) + var(--layout-margin-left) + (var(--width-channel) / 3) +
      (var(--width-channel) / 3 + var(--inner-primary))
  );
}

// Twitter (Hover)
.topic-11NuQZ [href*="https://twitter.com/CorellanStoma"]:hover::after
{
  background: var(--brand-experiment);
  color: var(--interactive-active);
}
