*,:before,:after{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;padding:0}body{min-height:100vh}button,input,textarea,select{font:inherit}img,picture,video,canvas,svg{max-width:100%;display:block}button{cursor:pointer}[hidden]{display:none!important}html,body{width:100%;height:100%}body{font-family:sans-serif}#app{width:100%;height:100%}.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}}