#headerSearchForm {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0;
}
#headerSearchForm .toggle-button {
  position: relative;
  padding: 0;
  color: var(--white);
  background: transparent;
  border: 0;
  height: 3.6rem;
  width: 3.6rem;
}
#headerSearchForm .toggle-button, #headerSearchForm .toggle-button:hover, #headerSearchForm .toggle-button:focus {
  background: transparent;
}
#headerSearchForm .toggle-button:hover, #headerSearchForm .toggle-button:focus {
  color: var(--link-color-alt);
}
#headerSearchForm .toggle-button .close {
  display: none;
  color: var(--red);
}
#headerSearchForm .toggle-button[aria-expanded=true] .open {
  display: none;
}
#headerSearchForm .toggle-button[aria-expanded=true] .close {
  display: inline-block;
}
#headerSearchForm .toggle-button svg {
  height: 2.8rem;
  width: 2.8rem;
}
#headerSearchForm .toggle-button svg.close {
  height: 2.4rem;
}
#headerSearchForm form {
  width: 100%;
  max-width: 350px;
  margin: auto;
}
#headerSearchForm form input[type=text],
#headerSearchForm form input[type=search],
#headerSearchForm form button {
  margin: 0;
  border: none;
  background: rgba(255, 255, 255, 0.1);
}
#headerSearchForm form input[type=text]:focus,
#headerSearchForm form input[type=search]:focus,
#headerSearchForm form button:focus {
  border-bottom-color: transparent;
  outline: 1px solid var(--focus-outline);
  outline-offset: var(--outline-offset);
}
#headerSearchForm form button,
#headerSearchForm form input[type=submit] {
  background-color: transparent;
}
#headerSearchForm form input[type=text],
#headerSearchForm form input[type=search] {
  background: var(--white);
}
#headerSearchForm form .form-type-textfield,
#headerSearchForm form .form-type-textfield input,
#headerSearchForm form .form-type-search,
#headerSearchForm form .form-type-search input {
  width: 100%;
}
#headerSearchForm form input[type=text],
#headerSearchForm form input[type=search] {
  height: 3.6rem;
}
#headerSearchForm form button {
  height: 3.4rem;
  width: 100%;
  color: var(--gray-light);
  background-color: transparent;
  border: none;
}
#headerSearchForm form button:hover, #headerSearchForm form button:focus {
  color: var(--link-hover);
}
#headerSearchForm form button svg {
  height: 1.9rem;
  width: 1.9rem;
}
#headerSearchForm form .form-actions,
#headerSearchForm form > button {
  position: absolute;
  top: 1px;
  right: 0;
  width: 3.6rem;
}
#headerSearchForm form input[type=submit] {
  background-image: url("../images/bg/search.png");
  background-image: inline-svg("search", #165C7D);
  margin: 0;
  text-indent: -9999px;
  background-color: transparent;
  border: 0;
  width: 1.9rem;
}
#headerSearchForm .form-item,
#headerSearchForm .form-actions {
  margin: 0;
}
#headerSearchForm form .form-item,
#headerSearchForm form .form-actions,
#headerSearchForm .form--inline .form-item,
#headerSearchForm .form--inline .form-actions {
  float: none;
}
#headerSearchForm .reset-submit {
  display: none;
}
#headerSearchForm #collapseSearchForm {
  position: absolute;
  top: -9999px;
  right: 0;
  left: 0;
  z-index: 100;
  width: 100vw;
  background: var(--gray-lighter);
  padding: 0.8rem;
}
#headerSearchForm #collapseSearchForm.show {
  top: 3.9rem;
}
@media (min-width: 600px) {
  #headerSearchForm {
    position: relative;
  }
  #headerSearchForm #collapseSearchForm {
    left: auto;
    max-width: 350px;
  }
}
/*# sourceMappingURL=../sourcemaps/components/header-search-block.css.map */