@use "../variables.scss" as *;

$array-table-prefix-cls: '#{$formilyNamespace}-array-collapse';

.#{$array-table-prefix-cls} {
  .el-card__header {
    padding-top: 12.5px;
    padding-bottom: 12.5px;
  }
  .el-empty {
    padding: 0;
  }

  .#{$array-table-prefix-cls}-item {
    margin-bottom: 10px;
  }

  .#{$array-table-prefix-cls}-errors-badge {
    line-height: 1;
    vertical-align: initial;
  }

  .#{$formilyNamespace}-array-base-addition {
    width: 100%;
    border: var(--el-border-width) dashed var(--el-border-color);

    &:hover {
      background-color: var(--el-color-white);
      border-color: va(--el-border-color-hover);
    }

    &:active,
    &:focus {
      background-color: var(--el-color-white);
      border-color: var(--el-color-primary);
    }
  }
}