.reconnect-overlay{z-index:999999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reconnect-overlay__content{color:#000;text-align:center;background:#fff;border-radius:1rem;padding:2rem}.reconnect-overlay__content h2{margin-top:0}.connection-indicator{z-index:1000000;pointer-events:none;border-radius:50%;width:10px;height:10px;position:fixed;top:8px;left:8px;box-shadow:0 0 0 2px #00000026}.connection-indicator[data-state=disconnected]{background:#ff1900}.connection-indicator[data-state=relayConnected]{background:#ffae2b}.connection-indicator[data-state=connecting]{background:#ffae2b;animation:1s ease-in-out infinite connection-indicator-blink}.connection-indicator[data-state=hostConnected]{background:#24eb77}@keyframes connection-indicator-blink{0%,to{opacity:1}50%{opacity:.25}}