#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.form{display:flex;justify-content:center;margin-top:3rem}.search_div{position:relative}.search_div:before{content:attr(data-autocomplete);position:absolute;display:block;color:#fff;opacity:.4;font-size:1.5rem;padding:.5rem;pointer-events:none}.search_input{font-size:1.5rem;padding:.5rem;width:30rem;background-color:#525252;border:none;color:#fff}.search_input::placeholder{color:#9e9e9e}.auto_complete_div{background-color:red;position:absolute;top:3.5rem;left:0;max-height:20rem;width:100%;display:flex;flex-direction:column;background-color:#393939;overflow:auto}.auto_complete_button{border:none;font-size:1rem;background-color:transparent;color:#c3c3c3;padding:.25rem .5rem;text-align:left}.auto_complete_button:hover,.auto_complete_button:focus{background-color:#484848}.search_submit{border:none;background-color:#393939;color:#c3c3c3;font-size:1.5rem;padding:0 .5rem}.search_submit:hover,.search_submit:focus{background-color:#484848}.fruit_div{margin-top:3rem;display:flex;justify-content:center}.fruit{display:grid;place-items:center}.description{display:flex;flex-direction:column;max-width:min-content;gap:.25rem}.description p{margin:.25rem 0 0}.description h3{margin:0 0 1rem}.description_title{text-decoration:underline}.description_item{display:flex;justify-content:space-between;gap:1rem}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}