@import '../../../../../style/variables.less';

.pro-container {
  &.pro-container-empty {
    .@{ant-prefix}-collapse-content {
      display: none;
    }
  }
  &.pro-container-diy {
    .pro-container-content {
      display: flex;
      flex-flow: row wrap;
      min-width: 0;
      margin-left: -12px;
      margin-right: -12px;
      margin-bottom: -22px;

      & > .@{ant-prefix}-col {
        padding-left: 12px;
        padding-right: 12px;
      }
    }
  }

  .pro-collapse-content {
    display: flex;
    flex-flow: row wrap;
    min-width: 0;
    margin-left: -12px;
    margin-right: -12px;

    & > .@{ant-prefix}-col {
      padding-left: 12px;
      padding-right: 12px;
    }
  }
  .pro-collapse {
    .@{ant-prefix}-collapse-panel {
      background: #fff;
    }
  }

  .pro-collapse.@{ant-prefix}-collapse .pro-collapse-panel {
    margin-bottom: 0;
  }
}