flowcore-fn 8.0.1 → 8.0.4

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