body{background-color:grey;font-family:Poppins,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.backdrop{background-color:rgba(0,0,0,.75);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:20}.modal{-webkit-animation:slide-down .3s ease-out forwards;animation:slide-down .3s ease-out forwards;background-color:#fff;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.25);left:5%;padding:1rem;position:fixed;top:10vh;width:90%;z-index:30}@media (min-width:768px){.modal{left:calc(50% - 20rem);width:40rem}}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.CartItem_cart-item__DZZ4K{align-items:center;border-bottom:2px solid #8a2b06;display:flex;justify-content:space-between;margin:1rem 0;padding:1rem 0}.CartItem_cart-item__DZZ4K h2{color:#363636;margin:0 0 .5rem}.CartItem_summary__bL33x{align-items:center;display:flex;justify-content:space-between;width:10rem}.CartItem_price__NvXiZ{color:#ef5814;font-weight:700}.CartItem_amount__P4tFD{border:1px solid #ccc;border-radius:6px;color:#363636;font-weight:700;padding:.25rem .75rem}.CartItem_actions__gtUdF{display:flex;flex-direction:column}@media (min-width:768px){.CartItem_actions__gtUdF{flex-direction:row}}.CartItem_cart-item__DZZ4K button{background-color:initial;border:1px solid #8a2b06;border-radius:6px;color:#8a2b06;cursor:pointer;font:inherit;font-size:1.25rem;font-weight:700;margin:.25rem;text-align:center;width:3rem}.CartItem_cart-item__DZZ4K button:active,.CartItem_cart-item__DZZ4K button:hover{background-color:#8a2b06;color:#fff}.cart-items{list-style:none;margin:0;max-height:20rem;overflow-y:scroll;padding:0}.total{align-items:center;display:flex;font-size:1.5rem;font-weight:700;justify-content:space-between;margin:1rem 0}.actions button{border:1px solid #fff;margin-left:1rem}.actions .button--alt{color:#000}.actions .button--alt:hover{background-color:red;border-color:#f5f5f5;color:#000}.actions .button,.actions .button:hover{background-color:#ffd814;color:#000}.actions .button:hover{opacity:.7}.orderConfirm{height:15rem;margin:1rem 0;overflow-y:scroll}.control{margin-bottom:.5rem}.control label{display:block;font-weight:700;margin-bottom:.25rem}.control input{border:1px solid #ccc;border-radius:4px;font:inherit;max-width:100%;width:20rem}.actions{display:flex;gap:1rem;justify-content:flex-end}.actions button{background-color:initial;border:none;border-radius:25px;color:#5a1a01;cursor:pointer;font:inherit;padding:.5rem 2rem}.actions button:active,.actions button:hover{background-color:#ffe6dc}.actions .submit{background-color:#5a1a01;border:1px solid #5a1a01;color:#fff}.actions .submit:active,.actions .submit:hover{background-color:#7a2706}.invalid{color:#ca3e51}.invalid input{background-color:#ffeff1;border-color:#aa0b20}.button{align-items:center;background-color:#ccff01;border:none;border-radius:25px;color:#000;cursor:pointer;display:flex;font:inherit;font-weight:700;justify-content:space-around;padding:.75rem 3rem}.button:active,.button:hover{background-color:#f5f4f7}.icon{height:1.35rem;margin-right:.5rem;width:1.35rem}.badge{background-color:#ccff01;border-radius:25px;font-weight:700;margin-left:1rem;padding:.25rem 1rem}.button:active .badge,.button:hover .badge{background-color:#f5f4f7}.bump{-webkit-animation:bump .3s ease-out;animation:bump .3s ease-out}@-webkit-keyframes bump{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(.9);transform:scale(.9)}30%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bump{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(.9);transform:scale(.9)}30%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1)}}.header{align-items:center;background-color:#1f1f1f;box-shadow:0 2px 8px rgba(0,0,0,.25);color:#f5f4f7;display:flex;height:5rem;justify-content:space-between;left:0;padding:0 10%;position:fixed;top:0;width:80%;z-index:10}.main-image{height:25rem;overflow:hidden;width:100%;z-index:0}.main-image img{height:100%;object-fit:cover;-webkit-transform:rotate(-5deg) translateY(-4rem) translateX(-1rem);transform:rotate(-5deg) translateY(-4rem) translateX(-1rem);width:110%}.card{background-color:#fff;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.25);padding:1rem}.meals{-webkit-animation:meals-appear 1s ease-out forwards;animation:meals-appear 1s ease-out forwards;margin:2rem auto;max-width:60rem;width:90%}.mealsLoading{color:#fff;text-align:center}.mealsError{color:red;text-align:center}.meals ul{list-style:none;margin:0;padding:0}@-webkit-keyframes meals-appear{0%{opacity:0;-webkit-transform:translateY(3rem);transform:translateY(3rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes meals-appear{0%{opacity:0;-webkit-transform:translateY(3rem);transform:translateY(3rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.meal{border-bottom:1px solid #ccc;display:flex;justify-content:space-between;margin:1rem;padding-bottom:1rem}.meal h3{margin:0 0 .25rem}.description{font-style:italic}.price{color:#ef5814;font-size:1.25rem;font-weight:700;margin-top:.25rem}.input{align-items:center;display:flex;margin-bottom:.5rem}.input label{font-weight:700;margin-right:1rem}.input input{border:1px solid #ccc;border-radius:5px;font:inherit;padding-left:.5rem;width:3rem}.form{text-align:right}.form button{background-color:#1f1f1f;border:1px solid #1f1f1f;border-radius:20px;color:#fff;cursor:pointer;font:inherit;font-weight:700;padding:.25rem 2rem}.form button:active,.form button:hover{background-color:#1f1f1f;border-color:#1f1f1f}.summary{background-color:#383838;border-radius:14px;box-shadow:0 1px 18px 10px rgba(0,0,0,.25);color:#fff;margin:-10rem auto auto;max-width:45rem;padding:1rem;position:relative;text-align:center;width:90%}.summary h2{font-size:2rem;margin-top:0}
/*# sourceMappingURL=main.09dcdf0d.css.map*/