.pg-queue{--pg-bezel: color-mix(in srgb, var(--deep2), black 72%);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-xl)}.pg-queue__figure{position:relative;padding:32px 24px 28px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--card)}.pg-queue__stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 156px;-moz-column-gap:28px;column-gap:28px;row-gap:28px;max-width:860px;margin-inline:auto}.pg-queue__tills{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pg-queue__till{justify-self:center;width:100%;max-width:188px;padding:6px;border-radius:16px;background:var(--pg-bezel)}.pg-queue__screen{overflow:hidden;border-radius:11px;background:var(--card);color:var(--ink)}.pg-queue__bar{margin:0;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--tint-bg);color:var(--ink);font-family:var(--font);font-size:12px;font-weight:700;line-height:1.3}.pg-queue__body{display:flex;flex-direction:column;gap:8px;padding:12px}.pg-queue__order{margin:0;color:var(--ink);font-family:var(--mono);font-size:13px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums}.pg-queue__line{display:block;height:5px;border-radius:3px;background:var(--hover)}.pg-queue__line+.pg-queue__line{width:70%}.pg-queue__btn{position:relative;display:grid;place-items:center;height:32px;margin-top:2px;overflow:hidden;border-radius:8px;background:var(--blue);color:var(--onblue);font-family:var(--font);font-size:12px;font-weight:700;white-space:nowrap}.pg-queue__ripple{position:absolute;top:50%;left:50%;width:140px;height:140px;margin:-70px 0 0 -70px;border-radius:50%;background:color-mix(in srgb,var(--onblue) 45%,transparent);opacity:0;transform:scale(0)}.pg-queue__result{display:flex;min-height:24px}.pg-queue__result--later{opacity:0}.pg-queue.is-live .pg-queue__result--later{opacity:1}.pg-queue__floor{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:subgrid;grid-template-rows:auto auto;row-gap:10px}.pg-queue__floor>.pg-queue__name{grid-column:1;grid-row:2}.pg-queue__register>.pg-queue__name{grid-row:2}.pg-queue__name{display:inline-flex;align-items:center;gap:8px;margin:0;color:var(--ink-2);font-family:var(--font);font-size:13px;font-weight:600;line-height:1.3}.pg-queue__name>svg{width:18px;height:18px;flex:none;color:var(--ink-2);stroke-width:1.75}.pg-queue__name>svg[viewBox="0 0 512 512"]{border-radius:5px}.pg-queue__rail{position:relative;grid-column:1;grid-row:1;display:flex;flex-direction:row-reverse;align-items:center;gap:8px;height:48px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--tint-bg)}.pg-queue__rail:after{content:"";position:absolute;top:50%;right:-18px;width:7px;height:7px;border-top:1.5px solid var(--muted-2);border-right:1.5px solid var(--muted-2);transform:translateY(-50%) rotate(45deg)}.pg-queue__register{grid-column:2;grid-row:1 / span 2;display:grid;grid-template-rows:subgrid}.pg-queue__dock{position:relative;grid-row:1;display:flex;align-items:center;gap:4px;height:48px;padding-left:12px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--card);color:var(--ink-2)}.pg-queue__dock>svg{width:18px;height:18px;flex:none;stroke-width:1.75}.pg-queue__slot{position:relative;display:grid;place-items:center;flex:1;align-self:stretch}.pg-queue__progress{position:absolute;right:12px;bottom:6px;left:12px;height:2px;border-radius:1px;background:var(--blue);transform:scaleX(.5);transform-origin:left center}.pg-queue__ticket{display:inline-flex;align-items:center;justify-content:center;flex:none;width:64px;height:28px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font-family:var(--mono);font-size:12px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.pg-queue__ticket--now{border-color:var(--blue);color:var(--blue-ink)}.pg-queue__ticket--live{position:absolute;top:0;left:0;z-index:2;display:none;pointer-events:none}.pg-queue.is-live .pg-queue__ticket--live{display:inline-flex}.pg-queue.is-live .pg-queue__ticket--still{display:none}.pg-queue__notes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-lg);margin:0;padding:0;list-style:none}.pg-queue__note{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:12px;color:var(--ink-2);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);font-weight:var(--type-body-font-weight);line-height:var(--type-body-line-height)}.pg-queue__n{display:flex;margin-top:1px}@media (max-width: 920px){.pg-queue__notes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.pg-queue__figure{padding:60px 10px 16px}.pg-queue__stage{grid-template-columns:minmax(0,1fr);row-gap:20px}.pg-queue__tills{gap:8px}.pg-queue__till{padding:4px;border-radius:12px}.pg-queue__screen{border-radius:9px}.pg-queue__bar{padding:6px 7px;font-size:10.5px}.pg-queue__body{gap:6px;padding:8px 7px}.pg-queue__order{font-size:12px}.pg-queue__btn{height:28px;border-radius:7px;font-size:10.5px}.pg-queue__result .pg-status{padding:0 6px;font-size:10.5px}.pg-queue__floor{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:10px}.pg-queue__rail{grid-row:auto}.pg-queue__rail:after{top:auto;right:54px;bottom:-14px;transform:rotate(135deg)}.pg-queue__register{grid-column:1;grid-row:auto;display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:8px}.pg-queue__dock{width:116px;padding-left:10px}.pg-queue__ticket{width:56px;height:26px;font-size:11px}.pg-queue__notes{grid-template-columns:minmax(0,1fr);gap:var(--s-md)}}@media (max-width: 400px){.pg-queue__figure{padding-right:8px;padding-left:8px}.pg-queue__tills{gap:5px}.pg-queue__bar{padding:5px 6px;font-size:9.5px}.pg-queue__body{padding:7px 5px}.pg-queue__btn{padding:0 2px;font-size:9.5px;white-space:nowrap}.pg-queue__register{justify-content:center}}