.yw-json-form {
  .y-array-items,
  .y-array-table {
    :global {
      .ant-formily-array-items-item:last-child {
        .ant-formily-item-feedback-layout-loose {
          margin-bottom: 10px;
        }
      }
      .ant-formily-array-items-card {
        border: none;
      }

      .ant-formily-array-base-move-down {
        font-family: 'ywcloud' !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #666 !important;
        cursor: pointer;
        svg {
          display: none;
        }
        &::before {
          display: inline-block;
          content: '\e6b8';
        }
      }
      .ant-formily-array-base-move-up {
        font-family: 'ywcloud' !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #666 !important;
        cursor: pointer;
        svg {
          display: none;
        }
        &::before {
          display: inline-block;
          content: '\e6b7';
        }
      }
      .ant-formily-array-base-addition {
        vertical-align: 0;
        text-align: left;
        padding: 0;
        .anticon {
          font-family: 'ywcloud' !important;
          font-size: 16px;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          color: #1890ff;
          vertical-align: 0;
          cursor: pointer;
          svg {
            display: none;
          }
          &::before {
            display: inline-block;
          }
        }
        .anticon-plus {
          &::before {
            content: '\e6a4';
          }
        }
      }
    }
  }
  :global {
    .ant-input-group-compact {
      display: flex !important;
      align-items: flex-start;
      justify-content: flex-start;
      .ant-formily-item-feedback-layout-loose {
        margin-bottom: 0;
        flex: 1;
        .ant-select {
          width: 100%;
        }
      }
    }
    .ant-formily-item-inset {
      .next-input {
        border: none !important;
      }
      .ant-input-group-compact {
        .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
          padding-left: 0;
        }
        .ant-formily-item {
          width: 100%;
          .ant-select-selector {
            padding: 0 11px !important;
          }
        }
      }
      .ant-formily-item-control {
        overflow: hidden;
      }
    }
    .ant-form-text {
      font-weight: 400;
    }
    .ant-formily-item-size-small
      .ant-formily-item-control-content
      .ant-formily-item-control-content-component {
      line-height: 24px !important;
    }
    .ant-formily-item-control
      .ant-formily-item-control-content
      .ant-formily-item-control-content-component {
      line-height: 32px;
    }
    .ant-formily-array-base-remove {
      font-family: 'ywcloud' !important;
      font-size: 16px;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #666;
      vertical-align: -1px;
      cursor: pointer;
      svg {
        display: none;
      }
      &:hover {
        color: #f15a5a;
      }
      &::before {
        display: inline-block;
        content: '\e696';
      }
    }
    .next-select {
      min-width: 120px;
      width: 100%;
    }
    .next-input.next-medium {
      border-radius: 2px;
      border: 1px solid #d9d9d9;
    }
    .next-focus {
      box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2) !important;
      border-color: #40a9ff !important;
    }
    .next-form-preview {
      font-weight: 500;
      font-size: 14px;
      margin: 0;
      line-height: 32px;
    }
    .ant-formily-item-control-content-component {
      position: relative;
    }
    .ant-formily-item-addon-after {
      color: #aaa;
    }
  }
}