.bz-sidebar-panel-item {
  align-items: center;
  cursor: pointer; 
  display: flex;
  transition: all 0.2s ease-in-out;
  
  &__wrapper {
    padding: $bz-space-inset-s $bz-space-inset-l;
    display: flex;
  }


  & > .bz-sidebar-panel-item__wrapper:hover {
    background-color: $bz-theme-100;
  }

  &--active,
  &--active:hover {
    background-color: $bz-theme-100;
    font-weight: $bz-font-weight-semibold;

    .bz-icn {
      fill: $bz-neutral-500;
      transition: all 0.2s ease-in-out;
    }
  }

  &--active-subitems {
    .bz-sidebar-panel-item__title{
      font-weight: $bz-font-weight-semibold;
    }

    .bz-icn {
      fill: $bz-neutral-500;
      transition: all 0.2s ease-in-out;
    }
  }

  &__title {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
    white-space: nowrap;
  }

  &__subtitle {
    display: block;
    font-style: italic;
    font-size: $bz-font-size-body-small;
    color: $bz-neutral-500;
  }

  &__badge {
    user-select: none;
    margin-right: .3rem;
  }
  &__sub-items {
    width: 100%;
    overflow: hidden;
  }
}