.gn-search-form {

  --tw-bg-opacity: 1;

  background-color: rgb(250 250 250 / var(--tw-bg-opacity));

  padding-top: 3rem;

  padding-bottom: 3rem
}

.gn-search-form__wrapper {

  max-width: 780px;

  margin-left: auto;

  margin-right: auto;

  padding-left: 1rem;

  padding-right: 1rem
}

@media (min-width: 780px) {

  .gn-search-form__wrapper {

    padding-left: 2rem;

    padding-right: 2rem
  }
}

@media (min-width: 992px) {

  .gn-search-form__wrapper {

    padding-left: 3rem;

    padding-right: 3rem
  }
}

.gn-search-form__form {

  position: relative
}

.gn-search-form__form__field {

  --tw-bg-opacity: 1;

  background-color: rgb(255 255 255 / var(--tw-bg-opacity));

  margin-bottom: 0.5rem;

  width: calc(100% - 3rem)
}

@media (min-width: 992px) {

  .gn-search-form__form__field {

    font-size: 1.125rem
  }
}

.gn-search-form__form__input {

  --tw-border-opacity: 1;

  border-color: rgb(44 48 60 / var(--tw-border-opacity));

  padding-left: 1rem;

  padding-right: 0.5rem
}

.gn-search-form__form__all-sites {

  margin-bottom: 0.5rem;

  margin-top: 1rem;

  --tw-text-opacity: 1;

  color: rgb(106 116 124 / var(--tw-text-opacity))
}

.gn-search-form__form__all-sites label {

  font-weight: 300;

  font-size: .875rem
}

.gn-search-form__form__btn-wrap {

  position: absolute;

  --tw-bg-opacity: 1;

  background-color: rgb(255 255 255 / var(--tw-bg-opacity));

  right: 0px;

  top: 0px;

  border-bottom: 2px solid currentColor;
  box-sizing: content-box;
  height: 3em
}

@media (min-width: 992px) {

  .gn-search-form__form__btn-wrap {

    font-size: 1.125rem
  }
}

.btn.gn-search-form__form__btn {

  --tw-text-opacity: 1;

  color: rgb(82 125 8 / var(--tw-text-opacity));
  width: 3rem
}

/* Make sure styles override default sprite styles in the plugin */

.gn-search-form__form__btn__icon.sprite {

  height: 1.5rem;

  width: 1.125rem
}

.gn-search-form__results {

  margin-bottom: 0;

  margin-top: 1.5rem;

  font-size: .875rem
}

@media (min-width: 992px) {

  .gn-search-form__results {

    font-size: 1.125rem
  }
}

.gn-search-form--nav {

  position: absolute;

  left: 0px;

  right: 0px;

  padding-top: 1rem;

  padding-bottom: 1rem;

  z-index: 20
}

@media (min-width: 992px) {

  .gn-search-form--nav {

    padding-top: 2rem;

    padding-bottom: 2rem
  }
}

.gn-search-form--404 {

  background-color: transparent;

  padding-top: 2rem;

  padding-bottom: 0
}

@media (min-width: 780px) {

  .gn-search-form--404 {

    margin-left: -2rem;

    margin-right: -2rem;

    padding-top: 3rem
  }
}

@media (min-width: 992px) {

  .gn-search-form--404 {

    margin-left: -3rem;

    margin-right: -3rem;

    padding-top: 4rem
  }
}

.gn-search-form--drawer {

  background-color: transparent;

  padding: 0
}

.gn-search-form--drawer .gn-search-form__wrapper {

  padding: 0
}

.gn-search-form--drawer .gn-search-form__form__field {

  --tw-text-opacity: 1;

  color: rgb(32 35 46 / var(--tw-text-opacity))
}

.gn-search-form--drawer .gn-search-form__form__input {

  border-color: transparent
}

.gn-search-form--drawer .gn-search-form__form__all-sites label {

  --tw-text-opacity: 1;

  color: rgb(250 250 250 / var(--tw-text-opacity))
}