@import "../../../assets/scss/variables";

#search-bar{
  height: 44px;
  width: 100%;
  border-bottom: 2px solid $main-color;
  display: flex;
  align-items: center;
  padding: 10px 0px;
  padding-bottom: 2rem;

  .icon-search{
    padding-left: 15px;
    padding-right: 15px;
    border-right: 2px solid $main-color;
  }
  img{
    padding-right: 12px;
  }

  input{
    max-width: 994px;
    width: 100%;
    min-width: 300px;
    border: none;
    padding-left: 15px;
    outline: none;

    &::placeholder {
      color: #ccc;
    }
  }
}