*,:after,:before{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}html:focus-within{scroll-behavior:smooth}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}body{font-family:inherit;line-height:1.5;min-height:100vh;text-rendering:optimizeSpeed}button,h1,h2,h3,h4,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){-webkit-text-decoration-skip:ink;color:currentColor;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}input:focus,select:focus,textarea:focus{outline:2px solid #007bff}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}ol[role=list],ul[role=list]{list-style:none}.sr-only{clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (prefer-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--Red:#c73a0f;--Green:#1ea475;--Rose-50:#fcf9f7;--Rose-100:#f4edeb;--Rose-300:#c9aea6;--Rose-400:#ad8985;--Rose-500:#87635a;--Rose-900:#260f08;--fs:16px;--ff:"Red Hat Text",sans-serif;--fw-400:400;--fw-600:600;--fw-700:700}body{font-family:Red Hat Text,sans-serif;font-family:var(--ff);font-size:16px;font-size:var(--fs);font-weight:400;font-weight:var(--fw-400)}.App{background:#f4edeb;background:var(--Rose-100);display:flex;gap:2rem;justify-content:center;padding:2rem 3rem}.App,.dessert{height:-webkit-fit-content;height:fit-content}.dessert>h1{color:#260f08;color:var(--Rose-900)}.sweets{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,250px);padding:1rem 0}.sweet-container{flex-direction:column;gap:2rem}.sweet-container,.sweet-img-button{display:flex;justify-content:center}.sweet-img-button{align-items:center;position:relative}.sweet-img-button img{border-radius:10px}.sweet-img-button>img{position:relative;width:100%}.isSelected{border:2px solid #c73a0f;border:2px solid var(--Red)}.quantity-container,.sweet-img-button>button{align-items:center;border:1px solid #260f08;border:1px solid var(--Rose-900);border-radius:50vw;bottom:0;color:#260f08;color:var(--Rose-900);display:flex;flex-direction:row;font-weight:500;gap:.6em;justify-content:center;left:50%;outline:none;padding:10px 20px;position:absolute;transform:translate(-50%,50%);width:160px}.quantity-container{border:none;justify-content:space-between}.quantity-container,.quantity-container>button{background:#c73a0f;background:var(--Red);color:#fcf9f7;color:var(--Rose-50);display:flex}.quantity-container>button{align-items:center;aspect-ratio:1;border:2px solid #fcf9f7;border:2px solid var(--Rose-50);border-radius:50%;justify-content:center}.quantity-container>button:focus-visible,.quantity-container>button:hover{background:#fcf9f7;background:var(--Rose-50);color:#c73a0f;color:var(--Red)}.sweet-img-button>button:focus-visible,.sweet-img-button>button:hover{border-color:#c73a0f;border-color:var(--Red);color:#c73a0f;color:var(--Red)}.sweet-category{color:#87635a;color:var(--Rose-500)}.sweet-name{color:#260f08;color:var(--Rose-900)}.sweet-price{color:#c73a0f;color:var(--Red);font-weight:700;font-weight:var(--fw-700)}.button-container{background:#c73a0f;background:var(--Red)}.cart,.empty-cart{background:#fcf9f7;background:var(--Rose-50);border-radius:10px;display:flex;flex-direction:column;gap:1rem;height:-webkit-fit-content;height:fit-content;min-width:300px;padding:20px}.cart>h2,.empty-cart>h2{color:#c73a0f;color:var(--Red)}.empty-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.empty-content>p{color:#c73a0f;color:var(--Red)}.order-container{align-items:center;border-bottom:1px solid #f4edeb;border-bottom:1px solid var(--Rose-100);display:flex;justify-content:space-between;padding-bottom:.6rem}.order{display:flex;flex-direction:column;gap:.4rem}.order>h4{color:#87635a;color:var(--Rose-500)}.order-stats{display:flex;flex-direction:row;gap:1rem}.order-amount{color:#c73a0f;color:var(--Red);font-weight:700;font-weight:var(--fw-700)}.order-per-rate{color:#c9aea6;color:var(--Rose-300)}.order-total{color:#87635a;color:var(--Rose-500);font-weight:600;font-weight:var(--fw-600)}.order-container>button{align-items:center;aspect-ratio:1;background:none;border:1px solid #c9aea6;border:1px solid var(--Rose-300);border-radius:50%;color:#c9aea6;color:var(--Rose-300);display:flex;height:24px;justify-content:center;outline:none}.order-container>button:focus-visible,.order-container>button:hover{border-color:#260f08;border-color:var(--Rose-900);color:#260f08;color:var(--Rose-900)}.bill{display:flex;justify-content:space-between}.final-bill{color:#260f08;color:var(--Rose-900);font-size:larger;font-weight:700;font-weight:var(--fw-700)}.order-description{align-items:center;background:#f4edeb;background:var(--Rose-100);border-radius:1rem;display:flex;font-size:small;gap:10px;justify-content:center;padding:10px 20px}.order-description span{color:#87635a;color:var(--Rose-500);font-weight:700;font-weight:var(--fw-700)}.confirm-button,.start-new{background:#c73a0f;background:var(--Red);border:none;border-radius:50vw;color:#fcf9f7;color:var(--Rose-50);outline:none;padding:10px 20px}.overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.confirmed-order-container{background-color:#fcf9f7;background-color:var(--Rose-50);border-radius:10px;display:flex;flex-direction:column;gap:1rem;left:50%;max-height:90vh;min-width:500px;overflow:hidden;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%)}.confirmed-order-container>h1{color:#260f08;color:var(--Rose-900)}.confirmed-order-container>h1+p{color:#87635a;color:var(--Rose-500)}.confirmed-order-list{background:#f4edeb;background:var(--Rose-100);border-radius:20px;display:flex;flex-direction:column;gap:1rem;margin-top:1rem;max-height:60vh;overflow-y:auto;padding:20px}.confirmed-order{align-items:center;border-bottom:.7px solid #260f08;border-bottom:.7px solid var(--Rose-900);display:flex;flex-direction:row;justify-content:space-between;padding-bottom:1rem}.confirmed-order>p:last-of-type{color:#260f08;color:var(--Rose-900);font-weight:700;font-weight:var(--fw-700)}.confirm-order-details{display:flex;flex-direction:row;gap:10px}.confirm-order-details>img{aspect-ratio:1;height:70px}.confirmed-order-info{display:flex;flex-direction:column;justify-content:space-around}.confirmed-order-cost{display:flex;flex-direction:row;gap:1rem}.confirmed-order-cost>p:first-of-type{color:#c73a0f;color:var(--Red);font-weight:700;font-weight:var(--fw-700)}.confirmed-order-cost>p:last-of-type{color:#c9aea6;color:var(--Rose-300)}.confirm-order-total{display:flex;flex-direction:row;justify-content:space-between}.confirm-order-total>p:first-of-type{color:#87635a;color:var(--Rose-500)}.confirm-order-total>p:last-of-type{color:#260f08;color:var(--Rose-900);font-size:larger;font-weight:700;font-weight:var(--fw-700)}.confirmed-order-container>svg{aspect-ratio:1;height:-webkit-fit-content;height:fit-content}@media only screen and (min-width:740px) and (max-width:1300px){.App{flex-direction:column;padding:3rem 2rem}.sweets{display:grid;grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:745px){.App{padding:1rem 2rem}.App,.sweets{flex-direction:column}.sweets{display:flex}.overlay{justify-content:flex-end}.confirmed-order-container{border-radius:10px;gap:1.4rem;min-width:100%;padding:40px 20px;position:relative}.confirmed-order-container>h1{font-size:2rem}.confirmed-order-list{gap:1rem}.start-new{margin-top:1rem}}
/*# sourceMappingURL=main.bde6cd15.css.map*/