html {
  --color-calories: #a6a6a6;
  --color-calories-bg: #a6a6a6;
  --color-fat: #999900;
  --color-fat-bg: #bfbf40;
  --color-carbs: #8080ff;
  --color-carbs-bg: #9f9fdf;
  --color-protein: #ff6666;
  --color-protein-bg: #df9f9f;
  --color-clock-progress: gray;
  --color-food-progress: #bfbfbf;
  --color-planned-overage: #999999;
  --color-eaten-overage: #f0f; }

body {
  margin: 0;
  font-family: sans-serif;
  background: #ddd;
  color: #222; }

th {
  font: inherit;
  text-align: inherit; }

._1_uAleqCldMuEr_Za1Yxb9 {
  margin: 1rem; }

._30BHETcoBxdEPSTW_kWv6J {
  padding: 0.75rem 1rem;
  font: inherit; }

._2Frl-_W5rs_1aXKbXi59Lv {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 4rem;
  background: rgba(0, 0, 0, 0.25); }

.PpvnNKpqLuZCEclxoip0C {
  max-width: 35rem;
  margin: 0 auto;
  padding: 1rem;
  background: #ddd;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.1); }

._32uSXcODOhPdr0KgGSyOfH {
  padding: 0;
  border: 0;
  font: inherit;
  color: #00f;
  text-decoration: underline;
  background: transparent;
  cursor: pointer; }
  ._32uSXcODOhPdr0KgGSyOfH:active {
    color: #f00; }

.-Ppeob3c6S4mUUpISHAm4 {
  display: inline-block;
  font-size: 0;
  white-space: nowrap; }

._25X16cnM8StGF-WyUgf1Qd, ._2leiD7VZ8sKc8JbEOakntS, ._115i5RiyKttMX2-85B3Lqk {
  display: inline-block;
  height: 8px; }

._25X16cnM8StGF-WyUgf1Qd {
  background: #ff6666; }

._2leiD7VZ8sKc8JbEOakntS {
  background: #8080ff; }

._115i5RiyKttMX2-85B3Lqk {
  background: #999900; }

._1DmN0_XREYwrVd0OkW7M9S {
  padding: 0.25rem;
  font: inherit; }

.O3ZomM41nQB9zspdCM8v3 {
  padding: 0.25rem;
  font: inherit; }

._3SK_x5mQ968_waNefci73y {
  width: 100%; }

._1IVhe8-OEucW_Zh62Z4R0F {
  margin-left: 0.5rem; }

._2apcUca1ySxhXmwxB0F_T1 {
  display: grid;
  align-items: start;
  justify-items: start; }

._1YGuvl820SoXRYqABRa3JM {
  align-self: center;
  padding-left: 0.25rem; }

._17S1Q-ZsPSmjGh_VXJOUZh {
  justify-self: end; }

._1BV-3UDkmv9Va_xixgKZDi {
  opacity: 0.5; }

@media not all and (min-width: 480px) {
  ._2apcUca1ySxhXmwxB0F_T1 {
    grid: auto auto / auto auto auto;
    margin: 0.5rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #aaa; }
  ._1YGuvl820SoXRYqABRa3JM {
    grid-column: 1 / -1; } }

@media (min-width: 480px) {
  ._2apcUca1ySxhXmwxB0F_T1 {
    grid: auto/1fr repeat(2, 33%) 4rem; } }

._558L1kj8ht5KgQXde2OP {
  max-width: 50rem;
  margin-bottom: 1rem;
  border: 1px solid #000; }

._2lmaoExg_ksnmC9dUiyk2B {
  width: 100%;
  border-collapse: collapse; }

._1GxTXaBamTrvCjHTyGswxz {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem; }
  ._1GxTXaBamTrvCjHTyGswxz > :not(:last-child) {
    margin-right: 2rem; }

._2RWa3_TN1pSp82NsqeJ097 {
  font-size: 2rem; }
  @media not all and (min-width: 480px) {
    ._2RWa3_TN1pSp82NsqeJ097 {
      display: none; } }

._2lDZFTgNcjVcEez0ZIEsDd {
  height: 4px; }

._2SMFX8hFqagRVvAHvN2SIu {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.dvAETPOqcGuleB_drFa0z {
  display: flex;
  justify-content: space-between; }

._1kSywOdPuTMN2xZ1R8ESfP {
  margin-top: 1rem;
  border-top: 1px solid #000;
  padding-top: 1rem; }

._3AmQpBN6okgBi1IavpwS9Y {
  font-size: 0.875rem;
  text-align: right; }

._3v_O8KzsI3Jk4E2u6TzU7O {
  table-layout: fixed;
  border-collapse: collapse;
  width: 20rem;
  margin-bottom: 1rem;
  border: 1px solid #000; }