* {
  font-family: "Verdana";
}

.compTitle {
  font-size: 1rem;
}

.searchBar {
  width: 60%;
}

.searchInputWrapper {
  position: relative;
  width: 100%;
}

.searchQueryInput {
  width: 14rem;
  height: 2rem;
  background: #f5f5f5;
  border: none;
  outline: none;
  border-radius: 26px;
  padding: 0 45px 0 15px;
  /* space for × */
  font-size: 0.63rem;
  box-sizing: border-box;
}

.clearBtn {
  position: absolute;
  right: -81px;
  /* move to right */
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.70rem;
  cursor: pointer;
  color: #777;
  display: none;
  line-height: 1;
}