.component__search{
  display:block;
}

.search{
  justify-content:space-between;
  transition:margin .4s ease;
}

.search,.search__block{
  align-items:center;
  display:flex;
}

.search__block{
  background-color:#f4f8fd;
  border-bottom-left-radius:2.5rem;
  border-top-left-radius:2.5rem;
  flex:1;
  flex-direction:row;
  gap:.75rem;
  padding:.7rem 1.5rem;
}

.search__input{
  background-color:transparent;
  border:none;
  font-size:.875rem;
  line-height:1;
  width:100%;
}

.search__input:focus{
  outline:none;
}

.search__input::-moz-placeholder{
  color:#515458;
  font-weight:300;
}

.search__input::placeholder{
  color:#515458;
  font-weight:300;
}

.search .component-button{
  margin-left:-1.5rem;
}

.component__search-results{
  display:none;
}

.component__search-results_active{
  display:block;
}