@openim/im-composer 1.0.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1,518 +1 @@
1
- /* src/IMComposer.css */
2
- .im-composer {
3
- display: flex;
4
- flex-direction: column;
5
- background: #ffffff;
6
- height: 100%;
7
- font-family:
8
- -apple-system,
9
- BlinkMacSystemFont,
10
- "Segoe UI",
11
- Roboto,
12
- sans-serif;
13
- position: relative;
14
- }
15
- .im-composer-disabled {
16
- opacity: 0.6;
17
- pointer-events: none;
18
- }
19
- .im-composer-editor-container {
20
- position: relative;
21
- min-height: 80px;
22
- height: 100%;
23
- overflow-y: auto;
24
- }
25
- .im-composer-editor {
26
- font-family:
27
- system-ui,
28
- -apple-system,
29
- BlinkMacSystemFont,
30
- "MozillaTwemojiColr",
31
- "Apple Color Emoji",
32
- "Segoe UI Emoji",
33
- "Noto Color Emoji",
34
- sans-serif;
35
- height: 100%;
36
- min-height: 80px;
37
- padding: 6px 10px;
38
- outline: none;
39
- font-size: 14px;
40
- line-height: 1.5;
41
- }
42
- .im-composer-editor:focus {
43
- outline: none;
44
- }
45
- .im-composer-placeholder {
46
- position: absolute;
47
- top: 6px;
48
- left: 12px;
49
- color: #999;
50
- pointer-events: none;
51
- font-size: 14px;
52
- }
53
- .im-composer-toolbar {
54
- display: flex;
55
- align-items: center;
56
- gap: 2px;
57
- padding: 8px;
58
- border-bottom: 1px solid #e0e0e0;
59
- background: #f9f9f9;
60
- flex-wrap: wrap;
61
- }
62
- .im-composer-toolbar-btn {
63
- display: flex;
64
- align-items: center;
65
- justify-content: center;
66
- width: 28px;
67
- height: 28px;
68
- border: 1px solid transparent;
69
- background: transparent;
70
- border-radius: 4px;
71
- cursor: pointer;
72
- font-size: 14px;
73
- color: #555;
74
- transition: all 0.2s;
75
- padding: 0;
76
- margin-right: 2px;
77
- }
78
- .im-composer-toolbar-btn svg {
79
- width: 16px;
80
- height: 16px;
81
- pointer-events: none;
82
- }
83
- .im-composer-toolbar-btn:hover {
84
- background: #e0e0e0;
85
- }
86
- .im-composer-toolbar-btn:active {
87
- background: #d0d0d0;
88
- }
89
- .im-composer-toolbar-divider {
90
- width: 1px;
91
- height: 24px;
92
- background: #e0e0e0;
93
- margin: 0 4px;
94
- }
95
- .im-composer-link-dialog {
96
- position: fixed;
97
- top: 50%;
98
- left: 50%;
99
- transform: translate(-50%, -50%);
100
- width: 320px;
101
- z-index: 1000;
102
- background: #fff;
103
- border: 1px solid #e0e0e0;
104
- border-radius: 8px;
105
- box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
106
- padding: 12px;
107
- }
108
- .im-composer-link-dialog-content {
109
- display: flex;
110
- flex-direction: column;
111
- gap: 8px;
112
- }
113
- .im-composer-link-input {
114
- padding: 8px 12px;
115
- border: 1px solid #e0e0e0;
116
- border-radius: 4px;
117
- font-size: 14px;
118
- }
119
- .im-composer-link-input:focus {
120
- outline: none;
121
- border-color: #007bff;
122
- }
123
- .im-composer-link-dialog-buttons {
124
- display: flex;
125
- justify-content: flex-end;
126
- gap: 8px;
127
- margin-top: 8px;
128
- }
129
- .im-composer-link-dialog-buttons button {
130
- padding: 8px 16px;
131
- border: none;
132
- border-radius: 4px;
133
- cursor: pointer;
134
- font-size: 14px;
135
- }
136
- .im-composer-link-dialog-buttons button:first-child {
137
- background: #f0f0f0;
138
- color: #333;
139
- }
140
- .im-composer-link-dialog-buttons button:last-child {
141
- background: #007bff;
142
- color: #fff;
143
- }
144
- .im-composer-link-edit-popup {
145
- z-index: 1001;
146
- background: #fff;
147
- border: 1px solid #e0e0e0;
148
- border-radius: 6px;
149
- box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
150
- padding: 8px;
151
- }
152
- .im-composer-link-edit-content {
153
- display: flex;
154
- flex-direction: column;
155
- gap: 6px;
156
- }
157
- .im-composer-link-edit-field {
158
- display: flex;
159
- flex-direction: column;
160
- gap: 2px;
161
- }
162
- .im-composer-link-edit-field label {
163
- font-size: 11px;
164
- color: #666;
165
- font-weight: 500;
166
- }
167
- .im-composer-link-edit-field input {
168
- padding: 5px 8px;
169
- border: 1px solid #e0e0e0;
170
- border-radius: 4px;
171
- font-size: 12px;
172
- }
173
- .im-composer-link-edit-field input:focus {
174
- outline: none;
175
- border-color: #007bff;
176
- }
177
- .im-composer-link-edit-buttons {
178
- display: flex;
179
- justify-content: flex-end;
180
- gap: 6px;
181
- margin-top: 2px;
182
- }
183
- .im-composer-link-edit-buttons button {
184
- padding: 4px 10px;
185
- border: none;
186
- border-radius: 4px;
187
- cursor: pointer;
188
- font-size: 12px;
189
- }
190
- .im-composer-link-edit-buttons button.remove {
191
- background: #f5f5f5;
192
- color: #e53935;
193
- }
194
- .im-composer-link-edit-buttons button.remove:hover {
195
- background: #ffebee;
196
- }
197
- .im-composer-link-edit-buttons button.save {
198
- background: #007bff;
199
- color: #fff;
200
- }
201
- .im-composer-link-edit-buttons button.save:hover {
202
- background: #0056b3;
203
- }
204
- .im-composer-mention {
205
- background: #e8f0fe;
206
- color: #1a73e8;
207
- padding: 1px 4px;
208
- border-radius: 3px;
209
- font-weight: 500;
210
- }
211
- .im-composer-mention-menu {
212
- background: #fff;
213
- border-radius: 8px;
214
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
215
- max-height: 200px;
216
- overflow-y: auto;
217
- z-index: 1000;
218
- min-width: 200px;
219
- }
220
- .im-composer-mention-item {
221
- display: flex;
222
- align-items: center;
223
- gap: 8px;
224
- padding: 8px 12px;
225
- cursor: pointer;
226
- transition: background 0.15s;
227
- }
228
- .im-composer-mention-item:hover,
229
- .im-composer-mention-item.selected {
230
- background: #f3f8ff;
231
- }
232
- .im-composer-mention-avatar {
233
- width: 24px;
234
- height: 24px;
235
- border-radius: 50%;
236
- object-fit: cover;
237
- }
238
- .im-composer-mention-name {
239
- font-size: 14px;
240
- color: #333;
241
- }
242
- .im-composer-attachments {
243
- display: flex;
244
- flex-wrap: wrap;
245
- gap: 8px;
246
- padding: 8px 12px;
247
- background: #f9f9f9;
248
- }
249
- .im-composer-attachments-top {
250
- border-bottom: 1px solid #e0e0e0;
251
- }
252
- .im-composer-attachments-bottom {
253
- border-top: 1px solid #e0e0e0;
254
- }
255
- .im-composer-attachment-item {
256
- display: flex;
257
- align-items: center;
258
- gap: 8px;
259
- padding: 8px;
260
- background: #fff;
261
- border: 1px solid #e0e0e0;
262
- border-radius: 6px;
263
- max-width: 200px;
264
- }
265
- .im-composer-attachment-preview {
266
- width: 40px;
267
- height: 40px;
268
- object-fit: cover;
269
- border-radius: 4px;
270
- }
271
- .im-composer-attachment-icon {
272
- width: 40px;
273
- height: 40px;
274
- display: flex;
275
- align-items: center;
276
- justify-content: center;
277
- font-size: 24px;
278
- background: #f0f0f0;
279
- border-radius: 4px;
280
- }
281
- .im-composer-attachment-info {
282
- flex: 1;
283
- min-width: 0;
284
- display: flex;
285
- flex-direction: column;
286
- }
287
- .im-composer-attachment-name {
288
- font-size: 12px;
289
- color: #333;
290
- white-space: nowrap;
291
- overflow: hidden;
292
- text-overflow: ellipsis;
293
- }
294
- .im-composer-attachment-size {
295
- font-size: 11px;
296
- color: #999;
297
- }
298
- .im-composer-attachment-remove {
299
- display: flex;
300
- align-items: center;
301
- justify-content: center;
302
- width: 20px;
303
- height: 20px;
304
- border: none;
305
- background: #f0f0f0;
306
- border-radius: 50%;
307
- cursor: pointer;
308
- font-size: 14px;
309
- color: #666;
310
- flex-shrink: 0;
311
- }
312
- .im-composer-attachment-remove:hover {
313
- background: #e0e0e0;
314
- color: #333;
315
- }
316
- .im-composer-image-container {
317
- display: block;
318
- margin: 8px 0;
319
- text-align: center;
320
- }
321
- .im-composer-image-wrapper {
322
- display: inline-block;
323
- position: relative;
324
- cursor: pointer;
325
- border: 2px solid transparent;
326
- border-radius: 6px;
327
- transition: border-color 0.15s ease;
328
- }
329
- .im-composer-image-wrapper.selected {
330
- border-color: #1890ff;
331
- outline: 2px solid rgba(24, 144, 255, 0.3);
332
- }
333
- .im-composer-image-wrapper:hover {
334
- border-color: #91d5ff;
335
- }
336
- .im-composer-image {
337
- display: block;
338
- max-width: 100%;
339
- max-height: 300px;
340
- border-radius: 4px;
341
- user-select: none;
342
- }
343
- .im-composer-uploading {
344
- position: absolute;
345
- bottom: 8px;
346
- right: 8px;
347
- padding: 4px 8px;
348
- background: rgba(0, 0, 0, 0.7);
349
- color: #fff;
350
- border-radius: 4px;
351
- font-size: 12px;
352
- }
353
- .im-composer-editor h1 {
354
- font-size: 24px;
355
- font-weight: 700;
356
- margin: 16px 0 8px;
357
- }
358
- .im-composer-editor h2 {
359
- font-size: 20px;
360
- font-weight: 600;
361
- margin: 14px 0 6px;
362
- }
363
- .im-composer-editor h3 {
364
- font-size: 16px;
365
- font-weight: 600;
366
- margin: 12px 0 4px;
367
- }
368
- .im-composer-editor blockquote {
369
- border-left: 3px solid #e0e0e0;
370
- margin: 8px 0;
371
- padding-left: 12px;
372
- color: #666;
373
- }
374
- .im-composer-editor code {
375
- background: #f5f5f5;
376
- padding: 2px 4px;
377
- border-radius: 3px;
378
- font-family:
379
- "SF Mono",
380
- Monaco,
381
- monospace;
382
- font-size: 13px;
383
- }
384
- .im-composer-editor pre {
385
- background: #f5f5f5;
386
- padding: 12px;
387
- border-radius: 6px;
388
- overflow-x: auto;
389
- margin: 8px 0;
390
- }
391
- .im-composer-editor pre code {
392
- background: transparent;
393
- padding: 0;
394
- }
395
- .im-composer-editor ul,
396
- .im-composer-editor ol {
397
- margin: 8px 0;
398
- padding-left: 24px;
399
- }
400
- .im-composer-editor a {
401
- color: #007bff;
402
- text-decoration: none;
403
- }
404
- .im-composer-editor a:hover {
405
- text-decoration: underline;
406
- }
407
- .im-composer-editor p,
408
- .im-composer-paragraph {
409
- margin: 0;
410
- }
411
- .im-composer-editor p:last-child {
412
- margin-bottom: 0;
413
- }
414
- .im-composer-emoji {
415
- display: inline;
416
- vertical-align: middle;
417
- }
418
- .im-composer-emoji-img {
419
- width: 1.2em;
420
- height: 1.2em;
421
- vertical-align: -0.2em;
422
- margin: 0 1px;
423
- display: inline-block;
424
- }
425
- .im-composer-quote-wrapper {
426
- display: block;
427
- margin-bottom: 8px;
428
- user-select: none;
429
- }
430
- .im-composer-quote {
431
- display: inline-flex;
432
- align-items: center;
433
- background-color: #f0f2f5;
434
- color: #666;
435
- padding: 4px 8px;
436
- border-radius: 4px;
437
- font-size: 12px;
438
- max-width: 100%;
439
- box-sizing: border-box;
440
- gap: 6px;
441
- }
442
- .im-composer-quote-close {
443
- order: -1;
444
- background: none;
445
- border: none;
446
- cursor: pointer;
447
- padding: 0;
448
- margin: 0;
449
- color: #999;
450
- font-size: 14px;
451
- line-height: 1;
452
- display: flex;
453
- align-items: center;
454
- justify-content: center;
455
- width: 16px;
456
- height: 16px;
457
- }
458
- .im-composer-quote-close:hover {
459
- color: #666;
460
- background-color: rgba(0, 0, 0, 0.05);
461
- border-radius: 50%;
462
- }
463
- .im-composer-quote-text {
464
- font-family:
465
- system-ui,
466
- -apple-system,
467
- BlinkMacSystemFont,
468
- "MozillaTwemojiColr",
469
- "Apple Color Emoji",
470
- "Segoe UI Emoji",
471
- "Noto Color Emoji",
472
- sans-serif;
473
- display: flex;
474
- align-items: center;
475
- overflow: hidden;
476
- text-overflow: ellipsis;
477
- white-space: nowrap;
478
- gap: 4px;
479
- color: #8e9ab0;
480
- }
481
- .im-composer-quote-title {
482
- font-weight: 500;
483
- }
484
- .im-composer-quote-content {
485
- overflow: hidden;
486
- text-overflow: ellipsis;
487
- }
488
- .im-composer-text-bold {
489
- font-weight: bold;
490
- }
491
- .im-composer-text-italic {
492
- font-style: italic;
493
- }
494
- .im-composer-text-underline {
495
- text-decoration: underline;
496
- }
497
- .im-composer-text-strikethrough {
498
- text-decoration: line-through;
499
- }
500
- .im-composer-text-underline-strikethrough {
501
- text-decoration: underline line-through;
502
- }
503
- .im-composer-text-code {
504
- background-color: #f0f2f5;
505
- padding: 1px 0.25rem;
506
- font-family:
507
- Menlo,
508
- Consolas,
509
- Monaco,
510
- monospace;
511
- font-size: 94%;
512
- border-radius: 3px;
513
- }
514
- .im-composer-toolbar-btn.active {
515
- background-color: #e8e8e8;
516
- color: #000;
517
- }
518
- /*# sourceMappingURL=index.css.map */
1
+ @charset "UTF-8";:root{overflow-wrap:break-word;text-size-adjust:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--tt-gray-light-a-50: rgba(56, 56, 56, .04);--tt-gray-light-a-100: rgba(15, 22, 36, .05);--tt-gray-light-a-200: rgba(37, 39, 45, .1);--tt-gray-light-a-300: rgba(47, 50, 55, .2);--tt-gray-light-a-400: rgba(40, 44, 51, .42);--tt-gray-light-a-500: rgba(52, 55, 60, .64);--tt-gray-light-a-600: rgba(36, 39, 46, .78);--tt-gray-light-a-700: rgba(35, 37, 42, .87);--tt-gray-light-a-800: rgba(30, 32, 36, .95);--tt-gray-light-a-900: rgba(29, 30, 32, .98);--tt-gray-light-50: rgba(250, 250, 250, 1);--tt-gray-light-100: rgba(244, 244, 245, 1);--tt-gray-light-200: rgba(234, 234, 235, 1);--tt-gray-light-300: rgba(213, 214, 215, 1);--tt-gray-light-400: rgba(166, 167, 171, 1);--tt-gray-light-500: rgba(125, 127, 130, 1);--tt-gray-light-600: rgba(83, 86, 90, 1);--tt-gray-light-700: rgba(64, 65, 69, 1);--tt-gray-light-800: rgba(44, 45, 48, 1);--tt-gray-light-900: rgba(34, 35, 37, 1);--tt-gray-dark-a-50: rgba(232, 232, 253, .05);--tt-gray-dark-a-100: rgba(231, 231, 243, .07);--tt-gray-dark-a-200: rgba(238, 238, 246, .11);--tt-gray-dark-a-300: rgba(239, 239, 245, .22);--tt-gray-dark-a-400: rgba(244, 244, 255, .37);--tt-gray-dark-a-500: rgba(236, 238, 253, .5);--tt-gray-dark-a-600: rgba(247, 247, 253, .64);--tt-gray-dark-a-700: rgba(251, 251, 254, .75);--tt-gray-dark-a-800: rgba(253, 253, 253, .88);--tt-gray-dark-a-900: rgba(255, 255, 255, .96);--tt-gray-dark-50: rgba(25, 25, 26, 1);--tt-gray-dark-100: rgba(32, 32, 34, 1);--tt-gray-dark-200: rgba(45, 45, 47, 1);--tt-gray-dark-300: rgba(70, 70, 73, 1);--tt-gray-dark-400: rgba(99, 99, 105, 1);--tt-gray-dark-500: rgba(124, 124, 131, 1);--tt-gray-dark-600: rgba(163, 163, 168, 1);--tt-gray-dark-700: rgba(192, 192, 195, 1);--tt-gray-dark-800: rgba(224, 224, 225, 1);--tt-gray-dark-900: rgba(245, 245, 245, 1);--tt-brand-color-50: rgba(239, 238, 255, 1);--tt-brand-color-100: rgba(222, 219, 255, 1);--tt-brand-color-200: rgba(195, 189, 255, 1);--tt-brand-color-300: rgba(157, 138, 255, 1);--tt-brand-color-400: rgba(122, 82, 255, 1);--tt-brand-color-500: rgba(98, 41, 255, 1);--tt-brand-color-600: rgba(84, 0, 229, 1);--tt-brand-color-700: rgba(75, 0, 204, 1);--tt-brand-color-800: rgba(56, 0, 153, 1);--tt-brand-color-900: rgba(43, 25, 102, 1);--tt-brand-color-950: hsla(257, 100%, 9%, 1);--tt-color-green-inc-5: hsla(129, 100%, 97%, 1);--tt-color-green-inc-4: hsla(129, 100%, 92%, 1);--tt-color-green-inc-3: hsla(131, 100%, 86%, 1);--tt-color-green-inc-2: hsla(133, 98%, 78%, 1);--tt-color-green-inc-1: hsla(137, 99%, 70%, 1);--tt-color-green-base: hsla(147, 99%, 50%, 1);--tt-color-green-dec-1: hsla(147, 97%, 41%, 1);--tt-color-green-dec-2: hsla(146, 98%, 32%, 1);--tt-color-green-dec-3: hsla(146, 100%, 24%, 1);--tt-color-green-dec-4: hsla(144, 100%, 16%, 1);--tt-color-green-dec-5: hsla(140, 100%, 9%, 1);--tt-color-yellow-inc-5: hsla(50, 100%, 97%, 1);--tt-color-yellow-inc-4: hsla(50, 100%, 91%, 1);--tt-color-yellow-inc-3: hsla(50, 100%, 84%, 1);--tt-color-yellow-inc-2: hsla(50, 100%, 77%, 1);--tt-color-yellow-inc-1: hsla(50, 100%, 68%, 1);--tt-color-yellow-base: hsla(52, 100%, 50%, 1);--tt-color-yellow-dec-1: hsla(52, 100%, 41%, 1);--tt-color-yellow-dec-2: hsla(52, 100%, 32%, 1);--tt-color-yellow-dec-3: hsla(52, 100%, 24%, 1);--tt-color-yellow-dec-4: hsla(51, 100%, 16%, 1);--tt-color-yellow-dec-5: hsla(50, 100%, 9%, 1);--tt-color-red-inc-5: hsla(11, 100%, 96%, 1);--tt-color-red-inc-4: hsla(11, 100%, 88%, 1);--tt-color-red-inc-3: hsla(10, 100%, 80%, 1);--tt-color-red-inc-2: hsla(9, 100%, 73%, 1);--tt-color-red-inc-1: hsla(7, 100%, 64%, 1);--tt-color-red-base: hsla(7, 100%, 54%, 1);--tt-color-red-dec-1: hsla(7, 100%, 41%, 1);--tt-color-red-dec-2: hsla(5, 100%, 32%, 1);--tt-color-red-dec-3: hsla(4, 100%, 24%, 1);--tt-color-red-dec-4: hsla(3, 100%, 16%, 1);--tt-color-red-dec-5: hsla(1, 100%, 9%, 1);--white: rgba(255, 255, 255, 1);--black: rgba(14, 14, 17, 1);--transparent: rgba(255, 255, 255, 0);--tt-shadow-elevated-md: 0px 16px 48px 0px rgba(17, 24, 39, .04), 0px 12px 24px 0px rgba(17, 24, 39, .04), 0px 6px 8px 0px rgba(17, 24, 39, .02), 0px 2px 3px 0px rgba(17, 24, 39, .02);--tt-radius-xxs: .125rem;--tt-radius-xs: .25rem;--tt-radius-sm: .375rem;--tt-radius-md: .5rem;--tt-radius-lg: .75rem;--tt-radius-xl: 1rem;--tt-transition-duration-short: .1s;--tt-transition-duration-default: .2s;--tt-transition-duration-long: .64s;--tt-transition-easing-default: cubic-bezier(.46, .03, .52, .96);--tt-transition-easing-cubic: cubic-bezier(.65, .05, .36, 1);--tt-transition-easing-quart: cubic-bezier(.77, 0, .18, 1);--tt-transition-easing-circ: cubic-bezier(.79, .14, .15, .86);--tt-transition-easing-back: cubic-bezier(.68, -.55, .27, 1.55);--tt-accent-contrast: 8%;--tt-destructive-contrast: 8%;--tt-foreground-contrast: 8%}:root,:root *,:root :before,:root :after{box-sizing:border-box;transition:none var(--tt-transition-duration-default) var(--tt-transition-easing-default)}:root{--tt-bg-color: var(--white);--tt-border-color: var(--tt-gray-light-a-200);--tt-border-color-tint: var(--tt-gray-light-a-100);--tt-sidebar-bg-color: var(--tt-gray-light-100);--tt-scrollbar-color: var(--tt-gray-light-a-200);--tt-cursor-color: var(--tt-brand-color-500);--tt-selection-color: rgba(157, 138, 255, .2);--tt-card-bg-color: var(--white);--tt-card-border-color: var(--tt-gray-light-a-100)}.dark{--tt-bg-color: var(--black);--tt-border-color: var(--tt-gray-dark-a-200);--tt-border-color-tint: var(--tt-gray-dark-a-100);--tt-sidebar-bg-color: var(--tt-gray-dark-100);--tt-scrollbar-color: var(--tt-gray-dark-a-200);--tt-cursor-color: var(--tt-brand-color-400);--tt-selection-color: rgba(122, 82, 255, .2);--tt-card-bg-color: var(--tt-gray-dark-50);--tt-card-border-color: var(--tt-gray-dark-a-50);--tt-shadow-elevated-md: 0px 16px 48px 0px rgba(0, 0, 0, .5), 0px 12px 24px 0px rgba(0, 0, 0, .24), 0px 6px 8px 0px rgba(0, 0, 0, .22), 0px 2px 3px 0px rgba(0, 0, 0, .12)}:root{--tt-color-text-gray: hsl(45, 2%, 46%);--tt-color-text-brown: hsl(19, 31%, 47%);--tt-color-text-orange: hsl(30, 89%, 45%);--tt-color-text-yellow: hsl(38, 62%, 49%);--tt-color-text-green: hsl(148, 32%, 39%);--tt-color-text-blue: hsl(202, 54%, 43%);--tt-color-text-purple: hsl(274, 32%, 54%);--tt-color-text-pink: hsl(328, 49%, 53%);--tt-color-text-red: hsl(2, 62%, 55%);--tt-color-text-gray-contrast: hsla(39, 26%, 26%, .15);--tt-color-text-brown-contrast: hsla(18, 43%, 69%, .35);--tt-color-text-orange-contrast: hsla(24, 73%, 55%, .27);--tt-color-text-yellow-contrast: hsla(44, 82%, 59%, .39);--tt-color-text-green-contrast: hsla(126, 29%, 60%, .27);--tt-color-text-blue-contrast: hsla(202, 54%, 59%, .27);--tt-color-text-purple-contrast: hsla(274, 37%, 64%, .27);--tt-color-text-pink-contrast: hsla(331, 60%, 71%, .27);--tt-color-text-red-contrast: hsla(8, 79%, 79%, .4)}.dark{--tt-color-text-gray: hsl(0, 0%, 61%);--tt-color-text-brown: hsl(18, 35%, 58%);--tt-color-text-orange: hsl(25, 53%, 53%);--tt-color-text-yellow: hsl(36, 54%, 55%);--tt-color-text-green: hsl(145, 32%, 47%);--tt-color-text-blue: hsl(202, 64%, 52%);--tt-color-text-purple: hsl(270, 55%, 62%);--tt-color-text-pink: hsl(329, 57%, 58%);--tt-color-text-red: hsl(1, 69%, 60%);--tt-color-text-gray-contrast: hsla(0, 0%, 100%, .09);--tt-color-text-brown-contrast: hsla(17, 45%, 50%, .25);--tt-color-text-orange-contrast: hsla(27, 82%, 53%, .2);--tt-color-text-yellow-contrast: hsla(35, 49%, 47%, .2);--tt-color-text-green-contrast: hsla(151, 55%, 39%, .2);--tt-color-text-blue-contrast: hsla(202, 54%, 43%, .2);--tt-color-text-purple-contrast: hsla(271, 56%, 60%, .18);--tt-color-text-pink-contrast: hsla(331, 67%, 58%, .22);--tt-color-text-red-contrast: hsla(0, 67%, 60%, .25)}:root{--tt-color-highlight-yellow: #fef9c3;--tt-color-highlight-green: #dcfce7;--tt-color-highlight-blue: #e0f2fe;--tt-color-highlight-purple: #f3e8ff;--tt-color-highlight-red: #ffe4e6;--tt-color-highlight-gray: rgb(248, 248, 247);--tt-color-highlight-brown: rgb(244, 238, 238);--tt-color-highlight-orange: rgb(251, 236, 221);--tt-color-highlight-pink: rgb(252, 241, 246);--tt-color-highlight-yellow-contrast: #fbe604;--tt-color-highlight-green-contrast: #c7fad8;--tt-color-highlight-blue-contrast: #ceeafd;--tt-color-highlight-purple-contrast: #e4ccff;--tt-color-highlight-red-contrast: #ffccd0;--tt-color-highlight-gray-contrast: rgba(84, 72, 49, .15);--tt-color-highlight-brown-contrast: rgba(210, 162, 141, .35);--tt-color-highlight-orange-contrast: rgba(224, 124, 57, .27);--tt-color-highlight-pink-contrast: rgba(225, 136, 179, .27)}.dark{--tt-color-highlight-yellow: #6b6524;--tt-color-highlight-green: #509568;--tt-color-highlight-blue: #6e92aa;--tt-color-highlight-purple: #583e74;--tt-color-highlight-red: #743e42;--tt-color-highlight-gray: rgb(47, 47, 47);--tt-color-highlight-brown: rgb(74, 50, 40);--tt-color-highlight-orange: rgb(92, 59, 35);--tt-color-highlight-pink: rgb(78, 44, 60);--tt-color-highlight-yellow-contrast: #58531e;--tt-color-highlight-green-contrast: #47855d;--tt-color-highlight-blue-contrast: #5e86a1;--tt-color-highlight-purple-contrast: #4c3564;--tt-color-highlight-red-contrast: #643539;--tt-color-highlight-gray-contrast: rgba(255, 255, 255, .094);--tt-color-highlight-brown-contrast: rgba(184, 101, 69, .25);--tt-color-highlight-orange-contrast: rgba(233, 126, 37, .2);--tt-color-highlight-pink-contrast: rgba(220, 76, 145, .22)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes zoomIn{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes zoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideFromTop{0%{transform:translateY(-.5rem)}to{transform:translateY(0)}}@keyframes slideFromRight{0%{transform:translate(.5rem)}to{transform:translate(0)}}@keyframes slideFromLeft{0%{transform:translate(-.5rem)}to{transform:translate(0)}}@keyframes slideFromBottom{0%{transform:translateY(.5rem)}to{transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tiptap.ProseMirror{--blockquote-bg-color: var(--tt-gray-light-900)}.dark .tiptap.ProseMirror{--blockquote-bg-color: var(--tt-gray-dark-900)}.tiptap.ProseMirror blockquote{position:relative;padding-left:1em;padding-top:.375em;padding-bottom:.375em;margin:1.5rem 0}.tiptap.ProseMirror blockquote p{margin-top:0}.tiptap.ProseMirror blockquote:before,.tiptap.ProseMirror blockquote.is-empty:before{position:absolute;bottom:0;left:0;top:0;height:100%;width:.25em;background-color:var(--blockquote-bg-color);content:"";border-radius:0}.tiptap.ProseMirror{--tt-inline-code-bg-color: var(--tt-gray-light-a-100);--tt-inline-code-text-color: var(--tt-gray-light-a-700);--tt-inline-code-border-color: var(--tt-gray-light-a-200);--tt-codeblock-bg: var(--tt-gray-light-a-50);--tt-codeblock-text: var(--tt-gray-light-a-800);--tt-codeblock-border: var(--tt-gray-light-a-200)}.dark .tiptap.ProseMirror{--tt-inline-code-bg-color: var(--tt-gray-dark-a-100);--tt-inline-code-text-color: var(--tt-gray-dark-a-700);--tt-inline-code-border-color: var(--tt-gray-dark-a-200);--tt-codeblock-bg: var(--tt-gray-dark-a-50);--tt-codeblock-text: var(--tt-gray-dark-a-800);--tt-codeblock-border: var(--tt-gray-dark-a-200)}.tiptap.ProseMirror code{background-color:var(--tt-inline-code-bg-color);color:var(--tt-inline-code-text-color);border:1px solid var(--tt-inline-code-border-color);font-family:JetBrains Mono NL,monospace;font-size:.875em;line-height:1.4;border-radius:6px/.375rem;padding:.1em .2em}.tiptap.ProseMirror pre{background-color:var(--tt-codeblock-bg);color:var(--tt-codeblock-text);border:1px solid var(--tt-codeblock-border);margin-top:1.5em;margin-bottom:1.5em;padding:1em;border-radius:6px/.375rem}.tiptap.ProseMirror pre code{background-color:transparent;border:none;border-radius:0;-webkit-text-fill-color:inherit;color:inherit}.tiptap.ProseMirror{--horizontal-rule-color: var(--tt-gray-light-a-200)}.dark .tiptap.ProseMirror{--horizontal-rule-color: var(--tt-gray-dark-a-200)}.tiptap.ProseMirror hr{border:none;height:1px;background-color:var(--horizontal-rule-color)}.tiptap.ProseMirror [data-type=horizontalRule]{margin-top:2.25em;margin-bottom:2.25em;padding-top:.75rem;padding-bottom:.75rem}.tiptap.ProseMirror{--tt-checklist-bg-color: var(--tt-gray-light-a-100);--tt-checklist-bg-active-color: var(--tt-gray-light-a-900);--tt-checklist-border-color: var(--tt-gray-light-a-200);--tt-checklist-border-active-color: var(--tt-gray-light-a-900);--tt-checklist-check-icon-color: var(--white);--tt-checklist-text-active: var(--tt-gray-light-a-500)}.dark .tiptap.ProseMirror{--tt-checklist-bg-color: var(--tt-gray-dark-a-100);--tt-checklist-bg-active-color: var(--tt-gray-dark-a-900);--tt-checklist-border-color: var(--tt-gray-dark-a-200);--tt-checklist-border-active-color: var(--tt-gray-dark-a-900);--tt-checklist-check-icon-color: var(--black);--tt-checklist-text-active: var(--tt-gray-dark-a-500)}.tiptap.ProseMirror ol,.tiptap.ProseMirror ul{margin-top:1.5em;margin-bottom:1.5em;padding-left:1.5em}.tiptap.ProseMirror ol:first-child,.tiptap.ProseMirror ul:first-child{margin-top:0}.tiptap.ProseMirror ol:last-child,.tiptap.ProseMirror ul:last-child{margin-bottom:0}.tiptap.ProseMirror ol ol,.tiptap.ProseMirror ol ul,.tiptap.ProseMirror ul ol,.tiptap.ProseMirror ul ul{margin-top:0;margin-bottom:0}.tiptap.ProseMirror li p{margin-top:0;line-height:1.6}.tiptap.ProseMirror ol{list-style:decimal}.tiptap.ProseMirror ol ol{list-style:lower-alpha}.tiptap.ProseMirror ol ol ol{list-style:lower-roman}.tiptap.ProseMirror ul:not([data-type=taskList]){list-style:disc}.tiptap.ProseMirror ul:not([data-type=taskList]) ul{list-style:circle}.tiptap.ProseMirror ul:not([data-type=taskList]) ul ul{list-style:square}.tiptap.ProseMirror ul[data-type=taskList]{padding-left:.25em}.tiptap.ProseMirror ul[data-type=taskList] li{display:flex;flex-direction:row;align-items:flex-start}.tiptap.ProseMirror ul[data-type=taskList] li:not(:has(>p:first-child)){list-style-type:none}.tiptap.ProseMirror ul[data-type=taskList] li[data-checked=true]>div>p{opacity:.5;text-decoration:line-through}.tiptap.ProseMirror ul[data-type=taskList] li[data-checked=true]>div>p span{text-decoration:line-through}.tiptap.ProseMirror ul[data-type=taskList] li label{position:relative;padding-top:.375rem;padding-right:.5rem}.tiptap.ProseMirror ul[data-type=taskList] li label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.tiptap.ProseMirror ul[data-type=taskList] li label span{display:block;width:1em;height:1em;border:1px solid var(--tt-checklist-border-color);border-radius:var(--tt-radius-xs, .25rem);position:relative;cursor:pointer;background-color:var(--tt-checklist-bg-color);transition:background-color 80ms ease-out,border-color 80ms ease-out}.tiptap.ProseMirror ul[data-type=taskList] li label span:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.75em;height:.75em;background-color:var(--tt-checklist-check-icon-color);opacity:0;-webkit-mask:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.4142%204.58579C22.1953%205.36683%2022.1953%206.63317%2021.4142%207.41421L10.4142%2018.4142C9.63317%2019.1953%208.36684%2019.1953%207.58579%2018.4142L2.58579%2013.4142C1.80474%2012.6332%201.80474%2011.3668%202.58579%2010.5858C3.36683%209.80474%204.63317%209.80474%205.41421%2010.5858L9%2014.1716L18.5858%204.58579C19.3668%203.80474%2020.6332%203.80474%2021.4142%204.58579Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E) center/contain no-repeat;mask:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.4142%204.58579C22.1953%205.36683%2022.1953%206.63317%2021.4142%207.41421L10.4142%2018.4142C9.63317%2019.1953%208.36684%2019.1953%207.58579%2018.4142L2.58579%2013.4142C1.80474%2012.6332%201.80474%2011.3668%202.58579%2010.5858C3.36683%209.80474%204.63317%209.80474%205.41421%2010.5858L9%2014.1716L18.5858%204.58579C19.3668%203.80474%2020.6332%203.80474%2021.4142%204.58579Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E) center/contain no-repeat}.tiptap.ProseMirror ul[data-type=taskList] li label input[type=checkbox]:checked+span{background:var(--tt-checklist-bg-active-color);border-color:var(--tt-checklist-border-active-color)}.tiptap.ProseMirror ul[data-type=taskList] li label input[type=checkbox]:checked+span:before{opacity:1}.tiptap.ProseMirror ul[data-type=taskList] li div{flex:1 1 0%;min-width:0}.tiptap.ProseMirror img{max-width:100%;height:auto;display:block;cursor:pointer}.tiptap.ProseMirror>img:not([data-type=emoji] img){margin:1rem 0;outline:.125rem solid transparent;border-radius:var(--tt-radius-xs, .25rem)}.tiptap.ProseMirror img:not([data-type=emoji] img).ProseMirror-selectednode{outline-color:var(--tt-brand-color-500)}.tiptap.ProseMirror .tiptap-thread:has(>img){margin:1rem 0}.tiptap.ProseMirror .tiptap-thread:has(>img) img{outline:.125rem solid transparent;border-radius:var(--tt-radius-xs, .25rem)}.tiptap.ProseMirror .tiptap-thread img{margin:0}.tiptap.ProseMirror h1,.tiptap.ProseMirror h2,.tiptap.ProseMirror h3,.tiptap.ProseMirror h4{position:relative;color:inherit;font-style:inherit}.tiptap.ProseMirror h1:first-child,.tiptap.ProseMirror h1:first-of-type,.tiptap.ProseMirror h2:first-child,.tiptap.ProseMirror h2:first-of-type,.tiptap.ProseMirror h3:first-child,.tiptap.ProseMirror h3:first-of-type,.tiptap.ProseMirror h4:first-child,.tiptap.ProseMirror h4:first-of-type{margin-top:0}.tiptap.ProseMirror h1{font-size:1.5em;font-weight:700;margin-top:3em}.tiptap.ProseMirror h2{font-size:1.25em;font-weight:700;margin-top:2.5em}.tiptap.ProseMirror h3{font-size:1.125em;font-weight:600;margin-top:2em}.tiptap.ProseMirror h4{font-size:1em;font-weight:600;margin-top:2em}.tiptap.ProseMirror{--tt-collaboration-carets-label: var(--tt-gray-light-900);--link-text-color: var(--tt-brand-color-500);--thread-text: var(--tt-gray-light-900);--placeholder-color: var(--tt-gray-light-a-400);--thread-bg-color: var(--tt-color-yellow-inc-2);--tiptap-ai-insertion-color: var(--tt-brand-color-600)}.dark .tiptap.ProseMirror{--tt-collaboration-carets-label: var(--tt-gray-dark-100);--link-text-color: var(--tt-brand-color-400);--thread-text: var(--tt-gray-dark-900);--placeholder-color: var(--tt-gray-dark-a-400);--thread-bg-color: var(--tt-color-yellow-dec-2);--tiptap-ai-insertion-color: var(--tt-brand-color-400)}.tiptap.ProseMirror>*{position:relative}.tiptap.ProseMirror{white-space:pre-wrap;outline:none;caret-color:var(--tt-cursor-color)}.tiptap.ProseMirror p:not(:first-child):not(td p):not(th p){line-height:1.4;font-weight:400}.tiptap.ProseMirror:not(.readonly):not(.ProseMirror-hideselection) ::selection{background-color:var(--tt-selection-color)}.tiptap.ProseMirror:not(.readonly):not(.ProseMirror-hideselection) .selection::selection{background:transparent}.tiptap.ProseMirror .selection{display:inline;background-color:var(--tt-selection-color)}.tiptap.ProseMirror .ProseMirror-selectednode:not(img):not(pre):not(.react-renderer){border-radius:var(--tt-radius-md);background-color:var(--tt-selection-color)}.tiptap.ProseMirror .ProseMirror-hideselection{caret-color:transparent}.tiptap.ProseMirror.resize-cursor{cursor:ew-resize;cursor:col-resize}.tiptap.ProseMirror a span{text-decoration:underline}.tiptap.ProseMirror s span{text-decoration:line-through}.tiptap.ProseMirror u span{text-decoration:underline}.tiptap.ProseMirror .tiptap-ai-insertion{color:var(--tiptap-ai-insertion-color)}.tiptap.ProseMirror .collaboration-carets__caret{border-right:1px solid transparent;border-left:1px solid transparent;pointer-events:none;margin-left:-1px;margin-right:-1px;position:relative;word-break:normal}.tiptap.ProseMirror .collaboration-carets__label{color:var(--tt-collaboration-carets-label);border-radius:.25rem;border-bottom-left-radius:0;font-size:.75rem;font-weight:600;left:-1px;line-height:1;padding:.125rem .375rem;position:absolute;top:-1.3em;user-select:none;white-space:nowrap}.tiptap.ProseMirror [data-type=emoji] img{display:inline-block;width:1.25em;height:1.25em;cursor:text}.tiptap.ProseMirror a{color:var(--link-text-color);text-decoration:underline}.tiptap.ProseMirror [data-type=mention]{display:inline-block;color:var(--tt-brand-color-500)}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--inline{transition:color .2s ease-in-out,background-color .2s ease-in-out;color:var(--thread-text);border-bottom:2px dashed var(--tt-color-yellow-base);font-weight:600}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--inline.tiptap-thread--selected,.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--inline.tiptap-thread--hovered{background-color:var(--thread-bg-color);border-bottom-color:transparent}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:has(img){outline:.125rem solid var(--tt-color-yellow-base);border-radius:var(--tt-radius-xs, .25rem);overflow:hidden;width:fit-content}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:has(img).tiptap-thread--selected{outline-width:.25rem;outline-color:var(--tt-color-yellow-base)}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:has(img).tiptap-thread--hovered{outline-width:.25rem}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:not(:has(img)){border-radius:.25rem;border-bottom:.125rem dashed var(--tt-color-yellow-base);border-top:.125rem dashed var(--tt-color-yellow-base);outline:.25rem solid transparent}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:not(:has(img)).tiptap-thread--hovered,.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:not(:has(img)).tiptap-thread--selected{background-color:var(--tt-color-yellow-base);outline-color:var(--tt-color-yellow-base)}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--resolved.tiptap-thread--inline.tiptap-thread--selected{background-color:var(--tt-color-yellow-base);border-color:transparent;opacity:.5}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--block:has(.react-renderer){margin-top:3rem;margin-bottom:3rem}.is-empty:not(.with-slash)[data-placeholder]:has(>.ProseMirror-trailingBreak:only-child):before{content:attr(data-placeholder)}.is-empty.with-slash[data-placeholder]:has(>.ProseMirror-trailingBreak:only-child):before{content:"Write, type '/' for commands\2026";font-style:italic}.is-empty[data-placeholder]:has(>.ProseMirror-trailingBreak:only-child):before{pointer-events:none;height:0;position:absolute;width:100%;text-align:inherit;left:0;right:0}.is-empty[data-placeholder]:has(>.ProseMirror-trailingBreak):before{color:var(--placeholder-color)}.prosemirror-dropcursor-block,.prosemirror-dropcursor-inline{background:var(--tt-brand-color-400)!important;border-radius:.25rem;margin-left:-1px;margin-right:-1px;width:100%;height:.188rem;cursor:grabbing}:root{--tiptap-image-upload-active: var(--tt-brand-color-500);--tiptap-image-upload-progress-bg: var(--tt-brand-color-50);--tiptap-image-upload-icon-bg: var(--tt-brand-color-500);--tiptap-image-upload-text-color: var(--tt-gray-light-a-700);--tiptap-image-upload-subtext-color: var(--tt-gray-light-a-400);--tiptap-image-upload-border: var(--tt-gray-light-a-300);--tiptap-image-upload-border-hover: var(--tt-gray-light-a-400);--tiptap-image-upload-border-active: var(--tt-brand-color-500);--tiptap-image-upload-icon-doc-bg: var(--tt-gray-light-a-200);--tiptap-image-upload-icon-doc-border: var(--tt-gray-light-300);--tiptap-image-upload-icon-color: var(--white)}.dark{--tiptap-image-upload-active: var(--tt-brand-color-400);--tiptap-image-upload-progress-bg: var(--tt-brand-color-900);--tiptap-image-upload-icon-bg: var(--tt-brand-color-400);--tiptap-image-upload-text-color: var(--tt-gray-dark-a-700);--tiptap-image-upload-subtext-color: var(--tt-gray-dark-a-400);--tiptap-image-upload-border: var(--tt-gray-dark-a-300);--tiptap-image-upload-border-hover: var(--tt-gray-dark-a-400);--tiptap-image-upload-border-active: var(--tt-brand-color-400);--tiptap-image-upload-icon-doc-bg: var(--tt-gray-dark-a-200);--tiptap-image-upload-icon-doc-border: var(--tt-gray-dark-300);--tiptap-image-upload-icon-color: var(--black)}.tiptap-image-upload{margin:2rem 0}.tiptap-image-upload input[type=file]{display:none}.tiptap-image-upload .tiptap-image-upload-dropzone{position:relative;width:3.125rem;height:3.75rem;display:inline-flex;align-items:flex-start;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.tiptap-image-upload .tiptap-image-upload-icon-container{position:absolute;width:1.75rem;height:1.75rem;bottom:0;right:0;background-color:var(--tiptap-image-upload-icon-bg);border-radius:var(--tt-radius-lg, .75rem);display:flex;align-items:center;justify-content:center}.tiptap-image-upload .tiptap-image-upload-icon{width:.875rem;height:.875rem;color:var(--tiptap-image-upload-icon-color)}.tiptap-image-upload .tiptap-image-upload-dropzone-rect-primary{color:var(--tiptap-image-upload-icon-doc-bg);position:absolute}.tiptap-image-upload .tiptap-image-upload-dropzone-rect-secondary{position:absolute;top:0;right:.25rem;bottom:0;color:var(--tiptap-image-upload-icon-doc-border)}.tiptap-image-upload .tiptap-image-upload-text{color:var(--tiptap-image-upload-text-color);font-weight:500;font-size:.875rem;line-height:normal}.tiptap-image-upload .tiptap-image-upload-text em{font-style:normal;text-decoration:underline}.tiptap-image-upload .tiptap-image-upload-subtext{color:var(--tiptap-image-upload-subtext-color);font-weight:600;line-height:normal;font-size:.75rem}.tiptap-image-upload .tiptap-image-upload-drag-area{padding:2rem 1.5rem;border:1.5px dashed var(--tiptap-image-upload-border);border-radius:var(--tt-radius-md, .5rem);text-align:center;cursor:pointer;position:relative;overflow:hidden;transition:all .2s ease}.tiptap-image-upload .tiptap-image-upload-drag-area:hover{border-color:var(--tiptap-image-upload-border-hover)}.tiptap-image-upload .tiptap-image-upload-drag-area.drag-active{border-color:var(--tiptap-image-upload-border-active);background-color:rgba(var(--tiptap-image-upload-active-rgb, 0, 123, 255),.05)}.tiptap-image-upload .tiptap-image-upload-drag-area.drag-over{border-color:var(--tiptap-image-upload-border-active);background-color:rgba(var(--tiptap-image-upload-active-rgb, 0, 123, 255),.1)}.tiptap-image-upload .tiptap-image-upload-content{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.25rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.tiptap-image-upload .tiptap-image-upload-previews{display:flex;flex-direction:column;gap:.75rem}.tiptap-image-upload .tiptap-image-upload-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--tiptap-image-upload-border);margin-bottom:.5rem}.tiptap-image-upload .tiptap-image-upload-header span{font-size:.875rem;font-weight:500;color:var(--tiptap-image-upload-text-color)}.tiptap-image-upload .tiptap-image-upload-preview{position:relative;border-radius:var(--tt-radius-md, .5rem);overflow:hidden}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-progress{position:absolute;top:0;left:0;bottom:0;z-index:0;background-color:#e0e7ff;background-color:var(--tiptap-image-upload-progress-bg, #e0e7ff);transition:width .1s linear}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-preview-content{position:relative;z-index:1;border:1px solid var(--tiptap-image-upload-border);border-radius:var(--tt-radius-md, .5rem);padding:1rem;display:flex;align-items:center;justify-content:space-between;background:transparent}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info{display:flex;align-items:center;gap:.75rem;height:2rem}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info .tiptap-image-upload-file-icon{padding:.5rem;background-color:var(--tiptap-image-upload-icon-bg);border-radius:var(--tt-radius-lg, .75rem)}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info .tiptap-image-upload-file-icon svg{width:.875rem;height:.875rem;color:var(--tiptap-image-upload-icon-color)}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-details{display:flex;flex-direction:column}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-actions{display:flex;align-items:center;gap:.5rem}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-actions .tiptap-image-upload-progress-text{font-size:.75rem;color:var(--tiptap-image-upload-border-active);font-weight:600}.tiptap.ProseMirror.ProseMirror-focused .ProseMirror-selectednode .tiptap-image-upload-drag-area{border-color:var(--tiptap-image-upload-active)}@media(max-width:480px){.tiptap-image-upload .tiptap-image-upload-drag-area{padding:1.5rem 1rem}.tiptap-image-upload .tiptap-image-upload-header{flex-direction:column;align-items:flex-start;gap:.5rem}.tiptap-image-upload .tiptap-image-upload-preview-content{padding:.75rem}}.tiptap-button{font-size:.875rem;font-weight:500;font-feature-settings:"salt" on,"cv01" on;line-height:1.15;height:2rem;min-width:2rem;border:none;padding:.5rem;gap:.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--tt-radius-lg, .75rem);transition-property:background,color,opacity;transition-duration:var(--tt-transition-duration-default);transition-timing-function:var(--tt-transition-easing-default)}.tiptap-button:focus-visible{outline:none}.tiptap-button[data-highlighted=true],.tiptap-button[data-focus-visible=true]{background-color:var(--tt-button-hover-bg-color);color:var(--tt-button-hover-text-color)}.tiptap-button[data-weight=small]{width:1.5rem;min-width:1.5rem;padding-right:0;padding-left:0}.tiptap-button[data-size=large]{font-size:.9375rem;height:2.375rem;min-width:2.375rem;padding:.625rem}.tiptap-button[data-size=small]{font-size:.75rem;line-height:1.2;height:1.5rem;min-width:1.5rem;padding:.3125rem;border-radius:var(--tt-radius-md, .5rem)}.tiptap-button .tiptap-button-text{padding:0 .125rem;flex-grow:1;text-align:left;line-height:1.5rem}.tiptap-button[data-text-trim=on] .tiptap-button-text{text-overflow:ellipsis;overflow:hidden}.tiptap-button .tiptap-button-icon,.tiptap-button .tiptap-button-icon-sub,.tiptap-button .tiptap-button-dropdown-arrows,.tiptap-button .tiptap-button-dropdown-small{flex-shrink:0}.tiptap-button .tiptap-button-icon{width:1rem;height:1rem}.tiptap-button[data-size=large] .tiptap-button-icon{width:1.125rem;height:1.125rem}.tiptap-button[data-size=small] .tiptap-button-icon{width:.875rem;height:.875rem}.tiptap-button .tiptap-button-icon-sub{width:1rem;height:1rem}.tiptap-button[data-size=large] .tiptap-button-icon-sub{width:1.125rem;height:1.125rem}.tiptap-button[data-size=small] .tiptap-button-icon-sub{width:.875rem;height:.875rem}.tiptap-button .tiptap-button-dropdown-arrows{width:.75rem;height:.75rem}.tiptap-button[data-size=large] .tiptap-button-dropdown-arrows{width:.875rem;height:.875rem}.tiptap-button[data-size=small] .tiptap-button-dropdown-arrows,.tiptap-button .tiptap-button-dropdown-small{width:.625rem;height:.625rem}.tiptap-button[data-size=large] .tiptap-button-dropdown-small{width:.75rem;height:.75rem}.tiptap-button[data-size=small] .tiptap-button-dropdown-small{width:.5rem;height:.5rem}.tiptap-button:has(>svg):not(:has(>:not(svg))){gap:.125rem}.tiptap-button:has(>svg):not(:has(>:not(svg)))[data-size=large],.tiptap-button:has(>svg):not(:has(>:not(svg)))[data-size=small]{gap:.125rem}.tiptap-button:has(>svg:nth-of-type(2)):has(>.tiptap-button-dropdown-small):not(:has(>svg:nth-of-type(3))):not(:has(>.tiptap-button-text)){gap:0;padding-right:.25rem}.tiptap-button:has(>svg:nth-of-type(2)):has(>.tiptap-button-dropdown-small):not(:has(>svg:nth-of-type(3))):not(:has(>.tiptap-button-text))[data-size=large]{padding-right:.375rem}.tiptap-button:has(>svg:nth-of-type(2)):has(>.tiptap-button-dropdown-small):not(:has(>svg:nth-of-type(3))):not(:has(>.tiptap-button-text))[data-size=small]{padding-right:.25rem}.tiptap-button .tiptap-button-emoji{width:1rem;display:flex;justify-content:center}.tiptap-button[data-size=large] .tiptap-button-emoji{width:1.125rem}.tiptap-button[data-size=small] .tiptap-button-emoji{width:.875rem}.tiptap-button{background-color:var(--tt-button-default-bg-color);color:var(--tt-button-default-text-color)}.tiptap-button .tiptap-button-icon{color:var(--tt-button-default-icon-color)}.tiptap-button .tiptap-button-icon-sub{color:var(--tt-button-default-icon-sub-color)}.tiptap-button .tiptap-button-dropdown-arrows,.tiptap-button .tiptap-button-dropdown-small{color:var(--tt-button-default-dropdown-arrows-color)}.tiptap-button:hover:not([data-active-item=true]):not([disabled]),.tiptap-button[data-active-item=true]:not([disabled]),.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]){background-color:var(--tt-button-hover-bg-color);color:var(--tt-button-hover-text-color)}.tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-icon,.tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-icon,.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-icon{color:var(--tt-button-hover-icon-color)}.tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-icon-sub,.tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-icon-sub,.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-icon-sub{color:var(--tt-button-hover-icon-sub-color)}.tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-dropdown-arrows,.tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-dropdown-small,.tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-dropdown-arrows,.tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-dropdown-small,.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-dropdown-arrows,.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-dropdown-small{color:var(--tt-button-hover-dropdown-arrows-color)}.tiptap-button[data-active-state=on]:not([disabled]),.tiptap-button[data-state=open]:not([disabled]){background-color:var(--tt-button-active-bg-color);color:var(--tt-button-active-text-color)}.tiptap-button[data-active-state=on]:not([disabled]) .tiptap-button-icon,.tiptap-button[data-state=open]:not([disabled]) .tiptap-button-icon{color:var(--tt-button-active-icon-color)}.tiptap-button[data-active-state=on]:not([disabled]) .tiptap-button-icon-sub,.tiptap-button[data-state=open]:not([disabled]) .tiptap-button-icon-sub{color:var(--tt-button-active-icon-sub-color)}.tiptap-button[data-active-state=on]:not([disabled]) .tiptap-button-dropdown-arrows,.tiptap-button[data-active-state=on]:not([disabled]) .tiptap-button-dropdown-small,.tiptap-button[data-state=open]:not([disabled]) .tiptap-button-dropdown-arrows,.tiptap-button[data-state=open]:not([disabled]) .tiptap-button-dropdown-small{color:var(--tt-button-active-dropdown-arrows-color)}.tiptap-button[data-active-state=on]:not([disabled]):hover,.tiptap-button[data-state=open]:not([disabled]):hover{background-color:var(--tt-button-active-hover-bg-color)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized],.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized]{background-color:var(--tt-button-active-bg-color-emphasized);color:var(--tt-button-active-text-color-emphasized)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized] .tiptap-button-icon,.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized] .tiptap-button-icon{color:var(--tt-button-active-icon-color-emphasized)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized] .tiptap-button-icon-sub,.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized] .tiptap-button-icon-sub{color:var(--tt-button-active-icon-sub-color-emphasized)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized] .tiptap-button-dropdown-arrows,.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized] .tiptap-button-dropdown-small,.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized] .tiptap-button-dropdown-arrows,.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized] .tiptap-button-dropdown-small{color:var(--tt-button-active-dropdown-arrows-color-emphasized)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized]:hover,.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized]:hover{background-color:var(--tt-button-active-hover-bg-color-emphasized)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued],.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued]{background-color:var(--tt-button-active-bg-color-subdued);color:var(--tt-button-active-text-color-subdued)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued] .tiptap-button-icon,.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued] .tiptap-button-icon{color:var(--tt-button-active-icon-color-subdued)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued] .tiptap-button-icon-sub,.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued] .tiptap-button-icon-sub{color:var(--tt-button-active-icon-sub-color-subdued)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued] .tiptap-button-dropdown-arrows,.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued] .tiptap-button-dropdown-small,.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued] .tiptap-button-dropdown-arrows,.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued] .tiptap-button-dropdown-small{color:var(--tt-button-active-dropdown-arrows-color-subdued)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued]:hover,.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued]:hover{background-color:var(--tt-button-active-hover-bg-color-subdued)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued]:hover .tiptap-button-icon,.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued]:hover .tiptap-button-icon{color:var(--tt-button-active-icon-color-subdued)}.tiptap-button:disabled{background-color:var(--tt-button-disabled-bg-color);color:var(--tt-button-disabled-text-color)}.tiptap-button:disabled .tiptap-button-icon{color:var(--tt-button-disabled-icon-color)}.tiptap-button{--tt-button-default-bg-color: var(--tt-gray-light-a-100);--tt-button-hover-bg-color: var(--tt-gray-light-200);--tt-button-active-bg-color: var(--tt-gray-light-a-200);--tt-button-active-bg-color-emphasized: var( --tt-brand-color-100 );--tt-button-active-bg-color-subdued: var( --tt-gray-light-a-200 );--tt-button-active-hover-bg-color: var(--tt-gray-light-300);--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-200 );--tt-button-active-hover-bg-color-subdued: var( --tt-gray-light-a-300 );--tt-button-disabled-bg-color: var(--tt-gray-light-a-50)}.dark .tiptap-button{--tt-button-default-bg-color: var(--tt-gray-dark-a-100);--tt-button-hover-bg-color: var(--tt-gray-dark-200);--tt-button-active-bg-color: var(--tt-gray-dark-a-200);--tt-button-active-bg-color-emphasized: var( --tt-brand-color-900 );--tt-button-active-bg-color-subdued: var( --tt-gray-dark-a-200 );--tt-button-active-hover-bg-color: var(--tt-gray-dark-300);--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-800 );--tt-button-active-hover-bg-color-subdued: var( --tt-gray-dark-a-300 );--tt-button-disabled-bg-color: var(--tt-gray-dark-a-50)}.tiptap-button{--tt-button-default-text-color: var(--tt-gray-light-a-600);--tt-button-hover-text-color: var(--tt-gray-light-a-900);--tt-button-active-text-color: var(--tt-gray-light-a-900);--tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);--tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);--tt-button-disabled-text-color: var(--tt-gray-light-a-400)}.dark .tiptap-button{--tt-button-default-text-color: var(--tt-gray-dark-a-600);--tt-button-hover-text-color: var(--tt-gray-dark-a-900);--tt-button-active-text-color: var(--tt-gray-dark-a-900);--tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);--tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);--tt-button-disabled-text-color: var(--tt-gray-dark-a-300)}.tiptap-button{--tt-button-default-icon-color: var(--tt-gray-light-a-600);--tt-button-hover-icon-color: var(--tt-gray-light-a-900);--tt-button-active-icon-color: var(--tt-brand-color-500);--tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);--tt-button-active-icon-color-subdued: var(--tt-gray-light-a-900);--tt-button-disabled-icon-color: var(--tt-gray-light-a-400)}.dark .tiptap-button{--tt-button-default-icon-color: var(--tt-gray-dark-a-600);--tt-button-hover-icon-color: var(--tt-gray-dark-a-900);--tt-button-active-icon-color: var(--tt-brand-color-400);--tt-button-active-icon-color-emphasized: var(--tt-brand-color-400);--tt-button-active-icon-color-subdued: var(--tt-gray-dark-a-900);--tt-button-disabled-icon-color: var(--tt-gray-dark-a-400)}.tiptap-button{--tt-button-default-icon-sub-color: var(--tt-gray-light-a-400);--tt-button-hover-icon-sub-color: var(--tt-gray-light-a-500);--tt-button-active-icon-sub-color: var(--tt-gray-light-a-400);--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);--tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-400);--tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100)}.dark .tiptap-button{--tt-button-default-icon-sub-color: var(--tt-gray-dark-a-300);--tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-400);--tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);--tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);--tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100)}.tiptap-button{--tt-button-default-dropdown-arrows-color: var(--tt-gray-light-a-600);--tt-button-hover-dropdown-arrows-color: var(--tt-gray-light-a-700);--tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-600);--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-light-a-700 );--tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-light-a-600);--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400)}.dark .tiptap-button{--tt-button-default-dropdown-arrows-color: var(--tt-gray-dark-a-600);--tt-button-hover-dropdown-arrows-color: var(--tt-gray-dark-a-700);--tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-dark-a-700 );--tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-dark-a-600);--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400)}.tiptap-button[data-style=ghost]{--tt-button-default-bg-color: var(--transparent);--tt-button-hover-bg-color: var(--tt-gray-light-200);--tt-button-active-bg-color: var(--tt-gray-light-a-100);--tt-button-active-bg-color-emphasized: var( --tt-brand-color-100 );--tt-button-active-bg-color-subdued: var( --tt-gray-light-a-100 );--tt-button-active-hover-bg-color: var(--tt-gray-light-200);--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-200 );--tt-button-active-hover-bg-color-subdued: var( --tt-gray-light-a-200 );--tt-button-disabled-bg-color: var(--transparent)}.dark .tiptap-button[data-style=ghost]{--tt-button-default-bg-color: var(--transparent);--tt-button-hover-bg-color: var(--tt-gray-dark-200);--tt-button-active-bg-color: var(--tt-gray-dark-a-100);--tt-button-active-bg-color-emphasized: var( --tt-brand-color-900 );--tt-button-active-bg-color-subdued: var( --tt-gray-dark-a-100 );--tt-button-active-hover-bg-color: var(--tt-gray-dark-200);--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-800 );--tt-button-active-hover-bg-color-subdued: var( --tt-gray-dark-a-200 );--tt-button-disabled-bg-color: var(--transparent)}.tiptap-button[data-style=ghost]{--tt-button-default-text-color: var(--tt-gray-light-a-600);--tt-button-hover-text-color: var(--tt-gray-light-a-900);--tt-button-active-text-color: var(--tt-gray-light-a-900);--tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);--tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);--tt-button-disabled-text-color: var(--tt-gray-light-a-400)}.dark .tiptap-button[data-style=ghost]{--tt-button-default-text-color: var(--tt-gray-dark-a-600);--tt-button-hover-text-color: var(--tt-gray-dark-a-900);--tt-button-active-text-color: var(--tt-gray-dark-a-900);--tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);--tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);--tt-button-disabled-text-color: var(--tt-gray-dark-a-300)}.tiptap-button[data-style=ghost]{--tt-button-default-icon-color: var(--tt-gray-light-a-600);--tt-button-hover-icon-color: var(--tt-gray-light-a-900);--tt-button-active-icon-color: var(--tt-brand-color-500);--tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);--tt-button-active-icon-color-subdued: var(--tt-gray-light-a-900);--tt-button-disabled-icon-color: var(--tt-gray-light-a-400)}.dark .tiptap-button[data-style=ghost]{--tt-button-default-icon-color: var(--tt-gray-dark-a-600);--tt-button-hover-icon-color: var(--tt-gray-dark-a-900);--tt-button-active-icon-color: var(--tt-brand-color-400);--tt-button-active-icon-color-emphasized: var(--tt-brand-color-300);--tt-button-active-icon-color-subdued: var(--tt-gray-dark-a-900);--tt-button-disabled-icon-color: var(--tt-gray-dark-a-400)}.tiptap-button[data-style=ghost]{--tt-button-default-icon-sub-color: var(--tt-gray-light-a-400);--tt-button-hover-icon-sub-color: var(--tt-gray-light-a-500);--tt-button-active-icon-sub-color: var(--tt-gray-light-a-400);--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);--tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-400);--tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100)}.dark .tiptap-button[data-style=ghost]{--tt-button-default-icon-sub-color: var(--tt-gray-dark-a-300);--tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-400);--tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);--tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);--tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100)}.tiptap-button[data-style=ghost]{--tt-button-default-dropdown-arrows-color: var(--tt-gray-light-a-600);--tt-button-hover-dropdown-arrows-color: var(--tt-gray-light-a-700);--tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-600);--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-light-a-700 );--tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-light-a-600 );--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400)}.dark .tiptap-button[data-style=ghost]{--tt-button-default-dropdown-arrows-color: var(--tt-gray-dark-a-600);--tt-button-hover-dropdown-arrows-color: var(--tt-gray-dark-a-700);--tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-dark-a-700 );--tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-dark-a-600 );--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400)}.tiptap-button[data-style=primary]{--tt-button-default-bg-color: var(--tt-brand-color-500);--tt-button-hover-bg-color: var(--tt-brand-color-600);--tt-button-active-bg-color: var(--tt-brand-color-100);--tt-button-active-bg-color-emphasized: var( --tt-brand-color-100 );--tt-button-active-bg-color-subdued: var( --tt-brand-color-100 );--tt-button-active-hover-bg-color: var(--tt-brand-color-200);--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-200 );--tt-button-active-hover-bg-color-subdued: var( --tt-brand-color-200 );--tt-button-disabled-bg-color: var(--tt-gray-light-a-100)}.dark .tiptap-button[data-style=primary]{--tt-button-default-bg-color: var(--tt-brand-color-500);--tt-button-hover-bg-color: var(--tt-brand-color-600);--tt-button-active-bg-color: var(--tt-brand-color-900);--tt-button-active-bg-color-emphasized: var( --tt-brand-color-900 );--tt-button-active-bg-color-subdued: var( --tt-brand-color-900 );--tt-button-active-hover-bg-color: var(--tt-brand-color-800);--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-800 );--tt-button-active-hover-bg-color-subdued: var( --tt-brand-color-800 );--tt-button-disabled-bg-color: var(--tt-gray-dark-a-100)}.tiptap-button[data-style=primary]{--tt-button-default-text-color: var(--white);--tt-button-hover-text-color: var(--white);--tt-button-active-text-color: var(--tt-gray-light-a-900);--tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);--tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);--tt-button-disabled-text-color: var(--tt-gray-light-a-400)}.dark .tiptap-button[data-style=primary]{--tt-button-default-text-color: var(--white);--tt-button-hover-text-color: var(--white);--tt-button-active-text-color: var(--tt-gray-dark-a-900);--tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);--tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);--tt-button-disabled-text-color: var(--tt-gray-dark-a-300)}.tiptap-button[data-style=primary]{--tt-button-default-icon-color: var(--white);--tt-button-hover-icon-color: var(--white);--tt-button-active-icon-color: var(--tt-brand-color-600);--tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);--tt-button-active-icon-color-subdued: var(--tt-brand-color-600);--tt-button-disabled-icon-color: var(--tt-gray-light-a-400)}.dark .tiptap-button[data-style=primary]{--tt-button-default-icon-color: var(--white);--tt-button-hover-icon-color: var(--white);--tt-button-active-icon-color: var(--tt-brand-color-400);--tt-button-active-icon-color-emphasized: var(--tt-brand-color-400);--tt-button-active-icon-color-subdued: var(--tt-brand-color-400);--tt-button-disabled-icon-color: var(--tt-gray-dark-a-300)}.tiptap-button[data-style=primary]{--tt-button-default-icon-sub-color: var(--tt-gray-dark-a-500);--tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-500);--tt-button-active-icon-sub-color: var(--tt-gray-light-a-500);--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);--tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-500);--tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100)}.dark .tiptap-button[data-style=primary]{--tt-button-default-icon-sub-color: var(--tt-gray-dark-a-400);--tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-500);--tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);--tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);--tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100)}.tiptap-button[data-style=primary]{--tt-button-default-dropdown-arrows-color: var(--white);--tt-button-hover-dropdown-arrows-color: var(--white);--tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-700);--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-light-a-700 );--tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-light-a-700 );--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400)}.dark .tiptap-button[data-style=primary]{--tt-button-default-dropdown-arrows-color: var(--white);--tt-button-hover-dropdown-arrows-color: var(--white);--tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-dark-a-600 );--tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-dark-a-600 );--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400)}.tiptap-button-group{position:relative;display:flex;vertical-align:middle}.tiptap-button-group[data-orientation=vertical]{flex-direction:column;align-items:flex-start;justify-content:center;min-width:max-content}.tiptap-button-group[data-orientation=vertical]>.tiptap-button{width:100%}.tiptap-button-group[data-orientation=horizontal]{gap:.125rem;flex-direction:row;align-items:center}:root{--tt-toolbar-height: 2.75rem;--tt-safe-area-bottom: env(safe-area-inset-bottom, 0px);--tt-toolbar-bg-color: var(--white);--tt-toolbar-border-color: var(--tt-gray-light-a-100)}.dark{--tt-toolbar-bg-color: var(--black);--tt-toolbar-border-color: var(--tt-gray-dark-a-50)}.tiptap-toolbar{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.tiptap-toolbar-group{display:flex;align-items:center;gap:.125rem}.tiptap-toolbar-group:empty{display:none}.tiptap-toolbar-group:empty+.tiptap-separator,.tiptap-separator+.tiptap-toolbar-group:empty{display:none}.tiptap-toolbar[data-variant=fixed]{position:sticky;top:0;z-index:10;width:100%;min-height:var(--tt-toolbar-height);background:var(--tt-toolbar-bg-color);border-bottom:1px solid var(--tt-toolbar-border-color);padding:0 .5rem;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tiptap-toolbar[data-variant=fixed]::-webkit-scrollbar{display:none}@media(max-width:480px){.tiptap-toolbar[data-variant=fixed]{position:absolute;top:auto;height:calc(var(--tt-toolbar-height) + var(--tt-safe-area-bottom));border-top:1px solid var(--tt-toolbar-border-color);border-bottom:none;padding:0 .5rem var(--tt-safe-area-bottom);flex-wrap:nowrap;justify-content:flex-start}.tiptap-toolbar[data-variant=fixed] .tiptap-toolbar-group{flex:0 0 auto}}.tiptap-toolbar[data-variant=floating]{--tt-toolbar-padding: .125rem;--tt-toolbar-border-width: 1px;padding:.188rem;border-radius:calc(var(--tt-toolbar-padding) + var(--tt-radius-lg) + var(--tt-toolbar-border-width));border:var(--tt-toolbar-border-width) solid var(--tt-toolbar-border-color);background-color:var(--tt-toolbar-bg-color);box-shadow:var(--tt-shadow-elevated-md);outline:none;overflow:hidden}.tiptap-toolbar[data-variant=floating][data-plain=true]{padding:0;border-radius:0;border:none;box-shadow:none;background-color:transparent}@media screen and (max-width:480px){.tiptap-toolbar[data-variant=floating]{width:100%;border-radius:0;border:none;box-shadow:none}}.tiptap-separator{--tt-link-border-color: var(--tt-gray-light-a-200)}.dark .tiptap-separator{--tt-link-border-color: var(--tt-gray-dark-a-200)}.tiptap-separator{flex-shrink:0;background-color:var(--tt-link-border-color)}.tiptap-separator[data-orientation=horizontal]{height:1px;width:100%;margin:.5rem 0}.tiptap-separator[data-orientation=vertical]{height:1.5rem;width:1px}.tiptap-tooltip{--tt-tooltip-bg: var(--tt-gray-light-900);--tt-tooltip-text: var(--white);--tt-kbd: var(--tt-gray-dark-a-400)}.dark .tiptap-tooltip{--tt-tooltip-bg: var(--white);--tt-tooltip-text: var(--tt-gray-light-600);--tt-kbd: var(--tt-gray-light-a-400)}.tiptap-tooltip{z-index:10000;overflow:hidden;border-radius:var(--tt-radius-md, .375rem);background-color:var(--tt-tooltip-bg);padding:.375rem .5rem;font-size:.75rem;font-weight:500;color:var(--tt-tooltip-text);box-shadow:0 4px 6px -1px #0000001a;text-align:center}.tiptap-tooltip kbd{display:inline-block;text-align:center;vertical-align:baseline;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;text-transform:capitalize;color:var(--tt-kbd)}.tiptap-dropdown-menu{--tt-dropdown-menu-bg-color: var(--white);--tt-dropdown-menu-border-color: var(--tt-gray-light-a-100);--tt-dropdown-menu-text-color: var(--tt-gray-light-a-600)}.dark .tiptap-dropdown-menu{--tt-dropdown-menu-border-color: var(--tt-gray-dark-a-50);--tt-dropdown-menu-bg-color: var(--tt-gray-dark-50);--tt-dropdown-menu-text-color: var(--tt-gray-dark-a-600)}.tiptap-dropdown-menu{z-index:50;outline:none;transform-origin:var(--radix-dropdown-menu-content-transform-origin);max-height:var(--radix-dropdown-menu-content-available-height)}.tiptap-dropdown-menu>*{max-height:var(--radix-dropdown-menu-content-available-height)}.tiptap-dropdown-menu[data-state=open]{animation:fadeIn .15s cubic-bezier(.16,1,.3,1),zoomIn .15s cubic-bezier(.16,1,.3,1)}.tiptap-dropdown-menu[data-state=closed]{animation:fadeOut .15s cubic-bezier(.16,1,.3,1),zoomOut .15s cubic-bezier(.16,1,.3,1)}.tiptap-dropdown-menu[data-side=top],.tiptap-dropdown-menu[data-side=top-start],.tiptap-dropdown-menu[data-side=top-end]{animation:slideFromBottom .15s cubic-bezier(.16,1,.3,1)}.tiptap-dropdown-menu[data-side=right],.tiptap-dropdown-menu[data-side=right-start],.tiptap-dropdown-menu[data-side=right-end]{animation:slideFromLeft .15s cubic-bezier(.16,1,.3,1)}.tiptap-dropdown-menu[data-side=bottom],.tiptap-dropdown-menu[data-side=bottom-start],.tiptap-dropdown-menu[data-side=bottom-end]{animation:slideFromTop .15s cubic-bezier(.16,1,.3,1)}.tiptap-dropdown-menu[data-side=left],.tiptap-dropdown-menu[data-side=left-start],.tiptap-dropdown-menu[data-side=left-end]{animation:slideFromRight .15s cubic-bezier(.16,1,.3,1)}[data-radix-popper-content-wrapper]{z-index:9999!important}.tiptap-popover{--tt-popover-bg-color: var(--white);--tt-popover-border-color: var(--tt-gray-light-a-100);--tt-popover-text-color: var(--tt-gray-light-a-600)}.dark .tiptap-popover{--tt-popover-border-color: var(--tt-gray-dark-a-50);--tt-popover-bg-color: var(--tt-gray-dark-50);--tt-popover-text-color: var(--tt-gray-dark-a-600)}.tiptap-popover{z-index:50;outline:none;transform-origin:var(--radix-popover-content-transform-origin);max-height:var(--radix-popover-content-available-height)}.tiptap-popover>*{max-height:var(--radix-popover-content-available-height)}.tiptap-popover[data-state=open]{animation:fadeIn .15s cubic-bezier(.16,1,.3,1),zoomIn .15s cubic-bezier(.16,1,.3,1)}.tiptap-popover[data-state=closed]{animation:fadeOut .15s cubic-bezier(.16,1,.3,1),zoomOut .15s cubic-bezier(.16,1,.3,1)}.tiptap-popover[data-side=top],.tiptap-popover[data-side=top-start],.tiptap-popover[data-side=top-end]{animation:slideFromBottom .15s cubic-bezier(.16,1,.3,1)}.tiptap-popover[data-side=right],.tiptap-popover[data-side=right-start],.tiptap-popover[data-side=right-end]{animation:slideFromLeft .15s cubic-bezier(.16,1,.3,1)}.tiptap-popover[data-side=bottom],.tiptap-popover[data-side=bottom-start],.tiptap-popover[data-side=bottom-end]{animation:slideFromTop .15s cubic-bezier(.16,1,.3,1)}.tiptap-popover[data-side=left],.tiptap-popover[data-side=left-start],.tiptap-popover[data-side=left-end]{animation:slideFromRight .15s cubic-bezier(.16,1,.3,1)}:root{--tiptap-input-placeholder: var(--tt-gray-light-a-400)}.dark{--tiptap-input-placeholder: var(--tt-gray-dark-a-400)}.tiptap-input{display:block;width:100%;height:2rem;font-size:.875rem;font-weight:400;line-height:1.5;padding:.375rem .5rem;border-radius:.375rem;background:none;appearance:none;outline:none}.tiptap-input::placeholder{color:var(--tiptap-input-placeholder)}.tiptap-input-clamp{min-width:12rem;padding-right:0;text-overflow:ellipsis;white-space:nowrap}.tiptap-input-clamp:focus{text-overflow:clip;overflow:visible}.tiptap-input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch}:root{--tiptap-card-bg-color: var(--white);--tiptap-card-border-color: var(--tt-gray-light-a-100);--tiptap-card-group-label-color: var(--tt-gray-light-a-800)}.dark{--tiptap-card-bg-color: var(--tt-gray-dark-50);--tiptap-card-border-color: var(--tt-gray-dark-a-100);--tiptap-card-group-label-color: var(--tt-gray-dark-a-800)}.tiptap-card{--padding: .375rem;--border-width: 1px;border-radius:calc(var(--padding) + var(--tt-radius-lg));box-shadow:var(--tt-shadow-elevated-md);background-color:var(--tiptap-card-bg-color);border:1px solid var(--tiptap-card-border-color);display:flex;flex-direction:column;outline:none;align-items:center;position:relative;min-width:0;word-wrap:break-word;background-clip:border-box}.tiptap-card-header{padding:.375rem;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:var(--border-width) solid var(--tiptap-card-border-color)}.tiptap-card-body{padding:.375rem;flex:1 1 auto;overflow-y:auto}.tiptap-card-item-group{position:relative;display:flex;vertical-align:middle;min-width:max-content}.tiptap-card-item-group[data-orientation=vertical]{flex-direction:column;justify-content:center}.tiptap-card-item-group[data-orientation=horizontal]{gap:.25rem;flex-direction:row;align-items:center}.tiptap-card-group-label{padding:.75rem .5rem .25rem;font-size:.75rem;font-weight:600;line-height:normal;text-transform:capitalize;color:var(--tiptap-card-group-label-color)}.tiptap-badge{font-size:.625rem;font-weight:700;font-feature-settings:"salt" on,"cv01" on;line-height:1.15;height:1.25rem;min-width:1.25rem;padding:.25rem;display:flex;align-items:center;justify-content:center;border:solid 1px;border-radius:var(--tt-radius-sm, .375rem);transition-property:background,color,opacity;transition-duration:var(--tt-transition-duration-default);transition-timing-function:var(--tt-transition-easing-default)}.tiptap-badge[data-size=large]{font-size:.75rem;height:1.5rem;min-width:1.5rem;padding:.375rem;border-radius:var(--tt-radius-md, .375rem)}.tiptap-badge[data-size=small]{height:1rem;min-width:1rem;padding:.125rem;border-radius:var(--tt-radius-xs, .25rem)}.tiptap-badge .tiptap-badge-text{padding:0 .125rem;flex-grow:1;text-align:left}.tiptap-badge[data-text-trim=on] .tiptap-badge-text{text-overflow:ellipsis;overflow:hidden}.tiptap-badge .tiptap-badge-icon{pointer-events:none;flex-shrink:0;width:.625rem;height:.625rem}.tiptap-badge[data-size=large] .tiptap-badge-icon{width:.75rem;height:.75rem}.tiptap-badge{background-color:var(--tt-badge-bg-color);border-color:var(--tt-badge-border-color);color:var(--tt-badge-text-color)}.tiptap-badge .tiptap-badge-icon{color:var(--tt-badge-icon-color)}.tiptap-badge[data-appearance=emphasized]{background-color:var(--tt-badge-bg-color-emphasized);border-color:var(--tt-badge-border-color-emphasized);color:var(--tt-badge-text-color-emphasized)}.tiptap-badge[data-appearance=emphasized] .tiptap-badge-icon{color:var(--tt-badge-icon-color-emphasized)}.tiptap-badge[data-appearance=subdued]{background-color:var(--tt-badge-bg-color-subdued);border-color:var(--tt-badge-border-color-subdued);color:var(--tt-badge-text-color-subdued)}.tiptap-badge[data-appearance=subdued] .tiptap-badge-icon{color:var(--tt-badge-icon-color-subdued)}.tiptap-badge{--tt-badge-border-color: var(--tt-gray-light-a-200);--tt-badge-border-color-subdued: var(--tt-gray-light-a-200);--tt-badge-border-color-emphasized: var(--tt-gray-light-a-600);--tt-badge-text-color: var(--tt-gray-light-a-500);--tt-badge-text-color-subdued: var( --tt-gray-light-a-400 );--tt-badge-text-color-emphasized: var( --tt-gray-light-a-600 );--tt-badge-bg-color: var(--white);--tt-badge-bg-color-subdued: var(--white);--tt-badge-bg-color-emphasized: var(--white);--tt-badge-icon-color: var(--tt-gray-light-a-500);--tt-badge-icon-color-subdued: var( --tt-gray-light-a-400 );--tt-badge-icon-color-emphasized: var( --tt-brand-color-600 )}.dark .tiptap-badge{--tt-badge-border-color: var(--tt-gray-dark-a-200);--tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);--tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);--tt-badge-text-color: var(--tt-gray-dark-a-500);--tt-badge-text-color-subdued: var( --tt-gray-dark-a-400 );--tt-badge-text-color-emphasized: var( --tt-gray-dark-a-600 );--tt-badge-bg-color: var(--black);--tt-badge-bg-color-subdued: var(--black);--tt-badge-bg-color-emphasized: var(--black);--tt-badge-icon-color: var(--tt-gray-dark-a-500);--tt-badge-icon-color-subdued: var( --tt-gray-dark-a-400 );--tt-badge-icon-color-emphasized: var( --tt-brand-color-400 )}.tiptap-badge[data-style=ghost]{--tt-badge-border-color: var(--tt-gray-light-a-200);--tt-badge-border-color-subdued: var(--tt-gray-light-a-200);--tt-badge-border-color-emphasized: var(--tt-gray-light-a-600);--tt-badge-text-color: var(--tt-gray-light-a-500);--tt-badge-text-color-subdued: var( --tt-gray-light-a-400 );--tt-badge-text-color-emphasized: var( --tt-gray-light-a-600 );--tt-badge-bg-color: var(--transparent);--tt-badge-bg-color-subdued: var(--transparent);--tt-badge-bg-color-emphasized: var(--transparent);--tt-badge-icon-color: var(--tt-gray-light-a-500);--tt-badge-icon-color-subdued: var( --tt-gray-light-a-400 );--tt-badge-icon-color-emphasized: var( --tt-brand-color-600 )}.dark .tiptap-badge[data-style=ghost]{--tt-badge-border-color: var(--tt-gray-dark-a-200);--tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);--tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);--tt-badge-text-color: var(--tt-gray-dark-a-500);--tt-badge-text-color-subdued: var( --tt-gray-dark-a-400 );--tt-badge-text-color-emphasized: var( --tt-gray-dark-a-600 );--tt-badge-bg-color: var(--transparent);--tt-badge-bg-color-subdued: var(--transparent);--tt-badge-bg-color-emphasized: var(--transparent);--tt-badge-icon-color: var(--tt-gray-dark-a-500);--tt-badge-icon-color-subdued: var( --tt-gray-dark-a-400 );--tt-badge-icon-color-emphasized: var( --tt-brand-color-400 )}.tiptap-badge[data-style=gray]{--tt-badge-border-color: var(--tt-gray-light-a-200);--tt-badge-border-color-subdued: var(--tt-gray-light-a-200);--tt-badge-border-color-emphasized: var(--tt-gray-light-a-500);--tt-badge-text-color: var(--tt-gray-light-a-500);--tt-badge-text-color-subdued: var( --tt-gray-light-a-400 );--tt-badge-text-color-emphasized: var(--white);--tt-badge-bg-color: var(--tt-gray-light-a-100);--tt-badge-bg-color-subdued: var( --tt-gray-light-a-50 );--tt-badge-bg-color-emphasized: var( --tt-gray-light-a-700 );--tt-badge-icon-color: var(--tt-gray-light-a-500);--tt-badge-icon-color-subdued: var( --tt-gray-light-a-400 );--tt-badge-icon-color-emphasized: var(--white)}.dark .tiptap-badge[data-style=gray]{--tt-badge-border-color: var(--tt-gray-dark-a-200);--tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);--tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);--tt-badge-text-color: var(--tt-gray-dark-a-500);--tt-badge-text-color-subdued: var( --tt-gray-dark-a-400 );--tt-badge-text-color-emphasized: var(--black);--tt-badge-bg-color: var(--tt-gray-dark-a-100);--tt-badge-bg-color-subdued: var( --tt-gray-dark-a-50 );--tt-badge-bg-color-emphasized: var( --tt-gray-dark-a-800 );--tt-badge-icon-color: var(--tt-gray-dark-a-500);--tt-badge-icon-color-subdued: var( --tt-gray-dark-a-400 );--tt-badge-icon-color-emphasized: var(--black)}.tiptap-badge[data-style=green]{--tt-badge-border-color: var(--tt-color-green-inc-2);--tt-badge-border-color-subdued: var(--tt-color-green-inc-3);--tt-badge-border-color-emphasized: var(--tt-color-green-dec-2);--tt-badge-text-color: var(--tt-color-green-dec-3);--tt-badge-text-color-subdued: var( --tt-color-green-dec-2 );--tt-badge-text-color-emphasized: var( --tt-color-green-inc-5 );--tt-badge-bg-color: var(--tt-color-green-inc-4);--tt-badge-bg-color-subdued: var( --tt-color-green-inc-5 );--tt-badge-bg-color-emphasized: var( --tt-color-green-dec-1 );--tt-badge-icon-color: var(--tt-color-green-dec-3);--tt-badge-icon-color-subdued: var( --tt-color-green-dec-2 );--tt-badge-icon-color-emphasized: var( --tt-color-green-inc-5 )}.dark .tiptap-badge[data-style=green]{--tt-badge-border-color: var(--tt-color-green-dec-2);--tt-badge-border-color-subdued: var(--tt-color-green-dec-3);--tt-badge-border-color-emphasized: var(--tt-color-green-base);--tt-badge-text-color: var(--tt-color-green-inc-3);--tt-badge-text-color-subdued: var( --tt-color-green-inc-2 );--tt-badge-text-color-emphasized: var( --tt-color-green-dec-5 );--tt-badge-bg-color: var(--tt-color-green-dec-4);--tt-badge-bg-color-subdued: var( --tt-color-green-dec-5 );--tt-badge-bg-color-emphasized: var( --tt-color-green-inc-1 );--tt-badge-icon-color: var(--tt-color-green-inc-3);--tt-badge-icon-color-subdued: var( --tt-color-green-inc-2 );--tt-badge-icon-color-emphasized: var( --tt-color-green-dec-5 )}.tiptap-badge[data-style=yellow]{--tt-badge-border-color: var(--tt-color-yellow-inc-2);--tt-badge-border-color-subdued: var(--tt-color-yellow-inc-3);--tt-badge-border-color-emphasized: var(--tt-color-yellow-dec-1);--tt-badge-text-color: var(--tt-color-yellow-dec-3);--tt-badge-text-color-subdued: var( --tt-color-yellow-dec-2 );--tt-badge-text-color-emphasized: var( --tt-color-yellow-dec-3 );--tt-badge-bg-color: var(--tt-color-yellow-inc-4);--tt-badge-bg-color-subdued: var( --tt-color-yellow-inc-5 );--tt-badge-bg-color-emphasized: var( --tt-color-yellow-base );--tt-badge-icon-color: var(--tt-color-yellow-dec-3);--tt-badge-icon-color-subdued: var( --tt-color-yellow-dec-2 );--tt-badge-icon-color-emphasized: var( --tt-color-yellow-dec-3 )}.dark .tiptap-badge[data-style=yellow]{--tt-badge-border-color: var(--tt-color-yellow-dec-2);--tt-badge-border-color-subdued: var(--tt-color-yellow-dec-3);--tt-badge-border-color-emphasized: var(--tt-color-yellow-inc-1);--tt-badge-text-color: var(--tt-color-yellow-inc-3);--tt-badge-text-color-subdued: var( --tt-color-yellow-inc-2 );--tt-badge-text-color-emphasized: var( --tt-color-yellow-dec-3 );--tt-badge-bg-color: var(--tt-color-yellow-dec-4);--tt-badge-bg-color-subdued: var( --tt-color-yellow-dec-5 );--tt-badge-bg-color-emphasized: var( --tt-color-yellow-base );--tt-badge-icon-color: var(--tt-color-yellow-inc-3);--tt-badge-icon-color-subdued: var( --tt-color-yellow-inc-2 );--tt-badge-icon-color-emphasized: var( --tt-color-yellow-dec-3 )}.tiptap-badge[data-style=red]{--tt-badge-border-color: var(--tt-color-red-inc-2);--tt-badge-border-color-subdued: var(--tt-color-red-inc-3);--tt-badge-border-color-emphasized: var(--tt-color-red-dec-2);--tt-badge-text-color: var(--tt-color-red-dec-3);--tt-badge-text-color-subdued: var( --tt-color-red-dec-2 );--tt-badge-text-color-emphasized: var( --tt-color-red-inc-5 );--tt-badge-bg-color: var(--tt-color-red-inc-4);--tt-badge-bg-color-subdued: var( --tt-color-red-inc-5 );--tt-badge-bg-color-emphasized: var( --tt-color-red-dec-1 );--tt-badge-icon-color: var(--tt-color-red-dec-3);--tt-badge-icon-color-subdued: var( --tt-color-red-dec-2 );--tt-badge-icon-color-emphasized: var( --tt-color-red-inc-5 )}.dark .tiptap-badge[data-style=red]{--tt-badge-border-color: var(--tt-color-red-dec-2);--tt-badge-border-color-subdued: var(--tt-color-red-dec-3);--tt-badge-border-color-emphasized: var(--tt-color-red-base);--tt-badge-text-color: var(--tt-color-red-inc-3);--tt-badge-text-color-subdued: var( --tt-color-red-inc-2 );--tt-badge-text-color-emphasized: var( --tt-color-red-dec-5 );--tt-badge-bg-color: var(--tt-color-red-dec-4);--tt-badge-bg-color-subdued: var( --tt-color-red-dec-5 );--tt-badge-bg-color-emphasized: var( --tt-color-red-inc-1 );--tt-badge-icon-color: var(--tt-color-red-inc-3);--tt-badge-icon-color-subdued: var( --tt-color-red-inc-2 );--tt-badge-icon-color-emphasized: var( --tt-color-red-dec-5 )}.tiptap-badge[data-style=brand]{--tt-badge-border-color: var(--tt-brand-color-300);--tt-badge-border-color-subdued: var(--tt-brand-color-200);--tt-badge-border-color-emphasized: var(--tt-brand-color-600);--tt-badge-text-color: var(--tt-brand-color-800);--tt-badge-text-color-subdued: var( --tt-brand-color-700 );--tt-badge-text-color-emphasized: var( --tt-brand-color-50 );--tt-badge-bg-color: var(--tt-brand-color-100);--tt-badge-bg-color-subdued: var( --tt-brand-color-50 );--tt-badge-bg-color-emphasized: var( --tt-brand-color-600 );--tt-badge-icon-color: var(--tt-brand-color-800);--tt-badge-icon-color-subdued: var( --tt-brand-color-700 );--tt-badge-icon-color-emphasized: var( --tt-brand-color-100 )}.dark .tiptap-badge[data-style=brand]{--tt-badge-border-color: var(--tt-brand-color-700);--tt-badge-border-color-subdued: var(--tt-brand-color-800);--tt-badge-border-color-emphasized: var(--tt-brand-color-400);--tt-badge-text-color: var(--tt-brand-color-200);--tt-badge-text-color-subdued: var( --tt-brand-color-300 );--tt-badge-text-color-emphasized: var( --tt-brand-color-950 );--tt-badge-bg-color: var(--tt-brand-color-900);--tt-badge-bg-color-subdued: var( --tt-brand-color-950 );--tt-badge-bg-color-emphasized: var( --tt-brand-color-400 );--tt-badge-icon-color: var(--tt-brand-color-200);--tt-badge-icon-color-subdued: var( --tt-brand-color-300 );--tt-badge-icon-color-emphasized: var( --tt-brand-color-900 )}.tiptap-badge-group{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem}.tiptap-badge-group [data-orientation=vertical]{flex-direction:column}.tiptap-badge-group [data-orientation=horizontal]{flex-direction:row}.tiptap-button-highlight{position:relative;width:1.25rem;height:1.25rem;margin:0 -.175rem;border-radius:var(--tt-radius-xl);background-color:var(--highlight-color);transition:transform .2s ease}.tiptap-button-highlight:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;border-radius:inherit;box-sizing:border-box;border:1px solid var(--highlight-color);filter:brightness(95%);mix-blend-mode:multiply}.dark .tiptap-button-highlight:after{filter:brightness(140%);mix-blend-mode:lighten}.tiptap-button[data-active-state=on] .tiptap-button-highlight:after{filter:brightness(80%)}.dark .tiptap-button[data-active-state=on] .tiptap-button-highlight:after{filter:brightness(180%)}.im-composer{position:relative;width:100%;height:100%;display:flex;flex-direction:column;border-radius:8px;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,MozillaTwemojiColr,Roboto,Oxygen,Ubuntu,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}.im-composer--disabled{opacity:.6;pointer-events:none;background:#f5f5f5}.im-composer__plain-wrapper,.im-composer__rich-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.im-composer__editor-wrapper{position:relative;padding:4px 12px;flex:1;min-height:0;overflow:hidden}.im-composer__editor{height:100%;overflow-y:auto}.im-composer__editor .ProseMirror{outline:none;min-height:inherit;height:100%}.im-composer__editor .ProseMirror p{margin:0}.im-composer__editor .ProseMirror p:not(:first-child){margin-top:0}.im-composer__editor .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#aaa;pointer-events:none;height:0}.im-composer__upload-indicator{padding:8px 12px;background:#fff8e1;color:#f57c00;font-size:13px;border-top:1px solid #ffe082}.im-mention{display:inline;padding:2px 4px;margin:0 1px;background:#e8f0fe;color:#1a73e8;border-radius:4px;font-weight:500;cursor:default}.im-composer__editor--rich .ProseMirror{min-height:120px}.im-composer__editor--rich h1{font-size:1.75em;font-weight:700;margin:.5em 0}.im-composer__editor--rich h2{font-size:1.5em;font-weight:600;margin:.5em 0}.im-composer__editor--rich h3{font-size:1.25em;font-weight:600;margin:.5em 0}.im-composer__editor--rich ul,.im-composer__editor--rich ol{padding-left:1.5em;margin:.5em 0}.im-composer__editor--rich blockquote{border-left:3px solid #ddd;padding-left:1em;margin:.5em 0;color:#666}.im-composer__editor--rich pre{background:#f5f5f5;padding:.75em 1em;border-radius:4px;overflow-x:auto;margin:.5em 0}.im-composer__editor--rich code{background:#f0f0f0;padding:.2em .4em;border-radius:3px;font-family:SF Mono,MozillaTwemojiColr,Monaco,Consolas,monospace;font-size:.9em}.im-composer__editor--rich pre code{background:none;padding:0}.im-composer__editor--rich img{max-width:100%;height:auto;border-radius:4px}.im-composer__editor--rich a{color:#4a6cf7;text-decoration:underline}.im-composer__editor--rich hr{border:none;border-top:1px solid #ddd;margin:1em 0}.im-toolbar{display:flex;align-items:center;gap:4px;padding:8px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;flex-wrap:wrap}.im-toolbar__group{display:flex;align-items:center;gap:2px}.im-toolbar__divider{width:1px;height:24px;background:#ddd;margin:0 4px}.im-toolbar__btn{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:4px 6px;border:none;background:transparent;color:#555;cursor:pointer;border-radius:4px;font-size:12px;font-weight:600;transition:all .15s}.im-toolbar__btn:hover{background:#e8e8e8;color:#333}.im-toolbar__btn--active{background:#e0e7ff;color:#4a6cf7}.im-toolbar__btn:disabled{opacity:.5;cursor:not-allowed}.im-mention-popover{position:absolute;z-index:9999}.im-mention-popover .im-mention-list{position:static;bottom:auto;left:auto;margin-bottom:0}.im-mention-list{position:absolute;bottom:100%;left:0;margin-bottom:4px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:200px;overflow-y:auto;min-width:200px;z-index:1000}.im-mention-list__status{padding:12px 16px;color:#666;font-size:14px}.im-mention-list__item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background-color .15s}.im-mention-list__item:hover,.im-mention-list__item--selected{background-color:#f0f4ff}.im-mention-list__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.im-mention-list__display{font-size:14px;color:#333}.im-attachment-preview{display:flex;flex-wrap:wrap;gap:8px;padding:8px;background:#f8f9fa;border-radius:8px}.im-attachment-preview--top{margin-bottom:8px;border-radius:8px 8px 0 0}.im-attachment-preview--bottom{margin-top:8px;border-radius:0 0 8px 8px}.im-attachment-preview__item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;max-width:200px}.im-attachment-preview__thumbnail{width:40px;height:40px;border-radius:4px;object-fit:cover}.im-attachment-preview__file-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:4px;color:#666}.im-attachment-preview__info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.im-attachment-preview__name{font-size:13px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.im-attachment-preview__size{font-size:11px;color:#888}.im-attachment-preview__remove-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:#666;cursor:pointer;border-radius:4px;transition:all .15s}.im-attachment-preview__remove-btn:hover{background:#fee;color:#c00}.im-quote-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f0f4ff;border-left:3px solid #4a6cf7;border-radius:4px;margin:8px 8px 0}.im-quote-bar__content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.im-quote-bar__title{font-size:12px;font-weight:500;color:#4a6cf7}.im-quote-bar__text{font-size:13px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.im-quote-bar__remove-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:#666;cursor:pointer;border-radius:4px;transition:all .15s;flex-shrink:0}.im-quote-bar__remove-btn:hover{background:#0000001a;color:#333}.im-quote-node{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f0f4ff;border-left:3px solid #4a6cf7;border-radius:4px;margin-bottom:8px;cursor:default;user-select:none}.im-quote-node--selected{outline:2px solid #4a6cf7;outline-offset:1px}.im-quote-node__content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.im-quote-node__title{font-size:12px;font-weight:500;color:#4a6cf7}.im-quote-node__text{font-size:13px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.im-quote-node__remove-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:#666;cursor:pointer;border-radius:4px;transition:all .15s;flex-shrink:0}.im-quote-node__remove-btn:hover{background:#0000001a;color:#333}.im-rich-editor-wrapper{display:flex;flex-direction:column;height:100%;min-height:0}.im-rich-editor-container{flex:1;min-height:0;overflow-y:auto;padding:4px 12px}.im-rich-editor-container>div{height:100%}.im-rich-editor-content{min-height:120px;height:100%;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,MozillaTwemojiColr,Roboto,Oxygen,Ubuntu,sans-serif;font-size:14px;line-height:1.6}.im-rich-editor-content p:last-child{margin-bottom:0}.im-rich-editor-content h1{font-size:1.75em;font-weight:700;margin:.5em 0}.im-rich-editor-content h2{font-size:1.5em;font-weight:600;margin:.5em 0}.im-rich-editor-content h3{font-size:1.25em;font-weight:600;margin:.5em 0}.im-rich-editor-content ul,.im-rich-editor-content ol{padding-left:1.5em;margin:.5em 0}.im-rich-editor-content blockquote{border-left:3px solid #ddd;padding-left:1em;margin:.5em 0;color:#666}.im-rich-editor-content pre{background:#f5f5f5;padding:.75em 1em;border-radius:4px;overflow-x:auto;margin:.5em 0}.im-rich-editor-content code{background:#f0f0f0;padding:.2em .4em;border-radius:3px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9em}.im-rich-editor-content pre code{background:none;padding:0}.im-rich-editor-content img{max-width:100%;height:auto;border-radius:4px}.im-rich-editor-content a{color:#4a6cf7;text-decoration:underline}.im-rich-editor-content hr{border:none;border-top:1px solid #ddd;margin:1em 0}.im-rich-editor-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#aaa;pointer-events:none;height:0}.im-rich-editor-content ul[data-type=taskList]{list-style:none;padding-left:0}.im-rich-editor-content ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:8px}.im-rich-editor-content ul[data-type=taskList] li>label{flex-shrink:0;margin-top:4px}.im-rich-editor-content ul[data-type=taskList] li>div{flex:1}.im-rich-editor-content mark{background-color:#fef08a;padding:.1em .2em;border-radius:2px}.im-rich-toolbar{border-bottom:1px solid #e0e0e0;background:#f8f9fa;border-radius:8px 8px 0 0;padding:4px 8px;min-height:40px;flex-wrap:wrap}.im-paste-upload-progress{position:absolute;bottom:8px;left:8px;right:8px;display:flex;flex-direction:column;gap:8px;z-index:10;margin:0}