@naviedu/room-platform-react 0.0.12 → 0.0.14

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 (3) hide show
  1. package/index.esm.js +1 -1
  2. package/package.json +1 -1
  3. package/styles.css +1 -3692
package/styles.css CHANGED
@@ -1,3696 +1,5 @@
1
1
  /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
- @layer properties;
3
- .room-platform-room {
4
- --color-red-50: oklch(97.1% 0.013 17.38);
5
- --color-red-100: oklch(93.6% 0.032 17.717);
6
- --color-red-300: oklch(80.8% 0.114 19.571);
7
- --color-red-500: oklch(63.7% 0.237 25.331);
8
- --color-red-600: oklch(57.7% 0.245 27.325);
9
- --color-amber-50: oklch(98.7% 0.022 95.277);
10
- --color-amber-200: oklch(92.4% 0.12 95.746);
11
- --color-amber-700: oklch(55.5% 0.163 48.998);
12
- --color-amber-950: oklch(27.9% 0.077 45.635);
13
- --color-emerald-50: oklch(97.9% 0.021 166.113);
14
- --color-emerald-200: oklch(90.5% 0.093 164.15);
15
- --color-emerald-400: oklch(76.5% 0.177 163.223);
16
- --color-emerald-950: oklch(26.2% 0.051 172.552);
17
- --color-sky-50: oklch(97.7% 0.013 236.62);
18
- --color-sky-200: oklch(90.1% 0.058 230.902);
19
- --color-sky-950: oklch(29.3% 0.066 243.157);
20
- --color-slate-50: oklch(98.4% 0.003 247.858);
21
- --color-slate-100: oklch(96.8% 0.007 247.896);
22
- --color-slate-200: oklch(92.9% 0.013 255.508);
23
- --color-slate-300: oklch(86.9% 0.022 252.894);
24
- --color-slate-400: oklch(70.4% 0.04 256.788);
25
- --color-slate-500: oklch(55.4% 0.046 257.417);
26
- --color-slate-700: oklch(37.2% 0.044 257.287);
27
- --color-slate-900: oklch(20.8% 0.042 265.755);
28
- --color-slate-950: oklch(12.9% 0.042 264.695);
29
- --color-black: #000;
30
- --color-white: #fff;
31
- --spacing: 0.25rem;
32
- --container-xs: 20rem;
33
- --container-sm: 24rem;
34
- --container-2xl: 42rem;
35
- --text-xs: 0.75rem;
36
- --text-xs--line-height: calc(1 / 0.75);
37
- --text-sm: 0.875rem;
38
- --text-sm--line-height: calc(1.25 / 0.875);
39
- --text-base: 1rem;
40
- --text-base--line-height: calc(1.5 / 1);
41
- --font-weight-medium: 500;
42
- --font-weight-semibold: 600;
43
- --font-weight-bold: 700;
44
- --radius-md: 0.375rem;
45
- --radius-lg: 0.5rem;
46
- --radius-xl: 0.75rem;
47
- --radius-2xl: 1rem;
48
- --radius-4xl: 2rem;
49
- --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
50
- --ease-out: cubic-bezier(0, 0, 0.2, 1);
51
- --animate-spin: spin 1s linear infinite;
52
- --blur-xs: 4px;
53
- --aspect-video: 16 / 9;
54
- --default-transition-duration: 150ms;
55
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
56
- --color-background: #ffffff;
57
- --color-foreground: oklch(0.145 0 0);
58
- --color-popover: #ffffff;
59
- --color-popover-foreground: oklch(0.145 0 0);
60
- --color-primary: #242f62;
61
- --color-primary-foreground: #ffffff;
62
- --color-secondary: #eb6619;
63
- --color-secondary-foreground: #ffffff;
64
- --color-muted: oklch(0.97 0 0);
65
- --color-muted-foreground: oklch(0.556 0 0);
66
- --color-accent: oklch(0.97 0 0);
67
- --color-accent-foreground: oklch(0.205 0 0);
68
- --color-destructive: oklch(0.577 0.245 27.325);
69
- --color-border: oklch(0.922 0 0);
70
- --color-input: oklch(0.922 0 0);
71
- --color-ring: #9dc2f3;
72
- --color-liveclass-orange: #eb6619;
73
- }
74
- @property --tw-animation-delay {
75
- syntax: "*";
76
- inherits: false;
77
- initial-value: 0s;
78
- }
79
- @property --tw-animation-direction {
80
- syntax: "*";
81
- inherits: false;
82
- initial-value: normal;
83
- }
84
- @property --tw-animation-duration {
85
- syntax: "*";
86
- inherits: false;
87
- }
88
- @property --tw-animation-fill-mode {
89
- syntax: "*";
90
- inherits: false;
91
- initial-value: none;
92
- }
93
- @property --tw-animation-iteration-count {
94
- syntax: "*";
95
- inherits: false;
96
- initial-value: 1;
97
- }
98
- @property --tw-enter-blur {
99
- syntax: "*";
100
- inherits: false;
101
- initial-value: 0;
102
- }
103
- @property --tw-enter-opacity {
104
- syntax: "*";
105
- inherits: false;
106
- initial-value: 1;
107
- }
108
- @property --tw-enter-rotate {
109
- syntax: "*";
110
- inherits: false;
111
- initial-value: 0;
112
- }
113
- @property --tw-enter-scale {
114
- syntax: "*";
115
- inherits: false;
116
- initial-value: 1;
117
- }
118
- @property --tw-enter-translate-x {
119
- syntax: "*";
120
- inherits: false;
121
- initial-value: 0;
122
- }
123
- @property --tw-enter-translate-y {
124
- syntax: "*";
125
- inherits: false;
126
- initial-value: 0;
127
- }
128
- @property --tw-exit-blur {
129
- syntax: "*";
130
- inherits: false;
131
- initial-value: 0;
132
- }
133
- @property --tw-exit-opacity {
134
- syntax: "*";
135
- inherits: false;
136
- initial-value: 1;
137
- }
138
- @property --tw-exit-rotate {
139
- syntax: "*";
140
- inherits: false;
141
- initial-value: 0;
142
- }
143
- @property --tw-exit-scale {
144
- syntax: "*";
145
- inherits: false;
146
- initial-value: 1;
147
- }
148
- @property --tw-exit-translate-x {
149
- syntax: "*";
150
- inherits: false;
151
- initial-value: 0;
152
- }
153
- @property --tw-exit-translate-y {
154
- syntax: "*";
155
- inherits: false;
156
- initial-value: 0;
157
- }
158
- .room-platform-room .pointer-events-none {
159
- pointer-events: none;
160
- }
161
- .room-platform-room .visible {
162
- visibility: visible;
163
- }
164
- .room-platform-room .sr-only {
165
- position: absolute;
166
- width: 1px;
167
- height: 1px;
168
- padding: 0;
169
- margin: -1px;
170
- overflow: hidden;
171
- clip-path: inset(50%);
172
- white-space: nowrap;
173
- border-width: 0;
174
- }
175
- .room-platform-room .absolute {
176
- position: absolute;
177
- }
178
- .room-platform-room .fixed {
179
- position: fixed;
180
- }
181
- .room-platform-room .relative {
182
- position: relative;
183
- }
184
- .room-platform-room .static {
185
- position: static;
186
- }
187
- .room-platform-room .inset-0 {
188
- inset: calc(var(--spacing) * 0);
189
- }
190
- .room-platform-room .inset-x-0 {
191
- inset-inline: calc(var(--spacing) * 0);
192
- }
193
- .room-platform-room .inset-x-3 {
194
- inset-inline: calc(var(--spacing) * 3);
195
- }
196
- .room-platform-room .start {
197
- inset-inline-start: var(--spacing);
198
- }
199
- .room-platform-room .end {
200
- inset-inline-end: var(--spacing);
201
- }
202
- .room-platform-room .top-1\/2 {
203
- top: calc(1 / 2 * 100%);
204
- }
205
- .room-platform-room .top-2 {
206
- top: calc(var(--spacing) * 2);
207
- }
208
- .room-platform-room .top-3 {
209
- top: calc(var(--spacing) * 3);
210
- }
211
- .room-platform-room .top-4 {
212
- top: calc(var(--spacing) * 4);
213
- }
214
- .room-platform-room .top-7 {
215
- top: calc(var(--spacing) * 7);
216
- }
217
- .room-platform-room .right-2 {
218
- right: calc(var(--spacing) * 2);
219
- }
220
- .room-platform-room .right-4 {
221
- right: calc(var(--spacing) * 4);
222
- }
223
- .room-platform-room .right-7 {
224
- right: calc(var(--spacing) * 7);
225
- }
226
- .room-platform-room .bottom-0 {
227
- bottom: calc(var(--spacing) * 0);
228
- }
229
- .room-platform-room .bottom-1 {
230
- bottom: calc(var(--spacing) * 1);
231
- }
232
- .room-platform-room .bottom-2 {
233
- bottom: calc(var(--spacing) * 2);
234
- }
235
- .room-platform-room .bottom-3 {
236
- bottom: calc(var(--spacing) * 3);
237
- }
238
- .room-platform-room .bottom-4 {
239
- bottom: calc(var(--spacing) * 4);
240
- }
241
- .room-platform-room .left-0 {
242
- left: calc(var(--spacing) * 0);
243
- }
244
- .room-platform-room .left-1\/2 {
245
- left: calc(1 / 2 * 100%);
246
- }
247
- .room-platform-room .left-2 {
248
- left: calc(var(--spacing) * 2);
249
- }
250
- .room-platform-room .left-3 {
251
- left: calc(var(--spacing) * 3);
252
- }
253
- .room-platform-room .left-4 {
254
- left: calc(var(--spacing) * 4);
255
- }
256
- .room-platform-room .isolate {
257
- isolation: isolate;
258
- }
259
- .room-platform-room .z-10 {
260
- z-index: 10;
261
- }
262
- .room-platform-room .z-20 {
263
- z-index: 20;
264
- }
265
- .room-platform-room .z-30 {
266
- z-index: 30;
267
- }
268
- .room-platform-room .z-40 {
269
- z-index: 40;
270
- }
271
- .room-platform-room .z-50 {
272
- z-index: 50;
273
- }
274
- .room-platform-room .z-\[70\] {
275
- z-index: 70;
276
- }
277
- .room-platform-room .container {
278
- width: 100%;
279
- @media (width >= 40rem) {
280
- max-width: 40rem;
281
- }
282
- @media (width >= 48rem) {
283
- max-width: 48rem;
284
- }
285
- @media (width >= 64rem) {
286
- max-width: 64rem;
287
- }
288
- @media (width >= 80rem) {
289
- max-width: 80rem;
290
- }
291
- @media (width >= 96rem) {
292
- max-width: 96rem;
293
- }
294
- }
295
- .room-platform-room .m-0 {
296
- margin: calc(var(--spacing) * 0);
297
- }
298
- .room-platform-room .m-auto {
299
- margin: auto;
300
- }
301
- .room-platform-room .-mx-1 {
302
- margin-inline: calc(var(--spacing) * -1);
303
- }
304
- .room-platform-room .-mx-4 {
305
- margin-inline: calc(var(--spacing) * -4);
306
- }
307
- .room-platform-room .mx-auto {
308
- margin-inline: auto;
309
- }
310
- .room-platform-room .my-1 {
311
- margin-block: calc(var(--spacing) * 1);
312
- }
313
- .room-platform-room .mt-3 {
314
- margin-top: calc(var(--spacing) * 3);
315
- }
316
- .room-platform-room .-mb-4 {
317
- margin-bottom: calc(var(--spacing) * -4);
318
- }
319
- .room-platform-room .mb-2 {
320
- margin-bottom: calc(var(--spacing) * 2);
321
- }
322
- .room-platform-room .mb-3 {
323
- margin-bottom: calc(var(--spacing) * 3);
324
- }
325
- .room-platform-room .flex {
326
- display: flex;
327
- }
328
- .room-platform-room .grid {
329
- display: grid;
330
- }
331
- .room-platform-room .hidden {
332
- display: none;
333
- }
334
- .room-platform-room .inline {
335
- display: inline;
336
- }
337
- .room-platform-room .inline-flex {
338
- display: inline-flex;
339
- }
340
- .room-platform-room .inline-grid {
341
- display: inline-grid;
342
- }
343
- .room-platform-room .aspect-video {
344
- aspect-ratio: var(--aspect-video);
345
- }
346
- .room-platform-room .size-2\.5 {
347
- width: calc(var(--spacing) * 2.5);
348
- height: calc(var(--spacing) * 2.5);
349
- }
350
- .room-platform-room .size-3\.5 {
351
- width: calc(var(--spacing) * 3.5);
352
- height: calc(var(--spacing) * 3.5);
353
- }
354
- .room-platform-room .size-4 {
355
- width: calc(var(--spacing) * 4);
356
- height: calc(var(--spacing) * 4);
357
- }
358
- .room-platform-room .size-5 {
359
- width: calc(var(--spacing) * 5);
360
- height: calc(var(--spacing) * 5);
361
- }
362
- .room-platform-room .size-6 {
363
- width: calc(var(--spacing) * 6);
364
- height: calc(var(--spacing) * 6);
365
- }
366
- .room-platform-room .size-7 {
367
- width: calc(var(--spacing) * 7);
368
- height: calc(var(--spacing) * 7);
369
- }
370
- .room-platform-room .size-8 {
371
- width: calc(var(--spacing) * 8);
372
- height: calc(var(--spacing) * 8);
373
- }
374
- .room-platform-room .size-9 {
375
- width: calc(var(--spacing) * 9);
376
- height: calc(var(--spacing) * 9);
377
- }
378
- .room-platform-room .size-10 {
379
- width: calc(var(--spacing) * 10);
380
- height: calc(var(--spacing) * 10);
381
- }
382
- .room-platform-room .size-12 {
383
- width: calc(var(--spacing) * 12);
384
- height: calc(var(--spacing) * 12);
385
- }
386
- .room-platform-room .h-5 {
387
- height: calc(var(--spacing) * 5);
388
- }
389
- .room-platform-room .h-6 {
390
- height: calc(var(--spacing) * 6);
391
- }
392
- .room-platform-room .h-7 {
393
- height: calc(var(--spacing) * 7);
394
- }
395
- .room-platform-room .h-8 {
396
- height: calc(var(--spacing) * 8);
397
- }
398
- .room-platform-room .h-9 {
399
- height: calc(var(--spacing) * 9);
400
- }
401
- .room-platform-room .h-10\! {
402
- height: calc(var(--spacing) * 10) !important;
403
- }
404
- .room-platform-room .h-12 {
405
- height: calc(var(--spacing) * 12);
406
- }
407
- .room-platform-room .h-\[calc\(100\%-1px\)\] {
408
- height: calc(100% - 1px);
409
- }
410
- .room-platform-room .h-auto {
411
- height: auto;
412
- }
413
- .room-platform-room .h-dvh {
414
- height: 100dvh;
415
- }
416
- .room-platform-room .h-full {
417
- height: 100%;
418
- }
419
- .room-platform-room .h-px {
420
- height: 1px;
421
- }
422
- .room-platform-room .h-screen {
423
- height: 100vh;
424
- }
425
- .room-platform-room .max-h-\(--radix-select-content-available-height\) {
426
- max-height: var(--radix-select-content-available-height);
427
- }
428
- .room-platform-room .max-h-\[85vh\] {
429
- max-height: 85vh;
430
- }
431
- .room-platform-room .max-h-full {
432
- max-height: 100%;
433
- }
434
- .room-platform-room .min-h-0 {
435
- min-height: calc(var(--spacing) * 0);
436
- }
437
- .room-platform-room .min-h-10 {
438
- min-height: calc(var(--spacing) * 10);
439
- }
440
- .room-platform-room .min-h-18 {
441
- min-height: calc(var(--spacing) * 18);
442
- }
443
- .room-platform-room .min-h-\[320px\] {
444
- min-height: 320px;
445
- }
446
- .room-platform-room .min-h-dvh {
447
- min-height: 100dvh;
448
- }
449
- .room-platform-room .w-9 {
450
- width: calc(var(--spacing) * 9);
451
- }
452
- .room-platform-room .w-48 {
453
- width: calc(var(--spacing) * 48);
454
- }
455
- .room-platform-room .w-auto {
456
- width: auto;
457
- }
458
- .room-platform-room .w-dvw {
459
- width: 100dvw;
460
- }
461
- .room-platform-room .w-fit {
462
- width: fit-content;
463
- }
464
- .room-platform-room .w-full {
465
- width: 100%;
466
- }
467
- .room-platform-room .w-full\! {
468
- width: 100% !important;
469
- }
470
- .room-platform-room .w-screen {
471
- width: 100vw;
472
- }
473
- .room-platform-room .max-w-\[40\%\] {
474
- max-width: 40%;
475
- }
476
- .room-platform-room .max-w-\[calc\(100\%-1\.5rem\)\] {
477
- max-width: calc(100% - 1.5rem);
478
- }
479
- .room-platform-room .max-w-\[calc\(100\%-1rem\)\] {
480
- max-width: calc(100% - 1rem);
481
- }
482
- .room-platform-room .max-w-\[calc\(100\%-2rem\)\] {
483
- max-width: calc(100% - 2rem);
484
- }
485
- .room-platform-room .max-w-full {
486
- max-width: 100%;
487
- }
488
- .room-platform-room .max-w-none {
489
- max-width: none;
490
- }
491
- .room-platform-room .max-w-xs {
492
- max-width: var(--container-xs);
493
- }
494
- .room-platform-room .min-w-0 {
495
- min-width: calc(var(--spacing) * 0);
496
- }
497
- .room-platform-room .min-w-36 {
498
- min-width: calc(var(--spacing) * 36);
499
- }
500
- .room-platform-room .flex-1 {
501
- flex: 1;
502
- }
503
- .room-platform-room .flex-none {
504
- flex: none;
505
- }
506
- .room-platform-room .shrink-0 {
507
- flex-shrink: 0;
508
- }
509
- .room-platform-room .origin-\(--radix-select-content-transform-origin\) {
510
- transform-origin: var(--radix-select-content-transform-origin);
511
- }
512
- .room-platform-room .-translate-x-1\/2 {
513
- --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
514
- translate: var(--tw-translate-x) var(--tw-translate-y);
515
- }
516
- .room-platform-room .-translate-x-full {
517
- --tw-translate-x: -100%;
518
- translate: var(--tw-translate-x) var(--tw-translate-y);
519
- }
520
- .room-platform-room .-translate-y-1\/2 {
521
- --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
522
- translate: var(--tw-translate-x) var(--tw-translate-y);
523
- }
524
- .room-platform-room .translate-y-0 {
525
- --tw-translate-y: calc(var(--spacing) * 0);
526
- translate: var(--tw-translate-x) var(--tw-translate-y);
527
- }
528
- .room-platform-room .translate-y-\[calc\(-50\%_-_2px\)\] {
529
- --tw-translate-y: calc(-50% - 2px);
530
- translate: var(--tw-translate-x) var(--tw-translate-y);
531
- }
532
- .room-platform-room .translate-y-\[calc\(100\%-0\.75rem\)\] {
533
- --tw-translate-y: calc(100% - 0.75rem);
534
- translate: var(--tw-translate-x) var(--tw-translate-y);
535
- }
536
- .room-platform-room .-scale-x-100 {
537
- --tw-scale-x: calc(100% * -1);
538
- scale: var(--tw-scale-x) var(--tw-scale-y);
539
- }
540
- .room-platform-room .rotate-45 {
541
- rotate: 45deg;
542
- }
543
- .room-platform-room .transform {
544
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
545
- }
546
- .room-platform-room .animate-in {
547
- animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
548
- }
549
- .room-platform-room .animate-spin {
550
- animation: var(--animate-spin);
551
- }
552
- .room-platform-room .cursor-default {
553
- cursor: default;
554
- }
555
- .room-platform-room .cursor-not-allowed {
556
- cursor: not-allowed;
557
- }
558
- .room-platform-room .cursor-pointer {
559
- cursor: pointer;
560
- }
561
- .room-platform-room .resize {
562
- resize: both;
563
- }
564
- .room-platform-room .scroll-my-1 {
565
- scroll-margin-block: calc(var(--spacing) * 1);
566
- }
567
- .room-platform-room .grid-cols-1 {
568
- grid-template-columns: repeat(1, minmax(0, 1fr));
569
- }
570
- .room-platform-room .grid-cols-2 {
571
- grid-template-columns: repeat(2, minmax(0, 1fr));
572
- }
573
- .room-platform-room .grid-cols-3 {
574
- grid-template-columns: repeat(3, minmax(0, 1fr));
575
- }
576
- .room-platform-room .grid-cols-4 {
577
- grid-template-columns: repeat(4, minmax(0, 1fr));
578
- }
579
- .room-platform-room .grid-rows-\[auto_1fr\] {
580
- grid-template-rows: auto 1fr;
581
- }
582
- .room-platform-room .grid-rows-\[auto_minmax\(0\,1fr\)\] {
583
- grid-template-rows: auto minmax(0,1fr);
584
- }
585
- .room-platform-room .grid-rows-\[minmax\(240px\,45dvh\)_minmax\(0\,1fr\)\] {
586
- grid-template-rows: minmax(240px,45dvh) minmax(0,1fr);
587
- }
588
- .room-platform-room .flex-col {
589
- flex-direction: column;
590
- }
591
- .room-platform-room .flex-col-reverse {
592
- flex-direction: column-reverse;
593
- }
594
- .room-platform-room .flex-wrap {
595
- flex-wrap: wrap;
596
- }
597
- .room-platform-room .place-items-center {
598
- place-items: center;
599
- }
600
- .room-platform-room .content-start {
601
- align-content: flex-start;
602
- }
603
- .room-platform-room .items-center {
604
- align-items: center;
605
- }
606
- .room-platform-room .justify-between {
607
- justify-content: space-between;
608
- }
609
- .room-platform-room .justify-center {
610
- justify-content: center;
611
- }
612
- .room-platform-room .justify-end {
613
- justify-content: flex-end;
614
- }
615
- .room-platform-room .gap-0 {
616
- gap: calc(var(--spacing) * 0);
617
- }
618
- .room-platform-room .gap-1 {
619
- gap: calc(var(--spacing) * 1);
620
- }
621
- .room-platform-room .gap-1\.5 {
622
- gap: calc(var(--spacing) * 1.5);
623
- }
624
- .room-platform-room .gap-2 {
625
- gap: calc(var(--spacing) * 2);
626
- }
627
- .room-platform-room .gap-3 {
628
- gap: calc(var(--spacing) * 3);
629
- }
630
- .room-platform-room .gap-4 {
631
- gap: calc(var(--spacing) * 4);
632
- }
633
- .room-platform-room .truncate {
634
- overflow: hidden;
635
- text-overflow: ellipsis;
636
- white-space: nowrap;
637
- }
638
- .room-platform-room .overflow-auto {
639
- overflow: auto;
640
- }
641
- .room-platform-room .overflow-hidden {
642
- overflow: hidden;
643
- }
644
- .room-platform-room .overflow-x-hidden {
645
- overflow-x: hidden;
646
- }
647
- .room-platform-room .overflow-y-auto {
648
- overflow-y: auto;
649
- }
650
- .room-platform-room .rounded-2xl {
651
- border-radius: var(--radius-2xl);
652
- }
653
- .room-platform-room .rounded-4xl {
654
- border-radius: var(--radius-4xl);
655
- }
656
- .room-platform-room .rounded-\[2px\] {
657
- border-radius: 2px;
658
- }
659
- .room-platform-room .rounded-\[min\(var\(--radius-md\)\,10px\)\] {
660
- border-radius: min(var(--radius-md), 10px);
661
- }
662
- .room-platform-room .rounded-\[min\(var\(--radius-md\)\,12px\)\] {
663
- border-radius: min(var(--radius-md), 12px);
664
- }
665
- .room-platform-room .rounded-full {
666
- border-radius: calc(infinity * 1px);
667
- }
668
- .room-platform-room .rounded-lg {
669
- border-radius: var(--radius-lg);
670
- }
671
- .room-platform-room .rounded-md {
672
- border-radius: var(--radius-md);
673
- }
674
- .room-platform-room .rounded-none {
675
- border-radius: 0;
676
- }
677
- .room-platform-room .rounded-xl {
678
- border-radius: var(--radius-xl);
679
- }
680
- .room-platform-room .rounded-l-lg {
681
- border-top-left-radius: var(--radius-lg);
682
- border-bottom-left-radius: var(--radius-lg);
683
- }
684
- .room-platform-room .rounded-b-xl {
685
- border-bottom-right-radius: var(--radius-xl);
686
- border-bottom-left-radius: var(--radius-xl);
687
- }
688
- .room-platform-room .border {
689
- border-style: var(--tw-border-style);
690
- border-width: 1px;
691
- }
692
- .room-platform-room .border-2 {
693
- border-style: var(--tw-border-style);
694
- border-width: 2px;
695
- }
696
- .room-platform-room .border-t {
697
- border-top-style: var(--tw-border-style);
698
- border-top-width: 1px;
699
- }
700
- .room-platform-room .border-r-0 {
701
- border-right-style: var(--tw-border-style);
702
- border-right-width: 0px;
703
- }
704
- .room-platform-room .border-b {
705
- border-bottom-style: var(--tw-border-style);
706
- border-bottom-width: 1px;
707
- }
708
- .room-platform-room .border-dashed {
709
- --tw-border-style: dashed;
710
- border-style: dashed;
711
- }
712
- .room-platform-room .border-\[\#2563EB\] {
713
- border-color: #2563EB;
714
- }
715
- .room-platform-room .border-amber-200 {
716
- border-color: var(--color-amber-200);
717
- }
718
- .room-platform-room .border-border {
719
- border-color: var(--color-border);
720
- }
721
- .room-platform-room .border-emerald-200 {
722
- border-color: var(--color-emerald-200);
723
- }
724
- .room-platform-room .border-input {
725
- border-color: var(--color-input);
726
- }
727
- .room-platform-room .border-liveclass-orange {
728
- border-color: var(--color-liveclass-orange);
729
- }
730
- .room-platform-room .border-liveclass-orange\/30 {
731
- border-color: color-mix(in srgb, #eb6619 30%, transparent);
732
- @supports (color: color-mix(in lab, red, red)) {
733
- border-color: color-mix(in oklab, var(--color-liveclass-orange) 30%, transparent);
734
- }
735
- }
736
- .room-platform-room .border-primary\/10 {
737
- border-color: color-mix(in srgb, #242f62 10%, transparent);
738
- @supports (color: color-mix(in lab, red, red)) {
739
- border-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
740
- }
741
- }
742
- .room-platform-room .border-red-300\/40 {
743
- border-color: color-mix(in srgb, oklch(80.8% 0.114 19.571) 40%, transparent);
744
- @supports (color: color-mix(in lab, red, red)) {
745
- border-color: color-mix(in oklab, var(--color-red-300) 40%, transparent);
746
- }
747
- }
748
- .room-platform-room .border-sky-200 {
749
- border-color: var(--color-sky-200);
750
- }
751
- .room-platform-room .border-slate-200 {
752
- border-color: var(--color-slate-200);
753
- }
754
- .room-platform-room .border-slate-300 {
755
- border-color: var(--color-slate-300);
756
- }
757
- .room-platform-room .border-transparent {
758
- border-color: transparent;
759
- }
760
- .room-platform-room .border-white {
761
- border-color: var(--color-white);
762
- }
763
- .room-platform-room .border-white\/10 {
764
- border-color: color-mix(in srgb, #fff 10%, transparent);
765
- @supports (color: color-mix(in lab, red, red)) {
766
- border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
767
- }
768
- }
769
- .room-platform-room .border-white\/20 {
770
- border-color: color-mix(in srgb, #fff 20%, transparent);
771
- @supports (color: color-mix(in lab, red, red)) {
772
- border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
773
- }
774
- }
775
- .room-platform-room .border-white\/30 {
776
- border-color: color-mix(in srgb, #fff 30%, transparent);
777
- @supports (color: color-mix(in lab, red, red)) {
778
- border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
779
- }
780
- }
781
- .room-platform-room .bg-amber-50 {
782
- background-color: var(--color-amber-50);
783
- }
784
- .room-platform-room .bg-background {
785
- background-color: var(--color-background);
786
- }
787
- .room-platform-room .bg-black {
788
- background-color: var(--color-black);
789
- }
790
- .room-platform-room .bg-black\/10 {
791
- background-color: color-mix(in srgb, #000 10%, transparent);
792
- @supports (color: color-mix(in lab, red, red)) {
793
- background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
794
- }
795
- }
796
- .room-platform-room .bg-black\/20 {
797
- background-color: color-mix(in srgb, #000 20%, transparent);
798
- @supports (color: color-mix(in lab, red, red)) {
799
- background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
800
- }
801
- }
802
- .room-platform-room .bg-border {
803
- background-color: var(--color-border);
804
- }
805
- .room-platform-room .bg-destructive\/10 {
806
- background-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 10%, transparent);
807
- @supports (color: color-mix(in lab, red, red)) {
808
- background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
809
- }
810
- }
811
- .room-platform-room .bg-emerald-50 {
812
- background-color: var(--color-emerald-50);
813
- }
814
- .room-platform-room .bg-liveclass-orange {
815
- background-color: var(--color-liveclass-orange);
816
- }
817
- .room-platform-room .bg-liveclass-orange\/10 {
818
- background-color: color-mix(in srgb, #eb6619 10%, transparent);
819
- @supports (color: color-mix(in lab, red, red)) {
820
- background-color: color-mix(in oklab, var(--color-liveclass-orange) 10%, transparent);
821
- }
822
- }
823
- .room-platform-room .bg-muted {
824
- background-color: var(--color-muted);
825
- }
826
- .room-platform-room .bg-muted\/50 {
827
- background-color: color-mix(in srgb, oklch(0.97 0 0) 50%, transparent);
828
- @supports (color: color-mix(in lab, red, red)) {
829
- background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
830
- }
831
- }
832
- .room-platform-room .bg-popover {
833
- background-color: var(--color-popover);
834
- }
835
- .room-platform-room .bg-primary {
836
- background-color: var(--color-primary);
837
- }
838
- .room-platform-room .bg-primary\/10 {
839
- background-color: color-mix(in srgb, #242f62 10%, transparent);
840
- @supports (color: color-mix(in lab, red, red)) {
841
- background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
842
- }
843
- }
844
- .room-platform-room .bg-secondary {
845
- background-color: var(--color-secondary);
846
- }
847
- .room-platform-room .bg-sky-50 {
848
- background-color: var(--color-sky-50);
849
- }
850
- .room-platform-room .bg-slate-50 {
851
- background-color: var(--color-slate-50);
852
- }
853
- .room-platform-room .bg-slate-900 {
854
- background-color: var(--color-slate-900);
855
- }
856
- .room-platform-room .bg-slate-900\/45 {
857
- background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 45%, transparent);
858
- @supports (color: color-mix(in lab, red, red)) {
859
- background-color: color-mix(in oklab, var(--color-slate-900) 45%, transparent);
860
- }
861
- }
862
- .room-platform-room .bg-slate-950 {
863
- background-color: var(--color-slate-950);
864
- }
865
- .room-platform-room .bg-slate-950\/40 {
866
- background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 40%, transparent);
867
- @supports (color: color-mix(in lab, red, red)) {
868
- background-color: color-mix(in oklab, var(--color-slate-950) 40%, transparent);
869
- }
870
- }
871
- .room-platform-room .bg-slate-950\/75 {
872
- background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 75%, transparent);
873
- @supports (color: color-mix(in lab, red, red)) {
874
- background-color: color-mix(in oklab, var(--color-slate-950) 75%, transparent);
875
- }
876
- }
877
- .room-platform-room .bg-slate-950\/80 {
878
- background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 80%, transparent);
879
- @supports (color: color-mix(in lab, red, red)) {
880
- background-color: color-mix(in oklab, var(--color-slate-950) 80%, transparent);
881
- }
882
- }
883
- .room-platform-room .bg-slate-950\/90 {
884
- background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 90%, transparent);
885
- @supports (color: color-mix(in lab, red, red)) {
886
- background-color: color-mix(in oklab, var(--color-slate-950) 90%, transparent);
887
- }
888
- }
889
- .room-platform-room .bg-transparent {
890
- background-color: transparent;
891
- }
892
- .room-platform-room .bg-white {
893
- background-color: var(--color-white);
894
- }
895
- .room-platform-room .bg-white\/90 {
896
- background-color: color-mix(in srgb, #fff 90%, transparent);
897
- @supports (color: color-mix(in lab, red, red)) {
898
- background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
899
- }
900
- }
901
- .room-platform-room .bg-clip-padding {
902
- background-clip: padding-box;
903
- }
904
- .room-platform-room .fill-primary {
905
- fill: var(--color-primary);
906
- }
907
- .room-platform-room .object-contain {
908
- object-fit: contain;
909
- }
910
- .room-platform-room .object-cover {
911
- object-fit: cover;
912
- }
913
- .room-platform-room .p-0 {
914
- padding: calc(var(--spacing) * 0);
915
- }
916
- .room-platform-room .p-1 {
917
- padding: calc(var(--spacing) * 1);
918
- }
919
- .room-platform-room .p-2 {
920
- padding: calc(var(--spacing) * 2);
921
- }
922
- .room-platform-room .p-3 {
923
- padding: calc(var(--spacing) * 3);
924
- }
925
- .room-platform-room .p-4 {
926
- padding: calc(var(--spacing) * 4);
927
- }
928
- .room-platform-room .p-6 {
929
- padding: calc(var(--spacing) * 6);
930
- }
931
- .room-platform-room .p-\[3px\] {
932
- padding: 3px;
933
- }
934
- .room-platform-room .px-1\.5 {
935
- padding-inline: calc(var(--spacing) * 1.5);
936
- }
937
- .room-platform-room .px-2 {
938
- padding-inline: calc(var(--spacing) * 2);
939
- }
940
- .room-platform-room .px-2\.5 {
941
- padding-inline: calc(var(--spacing) * 2.5);
942
- }
943
- .room-platform-room .px-3 {
944
- padding-inline: calc(var(--spacing) * 3);
945
- }
946
- .room-platform-room .px-3\.5 {
947
- padding-inline: calc(var(--spacing) * 3.5);
948
- }
949
- .room-platform-room .px-4 {
950
- padding-inline: calc(var(--spacing) * 4);
951
- }
952
- .room-platform-room .py-0\.5 {
953
- padding-block: calc(var(--spacing) * 0.5);
954
- }
955
- .room-platform-room .py-1 {
956
- padding-block: calc(var(--spacing) * 1);
957
- }
958
- .room-platform-room .py-1\.5 {
959
- padding-block: calc(var(--spacing) * 1.5);
960
- }
961
- .room-platform-room .py-2 {
962
- padding-block: calc(var(--spacing) * 2);
963
- }
964
- .room-platform-room .py-3 {
965
- padding-block: calc(var(--spacing) * 3);
966
- }
967
- .room-platform-room .pr-2 {
968
- padding-right: calc(var(--spacing) * 2);
969
- }
970
- .room-platform-room .pr-8 {
971
- padding-right: calc(var(--spacing) * 8);
972
- }
973
- .room-platform-room .pr-20 {
974
- padding-right: calc(var(--spacing) * 20);
975
- }
976
- .room-platform-room .pb-3 {
977
- padding-bottom: calc(var(--spacing) * 3);
978
- }
979
- .room-platform-room .pl-1\.5 {
980
- padding-left: calc(var(--spacing) * 1.5);
981
- }
982
- .room-platform-room .pl-2\.5 {
983
- padding-left: calc(var(--spacing) * 2.5);
984
- }
985
- .room-platform-room .text-center {
986
- text-align: center;
987
- }
988
- .room-platform-room .text-left {
989
- text-align: left;
990
- }
991
- .room-platform-room .text-base {
992
- font-size: var(--text-base);
993
- line-height: var(--tw-leading, var(--text-base--line-height));
994
- }
995
- .room-platform-room .text-sm {
996
- font-size: var(--text-sm);
997
- line-height: var(--tw-leading, var(--text-sm--line-height));
998
- }
999
- .room-platform-room .text-xs {
1000
- font-size: var(--text-xs);
1001
- line-height: var(--tw-leading, var(--text-xs--line-height));
1002
- }
1003
- .room-platform-room .text-\[0\.8rem\] {
1004
- font-size: 0.8rem;
1005
- }
1006
- .room-platform-room .leading-5 {
1007
- --tw-leading: calc(var(--spacing) * 5);
1008
- line-height: calc(var(--spacing) * 5);
1009
- }
1010
- .room-platform-room .leading-none {
1011
- --tw-leading: 1;
1012
- line-height: 1;
1013
- }
1014
- .room-platform-room .font-bold {
1015
- --tw-font-weight: var(--font-weight-bold);
1016
- font-weight: var(--font-weight-bold);
1017
- }
1018
- .room-platform-room .font-medium {
1019
- --tw-font-weight: var(--font-weight-medium);
1020
- font-weight: var(--font-weight-medium);
1021
- }
1022
- .room-platform-room .font-semibold {
1023
- --tw-font-weight: var(--font-weight-semibold);
1024
- font-weight: var(--font-weight-semibold);
1025
- }
1026
- .room-platform-room .text-balance {
1027
- text-wrap: balance;
1028
- }
1029
- .room-platform-room .whitespace-nowrap {
1030
- white-space: nowrap;
1031
- }
1032
- .room-platform-room .text-\[\#2563EB\] {
1033
- color: #2563EB;
1034
- }
1035
- .room-platform-room .text-amber-700 {
1036
- color: var(--color-amber-700);
1037
- }
1038
- .room-platform-room .text-amber-950 {
1039
- color: var(--color-amber-950);
1040
- }
1041
- .room-platform-room .text-destructive {
1042
- color: var(--color-destructive);
1043
- }
1044
- .room-platform-room .text-emerald-950 {
1045
- color: var(--color-emerald-950);
1046
- }
1047
- .room-platform-room .text-foreground {
1048
- color: var(--color-foreground);
1049
- }
1050
- .room-platform-room .text-foreground\/60 {
1051
- color: color-mix(in srgb, oklch(0.145 0 0) 60%, transparent);
1052
- @supports (color: color-mix(in lab, red, red)) {
1053
- color: color-mix(in oklab, var(--color-foreground) 60%, transparent);
1054
- }
1055
- }
1056
- .room-platform-room .text-liveclass-orange {
1057
- color: var(--color-liveclass-orange);
1058
- }
1059
- .room-platform-room .text-muted-foreground {
1060
- color: var(--color-muted-foreground);
1061
- }
1062
- .room-platform-room .text-popover-foreground {
1063
- color: var(--color-popover-foreground);
1064
- }
1065
- .room-platform-room .text-primary {
1066
- color: var(--color-primary);
1067
- }
1068
- .room-platform-room .text-primary-foreground {
1069
- color: var(--color-primary-foreground);
1070
- }
1071
- .room-platform-room .text-red-100 {
1072
- color: var(--color-red-100);
1073
- }
1074
- .room-platform-room .text-secondary-foreground {
1075
- color: var(--color-secondary-foreground);
1076
- }
1077
- .room-platform-room .text-sky-950 {
1078
- color: var(--color-sky-950);
1079
- }
1080
- .room-platform-room .text-slate-200 {
1081
- color: var(--color-slate-200);
1082
- }
1083
- .room-platform-room .text-slate-300 {
1084
- color: var(--color-slate-300);
1085
- }
1086
- .room-platform-room .text-slate-400 {
1087
- color: var(--color-slate-400);
1088
- }
1089
- .room-platform-room .text-slate-500 {
1090
- color: var(--color-slate-500);
1091
- }
1092
- .room-platform-room .text-slate-700 {
1093
- color: var(--color-slate-700);
1094
- }
1095
- .room-platform-room .text-slate-950 {
1096
- color: var(--color-slate-950);
1097
- }
1098
- .room-platform-room .text-white {
1099
- color: var(--color-white);
1100
- }
1101
- .room-platform-room .text-white\/55 {
1102
- color: color-mix(in srgb, #fff 55%, transparent);
1103
- @supports (color: color-mix(in lab, red, red)) {
1104
- color: color-mix(in oklab, var(--color-white) 55%, transparent);
1105
- }
1106
- }
1107
- .room-platform-room .text-white\/60 {
1108
- color: color-mix(in srgb, #fff 60%, transparent);
1109
- @supports (color: color-mix(in lab, red, red)) {
1110
- color: color-mix(in oklab, var(--color-white) 60%, transparent);
1111
- }
1112
- }
1113
- .room-platform-room .text-white\/70 {
1114
- color: color-mix(in srgb, #fff 70%, transparent);
1115
- @supports (color: color-mix(in lab, red, red)) {
1116
- color: color-mix(in oklab, var(--color-white) 70%, transparent);
1117
- }
1118
- }
1119
- .room-platform-room .uppercase {
1120
- text-transform: uppercase;
1121
- }
1122
- .room-platform-room .underline-offset-4 {
1123
- text-underline-offset: 4px;
1124
- }
1125
- .room-platform-room .opacity-70 {
1126
- opacity: 70%;
1127
- }
1128
- .room-platform-room .opacity-80 {
1129
- opacity: 80%;
1130
- }
1131
- .room-platform-room .shadow {
1132
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1133
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1134
- }
1135
- .room-platform-room .shadow-lg {
1136
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1137
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1138
- }
1139
- .room-platform-room .shadow-md {
1140
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1141
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1142
- }
1143
- .room-platform-room .shadow-sm {
1144
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1145
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1146
- }
1147
- .room-platform-room .ring {
1148
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1149
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1150
- }
1151
- .room-platform-room .ring-1 {
1152
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1153
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1154
- }
1155
- .room-platform-room .ring-2 {
1156
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1157
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1158
- }
1159
- .room-platform-room .ring-\[\#2563EB\]\/15 {
1160
- --tw-ring-color: color-mix(in oklab, #2563EB 15%, transparent);
1161
- }
1162
- .room-platform-room .ring-emerald-400 {
1163
- --tw-ring-color: var(--color-emerald-400);
1164
- }
1165
- .room-platform-room .ring-foreground\/10 {
1166
- --tw-ring-color: color-mix(in srgb, oklch(0.145 0 0) 10%, transparent);
1167
- @supports (color: color-mix(in lab, red, red)) {
1168
- --tw-ring-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
1169
- }
1170
- }
1171
- .room-platform-room .ring-white\/10 {
1172
- --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);
1173
- @supports (color: color-mix(in lab, red, red)) {
1174
- --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1175
- }
1176
- }
1177
- .room-platform-room .outline-hidden {
1178
- --tw-outline-style: none;
1179
- outline-style: none;
1180
- @media (forced-colors: active) {
1181
- outline: 2px solid transparent;
1182
- outline-offset: 2px;
1183
- }
1184
- }
1185
- .room-platform-room .outline {
1186
- outline-style: var(--tw-outline-style);
1187
- outline-width: 1px;
1188
- }
1189
- .room-platform-room .blur {
1190
- --tw-blur: blur(8px);
1191
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1192
- }
1193
- .room-platform-room .blur-\[3px\] {
1194
- --tw-blur: blur(3px);
1195
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1196
- }
1197
- .room-platform-room .blur-\[6px\] {
1198
- --tw-blur: blur(6px);
1199
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1200
- }
1201
- .room-platform-room .drop-shadow-sm {
1202
- --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
1203
- --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
1204
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1205
- }
1206
- .room-platform-room .backdrop-blur-\[1px\] {
1207
- --tw-backdrop-blur: blur(1px);
1208
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1209
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1210
- }
1211
- .room-platform-room .transition {
1212
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
1213
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1214
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1215
- }
1216
- .room-platform-room .transition-\[width\,transform\,opacity\] {
1217
- transition-property: width,transform,opacity;
1218
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1219
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1220
- }
1221
- .room-platform-room .transition-all {
1222
- transition-property: all;
1223
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1224
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1225
- }
1226
- .room-platform-room .transition-colors {
1227
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1228
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1229
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1230
- }
1231
- .room-platform-room .transition-transform {
1232
- transition-property: transform, translate, scale, rotate;
1233
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1234
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1235
- }
1236
- .room-platform-room .duration-100 {
1237
- --tw-duration: 100ms;
1238
- transition-duration: 100ms;
1239
- }
1240
- .room-platform-room .duration-200 {
1241
- --tw-duration: 200ms;
1242
- transition-duration: 200ms;
1243
- }
1244
- .room-platform-room .ease-out {
1245
- --tw-ease: var(--ease-out);
1246
- transition-timing-function: var(--ease-out);
1247
- }
1248
- .room-platform-room .fade-in-0 {
1249
- --tw-enter-opacity: calc(0/100);
1250
- --tw-enter-opacity: 0;
1251
- }
1252
- .room-platform-room .outline-none {
1253
- --tw-outline-style: none;
1254
- outline-style: none;
1255
- }
1256
- .room-platform-room .select-none {
1257
- -webkit-user-select: none;
1258
- user-select: none;
1259
- }
1260
- .room-platform-room .zoom-in-95 {
1261
- --tw-enter-scale: calc(95*1%);
1262
- --tw-enter-scale: .95;
1263
- }
1264
- .room-platform-room .paused {
1265
- animation-play-state: paused;
1266
- }
1267
- .room-platform-room .ring-inset {
1268
- --tw-ring-inset: inset;
1269
- }
1270
- .room-platform-room .running {
1271
- animation-play-state: running;
1272
- }
1273
- .room-platform-room .group-data-horizontal\/tabs\:h-8 {
1274
- .room-platform-room &:is(:where(.group\/tabs)[data-horizontal] *) {
1275
- height: calc(var(--spacing) * 8);
1276
- }
1277
- }
1278
- .room-platform-room .group-data-vertical\/tabs\:h-fit {
1279
- .room-platform-room &:is(:where(.group\/tabs)[data-vertical] *) {
1280
- height: fit-content;
1281
- }
1282
- }
1283
- .room-platform-room .group-data-vertical\/tabs\:w-full {
1284
- .room-platform-room &:is(:where(.group\/tabs)[data-vertical] *) {
1285
- width: 100%;
1286
- }
1287
- }
1288
- .room-platform-room .group-data-vertical\/tabs\:flex-col {
1289
- .room-platform-room &:is(:where(.group\/tabs)[data-vertical] *) {
1290
- flex-direction: column;
1291
- }
1292
- }
1293
- .room-platform-room .group-data-vertical\/tabs\:justify-start {
1294
- .room-platform-room &:is(:where(.group\/tabs)[data-vertical] *) {
1295
- justify-content: flex-start;
1296
- }
1297
- }
1298
- .room-platform-room .group-data-\[size\=sm\]\/alert-dialog-content\:grid {
1299
- .room-platform-room &:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
1300
- display: grid;
1301
- }
1302
- }
1303
- .room-platform-room .group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2 {
1304
- .room-platform-room &:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
1305
- grid-template-columns: repeat(2, minmax(0, 1fr));
1306
- }
1307
- }
1308
- .room-platform-room .group-data-\[variant\=line\]\/tabs-list\:bg-transparent {
1309
- .room-platform-room &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
1310
- background-color: transparent;
1311
- }
1312
- }
1313
- .room-platform-room .after\:absolute {
1314
- .room-platform-room &::after {
1315
- content: var(--tw-content);
1316
- position: absolute;
1317
- }
1318
- }
1319
- .room-platform-room .after\:bg-foreground {
1320
- .room-platform-room &::after {
1321
- content: var(--tw-content);
1322
- background-color: var(--color-foreground);
1323
- }
1324
- }
1325
- .room-platform-room .after\:opacity-0 {
1326
- .room-platform-room &::after {
1327
- content: var(--tw-content);
1328
- opacity: 0%;
1329
- }
1330
- }
1331
- .room-platform-room .after\:transition-opacity {
1332
- .room-platform-room &::after {
1333
- content: var(--tw-content);
1334
- transition-property: opacity;
1335
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1336
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1337
- }
1338
- }
1339
- .room-platform-room .group-data-horizontal\/tabs\:after\:inset-x-0 {
1340
- .room-platform-room &:is(:where(.group\/tabs)[data-horizontal] *) {
1341
- .room-platform-room &::after {
1342
- content: var(--tw-content);
1343
- inset-inline: calc(var(--spacing) * 0);
1344
- }
1345
- }
1346
- }
1347
- .room-platform-room .group-data-horizontal\/tabs\:after\:bottom-\[-5px\] {
1348
- .room-platform-room &:is(:where(.group\/tabs)[data-horizontal] *) {
1349
- .room-platform-room &::after {
1350
- content: var(--tw-content);
1351
- bottom: -5px;
1352
- }
1353
- }
1354
- }
1355
- .room-platform-room .group-data-horizontal\/tabs\:after\:h-0\.5 {
1356
- .room-platform-room &:is(:where(.group\/tabs)[data-horizontal] *) {
1357
- .room-platform-room &::after {
1358
- content: var(--tw-content);
1359
- height: calc(var(--spacing) * 0.5);
1360
- }
1361
- }
1362
- }
1363
- .room-platform-room .group-data-vertical\/tabs\:after\:inset-y-0 {
1364
- .room-platform-room &:is(:where(.group\/tabs)[data-vertical] *) {
1365
- .room-platform-room &::after {
1366
- content: var(--tw-content);
1367
- inset-block: calc(var(--spacing) * 0);
1368
- }
1369
- }
1370
- }
1371
- .room-platform-room .group-data-vertical\/tabs\:after\:-right-1 {
1372
- .room-platform-room &:is(:where(.group\/tabs)[data-vertical] *) {
1373
- .room-platform-room &::after {
1374
- content: var(--tw-content);
1375
- right: calc(var(--spacing) * -1);
1376
- }
1377
- }
1378
- }
1379
- .room-platform-room .group-data-vertical\/tabs\:after\:w-0\.5 {
1380
- .room-platform-room &:is(:where(.group\/tabs)[data-vertical] *) {
1381
- .room-platform-room &::after {
1382
- content: var(--tw-content);
1383
- width: calc(var(--spacing) * 0.5);
1384
- }
1385
- }
1386
- }
1387
- .room-platform-room .hover\:border-slate-300 {
1388
- .room-platform-room &:hover {
1389
- @media (hover: hover) {
1390
- border-color: var(--color-slate-300);
1391
- }
1392
- }
1393
- }
1394
- .room-platform-room .hover\:border-slate-400 {
1395
- .room-platform-room &:hover {
1396
- @media (hover: hover) {
1397
- border-color: var(--color-slate-400);
1398
- }
1399
- }
1400
- }
1401
- .room-platform-room .hover\:bg-destructive\/20 {
1402
- .room-platform-room &:hover {
1403
- @media (hover: hover) {
1404
- background-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 20%, transparent);
1405
- @supports (color: color-mix(in lab, red, red)) {
1406
- background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
1407
- }
1408
- }
1409
- }
1410
- }
1411
- .room-platform-room .hover\:bg-liveclass-orange\/90 {
1412
- .room-platform-room &:hover {
1413
- @media (hover: hover) {
1414
- background-color: color-mix(in srgb, #eb6619 90%, transparent);
1415
- @supports (color: color-mix(in lab, red, red)) {
1416
- background-color: color-mix(in oklab, var(--color-liveclass-orange) 90%, transparent);
1417
- }
1418
- }
1419
- }
1420
- }
1421
- .room-platform-room .hover\:bg-muted {
1422
- .room-platform-room &:hover {
1423
- @media (hover: hover) {
1424
- background-color: var(--color-muted);
1425
- }
1426
- }
1427
- }
1428
- .room-platform-room .hover\:bg-red-50 {
1429
- .room-platform-room &:hover {
1430
- @media (hover: hover) {
1431
- background-color: var(--color-red-50);
1432
- }
1433
- }
1434
- }
1435
- .room-platform-room .hover\:bg-red-500\/15 {
1436
- .room-platform-room &:hover {
1437
- @media (hover: hover) {
1438
- background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 15%, transparent);
1439
- @supports (color: color-mix(in lab, red, red)) {
1440
- background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent);
1441
- }
1442
- }
1443
- }
1444
- }
1445
- .room-platform-room .hover\:bg-secondary\/80 {
1446
- .room-platform-room &:hover {
1447
- @media (hover: hover) {
1448
- background-color: color-mix(in srgb, #eb6619 80%, transparent);
1449
- @supports (color: color-mix(in lab, red, red)) {
1450
- background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);
1451
- }
1452
- }
1453
- }
1454
- }
1455
- .room-platform-room .hover\:bg-slate-100 {
1456
- .room-platform-room &:hover {
1457
- @media (hover: hover) {
1458
- background-color: var(--color-slate-100);
1459
- }
1460
- }
1461
- }
1462
- .room-platform-room .hover\:bg-slate-900 {
1463
- .room-platform-room &:hover {
1464
- @media (hover: hover) {
1465
- background-color: var(--color-slate-900);
1466
- }
1467
- }
1468
- }
1469
- .room-platform-room .hover\:bg-white {
1470
- .room-platform-room &:hover {
1471
- @media (hover: hover) {
1472
- background-color: var(--color-white);
1473
- }
1474
- }
1475
- }
1476
- .room-platform-room .hover\:bg-white\/10 {
1477
- .room-platform-room &:hover {
1478
- @media (hover: hover) {
1479
- background-color: color-mix(in srgb, #fff 10%, transparent);
1480
- @supports (color: color-mix(in lab, red, red)) {
1481
- background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1482
- }
1483
- }
1484
- }
1485
- }
1486
- .room-platform-room .hover\:bg-white\/15 {
1487
- .room-platform-room &:hover {
1488
- @media (hover: hover) {
1489
- background-color: color-mix(in srgb, #fff 15%, transparent);
1490
- @supports (color: color-mix(in lab, red, red)) {
1491
- background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
1492
- }
1493
- }
1494
- }
1495
- }
1496
- .room-platform-room .hover\:text-foreground {
1497
- .room-platform-room &:hover {
1498
- @media (hover: hover) {
1499
- color: var(--color-foreground);
1500
- }
1501
- }
1502
- }
1503
- .room-platform-room .hover\:text-muted-foreground {
1504
- .room-platform-room &:hover {
1505
- @media (hover: hover) {
1506
- color: var(--color-muted-foreground);
1507
- }
1508
- }
1509
- }
1510
- .room-platform-room .hover\:text-red-600 {
1511
- .room-platform-room &:hover {
1512
- @media (hover: hover) {
1513
- color: var(--color-red-600);
1514
- }
1515
- }
1516
- }
1517
- .room-platform-room .hover\:text-white {
1518
- .room-platform-room &:hover {
1519
- @media (hover: hover) {
1520
- color: var(--color-white);
1521
- }
1522
- }
1523
- }
1524
- .room-platform-room .hover\:underline {
1525
- .room-platform-room &:hover {
1526
- @media (hover: hover) {
1527
- text-decoration-line: underline;
1528
- }
1529
- }
1530
- }
1531
- .room-platform-room .focus\:bg-accent {
1532
- .room-platform-room &:focus {
1533
- background-color: var(--color-accent);
1534
- }
1535
- }
1536
- .room-platform-room .focus\:text-accent-foreground {
1537
- .room-platform-room &:focus {
1538
- color: var(--color-accent-foreground);
1539
- }
1540
- }
1541
- .room-platform-room .not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground {
1542
- .room-platform-room &:not(*[data-variant="destructive"]) {
1543
- .room-platform-room &:focus {
1544
- .room-platform-room :is(& *) {
1545
- color: var(--color-accent-foreground);
1546
- }
1547
- }
1548
- }
1549
- }
1550
- .room-platform-room .focus-visible\:border-destructive\/40 {
1551
- .room-platform-room &:focus-visible {
1552
- border-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 40%, transparent);
1553
- @supports (color: color-mix(in lab, red, red)) {
1554
- border-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
1555
- }
1556
- }
1557
- }
1558
- .room-platform-room .focus-visible\:border-ring {
1559
- .room-platform-room &:focus-visible {
1560
- border-color: var(--color-ring);
1561
- }
1562
- }
1563
- .room-platform-room .focus-visible\:ring-3 {
1564
- .room-platform-room &:focus-visible {
1565
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1566
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1567
- }
1568
- }
1569
- .room-platform-room .focus-visible\:ring-\[3px\] {
1570
- .room-platform-room &:focus-visible {
1571
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1572
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1573
- }
1574
- }
1575
- .room-platform-room .focus-visible\:ring-destructive\/20 {
1576
- .room-platform-room &:focus-visible {
1577
- --tw-ring-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 20%, transparent);
1578
- @supports (color: color-mix(in lab, red, red)) {
1579
- --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
1580
- }
1581
- }
1582
- }
1583
- .room-platform-room .focus-visible\:ring-ring\/50 {
1584
- .room-platform-room &:focus-visible {
1585
- --tw-ring-color: color-mix(in srgb, #9dc2f3 50%, transparent);
1586
- @supports (color: color-mix(in lab, red, red)) {
1587
- --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
1588
- }
1589
- }
1590
- }
1591
- .room-platform-room .focus-visible\:outline-1 {
1592
- .room-platform-room &:focus-visible {
1593
- outline-style: var(--tw-outline-style);
1594
- outline-width: 1px;
1595
- }
1596
- }
1597
- .room-platform-room .focus-visible\:outline-ring {
1598
- .room-platform-room &:focus-visible {
1599
- outline-color: var(--color-ring);
1600
- }
1601
- }
1602
- .room-platform-room .active\:not-aria-\[haspopup\]\:translate-y-px {
1603
- .room-platform-room &:active {
1604
- .room-platform-room &:not(*[aria-haspopup]) {
1605
- --tw-translate-y: 1px;
1606
- translate: var(--tw-translate-x) var(--tw-translate-y);
1607
- }
1608
- }
1609
- }
1610
- .room-platform-room .disabled\:pointer-events-none {
1611
- .room-platform-room &:disabled {
1612
- pointer-events: none;
1613
- }
1614
- }
1615
- .room-platform-room .disabled\:cursor-not-allowed {
1616
- .room-platform-room &:disabled {
1617
- cursor: not-allowed;
1618
- }
1619
- }
1620
- .room-platform-room .disabled\:border-white\/35 {
1621
- .room-platform-room &:disabled {
1622
- border-color: color-mix(in srgb, #fff 35%, transparent);
1623
- @supports (color: color-mix(in lab, red, red)) {
1624
- border-color: color-mix(in oklab, var(--color-white) 35%, transparent);
1625
- }
1626
- }
1627
- }
1628
- .room-platform-room .disabled\:bg-white\/5 {
1629
- .room-platform-room &:disabled {
1630
- background-color: color-mix(in srgb, #fff 5%, transparent);
1631
- @supports (color: color-mix(in lab, red, red)) {
1632
- background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
1633
- }
1634
- }
1635
- }
1636
- .room-platform-room .disabled\:text-white\/65 {
1637
- .room-platform-room &:disabled {
1638
- color: color-mix(in srgb, #fff 65%, transparent);
1639
- @supports (color: color-mix(in lab, red, red)) {
1640
- color: color-mix(in oklab, var(--color-white) 65%, transparent);
1641
- }
1642
- }
1643
- }
1644
- .room-platform-room .disabled\:opacity-50 {
1645
- .room-platform-room &:disabled {
1646
- opacity: 50%;
1647
- }
1648
- }
1649
- .room-platform-room .in-data-\[slot\=button-group\]\:rounded-lg {
1650
- .room-platform-room :where(*[data-slot="button-group"]) & {
1651
- border-radius: var(--radius-lg);
1652
- }
1653
- }
1654
- .room-platform-room .has-data-\[icon\=inline-end\]\:pr-1 {
1655
- .room-platform-room &:has(*[data-icon="inline-end"]) {
1656
- padding-right: calc(var(--spacing) * 1);
1657
- }
1658
- }
1659
- .room-platform-room .has-data-\[icon\=inline-end\]\:pr-1\.5 {
1660
- .room-platform-room &:has(*[data-icon="inline-end"]) {
1661
- padding-right: calc(var(--spacing) * 1.5);
1662
- }
1663
- }
1664
- .room-platform-room .has-data-\[icon\=inline-end\]\:pr-2 {
1665
- .room-platform-room &:has(*[data-icon="inline-end"]) {
1666
- padding-right: calc(var(--spacing) * 2);
1667
- }
1668
- }
1669
- .room-platform-room .has-data-\[icon\=inline-end\]\:pr-3 {
1670
- .room-platform-room &:has(*[data-icon="inline-end"]) {
1671
- padding-right: calc(var(--spacing) * 3);
1672
- }
1673
- }
1674
- .room-platform-room .has-data-\[icon\=inline-start\]\:pl-1 {
1675
- .room-platform-room &:has(*[data-icon="inline-start"]) {
1676
- padding-left: calc(var(--spacing) * 1);
1677
- }
1678
- }
1679
- .room-platform-room .has-data-\[icon\=inline-start\]\:pl-1\.5 {
1680
- .room-platform-room &:has(*[data-icon="inline-start"]) {
1681
- padding-left: calc(var(--spacing) * 1.5);
1682
- }
1683
- }
1684
- .room-platform-room .has-data-\[icon\=inline-start\]\:pl-2 {
1685
- .room-platform-room &:has(*[data-icon="inline-start"]) {
1686
- padding-left: calc(var(--spacing) * 2);
1687
- }
1688
- }
1689
- .room-platform-room .has-data-\[icon\=inline-start\]\:pl-3 {
1690
- .room-platform-room &:has(*[data-icon="inline-start"]) {
1691
- padding-left: calc(var(--spacing) * 3);
1692
- }
1693
- }
1694
- .room-platform-room .has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\] {
1695
- .room-platform-room &:has(*[data-slot="alert-dialog-media"]) {
1696
- grid-template-rows: auto auto 1fr;
1697
- }
1698
- }
1699
- .room-platform-room .has-data-\[slot\=alert-dialog-media\]\:gap-x-4 {
1700
- .room-platform-room &:has(*[data-slot="alert-dialog-media"]) {
1701
- column-gap: calc(var(--spacing) * 4);
1702
- }
1703
- }
1704
- .room-platform-room .aria-expanded\:bg-muted {
1705
- .room-platform-room &[aria-expanded="true"] {
1706
- background-color: var(--color-muted);
1707
- }
1708
- }
1709
- .room-platform-room .aria-expanded\:bg-secondary {
1710
- .room-platform-room &[aria-expanded="true"] {
1711
- background-color: var(--color-secondary);
1712
- }
1713
- }
1714
- .room-platform-room .aria-expanded\:text-foreground {
1715
- .room-platform-room &[aria-expanded="true"] {
1716
- color: var(--color-foreground);
1717
- }
1718
- }
1719
- .room-platform-room .aria-expanded\:text-secondary-foreground {
1720
- .room-platform-room &[aria-expanded="true"] {
1721
- color: var(--color-secondary-foreground);
1722
- }
1723
- }
1724
- .room-platform-room .aria-invalid\:border-destructive {
1725
- .room-platform-room &[aria-invalid="true"] {
1726
- border-color: var(--color-destructive);
1727
- }
1728
- }
1729
- .room-platform-room .aria-invalid\:ring-3 {
1730
- .room-platform-room &[aria-invalid="true"] {
1731
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1732
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1733
- }
1734
- }
1735
- .room-platform-room .aria-invalid\:ring-destructive\/20 {
1736
- .room-platform-room &[aria-invalid="true"] {
1737
- --tw-ring-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 20%, transparent);
1738
- @supports (color: color-mix(in lab, red, red)) {
1739
- --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
1740
- }
1741
- }
1742
- }
1743
- .room-platform-room .data-active\:bg-background {
1744
- .room-platform-room &[data-active] {
1745
- background-color: var(--color-background);
1746
- }
1747
- }
1748
- .room-platform-room .data-active\:text-foreground {
1749
- .room-platform-room &[data-active] {
1750
- color: var(--color-foreground);
1751
- }
1752
- }
1753
- .room-platform-room .group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm {
1754
- .room-platform-room &:is(:where(.group\/tabs-list)[data-variant="default"] *) {
1755
- .room-platform-room &[data-active] {
1756
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1757
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1758
- }
1759
- }
1760
- }
1761
- .room-platform-room .group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent {
1762
- .room-platform-room &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
1763
- .room-platform-room &[data-active] {
1764
- background-color: transparent;
1765
- }
1766
- }
1767
- }
1768
- .room-platform-room .group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none {
1769
- .room-platform-room &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
1770
- .room-platform-room &[data-active] {
1771
- --tw-shadow: 0 0 #0000;
1772
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1773
- }
1774
- }
1775
- }
1776
- .room-platform-room .group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100 {
1777
- .room-platform-room &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
1778
- .room-platform-room &[data-active] {
1779
- .room-platform-room &::after {
1780
- content: var(--tw-content);
1781
- opacity: 100%;
1782
- }
1783
- }
1784
- }
1785
- }
1786
- .room-platform-room .data-closed\:animate-out {
1787
- .room-platform-room &[data-closed] {
1788
- animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
1789
- }
1790
- }
1791
- .room-platform-room .data-closed\:fade-out-0 {
1792
- .room-platform-room &[data-closed] {
1793
- --tw-exit-opacity: calc(0/100);
1794
- --tw-exit-opacity: 0;
1795
- }
1796
- }
1797
- .room-platform-room .data-closed\:zoom-out-95 {
1798
- .room-platform-room &[data-closed] {
1799
- --tw-exit-scale: calc(95*1%);
1800
- --tw-exit-scale: .95;
1801
- }
1802
- }
1803
- .room-platform-room .data-disabled\:pointer-events-none {
1804
- .room-platform-room &[data-disabled] {
1805
- pointer-events: none;
1806
- }
1807
- }
1808
- .room-platform-room .data-disabled\:opacity-50 {
1809
- .room-platform-room &[data-disabled] {
1810
- opacity: 50%;
1811
- }
1812
- }
1813
- .room-platform-room .data-horizontal\:flex-col {
1814
- .room-platform-room &[data-horizontal] {
1815
- flex-direction: column;
1816
- }
1817
- }
1818
- .room-platform-room .data-open\:animate-in {
1819
- .room-platform-room &[data-open] {
1820
- animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
1821
- }
1822
- }
1823
- .room-platform-room .data-open\:fade-in-0 {
1824
- .room-platform-room &[data-open] {
1825
- --tw-enter-opacity: calc(0/100);
1826
- --tw-enter-opacity: 0;
1827
- }
1828
- }
1829
- .room-platform-room .data-open\:zoom-in-95 {
1830
- .room-platform-room &[data-open] {
1831
- --tw-enter-scale: calc(95*1%);
1832
- --tw-enter-scale: .95;
1833
- }
1834
- }
1835
- .room-platform-room .data-placeholder\:text-muted-foreground {
1836
- .room-platform-room &[data-placeholder] {
1837
- color: var(--color-muted-foreground);
1838
- }
1839
- }
1840
- .room-platform-room .data-\[align-trigger\=true\]\:animate-none {
1841
- .room-platform-room &[data-align-trigger="true"] {
1842
- animation: none;
1843
- }
1844
- }
1845
- .room-platform-room .data-\[lk-enabled\=true\]\:border-white {
1846
- .room-platform-room &[data-lk-enabled="true"] {
1847
- border-color: var(--color-white);
1848
- }
1849
- }
1850
- .room-platform-room .data-\[lk-enabled\=true\]\:bg-white {
1851
- .room-platform-room &[data-lk-enabled="true"] {
1852
- background-color: var(--color-white);
1853
- }
1854
- }
1855
- .room-platform-room .data-\[lk-enabled\=true\]\:text-slate-950 {
1856
- .room-platform-room &[data-lk-enabled="true"] {
1857
- color: var(--color-slate-950);
1858
- }
1859
- }
1860
- .room-platform-room .data-\[lk-enabled\=true\]\:hover\:bg-white {
1861
- .room-platform-room &[data-lk-enabled="true"] {
1862
- .room-platform-room &:hover {
1863
- @media (hover: hover) {
1864
- background-color: var(--color-white);
1865
- }
1866
- }
1867
- }
1868
- }
1869
- .room-platform-room .data-\[position\=popper\]\:h-\(--radix-select-trigger-height\) {
1870
- .room-platform-room &[data-position="popper"] {
1871
- height: var(--radix-select-trigger-height);
1872
- }
1873
- }
1874
- .room-platform-room .data-\[position\=popper\]\:w-full {
1875
- .room-platform-room &[data-position="popper"] {
1876
- width: 100%;
1877
- }
1878
- }
1879
- .room-platform-room .data-\[position\=popper\]\:min-w-\(--radix-select-trigger-width\) {
1880
- .room-platform-room &[data-position="popper"] {
1881
- min-width: var(--radix-select-trigger-width);
1882
- }
1883
- }
1884
- .room-platform-room .data-\[side\=bottom\]\:translate-y-1 {
1885
- .room-platform-room &[data-side="bottom"] {
1886
- --tw-translate-y: calc(var(--spacing) * 1);
1887
- translate: var(--tw-translate-x) var(--tw-translate-y);
1888
- }
1889
- }
1890
- .room-platform-room .data-\[side\=bottom\]\:slide-in-from-top-2 {
1891
- .room-platform-room &[data-side="bottom"] {
1892
- --tw-enter-translate-y: calc(2*var(--spacing)*-1);
1893
- }
1894
- }
1895
- .room-platform-room .data-\[side\=left\]\:-translate-x-1 {
1896
- .room-platform-room &[data-side="left"] {
1897
- --tw-translate-x: calc(var(--spacing) * -1);
1898
- translate: var(--tw-translate-x) var(--tw-translate-y);
1899
- }
1900
- }
1901
- .room-platform-room .data-\[side\=left\]\:slide-in-from-right-2 {
1902
- .room-platform-room &[data-side="left"] {
1903
- --tw-enter-translate-x: calc(2*var(--spacing));
1904
- }
1905
- }
1906
- .room-platform-room .data-\[side\=right\]\:translate-x-1 {
1907
- .room-platform-room &[data-side="right"] {
1908
- --tw-translate-x: calc(var(--spacing) * 1);
1909
- translate: var(--tw-translate-x) var(--tw-translate-y);
1910
- }
1911
- }
1912
- .room-platform-room .data-\[side\=right\]\:slide-in-from-left-2 {
1913
- .room-platform-room &[data-side="right"] {
1914
- --tw-enter-translate-x: calc(2*var(--spacing)*-1);
1915
- }
1916
- }
1917
- .room-platform-room .data-\[side\=top\]\:-translate-y-1 {
1918
- .room-platform-room &[data-side="top"] {
1919
- --tw-translate-y: calc(var(--spacing) * -1);
1920
- translate: var(--tw-translate-x) var(--tw-translate-y);
1921
- }
1922
- }
1923
- .room-platform-room .data-\[side\=top\]\:slide-in-from-bottom-2 {
1924
- .room-platform-room &[data-side="top"] {
1925
- --tw-enter-translate-y: calc(2*var(--spacing));
1926
- }
1927
- }
1928
- .room-platform-room .data-\[size\=default\]\:h-8 {
1929
- .room-platform-room &[data-size="default"] {
1930
- height: calc(var(--spacing) * 8);
1931
- }
1932
- }
1933
- .room-platform-room .data-\[size\=default\]\:max-w-xs {
1934
- .room-platform-room &[data-size="default"] {
1935
- max-width: var(--container-xs);
1936
- }
1937
- }
1938
- .room-platform-room .data-\[size\=sm\]\:h-7 {
1939
- .room-platform-room &[data-size="sm"] {
1940
- height: calc(var(--spacing) * 7);
1941
- }
1942
- }
1943
- .room-platform-room .data-\[size\=sm\]\:max-w-xs {
1944
- .room-platform-room &[data-size="sm"] {
1945
- max-width: var(--container-xs);
1946
- }
1947
- }
1948
- .room-platform-room .data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\] {
1949
- .room-platform-room &[data-size="sm"] {
1950
- border-radius: min(var(--radius-md), 10px);
1951
- }
1952
- }
1953
- .room-platform-room .\*\:data-\[slot\=select-value\]\:line-clamp-1 {
1954
- .room-platform-room :is(& > *) {
1955
- .room-platform-room &[data-slot="select-value"] {
1956
- overflow: hidden;
1957
- display: -webkit-box;
1958
- -webkit-box-orient: vertical;
1959
- -webkit-line-clamp: 1;
1960
- }
1961
- }
1962
- }
1963
- .room-platform-room .\*\:data-\[slot\=select-value\]\:flex {
1964
- .room-platform-room :is(& > *) {
1965
- .room-platform-room &[data-slot="select-value"] {
1966
- display: flex;
1967
- }
1968
- }
1969
- }
1970
- .room-platform-room .\*\:data-\[slot\=select-value\]\:items-center {
1971
- .room-platform-room :is(& > *) {
1972
- .room-platform-room &[data-slot="select-value"] {
1973
- align-items: center;
1974
- }
1975
- }
1976
- }
1977
- .room-platform-room .\*\:data-\[slot\=select-value\]\:gap-1\.5 {
1978
- .room-platform-room :is(& > *) {
1979
- .room-platform-room &[data-slot="select-value"] {
1980
- gap: calc(var(--spacing) * 1.5);
1981
- }
1982
- }
1983
- }
1984
- .room-platform-room .data-\[variant\=line\]\:rounded-none {
1985
- .room-platform-room &[data-variant="line"] {
1986
- border-radius: 0;
1987
- }
1988
- }
1989
- .room-platform-room .supports-backdrop-filter\:backdrop-blur-xs {
1990
- @supports (backdrop-filter: var(--tw)) {
1991
- --tw-backdrop-blur: blur(var(--blur-xs));
1992
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1993
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1994
- }
1995
- }
1996
- .room-platform-room .sm\:max-w-2xl {
1997
- @media (width >= 40rem) {
1998
- max-width: var(--container-2xl);
1999
- }
2000
- }
2001
- .room-platform-room .sm\:max-w-none {
2002
- @media (width >= 40rem) {
2003
- max-width: none;
2004
- }
2005
- }
2006
- .room-platform-room .sm\:max-w-sm {
2007
- @media (width >= 40rem) {
2008
- max-width: var(--container-sm);
2009
- }
2010
- }
2011
- .room-platform-room .sm\:grid-cols-3 {
2012
- @media (width >= 40rem) {
2013
- grid-template-columns: repeat(3, minmax(0, 1fr));
2014
- }
2015
- }
2016
- .room-platform-room .sm\:flex-row {
2017
- @media (width >= 40rem) {
2018
- flex-direction: row;
2019
- }
2020
- }
2021
- .room-platform-room .sm\:justify-end {
2022
- @media (width >= 40rem) {
2023
- justify-content: flex-end;
2024
- }
2025
- }
2026
- .room-platform-room .sm\:p-4 {
2027
- @media (width >= 40rem) {
2028
- padding: calc(var(--spacing) * 4);
2029
- }
2030
- }
2031
- .room-platform-room .sm\:text-sm {
2032
- @media (width >= 40rem) {
2033
- font-size: var(--text-sm);
2034
- line-height: var(--tw-leading, var(--text-sm--line-height));
2035
- }
2036
- }
2037
- .room-platform-room .sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2 {
2038
- @media (width >= 40rem) {
2039
- .room-platform-room &:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
2040
- grid-row: span 2 / span 2;
2041
- }
2042
- }
2043
- }
2044
- .room-platform-room .sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start {
2045
- @media (width >= 40rem) {
2046
- .room-platform-room &:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
2047
- place-items: start;
2048
- }
2049
- }
2050
- }
2051
- .room-platform-room .sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left {
2052
- @media (width >= 40rem) {
2053
- .room-platform-room &:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
2054
- text-align: left;
2055
- }
2056
- }
2057
- }
2058
- .room-platform-room .sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2 {
2059
- @media (width >= 40rem) {
2060
- .room-platform-room &:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
2061
- .room-platform-room &:is(:where(.group\/alert-dialog-content):has(*[data-slot="alert-dialog-media"]) *) {
2062
- grid-column-start: 2;
2063
- }
2064
- }
2065
- }
2066
- }
2067
- .room-platform-room .sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\] {
2068
- @media (width >= 40rem) {
2069
- .room-platform-room &:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
2070
- .room-platform-room &:has(*[data-slot="alert-dialog-media"]) {
2071
- grid-template-rows: auto 1fr;
2072
- }
2073
- }
2074
- }
2075
- }
2076
- .room-platform-room .data-\[size\=default\]\:sm\:max-w-sm {
2077
- .room-platform-room &[data-size="default"] {
2078
- @media (width >= 40rem) {
2079
- max-width: var(--container-sm);
2080
- }
2081
- }
2082
- }
2083
- .room-platform-room .md\:block {
2084
- @media (width >= 48rem) {
2085
- display: block;
2086
- }
2087
- }
2088
- .room-platform-room .md\:inline-flex {
2089
- @media (width >= 48rem) {
2090
- display: inline-flex;
2091
- }
2092
- }
2093
- .room-platform-room .md\:max-w-\[300px\] {
2094
- @media (width >= 48rem) {
2095
- max-width: 300px;
2096
- }
2097
- }
2098
- .room-platform-room .md\:grid-cols-1 {
2099
- @media (width >= 48rem) {
2100
- grid-template-columns: repeat(1, minmax(0, 1fr));
2101
- }
2102
- }
2103
- .room-platform-room .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(12rem\,16rem\)\] {
2104
- @media (width >= 48rem) {
2105
- grid-template-columns: minmax(0,1fr) minmax(12rem,16rem);
2106
- }
2107
- }
2108
- .room-platform-room .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(260px\,300px\)\] {
2109
- @media (width >= 48rem) {
2110
- grid-template-columns: minmax(0,1fr) minmax(260px,300px);
2111
- }
2112
- }
2113
- .room-platform-room .md\:grid-rows-1 {
2114
- @media (width >= 48rem) {
2115
- grid-template-rows: repeat(1, minmax(0, 1fr));
2116
- }
2117
- }
2118
- .room-platform-room .md\:justify-self-end {
2119
- @media (width >= 48rem) {
2120
- justify-self: flex-end;
2121
- }
2122
- }
2123
- .room-platform-room .md\:border-l {
2124
- @media (width >= 48rem) {
2125
- border-left-style: var(--tw-border-style);
2126
- border-left-width: 1px;
2127
- }
2128
- }
2129
- .room-platform-room .md\:border-white\/10 {
2130
- @media (width >= 48rem) {
2131
- border-color: color-mix(in srgb, #fff 10%, transparent);
2132
- @supports (color: color-mix(in lab, red, red)) {
2133
- border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
2134
- }
2135
- }
2136
- }
2137
- .room-platform-room .md\:text-pretty {
2138
- @media (width >= 48rem) {
2139
- text-wrap: pretty;
2140
- }
2141
- }
2142
- .room-platform-room .lg\:grid-cols-2 {
2143
- @media (width >= 64rem) {
2144
- grid-template-columns: repeat(2, minmax(0, 1fr));
2145
- }
2146
- }
2147
- .room-platform-room .dark\:border-input {
2148
- @media (prefers-color-scheme: dark) {
2149
- border-color: var(--color-input);
2150
- }
2151
- }
2152
- .room-platform-room .dark\:bg-destructive\/20 {
2153
- @media (prefers-color-scheme: dark) {
2154
- background-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 20%, transparent);
2155
- @supports (color: color-mix(in lab, red, red)) {
2156
- background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
2157
- }
2158
- }
2159
- }
2160
- .room-platform-room .dark\:bg-input\/30 {
2161
- @media (prefers-color-scheme: dark) {
2162
- background-color: color-mix(in srgb, oklch(0.922 0 0) 30%, transparent);
2163
- @supports (color: color-mix(in lab, red, red)) {
2164
- background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
2165
- }
2166
- }
2167
- }
2168
- .room-platform-room .dark\:text-muted-foreground {
2169
- @media (prefers-color-scheme: dark) {
2170
- color: var(--color-muted-foreground);
2171
- }
2172
- }
2173
- .room-platform-room .dark\:hover\:bg-destructive\/30 {
2174
- @media (prefers-color-scheme: dark) {
2175
- .room-platform-room &:hover {
2176
- @media (hover: hover) {
2177
- background-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 30%, transparent);
2178
- @supports (color: color-mix(in lab, red, red)) {
2179
- background-color: color-mix(in oklab, var(--color-destructive) 30%, transparent);
2180
- }
2181
- }
2182
- }
2183
- }
2184
- }
2185
- .room-platform-room .dark\:hover\:bg-input\/50 {
2186
- @media (prefers-color-scheme: dark) {
2187
- .room-platform-room &:hover {
2188
- @media (hover: hover) {
2189
- background-color: color-mix(in srgb, oklch(0.922 0 0) 50%, transparent);
2190
- @supports (color: color-mix(in lab, red, red)) {
2191
- background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
2192
- }
2193
- }
2194
- }
2195
- }
2196
- }
2197
- .room-platform-room .dark\:hover\:bg-muted\/50 {
2198
- @media (prefers-color-scheme: dark) {
2199
- .room-platform-room &:hover {
2200
- @media (hover: hover) {
2201
- background-color: color-mix(in srgb, oklch(0.97 0 0) 50%, transparent);
2202
- @supports (color: color-mix(in lab, red, red)) {
2203
- background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
2204
- }
2205
- }
2206
- }
2207
- }
2208
- }
2209
- .room-platform-room .dark\:hover\:text-foreground {
2210
- @media (prefers-color-scheme: dark) {
2211
- .room-platform-room &:hover {
2212
- @media (hover: hover) {
2213
- color: var(--color-foreground);
2214
- }
2215
- }
2216
- }
2217
- }
2218
- .room-platform-room .dark\:focus-visible\:ring-destructive\/40 {
2219
- @media (prefers-color-scheme: dark) {
2220
- .room-platform-room &:focus-visible {
2221
- --tw-ring-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 40%, transparent);
2222
- @supports (color: color-mix(in lab, red, red)) {
2223
- --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
2224
- }
2225
- }
2226
- }
2227
- }
2228
- .room-platform-room .dark\:aria-invalid\:border-destructive\/50 {
2229
- @media (prefers-color-scheme: dark) {
2230
- .room-platform-room &[aria-invalid="true"] {
2231
- border-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 50%, transparent);
2232
- @supports (color: color-mix(in lab, red, red)) {
2233
- border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
2234
- }
2235
- }
2236
- }
2237
- }
2238
- .room-platform-room .dark\:aria-invalid\:ring-destructive\/40 {
2239
- @media (prefers-color-scheme: dark) {
2240
- .room-platform-room &[aria-invalid="true"] {
2241
- --tw-ring-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 40%, transparent);
2242
- @supports (color: color-mix(in lab, red, red)) {
2243
- --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
2244
- }
2245
- }
2246
- }
2247
- }
2248
- .room-platform-room .dark\:data-active\:border-input {
2249
- @media (prefers-color-scheme: dark) {
2250
- .room-platform-room &[data-active] {
2251
- border-color: var(--color-input);
2252
- }
2253
- }
2254
- }
2255
- .room-platform-room .dark\:data-active\:bg-input\/30 {
2256
- @media (prefers-color-scheme: dark) {
2257
- .room-platform-room &[data-active] {
2258
- background-color: color-mix(in srgb, oklch(0.922 0 0) 30%, transparent);
2259
- @supports (color: color-mix(in lab, red, red)) {
2260
- background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
2261
- }
2262
- }
2263
- }
2264
- }
2265
- .room-platform-room .dark\:data-active\:text-foreground {
2266
- @media (prefers-color-scheme: dark) {
2267
- .room-platform-room &[data-active] {
2268
- color: var(--color-foreground);
2269
- }
2270
- }
2271
- }
2272
- .room-platform-room .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent {
2273
- @media (prefers-color-scheme: dark) {
2274
- .room-platform-room &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
2275
- .room-platform-room &[data-active] {
2276
- border-color: transparent;
2277
- }
2278
- }
2279
- }
2280
- }
2281
- .room-platform-room .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent {
2282
- @media (prefers-color-scheme: dark) {
2283
- .room-platform-room &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
2284
- .room-platform-room &[data-active] {
2285
- background-color: transparent;
2286
- }
2287
- }
2288
- }
2289
- }
2290
- .room-platform-room .\[\&_svg\]\:pointer-events-none {
2291
- .room-platform-room & svg {
2292
- pointer-events: none;
2293
- }
2294
- }
2295
- .room-platform-room .\[\&_svg\]\:shrink-0 {
2296
- .room-platform-room & svg {
2297
- flex-shrink: 0;
2298
- }
2299
- }
2300
- .room-platform-room .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 {
2301
- .room-platform-room & svg:not([class*='size-']) {
2302
- width: calc(var(--spacing) * 3);
2303
- height: calc(var(--spacing) * 3);
2304
- }
2305
- }
2306
- .room-platform-room .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
2307
- .room-platform-room & svg:not([class*='size-']) {
2308
- width: calc(var(--spacing) * 3.5);
2309
- height: calc(var(--spacing) * 3.5);
2310
- }
2311
- }
2312
- .room-platform-room .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
2313
- .room-platform-room & svg:not([class*='size-']) {
2314
- width: calc(var(--spacing) * 4);
2315
- height: calc(var(--spacing) * 4);
2316
- }
2317
- }
2318
- .room-platform-room .\*\:\[a\]\:underline {
2319
- .room-platform-room :is(& > *) {
2320
- .room-platform-room &:is(a) {
2321
- text-decoration-line: underline;
2322
- }
2323
- }
2324
- }
2325
- .room-platform-room .\*\:\[a\]\:underline-offset-3 {
2326
- .room-platform-room :is(& > *) {
2327
- .room-platform-room &:is(a) {
2328
- text-underline-offset: 3px;
2329
- }
2330
- }
2331
- }
2332
- .room-platform-room .\[a\]\:hover\:bg-destructive\/20 {
2333
- .room-platform-room &:is(a) {
2334
- .room-platform-room &:hover {
2335
- @media (hover: hover) {
2336
- background-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 20%, transparent);
2337
- @supports (color: color-mix(in lab, red, red)) {
2338
- background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
2339
- }
2340
- }
2341
- }
2342
- }
2343
- }
2344
- .room-platform-room .\[a\]\:hover\:bg-muted {
2345
- .room-platform-room &:is(a) {
2346
- .room-platform-room &:hover {
2347
- @media (hover: hover) {
2348
- background-color: var(--color-muted);
2349
- }
2350
- }
2351
- }
2352
- }
2353
- .room-platform-room .\[a\]\:hover\:bg-primary\/80 {
2354
- .room-platform-room &:is(a) {
2355
- .room-platform-room &:hover {
2356
- @media (hover: hover) {
2357
- background-color: color-mix(in srgb, #242f62 80%, transparent);
2358
- @supports (color: color-mix(in lab, red, red)) {
2359
- background-color: color-mix(in oklab, var(--color-primary) 80%, transparent);
2360
- }
2361
- }
2362
- }
2363
- }
2364
- }
2365
- .room-platform-room .\[a\]\:hover\:bg-secondary\/80 {
2366
- .room-platform-room &:is(a) {
2367
- .room-platform-room &:hover {
2368
- @media (hover: hover) {
2369
- background-color: color-mix(in srgb, #eb6619 80%, transparent);
2370
- @supports (color: color-mix(in lab, red, red)) {
2371
- background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);
2372
- }
2373
- }
2374
- }
2375
- }
2376
- }
2377
- .room-platform-room .\[a\]\:hover\:text-muted-foreground {
2378
- .room-platform-room &:is(a) {
2379
- .room-platform-room &:hover {
2380
- @media (hover: hover) {
2381
- color: var(--color-muted-foreground);
2382
- }
2383
- }
2384
- }
2385
- }
2386
- .room-platform-room .\*\:\[a\]\:hover\:text-foreground {
2387
- .room-platform-room :is(& > *) {
2388
- .room-platform-room &:is(a) {
2389
- .room-platform-room &:hover {
2390
- @media (hover: hover) {
2391
- color: var(--color-foreground);
2392
- }
2393
- }
2394
- }
2395
- }
2396
- }
2397
- .room-platform-room .\*\:\[span\]\:last\:flex {
2398
- .room-platform-room :is(& > *) {
2399
- .room-platform-room &:is(span) {
2400
- .room-platform-room &:last-child {
2401
- display: flex;
2402
- }
2403
- }
2404
- }
2405
- }
2406
- .room-platform-room .\*\:\[span\]\:last\:items-center {
2407
- .room-platform-room :is(& > *) {
2408
- .room-platform-room &:is(span) {
2409
- .room-platform-room &:last-child {
2410
- align-items: center;
2411
- }
2412
- }
2413
- }
2414
- }
2415
- .room-platform-room .\*\:\[span\]\:last\:gap-2 {
2416
- .room-platform-room :is(& > *) {
2417
- .room-platform-room &:is(span) {
2418
- .room-platform-room &:last-child {
2419
- gap: calc(var(--spacing) * 2);
2420
- }
2421
- }
2422
- }
2423
- }
2424
- .room-platform-room .\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 {
2425
- .room-platform-room :is(& > *) {
2426
- .room-platform-room &:is(svg:not([class*='size-'])) {
2427
- width: calc(var(--spacing) * 6);
2428
- height: calc(var(--spacing) * 6);
2429
- }
2430
- }
2431
- }
2432
- .room-platform-room .\[\&\>svg\]\:pointer-events-none {
2433
- .room-platform-room &>svg {
2434
- pointer-events: none;
2435
- }
2436
- }
2437
- .room-platform-room .\[\&\>svg\]\:size-3\! {
2438
- .room-platform-room &>svg {
2439
- width: calc(var(--spacing) * 3) !important;
2440
- height: calc(var(--spacing) * 3) !important;
2441
- }
2442
- }
2443
- .room-platform-room .navi-chat__panel {
2444
- display: flex;
2445
- flex-direction: column;
2446
- width: 100%;
2447
- height: 100%;
2448
- min-height: 0;
2449
- overflow: hidden;
2450
- border: 1px solid var(--navi-chat-color-border, #d8e0ea);
2451
- border-radius: var(--navi-chat-radius, 10px);
2452
- background: var(--navi-chat-color-surface, #ffffff);
2453
- color: var(--navi-chat-color-text, #111827);
2454
- font-family: var(--navi-chat-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
2455
- }
2456
- .room-platform-room .navi-chat__header {
2457
- display: flex;
2458
- align-items: center;
2459
- justify-content: space-between;
2460
- gap: 12px;
2461
- flex: 0 0 auto;
2462
- padding: 10px 12px;
2463
- border-bottom: 1px solid var(--navi-chat-color-border, #d8e0ea);
2464
- background: #f8fafc;
2465
- }
2466
- .room-platform-room .navi-chat__header-main {
2467
- min-width: 0;
2468
- }
2469
- .room-platform-room .navi-chat__title {
2470
- display: inline-flex;
2471
- align-items: center;
2472
- gap: 6px;
2473
- margin: 0;
2474
- overflow: hidden;
2475
- color: var(--navi-chat-color-text, #111827);
2476
- font-size: 14px;
2477
- font-weight: 700;
2478
- line-height: 1.25;
2479
- text-overflow: ellipsis;
2480
- white-space: nowrap;
2481
- }
2482
- .room-platform-room .navi-chat__online-count {
2483
- display: inline-flex;
2484
- align-items: center;
2485
- justify-content: center;
2486
- min-width: 20px;
2487
- height: 20px;
2488
- border-radius: 999px;
2489
- background: #eff6ff;
2490
- color: var(--navi-chat-color-primary, #2563eb);
2491
- font-size: 12px;
2492
- font-weight: 700;
2493
- line-height: 1;
2494
- padding: 0 6px;
2495
- }
2496
- .room-platform-room .navi-chat__header-meta {
2497
- display: flex;
2498
- flex: 0 0 auto;
2499
- align-items: center;
2500
- gap: 8px;
2501
- }
2502
- .room-platform-room .navi-chat__role-badge {
2503
- border-radius: 999px;
2504
- background: #eff6ff;
2505
- color: var(--navi-chat-color-primary, #2563eb);
2506
- font-size: 12px;
2507
- font-weight: 600;
2508
- line-height: 1;
2509
- padding: 5px 8px;
2510
- }
2511
- .room-platform-room .navi-chat__rooms {
2512
- display: flex;
2513
- flex: 0 0 auto;
2514
- gap: 6px;
2515
- overflow-x: auto;
2516
- padding: 10px;
2517
- border-bottom: 1px solid var(--navi-chat-color-border, #d8e0ea);
2518
- }
2519
- .room-platform-room .navi-chat__room-tab, .room-platform-room .navi-chat__send-button, .room-platform-room .navi-chat__message-action, .room-platform-room .navi-chat__message-menu-trigger, .room-platform-room .navi-chat__message-menu-item, .room-platform-room .navi-chat__message-edit-button, .room-platform-room .navi-chat__message-edit-input {
2520
- font: inherit;
2521
- }
2522
- .room-platform-room .navi-chat__room-tab {
2523
- display: inline-flex;
2524
- align-items: center;
2525
- gap: 6px;
2526
- min-width: 0;
2527
- max-width: 160px;
2528
- border: 0;
2529
- border-radius: 8px;
2530
- background: #f1f5f9;
2531
- color: #475569;
2532
- cursor: pointer;
2533
- padding: 7px 10px;
2534
- }
2535
- .room-platform-room .navi-chat__room-tab--active {
2536
- background: var(--navi-chat-color-primary, #2563eb);
2537
- color: #ffffff;
2538
- }
2539
- .room-platform-room .navi-chat__room-tab-label {
2540
- display: block;
2541
- min-width: 0;
2542
- overflow: hidden;
2543
- text-overflow: ellipsis;
2544
- white-space: nowrap;
2545
- }
2546
- .room-platform-room .navi-chat__unread-badge {
2547
- flex: 0 0 auto;
2548
- display: inline-flex;
2549
- align-items: center;
2550
- justify-content: center;
2551
- min-width: 18px;
2552
- height: 18px;
2553
- border-radius: 999px;
2554
- background: #eff6ff;
2555
- color: var(--navi-chat-color-primary, #2563eb);
2556
- font-size: 11px;
2557
- font-weight: 700;
2558
- line-height: 1;
2559
- padding: 0 5px;
2560
- }
2561
- .room-platform-room .navi-chat__room-tab--active .navi-chat__unread-badge {
2562
- background: rgba(255, 255, 255, 0.18);
2563
- color: #ffffff;
2564
- }
2565
- .room-platform-room .navi-chat__messages {
2566
- display: flex;
2567
- flex: 1 1 auto;
2568
- flex-direction: column;
2569
- min-height: 0;
2570
- overflow-y: auto;
2571
- padding: 14px;
2572
- background: #fbfdff;
2573
- }
2574
- .room-platform-room .navi-chat__messages-stack {
2575
- display: flex;
2576
- flex-direction: column;
2577
- gap: 10px;
2578
- margin-top: auto;
2579
- }
2580
- .room-platform-room .navi-chat__empty {
2581
- display: flex;
2582
- flex: 1 1 auto;
2583
- flex-direction: column;
2584
- align-items: center;
2585
- justify-content: center;
2586
- min-height: 0;
2587
- padding: 24px;
2588
- background: #fbfdff;
2589
- color: #64748b;
2590
- text-align: center;
2591
- }
2592
- .room-platform-room .navi-chat__empty strong {
2593
- margin-top: 8px;
2594
- color: #334155;
2595
- font-size: 14px;
2596
- }
2597
- .room-platform-room .navi-chat__empty span {
2598
- margin-top: 4px;
2599
- font-size: 13px;
2600
- }
2601
- .room-platform-room .navi-chat__empty-icon {
2602
- color: var(--navi-chat-color-primary, #2563eb);
2603
- font-size: 22px;
2604
- line-height: 1;
2605
- }
2606
- .room-platform-room .navi-chat__message {
2607
- display: flex;
2608
- }
2609
- .room-platform-room .navi-chat__message-group {
2610
- display: flex;
2611
- flex-direction: column;
2612
- gap: 4px;
2613
- }
2614
- .room-platform-room .navi-chat__loading-older {
2615
- align-self: center;
2616
- color: #64748b;
2617
- font-size: 12px;
2618
- font-weight: 600;
2619
- padding: 4px 0;
2620
- }
2621
- .room-platform-room .navi-chat__message--own {
2622
- justify-content: flex-end;
2623
- }
2624
- .room-platform-room .navi-chat__message-row {
2625
- position: relative;
2626
- display: flex;
2627
- align-items: flex-end;
2628
- gap: 6px;
2629
- min-width: 0;
2630
- max-width: min(82%, 560px);
2631
- }
2632
- .room-platform-room .navi-chat__message-row--own {
2633
- flex-direction: row-reverse;
2634
- }
2635
- .room-platform-room .navi-chat__message-bubble {
2636
- min-width: 0;
2637
- max-width: 100%;
2638
- border: 1px solid var(--navi-chat-color-border, #d8e0ea);
2639
- border-radius: 10px;
2640
- background: #ffffff;
2641
- padding: 9px 11px;
2642
- box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
2643
- }
2644
- .room-platform-room .navi-chat__message--grouped .navi-chat__message-bubble {
2645
- padding-top: 8px;
2646
- }
2647
- .room-platform-room .navi-chat__message--own .navi-chat__message-bubble {
2648
- border-color: var(--navi-chat-own-message-border, #bfdbfe);
2649
- background: var(--navi-chat-own-message-background, #eff6ff);
2650
- }
2651
- .room-platform-room .navi-chat__message--deleted .navi-chat__message-bubble {
2652
- background: #f8fafc;
2653
- color: #64748b;
2654
- font-style: italic;
2655
- }
2656
- .room-platform-room .navi-chat__message-header {
2657
- display: flex;
2658
- align-items: center;
2659
- justify-content: space-between;
2660
- gap: 10px;
2661
- margin-bottom: 4px;
2662
- }
2663
- .room-platform-room .navi-chat__message-author {
2664
- overflow: hidden;
2665
- color: #334155;
2666
- font-size: 12px;
2667
- font-weight: 700;
2668
- text-overflow: ellipsis;
2669
- white-space: nowrap;
2670
- }
2671
- .room-platform-room .navi-chat__message-time {
2672
- color: #94a3b8;
2673
- font-size: 11px;
2674
- white-space: nowrap;
2675
- }
2676
- .room-platform-room .navi-chat__message-text {
2677
- margin: 0;
2678
- color: var(--navi-chat-color-text, #111827);
2679
- font-size: 13px;
2680
- line-height: 1.45;
2681
- overflow-wrap: anywhere;
2682
- white-space: pre-wrap;
2683
- }
2684
- .room-platform-room .navi-chat__message-action {
2685
- margin-top: 8px;
2686
- border: 0;
2687
- background: transparent;
2688
- color: var(--navi-chat-color-primary, #2563eb);
2689
- cursor: pointer;
2690
- font-size: 12px;
2691
- font-weight: 600;
2692
- padding: 0;
2693
- }
2694
- .room-platform-room .navi-chat__message-menu {
2695
- position: absolute;
2696
- right: -30px;
2697
- bottom: 2px;
2698
- z-index: 3;
2699
- display: inline-flex;
2700
- flex: 0 0 auto;
2701
- opacity: 0;
2702
- pointer-events: none;
2703
- transition: opacity 120ms ease, transform 120ms ease;
2704
- transform: translateY(2px);
2705
- vertical-align: middle;
2706
- }
2707
- .room-platform-room .navi-chat__message-row--own .navi-chat__message-menu {
2708
- right: auto;
2709
- left: -30px;
2710
- }
2711
- .room-platform-room .navi-chat__message:hover .navi-chat__message-menu, .room-platform-room .navi-chat__message:focus-within .navi-chat__message-menu, .room-platform-room .navi-chat__message-menu--open {
2712
- opacity: 1;
2713
- pointer-events: auto;
2714
- transform: translateY(0);
2715
- }
2716
- .room-platform-room .navi-chat__message-menu-trigger {
2717
- display: inline-flex;
2718
- align-items: center;
2719
- justify-content: center;
2720
- width: 24px;
2721
- height: 24px;
2722
- border: 1px solid var(--navi-chat-color-border, #d8e0ea);
2723
- border-radius: 999px;
2724
- background: #ffffff;
2725
- color: #64748b;
2726
- cursor: pointer;
2727
- font-size: 12px;
2728
- font-weight: 700;
2729
- line-height: 1;
2730
- padding: 0;
2731
- box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
2732
- }
2733
- .room-platform-room .navi-chat__message-menu-trigger:hover, .room-platform-room .navi-chat__message-menu-trigger:focus-visible {
2734
- border-color: #bfdbfe;
2735
- background: #eff6ff;
2736
- color: var(--navi-chat-color-primary, #2563eb);
2737
- }
2738
- .room-platform-room .navi-chat__message-menu-popover {
2739
- position: absolute;
2740
- right: 0;
2741
- bottom: 32px;
2742
- z-index: 2;
2743
- display: flex;
2744
- min-width: 82px;
2745
- flex-direction: column;
2746
- overflow: hidden;
2747
- border: 1px solid var(--navi-chat-color-border, #d8e0ea);
2748
- border-radius: 8px;
2749
- background: #ffffff;
2750
- box-shadow: 0 8px 18px rgba(15, 23, 42, 0.14);
2751
- }
2752
- .room-platform-room .navi-chat__message-row--own .navi-chat__message-menu-popover {
2753
- right: auto;
2754
- left: 0;
2755
- }
2756
- .room-platform-room .navi-chat__message-menu-item {
2757
- border: 0;
2758
- background: transparent;
2759
- color: var(--navi-chat-color-text, #111827);
2760
- cursor: pointer;
2761
- font-size: 12px;
2762
- font-weight: 600;
2763
- line-height: 1;
2764
- padding: 8px 10px;
2765
- text-align: left;
2766
- }
2767
- .room-platform-room .navi-chat__message-menu-item:hover, .room-platform-room .navi-chat__message-menu-item:focus-visible {
2768
- background: #f1f5f9;
2769
- color: var(--navi-chat-color-primary, #2563eb);
2770
- }
2771
- .room-platform-room .navi-chat__message-edit {
2772
- display: flex;
2773
- flex-direction: column;
2774
- gap: 6px;
2775
- }
2776
- .room-platform-room .navi-chat__message-edit-input {
2777
- box-sizing: border-box;
2778
- width: min(280px, 100%);
2779
- min-height: 64px;
2780
- resize: vertical;
2781
- border: 1px solid #cbd5e1;
2782
- border-radius: 8px;
2783
- background: #ffffff;
2784
- color: var(--navi-chat-color-text, #111827);
2785
- font-size: 13px;
2786
- line-height: 1.4;
2787
- padding: 8px 9px;
2788
- }
2789
- .room-platform-room .navi-chat__message-edit-actions {
2790
- display: flex;
2791
- justify-content: flex-end;
2792
- gap: 6px;
2793
- }
2794
- .room-platform-room .navi-chat__message-edit-button {
2795
- border: 1px solid var(--navi-chat-color-border, #d8e0ea);
2796
- border-radius: 7px;
2797
- background: #ffffff;
2798
- color: #334155;
2799
- cursor: pointer;
2800
- font-size: 12px;
2801
- font-weight: 700;
2802
- line-height: 1;
2803
- padding: 7px 9px;
2804
- }
2805
- .room-platform-room .navi-chat__message-edit-button--primary {
2806
- border-color: var(--navi-chat-color-primary, #2563eb);
2807
- background: var(--navi-chat-color-primary, #2563eb);
2808
- color: #ffffff;
2809
- }
2810
- .room-platform-room .navi-chat__latest-overlay {
2811
- position: sticky;
2812
- bottom: 8px;
2813
- align-self: stretch;
2814
- box-sizing: border-box;
2815
- display: grid;
2816
- grid-template-columns: 1fr auto 1fr;
2817
- align-items: center;
2818
- gap: 8px;
2819
- margin-top: 8px;
2820
- pointer-events: none;
2821
- }
2822
- .room-platform-room .navi-chat__new-message-notice {
2823
- grid-column: 2;
2824
- border: 1px solid var(--navi-chat-color-border, #d8e0ea);
2825
- border-radius: 999px;
2826
- background: #ffffff;
2827
- color: var(--navi-chat-color-primary, #2563eb);
2828
- font-size: 12px;
2829
- font-weight: 700;
2830
- line-height: 1;
2831
- padding: 8px 12px;
2832
- box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);
2833
- }
2834
- .room-platform-room .navi-chat__scroll-latest {
2835
- grid-column: 3;
2836
- justify-self: end;
2837
- box-sizing: border-box;
2838
- flex: 0 0 auto;
2839
- display: inline-flex;
2840
- align-items: center;
2841
- justify-content: center;
2842
- width: 34px;
2843
- height: 34px;
2844
- margin-right: 4px;
2845
- border: 1px solid var(--navi-chat-color-border, #d8e0ea);
2846
- border-radius: 50%;
2847
- background: #ffffff;
2848
- color: var(--navi-chat-color-primary, #2563eb);
2849
- cursor: pointer;
2850
- padding: 0;
2851
- pointer-events: auto;
2852
- box-shadow: 0 6px 16px rgba(15, 23, 42, 0.16);
2853
- }
2854
- .room-platform-room .navi-chat__scroll-latest-icon {
2855
- width: 18px;
2856
- height: 18px;
2857
- fill: currentColor;
2858
- }
2859
- .room-platform-room .navi-chat__composer {
2860
- display: flex;
2861
- flex: 0 0 auto;
2862
- align-items: flex-end;
2863
- gap: 8px;
2864
- padding: 10px;
2865
- border-top: 1px solid var(--navi-chat-color-border, #d8e0ea);
2866
- background: #ffffff;
2867
- }
2868
- .room-platform-room .navi-chat__composer-main {
2869
- display: flex;
2870
- flex: 1 1 auto;
2871
- min-width: 0;
2872
- flex-direction: column;
2873
- gap: 4px;
2874
- }
2875
- .room-platform-room .navi-chat__composer-input {
2876
- flex: 1 1 auto;
2877
- min-width: 0;
2878
- min-height: 38px;
2879
- max-height: 84px;
2880
- resize: vertical;
2881
- border: 1px solid #cbd5e1;
2882
- border-radius: 8px;
2883
- color: var(--navi-chat-color-text, #111827);
2884
- font: inherit;
2885
- font-size: 13px;
2886
- line-height: 1.4;
2887
- padding: 9px 10px;
2888
- }
2889
- .room-platform-room .navi-chat__composer-tip {
2890
- margin: 0;
2891
- color: #64748b;
2892
- font-size: 11px;
2893
- line-height: 1.3;
2894
- }
2895
- .room-platform-room .navi-chat__send-button {
2896
- flex: 0 0 auto;
2897
- display: inline-flex;
2898
- align-items: center;
2899
- justify-content: center;
2900
- align-self: center;
2901
- width: 44px;
2902
- height: 44px;
2903
- border: 0;
2904
- border-radius: 999px;
2905
- background: var(--navi-chat-color-primary, #2563eb);
2906
- color: #ffffff;
2907
- cursor: pointer;
2908
- padding: 0;
2909
- }
2910
- .room-platform-room .navi-chat__send-button:disabled {
2911
- cursor: not-allowed;
2912
- opacity: 0.45;
2913
- }
2914
- .room-platform-room .navi-chat__send-icon {
2915
- width: 18px;
2916
- height: 18px;
2917
- fill: currentColor;
2918
- }
2919
- .room-platform-room .navi-chat__readonly {
2920
- flex: 0 0 auto;
2921
- border-top: 1px solid var(--navi-chat-color-border, #d8e0ea);
2922
- background: #f8fafc;
2923
- color: #64748b;
2924
- font-size: 13px;
2925
- padding: 12px 14px;
2926
- }
2927
- .room-platform-room .navi-chat__status {
2928
- display: inline-flex;
2929
- align-items: center;
2930
- justify-content: center;
2931
- width: 18px;
2932
- height: 18px;
2933
- }
2934
- .room-platform-room .navi-chat__status-dot {
2935
- width: 9px;
2936
- height: 9px;
2937
- border-radius: 999px;
2938
- background: #94a3b8;
2939
- }
2940
- .room-platform-room .navi-chat__status--connected .navi-chat__status-dot {
2941
- background: #16a34a;
2942
- }
2943
- .room-platform-room .navi-chat__status--muted .navi-chat__status-dot {
2944
- background: #94a3b8;
2945
- }
2946
- .room-platform-room .navi-chat__status--error .navi-chat__status-dot {
2947
- background: #dc2626;
2948
- }
2949
- .room-platform-room .whiteboard-react-canvas {
2950
- position: relative;
2951
- width: 100%;
2952
- height: 100%;
2953
- }
2954
- .room-platform-room .whiteboard-react-canvas__scene {
2955
- position: relative;
2956
- height: 100%;
2957
- min-height: 100%;
2958
- }
2959
- .room-platform-room .whiteboard-react-canvas__layer {
2960
- position: absolute;
2961
- inset: 0;
2962
- width: 100%;
2963
- height: 100%;
2964
- }
2965
- .room-platform-room .whiteboard-react-canvas__layer--scene {
2966
- z-index: 10;
2967
- pointer-events: none;
2968
- }
2969
- .room-platform-room .whiteboard-react-canvas__layer--interaction {
2970
- z-index: 11;
2971
- touch-action: none;
2972
- user-select: none;
2973
- -webkit-user-select: none;
2974
- }
2975
- .room-platform-room .whiteboard-react-trigger, .room-platform-room .whiteboard-react-toolbar, .room-platform-room .whiteboard-react-toolbar__popover {
2976
- --whiteboard-overlay-bg: rgb(255 255 255 / 0.94);
2977
- --whiteboard-overlay-border: rgb(148 163 184 / 0.32);
2978
- --whiteboard-overlay-shadow: 0 18px 40px rgb(15 23 42 / 0.24);
2979
- --whiteboard-overlay-text: #0f172a;
2980
- --whiteboard-overlay-muted: #475569;
2981
- --whiteboard-overlay-accent: #0f766e;
2982
- --whiteboard-overlay-accent-soft: rgb(15 118 110 / 0.12);
2983
- --whiteboard-overlay-danger: #dc2626;
2984
- position: fixed;
2985
- border: 1px solid var(--whiteboard-overlay-border);
2986
- border-radius: 1.125rem;
2987
- background: var(--whiteboard-overlay-bg);
2988
- color: var(--whiteboard-overlay-text);
2989
- box-shadow: var(--whiteboard-overlay-shadow);
2990
- backdrop-filter: blur(16px);
2991
- }
2992
- .room-platform-room .whiteboard-react-trigger {
2993
- z-index: 60;
2994
- display: inline-flex;
2995
- align-items: center;
2996
- justify-content: center;
2997
- width: 3rem;
2998
- height: 3rem;
2999
- padding: 0;
3000
- border: 0;
3001
- border-radius: 999px;
3002
- background: #252627;
3003
- color: #00ff9d;
3004
- cursor: pointer;
3005
- transition: background 140ms ease, color 140ms ease;
3006
- }
3007
- .room-platform-room .whiteboard-react-trigger:hover {
3008
- background: #00ff9d;
3009
- color: #000;
3010
- }
3011
- .room-platform-room .whiteboard-react-toolbar__tooltip-trigger {
3012
- display: inline-flex;
3013
- }
3014
- .room-platform-room .whiteboard-react-trigger:focus-visible, .room-platform-room .whiteboard-react-toolbar__button:focus-visible, .room-platform-room .whiteboard-react-toolbar__drag-handle:focus-visible, .room-platform-room .whiteboard-react-toolbar__option-chip:focus-visible, .room-platform-room .whiteboard-react-toolbar__width-chip:focus-visible, .room-platform-room .whiteboard-react-color-popover__swatch:focus-visible, .room-platform-room .whiteboard-react-toolbar__status-action:focus-visible {
3015
- outline: 2px solid rgb(15 118 110 / 0.45);
3016
- outline-offset: 2px;
3017
- }
3018
- .room-platform-room .whiteboard-react-trigger__icon {
3019
- width: 1.5rem;
3020
- height: 1.5rem;
3021
- flex: none;
3022
- }
3023
- .room-platform-room .whiteboard-react-toolbar__icon {
3024
- width: 1.35rem;
3025
- height: 1.35rem;
3026
- flex: none;
3027
- }
3028
- .room-platform-room .whiteboard-react-toolbar__icon.ColorSvg {
3029
- width: 2rem;
3030
- }
3031
- .room-platform-room .whiteboard-react-trigger__label {
3032
- white-space: nowrap;
3033
- }
3034
- .room-platform-room .whiteboard-react-trigger__status-dot, .room-platform-room .whiteboard-react-toolbar__status-dot {
3035
- width: 0.5rem;
3036
- height: 0.5rem;
3037
- border-radius: 999px;
3038
- background: var(--whiteboard-overlay-accent);
3039
- box-shadow: 0 0 0 4px rgb(15 118 110 / 0.14);
3040
- flex: none;
3041
- }
3042
- .room-platform-room .whiteboard-react-trigger[data-runtime-state='failed'] .whiteboard-react-trigger__status-dot {
3043
- background: var(--whiteboard-overlay-danger);
3044
- box-shadow: 0 0 0 4px rgb(220 38 38 / 0.12);
3045
- }
3046
- .room-platform-room .whiteboard-react-toolbar {
3047
- z-index: 61;
3048
- border: 0.15rem solid rgb(226 232 240 / 0.72);
3049
- border-radius: 0.5rem;
3050
- background: #292a2c;
3051
- color: #f8fafc;
3052
- box-shadow: 0 12px 28px rgb(15 23 42 / 0.3);
3053
- transition: transform 140ms ease, box-shadow 140ms ease;
3054
- transform-origin: center;
3055
- animation: whiteboard-toolbar-orientation-vertical 180ms ease-in-out;
3056
- }
3057
- @keyframes whiteboard-toolbar-orientation-vertical {
3058
- from {
3059
- transform: scaleX(1.2);
3060
- }
3061
- to {
3062
- transform: scale(1);
3063
- }
3064
- }
3065
- @keyframes whiteboard-toolbar-orientation-horizontal {
3066
- from {
3067
- transform: scaleX(1.2);
3068
- }
3069
- to {
3070
- transform: scale(1);
3071
- }
3072
- }
3073
- @media (prefers-reduced-motion: reduce) {
3074
- .room-platform-room .whiteboard-react-toolbar {
3075
- animation: none;
3076
- transition: none;
3077
- }
3078
- }
3079
- .room-platform-room .whiteboard-react-toolbar__chrome {
3080
- display: flex;
3081
- flex-direction: column;
3082
- gap: 0.3rem;
3083
- padding: 0.4rem;
3084
- }
3085
- .room-platform-room .whiteboard-react-toolbar[data-orientation='horizontal'] .whiteboard-react-toolbar__chrome {
3086
- flex-direction: row;
3087
- align-items: center;
3088
- box-sizing: border-box;
3089
- padding: 0.4rem;
3090
- }
3091
- .room-platform-room .whiteboard-react-toolbar[data-orientation='horizontal'] {
3092
- animation-name: whiteboard-toolbar-orientation-horizontal;
3093
- }
3094
- .room-platform-room .whiteboard-react-toolbar__drag-handle {
3095
- position: relative;
3096
- display: inline-flex;
3097
- align-items: center;
3098
- justify-content: center;
3099
- margin-top: 0.75rem;
3100
- width: 2rem;
3101
- height: 2rem;
3102
- border-radius: 0.65rem;
3103
- background: transparent;
3104
- color: rgb(226 232 240 / 0.84);
3105
- cursor: grab;
3106
- transition: color 120ms ease, border-color 120ms ease;
3107
- }
3108
- .room-platform-room .whiteboard-react-toolbar__drag-handle::before {
3109
- position: absolute;
3110
- top: -0.5rem;
3111
- right: 0;
3112
- left: 0;
3113
- height: 1px;
3114
- content: '';
3115
- background: rgb(226 232 240 / 0.45);
3116
- }
3117
- .room-platform-room .whiteboard-react-toolbar__drag-handle:hover {
3118
- color: #fff;
3119
- background: rgb(255 255 255 / 0.1);
3120
- }
3121
- .room-platform-room .whiteboard-react-toolbar__drag-handle:active {
3122
- cursor: grabbing;
3123
- }
3124
- .room-platform-room .whiteboard-react-toolbar__status {
3125
- display: inline-flex;
3126
- align-items: center;
3127
- gap: 0.5rem;
3128
- max-width: 16rem;
3129
- padding: 0.625rem 0.75rem;
3130
- border-radius: 0.875rem;
3131
- background: rgb(248 250 252 / 0.96);
3132
- color: var(--whiteboard-overlay-muted);
3133
- font-size: 0.8125rem;
3134
- font-weight: 500;
3135
- }
3136
- .room-platform-room .whiteboard-react-toolbar__status[data-state='failed'] {
3137
- color: var(--whiteboard-overlay-danger);
3138
- background: rgb(254 242 242 / 0.96);
3139
- }
3140
- .room-platform-room .whiteboard-react-toolbar__status[data-state='busy'] {
3141
- color: var(--whiteboard-overlay-accent);
3142
- background: rgb(240 253 250 / 0.96);
3143
- }
3144
- .room-platform-room .whiteboard-react-toolbar__status-action {
3145
- margin-left: 0.25rem;
3146
- border: 0;
3147
- background: transparent;
3148
- color: inherit;
3149
- font-weight: 700;
3150
- text-decoration: underline;
3151
- }
3152
- .room-platform-room .whiteboard-react-toolbar__rail {
3153
- display: flex;
3154
- gap: 0.5rem;
3155
- }
3156
- .room-platform-room .whiteboard-react-toolbar[data-orientation='vertical'] .whiteboard-react-toolbar__rail {
3157
- flex-direction: column;
3158
- }
3159
- .room-platform-room .whiteboard-react-toolbar[data-orientation='horizontal'] .whiteboard-react-toolbar__rail {
3160
- flex-direction: row;
3161
- align-items: center;
3162
- }
3163
- .room-platform-room .whiteboard-react-toolbar[data-orientation='horizontal'] .whiteboard-react-toolbar__drag-handle::before {
3164
- top: 0;
3165
- right: auto;
3166
- bottom: 0;
3167
- left: -0.15rem;
3168
- width: 1px;
3169
- height: auto;
3170
- }
3171
- .room-platform-room .whiteboard-react-toolbar__button {
3172
- position: relative;
3173
- display: inline-flex;
3174
- align-items: center;
3175
- justify-content: center;
3176
- width: 2rem;
3177
- height: 2rem;
3178
- border: 0;
3179
- border-radius: 0.65rem;
3180
- margin-top: 0.75rem;
3181
- background: transparent;
3182
- color: #f8fafc;
3183
- transition: transform 120ms ease, background 120ms ease, border-color 120ms ease, color 120ms ease;
3184
- }
3185
- .room-platform-room .whiteboard-react-toolbar[data-orientation='horizontal'] .whiteboard-react-toolbar__button, .room-platform-room .whiteboard-react-toolbar[data-orientation='horizontal'] .whiteboard-react-toolbar__drag-handle {
3186
- margin-top: 0;
3187
- margin-bottom: 0;
3188
- margin-left: 0.75rem;
3189
- }
3190
- .room-platform-room .whiteboard-react-toolbar__button:hover:not(:disabled) {
3191
- cursor: pointer;
3192
- background: rgb(255 255 255 / 0.1);
3193
- }
3194
- .room-platform-room .whiteboard-react-toolbar__button[data-active='true'] {
3195
- background: #0878f7;
3196
- color: #fff;
3197
- }
3198
- .room-platform-room .whiteboard-react-toolbar__button[data-active='true']:hover:not(:disabled) {
3199
- background: #0878f7;
3200
- }
3201
- .room-platform-room .whiteboard-react-toolbar__button[aria-label='Color'] .whiteboard-react-toolbar__icon {
3202
- display: none;
3203
- }
3204
- .room-platform-room .whiteboard-react-toolbar__button[aria-label='Color'] .whiteboard-react-toolbar__button-swatch {
3205
- position: static;
3206
- width: 1.5rem;
3207
- height: 1.5rem;
3208
- border: 0;
3209
- }
3210
- .room-platform-room .whiteboard-react-toolbar__button[aria-label='Close whiteboard tools'] {
3211
- margin-bottom: 0.75rem;
3212
- background: #ef1111;
3213
- color: #fff;
3214
- }
3215
- .room-platform-room .whiteboard-react-toolbar__button[aria-label='Close whiteboard tools']:hover:not(:disabled) {
3216
- background: #dc0d0d;
3217
- }
3218
- .room-platform-room .whiteboard-react-toolbar[data-orientation='horizontal'] span:last-child .whiteboard-react-toolbar__button {
3219
- margin-bottom: 0;
3220
- margin-right: 0.75rem;
3221
- }
3222
- .room-platform-room .whiteboard-react-toolbar__button:disabled, .room-platform-room .whiteboard-react-toolbar__option-chip:disabled, .room-platform-room .whiteboard-react-toolbar__width-chip:disabled, .room-platform-room .whiteboard-react-color-popover__swatch:disabled {
3223
- cursor: not-allowed;
3224
- opacity: 0.46;
3225
- }
3226
- .room-platform-room .whiteboard-react-toolbar__button-swatch {
3227
- position: absolute;
3228
- right: 0.34rem;
3229
- bottom: 0.34rem;
3230
- width: 0.6rem;
3231
- height: 0.6rem;
3232
- border: 1px solid rgb(255 255 255 / 0.8);
3233
- border-radius: 999px;
3234
- background: var(--whiteboard-color);
3235
- box-shadow: 0 0 0 1px rgb(15 23 42 / 0.12);
3236
- }
3237
- .room-platform-room .whiteboard-react-toolbar__popover {
3238
- z-index: 62;
3239
- padding: 0.65rem;
3240
- border: 0.15rem solid rgb(226 232 240 / 0.72);
3241
- border-radius: 0.5rem;
3242
- background: #292a2c;
3243
- color: #f8fafc;
3244
- box-shadow: 0 12px 28px rgb(15 23 42 / 0.3);
3245
- }
3246
- .room-platform-room .whiteboard-react-draw-popover {
3247
- max-width: 15.5rem;
3248
- }
3249
- .room-platform-room .whiteboard-react-color-popover {
3250
- width: 12.5rem;
3251
- }
3252
- .room-platform-room .whiteboard-react-toolbar__popover-section {
3253
- display: flex;
3254
- flex-direction: column;
3255
- gap: 0.35rem;
3256
- }
3257
- .room-platform-room .whiteboard-react-toolbar__popover-section + .whiteboard-react-toolbar__popover-section {
3258
- margin-top: 0.55rem;
3259
- }
3260
- .room-platform-room .whiteboard-react-toolbar__popover-label {
3261
- margin: 0;
3262
- font-size: 0.75rem;
3263
- font-weight: 700;
3264
- letter-spacing: 0.04em;
3265
- text-transform: uppercase;
3266
- color: rgb(226 232 240 / 0.82);
3267
- }
3268
- .room-platform-room .whiteboard-react-toolbar__option-grid, .room-platform-room .whiteboard-react-toolbar__width-grid {
3269
- display: grid;
3270
- gap: 0.35rem;
3271
- }
3272
- .room-platform-room .whiteboard-react-toolbar__option-grid {
3273
- grid-template-columns: repeat(4, minmax(0, 1fr));
3274
- }
3275
- .room-platform-room .whiteboard-react-toolbar__option-grid--shapes {
3276
- grid-template-columns: repeat(4, minmax(0, 1fr));
3277
- }
3278
- .room-platform-room .whiteboard-react-toolbar__option-chip, .room-platform-room .whiteboard-react-toolbar__width-chip {
3279
- display: inline-flex;
3280
- align-items: center;
3281
- justify-content: center;
3282
- width: 2.25rem;
3283
- height: 2.25rem;
3284
- border: 1px solid transparent;
3285
- border-radius: 0.65rem;
3286
- background: transparent;
3287
- color: #f8fafc;
3288
- font-size: 0.75rem;
3289
- font-weight: 600;
3290
- line-height: 1;
3291
- padding: 0;
3292
- cursor: pointer;
3293
- }
3294
- .room-platform-room .whiteboard-react-toolbar__option-chip[data-active='true'], .room-platform-room .whiteboard-react-toolbar__width-chip[data-active='true'] {
3295
- border-color: transparent;
3296
- background: #0878f7;
3297
- color: #fff;
3298
- }
3299
- .room-platform-room .whiteboard-react-toolbar__option-chip:hover:not(:disabled):not([data-active='true']), .room-platform-room .whiteboard-react-toolbar__width-chip:hover:not(:disabled):not([data-active='true']) {
3300
- color: #fff;
3301
- }
3302
- .room-platform-room .whiteboard-react-toolbar__width-grid {
3303
- grid-template-columns: repeat(4, minmax(0, 1fr));
3304
- }
3305
- .room-platform-room .whiteboard-react-toolbar__option-icon {
3306
- flex: none;
3307
- }
3308
- .room-platform-room .whiteboard-react-toolbar__width-sample {
3309
- display: inline-flex;
3310
- width: 1.35rem;
3311
- height: 1.35rem;
3312
- border-radius: 999px;
3313
- background: currentColor;
3314
- flex: none;
3315
- }
3316
- .room-platform-room .whiteboard-react-toolbar__width-sample[data-width='xs'] {
3317
- width: 0.3rem;
3318
- height: 0.3rem;
3319
- }
3320
- .room-platform-room .whiteboard-react-toolbar__width-sample[data-width='sm'] {
3321
- width: 0.45rem;
3322
- height: 0.45rem;
3323
- }
3324
- .room-platform-room .whiteboard-react-toolbar__width-sample[data-width='md'] {
3325
- width: 0.65rem;
3326
- height: 0.65rem;
3327
- }
3328
- .room-platform-room .whiteboard-react-toolbar__width-sample[data-width='lg'] {
3329
- width: 0.9rem;
3330
- height: 0.9rem;
3331
- }
3332
- .room-platform-room .whiteboard-react-color-popover__grid {
3333
- display: grid;
3334
- grid-template-columns: repeat(5, minmax(0, 1fr));
3335
- gap: 0.5rem;
3336
- }
3337
- .room-platform-room .whiteboard-react-color-popover__swatch {
3338
- display: inline-flex;
3339
- align-items: center;
3340
- justify-content: center;
3341
- width: 1.75rem;
3342
- height: 1.75rem;
3343
- padding: 0;
3344
- border: 1px solid rgb(148 163 184 / 0.28);
3345
- border-radius: 999px;
3346
- background: rgb(255 255 255 / 0.9);
3347
- cursor: pointer;
3348
- }
3349
- .room-platform-room .whiteboard-react-color-popover__swatch-fill {
3350
- width: 1.35rem;
3351
- height: 1.35rem;
3352
- border-radius: 999px;
3353
- background: var(--whiteboard-color);
3354
- box-shadow: inset 0 0 0 1px rgb(15 23 42 / 0.08);
3355
- }
3356
- .room-platform-room .whiteboard-react-color-popover__swatch[data-active='true'] {
3357
- border-color: rgb(15 118 110 / 0.45);
3358
- box-shadow: 0 0 0 4px rgb(15 118 110 / 0.12);
3359
- }
3360
- .room-platform-room .whiteboard-react-color-popover__swatch[data-light='true'] .whiteboard-react-color-popover__swatch-fill {
3361
- box-shadow: inset 0 0 0 1px rgb(15 23 42 / 0.12), 0 0 0 1px rgb(226 232 240 / 0.8);
3362
- }
3363
- @property --tw-translate-x {
3364
- syntax: "*";
3365
- inherits: false;
3366
- initial-value: 0;
3367
- }
3368
- @property --tw-translate-y {
3369
- syntax: "*";
3370
- inherits: false;
3371
- initial-value: 0;
3372
- }
3373
- @property --tw-translate-z {
3374
- syntax: "*";
3375
- inherits: false;
3376
- initial-value: 0;
3377
- }
3378
- @property --tw-scale-x {
3379
- syntax: "*";
3380
- inherits: false;
3381
- initial-value: 1;
3382
- }
3383
- @property --tw-scale-y {
3384
- syntax: "*";
3385
- inherits: false;
3386
- initial-value: 1;
3387
- }
3388
- @property --tw-scale-z {
3389
- syntax: "*";
3390
- inherits: false;
3391
- initial-value: 1;
3392
- }
3393
- @property --tw-rotate-x {
3394
- syntax: "*";
3395
- inherits: false;
3396
- }
3397
- @property --tw-rotate-y {
3398
- syntax: "*";
3399
- inherits: false;
3400
- }
3401
- @property --tw-rotate-z {
3402
- syntax: "*";
3403
- inherits: false;
3404
- }
3405
- @property --tw-skew-x {
3406
- syntax: "*";
3407
- inherits: false;
3408
- }
3409
- @property --tw-skew-y {
3410
- syntax: "*";
3411
- inherits: false;
3412
- }
3413
- @property --tw-border-style {
3414
- syntax: "*";
3415
- inherits: false;
3416
- initial-value: solid;
3417
- }
3418
- @property --tw-leading {
3419
- syntax: "*";
3420
- inherits: false;
3421
- }
3422
- @property --tw-font-weight {
3423
- syntax: "*";
3424
- inherits: false;
3425
- }
3426
- @property --tw-shadow {
3427
- syntax: "*";
3428
- inherits: false;
3429
- initial-value: 0 0 #0000;
3430
- }
3431
- @property --tw-shadow-color {
3432
- syntax: "*";
3433
- inherits: false;
3434
- }
3435
- @property --tw-shadow-alpha {
3436
- syntax: "<percentage>";
3437
- inherits: false;
3438
- initial-value: 100%;
3439
- }
3440
- @property --tw-inset-shadow {
3441
- syntax: "*";
3442
- inherits: false;
3443
- initial-value: 0 0 #0000;
3444
- }
3445
- @property --tw-inset-shadow-color {
3446
- syntax: "*";
3447
- inherits: false;
3448
- }
3449
- @property --tw-inset-shadow-alpha {
3450
- syntax: "<percentage>";
3451
- inherits: false;
3452
- initial-value: 100%;
3453
- }
3454
- @property --tw-ring-color {
3455
- syntax: "*";
3456
- inherits: false;
3457
- }
3458
- @property --tw-ring-shadow {
3459
- syntax: "*";
3460
- inherits: false;
3461
- initial-value: 0 0 #0000;
3462
- }
3463
- @property --tw-inset-ring-color {
3464
- syntax: "*";
3465
- inherits: false;
3466
- }
3467
- @property --tw-inset-ring-shadow {
3468
- syntax: "*";
3469
- inherits: false;
3470
- initial-value: 0 0 #0000;
3471
- }
3472
- @property --tw-ring-inset {
3473
- syntax: "*";
3474
- inherits: false;
3475
- }
3476
- @property --tw-ring-offset-width {
3477
- syntax: "<length>";
3478
- inherits: false;
3479
- initial-value: 0px;
3480
- }
3481
- @property --tw-ring-offset-color {
3482
- syntax: "*";
3483
- inherits: false;
3484
- initial-value: #fff;
3485
- }
3486
- @property --tw-ring-offset-shadow {
3487
- syntax: "*";
3488
- inherits: false;
3489
- initial-value: 0 0 #0000;
3490
- }
3491
- @property --tw-outline-style {
3492
- syntax: "*";
3493
- inherits: false;
3494
- initial-value: solid;
3495
- }
3496
- @property --tw-blur {
3497
- syntax: "*";
3498
- inherits: false;
3499
- }
3500
- @property --tw-brightness {
3501
- syntax: "*";
3502
- inherits: false;
3503
- }
3504
- @property --tw-contrast {
3505
- syntax: "*";
3506
- inherits: false;
3507
- }
3508
- @property --tw-grayscale {
3509
- syntax: "*";
3510
- inherits: false;
3511
- }
3512
- @property --tw-hue-rotate {
3513
- syntax: "*";
3514
- inherits: false;
3515
- }
3516
- @property --tw-invert {
3517
- syntax: "*";
3518
- inherits: false;
3519
- }
3520
- @property --tw-opacity {
3521
- syntax: "*";
3522
- inherits: false;
3523
- }
3524
- @property --tw-saturate {
3525
- syntax: "*";
3526
- inherits: false;
3527
- }
3528
- @property --tw-sepia {
3529
- syntax: "*";
3530
- inherits: false;
3531
- }
3532
- @property --tw-drop-shadow {
3533
- syntax: "*";
3534
- inherits: false;
3535
- }
3536
- @property --tw-drop-shadow-color {
3537
- syntax: "*";
3538
- inherits: false;
3539
- }
3540
- @property --tw-drop-shadow-alpha {
3541
- syntax: "<percentage>";
3542
- inherits: false;
3543
- initial-value: 100%;
3544
- }
3545
- @property --tw-drop-shadow-size {
3546
- syntax: "*";
3547
- inherits: false;
3548
- }
3549
- @property --tw-backdrop-blur {
3550
- syntax: "*";
3551
- inherits: false;
3552
- }
3553
- @property --tw-backdrop-brightness {
3554
- syntax: "*";
3555
- inherits: false;
3556
- }
3557
- @property --tw-backdrop-contrast {
3558
- syntax: "*";
3559
- inherits: false;
3560
- }
3561
- @property --tw-backdrop-grayscale {
3562
- syntax: "*";
3563
- inherits: false;
3564
- }
3565
- @property --tw-backdrop-hue-rotate {
3566
- syntax: "*";
3567
- inherits: false;
3568
- }
3569
- @property --tw-backdrop-invert {
3570
- syntax: "*";
3571
- inherits: false;
3572
- }
3573
- @property --tw-backdrop-opacity {
3574
- syntax: "*";
3575
- inherits: false;
3576
- }
3577
- @property --tw-backdrop-saturate {
3578
- syntax: "*";
3579
- inherits: false;
3580
- }
3581
- @property --tw-backdrop-sepia {
3582
- syntax: "*";
3583
- inherits: false;
3584
- }
3585
- @property --tw-duration {
3586
- syntax: "*";
3587
- inherits: false;
3588
- }
3589
- @property --tw-ease {
3590
- syntax: "*";
3591
- inherits: false;
3592
- }
3593
- @property --tw-content {
3594
- syntax: "*";
3595
- initial-value: "";
3596
- inherits: false;
3597
- }
3598
- @keyframes spin {
3599
- to {
3600
- transform: rotate(360deg);
3601
- }
3602
- }
3603
- @keyframes enter {
3604
- from {
3605
- opacity: var(--tw-enter-opacity,1);
3606
- transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
3607
- filter: blur(var(--tw-enter-blur,0));
3608
- }
3609
- }
3610
- @keyframes exit {
3611
- to {
3612
- opacity: var(--tw-exit-opacity,1);
3613
- transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
3614
- filter: blur(var(--tw-exit-blur,0));
3615
- }
3616
- }
3617
- @layer properties {
3618
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
3619
- .room-platform-room *, .room-platform-room ::before, .room-platform-room ::after, .room-platform-room ::backdrop {
3620
- --tw-animation-delay: 0s;
3621
- --tw-animation-direction: normal;
3622
- --tw-animation-duration: initial;
3623
- --tw-animation-fill-mode: none;
3624
- --tw-animation-iteration-count: 1;
3625
- --tw-enter-blur: 0;
3626
- --tw-enter-opacity: 1;
3627
- --tw-enter-rotate: 0;
3628
- --tw-enter-scale: 1;
3629
- --tw-enter-translate-x: 0;
3630
- --tw-enter-translate-y: 0;
3631
- --tw-exit-blur: 0;
3632
- --tw-exit-opacity: 1;
3633
- --tw-exit-rotate: 0;
3634
- --tw-exit-scale: 1;
3635
- --tw-exit-translate-x: 0;
3636
- --tw-exit-translate-y: 0;
3637
- --tw-translate-x: 0;
3638
- --tw-translate-y: 0;
3639
- --tw-translate-z: 0;
3640
- --tw-scale-x: 1;
3641
- --tw-scale-y: 1;
3642
- --tw-scale-z: 1;
3643
- --tw-rotate-x: initial;
3644
- --tw-rotate-y: initial;
3645
- --tw-rotate-z: initial;
3646
- --tw-skew-x: initial;
3647
- --tw-skew-y: initial;
3648
- --tw-border-style: solid;
3649
- --tw-leading: initial;
3650
- --tw-font-weight: initial;
3651
- --tw-shadow: 0 0 #0000;
3652
- --tw-shadow-color: initial;
3653
- --tw-shadow-alpha: 100%;
3654
- --tw-inset-shadow: 0 0 #0000;
3655
- --tw-inset-shadow-color: initial;
3656
- --tw-inset-shadow-alpha: 100%;
3657
- --tw-ring-color: initial;
3658
- --tw-ring-shadow: 0 0 #0000;
3659
- --tw-inset-ring-color: initial;
3660
- --tw-inset-ring-shadow: 0 0 #0000;
3661
- --tw-ring-inset: initial;
3662
- --tw-ring-offset-width: 0px;
3663
- --tw-ring-offset-color: #fff;
3664
- --tw-ring-offset-shadow: 0 0 #0000;
3665
- --tw-outline-style: solid;
3666
- --tw-blur: initial;
3667
- --tw-brightness: initial;
3668
- --tw-contrast: initial;
3669
- --tw-grayscale: initial;
3670
- --tw-hue-rotate: initial;
3671
- --tw-invert: initial;
3672
- --tw-opacity: initial;
3673
- --tw-saturate: initial;
3674
- --tw-sepia: initial;
3675
- --tw-drop-shadow: initial;
3676
- --tw-drop-shadow-color: initial;
3677
- --tw-drop-shadow-alpha: 100%;
3678
- --tw-drop-shadow-size: initial;
3679
- --tw-backdrop-blur: initial;
3680
- --tw-backdrop-brightness: initial;
3681
- --tw-backdrop-contrast: initial;
3682
- --tw-backdrop-grayscale: initial;
3683
- --tw-backdrop-hue-rotate: initial;
3684
- --tw-backdrop-invert: initial;
3685
- --tw-backdrop-opacity: initial;
3686
- --tw-backdrop-saturate: initial;
3687
- --tw-backdrop-sepia: initial;
3688
- --tw-duration: initial;
3689
- --tw-ease: initial;
3690
- --tw-content: "";
3691
- }
3692
- }
3693
- }
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.room-platform-room *,.room-platform-room :before,.room-platform-room :after,.room-platform-room ::backdrop{--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}.room-platform-room{--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-950:oklch(27.9% .077 45.635);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-950:oklch(26.2% .051 172.552);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-950:oklch(29.3% .066 243.157);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-widest:.1em;--leading-snug:1.375;--leading-normal:1.5;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-4xl:2rem;--drop-shadow-sm:0 1px 2px #00000026;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xs:4px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-background:#fff;--color-foreground:oklch(14.5% 0 0);--color-card:#fff;--color-card-foreground:oklch(14.5% 0 0);--color-popover:#fff;--color-popover-foreground:oklch(14.5% 0 0);--color-primary:#242f62;--color-primary-foreground:#fff;--color-secondary:#eb6619;--color-secondary-foreground:#fff;--color-muted:oklch(97% 0 0);--color-muted-foreground:oklch(55.6% 0 0);--color-accent:oklch(97% 0 0);--color-accent-foreground:oklch(20.5% 0 0);--color-destructive:oklch(57.7% .245 27.325);--color-border:oklch(92.2% 0 0);--color-input:oklch(92.2% 0 0);--color-ring:#9dc2f3;--color-liveclass-orange:#eb6619}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}.room-platform-room .\@container\/card-header{container:card-header/inline-size}.room-platform-room .\@container\/field-group{container:field-group/inline-size}.room-platform-room .pointer-events-auto{pointer-events:auto}.room-platform-room .pointer-events-none{pointer-events:none}.room-platform-room .invisible{visibility:hidden}.room-platform-room .visible{visibility:visible}.room-platform-room .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.room-platform-room .absolute{position:absolute}.room-platform-room .fixed{position:fixed}.room-platform-room .relative{position:relative}.room-platform-room .static{position:static}.room-platform-room .inset-0{inset:calc(var(--spacing) * 0)}.room-platform-room .inset-x-0{inset-inline:calc(var(--spacing) * 0)}.room-platform-room .inset-x-3{inset-inline:calc(var(--spacing) * 3)}.room-platform-room .inset-y-0{inset-block:calc(var(--spacing) * 0)}.room-platform-room .start{inset-inline-start:var(--spacing)}.room-platform-room .end{inset-inline-end:var(--spacing)}.room-platform-room .-top-12{top:calc(var(--spacing) * -12)}.room-platform-room .top-0{top:calc(var(--spacing) * 0)}.room-platform-room .top-1\.5{top:calc(var(--spacing) * 1.5)}.room-platform-room .top-1\/2{top:50%}.room-platform-room .top-2{top:calc(var(--spacing) * 2)}.room-platform-room .top-3{top:calc(var(--spacing) * 3)}.room-platform-room .top-3\.5{top:calc(var(--spacing) * 3.5)}.room-platform-room .top-4{top:calc(var(--spacing) * 4)}.room-platform-room .top-7{top:calc(var(--spacing) * 7)}.room-platform-room .-right-12{right:calc(var(--spacing) * -12)}.room-platform-room .right-0{right:calc(var(--spacing) * 0)}.room-platform-room .right-1{right:calc(var(--spacing) * 1)}.room-platform-room .right-2{right:calc(var(--spacing) * 2)}.room-platform-room .right-3{right:calc(var(--spacing) * 3)}.room-platform-room .right-4{right:calc(var(--spacing) * 4)}.room-platform-room .right-7{right:calc(var(--spacing) * 7)}.room-platform-room .-bottom-12{bottom:calc(var(--spacing) * -12)}.room-platform-room .bottom-0{bottom:calc(var(--spacing) * 0)}.room-platform-room .bottom-1{bottom:calc(var(--spacing) * 1)}.room-platform-room .bottom-2{bottom:calc(var(--spacing) * 2)}.room-platform-room .bottom-3{bottom:calc(var(--spacing) * 3)}.room-platform-room .bottom-4{bottom:calc(var(--spacing) * 4)}.room-platform-room .-left-12{left:calc(var(--spacing) * -12)}.room-platform-room .left-0{left:calc(var(--spacing) * 0)}.room-platform-room .left-1\/2{left:50%}.room-platform-room .left-2{left:calc(var(--spacing) * 2)}.room-platform-room .left-3{left:calc(var(--spacing) * 3)}.room-platform-room .left-4{left:calc(var(--spacing) * 4)}.room-platform-room .isolate{isolation:isolate}.room-platform-room .z-0{z-index:0}.room-platform-room .z-10{z-index:10}.room-platform-room .z-20{z-index:20}.room-platform-room .z-30{z-index:30}.room-platform-room .z-40{z-index:40}.room-platform-room .z-50{z-index:50}.room-platform-room .z-\[70\]{z-index:70}.room-platform-room .order-first{order:-9999}.room-platform-room .order-last{order:9999}.room-platform-room .col-start-2{grid-column-start:2}.room-platform-room .row-span-2{grid-row:span 2/span 2}.room-platform-room .row-start-1{grid-row-start:1}.room-platform-room .container{width:100%}@media (min-width:40rem){.room-platform-room .container{max-width:40rem}}@media (min-width:48rem){.room-platform-room .container{max-width:48rem}}@media (min-width:64rem){.room-platform-room .container{max-width:64rem}}@media (min-width:80rem){.room-platform-room .container{max-width:80rem}}@media (min-width:96rem){.room-platform-room .container{max-width:96rem}}.room-platform-room .m-0{margin:calc(var(--spacing) * 0)}.room-platform-room .m-auto{margin:auto}.room-platform-room .-mx-1{margin-inline:calc(var(--spacing) * -1)}.room-platform-room .-mx-4{margin-inline:calc(var(--spacing) * -4)}.room-platform-room .mx-2{margin-inline:calc(var(--spacing) * 2)}.room-platform-room .mx-3\.5{margin-inline:calc(var(--spacing) * 3.5)}.room-platform-room .mx-auto{margin-inline:auto}.room-platform-room .-my-2{margin-block:calc(var(--spacing) * -2)}.room-platform-room .my-1{margin-block:calc(var(--spacing) * 1)}.room-platform-room .-mt-4{margin-top:calc(var(--spacing) * -4)}.room-platform-room .mt-2{margin-top:calc(var(--spacing) * 2)}.room-platform-room .mt-3{margin-top:calc(var(--spacing) * 3)}.room-platform-room .mt-4{margin-top:calc(var(--spacing) * 4)}.room-platform-room .mt-auto{margin-top:auto}.room-platform-room .-mb-4{margin-bottom:calc(var(--spacing) * -4)}.room-platform-room .mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.room-platform-room .mb-2{margin-bottom:calc(var(--spacing) * 2)}.room-platform-room .mb-3{margin-bottom:calc(var(--spacing) * 3)}.room-platform-room .-ml-1{margin-left:calc(var(--spacing) * -1)}.room-platform-room .-ml-4{margin-left:calc(var(--spacing) * -4)}.room-platform-room .ml-4{margin-left:calc(var(--spacing) * 4)}.room-platform-room .ml-auto{margin-left:auto}.room-platform-room .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.room-platform-room .no-scrollbar::-webkit-scrollbar{display:none}.room-platform-room .block{display:block}.room-platform-room .flex{display:flex}.room-platform-room .grid{display:grid}.room-platform-room .hidden{display:none}.room-platform-room .inline{display:inline}.room-platform-room .inline-flex{display:inline-flex}.room-platform-room .inline-grid{display:inline-grid}.room-platform-room .table{display:table}.room-platform-room .table-caption{display:table-caption}.room-platform-room .table-cell{display:table-cell}.room-platform-room .table-row{display:table-row}.room-platform-room .field-sizing-content{field-sizing:content}.room-platform-room .aspect-square{aspect-ratio:1}.room-platform-room .aspect-video{aspect-ratio:var(--aspect-video)}.room-platform-room .size-\(--cell-size\){width:var(--cell-size);height:var(--cell-size)}.room-platform-room .size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.room-platform-room .size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.room-platform-room .size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.room-platform-room .size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.room-platform-room .size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.room-platform-room .size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.room-platform-room .size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.room-platform-room .size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.room-platform-room .size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.room-platform-room .size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.room-platform-room .size-auto{width:auto;height:auto}.room-platform-room .size-full{width:100%;height:100%}.room-platform-room .h-\(--cell-size\){height:var(--cell-size)}.room-platform-room .h-1{height:calc(var(--spacing) * 1)}.room-platform-room .h-4{height:calc(var(--spacing) * 4)}.room-platform-room .h-5{height:calc(var(--spacing) * 5)}.room-platform-room .h-6{height:calc(var(--spacing) * 6)}.room-platform-room .h-7{height:calc(var(--spacing) * 7)}.room-platform-room .h-8{height:calc(var(--spacing) * 8)}.room-platform-room .h-9{height:calc(var(--spacing) * 9)}.room-platform-room .h-10{height:calc(var(--spacing) * 10)}.room-platform-room .h-10\!{height:calc(var(--spacing) * 10)!important}.room-platform-room .h-12{height:calc(var(--spacing) * 12)}.room-platform-room .h-\[calc\(--spacing\(5\.25\)\)\]{height:calc(calc(var(--spacing) * 5.25))}.room-platform-room .h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.room-platform-room .h-auto{height:auto}.room-platform-room .h-dvh{height:100dvh}.room-platform-room .h-full{height:100%}.room-platform-room .h-px{height:1px}.room-platform-room .h-screen{height:100vh}.room-platform-room .h-svh{height:100svh}.room-platform-room .max-h-\(--available-height\){max-height:var(--available-height)}.room-platform-room .max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.room-platform-room .max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.room-platform-room .max-h-\[85vh\]{max-height:85vh}.room-platform-room .max-h-\[min\(calc\(--spacing\(72\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\]{max-height:min(calc(calc(var(--spacing) * 72) - calc(var(--spacing) * 9)), calc(var(--available-height) - calc(var(--spacing) * 9)))}.room-platform-room .max-h-full{max-height:100%}.room-platform-room .min-h-0{min-height:calc(var(--spacing) * 0)}.room-platform-room .min-h-8{min-height:calc(var(--spacing) * 8)}.room-platform-room .min-h-10{min-height:calc(var(--spacing) * 10)}.room-platform-room .min-h-16{min-height:calc(var(--spacing) * 16)}.room-platform-room .min-h-18{min-height:calc(var(--spacing) * 18)}.room-platform-room .min-h-\[320px\]{min-height:320px}.room-platform-room .min-h-dvh{min-height:100dvh}.room-platform-room .min-h-svh{min-height:100svh}.room-platform-room .w-\(--anchor-width\){width:var(--anchor-width)}.room-platform-room .w-\(--cell-size\){width:var(--cell-size)}.room-platform-room .w-\(--radix-dropdown-menu-trigger-width\){width:var(--radix-dropdown-menu-trigger-width)}.room-platform-room .w-4{width:calc(var(--spacing) * 4)}.room-platform-room .w-5{width:calc(var(--spacing) * 5)}.room-platform-room .w-9{width:calc(var(--spacing) * 9)}.room-platform-room .w-48{width:calc(var(--spacing) * 48)}.room-platform-room .w-72{width:calc(var(--spacing) * 72)}.room-platform-room .w-\[var\(--sidebar-width\)\]{width:var(--sidebar-width)}.room-platform-room .w-auto{width:auto}.room-platform-room .w-dvw{width:100dvw}.room-platform-room .w-fit{width:fit-content}.room-platform-room .w-full{width:100%}.room-platform-room .w-full\!{width:100%!important}.room-platform-room .w-screen{width:100vw}.room-platform-room .max-w-\(--available-width\){max-width:var(--available-width)}.room-platform-room .max-w-\[40\%\]{max-width:40%}.room-platform-room .max-w-\[calc\(100\%-1\.5rem\)\]{max-width:calc(100% - 1.5rem)}.room-platform-room .max-w-\[calc\(100\%-1rem\)\]{max-width:calc(100% - 1rem)}.room-platform-room .max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.room-platform-room .max-w-\[var\(--skeleton-width\)\]{max-width:var(--skeleton-width)}.room-platform-room .max-w-full{max-width:100%}.room-platform-room .max-w-none{max-width:none}.room-platform-room .max-w-xs{max-width:var(--container-xs)}.room-platform-room .min-w-\(--cell-size\){min-width:var(--cell-size)}.room-platform-room .min-w-0{min-width:calc(var(--spacing) * 0)}.room-platform-room .min-w-5{min-width:calc(var(--spacing) * 5)}.room-platform-room .min-w-7{min-width:calc(var(--spacing) * 7)}.room-platform-room .min-w-8{min-width:calc(var(--spacing) * 8)}.room-platform-room .min-w-9{min-width:calc(var(--spacing) * 9)}.room-platform-room .min-w-16{min-width:calc(var(--spacing) * 16)}.room-platform-room .min-w-32{min-width:calc(var(--spacing) * 32)}.room-platform-room .min-w-36{min-width:calc(var(--spacing) * 36)}.room-platform-room .min-w-\[96px\]{min-width:96px}.room-platform-room .min-w-\[calc\(var\(--anchor-width\)\+--spacing\(7\)\)\]{min-width:calc(var(--anchor-width) + calc(var(--spacing) * 7))}.room-platform-room .flex-1{flex:1}.room-platform-room .flex-none{flex:none}.room-platform-room .shrink-0{flex-shrink:0}.room-platform-room .grow-0{flex-grow:0}.room-platform-room .basis-full{flex-basis:100%}.room-platform-room .caption-bottom{caption-side:bottom}.room-platform-room .origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.room-platform-room .origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.room-platform-room .origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.room-platform-room .origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.room-platform-room .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .translate-y-\[calc\(100\%-0\.75rem\)\]{--tw-translate-y:calc(100% - .75rem);translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .-scale-x-100{--tw-scale-x:calc(100% * -1);scale:var(--tw-scale-x) var(--tw-scale-y)}.room-platform-room .rotate-45{rotate:45deg}.room-platform-room .rotate-90{rotate:90deg}.room-platform-room .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.room-platform-room .animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.room-platform-room .animate-pulse{animation:var(--animate-pulse)}.room-platform-room .animate-spin{animation:var(--animate-spin)}.room-platform-room .cursor-default{cursor:default}.room-platform-room .cursor-not-allowed{cursor:not-allowed}.room-platform-room .cursor-pointer{cursor:pointer}.room-platform-room .cursor-text{cursor:text}.room-platform-room .touch-manipulation{touch-action:manipulation}.room-platform-room .resize{resize:both}.room-platform-room .resize-none{resize:none}.room-platform-room .scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.room-platform-room .scroll-py-1{scroll-padding-block:calc(var(--spacing) * 1)}.room-platform-room .list-disc{list-style-type:disc}.room-platform-room .auto-rows-min{grid-auto-rows:min-content}.room-platform-room .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.room-platform-room .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.room-platform-room .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.room-platform-room .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.room-platform-room .grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.room-platform-room .grid-rows-\[auto_minmax\(0\,1fr\)\]{grid-template-rows:auto minmax(0,1fr)}.room-platform-room .grid-rows-\[minmax\(240px\,45dvh\)_minmax\(0\,1fr\)\]{grid-template-rows:minmax(240px,45dvh) minmax(0,1fr)}.room-platform-room .flex-col{flex-direction:column}.room-platform-room .flex-col-reverse{flex-direction:column-reverse}.room-platform-room .flex-row{flex-direction:row}.room-platform-room .flex-wrap{flex-wrap:wrap}.room-platform-room .place-content-center{place-content:center}.room-platform-room .place-items-center{place-items:center}.room-platform-room .content-start{align-content:flex-start}.room-platform-room .items-center{align-items:center}.room-platform-room .items-start{align-items:flex-start}.room-platform-room .items-stretch{align-items:stretch}.room-platform-room .justify-between{justify-content:space-between}.room-platform-room .justify-center{justify-content:center}.room-platform-room .justify-end{justify-content:flex-end}.room-platform-room .justify-start{justify-content:flex-start}.room-platform-room .gap-0{gap:calc(var(--spacing) * 0)}.room-platform-room .gap-0\.5{gap:calc(var(--spacing) * .5)}.room-platform-room .gap-1{gap:calc(var(--spacing) * 1)}.room-platform-room .gap-1\.5{gap:calc(var(--spacing) * 1.5)}.room-platform-room .gap-2{gap:calc(var(--spacing) * 2)}.room-platform-room .gap-2\.5{gap:calc(var(--spacing) * 2.5)}.room-platform-room .gap-3{gap:calc(var(--spacing) * 3)}.room-platform-room .gap-4{gap:calc(var(--spacing) * 4)}.room-platform-room .gap-5{gap:calc(var(--spacing) * 5)}.room-platform-room .gap-\[--spacing\(var\(--gap\)\)\]{gap:calc(var(--spacing) * var(--gap))}.room-platform-room .self-start{align-self:flex-start}.room-platform-room .self-stretch{align-self:stretch}.room-platform-room .justify-self-end{justify-self:flex-end}.room-platform-room .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-platform-room .overflow-auto{overflow:auto}.room-platform-room .overflow-hidden{overflow:hidden}.room-platform-room .overflow-x-auto{overflow-x:auto}.room-platform-room .overflow-x-hidden{overflow-x:hidden}.room-platform-room .overflow-y-auto{overflow-y:auto}.room-platform-room .overscroll-contain{overscroll-behavior:contain}.room-platform-room .rounded-\(--cell-radius\){border-radius:var(--cell-radius)}.room-platform-room .rounded-2xl{border-radius:var(--radius-2xl)}.room-platform-room .rounded-4xl{border-radius:var(--radius-4xl)}.room-platform-room .rounded-\[2px\]{border-radius:2px}.room-platform-room .rounded-\[4px\]{border-radius:4px}.room-platform-room .rounded-\[calc\(var\(--radius\)-3px\)\]{border-radius:calc(var(--radius) - 3px)}.room-platform-room .rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md), 10px)}.room-platform-room .rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md), 12px)}.room-platform-room .rounded-full{border-radius:3.40282e38px}.room-platform-room .rounded-lg{border-radius:var(--radius-lg)}.room-platform-room .rounded-md{border-radius:var(--radius-md)}.room-platform-room .rounded-none{border-radius:0}.room-platform-room .rounded-sm{border-radius:var(--radius-sm)}.room-platform-room .rounded-xl{border-radius:var(--radius-xl)}.room-platform-room .rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.room-platform-room .rounded-l-\(--cell-radius\){border-top-left-radius:var(--cell-radius);border-bottom-left-radius:var(--cell-radius)}.room-platform-room .rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.room-platform-room .rounded-r-\(--cell-radius\){border-top-right-radius:var(--cell-radius);border-bottom-right-radius:var(--cell-radius)}.room-platform-room .rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.room-platform-room .border{border-style:var(--tw-border-style);border-width:1px}.room-platform-room .border-0{border-style:var(--tw-border-style);border-width:0}.room-platform-room .border-2{border-style:var(--tw-border-style);border-width:2px}.room-platform-room .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.room-platform-room .border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.room-platform-room .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.room-platform-room .border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.room-platform-room .border-dashed{--tw-border-style:dashed;border-style:dashed}.room-platform-room .border-\[\#2563EB\]{border-color:#2563eb}.room-platform-room .border-amber-200{border-color:var(--color-amber-200)}.room-platform-room .border-border{border-color:var(--color-border)}.room-platform-room .border-emerald-200{border-color:var(--color-emerald-200)}.room-platform-room .border-input{border-color:var(--color-input)}.room-platform-room .border-liveclass-orange{border-color:var(--color-liveclass-orange)}.room-platform-room .border-liveclass-orange\/30{border-color:#eb66194d}@supports (color:color-mix(in lab, red, red)){.room-platform-room .border-liveclass-orange\/30{border-color:color-mix(in oklab, var(--color-liveclass-orange) 30%, transparent)}}.room-platform-room .border-primary\/10{border-color:#242f621a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .border-primary\/10{border-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.room-platform-room .border-red-200{border-color:var(--color-red-200)}.room-platform-room .border-red-300\/40{border-color:#ffa3a366}@supports (color:color-mix(in lab, red, red)){.room-platform-room .border-red-300\/40{border-color:color-mix(in oklab, var(--color-red-300) 40%, transparent)}}.room-platform-room .border-sky-200{border-color:var(--color-sky-200)}.room-platform-room .border-slate-200{border-color:var(--color-slate-200)}.room-platform-room .border-slate-300{border-color:var(--color-slate-300)}.room-platform-room .border-transparent{border-color:#0000}.room-platform-room .border-white{border-color:var(--color-white)}.room-platform-room .border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.room-platform-room .border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.room-platform-room .border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.room-platform-room .border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.room-platform-room .border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.room-platform-room .bg-amber-50{background-color:var(--color-amber-50)}.room-platform-room .bg-background{background-color:var(--color-background)}.room-platform-room .bg-black{background-color:var(--color-black)}.room-platform-room .bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-black\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.room-platform-room .bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.room-platform-room .bg-border{background-color:var(--color-border)}.room-platform-room .bg-card{background-color:var(--color-card)}.room-platform-room .bg-destructive\/10{background-color:#e400141a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-destructive\/10{background-color:color-mix(in oklab, var(--color-destructive) 10%, transparent)}}.room-platform-room .bg-emerald-50{background-color:var(--color-emerald-50)}.room-platform-room .bg-input{background-color:var(--color-input)}.room-platform-room .bg-liveclass-orange{background-color:var(--color-liveclass-orange)}.room-platform-room .bg-liveclass-orange\/10{background-color:#eb66191a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-liveclass-orange\/10{background-color:color-mix(in oklab, var(--color-liveclass-orange) 10%, transparent)}}.room-platform-room .bg-muted{background-color:var(--color-muted)}.room-platform-room .bg-muted\/50{background-color:#f5f5f580}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-muted\/50{background-color:color-mix(in oklab, var(--color-muted) 50%, transparent)}}.room-platform-room .bg-popover{background-color:var(--color-popover)}.room-platform-room .bg-primary{background-color:var(--color-primary)}.room-platform-room .bg-primary\/10{background-color:#242f621a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-primary\/10{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.room-platform-room .bg-red-50{background-color:var(--color-red-50)}.room-platform-room .bg-secondary{background-color:var(--color-secondary)}.room-platform-room .bg-sky-50{background-color:var(--color-sky-50)}.room-platform-room .bg-slate-50{background-color:var(--color-slate-50)}.room-platform-room .bg-slate-900{background-color:var(--color-slate-900)}.room-platform-room .bg-slate-900\/45{background-color:#0f172b73}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-slate-900\/45{background-color:color-mix(in oklab, var(--color-slate-900) 45%, transparent)}}.room-platform-room .bg-slate-950{background-color:var(--color-slate-950)}.room-platform-room .bg-slate-950\/40{background-color:#02061866}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-slate-950\/40{background-color:color-mix(in oklab, var(--color-slate-950) 40%, transparent)}}.room-platform-room .bg-slate-950\/75{background-color:#020618bf}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-slate-950\/75{background-color:color-mix(in oklab, var(--color-slate-950) 75%, transparent)}}.room-platform-room .bg-slate-950\/80{background-color:#020618cc}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-slate-950\/80{background-color:color-mix(in oklab, var(--color-slate-950) 80%, transparent)}}.room-platform-room .bg-slate-950\/90{background-color:#020618e6}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-slate-950\/90{background-color:color-mix(in oklab, var(--color-slate-950) 90%, transparent)}}.room-platform-room .bg-transparent{background-color:#0000}.room-platform-room .bg-white{background-color:var(--color-white)}.room-platform-room .bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.room-platform-room .bg-clip-padding{background-clip:padding-box}.room-platform-room .fill-primary{fill:var(--color-primary)}.room-platform-room .object-contain{object-fit:contain}.room-platform-room .object-cover{object-fit:cover}.room-platform-room .p-0{padding:calc(var(--spacing) * 0)}.room-platform-room .p-1{padding:calc(var(--spacing) * 1)}.room-platform-room .p-2{padding:calc(var(--spacing) * 2)}.room-platform-room .p-2\.5{padding:calc(var(--spacing) * 2.5)}.room-platform-room .p-3{padding:calc(var(--spacing) * 3)}.room-platform-room .p-4{padding:calc(var(--spacing) * 4)}.room-platform-room .p-6{padding:calc(var(--spacing) * 6)}.room-platform-room .p-\[3px\]{padding:3px}.room-platform-room .px-\(--cell-size\){padding-inline:var(--cell-size)}.room-platform-room .px-1{padding-inline:calc(var(--spacing) * 1)}.room-platform-room .px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.room-platform-room .px-2{padding-inline:calc(var(--spacing) * 2)}.room-platform-room .px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.room-platform-room .px-3{padding-inline:calc(var(--spacing) * 3)}.room-platform-room .px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.room-platform-room .px-4{padding-inline:calc(var(--spacing) * 4)}.room-platform-room .py-0\.5{padding-block:calc(var(--spacing) * .5)}.room-platform-room .py-1{padding-block:calc(var(--spacing) * 1)}.room-platform-room .py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.room-platform-room .py-2{padding-block:calc(var(--spacing) * 2)}.room-platform-room .py-3{padding-block:calc(var(--spacing) * 3)}.room-platform-room .py-4{padding-block:calc(var(--spacing) * 4)}.room-platform-room .pt-2{padding-top:calc(var(--spacing) * 2)}.room-platform-room .pt-4{padding-top:calc(var(--spacing) * 4)}.room-platform-room .pr-2{padding-right:calc(var(--spacing) * 2)}.room-platform-room .pr-8{padding-right:calc(var(--spacing) * 8)}.room-platform-room .pr-10{padding-right:calc(var(--spacing) * 10)}.room-platform-room .pr-20{padding-right:calc(var(--spacing) * 20)}.room-platform-room .pb-2{padding-bottom:calc(var(--spacing) * 2)}.room-platform-room .pb-3{padding-bottom:calc(var(--spacing) * 3)}.room-platform-room .pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.room-platform-room .pl-2{padding-left:calc(var(--spacing) * 2)}.room-platform-room .pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.room-platform-room .pl-4{padding-left:calc(var(--spacing) * 4)}.room-platform-room .text-center{text-align:center}.room-platform-room .text-left{text-align:left}.room-platform-room .align-middle{vertical-align:middle}.room-platform-room .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.room-platform-room .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.room-platform-room .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.room-platform-room .text-\[0\.8rem\]{font-size:.8rem}.room-platform-room .leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.room-platform-room .leading-none{--tw-leading:1;line-height:1}.room-platform-room .leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.room-platform-room .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.room-platform-room .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.room-platform-room .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.room-platform-room .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.room-platform-room .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.room-platform-room .tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.room-platform-room .text-balance{text-wrap:balance}.room-platform-room .whitespace-nowrap{white-space:nowrap}.room-platform-room .text-\[\#2563EB\]{color:#2563eb}.room-platform-room .text-amber-700{color:var(--color-amber-700)}.room-platform-room .text-amber-950{color:var(--color-amber-950)}.room-platform-room .text-card-foreground{color:var(--color-card-foreground)}.room-platform-room .text-current{color:currentColor}.room-platform-room .text-destructive{color:var(--color-destructive)}.room-platform-room .text-emerald-950{color:var(--color-emerald-950)}.room-platform-room .text-foreground{color:var(--color-foreground)}.room-platform-room .text-foreground\/60{color:#0a0a0a99}@supports (color:color-mix(in lab, red, red)){.room-platform-room .text-foreground\/60{color:color-mix(in oklab, var(--color-foreground) 60%, transparent)}}.room-platform-room .text-liveclass-orange{color:var(--color-liveclass-orange)}.room-platform-room .text-muted-foreground{color:var(--color-muted-foreground)}.room-platform-room .text-popover-foreground{color:var(--color-popover-foreground)}.room-platform-room .text-primary{color:var(--color-primary)}.room-platform-room .text-primary-foreground{color:var(--color-primary-foreground)}.room-platform-room .text-red-100{color:var(--color-red-100)}.room-platform-room .text-secondary-foreground{color:var(--color-secondary-foreground)}.room-platform-room .text-sky-950{color:var(--color-sky-950)}.room-platform-room .text-slate-200{color:var(--color-slate-200)}.room-platform-room .text-slate-300{color:var(--color-slate-300)}.room-platform-room .text-slate-400{color:var(--color-slate-400)}.room-platform-room .text-slate-500{color:var(--color-slate-500)}.room-platform-room .text-slate-700{color:var(--color-slate-700)}.room-platform-room .text-slate-950{color:var(--color-slate-950)}.room-platform-room .text-white{color:var(--color-white)}.room-platform-room .text-white\/55{color:#ffffff8c}@supports (color:color-mix(in lab, red, red)){.room-platform-room .text-white\/55{color:color-mix(in oklab, var(--color-white) 55%, transparent)}}.room-platform-room .text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.room-platform-room .text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.room-platform-room .text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.room-platform-room .text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.room-platform-room .uppercase{text-transform:uppercase}.room-platform-room .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.room-platform-room .underline-offset-4{text-underline-offset:4px}.room-platform-room .opacity-0{opacity:0}.room-platform-room .opacity-50{opacity:.5}.room-platform-room .opacity-70{opacity:.7}.room-platform-room .opacity-80{opacity:.8}.room-platform-room .shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .shadow-\[0_0_0_1px_var\(--sidebar-border\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .ring-\[\#2563EB\]\/15{--tw-ring-color:oklab(54.615% -.026671 -.213549/.15)}.room-platform-room .ring-emerald-400{--tw-ring-color:var(--color-emerald-400)}.room-platform-room .ring-foreground\/10{--tw-ring-color:#0a0a0a1a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--color-foreground) 10%, transparent)}}.room-platform-room .ring-white\/10{--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .ring-white\/10{--tw-ring-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.room-platform-room .outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.room-platform-room .outline-hidden{outline-offset:2px;outline:2px solid #0000}}.room-platform-room .outline{outline-style:var(--tw-outline-style);outline-width:1px}.room-platform-room .blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.room-platform-room .blur-\[3px\]{--tw-blur:blur(3px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.room-platform-room .blur-\[6px\]{--tw-blur:blur(6px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.room-platform-room .drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.room-platform-room .backdrop-blur-\[1px\]{--tw-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.room-platform-room .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.room-platform-room .transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.room-platform-room .transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.room-platform-room .transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.room-platform-room .transition-\[width\,transform\,opacity\]{transition-property:width,transform,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.room-platform-room .transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.room-platform-room .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.room-platform-room .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.room-platform-room .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.room-platform-room .transition-none{transition-property:none}.room-platform-room .duration-100{--tw-duration:.1s;transition-duration:.1s}.room-platform-room .duration-200{--tw-duration:.2s;transition-duration:.2s}.room-platform-room .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.room-platform-room .ease-linear{--tw-ease:linear;transition-timing-function:linear}.room-platform-room .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.room-platform-room .fade-in-0{--tw-enter-opacity:0}.room-platform-room .outline-none{--tw-outline-style:none;outline-style:none}.room-platform-room .select-none{-webkit-user-select:none;user-select:none}.room-platform-room .zoom-in-95{--tw-enter-scale:.95}.room-platform-room .\[--cell-radius\:var\(--radius-md\)\]{--cell-radius:var(--radius-md)}.room-platform-room .\[--cell-size\:--spacing\(7\)\]{--cell-size:calc(var(--spacing) * 7)}.room-platform-room .paused{animation-play-state:paused}.room-platform-room .ring-inset{--tw-ring-inset:inset}.room-platform-room .running{animation-play-state:running}.room-platform-room :is(.\*\:w-full>*){width:100%}.room-platform-room .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media (hover:hover){.room-platform-room .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.room-platform-room .group-focus\/dropdown-menu-item\:text-accent-foreground:is(:where(.group\/dropdown-menu-item):focus *){color:var(--color-accent-foreground)}.room-platform-room .group-has-disabled\/field\:opacity-50:is(:where(.group\/field):has(:disabled) *){opacity:.5}.room-platform-room .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing) * 8)}.room-platform-room .group-has-data-\[slot\=combobox-clear\]\/input-group\:hidden:is(:where(.group\/input-group):has([data-slot=combobox-clear]) *){display:none}.room-platform-room .group-has-data-horizontal\/field\:text-balance:is(:where(.group\/field):has(:where([data-orientation=horizontal])) *){text-wrap:balance}.room-platform-room .group-has-\[\>input\]\/input-group\:pt-2:is(:where(.group\/input-group):has(>input) *){padding-top:calc(var(--spacing) * 2)}.room-platform-room .group-has-\[\>input\]\/input-group\:pb-2:is(:where(.group\/input-group):has(>input) *){padding-bottom:calc(var(--spacing) * 2)}.room-platform-room .group-has-\[\>svg\]\/alert\:col-start-2:is(:where(.group\/alert):has(>svg) *){grid-column-start:2}.room-platform-room .group-data-empty\/combobox-content\:flex:is(:where(.group\/combobox-content)[data-empty] *){display:flex}.room-platform-room .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing) * -8)}.room-platform-room .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.room-platform-room .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing) * 8)!important;height:calc(var(--spacing) * 8)!important}.room-platform-room .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+1rem\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + 1rem)}.room-platform-room .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+1rem\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + 1rem + 2px)}.room-platform-room .group-data-\[collapsible\=icon\]\:w-\[var\(--sidebar-width-icon\)\]:is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.room-platform-room .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.room-platform-room .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 0)!important}.room-platform-room .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 2)!important}.room-platform-room .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.room-platform-room .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing) * 0)}.room-platform-room .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.room-platform-room .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *),.room-platform-room .group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *),.room-platform-room .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *){opacity:.5}.room-platform-room .group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *){position:relative}.room-platform-room .group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *){z-index:10}.room-platform-room .group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused=true] *){border-color:var(--color-ring)}.room-platform-room .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused=true] *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:#9dc2f380}@supports (color:color-mix(in lab, red, red)){.room-platform-room .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:color-mix(in oklab, var(--color-ring) 50%, transparent)}}.room-platform-room .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing) * -4)}.room-platform-room .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.room-platform-room .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:calc(var(--spacing) * 0)}.room-platform-room .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.room-platform-room .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.room-platform-room .group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size=sm] *){display:grid}.room-platform-room .group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size=sm] *){grid-template-columns:repeat(2,minmax(0,1fr))}.room-platform-room .group-data-\[size\=sm\]\/card\:p-3:is(:where(.group\/card)[data-size=sm] *){padding:calc(var(--spacing) * 3)}.room-platform-room .group-data-\[size\=sm\]\/card\:px-3:is(:where(.group\/card)[data-size=sm] *){padding-inline:calc(var(--spacing) * 3)}.room-platform-room .group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size=sm] *){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.room-platform-room .group-data-\[spacing\=0\]\/toggle-group\:rounded-none:is(:where(.group\/toggle-group)[data-spacing="0"] *){border-radius:0}.room-platform-room .group-data-\[spacing\=0\]\/toggle-group\:px-2:is(:where(.group\/toggle-group)[data-spacing="0"] *){padding-inline:calc(var(--spacing) * 2)}.room-platform-room .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius-lg)}.room-platform-room .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .group-data-\[variant\=floating\]\:ring-1:is(:where(.group)[data-variant=floating] *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.room-platform-room .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *){margin-bottom:calc(var(--spacing) * -2)}.room-platform-room .group-data-horizontal\/tabs\:h-8:is(:where(.group\/tabs):where([data-orientation=horizontal]) *){height:calc(var(--spacing) * 8)}.room-platform-room .group-data-vertical\/tabs\:h-fit:is(:where(.group\/tabs):where([data-orientation=vertical]) *){height:fit-content}.room-platform-room .group-data-vertical\/tabs\:w-full:is(:where(.group\/tabs):where([data-orientation=vertical]) *){width:100%}.room-platform-room .group-data-vertical\/tabs\:flex-col:is(:where(.group\/tabs):where([data-orientation=vertical]) *){flex-direction:column}.room-platform-room .group-data-vertical\/tabs\:justify-start:is(:where(.group\/tabs):where([data-orientation=vertical]) *){justify-content:flex-start}.room-platform-room .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.room-platform-room .peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.room-platform-room .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing) * 1.5)}.room-platform-room .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing) * 2.5)}.room-platform-room .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:calc(var(--spacing) * 1)}.room-platform-room .file\:inline-flex::file-selector-button{display:inline-flex}.room-platform-room .file\:h-6::file-selector-button{height:calc(var(--spacing) * 6)}.room-platform-room .file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.room-platform-room .file\:bg-transparent::file-selector-button{background-color:#0000}.room-platform-room .file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.room-platform-room .file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.room-platform-room .file\:text-foreground::file-selector-button{color:var(--color-foreground)}.room-platform-room .placeholder\:text-muted-foreground::placeholder{color:var(--color-muted-foreground)}.room-platform-room .after\:absolute:after{content:var(--tw-content);position:absolute}.room-platform-room .after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.room-platform-room .after\:-inset-x-3:after{content:var(--tw-content);inset-inline:calc(var(--spacing) * -3)}.room-platform-room .after\:-inset-y-2:after{content:var(--tw-content);inset-block:calc(var(--spacing) * -2)}.room-platform-room .after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}.room-platform-room .after\:start-1\/2:after{content:var(--tw-content);inset-inline-start:50%}.room-platform-room .after\:right-0:after{content:var(--tw-content);right:calc(var(--spacing) * 0)}.room-platform-room .after\:left-0:after{content:var(--tw-content);left:calc(var(--spacing) * 0)}.room-platform-room .after\:w-4:after{content:var(--tw-content);width:calc(var(--spacing) * 4)}.room-platform-room .after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.room-platform-room .after\:bg-foreground:after{content:var(--tw-content);background-color:var(--color-foreground)}.room-platform-room .after\:bg-muted:after{content:var(--tw-content);background-color:var(--color-muted)}.room-platform-room .after\:opacity-0:after{content:var(--tw-content);opacity:0}.room-platform-room .after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.room-platform-room .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.room-platform-room .group-data-horizontal\/tabs\:after\:inset-x-0:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);inset-inline:calc(var(--spacing) * 0)}.room-platform-room .group-data-horizontal\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);bottom:-5px}.room-platform-room .group-data-horizontal\/tabs\:after\:h-0\.5:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.room-platform-room .group-data-vertical\/tabs\:after\:inset-y-0:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}.room-platform-room .group-data-vertical\/tabs\:after\:-right-1:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);right:calc(var(--spacing) * -1)}.room-platform-room .group-data-vertical\/tabs\:after\:w-0\.5:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);width:calc(var(--spacing) * .5)}.room-platform-room .last\:mt-0:last-child{margin-top:calc(var(--spacing) * 0)}.room-platform-room .focus-within\:border-ring:focus-within{border-color:var(--color-ring)}.room-platform-room .focus-within\:ring-3:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .focus-within\:ring-ring\/50:focus-within{--tw-ring-color:#9dc2f380}@supports (color:color-mix(in lab, red, red)){.room-platform-room .focus-within\:ring-ring\/50:focus-within{--tw-ring-color:color-mix(in oklab, var(--color-ring) 50%, transparent)}}@media (hover:hover){.room-platform-room .hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.room-platform-room .hover\:border-slate-400:hover{border-color:var(--color-slate-400)}.room-platform-room .hover\:bg-destructive\/20:hover{background-color:#e4001433}@supports (color:color-mix(in lab, red, red)){.room-platform-room .hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.room-platform-room .hover\:bg-liveclass-orange\/90:hover{background-color:#eb6619e6}@supports (color:color-mix(in lab, red, red)){.room-platform-room .hover\:bg-liveclass-orange\/90:hover{background-color:color-mix(in oklab, var(--color-liveclass-orange) 90%, transparent)}}.room-platform-room .hover\:bg-muted:hover{background-color:var(--color-muted)}.room-platform-room .hover\:bg-muted\/50:hover{background-color:#f5f5f580}@supports (color:color-mix(in lab, red, red)){.room-platform-room .hover\:bg-muted\/50:hover{background-color:color-mix(in oklab, var(--color-muted) 50%, transparent)}}.room-platform-room .hover\:bg-red-50:hover{background-color:var(--color-red-50)}.room-platform-room .hover\:bg-red-500\/15:hover{background-color:#fb2c3626}@supports (color:color-mix(in lab, red, red)){.room-platform-room .hover\:bg-red-500\/15:hover{background-color:color-mix(in oklab, var(--color-red-500) 15%, transparent)}}.room-platform-room .hover\:bg-secondary\/80:hover{background-color:#eb6619cc}@supports (color:color-mix(in lab, red, red)){.room-platform-room .hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}}.room-platform-room .hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.room-platform-room .hover\:bg-slate-900:hover{background-color:var(--color-slate-900)}.room-platform-room .hover\:bg-transparent:hover{background-color:#0000}.room-platform-room .hover\:bg-white:hover{background-color:var(--color-white)}.room-platform-room .hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.room-platform-room .hover\:bg-white\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.room-platform-room .hover\:bg-white\/15:hover{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.room-platform-room .hover\:text-foreground:hover{color:var(--color-foreground)}.room-platform-room .hover\:text-muted-foreground:hover{color:var(--color-muted-foreground)}.room-platform-room .hover\:text-red-600:hover{color:var(--color-red-600)}.room-platform-room .hover\:text-white:hover{color:var(--color-white)}.room-platform-room .hover\:underline:hover{text-decoration-line:underline}.room-platform-room .hover\:opacity-100:hover{opacity:1}.room-platform-room .hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-accent));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.room-platform-room .focus\:z-10:focus{z-index:10}.room-platform-room .focus\:bg-accent:focus{background-color:var(--color-accent)}.room-platform-room .focus\:text-accent-foreground:focus,.room-platform-room :is(.focus\:\*\*\:text-accent-foreground:focus *),.room-platform-room :is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant=destructive]):focus *){color:var(--color-accent-foreground)}.room-platform-room .focus-visible\:z-10:focus-visible{z-index:10}.room-platform-room .focus-visible\:border-destructive\/40:focus-visible{border-color:#e4001466}@supports (color:color-mix(in lab, red, red)){.room-platform-room .focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab, var(--color-destructive) 40%, transparent)}}.room-platform-room .focus-visible\:border-ring:focus-visible{border-color:var(--color-ring)}.room-platform-room .focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .focus-visible\:ring-3:focus-visible,.room-platform-room .focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:#e4001433}@supports (color:color-mix(in lab, red, red)){.room-platform-room .focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.room-platform-room .focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:#9dc2f380}@supports (color:color-mix(in lab, red, red)){.room-platform-room .focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-ring) 50%, transparent)}}.room-platform-room .focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.room-platform-room .focus-visible\:outline-ring:focus-visible{outline-color:var(--color-ring)}.room-platform-room :is(.\*\:focus-visible\:relative>*):focus-visible{position:relative}.room-platform-room :is(.\*\:focus-visible\:z-10>*):focus-visible{z-index:10}.room-platform-room .active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .disabled\:pointer-events-none:disabled{pointer-events:none}.room-platform-room .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.room-platform-room .disabled\:border-white\/35:disabled{border-color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.room-platform-room .disabled\:border-white\/35:disabled{border-color:color-mix(in oklab, var(--color-white) 35%, transparent)}}.room-platform-room .disabled\:bg-input\/50:disabled{background-color:#e5e5e580}@supports (color:color-mix(in lab, red, red)){.room-platform-room .disabled\:bg-input\/50:disabled{background-color:color-mix(in oklab, var(--color-input) 50%, transparent)}}.room-platform-room .disabled\:bg-transparent:disabled{background-color:#0000}.room-platform-room .disabled\:bg-white\/5:disabled{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.room-platform-room .disabled\:bg-white\/5:disabled{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.room-platform-room .disabled\:text-white\/65:disabled{color:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.room-platform-room .disabled\:text-white\/65:disabled{color:color-mix(in oklab, var(--color-white) 65%, transparent)}}.room-platform-room .disabled\:opacity-50:disabled{opacity:.5}.room-platform-room :where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}.room-platform-room :where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.room-platform-room :where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius-lg)}.room-platform-room :where([data-slot=card-content]) .in-data-\[slot\=card-content\]\:bg-transparent{background-color:#0000}.room-platform-room :where([data-slot=combobox-content]) .in-data-\[slot\=combobox-content\]\:focus-within\:border-inherit:focus-within{border-color:inherit}.room-platform-room :where([data-slot=combobox-content]) .in-data-\[slot\=combobox-content\]\:focus-within\:ring-0:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room :where([data-slot=popover-content]) .in-data-\[slot\=popover-content\]\:bg-transparent{background-color:#0000}.room-platform-room .has-disabled\:pointer-events-none:has(:disabled){pointer-events:none}.room-platform-room .has-disabled\:cursor-not-allowed:has(:disabled){cursor:not-allowed}.room-platform-room .has-disabled\:bg-input\/50:has(:disabled){background-color:#e5e5e580}@supports (color:color-mix(in lab, red, red)){.room-platform-room .has-disabled\:bg-input\/50:has(:disabled){background-color:color-mix(in oklab, var(--color-input) 50%, transparent)}}.room-platform-room .has-disabled\:opacity-50:has(:disabled){opacity:.5}.room-platform-room .has-aria-expanded\:bg-muted\/50:has([aria-expanded=true]){background-color:#f5f5f580}@supports (color:color-mix(in lab, red, red)){.room-platform-room .has-aria-expanded\:bg-muted\/50:has([aria-expanded=true]){background-color:color-mix(in oklab, var(--color-muted) 50%, transparent)}}.room-platform-room .has-aria-invalid\:border-destructive:has([aria-invalid=true]){border-color:var(--color-destructive)}.room-platform-room .has-aria-invalid\:ring-3:has([aria-invalid=true]){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .has-aria-invalid\:ring-destructive\/20:has([aria-invalid=true]){--tw-ring-color:#e4001433}@supports (color:color-mix(in lab, red, red)){.room-platform-room .has-aria-invalid\:ring-destructive\/20:has([aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.room-platform-room .has-data-\[icon\=inline-end\]\:pr-1:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1)}.room-platform-room .has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.room-platform-room .has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.room-platform-room .has-data-\[icon\=inline-end\]\:pr-3:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 3)}.room-platform-room .group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-end\]\:pr-1\.5:is(:where(.group\/toggle-group)[data-spacing="0"] *):has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.room-platform-room .has-data-\[icon\=inline-start\]\:pl-1:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1)}.room-platform-room .has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.room-platform-room .has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.room-platform-room .has-data-\[icon\=inline-start\]\:pl-3:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 3)}.room-platform-room .group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-start\]\:pl-1\.5:is(:where(.group\/toggle-group)[data-spacing="0"] *):has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.room-platform-room .has-data-\[slot\=alert-action\]\:relative:has([data-slot=alert-action]){position:relative}.room-platform-room .has-data-\[slot\=alert-action\]\:pr-18:has([data-slot=alert-action]){padding-right:calc(var(--spacing) * 18)}.room-platform-room .has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot=alert-dialog-media]){grid-template-rows:auto auto 1fr}.room-platform-room .has-data-\[slot\=alert-dialog-media\]\:gap-x-4:has([data-slot=alert-dialog-media]){column-gap:calc(var(--spacing) * 4)}.room-platform-room .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.room-platform-room .has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot=card-description]){grid-template-rows:auto auto}.room-platform-room .has-data-\[slot\=card-footer\]\:pb-0:has([data-slot=card-footer]){padding-bottom:calc(var(--spacing) * 0)}.room-platform-room .has-data-\[slot\=combobox-chip\]\:px-1:has([data-slot=combobox-chip]){padding-inline:calc(var(--spacing) * 1)}.room-platform-room .has-data-\[slot\=combobox-chip-remove\]\:pr-0:has([data-slot=combobox-chip-remove]){padding-right:calc(var(--spacing) * 0)}.room-platform-room .has-data-checked\:border-primary\/30:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){border-color:#242f624d}@supports (color:color-mix(in lab, red, red)){.room-platform-room .has-data-checked\:border-primary\/30:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){border-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}}.room-platform-room .has-data-checked\:bg-primary\/5:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){background-color:#242f620d}@supports (color:color-mix(in lab, red, red)){.room-platform-room .has-data-checked\:bg-primary\/5:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){background-color:color-mix(in oklab, var(--color-primary) 5%, transparent)}}.room-platform-room .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot=input-group-control]:focus-visible){border-color:var(--color-ring)}.room-platform-room .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-3:has([data-slot=input-group-control]:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:#9dc2f380}@supports (color:color-mix(in lab, red, red)){.room-platform-room .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:color-mix(in oklab, var(--color-ring) 50%, transparent)}}.room-platform-room .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]){border-color:var(--color-destructive)}.room-platform-room .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-3:has([data-slot][aria-invalid=true]){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:#e4001433}@supports (color:color-mix(in lab, red, red)){.room-platform-room .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.room-platform-room .has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.room-platform-room .has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.room-platform-room .has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.room-platform-room .has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.room-platform-room .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing) * 2)}.room-platform-room .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){gap:calc(var(--spacing) * 3)}.room-platform-room .has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.room-platform-room .has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){width:100%}.room-platform-room .has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){flex-direction:column}.room-platform-room .has-\[\>\[data-slot\=field\]\]\:rounded-lg:has(>[data-slot=field]){border-radius:var(--radius-lg)}.room-platform-room .has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}.room-platform-room .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){gap:calc(var(--spacing) * 3)}.room-platform-room .has-\[\>button\]\:mr-\[-0\.3rem\]:has(>button){margin-right:-.3rem}.room-platform-room .has-\[\>button\]\:ml-\[-0\.3rem\]:has(>button){margin-left:-.3rem}.room-platform-room .has-\[\>img\:first-child\]\:pt-0:has(>img:first-child){padding-top:calc(var(--spacing) * 0)}.room-platform-room .has-\[\>kbd\]\:mr-\[-0\.15rem\]:has(>kbd){margin-right:-.15rem}.room-platform-room .has-\[\>kbd\]\:ml-\[-0\.15rem\]:has(>kbd){margin-left:-.15rem}.room-platform-room .has-\[\>svg\]\:grid-cols-\[auto_1fr\]:has(>svg){grid-template-columns:auto 1fr}.room-platform-room .has-\[\>svg\]\:gap-x-2:has(>svg){column-gap:calc(var(--spacing) * 2)}.room-platform-room .has-\[\>svg\]\:p-0:has(>svg){padding:calc(var(--spacing) * 0)}.room-platform-room .has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.room-platform-room .aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.room-platform-room .aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.room-platform-room .aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--color-muted)}.room-platform-room .aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--color-secondary)}.room-platform-room .aria-expanded\:text-foreground[aria-expanded=true]{color:var(--color-foreground)}.room-platform-room .aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--color-secondary-foreground)}.room-platform-room .aria-expanded\:opacity-100[aria-expanded=true]{opacity:1}.room-platform-room .aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--color-destructive)}.room-platform-room .aria-invalid\:ring-0[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:#e4001433}@supports (color:color-mix(in lab, red, red)){.room-platform-room .aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.room-platform-room .aria-invalid\:aria-checked\:border-primary[aria-invalid=true][aria-checked=true]{border-color:var(--color-primary)}.room-platform-room .aria-pressed\:bg-muted[aria-pressed=true]{background-color:var(--color-muted)}.room-platform-room .aria-selected\:text-muted-foreground[aria-selected=true]{color:var(--color-muted-foreground)}.room-platform-room .data-empty\:p-0[data-empty]{padding:calc(var(--spacing) * 0)}.room-platform-room .data-highlighted\:bg-accent[data-highlighted]{background-color:var(--color-accent)}.room-platform-room .data-highlighted\:text-accent-foreground[data-highlighted],.room-platform-room :is(.not-data-\[variant\=destructive\]\:data-highlighted\:\*\*\:text-accent-foreground:not([data-variant=destructive])[data-highlighted] *){color:var(--color-accent-foreground)}.room-platform-room .data-inset\:pl-7[data-inset]{padding-left:calc(var(--spacing) * 7)}.room-platform-room .data-placeholder\:text-muted-foreground[data-placeholder]{color:var(--color-muted-foreground)}.room-platform-room .data-pressed\:bg-transparent[data-pressed]{background-color:#0000}.room-platform-room .data-\[align-trigger\=true\]\:animate-none[data-align-trigger=true]{animation:none}.room-platform-room .data-\[chips\=true\]\:min-w-\(--anchor-width\)[data-chips=true]{min-width:var(--anchor-width)}.room-platform-room .data-\[invalid\=true\]\:text-destructive[data-invalid=true]{color:var(--color-destructive)}.room-platform-room .data-\[lk-enabled\=true\]\:border-white[data-lk-enabled=true]{border-color:var(--color-white)}.room-platform-room .data-\[lk-enabled\=true\]\:bg-white[data-lk-enabled=true]{background-color:var(--color-white)}.room-platform-room .data-\[lk-enabled\=true\]\:text-slate-950[data-lk-enabled=true]{color:var(--color-slate-950)}@media (hover:hover){.room-platform-room .data-\[lk-enabled\=true\]\:hover\:bg-white[data-lk-enabled=true]:hover{background-color:var(--color-white)}}.room-platform-room .data-\[position\=popper\]\:h-\(--radix-select-trigger-height\)[data-position=popper]{height:var(--radix-select-trigger-height)}.room-platform-room .data-\[position\=popper\]\:w-full[data-position=popper]{width:100%}.room-platform-room .data-\[position\=popper\]\:min-w-\(--radix-select-trigger-width\)[data-position=popper]{min-width:var(--radix-select-trigger-width)}.room-platform-room .data-\[range-end\=true\]\:rounded-\(--cell-radius\)[data-range-end=true]{border-radius:var(--cell-radius)}.room-platform-room .data-\[range-end\=true\]\:rounded-r-\(--cell-radius\)[data-range-end=true]{border-top-right-radius:var(--cell-radius);border-bottom-right-radius:var(--cell-radius)}.room-platform-room .data-\[range-end\=true\]\:bg-primary[data-range-end=true]{background-color:var(--color-primary)}.room-platform-room .data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true]{color:var(--color-primary-foreground)}.room-platform-room .data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{border-radius:0}.room-platform-room .data-\[range-middle\=true\]\:bg-muted[data-range-middle=true]{background-color:var(--color-muted)}.room-platform-room .data-\[range-middle\=true\]\:text-foreground[data-range-middle=true]{color:var(--color-foreground)}.room-platform-room .data-\[range-start\=true\]\:rounded-\(--cell-radius\)[data-range-start=true]{border-radius:var(--cell-radius)}.room-platform-room .data-\[range-start\=true\]\:rounded-l-\(--cell-radius\)[data-range-start=true]{border-top-left-radius:var(--cell-radius);border-bottom-left-radius:var(--cell-radius)}.room-platform-room .data-\[range-start\=true\]\:bg-primary[data-range-start=true]{background-color:var(--color-primary)}.room-platform-room .data-\[range-start\=true\]\:text-primary-foreground[data-range-start=true]{color:var(--color-primary-foreground)}.room-platform-room .data-\[selected-single\=true\]\:bg-primary[data-selected-single=true]{background-color:var(--color-primary)}.room-platform-room .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single=true]{color:var(--color-primary-foreground)}.room-platform-room .data-\[selected\=true\]\:rounded-none[data-selected=true]{border-radius:0}.room-platform-room .data-\[side\=bottom\]\:inset-x-0[data-side=bottom]{inset-inline:calc(var(--spacing) * 0)}.room-platform-room .data-\[side\=bottom\]\:bottom-0[data-side=bottom]{bottom:calc(var(--spacing) * 0)}.room-platform-room .data-\[side\=bottom\]\:h-auto[data-side=bottom]{height:auto}.room-platform-room .data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .data-\[side\=bottom\]\:border-t[data-side=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.room-platform-room .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.room-platform-room .data-\[side\=inline-end\]\:slide-in-from-left-2[data-side=inline-end]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.room-platform-room .data-\[side\=inline-start\]\:slide-in-from-right-2[data-side=inline-start]{--tw-enter-translate-x:calc(2*var(--spacing))}.room-platform-room .data-\[side\=left\]\:inset-y-0[data-side=left]{inset-block:calc(var(--spacing) * 0)}.room-platform-room .data-\[side\=left\]\:left-0[data-side=left]{left:calc(var(--spacing) * 0)}.room-platform-room .data-\[side\=left\]\:h-full[data-side=left]{height:100%}.room-platform-room .data-\[side\=left\]\:w-3\/4[data-side=left]{width:75%}.room-platform-room .data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .data-\[side\=left\]\:border-r[data-side=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.room-platform-room .data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.room-platform-room .data-\[side\=left\]\:group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\][data-side=left]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width) * -1)}.room-platform-room .data-\[side\=right\]\:inset-y-0[data-side=right]{inset-block:calc(var(--spacing) * 0)}.room-platform-room .data-\[side\=right\]\:right-0[data-side=right]{right:calc(var(--spacing) * 0)}.room-platform-room .data-\[side\=right\]\:h-full[data-side=right]{height:100%}.room-platform-room .data-\[side\=right\]\:w-3\/4[data-side=right]{width:75%}.room-platform-room .data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .data-\[side\=right\]\:border-l[data-side=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.room-platform-room .data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.room-platform-room .data-\[side\=right\]\:group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\][data-side=right]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width) * -1)}.room-platform-room .data-\[side\=top\]\:inset-x-0[data-side=top]{inset-inline:calc(var(--spacing) * 0)}.room-platform-room .data-\[side\=top\]\:top-0[data-side=top]{top:calc(var(--spacing) * 0)}.room-platform-room .data-\[side\=top\]\:h-auto[data-side=top]{height:auto}.room-platform-room .data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .data-\[side\=top\]\:border-b[data-side=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.room-platform-room .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.room-platform-room .data-\[size\=default\]\:h-8[data-size=default]{height:calc(var(--spacing) * 8)}.room-platform-room .data-\[size\=default\]\:max-w-xs[data-size=default]{max-width:var(--container-xs)}.room-platform-room .data-\[size\=md\]\:text-sm[data-size=md]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.room-platform-room .data-\[size\=sm\]\:h-7[data-size=sm]{height:calc(var(--spacing) * 7)}.room-platform-room .data-\[size\=sm\]\:max-w-xs[data-size=sm]{max-width:var(--container-xs)}.room-platform-room .data-\[size\=sm\]\:gap-3[data-size=sm]{gap:calc(var(--spacing) * 3)}.room-platform-room .data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size=sm]{border-radius:min(var(--radius-md), 10px)}.room-platform-room .data-\[size\=sm\]\:py-3[data-size=sm]{padding-block:calc(var(--spacing) * 3)}.room-platform-room .data-\[size\=sm\]\:text-xs[data-size=sm]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.room-platform-room .data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size=sm]:has([data-slot=card-footer]){padding-bottom:calc(var(--spacing) * 0)}.room-platform-room :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:#e40014e6}@supports (color:color-mix(in lab, red, red)){.room-platform-room :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:color-mix(in oklab, var(--color-destructive) 90%, transparent)}}.room-platform-room .data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{gap:calc(var(--spacing) * 3)}.room-platform-room :is(.\*\:data-\[slot\=field\]\:p-2\.5>*)[data-slot=field]{padding:calc(var(--spacing) * 2.5)}.room-platform-room :is(.\*\:data-\[slot\=field-group\]\:gap-4>*)[data-slot=field-group]{gap:calc(var(--spacing) * 4)}.room-platform-room :is(.\*\:data-\[slot\=field-label\]\:flex-auto>*)[data-slot=field-label]{flex:auto}.room-platform-room :is(.\*\:data-\[slot\=input-group\]\:m-1>*)[data-slot=input-group]{margin:calc(var(--spacing) * 1)}.room-platform-room :is(.\*\:data-\[slot\=input-group\]\:mb-0>*)[data-slot=input-group]{margin-bottom:calc(var(--spacing) * 0)}.room-platform-room :is(.\*\:data-\[slot\=input-group\]\:h-8>*)[data-slot=input-group]{height:calc(var(--spacing) * 8)}.room-platform-room :is(.\*\:data-\[slot\=input-group\]\:border-input\/30>*)[data-slot=input-group]{border-color:#e5e5e54d}@supports (color:color-mix(in lab, red, red)){.room-platform-room :is(.\*\:data-\[slot\=input-group\]\:border-input\/30>*)[data-slot=input-group]{border-color:color-mix(in oklab, var(--color-input) 30%, transparent)}}.room-platform-room :is(.\*\:data-\[slot\=input-group\]\:bg-input\/30>*)[data-slot=input-group]{background-color:#e5e5e54d}@supports (color:color-mix(in lab, red, red)){.room-platform-room :is(.\*\:data-\[slot\=input-group\]\:bg-input\/30>*)[data-slot=input-group]{background-color:color-mix(in oklab, var(--color-input) 30%, transparent)}}.room-platform-room :is(.\*\:data-\[slot\=input-group\]\:shadow-none>*)[data-slot=input-group]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.room-platform-room :is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}.room-platform-room :is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}.room-platform-room :is(.\*\:data-\[slot\=select-value\]\:gap-1\.5>*)[data-slot=select-value]{gap:calc(var(--spacing) * 1.5)}.room-platform-room .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-l-lg:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"]:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.room-platform-room .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-t-lg:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"]:first-child{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.room-platform-room .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-r-lg:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"]:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.room-platform-room .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-b-lg:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"]:last-child{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.room-platform-room .data-\[state\=closed\]\:overflow-hidden[data-state=closed]{overflow:hidden}.room-platform-room .data-\[state\=on\]\:bg-muted[data-state=on],.room-platform-room .data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--color-muted)}.room-platform-room .data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--color-destructive)}.room-platform-room .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:#e400141a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab, var(--color-destructive) 10%, transparent)}}.room-platform-room .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--color-destructive)}.room-platform-room .data-\[variant\=label\]\:text-sm[data-variant=label]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.room-platform-room .data-\[variant\=legend\]\:text-base[data-variant=legend]{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.room-platform-room .data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}.room-platform-room .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"][data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.room-platform-room .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-t-0:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"][data-variant=outline]{border-top-style:var(--tw-border-style);border-top-width:0}.room-platform-room .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"][data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.room-platform-room .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-t:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"][data-variant=outline]:first-child{border-top-style:var(--tw-border-style);border-top-width:1px}.room-platform-room .nth-last-2\:-mt-1:nth-last-child(2){margin-top:calc(var(--spacing) * -1)}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.room-platform-room .supports-backdrop-filter\:backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}@media (min-width:40rem){.room-platform-room .sm\:flex{display:flex}.room-platform-room .sm\:max-w-2xl{max-width:var(--container-2xl)}.room-platform-room .sm\:max-w-none{max-width:none}.room-platform-room .sm\:max-w-sm{max-width:var(--container-sm)}.room-platform-room .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.room-platform-room .sm\:flex-row{flex-direction:row}.room-platform-room .sm\:justify-end{justify-content:flex-end}.room-platform-room .sm\:p-4{padding:calc(var(--spacing) * 4)}.room-platform-room .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.room-platform-room .sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size=default] *){grid-row:span 2/span 2}.room-platform-room .sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size=default] *){place-items:start}.room-platform-room .sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size=default] *){text-align:left}.room-platform-room .sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size=default] *):is(:where(.group\/alert-dialog-content):has([data-slot=alert-dialog-media]) *){grid-column-start:2}.room-platform-room .sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size=default] *):has([data-slot=alert-dialog-media]){grid-template-rows:auto 1fr}.room-platform-room .data-\[side\=left\]\:sm\:max-w-sm[data-side=left],.room-platform-room .data-\[side\=right\]\:sm\:max-w-sm[data-side=right],.room-platform-room .data-\[size\=default\]\:sm\:max-w-sm[data-size=default]{max-width:var(--container-sm)}}@media (min-width:48rem){.room-platform-room .md\:block{display:block}.room-platform-room .md\:flex{display:flex}.room-platform-room .md\:inline-flex{display:inline-flex}.room-platform-room .md\:max-w-\[300px\]{max-width:300px}.room-platform-room .md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.room-platform-room .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(12rem\,16rem\)\]{grid-template-columns:minmax(0,1fr) minmax(12rem,16rem)}.room-platform-room .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(260px\,300px\)\]{grid-template-columns:minmax(0,1fr) minmax(260px,300px)}.room-platform-room .md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.room-platform-room .md\:flex-row{flex-direction:row}.room-platform-room .md\:justify-self-end{justify-self:flex-end}.room-platform-room .md\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.room-platform-room .md\:border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .md\:border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.room-platform-room .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.room-platform-room .md\:text-pretty{text-wrap:pretty}.room-platform-room .md\:opacity-0{opacity:0}.room-platform-room .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing) * 2)}.room-platform-room .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing) * 0)}.room-platform-room .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:var(--radius-xl)}.room-platform-room .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing) * 2)}.room-platform-room .md\:after\:hidden:after{content:var(--tw-content);display:none}}@media (min-width:64rem){.room-platform-room .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@container field-group (min-width:28rem){.room-platform-room .\@md\/field-group\:flex-row{flex-direction:row}.room-platform-room .\@md\/field-group\:items-center{align-items:center}.room-platform-room :is(.\@md\/field-group\:\*\:w-auto>*){width:auto}.room-platform-room .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.room-platform-room :is(.\@md\/field-group\:\*\:data-\[slot\=field-label\]\:flex-auto>*)[data-slot=field-label]{flex:auto}}.room-platform-room .ltr\:-translate-x-1\/2:where(:dir(ltr),[dir=ltr],[dir=ltr] *),.room-platform-room .rtl\:-translate-x-1\/2:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}@media (prefers-color-scheme:dark){.room-platform-room .dark\:border-input{border-color:var(--color-input)}.room-platform-room .dark\:bg-destructive\/20{background-color:#e4001433}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\:bg-destructive\/20{background-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.room-platform-room .dark\:bg-input\/30{background-color:#e5e5e54d}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\:bg-input\/30{background-color:color-mix(in oklab, var(--color-input) 30%, transparent)}}.room-platform-room .dark\:bg-transparent{background-color:#0000}.room-platform-room .dark\:text-muted-foreground{color:var(--color-muted-foreground)}@media (hover:hover){.room-platform-room .dark\:hover\:bg-destructive\/30:hover{background-color:#e400144d}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\:hover\:bg-destructive\/30:hover{background-color:color-mix(in oklab, var(--color-destructive) 30%, transparent)}}.room-platform-room .dark\:hover\:bg-input\/50:hover{background-color:#e5e5e580}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\:hover\:bg-input\/50:hover{background-color:color-mix(in oklab, var(--color-input) 50%, transparent)}}.room-platform-room .dark\:hover\:bg-muted\/50:hover{background-color:#f5f5f580}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\:hover\:bg-muted\/50:hover{background-color:color-mix(in oklab, var(--color-muted) 50%, transparent)}}.room-platform-room .dark\:hover\:text-foreground:hover{color:var(--color-foreground)}}.room-platform-room .dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:#e4001466}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 40%, transparent)}}.room-platform-room .dark\:disabled\:bg-input\/80:disabled{background-color:#e5e5e5cc}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\:disabled\:bg-input\/80:disabled{background-color:color-mix(in oklab, var(--color-input) 80%, transparent)}}.room-platform-room .dark\:disabled\:bg-transparent:disabled{background-color:#0000}.room-platform-room .dark\:has-disabled\:bg-input\/80:has(:disabled){background-color:#e5e5e5cc}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\:has-disabled\:bg-input\/80:has(:disabled){background-color:color-mix(in oklab, var(--color-input) 80%, transparent)}}.room-platform-room .dark\:has-aria-invalid\:border-destructive\/50:has([aria-invalid=true]){border-color:#e4001480}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\:has-aria-invalid\:border-destructive\/50:has([aria-invalid=true]){border-color:color-mix(in oklab, var(--color-destructive) 50%, transparent)}}.room-platform-room .dark\:has-aria-invalid\:ring-destructive\/40:has([aria-invalid=true]){--tw-ring-color:#e4001466}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\:has-aria-invalid\:ring-destructive\/40:has([aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--color-destructive) 40%, transparent)}}.room-platform-room .dark\:has-data-checked\:border-primary\/20:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){border-color:#242f6233}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\:has-data-checked\:border-primary\/20:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){border-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}.room-platform-room .dark\:has-data-checked\:bg-primary\/10:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){background-color:#242f621a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\:has-data-checked\:bg-primary\/10:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.room-platform-room .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:has([data-slot][aria-invalid=true]){--tw-ring-color:#e4001466}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--color-destructive) 40%, transparent)}}.room-platform-room .dark\:aria-invalid\:border-destructive\/50[aria-invalid=true]{border-color:#e4001480}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\:aria-invalid\:border-destructive\/50[aria-invalid=true]{border-color:color-mix(in oklab, var(--color-destructive) 50%, transparent)}}.room-platform-room .dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:#e4001466}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 40%, transparent)}}.room-platform-room .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20[data-variant=destructive]:focus{background-color:#e4001433}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20[data-variant=destructive]:focus{background-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}}.room-platform-room .data-open\:animate-in:where([data-state=open]),.room-platform-room .data-open\:animate-in:where([data-open]:not([data-open=false])){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.room-platform-room .data-open\:bg-accent:where([data-state=open]),.room-platform-room .data-open\:bg-accent:where([data-open]:not([data-open=false])){background-color:var(--color-accent)}.room-platform-room .data-open\:text-accent-foreground:where([data-state=open]),.room-platform-room .data-open\:text-accent-foreground:where([data-open]:not([data-open=false])){color:var(--color-accent-foreground)}.room-platform-room .data-open\:fade-in-0:where([data-state=open]),.room-platform-room .data-open\:fade-in-0:where([data-open]:not([data-open=false])){--tw-enter-opacity:0}.room-platform-room .data-open\:zoom-in-95:where([data-state=open]),.room-platform-room .data-open\:zoom-in-95:where([data-open]:not([data-open=false])){--tw-enter-scale:.95}.room-platform-room .data-\[side\=bottom\]\:data-open\:slide-in-from-bottom-10[data-side=bottom]:where([data-state=open]),.room-platform-room .data-\[side\=bottom\]\:data-open\:slide-in-from-bottom-10[data-side=bottom]:where([data-open]:not([data-open=false])){--tw-enter-translate-y:calc(.1*100%)}.room-platform-room .data-\[side\=left\]\:data-open\:slide-in-from-left-10[data-side=left]:where([data-state=open]),.room-platform-room .data-\[side\=left\]\:data-open\:slide-in-from-left-10[data-side=left]:where([data-open]:not([data-open=false])){--tw-enter-translate-x:calc(.1*-100%)}.room-platform-room .data-\[side\=right\]\:data-open\:slide-in-from-right-10[data-side=right]:where([data-state=open]),.room-platform-room .data-\[side\=right\]\:data-open\:slide-in-from-right-10[data-side=right]:where([data-open]:not([data-open=false])){--tw-enter-translate-x:calc(.1*100%)}.room-platform-room .data-\[side\=top\]\:data-open\:slide-in-from-top-10[data-side=top]:where([data-state=open]),.room-platform-room .data-\[side\=top\]\:data-open\:slide-in-from-top-10[data-side=top]:where([data-open]:not([data-open=false])){--tw-enter-translate-y:calc(.1*-100%)}.room-platform-room .data-closed\:animate-out:where([data-state=closed]),.room-platform-room .data-closed\:animate-out:where([data-closed]:not([data-closed=false])){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.room-platform-room .data-closed\:fade-out-0:where([data-state=closed]),.room-platform-room .data-closed\:fade-out-0:where([data-closed]:not([data-closed=false])){--tw-exit-opacity:0}.room-platform-room .data-closed\:zoom-out-95:where([data-state=closed]),.room-platform-room .data-closed\:zoom-out-95:where([data-closed]:not([data-closed=false])){--tw-exit-scale:.95}.room-platform-room .data-\[side\=bottom\]\:data-closed\:slide-out-to-bottom-10[data-side=bottom]:where([data-state=closed]),.room-platform-room .data-\[side\=bottom\]\:data-closed\:slide-out-to-bottom-10[data-side=bottom]:where([data-closed]:not([data-closed=false])){--tw-exit-translate-y:calc(.1*100%)}.room-platform-room .data-\[side\=left\]\:data-closed\:slide-out-to-left-10[data-side=left]:where([data-state=closed]),.room-platform-room .data-\[side\=left\]\:data-closed\:slide-out-to-left-10[data-side=left]:where([data-closed]:not([data-closed=false])){--tw-exit-translate-x:calc(.1*-100%)}.room-platform-room .data-\[side\=right\]\:data-closed\:slide-out-to-right-10[data-side=right]:where([data-state=closed]),.room-platform-room .data-\[side\=right\]\:data-closed\:slide-out-to-right-10[data-side=right]:where([data-closed]:not([data-closed=false])){--tw-exit-translate-x:calc(.1*100%)}.room-platform-room .data-\[side\=top\]\:data-closed\:slide-out-to-top-10[data-side=top]:where([data-state=closed]),.room-platform-room .data-\[side\=top\]\:data-closed\:slide-out-to-top-10[data-side=top]:where([data-closed]:not([data-closed=false])){--tw-exit-translate-y:calc(.1*-100%)}.room-platform-room .data-checked\:border-primary:where([data-state=checked]),.room-platform-room .data-checked\:border-primary:where([data-checked]:not([data-checked=false])){border-color:var(--color-primary)}.room-platform-room .data-checked\:bg-primary:where([data-state=checked]),.room-platform-room .data-checked\:bg-primary:where([data-checked]:not([data-checked=false])){background-color:var(--color-primary)}.room-platform-room .data-checked\:text-primary-foreground:where([data-state=checked]),.room-platform-room .data-checked\:text-primary-foreground:where([data-checked]:not([data-checked=false])){color:var(--color-primary-foreground)}@media (prefers-color-scheme:dark){.room-platform-room .dark\:data-checked\:bg-primary:where([data-state=checked]),.room-platform-room .dark\:data-checked\:bg-primary:where([data-checked]:not([data-checked=false])){background-color:var(--color-primary)}}.room-platform-room .data-disabled\:pointer-events-none:where([data-disabled=true]),.room-platform-room .data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled=false])){pointer-events:none}.room-platform-room .data-disabled\:opacity-50:where([data-disabled=true]),.room-platform-room .data-disabled\:opacity-50:where([data-disabled]:not([data-disabled=false])){opacity:.5}.room-platform-room .data-active\:bg-background:where([data-state=active]),.room-platform-room .data-active\:bg-background:where([data-active]:not([data-active=false])){background-color:var(--color-background)}.room-platform-room .data-active\:font-medium:where([data-state=active]),.room-platform-room .data-active\:font-medium:where([data-active]:not([data-active=false])){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.room-platform-room .data-active\:text-foreground:where([data-state=active]),.room-platform-room .data-active\:text-foreground:where([data-active]:not([data-active=false])){color:var(--color-foreground)}.room-platform-room .group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *):where([data-state=active]),.room-platform-room .group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *):where([data-active]:not([data-active=false])){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.room-platform-room .group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){background-color:#0000}.room-platform-room .group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.room-platform-room .group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room :is(.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false]))):after{content:var(--tw-content);opacity:1}@media (prefers-color-scheme:dark){.room-platform-room .dark\:data-active\:border-input:where([data-state=active]),.room-platform-room .dark\:data-active\:border-input:where([data-active]:not([data-active=false])){border-color:var(--color-input)}.room-platform-room .dark\:data-active\:bg-input\/30:where([data-state=active]),.room-platform-room .dark\:data-active\:bg-input\/30:where([data-active]:not([data-active=false])){background-color:#e5e5e54d}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\:data-active\:bg-input\/30:where([data-state=active]),.room-platform-room .dark\:data-active\:bg-input\/30:where([data-active]:not([data-active=false])){background-color:color-mix(in oklab, var(--color-input) 30%, transparent)}}.room-platform-room .dark\:data-active\:text-foreground:where([data-state=active]),.room-platform-room .dark\:data-active\:text-foreground:where([data-active]:not([data-active=false])){color:var(--color-foreground)}.room-platform-room .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.room-platform-room .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){border-color:#0000}.room-platform-room .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.room-platform-room .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){background-color:#0000}}.room-platform-room .data-horizontal\:mx-px:where([data-orientation=horizontal]){margin-inline:1px}.room-platform-room .data-horizontal\:h-px:where([data-orientation=horizontal]){height:1px}.room-platform-room .data-horizontal\:w-auto:where([data-orientation=horizontal]){width:auto}.room-platform-room .data-horizontal\:w-full:where([data-orientation=horizontal]){width:100%}.room-platform-room .data-horizontal\:flex-col:where([data-orientation=horizontal]){flex-direction:column}.room-platform-room .data-vertical\:my-px:where([data-orientation=vertical]){margin-block:1px}.room-platform-room .data-vertical\:h-auto:where([data-orientation=vertical]){height:auto}.room-platform-room .data-vertical\:w-px:where([data-orientation=vertical]){width:1px}.room-platform-room .data-vertical\:flex-col:where([data-orientation=vertical]){flex-direction:column}.room-platform-room .data-vertical\:items-stretch:where([data-orientation=vertical]){align-items:stretch}.room-platform-room .data-vertical\:self-stretch:where([data-orientation=vertical]){align-self:stretch}.room-platform-room .\[\&_a\]\:underline a{text-decoration-line:underline}.room-platform-room .\[\&_a\]\:underline-offset-3 a{text-underline-offset:3px}@media (hover:hover){.room-platform-room .\[\&_a\]\:hover\:text-foreground a:hover{color:var(--color-foreground)}}.room-platform-room .\[\&_p\:not\(\:last-child\)\]\:mb-4 p:not(:last-child){margin-bottom:calc(var(--spacing) * 4)}.room-platform-room .\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.room-platform-room .\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.room-platform-room .\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.room-platform-room .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.room-platform-room .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.room-platform-room .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.room-platform-room .\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.room-platform-room .\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.room-platform-room .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-\(--cell-radius\):first-child[data-selected=true] button{border-top-left-radius:var(--cell-radius);border-bottom-left-radius:var(--cell-radius)}.room-platform-room .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing) * 0)}.room-platform-room .\[\.border-b\]\:pb-2.border-b{padding-bottom:calc(var(--spacing) * 2)}.room-platform-room .\[\.border-b\]\:pb-4.border-b{padding-bottom:calc(var(--spacing) * 4)}.room-platform-room .group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-3:is(:where(.group\/card)[data-size=sm] *).border-b{padding-bottom:calc(var(--spacing) * 3)}.room-platform-room .\[\.border-t\]\:pt-2.border-t{padding-top:calc(var(--spacing) * 2)}.room-platform-room :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),.room-platform-room :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){rotate:180deg}.room-platform-room :is(.\*\:\[a\]\:underline>*):is(a){text-decoration-line:underline}.room-platform-room :is(.\*\:\[a\]\:underline-offset-3>*):is(a){text-underline-offset:3px}@media (hover:hover){.room-platform-room .\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:#e4001433}@supports (color:color-mix(in lab, red, red)){.room-platform-room .\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.room-platform-room .\[a\]\:hover\:bg-muted:is(a):hover{background-color:var(--color-muted)}.room-platform-room .\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:#242f62cc}@supports (color:color-mix(in lab, red, red)){.room-platform-room .\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab, var(--color-primary) 80%, transparent)}}.room-platform-room .\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:#eb6619cc}@supports (color:color-mix(in lab, red, red)){.room-platform-room .\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}}.room-platform-room .\[a\]\:hover\:text-muted-foreground:is(a):hover{color:var(--color-muted-foreground)}.room-platform-room :is(.\*\:\[a\]\:hover\:text-foreground>*):is(a):hover{color:var(--color-foreground)}}.room-platform-room :is(.\*\:\[img\:first-child\]\:rounded-t-xl>*):is(img:first-child){border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.room-platform-room :is(.\*\:\[img\:last-child\]\:rounded-b-xl>*):is(img:last-child){border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.room-platform-room :is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}.room-platform-room :is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}.room-platform-room :is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}.room-platform-room :is(.\*\:\[svg\]\:row-span-2>*):is(svg){grid-row:span 2/span 2}.room-platform-room :is(.\*\:\[svg\]\:translate-y-0\.5>*):is(svg){--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room :is(.\*\:\[svg\]\:text-current>*):is(svg){color:currentColor}.room-platform-room :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant=destructive]>*):is(svg){color:var(--color-destructive)}.room-platform-room :is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>*):is(svg:not([class*=size-])){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.room-platform-room :is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6>*):is(svg:not([class*=size-])){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.room-platform-room .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-\(--cell-radius\):last-child[data-selected=true] button{border-top-right-radius:var(--cell-radius);border-bottom-right-radius:var(--cell-radius)}.room-platform-room .\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-\(--cell-radius\):nth-child(2)[data-selected=true] button{border-top-left-radius:var(--cell-radius);border-bottom-left-radius:var(--cell-radius)}.room-platform-room .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.room-platform-room .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.room-platform-room .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.room-platform-room .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.room-platform-room .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.room-platform-room .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.room-platform-room .\[\&\>\.sr-only\]\:w-auto>.sr-only{width:auto}.room-platform-room .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-lg:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.room-platform-room .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.room-platform-room .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-r-lg\!>[data-slot]:not(:has(~[data-slot])){border-top-right-radius:var(--radius-lg)!important;border-bottom-right-radius:var(--radius-lg)!important}.room-platform-room .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-b-lg\!>[data-slot]:not(:has(~[data-slot])){border-bottom-right-radius:var(--radius-lg)!important;border-bottom-left-radius:var(--radius-lg)!important}.room-platform-room .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.room-platform-room .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}@container field-group (min-width:28rem){.room-platform-room .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.room-platform-room .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}}.room-platform-room .\[\&\>a\]\:underline>a{text-decoration-line:underline}.room-platform-room .\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.room-platform-room .\[\&\>a\:hover\]\:text-primary>a:hover{color:var(--color-primary)}.room-platform-room .\[\&\>button\]\:hidden>button{display:none}.room-platform-room .\[\&\>input\]\:flex-1>input{flex:1}.room-platform-room .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{padding-top:calc(var(--spacing) * 3)}.room-platform-room .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{padding-bottom:calc(var(--spacing) * 3)}.room-platform-room .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-1\.5:has(>[data-align=inline-end])>input{padding-right:calc(var(--spacing) * 1.5)}.room-platform-room .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5:has(>[data-align=inline-start])>input{padding-left:calc(var(--spacing) * 1.5)}.room-platform-room .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.room-platform-room .\[\&\>span\]\:text-xs>span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.room-platform-room .\[\&\>span\]\:opacity-70>span{opacity:.7}.room-platform-room .\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-platform-room .\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.room-platform-room .\[\&\>svg\]\:size-3\!>svg{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}.room-platform-room .\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.room-platform-room .\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.room-platform-room .\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.room-platform-room .\[\&\>svg\]\:text-muted-foreground>svg{color:var(--color-muted-foreground)}.room-platform-room .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.room-platform-room .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.room-platform-room .\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.room-platform-room [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing) * -2)}.room-platform-room [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}.room-platform-room [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing) * -2)}.room-platform-room [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}.room-platform-room [data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}.room-platform-room .navi-chat__panel{border:1px solid var(--navi-chat-color-border,#d8e0ea);border-radius:var(--navi-chat-radius,10px);background:var(--navi-chat-color-surface,#fff);width:100%;height:100%;min-height:0;color:var(--navi-chat-color-text,#111827);font-family:var(--navi-chat-font-family,Inter, ui-sans-serif, system-ui, sans-serif);flex-direction:column;display:flex;overflow:hidden}.room-platform-room .navi-chat__header{border-bottom:1px solid var(--navi-chat-color-border,#d8e0ea);background:#f8fafc;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.room-platform-room .navi-chat__header-main{min-width:0}.room-platform-room .navi-chat__title{color:var(--navi-chat-color-text,#111827);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:700;line-height:1.25;display:inline-flex;overflow:hidden}.room-platform-room .navi-chat__online-count{min-width:20px;height:20px;color:var(--navi-chat-color-primary,#2563eb);background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.room-platform-room .navi-chat__header-meta{flex:none;align-items:center;gap:8px;display:flex}.room-platform-room .navi-chat__role-badge{color:var(--navi-chat-color-primary,#2563eb);background:#eff6ff;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:600;line-height:1}.room-platform-room .navi-chat__rooms{border-bottom:1px solid var(--navi-chat-color-border,#d8e0ea);flex:none;gap:6px;padding:10px;display:flex;overflow-x:auto}.room-platform-room .navi-chat__room-tab,.room-platform-room .navi-chat__send-button,.room-platform-room .navi-chat__message-action,.room-platform-room .navi-chat__message-menu-trigger,.room-platform-room .navi-chat__message-menu-item,.room-platform-room .navi-chat__message-edit-button,.room-platform-room .navi-chat__message-edit-input{font:inherit}.room-platform-room .navi-chat__room-tab{color:#475569;cursor:pointer;background:#f1f5f9;border:0;border-radius:8px;align-items:center;gap:6px;min-width:0;max-width:160px;padding:7px 10px;display:inline-flex}.room-platform-room .navi-chat__room-tab--active{background:var(--navi-chat-color-primary,#2563eb);color:#fff}.room-platform-room .navi-chat__room-tab-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.room-platform-room .navi-chat__unread-badge{min-width:18px;height:18px;color:var(--navi-chat-color-primary,#2563eb);background:#eff6ff;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.room-platform-room .navi-chat__room-tab--active .navi-chat__unread-badge{color:#fff;background:#ffffff2e}.room-platform-room .navi-chat__messages{background:#fbfdff;flex-direction:column;flex:auto;min-height:0;padding:14px;display:flex;overflow-y:auto}.room-platform-room .navi-chat__messages-stack{flex-direction:column;gap:10px;margin-top:auto;display:flex}.room-platform-room .navi-chat__empty{color:#64748b;text-align:center;background:#fbfdff;flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:0;padding:24px;display:flex}.room-platform-room .navi-chat__empty strong{color:#334155;margin-top:8px;font-size:14px}.room-platform-room .navi-chat__empty span{margin-top:4px;font-size:13px}.room-platform-room .navi-chat__empty-icon{color:var(--navi-chat-color-primary,#2563eb);font-size:22px;line-height:1}.room-platform-room .navi-chat__message{display:flex}.room-platform-room .navi-chat__message-group{flex-direction:column;gap:4px;display:flex}.room-platform-room .navi-chat__loading-older{color:#64748b;align-self:center;padding:4px 0;font-size:12px;font-weight:600}.room-platform-room .navi-chat__message--own{justify-content:flex-end}.room-platform-room .navi-chat__message-row{align-items:flex-end;gap:6px;min-width:0;max-width:min(82%,560px);display:flex;position:relative}.room-platform-room .navi-chat__message-row--own{flex-direction:row-reverse}.room-platform-room .navi-chat__message-bubble{border:1px solid var(--navi-chat-color-border,#d8e0ea);background:#fff;border-radius:10px;min-width:0;max-width:100%;padding:9px 11px;box-shadow:0 1px 2px #0f172a0a}.room-platform-room .navi-chat__message--grouped .navi-chat__message-bubble{padding-top:8px}.room-platform-room .navi-chat__message--own .navi-chat__message-bubble{border-color:var(--navi-chat-own-message-border,#bfdbfe);background:var(--navi-chat-own-message-background,#eff6ff)}.room-platform-room .navi-chat__message--deleted .navi-chat__message-bubble{color:#64748b;background:#f8fafc;font-style:italic}.room-platform-room .navi-chat__message-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.room-platform-room .navi-chat__message-author{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.room-platform-room .navi-chat__message-time{color:#94a3b8;white-space:nowrap;font-size:11px}.room-platform-room .navi-chat__message-text{color:var(--navi-chat-color-text,#111827);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.45}.room-platform-room .navi-chat__message-action{color:var(--navi-chat-color-primary,#2563eb);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-size:12px;font-weight:600}.room-platform-room .navi-chat__message-menu{z-index:3;opacity:0;pointer-events:none;vertical-align:middle;flex:none;transition:opacity .12s,transform .12s;display:inline-flex;position:absolute;bottom:2px;right:-30px;transform:translateY(2px)}.room-platform-room .navi-chat__message-row--own .navi-chat__message-menu{left:-30px;right:auto}.room-platform-room .navi-chat__message:hover .navi-chat__message-menu,.room-platform-room .navi-chat__message:focus-within .navi-chat__message-menu,.room-platform-room .navi-chat__message-menu--open{opacity:1;pointer-events:auto;transform:translateY(0)}.room-platform-room .navi-chat__message-menu-trigger{border:1px solid var(--navi-chat-color-border,#d8e0ea);color:#64748b;cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:12px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 1px 3px #0f172a14}.room-platform-room .navi-chat__message-menu-trigger:hover,.room-platform-room .navi-chat__message-menu-trigger:focus-visible{color:var(--navi-chat-color-primary,#2563eb);background:#eff6ff;border-color:#bfdbfe}.room-platform-room .navi-chat__message-menu-popover{z-index:2;border:1px solid var(--navi-chat-color-border,#d8e0ea);background:#fff;border-radius:8px;flex-direction:column;min-width:82px;display:flex;position:absolute;bottom:32px;right:0;overflow:hidden;box-shadow:0 8px 18px #0f172a24}.room-platform-room .navi-chat__message-row--own .navi-chat__message-menu-popover{left:0;right:auto}.room-platform-room .navi-chat__message-menu-item{color:var(--navi-chat-color-text,#111827);cursor:pointer;text-align:left;background:0 0;border:0;padding:8px 10px;font-size:12px;font-weight:600;line-height:1}.room-platform-room .navi-chat__message-menu-item:hover,.room-platform-room .navi-chat__message-menu-item:focus-visible{color:var(--navi-chat-color-primary,#2563eb);background:#f1f5f9}.room-platform-room .navi-chat__message-edit{flex-direction:column;gap:6px;display:flex}.room-platform-room .navi-chat__message-edit-input{box-sizing:border-box;resize:vertical;width:min(280px,100%);min-height:64px;color:var(--navi-chat-color-text,#111827);background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 9px;font-size:13px;line-height:1.4}.room-platform-room .navi-chat__message-edit-actions{justify-content:flex-end;gap:6px;display:flex}.room-platform-room .navi-chat__message-edit-button{border:1px solid var(--navi-chat-color-border,#d8e0ea);color:#334155;cursor:pointer;background:#fff;border-radius:7px;padding:7px 9px;font-size:12px;font-weight:700;line-height:1}.room-platform-room .navi-chat__message-edit-button--primary{border-color:var(--navi-chat-color-primary,#2563eb);background:var(--navi-chat-color-primary,#2563eb);color:#fff}.room-platform-room .navi-chat__latest-overlay{box-sizing:border-box;pointer-events:none;grid-template-columns:1fr auto 1fr;align-self:stretch;align-items:center;gap:8px;margin-top:8px;display:grid;position:sticky;bottom:8px}.room-platform-room .navi-chat__new-message-notice{border:1px solid var(--navi-chat-color-border,#d8e0ea);color:var(--navi-chat-color-primary,#2563eb);background:#fff;border-radius:999px;grid-column:2;padding:8px 12px;font-size:12px;font-weight:700;line-height:1;box-shadow:0 6px 16px #0f172a24}.room-platform-room .navi-chat__scroll-latest{box-sizing:border-box;border:1px solid var(--navi-chat-color-border,#d8e0ea);width:34px;height:34px;color:var(--navi-chat-color-primary,#2563eb);cursor:pointer;pointer-events:auto;background:#fff;border-radius:50%;flex:none;grid-column:3;justify-content:center;justify-self:end;align-items:center;margin-right:4px;padding:0;display:inline-flex;box-shadow:0 6px 16px #0f172a29}.room-platform-room .navi-chat__scroll-latest-icon{fill:currentColor;width:18px;height:18px}.room-platform-room .navi-chat__composer{border-top:1px solid var(--navi-chat-color-border,#d8e0ea);background:#fff;flex:none;align-items:flex-end;gap:8px;padding:10px;display:flex}.room-platform-room .navi-chat__composer-main{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.room-platform-room .navi-chat__composer-input{resize:vertical;min-width:0;min-height:38px;max-height:84px;color:var(--navi-chat-color-text,#111827);font:inherit;border:1px solid #cbd5e1;border-radius:8px;flex:auto;padding:9px 10px;font-size:13px;line-height:1.4}.room-platform-room .navi-chat__composer-tip{color:#64748b;margin:0;font-size:11px;line-height:1.3}.room-platform-room .navi-chat__send-button{background:var(--navi-chat-color-primary,#2563eb);color:#fff;cursor:pointer;border:0;border-radius:999px;flex:none;justify-content:center;align-self:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.room-platform-room .navi-chat__send-button:disabled{cursor:not-allowed;opacity:.45}.room-platform-room .navi-chat__send-icon{fill:currentColor;width:18px;height:18px}.room-platform-room .navi-chat__readonly{border-top:1px solid var(--navi-chat-color-border,#d8e0ea);color:#64748b;background:#f8fafc;flex:none;padding:12px 14px;font-size:13px}.room-platform-room .navi-chat__status{justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.room-platform-room .navi-chat__status-dot{background:#94a3b8;border-radius:999px;width:9px;height:9px}.room-platform-room .navi-chat__status--connected .navi-chat__status-dot{background:#16a34a}.room-platform-room .navi-chat__status--muted .navi-chat__status-dot{background:#94a3b8}.room-platform-room .navi-chat__status--error .navi-chat__status-dot{background:#dc2626}.room-platform-room .whiteboard-react-canvas{width:100%;height:100%;position:relative}.room-platform-room .whiteboard-react-canvas__scene{height:100%;min-height:100%;position:relative}.room-platform-room .whiteboard-react-canvas__layer{width:100%;height:100%;position:absolute;inset:0}.room-platform-room .whiteboard-react-canvas__layer--scene{z-index:10;pointer-events:none}.room-platform-room .whiteboard-react-canvas__layer--interaction{z-index:11;touch-action:none;-webkit-user-select:none;user-select:none}.room-platform-room .whiteboard-react-trigger,.room-platform-room .whiteboard-react-toolbar,.room-platform-room .whiteboard-react-toolbar__popover{--whiteboard-overlay-bg:#fffffff0;--whiteboard-overlay-border:#94a3b852;--whiteboard-overlay-shadow:0 18px 40px #0f172a3d;--whiteboard-overlay-text:#0f172a;--whiteboard-overlay-muted:#475569;--whiteboard-overlay-accent:#0f766e;--whiteboard-overlay-accent-soft:#0f766e1f;--whiteboard-overlay-danger:#dc2626;border:1px solid var(--whiteboard-overlay-border);background:var(--whiteboard-overlay-bg);color:var(--whiteboard-overlay-text);box-shadow:var(--whiteboard-overlay-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1.125rem;position:fixed}.room-platform-room .whiteboard-react-trigger{z-index:60;color:#00ff9d;cursor:pointer;background:#252627;border:0;border-radius:999px;justify-content:center;align-items:center;width:3rem;height:3rem;padding:0;transition:background .14s,color .14s;display:inline-flex}.room-platform-room .whiteboard-react-trigger:hover{color:#000;background:#00ff9d}.room-platform-room .whiteboard-react-toolbar__tooltip-trigger{display:inline-flex}.room-platform-room .whiteboard-react-trigger:focus-visible,.room-platform-room .whiteboard-react-toolbar__button:focus-visible,.room-platform-room .whiteboard-react-toolbar__drag-handle:focus-visible,.room-platform-room .whiteboard-react-toolbar__option-chip:focus-visible,.room-platform-room .whiteboard-react-toolbar__width-chip:focus-visible,.room-platform-room .whiteboard-react-color-popover__swatch:focus-visible,.room-platform-room .whiteboard-react-toolbar__status-action:focus-visible{outline-offset:2px;outline:2px solid #0f766e73}.room-platform-room .whiteboard-react-trigger__icon{flex:none;width:1.5rem;height:1.5rem}.room-platform-room .whiteboard-react-toolbar__icon{flex:none;width:1.35rem;height:1.35rem}.room-platform-room .whiteboard-react-toolbar__icon.ColorSvg{width:2rem}.room-platform-room .whiteboard-react-trigger__label{white-space:nowrap}.room-platform-room .whiteboard-react-trigger__status-dot,.room-platform-room .whiteboard-react-toolbar__status-dot{background:var(--whiteboard-overlay-accent);border-radius:999px;flex:none;width:.5rem;height:.5rem;box-shadow:0 0 0 4px #0f766e24}.room-platform-room .whiteboard-react-trigger[data-runtime-state=failed] .whiteboard-react-trigger__status-dot{background:var(--whiteboard-overlay-danger);box-shadow:0 0 0 4px #dc26261f}.room-platform-room .whiteboard-react-toolbar{z-index:61;color:#f8fafc;transform-origin:50%;background:#292a2c;border:.15rem solid #e2e8f0b8;border-radius:.5rem;transition:transform .14s,box-shadow .14s;animation:.18s ease-in-out whiteboard-toolbar-orientation-vertical;box-shadow:0 12px 28px #0f172a4d}@keyframes whiteboard-toolbar-orientation-vertical{0%{transform:scaleX(1.2)}to{transform:scale(1)}}@keyframes whiteboard-toolbar-orientation-horizontal{0%{transform:scaleX(1.2)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.room-platform-room .whiteboard-react-toolbar{transition:none;animation:none}}.room-platform-room .whiteboard-react-toolbar__chrome{flex-direction:column;gap:.3rem;padding:.4rem;display:flex}.room-platform-room .whiteboard-react-toolbar[data-orientation=horizontal] .whiteboard-react-toolbar__chrome{box-sizing:border-box;flex-direction:row;align-items:center;padding:.4rem}.room-platform-room .whiteboard-react-toolbar[data-orientation=horizontal]{animation-name:whiteboard-toolbar-orientation-horizontal}.room-platform-room .whiteboard-react-toolbar__drag-handle{color:#e2e8f0d6;cursor:grab;background:0 0;border-radius:.65rem;justify-content:center;align-items:center;width:2rem;height:2rem;margin-top:.75rem;transition:color .12s,border-color .12s;display:inline-flex;position:relative}.room-platform-room .whiteboard-react-toolbar__drag-handle:before{content:"";background:#e2e8f073;height:1px;position:absolute;top:-.5rem;left:0;right:0}.room-platform-room .whiteboard-react-toolbar__drag-handle:hover{color:#fff;background:#ffffff1a}.room-platform-room .whiteboard-react-toolbar__drag-handle:active{cursor:grabbing}.room-platform-room .whiteboard-react-toolbar__status{max-width:16rem;color:var(--whiteboard-overlay-muted);background:#f8fafcf5;border-radius:.875rem;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.room-platform-room .whiteboard-react-toolbar__status[data-state=failed]{color:var(--whiteboard-overlay-danger);background:#fef2f2f5}.room-platform-room .whiteboard-react-toolbar__status[data-state=busy]{color:var(--whiteboard-overlay-accent);background:#f0fdfaf5}.room-platform-room .whiteboard-react-toolbar__status-action{color:inherit;background:0 0;border:0;margin-left:.25rem;font-weight:700;text-decoration:underline}.room-platform-room .whiteboard-react-toolbar__rail{gap:.5rem;display:flex}.room-platform-room .whiteboard-react-toolbar[data-orientation=vertical] .whiteboard-react-toolbar__rail{flex-direction:column}.room-platform-room .whiteboard-react-toolbar[data-orientation=horizontal] .whiteboard-react-toolbar__rail{flex-direction:row;align-items:center}.room-platform-room .whiteboard-react-toolbar[data-orientation=horizontal] .whiteboard-react-toolbar__drag-handle:before{width:1px;height:auto;inset:0 auto 0 -.15rem}.room-platform-room .whiteboard-react-toolbar__button{color:#f8fafc;background:0 0;border:0;border-radius:.65rem;justify-content:center;align-items:center;width:2rem;height:2rem;margin-top:.75rem;transition:transform .12s,background .12s,border-color .12s,color .12s;display:inline-flex;position:relative}.room-platform-room .whiteboard-react-toolbar[data-orientation=horizontal] .whiteboard-react-toolbar__button,.room-platform-room .whiteboard-react-toolbar[data-orientation=horizontal] .whiteboard-react-toolbar__drag-handle{margin-top:0;margin-bottom:0;margin-left:.75rem}.room-platform-room .whiteboard-react-toolbar__button:hover:not(:disabled){cursor:pointer;background:#ffffff1a}.room-platform-room .whiteboard-react-toolbar__button[data-active=true]{color:#fff;background:#0878f7}.room-platform-room .whiteboard-react-toolbar__button[data-active=true]:hover:not(:disabled){background:#0878f7}.room-platform-room .whiteboard-react-toolbar__button[aria-label=Color] .whiteboard-react-toolbar__icon{display:none}.room-platform-room .whiteboard-react-toolbar__button[aria-label=Color] .whiteboard-react-toolbar__button-swatch{border:0;width:1.5rem;height:1.5rem;position:static}.room-platform-room .whiteboard-react-toolbar__button[aria-label="Close whiteboard tools"]{color:#fff;background:#ef1111;margin-bottom:.75rem}.room-platform-room .whiteboard-react-toolbar__button[aria-label="Close whiteboard tools"]:hover:not(:disabled){background:#dc0d0d}.room-platform-room .whiteboard-react-toolbar[data-orientation=horizontal] span:last-child .whiteboard-react-toolbar__button{margin-bottom:0;margin-right:.75rem}.room-platform-room .whiteboard-react-toolbar__button:disabled,.room-platform-room .whiteboard-react-toolbar__option-chip:disabled,.room-platform-room .whiteboard-react-toolbar__width-chip:disabled,.room-platform-room .whiteboard-react-color-popover__swatch:disabled{cursor:not-allowed;opacity:.46}.room-platform-room .whiteboard-react-toolbar__button-swatch{background:var(--whiteboard-color);border:1px solid #fffc;border-radius:999px;width:.6rem;height:.6rem;position:absolute;bottom:.34rem;right:.34rem;box-shadow:0 0 0 1px #0f172a1f}.room-platform-room .whiteboard-react-toolbar__popover{z-index:62;color:#f8fafc;background:#292a2c;border:.15rem solid #e2e8f0b8;border-radius:.5rem;padding:.65rem;box-shadow:0 12px 28px #0f172a4d}.room-platform-room .whiteboard-react-draw-popover{max-width:15.5rem}.room-platform-room .whiteboard-react-color-popover{width:12.5rem}.room-platform-room .whiteboard-react-toolbar__popover-section{flex-direction:column;gap:.35rem;display:flex}.room-platform-room .whiteboard-react-toolbar__popover-section+.whiteboard-react-toolbar__popover-section{margin-top:.55rem}.room-platform-room .whiteboard-react-toolbar__popover-label{letter-spacing:.04em;text-transform:uppercase;color:#e2e8f0d1;margin:0;font-size:.75rem;font-weight:700}.room-platform-room .whiteboard-react-toolbar__option-grid,.room-platform-room .whiteboard-react-toolbar__width-grid{gap:.35rem;display:grid}.room-platform-room .whiteboard-react-toolbar__option-grid,.room-platform-room .whiteboard-react-toolbar__option-grid--shapes{grid-template-columns:repeat(4,minmax(0,1fr))}.room-platform-room .whiteboard-react-toolbar__option-chip,.room-platform-room .whiteboard-react-toolbar__width-chip{color:#f8fafc;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.65rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.room-platform-room .whiteboard-react-toolbar__option-chip[data-active=true],.room-platform-room .whiteboard-react-toolbar__width-chip[data-active=true]{color:#fff;background:#0878f7;border-color:#0000}.room-platform-room .whiteboard-react-toolbar__option-chip:hover:not(:disabled):not([data-active=true]),.room-platform-room .whiteboard-react-toolbar__width-chip:hover:not(:disabled):not([data-active=true]){color:#fff}.room-platform-room .whiteboard-react-toolbar__width-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.room-platform-room .whiteboard-react-toolbar__option-icon{flex:none}.room-platform-room .whiteboard-react-toolbar__width-sample{background:currentColor;border-radius:999px;flex:none;width:1.35rem;height:1.35rem;display:inline-flex}.room-platform-room .whiteboard-react-toolbar__width-sample[data-width=xs]{width:.3rem;height:.3rem}.room-platform-room .whiteboard-react-toolbar__width-sample[data-width=sm]{width:.45rem;height:.45rem}.room-platform-room .whiteboard-react-toolbar__width-sample[data-width=md]{width:.65rem;height:.65rem}.room-platform-room .whiteboard-react-toolbar__width-sample[data-width=lg]{width:.9rem;height:.9rem}.room-platform-room .whiteboard-react-color-popover__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;display:grid}.room-platform-room .whiteboard-react-color-popover__swatch{cursor:pointer;background:#ffffffe6;border:1px solid #94a3b847;border-radius:999px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;padding:0;display:inline-flex}.room-platform-room .whiteboard-react-color-popover__swatch-fill{background:var(--whiteboard-color);border-radius:999px;width:1.35rem;height:1.35rem;box-shadow:inset 0 0 0 1px #0f172a14}.room-platform-room .whiteboard-react-color-popover__swatch[data-active=true]{border-color:#0f766e73;box-shadow:0 0 0 4px #0f766e1f}.room-platform-room .whiteboard-react-color-popover__swatch[data-light=true] .whiteboard-react-color-popover__swatch-fill{box-shadow:inset 0 0 0 1px #0f172a1f,0 0 0 1px #e2e8f0cc}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}
3694
3
  /* @naviedu/room-platform-react bundled tailwind utilities */
3695
4
  .room-platform-host {
3696
5
  box-sizing: border-box;