.sidebar {
  flex-grow: 1;
  padding-top: 50px;
  padding-bottom: 40px;
  position: relative;

  box-sizing: border-box;
  background-color: $bgc-secondary;
  overflow: auto;
  font-weight: 400;
  .page--docs & {
    @include respond-to('medium') {
      padding-top: initial;
      padding-bottom: $h-header--md;
    }
  }
  .page--api & {
    @include respond-to('medium') {
      padding-top: initial;
      padding-bottom: $h-header;
    }
  }
  .page--docs.page--top-navigation & {
    @include respond-to('medium') {
      padding-top: initial;
      padding-bottom: initial;
    }
  }

}

.sidebar__trigger {
  width: 28px;
  height: 20px;
  top: 15px;
  right: 15px;
  position: absolute;

  @include respond-to('medium') {
    display: none;
  }
}