$icon-size: 15px;

.search {
  width: 100%;
  position: relative;

  &::before {
    width: $icon-size;
    height: $icon-size;
    top: $h-search/2 - $icon-size/2;
    left: 15px;
    position: absolute;
    background-image: url('i/search.svg');
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
  }
}

.search-input {
  @include reset_input();
  @include placeholder {
    color: $gray-dark;
  }

  width: 100%;
  height: $h-search;
  padding: 15px 50px;
  border: #d5d5d5 1px solid;
  border-radius: 3px;
  box-sizing: border-box;

  &:focus {
    outline: none;
  }
}