.connection-banner{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:440px;padding:0 24px}.connection-banner-title{font-size:18px;font-weight:var(--weight-semibold);color:var(--text-ink);letter-spacing:var(--tracking-tight);text-align:center}.connection-banner-steps{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;counter-reset:connection-step;width:100%;text-align:left}.connection-banner-step{counter-increment:connection-step;display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-body);line-height:var(--leading-normal)}.connection-banner-step:before{content:counter(connection-step);flex-shrink:0;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--surface-flat);color:var(--text-ink);font-size:12px;font-weight:var(--weight-semibold)}.connection-banner-step:has(.connection-banner-details){align-items:flex-start}.connection-banner-link{background:none;border:none;padding:0;cursor:pointer;color:var(--text-accent);font-size:14px;font-weight:var(--weight-medium);text-decoration:underline;text-underline-offset:2px}.connection-banner-link:disabled{opacity:.6;cursor:default}.connection-banner-details{font-size:14px;color:var(--text-body)}.connection-banner-details summary{cursor:pointer;color:var(--text-accent);font-weight:var(--weight-medium)}.connection-banner-tech{display:flex;flex-direction:column;gap:4px;margin:8px 0 0}.connection-banner-tech>div{display:flex;gap:6px}.connection-banner-tech dt{color:var(--text-muted);font-weight:var(--weight-medium);flex-shrink:0}.connection-banner-tech dt:after{content:":"}.connection-banner-tech dd{margin:0;color:var(--text-body);overflow-wrap:anywhere}.connection-banner-countdown{font-size:14px;color:var(--text-muted);text-align:center}