/* UI-3.5: opt-in guest card; tokens are defined in wallet.css. */
.vlp-ui.vlp-guest button.nav-card { border:0; background:transparent; font-family:inherit; cursor:pointer; }
.vlp-ui.vlp-guest .sheet.card-sheet { text-align:center; padding:18px 18px max(26px,env(safe-area-inset-bottom)); }
.vlp-ui.vlp-guest .card-sheet .sheet-grab { margin-bottom:13px; }
.vlp-ui.vlp-guest .card-sheet h2 { margin:0 0 13px; font-size:20px; }
/* Noninteractive heading gets initial focus to keep a short viewport at the top. */
.vlp-ui.vlp-guest .card-sheet h2:focus { outline:0; }
.vlp-ui.vlp-guest .card-qr-frame { display:grid; place-items:center; width:168px; height:168px; padding:0; border-radius:12px; margin:0 auto; background:var(--g-ink); color:var(--g-bg); overflow:hidden; }
.vlp-ui.vlp-guest .card-sheet .dialog-qr { display:block; width:168px; height:168px; padding:0; background:transparent; margin:0; }
.vlp-ui.vlp-guest .card-sheet .dialog-qr svg { display:block; width:100%; height:100%; color:var(--g-bg); }
.vlp-ui.vlp-guest .card-sheet .qr-expired { display:grid; place-items:center; width:100%; height:100%; margin:0; padding:12px; background:transparent; color:var(--g-bg); font-size:12px; line-height:1.5; }
.vlp-ui.vlp-guest .card-brightness { margin:9px auto 0; max-width:32ch; font-size:11px; color:var(--g-muted); }
.vlp-ui.vlp-guest .card-sheet-number { margin:13px 0 9px; color:var(--g-gold-hi); font:400 22px Oswald,sans-serif; letter-spacing:.16em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.vlp-ui.vlp-guest .card-sheet .dialog-status { margin:0; color:var(--g-muted); font-size:12px; font-variant-numeric:tabular-nums; }
.vlp-ui.vlp-guest .card-progress { margin:7px auto 0; width:168px; height:2px; background:var(--g-line); overflow:hidden; }
.vlp-ui.vlp-guest .card-progress span { display:block; height:100%; background:var(--g-gold); transform-origin:left; }
.vlp-ui.vlp-guest .card-note { margin:13px auto; max-width:30ch; color:var(--g-muted); font-size:12.5px; }
.vlp-ui.vlp-guest .card-connection p { margin:12px 0 8px; color:var(--g-muted); font-size:12px; }
.vlp-ui.vlp-guest .card-sheet .card-close { margin-top:2px; border-radius:10px; }
.vlp-ui.vlp-guest .card-sheet [hidden] { display:none; }