.autocomplete_wrapper {
    position: relative;
}
.typo_autocomplete {
    max-height: 15rem;
    overflow-y: auto;
    top: 100%; left: 0; right: 0;
    margin-top: 0.25rem;
    box-sizing: content-box;
    position: absolute;
    background-color: white;
    border: 1px solid currentColor;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
}
.autocomplete_wrapper input:focus + [type="hidden"] + .typo_autocomplete,
.autocomplete_wrapper .typo_autocomplete:hover{
    pointer-events: all;
    visibility: visible;
    opacity: 1;
}
/*.typo_autocomplete.active {
    pointer-events: all;
    visibility: visible;
    opacity: 1;
}*/
  
.typo_autocomplete div {
    padding: 0.5rem;
    cursor: pointer;
}
  
.typo_autocomplete div:hover,
.typo_autocomplete div:focus,
.typo_autocomplete div.active {
    background-color: #e9e9e9;
}
.typo_autocomplete div.disabled {
    cursor: not-allowed;
    pointer-events: none;
    color: #aaaaaa;
}