.search-container{display:flex;justify-content:center;margin-bottom:20px;width:100%}.search-bar{background-color:#fff;border:3px solid #009b77;border-radius:15px 0 0 15px;border-right:none;box-sizing:border-box;height:40px;outline:none;padding:0 10px;width:450px}.dark-theme .search-bar{background-color:#009b77;border:rgba(56,199,166,.8);color:#fff}.search-bar::placeholder{color:rgba(0,155,119,.3)}.dark-theme .search-bar::placeholder{color:rgba(56,199,166,.8)}.search-wrapper{position:relative}.search-suggestions{background:#fff;border:1px solid #ccc;border-top:none;left:0;list-style:none;margin:0;max-height:250px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:999}.dark-theme .search-suggestions{background:#009b77;border:#88f9de;color:#fff}.search-suggestions li{cursor:pointer;padding:8px 12px}.search-suggestions li:hover{background-color:#f0f0f0}.dark-theme .search-suggestions li:hover{background-color:#88f9de}.highlight{background-color:rgba(0,155,119,.3);font-weight:700}.dark-theme .highlight{background-color:#5ccdb3}.search-button{align-items:center;background-color:#fff;border:3px solid #009b77;border-left:none;border-radius:0 15px 15px 0;cursor:pointer;display:flex;height:40px;justify-content:center;outline:none;width:40px}.dark-theme .search-button{background-color:#009b77;border:rgba(56,199,166,.8)}.search-icon{height:20px;width:20px}@media (max-width:600px){.search-container{flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:space-between}.search-wrapper{flex:1 1 60%;min-width:200px}.search-bar{border-radius:15px;border-right:3px solid #009b77;width:100%}.search-button{display:flex;height:40px;margin-left:-43px;width:40px;z-index:1}.sort-buttons-container{flex:1 1 35%;min-width:140px}.sort-options{border-radius:15px;height:40px;width:100%}}