.bz-sidebar-panel-subitem {
    display: flex;
    font-size: $bz-font-size-body-small;

    &:focus {
        outline: 0;
    }
    
    &:hover {
        background-color: $bz-theme-100;
    }

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

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

    &__badge {
        font-size: $bz-font-size-body-small;
        user-select: none;
        margin-right: $bz-space-inset-xs; 
    }
    &__wrapper {
        padding: $bz-space-inset-s $bz-space-inset-l;
        display: flex;
    }
}