@mml-io/3d-web-experience-client 0.26.1 → 0.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/build/AvatarType.d.ts.map +1 -0
  2. package/build/ClientEventEmitter.d.ts +32 -0
  3. package/build/ClientEventEmitter.d.ts.map +1 -0
  4. package/build/DefaultAvatarSelectionPlugin.d.ts +36 -0
  5. package/build/DefaultAvatarSelectionPlugin.d.ts.map +1 -0
  6. package/build/DefaultChatPlugin.d.ts +44 -0
  7. package/build/DefaultChatPlugin.d.ts.map +1 -0
  8. package/build/DefaultHUDPlugin.d.ts +18 -0
  9. package/build/DefaultHUDPlugin.d.ts.map +1 -0
  10. package/build/DefaultRespawnButtonPlugin.d.ts +13 -0
  11. package/build/DefaultRespawnButtonPlugin.d.ts.map +1 -0
  12. package/build/DefaultVirtualJoystickPlugin.d.ts +16 -0
  13. package/build/DefaultVirtualJoystickPlugin.d.ts.map +1 -0
  14. package/build/Networked3dWebExperienceClient.d.ts +113 -17
  15. package/build/Networked3dWebExperienceClient.d.ts.map +1 -1
  16. package/build/WorldConnection.d.ts +142 -0
  17. package/build/WorldConnection.d.ts.map +1 -0
  18. package/build/index.d.ts +10 -0
  19. package/build/index.d.ts.map +1 -1
  20. package/build/index.js +2593 -1256
  21. package/build/index.js.map +4 -4
  22. package/build/plugins.d.ts +16 -0
  23. package/build/plugins.d.ts.map +1 -0
  24. package/package.json +25 -12
  25. package/build/avatar-selection-ui/AvatarSelectionUI.d.ts +0 -21
  26. package/build/avatar-selection-ui/AvatarSelectionUI.d.ts.map +0 -1
  27. package/build/avatar-selection-ui/AvatarType.d.ts.map +0 -1
  28. package/build/avatar-selection-ui/components/AvatarPanel/AvatarSectionUIComponent.d.ts +0 -15
  29. package/build/avatar-selection-ui/components/AvatarPanel/AvatarSectionUIComponent.d.ts.map +0 -1
  30. package/build/avatar-selection-ui/index.d.ts +0 -3
  31. package/build/avatar-selection-ui/index.d.ts.map +0 -1
  32. package/build/chat-ui/TextChatUI.d.ts +0 -26
  33. package/build/chat-ui/TextChatUI.d.ts.map +0 -1
  34. package/build/chat-ui/components/ChatPanel/TextChatUIComponent.d.ts +0 -10
  35. package/build/chat-ui/components/ChatPanel/TextChatUIComponent.d.ts.map +0 -1
  36. package/build/chat-ui/components/Input/InputBox.d.ts +0 -10
  37. package/build/chat-ui/components/Input/InputBox.d.ts.map +0 -1
  38. package/build/chat-ui/components/Message/Message.d.ts +0 -10
  39. package/build/chat-ui/components/Message/Message.d.ts.map +0 -1
  40. package/build/chat-ui/components/Messages/Messages.d.ts +0 -13
  41. package/build/chat-ui/components/Messages/Messages.d.ts.map +0 -1
  42. package/build/chat-ui/helpers.d.ts +0 -4
  43. package/build/chat-ui/helpers.d.ts.map +0 -1
  44. package/build/chat-ui/index.d.ts +0 -2
  45. package/build/chat-ui/index.d.ts.map +0 -1
  46. package/build/index.css +0 -875
  47. package/build/index.css.map +0 -7
  48. package/build/src/Networked3dWebExperience.module.css.d.ts +0 -4
  49. package/build/src/Networked3dWebExperience.module.d.css.ts +0 -4
  50. package/build/src/avatar-selection-ui/components/AvatarPanel/AvatarSelectionUIComponent.module.css.d.ts +0 -26
  51. package/build/src/avatar-selection-ui/components/AvatarPanel/AvatarSelectionUIComponent.module.d.css.ts +0 -26
  52. package/build/src/chat-ui/components/ChatPanel/TextChatUIComponent.module.css.d.ts +0 -15
  53. package/build/src/chat-ui/components/ChatPanel/TextChatUIComponent.module.d.css.ts +0 -15
  54. package/build/src/chat-ui/components/Input/InputBox.module.css.d.ts +0 -7
  55. package/build/src/chat-ui/components/Input/InputBox.module.d.css.ts +0 -7
  56. package/build/src/chat-ui/components/Message/Message.module.css.d.ts +0 -5
  57. package/build/src/chat-ui/components/Message/Message.module.d.css.ts +0 -5
  58. package/build/src/chat-ui/components/Messages/Messages.module.css.d.ts +0 -5
  59. package/build/src/chat-ui/components/Messages/Messages.module.d.css.ts +0 -5
  60. /package/build/{avatar-selection-ui/AvatarType.d.ts → AvatarType.d.ts} +0 -0
