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

ion-item {
    ion-icon {
        margin-right: 9px;
    }

    font-size: 0.9rem;
}

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

.myList {
    padding: 0%;

    ion-list {
        margin: 0%;
    }
}


.roleCard {
    margin: 0px;
}

.metadata-end-wrapper {
    position: absolute;

    bottom: 0px;
    inset-inline-end: 6px;

    font-size: 0.6rem;

    display: flex;
    align-items: center;
}

.metadata-end-wrapper-science {
    position: absolute;

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

    font-size: 0.6rem;

    display: flex;
    align-items: center;

}