.Foodpopup{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;scale:0;opacity:0;transition:all .4s;z-index:3}.Foodpopup.showFoodPopup{scale:1;opacity:1}.Foodpopup.showFoodPopup .popContent{scale:1}.Foodpopup .popContent{border-radius:1vw;box-shadow:0 3px 8px rgba(0,0,0,.24);transition:all .8s;scale:0;width:90%;height:90%;background-color:#eee;display:flex;flex-direction:column}.Foodpopup .popContent .close,.Foodpopup .popContent .done{display:flex;justify-content:flex-end}.Foodpopup .popContent .done{height:62px;width:100%}.Foodpopup .popContent .close span{margin-top:10px;margin-right:10px;height:50px;width:50px;display:flex;justify-content:center;align-items:center;font-size:2.5rem;border-radius:50%;transition:all .4s;cursor:pointer;border:1px solid #a8a8a8}.Foodpopup .popContent .close span:hover{scale:1.1;background-color:#e8e8e8}.Foodpopup .popContent .close span:active{background-color:#d8d8d8}.Foodpopup .popContent .done{margin-top:auto}.Foodpopup .popContent .done button{width:160px;height:50px;border:0;color:var(---font-color-primary);background-color:var(---first-color);font-size:1.5rem;font-family:var(---third-family);border-radius:20px;transition:all .4s;margin:20px;cursor:pointer;box-shadow:0 10px 36px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.06)}.Foodpopup .popContent .done button:hover{scale:1.1}.Foodpopup .popContent .done button:active{letter-spacing:2px;scale:1.05}.Foodpopup .popContent .foodContent{height:100%;overflow:auto;display:flex;flex-direction:column;padding:0 50px}.Foodpopup .popContent .foodContent .food{display:flex;flex-direction:row;justify-content:center;gap:40px;margin:0 30px}.Foodpopup .popContent .foodContent .food img{min-width:30%;width:30%;margin-left:40px;border-radius:50px;max-height:40vh;object-fit:contain}.Foodpopup .popContent .foodContent .food .details{display:flex;flex-direction:column}.Foodpopup .popContent .foodContent .food .details .title{font-family:var(---second-family);color:var(---first-color);font-size:3rem;font-weight:500;letter-spacing:2px;margin-top:20px}.Foodpopup .popContent .foodContent .food .details .description{font-size:1.1rem;font-family:var(---first-family);color:grey;word-break:break-all;margin-top:10px}.Foodpopup .popContent .foodContent .food .details .price{display:flex;justify-content:flex-end;font-size:2rem;font-family:var(---third-family);color:var(---third-color);margin-top:10px}.Foodpopup .popContent .foodContent hr{margin:20px 0;border:0;background-color:var(---fourth-color);height:px;flex-shrink:0;width:100%}.Foodpopup .popContent .foodContent .ingredients{display:flex;flex-direction:column}.Foodpopup .popContent .foodContent .ingredients .title{color:var(---third-color);font-size:3rem;font-weight:500;font-family:var(---second-family)}.Foodpopup .popContent .foodContent .ingredients table{align-self:center;border-spacing:0;border-collapse:collapse}.Foodpopup .popContent .foodContent .ingredients table th{color:var(---second-color);font-size:2rem;text-align:center;width:20%;font-family:var(---third-family);font-weight:500;padding-bottom:10px;border:1px solid #ddd}.Foodpopup .popContent .foodContent .ingredients table td{font-size:1.6rem;font-family:var(---first-family);text-align:center;padding:5px;border:1px solid #ddd}.select-td{display:flex;justify-content:center}.custom-select{position:relative;width:60%;font-family:Arial;align-self:center}.select-selected{background-color:var(---first-color)}.select-selected:after{position:absolute;content:"";top:14px;right:10px;width:0;height:0;border:6px solid transparent;border-top-color:#fff}.select-selected.select-arrow-active:after{border-color:transparent transparent #fff;top:7px}.select-items div,.select-selected{color:#fff;padding:8px 16px;border:1px solid transparent;border-bottom-color:rgba(0,0,0,.1);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-items{position:absolute;background-color:var(---first-color);top:100%;left:0;right:0;z-index:99}.select-hide{display:none}.same-as-selected,.select-items div:hover{background-color:rgba(0,0,0,.1)}.input-td{display:grid}.custom-input{justify-self:center;flex-direction:row;padding:0 10px;background-color:var(---background-color-primary);border-radius:20px;height:40px}.custom-input,.custom-input span{display:flex;align-items:center;justify-content:center}.custom-input span{cursor:pointer;border-radius:50%;transition:all .4s;height:30px;width:30px}.custom-input span:hover{background-color:#e1e1e1}.custom-input span:active{background-color:#bab8b8}.custom-input .number{border:0;background-color:transparent;width:40px;justify-content:center;height:80%;font-size:1.3rem;font-family:var(---third-family)}.custom-input .number,.name{display:flex;align-items:center}.name{flex-direction:row;gap:5px}.name .title{color:var(---third-color);font-size:2rem;font-family:var(---third-family);letter-spacing:1px}.name .food-name{font-size:1.6rem;font-family:var(---second-family);display:flex;justify-content:center;align-items:center}.last-details{display:flex;flex-direction:column;gap:10px}.addtocartContainer{display:flex;flex-direction:row;overflow:visible;height:60px;justify-content:flex-end}.addtocartContainer .error{display:flex;justify-content:center;align-items:center;height:50px}.add-to-cart,.addtocartContainer .error{font-size:1.4rem;font-family:var(---third-family)}.add-to-cart{cursor:pointer;flex:1 0!important;letter-spacing:1px;border:0;background-color:var(---first-color);min-width:260px;max-height:50px;min-height:60px;color:var(---font-color-primary);transition:all .4s;position:relative;border-radius:10px;margin-left:30px;flex:0 1!important}.add-to-cart:hover{scale:1.1;background-color:var(---second-color)}.add-to-cart:active{background-color:var(---third-color)}.add-to-cart.notAllowed{cursor:not-allowed}