/* Hide the modal by default */
.modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--modal-background);
    justify-content: center;
    align-items: center;
}

/* Style the modal content */
.modal-content {
    background-color: var(--modal-content-background);
    padding: 20px;
    width: 300px;
    max-height: 70%;
    overflow-y: auto;
}

/* Style the search input */
#searchInput {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    background-color: var(--input-background);
    color: var(--input-text-color);
}

/* Style the results list */
#results {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#results li {
    padding: 5px;
    border-bottom: 1px solid var(--border-color);
}

/* Style for the selected result */
#results li.selected {
    background-color: var(--selected-background);
}