@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Abel&display=swap);@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Abel&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Playwrite+DK+Loopet:wght@100..400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Abel&family=Kanit:wght@300;400;500;600&display=swap);body{background-color:#fff;font-family:Roboto,sans-serif;margin:0;padding:0}.container{display:flex;gap:10px;height:150px;margin-top:80px}.card{animation:borderAnimation 2s linear infinite;background-position:50%;background-size:cover;border-image:linear-gradient(0deg,orange,#0000) 1;border-image-slice:1;display:flex;flex-grow:1;height:100%;position:relative;transition:flex-grow .5s ease,height .5s ease,width .5s ease;width:20px}@keyframes borderAnimation{0%{border-image-slice:2;border-image-source:linear-gradient(0deg,orange,#0000)}25%{border-image-slice:2;border-image-source:linear-gradient(90deg,orange,#0000)}50%{border-image-slice:2;border-image-source:linear-gradient(180deg,orange,#0000)}75%{border-image-slice:2;border-image-source:linear-gradient(270deg,orange,#0000)}to{border-image-slice:2;border-image-source:linear-gradient(0deg,orange,#0000)}}.card:hover{box-shadow:0 5px 15px #b8b8b893;flex-grow:4}.card-content{align-items:center;border-radius:0 0 20px 20px;bottom:0;color:#ff0040c9;display:flex;justify-content:left;left:0;padding-left:10px;position:absolute;transition:opacity .5s ease,visibility .5s ease;width:100%}.card{cursor:pointer}.card-content .title{margin-bottom:2px;margin-left:10px;opacity:0;text-shadow:2px 2px 2px #310080;transition:opacity .5s ease,visibility .2s ease;visibility:hidden}.card:hover .title{opacity:1;translate:0 0;visibility:visible}.card.selected{flex-grow:4}.card.selected .card-content .title{opacity:1;visibility:visible}.MenuIcons{font-size:24px}@keyframes spinLogo{0%{transform:rotate(0deg)}50%{transform:rotate(-180deg)}to{transform:rotate(0deg)}}.logo.scale-animation{animation:scaleLogo all .5s ease-in-out}@keyframes scaleLogo{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.Icon-div{align-items:center;display:inline-flex;text-shadow:2px 2px 2px #310080}.title-div{align-items:center;display:flex;justify-content:center}@media only screen and (max-width:600px){.container{gap:5px;height:100px;margin-top:80px}.card:hover{flex-grow:3}.card-content .title{font-size:20px;margin-left:5px}}.disabled-card{opacity:.5;pointer-events:none}#loginButton,#password,#username{background-color:#ff0040c9;border:none;color:#fff;text-align:center}.login-container h1{color:#ff0040;font-family:Kanit,sans-serif;font-style:normal;font-weight:200;text-shadow:0 2px 2px #ff0040}.password-icon,.username-icon{background-color:initial;border:none;color:#fff;cursor:pointer}.password-icon:hover{color:#000;cursor:pointer}.form-control::placeholder{color:#ffffff86;opacity:1}.toast-container{box-shadow:0 0 15px #b8b8b893;position:fixed;right:50px;top:10px;z-index:1100}.toast{border-radius:.5rem;font-size:.95rem;max-width:300px;min-width:250px;padding:.4rem .6rem}.toast-body{font-size:.9rem;line-height:1.3}@media (max-width:576px){.toast{border-radius:.4rem;max-width:260px;min-width:200px;padding:.3rem .5rem}.toast,.toast-body{font-size:.8rem}.btn-close{transform:scale(.8)}}.signup-container h1{color:#ff0040;font-family:Kanit,sans-serif;font-style:normal;font-weight:200;text-shadow:0 2px 2px #ff0040}.input-group .form-control{background:#ff0040c9;color:#fff;text-align:center}.input-group span{background:none;border:none}.form-check-label{color:#ff0040}.genderRow{align-items:center;display:flex;flex-direction:row;gap:5px}#font-icons{color:#fff}.orders-container h1{color:#ff0040;font-family:Kanit,sans-serif;font-style:normal;font-weight:200;text-shadow:0 2px 2px #ff0040}.orders-title-row h4{color:#f0a}.input-group,.input-group .form-control{border:none;box-shadow:none}.input-group .form-control{outline:none}.input-group .input-group-text{background:#ff0040c9;border:none}.top-cart-title{font-family:Comfortaa,sans-serif;font-optical-sizing:auto;font-style:bold;font-weight:700}.order-image img{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;height:140px;width:120px}.order-name{font-family:Abel,sans-serif;font-style:normal;font-weight:600}.myorders-title{color:#ff0040;font-family:Kanit,sans-serif;font-style:normal;font-weight:200;text-shadow:0 2px 2px #ff0040}.order-available-count{font-family:Comfortaa,sans-serif;font-optical-sizing:auto;font-weight:700;text-align:left}.inner-left-order-count{font-optical-sizing:auto;font-weight:700}.inner-left-order-count,.inner-right-order-count{display:flex;flex-direction:column;font-family:Comfortaa,sans-serif;padding-top:10px;text-align:left}.inner-right-order-count{font-optical-sizing:auto;font-weight:400}.order-count,.order-count-inner{align-items:center;display:flex;justify-content:space-evenly}.orders-single{border-bottom:1px solid grey}.orders-single .left-side{align-items:center;display:flex;flex-direction:column}.decrement,.increment{background-color:#ff0040;border:none;border-radius:10%}.decrement{padding:0 10px}.increment{padding:0 8px}.order-description{-webkit-line-clamp:5;-webkit-box-orient:vertical;color:#000;display:-webkit-box;font-family:Comfortaa,sans-serif;font-optical-sizing:auto;font-size:14px;font-style:normal;font-weight:500;overflow:hidden;text-overflow:ellipsis}.total-price-row{text-align:left}.payable-amount,.total-label,.total-price-row{font-family:Comfortaa,sans-serif;font-optical-sizing:auto;font-weight:700}.payable-amount,.total-label{text-align:center}.delete,.total-row{display:flex;justify-content:center}.delete{align-items:center;color:#b2022f;cursor:pointer;font-size:24px}.PayNow{--b:3px;--s:0.45em;--color:#3a2b44;--_p:var(--s);background:conic-gradient(from 90deg at var(--b) var(--b),#0000 90deg,var(--color) 0) var(--_p) var(--_p) /calc(100% - var(--b) - var(--_p)*2) calc(100% - var(--b) - var(--_p)*2);border:0;color:var(--color);font-size:16px;outline:var(--b) solid #0000;outline-offset:.6em;padding:calc(.5em + var(--s)) calc(.9em + var(--s));touch-action:manipulation;transition:.3s linear,color 0s,background-color 0s;user-select:none;-webkit-user-select:none}.PayNow:focus-visible,.PayNow:hover{--_p:0px;outline-color:var(--color);outline-offset:.05em}.PayNow:active{background:var(--color);color:#fff}.PayNow.disabled,.PayNow:disabled{background:grey;cursor:not-allowed}.modal-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-content{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 8px 20px #0003;max-width:400px;padding:25px;position:relative;text-align:center;width:90%}.modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:22px;position:absolute;right:15px;top:10px;transition:.2s ease}.modal-close:hover{color:#e63946}.payment-option-button{align-items:center;background:#f8f9fa;border:2px solid #ddd;border-radius:10px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;justify-content:center;margin:10px 0;padding:12px;transition:all .3s ease;width:100%}.payment-option-button:hover{background:#ffe8d6;border-color:#ff7b00}.payment-option-button img{height:32px;object-fit:contain;width:32px}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.payment-option-button{border:none;margin:10px}.error-container{align-items:center;display:flex;font-family:Comfortaa,sans-serif;justify-content:space-between}.error-text{flex:1 1;text-align:left}.error-text h1{color:#ff0040;font-size:2rem;margin-bottom:10px}.error-text p{color:#333;font-size:1rem;line-height:1.5}.error-image img{height:150px;object-fit:contain;width:150px}.error-modal-overlay{align-items:center;background:#0a0a0a99;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1100}.error-modal-content{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0003;max-width:90%;padding:20px 30px;text-align:center;width:500px}.error-close-btn{background-color:#ff0040;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:15px;padding:8px 16px}.error-close-btn:hover{background-color:#c90233}.recent-orders-container h1{border-bottom:2px solid grey;color:#ff0040;font-family:Kanit,sans-serif;font-style:normal;font-weight:200;text-shadow:0 2px 2px #ff0040}.accordion-order-date{color:#ff0040}body,html{margin:0;overflow-x:hidden;padding:0}.logo{cursor:pointer;height:40px;width:40px}.profile-left{position:relative}.menu-icon{color:#29292994;cursor:pointer;font-size:30px}.menu-icon:hover{color:#000}.logout-right{background-color:#fff;border-radius:20px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;height:40px;padding:12px;width:40px}.logout-icon{border-top:1.5px solid #00000057;color:#29292994;cursor:grabbing;font-size:large}.logout-icon:hover{animation:plug-out 1s ease-out;color:#000}@keyframes plug-out{0%{padding-top:0}50%{padding-top:15px}to{padding-top:0}}.app-container{background-attachment:fixed;background-image:url(/static/media/ordersBackground.0110eb7c92020f0a9069.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.navbar{align-items:center;background-color:#fff;display:flex;justify-content:space-between;padding:10px}body::-webkit-scrollbar{height:0;width:0}.app-home{max-width:100%;position:fixed;top:0;width:100%;z-index:1}@keyframes scale-animation{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1)}75%{transform:scale(1.5)}to{transform:scale(1)}}.scale-animation{animation:scale-animation .5s ease-in-out}.popup-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.774);padding:20px;text-align:center}.popup-content h1{color:#ff0040;font-family:Kanit,sans-serif;font-style:normal;font-weight:200;text-shadow:0 2px 2px #ff0040}.input-group-text{background-color:#ff0040c9;border:none;color:#fff;outline:none}.form-control-btn-close{background-color:#000;margin-left:20px}.form-control-btn,.form-control-btn-close{border:none;border-radius:2px;box-shadow:none;color:#fff;outline:none}.form-control-btn{background:#ff0040c9;margin-top:10px}.vertical-menu{display:flex;flex-direction:column;gap:10px;left:.7%;position:absolute;top:100%;z-index:1000}.profile-greeting{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0003;display:flex;font-size:22px;height:40px;justify-content:center;min-width:40px}.menu{display:flex;flex-direction:column;gap:15px;left:20px;position:fixed;top:30%}.menu-item{align-items:center;background:#fff;border-radius:30px;box-shadow:0 2px 6px #0003;cursor:pointer;display:flex;overflow:hidden;transition:width .3s ease;width:40px}.menu-item:hover{width:150px}.icon{align-items:center;background:#fff;border-radius:50%;color:#ff0040;display:flex;font-size:22px;height:40px;justify-content:center;min-width:40px;text-shadow:0 2px 2px #ff0040}.label{color:#333;font-weight:500;opacity:0;padding-left:10px;transform:translateX(-10px);transition:opacity .3s ease,transform .3s ease;white-space:nowrap}.menu-item:hover .label{opacity:1;transform:translateX(0)}.product-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(10rem,20rem));justify-content:center;padding:20px}.product-title-div h1{color:#ff0040;font-family:Kanit,sans-serif;font-style:normal;font-weight:200;text-shadow:0 2px 2px #ff0040}@supports not (-webkit-line-clamp:2){.product-name{display:block;display:-moz-box;line-height:1.2em;max-height:2.4em;overflow:hidden}}.product-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}.product-description{font-weight:600;text-align:left}.add-to-cart-div button{background-color:#0d00bde1;border:none;border-radius:25px 0 25px 0;box-shadow:inset 0 30px 60px -12px #32325d40,inset 0 18px 36px -18px #0000004d;color:#fff;font-family:Comfortaa,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500;padding:20px}.add-to-cart-div button:disabled{background-color:#9e9e9eda;color:#fff;cursor:not-allowed}.sort-tickmark{color:#0b0}.add-product-title h1{color:#ff0040;font-family:Kanit,sans-serif;font-style:normal;font-weight:200;text-shadow:0 2px 2px #ff0040}.product-add-history{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(10rem,20rem));justify-content:center;padding:20px}.product-upload-choose-file{display:none}.upload-image-default{border-radius:50px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;cursor:pointer;height:100px;padding:5px;width:100px}.outer-card{border-bottom:2px solid grey}.product-card{padding:10px;position:relative;text-align:center}.product-image-div img{height:20rem;width:15rem}.product-price-div{background-image:linear-gradient(120deg,#d4fc79,#96e6a1);border-radius:0 25px 25px 0;box-shadow:1.95px 1.95px 2.6px #00000026;color:#a100a1;left:0;padding:10px;position:absolute;top:0}.alter-product{display:flex;gap:5px;justify-content:space-between;position:absolute;right:0;top:0}.add-to-cart-div,.product-description,.product-image-div,.product-name,.product-price-div{padding-top:20px}.product-price{text-decoration:line-through}.product-name{-webkit-line-clamp:1;font-family:Abel,sans-serif;font-size:24px;font-style:normal;font-weight:600}.product-description,.product-name{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-description{-webkit-line-clamp:2;font-family:Comfortaa,sans-serif;font-optical-sizing:auto;font-size:12px;font-style:normal;font-weight:400;text-overflow:ellipsis}.add-to-cart-div{text-align:center;width:100%}.upload-container input{background-color:initial;border:none;border-bottom:2px solid grey;border-radius:0;color:#000;outline:none;text-align:center}.upload-container input:focus{background-color:initial;border-bottom:2px solid #ff0040}.upload-container input::placeholder{color:#8f8f8f;opacity:1}.all-lineup-title{color:#ff0040;font-family:Kanit,sans-serif;font-style:normal;font-weight:200;text-shadow:0 2px 2px #ff0040}.order-table-row{background-color:ff0040}.admin-tab-container{margin:2% 10%}.profile-input,.profile-select{text-transform:uppercase}.splash-container{align-items:center;animation:fadeOut .8s ease-in forwards;animation-delay:2.2s;display:flex;height:100vh;justify-content:center;position:relative}.big-b{font-family:EB Garamond,serif;font-size:15rem;font-weight:300;position:relative}.big-b,.text{animation:zoomOut .5s ease-in-out 2s forwards;color:#000;transform-origin:center}.text{background-color:#fff;display:flex;font-family:Unica One,sans-serif;font-size:2rem;font-weight:700;gap:5px;padding:1px;position:absolute}.text span{animation:fadeInUp .15s ease forwards;opacity:0;transform:translateY(20px)}.text span:first-child{animation-delay:.2s}.text span:nth-child(2){animation-delay:.3s}.text span:nth-child(3){animation-delay:.4s}.text span:nth-child(4){animation-delay:.5s}.text span:nth-child(5){animation-delay:.6s}.text span:nth-child(6){animation-delay:.7s}.text span:nth-child(7){animation-delay:.8s}.text span:nth-child(8){animation-delay:.9s}.text span:nth-child(9){animation-delay:1s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomOut{0%{transform:scale(1)}to{opacity:0;transform:scale(.1)}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}.footer{background-color:#000!important;color:#fff;font-family:Kanit,sans-serif;width:100%}.footer .container{display:flex;gap:1rem;height:10rem;justify-content:center;margin-top:5rem}.text-footer-title{color:#ff0040}.footer-icons{color:#fff;font-size:1.6rem;margin:0 .4rem;transition:color .3s ease-in-out}.footer-icons:hover{color:#ff0040}.social-icons{display:flex;justify-content:center}@media (min-width:768px){.social-icons{justify-content:center}}
/*# sourceMappingURL=main.f9907b55.css.map*/