#foods {
    width:100%;
    height:100%;
  
}

#foods > .title {
    color:grey;
    padding:5px;
}

#foods > .list {
    border: 1px solid lime;
    width:100%;
    xheight:100%;
    display:flex;
    align-items: start;
    justify-content: start;

}
 
#foods > .list > .item {
    width:50px;
    aspect-ratio: 1/1;
    border:1px solid grey;
    margin: 5px;
    cursor:pointer;
    border-radius:5px;
    box-shadow:5px 5px 5px 0px rgba(0,0,0,0.5);
    background-color:rgb(21, 19, 24);
    padding:5px;
}

#foods > .list > .item > * {
    pointer-events:none;
}

#foods > .list > .item > .label {
    width:100%;
    display:flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
    font-size:0.7em;
}