.header-search {
  position: relative;
  z-index: 999999; }
  .header-search__button {
    height: 2.5rem;
    width: 2.5rem;
    background-color: var(--dark-gray);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }
    .header-search__button--close span::before {
      content: '\e906'; }
  .header-search__modal {
    position: absolute;
    top: 0;
    right: 3rem;
    width: 0;
    transition: width .2s ease-in-out; }
    .header-search__modal input {
      visibility: hidden;
      transition: visibility .2s ease-in-out; }
    .header-search__modal--open {
      width: 300px; }
      .header-search__modal--open input {
        visibility: visible; }
  .header-search__search-form input {
    height: 2.5rem;
    border: 1px solid var(--dark-gray);
    width: 100%;
    padding: 0.5rem 1rem; }

/*# sourceMappingURL=search.css.map */