.mx-navigate-bar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  height: 100%;
  .mx-navigate-item{
    display: flex;
    &.mx-navigate-item-left{
      flex: 1;
      justify-content: flex-start;
      align-items: center;
      white-space: nowrap;
    }
    &.mx-navigate-item-center{
      justify-content: center;
      align-items: center;
      white-space: nowrap;
    }
    &.mx-navigate-item-right{
      flex: 1;
      justify-content: flex-end;
      align-items: center;
      white-space: nowrap;
    }
  }
}