:root{font-family:Outfit,Arial;line-height:1.5;font-weight:400;color-scheme:light dark;color:#eceff4;background-color:#0c0c1d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;margin:0;width:100vw;min-width:320px;min-height:100vh;place-items:center}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#0c0c1d;background-color:#fff}button{background-color:#f9f9f9}}#root{margin:0;padding:0;height:100vh;width:100vw;text-align:center}.page{display:flex;flex-direction:column;min-height:100vh;width:100vw;color:#0c0c1d;background-color:#fff}.page-header{display:flex;justify-content:right;align-items:center;position:fixed;width:100%;height:50px;background-color:#0c0c1d;border-bottom:1px solid #2e2e5e;z-index:4}.page-body{display:flex;flex:1;overflow:hidden}.page-main{display:flex;flex-direction:column;align-items:center;margin-left:260px;margin-top:50px;height:calc(100vh - 50px);width:calc(100vw - 260px);overflow-x:hidden;overflow-y:auto;box-sizing:border-box;background-color:#1e1e3f}.page-section{display:flex;padding:5rem 0 0;justify-content:center;align-items:stretch;gap:5rem;flex-wrap:wrap}.page-heading{margin:0;font-size:3rem;opacity:0;transform:translateY(-20px);animation:fadeIn 1s forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.inputs-container{text-align:start}.input-container{margin-bottom:2.5rem;width:100%}input{display:block;box-sizing:border-box;padding:.6em 1.2em;width:100%;border:1px solid black;border-radius:30px;font-size:1.1rem;font-weight:500;font-family:inherit;color:#000;background-color:#fff;transition:all .25s}input:focus,input:focus-visible{outline:none;border:1px solid #00ffcc;box-shadow:0 0 0 2px #0fc}input.error{outline:none;border:1px solid red;box-shadow:0 0 0 2px red}.input-error-container{min-height:1.5rem;margin-bottom:1rem}.input-error-message{display:block;padding-left:1.2em;color:red}.input-placeholder-container{position:relative}.placeholder{position:absolute;top:.5em;left:1.2em;color:#0000008a;font-size:1.1rem;font-weight:500;background:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;transition:all .25s}.placeholder.float{top:-.9em;left:1em;padding:0 .2em}.placeholder.focus{color:#0fc}.placeholder.error{color:red}.button-link{display:block;box-sizing:border-box;padding:.6em 1.2em;width:100%;border:none;outline:none;border-radius:30px;font-size:1.1rem;font-weight:500;font-family:inherit;text-decoration:none;text-align:center;color:#eceff4;background-color:#0c0c1d;cursor:pointer;transition:all .25s}.button-link:hover{box-shadow:0 0 10px 3px #0fc}.button-link:focus,.button-link:focus-visible{outline:none}.button-link.disabled{cursor:default;box-shadow:none;background-color:gray;color:#d3d3d3}.button-link-image{width:1rem;pointer-events:none}.text-link{color:#d400ff}@media (max-width: 900px){.page-section{flex-direction:column;align-items:center;gap:2rem}}.loading-screen{display:flex;height:100vh;width:100vw;justify-content:center;align-items:center}.sidebar{display:flex;flex-direction:column;align-items:center;position:fixed;top:50px;padding-top:1rem;height:calc(100vh - 50px);width:99px;background-color:#0c0c1d;border-right:1px solid #2e2e5e}.sidebar-button-link{display:flex;justify-content:space-between;flex-direction:column;align-items:center;border-radius:10px;width:90%;gap:.25rem;padding:1rem 0;font-size:10px;outline:none;-webkit-user-select:none;user-select:none}.sidebar-button-link:hover,.sidebar-button-link-activated{outline:none;box-shadow:none;background-color:#2e2e5e}.sidebar-button-link-image{height:1.5rem;pointer-events:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:#8085a6;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#eceff4}@media (max-width: 500px){.sidebar{width:49px}.page-main{margin-left:75px;width:calc(100vw - 75px)}.sidebar-button-link{font-size:8px;padding:1rem 0;overflow-wrap:break-word}.page-heading{font-size:20px}}.home-page-content{display:flex;flex-direction:column;width:100%;max-width:500px;justify-content:space-between}.home-page-buttons{display:flex;width:100%;flex-direction:column;gap:1rem}.create-account-button:hover{box-shadow:0 0 10px 3px #d400ff}.ai-fitness-tracker-image{height:auto;width:100%;max-width:1000px;border-radius:15px;box-shadow:0 5px 5px #0000001a;object-fit:contain}@media (max-width: 900px){.home-page-content{height:auto;align-items:center;text-align:center}}.login-page-content,.signup-page-content{display:flex;flex-direction:column;width:100%;max-width:500px;justify-content:space-between;gap:1.5rem}.recaptcha-container{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem;min-height:78px}.about-you-page-content{display:flex;flex-direction:column;margin-bottom:2rem;width:100%;max-width:500px;justify-content:space-between;gap:1.5rem}.account-menu{display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:absolute;height:0;width:fit-content;overflow:hidden;padding:0 .5rem;right:1rem;top:calc(1rem + 30px);background-color:#2e2e5e;box-shadow:0 0 5px 5px #0000001a;border:none;border-radius:10px;cursor:default;z-index:2;transition:all .1s}.account-menu-open{height:fit-content;padding:.5rem}.account-menu-button{display:flex;align-items:center;width:100%;padding:.5rem;gap:.5rem;background:none;border:none;border-radius:6px;font-family:inherit;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .25s}.account-menu-button:hover{background-color:#8085a6}.account-image{display:flex;justify-content:center;align-items:center;height:30px;width:30px;border-radius:20px;background-color:#8085a6;margin-right:1rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .25s}.account-image:hover,.account-image-open{box-shadow:0 0 0 2px #0fc}.account-image-initial{pointer-events:none}.token-count{display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 .5rem;margin-right:1rem;gap:.25rem;border-radius:10px;background-color:#2e2e5e;-webkit-user-select:none;user-select:none;transition:all .25s}.chat-history{display:flex;flex-direction:column;align-items:center;position:fixed;top:50px;left:100px;font-size:12px;height:calc(100vh - 50px);width:159px;background-color:#0c0c1d;border-right:1px solid #2e2e5e;overflow:hidden;text-align:left;transition:all .25s,padding-top 0s}.chat-history-collapsed{padding-top:1rem;width:49px;transition:all .25s,padding-top 0s}.chat-history-collapse-button-container{display:flex;justify-content:end;width:90%;-webkit-user-select:none;user-select:none}.chat-history-collapsed .chat-history-collapse-button-container{justify-content:center}.chat-history-collapse-button{display:flex;border-radius:10px;padding:.5rem;border:none;background-color:#0c0c1d;cursor:w-resize;transition:all .25s}.chat-history-collapse-button:hover{background-color:#2e2e5e}.chat-history-button-container{display:flex;flex-direction:column;flex-shrink:0;align-items:center;width:100%;padding-top:1rem;padding-bottom:1rem;box-shadow:0 5px 10px 5px #00000040;z-index:2;transition:width .25s}.chat-history-button-container .chat-history-button-link{justify-content:start;gap:.5rem}.chat-history-text-container{box-sizing:border-box;font-size:1.1rem;font-weight:500;font-family:inherit;color:#8085a6;width:90%;font-size:12px;text-align:left;padding:1.7rem .5rem .4rem;-webkit-user-select:none;user-select:none;transition:width .25s}.chat-history-item{position:relative;width:90%}.chat-history-button-link{display:flex;justify-content:space-between;align-items:center;border-radius:10px;min-height:fit-content;height:2.3rem;font-size:12px;text-align:left;padding:.4rem .5rem;gap:.25rem;white-space:nowrap;z-index:0;-webkit-user-select:none;user-select:none;transition:all .25s}.chat-history-button-link:hover{box-shadow:none;background-color:#2e2e5e}.chat-history-button-link:hover .chat-options-button{opacity:1}.chat-history-button-link-selected{background-color:#2e2e5e}.chat-title{margin:0;width:80%;overflow:hidden;text-overflow:ellipsis}.chat-options-button{display:flex;justify-content:space-between;align-items:center;height:1.5rem;padding:.25rem;opacity:0;background:none;border:none;border-radius:6px;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .25s}.chat-options-button:hover{background-color:#8085a6}.chat-options-menu{display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:absolute;height:0;width:fit-content;right:0;padding:0 .5rem;overflow:hidden;background-color:#2e2e5e;border:none;border-radius:10px;cursor:default;z-index:2;transition:all .1s}.chat-options-menu-open{height:fit-content;padding:.5rem;box-shadow:0 0 5px 5px #0000001a}.chat-options-menu-button{display:flex;align-items:center;width:100%;padding:.5rem;gap:.5rem;background:none;border:none;border-radius:6px;font-family:inherit;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .25s}.chat-options-menu-button:hover{background-color:#8085a6}.chat-options-delete-button{color:red}.chat-options-delete-button:hover{background-color:#ff000040}.chats-container{flex:1;overflow-y:auto;display:flex;width:100%;flex-direction:column;align-items:center;padding-bottom:3rem}@media (max-width: 500px){.chat-history{background-color:#0c0c1d;width:149px;left:50px;z-index:1}.chat-options-button{opacity:1}.chat-history-button-link{font-size:10px}.chat-history-text-container{font-size:12px}.chat-history-collapsed{width:24px}}.conversation-container{display:flex;flex-direction:column;gap:1rem;padding:5rem 0 10rem}.user-message-container{height:fit-content;width:fit-content;max-width:500px;background-color:#2e2e5e;padding:.75rem 1rem;border-radius:18px;margin-left:auto;text-align:left}.markdown-content{text-align:left;font-family:Outfit}.reasoning{display:flex;align-items:center;width:fit-content;gap:.5rem;background-color:#0c0c1d;box-shadow:0 0 5px 5px #0000001a;border:1px solid #2e2e5e;padding:0 .5rem;margin:.5rem 0;border-radius:18px;text-align:left}.function-call-container{display:flex}.function-call{display:flex;align-items:center;gap:.5rem;width:fit-content;background-color:#0c0c1d;box-shadow:0 0 5px 5px #0000001a;border:1px solid #2e2e5e;padding:0 .5rem;margin:.5rem 0;border-radius:18px;text-align:left;transition:all .25s}.message-input-container{display:flex;flex-direction:column;position:fixed;bottom:2rem;width:42vw;border-radius:30px;overflow:hidden;min-height:56px;max-height:14em;background-color:#2e2e5e;box-shadow:0 0 5px 5px #0000001a;cursor:text;transition:all .25s}.message-input-container:hover,.message-input-container:focus-within{box-shadow:-3px 0 5px 3px #0fc,3px 0 5px 3px #d400ff,0 0 5px 5px #0000001a}.message-input-container-disabled{pointer-events:none;opacity:.5}.message-input{flex:1;min-height:56px;max-height:14em;padding:1rem 3.2rem 1rem 1rem;border:transparent;border-radius:30px;box-sizing:border-box;outline:none;background:transparent;color:#eceff4;text-align:left;overflow-y:auto;line-height:1.4em;cursor:text}.message-input-container.expanded{padding-bottom:46px}.message-input-container.expanded .message-input{padding:1rem}.message-input-container.expanded-scrolling{padding-bottom:46px}.message-input-container.expanded-scrolling .message-input{padding:1rem}.message-input-placeholder{position:absolute;left:1rem;color:#8085a6;pointer-events:none}.send-message-button{height:40px;width:40px;border-radius:25px;border:none;background-color:#f9f9f9;color:#000;position:absolute;bottom:8px;right:10px;box-shadow:0 0 5px 5px #0000001a;cursor:pointer;transition:all .25s}.send-message-button:hover{border:1px solid #00ffcc;box-shadow:0 0 5px 3px #0fc,0 0 5px 5px #0000001a}@media (max-width: 500px){.message-input-container{width:75vw}.message-input,.message-input-placeholder{font-size:16px}}.scroll-button-container{position:fixed;bottom:calc(3rem + 56px);width:42vw;height:30px;pointer-events:none}.scroll-button{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;height:30px;width:30px;border-radius:25px;border:1px solid #2e2e5e;background-color:#0c0c1d;color:#fff;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 5px 5px #0000001a;cursor:pointer;pointer-events:auto;transition:all .25s}.scroll-button:hover{background-color:#2e2e5e}@media (max-width: 500px){.scroll-button-container{width:75vw}}.chat-page{display:flex;flex-direction:column;min-height:100vh;width:100vw}.chat-heading{margin:2rem;-webkit-user-select:none;user-select:none}.chat-page-content{display:flex;flex:1;flex-direction:column;width:42vw;gap:1.5rem;position:relative}.chat-main{transition:all .25s}.chat-main-collapsed{margin-left:150px;width:calc(100vw - 150px)}@media (max-width: 500px){.chat-page-content{width:70vw;font-size:12px;padding-right:1rem}.chat-main-collapsed{margin-left:75px;width:calc(100vw - 75px)}}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.calendar{display:flex;flex-direction:column;align-items:center;position:absolute;height:0;width:30rem;padding:0 1rem;top:50px;left:50%;gap:1rem;transform:translate(-50%);overflow:hidden;border-radius:10px;background-color:#2e2e5e;pointer-events:none;-webkit-user-select:none;user-select:none;transition:height .1s,padding .1s}.calendar-open{height:fit-content;padding:1rem;box-shadow:0 5px 10px 5px #00000040;pointer-events:all}.react-calendar{display:flex;flex-direction:column;width:100%!important;gap:1rem;background:none!important;border:none!important;font-family:inherit!important}.react-calendar__navigation{display:flex;flex-direction:row;justify-content:space-evenly}.react-calendar__tile,.react-calendar__navigation button{display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:5px;padding:.5rem;font-size:18px;font-family:inherit;transition:background-color .25s}.react-calendar__tile:hover,.react-calendar__navigation button:hover{background-color:#8085a6!important}.react-calendar__tile:focus,.react-calendar__navigation button:focus{background-color:#8085a6!important}.react-calendar__tile--active{background-color:#8085a6!important}.react-calendar__tile--now{background-color:#0fc!important}.react-calendar__navigation button[disabled]{background:none!important}.calendar-confirmation-nav{display:flex;justify-content:space-evenly;width:100%}.calendar-confirmation-nav-button{cursor:pointer}@media (max-width: 500px){.calendar{width:17.5rem;padding:0 .5}.calendar-open{padding:.5}.react-calendar__navigation{gap:.5rem}.react-calendar__tile,.react-calendar__navigation button{height:2rem;min-width:2rem;font-size:14px}.react-calendar__navigation button{padding:.25rem;font-size:14px}.react-calendar__navigation__label{z-index:1}}.date-nav-container{display:flex;justify-content:center;align-items:center;height:50px;width:calc(100vw - 100px);position:fixed;top:50px;background-color:#0c0c1d;border-bottom:1px solid #2e2e5e;z-index:3}.date-nav{display:flex;justify-content:space-between;width:50%}.date-nav-button{display:flex;justify-content:center;align-items:center;background:none;border:none;border-radius:10px;padding:.5rem;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .25s}.date-nav-button:hover{background-color:#2e2e5e}.meal-log-options-button{display:flex;position:absolute;right:1rem;height:2rem;padding:.5rem;background:none;border:none;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .25s}@media (max-width: 500px){.date-nav-container{width:calc(100vw - 50px)}.date-nav{width:70%}}.calories-header{display:flex;flex-direction:column;justify-content:center;align-items:center;height:75px;width:calc(100vw - 100px);padding:1rem 0;position:fixed;top:100px;background-color:#0c0c1d;border-bottom:1px solid #2e2e5e;box-shadow:0 5px 10px 5px #00000040;-webkit-user-select:none;user-select:none;z-index:2}.calories-remaining-text{width:50%;text-align:left;margin:0 0 .5rem;font-weight:700}.calories-remaining-calculation{display:flex;justify-content:space-between;width:50%}.calories-remaining-section p{margin:0}.calories-remaining-section-label{font-size:12px;color:#8085a6}@media (max-width: 500px){.calories-header{width:calc(100vw - 50px - 2rem);padding:1rem}.calories-remaining-text{width:100%;padding:0 1rem}.calories-remaining-calculation{width:100%}}.select-items-header{display:flex;justify-content:space-between;align-items:center;height:0;width:calc(100vw - 100px);padding:0;position:fixed;top:calc(176px + 2rem);background-color:#0c0c1d;border-bottom:1px solid #2e2e5e;box-shadow:0 5px 10px 5px #00000040;-webkit-user-select:none;user-select:none;overflow-y:hidden;z-index:2}.select-items-header-open{height:20px;padding:1rem 0}.select-items-header-text{margin:0}.select-items-header-section{display:flex;justify-content:center;align-items:center;padding:0 1rem;gap:.5rem}.select-items-header-close-button{display:flex;height:0;width:2rem;right:calc(50px + .75rem);top:calc(100px + .75rem);justify-content:center;align-items:center;border-radius:20px;padding:0;border:none;background:none;overflow:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;cursor:pointer;transition:background-color .25s,transform .25s}.select-items-header-close-button:hover{background-color:#8085a6;transform:rotate(90deg)}.select-items-header-open .select-items-header-close-button{height:2rem;padding:.5rem;pointer-events:all}.select-all-check-box{cursor:pointer}@media (max-width: 500px){.select-items-header{width:calc(100vw - 50px)}}.macro-chart-canvas{height:100px;width:100px}.view-food-menu-header{display:flex;justify-content:center;align-items:center;width:100%;background-color:#2e2e5e;box-shadow:0 5px 10px 5px #00000040;border-radius:20px 20px 0 0;z-index:1}.view-food-menu-content{flex:1;overflow-y:auto;display:flex;width:100%;flex-direction:column;align-items:center;margin-bottom:2rem}.view-food-menu-section{display:flex;justify-content:center;align-items:center;width:100%;border-bottom:1px solid #8085a6}.view-food-menu-section-content{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;width:80%}.view-food-menu-section-column{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.view-food-menu-section-column-text{margin:0;text-align:left;-webkit-user-select:text;user-select:text}.view-food-menu-section-column-label{margin:0;font-size:12px;text-align:center;-webkit-user-select:text;user-select:text}.view-food-menu-content-heading{text-align:left;-webkit-user-select:text;user-select:text}.view-food-menu-text-button{display:flex;justify-content:center;align-items:center;height:fit-content;width:fit-content;padding:.5rem;background:none;border:none;border-radius:5px;color:#0fc;font-size:inherit;font-family:inherit;cursor:pointer;transition:all .25s}.view-food-menu-text-button:hover{background-color:#8085a6}.select-meal-button{width:5rem}.select-meal-menu{position:absolute;top:2.5rem;right:0}.view-food-menu-input{width:5rem;padding:.25rem .25rem .25rem 1rem;text-align:center}.serving-size-button{width:5rem}.select-serving-size-menu{position:absolute;top:2.5rem;right:0}@media (max-width: 500px){.view-food-menu-content{font-size:14px}.view-food-menu-content-heading{font-size:16px}.view-food-menu-input{padding-left:.25rem}}.foods-menu{display:flex;flex-direction:column;align-items:center;background-color:#2e2e5e;position:fixed;top:100px;left:150px;height:0;width:calc(100vw - 200px);border-radius:20px;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:3;transition:height .1s}.foods-menu-open{height:calc(100vh - 150px);box-shadow:0 5px 10px 5px #00000040;pointer-events:all}.foods-menu-close-button{display:flex;height:0;width:2rem;position:fixed;right:calc(50px + .75rem);top:calc(100px + .75rem);justify-content:center;align-items:center;border-radius:20px;padding:0;border:none;background:none;overflow:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;cursor:pointer;transition:background-color .25s,transform .25s}.foods-menu-close-button:hover{background-color:#8085a6;transform:rotate(90deg)}.foods-menu-open .foods-menu-close-button{height:2rem;padding:.5rem;pointer-events:all}.foods-menu-input-container{display:flex;justify-content:center;width:100%;padding-top:2.3rem;-webkit-user-select:none;user-select:none}.foods-menu-input-placeholder-container{position:relative;width:80%}.foods-menu-input{background-color:#eceff4}.foods-menu-placeholder{background:none}.foods-menu-placeholder.float{color:#eceff4;top:-1.75rem;left:1em;padding:0 .2em}.foods-menu-placeholder.focus{color:#0fc}.foods-menu-results-header{width:80%;margin-bottom:.25rem;text-align:left;-webkit-user-select:none;user-select:none}.food-menu-results{display:flex;flex-direction:column;align-items:center;flex:1;width:80%;margin-bottom:2rem;overflow-y:auto}.food-menu-results-loading-container{display:flex;justify-content:center;align-items:center;height:calc(100vh - 150px);width:calc(100vw - 200px);position:fixed;top:100px;left:150px}.foods-menu-results-food{display:flex;justify-content:space-between;width:calc(100% - 2rem);padding:1rem;background-color:#0c0c1d;border:none;border-bottom:1px solid #2e2e5e;border-radius:10px;font-family:inherit;font-size:inherit;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .25s}.foods-menu-results-food:hover{background-color:#1e1e3f}.foods-menu-add-button{display:flex;height:2rem;width:2rem;justify-content:center;align-items:center;border-radius:20px;padding:.5rem;border:none;background:none;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .25s}.foods-menu-add-button:hover{background-color:#8085a6;transform:rotate(90deg)}.search-results-page-nav{display:flex;justify-content:center;align-items:center;width:100%;padding:.5rem 0;background-color:#2e2e5e}.search-results-page-nav-text{margin:0 .25rem}.search-results-page-nav-button{display:flex;justify-content:center;align-items:center;height:fit-content;width:fit-content;padding:.5rem;margin:0 .25rem;background:none;border:none;border-radius:5px;color:#eceff4;font-size:inherit;font-family:inherit;cursor:pointer;transition:all .25s}.search-results-page-nav-button:hover,.search-results-page-nav-button-active{background-color:#8085a6}@media (max-width: 500px){.foods-menu{width:calc(100vw - 50px);left:50px}.foods-menu-open{height:calc(100vh - 100px)}.food-menu-results{width:95%}.foods-menu-close-button{right:.5rem;top:calc(100px + .5rem)}.food-menu-results-loading-container{height:calc(100vh - 150px);width:calc(100vw - 50px);top:100px;left:50px}}.meal-type-container{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 1rem;border-bottom:1px solid #2e2e5e;-webkit-user-select:none;user-select:none}.selectable-meal-type-container{cursor:pointer;transition:all .25s}.selectable-meal-type-container:hover{background-color:#2e2e5e}.meal-log-food-options-menu{top:5rem}.meal-log-food{display:flex;justify-content:space-between;position:relative;padding:1rem;border-bottom:1px solid #2e2e5e;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .25s}.meal-log-food:hover{background-color:#2e2e5e}.meal-log-food-section{display:flex;flex-direction:column;justify-content:center;align-items:start}.meal-log-food-text{text-align:left;margin:0}.meal-log-food-serving-text{margin:0}.meal-log-food-options-button{display:flex;height:2rem;border-radius:10px;padding:.5rem;border:none;background:none;cursor:pointer;transition:all .25s}.meal-log-food-options-button:hover{background-color:#8085a6}@media (max-width: 500px){.meal-log-food-text,.meal-log-food-serving-text{font-size:14px}}.add-food-button{width:100%;text-align:start;font-weight:700;color:#0fc;background-color:#0c0c1d;border:none;border-bottom:1px solid #2e2e5e;padding:1rem;overflow-y:hidden;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all 10s}.add-food-button:hover{background-color:#2e2e5e}.meal-section{height:fit-content;margin:1rem 0 0;background-color:#0c0c1d;box-shadow:0 5px 10px 5px #00000040;text-align:left}.meal-logs-page{display:flex;flex-direction:column;min-height:100vh;width:100vw}.meal-logs-page-main{display:flex;flex-direction:column;align-items:center;margin-left:100px;margin-top:50px;height:calc(100vh - 50px);width:calc(100vw - 100px);overflow-x:hidden;overflow-y:auto;box-sizing:border-box;background-color:#1e1e3f}.meal-logs-page-content{display:flex;flex:1;flex-direction:column;width:100%;margin-bottom:2rem;position:relative}.meals-container{width:calc(100vw - 100px);position:relative;top:calc(125px + 2rem);padding-bottom:50px;z-index:1;transition:top .1s}.meals-container-selecting-items{top:calc(145px + 4rem)}.meal-options-button-container{display:flex;justify-content:end;width:100%}.meal-options-button{display:flex;height:2rem;border-radius:10px;padding:.5rem;border:none;background:none;cursor:pointer;transition:all .25s}.meal-options-button:hover{background-color:#8085a6}.meal-options-menu{display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:absolute;height:0;width:fit-content;top:3.5rem;right:1rem;padding:0 .5rem;overflow:hidden;background-color:#2e2e5e;border:none;border-radius:10px;cursor:default;z-index:2;transition:all .1s}.meal-options-menu-open{height:fit-content;padding:.5rem;box-shadow:0 0 5px 5px #0000001a}.meal-options-menu-button{display:flex;align-items:center;width:100%;padding:.5rem;gap:.5rem;background:none;border:none;border-radius:6px;font-family:inherit;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .25s}.meal-options-menu-button:hover{background-color:#8085a6}.meal-options-delete-button{color:red}.meal-options-delete-button:hover{background-color:#ff000040}.check-box{display:flex;justify-content:center;align-items:center;height:2rem;width:2rem}@media (max-width: 500px){.meal-logs-page-main{margin-left:50px;width:calc(100vw - 50px)}.meals-container{width:calc(100vw - 50px)}}