Hey!

I was having a little bit of trouble reading the autocomplete suggestions since the box doesn't have any shadow or border, I was misreading because of the results below it, for example:

In my opinion, adding a little shadow or border would help a lot, I tried the following and it improves readability for me:

All it takes is adding a line to:

Like this:

  &.open {
    display: block;
    background-color: var(--color-autocomplete-background);
    color: var(--color-autocomplete-font);
    max-height: 32rem;
    overflow-y: auto;
    z-index: 100;
    margin-top: 3.5rem;
    border-radius: 0.8rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);

I could not find similar suggestions, so forgive me if it was already suggested :)