.suggestions {
    border: 1px solid #eaecef;
    border-top: none;
    overflow: auto;
    max-height: 10rem;
    z-index: 1;
    box-sizing: border-box;
}

.suggestion {
    border-bottom: 1px solid #eaecef;;
    padding: 0.25rem;
    opacity: 0.5;
    color: #24292e;
    cursor: pointer;

    &:hover {
        opacity: 1;
    }

    &__hierarchy {
        padding: 0;
        margin: 0;
        font-size: .75rem;

        &-label {
            padding-right: .5rem;

            &:not(:last-child)::after {
                margin-left: .5rem;
                content: '>>';
            }
        }
    }

    &__label {
        font-size: 1rem;
        display: inline-block;
        padding: .25rem .75rem;
        margin: 0;
        border-radius: 1rem;
        font-size: .75rem;
    }

    &__description {
        font-size: .75rem;
        text-overflow: ellipsis;
        height: 1rem;
        white-space: nowrap;
        overflow: hidden;
        padding: 0;
        margin: .5rem 0 0 0;
    }
}
