@import (reference) '~antd/es/style/themes/default';

@pro-table-prefix-cls: ~'@{ant-prefix}-pro-form';

.@{pro-table-prefix-cls}-list {
  max-width: 100%;
  &-item {
    .@{ant-prefix}-form-item-label {
      display: none;
    }
  }

  &-container {
    margin-right: 8px;
  }

  &-item {
    div:first-of-type {
      .@{ant-prefix}-form-item {
        .@{ant-prefix}-form-item-label {
          display: inline-block;
        }
      }
    }
  }

  &-action {
    height: 32px;
    margin-bottom: 24px;
    line-height: 32px;
  }

  .@{ant-prefix}-pro-card .@{ant-prefix}-pro-card-extra {
    .@{pro-table-prefix-cls}-list {
      &-action {
        margin-bottom: 0;
      }
    }
  }

  &-action-icon {
    margin-right: 8px;
    cursor: pointer;
    transition: color 0.3s ease-in-out;
    &:hover {
      color: @primary-color;
    }
    &:last-child {
      margin-right: 0;
    }
  }

  &-creator-button-top {
    margin-bottom: 24px;
  }
}