.m-search {
  --van-cell-background-color: transparent;

  input::placeholder {
    color: var(--k-gray-4);
    font-size: 13px;
  }

  :global {
    .van-field__control {
      -webkit-user-select: text !important;
      user-select: text !important;
      font-size: 13px;
    }

    .van-search__field {
      background: transparent !important;
      padding: 0 var(--van-padding-xs) 0 0;
    }

    .van-field__right-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      padding-right: 4px;
    }
  }

  // &.default {
  //   :global {
  //     .van-search__content {
  //       background: #f8f9fc !important;
  //     }
  //   }
  // }

  // &.white {
  //   :global {
  //     .van-search__content {
  //       background: #fff !important;
  //     }
  //   }
  // }

  // &.transparent {
  //   :global {
  //     .van-search__content {
  //       background: rgba(255, 255, 255, 0.16);

  //       input::placeholder {
  //         color: #fff;
  //       }

  //       input {
  //         color: #fff;
  //       }

  //       .van-field__clear {
  //         color: #fff;
  //       }
  //     }
  //   }
  // }

  .searchBtn {
    width: 52px;
    height: 25px;
    padding: 0;
    font-size: 13px;
    font-weight: 500;
    --van-button-mini-height: 28px;
    --van-font-size-xs: 12px;
    background: linear-gradient(to right, #55D8C4, #0BC4B7);
    border: none;
    font-weight: 600;

    :global {
      .van-button__text {
        margin-top: 1px;
      }
    }
  }

  .leftIcon {
    width: 14px;
    height: 14px;
    margin-top: -2px;

    img {
      width: 100%;
      height: 100%;
    }
  }
}
