.hy-input-search {
  width: 100%;
  min-width: 160px;
  display: flex;
  align-items: center;
  gap: 4px;
  border: 1px solid rgba(var(--hy-border));
  border-radius: 4px;
  box-sizing: border-box;
  padding: 2px 4px;
  overflow: hidden;
  background: rgba(var(--hy-background-2));
  &:hover,
  &.focus {
    border: 1px solid rgba(var(--hy-theme));
  }

  .hy-input-search-item {
    width: 0;
    flex: 1;
    & > .hy-el-input__wrapper {
      padding-left: 8px;
      padding-right: 4px;
    }
    .hy-el-input__inner::placeholder {
      font-size: 12px;
    }
    .hy-el-input__wrapper {
      box-shadow: none;
    }
    .hy-el-input-group__append {
      color: rgb(var(--hy-main));
      background-color: rgba(var(--hy-background-2));
      box-shadow: none;
      padding: 4px;
      min-height: 100%;
    }
  }
}