.sidebar-horizontal {
  .wrapper {
    grid-template-areas:
      "main-header"
      "main-sidebar"
      "content-wrapper"
      "main-footer";
    grid-template-columns: 1fr;
    grid-template-rows: max-content max-content auto max-content;
  }

  .main-sidebar {
    display: grid;
    height: $sidebar-horizontal-height;
    min-width: $sidebar-horizontal-width;
    max-width: $sidebar-horizontal-width;
    justify-content: start;
    z-index: $zindex-sidebar-horizontal;
  }

  .brand-container {
    display: none;
  }

  .sidebar {
    overflow: visible;
    padding-top: .75rem;

    .nav-sidebar {
      display: grid;
      list-style-type: none;
      grid-auto-columns: 90px;
      grid-auto-flow: column;
      grid-gap: 5px;

      .nav-header {
        display: none;
      }

      .nav-item > .nav-link {
        display: grid;
        grid-auto-flow: row;
        justify-content: center;

        .nav-icon {
          text-align: center;
          padding-left: 0;
        }

        span {
          padding-left: 0;
        }
      }
    }
  }

  &.sidebar-close {
    .main-sidebar {
      margin-top: -#{$sidebar-horizontal-height};
    }
  }
}

//