@mhamz.01/easyflow-texteditor 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.css +4845 -0
  2. package/dist/index.css.map +1 -0
  3. package/dist/index.d.mts +251 -0
  4. package/dist/index.d.ts +251 -0
  5. package/dist/index.js +7885 -0
  6. package/dist/index.js.map +1 -0
  7. package/dist/index.mjs +7902 -0
  8. package/dist/index.mjs.map +1 -0
  9. package/package.json +95 -0
package/dist/index.css ADDED
@@ -0,0 +1,4845 @@
1
+ @import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";
2
+
3
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-27316-G8lu6aUE0rjv/easyflow-texteditor/src/components/tiptap-ui-primitive/tooltip/tooltip.css */
4
+ .tiptap-tooltip {
5
+ --tt-tooltip-bg: var(--tt-gray-light-900);
6
+ --tt-tooltip-text: var(--white);
7
+ --tt-kbd: var(--tt-gray-dark-a-400);
8
+ }
9
+ .dark .tiptap-tooltip {
10
+ --tt-tooltip-bg: var(--white);
11
+ --tt-tooltip-text: var(--tt-gray-light-600);
12
+ --tt-kbd: var(--tt-gray-light-a-400);
13
+ }
14
+ .tiptap-tooltip {
15
+ z-index: 200;
16
+ overflow: hidden;
17
+ border-radius: var(--tt-radius-md, 0.375rem);
18
+ background-color: var(--tt-tooltip-bg);
19
+ padding: 0.375rem 0.5rem;
20
+ font-size: 0.75rem;
21
+ font-weight: 500;
22
+ color: var(--tt-tooltip-text);
23
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
24
+ text-align: center;
25
+ }
26
+ .tiptap-tooltip kbd {
27
+ display: inline-block;
28
+ text-align: center;
29
+ vertical-align: baseline;
30
+ font-family:
31
+ ui-sans-serif,
32
+ system-ui,
33
+ -apple-system,
34
+ BlinkMacSystemFont,
35
+ "Segoe UI",
36
+ Roboto,
37
+ "Helvetica Neue",
38
+ Arial,
39
+ "Noto Sans",
40
+ sans-serif;
41
+ text-transform: capitalize;
42
+ color: var(--tt-kbd);
43
+ }
44
+
45
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-27316-G8lu6aUE0rjv/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-colors.css */
46
+ .tiptap-button {
47
+ --tt-button-default-bg-color: var(--tt-gray-light-a-100);
48
+ --tt-button-hover-bg-color: var(--tt-gray-light-200);
49
+ --tt-button-active-bg-color: var(--tt-gray-light-a-200);
50
+ --tt-button-active-bg-color-emphasized: var( --tt-brand-color-100 );
51
+ --tt-button-active-bg-color-subdued: var( --tt-gray-light-a-200 );
52
+ --tt-button-active-hover-bg-color: var(--tt-gray-light-300);
53
+ --tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-200 );
54
+ --tt-button-active-hover-bg-color-subdued: var( --tt-gray-light-a-300 );
55
+ --tt-button-disabled-bg-color: var(--tt-gray-light-a-50);
56
+ --tt-button-default-text-color: var(--tt-gray-light-a-600);
57
+ --tt-button-hover-text-color: var(--tt-gray-light-a-900);
58
+ --tt-button-active-text-color: var(--tt-gray-light-a-900);
59
+ --tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);
60
+ --tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);
61
+ --tt-button-disabled-text-color: var(--tt-gray-light-a-400);
62
+ --tt-button-default-icon-color: var(--tt-gray-light-a-600);
63
+ --tt-button-hover-icon-color: var(--tt-gray-light-a-900);
64
+ --tt-button-active-icon-color: var(--tt-brand-color-500);
65
+ --tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);
66
+ --tt-button-active-icon-color-subdued: var(--tt-gray-light-a-900);
67
+ --tt-button-disabled-icon-color: var(--tt-gray-light-a-400);
68
+ --tt-button-default-icon-sub-color: var(--tt-gray-light-a-400);
69
+ --tt-button-hover-icon-sub-color: var(--tt-gray-light-a-500);
70
+ --tt-button-active-icon-sub-color: var(--tt-gray-light-a-400);
71
+ --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);
72
+ --tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-400);
73
+ --tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100);
74
+ --tt-button-default-dropdown-arrows-color: var(--tt-gray-light-a-600);
75
+ --tt-button-hover-dropdown-arrows-color: var(--tt-gray-light-a-700);
76
+ --tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-600);
77
+ --tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-light-a-700 );
78
+ --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-light-a-600);
79
+ --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400);
80
+ }
81
+ .dark .tiptap-button {
82
+ --tt-button-default-bg-color: var(--tt-gray-dark-a-100);
83
+ --tt-button-hover-bg-color: var(--tt-gray-dark-200);
84
+ --tt-button-active-bg-color: var(--tt-gray-dark-a-200);
85
+ --tt-button-active-bg-color-emphasized: var( --tt-brand-color-900 );
86
+ --tt-button-active-bg-color-subdued: var( --tt-gray-dark-a-200 );
87
+ --tt-button-active-hover-bg-color: var(--tt-gray-dark-300);
88
+ --tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-800 );
89
+ --tt-button-active-hover-bg-color-subdued: var( --tt-gray-dark-a-300 );
90
+ --tt-button-disabled-bg-color: var(--tt-gray-dark-a-50);
91
+ }
92
+ .dark .tiptap-button {
93
+ --tt-button-default-text-color: var(--tt-gray-dark-a-600);
94
+ --tt-button-hover-text-color: var(--tt-gray-dark-a-900);
95
+ --tt-button-active-text-color: var(--tt-gray-dark-a-900);
96
+ --tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
97
+ --tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
98
+ --tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
99
+ }
100
+ .dark .tiptap-button {
101
+ --tt-button-default-icon-color: var(--tt-gray-dark-a-600);
102
+ --tt-button-hover-icon-color: var(--tt-gray-dark-a-900);
103
+ --tt-button-active-icon-color: var(--tt-brand-color-400);
104
+ --tt-button-active-icon-color-emphasized: var(--tt-brand-color-400);
105
+ --tt-button-active-icon-color-subdued: var(--tt-gray-dark-a-900);
106
+ --tt-button-disabled-icon-color: var(--tt-gray-dark-a-400);
107
+ }
108
+ .dark .tiptap-button {
109
+ --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-300);
110
+ --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-400);
111
+ --tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
112
+ --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
113
+ --tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
114
+ --tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
115
+ }
116
+ .dark .tiptap-button {
117
+ --tt-button-default-dropdown-arrows-color: var(--tt-gray-dark-a-600);
118
+ --tt-button-hover-dropdown-arrows-color: var(--tt-gray-dark-a-700);
119
+ --tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
120
+ --tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-dark-a-700 );
121
+ --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-dark-a-600);
122
+ --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
123
+ }
124
+ .tiptap-button[data-style=ghost] {
125
+ --tt-button-default-bg-color: var(--transparent);
126
+ --tt-button-hover-bg-color: var(--tt-gray-light-200);
127
+ --tt-button-active-bg-color: var(--tt-gray-light-a-100);
128
+ --tt-button-active-bg-color-emphasized: var( --tt-brand-color-100 );
129
+ --tt-button-active-bg-color-subdued: var( --tt-gray-light-a-100 );
130
+ --tt-button-active-hover-bg-color: var(--tt-gray-light-200);
131
+ --tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-200 );
132
+ --tt-button-active-hover-bg-color-subdued: var( --tt-gray-light-a-200 );
133
+ --tt-button-disabled-bg-color: var(--transparent);
134
+ --tt-button-default-text-color: var(--tt-gray-light-a-600);
135
+ --tt-button-hover-text-color: var(--tt-gray-light-a-900);
136
+ --tt-button-active-text-color: var(--tt-gray-light-a-900);
137
+ --tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);
138
+ --tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);
139
+ --tt-button-disabled-text-color: var(--tt-gray-light-a-400);
140
+ --tt-button-default-icon-color: var(--tt-gray-light-a-600);
141
+ --tt-button-hover-icon-color: var(--tt-gray-light-a-900);
142
+ --tt-button-active-icon-color: var(--tt-brand-color-500);
143
+ --tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);
144
+ --tt-button-active-icon-color-subdued: var(--tt-gray-light-a-900);
145
+ --tt-button-disabled-icon-color: var(--tt-gray-light-a-400);
146
+ --tt-button-default-icon-sub-color: var(--tt-gray-light-a-400);
147
+ --tt-button-hover-icon-sub-color: var(--tt-gray-light-a-500);
148
+ --tt-button-active-icon-sub-color: var(--tt-gray-light-a-400);
149
+ --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);
150
+ --tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-400);
151
+ --tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100);
152
+ --tt-button-default-dropdown-arrows-color: var(--tt-gray-light-a-600);
153
+ --tt-button-hover-dropdown-arrows-color: var(--tt-gray-light-a-700);
154
+ --tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-600);
155
+ --tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-light-a-700 );
156
+ --tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-light-a-600 );
157
+ --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400);
158
+ }
159
+ .dark .tiptap-button[data-style=ghost] {
160
+ --tt-button-default-bg-color: var(--transparent);
161
+ --tt-button-hover-bg-color: var(--tt-gray-dark-200);
162
+ --tt-button-active-bg-color: var(--tt-gray-dark-a-100);
163
+ --tt-button-active-bg-color-emphasized: var( --tt-brand-color-900 );
164
+ --tt-button-active-bg-color-subdued: var( --tt-gray-dark-a-100 );
165
+ --tt-button-active-hover-bg-color: var(--tt-gray-dark-200);
166
+ --tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-800 );
167
+ --tt-button-active-hover-bg-color-subdued: var( --tt-gray-dark-a-200 );
168
+ --tt-button-disabled-bg-color: var(--transparent);
169
+ }
170
+ .dark .tiptap-button[data-style=ghost] {
171
+ --tt-button-default-text-color: var(--tt-gray-dark-a-600);
172
+ --tt-button-hover-text-color: var(--tt-gray-dark-a-900);
173
+ --tt-button-active-text-color: var(--tt-gray-dark-a-900);
174
+ --tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
175
+ --tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
176
+ --tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
177
+ }
178
+ .dark .tiptap-button[data-style=ghost] {
179
+ --tt-button-default-icon-color: var(--tt-gray-dark-a-600);
180
+ --tt-button-hover-icon-color: var(--tt-gray-dark-a-900);
181
+ --tt-button-active-icon-color: var(--tt-brand-color-400);
182
+ --tt-button-active-icon-color-emphasized: var(--tt-brand-color-300);
183
+ --tt-button-active-icon-color-subdued: var(--tt-gray-dark-a-900);
184
+ --tt-button-disabled-icon-color: var(--tt-gray-dark-a-400);
185
+ }
186
+ .dark .tiptap-button[data-style=ghost] {
187
+ --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-300);
188
+ --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-400);
189
+ --tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
190
+ --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
191
+ --tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
192
+ --tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
193
+ }
194
+ .dark .tiptap-button[data-style=ghost] {
195
+ --tt-button-default-dropdown-arrows-color: var(--tt-gray-dark-a-600);
196
+ --tt-button-hover-dropdown-arrows-color: var(--tt-gray-dark-a-700);
197
+ --tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
198
+ --tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-dark-a-700 );
199
+ --tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-dark-a-600 );
200
+ --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
201
+ }
202
+ .tiptap-button[data-style=primary] {
203
+ --tt-button-default-bg-color: var(--tt-brand-color-500);
204
+ --tt-button-hover-bg-color: var(--tt-brand-color-600);
205
+ --tt-button-active-bg-color: var(--tt-brand-color-100);
206
+ --tt-button-active-bg-color-emphasized: var( --tt-brand-color-100 );
207
+ --tt-button-active-bg-color-subdued: var( --tt-brand-color-100 );
208
+ --tt-button-active-hover-bg-color: var(--tt-brand-color-200);
209
+ --tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-200 );
210
+ --tt-button-active-hover-bg-color-subdued: var( --tt-brand-color-200 );
211
+ --tt-button-disabled-bg-color: var(--tt-gray-light-a-100);
212
+ --tt-button-default-text-color: var(--white);
213
+ --tt-button-hover-text-color: var(--white);
214
+ --tt-button-active-text-color: var(--tt-gray-light-a-900);
215
+ --tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);
216
+ --tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);
217
+ --tt-button-disabled-text-color: var(--tt-gray-light-a-400);
218
+ --tt-button-default-icon-color: var(--white);
219
+ --tt-button-hover-icon-color: var(--white);
220
+ --tt-button-active-icon-color: var(--tt-brand-color-600);
221
+ --tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);
222
+ --tt-button-active-icon-color-subdued: var(--tt-brand-color-600);
223
+ --tt-button-disabled-icon-color: var(--tt-gray-light-a-400);
224
+ --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-500);
225
+ --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-500);
226
+ --tt-button-active-icon-sub-color: var(--tt-gray-light-a-500);
227
+ --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);
228
+ --tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-500);
229
+ --tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100);
230
+ --tt-button-default-dropdown-arrows-color: var(--white);
231
+ --tt-button-hover-dropdown-arrows-color: var(--white);
232
+ --tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-700);
233
+ --tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-light-a-700 );
234
+ --tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-light-a-700 );
235
+ --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400);
236
+ }
237
+ .dark .tiptap-button[data-style=primary] {
238
+ --tt-button-default-bg-color: var(--tt-brand-color-500);
239
+ --tt-button-hover-bg-color: var(--tt-brand-color-600);
240
+ --tt-button-active-bg-color: var(--tt-brand-color-900);
241
+ --tt-button-active-bg-color-emphasized: var( --tt-brand-color-900 );
242
+ --tt-button-active-bg-color-subdued: var( --tt-brand-color-900 );
243
+ --tt-button-active-hover-bg-color: var(--tt-brand-color-800);
244
+ --tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-800 );
245
+ --tt-button-active-hover-bg-color-subdued: var( --tt-brand-color-800 );
246
+ --tt-button-disabled-bg-color: var(--tt-gray-dark-a-100);
247
+ }
248
+ .dark .tiptap-button[data-style=primary] {
249
+ --tt-button-default-text-color: var(--white);
250
+ --tt-button-hover-text-color: var(--white);
251
+ --tt-button-active-text-color: var(--tt-gray-dark-a-900);
252
+ --tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
253
+ --tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
254
+ --tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
255
+ }
256
+ .dark .tiptap-button[data-style=primary] {
257
+ --tt-button-default-icon-color: var(--white);
258
+ --tt-button-hover-icon-color: var(--white);
259
+ --tt-button-active-icon-color: var(--tt-brand-color-400);
260
+ --tt-button-active-icon-color-emphasized: var(--tt-brand-color-400);
261
+ --tt-button-active-icon-color-subdued: var(--tt-brand-color-400);
262
+ --tt-button-disabled-icon-color: var(--tt-gray-dark-a-300);
263
+ }
264
+ .dark .tiptap-button[data-style=primary] {
265
+ --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-400);
266
+ --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-500);
267
+ --tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
268
+ --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
269
+ --tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
270
+ --tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
271
+ }
272
+ .dark .tiptap-button[data-style=primary] {
273
+ --tt-button-default-dropdown-arrows-color: var(--white);
274
+ --tt-button-hover-dropdown-arrows-color: var(--white);
275
+ --tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
276
+ --tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-dark-a-600 );
277
+ --tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-dark-a-600 );
278
+ --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
279
+ }
280
+
281
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-27316-G8lu6aUE0rjv/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-group.css */
282
+ .tiptap-button-group {
283
+ position: relative;
284
+ display: flex;
285
+ vertical-align: middle;
286
+ }
287
+ .tiptap-button-group[data-orientation=vertical] {
288
+ flex-direction: column;
289
+ align-items: flex-start;
290
+ justify-content: center;
291
+ min-width: max-content;
292
+ }
293
+ .tiptap-button-group[data-orientation=vertical] > .tiptap-button {
294
+ width: 100%;
295
+ }
296
+ .tiptap-button-group[data-orientation=horizontal] {
297
+ gap: 0.125rem;
298
+ flex-direction: row;
299
+ align-items: center;
300
+ }
301
+
302
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-27316-G8lu6aUE0rjv/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button.css */
303
+ .tiptap-button {
304
+ font-size: 0.875rem;
305
+ font-weight: 500;
306
+ font-feature-settings: "salt" on, "cv01" on;
307
+ line-height: 1.15;
308
+ height: 2rem;
309
+ min-width: 2rem;
310
+ border: none;
311
+ padding: 0.5rem;
312
+ gap: 0.25rem;
313
+ display: flex;
314
+ align-items: center;
315
+ justify-content: center;
316
+ border-radius: var(--tt-radius-lg, 0.75rem);
317
+ transition-property:
318
+ background,
319
+ color,
320
+ opacity;
321
+ transition-duration: var(--tt-transition-duration-default);
322
+ transition-timing-function: var(--tt-transition-easing-default);
323
+ }
324
+ .tiptap-button:focus-visible {
325
+ outline: none;
326
+ }
327
+ .tiptap-button[data-highlighted=true],
328
+ .tiptap-button[data-focus-visible=true] {
329
+ background-color: var(--tt-button-hover-bg-color);
330
+ color: var(--tt-button-hover-text-color);
331
+ }
332
+ .tiptap-button[data-weight=small] {
333
+ width: 1.5rem;
334
+ min-width: 1.5rem;
335
+ padding-right: 0;
336
+ padding-left: 0;
337
+ }
338
+ .tiptap-button[data-size=large] {
339
+ font-size: 0.9375rem;
340
+ height: 2.375rem;
341
+ min-width: 2.375rem;
342
+ padding: 0.625rem;
343
+ }
344
+ .tiptap-button[data-size=small] {
345
+ font-size: 0.75rem;
346
+ line-height: 1.2;
347
+ height: 1.5rem;
348
+ min-width: 1.5rem;
349
+ padding: 0.3125rem;
350
+ border-radius: var(--tt-radius-md, 0.5rem);
351
+ }
352
+ .tiptap-button .tiptap-button-text {
353
+ padding: 0 0.125rem;
354
+ flex-grow: 1;
355
+ text-align: left;
356
+ line-height: 1.5rem;
357
+ }
358
+ .tiptap-button[data-text-trim=on] .tiptap-button-text {
359
+ text-overflow: ellipsis;
360
+ overflow: hidden;
361
+ }
362
+ .tiptap-button .tiptap-button-icon,
363
+ .tiptap-button .tiptap-button-icon-sub,
364
+ .tiptap-button .tiptap-button-dropdown-arrows,
365
+ .tiptap-button .tiptap-button-dropdown-small {
366
+ flex-shrink: 0;
367
+ }
368
+ .tiptap-button .tiptap-button-icon {
369
+ width: 1.1rem;
370
+ height: 1.1rem;
371
+ }
372
+ .tiptap-button[data-size=large] .tiptap-button-icon {
373
+ width: 1.125rem;
374
+ height: 1.125rem;
375
+ }
376
+ .tiptap-button[data-size=small] .tiptap-button-icon {
377
+ width: 0.875rem;
378
+ height: 0.875rem;
379
+ }
380
+ .tiptap-button .tiptap-button-icon-sub {
381
+ width: 1rem;
382
+ height: 1rem;
383
+ }
384
+ .tiptap-button[data-size=large] .tiptap-button-icon-sub {
385
+ width: 1.125rem;
386
+ height: 1.125rem;
387
+ }
388
+ .tiptap-button[data-size=small] .tiptap-button-icon-sub {
389
+ width: 0.875rem;
390
+ height: 0.875rem;
391
+ }
392
+ .tiptap-button .tiptap-button-dropdown-arrows {
393
+ width: 0.75rem;
394
+ height: 0.75rem;
395
+ }
396
+ .tiptap-button[data-size=large] .tiptap-button-dropdown-arrows {
397
+ width: 0.875rem;
398
+ height: 0.875rem;
399
+ }
400
+ .tiptap-button[data-size=small] .tiptap-button-dropdown-arrows {
401
+ width: 0.625rem;
402
+ height: 0.625rem;
403
+ }
404
+ .tiptap-button .tiptap-button-dropdown-small {
405
+ width: 0.625rem;
406
+ height: 0.625rem;
407
+ }
408
+ .tiptap-button[data-size=large] .tiptap-button-dropdown-small {
409
+ width: 0.75rem;
410
+ height: 0.75rem;
411
+ }
412
+ .tiptap-button[data-size=small] .tiptap-button-dropdown-small {
413
+ width: 0.5rem;
414
+ height: 0.5rem;
415
+ }
416
+ .tiptap-button:has(> svg):not(:has(> :not(svg))) {
417
+ gap: 0.125rem;
418
+ }
419
+ .tiptap-button:has(> svg):not(:has(> :not(svg)))[data-size=large],
420
+ .tiptap-button:has(> svg):not(:has(> :not(svg)))[data-size=small] {
421
+ gap: 0.125rem;
422
+ }
423
+ .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)) {
424
+ gap: 0;
425
+ padding-right: 0.25rem;
426
+ }
427
+ .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] {
428
+ padding-right: 0.375rem;
429
+ }
430
+ .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] {
431
+ padding-right: 0.25rem;
432
+ }
433
+ .tiptap-button .tiptap-button-emoji {
434
+ width: 1rem;
435
+ display: flex;
436
+ justify-content: center;
437
+ }
438
+ .tiptap-button[data-size=large] .tiptap-button-emoji {
439
+ width: 1.125rem;
440
+ }
441
+ .tiptap-button[data-size=small] .tiptap-button-emoji {
442
+ width: 0.875rem;
443
+ }
444
+ .tiptap-button {
445
+ background-color: var(--tt-button-default-bg-color);
446
+ color: var(--tt-button-default-text-color);
447
+ }
448
+ .tiptap-button .tiptap-button-icon {
449
+ color: var(--tt-button-default-icon-color);
450
+ }
451
+ .tiptap-button .tiptap-button-icon-sub {
452
+ color: var(--tt-button-default-icon-sub-color);
453
+ }
454
+ .tiptap-button .tiptap-button-dropdown-arrows {
455
+ color: var(--tt-button-default-dropdown-arrows-color);
456
+ }
457
+ .tiptap-button .tiptap-button-dropdown-small {
458
+ color: var(--tt-button-default-dropdown-arrows-color);
459
+ }
460
+ .tiptap-button:hover:not([data-active-item=true]):not([disabled]),
461
+ .tiptap-button[data-active-item=true]:not([disabled]),
462
+ .tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) {
463
+ background-color: var(--tt-button-hover-bg-color);
464
+ color: var(--tt-button-hover-text-color);
465
+ }
466
+ .tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-icon,
467
+ .tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-icon,
468
+ .tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-icon {
469
+ color: var(--tt-button-hover-icon-color);
470
+ }
471
+ .tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-icon-sub,
472
+ .tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-icon-sub,
473
+ .tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-icon-sub {
474
+ color: var(--tt-button-hover-icon-sub-color);
475
+ }
476
+ .tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-dropdown-arrows,
477
+ .tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-dropdown-small,
478
+ .tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-dropdown-arrows,
479
+ .tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-dropdown-small,
480
+ .tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-dropdown-arrows,
481
+ .tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-dropdown-small {
482
+ color: var(--tt-button-hover-dropdown-arrows-color);
483
+ }
484
+ .tiptap-button[data-active-state=on]:not([disabled]),
485
+ .tiptap-button[data-state=open]:not([disabled]) {
486
+ background-color: var(--tt-button-active-bg-color);
487
+ color: var(--tt-button-active-text-color);
488
+ }
489
+ .tiptap-button[data-active-state=on]:not([disabled]) .tiptap-button-icon,
490
+ .tiptap-button[data-state=open]:not([disabled]) .tiptap-button-icon {
491
+ color: var(--tt-button-active-icon-color);
492
+ }
493
+ .tiptap-button[data-active-state=on]:not([disabled]) .tiptap-button-icon-sub,
494
+ .tiptap-button[data-state=open]:not([disabled]) .tiptap-button-icon-sub {
495
+ color: var(--tt-button-active-icon-sub-color);
496
+ }
497
+ .tiptap-button[data-active-state=on]:not([disabled]) .tiptap-button-dropdown-arrows,
498
+ .tiptap-button[data-active-state=on]:not([disabled]) .tiptap-button-dropdown-small,
499
+ .tiptap-button[data-state=open]:not([disabled]) .tiptap-button-dropdown-arrows,
500
+ .tiptap-button[data-state=open]:not([disabled]) .tiptap-button-dropdown-small {
501
+ color: var(--tt-button-active-dropdown-arrows-color);
502
+ }
503
+ .tiptap-button[data-active-state=on]:not([disabled]):hover,
504
+ .tiptap-button[data-state=open]:not([disabled]):hover {
505
+ background-color: var(--tt-button-active-hover-bg-color);
506
+ }
507
+ .tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized],
508
+ .tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized] {
509
+ background-color: var(--tt-button-active-bg-color-emphasized);
510
+ color: var(--tt-button-active-text-color-emphasized);
511
+ }
512
+ .tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized] .tiptap-button-icon,
513
+ .tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized] .tiptap-button-icon {
514
+ color: var(--tt-button-active-icon-color-emphasized);
515
+ }
516
+ .tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized] .tiptap-button-icon-sub,
517
+ .tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized] .tiptap-button-icon-sub {
518
+ color: var(--tt-button-active-icon-sub-color-emphasized);
519
+ }
520
+ .tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized] .tiptap-button-dropdown-arrows,
521
+ .tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized] .tiptap-button-dropdown-small,
522
+ .tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized] .tiptap-button-dropdown-arrows,
523
+ .tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized] .tiptap-button-dropdown-small {
524
+ color: var(--tt-button-active-dropdown-arrows-color-emphasized);
525
+ }
526
+ .tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized]:hover,
527
+ .tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized]:hover {
528
+ background-color: var(--tt-button-active-hover-bg-color-emphasized);
529
+ }
530
+ .tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued],
531
+ .tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued] {
532
+ background-color: var(--tt-button-active-bg-color-subdued);
533
+ color: var(--tt-button-active-text-color-subdued);
534
+ }
535
+ .tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued] .tiptap-button-icon,
536
+ .tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued] .tiptap-button-icon {
537
+ color: var(--tt-button-active-icon-color-subdued);
538
+ }
539
+ .tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued] .tiptap-button-icon-sub,
540
+ .tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued] .tiptap-button-icon-sub {
541
+ color: var(--tt-button-active-icon-sub-color-subdued);
542
+ }
543
+ .tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued] .tiptap-button-dropdown-arrows,
544
+ .tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued] .tiptap-button-dropdown-small,
545
+ .tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued] .tiptap-button-dropdown-arrows,
546
+ .tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued] .tiptap-button-dropdown-small {
547
+ color: var(--tt-button-active-dropdown-arrows-color-subdued);
548
+ }
549
+ .tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued]:hover,
550
+ .tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued]:hover {
551
+ background-color: var(--tt-button-active-hover-bg-color-subdued);
552
+ }
553
+ .tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued]:hover .tiptap-button-icon,
554
+ .tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued]:hover .tiptap-button-icon {
555
+ color: var(--tt-button-active-icon-color-subdued);
556
+ }
557
+ .tiptap-button:disabled {
558
+ background-color: var(--tt-button-disabled-bg-color);
559
+ color: var(--tt-button-disabled-text-color);
560
+ }
561
+ .tiptap-button:disabled .tiptap-button-icon {
562
+ color: var(--tt-button-disabled-icon-color);
563
+ }
564
+
565
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-27316-G8lu6aUE0rjv/easyflow-texteditor/src/components/tiptap-ui-primitive/separator/separator.css */
566
+ .tiptap-separator {
567
+ --tt-link-border-color: var(--tt-gray-light-a-200);
568
+ }
569
+ .dark .tiptap-separator {
570
+ --tt-link-border-color: var(--tt-gray-dark-a-200);
571
+ }
572
+ .tiptap-separator {
573
+ flex-shrink: 0;
574
+ background-color: var(--tt-link-border-color);
575
+ }
576
+ .tiptap-separator[data-orientation=horizontal] {
577
+ height: 1px;
578
+ width: 100%;
579
+ margin: 0.5rem 0;
580
+ }
581
+ .tiptap-separator[data-orientation=vertical] {
582
+ height: 1.5rem;
583
+ width: 1px;
584
+ }
585
+
586
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-27316-G8lu6aUE0rjv/easyflow-texteditor/src/components/tiptap-ui-primitive/toolbar/toolbar.css */
587
+ :root {
588
+ --tt-toolbar-height: 2.75rem;
589
+ --tt-safe-area-bottom: env(safe-area-inset-bottom, 0px);
590
+ --tt-toolbar-bg-color: var(--white);
591
+ --tt-toolbar-border-color: var(--tt-gray-light-a-100);
592
+ }
593
+ .dark {
594
+ --tt-toolbar-bg-color: var(--black);
595
+ --tt-toolbar-border-color: var(--black);
596
+ }
597
+ .tiptap-toolbar {
598
+ display: flex;
599
+ align-items: center;
600
+ gap: 0.55rem;
601
+ }
602
+ .tiptap-toolbar-group {
603
+ display: flex;
604
+ align-items: center;
605
+ gap: 0.125rem;
606
+ }
607
+ .tiptap-toolbar-group:empty {
608
+ display: none;
609
+ }
610
+ .tiptap-toolbar-group:empty + .tiptap-separator,
611
+ .tiptap-separator + .tiptap-toolbar-group:empty {
612
+ display: none;
613
+ }
614
+ .tiptap-toolbar[data-variant=fixed] {
615
+ position: sticky;
616
+ top: 0;
617
+ left: 0;
618
+ width: 100%;
619
+ z-index: 5;
620
+ align-items: center;
621
+ min-height: var(--tt-toolbar-height);
622
+ background: #0a0a0a;
623
+ padding: 0 0.5rem;
624
+ display: flex;
625
+ box-sizing: border-box;
626
+ overflow-x: auto;
627
+ overflow-y: hidden;
628
+ -webkit-overflow-scrolling: touch;
629
+ scrollbar-width: none;
630
+ overscroll-behavior: contain;
631
+ }
632
+ .tiptap-toolbar[data-variant=fixed]::-webkit-scrollbar {
633
+ display: none;
634
+ }
635
+ @media (min-width: 481px) and (max-width: 768px) {
636
+ .tiptap-toolbar[data-variant=fixed] {
637
+ height: auto;
638
+ max-height: var(--tt-toolbar-height);
639
+ border-top: none;
640
+ border-bottom: 1px solid var(--tt-toolbar-border-color);
641
+ padding: 0 0.5rem;
642
+ overflow-y: auto;
643
+ -webkit-overflow-scrolling: touch;
644
+ }
645
+ .tiptap-toolbar[data-variant=fixed] .tiptap-toolbar-group {
646
+ flex: 0 0 auto;
647
+ }
648
+ .tiptap-toolbar[data-variant=fixed] .tiptap-toolbar-spacer {
649
+ height: var(--tt-toolbar-height);
650
+ width: 100%;
651
+ flex: 0 0 auto;
652
+ }
653
+ }
654
+ @media (max-width: 480px) {
655
+ .tiptap-toolbar[data-variant=fixed] {
656
+ height: var(--tt-toolbar-height);
657
+ border-top: none;
658
+ border-bottom: 1px solid var(--tt-toolbar-border-color);
659
+ padding: 0 0.25rem;
660
+ flex-wrap: nowrap;
661
+ position: sticky;
662
+ }
663
+ .tiptap-toolbar[data-variant=fixed] .tiptap-toolbar-group {
664
+ flex: 0 0 auto;
665
+ }
666
+ }
667
+ .tiptap-toolbar[data-variant=floating] {
668
+ --tt-toolbar-padding: 0.125rem;
669
+ --tt-toolbar-border-width: 1px;
670
+ padding: 0.188rem;
671
+ border-radius: calc(var(--tt-toolbar-padding) + var(--tt-radius-lg) + var(--tt-toolbar-border-width));
672
+ border: var(--tt-toolbar-border-width) solid var(--tt-toolbar-border-color);
673
+ background-color: var(--tt-toolbar-bg-color);
674
+ box-shadow: var(--tt-shadow-elevated-md);
675
+ outline: none;
676
+ overflow: hidden;
677
+ }
678
+ .tiptap-toolbar[data-variant=floating][data-plain=true] {
679
+ padding: 0;
680
+ border-radius: 0;
681
+ border: none;
682
+ box-shadow: none;
683
+ background-color: transparent;
684
+ }
685
+ @media screen and (max-width: 480px) {
686
+ .tiptap-toolbar[data-variant=floating] {
687
+ width: 100%;
688
+ border-radius: 0;
689
+ border: none;
690
+ box-shadow: none;
691
+ }
692
+ }
693
+
694
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-27316-G8lu6aUE0rjv/easyflow-texteditor/src/components/tiptap-node/image-upload-node/image-upload-node.css */
695
+ :root {
696
+ --tiptap-image-upload-active: var(--tt-brand-color-500);
697
+ --tiptap-image-upload-progress-bg: var(--tt-brand-color-50);
698
+ --tiptap-image-upload-icon-bg: var(--tt-brand-color-500);
699
+ --tiptap-image-upload-text-color: var(--tt-gray-light-a-700);
700
+ --tiptap-image-upload-subtext-color: var(--tt-gray-light-a-400);
701
+ --tiptap-image-upload-border: var(--tt-gray-light-a-300);
702
+ --tiptap-image-upload-border-hover: var(--tt-gray-light-a-400);
703
+ --tiptap-image-upload-border-active: var(--tt-brand-color-500);
704
+ --tiptap-image-upload-icon-doc-bg: var(--tt-gray-light-a-200);
705
+ --tiptap-image-upload-icon-doc-border: var(--tt-gray-light-300);
706
+ --tiptap-image-upload-icon-color: var(--white);
707
+ }
708
+ .dark {
709
+ --tiptap-image-upload-active: var(--tt-brand-color-400);
710
+ --tiptap-image-upload-progress-bg: var(--tt-brand-color-900);
711
+ --tiptap-image-upload-icon-bg: var(--tt-brand-color-400);
712
+ --tiptap-image-upload-text-color: var(--tt-gray-dark-a-700);
713
+ --tiptap-image-upload-subtext-color: var(--tt-gray-dark-a-400);
714
+ --tiptap-image-upload-border: var(--tt-gray-dark-a-300);
715
+ --tiptap-image-upload-border-hover: var(--tt-gray-dark-a-400);
716
+ --tiptap-image-upload-border-active: var(--tt-brand-color-400);
717
+ --tiptap-image-upload-icon-doc-bg: var(--tt-gray-dark-a-200);
718
+ --tiptap-image-upload-icon-doc-border: var(--tt-gray-dark-300);
719
+ --tiptap-image-upload-icon-color: var(--black);
720
+ }
721
+ .tiptap-image-upload {
722
+ margin: 2rem 0;
723
+ }
724
+ .tiptap-image-upload input[type=file] {
725
+ display: none;
726
+ }
727
+ .tiptap-image-upload .tiptap-image-upload-dropzone {
728
+ position: relative;
729
+ width: 3.125rem;
730
+ height: 3.75rem;
731
+ display: inline-flex;
732
+ align-items: flex-start;
733
+ justify-content: center;
734
+ -webkit-user-select: none;
735
+ -ms-user-select: none;
736
+ user-select: none;
737
+ }
738
+ .tiptap-image-upload .tiptap-image-upload-icon-container {
739
+ position: absolute;
740
+ width: 1.75rem;
741
+ height: 1.75rem;
742
+ bottom: 0;
743
+ right: 0;
744
+ background-color: var(--tiptap-image-upload-icon-bg);
745
+ border-radius: var(--tt-radius-lg, 0.75rem);
746
+ display: flex;
747
+ align-items: center;
748
+ justify-content: center;
749
+ }
750
+ .tiptap-image-upload .tiptap-image-upload-icon {
751
+ width: 0.875rem;
752
+ height: 0.875rem;
753
+ color: var(--tiptap-image-upload-icon-color);
754
+ }
755
+ .tiptap-image-upload .tiptap-image-upload-dropzone-rect-primary {
756
+ color: var(--tiptap-image-upload-icon-doc-bg);
757
+ position: absolute;
758
+ }
759
+ .tiptap-image-upload .tiptap-image-upload-dropzone-rect-secondary {
760
+ position: absolute;
761
+ top: 0;
762
+ right: 0.25rem;
763
+ bottom: 0;
764
+ color: var(--tiptap-image-upload-icon-doc-border);
765
+ }
766
+ .tiptap-image-upload .tiptap-image-upload-text {
767
+ color: var(--tiptap-image-upload-text-color);
768
+ font-weight: 500;
769
+ font-size: 0.875rem;
770
+ line-height: normal;
771
+ }
772
+ .tiptap-image-upload .tiptap-image-upload-text em {
773
+ font-style: normal;
774
+ text-decoration: underline;
775
+ }
776
+ .tiptap-image-upload .tiptap-image-upload-subtext {
777
+ color: var(--tiptap-image-upload-subtext-color);
778
+ font-weight: 600;
779
+ line-height: normal;
780
+ font-size: 0.75rem;
781
+ }
782
+ .tiptap-image-upload .tiptap-image-upload-drag-area {
783
+ padding: 2rem 1.5rem;
784
+ border: 1.5px dashed var(--tiptap-image-upload-border);
785
+ border-radius: var(--tt-radius-md, 0.5rem);
786
+ text-align: center;
787
+ cursor: pointer;
788
+ position: relative;
789
+ overflow: hidden;
790
+ transition: all 0.2s ease;
791
+ }
792
+ .tiptap-image-upload .tiptap-image-upload-drag-area:hover {
793
+ border-color: var(--tiptap-image-upload-border-hover);
794
+ }
795
+ .tiptap-image-upload .tiptap-image-upload-drag-area.drag-active {
796
+ border-color: var(--tiptap-image-upload-border-active);
797
+ background-color: rgba(var(--tiptap-image-upload-active-rgb, 0, 123, 255), 0.05);
798
+ }
799
+ .tiptap-image-upload .tiptap-image-upload-drag-area.drag-over {
800
+ border-color: var(--tiptap-image-upload-border-active);
801
+ background-color: rgba(var(--tiptap-image-upload-active-rgb, 0, 123, 255), 0.1);
802
+ }
803
+ .tiptap-image-upload .tiptap-image-upload-content {
804
+ display: flex;
805
+ align-items: center;
806
+ justify-content: center;
807
+ flex-direction: column;
808
+ gap: 0.25rem;
809
+ -webkit-user-select: none;
810
+ -ms-user-select: none;
811
+ user-select: none;
812
+ }
813
+ .tiptap-image-upload .tiptap-image-upload-previews {
814
+ display: flex;
815
+ flex-direction: column;
816
+ gap: 0.75rem;
817
+ }
818
+ .tiptap-image-upload .tiptap-image-upload-header {
819
+ display: flex;
820
+ align-items: center;
821
+ justify-content: space-between;
822
+ padding: 0.5rem 0;
823
+ border-bottom: 1px solid var(--tiptap-image-upload-border);
824
+ margin-bottom: 0.5rem;
825
+ }
826
+ .tiptap-image-upload .tiptap-image-upload-header span {
827
+ font-size: 0.875rem;
828
+ font-weight: 500;
829
+ color: var(--tiptap-image-upload-text-color);
830
+ }
831
+ .tiptap-image-upload .tiptap-image-upload-preview {
832
+ position: relative;
833
+ border-radius: var(--tt-radius-md, 0.5rem);
834
+ overflow: hidden;
835
+ }
836
+ .tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-progress {
837
+ position: absolute;
838
+ inset: 0;
839
+ background-color: var(--tiptap-image-upload-progress-bg);
840
+ transition: all 300ms ease-out;
841
+ }
842
+ .tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-preview-content {
843
+ position: relative;
844
+ border: 1px solid var(--tiptap-image-upload-border);
845
+ border-radius: var(--tt-radius-md, 0.5rem);
846
+ padding: 1rem;
847
+ display: flex;
848
+ align-items: center;
849
+ justify-content: space-between;
850
+ }
851
+ .tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info {
852
+ display: flex;
853
+ align-items: center;
854
+ gap: 0.75rem;
855
+ height: 2rem;
856
+ }
857
+ .tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info .tiptap-image-upload-file-icon {
858
+ padding: 0.5rem;
859
+ background-color: var(--tiptap-image-upload-icon-bg);
860
+ border-radius: var(--tt-radius-lg, 0.75rem);
861
+ }
862
+ .tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info .tiptap-image-upload-file-icon svg {
863
+ width: 0.875rem;
864
+ height: 0.875rem;
865
+ color: var(--tiptap-image-upload-icon-color);
866
+ }
867
+ .tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-details {
868
+ display: flex;
869
+ flex-direction: column;
870
+ }
871
+ .tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-actions {
872
+ display: flex;
873
+ align-items: center;
874
+ gap: 0.5rem;
875
+ }
876
+ .tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-actions .tiptap-image-upload-progress-text {
877
+ font-size: 0.75rem;
878
+ color: var(--tiptap-image-upload-border-active);
879
+ font-weight: 600;
880
+ }
881
+ .tiptap.ProseMirror.ProseMirror-focused .ProseMirror-selectednode .tiptap-image-upload-drag-area {
882
+ border-color: var(--tiptap-image-upload-active);
883
+ }
884
+ @media (max-width: 480px) {
885
+ .tiptap-image-upload .tiptap-image-upload-drag-area {
886
+ padding: 1.5rem 1rem;
887
+ }
888
+ .tiptap-image-upload .tiptap-image-upload-header {
889
+ flex-direction: column;
890
+ align-items: flex-start;
891
+ gap: 0.5rem;
892
+ }
893
+ .tiptap-image-upload .tiptap-image-upload-preview-content {
894
+ padding: 0.75rem;
895
+ }
896
+ }
897
+
898
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-27316-G8lu6aUE0rjv/easyflow-texteditor/src/components/tiptap-node/blockquote-node/blockquote-node.css */
899
+ .tiptap.ProseMirror {
900
+ --blockquote-bg-color: var(--tt-gray-light-900);
901
+ }
902
+ .dark .tiptap.ProseMirror {
903
+ --blockquote-bg-color: var(--tt-gray-dark-900);
904
+ }
905
+ .tiptap.ProseMirror blockquote {
906
+ position: relative;
907
+ padding-left: 1em;
908
+ padding-top: 0.375em;
909
+ padding-bottom: 0.375em;
910
+ margin: 1.5rem 0;
911
+ }
912
+ .tiptap.ProseMirror blockquote p {
913
+ margin-top: 0;
914
+ }
915
+ .tiptap.ProseMirror blockquote::before,
916
+ .tiptap.ProseMirror blockquote.is-empty::before {
917
+ position: absolute;
918
+ bottom: 0;
919
+ left: 0;
920
+ top: 0;
921
+ height: 100%;
922
+ width: 0.25em;
923
+ background-color: var(--blockquote-bg-color);
924
+ content: "";
925
+ border-radius: 0;
926
+ }
927
+
928
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-27316-G8lu6aUE0rjv/easyflow-texteditor/src/components/tiptap-node/code-block-node/code-block-node.css */
929
+ .tiptap.ProseMirror {
930
+ --tt-inline-code-bg-color: var(--tt-gray-light-a-100);
931
+ --tt-inline-code-text-color: var(--tt-gray-light-a-700);
932
+ --tt-inline-code-border-color: var(--tt-gray-light-a-200);
933
+ --tt-codeblock-bg: var(--tt-gray-light-a-50);
934
+ --tt-codeblock-text: var(--tt-gray-light-a-800);
935
+ --tt-codeblock-border: var(--tt-gray-light-a-200);
936
+ }
937
+ .dark .tiptap.ProseMirror {
938
+ --tt-inline-code-bg-color: var(--tt-gray-dark-a-100);
939
+ --tt-inline-code-text-color: var(--tt-gray-dark-a-700);
940
+ --tt-inline-code-border-color: var(--tt-gray-dark-a-200);
941
+ --tt-codeblock-bg: var(--tt-gray-dark-a-50);
942
+ --tt-codeblock-text: var(--tt-gray-dark-a-800);
943
+ --tt-codeblock-border: var(--tt-gray-dark-a-200);
944
+ }
945
+ .tiptap.ProseMirror code {
946
+ background-color: var(--tt-inline-code-bg-color);
947
+ color: var(--tt-inline-code-text-color);
948
+ border: 1px solid var(--tt-inline-code-border-color);
949
+ font-family: "JetBrains Mono NL", monospace;
950
+ font-size: 0.875em;
951
+ line-height: 1.4;
952
+ border-radius: 6px/0.375rem;
953
+ padding: 0.1em 0.2em;
954
+ }
955
+ .tiptap.ProseMirror pre {
956
+ background-color: var(--tt-codeblock-bg);
957
+ color: var(--tt-codeblock-text);
958
+ border: 1px solid var(--tt-codeblock-border);
959
+ margin-top: 1.5em;
960
+ margin-bottom: 1.5em;
961
+ padding: 1em;
962
+ font-size: 1rem;
963
+ border-radius: 6px/0.375rem;
964
+ }
965
+ .tiptap.ProseMirror pre code {
966
+ background-color: transparent;
967
+ border: none;
968
+ border-radius: 0;
969
+ -webkit-text-fill-color: inherit;
970
+ color: inherit;
971
+ }
972
+
973
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-27316-G8lu6aUE0rjv/easyflow-texteditor/src/components/tiptap-node/horizontal-rule-node/horizontal-rule-node.css */
974
+ .tiptap.ProseMirror {
975
+ --horizontal-rule-color: var(--tt-gray-light-a-200);
976
+ }
977
+ .dark .tiptap.ProseMirror {
978
+ --horizontal-rule-color: var(--tt-gray-dark-a-200);
979
+ }
980
+ .tiptap.ProseMirror hr {
981
+ border: none;
982
+ height: 1px;
983
+ background-color: var(--horizontal-rule-color);
984
+ }
985
+ .tiptap.ProseMirror [data-type=horizontalRule] {
986
+ margin-top: 2.25em;
987
+ margin-bottom: 2.25em;
988
+ padding-top: 0.75rem;
989
+ padding-bottom: 0.75rem;
990
+ }
991
+
992
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-27316-G8lu6aUE0rjv/easyflow-texteditor/src/components/tiptap-node/list-node/list-node.css */
993
+ .tiptap.ProseMirror {
994
+ --tt-checklist-bg-color: var(--tt-gray-light-a-100);
995
+ --tt-checklist-bg-active-color: var(--tt-gray-light-a-900);
996
+ --tt-checklist-border-color: var(--tt-gray-light-a-200);
997
+ --tt-checklist-border-active-color: var(--tt-gray-light-a-900);
998
+ --tt-checklist-check-icon-color: var(--white);
999
+ --tt-checklist-text-active: var(--tt-gray-light-a-500);
1000
+ }
1001
+ .dark .tiptap.ProseMirror {
1002
+ --tt-checklist-bg-color: var(--tt-gray-dark-a-100);
1003
+ --tt-checklist-bg-active-color: var(--tt-gray-dark-a-900);
1004
+ --tt-checklist-border-color: var(--tt-gray-dark-a-200);
1005
+ --tt-checklist-border-active-color: var(--tt-gray-dark-a-900);
1006
+ --tt-checklist-check-icon-color: var(--black);
1007
+ --tt-checklist-text-active: var(--tt-gray-dark-a-500);
1008
+ }
1009
+ .tiptap.ProseMirror ol,
1010
+ .tiptap.ProseMirror ul {
1011
+ margin-top: 1.5em;
1012
+ margin-bottom: 1.5em;
1013
+ padding-left: 1.5em;
1014
+ }
1015
+ .tiptap.ProseMirror ol:first-child,
1016
+ .tiptap.ProseMirror ul:first-child {
1017
+ margin-top: 0;
1018
+ }
1019
+ .tiptap.ProseMirror ol:last-child,
1020
+ .tiptap.ProseMirror ul:last-child {
1021
+ margin-bottom: 0;
1022
+ }
1023
+ .tiptap.ProseMirror ol ol,
1024
+ .tiptap.ProseMirror ol ul,
1025
+ .tiptap.ProseMirror ul ol,
1026
+ .tiptap.ProseMirror ul ul {
1027
+ margin-top: 0;
1028
+ margin-bottom: 0;
1029
+ }
1030
+ .tiptap.ProseMirror li p {
1031
+ margin-top: 0;
1032
+ line-height: 1.6;
1033
+ }
1034
+ .tiptap.ProseMirror ol {
1035
+ list-style: decimal;
1036
+ }
1037
+ .tiptap.ProseMirror ol ol {
1038
+ list-style: lower-alpha;
1039
+ }
1040
+ .tiptap.ProseMirror ol ol ol {
1041
+ list-style: lower-roman;
1042
+ }
1043
+ .tiptap.ProseMirror ul:not([data-type=taskList]) {
1044
+ list-style: disc;
1045
+ }
1046
+ .tiptap.ProseMirror ul:not([data-type=taskList]) ul {
1047
+ list-style: circle;
1048
+ }
1049
+ .tiptap.ProseMirror ul:not([data-type=taskList]) ul ul {
1050
+ list-style: square;
1051
+ }
1052
+ .tiptap.ProseMirror ul[data-type=taskList] {
1053
+ padding-left: 0.25em;
1054
+ }
1055
+ .tiptap.ProseMirror ul[data-type=taskList] li {
1056
+ display: flex;
1057
+ flex-direction: row;
1058
+ align-items: flex-start;
1059
+ }
1060
+ .tiptap.ProseMirror ul[data-type=taskList] li:not(:has(> p:first-child)) {
1061
+ list-style-type: none;
1062
+ }
1063
+ .tiptap.ProseMirror ul[data-type=taskList] li[data-checked=true] > div > p {
1064
+ opacity: 0.5;
1065
+ text-decoration: line-through;
1066
+ }
1067
+ .tiptap.ProseMirror ul[data-type=taskList] li[data-checked=true] > div > p span {
1068
+ text-decoration: line-through;
1069
+ }
1070
+ .tiptap.ProseMirror ul[data-type=taskList] li label {
1071
+ position: relative;
1072
+ padding-top: 0.375rem;
1073
+ padding-right: 0.5rem;
1074
+ }
1075
+ .tiptap.ProseMirror ul[data-type=taskList] li label input[type=checkbox] {
1076
+ position: absolute;
1077
+ opacity: 0;
1078
+ width: 0;
1079
+ height: 0;
1080
+ }
1081
+ .tiptap.ProseMirror ul[data-type=taskList] li label span {
1082
+ display: block;
1083
+ width: 1em;
1084
+ height: 1em;
1085
+ border: 1px solid var(--tt-checklist-border-color);
1086
+ border-radius: var(--tt-radius-xs, 0.25rem);
1087
+ position: relative;
1088
+ cursor: pointer;
1089
+ background-color: var(--tt-checklist-bg-color);
1090
+ transition: background-color 80ms ease-out, border-color 80ms ease-out;
1091
+ }
1092
+ .tiptap.ProseMirror ul[data-type=taskList] li label span::before {
1093
+ content: "";
1094
+ position: absolute;
1095
+ left: 50%;
1096
+ top: 50%;
1097
+ transform: translate(-50%, -50%);
1098
+ width: 0.75em;
1099
+ height: 0.75em;
1100
+ background-color: var(--tt-checklist-check-icon-color);
1101
+ opacity: 0;
1102
+ -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;
1103
+ 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;
1104
+ }
1105
+ .tiptap.ProseMirror ul[data-type=taskList] li label input[type=checkbox]:checked + span {
1106
+ background: var(--tt-checklist-bg-active-color);
1107
+ border-color: var(--tt-checklist-border-active-color);
1108
+ }
1109
+ .tiptap.ProseMirror ul[data-type=taskList] li label input[type=checkbox]:checked + span::before {
1110
+ opacity: 1;
1111
+ }
1112
+ .tiptap.ProseMirror ul[data-type=taskList] li div {
1113
+ flex: 1 1 0%;
1114
+ min-width: 0;
1115
+ }
1116
+
1117
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-27316-G8lu6aUE0rjv/easyflow-texteditor/src/components/tiptap-node/image-node/image-node.css */
1118
+ .tiptap.ProseMirror img {
1119
+ max-width: 100%;
1120
+ height: auto;
1121
+ display: block;
1122
+ }
1123
+ .tiptap.ProseMirror > img:not([data-type=emoji] img) {
1124
+ margin: 2rem 0;
1125
+ outline: 0.125rem solid transparent;
1126
+ border-radius: var(--tt-radius-xs, 0.25rem);
1127
+ }
1128
+ .tiptap.ProseMirror img:not([data-type=emoji] img).ProseMirror-selectednode {
1129
+ outline-color: var(--tt-brand-color-500);
1130
+ }
1131
+ .tiptap.ProseMirror .tiptap-thread:has(> img) {
1132
+ margin: 2rem 0;
1133
+ }
1134
+ .tiptap.ProseMirror .tiptap-thread:has(> img) img {
1135
+ outline: 0.125rem solid transparent;
1136
+ border-radius: var(--tt-radius-xs, 0.25rem);
1137
+ }
1138
+ .tiptap.ProseMirror .tiptap-thread img {
1139
+ margin: 0;
1140
+ }
1141
+
1142
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-27316-G8lu6aUE0rjv/easyflow-texteditor/src/components/tiptap-node/heading-node/heading-node.css */
1143
+ .tiptap.ProseMirror h1,
1144
+ .tiptap.ProseMirror h2,
1145
+ .tiptap.ProseMirror h3,
1146
+ .tiptap.ProseMirror h4 {
1147
+ position: relative;
1148
+ color: inherit;
1149
+ font-style: inherit;
1150
+ }
1151
+ .tiptap.ProseMirror h1:first-child,
1152
+ .tiptap.ProseMirror h1:first-of-type,
1153
+ .tiptap.ProseMirror h2:first-child,
1154
+ .tiptap.ProseMirror h2:first-of-type,
1155
+ .tiptap.ProseMirror h3:first-child,
1156
+ .tiptap.ProseMirror h3:first-of-type,
1157
+ .tiptap.ProseMirror h4:first-child,
1158
+ .tiptap.ProseMirror h4:first-of-type {
1159
+ margin-top: 0;
1160
+ }
1161
+ .tiptap.ProseMirror h1 {
1162
+ font-size: 1.5em;
1163
+ font-weight: 700;
1164
+ margin-top: 3em;
1165
+ }
1166
+ .tiptap.ProseMirror h2 {
1167
+ font-size: 1.25em;
1168
+ font-weight: 700;
1169
+ margin-top: 2.5em;
1170
+ }
1171
+ .tiptap.ProseMirror h3 {
1172
+ font-size: 1.125em;
1173
+ font-weight: 600;
1174
+ margin-top: 2em;
1175
+ }
1176
+ .tiptap.ProseMirror h4 {
1177
+ font-size: 1em;
1178
+ font-weight: 600;
1179
+ margin-top: 2em;
1180
+ }
1181
+
1182
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-27316-G8lu6aUE0rjv/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-colors.css */
1183
+ .tiptap-badge {
1184
+ --tt-badge-border-color: var(--tt-gray-light-a-200);
1185
+ --tt-badge-border-color-subdued: var(--tt-gray-light-a-200);
1186
+ --tt-badge-border-color-emphasized: var(--tt-gray-light-a-600);
1187
+ --tt-badge-text-color: var(--tt-gray-light-a-500);
1188
+ --tt-badge-text-color-subdued: var( --tt-gray-light-a-400 );
1189
+ --tt-badge-text-color-emphasized: var( --tt-gray-light-a-600 );
1190
+ --tt-badge-bg-color: var(--white);
1191
+ --tt-badge-bg-color-subdued: var(--white);
1192
+ --tt-badge-bg-color-emphasized: var(--white);
1193
+ --tt-badge-icon-color: var(--tt-gray-light-a-500);
1194
+ --tt-badge-icon-color-subdued: var( --tt-gray-light-a-400 );
1195
+ --tt-badge-icon-color-emphasized: var( --tt-brand-color-600 );
1196
+ }
1197
+ .dark .tiptap-badge {
1198
+ --tt-badge-border-color: var(--tt-gray-dark-a-200);
1199
+ --tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);
1200
+ --tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);
1201
+ --tt-badge-text-color: var(--tt-gray-dark-a-500);
1202
+ --tt-badge-text-color-subdued: var( --tt-gray-dark-a-400 );
1203
+ --tt-badge-text-color-emphasized: var( --tt-gray-dark-a-600 );
1204
+ --tt-badge-bg-color: var(--black);
1205
+ --tt-badge-bg-color-subdued: var(--black);
1206
+ --tt-badge-bg-color-emphasized: var(--black);
1207
+ --tt-badge-icon-color: var(--tt-gray-dark-a-500);
1208
+ --tt-badge-icon-color-subdued: var( --tt-gray-dark-a-400 );
1209
+ --tt-badge-icon-color-emphasized: var( --tt-brand-color-400 );
1210
+ }
1211
+ .tiptap-badge[data-style=ghost] {
1212
+ --tt-badge-border-color: var(--tt-gray-light-a-200);
1213
+ --tt-badge-border-color-subdued: var(--tt-gray-light-a-200);
1214
+ --tt-badge-border-color-emphasized: var(--tt-gray-light-a-600);
1215
+ --tt-badge-text-color: var(--tt-gray-light-a-500);
1216
+ --tt-badge-text-color-subdued: var( --tt-gray-light-a-400 );
1217
+ --tt-badge-text-color-emphasized: var( --tt-gray-light-a-600 );
1218
+ --tt-badge-bg-color: var(--transparent);
1219
+ --tt-badge-bg-color-subdued: var(--transparent);
1220
+ --tt-badge-bg-color-emphasized: var(--transparent);
1221
+ --tt-badge-icon-color: var(--tt-gray-light-a-500);
1222
+ --tt-badge-icon-color-subdued: var( --tt-gray-light-a-400 );
1223
+ --tt-badge-icon-color-emphasized: var( --tt-brand-color-600 );
1224
+ }
1225
+ .dark .tiptap-badge[data-style=ghost] {
1226
+ --tt-badge-border-color: var(--tt-gray-dark-a-200);
1227
+ --tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);
1228
+ --tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);
1229
+ --tt-badge-text-color: var(--tt-gray-dark-a-500);
1230
+ --tt-badge-text-color-subdued: var( --tt-gray-dark-a-400 );
1231
+ --tt-badge-text-color-emphasized: var( --tt-gray-dark-a-600 );
1232
+ --tt-badge-bg-color: var(--transparent);
1233
+ --tt-badge-bg-color-subdued: var(--transparent);
1234
+ --tt-badge-bg-color-emphasized: var(--transparent);
1235
+ --tt-badge-icon-color: var(--tt-gray-dark-a-500);
1236
+ --tt-badge-icon-color-subdued: var( --tt-gray-dark-a-400 );
1237
+ --tt-badge-icon-color-emphasized: var( --tt-brand-color-400 );
1238
+ }
1239
+ .tiptap-badge[data-style=gray] {
1240
+ --tt-badge-border-color: var(--tt-gray-light-a-200);
1241
+ --tt-badge-border-color-subdued: var(--tt-gray-light-a-200);
1242
+ --tt-badge-border-color-emphasized: var(--tt-gray-light-a-500);
1243
+ --tt-badge-text-color: var(--tt-gray-light-a-500);
1244
+ --tt-badge-text-color-subdued: var( --tt-gray-light-a-400 );
1245
+ --tt-badge-text-color-emphasized: var(--white);
1246
+ --tt-badge-bg-color: var(--tt-gray-light-a-100);
1247
+ --tt-badge-bg-color-subdued: var( --tt-gray-light-a-50 );
1248
+ --tt-badge-bg-color-emphasized: var( --tt-gray-light-a-700 );
1249
+ --tt-badge-icon-color: var(--tt-gray-light-a-500);
1250
+ --tt-badge-icon-color-subdued: var( --tt-gray-light-a-400 );
1251
+ --tt-badge-icon-color-emphasized: var(--white);
1252
+ }
1253
+ .dark .tiptap-badge[data-style=gray] {
1254
+ --tt-badge-border-color: var(--tt-gray-dark-a-200);
1255
+ --tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);
1256
+ --tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);
1257
+ --tt-badge-text-color: var(--tt-gray-dark-a-500);
1258
+ --tt-badge-text-color-subdued: var( --tt-gray-dark-a-400 );
1259
+ --tt-badge-text-color-emphasized: var(--black);
1260
+ --tt-badge-bg-color: var(--tt-gray-dark-a-100);
1261
+ --tt-badge-bg-color-subdued: var( --tt-gray-dark-a-50 );
1262
+ --tt-badge-bg-color-emphasized: var( --tt-gray-dark-a-800 );
1263
+ --tt-badge-icon-color: var(--tt-gray-dark-a-500);
1264
+ --tt-badge-icon-color-subdued: var( --tt-gray-dark-a-400 );
1265
+ --tt-badge-icon-color-emphasized: var(--black);
1266
+ }
1267
+ .tiptap-badge[data-style=green] {
1268
+ --tt-badge-border-color: var(--tt-color-green-inc-2);
1269
+ --tt-badge-border-color-subdued: var(--tt-color-green-inc-3);
1270
+ --tt-badge-border-color-emphasized: var(--tt-color-green-dec-2);
1271
+ --tt-badge-text-color: var(--tt-color-green-dec-3);
1272
+ --tt-badge-text-color-subdued: var( --tt-color-green-dec-2 );
1273
+ --tt-badge-text-color-emphasized: var( --tt-color-green-inc-5 );
1274
+ --tt-badge-bg-color: var(--tt-color-green-inc-4);
1275
+ --tt-badge-bg-color-subdued: var( --tt-color-green-inc-5 );
1276
+ --tt-badge-bg-color-emphasized: var( --tt-color-green-dec-1 );
1277
+ --tt-badge-icon-color: var(--tt-color-green-dec-3);
1278
+ --tt-badge-icon-color-subdued: var( --tt-color-green-dec-2 );
1279
+ --tt-badge-icon-color-emphasized: var( --tt-color-green-inc-5 );
1280
+ }
1281
+ .dark .tiptap-badge[data-style=green] {
1282
+ --tt-badge-border-color: var(--tt-color-green-dec-2);
1283
+ --tt-badge-border-color-subdued: var(--tt-color-green-dec-3);
1284
+ --tt-badge-border-color-emphasized: var(--tt-color-green-base);
1285
+ --tt-badge-text-color: var(--tt-color-green-inc-3);
1286
+ --tt-badge-text-color-subdued: var( --tt-color-green-inc-2 );
1287
+ --tt-badge-text-color-emphasized: var( --tt-color-green-dec-5 );
1288
+ --tt-badge-bg-color: var(--tt-color-green-dec-4);
1289
+ --tt-badge-bg-color-subdued: var( --tt-color-green-dec-5 );
1290
+ --tt-badge-bg-color-emphasized: var( --tt-color-green-inc-1 );
1291
+ --tt-badge-icon-color: var(--tt-color-green-inc-3);
1292
+ --tt-badge-icon-color-subdued: var( --tt-color-green-inc-2 );
1293
+ --tt-badge-icon-color-emphasized: var( --tt-color-green-dec-5 );
1294
+ }
1295
+ .tiptap-badge[data-style=yellow] {
1296
+ --tt-badge-border-color: var(--tt-color-yellow-inc-2);
1297
+ --tt-badge-border-color-subdued: var(--tt-color-yellow-inc-3);
1298
+ --tt-badge-border-color-emphasized: var(--tt-color-yellow-dec-1);
1299
+ --tt-badge-text-color: var(--tt-color-yellow-dec-3);
1300
+ --tt-badge-text-color-subdued: var( --tt-color-yellow-dec-2 );
1301
+ --tt-badge-text-color-emphasized: var( --tt-color-yellow-dec-3 );
1302
+ --tt-badge-bg-color: var(--tt-color-yellow-inc-4);
1303
+ --tt-badge-bg-color-subdued: var( --tt-color-yellow-inc-5 );
1304
+ --tt-badge-bg-color-emphasized: var( --tt-color-yellow-base );
1305
+ --tt-badge-icon-color: var(--tt-color-yellow-dec-3);
1306
+ --tt-badge-icon-color-subdued: var( --tt-color-yellow-dec-2 );
1307
+ --tt-badge-icon-color-emphasized: var( --tt-color-yellow-dec-3 );
1308
+ }
1309
+ .dark .tiptap-badge[data-style=yellow] {
1310
+ --tt-badge-border-color: var(--tt-color-yellow-dec-2);
1311
+ --tt-badge-border-color-subdued: var(--tt-color-yellow-dec-3);
1312
+ --tt-badge-border-color-emphasized: var(--tt-color-yellow-inc-1);
1313
+ --tt-badge-text-color: var(--tt-color-yellow-inc-3);
1314
+ --tt-badge-text-color-subdued: var( --tt-color-yellow-inc-2 );
1315
+ --tt-badge-text-color-emphasized: var( --tt-color-yellow-dec-3 );
1316
+ --tt-badge-bg-color: var(--tt-color-yellow-dec-4);
1317
+ --tt-badge-bg-color-subdued: var( --tt-color-yellow-dec-5 );
1318
+ --tt-badge-bg-color-emphasized: var( --tt-color-yellow-base );
1319
+ --tt-badge-icon-color: var(--tt-color-yellow-inc-3);
1320
+ --tt-badge-icon-color-subdued: var( --tt-color-yellow-inc-2 );
1321
+ --tt-badge-icon-color-emphasized: var( --tt-color-yellow-dec-3 );
1322
+ }
1323
+ .tiptap-badge[data-style=red] {
1324
+ --tt-badge-border-color: var(--tt-color-red-inc-2);
1325
+ --tt-badge-border-color-subdued: var(--tt-color-red-inc-3);
1326
+ --tt-badge-border-color-emphasized: var(--tt-color-red-dec-2);
1327
+ --tt-badge-text-color: var(--tt-color-red-dec-3);
1328
+ --tt-badge-text-color-subdued: var( --tt-color-red-dec-2 );
1329
+ --tt-badge-text-color-emphasized: var( --tt-color-red-inc-5 );
1330
+ --tt-badge-bg-color: var(--tt-color-red-inc-4);
1331
+ --tt-badge-bg-color-subdued: var( --tt-color-red-inc-5 );
1332
+ --tt-badge-bg-color-emphasized: var( --tt-color-red-dec-1 );
1333
+ --tt-badge-icon-color: var(--tt-color-red-dec-3);
1334
+ --tt-badge-icon-color-subdued: var( --tt-color-red-dec-2 );
1335
+ --tt-badge-icon-color-emphasized: var( --tt-color-red-inc-5 );
1336
+ }
1337
+ .dark .tiptap-badge[data-style=red] {
1338
+ --tt-badge-border-color: var(--tt-color-red-dec-2);
1339
+ --tt-badge-border-color-subdued: var(--tt-color-red-dec-3);
1340
+ --tt-badge-border-color-emphasized: var(--tt-color-red-base);
1341
+ --tt-badge-text-color: var(--tt-color-red-inc-3);
1342
+ --tt-badge-text-color-subdued: var( --tt-color-red-inc-2 );
1343
+ --tt-badge-text-color-emphasized: var( --tt-color-red-dec-5 );
1344
+ --tt-badge-bg-color: var(--tt-color-red-dec-4);
1345
+ --tt-badge-bg-color-subdued: var( --tt-color-red-dec-5 );
1346
+ --tt-badge-bg-color-emphasized: var( --tt-color-red-inc-1 );
1347
+ --tt-badge-icon-color: var(--tt-color-red-inc-3);
1348
+ --tt-badge-icon-color-subdued: var( --tt-color-red-inc-2 );
1349
+ --tt-badge-icon-color-emphasized: var( --tt-color-red-dec-5 );
1350
+ }
1351
+ .tiptap-badge[data-style=brand] {
1352
+ --tt-badge-border-color: var(--tt-brand-color-300);
1353
+ --tt-badge-border-color-subdued: var(--tt-brand-color-200);
1354
+ --tt-badge-border-color-emphasized: var(--tt-brand-color-600);
1355
+ --tt-badge-text-color: var(--tt-brand-color-800);
1356
+ --tt-badge-text-color-subdued: var( --tt-brand-color-700 );
1357
+ --tt-badge-text-color-emphasized: var( --tt-brand-color-50 );
1358
+ --tt-badge-bg-color: var(--tt-brand-color-100);
1359
+ --tt-badge-bg-color-subdued: var( --tt-brand-color-50 );
1360
+ --tt-badge-bg-color-emphasized: var( --tt-brand-color-600 );
1361
+ --tt-badge-icon-color: var(--tt-brand-color-800);
1362
+ --tt-badge-icon-color-subdued: var( --tt-brand-color-700 );
1363
+ --tt-badge-icon-color-emphasized: var( --tt-brand-color-100 );
1364
+ }
1365
+ .dark .tiptap-badge[data-style=brand] {
1366
+ --tt-badge-border-color: var(--tt-brand-color-700);
1367
+ --tt-badge-border-color-subdued: var(--tt-brand-color-800);
1368
+ --tt-badge-border-color-emphasized: var(--tt-brand-color-400);
1369
+ --tt-badge-text-color: var(--tt-brand-color-200);
1370
+ --tt-badge-text-color-subdued: var( --tt-brand-color-300 );
1371
+ --tt-badge-text-color-emphasized: var( --tt-brand-color-950 );
1372
+ --tt-badge-bg-color: var(--tt-brand-color-900);
1373
+ --tt-badge-bg-color-subdued: var( --tt-brand-color-950 );
1374
+ --tt-badge-bg-color-emphasized: var( --tt-brand-color-400 );
1375
+ --tt-badge-icon-color: var(--tt-brand-color-200);
1376
+ --tt-badge-icon-color-subdued: var( --tt-brand-color-300 );
1377
+ --tt-badge-icon-color-emphasized: var( --tt-brand-color-900 );
1378
+ }
1379
+
1380
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-27316-G8lu6aUE0rjv/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-group.css */
1381
+ .tiptap-badge-group {
1382
+ align-items: center;
1383
+ display: flex;
1384
+ flex-wrap: wrap;
1385
+ gap: 0.25rem;
1386
+ }
1387
+ .tiptap-badge-group [data-orientation=vertical] {
1388
+ flex-direction: column;
1389
+ }
1390
+ .tiptap-badge-group [data-orientation=horizontal] {
1391
+ flex-direction: row;
1392
+ }
1393
+
1394
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-27316-G8lu6aUE0rjv/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge.css */
1395
+ .tiptap-badge {
1396
+ font-size: 0.625rem;
1397
+ font-weight: 700;
1398
+ font-feature-settings: "salt" on, "cv01" on;
1399
+ line-height: 1.15;
1400
+ height: 1.25rem;
1401
+ min-width: 1.25rem;
1402
+ padding: 0.25rem;
1403
+ display: flex;
1404
+ align-items: center;
1405
+ justify-content: center;
1406
+ border: solid 1px;
1407
+ border-radius: var(--tt-radius-sm, 0.375rem);
1408
+ transition-property:
1409
+ background,
1410
+ color,
1411
+ opacity;
1412
+ transition-duration: var(--tt-transition-duration-default);
1413
+ transition-timing-function: var(--tt-transition-easing-default);
1414
+ }
1415
+ .tiptap-badge[data-size=large] {
1416
+ font-size: 0.75rem;
1417
+ height: 1.5rem;
1418
+ min-width: 1.5rem;
1419
+ padding: 0.375rem;
1420
+ border-radius: var(--tt-radius-md, 0.375rem);
1421
+ }
1422
+ .tiptap-badge[data-size=small] {
1423
+ height: 1rem;
1424
+ min-width: 1rem;
1425
+ padding: 0.125rem;
1426
+ border-radius: var(--tt-radius-xs, 0.25rem);
1427
+ }
1428
+ .tiptap-badge .tiptap-badge-text {
1429
+ padding: 0 0.125rem;
1430
+ flex-grow: 1;
1431
+ text-align: left;
1432
+ }
1433
+ .tiptap-badge[data-text-trim=on] .tiptap-badge-text {
1434
+ text-overflow: ellipsis;
1435
+ overflow: hidden;
1436
+ }
1437
+ .tiptap-badge .tiptap-badge-icon {
1438
+ pointer-events: none;
1439
+ flex-shrink: 0;
1440
+ width: 0.625rem;
1441
+ height: 0.625rem;
1442
+ }
1443
+ .tiptap-badge[data-size=large] .tiptap-badge-icon {
1444
+ width: 0.75rem;
1445
+ height: 0.75rem;
1446
+ }
1447
+ .tiptap-badge {
1448
+ background-color: var(--tt-badge-bg-color);
1449
+ border-color: var(--tt-badge-border-color);
1450
+ color: var(--tt-badge-text-color);
1451
+ }
1452
+ .tiptap-badge .tiptap-badge-icon {
1453
+ color: var(--tt-badge-icon-color);
1454
+ }
1455
+ .tiptap-badge[data-appearance=emphasized] {
1456
+ background-color: var(--tt-badge-bg-color-emphasized);
1457
+ border-color: var(--tt-badge-border-color-emphasized);
1458
+ color: var(--tt-badge-text-color-emphasized);
1459
+ }
1460
+ .tiptap-badge[data-appearance=emphasized] .tiptap-badge-icon {
1461
+ color: var(--tt-badge-icon-color-emphasized);
1462
+ }
1463
+ .tiptap-badge[data-appearance=subdued] {
1464
+ background-color: var(--tt-badge-bg-color-subdued);
1465
+ border-color: var(--tt-badge-border-color-subdued);
1466
+ color: var(--tt-badge-text-color-subdued);
1467
+ }
1468
+ .tiptap-badge[data-appearance=subdued] .tiptap-badge-icon {
1469
+ color: var(--tt-badge-icon-color-subdued);
1470
+ }
1471
+
1472
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-27316-G8lu6aUE0rjv/easyflow-texteditor/src/components/tiptap-ui-primitive/dropdown-menu/dropdown-menu.css */
1473
+ .tiptap-dropdown-menu {
1474
+ --tt-dropdown-menu-bg-color: var(--white);
1475
+ --tt-dropdown-menu-border-color: var(--tt-gray-light-a-100);
1476
+ --tt-dropdown-menu-text-color: var(--tt-gray-light-a-600);
1477
+ }
1478
+ .dark .tiptap-dropdown-menu {
1479
+ --tt-dropdown-menu-border-color: var(--tt-gray-dark-a-50);
1480
+ --tt-dropdown-menu-bg-color: var(--tt-gray-dark-50);
1481
+ --tt-dropdown-menu-text-color: var(--tt-gray-dark-a-600);
1482
+ }
1483
+ .tiptap-dropdown-menu {
1484
+ z-index: 50;
1485
+ outline: none;
1486
+ transform-origin: var(--radix-dropdown-menu-content-transform-origin);
1487
+ max-height: var(--radix-dropdown-menu-content-available-height);
1488
+ }
1489
+ .tiptap-dropdown-menu > * {
1490
+ max-height: var(--radix-dropdown-menu-content-available-height);
1491
+ }
1492
+ .tiptap-dropdown-menu[data-state=open] {
1493
+ animation: fadeIn 150ms cubic-bezier(0.16, 1, 0.3, 1), zoomIn 150ms cubic-bezier(0.16, 1, 0.3, 1);
1494
+ }
1495
+ .tiptap-dropdown-menu[data-state=closed] {
1496
+ animation: fadeOut 150ms cubic-bezier(0.16, 1, 0.3, 1), zoomOut 150ms cubic-bezier(0.16, 1, 0.3, 1);
1497
+ }
1498
+ .tiptap-dropdown-menu[data-side=top],
1499
+ .tiptap-dropdown-menu[data-side=top-start],
1500
+ .tiptap-dropdown-menu[data-side=top-end] {
1501
+ animation: slideFromBottom 150ms cubic-bezier(0.16, 1, 0.3, 1);
1502
+ }
1503
+ .tiptap-dropdown-menu[data-side=right],
1504
+ .tiptap-dropdown-menu[data-side=right-start],
1505
+ .tiptap-dropdown-menu[data-side=right-end] {
1506
+ animation: slideFromLeft 150ms cubic-bezier(0.16, 1, 0.3, 1);
1507
+ }
1508
+ .tiptap-dropdown-menu[data-side=bottom],
1509
+ .tiptap-dropdown-menu[data-side=bottom-start],
1510
+ .tiptap-dropdown-menu[data-side=bottom-end] {
1511
+ animation: slideFromTop 150ms cubic-bezier(0.16, 1, 0.3, 1);
1512
+ }
1513
+ .tiptap-dropdown-menu[data-side=left],
1514
+ .tiptap-dropdown-menu[data-side=left-start],
1515
+ .tiptap-dropdown-menu[data-side=left-end] {
1516
+ animation: slideFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
1517
+ }
1518
+
1519
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-27316-G8lu6aUE0rjv/easyflow-texteditor/src/components/tiptap-ui-primitive/card/card.css */
1520
+ :root {
1521
+ --tiptap-card-bg-color: var(--white);
1522
+ --tiptap-card-border-color: var(--tt-gray-light-a-100);
1523
+ --tiptap-card-group-label-color: var(--tt-gray-light-a-800);
1524
+ }
1525
+ .dark {
1526
+ --tiptap-card-bg-color: var(--tt-gray-dark-50);
1527
+ --tiptap-card-border-color: var(--tt-gray-dark-a-100);
1528
+ --tiptap-card-group-label-color: var(--tt-gray-dark-a-800);
1529
+ }
1530
+ .tiptap-card {
1531
+ --padding: 0.375rem;
1532
+ --border-width: 1px;
1533
+ border-radius: calc(var(--padding) + var(--tt-radius-lg));
1534
+ box-shadow: var(--tt-shadow-elevated-md);
1535
+ background-color: var(--tiptap-card-bg-color);
1536
+ border: 1px solid var(--tiptap-card-border-color);
1537
+ display: flex;
1538
+ flex-direction: column;
1539
+ outline: none;
1540
+ align-items: center;
1541
+ position: relative;
1542
+ min-width: 0;
1543
+ word-wrap: break-word;
1544
+ background-clip: border-box;
1545
+ }
1546
+ .tiptap-card-header {
1547
+ padding: 0.375rem;
1548
+ flex: 0 0 auto;
1549
+ display: flex;
1550
+ align-items: center;
1551
+ justify-content: space-between;
1552
+ width: 100%;
1553
+ border-bottom: var(--border-width) solid var(--tiptap-card-border-color);
1554
+ }
1555
+ .tiptap-card-body {
1556
+ padding: 0.375rem;
1557
+ flex: 1 1 auto;
1558
+ overflow-y: auto;
1559
+ }
1560
+ .tiptap-card-item-group {
1561
+ position: relative;
1562
+ display: flex;
1563
+ vertical-align: middle;
1564
+ min-width: max-content;
1565
+ }
1566
+ .tiptap-card-item-group[data-orientation=vertical] {
1567
+ flex-direction: column;
1568
+ justify-content: center;
1569
+ }
1570
+ .tiptap-card-item-group[data-orientation=horizontal] {
1571
+ gap: 0.25rem;
1572
+ flex-direction: row;
1573
+ align-items: center;
1574
+ }
1575
+ .tiptap-card-group-label {
1576
+ padding-top: 0.75rem;
1577
+ padding-left: 0.5rem;
1578
+ padding-right: 0.5rem;
1579
+ padding-bottom: 0.25rem;
1580
+ line-height: normal;
1581
+ font-size: 0.75rem;
1582
+ font-weight: 600;
1583
+ line-height: normal;
1584
+ text-transform: capitalize;
1585
+ color: var(--tiptap-card-group-label-color);
1586
+ }
1587
+
1588
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-27316-G8lu6aUE0rjv/easyflow-texteditor/src/components/tiptap-ui-primitive/popover/popover.css */
1589
+ .tiptap-popover {
1590
+ --tt-popover-bg-color: var(--white);
1591
+ --tt-popover-border-color: var(--tt-gray-light-a-100);
1592
+ --tt-popover-text-color: var(--tt-gray-light-a-600);
1593
+ }
1594
+ .dark .tiptap-popover {
1595
+ --tt-popover-border-color: var(--tt-gray-dark-a-50);
1596
+ --tt-popover-bg-color: var(--tt-gray-dark-50);
1597
+ --tt-popover-text-color: var(--tt-gray-dark-a-600);
1598
+ }
1599
+ .tiptap-popover {
1600
+ z-index: 50;
1601
+ outline: none;
1602
+ transform-origin: var(--radix-popover-content-transform-origin);
1603
+ max-height: var(--radix-popover-content-available-height);
1604
+ }
1605
+ .tiptap-popover > * {
1606
+ max-height: var(--radix-popover-content-available-height);
1607
+ }
1608
+ .tiptap-popover[data-state=open] {
1609
+ animation: fadeIn 150ms cubic-bezier(0.16, 1, 0.3, 1), zoomIn 150ms cubic-bezier(0.16, 1, 0.3, 1);
1610
+ }
1611
+ .tiptap-popover[data-state=closed] {
1612
+ animation: fadeOut 150ms cubic-bezier(0.16, 1, 0.3, 1), zoomOut 150ms cubic-bezier(0.16, 1, 0.3, 1);
1613
+ }
1614
+ .tiptap-popover[data-side=top],
1615
+ .tiptap-popover[data-side=top-start],
1616
+ .tiptap-popover[data-side=top-end] {
1617
+ animation: slideFromBottom 150ms cubic-bezier(0.16, 1, 0.3, 1);
1618
+ }
1619
+ .tiptap-popover[data-side=right],
1620
+ .tiptap-popover[data-side=right-start],
1621
+ .tiptap-popover[data-side=right-end] {
1622
+ animation: slideFromLeft 150ms cubic-bezier(0.16, 1, 0.3, 1);
1623
+ }
1624
+ .tiptap-popover[data-side=bottom],
1625
+ .tiptap-popover[data-side=bottom-start],
1626
+ .tiptap-popover[data-side=bottom-end] {
1627
+ animation: slideFromTop 150ms cubic-bezier(0.16, 1, 0.3, 1);
1628
+ }
1629
+ .tiptap-popover[data-side=left],
1630
+ .tiptap-popover[data-side=left-start],
1631
+ .tiptap-popover[data-side=left-end] {
1632
+ animation: slideFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
1633
+ }
1634
+
1635
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-27316-G8lu6aUE0rjv/easyflow-texteditor/src/components/tiptap-ui/color-highlight-button/color-highlight-button.css */
1636
+ .tiptap-button-highlight {
1637
+ position: relative;
1638
+ width: 1.25rem;
1639
+ height: 1.25rem;
1640
+ margin: 0 -0.175rem;
1641
+ border-radius: var(--tt-radius-xl);
1642
+ background-color: var(--highlight-color);
1643
+ transition: transform 0.2s ease;
1644
+ }
1645
+ .tiptap-button-highlight::after {
1646
+ content: "";
1647
+ position: absolute;
1648
+ width: 100%;
1649
+ height: 100%;
1650
+ left: 0;
1651
+ top: 0;
1652
+ border-radius: inherit;
1653
+ box-sizing: border-box;
1654
+ border: 1px solid var(--highlight-color);
1655
+ filter: brightness(95%);
1656
+ mix-blend-mode: multiply;
1657
+ }
1658
+ .dark .tiptap-button-highlight::after {
1659
+ filter: brightness(140%);
1660
+ mix-blend-mode: lighten;
1661
+ }
1662
+ .tiptap-button[data-active-state=on] .tiptap-button-highlight::after {
1663
+ filter: brightness(80%);
1664
+ }
1665
+ .dark .tiptap-button[data-active-state=on] .tiptap-button-highlight::after {
1666
+ filter: brightness(180%);
1667
+ }
1668
+
1669
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-27316-G8lu6aUE0rjv/easyflow-texteditor/src/components/tiptap-ui-primitive/input/input.css */
1670
+ :root {
1671
+ --tiptap-input-placeholder: var(--tt-gray-light-a-400);
1672
+ }
1673
+ .dark {
1674
+ --tiptap-input-placeholder: var(--tt-gray-dark-a-400);
1675
+ }
1676
+ .tiptap-input {
1677
+ display: block;
1678
+ width: 100%;
1679
+ height: 2rem;
1680
+ font-size: 0.875rem;
1681
+ font-weight: 400;
1682
+ line-height: 1.5;
1683
+ padding: 0.375rem 0.5rem;
1684
+ border-radius: 0.375rem;
1685
+ background: none;
1686
+ appearance: none;
1687
+ outline: none;
1688
+ }
1689
+ .tiptap-input::placeholder {
1690
+ color: var(--tiptap-input-placeholder);
1691
+ }
1692
+ .tiptap-input-clamp {
1693
+ min-width: 12rem;
1694
+ padding-right: 0;
1695
+ text-overflow: ellipsis;
1696
+ white-space: nowrap;
1697
+ }
1698
+ .tiptap-input-clamp:focus {
1699
+ text-overflow: clip;
1700
+ overflow: visible;
1701
+ }
1702
+ .tiptap-input-group {
1703
+ position: relative;
1704
+ display: flex;
1705
+ flex-wrap: wrap;
1706
+ align-items: stretch;
1707
+ }
1708
+
1709
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-27316-G8lu6aUE0rjv/easyflow-texteditor/src/components/tiptap-templates/simple/simple-editor.css */
1710
+ body {
1711
+ --tt-toolbar-height: 44px;
1712
+ --tt-theme-text: var(--tt-gray-dark-900);
1713
+ }
1714
+ body {
1715
+ font-family: "Inter", sans-serif;
1716
+ color: var(--tt-theme-text);
1717
+ font-optical-sizing: auto;
1718
+ font-weight: 400;
1719
+ font-style: normal;
1720
+ padding: 0;
1721
+ overscroll-behavior-y: none;
1722
+ }
1723
+ html,
1724
+ body {
1725
+ overscroll-behavior-x: none;
1726
+ height: 100%;
1727
+ }
1728
+ html,
1729
+ body,
1730
+ #root,
1731
+ #app {
1732
+ height: 100%;
1733
+ background-color: var(--tt-bg-color);
1734
+ }
1735
+ ::-webkit-scrollbar {
1736
+ width: 0.25rem;
1737
+ }
1738
+ * {
1739
+ scrollbar-width: thin;
1740
+ scrollbar-color: var(--tt-scrollbar-color) transparent;
1741
+ }
1742
+ ::-webkit-scrollbar-thumb {
1743
+ background-color: var(--tt-scrollbar-color);
1744
+ border-radius: 9999px;
1745
+ }
1746
+ ::-webkit-scrollbar-track {
1747
+ background: transparent;
1748
+ }
1749
+ .tiptap.ProseMirror {
1750
+ font-family: "DM Sans", sans-serif;
1751
+ }
1752
+ .simple-editor-wrapper {
1753
+ width: 100%;
1754
+ height: 100%;
1755
+ display: flex;
1756
+ flex-direction: column;
1757
+ overflow: hidden;
1758
+ min-width: 0;
1759
+ box-sizing: border-box;
1760
+ -webkit-overflow-scrolling: touch;
1761
+ position: relative;
1762
+ }
1763
+ .simple-editor-content {
1764
+ max-width: 900px;
1765
+ width: 100%;
1766
+ margin: 0 auto;
1767
+ height: 100%;
1768
+ display: flex;
1769
+ flex-direction: column;
1770
+ flex: 1;
1771
+ overflow-y: auto;
1772
+ overflow-x: hidden;
1773
+ min-width: 0;
1774
+ box-sizing: border-box;
1775
+ padding: 1.25rem 1rem;
1776
+ }
1777
+ .simple-editor-content .tiptap.ProseMirror.simple-editor {
1778
+ flex: 1;
1779
+ padding: 4rem 3rem 30vh;
1780
+ min-width: 0;
1781
+ max-width: 100%;
1782
+ white-space: pre-wrap;
1783
+ word-break: break-word;
1784
+ overflow-wrap: anywhere;
1785
+ outline: none;
1786
+ }
1787
+ .simple-editor-content .tiptap.ProseMirror.simple-editor.ProseMirror-focused {
1788
+ border-color: transparent;
1789
+ outline: none;
1790
+ box-shadow: none;
1791
+ }
1792
+ table {
1793
+ border-collapse: collapse;
1794
+ margin: 0;
1795
+ overflow: hidden;
1796
+ table-layout: fixed;
1797
+ width: 100%;
1798
+ }
1799
+ table td,
1800
+ table th {
1801
+ border: 1px solid #3A3A3A;
1802
+ box-sizing: border-box;
1803
+ min-width: 1em;
1804
+ padding: 6px 8px;
1805
+ position: relative;
1806
+ vertical-align: top;
1807
+ color: #E6E6E6;
1808
+ }
1809
+ table td > *,
1810
+ table th > * {
1811
+ margin-bottom: 0;
1812
+ }
1813
+ table th {
1814
+ background-color: #1E1E1E;
1815
+ font-weight: bold;
1816
+ text-align: left;
1817
+ color: #FFFFFF;
1818
+ }
1819
+ table .selectedCell:after {
1820
+ background: #2A2A2A;
1821
+ content: "";
1822
+ left: 0;
1823
+ right: 0;
1824
+ top: 0;
1825
+ bottom: 0;
1826
+ pointer-events: none;
1827
+ position: absolute;
1828
+ z-index: 2;
1829
+ }
1830
+ table .column-resize-handle {
1831
+ background-color: #6A5ACD;
1832
+ bottom: -2px;
1833
+ pointer-events: none;
1834
+ position: absolute;
1835
+ right: -2px;
1836
+ top: 0;
1837
+ width: 4px;
1838
+ }
1839
+ .tableWrapper {
1840
+ margin: 1.5rem 0;
1841
+ overflow-x: auto;
1842
+ }
1843
+ .resize-cursor {
1844
+ cursor: ew-resize;
1845
+ cursor: col-resize;
1846
+ }
1847
+ @media screen and (max-width: 480px) {
1848
+ .simple-editor-content .tiptap.ProseMirror.simple-editor {
1849
+ padding: 4rem 1.5rem 50vh;
1850
+ }
1851
+ }
1852
+
1853
+ /* src/styles/globals.css */
1854
+ @layer properties;
1855
+ @layer theme, base, components, utilities;
1856
+ @layer theme {
1857
+ :root,
1858
+ :host {
1859
+ --font-sans:
1860
+ ui-sans-serif,
1861
+ system-ui,
1862
+ sans-serif,
1863
+ "Apple Color Emoji",
1864
+ "Segoe UI Emoji",
1865
+ "Segoe UI Symbol",
1866
+ "Noto Color Emoji";
1867
+ --font-mono:
1868
+ ui-monospace,
1869
+ SFMono-Regular,
1870
+ Menlo,
1871
+ Monaco,
1872
+ Consolas,
1873
+ "Liberation Mono",
1874
+ "Courier New",
1875
+ monospace;
1876
+ --color-red-500: oklch(63.7% 0.237 25.331);
1877
+ --color-red-600: oklch(57.7% 0.245 27.325);
1878
+ --color-black: #000;
1879
+ --color-white: #fff;
1880
+ --spacing: 0.25rem;
1881
+ --container-sm: 24rem;
1882
+ --container-lg: 32rem;
1883
+ --text-xs: 0.75rem;
1884
+ --text-xs--line-height: calc(1 / 0.75);
1885
+ --text-sm: 0.875rem;
1886
+ --text-sm--line-height: calc(1.25 / 0.875);
1887
+ --text-base: 1rem;
1888
+ --text-base--line-height: calc(1.5 / 1);
1889
+ --text-lg: 1.125rem;
1890
+ --text-lg--line-height: calc(1.75 / 1.125);
1891
+ --font-weight-medium: 500;
1892
+ --font-weight-semibold: 600;
1893
+ --tracking-widest: 0.1em;
1894
+ --radius-xs: 0.125rem;
1895
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
1896
+ --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1897
+ --default-transition-duration: 150ms;
1898
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1899
+ --default-font-family: var(--font-sans);
1900
+ --default-mono-font-family: var(--font-mono);
1901
+ }
1902
+ }
1903
+ @layer base {
1904
+ *,
1905
+ ::after,
1906
+ ::before,
1907
+ ::backdrop,
1908
+ ::file-selector-button {
1909
+ box-sizing: border-box;
1910
+ margin: 0;
1911
+ padding: 0;
1912
+ border: 0 solid;
1913
+ }
1914
+ html,
1915
+ :host {
1916
+ line-height: 1.5;
1917
+ -webkit-text-size-adjust: 100%;
1918
+ tab-size: 4;
1919
+ font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
1920
+ font-feature-settings: var(--default-font-feature-settings, normal);
1921
+ font-variation-settings: var(--default-font-variation-settings, normal);
1922
+ -webkit-tap-highlight-color: transparent;
1923
+ }
1924
+ hr {
1925
+ height: 0;
1926
+ color: inherit;
1927
+ border-top-width: 1px;
1928
+ }
1929
+ abbr:where([title]) {
1930
+ -webkit-text-decoration: underline dotted;
1931
+ text-decoration: underline dotted;
1932
+ }
1933
+ h1,
1934
+ h2,
1935
+ h3,
1936
+ h4,
1937
+ h5,
1938
+ h6 {
1939
+ font-size: inherit;
1940
+ font-weight: inherit;
1941
+ }
1942
+ a {
1943
+ color: inherit;
1944
+ -webkit-text-decoration: inherit;
1945
+ text-decoration: inherit;
1946
+ }
1947
+ b,
1948
+ strong {
1949
+ font-weight: bolder;
1950
+ }
1951
+ code,
1952
+ kbd,
1953
+ samp,
1954
+ pre {
1955
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
1956
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
1957
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
1958
+ font-size: 1em;
1959
+ }
1960
+ small {
1961
+ font-size: 80%;
1962
+ }
1963
+ sub,
1964
+ sup {
1965
+ font-size: 75%;
1966
+ line-height: 0;
1967
+ position: relative;
1968
+ vertical-align: baseline;
1969
+ }
1970
+ sub {
1971
+ bottom: -0.25em;
1972
+ }
1973
+ sup {
1974
+ top: -0.5em;
1975
+ }
1976
+ table {
1977
+ text-indent: 0;
1978
+ border-color: inherit;
1979
+ border-collapse: collapse;
1980
+ }
1981
+ :-moz-focusring {
1982
+ outline: auto;
1983
+ }
1984
+ progress {
1985
+ vertical-align: baseline;
1986
+ }
1987
+ summary {
1988
+ display: list-item;
1989
+ }
1990
+ ol,
1991
+ ul,
1992
+ menu {
1993
+ list-style: none;
1994
+ }
1995
+ img,
1996
+ svg,
1997
+ video,
1998
+ canvas,
1999
+ audio,
2000
+ iframe,
2001
+ embed,
2002
+ object {
2003
+ display: block;
2004
+ vertical-align: middle;
2005
+ }
2006
+ img,
2007
+ video {
2008
+ max-width: 100%;
2009
+ height: auto;
2010
+ }
2011
+ button,
2012
+ input,
2013
+ select,
2014
+ optgroup,
2015
+ textarea,
2016
+ ::file-selector-button {
2017
+ font: inherit;
2018
+ font-feature-settings: inherit;
2019
+ font-variation-settings: inherit;
2020
+ letter-spacing: inherit;
2021
+ color: inherit;
2022
+ border-radius: 0;
2023
+ background-color: transparent;
2024
+ opacity: 1;
2025
+ }
2026
+ :where(select:is([multiple], [size])) optgroup {
2027
+ font-weight: bolder;
2028
+ }
2029
+ :where(select:is([multiple], [size])) optgroup option {
2030
+ padding-inline-start: 20px;
2031
+ }
2032
+ ::file-selector-button {
2033
+ margin-inline-end: 4px;
2034
+ }
2035
+ ::placeholder {
2036
+ opacity: 1;
2037
+ }
2038
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
2039
+ ::placeholder {
2040
+ color: currentcolor;
2041
+ @supports (color: color-mix(in lab, red, red)) {
2042
+ color: color-mix(in oklab, currentcolor 50%, transparent);
2043
+ }
2044
+ }
2045
+ }
2046
+ textarea {
2047
+ resize: vertical;
2048
+ }
2049
+ ::-webkit-search-decoration {
2050
+ -webkit-appearance: none;
2051
+ }
2052
+ ::-webkit-date-and-time-value {
2053
+ min-height: 1lh;
2054
+ text-align: inherit;
2055
+ }
2056
+ ::-webkit-datetime-edit {
2057
+ display: inline-flex;
2058
+ }
2059
+ ::-webkit-datetime-edit-fields-wrapper {
2060
+ padding: 0;
2061
+ }
2062
+ ::-webkit-datetime-edit,
2063
+ ::-webkit-datetime-edit-year-field,
2064
+ ::-webkit-datetime-edit-month-field,
2065
+ ::-webkit-datetime-edit-day-field,
2066
+ ::-webkit-datetime-edit-hour-field,
2067
+ ::-webkit-datetime-edit-minute-field,
2068
+ ::-webkit-datetime-edit-second-field,
2069
+ ::-webkit-datetime-edit-millisecond-field,
2070
+ ::-webkit-datetime-edit-meridiem-field {
2071
+ padding-block: 0;
2072
+ }
2073
+ ::-webkit-calendar-picker-indicator {
2074
+ line-height: 1;
2075
+ }
2076
+ :-moz-ui-invalid {
2077
+ box-shadow: none;
2078
+ }
2079
+ button,
2080
+ input:where([type=button], [type=reset], [type=submit]),
2081
+ ::file-selector-button {
2082
+ appearance: button;
2083
+ }
2084
+ ::-webkit-inner-spin-button,
2085
+ ::-webkit-outer-spin-button {
2086
+ height: auto;
2087
+ }
2088
+ [hidden]:where(:not([hidden=until-found])) {
2089
+ display: none !important;
2090
+ }
2091
+ }
2092
+ @layer utilities {
2093
+ .pointer-events-none {
2094
+ pointer-events: none;
2095
+ }
2096
+ .visible {
2097
+ visibility: visible;
2098
+ }
2099
+ .sr-only {
2100
+ position: absolute;
2101
+ width: 1px;
2102
+ height: 1px;
2103
+ padding: 0;
2104
+ margin: -1px;
2105
+ overflow: hidden;
2106
+ clip-path: inset(50%);
2107
+ white-space: nowrap;
2108
+ border-width: 0;
2109
+ }
2110
+ .absolute {
2111
+ position: absolute;
2112
+ }
2113
+ .fixed {
2114
+ position: fixed;
2115
+ }
2116
+ .relative {
2117
+ position: relative;
2118
+ }
2119
+ .inset-0 {
2120
+ inset: calc(var(--spacing) * 0);
2121
+ }
2122
+ .inset-x-0 {
2123
+ inset-inline: calc(var(--spacing) * 0);
2124
+ }
2125
+ .inset-y-0 {
2126
+ inset-block: calc(var(--spacing) * 0);
2127
+ }
2128
+ .top-0 {
2129
+ top: calc(var(--spacing) * 0);
2130
+ }
2131
+ .top-1\.5 {
2132
+ top: calc(var(--spacing) * 1.5);
2133
+ }
2134
+ .top-3\.5 {
2135
+ top: calc(var(--spacing) * 3.5);
2136
+ }
2137
+ .top-4 {
2138
+ top: calc(var(--spacing) * 4);
2139
+ }
2140
+ .top-\[50\%\] {
2141
+ top: 50%;
2142
+ }
2143
+ .right-0 {
2144
+ right: calc(var(--spacing) * 0);
2145
+ }
2146
+ .right-1 {
2147
+ right: calc(var(--spacing) * 1);
2148
+ }
2149
+ .right-3 {
2150
+ right: calc(var(--spacing) * 3);
2151
+ }
2152
+ .right-4 {
2153
+ right: calc(var(--spacing) * 4);
2154
+ }
2155
+ .bottom-0 {
2156
+ bottom: calc(var(--spacing) * 0);
2157
+ }
2158
+ .left-0 {
2159
+ left: calc(var(--spacing) * 0);
2160
+ }
2161
+ .left-2 {
2162
+ left: calc(var(--spacing) * 2);
2163
+ }
2164
+ .left-\[50\%\] {
2165
+ left: 50%;
2166
+ }
2167
+ .z-10 {
2168
+ z-index: 10;
2169
+ }
2170
+ .z-20 {
2171
+ z-index: 20;
2172
+ }
2173
+ .z-50 {
2174
+ z-index: 50;
2175
+ }
2176
+ .z-\[15\] {
2177
+ z-index: 15;
2178
+ }
2179
+ .container {
2180
+ width: 100%;
2181
+ @media (width >= 40rem) {
2182
+ max-width: 40rem;
2183
+ }
2184
+ @media (width >= 48rem) {
2185
+ max-width: 48rem;
2186
+ }
2187
+ @media (width >= 64rem) {
2188
+ max-width: 64rem;
2189
+ }
2190
+ @media (width >= 80rem) {
2191
+ max-width: 80rem;
2192
+ }
2193
+ @media (width >= 96rem) {
2194
+ max-width: 96rem;
2195
+ }
2196
+ }
2197
+ .-mx-1 {
2198
+ margin-inline: calc(var(--spacing) * -1);
2199
+ }
2200
+ .mx-1 {
2201
+ margin-inline: calc(var(--spacing) * 1);
2202
+ }
2203
+ .mx-2 {
2204
+ margin-inline: calc(var(--spacing) * 2);
2205
+ }
2206
+ .mx-3\.5 {
2207
+ margin-inline: calc(var(--spacing) * 3.5);
2208
+ }
2209
+ .my-1 {
2210
+ margin-block: calc(var(--spacing) * 1);
2211
+ }
2212
+ .mt-2 {
2213
+ margin-top: calc(var(--spacing) * 2);
2214
+ }
2215
+ .mt-auto {
2216
+ margin-top: auto;
2217
+ }
2218
+ .mb-2 {
2219
+ margin-bottom: calc(var(--spacing) * 2);
2220
+ }
2221
+ .ml-2 {
2222
+ margin-left: calc(var(--spacing) * 2);
2223
+ }
2224
+ .ml-5 {
2225
+ margin-left: calc(var(--spacing) * 5);
2226
+ }
2227
+ .ml-9 {
2228
+ margin-left: calc(var(--spacing) * 9);
2229
+ }
2230
+ .ml-auto {
2231
+ margin-left: auto;
2232
+ }
2233
+ .block {
2234
+ display: block;
2235
+ }
2236
+ .flex {
2237
+ display: flex;
2238
+ }
2239
+ .grid {
2240
+ display: grid;
2241
+ }
2242
+ .hidden {
2243
+ display: none;
2244
+ }
2245
+ .inline-flex {
2246
+ display: inline-flex;
2247
+ }
2248
+ .table {
2249
+ display: table;
2250
+ }
2251
+ .aspect-square {
2252
+ aspect-ratio: 1 / 1;
2253
+ }
2254
+ .size-2 {
2255
+ width: calc(var(--spacing) * 2);
2256
+ height: calc(var(--spacing) * 2);
2257
+ }
2258
+ .size-2\.5 {
2259
+ width: calc(var(--spacing) * 2.5);
2260
+ height: calc(var(--spacing) * 2.5);
2261
+ }
2262
+ .size-3\.5 {
2263
+ width: calc(var(--spacing) * 3.5);
2264
+ height: calc(var(--spacing) * 3.5);
2265
+ }
2266
+ .size-4 {
2267
+ width: calc(var(--spacing) * 4);
2268
+ height: calc(var(--spacing) * 4);
2269
+ }
2270
+ .size-7 {
2271
+ width: calc(var(--spacing) * 7);
2272
+ height: calc(var(--spacing) * 7);
2273
+ }
2274
+ .size-8 {
2275
+ width: calc(var(--spacing) * 8);
2276
+ height: calc(var(--spacing) * 8);
2277
+ }
2278
+ .size-9 {
2279
+ width: calc(var(--spacing) * 9);
2280
+ height: calc(var(--spacing) * 9);
2281
+ }
2282
+ .size-10 {
2283
+ width: calc(var(--spacing) * 10);
2284
+ height: calc(var(--spacing) * 10);
2285
+ }
2286
+ .size-full {
2287
+ width: 100%;
2288
+ height: 100%;
2289
+ }
2290
+ .h-2\.5 {
2291
+ height: calc(var(--spacing) * 2.5);
2292
+ }
2293
+ .h-3 {
2294
+ height: calc(var(--spacing) * 3);
2295
+ }
2296
+ .h-4 {
2297
+ height: calc(var(--spacing) * 4);
2298
+ }
2299
+ .h-5 {
2300
+ height: calc(var(--spacing) * 5);
2301
+ }
2302
+ .h-6 {
2303
+ height: calc(var(--spacing) * 6);
2304
+ }
2305
+ .h-7 {
2306
+ height: calc(var(--spacing) * 7);
2307
+ }
2308
+ .h-8 {
2309
+ height: calc(var(--spacing) * 8);
2310
+ }
2311
+ .h-9 {
2312
+ height: calc(var(--spacing) * 9);
2313
+ }
2314
+ .h-10 {
2315
+ height: calc(var(--spacing) * 10);
2316
+ }
2317
+ .h-12 {
2318
+ height: calc(var(--spacing) * 12);
2319
+ }
2320
+ .h-auto {
2321
+ height: auto;
2322
+ }
2323
+ .h-full {
2324
+ height: 100%;
2325
+ }
2326
+ .h-px {
2327
+ height: 1px;
2328
+ }
2329
+ .h-screen {
2330
+ height: 100vh;
2331
+ }
2332
+ .h-svh {
2333
+ height: 100svh;
2334
+ }
2335
+ .max-h-\(--radix-context-menu-content-available-height\) {
2336
+ max-height: var(--radix-context-menu-content-available-height);
2337
+ }
2338
+ .max-h-\(--radix-dropdown-menu-content-available-height\) {
2339
+ max-height: var(--radix-dropdown-menu-content-available-height);
2340
+ }
2341
+ .max-h-\[220px\] {
2342
+ max-height: 220px;
2343
+ }
2344
+ .max-h-\[260px\] {
2345
+ max-height: 260px;
2346
+ }
2347
+ .max-h-\[300px\] {
2348
+ max-height: 300px;
2349
+ }
2350
+ .min-h-0 {
2351
+ min-height: calc(var(--spacing) * 0);
2352
+ }
2353
+ .min-h-svh {
2354
+ min-height: 100svh;
2355
+ }
2356
+ .w-\(--sidebar-width\) {
2357
+ width: var(--sidebar-width);
2358
+ }
2359
+ .w-2\.5 {
2360
+ width: calc(var(--spacing) * 2.5);
2361
+ }
2362
+ .w-3 {
2363
+ width: calc(var(--spacing) * 3);
2364
+ }
2365
+ .w-3\/4 {
2366
+ width: calc(3/4 * 100%);
2367
+ }
2368
+ .w-4 {
2369
+ width: calc(var(--spacing) * 4);
2370
+ }
2371
+ .w-5 {
2372
+ width: calc(var(--spacing) * 5);
2373
+ }
2374
+ .w-40 {
2375
+ width: calc(var(--spacing) * 40);
2376
+ }
2377
+ .w-72 {
2378
+ width: calc(var(--spacing) * 72);
2379
+ }
2380
+ .w-\[220px\] {
2381
+ width: 220px;
2382
+ }
2383
+ .w-\[260px\] {
2384
+ width: 260px;
2385
+ }
2386
+ .w-\[300px\] {
2387
+ width: 300px;
2388
+ }
2389
+ .w-auto {
2390
+ width: auto;
2391
+ }
2392
+ .w-fit {
2393
+ width: fit-content;
2394
+ }
2395
+ .w-full {
2396
+ width: 100%;
2397
+ }
2398
+ .max-w-\(--skeleton-width\) {
2399
+ max-width: var(--skeleton-width);
2400
+ }
2401
+ .max-w-\[calc\(100\%-2rem\)\] {
2402
+ max-width: calc(100% - 2rem);
2403
+ }
2404
+ .min-w-0 {
2405
+ min-width: calc(var(--spacing) * 0);
2406
+ }
2407
+ .min-w-5 {
2408
+ min-width: calc(var(--spacing) * 5);
2409
+ }
2410
+ .min-w-\[8rem\] {
2411
+ min-width: 8rem;
2412
+ }
2413
+ .min-w-\[90px\] {
2414
+ min-width: 90px;
2415
+ }
2416
+ .flex-1 {
2417
+ flex: 1;
2418
+ }
2419
+ .flex-shrink-0 {
2420
+ flex-shrink: 0;
2421
+ }
2422
+ .shrink-0 {
2423
+ flex-shrink: 0;
2424
+ }
2425
+ .origin-\(--radix-context-menu-content-transform-origin\) {
2426
+ transform-origin: var(--radix-context-menu-content-transform-origin);
2427
+ }
2428
+ .origin-\(--radix-dropdown-menu-content-transform-origin\) {
2429
+ transform-origin: var(--radix-dropdown-menu-content-transform-origin);
2430
+ }
2431
+ .origin-\(--radix-popover-content-transform-origin\) {
2432
+ transform-origin: var(--radix-popover-content-transform-origin);
2433
+ }
2434
+ .origin-\(--radix-tooltip-content-transform-origin\) {
2435
+ transform-origin: var(--radix-tooltip-content-transform-origin);
2436
+ }
2437
+ .-translate-x-1\/2 {
2438
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
2439
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2440
+ }
2441
+ .-translate-x-px {
2442
+ --tw-translate-x: -1px;
2443
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2444
+ }
2445
+ .translate-x-\[-50\%\] {
2446
+ --tw-translate-x: -50%;
2447
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2448
+ }
2449
+ .translate-x-px {
2450
+ --tw-translate-x: 1px;
2451
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2452
+ }
2453
+ .translate-y-\[-50\%\] {
2454
+ --tw-translate-y: -50%;
2455
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2456
+ }
2457
+ .translate-y-\[calc\(-50\%_-_2px\)\] {
2458
+ --tw-translate-y: calc(-50% - 2px);
2459
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2460
+ }
2461
+ .rotate-45 {
2462
+ rotate: 45deg;
2463
+ }
2464
+ .rotate-90 {
2465
+ rotate: 90deg;
2466
+ }
2467
+ .transform {
2468
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
2469
+ }
2470
+ .animate-in {
2471
+ animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
2472
+ }
2473
+ .animate-pulse {
2474
+ animation: var(--animate-pulse);
2475
+ }
2476
+ .cursor-default {
2477
+ cursor: default;
2478
+ }
2479
+ .cursor-pointer {
2480
+ cursor: pointer;
2481
+ }
2482
+ .touch-none {
2483
+ touch-action: none;
2484
+ }
2485
+ .resize {
2486
+ resize: both;
2487
+ }
2488
+ .scroll-py-1 {
2489
+ scroll-padding-block: calc(var(--spacing) * 1);
2490
+ }
2491
+ .list-none {
2492
+ list-style-type: none;
2493
+ }
2494
+ .grid-cols-7 {
2495
+ grid-template-columns: repeat(7, minmax(0, 1fr));
2496
+ }
2497
+ .grid-rows-\[0fr\] {
2498
+ grid-template-rows: 0fr;
2499
+ }
2500
+ .grid-rows-\[1fr\] {
2501
+ grid-template-rows: 1fr;
2502
+ }
2503
+ .flex-col {
2504
+ flex-direction: column;
2505
+ }
2506
+ .flex-col-reverse {
2507
+ flex-direction: column-reverse;
2508
+ }
2509
+ .items-center {
2510
+ align-items: center;
2511
+ }
2512
+ .justify-between {
2513
+ justify-content: space-between;
2514
+ }
2515
+ .justify-center {
2516
+ justify-content: center;
2517
+ }
2518
+ .justify-end {
2519
+ justify-content: flex-end;
2520
+ }
2521
+ .gap-1 {
2522
+ gap: calc(var(--spacing) * 1);
2523
+ }
2524
+ .gap-1\.5 {
2525
+ gap: calc(var(--spacing) * 1.5);
2526
+ }
2527
+ .gap-2 {
2528
+ gap: calc(var(--spacing) * 2);
2529
+ }
2530
+ .gap-3 {
2531
+ gap: calc(var(--spacing) * 3);
2532
+ }
2533
+ .gap-4 {
2534
+ gap: calc(var(--spacing) * 4);
2535
+ }
2536
+ .space-y-1 {
2537
+ :where(& > :not(:last-child)) {
2538
+ --tw-space-y-reverse: 0;
2539
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
2540
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
2541
+ }
2542
+ }
2543
+ .truncate {
2544
+ overflow: hidden;
2545
+ text-overflow: ellipsis;
2546
+ white-space: nowrap;
2547
+ }
2548
+ .overflow-auto {
2549
+ overflow: auto;
2550
+ }
2551
+ .overflow-hidden {
2552
+ overflow: hidden;
2553
+ }
2554
+ .overflow-x-hidden {
2555
+ overflow-x: hidden;
2556
+ }
2557
+ .overflow-y-auto {
2558
+ overflow-y: auto;
2559
+ }
2560
+ .rounded {
2561
+ border-radius: 0.25rem;
2562
+ }
2563
+ .rounded-\[2px\] {
2564
+ border-radius: 2px;
2565
+ }
2566
+ .rounded-\[inherit\] {
2567
+ border-radius: inherit;
2568
+ }
2569
+ .rounded-full {
2570
+ border-radius: calc(infinity * 1px);
2571
+ }
2572
+ .rounded-lg {
2573
+ border-radius: var(--radius);
2574
+ }
2575
+ .rounded-md {
2576
+ border-radius: calc(var(--radius) - 2px);
2577
+ }
2578
+ .rounded-sm {
2579
+ border-radius: calc(var(--radius) - 4px);
2580
+ }
2581
+ .rounded-xs {
2582
+ border-radius: var(--radius-xs);
2583
+ }
2584
+ .border {
2585
+ border-style: var(--tw-border-style);
2586
+ border-width: 1px;
2587
+ }
2588
+ .border-t {
2589
+ border-top-style: var(--tw-border-style);
2590
+ border-top-width: 1px;
2591
+ }
2592
+ .border-r {
2593
+ border-right-style: var(--tw-border-style);
2594
+ border-right-width: 1px;
2595
+ }
2596
+ .border-b {
2597
+ border-bottom-style: var(--tw-border-style);
2598
+ border-bottom-width: 1px;
2599
+ }
2600
+ .border-l {
2601
+ border-left-style: var(--tw-border-style);
2602
+ border-left-width: 1px;
2603
+ }
2604
+ .border-\[\#a3a3a8\] {
2605
+ border-color: #a3a3a8;
2606
+ }
2607
+ .border-black\/10 {
2608
+ border-color: color-mix(in srgb, #000 10%, transparent);
2609
+ @supports (color: color-mix(in lab, red, red)) {
2610
+ border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
2611
+ }
2612
+ }
2613
+ .border-black\/20 {
2614
+ border-color: color-mix(in srgb, #000 20%, transparent);
2615
+ @supports (color: color-mix(in lab, red, red)) {
2616
+ border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
2617
+ }
2618
+ }
2619
+ .border-input {
2620
+ border-color: var(--input);
2621
+ }
2622
+ .border-sidebar-border {
2623
+ border-color: var(--sidebar-border);
2624
+ }
2625
+ .border-t-transparent {
2626
+ border-top-color: transparent;
2627
+ }
2628
+ .border-l-transparent {
2629
+ border-left-color: transparent;
2630
+ }
2631
+ .bg-accent {
2632
+ background-color: var(--accent);
2633
+ }
2634
+ .bg-background {
2635
+ background-color: var(--background);
2636
+ }
2637
+ .bg-black\/50 {
2638
+ background-color: color-mix(in srgb, #000 50%, transparent);
2639
+ @supports (color: color-mix(in lab, red, red)) {
2640
+ background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
2641
+ }
2642
+ }
2643
+ .bg-border {
2644
+ background-color: var(--border);
2645
+ }
2646
+ .bg-destructive {
2647
+ background-color: var(--destructive);
2648
+ }
2649
+ .bg-foreground {
2650
+ background-color: var(--foreground);
2651
+ }
2652
+ .bg-popover {
2653
+ background-color: var(--popover);
2654
+ }
2655
+ .bg-primary {
2656
+ background-color: var(--primary);
2657
+ }
2658
+ .bg-secondary {
2659
+ background-color: var(--secondary);
2660
+ }
2661
+ .bg-sidebar {
2662
+ background-color: var(--sidebar);
2663
+ }
2664
+ .bg-sidebar-border {
2665
+ background-color: var(--sidebar-border);
2666
+ }
2667
+ .bg-transparent {
2668
+ background-color: transparent;
2669
+ }
2670
+ .fill-current {
2671
+ fill: currentcolor;
2672
+ }
2673
+ .fill-foreground {
2674
+ fill: var(--foreground);
2675
+ }
2676
+ .p-0 {
2677
+ padding: calc(var(--spacing) * 0);
2678
+ }
2679
+ .p-1 {
2680
+ padding: calc(var(--spacing) * 1);
2681
+ }
2682
+ .p-2 {
2683
+ padding: calc(var(--spacing) * 2);
2684
+ }
2685
+ .p-3 {
2686
+ padding: calc(var(--spacing) * 3);
2687
+ }
2688
+ .p-4 {
2689
+ padding: calc(var(--spacing) * 4);
2690
+ }
2691
+ .p-6 {
2692
+ padding: calc(var(--spacing) * 6);
2693
+ }
2694
+ .p-px {
2695
+ padding: 1px;
2696
+ }
2697
+ .px-1 {
2698
+ padding-inline: calc(var(--spacing) * 1);
2699
+ }
2700
+ .px-2 {
2701
+ padding-inline: calc(var(--spacing) * 2);
2702
+ }
2703
+ .px-2\.5 {
2704
+ padding-inline: calc(var(--spacing) * 2.5);
2705
+ }
2706
+ .px-3 {
2707
+ padding-inline: calc(var(--spacing) * 3);
2708
+ }
2709
+ .px-4 {
2710
+ padding-inline: calc(var(--spacing) * 4);
2711
+ }
2712
+ .px-6 {
2713
+ padding-inline: calc(var(--spacing) * 6);
2714
+ }
2715
+ .py-0\.5 {
2716
+ padding-block: calc(var(--spacing) * 0.5);
2717
+ }
2718
+ .py-1 {
2719
+ padding-block: calc(var(--spacing) * 1);
2720
+ }
2721
+ .py-1\.5 {
2722
+ padding-block: calc(var(--spacing) * 1.5);
2723
+ }
2724
+ .py-2 {
2725
+ padding-block: calc(var(--spacing) * 2);
2726
+ }
2727
+ .py-3 {
2728
+ padding-block: calc(var(--spacing) * 3);
2729
+ }
2730
+ .py-6 {
2731
+ padding-block: calc(var(--spacing) * 6);
2732
+ }
2733
+ .pt-1 {
2734
+ padding-top: calc(var(--spacing) * 1);
2735
+ }
2736
+ .pr-2 {
2737
+ padding-right: calc(var(--spacing) * 2);
2738
+ }
2739
+ .pl-8 {
2740
+ padding-left: calc(var(--spacing) * 8);
2741
+ }
2742
+ .text-center {
2743
+ text-align: center;
2744
+ }
2745
+ .text-left {
2746
+ text-align: left;
2747
+ }
2748
+ .font-sans {
2749
+ font-family: var(--font-sans);
2750
+ }
2751
+ .text-base {
2752
+ font-size: var(--text-base);
2753
+ line-height: var(--tw-leading, var(--text-base--line-height));
2754
+ }
2755
+ .text-lg {
2756
+ font-size: var(--text-lg);
2757
+ line-height: var(--tw-leading, var(--text-lg--line-height));
2758
+ }
2759
+ .text-sm {
2760
+ font-size: var(--text-sm);
2761
+ line-height: var(--tw-leading, var(--text-sm--line-height));
2762
+ }
2763
+ .text-xs {
2764
+ font-size: var(--text-xs);
2765
+ line-height: var(--tw-leading, var(--text-xs--line-height));
2766
+ }
2767
+ .leading-none {
2768
+ --tw-leading: 1;
2769
+ line-height: 1;
2770
+ }
2771
+ .font-medium {
2772
+ --tw-font-weight: var(--font-weight-medium);
2773
+ font-weight: var(--font-weight-medium);
2774
+ }
2775
+ .font-semibold {
2776
+ --tw-font-weight: var(--font-weight-semibold);
2777
+ font-weight: var(--font-weight-semibold);
2778
+ }
2779
+ .tracking-widest {
2780
+ --tw-tracking: var(--tracking-widest);
2781
+ letter-spacing: var(--tracking-widest);
2782
+ }
2783
+ .text-balance {
2784
+ text-wrap: balance;
2785
+ }
2786
+ .whitespace-nowrap {
2787
+ white-space: nowrap;
2788
+ }
2789
+ .text-\[\#a3a3a8\] {
2790
+ color: #a3a3a8;
2791
+ }
2792
+ .text-background {
2793
+ color: var(--background);
2794
+ }
2795
+ .text-foreground {
2796
+ color: var(--foreground);
2797
+ }
2798
+ .text-muted-foreground {
2799
+ color: var(--muted-foreground);
2800
+ }
2801
+ .text-popover-foreground {
2802
+ color: var(--popover-foreground);
2803
+ }
2804
+ .text-primary {
2805
+ color: var(--primary);
2806
+ }
2807
+ .text-primary-foreground {
2808
+ color: var(--primary-foreground);
2809
+ }
2810
+ .text-red-500 {
2811
+ color: var(--color-red-500);
2812
+ }
2813
+ .text-secondary-foreground {
2814
+ color: var(--secondary-foreground);
2815
+ }
2816
+ .text-sidebar-foreground {
2817
+ color: var(--sidebar-foreground);
2818
+ }
2819
+ .text-sidebar-foreground\/70 {
2820
+ color: var(--sidebar-foreground);
2821
+ @supports (color: color-mix(in lab, red, red)) {
2822
+ color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
2823
+ }
2824
+ }
2825
+ .text-white {
2826
+ color: var(--color-white);
2827
+ }
2828
+ .capitalize {
2829
+ text-transform: capitalize;
2830
+ }
2831
+ .italic {
2832
+ font-style: italic;
2833
+ }
2834
+ .tabular-nums {
2835
+ --tw-numeric-spacing: tabular-nums;
2836
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
2837
+ }
2838
+ .underline {
2839
+ text-decoration-line: underline;
2840
+ }
2841
+ .underline-offset-4 {
2842
+ text-underline-offset: 4px;
2843
+ }
2844
+ .opacity-0 {
2845
+ opacity: 0%;
2846
+ }
2847
+ .opacity-50 {
2848
+ opacity: 50%;
2849
+ }
2850
+ .opacity-60 {
2851
+ opacity: 60%;
2852
+ }
2853
+ .opacity-70 {
2854
+ opacity: 70%;
2855
+ }
2856
+ .opacity-100 {
2857
+ opacity: 100%;
2858
+ }
2859
+ .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
2860
+ --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
2861
+ box-shadow:
2862
+ var(--tw-inset-shadow),
2863
+ var(--tw-inset-ring-shadow),
2864
+ var(--tw-ring-offset-shadow),
2865
+ var(--tw-ring-shadow),
2866
+ var(--tw-shadow);
2867
+ }
2868
+ .shadow-lg {
2869
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2870
+ box-shadow:
2871
+ var(--tw-inset-shadow),
2872
+ var(--tw-inset-ring-shadow),
2873
+ var(--tw-ring-offset-shadow),
2874
+ var(--tw-ring-shadow),
2875
+ var(--tw-shadow);
2876
+ }
2877
+ .shadow-md {
2878
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2879
+ box-shadow:
2880
+ var(--tw-inset-shadow),
2881
+ var(--tw-inset-ring-shadow),
2882
+ var(--tw-ring-offset-shadow),
2883
+ var(--tw-ring-shadow),
2884
+ var(--tw-shadow);
2885
+ }
2886
+ .shadow-none {
2887
+ --tw-shadow: 0 0 #0000;
2888
+ box-shadow:
2889
+ var(--tw-inset-shadow),
2890
+ var(--tw-inset-ring-shadow),
2891
+ var(--tw-ring-offset-shadow),
2892
+ var(--tw-ring-shadow),
2893
+ var(--tw-shadow);
2894
+ }
2895
+ .shadow-xs {
2896
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
2897
+ box-shadow:
2898
+ var(--tw-inset-shadow),
2899
+ var(--tw-inset-ring-shadow),
2900
+ var(--tw-ring-offset-shadow),
2901
+ var(--tw-ring-shadow),
2902
+ var(--tw-shadow);
2903
+ }
2904
+ .ring-sidebar-ring {
2905
+ --tw-ring-color: var(--sidebar-ring);
2906
+ }
2907
+ .ring-offset-background {
2908
+ --tw-ring-offset-color: var(--background);
2909
+ }
2910
+ .outline-hidden {
2911
+ --tw-outline-style: none;
2912
+ outline-style: none;
2913
+ @media (forced-colors: active) {
2914
+ outline: 2px solid transparent;
2915
+ outline-offset: 2px;
2916
+ }
2917
+ }
2918
+ .outline {
2919
+ outline-style: var(--tw-outline-style);
2920
+ outline-width: 1px;
2921
+ }
2922
+ .blur {
2923
+ --tw-blur: blur(8px);
2924
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
2925
+ }
2926
+ .transition {
2927
+ transition-property:
2928
+ color,
2929
+ background-color,
2930
+ border-color,
2931
+ outline-color,
2932
+ text-decoration-color,
2933
+ fill,
2934
+ stroke,
2935
+ --tw-gradient-from,
2936
+ --tw-gradient-via,
2937
+ --tw-gradient-to,
2938
+ opacity,
2939
+ box-shadow,
2940
+ transform,
2941
+ translate,
2942
+ scale,
2943
+ rotate,
2944
+ filter,
2945
+ -webkit-backdrop-filter,
2946
+ backdrop-filter,
2947
+ display,
2948
+ content-visibility,
2949
+ overlay,
2950
+ pointer-events;
2951
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2952
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2953
+ }
2954
+ .transition-\[color\,box-shadow\] {
2955
+ transition-property: color, box-shadow;
2956
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2957
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2958
+ }
2959
+ .transition-\[left\,right\,width\] {
2960
+ transition-property:
2961
+ left,
2962
+ right,
2963
+ width;
2964
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2965
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2966
+ }
2967
+ .transition-\[margin\,opacity\] {
2968
+ transition-property: margin, opacity;
2969
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2970
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2971
+ }
2972
+ .transition-\[width\,height\,padding\] {
2973
+ transition-property:
2974
+ width,
2975
+ height,
2976
+ padding;
2977
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2978
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2979
+ }
2980
+ .transition-\[width\] {
2981
+ transition-property: width;
2982
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2983
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2984
+ }
2985
+ .transition-all {
2986
+ transition-property: all;
2987
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2988
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2989
+ }
2990
+ .transition-colors {
2991
+ transition-property:
2992
+ color,
2993
+ background-color,
2994
+ border-color,
2995
+ outline-color,
2996
+ text-decoration-color,
2997
+ fill,
2998
+ stroke,
2999
+ --tw-gradient-from,
3000
+ --tw-gradient-via,
3001
+ --tw-gradient-to;
3002
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3003
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3004
+ }
3005
+ .transition-opacity {
3006
+ transition-property: opacity;
3007
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3008
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3009
+ }
3010
+ .transition-transform {
3011
+ transition-property:
3012
+ transform,
3013
+ translate,
3014
+ scale,
3015
+ rotate;
3016
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3017
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3018
+ }
3019
+ .duration-150 {
3020
+ --tw-duration: 150ms;
3021
+ transition-duration: 150ms;
3022
+ }
3023
+ .duration-200 {
3024
+ --tw-duration: 200ms;
3025
+ transition-duration: 200ms;
3026
+ }
3027
+ .duration-300 {
3028
+ --tw-duration: 300ms;
3029
+ transition-duration: 300ms;
3030
+ }
3031
+ .ease-in-out {
3032
+ --tw-ease: var(--ease-in-out);
3033
+ transition-timing-function: var(--ease-in-out);
3034
+ }
3035
+ .ease-linear {
3036
+ --tw-ease: linear;
3037
+ transition-timing-function: linear;
3038
+ }
3039
+ .fade-in-0 {
3040
+ --tw-enter-opacity: calc(0/100);
3041
+ --tw-enter-opacity: 0;
3042
+ }
3043
+ .outline-none {
3044
+ --tw-outline-style: none;
3045
+ outline-style: none;
3046
+ }
3047
+ .select-none {
3048
+ -webkit-user-select: none;
3049
+ user-select: none;
3050
+ }
3051
+ .zoom-in-95 {
3052
+ --tw-enter-scale: calc(95*1%);
3053
+ --tw-enter-scale: .95;
3054
+ }
3055
+ .fade-in {
3056
+ --tw-enter-opacity: 0;
3057
+ }
3058
+ .running {
3059
+ animation-play-state: running;
3060
+ }
3061
+ .slide-in-from-top-2 {
3062
+ --tw-enter-translate-y: calc(2*var(--spacing)*-1);
3063
+ }
3064
+ .group-focus-within\/menu-item\:opacity-100 {
3065
+ &:is(:where(.group\/menu-item):focus-within *) {
3066
+ opacity: 100%;
3067
+ }
3068
+ }
3069
+ .group-hover\:opacity-100 {
3070
+ &:is(:where(.group):hover *) {
3071
+ @media (hover: hover) {
3072
+ opacity: 100%;
3073
+ }
3074
+ }
3075
+ }
3076
+ .group-hover\/menu-item\:opacity-100 {
3077
+ &:is(:where(.group\/menu-item):hover *) {
3078
+ @media (hover: hover) {
3079
+ opacity: 100%;
3080
+ }
3081
+ }
3082
+ }
3083
+ .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8 {
3084
+ &:is(:where(.group\/menu-item):has(*[data-sidebar=menu-action]) *) {
3085
+ padding-right: calc(var(--spacing) * 8);
3086
+ }
3087
+ }
3088
+ .group-data-\[collapsible\=icon\]\:-mt-8 {
3089
+ &:is(:where(.group)[data-collapsible=icon] *) {
3090
+ margin-top: calc(var(--spacing) * -8);
3091
+ }
3092
+ }
3093
+ .group-data-\[collapsible\=icon\]\:hidden {
3094
+ &:is(:where(.group)[data-collapsible=icon] *) {
3095
+ display: none;
3096
+ }
3097
+ }
3098
+ .group-data-\[collapsible\=icon\]\:size-8\! {
3099
+ &:is(:where(.group)[data-collapsible=icon] *) {
3100
+ width: calc(var(--spacing) * 8) !important;
3101
+ height: calc(var(--spacing) * 8) !important;
3102
+ }
3103
+ }
3104
+ .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\) {
3105
+ &:is(:where(.group)[data-collapsible=icon] *) {
3106
+ width: var(--sidebar-width-icon);
3107
+ }
3108
+ }
3109
+ .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\] {
3110
+ &:is(:where(.group)[data-collapsible=icon] *) {
3111
+ width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
3112
+ }
3113
+ }
3114
+ .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\] {
3115
+ &:is(:where(.group)[data-collapsible=icon] *) {
3116
+ width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
3117
+ }
3118
+ }
3119
+ .group-data-\[collapsible\=icon\]\:overflow-hidden {
3120
+ &:is(:where(.group)[data-collapsible=icon] *) {
3121
+ overflow: hidden;
3122
+ }
3123
+ }
3124
+ .group-data-\[collapsible\=icon\]\:p-0\! {
3125
+ &:is(:where(.group)[data-collapsible=icon] *) {
3126
+ padding: calc(var(--spacing) * 0) !important;
3127
+ }
3128
+ }
3129
+ .group-data-\[collapsible\=icon\]\:p-2\! {
3130
+ &:is(:where(.group)[data-collapsible=icon] *) {
3131
+ padding: calc(var(--spacing) * 2) !important;
3132
+ }
3133
+ }
3134
+ .group-data-\[collapsible\=icon\]\:opacity-0 {
3135
+ &:is(:where(.group)[data-collapsible=icon] *) {
3136
+ opacity: 0%;
3137
+ }
3138
+ }
3139
+ .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
3140
+ &:is(:where(.group)[data-collapsible=offcanvas] *) {
3141
+ right: calc(var(--sidebar-width) * -1);
3142
+ }
3143
+ }
3144
+ .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
3145
+ &:is(:where(.group)[data-collapsible=offcanvas] *) {
3146
+ left: calc(var(--sidebar-width) * -1);
3147
+ }
3148
+ }
3149
+ .group-data-\[collapsible\=offcanvas\]\:w-0 {
3150
+ &:is(:where(.group)[data-collapsible=offcanvas] *) {
3151
+ width: calc(var(--spacing) * 0);
3152
+ }
3153
+ }
3154
+ .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
3155
+ &:is(:where(.group)[data-collapsible=offcanvas] *) {
3156
+ --tw-translate-x: calc(var(--spacing) * 0);
3157
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3158
+ }
3159
+ }
3160
+ .group-data-\[disabled\=true\]\:pointer-events-none {
3161
+ &:is(:where(.group)[data-disabled=true] *) {
3162
+ pointer-events: none;
3163
+ }
3164
+ }
3165
+ .group-data-\[disabled\=true\]\:opacity-50 {
3166
+ &:is(:where(.group)[data-disabled=true] *) {
3167
+ opacity: 50%;
3168
+ }
3169
+ }
3170
+ .group-data-\[side\=left\]\:-right-4 {
3171
+ &:is(:where(.group)[data-side=left] *) {
3172
+ right: calc(var(--spacing) * -4);
3173
+ }
3174
+ }
3175
+ .group-data-\[side\=left\]\:border-r {
3176
+ &:is(:where(.group)[data-side=left] *) {
3177
+ border-right-style: var(--tw-border-style);
3178
+ border-right-width: 1px;
3179
+ }
3180
+ }
3181
+ .group-data-\[side\=right\]\:left-0 {
3182
+ &:is(:where(.group)[data-side=right] *) {
3183
+ left: calc(var(--spacing) * 0);
3184
+ }
3185
+ }
3186
+ .group-data-\[side\=right\]\:rotate-180 {
3187
+ &:is(:where(.group)[data-side=right] *) {
3188
+ rotate: 180deg;
3189
+ }
3190
+ }
3191
+ .group-data-\[side\=right\]\:border-l {
3192
+ &:is(:where(.group)[data-side=right] *) {
3193
+ border-left-style: var(--tw-border-style);
3194
+ border-left-width: 1px;
3195
+ }
3196
+ }
3197
+ .group-data-\[variant\=floating\]\:rounded-lg {
3198
+ &:is(:where(.group)[data-variant=floating] *) {
3199
+ border-radius: var(--radius);
3200
+ }
3201
+ }
3202
+ .group-data-\[variant\=floating\]\:border {
3203
+ &:is(:where(.group)[data-variant=floating] *) {
3204
+ border-style: var(--tw-border-style);
3205
+ border-width: 1px;
3206
+ }
3207
+ }
3208
+ .group-data-\[variant\=floating\]\:border-sidebar-border {
3209
+ &:is(:where(.group)[data-variant=floating] *) {
3210
+ border-color: var(--sidebar-border);
3211
+ }
3212
+ }
3213
+ .group-data-\[variant\=floating\]\:shadow-sm {
3214
+ &:is(:where(.group)[data-variant=floating] *) {
3215
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
3216
+ box-shadow:
3217
+ var(--tw-inset-shadow),
3218
+ var(--tw-inset-ring-shadow),
3219
+ var(--tw-ring-offset-shadow),
3220
+ var(--tw-ring-shadow),
3221
+ var(--tw-shadow);
3222
+ }
3223
+ }
3224
+ .peer-hover\/menu-button\:text-sidebar-accent-foreground {
3225
+ &:is(:where(.peer\/menu-button):hover ~ *) {
3226
+ @media (hover: hover) {
3227
+ color: var(--sidebar-accent-foreground);
3228
+ }
3229
+ }
3230
+ }
3231
+ .peer-disabled\:cursor-not-allowed {
3232
+ &:is(:where(.peer):disabled ~ *) {
3233
+ cursor: not-allowed;
3234
+ }
3235
+ }
3236
+ .peer-disabled\:opacity-50 {
3237
+ &:is(:where(.peer):disabled ~ *) {
3238
+ opacity: 50%;
3239
+ }
3240
+ }
3241
+ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground {
3242
+ &:is(:where(.peer\/menu-button)[data-active=true] ~ *) {
3243
+ color: var(--sidebar-accent-foreground);
3244
+ }
3245
+ }
3246
+ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
3247
+ &:is(:where(.peer\/menu-button)[data-size=default] ~ *) {
3248
+ top: calc(var(--spacing) * 1.5);
3249
+ }
3250
+ }
3251
+ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
3252
+ &:is(:where(.peer\/menu-button)[data-size=lg] ~ *) {
3253
+ top: calc(var(--spacing) * 2.5);
3254
+ }
3255
+ }
3256
+ .peer-data-\[size\=sm\]\/menu-button\:top-1 {
3257
+ &:is(:where(.peer\/menu-button)[data-size=sm] ~ *) {
3258
+ top: calc(var(--spacing) * 1);
3259
+ }
3260
+ }
3261
+ .selection\:bg-primary {
3262
+ & *::selection {
3263
+ background-color: var(--primary);
3264
+ }
3265
+ &::selection {
3266
+ background-color: var(--primary);
3267
+ }
3268
+ }
3269
+ .selection\:text-primary-foreground {
3270
+ & *::selection {
3271
+ color: var(--primary-foreground);
3272
+ }
3273
+ &::selection {
3274
+ color: var(--primary-foreground);
3275
+ }
3276
+ }
3277
+ .file\:inline-flex {
3278
+ &::file-selector-button {
3279
+ display: inline-flex;
3280
+ }
3281
+ }
3282
+ .file\:h-7 {
3283
+ &::file-selector-button {
3284
+ height: calc(var(--spacing) * 7);
3285
+ }
3286
+ }
3287
+ .file\:border-0 {
3288
+ &::file-selector-button {
3289
+ border-style: var(--tw-border-style);
3290
+ border-width: 0px;
3291
+ }
3292
+ }
3293
+ .file\:bg-transparent {
3294
+ &::file-selector-button {
3295
+ background-color: transparent;
3296
+ }
3297
+ }
3298
+ .file\:text-sm {
3299
+ &::file-selector-button {
3300
+ font-size: var(--text-sm);
3301
+ line-height: var(--tw-leading, var(--text-sm--line-height));
3302
+ }
3303
+ }
3304
+ .file\:font-medium {
3305
+ &::file-selector-button {
3306
+ --tw-font-weight: var(--font-weight-medium);
3307
+ font-weight: var(--font-weight-medium);
3308
+ }
3309
+ }
3310
+ .file\:text-foreground {
3311
+ &::file-selector-button {
3312
+ color: var(--foreground);
3313
+ }
3314
+ }
3315
+ .placeholder\:text-muted-foreground {
3316
+ &::placeholder {
3317
+ color: var(--muted-foreground);
3318
+ }
3319
+ }
3320
+ .after\:absolute {
3321
+ &::after {
3322
+ content: var(--tw-content);
3323
+ position: absolute;
3324
+ }
3325
+ }
3326
+ .after\:-inset-2 {
3327
+ &::after {
3328
+ content: var(--tw-content);
3329
+ inset: calc(var(--spacing) * -2);
3330
+ }
3331
+ }
3332
+ .after\:inset-y-0 {
3333
+ &::after {
3334
+ content: var(--tw-content);
3335
+ inset-block: calc(var(--spacing) * 0);
3336
+ }
3337
+ }
3338
+ .after\:left-1\/2 {
3339
+ &::after {
3340
+ content: var(--tw-content);
3341
+ left: calc(1/2 * 100%);
3342
+ }
3343
+ }
3344
+ .after\:w-\[2px\] {
3345
+ &::after {
3346
+ content: var(--tw-content);
3347
+ width: 2px;
3348
+ }
3349
+ }
3350
+ .group-data-\[collapsible\=offcanvas\]\:after\:left-full {
3351
+ &:is(:where(.group)[data-collapsible=offcanvas] *) {
3352
+ &::after {
3353
+ content: var(--tw-content);
3354
+ left: 100%;
3355
+ }
3356
+ }
3357
+ }
3358
+ .hover\:scale-105 {
3359
+ &:hover {
3360
+ @media (hover: hover) {
3361
+ --tw-scale-x: 105%;
3362
+ --tw-scale-y: 105%;
3363
+ --tw-scale-z: 105%;
3364
+ scale: var(--tw-scale-x) var(--tw-scale-y);
3365
+ }
3366
+ }
3367
+ }
3368
+ .hover\:scale-110 {
3369
+ &:hover {
3370
+ @media (hover: hover) {
3371
+ --tw-scale-x: 110%;
3372
+ --tw-scale-y: 110%;
3373
+ --tw-scale-z: 110%;
3374
+ scale: var(--tw-scale-x) var(--tw-scale-y);
3375
+ }
3376
+ }
3377
+ }
3378
+ .hover\:border-\[\#000\] {
3379
+ &:hover {
3380
+ @media (hover: hover) {
3381
+ border-color: #000;
3382
+ }
3383
+ }
3384
+ }
3385
+ .hover\:bg-accent {
3386
+ &:hover {
3387
+ @media (hover: hover) {
3388
+ background-color: var(--accent);
3389
+ }
3390
+ }
3391
+ }
3392
+ .hover\:bg-accent\/50 {
3393
+ &:hover {
3394
+ @media (hover: hover) {
3395
+ background-color: var(--accent);
3396
+ @supports (color: color-mix(in lab, red, red)) {
3397
+ background-color: color-mix(in oklab, var(--accent) 50%, transparent);
3398
+ }
3399
+ }
3400
+ }
3401
+ }
3402
+ .hover\:bg-accent\/80 {
3403
+ &:hover {
3404
+ @media (hover: hover) {
3405
+ background-color: var(--accent);
3406
+ @supports (color: color-mix(in lab, red, red)) {
3407
+ background-color: color-mix(in oklab, var(--accent) 80%, transparent);
3408
+ }
3409
+ }
3410
+ }
3411
+ }
3412
+ .hover\:bg-destructive\/90 {
3413
+ &:hover {
3414
+ @media (hover: hover) {
3415
+ background-color: var(--destructive);
3416
+ @supports (color: color-mix(in lab, red, red)) {
3417
+ background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
3418
+ }
3419
+ }
3420
+ }
3421
+ }
3422
+ .hover\:bg-primary\/90 {
3423
+ &:hover {
3424
+ @media (hover: hover) {
3425
+ background-color: var(--primary);
3426
+ @supports (color: color-mix(in lab, red, red)) {
3427
+ background-color: color-mix(in oklab, var(--primary) 90%, transparent);
3428
+ }
3429
+ }
3430
+ }
3431
+ }
3432
+ .hover\:bg-secondary\/80 {
3433
+ &:hover {
3434
+ @media (hover: hover) {
3435
+ background-color: var(--secondary);
3436
+ @supports (color: color-mix(in lab, red, red)) {
3437
+ background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
3438
+ }
3439
+ }
3440
+ }
3441
+ }
3442
+ .hover\:bg-sidebar-accent {
3443
+ &:hover {
3444
+ @media (hover: hover) {
3445
+ background-color: var(--sidebar-accent);
3446
+ }
3447
+ }
3448
+ }
3449
+ .hover\:text-\[\#fff\] {
3450
+ &:hover {
3451
+ @media (hover: hover) {
3452
+ color: #fff;
3453
+ }
3454
+ }
3455
+ }
3456
+ .hover\:text-accent-foreground {
3457
+ &:hover {
3458
+ @media (hover: hover) {
3459
+ color: var(--accent-foreground);
3460
+ }
3461
+ }
3462
+ }
3463
+ .hover\:text-sidebar-accent-foreground {
3464
+ &:hover {
3465
+ @media (hover: hover) {
3466
+ color: var(--sidebar-accent-foreground);
3467
+ }
3468
+ }
3469
+ }
3470
+ .hover\:text-white {
3471
+ &:hover {
3472
+ @media (hover: hover) {
3473
+ color: var(--color-white);
3474
+ }
3475
+ }
3476
+ }
3477
+ .hover\:underline {
3478
+ &:hover {
3479
+ @media (hover: hover) {
3480
+ text-decoration-line: underline;
3481
+ }
3482
+ }
3483
+ }
3484
+ .hover\:opacity-100 {
3485
+ &:hover {
3486
+ @media (hover: hover) {
3487
+ opacity: 100%;
3488
+ }
3489
+ }
3490
+ }
3491
+ .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\] {
3492
+ &:hover {
3493
+ @media (hover: hover) {
3494
+ --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));
3495
+ box-shadow:
3496
+ var(--tw-inset-shadow),
3497
+ var(--tw-inset-ring-shadow),
3498
+ var(--tw-ring-offset-shadow),
3499
+ var(--tw-ring-shadow),
3500
+ var(--tw-shadow);
3501
+ }
3502
+ }
3503
+ }
3504
+ .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar {
3505
+ &:hover {
3506
+ @media (hover: hover) {
3507
+ &:is(:where(.group)[data-collapsible=offcanvas] *) {
3508
+ background-color: var(--sidebar);
3509
+ }
3510
+ }
3511
+ }
3512
+ }
3513
+ .hover\:after\:bg-sidebar-border {
3514
+ &:hover {
3515
+ @media (hover: hover) {
3516
+ &::after {
3517
+ content: var(--tw-content);
3518
+ background-color: var(--sidebar-border);
3519
+ }
3520
+ }
3521
+ }
3522
+ }
3523
+ .focus\:bg-accent {
3524
+ &:focus {
3525
+ background-color: var(--accent);
3526
+ }
3527
+ }
3528
+ .focus\:text-accent-foreground {
3529
+ &:focus {
3530
+ color: var(--accent-foreground);
3531
+ }
3532
+ }
3533
+ .focus\:text-red-600 {
3534
+ &:focus {
3535
+ color: var(--color-red-600);
3536
+ }
3537
+ }
3538
+ .focus\:ring-2 {
3539
+ &:focus {
3540
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3541
+ box-shadow:
3542
+ var(--tw-inset-shadow),
3543
+ var(--tw-inset-ring-shadow),
3544
+ var(--tw-ring-offset-shadow),
3545
+ var(--tw-ring-shadow),
3546
+ var(--tw-shadow);
3547
+ }
3548
+ }
3549
+ .focus\:ring-ring {
3550
+ &:focus {
3551
+ --tw-ring-color: var(--ring);
3552
+ }
3553
+ }
3554
+ .focus\:ring-offset-2 {
3555
+ &:focus {
3556
+ --tw-ring-offset-width: 2px;
3557
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3558
+ }
3559
+ }
3560
+ .focus\:outline-hidden {
3561
+ &:focus {
3562
+ --tw-outline-style: none;
3563
+ outline-style: none;
3564
+ @media (forced-colors: active) {
3565
+ outline: 2px solid transparent;
3566
+ outline-offset: 2px;
3567
+ }
3568
+ }
3569
+ }
3570
+ .focus-visible\:border-ring {
3571
+ &:focus-visible {
3572
+ border-color: var(--ring);
3573
+ }
3574
+ }
3575
+ .focus-visible\:ring-2 {
3576
+ &:focus-visible {
3577
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3578
+ box-shadow:
3579
+ var(--tw-inset-shadow),
3580
+ var(--tw-inset-ring-shadow),
3581
+ var(--tw-ring-offset-shadow),
3582
+ var(--tw-ring-shadow),
3583
+ var(--tw-shadow);
3584
+ }
3585
+ }
3586
+ .focus-visible\:ring-\[3px\] {
3587
+ &:focus-visible {
3588
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3589
+ box-shadow:
3590
+ var(--tw-inset-shadow),
3591
+ var(--tw-inset-ring-shadow),
3592
+ var(--tw-ring-offset-shadow),
3593
+ var(--tw-ring-shadow),
3594
+ var(--tw-shadow);
3595
+ }
3596
+ }
3597
+ .focus-visible\:ring-destructive\/20 {
3598
+ &:focus-visible {
3599
+ --tw-ring-color: var(--destructive);
3600
+ @supports (color: color-mix(in lab, red, red)) {
3601
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
3602
+ }
3603
+ }
3604
+ }
3605
+ .focus-visible\:ring-ring\/50 {
3606
+ &:focus-visible {
3607
+ --tw-ring-color: var(--ring);
3608
+ @supports (color: color-mix(in lab, red, red)) {
3609
+ --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
3610
+ }
3611
+ }
3612
+ }
3613
+ .focus-visible\:outline-1 {
3614
+ &:focus-visible {
3615
+ outline-style: var(--tw-outline-style);
3616
+ outline-width: 1px;
3617
+ }
3618
+ }
3619
+ .active\:bg-sidebar-accent {
3620
+ &:active {
3621
+ background-color: var(--sidebar-accent);
3622
+ }
3623
+ }
3624
+ .active\:text-sidebar-accent-foreground {
3625
+ &:active {
3626
+ color: var(--sidebar-accent-foreground);
3627
+ }
3628
+ }
3629
+ .disabled\:pointer-events-none {
3630
+ &:disabled {
3631
+ pointer-events: none;
3632
+ }
3633
+ }
3634
+ .disabled\:cursor-not-allowed {
3635
+ &:disabled {
3636
+ cursor: not-allowed;
3637
+ }
3638
+ }
3639
+ .disabled\:opacity-50 {
3640
+ &:disabled {
3641
+ opacity: 50%;
3642
+ }
3643
+ }
3644
+ .in-data-\[side\=left\]\:cursor-w-resize {
3645
+ :where(*[data-side=left]) & {
3646
+ cursor: w-resize;
3647
+ }
3648
+ }
3649
+ .in-data-\[side\=right\]\:cursor-e-resize {
3650
+ :where(*[data-side=right]) & {
3651
+ cursor: e-resize;
3652
+ }
3653
+ }
3654
+ .has-data-\[variant\=inset\]\:bg-sidebar {
3655
+ &:has(*[data-variant=inset]) {
3656
+ background-color: var(--sidebar);
3657
+ }
3658
+ }
3659
+ .has-\[\>svg\]\:px-2\.5 {
3660
+ &:has(> svg) {
3661
+ padding-inline: calc(var(--spacing) * 2.5);
3662
+ }
3663
+ }
3664
+ .has-\[\>svg\]\:px-3 {
3665
+ &:has(> svg) {
3666
+ padding-inline: calc(var(--spacing) * 3);
3667
+ }
3668
+ }
3669
+ .has-\[\>svg\]\:px-4 {
3670
+ &:has(> svg) {
3671
+ padding-inline: calc(var(--spacing) * 4);
3672
+ }
3673
+ }
3674
+ .aria-disabled\:pointer-events-none {
3675
+ &[aria-disabled=true] {
3676
+ pointer-events: none;
3677
+ }
3678
+ }
3679
+ .aria-disabled\:opacity-50 {
3680
+ &[aria-disabled=true] {
3681
+ opacity: 50%;
3682
+ }
3683
+ }
3684
+ .aria-invalid\:border-destructive {
3685
+ &[aria-invalid=true] {
3686
+ border-color: var(--destructive);
3687
+ }
3688
+ }
3689
+ .aria-invalid\:ring-destructive\/20 {
3690
+ &[aria-invalid=true] {
3691
+ --tw-ring-color: var(--destructive);
3692
+ @supports (color: color-mix(in lab, red, red)) {
3693
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
3694
+ }
3695
+ }
3696
+ }
3697
+ .data-\[active\=true\]\:bg-sidebar-accent {
3698
+ &[data-active=true] {
3699
+ background-color: var(--sidebar-accent);
3700
+ }
3701
+ }
3702
+ .data-\[active\=true\]\:font-medium {
3703
+ &[data-active=true] {
3704
+ --tw-font-weight: var(--font-weight-medium);
3705
+ font-weight: var(--font-weight-medium);
3706
+ }
3707
+ }
3708
+ .data-\[active\=true\]\:text-sidebar-accent-foreground {
3709
+ &[data-active=true] {
3710
+ color: var(--sidebar-accent-foreground);
3711
+ }
3712
+ }
3713
+ .data-\[disabled\]\:pointer-events-none {
3714
+ &[data-disabled] {
3715
+ pointer-events: none;
3716
+ }
3717
+ }
3718
+ .data-\[disabled\]\:opacity-50 {
3719
+ &[data-disabled] {
3720
+ opacity: 50%;
3721
+ }
3722
+ }
3723
+ .data-\[disabled\=true\]\:pointer-events-none {
3724
+ &[data-disabled=true] {
3725
+ pointer-events: none;
3726
+ }
3727
+ }
3728
+ .data-\[disabled\=true\]\:opacity-50 {
3729
+ &[data-disabled=true] {
3730
+ opacity: 50%;
3731
+ }
3732
+ }
3733
+ .data-\[inset\]\:pl-8 {
3734
+ &[data-inset] {
3735
+ padding-left: calc(var(--spacing) * 8);
3736
+ }
3737
+ }
3738
+ .data-\[orientation\=horizontal\]\:h-px {
3739
+ &[data-orientation=horizontal] {
3740
+ height: 1px;
3741
+ }
3742
+ }
3743
+ .data-\[orientation\=horizontal\]\:w-full {
3744
+ &[data-orientation=horizontal] {
3745
+ width: 100%;
3746
+ }
3747
+ }
3748
+ .data-\[orientation\=vertical\]\:h-full {
3749
+ &[data-orientation=vertical] {
3750
+ height: 100%;
3751
+ }
3752
+ }
3753
+ .data-\[orientation\=vertical\]\:w-px {
3754
+ &[data-orientation=vertical] {
3755
+ width: 1px;
3756
+ }
3757
+ }
3758
+ .data-\[selected\=true\]\:bg-accent {
3759
+ &[data-selected=true] {
3760
+ background-color: var(--accent);
3761
+ }
3762
+ }
3763
+ .data-\[selected\=true\]\:text-accent-foreground {
3764
+ &[data-selected=true] {
3765
+ color: var(--accent-foreground);
3766
+ }
3767
+ }
3768
+ .data-\[side\=bottom\]\:slide-in-from-top-2 {
3769
+ &[data-side=bottom] {
3770
+ --tw-enter-translate-y: calc(2*var(--spacing)*-1);
3771
+ }
3772
+ }
3773
+ .data-\[side\=left\]\:slide-in-from-right-2 {
3774
+ &[data-side=left] {
3775
+ --tw-enter-translate-x: calc(2*var(--spacing));
3776
+ }
3777
+ }
3778
+ .data-\[side\=right\]\:slide-in-from-left-2 {
3779
+ &[data-side=right] {
3780
+ --tw-enter-translate-x: calc(2*var(--spacing)*-1);
3781
+ }
3782
+ }
3783
+ .data-\[side\=top\]\:slide-in-from-bottom-2 {
3784
+ &[data-side=top] {
3785
+ --tw-enter-translate-y: calc(2*var(--spacing));
3786
+ }
3787
+ }
3788
+ .\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 {
3789
+ :is(& *) {
3790
+ &[data-slot=command-input-wrapper] {
3791
+ height: calc(var(--spacing) * 12);
3792
+ }
3793
+ }
3794
+ }
3795
+ .data-\[state\=closed\]\:animate-out {
3796
+ &[data-state=closed] {
3797
+ animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
3798
+ }
3799
+ }
3800
+ .data-\[state\=closed\]\:duration-300 {
3801
+ &[data-state=closed] {
3802
+ --tw-duration: 300ms;
3803
+ transition-duration: 300ms;
3804
+ }
3805
+ }
3806
+ .data-\[state\=closed\]\:fade-out-0 {
3807
+ &[data-state=closed] {
3808
+ --tw-exit-opacity: calc(0/100);
3809
+ --tw-exit-opacity: 0;
3810
+ }
3811
+ }
3812
+ .data-\[state\=closed\]\:zoom-out-95 {
3813
+ &[data-state=closed] {
3814
+ --tw-exit-scale: calc(95*1%);
3815
+ --tw-exit-scale: .95;
3816
+ }
3817
+ }
3818
+ .data-\[state\=closed\]\:slide-out-to-bottom {
3819
+ &[data-state=closed] {
3820
+ --tw-exit-translate-y: 100%;
3821
+ }
3822
+ }
3823
+ .data-\[state\=closed\]\:slide-out-to-left {
3824
+ &[data-state=closed] {
3825
+ --tw-exit-translate-x: -100%;
3826
+ }
3827
+ }
3828
+ .data-\[state\=closed\]\:slide-out-to-right {
3829
+ &[data-state=closed] {
3830
+ --tw-exit-translate-x: 100%;
3831
+ }
3832
+ }
3833
+ .data-\[state\=closed\]\:slide-out-to-top {
3834
+ &[data-state=closed] {
3835
+ --tw-exit-translate-y: -100%;
3836
+ }
3837
+ }
3838
+ .data-\[state\=open\]\:animate-in {
3839
+ &[data-state=open] {
3840
+ animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
3841
+ }
3842
+ }
3843
+ .data-\[state\=open\]\:bg-accent {
3844
+ &[data-state=open] {
3845
+ background-color: var(--accent);
3846
+ }
3847
+ }
3848
+ .data-\[state\=open\]\:bg-secondary {
3849
+ &[data-state=open] {
3850
+ background-color: var(--secondary);
3851
+ }
3852
+ }
3853
+ .data-\[state\=open\]\:text-accent-foreground {
3854
+ &[data-state=open] {
3855
+ color: var(--accent-foreground);
3856
+ }
3857
+ }
3858
+ .data-\[state\=open\]\:text-muted-foreground {
3859
+ &[data-state=open] {
3860
+ color: var(--muted-foreground);
3861
+ }
3862
+ }
3863
+ .data-\[state\=open\]\:opacity-100 {
3864
+ &[data-state=open] {
3865
+ opacity: 100%;
3866
+ }
3867
+ }
3868
+ .data-\[state\=open\]\:duration-500 {
3869
+ &[data-state=open] {
3870
+ --tw-duration: 500ms;
3871
+ transition-duration: 500ms;
3872
+ }
3873
+ }
3874
+ .data-\[state\=open\]\:fade-in-0 {
3875
+ &[data-state=open] {
3876
+ --tw-enter-opacity: calc(0/100);
3877
+ --tw-enter-opacity: 0;
3878
+ }
3879
+ }
3880
+ .data-\[state\=open\]\:zoom-in-95 {
3881
+ &[data-state=open] {
3882
+ --tw-enter-scale: calc(95*1%);
3883
+ --tw-enter-scale: .95;
3884
+ }
3885
+ }
3886
+ .data-\[state\=open\]\:slide-in-from-bottom {
3887
+ &[data-state=open] {
3888
+ --tw-enter-translate-y: 100%;
3889
+ }
3890
+ }
3891
+ .data-\[state\=open\]\:slide-in-from-left {
3892
+ &[data-state=open] {
3893
+ --tw-enter-translate-x: -100%;
3894
+ }
3895
+ }
3896
+ .data-\[state\=open\]\:slide-in-from-right {
3897
+ &[data-state=open] {
3898
+ --tw-enter-translate-x: 100%;
3899
+ }
3900
+ }
3901
+ .data-\[state\=open\]\:slide-in-from-top {
3902
+ &[data-state=open] {
3903
+ --tw-enter-translate-y: -100%;
3904
+ }
3905
+ }
3906
+ .data-\[state\=open\]\:hover\:bg-sidebar-accent {
3907
+ &[data-state=open] {
3908
+ &:hover {
3909
+ @media (hover: hover) {
3910
+ background-color: var(--sidebar-accent);
3911
+ }
3912
+ }
3913
+ }
3914
+ }
3915
+ .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground {
3916
+ &[data-state=open] {
3917
+ &:hover {
3918
+ @media (hover: hover) {
3919
+ color: var(--sidebar-accent-foreground);
3920
+ }
3921
+ }
3922
+ }
3923
+ }
3924
+ .data-\[variant\=destructive\]\:text-destructive {
3925
+ &[data-variant=destructive] {
3926
+ color: var(--destructive);
3927
+ }
3928
+ }
3929
+ .data-\[variant\=destructive\]\:focus\:bg-destructive\/10 {
3930
+ &[data-variant=destructive] {
3931
+ &:focus {
3932
+ background-color: var(--destructive);
3933
+ @supports (color: color-mix(in lab, red, red)) {
3934
+ background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
3935
+ }
3936
+ }
3937
+ }
3938
+ }
3939
+ .data-\[variant\=destructive\]\:focus\:text-destructive {
3940
+ &[data-variant=destructive] {
3941
+ &:focus {
3942
+ color: var(--destructive);
3943
+ }
3944
+ }
3945
+ }
3946
+ .sm\:flex {
3947
+ @media (width >= 40rem) {
3948
+ display: flex;
3949
+ }
3950
+ }
3951
+ .sm\:max-w-lg {
3952
+ @media (width >= 40rem) {
3953
+ max-width: var(--container-lg);
3954
+ }
3955
+ }
3956
+ .sm\:max-w-sm {
3957
+ @media (width >= 40rem) {
3958
+ max-width: var(--container-sm);
3959
+ }
3960
+ }
3961
+ .sm\:flex-row {
3962
+ @media (width >= 40rem) {
3963
+ flex-direction: row;
3964
+ }
3965
+ }
3966
+ .sm\:justify-end {
3967
+ @media (width >= 40rem) {
3968
+ justify-content: flex-end;
3969
+ }
3970
+ }
3971
+ .sm\:text-left {
3972
+ @media (width >= 40rem) {
3973
+ text-align: left;
3974
+ }
3975
+ }
3976
+ .md\:block {
3977
+ @media (width >= 48rem) {
3978
+ display: block;
3979
+ }
3980
+ }
3981
+ .md\:flex {
3982
+ @media (width >= 48rem) {
3983
+ display: flex;
3984
+ }
3985
+ }
3986
+ .md\:text-sm {
3987
+ @media (width >= 48rem) {
3988
+ font-size: var(--text-sm);
3989
+ line-height: var(--tw-leading, var(--text-sm--line-height));
3990
+ }
3991
+ }
3992
+ .md\:opacity-0 {
3993
+ @media (width >= 48rem) {
3994
+ opacity: 0%;
3995
+ }
3996
+ }
3997
+ .md\:peer-data-\[variant\=inset\]\:m-2 {
3998
+ @media (width >= 48rem) {
3999
+ &:is(:where(.peer)[data-variant=inset] ~ *) {
4000
+ margin: calc(var(--spacing) * 2);
4001
+ }
4002
+ }
4003
+ }
4004
+ .md\:peer-data-\[variant\=inset\]\:ml-0 {
4005
+ @media (width >= 48rem) {
4006
+ &:is(:where(.peer)[data-variant=inset] ~ *) {
4007
+ margin-left: calc(var(--spacing) * 0);
4008
+ }
4009
+ }
4010
+ }
4011
+ .md\:peer-data-\[variant\=inset\]\:rounded-xl {
4012
+ @media (width >= 48rem) {
4013
+ &:is(:where(.peer)[data-variant=inset] ~ *) {
4014
+ border-radius: calc(var(--radius) + 4px);
4015
+ }
4016
+ }
4017
+ }
4018
+ .md\:peer-data-\[variant\=inset\]\:shadow-sm {
4019
+ @media (width >= 48rem) {
4020
+ &:is(:where(.peer)[data-variant=inset] ~ *) {
4021
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
4022
+ box-shadow:
4023
+ var(--tw-inset-shadow),
4024
+ var(--tw-inset-ring-shadow),
4025
+ var(--tw-ring-offset-shadow),
4026
+ var(--tw-ring-shadow),
4027
+ var(--tw-shadow);
4028
+ }
4029
+ }
4030
+ }
4031
+ .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2 {
4032
+ @media (width >= 48rem) {
4033
+ &:is(:where(.peer)[data-variant=inset] ~ *) {
4034
+ &:is(:where(.peer)[data-state=collapsed] ~ *) {
4035
+ margin-left: calc(var(--spacing) * 2);
4036
+ }
4037
+ }
4038
+ }
4039
+ }
4040
+ .md\:after\:hidden {
4041
+ @media (width >= 48rem) {
4042
+ &::after {
4043
+ content: var(--tw-content);
4044
+ display: none;
4045
+ }
4046
+ }
4047
+ }
4048
+ .dark\:border-\[\#a3a3a8\] {
4049
+ &:is(.dark *) {
4050
+ border-color: #a3a3a8;
4051
+ }
4052
+ }
4053
+ .dark\:border-input {
4054
+ &:is(.dark *) {
4055
+ border-color: var(--input);
4056
+ }
4057
+ }
4058
+ .dark\:bg-destructive\/60 {
4059
+ &:is(.dark *) {
4060
+ background-color: var(--destructive);
4061
+ @supports (color: color-mix(in lab, red, red)) {
4062
+ background-color: color-mix(in oklab, var(--destructive) 60%, transparent);
4063
+ }
4064
+ }
4065
+ }
4066
+ .dark\:bg-input\/30 {
4067
+ &:is(.dark *) {
4068
+ background-color: var(--input);
4069
+ @supports (color: color-mix(in lab, red, red)) {
4070
+ background-color: color-mix(in oklab, var(--input) 30%, transparent);
4071
+ }
4072
+ }
4073
+ }
4074
+ .dark\:bg-transparent {
4075
+ &:is(.dark *) {
4076
+ background-color: transparent;
4077
+ }
4078
+ }
4079
+ .dark\:hover\:bg-accent\/50 {
4080
+ &:is(.dark *) {
4081
+ &:hover {
4082
+ @media (hover: hover) {
4083
+ background-color: var(--accent);
4084
+ @supports (color: color-mix(in lab, red, red)) {
4085
+ background-color: color-mix(in oklab, var(--accent) 50%, transparent);
4086
+ }
4087
+ }
4088
+ }
4089
+ }
4090
+ }
4091
+ .dark\:hover\:bg-input\/50 {
4092
+ &:is(.dark *) {
4093
+ &:hover {
4094
+ @media (hover: hover) {
4095
+ background-color: var(--input);
4096
+ @supports (color: color-mix(in lab, red, red)) {
4097
+ background-color: color-mix(in oklab, var(--input) 50%, transparent);
4098
+ }
4099
+ }
4100
+ }
4101
+ }
4102
+ }
4103
+ .dark\:focus-visible\:ring-destructive\/40 {
4104
+ &:is(.dark *) {
4105
+ &:focus-visible {
4106
+ --tw-ring-color: var(--destructive);
4107
+ @supports (color: color-mix(in lab, red, red)) {
4108
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
4109
+ }
4110
+ }
4111
+ }
4112
+ }
4113
+ .dark\:aria-invalid\:ring-destructive\/40 {
4114
+ &:is(.dark *) {
4115
+ &[aria-invalid=true] {
4116
+ --tw-ring-color: var(--destructive);
4117
+ @supports (color: color-mix(in lab, red, red)) {
4118
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
4119
+ }
4120
+ }
4121
+ }
4122
+ }
4123
+ .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
4124
+ &:is(.dark *) {
4125
+ &[data-variant=destructive] {
4126
+ &:focus {
4127
+ background-color: var(--destructive);
4128
+ @supports (color: color-mix(in lab, red, red)) {
4129
+ background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
4130
+ }
4131
+ }
4132
+ }
4133
+ }
4134
+ }
4135
+ .\[\&_\[cmdk-group-heading\]\]\:px-2 {
4136
+ & [cmdk-group-heading] {
4137
+ padding-inline: calc(var(--spacing) * 2);
4138
+ }
4139
+ }
4140
+ .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 {
4141
+ & [cmdk-group-heading] {
4142
+ padding-block: calc(var(--spacing) * 1.5);
4143
+ }
4144
+ }
4145
+ .\[\&_\[cmdk-group-heading\]\]\:text-xs {
4146
+ & [cmdk-group-heading] {
4147
+ font-size: var(--text-xs);
4148
+ line-height: var(--tw-leading, var(--text-xs--line-height));
4149
+ }
4150
+ }
4151
+ .\[\&_\[cmdk-group-heading\]\]\:font-medium {
4152
+ & [cmdk-group-heading] {
4153
+ --tw-font-weight: var(--font-weight-medium);
4154
+ font-weight: var(--font-weight-medium);
4155
+ }
4156
+ }
4157
+ .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground {
4158
+ & [cmdk-group-heading] {
4159
+ color: var(--muted-foreground);
4160
+ }
4161
+ }
4162
+ .\[\&_\[cmdk-group\]\]\:px-2 {
4163
+ & [cmdk-group] {
4164
+ padding-inline: calc(var(--spacing) * 2);
4165
+ }
4166
+ }
4167
+ .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 {
4168
+ & [cmdk-group]:not([hidden]) ~ [cmdk-group] {
4169
+ padding-top: calc(var(--spacing) * 0);
4170
+ }
4171
+ }
4172
+ .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 {
4173
+ & [cmdk-input-wrapper] svg {
4174
+ height: calc(var(--spacing) * 5);
4175
+ }
4176
+ }
4177
+ .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 {
4178
+ & [cmdk-input-wrapper] svg {
4179
+ width: calc(var(--spacing) * 5);
4180
+ }
4181
+ }
4182
+ .\[\&_\[cmdk-input\]\]\:h-12 {
4183
+ & [cmdk-input] {
4184
+ height: calc(var(--spacing) * 12);
4185
+ }
4186
+ }
4187
+ .\[\&_\[cmdk-item\]\]\:px-2 {
4188
+ & [cmdk-item] {
4189
+ padding-inline: calc(var(--spacing) * 2);
4190
+ }
4191
+ }
4192
+ .\[\&_\[cmdk-item\]\]\:py-3 {
4193
+ & [cmdk-item] {
4194
+ padding-block: calc(var(--spacing) * 3);
4195
+ }
4196
+ }
4197
+ .\[\&_\[cmdk-item\]_svg\]\:h-5 {
4198
+ & [cmdk-item] svg {
4199
+ height: calc(var(--spacing) * 5);
4200
+ }
4201
+ }
4202
+ .\[\&_\[cmdk-item\]_svg\]\:w-5 {
4203
+ & [cmdk-item] svg {
4204
+ width: calc(var(--spacing) * 5);
4205
+ }
4206
+ }
4207
+ .\[\&_svg\]\:pointer-events-none {
4208
+ & svg {
4209
+ pointer-events: none;
4210
+ }
4211
+ }
4212
+ .\[\&_svg\]\:shrink-0 {
4213
+ & svg {
4214
+ flex-shrink: 0;
4215
+ }
4216
+ }
4217
+ .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
4218
+ & svg:not([class*=size-]) {
4219
+ width: calc(var(--spacing) * 4);
4220
+ height: calc(var(--spacing) * 4);
4221
+ }
4222
+ }
4223
+ .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground {
4224
+ & svg:not([class*=text-]) {
4225
+ color: var(--muted-foreground);
4226
+ }
4227
+ }
4228
+ .data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive {
4229
+ &[data-variant=destructive] {
4230
+ :is(& > *) {
4231
+ &:is(svg) {
4232
+ color: var(--destructive) !important;
4233
+ }
4234
+ }
4235
+ }
4236
+ }
4237
+ .\[\&\>button\]\:hidden {
4238
+ & > button {
4239
+ display: none;
4240
+ }
4241
+ }
4242
+ .\[\&\>span\:last-child\]\:truncate {
4243
+ & > span:last-child {
4244
+ overflow: hidden;
4245
+ text-overflow: ellipsis;
4246
+ white-space: nowrap;
4247
+ }
4248
+ }
4249
+ .\[\&\>svg\]\:size-4 {
4250
+ & > svg {
4251
+ width: calc(var(--spacing) * 4);
4252
+ height: calc(var(--spacing) * 4);
4253
+ }
4254
+ }
4255
+ .\[\&\>svg\]\:shrink-0 {
4256
+ & > svg {
4257
+ flex-shrink: 0;
4258
+ }
4259
+ }
4260
+ .\[\&\>svg\]\:text-sidebar-accent-foreground {
4261
+ & > svg {
4262
+ color: var(--sidebar-accent-foreground);
4263
+ }
4264
+ }
4265
+ .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
4266
+ [data-side=left][data-collapsible=offcanvas] & {
4267
+ right: calc(var(--spacing) * -2);
4268
+ }
4269
+ }
4270
+ .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
4271
+ [data-side=left][data-state=collapsed] & {
4272
+ cursor: e-resize;
4273
+ }
4274
+ }
4275
+ .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
4276
+ [data-side=right][data-collapsible=offcanvas] & {
4277
+ left: calc(var(--spacing) * -2);
4278
+ }
4279
+ }
4280
+ .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
4281
+ [data-side=right][data-state=collapsed] & {
4282
+ cursor: w-resize;
4283
+ }
4284
+ }
4285
+ }
4286
+ :root {
4287
+ overflow-wrap: break-word;
4288
+ text-size-adjust: none;
4289
+ text-rendering: optimizeLegibility;
4290
+ -webkit-font-smoothing: antialiased;
4291
+ -moz-osx-font-smoothing: grayscale;
4292
+ --tt-gray-light-a-50: rgba(56, 56, 56, 0.04);
4293
+ --tt-gray-light-a-100: rgba(15, 22, 36, 0.05);
4294
+ --tt-gray-light-a-200: rgba(37, 39, 45, 0.1);
4295
+ --tt-gray-light-a-300: rgba(47, 50, 55, 0.2);
4296
+ --tt-gray-light-a-400: rgba(40, 44, 51, 0.42);
4297
+ --tt-gray-light-a-500: rgba(52, 55, 60, 0.64);
4298
+ --tt-gray-light-a-600: rgba(36, 39, 46, 0.78);
4299
+ --tt-gray-light-a-700: rgba(35, 37, 42, 0.87);
4300
+ --tt-gray-light-a-800: rgba(30, 32, 36, 0.95);
4301
+ --tt-gray-light-a-900: rgba(29, 30, 32, 0.98);
4302
+ --tt-gray-light-50: rgba(250, 250, 250, 1);
4303
+ --tt-gray-light-100: rgba(244, 244, 245, 1);
4304
+ --tt-gray-light-200: rgba(234, 234, 235, 1);
4305
+ --tt-gray-light-300: rgba(213, 214, 215, 1);
4306
+ --tt-gray-light-400: rgba(166, 167, 171, 1);
4307
+ --tt-gray-light-500: rgba(125, 127, 130, 1);
4308
+ --tt-gray-light-600: rgba(83, 86, 90, 1);
4309
+ --tt-gray-light-700: rgba(64, 65, 69, 1);
4310
+ --tt-gray-light-800: rgba(44, 45, 48, 1);
4311
+ --tt-gray-light-900: rgba(34, 35, 37, 1);
4312
+ --tt-gray-dark-a-50: rgba(232, 232, 253, 0.05);
4313
+ --tt-gray-dark-a-100: rgba(231, 231, 243, 0.07);
4314
+ --tt-gray-dark-a-200: rgba(238, 238, 246, 0.11);
4315
+ --tt-gray-dark-a-300: rgba(239, 239, 245, 0.22);
4316
+ --tt-gray-dark-a-400: rgba(244, 244, 255, 0.37);
4317
+ --tt-gray-dark-a-500: rgba(236, 238, 253, 0.5);
4318
+ --tt-gray-dark-a-600: rgba(247, 247, 253, 0.64);
4319
+ --tt-gray-dark-a-700: rgba(251, 251, 254, 0.75);
4320
+ --tt-gray-dark-a-800: rgba(253, 253, 253, 0.88);
4321
+ --tt-gray-dark-a-900: rgba(255, 255, 255, 0.96);
4322
+ --tt-gray-dark-50: rgba(25, 25, 26, 1);
4323
+ --tt-gray-dark-100: rgba(32, 32, 34, 1);
4324
+ --tt-gray-dark-200: rgba(45, 45, 47, 1);
4325
+ --tt-gray-dark-300: rgba(70, 70, 73, 1);
4326
+ --tt-gray-dark-400: rgba(99, 99, 105, 1);
4327
+ --tt-gray-dark-500: rgba(124, 124, 131, 1);
4328
+ --tt-gray-dark-600: rgba(163, 163, 168, 1);
4329
+ --tt-gray-dark-700: rgba(192, 192, 195, 1);
4330
+ --tt-gray-dark-800: rgba(224, 224, 225, 1);
4331
+ --tt-gray-dark-900: rgba(245, 245, 245, 1);
4332
+ --tt-brand-color-50: rgba(239, 238, 255, 1);
4333
+ --tt-brand-color-100: rgba(222, 219, 255, 1);
4334
+ --tt-brand-color-200: rgba(195, 189, 255, 1);
4335
+ --tt-brand-color-300: rgba(157, 138, 255, 1);
4336
+ --tt-brand-color-400: rgba(122, 82, 255, 1);
4337
+ --tt-brand-color-500: rgba(98, 41, 255, 1);
4338
+ --tt-brand-color-600: rgba(84, 0, 229, 1);
4339
+ --tt-brand-color-700: rgba(75, 0, 204, 1);
4340
+ --tt-brand-color-800: rgba(56, 0, 153, 1);
4341
+ --tt-brand-color-900: rgba(43, 25, 102, 1);
4342
+ --tt-brand-color-950: hsla(257, 100%, 9%, 1);
4343
+ --tt-color-green-inc-5: hsla(129, 100%, 97%, 1);
4344
+ --tt-color-green-inc-4: hsla(129, 100%, 92%, 1);
4345
+ --tt-color-green-inc-3: hsla(131, 100%, 86%, 1);
4346
+ --tt-color-green-inc-2: hsla(133, 98%, 78%, 1);
4347
+ --tt-color-green-inc-1: hsla(137, 99%, 70%, 1);
4348
+ --tt-color-green-base: hsla(147, 99%, 50%, 1);
4349
+ --tt-color-green-dec-1: hsla(147, 97%, 41%, 1);
4350
+ --tt-color-green-dec-2: hsla(146, 98%, 32%, 1);
4351
+ --tt-color-green-dec-3: hsla(146, 100%, 24%, 1);
4352
+ --tt-color-green-dec-4: hsla(144, 100%, 16%, 1);
4353
+ --tt-color-green-dec-5: hsla(140, 100%, 9%, 1);
4354
+ --tt-color-yellow-inc-5: hsla(50, 100%, 97%, 1);
4355
+ --tt-color-yellow-inc-4: hsla(50, 100%, 91%, 1);
4356
+ --tt-color-yellow-inc-3: hsla(50, 100%, 84%, 1);
4357
+ --tt-color-yellow-inc-2: hsla(50, 100%, 77%, 1);
4358
+ --tt-color-yellow-inc-1: hsla(50, 100%, 68%, 1);
4359
+ --tt-color-yellow-base: hsla(52, 100%, 50%, 1);
4360
+ --tt-color-yellow-dec-1: hsla(52, 100%, 41%, 1);
4361
+ --tt-color-yellow-dec-2: hsla(52, 100%, 32%, 1);
4362
+ --tt-color-yellow-dec-3: hsla(52, 100%, 24%, 1);
4363
+ --tt-color-yellow-dec-4: hsla(51, 100%, 16%, 1);
4364
+ --tt-color-yellow-dec-5: hsla(50, 100%, 9%, 1);
4365
+ --tt-color-red-inc-5: hsla(11, 100%, 96%, 1);
4366
+ --tt-color-red-inc-4: hsla(11, 100%, 88%, 1);
4367
+ --tt-color-red-inc-3: hsla(10, 100%, 80%, 1);
4368
+ --tt-color-red-inc-2: hsla(9, 100%, 73%, 1);
4369
+ --tt-color-red-inc-1: hsla(7, 100%, 64%, 1);
4370
+ --tt-color-red-base: hsla(7, 100%, 54%, 1);
4371
+ --tt-color-red-dec-1: hsla(7, 100%, 41%, 1);
4372
+ --tt-color-red-dec-2: hsla(5, 100%, 32%, 1);
4373
+ --tt-color-red-dec-3: hsla(4, 100%, 24%, 1);
4374
+ --tt-color-red-dec-4: hsla(3, 100%, 16%, 1);
4375
+ --tt-color-red-dec-5: hsla(1, 100%, 9%, 1);
4376
+ --white: rgba(255, 255, 255, 1);
4377
+ --black: rgba(14, 14, 17, 1);
4378
+ --transparent: rgba(255, 255, 255, 0);
4379
+ --tt-shadow-elevated-md:
4380
+ 0px 16px 48px 0px rgba(17, 24, 39, 0.04),
4381
+ 0px 12px 24px 0px rgba(17, 24, 39, 0.04),
4382
+ 0px 6px 8px 0px rgba(17, 24, 39, 0.02),
4383
+ 0px 2px 3px 0px rgba(17, 24, 39, 0.02);
4384
+ --tt-radius-xxs: 0.125rem;
4385
+ --tt-radius-xs: 0.25rem;
4386
+ --tt-radius-sm: 0.375rem;
4387
+ --tt-radius-md: 0.5rem;
4388
+ --tt-radius-lg: 0.75rem;
4389
+ --tt-radius-xl: 1rem;
4390
+ --tt-transition-duration-short: 0.1s;
4391
+ --tt-transition-duration-default: 0.2s;
4392
+ --tt-transition-duration-long: 0.64s;
4393
+ --tt-transition-easing-default: cubic-bezier(0.46, 0.03, 0.52, 0.96);
4394
+ --tt-transition-easing-cubic: cubic-bezier(0.65, 0.05, 0.36, 1);
4395
+ --tt-transition-easing-quart: cubic-bezier(0.77, 0, 0.18, 1);
4396
+ --tt-transition-easing-circ: cubic-bezier(0.79, 0.14, 0.15, 0.86);
4397
+ --tt-transition-easing-back: cubic-bezier(0.68, -0.55, 0.27, 1.55);
4398
+ --tt-accent-contrast: 8%;
4399
+ --tt-destructive-contrast: 8%;
4400
+ --tt-foreground-contrast: 8%;
4401
+ &,
4402
+ *,
4403
+ ::before,
4404
+ ::after {
4405
+ box-sizing: border-box;
4406
+ transition: none var(--tt-transition-duration-default) var(--tt-transition-easing-default);
4407
+ }
4408
+ }
4409
+ :root {
4410
+ --tt-bg-color: var(--white);
4411
+ --tt-border-color: var(--tt-gray-light-a-200);
4412
+ --tt-border-color-tint: var(--tt-gray-light-a-100);
4413
+ --tt-sidebar-bg-color: var(--tt-gray-light-100);
4414
+ --tt-scrollbar-color: var(--tt-gray-light-a-200);
4415
+ --tt-cursor-color: var(--tt-brand-color-500);
4416
+ --tt-selection-color: rgba(157, 138, 255, 0.2);
4417
+ --tt-card-bg-color: var(--white);
4418
+ --tt-card-border-color: var(--tt-gray-light-a-100);
4419
+ }
4420
+ .dark {
4421
+ --tt-bg-color: var(--black);
4422
+ --tt-border-color: var(--tt-gray-dark-a-200);
4423
+ --tt-border-color-tint: var(--tt-gray-dark-a-100);
4424
+ --tt-sidebar-bg-color: var(--tt-gray-dark-100);
4425
+ --tt-scrollbar-color: var(--tt-gray-dark-a-200);
4426
+ --tt-cursor-color: var(--tt-brand-color-400);
4427
+ --tt-selection-color: rgba(122, 82, 255, 0.2);
4428
+ --tt-card-bg-color: var(--tt-gray-dark-50);
4429
+ --tt-card-border-color: var(--tt-gray-dark-a-50);
4430
+ --tt-shadow-elevated-md:
4431
+ 0px 16px 48px 0px rgba(0, 0, 0, 0.5),
4432
+ 0px 12px 24px 0px rgba(0, 0, 0, 0.24),
4433
+ 0px 6px 8px 0px rgba(0, 0, 0, 0.22),
4434
+ 0px 2px 3px 0px rgba(0, 0, 0, 0.12);
4435
+ }
4436
+ :root {
4437
+ --tt-color-text-gray: hsl(45, 2%, 46%);
4438
+ --tt-color-text-brown: hsl(19, 31%, 47%);
4439
+ --tt-color-text-orange: hsl(30, 89%, 45%);
4440
+ --tt-color-text-yellow: hsl(38, 62%, 49%);
4441
+ --tt-color-text-green: hsl(148, 32%, 39%);
4442
+ --tt-color-text-blue: hsl(202, 54%, 43%);
4443
+ --tt-color-text-purple: hsl(274, 32%, 54%);
4444
+ --tt-color-text-pink: hsl(328, 49%, 53%);
4445
+ --tt-color-text-red: hsl(2, 62%, 55%);
4446
+ --tt-color-text-gray-contrast: hsla(39, 26%, 26%, 0.15);
4447
+ --tt-color-text-brown-contrast: hsla(18, 43%, 69%, 0.35);
4448
+ --tt-color-text-orange-contrast: hsla(24, 73%, 55%, 0.27);
4449
+ --tt-color-text-yellow-contrast: hsla(44, 82%, 59%, 0.39);
4450
+ --tt-color-text-green-contrast: hsla(126, 29%, 60%, 0.27);
4451
+ --tt-color-text-blue-contrast: hsla(202, 54%, 59%, 0.27);
4452
+ --tt-color-text-purple-contrast: hsla(274, 37%, 64%, 0.27);
4453
+ --tt-color-text-pink-contrast: hsla(331, 60%, 71%, 0.27);
4454
+ --tt-color-text-red-contrast: hsla(8, 79%, 79%, 0.4);
4455
+ }
4456
+ .dark {
4457
+ --tt-color-text-gray: hsl(0, 0%, 61%);
4458
+ --tt-color-text-brown: hsl(18, 35%, 58%);
4459
+ --tt-color-text-orange: hsl(25, 53%, 53%);
4460
+ --tt-color-text-yellow: hsl(36, 54%, 55%);
4461
+ --tt-color-text-green: hsl(145, 32%, 47%);
4462
+ --tt-color-text-blue: hsl(202, 64%, 52%);
4463
+ --tt-color-text-purple: hsl(270, 55%, 62%);
4464
+ --tt-color-text-pink: hsl(329, 57%, 58%);
4465
+ --tt-color-text-red: hsl(1, 69%, 60%);
4466
+ --tt-color-text-gray-contrast: hsla(0, 0%, 100%, 0.09);
4467
+ --tt-color-text-brown-contrast: hsla(17, 45%, 50%, 0.25);
4468
+ --tt-color-text-orange-contrast: hsla(27, 82%, 53%, 0.2);
4469
+ --tt-color-text-yellow-contrast: hsla(35, 49%, 47%, 0.2);
4470
+ --tt-color-text-green-contrast: hsla(151, 55%, 39%, 0.2);
4471
+ --tt-color-text-blue-contrast: hsla(202, 54%, 43%, 0.2);
4472
+ --tt-color-text-purple-contrast: hsla(271, 56%, 60%, 0.18);
4473
+ --tt-color-text-pink-contrast: hsla(331, 67%, 58%, 0.22);
4474
+ --tt-color-text-red-contrast: hsla(0, 67%, 60%, 0.25);
4475
+ }
4476
+ :root {
4477
+ --tt-color-highlight-yellow: #fef9c3;
4478
+ --tt-color-highlight-green: #dcfce7;
4479
+ --tt-color-highlight-blue: #e0f2fe;
4480
+ --tt-color-highlight-purple: #f3e8ff;
4481
+ --tt-color-highlight-red: #ffe4e6;
4482
+ --tt-color-highlight-gray: rgb(248, 248, 247);
4483
+ --tt-color-highlight-brown: rgb(244, 238, 238);
4484
+ --tt-color-highlight-orange: rgb(251, 236, 221);
4485
+ --tt-color-highlight-pink: rgb(252, 241, 246);
4486
+ --tt-color-highlight-yellow-contrast: #fbe604;
4487
+ --tt-color-highlight-green-contrast: #c7fad8;
4488
+ --tt-color-highlight-blue-contrast: #ceeafd;
4489
+ --tt-color-highlight-purple-contrast: #e4ccff;
4490
+ --tt-color-highlight-red-contrast: #ffccd0;
4491
+ --tt-color-highlight-gray-contrast: rgba(84, 72, 49, 0.15);
4492
+ --tt-color-highlight-brown-contrast: rgba(210, 162, 141, 0.35);
4493
+ --tt-color-highlight-orange-contrast: rgba(224, 124, 57, 0.27);
4494
+ --tt-color-highlight-pink-contrast: rgba(225, 136, 179, 0.27);
4495
+ }
4496
+ .dark {
4497
+ --tt-color-highlight-yellow: #6b6524;
4498
+ --tt-color-highlight-green: #509568;
4499
+ --tt-color-highlight-blue: #6e92aa;
4500
+ --tt-color-highlight-purple: #583e74;
4501
+ --tt-color-highlight-red: #743e42;
4502
+ --tt-color-highlight-gray: rgb(47, 47, 47);
4503
+ --tt-color-highlight-brown: rgb(74, 50, 40);
4504
+ --tt-color-highlight-orange: rgb(92, 59, 35);
4505
+ --tt-color-highlight-pink: rgb(78, 44, 60);
4506
+ --tt-color-highlight-yellow-contrast: #58531e;
4507
+ --tt-color-highlight-green-contrast: #47855d;
4508
+ --tt-color-highlight-blue-contrast: #5e86a1;
4509
+ --tt-color-highlight-purple-contrast: #4c3564;
4510
+ --tt-color-highlight-red-contrast: #643539;
4511
+ --tt-color-highlight-gray-contrast: rgba(255, 255, 255, 0.094);
4512
+ --tt-color-highlight-brown-contrast: rgba(184, 101, 69, 0.25);
4513
+ --tt-color-highlight-orange-contrast: rgba(233, 126, 37, 0.2);
4514
+ --tt-color-highlight-pink-contrast: rgba(220, 76, 145, 0.22);
4515
+ }
4516
+ @keyframes fadeIn {
4517
+ from {
4518
+ opacity: 0;
4519
+ }
4520
+ to {
4521
+ opacity: 1;
4522
+ }
4523
+ }
4524
+ @keyframes fadeOut {
4525
+ from {
4526
+ opacity: 1;
4527
+ }
4528
+ to {
4529
+ opacity: 0;
4530
+ }
4531
+ }
4532
+ @keyframes zoomIn {
4533
+ from {
4534
+ transform: scale(0.95);
4535
+ }
4536
+ to {
4537
+ transform: scale(1);
4538
+ }
4539
+ }
4540
+ @keyframes zoomOut {
4541
+ from {
4542
+ transform: scale(1);
4543
+ }
4544
+ to {
4545
+ transform: scale(0.95);
4546
+ }
4547
+ }
4548
+ @keyframes zoom {
4549
+ 0% {
4550
+ opacity: 0;
4551
+ transform: scale(0.95);
4552
+ }
4553
+ 100% {
4554
+ opacity: 1;
4555
+ transform: scale(1);
4556
+ }
4557
+ }
4558
+ @keyframes slideFromTop {
4559
+ from {
4560
+ transform: translateY(-0.5rem);
4561
+ }
4562
+ to {
4563
+ transform: translateY(0);
4564
+ }
4565
+ }
4566
+ @keyframes slideFromRight {
4567
+ from {
4568
+ transform: translateX(0.5rem);
4569
+ }
4570
+ to {
4571
+ transform: translateX(0);
4572
+ }
4573
+ }
4574
+ @keyframes slideFromLeft {
4575
+ from {
4576
+ transform: translateX(-0.5rem);
4577
+ }
4578
+ to {
4579
+ transform: translateX(0);
4580
+ }
4581
+ }
4582
+ @keyframes slideFromBottom {
4583
+ from {
4584
+ transform: translateY(0.5rem);
4585
+ }
4586
+ to {
4587
+ transform: translateY(0);
4588
+ }
4589
+ }
4590
+ @keyframes spin {
4591
+ from {
4592
+ transform: rotate(0deg);
4593
+ }
4594
+ to {
4595
+ transform: rotate(360deg);
4596
+ }
4597
+ }
4598
+ @property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; }
4599
+ @property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; }
4600
+ @property --tw-animation-duration { syntax: "*"; inherits: false; }
4601
+ @property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; }
4602
+ @property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; }
4603
+ @property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; }
4604
+ @property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; }
4605
+ @property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; }
4606
+ @property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; }
4607
+ @property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
4608
+ @property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
4609
+ @property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; }
4610
+ @property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; }
4611
+ @property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; }
4612
+ @property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; }
4613
+ @property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
4614
+ @property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
4615
+ :root {
4616
+ --radius: 0.625rem;
4617
+ --background: oklch(1 0 0);
4618
+ --foreground: oklch(0.145 0 0);
4619
+ --card: oklch(1 0 0);
4620
+ --card-foreground: oklch(0.145 0 0);
4621
+ --popover: oklch(1 0 0);
4622
+ --popover-foreground: oklch(0.145 0 0);
4623
+ --primary: oklch(0.205 0 0);
4624
+ --primary-foreground: oklch(0.985 0 0);
4625
+ --secondary: oklch(0.97 0 0);
4626
+ --secondary-foreground: oklch(0.205 0 0);
4627
+ --muted: oklch(0.97 0 0);
4628
+ --muted-foreground: oklch(0.556 0 0);
4629
+ --accent: oklch(0.97 0 0);
4630
+ --accent-foreground: oklch(0.205 0 0);
4631
+ --destructive: oklch(0.577 0.245 27.325);
4632
+ --border: oklch(0.922 0 0);
4633
+ --input: oklch(0.922 0 0);
4634
+ --ring: oklch(0.708 0 0);
4635
+ --chart-1: oklch(0.646 0.222 41.116);
4636
+ --chart-2: oklch(0.6 0.118 184.704);
4637
+ --chart-3: oklch(0.398 0.07 227.392);
4638
+ --chart-4: oklch(0.828 0.189 84.429);
4639
+ --chart-5: oklch(0.769 0.188 70.08);
4640
+ --sidebar: oklch(0.985 0 0);
4641
+ --sidebar-foreground: oklch(0.145 0 0);
4642
+ --sidebar-primary: oklch(0.205 0 0);
4643
+ --sidebar-primary-foreground: oklch(0.985 0 0);
4644
+ --sidebar-accent: oklch(0.97 0 0);
4645
+ --sidebar-accent-foreground: oklch(0.205 0 0);
4646
+ --sidebar-border: oklch(0.922 0 0);
4647
+ --sidebar-ring: oklch(0.708 0 0);
4648
+ }
4649
+ .dark {
4650
+ --background: oklch(0.145 0 0);
4651
+ --foreground: oklch(0.985 0 0);
4652
+ --card: oklch(0.205 0 0);
4653
+ --card-foreground: oklch(0.985 0 0);
4654
+ --popover: oklch(0.205 0 0);
4655
+ --popover-foreground: oklch(0.985 0 0);
4656
+ --primary: oklch(0.922 0 0);
4657
+ --primary-foreground: oklch(0.205 0 0);
4658
+ --secondary: oklch(0.269 0 0);
4659
+ --secondary-foreground: oklch(0.985 0 0);
4660
+ --muted: oklch(0.269 0 0);
4661
+ --muted-foreground: oklch(0.708 0 0);
4662
+ --accent: oklch(0.269 0 0);
4663
+ --accent-foreground: oklch(0.985 0 0);
4664
+ --destructive: oklch(0.704 0.191 22.216);
4665
+ --border: oklch(1 0 0 / 10%);
4666
+ --input: oklch(1 0 0 / 15%);
4667
+ --ring: oklch(0.556 0 0);
4668
+ --chart-1: oklch(0.488 0.243 264.376);
4669
+ --chart-2: oklch(0.696 0.17 162.48);
4670
+ --chart-3: oklch(0.769 0.188 70.08);
4671
+ --chart-4: oklch(0.627 0.265 303.9);
4672
+ --chart-5: oklch(0.645 0.246 16.439);
4673
+ --sidebar: oklch(0.205 0 0);
4674
+ --sidebar-foreground: oklch(0.985 0 0);
4675
+ --sidebar-primary: oklch(0.488 0.243 264.376);
4676
+ --sidebar-primary-foreground: oklch(0.985 0 0);
4677
+ --sidebar-accent: oklch(0.269 0 0);
4678
+ --sidebar-accent-foreground: oklch(0.985 0 0);
4679
+ --sidebar-border: oklch(1 0 0 / 10%);
4680
+ --sidebar-ring: oklch(0.556 0 0);
4681
+ }
4682
+ @layer base {
4683
+ * {
4684
+ border-color: var(--border);
4685
+ outline-color: var(--ring);
4686
+ @supports (color: color-mix(in lab, red, red)) {
4687
+ outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
4688
+ }
4689
+ }
4690
+ body {
4691
+ background-color: var(--background);
4692
+ color: var(--foreground);
4693
+ }
4694
+ }
4695
+ @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
4696
+ @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
4697
+ @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
4698
+ @property --tw-rotate-x { syntax: "*"; inherits: false; }
4699
+ @property --tw-rotate-y { syntax: "*"; inherits: false; }
4700
+ @property --tw-rotate-z { syntax: "*"; inherits: false; }
4701
+ @property --tw-skew-x { syntax: "*"; inherits: false; }
4702
+ @property --tw-skew-y { syntax: "*"; inherits: false; }
4703
+ @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
4704
+ @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
4705
+ @property --tw-leading { syntax: "*"; inherits: false; }
4706
+ @property --tw-font-weight { syntax: "*"; inherits: false; }
4707
+ @property --tw-tracking { syntax: "*"; inherits: false; }
4708
+ @property --tw-ordinal { syntax: "*"; inherits: false; }
4709
+ @property --tw-slashed-zero { syntax: "*"; inherits: false; }
4710
+ @property --tw-numeric-figure { syntax: "*"; inherits: false; }
4711
+ @property --tw-numeric-spacing { syntax: "*"; inherits: false; }
4712
+ @property --tw-numeric-fraction { syntax: "*"; inherits: false; }
4713
+ @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
4714
+ @property --tw-shadow-color { syntax: "*"; inherits: false; }
4715
+ @property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
4716
+ @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
4717
+ @property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
4718
+ @property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
4719
+ @property --tw-ring-color { syntax: "*"; inherits: false; }
4720
+ @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
4721
+ @property --tw-inset-ring-color { syntax: "*"; inherits: false; }
4722
+ @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
4723
+ @property --tw-ring-inset { syntax: "*"; inherits: false; }
4724
+ @property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
4725
+ @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
4726
+ @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
4727
+ @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
4728
+ @property --tw-blur { syntax: "*"; inherits: false; }
4729
+ @property --tw-brightness { syntax: "*"; inherits: false; }
4730
+ @property --tw-contrast { syntax: "*"; inherits: false; }
4731
+ @property --tw-grayscale { syntax: "*"; inherits: false; }
4732
+ @property --tw-hue-rotate { syntax: "*"; inherits: false; }
4733
+ @property --tw-invert { syntax: "*"; inherits: false; }
4734
+ @property --tw-opacity { syntax: "*"; inherits: false; }
4735
+ @property --tw-saturate { syntax: "*"; inherits: false; }
4736
+ @property --tw-sepia { syntax: "*"; inherits: false; }
4737
+ @property --tw-drop-shadow { syntax: "*"; inherits: false; }
4738
+ @property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
4739
+ @property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
4740
+ @property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
4741
+ @property --tw-duration { syntax: "*"; inherits: false; }
4742
+ @property --tw-ease { syntax: "*"; inherits: false; }
4743
+ @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
4744
+ @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
4745
+ @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
4746
+ @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
4747
+ @keyframes pulse {
4748
+ 50% {
4749
+ opacity: 0.5;
4750
+ }
4751
+ }
4752
+ @keyframes enter {
4753
+ from {
4754
+ opacity: var(--tw-enter-opacity,1);
4755
+ transform: translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0)scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
4756
+ filter: blur(var(--tw-enter-blur,0));
4757
+ }
4758
+ }
4759
+ @keyframes exit {
4760
+ to {
4761
+ opacity: var(--tw-exit-opacity,1);
4762
+ transform: translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0)scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
4763
+ filter: blur(var(--tw-exit-blur,0));
4764
+ }
4765
+ }
4766
+ @layer properties {
4767
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
4768
+ *,
4769
+ ::before,
4770
+ ::after,
4771
+ ::backdrop {
4772
+ --tw-translate-x: 0;
4773
+ --tw-translate-y: 0;
4774
+ --tw-translate-z: 0;
4775
+ --tw-rotate-x: initial;
4776
+ --tw-rotate-y: initial;
4777
+ --tw-rotate-z: initial;
4778
+ --tw-skew-x: initial;
4779
+ --tw-skew-y: initial;
4780
+ --tw-space-y-reverse: 0;
4781
+ --tw-border-style: solid;
4782
+ --tw-leading: initial;
4783
+ --tw-font-weight: initial;
4784
+ --tw-tracking: initial;
4785
+ --tw-ordinal: initial;
4786
+ --tw-slashed-zero: initial;
4787
+ --tw-numeric-figure: initial;
4788
+ --tw-numeric-spacing: initial;
4789
+ --tw-numeric-fraction: initial;
4790
+ --tw-shadow: 0 0 #0000;
4791
+ --tw-shadow-color: initial;
4792
+ --tw-shadow-alpha: 100%;
4793
+ --tw-inset-shadow: 0 0 #0000;
4794
+ --tw-inset-shadow-color: initial;
4795
+ --tw-inset-shadow-alpha: 100%;
4796
+ --tw-ring-color: initial;
4797
+ --tw-ring-shadow: 0 0 #0000;
4798
+ --tw-inset-ring-color: initial;
4799
+ --tw-inset-ring-shadow: 0 0 #0000;
4800
+ --tw-ring-inset: initial;
4801
+ --tw-ring-offset-width: 0px;
4802
+ --tw-ring-offset-color: #fff;
4803
+ --tw-ring-offset-shadow: 0 0 #0000;
4804
+ --tw-outline-style: solid;
4805
+ --tw-blur: initial;
4806
+ --tw-brightness: initial;
4807
+ --tw-contrast: initial;
4808
+ --tw-grayscale: initial;
4809
+ --tw-hue-rotate: initial;
4810
+ --tw-invert: initial;
4811
+ --tw-opacity: initial;
4812
+ --tw-saturate: initial;
4813
+ --tw-sepia: initial;
4814
+ --tw-drop-shadow: initial;
4815
+ --tw-drop-shadow-color: initial;
4816
+ --tw-drop-shadow-alpha: 100%;
4817
+ --tw-drop-shadow-size: initial;
4818
+ --tw-duration: initial;
4819
+ --tw-ease: initial;
4820
+ --tw-content: "";
4821
+ --tw-scale-x: 1;
4822
+ --tw-scale-y: 1;
4823
+ --tw-scale-z: 1;
4824
+ --tw-animation-delay: 0s;
4825
+ --tw-animation-direction: normal;
4826
+ --tw-animation-duration: initial;
4827
+ --tw-animation-fill-mode: none;
4828
+ --tw-animation-iteration-count: 1;
4829
+ --tw-enter-blur: 0;
4830
+ --tw-enter-opacity: 1;
4831
+ --tw-enter-rotate: 0;
4832
+ --tw-enter-scale: 1;
4833
+ --tw-enter-translate-x: 0;
4834
+ --tw-enter-translate-y: 0;
4835
+ --tw-exit-blur: 0;
4836
+ --tw-exit-opacity: 1;
4837
+ --tw-exit-rotate: 0;
4838
+ --tw-exit-scale: 1;
4839
+ --tw-exit-translate-x: 0;
4840
+ --tw-exit-translate-y: 0;
4841
+ }
4842
+ }
4843
+ }
4844
+ /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
4845
+ /*# sourceMappingURL=index.css.map */