#search-container { position: relative; }

#searchbox {
    width: 100%;
    max-width: 100%;
    display: inline-block;
    background-color: var(--color-bg-alt);
    color: var(--color-fg-alt);
    border: none;
    /* Fixes Safari not applying styles */
    -webkit-appearance: textfield;
}

#search-results {
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 100%;
    max-height: 300px;
    background-color: var(--color-bg-alt);
    color: var(--color-fg-alt);
    overflow-y: scroll;
    overflow-x: hidden;
}

.search-result {
    width: 100%;
    max-width: 100%;
    padding: 0.3rem;
    overflow-x: hidden;
    text-align: left;
    margin-bottom: 0;
}