flowcore-fn 3.3.0 → 3.7.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.
- package/dist/pkg-index.css +940 -684
- package/dist/pkg-index.js +4224 -1292
- package/dist/pkg-index.mjs +4006 -1068
- package/package.json +10 -2
package/dist/pkg-index.css
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
@layer properties;
|
|
3
3
|
@layer theme, base, components, utilities;
|
|
4
4
|
@layer theme {
|
|
5
|
-
|
|
6
|
-
:host {
|
|
5
|
+
.flowcore-ui,
|
|
6
|
+
.flowcore-ui :host {
|
|
7
7
|
--font-sans:
|
|
8
8
|
ui-sans-serif,
|
|
9
9
|
system-ui,
|
|
@@ -24,9 +24,11 @@
|
|
|
24
24
|
--color-red-50: oklch(97.1% 0.013 17.38);
|
|
25
25
|
--color-red-100: oklch(93.6% 0.032 17.717);
|
|
26
26
|
--color-red-200: oklch(88.5% 0.062 18.334);
|
|
27
|
+
--color-red-400: oklch(70.4% 0.191 22.216);
|
|
27
28
|
--color-red-500: oklch(63.7% 0.237 25.331);
|
|
28
29
|
--color-red-600: oklch(57.7% 0.245 27.325);
|
|
29
30
|
--color-red-700: oklch(50.5% 0.213 27.518);
|
|
31
|
+
--color-red-800: oklch(44.4% 0.177 26.899);
|
|
30
32
|
--color-orange-100: oklch(95.4% 0.038 75.164);
|
|
31
33
|
--color-orange-700: oklch(55.3% 0.195 38.402);
|
|
32
34
|
--color-amber-50: oklch(98.7% 0.022 95.277);
|
|
@@ -57,6 +59,7 @@
|
|
|
57
59
|
--color-indigo-600: oklch(51.1% 0.262 276.966);
|
|
58
60
|
--color-indigo-700: oklch(45.7% 0.24 277.023);
|
|
59
61
|
--color-rose-50: oklch(96.9% 0.015 12.422);
|
|
62
|
+
--color-rose-100: oklch(94.1% 0.03 12.58);
|
|
60
63
|
--color-rose-200: oklch(89.2% 0.058 10.001);
|
|
61
64
|
--color-rose-600: oklch(58.6% 0.253 17.585);
|
|
62
65
|
--color-rose-700: oklch(51.4% 0.222 16.935);
|
|
@@ -70,9 +73,16 @@
|
|
|
70
73
|
--color-slate-700: oklch(37.2% 0.044 257.287);
|
|
71
74
|
--color-slate-800: oklch(27.9% 0.041 260.031);
|
|
72
75
|
--color-slate-900: oklch(20.8% 0.042 265.755);
|
|
76
|
+
--color-gray-50: oklch(98.5% 0.002 247.839);
|
|
73
77
|
--color-gray-100: oklch(96.7% 0.003 264.542);
|
|
74
78
|
--color-gray-200: oklch(92.8% 0.006 264.531);
|
|
79
|
+
--color-gray-300: oklch(87.2% 0.01 258.338);
|
|
75
80
|
--color-gray-400: oklch(70.7% 0.022 261.325);
|
|
81
|
+
--color-gray-500: oklch(55.1% 0.027 264.364);
|
|
82
|
+
--color-gray-600: oklch(44.6% 0.03 256.802);
|
|
83
|
+
--color-gray-700: oklch(37.3% 0.034 259.733);
|
|
84
|
+
--color-gray-800: oklch(27.8% 0.033 256.848);
|
|
85
|
+
--color-gray-900: oklch(21% 0.034 264.665);
|
|
76
86
|
--color-zinc-50: oklch(98.5% 0 0);
|
|
77
87
|
--color-zinc-400: oklch(70.5% 0.015 286.067);
|
|
78
88
|
--color-zinc-600: oklch(44.2% 0.017 285.786);
|
|
@@ -110,6 +120,7 @@
|
|
|
110
120
|
--tracking-wide: 0.025em;
|
|
111
121
|
--tracking-wider: 0.05em;
|
|
112
122
|
--leading-tight: 1.25;
|
|
123
|
+
--leading-relaxed: 1.625;
|
|
113
124
|
--radius-md: 0.375rem;
|
|
114
125
|
--radius-lg: 0.5rem;
|
|
115
126
|
--radius-xl: 0.75rem;
|
|
@@ -126,18 +137,18 @@
|
|
|
126
137
|
}
|
|
127
138
|
}
|
|
128
139
|
@layer base {
|
|
129
|
-
*,
|
|
130
|
-
::after,
|
|
131
|
-
::before,
|
|
132
|
-
::backdrop,
|
|
133
|
-
::file-selector-button {
|
|
140
|
+
.flowcore-ui *,
|
|
141
|
+
.flowcore-ui ::after,
|
|
142
|
+
.flowcore-ui ::before,
|
|
143
|
+
.flowcore-ui ::backdrop,
|
|
144
|
+
.flowcore-ui ::file-selector-button {
|
|
134
145
|
box-sizing: border-box;
|
|
135
146
|
margin: 0;
|
|
136
147
|
padding: 0;
|
|
137
148
|
border: 0 solid;
|
|
138
149
|
}
|
|
139
|
-
|
|
140
|
-
:host {
|
|
150
|
+
.flowcore-ui,
|
|
151
|
+
.flowcore-ui :host {
|
|
141
152
|
line-height: 1.5;
|
|
142
153
|
-webkit-text-size-adjust: 100%;
|
|
143
154
|
tab-size: 4;
|
|
@@ -146,99 +157,99 @@
|
|
|
146
157
|
font-variation-settings: var(--default-font-variation-settings, normal);
|
|
147
158
|
-webkit-tap-highlight-color: transparent;
|
|
148
159
|
}
|
|
149
|
-
hr {
|
|
160
|
+
.flowcore-ui hr {
|
|
150
161
|
height: 0;
|
|
151
162
|
color: inherit;
|
|
152
163
|
border-top-width: 1px;
|
|
153
164
|
}
|
|
154
|
-
abbr:where([title]) {
|
|
165
|
+
.flowcore-ui abbr:where([title]) {
|
|
155
166
|
-webkit-text-decoration: underline dotted;
|
|
156
167
|
text-decoration: underline dotted;
|
|
157
168
|
}
|
|
158
|
-
h1,
|
|
159
|
-
h2,
|
|
160
|
-
h3,
|
|
161
|
-
h4,
|
|
162
|
-
h5,
|
|
163
|
-
h6 {
|
|
169
|
+
.flowcore-ui h1,
|
|
170
|
+
.flowcore-ui h2,
|
|
171
|
+
.flowcore-ui h3,
|
|
172
|
+
.flowcore-ui h4,
|
|
173
|
+
.flowcore-ui h5,
|
|
174
|
+
.flowcore-ui h6 {
|
|
164
175
|
font-size: inherit;
|
|
165
176
|
font-weight: inherit;
|
|
166
177
|
}
|
|
167
|
-
a {
|
|
178
|
+
.flowcore-ui a {
|
|
168
179
|
color: inherit;
|
|
169
180
|
-webkit-text-decoration: inherit;
|
|
170
181
|
text-decoration: inherit;
|
|
171
182
|
}
|
|
172
|
-
b,
|
|
173
|
-
strong {
|
|
183
|
+
.flowcore-ui b,
|
|
184
|
+
.flowcore-ui strong {
|
|
174
185
|
font-weight: bolder;
|
|
175
186
|
}
|
|
176
|
-
code,
|
|
177
|
-
kbd,
|
|
178
|
-
samp,
|
|
179
|
-
pre {
|
|
187
|
+
.flowcore-ui code,
|
|
188
|
+
.flowcore-ui kbd,
|
|
189
|
+
.flowcore-ui samp,
|
|
190
|
+
.flowcore-ui pre {
|
|
180
191
|
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
|
|
181
192
|
font-feature-settings: var(--default-mono-font-feature-settings, normal);
|
|
182
193
|
font-variation-settings: var(--default-mono-font-variation-settings, normal);
|
|
183
194
|
font-size: 1em;
|
|
184
195
|
}
|
|
185
|
-
small {
|
|
196
|
+
.flowcore-ui small {
|
|
186
197
|
font-size: 80%;
|
|
187
198
|
}
|
|
188
|
-
sub,
|
|
189
|
-
sup {
|
|
199
|
+
.flowcore-ui sub,
|
|
200
|
+
.flowcore-ui sup {
|
|
190
201
|
font-size: 75%;
|
|
191
202
|
line-height: 0;
|
|
192
203
|
position: relative;
|
|
193
204
|
vertical-align: baseline;
|
|
194
205
|
}
|
|
195
|
-
sub {
|
|
206
|
+
.flowcore-ui sub {
|
|
196
207
|
bottom: -0.25em;
|
|
197
208
|
}
|
|
198
|
-
sup {
|
|
209
|
+
.flowcore-ui sup {
|
|
199
210
|
top: -0.5em;
|
|
200
211
|
}
|
|
201
|
-
table {
|
|
212
|
+
.flowcore-ui table {
|
|
202
213
|
text-indent: 0;
|
|
203
214
|
border-color: inherit;
|
|
204
215
|
border-collapse: collapse;
|
|
205
216
|
}
|
|
206
|
-
:-moz-focusring {
|
|
217
|
+
.flowcore-ui :-moz-focusring {
|
|
207
218
|
outline: auto;
|
|
208
219
|
}
|
|
209
|
-
progress {
|
|
220
|
+
.flowcore-ui progress {
|
|
210
221
|
vertical-align: baseline;
|
|
211
222
|
}
|
|
212
|
-
summary {
|
|
223
|
+
.flowcore-ui summary {
|
|
213
224
|
display: list-item;
|
|
214
225
|
}
|
|
215
|
-
ol,
|
|
216
|
-
ul,
|
|
217
|
-
menu {
|
|
226
|
+
.flowcore-ui ol,
|
|
227
|
+
.flowcore-ui ul,
|
|
228
|
+
.flowcore-ui menu {
|
|
218
229
|
list-style: none;
|
|
219
230
|
}
|
|
220
|
-
img,
|
|
221
|
-
svg,
|
|
222
|
-
video,
|
|
223
|
-
canvas,
|
|
224
|
-
audio,
|
|
225
|
-
iframe,
|
|
226
|
-
embed,
|
|
227
|
-
object {
|
|
231
|
+
.flowcore-ui img,
|
|
232
|
+
.flowcore-ui svg,
|
|
233
|
+
.flowcore-ui video,
|
|
234
|
+
.flowcore-ui canvas,
|
|
235
|
+
.flowcore-ui audio,
|
|
236
|
+
.flowcore-ui iframe,
|
|
237
|
+
.flowcore-ui embed,
|
|
238
|
+
.flowcore-ui object {
|
|
228
239
|
display: block;
|
|
229
240
|
vertical-align: middle;
|
|
230
241
|
}
|
|
231
|
-
img,
|
|
232
|
-
video {
|
|
242
|
+
.flowcore-ui img,
|
|
243
|
+
.flowcore-ui video {
|
|
233
244
|
max-width: 100%;
|
|
234
245
|
height: auto;
|
|
235
246
|
}
|
|
236
|
-
button,
|
|
237
|
-
input,
|
|
238
|
-
select,
|
|
239
|
-
optgroup,
|
|
240
|
-
textarea,
|
|
241
|
-
::file-selector-button {
|
|
247
|
+
.flowcore-ui button,
|
|
248
|
+
.flowcore-ui input,
|
|
249
|
+
.flowcore-ui select,
|
|
250
|
+
.flowcore-ui optgroup,
|
|
251
|
+
.flowcore-ui textarea,
|
|
252
|
+
.flowcore-ui ::file-selector-button {
|
|
242
253
|
font: inherit;
|
|
243
254
|
font-feature-settings: inherit;
|
|
244
255
|
font-variation-settings: inherit;
|
|
@@ -248,77 +259,77 @@
|
|
|
248
259
|
background-color: transparent;
|
|
249
260
|
opacity: 1;
|
|
250
261
|
}
|
|
251
|
-
:where(select:is([multiple], [size])) optgroup {
|
|
262
|
+
.flowcore-ui :where(select:is([multiple], [size])) optgroup {
|
|
252
263
|
font-weight: bolder;
|
|
253
264
|
}
|
|
254
|
-
:where(select:is([multiple], [size])) optgroup option {
|
|
265
|
+
.flowcore-ui :where(select:is([multiple], [size])) optgroup option {
|
|
255
266
|
padding-inline-start: 20px;
|
|
256
267
|
}
|
|
257
|
-
::file-selector-button {
|
|
268
|
+
.flowcore-ui ::file-selector-button {
|
|
258
269
|
margin-inline-end: 4px;
|
|
259
270
|
}
|
|
260
|
-
::placeholder {
|
|
271
|
+
.flowcore-ui ::placeholder {
|
|
261
272
|
opacity: 1;
|
|
262
273
|
}
|
|
263
274
|
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
|
|
264
|
-
::placeholder {
|
|
275
|
+
.flowcore-ui ::placeholder {
|
|
265
276
|
color: currentcolor;
|
|
266
277
|
@supports (color: color-mix(in lab, red, red)) {
|
|
267
278
|
color: color-mix(in oklab, currentcolor 50%, transparent);
|
|
268
279
|
}
|
|
269
280
|
}
|
|
270
281
|
}
|
|
271
|
-
textarea {
|
|
282
|
+
.flowcore-ui textarea {
|
|
272
283
|
resize: vertical;
|
|
273
284
|
}
|
|
274
|
-
::-webkit-search-decoration {
|
|
285
|
+
.flowcore-ui ::-webkit-search-decoration {
|
|
275
286
|
-webkit-appearance: none;
|
|
276
287
|
}
|
|
277
|
-
::-webkit-date-and-time-value {
|
|
288
|
+
.flowcore-ui ::-webkit-date-and-time-value {
|
|
278
289
|
min-height: 1lh;
|
|
279
290
|
text-align: inherit;
|
|
280
291
|
}
|
|
281
|
-
::-webkit-datetime-edit {
|
|
292
|
+
.flowcore-ui ::-webkit-datetime-edit {
|
|
282
293
|
display: inline-flex;
|
|
283
294
|
}
|
|
284
|
-
::-webkit-datetime-edit-fields-wrapper {
|
|
295
|
+
.flowcore-ui ::-webkit-datetime-edit-fields-wrapper {
|
|
285
296
|
padding: 0;
|
|
286
297
|
}
|
|
287
|
-
::-webkit-datetime-edit,
|
|
288
|
-
::-webkit-datetime-edit-year-field,
|
|
289
|
-
::-webkit-datetime-edit-month-field,
|
|
290
|
-
::-webkit-datetime-edit-day-field,
|
|
291
|
-
::-webkit-datetime-edit-hour-field,
|
|
292
|
-
::-webkit-datetime-edit-minute-field,
|
|
293
|
-
::-webkit-datetime-edit-second-field,
|
|
294
|
-
::-webkit-datetime-edit-millisecond-field,
|
|
295
|
-
::-webkit-datetime-edit-meridiem-field {
|
|
298
|
+
.flowcore-ui ::-webkit-datetime-edit,
|
|
299
|
+
.flowcore-ui ::-webkit-datetime-edit-year-field,
|
|
300
|
+
.flowcore-ui ::-webkit-datetime-edit-month-field,
|
|
301
|
+
.flowcore-ui ::-webkit-datetime-edit-day-field,
|
|
302
|
+
.flowcore-ui ::-webkit-datetime-edit-hour-field,
|
|
303
|
+
.flowcore-ui ::-webkit-datetime-edit-minute-field,
|
|
304
|
+
.flowcore-ui ::-webkit-datetime-edit-second-field,
|
|
305
|
+
.flowcore-ui ::-webkit-datetime-edit-millisecond-field,
|
|
306
|
+
.flowcore-ui ::-webkit-datetime-edit-meridiem-field {
|
|
296
307
|
padding-block: 0;
|
|
297
308
|
}
|
|
298
|
-
::-webkit-calendar-picker-indicator {
|
|
309
|
+
.flowcore-ui ::-webkit-calendar-picker-indicator {
|
|
299
310
|
line-height: 1;
|
|
300
311
|
}
|
|
301
|
-
:-moz-ui-invalid {
|
|
312
|
+
.flowcore-ui :-moz-ui-invalid {
|
|
302
313
|
box-shadow: none;
|
|
303
314
|
}
|
|
304
|
-
button,
|
|
305
|
-
input:where([type=button], [type=reset], [type=submit]),
|
|
306
|
-
::file-selector-button {
|
|
315
|
+
.flowcore-ui button,
|
|
316
|
+
.flowcore-ui input:where([type=button], [type=reset], [type=submit]),
|
|
317
|
+
.flowcore-ui ::file-selector-button {
|
|
307
318
|
appearance: button;
|
|
308
319
|
}
|
|
309
|
-
::-webkit-inner-spin-button,
|
|
310
|
-
::-webkit-outer-spin-button {
|
|
320
|
+
.flowcore-ui ::-webkit-inner-spin-button,
|
|
321
|
+
.flowcore-ui ::-webkit-outer-spin-button {
|
|
311
322
|
height: auto;
|
|
312
323
|
}
|
|
313
|
-
[hidden]:where(:not([hidden=until-found])) {
|
|
324
|
+
.flowcore-ui [hidden]:where(:not([hidden=until-found])) {
|
|
314
325
|
display: none !important;
|
|
315
326
|
}
|
|
316
327
|
}
|
|
317
328
|
@layer utilities {
|
|
318
|
-
.pointer-events-none {
|
|
329
|
+
.flowcore-ui .pointer-events-none {
|
|
319
330
|
pointer-events: none;
|
|
320
331
|
}
|
|
321
|
-
.sr-only {
|
|
332
|
+
.flowcore-ui .sr-only {
|
|
322
333
|
position: absolute;
|
|
323
334
|
width: 1px;
|
|
324
335
|
height: 1px;
|
|
@@ -329,504 +340,540 @@
|
|
|
329
340
|
white-space: nowrap;
|
|
330
341
|
border-width: 0;
|
|
331
342
|
}
|
|
332
|
-
.absolute {
|
|
343
|
+
.flowcore-ui .absolute {
|
|
333
344
|
position: absolute;
|
|
334
345
|
}
|
|
335
|
-
.fixed {
|
|
346
|
+
.flowcore-ui .fixed {
|
|
336
347
|
position: fixed;
|
|
337
348
|
}
|
|
338
|
-
.relative {
|
|
349
|
+
.flowcore-ui .relative {
|
|
339
350
|
position: relative;
|
|
340
351
|
}
|
|
341
|
-
.sticky {
|
|
352
|
+
.flowcore-ui .sticky {
|
|
342
353
|
position: sticky;
|
|
343
354
|
}
|
|
344
|
-
.inset-0 {
|
|
355
|
+
.flowcore-ui .inset-0 {
|
|
345
356
|
inset: 0;
|
|
346
357
|
}
|
|
347
|
-
.inset-x-0 {
|
|
358
|
+
.flowcore-ui .inset-x-0 {
|
|
348
359
|
inset-inline: 0;
|
|
349
360
|
}
|
|
350
|
-
.inset-y-0 {
|
|
361
|
+
.flowcore-ui .inset-y-0 {
|
|
351
362
|
inset-block: 0;
|
|
352
363
|
}
|
|
353
|
-
.-top-12 {
|
|
364
|
+
.flowcore-ui .-top-12 {
|
|
354
365
|
top: calc(var(--spacing) * -12);
|
|
355
366
|
}
|
|
356
|
-
.top-0 {
|
|
367
|
+
.flowcore-ui .top-0 {
|
|
357
368
|
top: 0;
|
|
358
369
|
}
|
|
359
|
-
.top
|
|
370
|
+
.flowcore-ui .top-4 {
|
|
371
|
+
top: calc(var(--spacing) * 4);
|
|
372
|
+
}
|
|
373
|
+
.flowcore-ui .top-\[30px\] {
|
|
360
374
|
top: 30px;
|
|
361
375
|
}
|
|
362
|
-
.-right-12 {
|
|
376
|
+
.flowcore-ui .-right-12 {
|
|
363
377
|
right: calc(var(--spacing) * -12);
|
|
364
378
|
}
|
|
365
|
-
.right-0 {
|
|
379
|
+
.flowcore-ui .right-0 {
|
|
366
380
|
right: 0;
|
|
367
381
|
}
|
|
368
|
-
|
|
382
|
+
.flowcore-ui .right-4 {
|
|
383
|
+
right: calc(var(--spacing) * 4);
|
|
384
|
+
}
|
|
385
|
+
.flowcore-ui .-bottom-10 {
|
|
369
386
|
bottom: calc(var(--spacing) * -10);
|
|
370
387
|
}
|
|
371
|
-
.bottom-0 {
|
|
388
|
+
.flowcore-ui .bottom-0 {
|
|
372
389
|
bottom: 0;
|
|
373
390
|
}
|
|
374
|
-
.-left-10 {
|
|
391
|
+
.flowcore-ui .-left-10 {
|
|
375
392
|
left: calc(var(--spacing) * -10);
|
|
376
393
|
}
|
|
377
|
-
.left-0 {
|
|
394
|
+
.flowcore-ui .left-0 {
|
|
378
395
|
left: 0;
|
|
379
396
|
}
|
|
380
|
-
.left-\[20px\] {
|
|
397
|
+
.flowcore-ui .left-\[20px\] {
|
|
381
398
|
left: 20px;
|
|
382
399
|
}
|
|
383
|
-
.z-10 {
|
|
400
|
+
.flowcore-ui .z-10 {
|
|
384
401
|
z-index: 10;
|
|
385
402
|
}
|
|
386
|
-
.z-30 {
|
|
403
|
+
.flowcore-ui .z-30 {
|
|
387
404
|
z-index: 30;
|
|
388
405
|
}
|
|
389
|
-
.z-50 {
|
|
406
|
+
.flowcore-ui .z-50 {
|
|
390
407
|
z-index: 50;
|
|
391
408
|
}
|
|
392
|
-
.z-\[100\] {
|
|
409
|
+
.flowcore-ui .z-\[100\] {
|
|
393
410
|
z-index: 100;
|
|
394
411
|
}
|
|
395
|
-
.m-0 {
|
|
412
|
+
.flowcore-ui .m-0 {
|
|
396
413
|
margin: 0;
|
|
397
414
|
}
|
|
398
|
-
.mx-2 {
|
|
415
|
+
.flowcore-ui .mx-2 {
|
|
399
416
|
margin-inline: calc(var(--spacing) * 2);
|
|
400
417
|
}
|
|
401
|
-
.mx-auto {
|
|
418
|
+
.flowcore-ui .mx-auto {
|
|
402
419
|
margin-inline: auto;
|
|
403
420
|
}
|
|
404
|
-
.mt-0\.5 {
|
|
421
|
+
.flowcore-ui .mt-0\.5 {
|
|
405
422
|
margin-top: calc(var(--spacing) * 0.5);
|
|
406
423
|
}
|
|
407
|
-
.mt-1 {
|
|
424
|
+
.flowcore-ui .mt-1 {
|
|
408
425
|
margin-top: var(--spacing);
|
|
409
426
|
}
|
|
410
|
-
.mt-2 {
|
|
427
|
+
.flowcore-ui .mt-2 {
|
|
411
428
|
margin-top: calc(var(--spacing) * 2);
|
|
412
429
|
}
|
|
413
|
-
.mt-4 {
|
|
430
|
+
.flowcore-ui .mt-4 {
|
|
414
431
|
margin-top: calc(var(--spacing) * 4);
|
|
415
432
|
}
|
|
416
|
-
.mt-5 {
|
|
433
|
+
.flowcore-ui .mt-5 {
|
|
417
434
|
margin-top: calc(var(--spacing) * 5);
|
|
418
435
|
}
|
|
419
|
-
.mt
|
|
436
|
+
.flowcore-ui .mt-6 {
|
|
437
|
+
margin-top: calc(var(--spacing) * 6);
|
|
438
|
+
}
|
|
439
|
+
.flowcore-ui .mt-\[39px\] {
|
|
420
440
|
margin-top: 39px;
|
|
421
441
|
}
|
|
422
|
-
.mr-2 {
|
|
442
|
+
.flowcore-ui .mr-2 {
|
|
423
443
|
margin-right: calc(var(--spacing) * 2);
|
|
424
444
|
}
|
|
425
|
-
.mb-1 {
|
|
445
|
+
.flowcore-ui .mb-1 {
|
|
426
446
|
margin-bottom: var(--spacing);
|
|
427
447
|
}
|
|
428
|
-
.mb-1\.5 {
|
|
448
|
+
.flowcore-ui .mb-1\.5 {
|
|
429
449
|
margin-bottom: calc(var(--spacing) * 1.5);
|
|
430
450
|
}
|
|
431
|
-
.mb-2 {
|
|
451
|
+
.flowcore-ui .mb-2 {
|
|
432
452
|
margin-bottom: calc(var(--spacing) * 2);
|
|
433
453
|
}
|
|
434
|
-
.mb-
|
|
454
|
+
.flowcore-ui .mb-3 {
|
|
455
|
+
margin-bottom: calc(var(--spacing) * 3);
|
|
456
|
+
}
|
|
457
|
+
.flowcore-ui .mb-4 {
|
|
458
|
+
margin-bottom: calc(var(--spacing) * 4);
|
|
459
|
+
}
|
|
460
|
+
.flowcore-ui .mb-5 {
|
|
435
461
|
margin-bottom: calc(var(--spacing) * 5);
|
|
436
462
|
}
|
|
437
|
-
.mb-6 {
|
|
463
|
+
.flowcore-ui .mb-6 {
|
|
438
464
|
margin-bottom: calc(var(--spacing) * 6);
|
|
439
465
|
}
|
|
440
|
-
.mb-\[19px\] {
|
|
466
|
+
.flowcore-ui .mb-\[19px\] {
|
|
441
467
|
margin-bottom: 19px;
|
|
442
468
|
}
|
|
443
|
-
.ml-1 {
|
|
469
|
+
.flowcore-ui .ml-1 {
|
|
444
470
|
margin-left: var(--spacing);
|
|
445
471
|
}
|
|
446
|
-
.ml-2 {
|
|
472
|
+
.flowcore-ui .ml-2 {
|
|
447
473
|
margin-left: calc(var(--spacing) * 2);
|
|
448
474
|
}
|
|
449
|
-
.ml-\[
|
|
450
|
-
margin-left:
|
|
475
|
+
.flowcore-ui .ml-\[2px\] {
|
|
476
|
+
margin-left: 2px;
|
|
451
477
|
}
|
|
452
|
-
.ml-\[15px\] {
|
|
478
|
+
.flowcore-ui .ml-\[15px\] {
|
|
453
479
|
margin-left: 15px;
|
|
454
480
|
}
|
|
455
|
-
.block {
|
|
481
|
+
.flowcore-ui .block {
|
|
456
482
|
display: block;
|
|
457
483
|
}
|
|
458
|
-
.flex {
|
|
484
|
+
.flowcore-ui .flex {
|
|
459
485
|
display: flex;
|
|
460
486
|
}
|
|
461
|
-
.grid {
|
|
487
|
+
.flowcore-ui .grid {
|
|
462
488
|
display: grid;
|
|
463
489
|
}
|
|
464
|
-
.
|
|
465
|
-
display: none;
|
|
466
|
-
}
|
|
467
|
-
.inline-block {
|
|
490
|
+
.flowcore-ui .inline-block {
|
|
468
491
|
display: inline-block;
|
|
469
492
|
}
|
|
470
|
-
.inline-flex {
|
|
493
|
+
.flowcore-ui .inline-flex {
|
|
471
494
|
display: inline-flex;
|
|
472
495
|
}
|
|
473
|
-
.table {
|
|
496
|
+
.flowcore-ui .table {
|
|
474
497
|
display: table;
|
|
475
498
|
}
|
|
476
|
-
.h-1 {
|
|
499
|
+
.flowcore-ui .h-1 {
|
|
477
500
|
height: var(--spacing);
|
|
478
501
|
}
|
|
479
|
-
.h-4 {
|
|
502
|
+
.flowcore-ui .h-4 {
|
|
480
503
|
height: calc(var(--spacing) * 4);
|
|
481
504
|
}
|
|
482
|
-
.h-4\.5 {
|
|
505
|
+
.flowcore-ui .h-4\.5 {
|
|
483
506
|
height: calc(var(--spacing) * 4.5);
|
|
484
507
|
}
|
|
485
|
-
.h-5 {
|
|
508
|
+
.flowcore-ui .h-5 {
|
|
486
509
|
height: calc(var(--spacing) * 5);
|
|
487
510
|
}
|
|
488
|
-
.h-5\.5 {
|
|
511
|
+
.flowcore-ui .h-5\.5 {
|
|
489
512
|
height: calc(var(--spacing) * 5.5);
|
|
490
513
|
}
|
|
491
|
-
.h-6 {
|
|
514
|
+
.flowcore-ui .h-6 {
|
|
492
515
|
height: calc(var(--spacing) * 6);
|
|
493
516
|
}
|
|
494
|
-
.h-7 {
|
|
517
|
+
.flowcore-ui .h-7 {
|
|
495
518
|
height: calc(var(--spacing) * 7);
|
|
496
519
|
}
|
|
497
|
-
.h-8 {
|
|
520
|
+
.flowcore-ui .h-8 {
|
|
498
521
|
height: calc(var(--spacing) * 8);
|
|
499
522
|
}
|
|
500
|
-
.h-9 {
|
|
523
|
+
.flowcore-ui .h-9 {
|
|
501
524
|
height: calc(var(--spacing) * 9);
|
|
502
525
|
}
|
|
503
|
-
.h-10 {
|
|
526
|
+
.flowcore-ui .h-10 {
|
|
504
527
|
height: calc(var(--spacing) * 10);
|
|
505
528
|
}
|
|
506
|
-
.h-12 {
|
|
529
|
+
.flowcore-ui .h-12 {
|
|
507
530
|
height: calc(var(--spacing) * 12);
|
|
508
531
|
}
|
|
509
|
-
.h-14 {
|
|
532
|
+
.flowcore-ui .h-14 {
|
|
510
533
|
height: calc(var(--spacing) * 14);
|
|
511
534
|
}
|
|
512
|
-
.h-32 {
|
|
535
|
+
.flowcore-ui .h-32 {
|
|
513
536
|
height: calc(var(--spacing) * 32);
|
|
514
537
|
}
|
|
515
|
-
.h-40 {
|
|
538
|
+
.flowcore-ui .h-40 {
|
|
516
539
|
height: calc(var(--spacing) * 40);
|
|
517
540
|
}
|
|
518
|
-
.h-\[20px\] {
|
|
541
|
+
.flowcore-ui .h-\[20px\] {
|
|
519
542
|
height: 20px;
|
|
520
543
|
}
|
|
521
|
-
.h-\[46px\] {
|
|
544
|
+
.flowcore-ui .h-\[46px\] {
|
|
522
545
|
height: 46px;
|
|
523
546
|
}
|
|
524
|
-
.h-\[
|
|
525
|
-
height:
|
|
547
|
+
.flowcore-ui .h-\[48px\] {
|
|
548
|
+
height: 48px;
|
|
526
549
|
}
|
|
527
|
-
.h-\[
|
|
528
|
-
height:
|
|
550
|
+
.flowcore-ui .h-\[50px\] {
|
|
551
|
+
height: 50px;
|
|
529
552
|
}
|
|
530
|
-
.h-\[66px\] {
|
|
553
|
+
.flowcore-ui .h-\[66px\] {
|
|
531
554
|
height: 66px;
|
|
532
555
|
}
|
|
533
|
-
.h-\[84px\] {
|
|
556
|
+
.flowcore-ui .h-\[84px\] {
|
|
534
557
|
height: 84px;
|
|
535
558
|
}
|
|
536
|
-
.h-full {
|
|
559
|
+
.flowcore-ui .h-full {
|
|
537
560
|
height: 100%;
|
|
538
561
|
}
|
|
539
|
-
.h-screen {
|
|
562
|
+
.flowcore-ui .h-screen {
|
|
540
563
|
height: 100vh;
|
|
541
564
|
}
|
|
542
|
-
.max-h-\[90vh\] {
|
|
565
|
+
.flowcore-ui .max-h-\[90vh\] {
|
|
543
566
|
max-height: 90vh;
|
|
544
567
|
}
|
|
545
|
-
.max-h-\[92vh\] {
|
|
568
|
+
.flowcore-ui .max-h-\[92vh\] {
|
|
546
569
|
max-height: 92vh;
|
|
547
570
|
}
|
|
548
|
-
.max-h-\[350px\] {
|
|
571
|
+
.flowcore-ui .max-h-\[350px\] {
|
|
549
572
|
max-height: 350px;
|
|
550
573
|
}
|
|
551
|
-
.max-h-\[400px\] {
|
|
574
|
+
.flowcore-ui .max-h-\[400px\] {
|
|
552
575
|
max-height: 400px;
|
|
553
576
|
}
|
|
554
|
-
.max-h-\[420px\] {
|
|
577
|
+
.flowcore-ui .max-h-\[420px\] {
|
|
555
578
|
max-height: 420px;
|
|
556
579
|
}
|
|
557
|
-
.max-h-\[calc\(92vh-170px\)\] {
|
|
580
|
+
.flowcore-ui .max-h-\[calc\(92vh-170px\)\] {
|
|
558
581
|
max-height: calc(92vh - 170px);
|
|
559
582
|
}
|
|
560
|
-
.min-h-0 {
|
|
583
|
+
.flowcore-ui .min-h-0 {
|
|
561
584
|
min-height: 0;
|
|
562
585
|
}
|
|
563
|
-
.min-h-full {
|
|
586
|
+
.flowcore-ui .min-h-full {
|
|
564
587
|
min-height: 100%;
|
|
565
588
|
}
|
|
566
|
-
.min-h-screen {
|
|
589
|
+
.flowcore-ui .min-h-screen {
|
|
567
590
|
min-height: 100vh;
|
|
568
591
|
}
|
|
569
|
-
.w-0 {
|
|
592
|
+
.flowcore-ui .w-0 {
|
|
570
593
|
width: 0;
|
|
571
594
|
}
|
|
572
|
-
.w-
|
|
595
|
+
.flowcore-ui .w-1\/2 {
|
|
596
|
+
width: calc(1 / 2 * 100%);
|
|
597
|
+
}
|
|
598
|
+
.flowcore-ui .w-4 {
|
|
573
599
|
width: calc(var(--spacing) * 4);
|
|
574
600
|
}
|
|
575
|
-
.w-4\.5 {
|
|
601
|
+
.flowcore-ui .w-4\.5 {
|
|
576
602
|
width: calc(var(--spacing) * 4.5);
|
|
577
603
|
}
|
|
578
|
-
.w-5 {
|
|
604
|
+
.flowcore-ui .w-5 {
|
|
579
605
|
width: calc(var(--spacing) * 5);
|
|
580
606
|
}
|
|
581
|
-
.w-6 {
|
|
607
|
+
.flowcore-ui .w-6 {
|
|
582
608
|
width: calc(var(--spacing) * 6);
|
|
583
609
|
}
|
|
584
|
-
.w-7 {
|
|
610
|
+
.flowcore-ui .w-7 {
|
|
585
611
|
width: calc(var(--spacing) * 7);
|
|
586
612
|
}
|
|
587
|
-
.w-8 {
|
|
613
|
+
.flowcore-ui .w-8 {
|
|
588
614
|
width: calc(var(--spacing) * 8);
|
|
589
615
|
}
|
|
590
|
-
.w-9 {
|
|
616
|
+
.flowcore-ui .w-9 {
|
|
591
617
|
width: calc(var(--spacing) * 9);
|
|
592
618
|
}
|
|
593
|
-
.w-10 {
|
|
619
|
+
.flowcore-ui .w-10 {
|
|
594
620
|
width: calc(var(--spacing) * 10);
|
|
595
621
|
}
|
|
596
|
-
.w-11 {
|
|
622
|
+
.flowcore-ui .w-11 {
|
|
597
623
|
width: calc(var(--spacing) * 11);
|
|
598
624
|
}
|
|
599
|
-
.w-12 {
|
|
625
|
+
.flowcore-ui .w-12 {
|
|
600
626
|
width: calc(var(--spacing) * 12);
|
|
601
627
|
}
|
|
602
|
-
.w-14 {
|
|
628
|
+
.flowcore-ui .w-14 {
|
|
603
629
|
width: calc(var(--spacing) * 14);
|
|
604
630
|
}
|
|
605
|
-
.w-16 {
|
|
631
|
+
.flowcore-ui .w-16 {
|
|
606
632
|
width: calc(var(--spacing) * 16);
|
|
607
633
|
}
|
|
608
|
-
.w-20 {
|
|
634
|
+
.flowcore-ui .w-20 {
|
|
609
635
|
width: calc(var(--spacing) * 20);
|
|
610
636
|
}
|
|
611
|
-
.w-32 {
|
|
637
|
+
.flowcore-ui .w-32 {
|
|
612
638
|
width: calc(var(--spacing) * 32);
|
|
613
639
|
}
|
|
614
|
-
.w-36 {
|
|
640
|
+
.flowcore-ui .w-36 {
|
|
615
641
|
width: calc(var(--spacing) * 36);
|
|
616
642
|
}
|
|
617
|
-
.w-40 {
|
|
643
|
+
.flowcore-ui .w-40 {
|
|
618
644
|
width: calc(var(--spacing) * 40);
|
|
619
645
|
}
|
|
620
|
-
.w-44 {
|
|
646
|
+
.flowcore-ui .w-44 {
|
|
621
647
|
width: calc(var(--spacing) * 44);
|
|
622
648
|
}
|
|
623
|
-
.w-
|
|
624
|
-
width: calc(var(--spacing) * 48);
|
|
625
|
-
}
|
|
626
|
-
.w-56 {
|
|
649
|
+
.flowcore-ui .w-56 {
|
|
627
650
|
width: calc(var(--spacing) * 56);
|
|
628
651
|
}
|
|
629
|
-
.w-
|
|
630
|
-
width: calc(var(--spacing) *
|
|
652
|
+
.flowcore-ui .w-60 {
|
|
653
|
+
width: calc(var(--spacing) * 60);
|
|
631
654
|
}
|
|
632
|
-
.w-\[
|
|
655
|
+
.flowcore-ui .w-\[6\%\] {
|
|
656
|
+
width: 6%;
|
|
657
|
+
}
|
|
658
|
+
.flowcore-ui .w-\[12\%\] {
|
|
659
|
+
width: 12%;
|
|
660
|
+
}
|
|
661
|
+
.flowcore-ui .w-\[16\%\] {
|
|
662
|
+
width: 16%;
|
|
663
|
+
}
|
|
664
|
+
.flowcore-ui .w-\[20\%\] {
|
|
665
|
+
width: 20%;
|
|
666
|
+
}
|
|
667
|
+
.flowcore-ui .w-\[20px\] {
|
|
633
668
|
width: 20px;
|
|
634
669
|
}
|
|
635
|
-
.w-\[
|
|
636
|
-
width:
|
|
670
|
+
.flowcore-ui .w-\[22\%\] {
|
|
671
|
+
width: 22%;
|
|
637
672
|
}
|
|
638
|
-
.w-\[
|
|
639
|
-
width:
|
|
673
|
+
.flowcore-ui .w-\[46px\] {
|
|
674
|
+
width: 46px;
|
|
640
675
|
}
|
|
641
|
-
.w-\[
|
|
642
|
-
width:
|
|
676
|
+
.flowcore-ui .w-\[285px\] {
|
|
677
|
+
width: 285px;
|
|
643
678
|
}
|
|
644
|
-
.w-full {
|
|
679
|
+
.flowcore-ui .w-full {
|
|
645
680
|
width: 100%;
|
|
646
681
|
}
|
|
647
|
-
.max-w-2xl {
|
|
682
|
+
.flowcore-ui .max-w-2xl {
|
|
648
683
|
max-width: var(--container-2xl);
|
|
649
684
|
}
|
|
650
|
-
.max-w-3xl {
|
|
685
|
+
.flowcore-ui .max-w-3xl {
|
|
651
686
|
max-width: var(--container-3xl);
|
|
652
687
|
}
|
|
653
|
-
.max-w-4xl {
|
|
688
|
+
.flowcore-ui .max-w-4xl {
|
|
654
689
|
max-width: var(--container-4xl);
|
|
655
690
|
}
|
|
656
|
-
.max-w-5xl {
|
|
691
|
+
.flowcore-ui .max-w-5xl {
|
|
657
692
|
max-width: var(--container-5xl);
|
|
658
693
|
}
|
|
659
|
-
.max-w-md {
|
|
694
|
+
.flowcore-ui .max-w-md {
|
|
660
695
|
max-width: var(--container-md);
|
|
661
696
|
}
|
|
662
|
-
.max-w-sm {
|
|
697
|
+
.flowcore-ui .max-w-sm {
|
|
663
698
|
max-width: var(--container-sm);
|
|
664
699
|
}
|
|
665
|
-
.max-w-xs {
|
|
700
|
+
.flowcore-ui .max-w-xs {
|
|
666
701
|
max-width: var(--container-xs);
|
|
667
702
|
}
|
|
668
|
-
.min-w-0 {
|
|
703
|
+
.flowcore-ui .min-w-0 {
|
|
669
704
|
min-width: 0;
|
|
670
705
|
}
|
|
671
|
-
.min-w-\[28px\] {
|
|
706
|
+
.flowcore-ui .min-w-\[28px\] {
|
|
672
707
|
min-width: 28px;
|
|
673
708
|
}
|
|
674
|
-
.min-w-\[
|
|
675
|
-
min-width:
|
|
709
|
+
.flowcore-ui .min-w-\[285px\] {
|
|
710
|
+
min-width: 285px;
|
|
676
711
|
}
|
|
677
|
-
.min-w-\[900px\] {
|
|
712
|
+
.flowcore-ui .min-w-\[900px\] {
|
|
678
713
|
min-width: 900px;
|
|
679
714
|
}
|
|
680
|
-
.min-w-\[
|
|
681
|
-
min-width:
|
|
715
|
+
.flowcore-ui .min-w-\[1050px\] {
|
|
716
|
+
min-width: 1050px;
|
|
682
717
|
}
|
|
683
|
-
.min-w-full {
|
|
718
|
+
.flowcore-ui .min-w-full {
|
|
684
719
|
min-width: 100%;
|
|
685
720
|
}
|
|
686
|
-
.min-w-max {
|
|
721
|
+
.flowcore-ui .min-w-max {
|
|
687
722
|
min-width: max-content;
|
|
688
723
|
}
|
|
689
|
-
.flex-1 {
|
|
724
|
+
.flowcore-ui .flex-1 {
|
|
690
725
|
flex: 1;
|
|
691
726
|
}
|
|
692
|
-
.flex-shrink-0 {
|
|
727
|
+
.flowcore-ui .flex-shrink-0 {
|
|
693
728
|
flex-shrink: 0;
|
|
694
729
|
}
|
|
695
|
-
.shrink-0 {
|
|
730
|
+
.flowcore-ui .shrink-0 {
|
|
696
731
|
flex-shrink: 0;
|
|
697
732
|
}
|
|
698
|
-
.table-auto {
|
|
733
|
+
.flowcore-ui .table-auto {
|
|
699
734
|
table-layout: auto;
|
|
700
735
|
}
|
|
701
|
-
.table-fixed {
|
|
736
|
+
.flowcore-ui .table-fixed {
|
|
702
737
|
table-layout: fixed;
|
|
703
738
|
}
|
|
704
|
-
.border-collapse {
|
|
739
|
+
.flowcore-ui .border-collapse {
|
|
705
740
|
border-collapse: collapse;
|
|
706
741
|
}
|
|
707
|
-
.-translate-x-full {
|
|
742
|
+
.flowcore-ui .-translate-x-full {
|
|
708
743
|
--tw-translate-x: -100%;
|
|
709
744
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
710
745
|
}
|
|
711
|
-
.translate-x-0 {
|
|
746
|
+
.flowcore-ui .translate-x-0 {
|
|
712
747
|
--tw-translate-x: 0;
|
|
713
748
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
714
749
|
}
|
|
715
|
-
.translate-x-4\.5 {
|
|
750
|
+
.flowcore-ui .translate-x-4\.5 {
|
|
716
751
|
--tw-translate-x: calc(var(--spacing) * 4.5);
|
|
717
752
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
718
753
|
}
|
|
719
|
-
.translate-x-5 {
|
|
754
|
+
.flowcore-ui .translate-x-5 {
|
|
720
755
|
--tw-translate-x: calc(var(--spacing) * 5);
|
|
721
756
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
722
757
|
}
|
|
723
|
-
.
|
|
758
|
+
.flowcore-ui .scale-100 {
|
|
759
|
+
--tw-scale-x: 100%;
|
|
760
|
+
--tw-scale-y: 100%;
|
|
761
|
+
--tw-scale-z: 100%;
|
|
762
|
+
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
763
|
+
}
|
|
764
|
+
.flowcore-ui .skew-x-12 {
|
|
724
765
|
--tw-skew-x: skewX(12deg);
|
|
725
766
|
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
726
767
|
}
|
|
727
|
-
.transform {
|
|
768
|
+
.flowcore-ui .transform {
|
|
728
769
|
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
729
770
|
}
|
|
730
|
-
.cursor-
|
|
771
|
+
.flowcore-ui .cursor-not-allowed {
|
|
772
|
+
cursor: not-allowed;
|
|
773
|
+
}
|
|
774
|
+
.flowcore-ui .cursor-pointer {
|
|
731
775
|
cursor: pointer;
|
|
732
776
|
}
|
|
733
|
-
.resize-none {
|
|
777
|
+
.flowcore-ui .resize-none {
|
|
734
778
|
resize: none;
|
|
735
779
|
}
|
|
736
|
-
.grid-cols-1 {
|
|
780
|
+
.flowcore-ui .grid-cols-1 {
|
|
737
781
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
738
782
|
}
|
|
739
|
-
.grid-cols-2 {
|
|
783
|
+
.flowcore-ui .grid-cols-2 {
|
|
740
784
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
741
785
|
}
|
|
742
|
-
.flex-col {
|
|
786
|
+
.flowcore-ui .flex-col {
|
|
743
787
|
flex-direction: column;
|
|
744
788
|
}
|
|
745
|
-
.flex-wrap {
|
|
789
|
+
.flowcore-ui .flex-wrap {
|
|
746
790
|
flex-wrap: wrap;
|
|
747
791
|
}
|
|
748
|
-
.items-center {
|
|
792
|
+
.flowcore-ui .items-center {
|
|
749
793
|
align-items: center;
|
|
750
794
|
}
|
|
751
|
-
.justify-between {
|
|
795
|
+
.flowcore-ui .justify-between {
|
|
752
796
|
justify-content: space-between;
|
|
753
797
|
}
|
|
754
|
-
.justify-center {
|
|
798
|
+
.flowcore-ui .justify-center {
|
|
755
799
|
justify-content: center;
|
|
756
800
|
}
|
|
757
|
-
.justify-end {
|
|
801
|
+
.flowcore-ui .justify-end {
|
|
758
802
|
justify-content: flex-end;
|
|
759
803
|
}
|
|
760
|
-
.gap-1 {
|
|
804
|
+
.flowcore-ui .gap-1 {
|
|
761
805
|
gap: var(--spacing);
|
|
762
806
|
}
|
|
763
|
-
.gap-1\.5 {
|
|
807
|
+
.flowcore-ui .gap-1\.5 {
|
|
764
808
|
gap: calc(var(--spacing) * 1.5);
|
|
765
809
|
}
|
|
766
|
-
.gap-2 {
|
|
810
|
+
.flowcore-ui .gap-2 {
|
|
767
811
|
gap: calc(var(--spacing) * 2);
|
|
768
812
|
}
|
|
769
|
-
.gap-2\.5 {
|
|
813
|
+
.flowcore-ui .gap-2\.5 {
|
|
770
814
|
gap: calc(var(--spacing) * 2.5);
|
|
771
815
|
}
|
|
772
|
-
.gap-3 {
|
|
816
|
+
.flowcore-ui .gap-3 {
|
|
773
817
|
gap: calc(var(--spacing) * 3);
|
|
774
818
|
}
|
|
775
|
-
.gap-4 {
|
|
819
|
+
.flowcore-ui .gap-4 {
|
|
776
820
|
gap: calc(var(--spacing) * 4);
|
|
777
821
|
}
|
|
778
|
-
.gap-5 {
|
|
822
|
+
.flowcore-ui .gap-5 {
|
|
779
823
|
gap: calc(var(--spacing) * 5);
|
|
780
824
|
}
|
|
781
|
-
.gap-6 {
|
|
825
|
+
.flowcore-ui .gap-6 {
|
|
782
826
|
gap: calc(var(--spacing) * 6);
|
|
783
827
|
}
|
|
784
|
-
.gap-\[3px\] {
|
|
828
|
+
.flowcore-ui .gap-\[3px\] {
|
|
785
829
|
gap: 3px;
|
|
786
830
|
}
|
|
787
|
-
.gap-\[
|
|
788
|
-
gap:
|
|
831
|
+
.flowcore-ui .gap-\[6px\] {
|
|
832
|
+
gap: 6px;
|
|
789
833
|
}
|
|
790
|
-
.gap-\[
|
|
834
|
+
.flowcore-ui .gap-\[8px\] {
|
|
835
|
+
gap: 8px;
|
|
836
|
+
}
|
|
837
|
+
.flowcore-ui .gap-\[18px\] {
|
|
791
838
|
gap: 18px;
|
|
792
839
|
}
|
|
793
|
-
.space-y-3 {
|
|
794
|
-
:where(& > :not(:last-child)) {
|
|
840
|
+
.flowcore-ui .space-y-3 {
|
|
841
|
+
.flowcore-ui :where(& > :not(:last-child)) {
|
|
795
842
|
--tw-space-y-reverse: 0;
|
|
796
843
|
margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
|
|
797
844
|
margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
|
|
798
845
|
}
|
|
799
846
|
}
|
|
800
|
-
.space-y-4 {
|
|
801
|
-
:where(& > :not(:last-child)) {
|
|
847
|
+
.flowcore-ui .space-y-4 {
|
|
848
|
+
.flowcore-ui :where(& > :not(:last-child)) {
|
|
802
849
|
--tw-space-y-reverse: 0;
|
|
803
850
|
margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
|
|
804
851
|
margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
|
|
805
852
|
}
|
|
806
853
|
}
|
|
807
|
-
.space-y-5 {
|
|
808
|
-
:where(& > :not(:last-child)) {
|
|
854
|
+
.flowcore-ui .space-y-5 {
|
|
855
|
+
.flowcore-ui :where(& > :not(:last-child)) {
|
|
809
856
|
--tw-space-y-reverse: 0;
|
|
810
857
|
margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
|
|
811
858
|
margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
|
|
812
859
|
}
|
|
813
860
|
}
|
|
814
|
-
.space-y-6 {
|
|
815
|
-
:where(& > :not(:last-child)) {
|
|
861
|
+
.flowcore-ui .space-y-6 {
|
|
862
|
+
.flowcore-ui :where(& > :not(:last-child)) {
|
|
816
863
|
--tw-space-y-reverse: 0;
|
|
817
864
|
margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
|
|
818
865
|
margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
|
|
819
866
|
}
|
|
820
867
|
}
|
|
821
|
-
.space-y-8 {
|
|
822
|
-
:where(& > :not(:last-child)) {
|
|
868
|
+
.flowcore-ui .space-y-8 {
|
|
869
|
+
.flowcore-ui :where(& > :not(:last-child)) {
|
|
823
870
|
--tw-space-y-reverse: 0;
|
|
824
871
|
margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
|
|
825
872
|
margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
|
|
826
873
|
}
|
|
827
874
|
}
|
|
828
|
-
.divide-y {
|
|
829
|
-
:where(& > :not(:last-child)) {
|
|
875
|
+
.flowcore-ui .divide-y {
|
|
876
|
+
.flowcore-ui :where(& > :not(:last-child)) {
|
|
830
877
|
--tw-divide-y-reverse: 0;
|
|
831
878
|
border-bottom-style: var(--tw-border-style);
|
|
832
879
|
border-top-style: var(--tw-border-style);
|
|
@@ -834,329 +881,382 @@
|
|
|
834
881
|
border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
|
|
835
882
|
}
|
|
836
883
|
}
|
|
837
|
-
.divide-slate-100 {
|
|
838
|
-
:where(& > :not(:last-child)) {
|
|
884
|
+
.flowcore-ui .divide-slate-100 {
|
|
885
|
+
.flowcore-ui :where(& > :not(:last-child)) {
|
|
839
886
|
border-color: var(--color-slate-100);
|
|
840
887
|
}
|
|
841
888
|
}
|
|
842
|
-
.truncate {
|
|
889
|
+
.flowcore-ui .truncate {
|
|
843
890
|
overflow: hidden;
|
|
844
891
|
text-overflow: ellipsis;
|
|
845
892
|
white-space: nowrap;
|
|
846
893
|
}
|
|
847
|
-
.overflow-auto {
|
|
894
|
+
.flowcore-ui .overflow-auto {
|
|
848
895
|
overflow: auto;
|
|
849
896
|
}
|
|
850
|
-
.overflow-hidden {
|
|
897
|
+
.flowcore-ui .overflow-hidden {
|
|
851
898
|
overflow: hidden;
|
|
852
899
|
}
|
|
853
|
-
.overflow-x-auto {
|
|
900
|
+
.flowcore-ui .overflow-x-auto {
|
|
854
901
|
overflow-x: auto;
|
|
855
902
|
}
|
|
856
|
-
.overflow-x-hidden {
|
|
903
|
+
.flowcore-ui .overflow-x-hidden {
|
|
857
904
|
overflow-x: hidden;
|
|
858
905
|
}
|
|
859
|
-
.overflow-y-auto {
|
|
906
|
+
.flowcore-ui .overflow-y-auto {
|
|
860
907
|
overflow-y: auto;
|
|
861
908
|
}
|
|
862
|
-
.rounded {
|
|
909
|
+
.flowcore-ui .rounded {
|
|
863
910
|
border-radius: 0.25rem;
|
|
864
911
|
}
|
|
865
|
-
.rounded-2xl {
|
|
912
|
+
.flowcore-ui .rounded-2xl {
|
|
866
913
|
border-radius: var(--radius-2xl);
|
|
867
914
|
}
|
|
868
|
-
.rounded-3xl {
|
|
915
|
+
.flowcore-ui .rounded-3xl {
|
|
869
916
|
border-radius: var(--radius-3xl);
|
|
870
917
|
}
|
|
871
|
-
.rounded-\[6px\] {
|
|
918
|
+
.flowcore-ui .rounded-\[6px\] {
|
|
872
919
|
border-radius: 6px;
|
|
873
920
|
}
|
|
874
|
-
.rounded-\[9px\] {
|
|
921
|
+
.flowcore-ui .rounded-\[9px\] {
|
|
875
922
|
border-radius: 9px;
|
|
876
923
|
}
|
|
877
|
-
.rounded-\[10px\] {
|
|
924
|
+
.flowcore-ui .rounded-\[10px\] {
|
|
878
925
|
border-radius: 10px;
|
|
879
926
|
}
|
|
880
|
-
.rounded-full {
|
|
927
|
+
.flowcore-ui .rounded-full {
|
|
881
928
|
border-radius: calc(infinity * 1px);
|
|
882
929
|
}
|
|
883
|
-
.rounded-lg {
|
|
930
|
+
.flowcore-ui .rounded-lg {
|
|
884
931
|
border-radius: var(--radius-lg);
|
|
885
932
|
}
|
|
886
|
-
.rounded-md {
|
|
933
|
+
.flowcore-ui .rounded-md {
|
|
887
934
|
border-radius: var(--radius-md);
|
|
888
935
|
}
|
|
889
|
-
.rounded-xl {
|
|
936
|
+
.flowcore-ui .rounded-xl {
|
|
890
937
|
border-radius: var(--radius-xl);
|
|
891
938
|
}
|
|
892
|
-
.border {
|
|
939
|
+
.flowcore-ui .border {
|
|
893
940
|
border-style: var(--tw-border-style);
|
|
894
941
|
border-width: 1px;
|
|
895
942
|
}
|
|
896
|
-
.border-2 {
|
|
943
|
+
.flowcore-ui .border-2 {
|
|
897
944
|
border-style: var(--tw-border-style);
|
|
898
945
|
border-width: 2px;
|
|
899
946
|
}
|
|
900
|
-
.border-t {
|
|
947
|
+
.flowcore-ui .border-t {
|
|
901
948
|
border-top-style: var(--tw-border-style);
|
|
902
949
|
border-top-width: 1px;
|
|
903
950
|
}
|
|
904
|
-
.border-r {
|
|
951
|
+
.flowcore-ui .border-r {
|
|
905
952
|
border-right-style: var(--tw-border-style);
|
|
906
953
|
border-right-width: 1px;
|
|
907
954
|
}
|
|
908
|
-
.border-b {
|
|
955
|
+
.flowcore-ui .border-b {
|
|
909
956
|
border-bottom-style: var(--tw-border-style);
|
|
910
957
|
border-bottom-width: 1px;
|
|
911
958
|
}
|
|
912
|
-
.border-l {
|
|
959
|
+
.flowcore-ui .border-l {
|
|
913
960
|
border-left-style: var(--tw-border-style);
|
|
914
961
|
border-left-width: 1px;
|
|
915
962
|
}
|
|
916
|
-
.border-
|
|
917
|
-
--tw-border-style: dashed;
|
|
918
|
-
border-style: dashed;
|
|
919
|
-
}
|
|
920
|
-
.border-solid {
|
|
963
|
+
.flowcore-ui .border-solid {
|
|
921
964
|
--tw-border-style: solid;
|
|
922
965
|
border-style: solid;
|
|
923
966
|
}
|
|
924
|
-
.border-\[\#E1E5ED\] {
|
|
967
|
+
.flowcore-ui .border-\[\#E1E5ED\] {
|
|
925
968
|
border-color: #E1E5ED;
|
|
926
969
|
}
|
|
927
|
-
.border-\[\#E5E9F1\] {
|
|
970
|
+
.flowcore-ui .border-\[\#E5E9F1\] {
|
|
928
971
|
border-color: #E5E9F1;
|
|
929
972
|
}
|
|
930
|
-
.border-\[\#EDF0F5\] {
|
|
973
|
+
.flowcore-ui .border-\[\#EDF0F5\] {
|
|
931
974
|
border-color: #EDF0F5;
|
|
932
975
|
}
|
|
933
|
-
.border
|
|
934
|
-
border-color: #e2e8f0;
|
|
935
|
-
}
|
|
936
|
-
.border-amber-100 {
|
|
976
|
+
.flowcore-ui .border-amber-100 {
|
|
937
977
|
border-color: var(--color-amber-100);
|
|
938
978
|
}
|
|
939
|
-
.border-amber-200 {
|
|
979
|
+
.flowcore-ui .border-amber-200 {
|
|
940
980
|
border-color: var(--color-amber-200);
|
|
941
981
|
}
|
|
942
|
-
.border-amber-200\/60 {
|
|
982
|
+
.flowcore-ui .border-amber-200\/60 {
|
|
943
983
|
border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 60%, transparent);
|
|
944
984
|
@supports (color: color-mix(in lab, red, red)) {
|
|
945
985
|
border-color: color-mix(in oklab, var(--color-amber-200) 60%, transparent);
|
|
946
986
|
}
|
|
947
987
|
}
|
|
948
|
-
.border-black\/\[\.08\] {
|
|
988
|
+
.flowcore-ui .border-black\/\[\.08\] {
|
|
949
989
|
border-color: color-mix(in srgb, #000 8%, transparent);
|
|
950
990
|
@supports (color: color-mix(in lab, red, red)) {
|
|
951
991
|
border-color: color-mix(in oklab, var(--color-black) 8%, transparent);
|
|
952
992
|
}
|
|
953
993
|
}
|
|
954
|
-
.border-blue-100 {
|
|
994
|
+
.flowcore-ui .border-blue-100 {
|
|
955
995
|
border-color: var(--color-blue-100);
|
|
956
996
|
}
|
|
957
|
-
.border-blue-200 {
|
|
997
|
+
.flowcore-ui .border-blue-200 {
|
|
958
998
|
border-color: var(--color-blue-200);
|
|
959
999
|
}
|
|
960
|
-
.border-blue-200\/60 {
|
|
1000
|
+
.flowcore-ui .border-blue-200\/60 {
|
|
961
1001
|
border-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 60%, transparent);
|
|
962
1002
|
@supports (color: color-mix(in lab, red, red)) {
|
|
963
1003
|
border-color: color-mix(in oklab, var(--color-blue-200) 60%, transparent);
|
|
964
1004
|
}
|
|
965
1005
|
}
|
|
966
|
-
.border-emerald-100 {
|
|
1006
|
+
.flowcore-ui .border-emerald-100 {
|
|
967
1007
|
border-color: var(--color-emerald-100);
|
|
968
1008
|
}
|
|
969
|
-
.border-emerald-200 {
|
|
1009
|
+
.flowcore-ui .border-emerald-200 {
|
|
970
1010
|
border-color: var(--color-emerald-200);
|
|
971
1011
|
}
|
|
972
|
-
.border-emerald-200\/60 {
|
|
1012
|
+
.flowcore-ui .border-emerald-200\/60 {
|
|
973
1013
|
border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 60%, transparent);
|
|
974
1014
|
@supports (color: color-mix(in lab, red, red)) {
|
|
975
1015
|
border-color: color-mix(in oklab, var(--color-emerald-200) 60%, transparent);
|
|
976
1016
|
}
|
|
977
1017
|
}
|
|
978
|
-
.border-gray-
|
|
1018
|
+
.flowcore-ui .border-gray-100 {
|
|
1019
|
+
border-color: var(--color-gray-100);
|
|
1020
|
+
}
|
|
1021
|
+
.flowcore-ui .border-gray-200 {
|
|
979
1022
|
border-color: var(--color-gray-200);
|
|
980
1023
|
}
|
|
981
|
-
.border-
|
|
1024
|
+
.flowcore-ui .border-gray-300 {
|
|
1025
|
+
border-color: var(--color-gray-300);
|
|
1026
|
+
}
|
|
1027
|
+
.flowcore-ui .border-green-200 {
|
|
982
1028
|
border-color: var(--color-green-200);
|
|
983
1029
|
}
|
|
984
|
-
.border-indigo-100 {
|
|
1030
|
+
.flowcore-ui .border-indigo-100 {
|
|
985
1031
|
border-color: var(--color-indigo-100);
|
|
986
1032
|
}
|
|
987
|
-
.border-red-
|
|
1033
|
+
.flowcore-ui .border-red-100 {
|
|
1034
|
+
border-color: var(--color-red-100);
|
|
1035
|
+
}
|
|
1036
|
+
.flowcore-ui .border-red-200 {
|
|
988
1037
|
border-color: var(--color-red-200);
|
|
989
1038
|
}
|
|
990
|
-
.border-
|
|
1039
|
+
.flowcore-ui .border-red-500 {
|
|
1040
|
+
border-color: var(--color-red-500);
|
|
1041
|
+
}
|
|
1042
|
+
.flowcore-ui .border-rose-200 {
|
|
991
1043
|
border-color: var(--color-rose-200);
|
|
992
1044
|
}
|
|
993
|
-
.border-rose-200\/60 {
|
|
1045
|
+
.flowcore-ui .border-rose-200\/60 {
|
|
994
1046
|
border-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 60%, transparent);
|
|
995
1047
|
@supports (color: color-mix(in lab, red, red)) {
|
|
996
1048
|
border-color: color-mix(in oklab, var(--color-rose-200) 60%, transparent);
|
|
997
1049
|
}
|
|
998
1050
|
}
|
|
999
|
-
.border-slate-50 {
|
|
1051
|
+
.flowcore-ui .border-slate-50 {
|
|
1000
1052
|
border-color: var(--color-slate-50);
|
|
1001
1053
|
}
|
|
1002
|
-
.border-slate-100 {
|
|
1054
|
+
.flowcore-ui .border-slate-100 {
|
|
1003
1055
|
border-color: var(--color-slate-100);
|
|
1004
1056
|
}
|
|
1005
|
-
.border-slate-100\/80 {
|
|
1057
|
+
.flowcore-ui .border-slate-100\/80 {
|
|
1006
1058
|
border-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);
|
|
1007
1059
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1008
1060
|
border-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);
|
|
1009
1061
|
}
|
|
1010
1062
|
}
|
|
1011
|
-
.border-slate-200 {
|
|
1063
|
+
.flowcore-ui .border-slate-200 {
|
|
1012
1064
|
border-color: var(--color-slate-200);
|
|
1013
1065
|
}
|
|
1014
|
-
.border-slate-200\/80 {
|
|
1066
|
+
.flowcore-ui .border-slate-200\/80 {
|
|
1015
1067
|
border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);
|
|
1016
1068
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1017
1069
|
border-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
|
|
1018
1070
|
}
|
|
1019
1071
|
}
|
|
1020
|
-
.border-slate-300 {
|
|
1072
|
+
.flowcore-ui .border-slate-300 {
|
|
1021
1073
|
border-color: var(--color-slate-300);
|
|
1022
1074
|
}
|
|
1023
|
-
.border-transparent {
|
|
1075
|
+
.flowcore-ui .border-transparent {
|
|
1024
1076
|
border-color: transparent;
|
|
1025
1077
|
}
|
|
1026
|
-
.bg-\[\#
|
|
1027
|
-
background-color: #
|
|
1078
|
+
.flowcore-ui .bg-\[\#2563eb\] {
|
|
1079
|
+
background-color: #2563eb;
|
|
1028
1080
|
}
|
|
1029
|
-
.bg-\[\#
|
|
1030
|
-
background-color: #
|
|
1081
|
+
.flowcore-ui .bg-\[\#F5F7FB\] {
|
|
1082
|
+
background-color: #F5F7FB;
|
|
1031
1083
|
}
|
|
1032
|
-
.bg-\[\#f5f7fb\] {
|
|
1084
|
+
.flowcore-ui .bg-\[\#f5f7fb\] {
|
|
1033
1085
|
background-color: #f5f7fb;
|
|
1034
1086
|
}
|
|
1035
|
-
.bg-amber-50 {
|
|
1087
|
+
.flowcore-ui .bg-amber-50 {
|
|
1036
1088
|
background-color: var(--color-amber-50);
|
|
1037
1089
|
}
|
|
1038
|
-
.bg-
|
|
1090
|
+
.flowcore-ui .bg-black\/10 {
|
|
1091
|
+
background-color: color-mix(in srgb, #000 10%, transparent);
|
|
1092
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1093
|
+
background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
|
|
1094
|
+
}
|
|
1095
|
+
}
|
|
1096
|
+
.flowcore-ui .bg-black\/40 {
|
|
1097
|
+
background-color: color-mix(in srgb, #000 40%, transparent);
|
|
1098
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1099
|
+
background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
|
|
1100
|
+
}
|
|
1101
|
+
}
|
|
1102
|
+
.flowcore-ui .bg-blue-50 {
|
|
1039
1103
|
background-color: var(--color-blue-50);
|
|
1040
1104
|
}
|
|
1041
|
-
.bg-blue-
|
|
1105
|
+
.flowcore-ui .bg-blue-100\/70 {
|
|
1106
|
+
background-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 70%, transparent);
|
|
1107
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1108
|
+
background-color: color-mix(in oklab, var(--color-blue-100) 70%, transparent);
|
|
1109
|
+
}
|
|
1110
|
+
}
|
|
1111
|
+
.flowcore-ui .bg-blue-200\/20 {
|
|
1042
1112
|
background-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 20%, transparent);
|
|
1043
1113
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1044
1114
|
background-color: color-mix(in oklab, var(--color-blue-200) 20%, transparent);
|
|
1045
1115
|
}
|
|
1046
1116
|
}
|
|
1047
|
-
.bg-blue-600 {
|
|
1117
|
+
.flowcore-ui .bg-blue-600 {
|
|
1048
1118
|
background-color: var(--color-blue-600);
|
|
1049
1119
|
}
|
|
1050
|
-
.bg-cyan-200\/20 {
|
|
1120
|
+
.flowcore-ui .bg-cyan-200\/20 {
|
|
1051
1121
|
background-color: color-mix(in srgb, oklch(91.7% 0.08 205.041) 20%, transparent);
|
|
1052
1122
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1053
1123
|
background-color: color-mix(in oklab, var(--color-cyan-200) 20%, transparent);
|
|
1054
1124
|
}
|
|
1055
1125
|
}
|
|
1056
|
-
.bg-emerald-50 {
|
|
1126
|
+
.flowcore-ui .bg-emerald-50 {
|
|
1057
1127
|
background-color: var(--color-emerald-50);
|
|
1058
1128
|
}
|
|
1059
|
-
.bg-
|
|
1129
|
+
.flowcore-ui .bg-emerald-100\/70 {
|
|
1130
|
+
background-color: color-mix(in srgb, oklch(95% 0.052 163.051) 70%, transparent);
|
|
1131
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1132
|
+
background-color: color-mix(in oklab, var(--color-emerald-100) 70%, transparent);
|
|
1133
|
+
}
|
|
1134
|
+
}
|
|
1135
|
+
.flowcore-ui .bg-gray-50 {
|
|
1136
|
+
background-color: var(--color-gray-50);
|
|
1137
|
+
}
|
|
1138
|
+
.flowcore-ui .bg-gray-50\/70 {
|
|
1139
|
+
background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 70%, transparent);
|
|
1140
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1141
|
+
background-color: color-mix(in oklab, var(--color-gray-50) 70%, transparent);
|
|
1142
|
+
}
|
|
1143
|
+
}
|
|
1144
|
+
.flowcore-ui .bg-gray-100 {
|
|
1060
1145
|
background-color: var(--color-gray-100);
|
|
1061
1146
|
}
|
|
1062
|
-
.bg-
|
|
1147
|
+
.flowcore-ui .bg-gray-100\/80 {
|
|
1148
|
+
background-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 80%, transparent);
|
|
1149
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1150
|
+
background-color: color-mix(in oklab, var(--color-gray-100) 80%, transparent);
|
|
1151
|
+
}
|
|
1152
|
+
}
|
|
1153
|
+
.flowcore-ui .bg-green-50 {
|
|
1063
1154
|
background-color: var(--color-green-50);
|
|
1064
1155
|
}
|
|
1065
|
-
.bg-green-100 {
|
|
1156
|
+
.flowcore-ui .bg-green-100 {
|
|
1066
1157
|
background-color: var(--color-green-100);
|
|
1067
1158
|
}
|
|
1068
|
-
.bg-indigo-50 {
|
|
1159
|
+
.flowcore-ui .bg-indigo-50 {
|
|
1069
1160
|
background-color: var(--color-indigo-50);
|
|
1070
1161
|
}
|
|
1071
|
-
.bg-indigo-600 {
|
|
1162
|
+
.flowcore-ui .bg-indigo-600 {
|
|
1072
1163
|
background-color: var(--color-indigo-600);
|
|
1073
1164
|
}
|
|
1074
|
-
.bg-orange-100 {
|
|
1165
|
+
.flowcore-ui .bg-orange-100 {
|
|
1075
1166
|
background-color: var(--color-orange-100);
|
|
1076
1167
|
}
|
|
1077
|
-
.bg-red-50 {
|
|
1168
|
+
.flowcore-ui .bg-red-50 {
|
|
1078
1169
|
background-color: var(--color-red-50);
|
|
1079
1170
|
}
|
|
1080
|
-
.bg-red-100 {
|
|
1171
|
+
.flowcore-ui .bg-red-100 {
|
|
1081
1172
|
background-color: var(--color-red-100);
|
|
1082
1173
|
}
|
|
1083
|
-
.bg-
|
|
1174
|
+
.flowcore-ui .bg-red-600 {
|
|
1175
|
+
background-color: var(--color-red-600);
|
|
1176
|
+
}
|
|
1177
|
+
.flowcore-ui .bg-rose-50 {
|
|
1084
1178
|
background-color: var(--color-rose-50);
|
|
1085
1179
|
}
|
|
1086
|
-
.bg-
|
|
1180
|
+
.flowcore-ui .bg-rose-100 {
|
|
1181
|
+
background-color: var(--color-rose-100);
|
|
1182
|
+
}
|
|
1183
|
+
.flowcore-ui .bg-rose-100\/70 {
|
|
1184
|
+
background-color: color-mix(in srgb, oklch(94.1% 0.03 12.58) 70%, transparent);
|
|
1185
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1186
|
+
background-color: color-mix(in oklab, var(--color-rose-100) 70%, transparent);
|
|
1187
|
+
}
|
|
1188
|
+
}
|
|
1189
|
+
.flowcore-ui .bg-rose-600 {
|
|
1190
|
+
background-color: var(--color-rose-600);
|
|
1191
|
+
}
|
|
1192
|
+
.flowcore-ui .bg-slate-50 {
|
|
1087
1193
|
background-color: var(--color-slate-50);
|
|
1088
1194
|
}
|
|
1089
|
-
.bg-slate-50\/30 {
|
|
1195
|
+
.flowcore-ui .bg-slate-50\/30 {
|
|
1090
1196
|
background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 30%, transparent);
|
|
1091
1197
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1092
1198
|
background-color: color-mix(in oklab, var(--color-slate-50) 30%, transparent);
|
|
1093
1199
|
}
|
|
1094
1200
|
}
|
|
1095
|
-
.bg-slate-50\/50 {
|
|
1201
|
+
.flowcore-ui .bg-slate-50\/50 {
|
|
1096
1202
|
background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
|
|
1097
1203
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1098
1204
|
background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
|
|
1099
1205
|
}
|
|
1100
1206
|
}
|
|
1101
|
-
.bg-slate-50\/70 {
|
|
1207
|
+
.flowcore-ui .bg-slate-50\/70 {
|
|
1102
1208
|
background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 70%, transparent);
|
|
1103
1209
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1104
1210
|
background-color: color-mix(in oklab, var(--color-slate-50) 70%, transparent);
|
|
1105
1211
|
}
|
|
1106
1212
|
}
|
|
1107
|
-
.bg-slate-
|
|
1108
|
-
background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 95%, transparent);
|
|
1109
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
1110
|
-
background-color: color-mix(in oklab, var(--color-slate-50) 95%, transparent);
|
|
1111
|
-
}
|
|
1112
|
-
}
|
|
1113
|
-
.bg-slate-100 {
|
|
1213
|
+
.flowcore-ui .bg-slate-100 {
|
|
1114
1214
|
background-color: var(--color-slate-100);
|
|
1115
1215
|
}
|
|
1116
|
-
.bg-slate-200 {
|
|
1216
|
+
.flowcore-ui .bg-slate-200 {
|
|
1117
1217
|
background-color: var(--color-slate-200);
|
|
1118
1218
|
}
|
|
1119
|
-
.bg-slate-900\/50 {
|
|
1219
|
+
.flowcore-ui .bg-slate-900\/50 {
|
|
1120
1220
|
background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
|
|
1121
1221
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1122
1222
|
background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
|
|
1123
1223
|
}
|
|
1124
1224
|
}
|
|
1125
|
-
.bg-white {
|
|
1225
|
+
.flowcore-ui .bg-white {
|
|
1126
1226
|
background-color: var(--color-white);
|
|
1127
1227
|
}
|
|
1128
|
-
.bg-white\/20 {
|
|
1228
|
+
.flowcore-ui .bg-white\/20 {
|
|
1129
1229
|
background-color: color-mix(in srgb, #fff 20%, transparent);
|
|
1130
1230
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1131
1231
|
background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
|
|
1132
1232
|
}
|
|
1133
1233
|
}
|
|
1134
|
-
.bg-white\/90 {
|
|
1234
|
+
.flowcore-ui .bg-white\/90 {
|
|
1135
1235
|
background-color: color-mix(in srgb, #fff 90%, transparent);
|
|
1136
1236
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1137
1237
|
background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
|
|
1138
1238
|
}
|
|
1139
1239
|
}
|
|
1140
|
-
.bg-zinc-50 {
|
|
1240
|
+
.flowcore-ui .bg-zinc-50 {
|
|
1141
1241
|
background-color: var(--color-zinc-50);
|
|
1142
1242
|
}
|
|
1143
|
-
.bg-gradient-to-br {
|
|
1243
|
+
.flowcore-ui .bg-gradient-to-br {
|
|
1144
1244
|
--tw-gradient-position: to bottom right in oklab;
|
|
1145
1245
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
1146
1246
|
}
|
|
1147
|
-
.bg-gradient-to-r {
|
|
1247
|
+
.flowcore-ui .bg-gradient-to-r {
|
|
1148
1248
|
--tw-gradient-position: to right in oklab;
|
|
1149
1249
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
1150
1250
|
}
|
|
1151
|
-
.from-blue-500 {
|
|
1251
|
+
.flowcore-ui .from-blue-500 {
|
|
1152
1252
|
--tw-gradient-from: var(--color-blue-500);
|
|
1153
1253
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
1154
1254
|
}
|
|
1155
|
-
.from-blue-600 {
|
|
1255
|
+
.flowcore-ui .from-blue-600 {
|
|
1156
1256
|
--tw-gradient-from: var(--color-blue-600);
|
|
1157
1257
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
1158
1258
|
}
|
|
1159
|
-
.via-cyan-400 {
|
|
1259
|
+
.flowcore-ui .via-cyan-400 {
|
|
1160
1260
|
--tw-gradient-via: var(--color-cyan-400);
|
|
1161
1261
|
--tw-gradient-via-stops:
|
|
1162
1262
|
var(--tw-gradient-position),
|
|
@@ -1165,414 +1265,447 @@
|
|
|
1165
1265
|
var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
1166
1266
|
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
1167
1267
|
}
|
|
1168
|
-
.to-indigo-500 {
|
|
1268
|
+
.flowcore-ui .to-indigo-500 {
|
|
1169
1269
|
--tw-gradient-to: var(--color-indigo-500);
|
|
1170
1270
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
1171
1271
|
}
|
|
1172
|
-
.to-indigo-600 {
|
|
1272
|
+
.flowcore-ui .to-indigo-600 {
|
|
1173
1273
|
--tw-gradient-to: var(--color-indigo-600);
|
|
1174
1274
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
1175
1275
|
}
|
|
1176
|
-
.stroke-\[2\.5\] {
|
|
1276
|
+
.flowcore-ui .stroke-\[2\.5\] {
|
|
1177
1277
|
stroke-width: 2.5;
|
|
1178
1278
|
}
|
|
1179
|
-
.p-1\.5 {
|
|
1279
|
+
.flowcore-ui .p-1\.5 {
|
|
1180
1280
|
padding: calc(var(--spacing) * 1.5);
|
|
1181
1281
|
}
|
|
1182
|
-
.p-2 {
|
|
1282
|
+
.flowcore-ui .p-2 {
|
|
1183
1283
|
padding: calc(var(--spacing) * 2);
|
|
1184
1284
|
}
|
|
1185
|
-
.p-2\.5 {
|
|
1285
|
+
.flowcore-ui .p-2\.5 {
|
|
1186
1286
|
padding: calc(var(--spacing) * 2.5);
|
|
1187
1287
|
}
|
|
1188
|
-
.p-3 {
|
|
1288
|
+
.flowcore-ui .p-3 {
|
|
1189
1289
|
padding: calc(var(--spacing) * 3);
|
|
1190
1290
|
}
|
|
1191
|
-
.p-3\.5 {
|
|
1291
|
+
.flowcore-ui .p-3\.5 {
|
|
1192
1292
|
padding: calc(var(--spacing) * 3.5);
|
|
1193
1293
|
}
|
|
1194
|
-
.p-4 {
|
|
1294
|
+
.flowcore-ui .p-4 {
|
|
1195
1295
|
padding: calc(var(--spacing) * 4);
|
|
1196
1296
|
}
|
|
1197
|
-
.p-5 {
|
|
1297
|
+
.flowcore-ui .p-5 {
|
|
1198
1298
|
padding: calc(var(--spacing) * 5);
|
|
1199
1299
|
}
|
|
1200
|
-
.p-6 {
|
|
1300
|
+
.flowcore-ui .p-6 {
|
|
1201
1301
|
padding: calc(var(--spacing) * 6);
|
|
1202
1302
|
}
|
|
1203
|
-
.p-8 {
|
|
1303
|
+
.flowcore-ui .p-8 {
|
|
1204
1304
|
padding: calc(var(--spacing) * 8);
|
|
1205
1305
|
}
|
|
1206
|
-
.
|
|
1207
|
-
padding: calc(var(--spacing) * 10);
|
|
1208
|
-
}
|
|
1209
|
-
.px-2 {
|
|
1306
|
+
.flowcore-ui .px-2 {
|
|
1210
1307
|
padding-inline: calc(var(--spacing) * 2);
|
|
1211
1308
|
}
|
|
1212
|
-
.px-2\.5 {
|
|
1309
|
+
.flowcore-ui .px-2\.5 {
|
|
1213
1310
|
padding-inline: calc(var(--spacing) * 2.5);
|
|
1214
1311
|
}
|
|
1215
|
-
.px-3 {
|
|
1312
|
+
.flowcore-ui .px-3 {
|
|
1216
1313
|
padding-inline: calc(var(--spacing) * 3);
|
|
1217
1314
|
}
|
|
1218
|
-
.px-
|
|
1315
|
+
.flowcore-ui .px-3\.5 {
|
|
1316
|
+
padding-inline: calc(var(--spacing) * 3.5);
|
|
1317
|
+
}
|
|
1318
|
+
.flowcore-ui .px-4 {
|
|
1219
1319
|
padding-inline: calc(var(--spacing) * 4);
|
|
1220
1320
|
}
|
|
1221
|
-
.px-5 {
|
|
1321
|
+
.flowcore-ui .px-5 {
|
|
1222
1322
|
padding-inline: calc(var(--spacing) * 5);
|
|
1223
1323
|
}
|
|
1224
|
-
.px-6 {
|
|
1324
|
+
.flowcore-ui .px-6 {
|
|
1225
1325
|
padding-inline: calc(var(--spacing) * 6);
|
|
1226
1326
|
}
|
|
1227
|
-
.px-8 {
|
|
1327
|
+
.flowcore-ui .px-8 {
|
|
1228
1328
|
padding-inline: calc(var(--spacing) * 8);
|
|
1229
1329
|
}
|
|
1230
|
-
.px-16 {
|
|
1330
|
+
.flowcore-ui .px-16 {
|
|
1231
1331
|
padding-inline: calc(var(--spacing) * 16);
|
|
1232
1332
|
}
|
|
1233
|
-
.px-\[
|
|
1333
|
+
.flowcore-ui .px-\[6px\] {
|
|
1334
|
+
padding-inline: 6px;
|
|
1335
|
+
}
|
|
1336
|
+
.flowcore-ui .px-\[8px\] {
|
|
1337
|
+
padding-inline: 8px;
|
|
1338
|
+
}
|
|
1339
|
+
.flowcore-ui .px-\[14px\] {
|
|
1234
1340
|
padding-inline: 14px;
|
|
1235
1341
|
}
|
|
1236
|
-
.px-\[17px\] {
|
|
1342
|
+
.flowcore-ui .px-\[17px\] {
|
|
1237
1343
|
padding-inline: 17px;
|
|
1238
1344
|
}
|
|
1239
|
-
.px-\[23px\] {
|
|
1345
|
+
.flowcore-ui .px-\[23px\] {
|
|
1240
1346
|
padding-inline: 23px;
|
|
1241
1347
|
}
|
|
1242
|
-
.px-\[27px\] {
|
|
1348
|
+
.flowcore-ui .px-\[27px\] {
|
|
1243
1349
|
padding-inline: 27px;
|
|
1244
1350
|
}
|
|
1245
|
-
.py-0\.5 {
|
|
1351
|
+
.flowcore-ui .py-0\.5 {
|
|
1246
1352
|
padding-block: calc(var(--spacing) * 0.5);
|
|
1247
1353
|
}
|
|
1248
|
-
.py-1 {
|
|
1354
|
+
.flowcore-ui .py-1 {
|
|
1249
1355
|
padding-block: var(--spacing);
|
|
1250
1356
|
}
|
|
1251
|
-
.py-2 {
|
|
1357
|
+
.flowcore-ui .py-2 {
|
|
1252
1358
|
padding-block: calc(var(--spacing) * 2);
|
|
1253
1359
|
}
|
|
1254
|
-
.py-2\.5 {
|
|
1360
|
+
.flowcore-ui .py-2\.5 {
|
|
1255
1361
|
padding-block: calc(var(--spacing) * 2.5);
|
|
1256
1362
|
}
|
|
1257
|
-
.py-3 {
|
|
1363
|
+
.flowcore-ui .py-3 {
|
|
1258
1364
|
padding-block: calc(var(--spacing) * 3);
|
|
1259
1365
|
}
|
|
1260
|
-
.py-4 {
|
|
1366
|
+
.flowcore-ui .py-4 {
|
|
1261
1367
|
padding-block: calc(var(--spacing) * 4);
|
|
1262
1368
|
}
|
|
1263
|
-
.py-4\.5 {
|
|
1369
|
+
.flowcore-ui .py-4\.5 {
|
|
1264
1370
|
padding-block: calc(var(--spacing) * 4.5);
|
|
1265
1371
|
}
|
|
1266
|
-
.py-5 {
|
|
1372
|
+
.flowcore-ui .py-5 {
|
|
1267
1373
|
padding-block: calc(var(--spacing) * 5);
|
|
1268
1374
|
}
|
|
1269
|
-
.py-6 {
|
|
1375
|
+
.flowcore-ui .py-6 {
|
|
1270
1376
|
padding-block: calc(var(--spacing) * 6);
|
|
1271
1377
|
}
|
|
1272
|
-
.py-8 {
|
|
1378
|
+
.flowcore-ui .py-8 {
|
|
1273
1379
|
padding-block: calc(var(--spacing) * 8);
|
|
1274
1380
|
}
|
|
1275
|
-
.py-32 {
|
|
1381
|
+
.flowcore-ui .py-32 {
|
|
1276
1382
|
padding-block: calc(var(--spacing) * 32);
|
|
1277
1383
|
}
|
|
1278
|
-
.pt-1 {
|
|
1384
|
+
.flowcore-ui .pt-1 {
|
|
1279
1385
|
padding-top: var(--spacing);
|
|
1280
1386
|
}
|
|
1281
|
-
.pt
|
|
1387
|
+
.flowcore-ui .pt-2 {
|
|
1388
|
+
padding-top: calc(var(--spacing) * 2);
|
|
1389
|
+
}
|
|
1390
|
+
.flowcore-ui .pt-4 {
|
|
1391
|
+
padding-top: calc(var(--spacing) * 4);
|
|
1392
|
+
}
|
|
1393
|
+
.flowcore-ui .pt-6 {
|
|
1394
|
+
padding-top: calc(var(--spacing) * 6);
|
|
1395
|
+
}
|
|
1396
|
+
.flowcore-ui .pt-\[18px\] {
|
|
1282
1397
|
padding-top: 18px;
|
|
1283
1398
|
}
|
|
1284
|
-
.pt-\[31px\] {
|
|
1399
|
+
.flowcore-ui .pt-\[31px\] {
|
|
1285
1400
|
padding-top: 31px;
|
|
1286
1401
|
}
|
|
1287
|
-
.pr-3 {
|
|
1402
|
+
.flowcore-ui .pr-3 {
|
|
1288
1403
|
padding-right: calc(var(--spacing) * 3);
|
|
1289
1404
|
}
|
|
1290
|
-
.pr-4 {
|
|
1405
|
+
.flowcore-ui .pr-4 {
|
|
1291
1406
|
padding-right: calc(var(--spacing) * 4);
|
|
1292
1407
|
}
|
|
1293
|
-
.pb-3 {
|
|
1408
|
+
.flowcore-ui .pb-3 {
|
|
1294
1409
|
padding-bottom: calc(var(--spacing) * 3);
|
|
1295
1410
|
}
|
|
1296
|
-
.pb-\[30px\] {
|
|
1411
|
+
.flowcore-ui .pb-\[30px\] {
|
|
1297
1412
|
padding-bottom: 30px;
|
|
1298
1413
|
}
|
|
1299
|
-
.pb-\[34px\] {
|
|
1414
|
+
.flowcore-ui .pb-\[34px\] {
|
|
1300
1415
|
padding-bottom: 34px;
|
|
1301
1416
|
}
|
|
1302
|
-
.pl-3 {
|
|
1417
|
+
.flowcore-ui .pl-3 {
|
|
1303
1418
|
padding-left: calc(var(--spacing) * 3);
|
|
1304
1419
|
}
|
|
1305
|
-
.pl-3\.5 {
|
|
1420
|
+
.flowcore-ui .pl-3\.5 {
|
|
1306
1421
|
padding-left: calc(var(--spacing) * 3.5);
|
|
1307
1422
|
}
|
|
1308
|
-
.pl-9 {
|
|
1423
|
+
.flowcore-ui .pl-9 {
|
|
1309
1424
|
padding-left: calc(var(--spacing) * 9);
|
|
1310
1425
|
}
|
|
1311
|
-
.pl-10 {
|
|
1426
|
+
.flowcore-ui .pl-10 {
|
|
1312
1427
|
padding-left: calc(var(--spacing) * 10);
|
|
1313
1428
|
}
|
|
1314
|
-
.pl-\[
|
|
1315
|
-
padding-left:
|
|
1429
|
+
.flowcore-ui .pl-\[2px\] {
|
|
1430
|
+
padding-left: 2px;
|
|
1316
1431
|
}
|
|
1317
|
-
.text-center {
|
|
1432
|
+
.flowcore-ui .text-center {
|
|
1318
1433
|
text-align: center;
|
|
1319
1434
|
}
|
|
1320
|
-
.text-left {
|
|
1435
|
+
.flowcore-ui .text-left {
|
|
1321
1436
|
text-align: left;
|
|
1322
1437
|
}
|
|
1323
|
-
.font-mono {
|
|
1438
|
+
.flowcore-ui .font-mono {
|
|
1324
1439
|
font-family: var(--font-mono);
|
|
1325
1440
|
}
|
|
1326
|
-
.font-sans {
|
|
1441
|
+
.flowcore-ui .font-sans {
|
|
1327
1442
|
font-family: var(--font-sans);
|
|
1328
1443
|
}
|
|
1329
|
-
.text-2xl {
|
|
1444
|
+
.flowcore-ui .text-2xl {
|
|
1330
1445
|
font-size: var(--text-2xl);
|
|
1331
1446
|
line-height: var(--tw-leading, var(--text-2xl--line-height));
|
|
1332
1447
|
}
|
|
1333
|
-
.text-3xl {
|
|
1448
|
+
.flowcore-ui .text-3xl {
|
|
1334
1449
|
font-size: var(--text-3xl);
|
|
1335
1450
|
line-height: var(--tw-leading, var(--text-3xl--line-height));
|
|
1336
1451
|
}
|
|
1337
|
-
.text-base {
|
|
1452
|
+
.flowcore-ui .text-base {
|
|
1338
1453
|
font-size: var(--text-base);
|
|
1339
1454
|
line-height: var(--tw-leading, var(--text-base--line-height));
|
|
1340
1455
|
}
|
|
1341
|
-
.text-lg {
|
|
1456
|
+
.flowcore-ui .text-lg {
|
|
1342
1457
|
font-size: var(--text-lg);
|
|
1343
1458
|
line-height: var(--tw-leading, var(--text-lg--line-height));
|
|
1344
1459
|
}
|
|
1345
|
-
.text-sm {
|
|
1460
|
+
.flowcore-ui .text-sm {
|
|
1346
1461
|
font-size: var(--text-sm);
|
|
1347
1462
|
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
1348
1463
|
}
|
|
1349
|
-
.text-xl {
|
|
1464
|
+
.flowcore-ui .text-xl {
|
|
1350
1465
|
font-size: var(--text-xl);
|
|
1351
1466
|
line-height: var(--tw-leading, var(--text-xl--line-height));
|
|
1352
1467
|
}
|
|
1353
|
-
.text-xs {
|
|
1468
|
+
.flowcore-ui .text-xs {
|
|
1354
1469
|
font-size: var(--text-xs);
|
|
1355
1470
|
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
1356
1471
|
}
|
|
1357
|
-
.text-\[9px\] {
|
|
1472
|
+
.flowcore-ui .text-\[9px\] {
|
|
1358
1473
|
font-size: 9px;
|
|
1359
1474
|
}
|
|
1360
|
-
.text-\[10px\] {
|
|
1475
|
+
.flowcore-ui .text-\[10px\] {
|
|
1361
1476
|
font-size: 10px;
|
|
1362
1477
|
}
|
|
1363
|
-
.text-\[11px\] {
|
|
1478
|
+
.flowcore-ui .text-\[11px\] {
|
|
1364
1479
|
font-size: 11px;
|
|
1365
1480
|
}
|
|
1366
|
-
.text-\[12px\] {
|
|
1481
|
+
.flowcore-ui .text-\[12px\] {
|
|
1367
1482
|
font-size: 12px;
|
|
1368
1483
|
}
|
|
1369
|
-
.text-\[13px\] {
|
|
1484
|
+
.flowcore-ui .text-\[13px\] {
|
|
1370
1485
|
font-size: 13px;
|
|
1371
1486
|
}
|
|
1372
|
-
.text-\[14px\] {
|
|
1487
|
+
.flowcore-ui .text-\[14px\] {
|
|
1373
1488
|
font-size: 14px;
|
|
1374
1489
|
}
|
|
1375
|
-
.text-\[15px\] {
|
|
1490
|
+
.flowcore-ui .text-\[15px\] {
|
|
1376
1491
|
font-size: 15px;
|
|
1377
1492
|
}
|
|
1378
|
-
.text-\[16px\] {
|
|
1493
|
+
.flowcore-ui .text-\[16px\] {
|
|
1379
1494
|
font-size: 16px;
|
|
1380
1495
|
}
|
|
1381
|
-
.text-\[18px\] {
|
|
1496
|
+
.flowcore-ui .text-\[18px\] {
|
|
1382
1497
|
font-size: 18px;
|
|
1383
1498
|
}
|
|
1384
|
-
.text-\[30px\] {
|
|
1499
|
+
.flowcore-ui .text-\[30px\] {
|
|
1385
1500
|
font-size: 30px;
|
|
1386
1501
|
}
|
|
1387
|
-
.leading-8 {
|
|
1502
|
+
.flowcore-ui .leading-8 {
|
|
1388
1503
|
--tw-leading: calc(var(--spacing) * 8);
|
|
1389
1504
|
line-height: calc(var(--spacing) * 8);
|
|
1390
1505
|
}
|
|
1391
|
-
.leading-10 {
|
|
1506
|
+
.flowcore-ui .leading-10 {
|
|
1392
1507
|
--tw-leading: calc(var(--spacing) * 10);
|
|
1393
1508
|
line-height: calc(var(--spacing) * 10);
|
|
1394
1509
|
}
|
|
1395
|
-
.leading-\[20px\] {
|
|
1510
|
+
.flowcore-ui .leading-\[20px\] {
|
|
1396
1511
|
--tw-leading: 20px;
|
|
1397
1512
|
line-height: 20px;
|
|
1398
1513
|
}
|
|
1399
|
-
.leading
|
|
1400
|
-
--tw-leading:
|
|
1401
|
-
line-height:
|
|
1514
|
+
.flowcore-ui .leading-relaxed {
|
|
1515
|
+
--tw-leading: var(--leading-relaxed);
|
|
1516
|
+
line-height: var(--leading-relaxed);
|
|
1402
1517
|
}
|
|
1403
|
-
.leading-tight {
|
|
1518
|
+
.flowcore-ui .leading-tight {
|
|
1404
1519
|
--tw-leading: var(--leading-tight);
|
|
1405
1520
|
line-height: var(--leading-tight);
|
|
1406
1521
|
}
|
|
1407
|
-
.font-bold {
|
|
1522
|
+
.flowcore-ui .font-bold {
|
|
1408
1523
|
--tw-font-weight: var(--font-weight-bold);
|
|
1409
1524
|
font-weight: var(--font-weight-bold);
|
|
1410
1525
|
}
|
|
1411
|
-
.font-extrabold {
|
|
1526
|
+
.flowcore-ui .font-extrabold {
|
|
1412
1527
|
--tw-font-weight: var(--font-weight-extrabold);
|
|
1413
1528
|
font-weight: var(--font-weight-extrabold);
|
|
1414
1529
|
}
|
|
1415
|
-
.font-medium {
|
|
1530
|
+
.flowcore-ui .font-medium {
|
|
1416
1531
|
--tw-font-weight: var(--font-weight-medium);
|
|
1417
1532
|
font-weight: var(--font-weight-medium);
|
|
1418
1533
|
}
|
|
1419
|
-
.font-normal {
|
|
1534
|
+
.flowcore-ui .font-normal {
|
|
1420
1535
|
--tw-font-weight: var(--font-weight-normal);
|
|
1421
1536
|
font-weight: var(--font-weight-normal);
|
|
1422
1537
|
}
|
|
1423
|
-
.font-semibold {
|
|
1538
|
+
.flowcore-ui .font-semibold {
|
|
1424
1539
|
--tw-font-weight: var(--font-weight-semibold);
|
|
1425
1540
|
font-weight: var(--font-weight-semibold);
|
|
1426
1541
|
}
|
|
1427
|
-
.tracking-\[0\.2px\] {
|
|
1542
|
+
.flowcore-ui .tracking-\[0\.2px\] {
|
|
1428
1543
|
--tw-tracking: 0.2px;
|
|
1429
1544
|
letter-spacing: 0.2px;
|
|
1430
1545
|
}
|
|
1431
|
-
.tracking-tight {
|
|
1546
|
+
.flowcore-ui .tracking-tight {
|
|
1432
1547
|
--tw-tracking: var(--tracking-tight);
|
|
1433
1548
|
letter-spacing: var(--tracking-tight);
|
|
1434
1549
|
}
|
|
1435
|
-
.tracking-wide {
|
|
1550
|
+
.flowcore-ui .tracking-wide {
|
|
1436
1551
|
--tw-tracking: var(--tracking-wide);
|
|
1437
1552
|
letter-spacing: var(--tracking-wide);
|
|
1438
1553
|
}
|
|
1439
|
-
.tracking-wider {
|
|
1554
|
+
.flowcore-ui .tracking-wider {
|
|
1440
1555
|
--tw-tracking: var(--tracking-wider);
|
|
1441
1556
|
letter-spacing: var(--tracking-wider);
|
|
1442
1557
|
}
|
|
1443
|
-
.break-words {
|
|
1558
|
+
.flowcore-ui .break-words {
|
|
1444
1559
|
overflow-wrap: break-word;
|
|
1445
1560
|
}
|
|
1446
|
-
.whitespace-normal {
|
|
1561
|
+
.flowcore-ui .whitespace-normal {
|
|
1447
1562
|
white-space: normal;
|
|
1448
1563
|
}
|
|
1449
|
-
.whitespace-nowrap {
|
|
1564
|
+
.flowcore-ui .whitespace-nowrap {
|
|
1450
1565
|
white-space: nowrap;
|
|
1451
1566
|
}
|
|
1452
|
-
.text-\[\#1E293B\] {
|
|
1567
|
+
.flowcore-ui .text-\[\#1E293B\] {
|
|
1453
1568
|
color: #1E293B;
|
|
1454
1569
|
}
|
|
1455
|
-
.text-\[\#2D3A58\] {
|
|
1570
|
+
.flowcore-ui .text-\[\#2D3A58\] {
|
|
1456
1571
|
color: #2D3A58;
|
|
1457
1572
|
}
|
|
1458
|
-
.text-\[\#3C4D74\] {
|
|
1573
|
+
.flowcore-ui .text-\[\#3C4D74\] {
|
|
1459
1574
|
color: #3C4D74;
|
|
1460
1575
|
}
|
|
1461
|
-
.text-\[\#
|
|
1576
|
+
.flowcore-ui .text-\[\#2563eb\] {
|
|
1577
|
+
color: #2563eb;
|
|
1578
|
+
}
|
|
1579
|
+
.flowcore-ui .text-\[\#101318\] {
|
|
1462
1580
|
color: #101318;
|
|
1463
1581
|
}
|
|
1464
|
-
.text-\[\#273657\] {
|
|
1582
|
+
.flowcore-ui .text-\[\#273657\] {
|
|
1465
1583
|
color: #273657;
|
|
1466
1584
|
}
|
|
1467
|
-
.text-\[\#
|
|
1468
|
-
color: #334155;
|
|
1469
|
-
}
|
|
1470
|
-
.text-\[\#344261\] {
|
|
1585
|
+
.flowcore-ui .text-\[\#344261\] {
|
|
1471
1586
|
color: #344261;
|
|
1472
1587
|
}
|
|
1473
|
-
.text-\[\#405170\] {
|
|
1588
|
+
.flowcore-ui .text-\[\#405170\] {
|
|
1474
1589
|
color: #405170;
|
|
1475
1590
|
}
|
|
1476
|
-
.text-amber-600 {
|
|
1591
|
+
.flowcore-ui .text-amber-600 {
|
|
1477
1592
|
color: var(--color-amber-600);
|
|
1478
1593
|
}
|
|
1479
|
-
.text-amber-700 {
|
|
1594
|
+
.flowcore-ui .text-amber-700 {
|
|
1480
1595
|
color: var(--color-amber-700);
|
|
1481
1596
|
}
|
|
1482
|
-
.text-black {
|
|
1597
|
+
.flowcore-ui .text-black {
|
|
1483
1598
|
color: var(--color-black);
|
|
1484
1599
|
}
|
|
1485
|
-
.text-blue-600 {
|
|
1600
|
+
.flowcore-ui .text-blue-600 {
|
|
1486
1601
|
color: var(--color-blue-600);
|
|
1487
1602
|
}
|
|
1488
|
-
.text-blue-700 {
|
|
1603
|
+
.flowcore-ui .text-blue-700 {
|
|
1489
1604
|
color: var(--color-blue-700);
|
|
1490
1605
|
}
|
|
1491
|
-
.text-emerald-600 {
|
|
1606
|
+
.flowcore-ui .text-emerald-600 {
|
|
1492
1607
|
color: var(--color-emerald-600);
|
|
1493
1608
|
}
|
|
1494
|
-
.text-emerald-700 {
|
|
1609
|
+
.flowcore-ui .text-emerald-700 {
|
|
1495
1610
|
color: var(--color-emerald-700);
|
|
1496
1611
|
}
|
|
1497
|
-
.text-gray-400 {
|
|
1612
|
+
.flowcore-ui .text-gray-400 {
|
|
1498
1613
|
color: var(--color-gray-400);
|
|
1499
1614
|
}
|
|
1500
|
-
.text-
|
|
1615
|
+
.flowcore-ui .text-gray-500 {
|
|
1616
|
+
color: var(--color-gray-500);
|
|
1617
|
+
}
|
|
1618
|
+
.flowcore-ui .text-gray-600 {
|
|
1619
|
+
color: var(--color-gray-600);
|
|
1620
|
+
}
|
|
1621
|
+
.flowcore-ui .text-gray-700 {
|
|
1622
|
+
color: var(--color-gray-700);
|
|
1623
|
+
}
|
|
1624
|
+
.flowcore-ui .text-gray-800 {
|
|
1625
|
+
color: var(--color-gray-800);
|
|
1626
|
+
}
|
|
1627
|
+
.flowcore-ui .text-gray-900 {
|
|
1628
|
+
color: var(--color-gray-900);
|
|
1629
|
+
}
|
|
1630
|
+
.flowcore-ui .text-green-700 {
|
|
1501
1631
|
color: var(--color-green-700);
|
|
1502
1632
|
}
|
|
1503
|
-
.text-indigo-600 {
|
|
1633
|
+
.flowcore-ui .text-indigo-600 {
|
|
1504
1634
|
color: var(--color-indigo-600);
|
|
1505
1635
|
}
|
|
1506
|
-
.text-indigo-700 {
|
|
1636
|
+
.flowcore-ui .text-indigo-700 {
|
|
1507
1637
|
color: var(--color-indigo-700);
|
|
1508
1638
|
}
|
|
1509
|
-
.text-orange-700 {
|
|
1639
|
+
.flowcore-ui .text-orange-700 {
|
|
1510
1640
|
color: var(--color-orange-700);
|
|
1511
1641
|
}
|
|
1512
|
-
.text-red-
|
|
1642
|
+
.flowcore-ui .text-red-400 {
|
|
1643
|
+
color: var(--color-red-400);
|
|
1644
|
+
}
|
|
1645
|
+
.flowcore-ui .text-red-500 {
|
|
1513
1646
|
color: var(--color-red-500);
|
|
1514
1647
|
}
|
|
1515
|
-
.text-red-600 {
|
|
1648
|
+
.flowcore-ui .text-red-600 {
|
|
1516
1649
|
color: var(--color-red-600);
|
|
1517
1650
|
}
|
|
1518
|
-
.text-red-700 {
|
|
1651
|
+
.flowcore-ui .text-red-700 {
|
|
1519
1652
|
color: var(--color-red-700);
|
|
1520
1653
|
}
|
|
1521
|
-
.text-rose-600 {
|
|
1654
|
+
.flowcore-ui .text-rose-600 {
|
|
1522
1655
|
color: var(--color-rose-600);
|
|
1523
1656
|
}
|
|
1524
|
-
.text-rose-700 {
|
|
1657
|
+
.flowcore-ui .text-rose-700 {
|
|
1525
1658
|
color: var(--color-rose-700);
|
|
1526
1659
|
}
|
|
1527
|
-
.text-slate-300 {
|
|
1660
|
+
.flowcore-ui .text-slate-300 {
|
|
1528
1661
|
color: var(--color-slate-300);
|
|
1529
1662
|
}
|
|
1530
|
-
.text-slate-400 {
|
|
1663
|
+
.flowcore-ui .text-slate-400 {
|
|
1531
1664
|
color: var(--color-slate-400);
|
|
1532
1665
|
}
|
|
1533
|
-
.text-slate-500 {
|
|
1666
|
+
.flowcore-ui .text-slate-500 {
|
|
1534
1667
|
color: var(--color-slate-500);
|
|
1535
1668
|
}
|
|
1536
|
-
.text-slate-600 {
|
|
1669
|
+
.flowcore-ui .text-slate-600 {
|
|
1537
1670
|
color: var(--color-slate-600);
|
|
1538
1671
|
}
|
|
1539
|
-
.text-slate-700 {
|
|
1672
|
+
.flowcore-ui .text-slate-700 {
|
|
1540
1673
|
color: var(--color-slate-700);
|
|
1541
1674
|
}
|
|
1542
|
-
.text-slate-800 {
|
|
1675
|
+
.flowcore-ui .text-slate-800 {
|
|
1543
1676
|
color: var(--color-slate-800);
|
|
1544
1677
|
}
|
|
1545
|
-
.text-slate-900 {
|
|
1678
|
+
.flowcore-ui .text-slate-900 {
|
|
1546
1679
|
color: var(--color-slate-900);
|
|
1547
1680
|
}
|
|
1548
|
-
.text-white {
|
|
1681
|
+
.flowcore-ui .text-white {
|
|
1549
1682
|
color: var(--color-white);
|
|
1550
1683
|
}
|
|
1551
|
-
.text-zinc-600 {
|
|
1684
|
+
.flowcore-ui .text-zinc-600 {
|
|
1552
1685
|
color: var(--color-zinc-600);
|
|
1553
1686
|
}
|
|
1554
|
-
.text-zinc-950 {
|
|
1687
|
+
.flowcore-ui .text-zinc-950 {
|
|
1555
1688
|
color: var(--color-zinc-950);
|
|
1556
1689
|
}
|
|
1557
|
-
.uppercase {
|
|
1690
|
+
.flowcore-ui .uppercase {
|
|
1558
1691
|
text-transform: uppercase;
|
|
1559
1692
|
}
|
|
1560
|
-
.antialiased {
|
|
1693
|
+
.flowcore-ui .antialiased {
|
|
1561
1694
|
-webkit-font-smoothing: antialiased;
|
|
1562
1695
|
-moz-osx-font-smoothing: grayscale;
|
|
1563
1696
|
}
|
|
1564
|
-
.placeholder-slate-400 {
|
|
1565
|
-
&::placeholder {
|
|
1697
|
+
.flowcore-ui .placeholder-slate-400 {
|
|
1698
|
+
.flowcore-ui &::placeholder {
|
|
1566
1699
|
color: var(--color-slate-400);
|
|
1567
1700
|
}
|
|
1568
1701
|
}
|
|
1569
|
-
.opacity-0 {
|
|
1702
|
+
.flowcore-ui .opacity-0 {
|
|
1570
1703
|
opacity: 0%;
|
|
1571
1704
|
}
|
|
1572
|
-
.opacity-100 {
|
|
1705
|
+
.flowcore-ui .opacity-100 {
|
|
1573
1706
|
opacity: 100%;
|
|
1574
1707
|
}
|
|
1575
|
-
.shadow {
|
|
1708
|
+
.flowcore-ui .shadow {
|
|
1576
1709
|
--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));
|
|
1577
1710
|
box-shadow:
|
|
1578
1711
|
var(--tw-inset-shadow),
|
|
@@ -1581,7 +1714,7 @@
|
|
|
1581
1714
|
var(--tw-ring-shadow),
|
|
1582
1715
|
var(--tw-shadow);
|
|
1583
1716
|
}
|
|
1584
|
-
.shadow-2xl {
|
|
1717
|
+
.flowcore-ui .shadow-2xl {
|
|
1585
1718
|
--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
|
|
1586
1719
|
box-shadow:
|
|
1587
1720
|
var(--tw-inset-shadow),
|
|
@@ -1590,7 +1723,7 @@
|
|
|
1590
1723
|
var(--tw-ring-shadow),
|
|
1591
1724
|
var(--tw-shadow);
|
|
1592
1725
|
}
|
|
1593
|
-
.shadow-\[0_1px_0_0_rgba\(226\,232\,240\,1\)\] {
|
|
1726
|
+
.flowcore-ui .shadow-\[0_1px_0_0_rgba\(226\,232\,240\,1\)\] {
|
|
1594
1727
|
--tw-shadow: 0 1px 0 0 var(--tw-shadow-color, rgba(226,232,240,1));
|
|
1595
1728
|
box-shadow:
|
|
1596
1729
|
var(--tw-inset-shadow),
|
|
@@ -1599,7 +1732,7 @@
|
|
|
1599
1732
|
var(--tw-ring-shadow),
|
|
1600
1733
|
var(--tw-shadow);
|
|
1601
1734
|
}
|
|
1602
|
-
.shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.08\)\] {
|
|
1735
|
+
.flowcore-ui .shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.08\)\] {
|
|
1603
1736
|
--tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(0,0,0,0.08));
|
|
1604
1737
|
box-shadow:
|
|
1605
1738
|
var(--tw-inset-shadow),
|
|
@@ -1608,7 +1741,16 @@
|
|
|
1608
1741
|
var(--tw-ring-shadow),
|
|
1609
1742
|
var(--tw-shadow);
|
|
1610
1743
|
}
|
|
1611
|
-
.shadow-
|
|
1744
|
+
.flowcore-ui .shadow-inner {
|
|
1745
|
+
--tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
|
|
1746
|
+
box-shadow:
|
|
1747
|
+
var(--tw-inset-shadow),
|
|
1748
|
+
var(--tw-inset-ring-shadow),
|
|
1749
|
+
var(--tw-ring-offset-shadow),
|
|
1750
|
+
var(--tw-ring-shadow),
|
|
1751
|
+
var(--tw-shadow);
|
|
1752
|
+
}
|
|
1753
|
+
.flowcore-ui .shadow-lg {
|
|
1612
1754
|
--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));
|
|
1613
1755
|
box-shadow:
|
|
1614
1756
|
var(--tw-inset-shadow),
|
|
@@ -1617,7 +1759,7 @@
|
|
|
1617
1759
|
var(--tw-ring-shadow),
|
|
1618
1760
|
var(--tw-shadow);
|
|
1619
1761
|
}
|
|
1620
|
-
.shadow-md {
|
|
1762
|
+
.flowcore-ui .shadow-md {
|
|
1621
1763
|
--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));
|
|
1622
1764
|
box-shadow:
|
|
1623
1765
|
var(--tw-inset-shadow),
|
|
@@ -1626,7 +1768,7 @@
|
|
|
1626
1768
|
var(--tw-ring-shadow),
|
|
1627
1769
|
var(--tw-shadow);
|
|
1628
1770
|
}
|
|
1629
|
-
.shadow-sm {
|
|
1771
|
+
.flowcore-ui .shadow-sm {
|
|
1630
1772
|
--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));
|
|
1631
1773
|
box-shadow:
|
|
1632
1774
|
var(--tw-inset-shadow),
|
|
@@ -1635,7 +1777,7 @@
|
|
|
1635
1777
|
var(--tw-ring-shadow),
|
|
1636
1778
|
var(--tw-shadow);
|
|
1637
1779
|
}
|
|
1638
|
-
.ring-0 {
|
|
1780
|
+
.flowcore-ui .ring-0 {
|
|
1639
1781
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1640
1782
|
box-shadow:
|
|
1641
1783
|
var(--tw-inset-shadow),
|
|
@@ -1644,42 +1786,52 @@
|
|
|
1644
1786
|
var(--tw-ring-shadow),
|
|
1645
1787
|
var(--tw-shadow);
|
|
1646
1788
|
}
|
|
1647
|
-
.shadow-blue-500\/10 {
|
|
1789
|
+
.flowcore-ui .shadow-blue-500\/10 {
|
|
1648
1790
|
--tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
|
|
1649
1791
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1650
1792
|
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
|
|
1651
1793
|
}
|
|
1652
1794
|
}
|
|
1653
|
-
.shadow-blue-500\/20 {
|
|
1795
|
+
.flowcore-ui .shadow-blue-500\/20 {
|
|
1654
1796
|
--tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
|
|
1655
1797
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1656
1798
|
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
|
|
1657
1799
|
}
|
|
1658
1800
|
}
|
|
1659
|
-
.shadow-indigo-500\/10 {
|
|
1801
|
+
.flowcore-ui .shadow-indigo-500\/10 {
|
|
1660
1802
|
--tw-shadow-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
|
|
1661
1803
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1662
1804
|
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
|
|
1663
1805
|
}
|
|
1664
1806
|
}
|
|
1665
|
-
.
|
|
1807
|
+
.flowcore-ui .shadow-red-500\/20 {
|
|
1808
|
+
--tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
|
|
1809
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1810
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
|
|
1811
|
+
}
|
|
1812
|
+
}
|
|
1813
|
+
.flowcore-ui .blur {
|
|
1814
|
+
--tw-blur: blur(8px);
|
|
1815
|
+
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,);
|
|
1816
|
+
}
|
|
1817
|
+
.flowcore-ui .blur-3xl {
|
|
1666
1818
|
--tw-blur: blur(var(--blur-3xl));
|
|
1667
1819
|
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,);
|
|
1668
1820
|
}
|
|
1669
|
-
.filter {
|
|
1821
|
+
.flowcore-ui .filter {
|
|
1670
1822
|
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,);
|
|
1671
1823
|
}
|
|
1672
|
-
.backdrop-blur-sm {
|
|
1824
|
+
.flowcore-ui .backdrop-blur-sm {
|
|
1673
1825
|
--tw-backdrop-blur: blur(var(--blur-sm));
|
|
1674
1826
|
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
1675
1827
|
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
1676
1828
|
}
|
|
1677
|
-
.backdrop-blur-xl {
|
|
1829
|
+
.flowcore-ui .backdrop-blur-xl {
|
|
1678
1830
|
--tw-backdrop-blur: blur(var(--blur-xl));
|
|
1679
1831
|
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
1680
1832
|
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
1681
1833
|
}
|
|
1682
|
-
.transition {
|
|
1834
|
+
.flowcore-ui .transition {
|
|
1683
1835
|
transition-property:
|
|
1684
1836
|
color,
|
|
1685
1837
|
background-color,
|
|
@@ -1707,12 +1859,12 @@
|
|
|
1707
1859
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1708
1860
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1709
1861
|
}
|
|
1710
|
-
.transition-all {
|
|
1862
|
+
.flowcore-ui .transition-all {
|
|
1711
1863
|
transition-property: all;
|
|
1712
1864
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1713
1865
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1714
1866
|
}
|
|
1715
|
-
.transition-colors {
|
|
1867
|
+
.flowcore-ui .transition-colors {
|
|
1716
1868
|
transition-property:
|
|
1717
1869
|
color,
|
|
1718
1870
|
background-color,
|
|
@@ -1727,12 +1879,12 @@
|
|
|
1727
1879
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1728
1880
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1729
1881
|
}
|
|
1730
|
-
.transition-opacity {
|
|
1882
|
+
.flowcore-ui .transition-opacity {
|
|
1731
1883
|
transition-property: opacity;
|
|
1732
1884
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1733
1885
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1734
1886
|
}
|
|
1735
|
-
.transition-transform {
|
|
1887
|
+
.flowcore-ui .transition-transform {
|
|
1736
1888
|
transition-property:
|
|
1737
1889
|
transform,
|
|
1738
1890
|
translate,
|
|
@@ -1741,162 +1893,162 @@
|
|
|
1741
1893
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1742
1894
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1743
1895
|
}
|
|
1744
|
-
.duration-150 {
|
|
1896
|
+
.flowcore-ui .duration-150 {
|
|
1745
1897
|
--tw-duration: 150ms;
|
|
1746
1898
|
transition-duration: 150ms;
|
|
1747
1899
|
}
|
|
1748
|
-
.duration-200 {
|
|
1900
|
+
.flowcore-ui .duration-200 {
|
|
1749
1901
|
--tw-duration: 200ms;
|
|
1750
1902
|
transition-duration: 200ms;
|
|
1751
1903
|
}
|
|
1752
|
-
.duration-300 {
|
|
1904
|
+
.flowcore-ui .duration-300 {
|
|
1753
1905
|
--tw-duration: 300ms;
|
|
1754
1906
|
transition-duration: 300ms;
|
|
1755
1907
|
}
|
|
1756
|
-
.duration-1000 {
|
|
1908
|
+
.flowcore-ui .duration-1000 {
|
|
1757
1909
|
--tw-duration: 1000ms;
|
|
1758
1910
|
transition-duration: 1000ms;
|
|
1759
1911
|
}
|
|
1760
|
-
.ease-in-out {
|
|
1912
|
+
.flowcore-ui .ease-in-out {
|
|
1761
1913
|
--tw-ease: var(--ease-in-out);
|
|
1762
1914
|
transition-timing-function: var(--ease-in-out);
|
|
1763
1915
|
}
|
|
1764
|
-
.outline-none {
|
|
1916
|
+
.flowcore-ui .outline-none {
|
|
1765
1917
|
--tw-outline-style: none;
|
|
1766
1918
|
outline-style: none;
|
|
1767
1919
|
}
|
|
1768
|
-
.select-none {
|
|
1920
|
+
.flowcore-ui .select-none {
|
|
1769
1921
|
-webkit-user-select: none;
|
|
1770
1922
|
user-select: none;
|
|
1771
1923
|
}
|
|
1772
|
-
.group-hover\:translate-x-\[250\%\] {
|
|
1773
|
-
&:is(:where(.group):hover *) {
|
|
1924
|
+
.flowcore-ui .group-hover\:translate-x-\[250\%\] {
|
|
1925
|
+
.flowcore-ui &:is(:where(.group):hover *) {
|
|
1774
1926
|
@media (hover: hover) {
|
|
1775
1927
|
--tw-translate-x: 250%;
|
|
1776
1928
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1777
1929
|
}
|
|
1778
1930
|
}
|
|
1779
1931
|
}
|
|
1780
|
-
.group-hover\:rotate-90 {
|
|
1781
|
-
&:is(:where(.group):hover *) {
|
|
1932
|
+
.flowcore-ui .group-hover\:rotate-90 {
|
|
1933
|
+
.flowcore-ui &:is(:where(.group):hover *) {
|
|
1782
1934
|
@media (hover: hover) {
|
|
1783
1935
|
rotate: 90deg;
|
|
1784
1936
|
}
|
|
1785
1937
|
}
|
|
1786
1938
|
}
|
|
1787
|
-
.peer-checked\:bg-indigo-600 {
|
|
1788
|
-
&:is(:where(.peer):checked ~ *) {
|
|
1939
|
+
.flowcore-ui .peer-checked\:bg-indigo-600 {
|
|
1940
|
+
.flowcore-ui &:is(:where(.peer):checked ~ *) {
|
|
1789
1941
|
background-color: var(--color-indigo-600);
|
|
1790
1942
|
}
|
|
1791
1943
|
}
|
|
1792
|
-
.peer-focus\:outline-none {
|
|
1793
|
-
&:is(:where(.peer):focus ~ *) {
|
|
1944
|
+
.flowcore-ui .peer-focus\:outline-none {
|
|
1945
|
+
.flowcore-ui &:is(:where(.peer):focus ~ *) {
|
|
1794
1946
|
--tw-outline-style: none;
|
|
1795
1947
|
outline-style: none;
|
|
1796
1948
|
}
|
|
1797
1949
|
}
|
|
1798
|
-
.after\:absolute {
|
|
1799
|
-
&::after {
|
|
1950
|
+
.flowcore-ui .after\:absolute {
|
|
1951
|
+
.flowcore-ui &::after {
|
|
1800
1952
|
content: var(--tw-content);
|
|
1801
1953
|
position: absolute;
|
|
1802
1954
|
}
|
|
1803
1955
|
}
|
|
1804
|
-
.after\:top-\[2px\] {
|
|
1805
|
-
&::after {
|
|
1956
|
+
.flowcore-ui .after\:top-\[2px\] {
|
|
1957
|
+
.flowcore-ui &::after {
|
|
1806
1958
|
content: var(--tw-content);
|
|
1807
1959
|
top: 2px;
|
|
1808
1960
|
}
|
|
1809
1961
|
}
|
|
1810
|
-
.after\:left-\[2px\] {
|
|
1811
|
-
&::after {
|
|
1962
|
+
.flowcore-ui .after\:left-\[2px\] {
|
|
1963
|
+
.flowcore-ui &::after {
|
|
1812
1964
|
content: var(--tw-content);
|
|
1813
1965
|
left: 2px;
|
|
1814
1966
|
}
|
|
1815
1967
|
}
|
|
1816
|
-
.after\:h-3\.5 {
|
|
1817
|
-
&::after {
|
|
1968
|
+
.flowcore-ui .after\:h-3\.5 {
|
|
1969
|
+
.flowcore-ui &::after {
|
|
1818
1970
|
content: var(--tw-content);
|
|
1819
1971
|
height: calc(var(--spacing) * 3.5);
|
|
1820
1972
|
}
|
|
1821
1973
|
}
|
|
1822
|
-
.after\:w-3\.5 {
|
|
1823
|
-
&::after {
|
|
1974
|
+
.flowcore-ui .after\:w-3\.5 {
|
|
1975
|
+
.flowcore-ui &::after {
|
|
1824
1976
|
content: var(--tw-content);
|
|
1825
1977
|
width: calc(var(--spacing) * 3.5);
|
|
1826
1978
|
}
|
|
1827
1979
|
}
|
|
1828
|
-
.after\:rounded-full {
|
|
1829
|
-
&::after {
|
|
1980
|
+
.flowcore-ui .after\:rounded-full {
|
|
1981
|
+
.flowcore-ui &::after {
|
|
1830
1982
|
content: var(--tw-content);
|
|
1831
1983
|
border-radius: calc(infinity * 1px);
|
|
1832
1984
|
}
|
|
1833
1985
|
}
|
|
1834
|
-
.after\:border {
|
|
1835
|
-
&::after {
|
|
1986
|
+
.flowcore-ui .after\:border {
|
|
1987
|
+
.flowcore-ui &::after {
|
|
1836
1988
|
content: var(--tw-content);
|
|
1837
1989
|
border-style: var(--tw-border-style);
|
|
1838
1990
|
border-width: 1px;
|
|
1839
1991
|
}
|
|
1840
1992
|
}
|
|
1841
|
-
.after\:border-slate-300 {
|
|
1842
|
-
&::after {
|
|
1993
|
+
.flowcore-ui .after\:border-slate-300 {
|
|
1994
|
+
.flowcore-ui &::after {
|
|
1843
1995
|
content: var(--tw-content);
|
|
1844
1996
|
border-color: var(--color-slate-300);
|
|
1845
1997
|
}
|
|
1846
1998
|
}
|
|
1847
|
-
.after\:bg-white {
|
|
1848
|
-
&::after {
|
|
1999
|
+
.flowcore-ui .after\:bg-white {
|
|
2000
|
+
.flowcore-ui &::after {
|
|
1849
2001
|
content: var(--tw-content);
|
|
1850
2002
|
background-color: var(--color-white);
|
|
1851
2003
|
}
|
|
1852
2004
|
}
|
|
1853
|
-
.after\:transition-all {
|
|
1854
|
-
&::after {
|
|
2005
|
+
.flowcore-ui .after\:transition-all {
|
|
2006
|
+
.flowcore-ui &::after {
|
|
1855
2007
|
content: var(--tw-content);
|
|
1856
2008
|
transition-property: all;
|
|
1857
2009
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1858
2010
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1859
2011
|
}
|
|
1860
2012
|
}
|
|
1861
|
-
.after\:content-\[\'\'\] {
|
|
1862
|
-
&::after {
|
|
2013
|
+
.flowcore-ui .after\:content-\[\'\'\] {
|
|
2014
|
+
.flowcore-ui &::after {
|
|
1863
2015
|
--tw-content: "";
|
|
1864
2016
|
content: var(--tw-content);
|
|
1865
2017
|
}
|
|
1866
2018
|
}
|
|
1867
|
-
.peer-checked\:after\:translate-x-full {
|
|
1868
|
-
&:is(:where(.peer):checked ~ *) {
|
|
1869
|
-
&::after {
|
|
2019
|
+
.flowcore-ui .peer-checked\:after\:translate-x-full {
|
|
2020
|
+
.flowcore-ui &:is(:where(.peer):checked ~ *) {
|
|
2021
|
+
.flowcore-ui &::after {
|
|
1870
2022
|
content: var(--tw-content);
|
|
1871
2023
|
--tw-translate-x: 100%;
|
|
1872
2024
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1873
2025
|
}
|
|
1874
2026
|
}
|
|
1875
2027
|
}
|
|
1876
|
-
.peer-checked\:after\:border-white {
|
|
1877
|
-
&:is(:where(.peer):checked ~ *) {
|
|
1878
|
-
&::after {
|
|
2028
|
+
.flowcore-ui .peer-checked\:after\:border-white {
|
|
2029
|
+
.flowcore-ui &:is(:where(.peer):checked ~ *) {
|
|
2030
|
+
.flowcore-ui &::after {
|
|
1879
2031
|
content: var(--tw-content);
|
|
1880
2032
|
border-color: var(--color-white);
|
|
1881
2033
|
}
|
|
1882
2034
|
}
|
|
1883
2035
|
}
|
|
1884
|
-
.last\:border-0 {
|
|
1885
|
-
&:last-child {
|
|
2036
|
+
.flowcore-ui .last\:border-0 {
|
|
2037
|
+
.flowcore-ui &:last-child {
|
|
1886
2038
|
border-style: var(--tw-border-style);
|
|
1887
2039
|
border-width: 0px;
|
|
1888
2040
|
}
|
|
1889
2041
|
}
|
|
1890
|
-
.hover\:-translate-y-0\.5 {
|
|
1891
|
-
&:hover {
|
|
2042
|
+
.flowcore-ui .hover\:-translate-y-0\.5 {
|
|
2043
|
+
.flowcore-ui &:hover {
|
|
1892
2044
|
@media (hover: hover) {
|
|
1893
2045
|
--tw-translate-y: calc(var(--spacing) * -0.5);
|
|
1894
2046
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1895
2047
|
}
|
|
1896
2048
|
}
|
|
1897
2049
|
}
|
|
1898
|
-
.hover\:scale-110 {
|
|
1899
|
-
&:hover {
|
|
2050
|
+
.flowcore-ui .hover\:scale-110 {
|
|
2051
|
+
.flowcore-ui &:hover {
|
|
1900
2052
|
@media (hover: hover) {
|
|
1901
2053
|
--tw-scale-x: 110%;
|
|
1902
2054
|
--tw-scale-y: 110%;
|
|
@@ -1905,64 +2057,64 @@
|
|
|
1905
2057
|
}
|
|
1906
2058
|
}
|
|
1907
2059
|
}
|
|
1908
|
-
.hover\:rotate-6 {
|
|
1909
|
-
&:hover {
|
|
2060
|
+
.flowcore-ui .hover\:rotate-6 {
|
|
2061
|
+
.flowcore-ui &:hover {
|
|
1910
2062
|
@media (hover: hover) {
|
|
1911
2063
|
rotate: 6deg;
|
|
1912
2064
|
}
|
|
1913
2065
|
}
|
|
1914
2066
|
}
|
|
1915
|
-
.hover\:border-blue-
|
|
1916
|
-
&:hover {
|
|
2067
|
+
.flowcore-ui .hover\:border-blue-600 {
|
|
2068
|
+
.flowcore-ui &:hover {
|
|
1917
2069
|
@media (hover: hover) {
|
|
1918
|
-
border-color: var(--color-blue-
|
|
2070
|
+
border-color: var(--color-blue-600);
|
|
1919
2071
|
}
|
|
1920
2072
|
}
|
|
1921
2073
|
}
|
|
1922
|
-
.hover\:border-
|
|
1923
|
-
&:hover {
|
|
2074
|
+
.flowcore-ui .hover\:border-transparent {
|
|
2075
|
+
.flowcore-ui &:hover {
|
|
1924
2076
|
@media (hover: hover) {
|
|
1925
|
-
border-color:
|
|
2077
|
+
border-color: transparent;
|
|
1926
2078
|
}
|
|
1927
2079
|
}
|
|
1928
2080
|
}
|
|
1929
|
-
.hover\:
|
|
1930
|
-
&:hover {
|
|
2081
|
+
.flowcore-ui .hover\:bg-\[\#1d4ed8\] {
|
|
2082
|
+
.flowcore-ui &:hover {
|
|
1931
2083
|
@media (hover: hover) {
|
|
1932
|
-
|
|
2084
|
+
background-color: #1d4ed8;
|
|
1933
2085
|
}
|
|
1934
2086
|
}
|
|
1935
2087
|
}
|
|
1936
|
-
.hover\:bg-\[\#383838\] {
|
|
1937
|
-
&:hover {
|
|
2088
|
+
.flowcore-ui .hover\:bg-\[\#383838\] {
|
|
2089
|
+
.flowcore-ui &:hover {
|
|
1938
2090
|
@media (hover: hover) {
|
|
1939
2091
|
background-color: #383838;
|
|
1940
2092
|
}
|
|
1941
2093
|
}
|
|
1942
2094
|
}
|
|
1943
|
-
.hover\:bg-\[\#F3F5F9\] {
|
|
1944
|
-
&:hover {
|
|
2095
|
+
.flowcore-ui .hover\:bg-\[\#F3F5F9\] {
|
|
2096
|
+
.flowcore-ui &:hover {
|
|
1945
2097
|
@media (hover: hover) {
|
|
1946
2098
|
background-color: #F3F5F9;
|
|
1947
2099
|
}
|
|
1948
2100
|
}
|
|
1949
2101
|
}
|
|
1950
|
-
.hover\:bg-\[\#F6F8FC\] {
|
|
1951
|
-
&:hover {
|
|
2102
|
+
.flowcore-ui .hover\:bg-\[\#F6F8FC\] {
|
|
2103
|
+
.flowcore-ui &:hover {
|
|
1952
2104
|
@media (hover: hover) {
|
|
1953
2105
|
background-color: #F6F8FC;
|
|
1954
2106
|
}
|
|
1955
2107
|
}
|
|
1956
2108
|
}
|
|
1957
|
-
.hover\:bg-\[\#F7F8FC\] {
|
|
1958
|
-
&:hover {
|
|
2109
|
+
.flowcore-ui .hover\:bg-\[\#F7F8FC\] {
|
|
2110
|
+
.flowcore-ui &:hover {
|
|
1959
2111
|
@media (hover: hover) {
|
|
1960
2112
|
background-color: #F7F8FC;
|
|
1961
2113
|
}
|
|
1962
2114
|
}
|
|
1963
2115
|
}
|
|
1964
|
-
.hover\:bg-black\/\[\.04\] {
|
|
1965
|
-
&:hover {
|
|
2116
|
+
.flowcore-ui .hover\:bg-black\/\[\.04\] {
|
|
2117
|
+
.flowcore-ui &:hover {
|
|
1966
2118
|
@media (hover: hover) {
|
|
1967
2119
|
background-color: color-mix(in srgb, #000 4%, transparent);
|
|
1968
2120
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -1971,64 +2123,112 @@
|
|
|
1971
2123
|
}
|
|
1972
2124
|
}
|
|
1973
2125
|
}
|
|
1974
|
-
.hover\:bg-blue-50 {
|
|
1975
|
-
&:hover {
|
|
2126
|
+
.flowcore-ui .hover\:bg-blue-50 {
|
|
2127
|
+
.flowcore-ui &:hover {
|
|
1976
2128
|
@media (hover: hover) {
|
|
1977
2129
|
background-color: var(--color-blue-50);
|
|
1978
2130
|
}
|
|
1979
2131
|
}
|
|
1980
2132
|
}
|
|
1981
|
-
.hover\:bg-blue-100 {
|
|
1982
|
-
&:hover {
|
|
2133
|
+
.flowcore-ui .hover\:bg-blue-100 {
|
|
2134
|
+
.flowcore-ui &:hover {
|
|
1983
2135
|
@media (hover: hover) {
|
|
1984
2136
|
background-color: var(--color-blue-100);
|
|
1985
2137
|
}
|
|
1986
2138
|
}
|
|
1987
2139
|
}
|
|
1988
|
-
.hover\:bg-blue-
|
|
1989
|
-
&:hover {
|
|
2140
|
+
.flowcore-ui .hover\:bg-blue-200\/80 {
|
|
2141
|
+
.flowcore-ui &:hover {
|
|
2142
|
+
@media (hover: hover) {
|
|
2143
|
+
background-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 80%, transparent);
|
|
2144
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2145
|
+
background-color: color-mix(in oklab, var(--color-blue-200) 80%, transparent);
|
|
2146
|
+
}
|
|
2147
|
+
}
|
|
2148
|
+
}
|
|
2149
|
+
}
|
|
2150
|
+
.flowcore-ui .hover\:bg-blue-600 {
|
|
2151
|
+
.flowcore-ui &:hover {
|
|
1990
2152
|
@media (hover: hover) {
|
|
1991
2153
|
background-color: var(--color-blue-600);
|
|
1992
2154
|
}
|
|
1993
2155
|
}
|
|
1994
2156
|
}
|
|
1995
|
-
.hover\:bg-blue-700 {
|
|
1996
|
-
&:hover {
|
|
2157
|
+
.flowcore-ui .hover\:bg-blue-700 {
|
|
2158
|
+
.flowcore-ui &:hover {
|
|
1997
2159
|
@media (hover: hover) {
|
|
1998
2160
|
background-color: var(--color-blue-700);
|
|
1999
2161
|
}
|
|
2000
2162
|
}
|
|
2001
2163
|
}
|
|
2002
|
-
.hover\:bg-gray-100 {
|
|
2003
|
-
&:hover {
|
|
2164
|
+
.flowcore-ui .hover\:bg-gray-100 {
|
|
2165
|
+
.flowcore-ui &:hover {
|
|
2004
2166
|
@media (hover: hover) {
|
|
2005
2167
|
background-color: var(--color-gray-100);
|
|
2006
2168
|
}
|
|
2007
2169
|
}
|
|
2008
2170
|
}
|
|
2009
|
-
.hover\:bg-
|
|
2010
|
-
&:hover {
|
|
2171
|
+
.flowcore-ui .hover\:bg-gray-200 {
|
|
2172
|
+
.flowcore-ui &:hover {
|
|
2173
|
+
@media (hover: hover) {
|
|
2174
|
+
background-color: var(--color-gray-200);
|
|
2175
|
+
}
|
|
2176
|
+
}
|
|
2177
|
+
}
|
|
2178
|
+
.flowcore-ui .hover\:bg-indigo-700 {
|
|
2179
|
+
.flowcore-ui &:hover {
|
|
2011
2180
|
@media (hover: hover) {
|
|
2012
2181
|
background-color: var(--color-indigo-700);
|
|
2013
2182
|
}
|
|
2014
2183
|
}
|
|
2015
2184
|
}
|
|
2016
|
-
.hover\:bg-red-100 {
|
|
2017
|
-
&:hover {
|
|
2185
|
+
.flowcore-ui .hover\:bg-red-100 {
|
|
2186
|
+
.flowcore-ui &:hover {
|
|
2018
2187
|
@media (hover: hover) {
|
|
2019
2188
|
background-color: var(--color-red-100);
|
|
2020
2189
|
}
|
|
2021
2190
|
}
|
|
2022
2191
|
}
|
|
2023
|
-
.hover\:bg-
|
|
2024
|
-
&:hover {
|
|
2192
|
+
.flowcore-ui .hover\:bg-red-700 {
|
|
2193
|
+
.flowcore-ui &:hover {
|
|
2194
|
+
@media (hover: hover) {
|
|
2195
|
+
background-color: var(--color-red-700);
|
|
2196
|
+
}
|
|
2197
|
+
}
|
|
2198
|
+
}
|
|
2199
|
+
.flowcore-ui .hover\:bg-rose-100 {
|
|
2200
|
+
.flowcore-ui &:hover {
|
|
2201
|
+
@media (hover: hover) {
|
|
2202
|
+
background-color: var(--color-rose-100);
|
|
2203
|
+
}
|
|
2204
|
+
}
|
|
2205
|
+
}
|
|
2206
|
+
.flowcore-ui .hover\:bg-rose-200\/80 {
|
|
2207
|
+
.flowcore-ui &:hover {
|
|
2208
|
+
@media (hover: hover) {
|
|
2209
|
+
background-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 80%, transparent);
|
|
2210
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2211
|
+
background-color: color-mix(in oklab, var(--color-rose-200) 80%, transparent);
|
|
2212
|
+
}
|
|
2213
|
+
}
|
|
2214
|
+
}
|
|
2215
|
+
}
|
|
2216
|
+
.flowcore-ui .hover\:bg-rose-700 {
|
|
2217
|
+
.flowcore-ui &:hover {
|
|
2218
|
+
@media (hover: hover) {
|
|
2219
|
+
background-color: var(--color-rose-700);
|
|
2220
|
+
}
|
|
2221
|
+
}
|
|
2222
|
+
}
|
|
2223
|
+
.flowcore-ui .hover\:bg-slate-50 {
|
|
2224
|
+
.flowcore-ui &:hover {
|
|
2025
2225
|
@media (hover: hover) {
|
|
2026
2226
|
background-color: var(--color-slate-50);
|
|
2027
2227
|
}
|
|
2028
2228
|
}
|
|
2029
2229
|
}
|
|
2030
|
-
.hover\:bg-slate-50\/50 {
|
|
2031
|
-
&:hover {
|
|
2230
|
+
.flowcore-ui .hover\:bg-slate-50\/50 {
|
|
2231
|
+
.flowcore-ui &:hover {
|
|
2032
2232
|
@media (hover: hover) {
|
|
2033
2233
|
background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
|
|
2034
2234
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -2037,8 +2237,8 @@
|
|
|
2037
2237
|
}
|
|
2038
2238
|
}
|
|
2039
2239
|
}
|
|
2040
|
-
.hover\:bg-slate-50\/80 {
|
|
2041
|
-
&:hover {
|
|
2240
|
+
.flowcore-ui .hover\:bg-slate-50\/80 {
|
|
2241
|
+
.flowcore-ui &:hover {
|
|
2042
2242
|
@media (hover: hover) {
|
|
2043
2243
|
background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 80%, transparent);
|
|
2044
2244
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -2047,57 +2247,64 @@
|
|
|
2047
2247
|
}
|
|
2048
2248
|
}
|
|
2049
2249
|
}
|
|
2050
|
-
.hover\:bg-slate-100 {
|
|
2051
|
-
&:hover {
|
|
2250
|
+
.flowcore-ui .hover\:bg-slate-100 {
|
|
2251
|
+
.flowcore-ui &:hover {
|
|
2052
2252
|
@media (hover: hover) {
|
|
2053
2253
|
background-color: var(--color-slate-100);
|
|
2054
2254
|
}
|
|
2055
2255
|
}
|
|
2056
2256
|
}
|
|
2057
|
-
.hover\:text-blue-600 {
|
|
2058
|
-
&:hover {
|
|
2257
|
+
.flowcore-ui .hover\:text-blue-600 {
|
|
2258
|
+
.flowcore-ui &:hover {
|
|
2059
2259
|
@media (hover: hover) {
|
|
2060
2260
|
color: var(--color-blue-600);
|
|
2061
2261
|
}
|
|
2062
2262
|
}
|
|
2063
2263
|
}
|
|
2064
|
-
.hover\:text-
|
|
2065
|
-
&:hover {
|
|
2264
|
+
.flowcore-ui .hover\:text-gray-600 {
|
|
2265
|
+
.flowcore-ui &:hover {
|
|
2266
|
+
@media (hover: hover) {
|
|
2267
|
+
color: var(--color-gray-600);
|
|
2268
|
+
}
|
|
2269
|
+
}
|
|
2270
|
+
}
|
|
2271
|
+
.flowcore-ui .hover\:text-slate-600 {
|
|
2272
|
+
.flowcore-ui &:hover {
|
|
2066
2273
|
@media (hover: hover) {
|
|
2067
2274
|
color: var(--color-slate-600);
|
|
2068
2275
|
}
|
|
2069
2276
|
}
|
|
2070
2277
|
}
|
|
2071
|
-
.hover\:text-slate-700 {
|
|
2072
|
-
&:hover {
|
|
2278
|
+
.flowcore-ui .hover\:text-slate-700 {
|
|
2279
|
+
.flowcore-ui &:hover {
|
|
2073
2280
|
@media (hover: hover) {
|
|
2074
2281
|
color: var(--color-slate-700);
|
|
2075
2282
|
}
|
|
2076
2283
|
}
|
|
2077
2284
|
}
|
|
2078
|
-
.hover\:text-slate-900 {
|
|
2079
|
-
&:hover {
|
|
2285
|
+
.flowcore-ui .hover\:text-slate-900 {
|
|
2286
|
+
.flowcore-ui &:hover {
|
|
2080
2287
|
@media (hover: hover) {
|
|
2081
2288
|
color: var(--color-slate-900);
|
|
2082
2289
|
}
|
|
2083
2290
|
}
|
|
2084
2291
|
}
|
|
2085
|
-
.hover\:text-white {
|
|
2086
|
-
&:hover {
|
|
2292
|
+
.flowcore-ui .hover\:text-white {
|
|
2293
|
+
.flowcore-ui &:hover {
|
|
2087
2294
|
@media (hover: hover) {
|
|
2088
2295
|
color: var(--color-white);
|
|
2089
2296
|
}
|
|
2090
2297
|
}
|
|
2091
2298
|
}
|
|
2092
|
-
.hover\:underline {
|
|
2093
|
-
&:hover {
|
|
2299
|
+
.flowcore-ui .hover\:underline {
|
|
2300
|
+
.flowcore-ui &:hover {
|
|
2094
2301
|
@media (hover: hover) {
|
|
2095
2302
|
text-decoration-line: underline;
|
|
2096
2303
|
}
|
|
2097
2304
|
}
|
|
2098
2305
|
}
|
|
2099
|
-
.hover\:shadow-lg {
|
|
2100
|
-
&:hover {
|
|
2306
|
+
.flowcore-ui .hover\:shadow-lg {
|
|
2307
|
+
.flowcore-ui &:hover {
|
|
2101
2308
|
@media (hover: hover) {
|
|
2102
2309
|
--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));
|
|
2103
2310
|
box-shadow:
|
|
@@ -2109,8 +2316,8 @@
|
|
|
2109
2316
|
}
|
|
2110
2317
|
}
|
|
2111
2318
|
}
|
|
2112
|
-
.hover\:shadow-xl {
|
|
2113
|
-
&:hover {
|
|
2319
|
+
.flowcore-ui .hover\:shadow-xl {
|
|
2320
|
+
.flowcore-ui &:hover {
|
|
2114
2321
|
@media (hover: hover) {
|
|
2115
2322
|
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
2116
2323
|
box-shadow:
|
|
@@ -2122,8 +2329,8 @@
|
|
|
2122
2329
|
}
|
|
2123
2330
|
}
|
|
2124
2331
|
}
|
|
2125
|
-
.hover\:shadow-blue-500\/30 {
|
|
2126
|
-
&:hover {
|
|
2332
|
+
.flowcore-ui .hover\:shadow-blue-500\/30 {
|
|
2333
|
+
.flowcore-ui &:hover {
|
|
2127
2334
|
@media (hover: hover) {
|
|
2128
2335
|
--tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
|
|
2129
2336
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -2132,18 +2339,28 @@
|
|
|
2132
2339
|
}
|
|
2133
2340
|
}
|
|
2134
2341
|
}
|
|
2135
|
-
.focus\:border
|
|
2136
|
-
&:focus {
|
|
2342
|
+
.flowcore-ui .focus\:border-\[\#2563eb\] {
|
|
2343
|
+
.flowcore-ui &:focus {
|
|
2344
|
+
border-color: #2563eb;
|
|
2345
|
+
}
|
|
2346
|
+
}
|
|
2347
|
+
.flowcore-ui .focus\:border-blue-500 {
|
|
2348
|
+
.flowcore-ui &:focus {
|
|
2137
2349
|
border-color: var(--color-blue-500);
|
|
2138
2350
|
}
|
|
2139
2351
|
}
|
|
2140
|
-
.focus\:border-indigo-500 {
|
|
2141
|
-
&:focus {
|
|
2352
|
+
.flowcore-ui .focus\:border-indigo-500 {
|
|
2353
|
+
.flowcore-ui &:focus {
|
|
2142
2354
|
border-color: var(--color-indigo-500);
|
|
2143
2355
|
}
|
|
2144
2356
|
}
|
|
2145
|
-
.focus\:
|
|
2146
|
-
&:focus {
|
|
2357
|
+
.flowcore-ui .focus\:bg-white {
|
|
2358
|
+
.flowcore-ui &:focus {
|
|
2359
|
+
background-color: var(--color-white);
|
|
2360
|
+
}
|
|
2361
|
+
}
|
|
2362
|
+
.flowcore-ui .focus\:ring-1 {
|
|
2363
|
+
.flowcore-ui &:focus {
|
|
2147
2364
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
2148
2365
|
box-shadow:
|
|
2149
2366
|
var(--tw-inset-shadow),
|
|
@@ -2153,8 +2370,8 @@
|
|
|
2153
2370
|
var(--tw-shadow);
|
|
2154
2371
|
}
|
|
2155
2372
|
}
|
|
2156
|
-
.focus\:ring-2 {
|
|
2157
|
-
&:focus {
|
|
2373
|
+
.flowcore-ui .focus\:ring-2 {
|
|
2374
|
+
.flowcore-ui &:focus {
|
|
2158
2375
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
2159
2376
|
box-shadow:
|
|
2160
2377
|
var(--tw-inset-shadow),
|
|
@@ -2164,8 +2381,8 @@
|
|
|
2164
2381
|
var(--tw-shadow);
|
|
2165
2382
|
}
|
|
2166
2383
|
}
|
|
2167
|
-
.focus\:ring-4 {
|
|
2168
|
-
&:focus {
|
|
2384
|
+
.flowcore-ui .focus\:ring-4 {
|
|
2385
|
+
.flowcore-ui &:focus {
|
|
2169
2386
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
2170
2387
|
box-shadow:
|
|
2171
2388
|
var(--tw-inset-shadow),
|
|
@@ -2175,102 +2392,141 @@
|
|
|
2175
2392
|
var(--tw-shadow);
|
|
2176
2393
|
}
|
|
2177
2394
|
}
|
|
2178
|
-
.focus\:ring
|
|
2179
|
-
&:focus {
|
|
2395
|
+
.flowcore-ui .focus\:ring-\[\#2563eb\] {
|
|
2396
|
+
.flowcore-ui &:focus {
|
|
2397
|
+
--tw-ring-color: #2563eb;
|
|
2398
|
+
}
|
|
2399
|
+
}
|
|
2400
|
+
.flowcore-ui .focus\:ring-blue-500 {
|
|
2401
|
+
.flowcore-ui &:focus {
|
|
2180
2402
|
--tw-ring-color: var(--color-blue-500);
|
|
2181
2403
|
}
|
|
2182
2404
|
}
|
|
2183
|
-
.focus\:ring-blue-500\/10 {
|
|
2184
|
-
&:focus {
|
|
2405
|
+
.flowcore-ui .focus\:ring-blue-500\/10 {
|
|
2406
|
+
.flowcore-ui &:focus {
|
|
2185
2407
|
--tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
|
|
2186
2408
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2187
2409
|
--tw-ring-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
|
|
2188
2410
|
}
|
|
2189
2411
|
}
|
|
2190
2412
|
}
|
|
2191
|
-
.focus\:ring-
|
|
2192
|
-
&:focus {
|
|
2413
|
+
.flowcore-ui .focus\:ring-blue-500\/20 {
|
|
2414
|
+
.flowcore-ui &:focus {
|
|
2415
|
+
--tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
|
|
2416
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2417
|
+
--tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
|
|
2418
|
+
}
|
|
2419
|
+
}
|
|
2420
|
+
}
|
|
2421
|
+
.flowcore-ui .focus\:ring-gray-300 {
|
|
2422
|
+
.flowcore-ui &:focus {
|
|
2423
|
+
--tw-ring-color: var(--color-gray-300);
|
|
2424
|
+
}
|
|
2425
|
+
}
|
|
2426
|
+
.flowcore-ui .focus\:ring-indigo-500 {
|
|
2427
|
+
.flowcore-ui &:focus {
|
|
2428
|
+
--tw-ring-color: var(--color-indigo-500);
|
|
2429
|
+
}
|
|
2430
|
+
}
|
|
2431
|
+
.flowcore-ui .focus\:ring-indigo-500\/10 {
|
|
2432
|
+
.flowcore-ui &:focus {
|
|
2193
2433
|
--tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
|
|
2194
2434
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2195
2435
|
--tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
|
|
2196
2436
|
}
|
|
2197
2437
|
}
|
|
2198
2438
|
}
|
|
2199
|
-
.focus\:
|
|
2200
|
-
&:focus {
|
|
2439
|
+
.flowcore-ui .focus\:ring-red-500 {
|
|
2440
|
+
.flowcore-ui &:focus {
|
|
2441
|
+
--tw-ring-color: var(--color-red-500);
|
|
2442
|
+
}
|
|
2443
|
+
}
|
|
2444
|
+
.flowcore-ui .focus\:ring-offset-2 {
|
|
2445
|
+
.flowcore-ui &:focus {
|
|
2446
|
+
--tw-ring-offset-width: 2px;
|
|
2447
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
2448
|
+
}
|
|
2449
|
+
}
|
|
2450
|
+
.flowcore-ui .focus\:outline-none {
|
|
2451
|
+
.flowcore-ui &:focus {
|
|
2201
2452
|
--tw-outline-style: none;
|
|
2202
2453
|
outline-style: none;
|
|
2203
2454
|
}
|
|
2204
2455
|
}
|
|
2205
|
-
.active\:scale-95 {
|
|
2206
|
-
&:active {
|
|
2456
|
+
.flowcore-ui .active\:scale-95 {
|
|
2457
|
+
.flowcore-ui &:active {
|
|
2207
2458
|
--tw-scale-x: 95%;
|
|
2208
2459
|
--tw-scale-y: 95%;
|
|
2209
2460
|
--tw-scale-z: 95%;
|
|
2210
2461
|
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
2211
2462
|
}
|
|
2212
2463
|
}
|
|
2213
|
-
.
|
|
2214
|
-
&:
|
|
2464
|
+
.flowcore-ui .active\:bg-gray-300 {
|
|
2465
|
+
.flowcore-ui &:active {
|
|
2466
|
+
background-color: var(--color-gray-300);
|
|
2467
|
+
}
|
|
2468
|
+
}
|
|
2469
|
+
.flowcore-ui .active\:bg-red-800 {
|
|
2470
|
+
.flowcore-ui &:active {
|
|
2471
|
+
background-color: var(--color-red-800);
|
|
2472
|
+
}
|
|
2473
|
+
}
|
|
2474
|
+
.flowcore-ui .disabled\:opacity-40 {
|
|
2475
|
+
.flowcore-ui &:disabled {
|
|
2215
2476
|
opacity: 40%;
|
|
2216
2477
|
}
|
|
2217
2478
|
}
|
|
2218
|
-
.disabled\:opacity-50 {
|
|
2219
|
-
&:disabled {
|
|
2479
|
+
.flowcore-ui .disabled\:opacity-50 {
|
|
2480
|
+
.flowcore-ui &:disabled {
|
|
2220
2481
|
opacity: 50%;
|
|
2221
2482
|
}
|
|
2222
2483
|
}
|
|
2223
|
-
.sm\:flex-row {
|
|
2484
|
+
.flowcore-ui .sm\:flex-row {
|
|
2224
2485
|
@media (width >= 40rem) {
|
|
2225
2486
|
flex-direction: row;
|
|
2226
2487
|
}
|
|
2227
2488
|
}
|
|
2228
|
-
.sm\:items-
|
|
2229
|
-
@media (width >= 40rem) {
|
|
2230
|
-
align-items: center;
|
|
2231
|
-
}
|
|
2232
|
-
}
|
|
2233
|
-
.sm\:items-start {
|
|
2489
|
+
.flowcore-ui .sm\:items-start {
|
|
2234
2490
|
@media (width >= 40rem) {
|
|
2235
2491
|
align-items: flex-start;
|
|
2236
2492
|
}
|
|
2237
2493
|
}
|
|
2238
|
-
.sm\:
|
|
2494
|
+
.flowcore-ui .sm\:text-left {
|
|
2239
2495
|
@media (width >= 40rem) {
|
|
2240
|
-
|
|
2496
|
+
text-align: left;
|
|
2241
2497
|
}
|
|
2242
2498
|
}
|
|
2243
|
-
.
|
|
2244
|
-
@media (width >=
|
|
2245
|
-
|
|
2499
|
+
.flowcore-ui .md\:col-span-2 {
|
|
2500
|
+
@media (width >= 48rem) {
|
|
2501
|
+
grid-column: span 2 / span 2;
|
|
2246
2502
|
}
|
|
2247
2503
|
}
|
|
2248
|
-
.md\:w-\[158px\] {
|
|
2504
|
+
.flowcore-ui .md\:w-\[158px\] {
|
|
2249
2505
|
@media (width >= 48rem) {
|
|
2250
2506
|
width: 158px;
|
|
2251
2507
|
}
|
|
2252
2508
|
}
|
|
2253
|
-
.md\:grid-cols-2 {
|
|
2509
|
+
.flowcore-ui .md\:grid-cols-2 {
|
|
2254
2510
|
@media (width >= 48rem) {
|
|
2255
2511
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
2256
2512
|
}
|
|
2257
2513
|
}
|
|
2258
|
-
.md\:grid-cols-3 {
|
|
2514
|
+
.flowcore-ui .md\:grid-cols-3 {
|
|
2259
2515
|
@media (width >= 48rem) {
|
|
2260
2516
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
2261
2517
|
}
|
|
2262
2518
|
}
|
|
2263
|
-
.md\:p-6 {
|
|
2519
|
+
.flowcore-ui .md\:p-6 {
|
|
2264
2520
|
@media (width >= 48rem) {
|
|
2265
2521
|
padding: calc(var(--spacing) * 6);
|
|
2266
2522
|
}
|
|
2267
2523
|
}
|
|
2268
|
-
.lg\:grid-cols-4 {
|
|
2524
|
+
.flowcore-ui .lg\:grid-cols-4 {
|
|
2269
2525
|
@media (width >= 64rem) {
|
|
2270
2526
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
2271
2527
|
}
|
|
2272
2528
|
}
|
|
2273
|
-
.dark\:border-white\/\[\.145\] {
|
|
2529
|
+
.flowcore-ui .dark\:border-white\/\[\.145\] {
|
|
2274
2530
|
@media (prefers-color-scheme: dark) {
|
|
2275
2531
|
border-color: color-mix(in srgb, #fff 14.499999999999998%, transparent);
|
|
2276
2532
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -2278,39 +2534,39 @@
|
|
|
2278
2534
|
}
|
|
2279
2535
|
}
|
|
2280
2536
|
}
|
|
2281
|
-
.dark\:bg-black {
|
|
2537
|
+
.flowcore-ui .dark\:bg-black {
|
|
2282
2538
|
@media (prefers-color-scheme: dark) {
|
|
2283
2539
|
background-color: var(--color-black);
|
|
2284
2540
|
}
|
|
2285
2541
|
}
|
|
2286
|
-
.dark\:text-zinc-50 {
|
|
2542
|
+
.flowcore-ui .dark\:text-zinc-50 {
|
|
2287
2543
|
@media (prefers-color-scheme: dark) {
|
|
2288
2544
|
color: var(--color-zinc-50);
|
|
2289
2545
|
}
|
|
2290
2546
|
}
|
|
2291
|
-
.dark\:text-zinc-400 {
|
|
2547
|
+
.flowcore-ui .dark\:text-zinc-400 {
|
|
2292
2548
|
@media (prefers-color-scheme: dark) {
|
|
2293
2549
|
color: var(--color-zinc-400);
|
|
2294
2550
|
}
|
|
2295
2551
|
}
|
|
2296
|
-
.dark\:invert {
|
|
2552
|
+
.flowcore-ui .dark\:invert {
|
|
2297
2553
|
@media (prefers-color-scheme: dark) {
|
|
2298
2554
|
--tw-invert: invert(100%);
|
|
2299
2555
|
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,);
|
|
2300
2556
|
}
|
|
2301
2557
|
}
|
|
2302
|
-
.dark\:hover\:bg-\[\#1a1a1a\] {
|
|
2558
|
+
.flowcore-ui .dark\:hover\:bg-\[\#1a1a1a\] {
|
|
2303
2559
|
@media (prefers-color-scheme: dark) {
|
|
2304
|
-
&:hover {
|
|
2560
|
+
.flowcore-ui &:hover {
|
|
2305
2561
|
@media (hover: hover) {
|
|
2306
2562
|
background-color: #1a1a1a;
|
|
2307
2563
|
}
|
|
2308
2564
|
}
|
|
2309
2565
|
}
|
|
2310
2566
|
}
|
|
2311
|
-
.dark\:hover\:bg-\[\#ccc\] {
|
|
2567
|
+
.flowcore-ui .dark\:hover\:bg-\[\#ccc\] {
|
|
2312
2568
|
@media (prefers-color-scheme: dark) {
|
|
2313
|
-
&:hover {
|
|
2569
|
+
.flowcore-ui &:hover {
|
|
2314
2570
|
@media (hover: hover) {
|
|
2315
2571
|
background-color: #ccc;
|
|
2316
2572
|
}
|
|
@@ -2321,6 +2577,9 @@
|
|
|
2321
2577
|
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
|
|
2322
2578
|
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
|
|
2323
2579
|
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
|
|
2580
|
+
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
|
|
2581
|
+
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
|
|
2582
|
+
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
|
|
2324
2583
|
@property --tw-rotate-x { syntax: "*"; inherits: false; }
|
|
2325
2584
|
@property --tw-rotate-y { syntax: "*"; inherits: false; }
|
|
2326
2585
|
@property --tw-rotate-z { syntax: "*"; inherits: false; }
|
|
@@ -2380,18 +2639,18 @@
|
|
|
2380
2639
|
@property --tw-duration { syntax: "*"; inherits: false; }
|
|
2381
2640
|
@property --tw-ease { syntax: "*"; inherits: false; }
|
|
2382
2641
|
@property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
|
|
2383
|
-
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
|
|
2384
|
-
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
|
|
2385
|
-
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
|
|
2386
2642
|
@layer properties {
|
|
2387
2643
|
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
|
2388
|
-
*,
|
|
2389
|
-
::before,
|
|
2390
|
-
::after,
|
|
2391
|
-
::backdrop {
|
|
2644
|
+
.flowcore-ui *,
|
|
2645
|
+
.flowcore-ui ::before,
|
|
2646
|
+
.flowcore-ui ::after,
|
|
2647
|
+
.flowcore-ui ::backdrop {
|
|
2392
2648
|
--tw-translate-x: 0;
|
|
2393
2649
|
--tw-translate-y: 0;
|
|
2394
2650
|
--tw-translate-z: 0;
|
|
2651
|
+
--tw-scale-x: 1;
|
|
2652
|
+
--tw-scale-y: 1;
|
|
2653
|
+
--tw-scale-z: 1;
|
|
2395
2654
|
--tw-rotate-x: initial;
|
|
2396
2655
|
--tw-rotate-y: initial;
|
|
2397
2656
|
--tw-rotate-z: initial;
|
|
@@ -2451,9 +2710,6 @@
|
|
|
2451
2710
|
--tw-duration: initial;
|
|
2452
2711
|
--tw-ease: initial;
|
|
2453
2712
|
--tw-content: "";
|
|
2454
|
-
--tw-scale-x: 1;
|
|
2455
|
-
--tw-scale-y: 1;
|
|
2456
|
-
--tw-scale-z: 1;
|
|
2457
2713
|
}
|
|
2458
2714
|
}
|
|
2459
2715
|
}
|