.nutrition-card{display:flex;position:relative;flex-direction:column;gap:10px;border-radius:1rem;background-color:#212627;padding:1.4rem 1rem 1rem;box-shadow:0 0 10px #0000001a;width:80vw;max-width:500px}.nutrition-card-delete{cursor:pointer;position:absolute;bottom:4%;right:1%;background-color:transparent;border:none}.nutrition-card-delete svg{width:30px;height:30px}.nutrition-card-header{display:flex;justify-content:space-between;align-items:center}.nutrition-card-header .name{color:#fff;font-size:1.5rem;font-weight:600}.nutrition-card-header .calories{display:flex;align-items:center;justify-content:center;gap:5px;color:#c1d7d9;font-size:1.2rem;font-weight:500}.nutrition-card-header .calories span{color:#ffcb47;font-size:1.5rem;font-weight:600}.nutrition-card-body{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.nutrition-card-body-item{text-align:center;flex:0 1 calc(33.33% - 4px);display:flex;align-items:center;justify-content:center;gap:5px;color:#c1d7d9;font-size:1rem;font-weight:500}.nutrition-card-body-item span{font-size:1.2rem;color:#ffcb47;font-weight:600}.nutrition-card-body-item.serving-input{display:flex;align-items:center;justify-content:center;gap:5px}.nutrition-card-body-item.serving-input input{width:60px;padding:4px 8px;border:1px solid #C1D7D9;border-radius:4px;background:transparent;color:#ffcb47;font-size:1.1rem;text-align:center}.nutrition-card-body-item.serving-input input::-webkit-outer-spin-button,.nutrition-card-body-item.serving-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.nutrition-card-body-item.serving-input input[type=number]{-moz-appearance:textfield}.nutrition-card-body-item.serving-input input:focus{outline:none;border-color:#ffcb47}.nutrition-card-body-item.serving-input .unit{font-size:1rem;color:#c1d7d9}.nutrition-card-body-item.totals{flex:0 1 calc(20% - 4px)}.icon{display:inline-flex;align-items:center;margin-right:8px}.icon svg{width:24px;height:24px}:root{--primary: #C1D7D9;--secondary: #FFCB47;--remove: #FF6F47;--dark1: #494F50;--dark2: #3F4243;--dark3: #212627;--white: #FFFFFF}.totals-card{display:flex;flex-direction:column;width:90vw;max-width:500px}.totals-card-header{display:flex;justify-content:center;align-items:center;gap:10px}.totals-card-header svg{width:50px;height:50px}.totals-card-header p{font-size:3rem;font-family:Prompt;font-weight:600}.totals-card-body{display:flex;align-items:center;gap:10px}.totals-card-body-item{position:relative;flex:0 1 calc(33% - 4px);border-radius:1rem;border:2px dashed var(--secondary);padding:.4rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.totals-card-body-item svg{width:24px;height:24px;position:absolute;top:4%;right:4%}.totals-card-body-item p{font-size:1.4rem;font-weight:600;color:var(--dark3)}.totals-card-body-item-icon{color:var(--dark3);display:flex;align-items:center;justify-content:center;gap:10px}