body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans;height:100%;margin:0;overflow:hidden;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input{background:none;border:none;border-bottom:1px solid #f4f3ef;border-radius:0;color:#f4f3ef;display:block;font-size:18px;padding:10px 0;width:100%}input:focus{outline:none}input:focus~label{color:#318ed5;font-size:12px;top:-14px}input:focus~.bar:before{width:100%}input[value]:not([value=""]):valid~label{color:#f4f3ef;font-size:12px;top:-14px}input[value]:not([value=""]):focus~label{color:#318ed5}input[type=password]{letter-spacing:.3em}label{color:#f4f3ef;font-size:16px;font-weight:400;pointer-events:none;position:absolute;top:16px;transition:all .3s ease}.bar{display:block;position:relative;width:100%}.bar:before{bottom:0;content:"";height:2px;left:0;position:absolute;width:0}.bar:before,button{background:#318ed5;transition:all .3s ease}button{border:0;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;outline:none;padding:10px 0;width:100%}button:hover{filter:brightness(110%)}button:active{transform:scale(.98)}@keyframes laoder-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}button .loader{animation:laoder-spin 1s linear infinite;border:2px solid #0000001a;border-left-color:#fff;border-radius:50%;display:inline-block;height:1rem;width:1rem}.ripple{overflow:hidden;position:relative;transform:translateZ(0)}.ripple:after{background-image:radial-gradient(circle,#fff 10%,#0000 10.01%);background-position:50%;background-repeat:no-repeat;content:"";display:block;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:scale(10);transition:transform .3s,opacity .5s;width:100%}.ripple:active:after{opacity:.3;transform:scale(0);transition:0s}.login-page{align-items:center;height:100vh;justify-content:center;width:100vw}.login-page,.login-page .card{display:flex;flex-direction:column}.login-page .card{background-color:#ffffff1a;border:1px solid #0000001f;border-radius:6px;padding:12px;width:50%}.store-selection-login{max-height:220px;overflow:auto}.group{margin:12px;position:relative}div.selection-list span.label{color:#f4f3ef;font-size:12px}ul.selection-list{border:1px solid #1d2127;border-radius:6px;list-style:none;padding:0}ul.selection-list li.item{align-items:center;background-color:#fff;border-bottom:1px solid #1d2127;color:#1d2127;cursor:pointer;display:flex;flex-direction:row;font-size:14px;justify-content:space-between;padding:6px;transition:all .3s ease}ul.selection-list li.item:first-child{border-top-left-radius:6px;border-top-right-radius:6px}ul.selection-list li.item:last-child{border-bottom:0;border-bottom-left-radius:6px;border-bottom-right-radius:6px}ul.selection-list li.item:hover{transform:scale(1.02)}ul.selection-list li.item span{font-weight:700}.order-wrapper__new{background-color:#dedede;border-radius:10px;transition:background-color .5s ease,color 1s ease;width:100%}.order-wrapper__new.light{color:#1d2127;filter:contrast(120%)}.order-wrapper__ready{background-color:#000;border-radius:10px;color:#fff;transition:background-color .5s ease,color 1s ease;width:100%}.order-wrapper__ready.light{color:#1d2127;filter:contrast(120%)}.order-wrapper__preparing{background:#00000080;background-color:#000;border-radius:10px;color:#fff;transition:background-color .5s ease,color 1s ease;width:100%}.order-wrapper__preparing.light{color:#1d2127;filter:contrast(120%)}.order-wrapper__completed{background-color:#64c2ea;border-radius:10px;color:#fff;transition:background-color .5s ease,color 1s ease;width:100%}.order-wrapper__completed.light{color:#1d2127;filter:contrast(120%)}.order-wrapper__printed{background-color:#dedede;border-radius:10px;color:#fff;transition:background-color .5s ease,color 1s ease;width:100%}.order-wrapper__printed.light{color:#1d2127;filter:contrast(120%)}.order-wrapper{background-color:#fff;border-radius:10px;box-shadow:5px 5px 5px #00000026;font-size:clamp(12px,1.4vw,16px);letter-spacing:1.2px;line-height:1.25em}.order-wrapper .order{align-items:center;display:flex;flex-flow:column;gap:clamp(4px,.9vw,10px);padding:clamp(6px,1.2vw,12px);text-align:center;text-transform:capitalize}.order-wrapper .order p{font-size:clamp(.7em,1.1vw,.95em);font-weight:800;line-height:1.2;margin-bottom:clamp(4px,.6vw,8px)}.order-wrapper .order h2{align-items:center;color:#000;display:flex;font-size:clamp(.95rem,3vw,1.6rem);line-height:1.1;margin:0}.order-wrapper .order .note{clear:both;color:red;font-size:clamp(.9em,1.4vw,1.15em);line-height:1.2;margin-top:clamp(4px,1vw,9px);text-align:left;text-decoration:underline}.order-wrapper .order .header{border-radius:10px;color:#707070;display:flex;flex-flow:column;gap:clamp(3px,.8vw,6px);padding:clamp(4px,.8vw,6px)}.order-wrapper .order .header .top{display:flex;flex-flow:row;flex-direction:row;gap:clamp(3px,.7vw,8px);text-transform:uppercase}.order-wrapper .order .header .top .left,.order-wrapper .order .header .top .right{display:flex;flex:1 1 50%;font-size:clamp(.7em,1.1vw,.9em);justify-content:center;line-height:1.2;text-align:center}.order-wrapper .order .header .bottom{font-size:clamp(.75em,1.2vw,.95em);line-height:1.2;padding:clamp(4px,1vw,10px) 0;text-align:center}.bg-status-title{display:flex;font-size:clamp(18px,2.6vw,28px);font-weight:700;justify-content:center;padding:clamp(4px,.8vw,12px) 0}.bg-status-default{align-items:center;border-radius:10px;box-shadow:0 3px 6px #00000029;display:flex;justify-content:center;min-height:clamp(42px,5vw,70px);min-width:clamp(120px,18vw,220px);padding:0 clamp(10px,1.5vw,24px);text-transform:capitalize;width:auto}.bg-preparing,.bg-ready{background:#000 0 0 no-repeat padding-box}body{background-color:#dad8ca;background-size:cover;color:#fff;transition:background-color .5s ease,color 1s ease}body.light{background-color:#f7f8f8;color:#1d2127}img.logo{transition:all 1s ease;width:350px}img.logo.light{filter:grayscale(100%) invert(100%)}header.app-header{background-color:#1d2127;position:-webkit-sticky;position:sticky;top:0;width:97%;z-index:10}header.app-header.light{background-color:#ccc;color:#1d2127}.filter-icons-header{align-items:center;background-color:#000;display:flex;flex-flow:row;flex-wrap:wrap;gap:clamp(6px,1.2vw,20px);justify-content:space-between;min-height:clamp(28px,7vw,84px);padding:clamp(1px,.6vw,12px) clamp(4px,1.5vw,28px);width:100%}.filter-icons-header .logo{align-items:center;height:clamp(24px,7vw,96px);max-width:clamp(120px,22vw,300px);object-fit:contain}.clock{align-items:center;display:flex;gap:clamp(6px,1vw,16px);margin-left:auto;position:relative}.clock span{color:#fff;font-size:clamp(18px,4vw,40px);font-weight:700;transition:color 1s ease}.clock span:first-child{margin-right:clamp(6px,1.2vw,12px)}.clock span.light{color:#1d2127}.circle:before{background:linear-gradient(135deg,#dad8ca,#dad8ca 50%,#f4f3ef 51%,#f4f3ef 0);border:2px solid #fff;border-radius:50%;content:" ";cursor:pointer;display:inline-block;height:2rem;margin-right:10px;transition:all .3s ease;vertical-align:middle;width:2rem}.circle:hover:before{border-color:#666766;transform:scale(1.2)}.circle:active:before{transform:scale(.9)}.ready-alert{left:0;position:absolute;top:0;width:100%;z-index:100}.ready-alert .backdrop{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;position:fixed;top:0;width:100vw}.ready-alert .alert{animation:pulse 2s infinite;transform:scale(1.5)}.main-page{display:flex;flex-direction:column;justify-content:flex-start;min-height:calc(100vh - 100px)}.main-page .connection-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:8px;padding:8px 12px;position:fixed;right:10px;top:10px;transition:all .3s ease;z-index:1000}.main-page .connection-status.connected{background:#008000cc}.main-page .connection-status.disconnected{background:#f00c}.main-page .connection-status .connection-indicator{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:500;gap:8px}.main-page .connection-status .connection-indicator .status-dot{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.main-page .connection-status .connection-indicator .status-dot.green{background-color:#4ade80}.main-page .connection-status .connection-indicator .status-dot.red{background-color:#f87171}.main-page .connection-status .connection-indicator .status-text{white-space:nowrap}.main-page .connection-status .connection-indicator .reconnect-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .2s ease}.main-page .connection-status .connection-indicator .reconnect-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.main-page .connection-status .connection-indicator .reconnect-btn:active{transform:translateY(0)}.main-page .status-section-container{align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;gap:clamp(10px,2vw,24px);justify-content:space-between;min-height:calc(100vh - clamp(32px, 8vw, 100px));overflow-x:auto;padding:0 clamp(10px,2vw,20px) clamp(10px,2vw,24px);position:relative;width:100%}.main-page .status-section-container:after{background:#ffffffb3;bottom:0;content:"";left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:3px}.main-page .status-section-wrapper{display:flex;flex:1 0 50%;flex-direction:column;min-height:0;min-width:clamp(120px,25vw,300px)}.main-page .status-section-wrapper .bg-status-title{border-bottom:3px solid #fff;display:flex;justify-content:center;margin:0 clamp(10px,2vw,20px);padding:clamp(12px,1.5vw,24px) 0;text-align:center}.main-page .status-section-wrapper .bg-status-default{max-width:100%}.main-page .status-section-wrapper .status-section{grid-gap:clamp(7px,1.2vw,15px);align-content:start;display:grid;gap:clamp(7px,1.2vw,15px);grid-auto-rows:1fr;grid-template-columns:repeat(auto-fill,minmax(clamp(10px,12vw,155px),1fr));padding:clamp(7px,1.4vw,17px)}.main-page .status-section-wrapper .status-title{align-items:center;color:#fff;display:flex;font-size:clamp(22px,3vw,32px);font-weight:bolder;justify-content:center;padding-left:0;text-transform:capitalize}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}
/*# sourceMappingURL=main.ff9113aa.css.map*/