.calorie-section__calorie-controls,.calorie-section__input-container{display:flex}.page-header,.calorie-section{display:flex;flex-direction:column}.calorie-section__calorie-controls{flex-wrap:wrap}.page-header__title,.calorie-section__total-value{font-weight:bold}.page-header__title,.calorie-section__total-value{font-size:1.75rem}.calorie-section__input,.calorie-section__show-controls-btn,.calorie-section__update-btn{border:none}.hidden{display:none}html{font-family:system-ui,sans-serif;margin:0;padding:0}body{background-color:hsl(0,0%,8%);color:hsl(0,0%,98%);margin:0;padding:0}body *{box-sizing:border-box;color:inherit;font-size:1rem;font-weight:normal;margin:0;padding:0}li{list-style:none}a{text-decoration:none}input{outline:none}.calorie-section__show-controls-btn,.calorie-section__update-btn,.calorie-section__reset-calories-btn,.calorie-section__cancel-btn{cursor:pointer;font-weight:bold;padding:.5rem 1rem;transition:background-color .5s,color .5s}.page-header{border:calc(0.125 / 1px)rem solid;gap:1rem;padding:1rem}.calorie-section{gap:1rem}.calorie-section__calorie-controls{gap:.5rem;margin-top:1.25rem}.calorie-section__input{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem;color:hsl(0,0%,8%);padding:.5rem 1rem}.calorie-section__show-controls-btn,.calorie-section__update-btn{background-color:hsl(43,100%,46%);color:hsl(0,0%,8%)}.calorie-section__show-controls-btn:hover,.calorie-section__update-btn:hover{background-color:hsl(34,96%,48%)}.calorie-section__show-controls-btn{border-radius:.25rem}.calorie-section__update-btn{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}.calorie-section__reset-calories-btn{background-color:rgba(0,0,0,0);border:.125rem solid hsl(3,85%,46%);border-radius:.25rem;color:hsl(3,85%,46%)}.calorie-section__reset-calories-btn:hover{background-color:hsl(3,85%,46%);color:hsl(0,0%,98%)}.calorie-section__cancel-btn{background-color:rgba(0,0,0,0);border:.125rem solid hsl(0,0%,98%);border-radius:.25rem}.calorie-section__cancel-btn:hover{background-color:hsl(0,0%,98%);color:hsl(0,0%,8%)}/*# sourceMappingURL=index.css.map */