@use '../style/common/var' as *;
@use '../style/mixins/mixins' as *;

.el-form {
  .el-form-item {
    .pagoda-form-edit-item {
      display: inline-flex;
      align-items: center;
      width: 100%;
      height: 100%;
      @include el-form-item-reset(100%);

      &-controller {
        margin: 0 6px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 40px;
        font-size: 14px;
        color: #999;
        cursor: pointer;

        &.check,
        &.edit:hover,
        &.loading {
          color: var(--el-color-primary);
        }
      }

      &__content {
        word-break: break-all;
        white-space: normal;
      }
    }
  }
}