.styles-module-scss-module__pd2-GW__root{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;border:1px solid;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;line-height:16px;display:flex}.styles-module-scss-module__pd2-GW__dot{border-radius:9999px;flex:none;width:8px;height:8px;animation:2s cubic-bezier(.4,0,.6,1) infinite styles-module-scss-module__pd2-GW__dotPulse}.styles-module-scss-module__pd2-GW__connected{color:#fff;background-color:#5b8fb9;border-color:#41a8fc}.styles-module-scss-module__pd2-GW__connected .styles-module-scss-module__pd2-GW__dot{background-color:#41a8fc}.styles-module-scss-module__pd2-GW__ready{color:#fff;background-color:#3d8b7a;border-color:#59debc}.styles-module-scss-module__pd2-GW__ready .styles-module-scss-module__pd2-GW__dot{background-color:#59debc}.styles-module-scss-module__pd2-GW__waiting{color:#d1d5db;background-color:#1f2937b3;border-color:#4b5563}.styles-module-scss-module__pd2-GW__waiting .styles-module-scss-module__pd2-GW__dot{background-color:#9ca3af}.styles-module-scss-module__pd2-GW__reconnecting{color:#fef3c7;background-color:#78350fd9;border-color:#f59e0b}.styles-module-scss-module__pd2-GW__reconnecting .styles-module-scss-module__pd2-GW__dot{background-color:#fbbf24}.styles-module-scss-module__pd2-GW__clientReconnecting{color:#fde68a;background-color:#92400ebf;border-color:#d97706}.styles-module-scss-module__pd2-GW__clientReconnecting .styles-module-scss-module__pd2-GW__dot{background-color:#fbbf24}@keyframes styles-module-scss-module__pd2-GW__dotPulse{50%{opacity:.5}}
.styles-module-scss-module__-o440W__root{pointer-events:none;z-index:10;padding:16px;position:absolute;top:0;right:0}
.styles-module-scss-module__8BIylq__badge{background:0 0;padding:1rem 1rem 1rem 0;position:absolute;top:0;left:0}.styles-module-scss-module__8BIylq__badge:hover .styles-module-scss-module__8BIylq__badgeText{opacity:1;max-width:200px;padding-right:.5rem}:fullscreen .styles-module-scss-module__8BIylq__badge{display:none}.styles-module-scss-module__8BIylq__badgeWrap{background:hsl(var(--primary));border:1px solid hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:0 .75rem .75rem 0;align-items:center;gap:0;padding:.5rem;font-size:14px;font-weight:500;transition:box-shadow .3s;display:flex}.styles-module-scss-module__8BIylq__badgeWrap:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.styles-module-scss-module__8BIylq__badgeIcon{width:16px;height:16px}.styles-module-scss-module__8BIylq__badgeText{opacity:0;max-width:0;text-overflow:hidden;white-space:nowrap;transition:opacity .3s,max-width .3s}.styles-module-scss-module__8BIylq__container{flex:1;position:relative}