.search-autocomplete{
    position:relative;
    width:100%;
}
/* =========================
   INPUT
========================= */
.search-autocomplete .search{
    width:100%;
}
/* =========================
   SUGGESTIONS
========================= */
.search-suggestions{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#fff;
    border:1px solid #eee;
    border-radius:12px;
    margin-top:8px;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transform:translateY(6px);
    transition:.2s ease;
    z-index:999;
}
/* active */
.search-suggestions.active{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
/* =========================
   ITEM
========================= */
.suggestion-item{
    padding:14px 16px 0px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    transition:background .2s ease;
}
.suggestion-item:hover{
    background:#f7f7f7;
}
/* taxonomy */
.suggestion-item small{
    opacity:.5;
    text-transform:capitalize;
}