.SearchBar{display:flex;align-items:center;background-color:rgb(34,34,34);color:white;gap:1rem;width:100%;z-index:5;padding:.3rem 2rem .3rem .5rem;border-radius:.6rem}.SearchBar svg{height:1.25rem;width:auto;padding-left:.3rem}.input{width:100%;flex:1;font-size:.95rem;font-family:Inter;height:1.75rem;padding:.2rem;outline:none}.input::placeholder{color:ghostwhite;opacity:.7;border-left:1px white}.dropdown{scrollbar-width:thin;position:absolute;max-height:500px;top:100%;left:0;right:0;z-index:4;border-radius:.4rem;background-color:black;width:100%;max-height:auto;overflow-y:auto}.result{list-style:none;padding:0;margin:0}.novel-container{padding:10px;border-radius:5px;gap:8px;color:white}.novel-container:hover{background-color:#818181}.no-result{padding:10px;cursor:default;color:#888;font-style:italic}.no-result:hover{color:black}