.web-session{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 24px;background:#112f37;border-bottom:1px solid #45606a;color:#d4d7c3;font-size:12px}.web-session a{color:#c5ccad;text-decoration:none}.web-session-message{flex:1;min-width:220px}.web-session-clock{font-variant-numeric:tabular-nums;color:#edcc8d}.web-session[data-state="blocked"]{background:#3d3029}.web-session[data-state="blocked"] .web-session-message{color:#f2d8bc}.web-session button{white-space:nowrap}.web-session button[hidden]{display:none}body.web-paused main{opacity:.45}body.web-paused .header-right{opacity:.45}@media(max-width:700px){.web-session{padding:12px 16px;gap:8px}.web-session-message{flex-basis:100%;order:2}}
.web-session[data-state="connecting"] .web-session-message::before{content:'';display:inline-block;width:11px;height:11px;margin-right:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:pending-spin .8s linear infinite}@media(prefers-reduced-motion:reduce){.web-session[data-state="connecting"] .web-session-message::before{animation:none}}