.homepage__wrapper{margin-bottom:24px;display:flex;justify-content:space-between}.homepage__grid{background-color:#fff;border:1px solid #e4e8e8;border-radius:8px;padding:32px 24px}.homepage__top{display:flex;justify-content:space-between;margin-bottom:32px;align-items:center}.homepage__top-name{width:40%;border-bottom:1px solid #ededed}.homepage__top-name input{font-size:24px;color:#0f223f;background-color:transparent;font-weight:700;padding:8px 0}.homepage__top-name input::placeholder{color:#0f223f;opacity:.5}.homepage__top-score span{font-weight:700;padding:8px 16px;font-size:20px;border-radius:8px;margin-left:10px}.homepage__bottom .bottom__row{position:relative;display:flex;align-items:center;border-bottom:1px solid #e4e8e8;padding:16px 0}.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){width:20%;text-align:end;padding-right:24px}.homepage__bottom .bottom__item.image{display:flex;align-items:center}.homepage__bottom .bottom__item-image{border-radius:8px;background:#d9d9d9;width:36px;height:36px}.homepage__bottom .bottom__item-name{margin-left:8px}.homepage__bottom .bottom__item-name span{font-size:14px;font-weight:400;margin-left:8px}.homepage__bottom .bottom__item.input{display:flex}.homepage__bottom .bottom__item.input button{background-color:#103c35;color:#fff;padding:0 6px;font-weight:700;font-size:16px}.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{max-width:40px;padding:4px;text-align:center;overflow:hidden;border-top:1px solid #103c35;border-bottom:1px solid #103c35}.homepage__bottom .bottom__item-wrapper{display:flex;justify-content:space-between;width:13%}.homepage__bottom .bottom__item-nutri img{max-width:66px}.homepage__bottom .bottom__item-remove{background-color:transparent;padding-left:16px}.homepage__bottom .bottom__add{display:flex;justify-content:center;align-items:center;border-radius:4px;padding:16px 0;border:1px dashed rgba(16,60,53,.4);background-color:rgba(192,210,60,.1);cursor:pointer}.homepage__bottom .bottom__add-image{width:24px;height:24px}.homepage__bottom .bottom__add>img{margin-right:8px}.homepage__bottom .bottom__total{display:flex;position:relative;border-bottom:1px solid #e4e8e8;padding:16px 0}@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{width:50%;order:2;margin-bottom:12px}.homepage .bottom__item:nth-of-type(2){width:50%;order:3;margin-bottom:12px}.homepage .bottom__item:nth-of-type(3){width:50%;order:4}.homepage .bottom__item:nth-of-type(4){width:25%;order:5}.homepage .bottom__item:nth-of-type(5){width:25%;order:6}.homepage .bottom__item:nth-of-type(6){width:100%;order:1}}@media screen and (max-width:568px){.homepage__top-name,.homepage__top-score{width:100%}.homepage__top-score p{display:flex;justify-content:space-between;align-items:center}.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%}}