@import '~@/_variable.less';


.header{
  z-index: 1;
  height:var(--height-header);
  background-color: white;
  width:100%;
  display: flex;
  align-items: center;
  box-shadow: 0 0 2px 0 #ccc;
  padding: 0 var(--padding-default);
  &[data-visible='false']{
    display: none;
  }
  .group{
    display: flex;
    align-items: center;
    height:100%;
    min-width: 1px;
  }
  .right,
  .left{
    display: flex;
    align-items: center;
    font-size: 24px;
    .rightIcon,
    .leftIcon{
      margin-top: 6px;
    }
  }
  .rightLabel,
  .leftLabel{
    &:not(:first-child){
      margin-left:var(--padding-small)
    }
  }

  .center{
    flex:1;
    height:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color:var(--color-text);
    span:nth-child(1){
      font-size: 16px;
      color:inherit;
    }
    span:nth-child(2){
      font-size: 12px;
      color:inherit;
    }
  }
}

