.search-container{display:flex;align-items:stretch;width:fit-content}
#search-input{flex:1;padding:10px;font-size:16px;border:2px solid #ccc;border-radius:5px 0 0 5px;box-sizing:border-box}
#search-results{width:fit-content;display:none;background:white;border:2px solid #ccc;border-radius:0 0 5px 5px;box-shadow:0 2px 5px rgba(0,0,0,0.1);max-height:400px;overflow-y:auto;z-index:999}
#search-results ul{list-style:none;padding:0;margin:0}
#search-results ul li{padding:10px;border-bottom:1px solid #ccc;cursor:pointer}
#search-results ul li:last-child{border-bottom:none}
#search-results ul li:hover{background-color:#f4f4f4}
.search-button{flex-shrink:0;padding:10px;border:none;background-color:#4f9cd0;color:white;border-radius:0 5px 5px 0;cursor:pointer}
.search-form{display:inline-flex;margin-bottom:10px}
.search-results-container{display:none;margin-top:10px;padding:10px;background-color:#f9f9f9;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,0.1);max-height:300px;overflow-y:auto;position:absolute;margin-top:-10px}
.search-results{list-style:none;padding:0;margin:0}
.search-results li{padding:10px;border-bottom:1px solid #ddd}
.search-results li:last-child{border-bottom:none}
.search-results li:hover{background-color:#f4f4f4}
.search-results-container::-webkit-scrollbar{width:10px;border-radius:5px}
.search-results-container::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:5px}
.search-results-container::-webkit-scrollbar-thumb:hover{background-color:#999}
.no-results{color:black;margin-top:10px;padding:10px;background-color:#f9f9f9;border:1px solid #ccc;border-radius:10px;text-align:center;display:none}