:root{--header-height: 60px;--footer-height: 60px;--dropdown-height: 30px;--color_1: #171717;--color_2: #232522;--color_3: #2f332d;--color_4: #4d4193;--color_5: #5c48c6;--color_6: #6a4ef8;--color_7: #b1a3f5;--color_8: #e6e6e6;--color_9: #f1f1f1;--color_10: #f9f7f1;--color_11: #f8f6ec;--color_12: #ffffff}h1{font-size:18px;font-weight:500;line-height:100%}h2{font-size:16px;font-weight:500;line-height:100%}h3{font-size:14px;font-weight:500;line-height:100%}h4{font-size:12px;font-weight:500;line-height:100%}h5{font-size:10px;font-weight:500;line-height:100%}.transparent-font{opacity:50%}.transparent-button{background:none;border:none;color:var(--color_1)}.allow-text-select{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.text-center{align-content:center;text-align:center;justify-content:center;align-items:center}.hint{color:var(--color_7);padding-left:.5em}.flex-right{display:flex;flex-direction:row}.flex-left{display:flex;flex-direction:row-reverse}.flex-down{display:flex;flex-direction:column}.flex-up{display:flex;flex-direction:column-reverse}.flex-x-row{display:flex;justify-content:space-between;width:100%}.flex-x-row>*:nth-child(2){position:absolute;left:50%;transform:translate(-50%)}.hidden-scroll-bar::-webkit-scrollbar{display:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));justify-content:center;gap:15px}.circle-icon-shadow{box-shadow:0 0 4.8px #00000080}.header{position:relative;z-index:1;height:var(--header-height);min-height:var(--header-height);padding:0px 0vw;background:var(--color_6);justify-content:space-between;align-items:center}.header-shadow{box-shadow:0 4px 4px #00000040}.store-logo{background:none;border-radius:50%}.loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;z-index:1001}.spinner{border:4px solid rgba(0,0,0,.1);border-top:4px solid var(--color_6);border-radius:50%;width:40px;height:40px;margin:auto;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.store-card{flex-shrink:0;color:#000;padding-bottom:.6em;background-color:transparent;border:none;font-size:1em;text-align:left;position:relative;gap:10px}.store-card .store-img{flex-shrink:0;background-size:cover;background-color:#d9d9d9;background-position-x:center;background-repeat:no-repeat;display:inline-block;height:170px;width:170px;border-radius:20px}.circle-icon{display:flex;flex-direction:row;width:30px;height:30px;font-weight:400;font-size:21px;border:0px;border-radius:2em;letter-spacing:0%;background-color:#fff;text-align:center;align-items:center;justify-content:center}.circle-icon *{display:flex;justify-content:center;align-content:center;align-items:center;flex-shrink:0}.order-container{justify-content:center;align-items:center;display:inline-flex;gap:.3em}.order-circle{position:absolute;top:-1em;right:32%;width:2.25em;height:2.25em;display:flex;justify-content:center;align-items:center;background-color:var(--color_10);border-radius:50%;font-size:1em;font-weight:700;z-index:2}.userOrder{border-radius:.5em;margin-bottom:.5em;background-color:var(--color_10);box-shadow:0 1px 3px #0000001a;padding:1.3em;display:flex;justify-content:space-between;align-items:center;width:100%}.horizontal-order-item{flex-shrink:0;border:none;width:100%;display:flex;background-color:transparent;align-items:center;height:97px}.horizontal-order-item-thumbnail{background-size:cover;background-color:#d9d9d9;background-position-x:center;background-repeat:no-repeat;display:inline-block;min-width:97px;height:100%;margin-right:10px;border-radius:16px}.dropdown-button{position:relative;width:100%;height:var(--dropdown-height);background:var(--color_12);border:1px solid var(--color_8);border-radius:4px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;cursor:pointer}.dropdown-button.open{border-bottom-left-radius:0;border-bottom-right-radius:0}.dropdown-menu{left:0;width:100%;background:var(--color_12);border:1px solid var(--color_8);border-top:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px;z-index:1000;display:none}.dropdown-menu.open{display:block}@keyframes ripple-overlay{0%{transform:scale(0);opacity:.7}to{transform:scale(200);opacity:0}}@keyframes bar-waiting-pulse{0%{width:0}50%{width:100%;opacity:1}70%{width:100%;opacity:0}to{width:100%;opacity:0}}@keyframes bar-inprogress-pulse{0%{width:0;opacity:1}18%{width:0;opacity:1}50%{width:50%;opacity:1}70%{width:50%;opacity:0}to{width:0%;opacity:0}}@keyframes blink-waiting{0%,to{opacity:.5}50%{opacity:1}}@keyframes blink-overdue{0%,to{opacity:.7;border-color:red;box-shadow:0 0 3px red}50%{opacity:1;border-color:#8b0000;box-shadow:0 0 10px red}}@keyframes shake-approaching{0%{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes rotate-approaching{0%{transform:rotate(0)}25%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}.blink-waiting{animation:blink-waiting 1.3s infinite}.blink-overdue{animation:blink-overdue 1s infinite}.approaching-zero{animation:rotate-approaching .4s infinite;border-color:#8b0000}.ripple-button-overlay{position:absolute;width:1px;height:1px;border-radius:50%;transform:scale(0);opacity:.7;animation:ripple-overlay .4s linear}.login-button{text-align:center;border-width:0;border-radius:15px;padding:8px;width:229px;height:36px;background-color:#f1f1f1;box-shadow:0 4px 5px 1px #00000040}.account-input{width:100%;height:4em;background:var(--color_9);border:none;outline:none;text-align:center;border-width:0;border-radius:15px;padding:8px;width:229px;height:36px;background-color:#f1f1f1;box-shadow:0 4px 5px 1px #00000040}.time-input{border-radius:15px;padding:8px;width:229px;height:36px;background-color:#f1f1f1;box-shadow:0 4px 5px 1px #00000040;border:none;outline:none;text-align:center;font-size:14px}.account-input:focus{outline:2px solid var(--main-color)}input.invalid,.account-input:invalid{border:2px solid red}.tapin-button{flex-shrink:0;height:36px;background-color:var(--color_6);border:none;border-radius:15px;width:229px;color:var(--color_12);box-shadow:0 4px 5px 1px #00000040}.tapin-button:disabled{background-color:#717171;color:var(--color_12)}.secondary.tapin-button{background-color:var(--color_9);color:#000}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Manrope,sans-serif;overflow:hidden;margin:0;padding:0;line-height:100%;font-weight:500;background:var(--color_12);color:var(--color_1);height:100dvh;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-rendering:optimizeLegibility;touch-action:none}html,body{scroll-behavior:smooth}input,textarea,button{font-family:inherit;color:inherit}input{accent-color:#00000080}button{cursor:pointer}textarea:disabled,input:disabled,button:disabled{cursor:not-allowed}