.view-search {
  width: 280px;
  height: 40px;
  background-color: rgba(170, 168, 219, 0.16);
  border-radius: 20px;
  padding: 0 20px;
}

.view-search-input{
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  height: 20px;
}
.view-search-input::placeholder{
  color: rgba(255, 255, 255, 0.5);
}

.view-search-icon{
  @include square(17px);
  margin-left: 15px;
}

.view-search-icon-loading{
  @include square(28px);
  flex-shrink: 0;
}

.view-search-icon-target{
  display: block;
}

.view-search-fail{
  color: #fe2d46;
  white-space: nowrap;
}