.cm-facet-form-search,
#search_box {
  display: flex;
}

.header .header-search #search_box_keyword,
.top-nav-search #search_box_keyword {
  border-radius: 1000px 0 0 1000px;
  padding: 12px 30px 12px 20px;
  background-color: var(--white);
  border: 1px solid var(--slate);
  color: var(--slate);
  border-right: none;
}

.header .header-search #search_box_keyword::placeholder,
.top-nav-search #search_box_keyword::placeholder {
  color: var(--slate);
  opacity: 1;
}

@media screen and (max-width: 1800px) {
  .header .header-search #search_box_keyword {
    width: 200px;
  }
}

@media screen and (max-width: 1280px) {
  .header .header-search #search_box_keyword {
    width: 150px;
  }
}

@media only screen and (min-width: 1800px) {
  .header .header-search #search_box_keyword,
  .top-nav-search #search_box_keyword {
    min-width: 300px;
  }
}

.header .header-search #search_box_submit,
.top-nav-search #search_box_submit {
  margin: 0;
  border-radius: 0 1000px 1000px 0;
  padding: 12px 30px;
  background-color: var(--white);
  border: 1px solid var(--slate);
  border-left: none;
  transition: all 200ms ease-in-out;
  background-image: url(../../images/icons/search.svg);
  background-size: 42px;
  background-repeat: no-repeat;
  background-position: center;
}

.header .header-search #search_box_submit:hover,
.header .header-search #search_box_submit:focus,
.top-nav-search #search_box_submit:hover,
.top-nav-search #search_box_submit:focus {
  background-color: var(--medium-neutral);
}