@mml-io/3d-web-experience-client 0.22.0 → 0.23.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 (29) hide show
  1. package/build/Networked3dWebExperienceClient.d.ts +10 -13
  2. package/build/avatar-selection-ui/AvatarSelectionUI.d.ts +20 -0
  3. package/build/avatar-selection-ui/AvatarType.d.ts +21 -0
  4. package/build/avatar-selection-ui/components/AvatarPanel/AvatarSectionUIComponent.d.ts +14 -0
  5. package/build/avatar-selection-ui/index.d.ts +2 -0
  6. package/build/chat-ui/TextChatUI.d.ts +25 -0
  7. package/build/chat-ui/components/ChatPanel/TextChatUIComponent.d.ts +9 -0
  8. package/build/chat-ui/components/Input/InputBox.d.ts +9 -0
  9. package/build/chat-ui/components/Message/Message.d.ts +9 -0
  10. package/build/chat-ui/components/Messages/Messages.d.ts +12 -0
  11. package/build/chat-ui/helpers.d.ts +3 -0
  12. package/build/chat-ui/index.d.ts +1 -0
  13. package/build/index.css +875 -0
  14. package/build/index.css.map +7 -0
  15. package/build/index.js +1253 -218
  16. package/build/index.js.map +4 -4
  17. package/build/src/Networked3dWebExperience.module.css.d.ts +4 -0
  18. package/build/src/Networked3dWebExperience.module.d.css.ts +4 -0
  19. package/build/src/avatar-selection-ui/components/AvatarPanel/AvatarSelectionUIComponent.module.css.d.ts +26 -0
  20. package/build/src/avatar-selection-ui/components/AvatarPanel/AvatarSelectionUIComponent.module.d.css.ts +26 -0
  21. package/build/src/chat-ui/components/ChatPanel/TextChatUIComponent.module.css.d.ts +15 -0
  22. package/build/src/chat-ui/components/ChatPanel/TextChatUIComponent.module.d.css.ts +15 -0
  23. package/build/src/chat-ui/components/Input/InputBox.module.css.d.ts +7 -0
  24. package/build/src/chat-ui/components/Input/InputBox.module.d.css.ts +7 -0
  25. package/build/src/chat-ui/components/Message/Message.module.css.d.ts +5 -0
  26. package/build/src/chat-ui/components/Message/Message.module.d.css.ts +5 -0
  27. package/build/src/chat-ui/components/Messages/Messages.module.css.d.ts +5 -0
  28. package/build/src/chat-ui/components/Messages/Messages.module.d.css.ts +5 -0
  29. package/package.json +13 -10
