.searchform {
  background: var(--background-light);
  overflow: hidden;
  width: 100%;

  &\__fieldset {
    height: 100%;
    margin-right: 2em;

    @nest .header--sticky & {
      margin: 0 .5em 0 0;
    }
  }

  &\__flexwrapper {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    height: 100%;
    width: 100%;
  }

  &\__input {
    display: block;
    flex: 1 0 auto;

    &\--search {
      appearance: none;
      border: 0 none;
      margin-right: 1em;
      padding-left: 1em;

      @nest .header--sticky & {
        margin-right: .5em;
        padding: .5em;

        @media (--fluid) {
          margin-right: 0;
          padding: .5em 0;
        }
      }
    }

    &\--submit {
      appearance: none;
      flex: 0 1 auto;
      margin: .25rem 0;
      padding: 0;
      width: 7rem;

      @nest .header--sticky & {
        width: 6rem;
      }
    }
  }
}