package/build/index.css DELETED
@@ -1,875 +0,0 @@
1
- /* esbuild-css-modules-plugin-ns-css:src/avatar-selection-ui/components/AvatarPanel/AvatarSelectionUIComponent.module.css */
2
- .AvatarSelectionUIComponent-module__menuButton_VjZ7cq__0261 {
3
- z-index: 102;
4
- user-select: none;
5
- width: 70px;
6
- min-height: 70px;
7
- position: absolute;
8
- top: 0;
9
- right: 0;
10
- }
11
- .AvatarSelectionUIComponent-module__input_VjZ7cq__0261 {
12
- color: #fff;
13
- backdrop-filter: blur(10px);
14
- background-color: #0006;
15
- border: 1px solid #fff3;
16
- border-radius: 8px;
17
- outline: none;
18
- flex: 1;
19
- margin-right: 6px;
20
- padding: 6px 8px;
21
- font-family:
22
- -apple-system,
23
- BlinkMacSystemFont,
24
- Segoe UI,
25
- Roboto,
26
- Oxygen,
27
- Ubuntu,
28
- Cantarell,
29
- sans-serif;
30
- font-size: 14px;
31
- font-weight: 400;
32
- transition: all .2s ease-in-out;
33
- }
34
- .AvatarSelectionUIComponent-module__input_VjZ7cq__0261:focus {
35
- background-color: #0009;
36
- border-color: #fff6;
37
- box-shadow: 0 0 0 3px #ffffff26;
38
- }
39
- .AvatarSelectionUIComponent-module__input_VjZ7cq__0261::placeholder {
40
- color: #ffffff80;
41
- }
42
- .AvatarSelectionUIComponent-module__closeButton_VjZ7cq__0261 {
43
- backdrop-filter: blur(10px);
44
- color: #fffc;
45
- cursor: pointer;
46
- user-select: none;
47
- background: #0009;
48
- border: 1px solid #fff3;
49
- border-radius: 50%;
50
- justify-content: center;
51
- align-items: center;
52
- width: 44px;
53
- height: 44px;
54
- font-family:
55
- -apple-system,
56
- BlinkMacSystemFont,
57
- Segoe UI,
58
- Roboto,
59
- Oxygen,
60
- Ubuntu,
61
- Cantarell,
62
- sans-serif;
63
- font-size: 16px;
64
- font-weight: 500;
65
- transition: all .2s ease-in-out;
66
- display: flex;
67
- position: absolute;
68
- top: 8px;
69
- right: 8px;
70
- }
71
- .AvatarSelectionUIComponent-module__closeButton_VjZ7cq__0261:hover {
72
- color: #ffffffe6;
73
- background: #000c;
74
- transform: scale(1.05);
75
- }
76
- .AvatarSelectionUIComponent-module__closeButton_VjZ7cq__0261:active {
77
- transform: scale(.95);
78
- }
79
- .AvatarSelectionUIComponent-module__openTab_VjZ7cq__0261 {
80
- backdrop-filter: blur(10px);
81
- cursor: pointer;
82
- user-select: none;
83
- background: #0009;
84
- border: 1px solid #fff3;
85
- border-radius: 50%;
86
- justify-content: center;
87
- align-items: center;
88
- width: 44px;
89
- height: 44px;
90
- transition: all .2s ease-in-out;
91
- display: flex;
92
- position: absolute;
93
- top: 8px;
94
- right: 8px;
95
- }
96
- .AvatarSelectionUIComponent-module__openTab_VjZ7cq__0261:hover {
97
- background: #000c;
98
- transform: scale(1.05);
99
- }
100
- .AvatarSelectionUIComponent-module__openTab_VjZ7cq__0261:active {
101
- transform: scale(.95);
102
- }
103
- .AvatarSelectionUIComponent-module__openTab_VjZ7cq__0261 img {
104
- filter: invert(80%);
105
- width: 24px;
106
- height: 24px;
107
- transition: all .2s ease-in-out;
108
- }
109
- .AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0261 {
110
- backdrop-filter: blur(20px);
111
- z-index: 103;
112
- user-select: none;
113
- background: #000000bf;
114
- border: 1px solid #fff3;
115
- border-radius: 16px;
116
- width: 400px;
117
- max-width: 78vw;
118
- max-height: calc(100vh - 24px);
119
- font-family:
120
- -apple-system,
121
- BlinkMacSystemFont,
122
- Segoe UI,
123
- Roboto,
124
- Oxygen,
125
- Ubuntu,
126
- Cantarell,
127
- sans-serif;
128
- position: absolute;
129
- top: 8px;
130
- right: 60px;
131
- overflow: hidden auto;
132
- box-shadow: 0 8px 32px #0006, 0 0 0 1px #ffffff1a;
133
- }
134
- .AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0261::-webkit-scrollbar {
135
- width: 8px;
136
- }
137
- .AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0261::-webkit-scrollbar-track {
138
- background: none;
139
- }
140
- .AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0261::-webkit-scrollbar-thumb {
141
- background: #fff3;
142
- border: 1px solid #ffffff1a;
143
- border-radius: 4px;
144
- }
145
- .AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0261::-webkit-scrollbar-thumb:hover {
146
- background: #ffffff4d;
147
- }
148
- .AvatarSelectionUIComponent-module__avatarSelectionSection_VjZ7cq__0261 {
149
- border-bottom: 1px solid #ffffff26;
150
- padding: 10px;
151
- }
152
- .AvatarSelectionUIComponent-module__avatarSelectionSection_VjZ7cq__0261:last-child {
153
- border-bottom: none;
154
- }
155
- .AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0261 {
156
- background: #0000004d;
157
- border: 1px solid #ffffff26;
158
- border-radius: 12px;
159
- grid-template-columns: repeat(auto-fill, minmax(85px, 1fr));
160
- gap: 8px;
161
- max-height: 320px;
162
- padding: 10px;
163
- display: grid;
164
- overflow: hidden auto;
165
- }
166
- .AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0261::-webkit-scrollbar {
167
- width: 6px;
168
- }
169
- .AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0261::-webkit-scrollbar-track {
170
- background: none;
171
- }
172
- .AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0261::-webkit-scrollbar-thumb {
173
- background: #ffffff26;
174
- border-radius: 3px;
175
- }
176
- .AvatarSelectionUIComponent-module__avatarSelectionUiHeader_VjZ7cq__0261 {
177
- color: #ffffffe6;
178
- text-align: center;
179
- font-weight: 600;
180
- position: relative;
181
- }
182
- .AvatarSelectionUIComponent-module__avatarSelectionUiCloseButton_VjZ7cq__0261 {
183
- position: absolute;
184
- top: 20px;
185
- right: 20px;
186
- }
187
- .AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0261 {
188
- color: #ffffffe6;
189
- text-align: center;
190
- cursor: pointer;
191
- border-radius: 8px;
192
- padding: 4px;
193
- transition: all .2s ease-in-out;
194
- }
195
- .AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0261:hover {
196
- background: #0000004d;
197
- transform: translateY(-2px);
198
- }
199
- .AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImgContainer_VjZ7cq__0261 {
200
- border-radius: 8px;
201
- position: relative;
202
- overflow: hidden;
203
- }
204
- .AvatarSelectionUIComponent-module__avatarSelectionNoImage_VjZ7cq__0261 {
205
- aspect-ratio: 1;
206
- box-sizing: border-box;
207
- background: #0003;
208
- border: 1px solid #ffffff26;
209
- border-radius: 8px;
210
- justify-content: center;
211
- align-items: center;
212
- width: 100%;
213
- display: flex;
214
- }
215
- .AvatarSelectionUIComponent-module__avatarSelectionNoImage_VjZ7cq__0261 img {
216
- filter: invert(70%);
217
- opacity: .7;
218
- width: 40%;
219
- }
220
- .AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0261 p {
221
- text-overflow: ellipsis;
222
- white-space: nowrap;
223
- color: #fffc;
224
- margin: 4px 0 0;
225
- font-size: 12px;
226
- font-weight: 500;
227
- position: relative;
228
- overflow: hidden;
229
- }
230
- .AvatarSelectionUIComponent-module__tooltipText_VjZ7cq__0261 {
231
- pointer-events: none;
232
- z-index: 1000;
233
- color: #ffffffe6;
234
- backdrop-filter: blur(10px);
235
- opacity: 0;
236
- visibility: hidden;
237
- white-space: nowrap;
238
- background: #000c;
239
- border-radius: 8px;
240
- margin-bottom: 4px;
241
- padding: 4px 6px;
242
- font-size: 12px;
243
- font-weight: 500;
244
- transition: opacity .2s ease-in-out;
245
- position: absolute;
246
- bottom: 100%;
247
- left: 50%;
248
- transform: translateX(-50%);
249
- }
250
- .AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0261 p:hover + .AvatarSelectionUIComponent-module__tooltipText_VjZ7cq__0261 {
251
- opacity: 1;
252
- visibility: visible;
253
- transition-delay: .5s;
254
- }
255
- .AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImgContainer_VjZ7cq__0261 .AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImage_VjZ7cq__0261 {
256
- aspect-ratio: 1;
257
- border-radius: 8px;
258
- width: 100%;
259
- transition: all .2s ease-in-out;
260
- }
261
- .AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0261 {
262
- color: #fff;
263
- backdrop-filter: blur(10px);
264
- background:
265
- linear-gradient(
266
- 135deg,
267
- #22c55e,
268
- #16a34a);
269
- border: 1px solid #fff3;
270
- border-radius: 6px;
271
- padding: 2px 4px;
272
- font-size: 11px;
273
- font-weight: 600;
274
- box-shadow: 0 2px 4px #0003;
275
- }
276
- .AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImgContainer_VjZ7cq__0261 .AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0261 {
277
- z-index: 2;
278
- position: absolute;
279
- top: 4px;
280
- right: 4px;
281
- }
282
- .AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0261 img:hover {
283
- opacity: .8;
284
- transform: scale(1.05);
285
- }
286
- .AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0261 {
287
- color: #ffffffe6;
288
- border-bottom: 1px solid #ffffff26;
289
- padding: 10px;
290
- position: relative;
291
- }
292
- .AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0261:last-child {
293
- border-bottom: none;
294
- }
295
- .AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0261 .AvatarSelectionUIComponent-module__radioGroup_VjZ7cq__0261 {
296
- flex-wrap: wrap;
297
- align-items: center;
298
- gap: 4px;
299
- margin-bottom: 8px;
300
- display: flex;
301
- }
302
- .AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0261 .AvatarSelectionUIComponent-module__radioItem_VjZ7cq__0261 {
303
- white-space: nowrap;
304
- align-items: center;
305
- gap: 3px;
306
- margin-right: 6px;
307
- display: flex;
308
- }
309
- .AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0261 label {
310
- color: #fffc;
311
- cursor: pointer;
312
- margin: 0;
313
- font-size: 14px;
314
- font-weight: 500;
315
- transition: color .2s ease-in-out;
316
- }
317
- .AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0261 label:hover {
318
- color: #fff;
319
- }
320
- .AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0261 input[type=radio] {
321
- appearance: none;
322
- cursor: pointer;
323
- background: none;
324
- border: 2px solid #ffffff4d;
325
- border-radius: 50%;
326
- outline: none;
327
- width: 18px;
328
- height: 18px;
329
- transition: all .2s ease-in-out;
330
- position: relative;
331
- }
332
- .AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0261 input[type=radio]:hover {
333
- border-color: #ffffff80;
334
- }
335
- .AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0261 input[type=radio]:focus {
336
- box-shadow: 0 0 0 3px #ffffff1a;
337
- }
338
- .AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0261 input[type=radio]:checked {
339
- background: #ffffff1a;
340
- border-color: #fffc;
341
- }
342
- .AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0261 input[type=radio]:checked:after {
343
- content: "";
344
- background: #ffffffe6;
345
- border-radius: 50%;
346
- width: 8px;
347
- height: 8px;
348
- position: absolute;
349
- top: 50%;
350
- left: 50%;
351
- transform: translate(-50%, -50%);
352
- }
353
- .AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0261 input[type=radio][disabled] {
354
- opacity: .4;
355
- cursor: not-allowed;
356
- }
357
- .AvatarSelectionUIComponent-module__customAvatarInputSection_VjZ7cq__0261 {
358
- align-items: stretch;
359
- display: flex;
360
- }
361
- .AvatarSelectionUIComponent-module__setButton_VjZ7cq__0261 {
362
- color: #ffffffe6;
363
- backdrop-filter: blur(10px);
364
- cursor: pointer;
365
- background:
366
- linear-gradient(
367
- 135deg,
368
- #0009,
369
- #0006);
370
- border: 1px solid #fff3;
371
- border-radius: 8px;
372
- justify-content: center;
373
- align-items: center;
374
- height: 44px;
375
- padding-left: 16px;
376
- padding-right: 16px;
377
- font-family:
378
- -apple-system,
379
- BlinkMacSystemFont,
380
- Segoe UI,
381
- Roboto,
382
- Oxygen,
383
- Ubuntu,
384
- Cantarell,
385
- sans-serif;
386
- font-size: 14px;
387
- font-weight: 500;
388
- transition: all .2s ease-in-out;
389
- display: flex;
390
- }
391
- .AvatarSelectionUIComponent-module__setButton_VjZ7cq__0261:hover:not(:disabled) {
392
- background:
393
- linear-gradient(
394
- 135deg,
395
- #000c,
396
- #0009);
397
- border-color: #ffffff4d;
398
- transform: translateY(-1px);
399
- box-shadow: 0 4px 8px #0000004d;
400
- }
401
- .AvatarSelectionUIComponent-module__setButton_VjZ7cq__0261:active:not(:disabled) {
402
- transform: translateY(0);
403
- box-shadow: 0 2px 4px #0003;
404
- }
405
- .AvatarSelectionUIComponent-module__setButton_VjZ7cq__0261:disabled {
406
- opacity: .5;
407
- cursor: not-allowed;
408
- transform: none;
409
- }
410
- .AvatarSelectionUIComponent-module__sectionHeading_VjZ7cq__0261 {
411
- color: #ffffffe6;
412
- letter-spacing: -.01em;
413
- margin-bottom: 8px;
414
- font-size: 18px;
415
- font-weight: 600;
416
- }
417
- .AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0261 .AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0261 {
418
- margin-left: 8px;
419
- position: relative;
420
- top: -2px;
421
- }
422
- .AvatarSelectionUIComponent-module__displayNameSection_VjZ7cq__0261 {
423
- color: #ffffffe6;
424
- border-bottom: 1px solid #ffffff26;
425
- padding: 10px;
426
- position: relative;
427
- }
428
- .AvatarSelectionUIComponent-module__displayNameInputSection_VjZ7cq__0261 {
429
- align-items: stretch;
430
- display: flex;
431
- }
432
-
433
- /* esbuild-css-modules-plugin-ns-css:src/chat-ui/components/Input/InputBox.module.css */
434
- .InputBox-module__inputWrapper_adOgOW__0261 {
435
- pointer-events: all;
436
- align-items: stretch;
437
- gap: 6px;
438
- display: flex;
439
- }
440
- .InputBox-module__chatInput_adOgOW__0261 {
441
- color: #fff;
442
- backdrop-filter: blur(10px);
443
- box-sizing: border-box;
444
- background: #0006;
445
- border: 1px solid #fff3;
446
- border-radius: 8px;
447
- outline: none;
448
- flex: 1;
449
- height: 36px;
450
- padding: 0 8px;
451
- font-family:
452
- -apple-system,
453
- BlinkMacSystemFont,
454
- Segoe UI,
455
- Roboto,
456
- Oxygen,
457
- Ubuntu,
458
- Cantarell,
459
- sans-serif;
460
- font-size: 14px;
461
- font-weight: 400;
462
- transition: all .2s ease-in-out;
463
- }
464
- .InputBox-module__chatInput_adOgOW__0261:focus {
465
- background: #0009;
466
- border-color: #fff6;
467
- box-shadow: 0 0 0 3px #ffffff26;
468
- }
469
- .InputBox-module__chatInput_adOgOW__0261::placeholder {
470
- color: #ffffff80;
471
- }
472
- .InputBox-module__sendButton_adOgOW__0261 {
473
- color: #ffffffe6;
474
- backdrop-filter: blur(10px);
475
- cursor: pointer;
476
- background:
477
- linear-gradient(
478
- 135deg,
479
- #0009,
480
- #0006);
481
- border: 1px solid #fff3;
482
- border-radius: 8px;
483
- outline: none;
484
- justify-content: center;
485
- align-items: center;
486
- width: 36px;
487
- height: 36px;
488
- transition: all .2s ease-in-out;
489
- display: flex;
490
- }
491
- .InputBox-module__sendButton_adOgOW__0261:hover {
492
- background:
493
- linear-gradient(
494
- 135deg,
495
- #000c,
496
- #0009);
497
- border-color: #ffffff4d;
498
- transform: translateY(-1px);
499
- box-shadow: 0 4px 8px #0000004d;
500
- }
501
- .InputBox-module__sendButton_adOgOW__0261:active {
502
- transform: translateY(0);
503
- box-shadow: 0 2px 4px #0003;
504
- }
505
- .InputBox-module__sendButton_adOgOW__0261 .InputBox-module__svgIcon_adOgOW__0261 img {
506
- filter: invert(80%);
507
- width: 18px;
508
- height: 18px;
509
- transition: all .2s ease-in-out;
510
- }
511
- .InputBox-module__sendButton_adOgOW__0261:hover .InputBox-module__svgIcon_adOgOW__0261 img {
512
- filter: invert(90%);
513
- }
514
-
515
- /* esbuild-css-modules-plugin-ns-css:src/chat-ui/components/Message/Message.module.css */
516
- .Message-module__messageContainer_ikOQiq__0261 {
517
- backdrop-filter: blur(8px);
518
- word-break: break-word;
519
- color: #ffffffe6;
520
- direction: ltr;
521
- background: #0000004d;
522
- border: 1px solid #fff3;
523
- border-radius: 8px;
524
- width: fit-content;
525
- margin: 6px auto 6px 2px;
526
- padding: 4px 8px;
527
- font-family:
528
- -apple-system,
529
- BlinkMacSystemFont,
530
- Segoe UI,
531
- Roboto,
532
- Oxygen,
533
- Ubuntu,
534
- Cantarell,
535
- sans-serif;
536
- font-size: 14px;
537
- transition: all .2s ease-in-out;
538
- overflow-x: hidden;
539
- }
540
- .Message-module__messageContainer_ikOQiq__0261:hover {
541
- background: #0006;
542
- border-color: #ffffff4d;
543
- }
544
- .Message-module__userName_ikOQiq__0261 {
545
- color: #ffffffe6;
546
- margin-right: 4px;
547
- font-weight: 600;
548
- }
549
-
550
- /* esbuild-css-modules-plugin-ns-css:src/chat-ui/components/Messages/Messages.module.css */
551
- .Messages-module__messagesContainer_LXaUUW__0261 {
552
- z-index: 1000;
553
- max-height: inherit;
554
- scrollbar-width: thin;
555
- scrollbar-color: #fff3 transparent;
556
- pointer-events: fill;
557
- direction: rtl;
558
- position: relative;
559
- bottom: 0;
560
- left: -1px;
561
- overflow-y: auto;
562
- }
563
- .Messages-module__messagesContainer_LXaUUW__0261::-webkit-scrollbar {
564
- width: 6px;
565
- }
566
- .Messages-module__messagesContainer_LXaUUW__0261::-webkit-scrollbar-track {
567
- background: none;
568
- }
569
- .Messages-module__messagesContainer_LXaUUW__0261::-webkit-scrollbar-thumb {
570
- background: #fff3;
571
- border: 1px solid #ffffff1a;
572
- border-radius: 3px;
573
- }
574
- .Messages-module__messagesContainer_LXaUUW__0261::-webkit-scrollbar-thumb:hover {
575
- background: #ffffff4d;
576
- }
577
- .Messages-module__newMessagesButton_LXaUUW__0261 {
578
- -webkit-backdrop-filter: blur(10px);
579
- color: #fff;
580
- cursor: pointer;
581
- z-index: 1001;
582
- direction: ltr;
583
- background: #000000bf;
584
- border: 1px solid #fff3;
585
- border-radius: 20px;
586
- padding: 8px 16px;
587
- font-family:
588
- -apple-system,
589
- BlinkMacSystemFont,
590
- Segoe UI,
591
- Roboto,
592
- sans-serif;
593
- font-size: 14px;
594
- font-weight: 500;
595
- transition: all .2s;
596
- position: absolute;
597
- bottom: 50px;
598
- left: 50%;
599
- transform: translateX(-50%);
600
- box-shadow: 0 4px 12px #0000004d;
601
- }
602
- .Messages-module__newMessagesButton_LXaUUW__0261:hover {
603
- background: #000000d9;
604
- border-color: #ffffff4d;
605
- transform: translateX(-50%)translateY(-2px);
606
- box-shadow: 0 6px 16px #0006;
607
- }
608
- .Messages-module__newMessagesButton_LXaUUW__0261:active {
609
- transform: translateX(-50%)translateY(0);
610
- box-shadow: 0 2px 8px #0000004d;
611
- }
612
-
613
- /* esbuild-css-modules-plugin-ns-css:src/chat-ui/components/ChatPanel/TextChatUIComponent.module.css */
614
- .TextChatUIComponent-module__uiHover_gFDdcW__0261 {
615
- z-index: 102;
616
- pointer-events: all;
617
- width: 58px;
618
- min-height: 58px;
619
- position: absolute;
620
- bottom: 0;
621
- left: 0;
622
- }
623
- .TextChatUIComponent-module__textChatUi_gFDdcW__0261 {
624
- flex-direction: row;
625
- align-items: flex-end;
626
- width: 100%;
627
- max-width: 500px;
628
- height: 0;
629
- display: flex;
630
- position: absolute;
631
- bottom: 0;
632
- left: 0;
633
- }
634
- .TextChatUIComponent-module__textChat_gFDdcW__0261 {
635
- z-index: -1;
636
- color: #fff;
637
- user-select: none;
638
- opacity: 0;
639
- flex-direction: column;
640
- justify-content: space-between;
641
- width: 100%;
642
- max-height: 500px;
643
- margin-bottom: 8px;
644
- margin-left: 60px;
645
- padding: 5px;
646
- font-family:
647
- -apple-system,
648
- BlinkMacSystemFont,
649
- Segoe UI,
650
- Roboto,
651
- Oxygen,
652
- Ubuntu,
653
- Cantarell,
654
- sans-serif;
655
- transition: opacity .25s ease-in-out, transform .2s ease-in-out;
656
- display: flex;
657
- transform: translateX(-100%);
658
- }
659
- .TextChatUIComponent-module__fadeIn_gFDdcW__0261 {
660
- opacity: 1;
661
- transform: translateX(0%);
662
- }
663
- .TextChatUIComponent-module__fadeOut_gFDdcW__0261 {
664
- opacity: .6;
665
- transform: translateX(calc(-100% - 72px));
666
- }
667
- .TextChatUIComponent-module__controls_gFDdcW__0261 {
668
- position: absolute;
669
- top: 2px;
670
- right: 0;
671
- }
672
- .TextChatUIComponent-module__openTab_gFDdcW__0261 {
673
- backdrop-filter: blur(10px);
674
- cursor: pointer;
675
- z-index: 102;
676
- user-select: none;
677
- background: #0009;
678
- border: 1px solid #fff3;
679
- border-radius: 50%;
680
- justify-content: center;
681
- align-items: center;
682
- width: 44px;
683
- height: 44px;
684
- transition: all .2s ease-in-out;
685
- display: flex;
686
- position: absolute;
687
- bottom: 8px;
688
- left: 8px;
689
- }
690
- .TextChatUIComponent-module__openTab_gFDdcW__0261:hover {
691
- background: #000c;
692
- border-color: #ffffff4d;
693
- transform: scale(1.05);
694
- }
695
- .TextChatUIComponent-module__openTab_gFDdcW__0261:active {
696
- transform: scale(.95);
697
- }
698
- .TextChatUIComponent-module__openTab_gFDdcW__0261 img {
699
- filter: invert(80%);
700
- width: 24px;
701
- height: 24px;
702
- transition: all .2s ease-in-out;
703
- }
704
- .TextChatUIComponent-module__stickyButton_gFDdcW__0261 {
705
- z-index: 103;
706
- backdrop-filter: blur(10px);
707
- cursor: pointer;
708
- user-select: none;
709
- opacity: 1;
710
- background: #0009;
711
- border: 1px solid #fff3;
712
- border-radius: 50%;
713
- justify-content: center;
714
- align-items: center;
715
- width: 24px;
716
- height: 24px;
717
- transition: all .2s ease-in-out;
718
- display: flex;
719
- position: absolute;
720
- bottom: 38px;
721
- left: 38px;
722
- }
723
- .TextChatUIComponent-module__stickyButton_gFDdcW__0261:hover {
724
- background: #000c;
725
- border-color: #ffffff4d;
726
- transform: scale(1.05);
727
- }
728
- .TextChatUIComponent-module__stickyButtonFadeOut_gFDdcW__0261 {
729
- z-index: 103;
730
- backdrop-filter: blur(10px);
731
- cursor: pointer;
732
- user-select: none;
733
- opacity: 0;
734
- pointer-events: none;
735
- background: #0009;
736
- border: 1px solid #fff3;
737
- border-radius: 50%;
738
- justify-content: center;
739
- align-items: center;
740
- width: 24px;
741
- height: 24px;
742
- transition: all .2s ease-in-out;
743
- display: flex;
744
- position: absolute;
745
- bottom: 42px;
746
- left: 42px;
747
- }
748
- .TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0261 {
749
- z-index: 103;
750
- backdrop-filter: blur(10px);
751
- cursor: pointer;
752
- user-select: none;
753
- background: #000c;
754
- border: 1px solid #22c55e99;
755
- border-radius: 50%;
756
- justify-content: center;
757
- align-items: center;
758
- width: 24px;
759
- height: 24px;
760
- transition: all .2s ease-in-out;
761
- display: flex;
762
- position: absolute;
763
- bottom: 42px;
764
- left: 42px;
765
- box-shadow: 0 0 8px #22c55e4d;
766
- }
767
- .TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0261:hover {
768
- border-color: #22c55ecc;
769
- transform: scale(1.05);
770
- box-shadow: 0 0 12px #22c55e66;
771
- }
772
- .TextChatUIComponent-module__stickyButton_gFDdcW__0261 img,
773
- .TextChatUIComponent-module__stickyButtonFadeOut_gFDdcW__0261 img,
774
- .TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0261 img {
775
- filter: invert(70%);
776
- width: 12px;
777
- height: 12px;
778
- transition: all .2s ease-in-out;
779
- }
780
- .TextChatUIComponent-module__stickyButton_gFDdcW__0261:hover img,
781
- .TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0261:hover img {
782
- filter: invert(90%);
783
- }
784
- .TextChatUIComponent-module__controls_gFDdcW__0261 .TextChatUIComponent-module__closeButton_gFDdcW__0261 {
785
- color: #fffc;
786
- backdrop-filter: blur(10px);
787
- cursor: pointer;
788
- background: #0009;
789
- border: 1px solid #fff3;
790
- border-radius: 50%;
791
- justify-content: center;
792
- align-items: center;
793
- width: 28px;
794
- height: 28px;
795
- font-family:
796
- -apple-system,
797
- BlinkMacSystemFont,
798
- Segoe UI,
799
- Roboto,
800
- Oxygen,
801
- Ubuntu,
802
- Cantarell,
803
- sans-serif;
804
- font-size: 14px;
805
- font-weight: 500;
806
- transition: all .2s ease-in-out;
807
- display: flex;
808
- position: absolute;
809
- top: 3px;
810
- right: 3px;
811
- }
812
- .TextChatUIComponent-module__closeButton_gFDdcW__0261:hover {
813
- color: #ffffffe6;
814
- background: #000c;
815
- border-color: #ffffff4d;
816
- transform: scale(1.05);
817
- }
818
- .TextChatUIComponent-module__closeButton_gFDdcW__0261:active {
819
- transform: scale(.95);
820
- }
821
- .TextChatUIComponent-module__messagesWrapper_gFDdcW__0261 {
822
- direction: rtl;
823
- width: fit-content;
824
- max-height: 450px;
825
- margin-bottom: 8px;
826
- position: relative;
827
- }
828
-
829
- /* esbuild-css-modules-plugin-ns-css:src/Networked3dWebExperience.module.css */
830
- .Networked3dWebExperience-module__respawnButton_7g9l0W__0261 {
831
- z-index: 102;
832
- color: #ffffffe6;
833
- backdrop-filter: blur(10px);
834
- cursor: pointer;
835
- user-select: none;
836
- background:
837
- linear-gradient(
838
- 135deg,
839
- #0009,
840
- #0006);
841
- border: 1px solid #fff3;
842
- border-radius: 8px;
843
- justify-content: center;
844
- align-items: center;
845
- padding: 12px;
846
- font-family:
847
- -apple-system,
848
- BlinkMacSystemFont,
849
- Segoe UI,
850
- Roboto,
851
- Oxygen,
852
- Ubuntu,
853
- Cantarell,
854
- sans-serif;
855
- font-size: 14px;
856
- font-weight: 500;
857
- transition: all .2s ease-in-out;
858
- display: flex;
859
- position: absolute;
860
- top: 8px;
861
- left: 8px;
862
- }
863
- .Networked3dWebExperience-module__respawnButton_7g9l0W__0261:hover {
864
- background:
865
- linear-gradient(
866
- 135deg,
867
- #000c,
868
- #0009);
869
- border-color: #ffffff4d;
870
- transform: translateY(-1px);
871
- }
872
- .Networked3dWebExperience-module__respawnButton_7g9l0W__0261:active {
873
- transform: translateY(0);
874
- }
875
- /*# sourceMappingURL=index.css.map */