body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Caslon Antique;margin: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%}.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:18px;letter-spacing:1.3px;line-height:1.3em}.order-wrapper .order{align-items:center;display:flex;flex-flow:column;padding:10px;text-transform:capitalize}.order-wrapper .order p{font-size:1em;font-weight:800;margin-bottom:10px}.order-wrapper .order h2{align-items:center;color:#000;display:flex;font-size:2.5em}.order-wrapper .order .note{clear:both;color:red;font-size:1.4em;margin-top:10px;text-align:left;text-decoration:underline}.order-wrapper .order .header{border-radius:10px;color:#707070;display:flex;flex-flow:column;padding:6px}.order-wrapper .order .header .top{display:flex;flex-flow:row;flex-direction:row;text-transform:uppercase}.order-wrapper .order .header .top .left{text-align:left;width:100%}.order-wrapper .order .header .top .right{display:flex;justify-content:center;text-align:right;width:50%}.order-wrapper .order .header .bottom{padding:15px 0;text-align:left}.bg-status-title{display:flex;font-size:28px;font-weight:700;justify-content:center}.bg-status-default{align-items:center;border-radius:10px;box-shadow:0 3px 6px #00000029;display:flex;justify-content:center;min-height:60px;text-transform:capitalize;width:200px}.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:sticky;top:0;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;height:100%;justify-content:center;padding:5px}.filter-icons-header .logo{align-items:center;height:130px;object-fit:contain}@media screen and (max-width:750px){.filter-icons-header .clock{display:none;width:1px}}.clock{position:absolute;right:30px}.clock span{color:#fff;font-size:48px;font-weight:700;transition:color 1s ease}.clock span:first-child{margin-right:15px}.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)}@keyframes pulse{0%{transform:scale(1.5)}50%{transform:scale(1.7)}}.main-page{display:flex;flex-direction:column;height:calc(100vh - 100px);justify-content:flex-start}.main-page .wrapper-status-section{border-bottom:3px solid #fff;height:60px;width:100%}.main-page .status-section-wrapper{display:"flex";flex-direction:"column";min-height:calc(100vh - 100px);width:100%}.main-page .status-section-wrapper .bg-status-title{border-bottom:3px solid #fff;margin-left:15px;margin-right:15px;padding-bottom:30px;text-align:center}.main-page .status-section-wrapper:first-child{border-right:3px solid #fff}.main-page .status-section{grid-gap:1em;display:grid;grid-template-columns:repeat(auto-fit,250px);justify-content:center}.main-page .status-title{align-items:center;color:#fff;display:flex;font-size:28px;font-weight:bolder;justify-content:center;padding-left:0;text-transform:capitalize}
/*# sourceMappingURL=main.7fd33475.css.map*/