html,body,.navbar,footer{background-color:var(--primary-light)!important}.card{background-color:#f0f0f0;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 10px #0000000d;padding:1.5em;border-radius:.5em}.available-food{touch-action:none}.navbar-brand{font-size:4em;font-family:Oooh Baby,serif;text-align:center}.search-bar:focus{border-color:var(--primary);box-shadow:0 4px 8px var(--primary)}.search-bar input{padding:.2em 1em;width:100%;background-color:var(--white);color:var(--black);border:1px solid hsl(0,0%,70%);border-radius:2px}.search-bar input:focus{border-color:transparent;box-shadow:none;outline:1px solid var(--primary)}.search-bar .icons{width:15em}.search-bar .icons:hover{color:var(--primary)}.search-results{width:100%;border:2px solid transparent;background-color:var(--white);box-shadow:0 4px 8px #0000001a;border:1px solid transparent;cursor:pointer}.search-results button{border:none;width:100%;background-color:var(--white);color:var(--black)}.search-results:hover{background:#f8f9fa;border-color:var(--gray-dark);box-shadow:0 4px 8px #007bff33}.available-food{border:1px solid var(--gray-dark);border-radius:.5em;text-align:center;width:100%}.available-food:hover{border-color:var(--gray-dark);box-shadow:0 4px 8px #007bff33}.available-foods-container .available-food{padding:1em;width:fit-content;max-width:150px}.draggable-buttons{background-color:transparent;color:var(--black);font-size:.7em;width:fit-content;border:1px solid var(--gray-dark);padding:.5em}.draggable-buttons:hover{border:1px solid var(--accent)}.draggable-buttons .fa{font-size:1.5em}.available-foods-container{position:sticky;top:100px;height:fit-content;text-align:center;width:100%}.available-foods-container h4{width:100%}@media (max-width: 767px){.sticky-small{position:fixed;bottom:0;z-index:1}.available-foods-container{width:100%}.available-foods-container .available-food{width:150px;max-width:200px;padding:.2em 0}}.day-plan h5{text-align:center;text-transform:uppercase;padding-bottom:1em}.droppable-meal-container{border-radius:.5em;min-height:150px;border:1px solid var(--gray-dark);width:100%;max-width:250px}.droppable-meal-container>.container{height:100%}.meal-name{text-align:center;text-transform:uppercase;font-size:1.2em;font-weight:700;background-color:var(--gray-dark);border-radius:.5em;padding:.5em}.sidebar{width:25%;right:-300px;transition:right .3s ease-in-out;z-index:10}.sidebar.show{right:0}@media (max-width: 767px){.sidebar{width:70%}}.nutrient{width:fit-content;min-width:100px}.nutrient .title{text-transform:capitalize}.nutrient .value{font-size:1.2em;font-weight:700}.meal-total .nutrients{max-width:100%}.meal-nutrients span{text-transform:capitalize;font-weight:700;color:var(--macronutrients)}.meal-nutrients .calories span{color:var(--calories)}.nutrients{border:1px solid}.day-total .nutrients.calories{border-color:var(--calories)}.day-total .nutrients.macros{border-color:var(--macronutrients)}.day-total .nutrients.other-nutrients{border-color:var(--micronutrients)}.week-average .nutrients{border:none}.week-average .nutrients.calories{background-color:var(--calories-bg)}.week-average .nutrients.macros{background-color:var(--macronutrients-bg)}.week-average .nutrients.other-nutrients{background-color:var(--micronutrients-bg)}.nutrients-info-container .calories,.nutrients-info-container .macros{flex:0 0 20%;min-width:150px}.nutrients-info-container .other-nutrients{flex:1;min-width:250px;max-width:100%}.nutrients{margin:5px;padding:10px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: hsl(158, 55%, 78%);--primary-light: hsl(158, 35%, 85%);--secondary: hsl(196, 64%, 80%);--accent: #ffb74d;--accent2: #ffeb3b;--white: hsl(0, 0%, 98%);--black: hsl(0, 0%, 2%);--gray: #f5f5f5;--gray-dark: hsl(0, 0%, 80%);--brown: #8d6e63;--calories: hsl(35, 70%, 45%);--macronutrients: hsl(270, 40%, 40%);--micronutrients: hsl(130, 20%, 50%);--calories-bg: hsl(35, 80%, 70%);--macronutrients-bg: hsl(270, 40%, 70%);--micronutrients-bg: hsl(130, 40%, 70%)}.oooh-baby-regular{font-family:Oooh Baby,serif;font-weight:400;font-style:normal}*{margin:0;box-sizing:border-box}#root{width:100%}.container-fluid{padding:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
