/* FuturIntrosWebApp/Front/MainPage/Modules/HealsAndFood/HealsAndFood.css */
.HealsAndFoodModulesCategoryContentArea {
    .HealsAndFoodModulesContent {
        display: none;
        flex-direction: column;
    }
    .HealsAndFoodModulesCategoryToggle {
        cursor: pointer;
        display: flex;
        flex-direction: row;
    }
    .HealsAndFoodModulesIcon {
        width: 30px;
        height: 30px;
    }
    .HealsAndFoodModulesContent.Open {
        display: flex;
    }
    .HealsAndFoodModulesHeader {
        color: var(--unselected-text-color);
    }

    .FoodModuleContentArea {
        .FoodModuleToggle {
            cursor: pointer;
            display: flex;
            flex-direction: row;
        }
        .FoodModuleIcon {
            width: 30px;
            height: 30px;
            flex: 0 0 auto;
        }
        .FoodModuleHeader {
            color: var(--unselected-text-color);
        }
    }
}

@media (max-width: 600px) {
    .HealsAndFoodModulesCategoryContentArea {
        .HealsAndFoodModulesContent.Open {
            display: flex;
            gap: 10px;
        }
    }
}