ion-content {
    height: calc(100vh - 121px) !important;
}

.foodContent {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.roleCard {
    margin: 0px;
}

.metadata-end-wrapper {
    position: absolute;

    top: 3px;
    inset-inline-end: 3px;

    font-size: 0.6rem;

    display: flex;
    align-items: center;

}