@@ -0,0 +1,875 @@
1
+ /* esbuild-css-modules-plugin-ns-css:src/avatar-selection-ui/components/AvatarPanel/AvatarSelectionUIComponent.module.css */
2
+ .AvatarSelectionUIComponent-module__menuButton_VjZ7cq__0230 {
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__0230 {
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__0230:focus {
35
+ background-color: #0009;
36
+ border-color: #fff6;
37
+ box-shadow: 0 0 0 3px #ffffff26;
38
+ }
39
+ .AvatarSelectionUIComponent-module__input_VjZ7cq__0230::placeholder {
40
+ color: #ffffff80;
41
+ }
42
+ .AvatarSelectionUIComponent-module__closeButton_VjZ7cq__0230 {
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__0230:hover {
72
+ color: #ffffffe6;
73
+ background: #000c;
74
+ transform: scale(1.05);
75
+ }
76
+ .AvatarSelectionUIComponent-module__closeButton_VjZ7cq__0230:active {
77
+ transform: scale(.95);
78
+ }
79
+ .AvatarSelectionUIComponent-module__openTab_VjZ7cq__0230 {
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__0230:hover {
97
+ background: #000c;
98
+ transform: scale(1.05);
99
+ }
100
+ .AvatarSelectionUIComponent-module__openTab_VjZ7cq__0230:active {
101
+ transform: scale(.95);
102
+ }
103
+ .AvatarSelectionUIComponent-module__openTab_VjZ7cq__0230 img {
104
+ filter: invert(80%);
105
+ width: 24px;
106
+ height: 24px;
107
+ transition: all .2s ease-in-out;
108
+ }
109
+ .AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0230 {
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__0230::-webkit-scrollbar {
135
+ width: 8px;
136
+ }
137
+ .AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0230::-webkit-scrollbar-track {
138
+ background: none;
139
+ }
140
+ .AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0230::-webkit-scrollbar-thumb {
141
+ background: #fff3;
142
+ border: 1px solid #ffffff1a;
143
+ border-radius: 4px;
144
+ }
145
+ .AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0230::-webkit-scrollbar-thumb:hover {
146
+ background: #ffffff4d;
147
+ }
148
+ .AvatarSelectionUIComponent-module__avatarSelectionSection_VjZ7cq__0230 {
149
+ border-bottom: 1px solid #ffffff26;
150
+ padding: 10px;
151
+ }
152
+ .AvatarSelectionUIComponent-module__avatarSelectionSection_VjZ7cq__0230:last-child {
153
+ border-bottom: none;
154
+ }
155
+ .AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0230 {
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__0230::-webkit-scrollbar {
167
+ width: 6px;
168
+ }
169
+ .AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0230::-webkit-scrollbar-track {
170
+ background: none;
171
+ }
172
+ .AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0230::-webkit-scrollbar-thumb {
173
+ background: #ffffff26;
174
+ border-radius: 3px;
175
+ }
176
+ .AvatarSelectionUIComponent-module__avatarSelectionUiHeader_VjZ7cq__0230 {
177
+ color: #ffffffe6;
178
+ text-align: center;
179
+ font-weight: 600;
180
+ position: relative;
181
+ }
182
+ .AvatarSelectionUIComponent-module__avatarSelectionUiCloseButton_VjZ7cq__0230 {
183
+ position: absolute;
184
+ top: 20px;
185
+ right: 20px;
186
+ }
187
+ .AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0230 {
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__0230:hover {
196
+ background: #0000004d;
197
+ transform: translateY(-2px);
198
+ }
199
+ .AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImgContainer_VjZ7cq__0230 {
200
+ border-radius: 8px;
201
+ position: relative;
202
+ overflow: hidden;
203
+ }
204
+ .AvatarSelectionUIComponent-module__avatarSelectionNoImage_VjZ7cq__0230 {
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__0230 img {
216
+ filter: invert(70%);
217
+ opacity: .7;
218
+ width: 40%;
219
+ }
220
+ .AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0230 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__0230 {
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__0230 p:hover + .AvatarSelectionUIComponent-module__tooltipText_VjZ7cq__0230 {
251
+ opacity: 1;
252
+ visibility: visible;
253
+ transition-delay: .5s;
254
+ }
255
+ .AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImgContainer_VjZ7cq__0230 .AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImage_VjZ7cq__0230 {
256
+ aspect-ratio: 1;
257
+ border-radius: 8px;
258
+ width: 100%;
259
+ transition: all .2s ease-in-out;
260
+ }
261
+ .AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0230 {
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__0230 .AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0230 {
277
+ z-index: 2;
278
+ position: absolute;
279
+ top: 4px;
280
+ right: 4px;
281
+ }
282
+ .AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0230 img:hover {
283
+ opacity: .8;
284
+ transform: scale(1.05);
285
+ }
286
+ .AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0230 {
287
+ color: #ffffffe6;
288
+ border-bottom: 1px solid #ffffff26;
289
+ padding: 10px;
290
+ position: relative;
291
+ }
292
+ .AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0230:last-child {
293
+ border-bottom: none;
294
+ }
295
+ .AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0230 .AvatarSelectionUIComponent-module__radioGroup_VjZ7cq__0230 {
296
+ flex-wrap: wrap;
297
+ align-items: center;
298
+ gap: 4px;
299
+ margin-bottom: 8px;
300
+ display: flex;
301
+ }
302
+ .AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0230 .AvatarSelectionUIComponent-module__radioItem_VjZ7cq__0230 {
303
+ white-space: nowrap;
304
+ align-items: center;
305
+ gap: 3px;
306
+ margin-right: 6px;
307
+ display: flex;
308
+ }
309
+ .AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0230 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__0230 label:hover {
318
+ color: #fff;
319
+ }
320
+ .AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0230 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__0230 input[type=radio]:hover {
333
+ border-color: #ffffff80;
334
+ }
335
+ .AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0230 input[type=radio]:focus {
336
+ box-shadow: 0 0 0 3px #ffffff1a;
337
+ }
338
+ .AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0230 input[type=radio]:checked {
339
+ background: #ffffff1a;
340
+ border-color: #fffc;
341
+ }
342
+ .AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0230 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__0230 input[type=radio][disabled] {
354
+ opacity: .4;
355
+ cursor: not-allowed;
356
+ }
357
+ .AvatarSelectionUIComponent-module__customAvatarInputSection_VjZ7cq__0230 {
358
+ align-items: stretch;
359
+ display: flex;
360
+ }
361
+ .AvatarSelectionUIComponent-module__setButton_VjZ7cq__0230 {
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__0230: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__0230:active:not(:disabled) {
402
+ transform: translateY(0);
403
+ box-shadow: 0 2px 4px #0003;
404
+ }
405
+ .AvatarSelectionUIComponent-module__setButton_VjZ7cq__0230:disabled {
406
+ opacity: .5;
407
+ cursor: not-allowed;
408
+ transform: none;
409
+ }
410
+ .AvatarSelectionUIComponent-module__sectionHeading_VjZ7cq__0230 {
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__0230 .AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0230 {
418
+ margin-left: 8px;
419
+ position: relative;
420
+ top: -2px;
421
+ }
422
+ .AvatarSelectionUIComponent-module__displayNameSection_VjZ7cq__0230 {
423
+ color: #ffffffe6;
424
+ border-bottom: 1px solid #ffffff26;
425
+ padding: 10px;
426
+ position: relative;
427
+ }
428
+ .AvatarSelectionUIComponent-module__displayNameInputSection_VjZ7cq__0230 {
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__0230 {
435
+ pointer-events: all;
436
+ align-items: stretch;
437
+ gap: 6px;
438
+ display: flex;
439
+ }
440
+ .InputBox-module__chatInput_adOgOW__0230 {
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__0230:focus {
465
+ background: #0009;
466
+ border-color: #fff6;
467
+ box-shadow: 0 0 0 3px #ffffff26;
468
+ }
469
+ .InputBox-module__chatInput_adOgOW__0230::placeholder {
470
+ color: #ffffff80;
471
+ }
472
+ .InputBox-module__sendButton_adOgOW__0230 {
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__0230: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__0230:active {
502
+ transform: translateY(0);
503
+ box-shadow: 0 2px 4px #0003;
504
+ }
505
+ .InputBox-module__sendButton_adOgOW__0230 .InputBox-module__svgIcon_adOgOW__0230 img {
506
+ filter: invert(80%);
507
+ width: 18px;
508
+ height: 18px;
509
+ transition: all .2s ease-in-out;
510
+ }
511
+ .InputBox-module__sendButton_adOgOW__0230:hover .InputBox-module__svgIcon_adOgOW__0230 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__0230 {
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__0230:hover {
541
+ background: #0006;
542
+ border-color: #ffffff4d;
543
+ }
544
+ .Message-module__userName_ikOQiq__0230 {
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__0230 {
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__0230::-webkit-scrollbar {
564
+ width: 6px;
565
+ }
566
+ .Messages-module__messagesContainer_LXaUUW__0230::-webkit-scrollbar-track {
567
+ background: none;
568
+ }
569
+ .Messages-module__messagesContainer_LXaUUW__0230::-webkit-scrollbar-thumb {
570
+ background: #fff3;
571
+ border: 1px solid #ffffff1a;
572
+ border-radius: 3px;
573
+ }
574
+ .Messages-module__messagesContainer_LXaUUW__0230::-webkit-scrollbar-thumb:hover {
575
+ background: #ffffff4d;
576
+ }
577
+ .Messages-module__newMessagesButton_LXaUUW__0230 {
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__0230: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__0230: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__0230 {
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__0230 {
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__0230 {
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__0230 {
660
+ opacity: 1;
661
+ transform: translateX(0%);
662
+ }
663
+ .TextChatUIComponent-module__fadeOut_gFDdcW__0230 {
664
+ opacity: .6;
665
+ transform: translateX(calc(-100% - 72px));
666
+ }
667
+ .TextChatUIComponent-module__controls_gFDdcW__0230 {
668
+ position: absolute;
669
+ top: 2px;
670
+ right: 0;
671
+ }
672
+ .TextChatUIComponent-module__openTab_gFDdcW__0230 {
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__0230:hover {
691
+ background: #000c;
692
+ border-color: #ffffff4d;
693
+ transform: scale(1.05);
694
+ }
695
+ .TextChatUIComponent-module__openTab_gFDdcW__0230:active {
696
+ transform: scale(.95);
697
+ }
698
+ .TextChatUIComponent-module__openTab_gFDdcW__0230 img {
699
+ filter: invert(80%);
700
+ width: 24px;
701
+ height: 24px;
702
+ transition: all .2s ease-in-out;
703
+ }
704
+ .TextChatUIComponent-module__stickyButton_gFDdcW__0230 {
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__0230:hover {
724
+ background: #000c;
725
+ border-color: #ffffff4d;
726
+ transform: scale(1.05);
727
+ }
728
+ .TextChatUIComponent-module__stickyButtonFadeOut_gFDdcW__0230 {
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__0230 {
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__0230:hover {
768
+ border-color: #22c55ecc;
769
+ transform: scale(1.05);
770
+ box-shadow: 0 0 12px #22c55e66;
771
+ }
772
+ .TextChatUIComponent-module__stickyButton_gFDdcW__0230 img,
773
+ .TextChatUIComponent-module__stickyButtonFadeOut_gFDdcW__0230 img,
774
+ .TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0230 img {
775
+ filter: invert(70%);
776
+ width: 12px;
777
+ height: 12px;
778
+ transition: all .2s ease-in-out;
779
+ }
780
+ .TextChatUIComponent-module__stickyButton_gFDdcW__0230:hover img,
781
+ .TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0230:hover img {
782
+ filter: invert(90%);
783
+ }
784
+ .TextChatUIComponent-module__controls_gFDdcW__0230 .TextChatUIComponent-module__closeButton_gFDdcW__0230 {
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__0230:hover {
813
+ color: #ffffffe6;
814
+ background: #000c;
815
+ border-color: #ffffff4d;
816
+ transform: scale(1.05);
817
+ }
818
+ .TextChatUIComponent-module__closeButton_gFDdcW__0230:active {
819
+ transform: scale(.95);
820
+ }
821
+ .TextChatUIComponent-module__messagesWrapper_gFDdcW__0230 {
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__0230 {
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__0230: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__0230:active {
873
+ transform: translateY(0);
874
+ }
875
+ /*# sourceMappingURL=index.css.map */