*,:after,:before{box-sizing:border-box;padding:0;margin:0;font-family:"Lato",sans-serif;font-size:16px}li,ol,ul{list-style:none}a{color:inherit;text-decoration:inherit;transition:.15s}a:hover{cursor:pointer;color:#ff9800}img{max-width:100%;display:block}.back-btn,.cart-btn{width:64px;height:32px;border-radius:10px;display:inline-block;border:1.5px solid #4a5155;background:none;text-decoration:none;font-family:"Lato",sans-serif;color:#253036;cursor:pointer;transition:.15s}.back-btn:hover,.cart-btn:hover{color:#fbfbfb;background-color:#ff9800;fill:#fbfbfb;border-color:#ff9800}.back-btn span,.cart-btn span{display:flex;justify-content:space-evenly;align-items:center;font-size:1.125rem}.back-icon,.cart-icon{height:1.25rem}h2{font-size:1.875rem;margin-top:32px;margin-bottom:32px}h4{font-size:1.5rem;font-weight:400}.App{color:#253036;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:#e8ecee}.Cart-container,.ItemAdded-container,.MenuCategoryList-container,.MenuItemDetail-container,.MenuItemList-container{height:100vh;max-width:375px;padding:24px;overflow-y:auto;background-color:#fbfbfb}.underline{border-bottom:1.5px solid #bcc2c6;margin-bottom:32px}.hide{display:none!important}.Body{height:100%;width:100%;max-width:375px}.Body .button-holder{display:flex;flex-direction:row-reverse;justify-content:space-between;margin-bottom:32px;width:100%}.MenuCategoryList{text-align:center;margin-top:auto}.MenuCategoryList li button{border:none;background:none;cursor:pointer;height:auto;transition:.15s}.MenuCategoryList li button:hover{color:#ff9800}.MenuCategoryList li:not(:last-child){border-bottom:1.5px solid #bcc2c6}.MenuCategoryList li h2{display:inline-block}.MenuItemList{text-align:center;height:100%}.MenuItemList h3{font-size:1.125rem;font-weight:400}.MenuItemList p{margin-bottom:32px;color:#4a5155}.MenuItemList ul{display:flex;flex-wrap:wrap;justify-content:center}.MenuItemList li{width:128px;margin:16px;transition:.15s}.MenuItemList li:hover{cursor:pointer;color:#ff9800}.MenuItemDetail-container{background-color:#ffda9b;padding:0}.MenuItemDetail-container .button-holder{padding:24px;margin-bottom:0}.MenuItemDetail{height:100%}.MenuItemDetail img{width:192px;margin:0 auto 24px}.MenuItemDetail .details-container{background-color:#fbfbfb;padding:24px;border-radius:50px 50px 0 0}.MenuItemDetail .details-container h3{font-size:1.875rem;margin-bottom:32px}.MenuItemDetail .details-container p{color:#4a5155;margin-bottom:32px}.MenuItemDetail .MenuItemDetail-add-to-order{position:fixed;bottom:16px;left:50%;margin-left:-128px}.MenuItemDetail .MenuItemDetail-add-to-order button{width:64px;height:32px;border-radius:10px;display:inline-block;background:none;text-decoration:none;font-family:"Lato",sans-serif;color:#253036;cursor:pointer;background-color:#009688;border:none;color:#fbfbfb;width:256px;height:64px;font-size:1.125rem;box-shadow:0 4px 6px rgba(0,0,0,.2);transition:.15s}.MenuItemDetail .MenuItemDetail-add-to-order button:hover{background-color:#06c2af;transform:translateY(-1px);box-shadow:0 5px 10px rgba(0,0,0,.2)}.MenuItemDetail .MenuItemDetail-add-to-order button:active{box-shadow:0 3px 5px rgba(0,0,0,.2);transform:translateY(0)}.MenuItemDetail .MenuItemDetail-add-to-order button:focus{outline:none}.MenuItemDetail .MenuItemDetail-add-to-order .cancel-btn{background:#fbfbfb;border:2px solid #253036;color:#253036;width:32px}.MenuItemDetail .MenuItemDetail-add-to-order .cancel-btn:hover{border-color:#f44336;color:#f44336;background-color:#fbfbfb}.QuantitySelector{display:flex;justify-content:space-between;margin-bottom:32px}.QuantitySelector h4{display:inline-block}.QuantitySelector .control-container{display:flex;justify-content:center;align-items:center}.QuantitySelector .control-container .icon-container{display:inline-block;width:32px;height:32px;border:2px solid #253036;border-radius:50px;cursor:pointer;background-color:#fbfbfb}.QuantitySelector .control-container span{font-size:1.5rem;margin:0 12px}.CrustSelector,.SizeSelector{margin-bottom:32px}.CrustSelector h4,.SizeSelector h4{margin-bottom:24px}.CrustSelector .control-container,.SizeSelector .control-container{display:flex;flex-direction:row-reverse;justify-content:center;align-items:flex-end}.CrustSelector .control-container .size-container,.SizeSelector .control-container .size-container{text-align:center;cursor:pointer}.CrustSelector .control-container .size-container:not(:first-child),.SizeSelector .control-container .size-container:not(:first-child){margin-right:32px}.CrustSelector .control-container .crust-container,.SizeSelector .control-container .crust-container{text-align:center;cursor:pointer}.CrustSelector .control-container .crust-container:not(:last-child),.SizeSelector .control-container .crust-container:not(:last-child){margin-right:32px}.CrustSelector .control-container button,.SizeSelector .control-container button{background:none;border:none;cursor:pointer}.CrustSelector .control-container button:active,.SizeSelector .control-container button:active{border:none}.CrustSelector .control-container p,.SizeSelector .control-container p{color:#4a5155;text-align:center;margin-bottom:0}.CrustSelector .control-container .selected,.SizeSelector .control-container .selected{font-weight:700;color:#253036}.CrustSelector .control-container{flex-direction:row}.SauceSelector{margin-bottom:32px}.SauceSelector h4{margin-bottom:24px}.SauceSelector input{opacity:0;position:fixed;width:0}.SauceSelector .SauceSelector-type{display:flex;justify-content:center;align-items:baseline;margin-bottom:24px}.SauceSelector .SauceSelector-type label{display:inline-block;border:2px solid #253036;border-radius:10px;width:96px;padding:12px 0;text-align:center;cursor:pointer}.SauceSelector .SauceSelector-type div:not(:last-child){margin-right:16px}.SauceSelector .SauceSelector-type .selected{background:#ff9800;color:#fbfbfb}.AmountSelect{display:flex;justify-content:center;align-items:center}.AmountSelect input{opacity:0;position:fixed;width:0}.AmountSelect label{display:inline-block;background-color:#d5dadd;width:96px;padding:12px 0;text-align:center;cursor:pointer}.AmountSelect label:hover:not(.selected){background-color:#bcc2c6}.AmountSelect .selected{border:2px solid #253036;background-color:#ff9800;color:#fbfbfb}.CheeseSelector{margin-bottom:32px}.CheeseSelector h4{display:inline-block}.CheeseSelector .top-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.CheeseSelector .cheese-input input{opacity:0;position:fixed;width:0}.CheeseSelector .cheese-input label{display:flex;cursor:pointer;margin-bottom:24px}.CheeseSelector .cheese-input label span{margin-left:8px}.SplitSelect{display:inline-block}.SplitSelect button{border:none;background:none;cursor:pointer}.SplitSelect button:not(:last-child){margin-right:12px}.SpecialInstructions{margin-bottom:96px}.SpecialInstructions.has-ingredients{margin-bottom:32px}.SpecialInstructions h4{margin-bottom:24px}.SpecialInstructions textarea{padding:8px;width:100%}.ToppingsList{margin-bottom:64px}.ToppingsList h4{margin-bottom:24px}.ToppingsList h5{margin-left:12px;color:#4a5155;font-weight:400;text-transform:capitalize}.ToppingsList .selected h5{color:#253036}.ToppingsList label{display:inline-block}.ToppingsList .topping-label{display:flex;flex-direction:row-reverse;justify-content:flex-end;cursor:pointer}.ToppingsList input{opacity:0;position:fixed;width:0}.ToppingsList .topping{padding:24px;margin-left:-24px;margin-right:-24px}.ToppingsList .topping:nth-child(2n){background-color:#e8ecee}.ToppingsList .label-split-container{display:flex;justify-content:space-between;margin-bottom:16px}.ItemAdded{text-align:center}.ItemAdded svg{width:192px;height:auto;margin:48px 0}.ItemAdded h2{font-weight:700;font-size:1.25rem;margin:0 0 48px}.ItemAdded p{padding:24px 0;margin-left:-24px;margin-right:-24px;margin-bottom:48px;background-color:#e8ecee;font-size:1.125rem;text-transform:capitalize}.ItemAdded .btn-container{display:flex;justify-content:space-between}.ItemAdded .cart-btn,.ItemAdded .keep-shopping-btn{width:64px;height:32px;border-radius:10px;display:inline-block;border:1.5px solid #4a5155;background:none;text-decoration:none;font-family:"Lato",sans-serif;color:#253036;cursor:pointer;width:128px;height:48px;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:.2s}.ItemAdded .keep-shopping-btn{color:#fbfbfb;background-color:#009688;border:none}.ItemAdded .keep-shopping-btn:hover{background-color:#006258}.ItemAdded .cart-btn{color:#006258;border:2px solid #006258}.ItemAdded .cart-btn:hover{color:#fbfbfb;background-color:#006258}.Cart-container .keep-shopping-btn{width:64px;height:32px;border-radius:10px;display:inline-block;border:1.5px solid #4a5155;background:none;text-decoration:none;font-family:"Lato",sans-serif;color:#253036;cursor:pointer;width:128px;height:48px}.Cart-container .keep-shopping-btn:hover{color:#009688;border-color:#009688}.Cart{height:100%}.Cart h2{text-align:center;font-size:1.875rem}.Cart .subtotal{display:flex;justify-content:space-between;margin-bottom:32px}.Cart .subtotal span{font-size:1.25rem;font-weight:700}.Cart .confirm-order-btn{width:64px;height:32px;border-radius:10px;display:inline-block;background:none;text-decoration:none;font-family:"Lato",sans-serif;color:#253036;cursor:pointer;border:none;background-color:#ff9800;color:#fbfbfb;width:256px;height:64px;font-size:1.125rem;display:block;margin:0 auto 16px;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:.2s}.Cart .confirm-order-btn:hover{background-color:#ffbc4c}.Cart .disabled{opacity:.4;cursor:default}.Cart .disabled:hover{background-color:#ff9800}.CartItem img{width:100%;height:auto}.CartItem .info-container{display:grid;grid-template-columns:64px auto 48px;grid-gap:24px;gap:24px;margin-bottom:16px}.CartItem .info-container h3{font-size:1.125rem;margin-bottom:4px}.CartItem .info-container p{margin-bottom:8px}.CartItem .info-container .details-container{display:flex;align-items:center;cursor:pointer;max-width:100%}.CartItem .info-container .details-container .details-icon{display:inline-block;width:16px;height:auto;fill:#ff9800;margin-right:4px;transition:all .1s}.CartItem .info-container .details-container .rotate-icon{transform:rotate(90deg)}.CartItem .info-container .details-list{opacity:0;display:none;margin-left:20px}.CartItem .info-container .details-list li{font-size:.75rem;display:flex}.CartItem .info-container .details-list .toppings{display:flex}.CartItem .info-container .key{color:#758188;font-size:.75rem;margin-right:4px}.CartItem .info-container .value{color:#253036;font-size:.75rem;text-transform:capitalize}.CartItem .info-container .toppings-list{display:inline-block;margin-left:4px}.CartItem .info-container .show-details{display:block;opacity:1}.CartItem .info-container .edit-btn{background:none;cursor:pointer;border:none;border-bottom:1px solid #758188;font-size:1rem;justify-self:end;align-self:start;color:#758188;transition:.15s}.CartItem .info-container .edit-btn:hover{color:#009688;border-color:#009688}.CartItem .remove-container{display:flex;justify-content:space-between;margin-bottom:32px}.CartItem .remove-container .remove-btn{border:none;background:none;color:#758188;cursor:pointer}.CartItem .remove-container .remove-btn div{display:flex;align-items:center}.CartItem .remove-container .remove-btn .remove-icon{display:inline-block;border:2px solid #f44336;border-radius:100px;width:24px;height:auto;fill:#f44336;margin-right:12px}.LoadingScreen{background-color:#fbfbfb;width:100%;height:100%;display:grid;grid-gap:48px;grid-template-columns:auto;grid-template-rows:auto;grid-template-areas:"row-1" "row-2" "row-3" "row-4" "row-5"}.LoadingScreen .row-1{grid-area:row-1}.LoadingScreen .row-2{grid-area:row-2}.LoadingScreen .row-3{grid-area:row-3}.LoadingScreen .row-4{grid-area:row-4}.LoadingScreen .row-5{grid-area:row-5}.LoadingScreen .row{width:100%;height:100%;padding:16px;border-radius:10px;background:#fbfbfb}.LoadingScreen .inner-row-1,.LoadingScreen .inner-row-2,.LoadingScreen .inner-row-3{width:100%;height:20%;margin-bottom:12px;border-radius:10px;background:linear-gradient(270deg,#fbfbfb,#d5dadd,#fbfbfb);background-size:600% 600%;-webkit-animation:gradient-swipe 3s ease infinite;animation:gradient-swipe 3s ease infinite}.LoadingScreen .inner-row-2{-webkit-animation-delay:.25s;animation-delay:.25s}.LoadingScreen .inner-row-3{-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes gradient-swipe{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient-swipe{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media screen and (min-width:768px){h2{font-size:2.25rem}.Body{max-width:768px;box-shadow:0 1px 3px rgba(0,0,0,.15)}.Cart-container,.ItemAdded-container,.MenuCategoryList-container,.MenuItemDetail-container,.MenuItemList-container{height:100vh;width:100%;max-width:768px;padding-left:48px;padding-right:48px;overflow-y:auto}.MenuItemDetail-container{background-color:#ffda9b;padding-left:0;padding-right:0}.MenuItemList li{width:192px}.MenuItemDetail img{width:256px}.ItemAdded p{margin-left:-48px;margin-right:-48px;margin-bottom:48px}.ItemAdded .btn-container{padding:0 192px}.Cart h2{font-size:2.25rem}.Cart .info-container h3{font-size:1.25rem}}
/*# sourceMappingURL=main.a55077d0.chunk.css.map */