#layout {
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 0 100%;
  overflow-x: hidden;
  padding: 15px;
  transition: 0.2s;

  &.routerOutletActive {
    overflow-y: hidden;
    padding: 0;
    grid-template-columns: 1fr 300px;

    #router {
      background: var(--tui-background-neutral-1);
    }

    main {
      padding: 15px;
    }
  }

  &.hideNetworkNav {
    grid-template-columns: 1fr;

    #network-data {
      &.hidden {
        display: none;
      }
    }
  }

  .category {
    background: var(--tui-background-base-alt);
    width: 100%;
    padding: 15px;

    .channel {
      display: flex;
      justify-content: start;
    }
  }
}