@import '../variable.less';

.bixi-group-container {
  margin-bottom: 0;

  & > {
    &-blue-block {
      position: relative;
      top: 1px;
      display: inline-block;
      width: 3px;
      height: 12px;
      margin-right: 4px;
      background: @bixi-primary-color;
      border-radius: 0 4px 4px 0;
    }
  }

  &-title {
    // TODO: NOT GOOD
    margin: -4px 0;
    color: #363b45;
    font-weight: 550;
    font-size: 12px;
  }

  &-content {
    width: 100%;
    padding: 16px 16px 8px 8px;

    &-block {
      width: 100%;
      padding: 16px 0 0 8px;
    }
  }

  &-description {
    margin-left: 8px;
    color: @bixi-group-container-description-color;
    font-weight: 400;
    font-size: 12px;
    line-height: 30px;
  }
}