/* Isolation totale du composant */
.select-search-wrapper {
    position: relative;
    width: 100%;
    cursor: pointer;
    border: 0.1em solid black;
    border-radius: 0.5em;
    padding: 0.5em 0 0.5em 1em;
    background: #E9E9ED;
    color: black;
}

/* La zone affichée par défaut (comme un select natif) */
.select-search-display {
    display: flex; flex: none; align-items: center;
    /*justify-content: space-between;*/
}
.select-search-display:after {
  display: inline-block; content: '\e5cf'; font-family: 'Material Icons';
  font-size: 1em; padding: 0.1em;
}
.select-search-label{ flex: 1; }

/* La zone qui se déploie */
.select-search-dropdown {
    display: none; /* Caché par défaut */
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #f9f9fb;
    border: 0.1em solid #ccc;
    z-index: 1000;
    box-sizing: border-box;
}

.select-search-wrapper.is-open .select-search-dropdown {
    display: block; /* Affiche au dépliage */
}

.select-search-dropdown .search {
  display: flex; flex: none; align-items: center;
  border-radius: 0; border: 1px solid grey;
  background: white; color: black;
}
.select-search-dropdown .search:before {
  display: inline-block; content: '\e8b6'; font-family: 'Material Icons';
  font-size: 1.25em; padding: 0 0.33em;
}
.select-search-dropdown .search input {
  border: none !important;
}

.select-search-list {
    max-height: 10em;
    overflow-y: auto;
    list-style: none;
    padding: 0;
    margin: 0;
}
.select-search-list li{
    padding: 0.25em 1em;
}

.select-search-list li:hover, .select-search-list li.active{
    background: #E9E9ED;
}

.select-search-list li.hidden {
    display: none !important;
}