@import '../../style/themes/index';
@import '../../style/mixins/index';

@m-card-body-container-prefix-cls: m-card-body;

.@{m-card-body-container-prefix-cls}-container {
  min-height: @card-body-container-min-height;

  .@{m-card-body-container-prefix-cls}-tabset {
    padding: @card-body-container-tabset-padding;

    .ant-tabs-tab-btn {
      display: flex;
      flex-flow: row-reverse;
      align-items: center;
      justify-content: center;
    }

    .@{m-card-body-container-prefix-cls}-tab-icon {
      margin: @card-body-container-tabset-tab-icon-margin;
    }
  }
}

.@{m-card-body-container-prefix-cls}-content-container {
  display: flex;
  flex-wrap: wrap;
  justify-self: flex-start;
  width: calc(100% + 16px);

  @media screen and (max-width: 1440px) {
    > m-content-card { /* stylelint-disable-line */
      width: 16.6%;
    }
  }

  @media screen and (max-width: 1920px) and (min-width: 1441px) {
    > m-content-card { /* stylelint-disable-line */
      width: 12.5%;
    }
  }

  @media screen and (min-width: 1921px) {
    > m-content-card { /* stylelint-disable-line */
      width: 10%;
    }
  }
}