@mml-io/3d-web-experience-client 0.23.2 → 0.23.3
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.
- package/build/index.css +104 -104
- package/build/index.css.map +1 -1
- package/build/index.js +57 -57
- package/build/index.js.map +1 -1
- package/package.json +4 -4
package/build/index.css
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/* esbuild-css-modules-plugin-ns-css:src/avatar-selection-ui/components/AvatarPanel/AvatarSelectionUIComponent.module.css */
|
2
|
-
.AvatarSelectionUIComponent-
|
2
|
+
.AvatarSelectionUIComponent-module__menuButton_VjZ7cq__0233 {
|
3
3
|
z-index: 102;
|
4
4
|
user-select: none;
|
5
5
|
width: 70px;
|
@@ -8,7 +8,7 @@
|
|
8
8
|
top: 0;
|
9
9
|
right: 0;
|
10
10
|
}
|
11
|
-
.AvatarSelectionUIComponent-
|
11
|
+
.AvatarSelectionUIComponent-module__input_VjZ7cq__0233 {
|
12
12
|
color: #fff;
|
13
13
|
backdrop-filter: blur(10px);
|
14
14
|
background-color: #0006;
|
@@ -31,15 +31,15 @@
|
|
31
31
|
font-weight: 400;
|
32
32
|
transition: all .2s ease-in-out;
|
33
33
|
}
|
34
|
-
.AvatarSelectionUIComponent-
|
34
|
+
.AvatarSelectionUIComponent-module__input_VjZ7cq__0233:focus {
|
35
35
|
background-color: #0009;
|
36
36
|
border-color: #fff6;
|
37
37
|
box-shadow: 0 0 0 3px #ffffff26;
|
38
38
|
}
|
39
|
-
.AvatarSelectionUIComponent-
|
39
|
+
.AvatarSelectionUIComponent-module__input_VjZ7cq__0233::placeholder {
|
40
40
|
color: #ffffff80;
|
41
41
|
}
|
42
|
-
.AvatarSelectionUIComponent-
|
42
|
+
.AvatarSelectionUIComponent-module__closeButton_VjZ7cq__0233 {
|
43
43
|
backdrop-filter: blur(10px);
|
44
44
|
color: #fffc;
|
45
45
|
cursor: pointer;
|
@@ -68,15 +68,15 @@
|
|
68
68
|
top: 8px;
|
69
69
|
right: 8px;
|
70
70
|
}
|
71
|
-
.AvatarSelectionUIComponent-
|
71
|
+
.AvatarSelectionUIComponent-module__closeButton_VjZ7cq__0233:hover {
|
72
72
|
color: #ffffffe6;
|
73
73
|
background: #000c;
|
74
74
|
transform: scale(1.05);
|
75
75
|
}
|
76
|
-
.AvatarSelectionUIComponent-
|
76
|
+
.AvatarSelectionUIComponent-module__closeButton_VjZ7cq__0233:active {
|
77
77
|
transform: scale(.95);
|
78
78
|
}
|
79
|
-
.AvatarSelectionUIComponent-
|
79
|
+
.AvatarSelectionUIComponent-module__openTab_VjZ7cq__0233 {
|
80
80
|
backdrop-filter: blur(10px);
|
81
81
|
cursor: pointer;
|
82
82
|
user-select: none;
|
@@ -93,20 +93,20 @@
|
|
93
93
|
top: 8px;
|
94
94
|
right: 8px;
|
95
95
|
}
|
96
|
-
.AvatarSelectionUIComponent-
|
96
|
+
.AvatarSelectionUIComponent-module__openTab_VjZ7cq__0233:hover {
|
97
97
|
background: #000c;
|
98
98
|
transform: scale(1.05);
|
99
99
|
}
|
100
|
-
.AvatarSelectionUIComponent-
|
100
|
+
.AvatarSelectionUIComponent-module__openTab_VjZ7cq__0233:active {
|
101
101
|
transform: scale(.95);
|
102
102
|
}
|
103
|
-
.AvatarSelectionUIComponent-
|
103
|
+
.AvatarSelectionUIComponent-module__openTab_VjZ7cq__0233 img {
|
104
104
|
filter: invert(80%);
|
105
105
|
width: 24px;
|
106
106
|
height: 24px;
|
107
107
|
transition: all .2s ease-in-out;
|
108
108
|
}
|
109
|
-
.AvatarSelectionUIComponent-
|
109
|
+
.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0233 {
|
110
110
|
backdrop-filter: blur(20px);
|
111
111
|
z-index: 103;
|
112
112
|
user-select: none;
|
@@ -131,28 +131,28 @@
|
|
131
131
|
overflow: hidden auto;
|
132
132
|
box-shadow: 0 8px 32px #0006, 0 0 0 1px #ffffff1a;
|
133
133
|
}
|
134
|
-
.AvatarSelectionUIComponent-
|
134
|
+
.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0233::-webkit-scrollbar {
|
135
135
|
width: 8px;
|
136
136
|
}
|
137
|
-
.AvatarSelectionUIComponent-
|
137
|
+
.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0233::-webkit-scrollbar-track {
|
138
138
|
background: none;
|
139
139
|
}
|
140
|
-
.AvatarSelectionUIComponent-
|
140
|
+
.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0233::-webkit-scrollbar-thumb {
|
141
141
|
background: #fff3;
|
142
142
|
border: 1px solid #ffffff1a;
|
143
143
|
border-radius: 4px;
|
144
144
|
}
|
145
|
-
.AvatarSelectionUIComponent-
|
145
|
+
.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0233::-webkit-scrollbar-thumb:hover {
|
146
146
|
background: #ffffff4d;
|
147
147
|
}
|
148
|
-
.AvatarSelectionUIComponent-
|
148
|
+
.AvatarSelectionUIComponent-module__avatarSelectionSection_VjZ7cq__0233 {
|
149
149
|
border-bottom: 1px solid #ffffff26;
|
150
150
|
padding: 10px;
|
151
151
|
}
|
152
|
-
.AvatarSelectionUIComponent-
|
152
|
+
.AvatarSelectionUIComponent-module__avatarSelectionSection_VjZ7cq__0233:last-child {
|
153
153
|
border-bottom: none;
|
154
154
|
}
|
155
|
-
.AvatarSelectionUIComponent-
|
155
|
+
.AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0233 {
|
156
156
|
background: #0000004d;
|
157
157
|
border: 1px solid #ffffff26;
|
158
158
|
border-radius: 12px;
|
@@ -163,28 +163,28 @@
|
|
163
163
|
display: grid;
|
164
164
|
overflow: hidden auto;
|
165
165
|
}
|
166
|
-
.AvatarSelectionUIComponent-
|
166
|
+
.AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0233::-webkit-scrollbar {
|
167
167
|
width: 6px;
|
168
168
|
}
|
169
|
-
.AvatarSelectionUIComponent-
|
169
|
+
.AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0233::-webkit-scrollbar-track {
|
170
170
|
background: none;
|
171
171
|
}
|
172
|
-
.AvatarSelectionUIComponent-
|
172
|
+
.AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0233::-webkit-scrollbar-thumb {
|
173
173
|
background: #ffffff26;
|
174
174
|
border-radius: 3px;
|
175
175
|
}
|
176
|
-
.AvatarSelectionUIComponent-
|
176
|
+
.AvatarSelectionUIComponent-module__avatarSelectionUiHeader_VjZ7cq__0233 {
|
177
177
|
color: #ffffffe6;
|
178
178
|
text-align: center;
|
179
179
|
font-weight: 600;
|
180
180
|
position: relative;
|
181
181
|
}
|
182
|
-
.AvatarSelectionUIComponent-
|
182
|
+
.AvatarSelectionUIComponent-module__avatarSelectionUiCloseButton_VjZ7cq__0233 {
|
183
183
|
position: absolute;
|
184
184
|
top: 20px;
|
185
185
|
right: 20px;
|
186
186
|
}
|
187
|
-
.AvatarSelectionUIComponent-
|
187
|
+
.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0233 {
|
188
188
|
color: #ffffffe6;
|
189
189
|
text-align: center;
|
190
190
|
cursor: pointer;
|
@@ -192,16 +192,16 @@
|
|
192
192
|
padding: 4px;
|
193
193
|
transition: all .2s ease-in-out;
|
194
194
|
}
|
195
|
-
.AvatarSelectionUIComponent-
|
195
|
+
.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0233:hover {
|
196
196
|
background: #0000004d;
|
197
197
|
transform: translateY(-2px);
|
198
198
|
}
|
199
|
-
.AvatarSelectionUIComponent-
|
199
|
+
.AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImgContainer_VjZ7cq__0233 {
|
200
200
|
border-radius: 8px;
|
201
201
|
position: relative;
|
202
202
|
overflow: hidden;
|
203
203
|
}
|
204
|
-
.AvatarSelectionUIComponent-
|
204
|
+
.AvatarSelectionUIComponent-module__avatarSelectionNoImage_VjZ7cq__0233 {
|
205
205
|
aspect-ratio: 1;
|
206
206
|
box-sizing: border-box;
|
207
207
|
background: #0003;
|
@@ -212,12 +212,12 @@
|
|
212
212
|
width: 100%;
|
213
213
|
display: flex;
|
214
214
|
}
|
215
|
-
.AvatarSelectionUIComponent-
|
215
|
+
.AvatarSelectionUIComponent-module__avatarSelectionNoImage_VjZ7cq__0233 img {
|
216
216
|
filter: invert(70%);
|
217
217
|
opacity: .7;
|
218
218
|
width: 40%;
|
219
219
|
}
|
220
|
-
.AvatarSelectionUIComponent-
|
220
|
+
.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0233 p {
|
221
221
|
text-overflow: ellipsis;
|
222
222
|
white-space: nowrap;
|
223
223
|
color: #fffc;
|
@@ -227,7 +227,7 @@
|
|
227
227
|
position: relative;
|
228
228
|
overflow: hidden;
|
229
229
|
}
|
230
|
-
.AvatarSelectionUIComponent-
|
230
|
+
.AvatarSelectionUIComponent-module__tooltipText_VjZ7cq__0233 {
|
231
231
|
pointer-events: none;
|
232
232
|
z-index: 1000;
|
233
233
|
color: #ffffffe6;
|
@@ -247,18 +247,18 @@
|
|
247
247
|
left: 50%;
|
248
248
|
transform: translateX(-50%);
|
249
249
|
}
|
250
|
-
.AvatarSelectionUIComponent-
|
250
|
+
.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0233 p:hover + .AvatarSelectionUIComponent-module__tooltipText_VjZ7cq__0233 {
|
251
251
|
opacity: 1;
|
252
252
|
visibility: visible;
|
253
253
|
transition-delay: .5s;
|
254
254
|
}
|
255
|
-
.AvatarSelectionUIComponent-
|
255
|
+
.AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImgContainer_VjZ7cq__0233 .AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImage_VjZ7cq__0233 {
|
256
256
|
aspect-ratio: 1;
|
257
257
|
border-radius: 8px;
|
258
258
|
width: 100%;
|
259
259
|
transition: all .2s ease-in-out;
|
260
260
|
}
|
261
|
-
.AvatarSelectionUIComponent-
|
261
|
+
.AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0233 {
|
262
262
|
color: #fff;
|
263
263
|
backdrop-filter: blur(10px);
|
264
264
|
background:
|
@@ -273,40 +273,40 @@
|
|
273
273
|
font-weight: 600;
|
274
274
|
box-shadow: 0 2px 4px #0003;
|
275
275
|
}
|
276
|
-
.AvatarSelectionUIComponent-
|
276
|
+
.AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImgContainer_VjZ7cq__0233 .AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0233 {
|
277
277
|
z-index: 2;
|
278
278
|
position: absolute;
|
279
279
|
top: 4px;
|
280
280
|
right: 4px;
|
281
281
|
}
|
282
|
-
.AvatarSelectionUIComponent-
|
282
|
+
.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0233 img:hover {
|
283
283
|
opacity: .8;
|
284
284
|
transform: scale(1.05);
|
285
285
|
}
|
286
|
-
.AvatarSelectionUIComponent-
|
286
|
+
.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0233 {
|
287
287
|
color: #ffffffe6;
|
288
288
|
border-bottom: 1px solid #ffffff26;
|
289
289
|
padding: 10px;
|
290
290
|
position: relative;
|
291
291
|
}
|
292
|
-
.AvatarSelectionUIComponent-
|
292
|
+
.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0233:last-child {
|
293
293
|
border-bottom: none;
|
294
294
|
}
|
295
|
-
.AvatarSelectionUIComponent-
|
295
|
+
.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0233 .AvatarSelectionUIComponent-module__radioGroup_VjZ7cq__0233 {
|
296
296
|
flex-wrap: wrap;
|
297
297
|
align-items: center;
|
298
298
|
gap: 4px;
|
299
299
|
margin-bottom: 8px;
|
300
300
|
display: flex;
|
301
301
|
}
|
302
|
-
.AvatarSelectionUIComponent-
|
302
|
+
.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0233 .AvatarSelectionUIComponent-module__radioItem_VjZ7cq__0233 {
|
303
303
|
white-space: nowrap;
|
304
304
|
align-items: center;
|
305
305
|
gap: 3px;
|
306
306
|
margin-right: 6px;
|
307
307
|
display: flex;
|
308
308
|
}
|
309
|
-
.AvatarSelectionUIComponent-
|
309
|
+
.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0233 label {
|
310
310
|
color: #fffc;
|
311
311
|
cursor: pointer;
|
312
312
|
margin: 0;
|
@@ -314,10 +314,10 @@
|
|
314
314
|
font-weight: 500;
|
315
315
|
transition: color .2s ease-in-out;
|
316
316
|
}
|
317
|
-
.AvatarSelectionUIComponent-
|
317
|
+
.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0233 label:hover {
|
318
318
|
color: #fff;
|
319
319
|
}
|
320
|
-
.AvatarSelectionUIComponent-
|
320
|
+
.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0233 input[type=radio] {
|
321
321
|
appearance: none;
|
322
322
|
cursor: pointer;
|
323
323
|
background: none;
|
@@ -329,17 +329,17 @@
|
|
329
329
|
transition: all .2s ease-in-out;
|
330
330
|
position: relative;
|
331
331
|
}
|
332
|
-
.AvatarSelectionUIComponent-
|
332
|
+
.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0233 input[type=radio]:hover {
|
333
333
|
border-color: #ffffff80;
|
334
334
|
}
|
335
|
-
.AvatarSelectionUIComponent-
|
335
|
+
.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0233 input[type=radio]:focus {
|
336
336
|
box-shadow: 0 0 0 3px #ffffff1a;
|
337
337
|
}
|
338
|
-
.AvatarSelectionUIComponent-
|
338
|
+
.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0233 input[type=radio]:checked {
|
339
339
|
background: #ffffff1a;
|
340
340
|
border-color: #fffc;
|
341
341
|
}
|
342
|
-
.AvatarSelectionUIComponent-
|
342
|
+
.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0233 input[type=radio]:checked:after {
|
343
343
|
content: "";
|
344
344
|
background: #ffffffe6;
|
345
345
|
border-radius: 50%;
|
@@ -350,15 +350,15 @@
|
|
350
350
|
left: 50%;
|
351
351
|
transform: translate(-50%, -50%);
|
352
352
|
}
|
353
|
-
.AvatarSelectionUIComponent-
|
353
|
+
.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0233 input[type=radio][disabled] {
|
354
354
|
opacity: .4;
|
355
355
|
cursor: not-allowed;
|
356
356
|
}
|
357
|
-
.AvatarSelectionUIComponent-
|
357
|
+
.AvatarSelectionUIComponent-module__customAvatarInputSection_VjZ7cq__0233 {
|
358
358
|
align-items: stretch;
|
359
359
|
display: flex;
|
360
360
|
}
|
361
|
-
.AvatarSelectionUIComponent-
|
361
|
+
.AvatarSelectionUIComponent-module__setButton_VjZ7cq__0233 {
|
362
362
|
color: #ffffffe6;
|
363
363
|
backdrop-filter: blur(10px);
|
364
364
|
cursor: pointer;
|
@@ -388,7 +388,7 @@
|
|
388
388
|
transition: all .2s ease-in-out;
|
389
389
|
display: flex;
|
390
390
|
}
|
391
|
-
.AvatarSelectionUIComponent-
|
391
|
+
.AvatarSelectionUIComponent-module__setButton_VjZ7cq__0233:hover:not(:disabled) {
|
392
392
|
background:
|
393
393
|
linear-gradient(
|
394
394
|
135deg,
|
@@ -398,46 +398,46 @@
|
|
398
398
|
transform: translateY(-1px);
|
399
399
|
box-shadow: 0 4px 8px #0000004d;
|
400
400
|
}
|
401
|
-
.AvatarSelectionUIComponent-
|
401
|
+
.AvatarSelectionUIComponent-module__setButton_VjZ7cq__0233:active:not(:disabled) {
|
402
402
|
transform: translateY(0);
|
403
403
|
box-shadow: 0 2px 4px #0003;
|
404
404
|
}
|
405
|
-
.AvatarSelectionUIComponent-
|
405
|
+
.AvatarSelectionUIComponent-module__setButton_VjZ7cq__0233:disabled {
|
406
406
|
opacity: .5;
|
407
407
|
cursor: not-allowed;
|
408
408
|
transform: none;
|
409
409
|
}
|
410
|
-
.AvatarSelectionUIComponent-
|
410
|
+
.AvatarSelectionUIComponent-module__sectionHeading_VjZ7cq__0233 {
|
411
411
|
color: #ffffffe6;
|
412
412
|
letter-spacing: -.01em;
|
413
413
|
margin-bottom: 8px;
|
414
414
|
font-size: 18px;
|
415
415
|
font-weight: 600;
|
416
416
|
}
|
417
|
-
.AvatarSelectionUIComponent-
|
417
|
+
.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0233 .AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0233 {
|
418
418
|
margin-left: 8px;
|
419
419
|
position: relative;
|
420
420
|
top: -2px;
|
421
421
|
}
|
422
|
-
.AvatarSelectionUIComponent-
|
422
|
+
.AvatarSelectionUIComponent-module__displayNameSection_VjZ7cq__0233 {
|
423
423
|
color: #ffffffe6;
|
424
424
|
border-bottom: 1px solid #ffffff26;
|
425
425
|
padding: 10px;
|
426
426
|
position: relative;
|
427
427
|
}
|
428
|
-
.AvatarSelectionUIComponent-
|
428
|
+
.AvatarSelectionUIComponent-module__displayNameInputSection_VjZ7cq__0233 {
|
429
429
|
align-items: stretch;
|
430
430
|
display: flex;
|
431
431
|
}
|
432
432
|
|
433
433
|
/* esbuild-css-modules-plugin-ns-css:src/chat-ui/components/Input/InputBox.module.css */
|
434
|
-
.InputBox-
|
434
|
+
.InputBox-module__inputWrapper_adOgOW__0233 {
|
435
435
|
pointer-events: all;
|
436
436
|
align-items: stretch;
|
437
437
|
gap: 6px;
|
438
438
|
display: flex;
|
439
439
|
}
|
440
|
-
.InputBox-
|
440
|
+
.InputBox-module__chatInput_adOgOW__0233 {
|
441
441
|
color: #fff;
|
442
442
|
backdrop-filter: blur(10px);
|
443
443
|
box-sizing: border-box;
|
@@ -461,15 +461,15 @@
|
|
461
461
|
font-weight: 400;
|
462
462
|
transition: all .2s ease-in-out;
|
463
463
|
}
|
464
|
-
.InputBox-
|
464
|
+
.InputBox-module__chatInput_adOgOW__0233:focus {
|
465
465
|
background: #0009;
|
466
466
|
border-color: #fff6;
|
467
467
|
box-shadow: 0 0 0 3px #ffffff26;
|
468
468
|
}
|
469
|
-
.InputBox-
|
469
|
+
.InputBox-module__chatInput_adOgOW__0233::placeholder {
|
470
470
|
color: #ffffff80;
|
471
471
|
}
|
472
|
-
.InputBox-
|
472
|
+
.InputBox-module__sendButton_adOgOW__0233 {
|
473
473
|
color: #ffffffe6;
|
474
474
|
backdrop-filter: blur(10px);
|
475
475
|
cursor: pointer;
|
@@ -488,7 +488,7 @@
|
|
488
488
|
transition: all .2s ease-in-out;
|
489
489
|
display: flex;
|
490
490
|
}
|
491
|
-
.InputBox-
|
491
|
+
.InputBox-module__sendButton_adOgOW__0233:hover {
|
492
492
|
background:
|
493
493
|
linear-gradient(
|
494
494
|
135deg,
|
@@ -498,22 +498,22 @@
|
|
498
498
|
transform: translateY(-1px);
|
499
499
|
box-shadow: 0 4px 8px #0000004d;
|
500
500
|
}
|
501
|
-
.InputBox-
|
501
|
+
.InputBox-module__sendButton_adOgOW__0233:active {
|
502
502
|
transform: translateY(0);
|
503
503
|
box-shadow: 0 2px 4px #0003;
|
504
504
|
}
|
505
|
-
.InputBox-
|
505
|
+
.InputBox-module__sendButton_adOgOW__0233 .InputBox-module__svgIcon_adOgOW__0233 img {
|
506
506
|
filter: invert(80%);
|
507
507
|
width: 18px;
|
508
508
|
height: 18px;
|
509
509
|
transition: all .2s ease-in-out;
|
510
510
|
}
|
511
|
-
.InputBox-
|
511
|
+
.InputBox-module__sendButton_adOgOW__0233:hover .InputBox-module__svgIcon_adOgOW__0233 img {
|
512
512
|
filter: invert(90%);
|
513
513
|
}
|
514
514
|
|
515
515
|
/* esbuild-css-modules-plugin-ns-css:src/chat-ui/components/Message/Message.module.css */
|
516
|
-
.Message-
|
516
|
+
.Message-module__messageContainer_ikOQiq__0233 {
|
517
517
|
backdrop-filter: blur(8px);
|
518
518
|
word-break: break-word;
|
519
519
|
color: #ffffffe6;
|
@@ -537,18 +537,18 @@
|
|
537
537
|
transition: all .2s ease-in-out;
|
538
538
|
overflow-x: hidden;
|
539
539
|
}
|
540
|
-
.Message-
|
540
|
+
.Message-module__messageContainer_ikOQiq__0233:hover {
|
541
541
|
background: #0006;
|
542
542
|
border-color: #ffffff4d;
|
543
543
|
}
|
544
|
-
.Message-
|
544
|
+
.Message-module__userName_ikOQiq__0233 {
|
545
545
|
color: #ffffffe6;
|
546
546
|
margin-right: 4px;
|
547
547
|
font-weight: 600;
|
548
548
|
}
|
549
549
|
|
550
550
|
/* esbuild-css-modules-plugin-ns-css:src/chat-ui/components/Messages/Messages.module.css */
|
551
|
-
.Messages-
|
551
|
+
.Messages-module__messagesContainer_LXaUUW__0233 {
|
552
552
|
z-index: 1000;
|
553
553
|
max-height: inherit;
|
554
554
|
scrollbar-width: thin;
|
@@ -560,21 +560,21 @@
|
|
560
560
|
left: -1px;
|
561
561
|
overflow-y: auto;
|
562
562
|
}
|
563
|
-
.Messages-
|
563
|
+
.Messages-module__messagesContainer_LXaUUW__0233::-webkit-scrollbar {
|
564
564
|
width: 6px;
|
565
565
|
}
|
566
|
-
.Messages-
|
566
|
+
.Messages-module__messagesContainer_LXaUUW__0233::-webkit-scrollbar-track {
|
567
567
|
background: none;
|
568
568
|
}
|
569
|
-
.Messages-
|
569
|
+
.Messages-module__messagesContainer_LXaUUW__0233::-webkit-scrollbar-thumb {
|
570
570
|
background: #fff3;
|
571
571
|
border: 1px solid #ffffff1a;
|
572
572
|
border-radius: 3px;
|
573
573
|
}
|
574
|
-
.Messages-
|
574
|
+
.Messages-module__messagesContainer_LXaUUW__0233::-webkit-scrollbar-thumb:hover {
|
575
575
|
background: #ffffff4d;
|
576
576
|
}
|
577
|
-
.Messages-
|
577
|
+
.Messages-module__newMessagesButton_LXaUUW__0233 {
|
578
578
|
-webkit-backdrop-filter: blur(10px);
|
579
579
|
color: #fff;
|
580
580
|
cursor: pointer;
|
@@ -599,19 +599,19 @@
|
|
599
599
|
transform: translateX(-50%);
|
600
600
|
box-shadow: 0 4px 12px #0000004d;
|
601
601
|
}
|
602
|
-
.Messages-
|
602
|
+
.Messages-module__newMessagesButton_LXaUUW__0233:hover {
|
603
603
|
background: #000000d9;
|
604
604
|
border-color: #ffffff4d;
|
605
605
|
transform: translateX(-50%)translateY(-2px);
|
606
606
|
box-shadow: 0 6px 16px #0006;
|
607
607
|
}
|
608
|
-
.Messages-
|
608
|
+
.Messages-module__newMessagesButton_LXaUUW__0233:active {
|
609
609
|
transform: translateX(-50%)translateY(0);
|
610
610
|
box-shadow: 0 2px 8px #0000004d;
|
611
611
|
}
|
612
612
|
|
613
613
|
/* esbuild-css-modules-plugin-ns-css:src/chat-ui/components/ChatPanel/TextChatUIComponent.module.css */
|
614
|
-
.TextChatUIComponent-
|
614
|
+
.TextChatUIComponent-module__uiHover_gFDdcW__0233 {
|
615
615
|
z-index: 102;
|
616
616
|
pointer-events: all;
|
617
617
|
width: 58px;
|
@@ -620,7 +620,7 @@
|
|
620
620
|
bottom: 0;
|
621
621
|
left: 0;
|
622
622
|
}
|
623
|
-
.TextChatUIComponent-
|
623
|
+
.TextChatUIComponent-module__textChatUi_gFDdcW__0233 {
|
624
624
|
flex-direction: row;
|
625
625
|
align-items: flex-end;
|
626
626
|
width: 100%;
|
@@ -631,7 +631,7 @@
|
|
631
631
|
bottom: 0;
|
632
632
|
left: 0;
|
633
633
|
}
|
634
|
-
.TextChatUIComponent-
|
634
|
+
.TextChatUIComponent-module__textChat_gFDdcW__0233 {
|
635
635
|
z-index: -1;
|
636
636
|
color: #fff;
|
637
637
|
user-select: none;
|
@@ -656,20 +656,20 @@
|
|
656
656
|
display: flex;
|
657
657
|
transform: translateX(-100%);
|
658
658
|
}
|
659
|
-
.TextChatUIComponent-
|
659
|
+
.TextChatUIComponent-module__fadeIn_gFDdcW__0233 {
|
660
660
|
opacity: 1;
|
661
661
|
transform: translateX(0%);
|
662
662
|
}
|
663
|
-
.TextChatUIComponent-
|
663
|
+
.TextChatUIComponent-module__fadeOut_gFDdcW__0233 {
|
664
664
|
opacity: .6;
|
665
665
|
transform: translateX(calc(-100% - 72px));
|
666
666
|
}
|
667
|
-
.TextChatUIComponent-
|
667
|
+
.TextChatUIComponent-module__controls_gFDdcW__0233 {
|
668
668
|
position: absolute;
|
669
669
|
top: 2px;
|
670
670
|
right: 0;
|
671
671
|
}
|
672
|
-
.TextChatUIComponent-
|
672
|
+
.TextChatUIComponent-module__openTab_gFDdcW__0233 {
|
673
673
|
backdrop-filter: blur(10px);
|
674
674
|
cursor: pointer;
|
675
675
|
z-index: 102;
|
@@ -687,21 +687,21 @@
|
|
687
687
|
bottom: 8px;
|
688
688
|
left: 8px;
|
689
689
|
}
|
690
|
-
.TextChatUIComponent-
|
690
|
+
.TextChatUIComponent-module__openTab_gFDdcW__0233:hover {
|
691
691
|
background: #000c;
|
692
692
|
border-color: #ffffff4d;
|
693
693
|
transform: scale(1.05);
|
694
694
|
}
|
695
|
-
.TextChatUIComponent-
|
695
|
+
.TextChatUIComponent-module__openTab_gFDdcW__0233:active {
|
696
696
|
transform: scale(.95);
|
697
697
|
}
|
698
|
-
.TextChatUIComponent-
|
698
|
+
.TextChatUIComponent-module__openTab_gFDdcW__0233 img {
|
699
699
|
filter: invert(80%);
|
700
700
|
width: 24px;
|
701
701
|
height: 24px;
|
702
702
|
transition: all .2s ease-in-out;
|
703
703
|
}
|
704
|
-
.TextChatUIComponent-
|
704
|
+
.TextChatUIComponent-module__stickyButton_gFDdcW__0233 {
|
705
705
|
z-index: 103;
|
706
706
|
backdrop-filter: blur(10px);
|
707
707
|
cursor: pointer;
|
@@ -720,12 +720,12 @@
|
|
720
720
|
bottom: 38px;
|
721
721
|
left: 38px;
|
722
722
|
}
|
723
|
-
.TextChatUIComponent-
|
723
|
+
.TextChatUIComponent-module__stickyButton_gFDdcW__0233:hover {
|
724
724
|
background: #000c;
|
725
725
|
border-color: #ffffff4d;
|
726
726
|
transform: scale(1.05);
|
727
727
|
}
|
728
|
-
.TextChatUIComponent-
|
728
|
+
.TextChatUIComponent-module__stickyButtonFadeOut_gFDdcW__0233 {
|
729
729
|
z-index: 103;
|
730
730
|
backdrop-filter: blur(10px);
|
731
731
|
cursor: pointer;
|
@@ -745,7 +745,7 @@
|
|
745
745
|
bottom: 42px;
|
746
746
|
left: 42px;
|
747
747
|
}
|
748
|
-
.TextChatUIComponent-
|
748
|
+
.TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0233 {
|
749
749
|
z-index: 103;
|
750
750
|
backdrop-filter: blur(10px);
|
751
751
|
cursor: pointer;
|
@@ -764,24 +764,24 @@
|
|
764
764
|
left: 42px;
|
765
765
|
box-shadow: 0 0 8px #22c55e4d;
|
766
766
|
}
|
767
|
-
.TextChatUIComponent-
|
767
|
+
.TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0233:hover {
|
768
768
|
border-color: #22c55ecc;
|
769
769
|
transform: scale(1.05);
|
770
770
|
box-shadow: 0 0 12px #22c55e66;
|
771
771
|
}
|
772
|
-
.TextChatUIComponent-
|
773
|
-
.TextChatUIComponent-
|
774
|
-
.TextChatUIComponent-
|
772
|
+
.TextChatUIComponent-module__stickyButton_gFDdcW__0233 img,
|
773
|
+
.TextChatUIComponent-module__stickyButtonFadeOut_gFDdcW__0233 img,
|
774
|
+
.TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0233 img {
|
775
775
|
filter: invert(70%);
|
776
776
|
width: 12px;
|
777
777
|
height: 12px;
|
778
778
|
transition: all .2s ease-in-out;
|
779
779
|
}
|
780
|
-
.TextChatUIComponent-
|
781
|
-
.TextChatUIComponent-
|
780
|
+
.TextChatUIComponent-module__stickyButton_gFDdcW__0233:hover img,
|
781
|
+
.TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0233:hover img {
|
782
782
|
filter: invert(90%);
|
783
783
|
}
|
784
|
-
.TextChatUIComponent-
|
784
|
+
.TextChatUIComponent-module__controls_gFDdcW__0233 .TextChatUIComponent-module__closeButton_gFDdcW__0233 {
|
785
785
|
color: #fffc;
|
786
786
|
backdrop-filter: blur(10px);
|
787
787
|
cursor: pointer;
|
@@ -809,16 +809,16 @@
|
|
809
809
|
top: 3px;
|
810
810
|
right: 3px;
|
811
811
|
}
|
812
|
-
.TextChatUIComponent-
|
812
|
+
.TextChatUIComponent-module__closeButton_gFDdcW__0233:hover {
|
813
813
|
color: #ffffffe6;
|
814
814
|
background: #000c;
|
815
815
|
border-color: #ffffff4d;
|
816
816
|
transform: scale(1.05);
|
817
817
|
}
|
818
|
-
.TextChatUIComponent-
|
818
|
+
.TextChatUIComponent-module__closeButton_gFDdcW__0233:active {
|
819
819
|
transform: scale(.95);
|
820
820
|
}
|
821
|
-
.TextChatUIComponent-
|
821
|
+
.TextChatUIComponent-module__messagesWrapper_gFDdcW__0233 {
|
822
822
|
direction: rtl;
|
823
823
|
width: fit-content;
|
824
824
|
max-height: 450px;
|
@@ -827,7 +827,7 @@
|
|
827
827
|
}
|
828
828
|
|
829
829
|
/* esbuild-css-modules-plugin-ns-css:src/Networked3dWebExperience.module.css */
|
830
|
-
.Networked3dWebExperience-
|
830
|
+
.Networked3dWebExperience-module__respawnButton_7g9l0W__0233 {
|
831
831
|
z-index: 102;
|
832
832
|
color: #ffffffe6;
|
833
833
|
backdrop-filter: blur(10px);
|
@@ -860,7 +860,7 @@
|
|
860
860
|
top: 8px;
|
861
861
|
left: 8px;
|
862
862
|
}
|
863
|
-
.Networked3dWebExperience-
|
863
|
+
.Networked3dWebExperience-module__respawnButton_7g9l0W__0233:hover {
|
864
864
|
background:
|
865
865
|
linear-gradient(
|
866
866
|
135deg,
|
@@ -869,7 +869,7 @@
|
|
869
869
|
border-color: #ffffff4d;
|
870
870
|
transform: translateY(-1px);
|
871
871
|
}
|
872
|
-
.Networked3dWebExperience-
|
872
|
+
.Networked3dWebExperience-module__respawnButton_7g9l0W__0233:active {
|
873
873
|
transform: translateY(0);
|
874
874
|
}
|
875
875
|
/*# sourceMappingURL=index.css.map */
|