.gui-sidebar {
  @apply relative flex flex-col h-full;
}

.gui-sidebar-header {
  @apply p-4 flex flex-row;

  div {
    @apply flex-grow self-center;
  }
}

.gui-sidebar-footer {
  @apply flex p-2 justify-end items-center border-b-0 border-l-0 border-r-0 border-t border-solid border-neutral-90
}

.gui-sidebar-body {
  @apply flex-grow;
}

.gui-sidebar-header,
.gui-sidebar-section {
  @apply border-t-0 border-l-0 border-r-0 border-b border-solid border-neutral-90;
}

.gui-sidebar-section {
  @apply p-4 text-base text-neutral-20;

  &:last-child {
    @apply border-0;
  }
}

.gui-sidebar-heading,
.gui-sidebar-subsection {
  @apply mb-4;
}

.gui-sidebar-subsection:last-child {
  @apply mb-0;
}

.gui-sidebar-description {
  @apply text-neutral-primary text-sm mb-4 -mt-2;
}

.gui-sidebar-section-head {
  @apply flex;
}

.gui-sidebar-header,
.gui-sidebar-heading {
  @apply font-semi-bold text-base text-neutral-20 leading-normal;

  * {
    @apply text-inherit m-0;
    
    font-weight: inherit;
    font-size: inherit;
  }
}

.gui-sidebar-subheading {
  @apply mb-1 text-xs text-neutral-primary uppercase leading-5 block font-semi-bold;

  * {
    @apply text-inherit m-0;
  }
}