@use '@growi/core-styles/scss/bootstrap/init' as bs;

// styles for admin user search
.search-typeahead {
  position: relative;
  width: 100%;

  // corner radius
  border-top-right-radius: bs.$border-radius;
  border-bottom-right-radius: bs.$border-radius;
  :global(.rbt-input-main),
  :global(input) {
    padding-right: 36px;
  }
  :global(.search-clear) {
    position: absolute;
    top: 50%;
    right: 6px;
    z-index: 3;
    width: 24px;
    height: 24px;
    padding: 0;
    margin-right: 0;
    line-height: 0;
    transform: translateY(-50%);
  }

  :global(.rbt-menu) {
    max-height: none !important;
    margin-top: 3px;

    :global(li a span) {
      :global(.page-path) {
        display: inline;
        padding: 0 4px;
        color: inherit;
      }

      :global(.page-list-meta) {
        font-size: 0.9em;
        color: bs.$gray-400;

        > :global(span) {
          margin-right: 0.3rem;
        }
      }
    }
  }
}