.gl-search-box-by-click {
  @include gl-font-base;

  .gl-search-box-by-click-history {
    > button {
      @include gl-p-3;
      @include gl-border-none;
      @include gl-inset-border-1-gray-400;
    }

    .gl-search-box-by-click-history-icon {
      @include gl-mr-2;
      @include gl-text-gray-500;
    }

    .gl-search-box-by-click-history-icon-chevron {
      @include gl-text-gray-500;
      @include gl-mr-0;
    }

    .gl-search-box-by-click-close-history-button {
      @include gl-absolute;
      @include gl-top-0;
      @include gl-right-0;
      @include gl-line-height-0;
      @include gl-shadow-none;
      @include gl-w-auto;
    }

    .gl-search-box-by-click-history-header {
      @include gl-text-center;
    }

    .gl-search-box-by-click-history-no-searches {
      @include gl-text-center;
      @include gl-text-gray-500;

      .gl-dropdown-text {
        @include gl-font-weight-normal;
      }
    }
  }

  .input-group {
    > .input-group-prepend,
    > .input-group-append {
      @include gl-bg-white;
    }

    .gl-search-box-by-click-search-button {
      @include gl-text-gray-500;
      @include gl-p-3;
      @include gl-inset-border-1-gray-400;
    }
  }

  .gl-search-box-by-click-input {
    @include gl-pr-7;
  }

  .gl-search-box-by-click-clear-button {
    @include gl-absolute;
    @include gl-top-2;
    @include gl-right-7;
    @include gl-mr-2;
    @include gl-z-index-3;
  }

  .gl-search-box-by-click-menu {
    @include gl-font-base;
    width: $gl-dropdown-width-wide;
  }
}