.posWorkspace{flex-direction:column;height:100dvh;display:flex}.posToolbar{color:#17243a;background:#fff;border-bottom:1px solid #dce2e9;flex-wrap:wrap;align-items:center;gap:20px;padding:12px 20px;display:flex}.posToolbar span{background:#edf5f5;border-radius:6px;padding:6px 10px;font-size:13px}.posSignOut{color:#fff;cursor:pointer;background:#17243a;border:1px solid #c6d0dd;border-radius:8px;margin-left:auto;padding:12px 20px;font-weight:700}.pinScreen{color:#17243a;background:#eef2f6;place-items:center;min-height:100dvh;padding:20px;display:grid}.pinCard{background:#fff;border-radius:18px;width:min(100%,420px);padding:28px;box-shadow:0 12px 40px #17243a12}.pinCard h1{margin:12px 0 24px;font-size:28px}.pinCard label{gap:10px;display:grid}.pinCard input{text-align:center;letter-spacing:12px;color:#17243a;background:#f8fafc;border:1px solid #c6d0dd;border-radius:10px;width:100%;padding:14px;font-size:30px}.accountPicker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:220px;margin-bottom:20px;display:grid;overflow:auto}.accountPicker button{color:#17243a;text-align:left;background:#fff;border:1px solid #c6d0dd;border-radius:8px;padding:12px}.accountPicker button b,.accountPicker button small{display:block}.accountPicker button small{opacity:.68;margin-top:3px}.accountPicker button[aria-pressed=true]{color:#fff;background:#087f83}.pinKeys{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.pinKeys button{color:#17243a;cursor:pointer;background:#f1f4f8;border:0;border-radius:10px;min-height:58px;font-size:23px}.pinKeys button:nth-child(10){font-size:16px}.pinEnter{color:#fff;background:#087f83;border:0;border-radius:10px;width:100%;margin-bottom:16px;padding:16px;font-weight:700}.pinCard button:disabled{opacity:.5}@media (max-width:500px){.posToolbar{gap:12px;padding:10px}.posToolbar a{font-size:13px}.posSignOut{padding:10px}.accountPicker{grid-template-columns:1fr}}.posToolButton{color:#fff;cursor:pointer;background:#087f83;border:0;border-radius:7px;padding:9px 14px;font-weight:800}.posMenuOverlay{z-index:50;background:#eef2f6;flex-direction:column;display:flex;position:fixed;inset:0}.posMenuOverlay>header{color:#fff;background:#17243a;justify-content:space-between;align-items:center;gap:18px;padding:14px 20px;display:flex}.posMenuOverlay>header div{gap:3px;display:grid}.posMenuOverlay>header span{opacity:.75;font-size:12px}.posMenuOverlay>header button{color:#fff;cursor:pointer;background:#087f83;border:0;border-radius:8px;padding:12px 16px;font-weight:800}.posMenuOverlay>iframe{border:0;flex:1;width:100%;min-height:0}@media (max-width:500px){.posMenuOverlay>header{align-items:flex-start}.posMenuOverlay>header span{display:none}}.posToolbar .connectionState{text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:850}.posToolbar .connectionState.online{color:#26704d;background:#e5f6ec}.posToolbar .connectionState.offline{color:#795916;background:#fff0d2}.posToolbar a{color:#52657a;font-size:12px;font-weight:750;text-decoration:none}.posToolbar .onlineOrdersLink{color:#08736f;background:#e4f4f1;border-radius:8px;padding:9px 11px}.posToolbar .onlineOrdersLink:hover{color:#fff;background:#087f83}.posTraining{color:#4d3508;letter-spacing:1px;white-space:nowrap;background:#f1b84b;border-radius:999px;padding:6px 9px;font-size:9px}