:root{--black: #1e1e1e;--blue: #2a7cae;--pn-blue-haze: #f2fafd;--pn-blue-faded: #cdeefb;--pn-blue-light: #48bae4;--pn-blue: #00a0d6;--pn-blue-dark: #0c7bad;--light-blue: #eaf5fb;--dark-blue: #123e67;--light-green: #e8f9ef;--green: #369365;--light-green: #2ec953;--orange: #e36100;--light-red: #ff2626;--grey: #bebebe;--grey-medium: #999999;--grey-dark: #757575;--light-yellow: #fff5cb;--padding-xs: 4px;--padding-s: 8px;--padding-m: 16px;--padding-l: 24px;--font-text: StagSans-Book, Verdana;--font-title: StagSans-Medium, Arial;--font-s: 14px;--font-m: 16px;--font-l: 20px}@font-face{font-family:StagSans-Book;src:url(StagSansWeb-Book.woff)}@font-face{font-family:StagSans-Medium;src:url(StagSansWeb-Medium.woff)}html{font-size:62.5%}body{font-size:1.6rem;margin:0;font-family:var(--font-text);line-height:150%;color:var(--dark-blue);font-size:var(--font-m)}input[type=text],input[type=button]{-webkit-appearance:none;-webkit-border-radius:var(--padding-xs);border-radius:var(--padding-xs)}header,main{margin:auto;width:100%;text-align:center;box-sizing:border-box}header{padding:0;background:var(--pn-blue);color:#fff;display:flex;justify-content:space-between}section{margin:var(--padding-m)}.container{padding:var(--padding-m)}h1{margin:0;font-size:var(--font-m);font-family:var(--font-title)}.icon{width:24px;height:24px}input{border-radius:var(--padding-xs);border:1px solid var(--grey);padding:var(--padding-m)}.btn{background:var(--dark-blue);color:#fff;outline:none;border:none;min-width:96px;font-family:var(--font-title);cursor:pointer}.btn.blue{background:var(--blue)}.btn.dark-blue,.btn.orange{background:var(--dark-blue)}.btn.white{background:#ffffff;color:var(--blue);border:1px solid var(--blue)}.thin{padding:var(--padding-s) var(--padding-m)}ul,li{list-style:none;margin:0;padding:0;text-align:left}.card{border-radius:var(--padding-xs);border:1px solid var(--grey);margin-bottom:var(--padding-m)}.card .header{display:flex;justify-content:space-between;align-items:center;padding:var(--padding-s);border-bottom:1px solid var(--grey)}.card .card-item{display:flex;justify-content:space-between;align-items:center;padding:var(--padding-s);color:var(--black);border-top:1px solid #bebebe}.card .card-item:first-child{border-top:none}.card .card-item h3{margin:0;font-family:var(--font-title)}.shelf{color:var(--blue);font-size:150%}.current-customer{padding:var(--padding-m) var(--padding-s);border-radius:var(--padding-xs);border:1px solid var(--grey);display:flex;justify-content:space-between;align-items:center;background:var(--light-blue);border:1px solid var(--pn-blue);box-shadow:0 2px 4px #00000026}.font-blue{color:var(--blue)}.light{color:var(--grey-medium)}.spaced{letter-spacing:2px}.bold{font-family:var(--font-title)}.small{font-size:80%}.now-serving{color:var(--black);font-family:var(--font-title)}.status-text{display:flex;justify-content:flex-start;align-items:center;color:var(--grey-dark)}.status-text img{margin-right:var(--padding-s)}.connection-dot{display:inline-block;width:8px;height:8px;border-radius:100%;background:var(--light-green)}.off{background:var(--light-red)}#empty-queue-illustration{padding-top:64px}.hide{display:none}.loader{visibility:hidden;padding:0 var(--padding-m);position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.loading{visibility:visible}.circle{width:var(--padding-s);height:var(--padding-s);border-radius:var(--padding-m);margin:var(--padding-xs);display:flex;justify-content:center;align-items:center}.circle:before{content:"";width:var(--padding-s);height:var(--padding-s);border-radius:50%;opacity:.7;animation:scale 2s infinite cubic-bezier(0,0,.49,1.02)}.circle-1{background-color:var(--pn-blue-haze)}.circle-1:before{background-color:var(--pn-blue-haze);animation-delay:.2s}.circle-2{background-color:var(--pn-blue-faded)}.circle-2:before{background-color:var(--pn-blue-faded);animation-delay:.4s}.circle-3{background-color:var(--pn-blue-light)}.circle-3:before{background-color:var(--pn-blue-light);animation-delay:.6s}.circle-4{background-color:var(--pn-blue)}.circle-4:before{background-color:var(--pn-blue);animation-delay:.8s}.circle-5{background-color:var(--pn-blue-dark)}.circle-5:before{background-color:var(--pn-blue-dark);animation-delay:1s}@keyframes scale{0%{transform:scale(1)}50%,75%{transform:scale(2.5)}78%,to{opacity:0}}