public/styles/components/_search-suggestions.scss

// -----------------------------------------------------------------------------
// This file contains styles for search suggestions
// -----------------------------------------------------------------------------

.search-suggestions {
    position: relative;
}

.search-suggestions .atom-search__row {
    margin: 0;
    display: flex;

    > .atom-search__input {
        flex: 1;
    }
}

.search-suggestions > ul {
    position: absolute;
    top: 100%;
    background: white;
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 220px;
    overflow-y: auto;
}

.search-suggestions > ul > li {
    padding: .75rem 1rem;
    border-bottom: 1px solid #ddd;
    
    &:not(.disabled):hover,
    &:not(.disabled):focus {
        background: lightblue;
        cursor: pointer;
    }
}

.disabled {
    color: $disabledColor;
    font-style: italic;
}