@import url(https://fonts.googleapis.com/css2?family=Leckerli+One&family=Poppins:wght@300;400;500&display=swap);.auth{background:url(/static/media/background.9a7cb4f1303b3ad076c3.jpg);background-position:top;background-size:cover;height:10%}.auth span{color:#fff;font-size:12px;margin-top:20px}.auth .center{align-items:center;display:flex;height:80vh;justify-content:center}.container{margin:auto;max-width:1000px;padding:20px 15px 30px}.container h1{margin-bottom:30px;text-align:left}nav{align-items:center;background-color:#1f1a41;bottom:0;display:flex;justify-content:space-between;position:fixed;width:100%}nav a{all:unset;color:#fff;cursor:pointer;padding:10px!important;transition:all .2s ease-in-out}nav a .navLink{align-items:center;display:flex;height:50px;justify-content:center;width:70px}nav a .navLink svg{height:30px;width:100%}nav a .active svg circle,nav a .active svg path,nav a .active svg rect{stroke:#c6f8ff}.home{background:url(/static/media/background.9a7cb4f1303b3ad076c3.jpg);background-position:top;background-size:cover;height:100%;width:auto}.home .details{margin:20px auto auto;max-width:425px}.home .details .detail{border-top:2px solid #fff;display:flex;justify-content:space-between;padding:10px 0}.home .details .detail span{color:#fff;font-size:16px}.home .details .detail .successful{background:linear-gradient(0deg,#91c4f2 65%,transparent 0)}.home .details .detail .pending{background:linear-gradient(0deg,#fffacd 65%,transparent 0)}.home .details .detail .failed{background:linear-gradient(0deg,#1f1a41 65%,transparent 0)}.home .details .detail span:first-child{margin-left:10px}.home .details .detail span:nth-child(2){margin-right:10px}.home .details .detail:first-child{border-top:none}.home .order,.home .orders{margin:auto;max-width:425px}.home .orderHeader h1:first-child{margin:0}.home .orderHeader h1:nth-child(2){font-size:22px}.home .checkout{margin-top:20px;text-align:end}.loading-center{left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loading{display:inline-block;height:80px;position:relative;width:80px}.loading div{-webkit-animation:loadingAnim 1.2s cubic-bezier(0,.5,.5,1) infinite;animation:loadingAnim 1.2s cubic-bezier(0,.5,.5,1) infinite;background:#fff;display:inline-block;position:absolute;width:16px}.loading div:first-child{-webkit-animation-delay:-.24s;animation-delay:-.24s;left:8px}.loading div:nth-child(2){-webkit-animation-delay:-.12s;animation-delay:-.12s;left:32px}.loading div:nth-child(3){-webkit-animation-delay:0;animation-delay:0;left:56px}@-webkit-keyframes loadingAnim{0%{height:64px;top:8px}50%,to{height:32px;top:24px}}@keyframes loadingAnim{0%{height:64px;top:8px}50%,to{height:32px;top:24px}}button{all:unset;cursor:pointer}.button{border:2px solid #24272b;border-radius:100px;box-shadow:3px 3px 0 #24272b;color:#24272b;font-size:12px;height:30px;margin:5px;min-width:30px;text-align:center;text-decoration:none;text-transform:lowercase;transition:all .2s ease-in-out}.primary{background-color:#c6f8ff}.secondary{background-color:#dde4ff}.wide{width:200px}.createProduct{margin-bottom:30px}.products .product{cursor:pointer;display:grid;grid-template-columns:70% 30%;justify-content:end;min-height:65px;position:relative}.products .product h3{margin-left:5px}.products .product .form{grid-column:1/3}.products .product .info{display:flex;flex-direction:column}.products .product .quantityAndCost{align-items:center;display:flex;flex-direction:column;justify-content:space-between;width:80px}.products .product .quantityAndCost .quantity{align-items:flex-start;display:flex;flex-direction:row-reverse;justify-content:space-between;padding-bottom:10px;width:100%}.products .product .quantityAndCost .quantity button{height:20px;margin:0;min-width:20px;width:20px}.products .product .quantityAndCost .quantity span{font-size:16px}.products .product .quantityAndCost .cost{font-size:20px;margin-right:5px}.products .product .hideQuantityButtons{justify-content:flex-end}.input::-webkit-input-placeholder{color:hsla(0,0%,100%,.7)}.input::placeholder{color:hsla(0,0%,100%,.7)}.input{all:unset;border-bottom:1px solid #fff;border-radius:0;color:#fff;margin:5px 0;outline:none;padding:10px}.input:focus{border-bottom:1px solid #c6f8ff}input[type=checkbox]{align-self:center;-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:2px;color:currentColor;cursor:pointer;display:grid;font:inherit;height:20px;margin-top:20px;padding:0;place-content:center;-webkit-transform:translateY(-.075em);transform:translateY(-.075em);width:20px}input[type=checkbox]:before{content:"";height:15px;-webkit-transform:scale(0);transform:scale(0);transition:all .2s ease-in-out;width:15px}input[type=checkbox]:checked:before{background-color:#c6f8ff;-webkit-transform:scale(1);transform:scale(1)}.form{align-items:center;margin:10px 0}.form,.formField{display:flex;flex-direction:column}.formField{margin:10px}.formField label{color:#fff}.twoColumns{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto}.form{margin:auto;max-width:500px;width:100%}.form .groupTitle{margin-bottom:10px;text-align:center}.form .fields{grid-column-gap:50px;grid-row-gap:10px;-webkit-column-gap:50px;column-gap:50px;display:grid;grid-template-columns:auto;margin-bottom:50px;row-gap:10px}.form .fields .field{display:flex;flex-direction:column}.form .fields .field label{color:#fff;margin-bottom:10px}.form .fields .field input,.form .fields .field select,.form .fields .field textarea{border:2px solid #ebebeb;border-radius:10px;cursor:pointer;padding:10px;resize:vertical}.form .buttons{align-items:center;display:flex;justify-content:center}.form .buttons button{margin:0 20px;text-align:center;width:100px}.paymentForm{align-items:center;display:flex;flex-direction:column;margin:30px auto auto;max-width:425px}.paymentForm .button{margin-top:20px}.paymentForm .resultMessage{text-align:center}.paymentForm .hidden{display:none}.paymentForm .cardError{color:#697386;font-size:16px;line-height:20px;margin:12px 0;text-align:center}.paymentForm .cardElement{background:#fff;border:1px solid rgba(50,50,93,.1);border-radius:10px;box-sizing:border-box;max-height:44px;padding:12px;width:100%}.paymentForm .paymentRequestButton{margin-bottom:32px}.paymentForm button:disabled{cursor:default;opacity:.5}.paymentForm .spinner,.paymentForm .spinner:after,.paymentForm .spinner:before{border-radius:50%}.paymentForm .spinner{box-shadow:inset 0 0 0 2px;color:#fff;font-size:22px;height:20px;margin:0 auto;position:relative;text-indent:-99999px;-webkit-transform:translateZ(0);transform:translateZ(0);width:20px}.paymentForm .spinner:after,.paymentForm .spinner:before{content:"";position:absolute}.paymentForm .spinner:before{-webkit-animation:loading 2s ease 1.5s infinite;animation:loading 2s ease 1.5s infinite;background:undefined;border-radius:20.4px 0 0 20.4px;height:20.4px;left:-.2px;top:-.2px;-webkit-transform-origin:10.4px 10.2px;transform-origin:10.4px 10.2px;width:10.4px}.paymentForm .spinner:after{-webkit-animation:loading 2s ease infinite;animation:loading 2s ease infinite;background:undefined;border-radius:0 10.2px 10.2px 0;height:10.2px;left:10.2px;top:-.1px;-webkit-transform-origin:0 10.2px;transform-origin:0 10.2px;width:10.4px}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media only screen and (max-width:600px){.paymentForm form{width:80vw}}.orders .order{cursor:pointer;display:grid;grid-template-columns:70% 30%;position:relative;transition:all .2s ease-in-out}.orders .order .form{grid-column:1/3}.orders .order .info{display:flex;flex-direction:column}.orders .order .quantity{align-items:center;display:flex;justify-content:flex-end}.orders .order .quantity span{padding:10px}.orders .order .cost{align-items:center;background-color:#fff;border-radius:10px;color:#24272b;display:flex;justify-content:center}.orders .order:hover{background-color:rgba(198,248,255,.1);border:1px solid #c6f8ff}.tile{align-items:center;background-color:#dde4ff;border:2px solid #24272b;border-radius:100px;box-shadow:3px 3px 0 #24272b;display:flex;margin-bottom:10px;padding:10px 20px;transition:all .2s ease-in-out}.tile span{font-size:16px;margin-left:10px}.tile svg{max-height:20px;max-width:20px}form button{margin-top:20px}*{margin:0;padding:0}.app{min-height:100vh;min-height:calc(var(--vh, 1vh)*100)}body{background-color:#e94f58;font-family:Poppins,sans-serif;margin:0;padding:0;touch-action:none}body h1,body h2,body h3,body h4,body h5,body h6{color:#24272b;font-family:Poppins,sans-serif;font-weight:400;margin:0;text-transform:lowercase}body h1{color:#1f1a41;font-family:Leckerli One,sans-serif;font-size:35px;text-align:center}body h2{font-size:22px}body h3{font-size:20px}body p,body span{color:#24272b;font-size:10px}body main{min-height:100vh}body .center{flex-direction:column}body .center,body .row-center{align-items:center;display:flex;justify-content:center}body .row-center{flex-direction:row}body .row-space-between{align-items:center;display:flex;justify-content:space-between}body a{all:unset;color:#c6f8ff;cursor:pointer;text-decoration:underline}body .box{background-color:rgba(255,250,205,.8);border:2px solid #24272b;border-radius:10px;box-shadow:3px 3px 0 #24272b;margin-bottom:10px;padding:10px}body mark{background:linear-gradient(0deg,#fff 65%,transparent 0);padding:0 10px}
/*# sourceMappingURL=main.300e2461.css.map*/