@import '../../global.less';

.header {
  width: 100%;

  :global {
    .group-title {
      padding: 14px 10px 6px;
      margin: 0;
    }
  }
}

.item {
  width: 100%;
  padding: 6px 20px;
  display: flex;
  flex-direction: row;
  align-items: center;

  :global {
    .left {
      flex-shrink: 0;
    }

    .right {
      flex-grow: 1;
      text-align: right;

      &.primary {
        color: @primary-color;
      }

      &.secondary {
        color: @secondary-color;
      }
    }
  }
}
