body { 
    background: #111; 
    color: #eee; 
    font-family: sans-serif; 
}

h1 { 
    text-align: center; 
    margin-top: 1rem; 
}

.plotly-graph { 
    max-width: 800px; 
    margin: 2rem auto; 
}

/* Autocomplete dropdown */

.autocomplete-wrapper {
    position: relative;
    display: inline-block;      /* shrink-wrap to input width */
}

.autocomplete-wrapper input {
    width: 300px;               /* match your inline style */
}

/* position suggestions against the wrapper */
#suggestions {
    position: absolute;
    top: 100%;                  /* immediately below the input */
    left: 0;
    width: 100%;                /* same width as the input */
    background: #222;
    border: 1px solid #444;
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 200px;
    overflow-y: auto;
    display: none;
    z-index: 1000;
}

#suggestions li {
    padding: 6px 8px;
    cursor: pointer;
    border-bottom: 1px solid #333;
}

#suggestions li:hover {
    background: #333;
}

.search-container {
    position: relative;
    text-align: center;
    margin: 1em 0;
}

.select2-container--default .select2-selection--multiple {
    background: #222;
    border: 1px solid #444;
    color: #eee;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #333;
    border: 1px solid #555;
    color: #eee;
}