body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}p{font-size:16px;margin:0;padding:0;text-align:left}.col{flex-direction:column}.col,.row{display:flex}.row{flex-direction:row}.MuiTextField-root{background-color:#fff;border-radius:24px;font-size:12px}.MuiTextField-root div{display:flex;flex-direction:row;gap:8px}.MuiTextField-root input{height:28px;padding:0}.MuiTextField-root.search-bar{height:28px;margin:0;width:200px}.MuiTextField-root.search-bar .button-icon-small{margin-right:-8px}.MuiTextField-root.input-green div{border:2px solid #84a28f;border-radius:4px!important;color:#000;padding:0 12px}.MuiInputBase-root{background-color:#fff;border-radius:24px!important}.MuiInputBase-root fieldset{border:none!important;outline:none!important}.MuiInputBase-root.select-green{border:2px solid #84a28f;height:28px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.MuiInputBase-root.select-green svg{display:relative}.MuiSelect-select{padding-bottom:3px!important;padding-top:3px!important}.icon{height:16px;width:16px}.content{gap:24px;max-width:100vw;padding:24px}.content-left{display:flex;flex-direction:column;flex-grow:1;gap:16px;overflow:hidden}.content-right{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}button{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:8px}.button-accessory,.button-decorative,.button-icon,.button-icon-small,.button-primary,.button-secondary,.button-secondary-decorative,.button-text,.button-tiny{align-items:center;border:0;border-radius:12px;display:flex;flex-direction:row;font-family:Jost;font-size:16px;gap:8px;height:28px;justify-content:center;vertical-align:center}.button-accessory.large,.button-decorative.large,.button-icon-small.large,.button-icon.large,.button-primary.large,.button-secondary-decorative.large,.button-secondary.large,.button-text.large,.button-tiny.large{height:40px}.button-decorative,.button-primary,.button-secondary,.button-secondary-decorative{padding:4px 16px}.button-decorative img,.button-primary img,.button-secondary img,.button-secondary-decorative img{height:12px;width:12px}.button-primary{background-color:#84a28f;color:#fff;height:32px}.button-primary:hover{background-color:#dfe7df}.button-primary:disabled{background-color:#dfe7df;cursor:default}.button-secondary{background-color:#fff;color:#000}.button-secondary:hover{background-color:#caddd1}.button-icon{background-color:#fff;border-radius:28px;height:28px;min-width:28px;width:28px}.button-icon img{height:12px;width:12px}.button-icon:hover{background-color:#caddd1}.button-icon-small{background-color:#fff;height:24px;min-width:24px;width:24px}.button-icon-small img{height:12px;width:12px}.button-icon-small:hover{background-color:#caddd1}.button-accessory{background-color:#fff;height:28px;outline:1px solid #000;position:absolute;right:-10px;top:-10px;width:28px}.button-decorative{background-color:#dd8256;color:#fff}.button-decorative p{color:#fff}.button-decorative:hover{background-color:#ebceb8}.button-decorative:disabled{background-color:#ebceb8;cursor:default}.button-secondary-decorative{background-color:#dfe7df;color:#787878}.button-secondary-decorative p{color:#787878}.button-secondary-decorative:hover{background-color:#b9c5b9}.button-text{background-color:transparent;color:#dd8256;font-size:14px;font-weight:600;height:20px}.button-text:hover{color:#ebceb8}.button-tiny{align-items:center;background-color:transparent;border:none;border-radius:16px;display:flex;flex-direction:row;height:28px;justify-content:center;padding:0;width:28px}.button-tiny img{height:16px;width:16px}.button-tiny:hover{background-color:#dfe7df}.button-tiny:disabled{background-color:transparent;cursor:default;opacity:.2}h2{color:#0e3c33;flex-shrink:0;font-family:Kiwi Maru,serif;font-size:16px;font-style:normal;font-weight:500;line-height:normal;line-height:24px;margin:0;text-align:left;text-transform:uppercase}p{color:#21211f;font-family:Jost,sans-serif;font-size:14px;font-weight:300}p.inverse{color:#fff}.header{justify-content:space-between;padding-left:24px;padding-right:24px;padding-top:24px}.header a>img{height:32px}.header>.row,.timeHorizon-container{align-items:center;gap:16px}.timeHorizon-container{height:32px}.timeHorizon-month{gap:8px;justify-content:center;width:100px}.timeHorizon-month p{font-size:16px}.bar-small{background-color:#ebceb8;border-radius:4px;height:3px}.bar-small .active{background-color:#dd8256;border-radius:4px;height:3px}.nutrient{align-items:center;display:flex;flex-direction:row;gap:8px}.nutrient .name{font-weight:600;margin:0;text-align:left;width:100px}.nutrient .percents{gap:4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nutrient .percents .augment{color:#779d80}.nutrient .percents .delimeter,.nutrient .percents .total{color:#38513d}.nutrient .bar{background-color:#f5f5f5;border-radius:12px;box-shadow:0 4px 4px rgba(0,0,0,.25);height:20px;overflow:hidden;position:relative;width:180px}.nutrient .bar div{border-radius:12px;transition:width .5s}.nutrient .bar .active{background-color:#38513d;height:100%;position:absolute;top:0}.nutrient .bar .selectedFood{background-color:#779d80;height:100%;position:absolute;top:0}.nutrient.greyed p{color:#787878;font-weight:400}.nutrient.greyed .bar{box-shadow:0 4px 4px rgba(0,0,0,.1)}.nutrient.greyed .active{background-color:#b9c5b9}.nutrient.greyed .selectedFood{background-color:#dfe7df}.nutrient.highlighted .active{background-color:#dd8256}.nutrient.highlighted .selectedFood{background-color:#ebceb8}.nutrient:hover{cursor:pointer}.nutrient:hover p{font-weight:600}.nutrient:hover .bar{background-color:#ddd}.nutrient:hover .bar .active{background-color:#38513d}.nutrient:hover .bar .selectedFood{background-color:#779d80}.nutrient:hover.greyed .active{background-color:#bbb}.nutrient:hover.greyed .selectedFood{background-color:#ccc}.nutrient:hover.highlighted .active{background-color:#dd8256}.nutrient:hover.highlighted .selectedFood{background-color:#ebceb8}.nutrients-container{background-color:#fff;border-radius:16px;box-shadow:0 4px 4px rgba(0,0,0,.25);flex-grow:2;gap:16px;padding:24px}.nutrients-container .add-food{gap:8px}.nutrients-container .add-food-amount{width:100px}.nutrient-bars{gap:12px}.recommendations{background-color:#b9c5b9;border-radius:16px;box-shadow:0 4px 4px rgba(0,0,0,.25);padding:24px 36px}.recommendations,.recommendations .card-row{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.recommendations .card-row{gap:24px;margin-left:-40px;margin-right:-40px;overflow-x:scroll;overflow-y:hidden;padding-bottom:8px;padding-left:40px;padding-right:40px;width:100%}.recommendations .rec-header{align-items:center;color:#fff;gap:8px;justify-content:space-between;padding-bottom:16px}.recommendations .rec-header-top{justify-content:space-between;width:100%}.recommendations .rec-header-top-nutrients{gap:8px}.recommendations .rec-header-bottom{justify-content:space-between;width:100%}.recommendations .rec-header-bottom-info{align-items:center;gap:8px}.no-results{display:flex;flex-direction:column;gap:12px;height:148px;justify-content:center}.no-results img{height:84px;object-fit:contain}.no-results p{text-align:center}.food-container{cursor:pointer;gap:12px}.food-container .foodcard{background-color:#fff;border-radius:12px;box-shadow:0 4px 4px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:8px;height:114px;margin-top:2px;padding:8px;position:relative;width:96px}.food-container .foodcard .foodname{font-size:12px;height:34px}.food-container .foodcard .foodname p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:17px;overflow:hidden;text-align:center;text-transform:capitalize}.food-container .foodcard .image{background-color:#fff;height:36px;object-fit:contain;width:96px}.food-container .foodcard.selectedColor{outline:2px solid #0e3c33}.food-container .foodcard.unselectedColor{opacity:.8}.food-container .foodcard.defaultColor{background-color:#fff}.food-container .foodcard .percent p{font-size:12px;text-align:center;width:100%}.food-container .foodcard-add{align-items:center;background-color:transparent;border:none;border-radius:16px;bottom:4px;display:flex;display:none;flex-direction:row;height:24px;justify-content:center;padding:0;position:absolute;right:4px;width:24px}.food-container .foodcard-add:hover{background-color:#dfe7df}.food-container .foodcard:hover .foodcard-add{display:block}.food-container>p{color:#fff;text-align:center}.modal-background{background-color:#192624;height:100vh;left:0;opacity:.8;position:absolute;top:0;width:100vw}.modal-container{background-color:#fff;border-radius:24px;display:flex;flex-direction:column;gap:16px;height:500px;left:50%;max-width:450px;overflow:hidden;padding:24px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:350px;z-index:2}.modal-header{display:flex;flex-direction:row;justify-content:space-between}.modal-header,.modal-header .modal-title{align-items:center;gap:16px}.modal-chips{height:370px;width:100%}.modal-chips,.modal-empty{display:flex;flex-direction:column;flex-grow:1;gap:12px;overflow-y:scroll}.modal-empty{align-items:center;justify-content:center;padding:15%;text-align:center;width:70%}.modal-add{display:flex;flex-direction:row;gap:12px;width:100%}.modal-add .add-food{gap:8px}.modal-add .add-food button{border-radius:24px;height:32px;padding:0;width:32px}.modal-add .add-food input{font-family:Jost}.modal-add .add-food-amount{display:inline-block;height:32px}.modal-add .add-food-amount .MuiInputBase-root{height:32px}.modal-add .add-food-amount.MuiTextField-root input{padding-left:8px!important;padding-right:8px!important;width:52px}.modal-add .add-food-unit.MuiInputBase-root{height:32px!important}.modal-add .add-food-unit .MuiSelect-outlined{padding-left:8px!important;padding-right:24px!important}.modal-add .add-food-unit svg{margin-right:-6px}.modal-add .add-food .MuiAutocomplete-root{width:120px}.modal-add .add-food .MuiAutocomplete-root svg{display:none}.modal-add .add-food .MuiAutocomplete-root input{border:2px solid #84a28f;border-radius:12px!important;height:14px}.modal-add .add-food .MuiInputBase-root{border-radius:12px!important;font-family:Jost;padding:0!important}.modal-footer{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-end;width:100%}.modal-footer button{height:32px}.modal-datePicker{width:140px}.modal-datePicker input{font-family:Jost;font-size:16px}.modal-datePicker .MuiInputBase-root{background-color:#dfe7df;border-radius:12px!important;box-sizing:inherit;padding:0 8px}.modal-datePicker .MuiInputAdornment-root{display:inline;height:24px;margin:0;padding:4px;width:24px}.modal-datePicker .MuiInputAdornment-root button{height:16px;margin:0;padding:0;width:16px}.modal-datePicker .MuiInputAdornment-root button svg{height:16px;width:16px}.MuiPickersDay-root.Mui-selected{background-color:#b9c5b9!important}.MuiPaper-rounded{border-radius:12px!important}.foodchip{align-items:center;background-color:#f1efe2;border-radius:12px;gap:16px;height:24px;padding:4px 16px;width:calc(100% - 32px)}.foodchip-circle{background-color:#0e3c33;border-radius:12px;height:8px;width:8px}.foodchip-title{flex-grow:1;gap:4px}.foodchip-delete button{background-color:transparent;border:none;border-radius:24px;height:20px;margin-right:-8px;width:20px}.foodchip-delete button img{height:8px;width:8px}.foodchip-delete button:hover,.foodchip-white{background-color:#fff}.foodchip-white .foodchip-delete button:hover{background-color:#dfe7df}.today{border:2px solid #0e3c33;border-radius:16px;gap:20px;height:100%;overflow:hidden}.today-header{justify-content:space-between;padding:24px 36px 0}.today .no-foods{align-items:center;display:flex;height:calc(70% - 72px);justify-content:center;padding:36px;width:calc(100% - 72px)}.today .addfood{gap:12px;justify-content:right;-webkit-transform:.75s width;transform:.75s width;width:100%}.today .addfood .input{height:32px}.today .addfood .input-text:focus{background-color:green}.today .addfood .closed{display:none;width:0}.today .chips-col{gap:8px;padding:0 36px 24px;width:calc(100% - 72px)}.today .calendar{display:flex;flex-direction:column;height:100%;width:100%}.today .calendar .week{flex-grow:1;width:100%}.today .calendar .week .day{background-color:#f1efe2;border:none;outline:1px solid gray;width:100%}.today .calendar .week .day p{border-radius:16px;font-weight:600;height:16px!important;line-height:16px;margin-left:4px;margin-top:4px;padding:4px;text-align:center;vertical-align:center;width:16px!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.today .calendar .week .day p.isToday{background-color:#b9c5b9}.today .calendar .week .day:hover{background-color:#fff;cursor:pointer}.today .calendar .week .day-grey p{font-weight:500;opacity:.5}.today .calendar .week .day-grey .dot{opacity:.4}.today .calendar .week .day-grey:hover{background-color:hsla(0,0%,100%,.6)}.today .calendar .week .day,.today .calendar .week .day-grey{position:relative}.today .calendar .week .day-add,.today .calendar .week .day-grey-add{align-items:center;background-color:transparent;border:none;border-radius:16px;bottom:4px;display:flex;display:none;flex-direction:row;height:24px;justify-content:center;padding:0;position:absolute;right:4px;width:24px}.today .calendar .week .day-add:hover,.today .calendar .week .day-grey-add:hover{background-color:#dfe7df}.today .calendar .week .day-grey:hover .day-add,.today .calendar .week .day:hover .day-add{display:block}.today .calendar .week:last-child>div:last-child{border-radius:0 0 14px 0}.today .calendar .week:last-child>div:first-child{border-radius:0 0 0 14px}.today .dots-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;padding:8px}.today .dots-container .dot{background-color:pink;border-radius:4px;height:8px;width:8px}.data{background-color:#afd2c6;display:flex;flex-direction:row;min-height:200vh;width:100vw}.data-sidebar{border-right:3px solid #2d522d;height:100vh;position:-webkit-sticky;position:sticky;top:0;width:200px}.data-content{width:100%}.graph-nutrientPercent{height:500px;width:100%}.login{height:calc(100vh - 128px);padding:64px;width:calc(100vw - 128px)}.login-logo{height:32px;left:64px;position:absolute;top:16px}.login-container{background-color:#fff;border:3px solid #0e3c33;border-radius:24px;height:calc(100% - 192px);justify-content:flex-end;padding:96px;width:calc(100% - 192px)}.login-container>div{width:50%}.login-container-logo{align-items:center;height:90%;justify-content:center}.login-container-logo img{height:320px;width:320px}.login-functions{height:100%;justify-content:space-between;margin:auto;width:300px}.login-functions-fields{gap:16px}.login-functions-fields .row{align-items:center;gap:16px;justify-content:center}.login-functions-fields-line{background-color:#b9c5b9;height:1px;width:30%}.login-functions-fields .error-message p{color:#c65b5b}.login-functions .switch-login{gap:4px;justify-content:center}.login .lowercase{text-transform:none}.login-field .MuiInputBase-root{border-radius:12px!important;outline:2px solid #b9c5b9}.login-field .MuiInputBase-root input{padding:4px 12px}.login-field .MuiInputBase-root.Mui-error{outline:2px solid #c65b5b}
/*# sourceMappingURL=main.74075e27.css.map*/