.food-autocomplete { position:relative; display:block; min-width:0; }
.food-autocomplete.is-open { z-index:5; }
.food-autocomplete > :is(input,textarea) { width:100%; }
.food-suggestion-list {
  position:absolute; z-index:30; top:calc(100% + 7px); left:0; right:0;
  padding:6px; overflow-y:auto; overscroll-behavior:contain;
  border:1px solid #d9f8e836; border-radius:18px;
  background:linear-gradient(145deg,#203d30fa,#10231afa);
  box-shadow:inset 0 1px 0 #ffffff1c,0 18px 40px #0006;
  -webkit-backdrop-filter:blur(24px); backdrop-filter:blur(24px);
}
.food-suggestion-list[hidden] { display:none; }
.food-autocomplete.opens-up .food-suggestion-list { top:auto; bottom:calc(100% + 7px); }
.food-suggestion { display:flex; align-items:center; gap:12px; min-height:49px; padding:8px 10px; border-radius:12px; color:#edf5ef; font-size:14px; font-weight:500; cursor:pointer; }
.food-suggestion > span:last-child { min-width:0; overflow-wrap:anywhere; }
.food-suggestion + .food-suggestion { margin-top:2px; }
.food-suggestion:hover,.food-suggestion[aria-selected='true'] { background:#dcffe613; box-shadow:inset 0 1px 0 #ffffff0b; }
.food-suggestion .meal-icon { width:31px; height:31px; }
.pantry-add:focus-within,.essentials-panel:focus-within { position:relative; z-index:2; }