@import "../../style/mixins";
@import "../../style/themes/default";

@panelbar-height: 45 * @hd;
@panelbarPrefixCls: pm-panel-bar;

.@{panelbarPrefixCls} {
  display: flex;
  align-items: center;
  height: @panelbar-height;
  background-color: @brand-primary;
  color: @fill-base;
  font-size: 18 * @hd;

  &-left {
    font-size: @link-button-font-size;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }

  &-title {
    height: 40* @hd;
    line-height: 40* @hd;
    .ellipsis();
  }

  &-light {
    background-color: @fill-base;
    color: @brand-primary;
  }

  &-light &-title {
    color: @color-text-base;
  }
}