.qx-flow-setting {
  &__top {
    height: 32px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  &__top-tip {
    height: 32px;
    line-height: 32px;
    color: @N8;
  }

  &__top-tip__opt {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    margin-left: 8px;
    color: @N8;
    height: 32px;
    line-height: 32px;
    cursor: pointer;

    :global {
      .qx-data-flow__icon {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -8px;
        width: 16px;
        height: 16px;
        font-size: 16px;
        color: @N6;
      }
    }

    &:hover {
      color: @N9;

      :global {
        .qx-data-flow__icon {
          color: @N8;
        }
      }
    }
  }

  &__top-search {
  }

  &__top-search__input {
    :global {
      .qx-data-flow__icon {
        color: @N6;
      }
    }
  }
}