.drawer-flexBox {
  display: flex;
  flex-direction: column;
}
.drawer-flexItem {
  flex: 1;
  min-height: 0;
}

.drawer {
  @extend .drawer-flexItem;
  @extend .drawer-flexBox;
  min-width: 0;
  border-right: 1px solid var(--bg-surface-border);

  [dir=rtl] & {
    border-right: none;
    border-left: 1px solid var(--bg-surface-border);
  }

  &__content-wrapper {
    @extend .drawer-flexItem;
    @extend .drawer-flexBox;
  }
}

.breadcrumb__wrapper {
  display: none;
  height: var(--header-height);
}
.channels__wrapper {
  @extend .drawer-flexItem;
}

.channels-container {
  padding-bottom: var(--sp-extra-loose);

  & > .channel-selector__button-wrapper:first-child {
    margin-top: var(--sp-extra-tight);
  }

  & .cat-header {
    margin: var(--sp-normal);
    margin-bottom: var(--sp-extra-tight);
    text-transform: uppercase;
    font-weight: 600;
  }
}