.searchInput {
  display: inline-block;
  width: 100%;
  color: var(--font-1);
  text-align: left;
  // overflow: scroll;
  // max-height: 32px;
  .text {
    color: var(--font-1);
    word-break: break-all;
    // vertical-align: sub;
  }
  .icon{
    display: none;
    margin-left: 5px;
    // vertical-align: bottom;
  }
  &:hover {
    .icon{
      display: inline-block;
      color: var(--brand-1);
      // vertical-align: bottom;
    }
    .inputText {
      color: var(--brand-1);
    }
  }
  .empty {
    color: var(--gray-3);
  }
}