.homepage__wrapper{justify-content:space-between;margin-bottom:24px;display:flex}.homepage__grid{background-color:#fff;border:1px solid #e4e8e8;border-radius:8px;padding:32px 24px}.homepage__top{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.homepage__top-name{border-bottom:1px solid #ededed;width:40%}.homepage__top-name input{color:#0f223f;background-color:#0000;padding:8px 0;font-size:24px;font-weight:700}.homepage__top-name input::placeholder{color:#0f223f;opacity:.5}.homepage__top-score span{border-radius:8px;margin-left:10px;padding:8px 16px;font-size:20px;font-weight:700}.homepage__bottom .bottom__row{border-bottom:1px solid #e4e8e8;align-items:center;padding:16px 0;display:flex;position:relative}.homepage__bottom .bottom__item-labels{font-size:14px;font-weight:700}.homepage__bottom .bottom__item:first-of-type,.homepage__bottom .bottom__item:nth-of-type(2){width:25%}.homepage__bottom .bottom__item:nth-of-type(3),.homepage__bottom .bottom__item:nth-of-type(4),.homepage__bottom .bottom__item:nth-of-type(5){width:10%}.homepage__bottom .bottom__item:nth-of-type(6){text-align:end;width:20%;padding-right:24px}.homepage__bottom .bottom__item.image{align-items:center;display:flex}.homepage__bottom .bottom__item-image{background:#d9d9d9;border-radius:8px;width:36px;height:36px}.homepage__bottom .bottom__item-name{margin-left:8px}.homepage__bottom .bottom__item-name span{margin-left:8px;font-size:14px;font-weight:400}.homepage__bottom .bottom__item.input{display:flex}.homepage__bottom .bottom__item.input button{color:#fff;background-color:#103c35;padding:0 6px;font-size:16px;font-weight:700}.homepage__bottom .bottom__item.input button:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.homepage__bottom .bottom__item.input button:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.homepage__bottom .bottom__item.input input{text-align:center;border-top:1px solid #103c35;border-bottom:1px solid #103c35;max-width:40px;padding:4px;overflow:hidden}.homepage__bottom .bottom__item-wrapper{justify-content:space-between;width:13%;display:flex}.homepage__bottom .bottom__item-nutri img{max-width:66px}.homepage__bottom .bottom__item-remove{background-color:#0000;padding-left:16px}.homepage__bottom .bottom__add{cursor:pointer;background-color:#c0d23c1a;border:1px dashed #103c3566;border-radius:4px;justify-content:center;align-items:center;padding:16px 0;display:flex}.homepage__bottom .bottom__add-image{width:24px;height:24px}.homepage__bottom .bottom__add>img{margin-right:8px}.homepage__bottom .bottom__total{border-bottom:1px solid #e4e8e8;padding:16px 0;display:flex;position:relative}@media screen and (max-width:992px){.homepage .bottom__grid:first-child{display:none}.homepage .bottom__row{flex-wrap:wrap}.homepage .bottom__item:first-of-type{order:2;width:50%;margin-bottom:12px}.homepage .bottom__item:nth-of-type(2){order:3;width:50%;margin-bottom:12px}.homepage .bottom__item:nth-of-type(3){order:4;width:50%}.homepage .bottom__item:nth-of-type(4){order:5;width:25%}.homepage .bottom__item:nth-of-type(5){order:6;width:25%}.homepage .bottom__item:nth-of-type(6){order:1;width:100%}}@media screen and (max-width:568px){.homepage__top-name,.homepage__top-score{width:100%}.homepage__top-score p{justify-content:space-between;align-items:center;display:flex}.homepage__title{font-size:24px}.homepage__top{flex-direction:column-reverse;align-items:flex-start}.homepage .bottom__item:first-of-type,.homepage .bottom__item:nth-of-type(2){width:100%}.homepage .bottom__item:nth-of-type(3){width:50%}.homepage .bottom__item:nth-of-type(4),.homepage .bottom__item:nth-of-type(5){width:25%}.homepage .bottom__item:nth-of-type(6){width:100%}.homepage .bottom__total{flex-wrap:wrap}.homepage .bottom__total .bottom:first-of-type,.homepage .bottom__total .bottom:nth-of-type(2){width:50%}.homepage .bottom__total .bottom:nth-of-type(3),.homepage .bottom__total .bottom:nth-of-type(4),.homepage .bottom__total .bottom:nth-of-type(5){width:25%}}