.macrosManagerContainer{flex-direction:column;align-items:center;max-width:800px;margin:0 auto;padding:20px;display:flex}.macrosManagerContainer h1{text-align:center;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.userGenderCard,.userAgeCard,.userHeightCard,.userWeightCard,.userActivityLevelCard,.userPhysicalActivityLevelCard,.userGoalCard,.userMacrosCard{box-sizing:border-box;width:100%;margin-bottom:20px;padding:24px;border-radius:12px!important;box-shadow:0 2px 8px #00000014!important}.userGenderCard p,.userAgeCard p,.userHeightCard p,.userWeightCard p,.userActivityLevelCard p,.userPhysicalActivityLevelCard p,.userGoalCard p{margin-bottom:15px;font-weight:500}.userGenderCard Button,.userHeightCard Button,.userWeightCard Button,.userActivityLevelCard Button,.userPhysicalActivityLevelCard Button,.userGoalCard Button{text-transform:none;margin-bottom:10px;margin-right:10px}.imperialHeightFields,.metricHeightFields,.imperialWeightFields,.metricWeightFields,.stoneWeightFields{flex-wrap:wrap;gap:15px;margin-top:15px;display:flex}.imperialHeightFields .MuiTextField-root,.stoneWeightFields .MuiTextField-root{flex:1;min-width:120px}.userMacrosContainer{width:100%;margin-top:30px}.userMacrosCard{border:1px solid #cce3ff;background-color:#f0f7ff!important}.userMacrosCard p{margin:10px 0;font-size:1.1rem}.calculate-button{text-transform:none!important;margin-top:20px!important;padding:12px 40px!important;font-size:1.1rem!important}@media (max-width:600px){.macrosManagerContainer{padding:15px}.macrosManagerContainer h1{font-size:2rem}.userGenderCard,.userAgeCard,.userHeightCard,.userWeightCard,.userActivityLevelCard,.userPhysicalActivityLevelCard,.userGoalCard{padding:16px}}