.predictive-inform{
    display: flex;
    align-items: start;
    padding: 10px 0;
    color: #868686;
    letter-spacing: 0;
}

.predictive-inform span {
    cursor:pointer;
    background: #ddd;
    padding: 3px 7px;
    padding-right:40px;
    margin-right: 10px;
    position:relative;
}

.predictive-inform span:after {
    content:'x';
    position:absolute;
    right: 10px;
}

.predictive-suggestion {
    display: flex;
    align-items: start;
    padding: 10px;
    color: #868686;
    letter-spacing: 0;
    border: 1px solid #ced4da;
    opacity:0;
    transition: .2s opacity;
}

.predictive-suggestion.visible {
    opacity:1
}

.predictive-suggestion ul {
    list-style:none;
    padding:0;
    margin:0;
}

.predictive-suggestion ul li {
    cursor:pointer;
}

.predictive-suggestion ul li:hover {
    color:black;
}