/* ====================================
   AUTOCOMPLETE
==================================== */

.autocomplete{

    position:absolute;

    top:100%;

    left:0;

    width:100%;

    margin-top:8px;

    background:#181818;

    border:1px solid rgba(255,255,255,.08);

    border-radius:14px;

    overflow:hidden;

    box-shadow:0 20px 50px rgba(0,0,0,.55);

    z-index:9999;

    display:none;

    max-height:460px;

    overflow-y:auto;

}

/* Scroll */

.autocomplete::-webkit-scrollbar{

    width:8px;

}

.autocomplete::-webkit-scrollbar-track{

    background:#151515;

}

.autocomplete::-webkit-scrollbar-thumb{

    background:#009687;

    border-radius:30px;

}

.autocomplete{

    scrollbar-width:thin;

    scrollbar-color:#009687 #151515;

}

.autocomplete-item{

    display:flex;

    gap:14px;

    align-items:center;

    padding:12px;

    cursor:pointer;

    transition:.25s;

    border-bottom:1px solid rgba(255,255,255,.05);

}

.autocomplete-item:last-child{

    border:none;

}

.autocomplete-item:hover{

    background:#232323;

}

.autocomplete-item img{

    width:55px;

    height:82px;

    object-fit:cover;

    border-radius:8px;

}

.autocomplete-info{

    flex:1;

}

.autocomplete-title{

    font-size:15px;

    font-weight:bold;

    color:#fff;

    margin-bottom:6px;

}

.autocomplete-meta{

    color:#bdbdbd;

    font-size:13px;

}

.autocomplete-loading{

    padding:18px;

    text-align:center;

    color:#bbb;

}

.autocomplete-empty{

    padding:18px;

    text-align:center;

    color:#888;

}