jett.admin.npmpackage 2.0.21 → 2.0.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.css +1236 -1432
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1,1041 +1,1046 @@
1
1
  /* dist/index.css */
2
2
  @layer properties;
3
- @layer theme, base, components, utilities;
4
- @layer theme {
5
- :root,
6
- :host {
7
- --font-sans:
8
- ui-sans-serif,
9
- system-ui,
10
- sans-serif,
11
- "Apple Color Emoji",
12
- "Segoe UI Emoji",
13
- "Segoe UI Symbol",
14
- "Noto Color Emoji";
15
- --font-mono:
16
- ui-monospace,
17
- SFMono-Regular,
18
- Menlo,
19
- Monaco,
20
- Consolas,
21
- "Liberation Mono",
22
- "Courier New",
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-red-800: oklch(44.4% 0.177 26.899);
31
- --color-red-900: oklch(39.6% 0.141 25.723);
32
- --color-red-950: oklch(25.8% 0.092 26.042);
33
- --color-yellow-100: oklch(97.3% 0.071 103.193);
34
- --color-yellow-800: oklch(47.6% 0.114 61.907);
35
- --color-yellow-900: oklch(42.1% 0.095 57.708);
36
- --color-green-100: oklch(96.2% 0.044 156.743);
37
- --color-green-800: oklch(44.8% 0.119 151.328);
38
- --color-green-900: oklch(39.3% 0.095 152.535);
39
- --color-blue-50: oklch(97% 0.014 254.604);
40
- --color-blue-600: oklch(54.6% 0.245 262.881);
41
- --color-blue-950: oklch(28.2% 0.091 267.935);
42
- --color-gray-50: oklch(98.5% 0.002 247.839);
43
- --color-gray-100: oklch(96.7% 0.003 264.542);
44
- --color-gray-200: oklch(92.8% 0.006 264.531);
45
- --color-gray-300: oklch(87.2% 0.01 258.338);
46
- --color-gray-400: oklch(70.7% 0.022 261.325);
47
- --color-gray-500: oklch(55.1% 0.027 264.364);
48
- --color-gray-600: oklch(44.6% 0.03 256.802);
49
- --color-gray-700: oklch(37.3% 0.034 259.733);
50
- --color-gray-800: oklch(27.8% 0.033 256.848);
51
- --color-gray-900: oklch(21% 0.034 264.665);
52
- --color-black: #000;
53
- --color-white: #fff;
54
- --spacing: 0.25rem;
55
- --text-xs: 0.75rem;
56
- --text-xs--line-height: calc(1 / 0.75);
57
- --text-sm: 0.875rem;
58
- --text-sm--line-height: calc(1.25 / 0.875);
59
- --text-base: 1rem;
60
- --text-base--line-height: calc(1.5 / 1);
61
- --text-lg: 1.125rem;
62
- --text-lg--line-height: calc(1.75 / 1.125);
63
- --font-weight-normal: 400;
64
- --font-weight-medium: 500;
65
- --font-weight-semibold: 600;
66
- --font-weight-bold: 700;
67
- --tracking-wide: 0.025em;
68
- --tracking-wider: 0.05em;
69
- --radius-sm: 0.25rem;
70
- --radius-md: 0.375rem;
71
- --radius-lg: 0.5rem;
72
- --radius-xl: 0.75rem;
73
- --radius-2xl: 1rem;
74
- --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
75
- --default-transition-duration: 150ms;
76
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
77
- --default-font-family: var(--font-sans);
78
- --default-mono-font-family: var(--font-mono);
79
- --color-primary: rgb(63, 63, 70);
80
- }
81
- }
82
- @layer base {
83
- *,
84
- ::after,
85
- ::before,
86
- ::backdrop,
87
- ::file-selector-button {
88
- box-sizing: border-box;
89
- margin: 0;
90
- padding: 0;
91
- border: 0 solid;
92
- }
93
- html,
94
- :host {
95
- line-height: 1.5;
96
- -webkit-text-size-adjust: 100%;
97
- tab-size: 4;
98
- 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");
99
- font-feature-settings: var(--default-font-feature-settings, normal);
100
- font-variation-settings: var(--default-font-variation-settings, normal);
101
- -webkit-tap-highlight-color: transparent;
102
- }
103
- hr {
104
- height: 0;
105
- color: inherit;
106
- border-top-width: 1px;
107
- }
108
- abbr:where([title]) {
109
- -webkit-text-decoration: underline dotted;
110
- text-decoration: underline dotted;
111
- }
112
- h1,
113
- h2,
114
- h3,
115
- h4,
116
- h5,
117
- h6 {
118
- font-size: inherit;
119
- font-weight: inherit;
120
- }
121
- a {
122
- color: inherit;
123
- -webkit-text-decoration: inherit;
124
- text-decoration: inherit;
125
- }
126
- b,
127
- strong {
128
- font-weight: bolder;
129
- }
130
- code,
131
- kbd,
132
- samp,
133
- pre {
134
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
135
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
136
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
137
- font-size: 1em;
138
- }
139
- small {
140
- font-size: 80%;
141
- }
142
- sub,
143
- sup {
144
- font-size: 75%;
145
- line-height: 0;
146
- position: relative;
147
- vertical-align: baseline;
148
- }
149
- sub {
150
- bottom: -0.25em;
151
- }
152
- sup {
153
- top: -0.5em;
154
- }
155
- table {
156
- text-indent: 0;
157
- border-color: inherit;
158
- border-collapse: collapse;
159
- }
160
- :-moz-focusring {
161
- outline: auto;
162
- }
163
- progress {
164
- vertical-align: baseline;
165
- }
166
- summary {
167
- display: list-item;
168
- }
169
- ol,
170
- ul,
171
- menu {
172
- list-style: none;
173
- }
174
- img,
175
- svg,
176
- video,
177
- canvas,
178
- audio,
179
- iframe,
180
- embed,
181
- object {
182
- display: block;
183
- vertical-align: middle;
184
- }
185
- img,
186
- video {
187
- max-width: 100%;
188
- height: auto;
189
- }
190
- button,
191
- input,
192
- select,
193
- optgroup,
194
- textarea,
195
- ::file-selector-button {
196
- font: inherit;
197
- font-feature-settings: inherit;
198
- font-variation-settings: inherit;
199
- letter-spacing: inherit;
200
- color: inherit;
201
- border-radius: 0;
202
- background-color: transparent;
203
- opacity: 1;
204
- }
205
- :where(select:is([multiple], [size])) optgroup {
206
- font-weight: bolder;
207
- }
208
- :where(select:is([multiple], [size])) optgroup option {
209
- padding-inline-start: 20px;
210
- }
211
- ::file-selector-button {
212
- margin-inline-end: 4px;
213
- }
214
- ::placeholder {
215
- opacity: 1;
216
- }
217
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
218
- ::placeholder {
219
- color: currentcolor;
220
- @supports (color: color-mix(in lab, red, red)) {
221
- color: color-mix(in oklab, currentcolor 50%, transparent);
222
- }
223
- }
224
- }
225
- textarea {
226
- resize: vertical;
227
- }
228
- ::-webkit-search-decoration {
229
- -webkit-appearance: none;
230
- }
231
- ::-webkit-date-and-time-value {
232
- min-height: 1lh;
233
- text-align: inherit;
234
- }
235
- ::-webkit-datetime-edit {
236
- display: inline-flex;
237
- }
238
- ::-webkit-datetime-edit-fields-wrapper {
239
- padding: 0;
240
- }
241
- ::-webkit-datetime-edit,
242
- ::-webkit-datetime-edit-year-field,
243
- ::-webkit-datetime-edit-month-field,
244
- ::-webkit-datetime-edit-day-field,
245
- ::-webkit-datetime-edit-hour-field,
246
- ::-webkit-datetime-edit-minute-field,
247
- ::-webkit-datetime-edit-second-field,
248
- ::-webkit-datetime-edit-millisecond-field,
249
- ::-webkit-datetime-edit-meridiem-field {
250
- padding-block: 0;
251
- }
252
- ::-webkit-calendar-picker-indicator {
253
- line-height: 1;
254
- }
255
- :-moz-ui-invalid {
256
- box-shadow: none;
257
- }
258
- button,
259
- input:where([type=button], [type=reset], [type=submit]),
260
- ::file-selector-button {
261
- appearance: button;
262
- }
263
- ::-webkit-inner-spin-button,
264
- ::-webkit-outer-spin-button {
265
- height: auto;
266
- }
267
- [hidden]:where(:not([hidden=until-found])) {
268
- display: none !important;
269
- }
3
+ :root,
4
+ :host {
5
+ --font-sans:
6
+ ui-sans-serif,
7
+ system-ui,
8
+ sans-serif,
9
+ "Apple Color Emoji",
10
+ "Segoe UI Emoji",
11
+ "Segoe UI Symbol",
12
+ "Noto Color Emoji";
13
+ --font-mono:
14
+ ui-monospace,
15
+ SFMono-Regular,
16
+ Menlo,
17
+ Monaco,
18
+ Consolas,
19
+ "Liberation Mono",
20
+ "Courier New",
21
+ monospace;
22
+ --color-red-50: oklch(97.1% 0.013 17.38);
23
+ --color-red-100: oklch(93.6% 0.032 17.717);
24
+ --color-red-200: oklch(88.5% 0.062 18.334);
25
+ --color-red-500: oklch(63.7% 0.237 25.331);
26
+ --color-red-600: oklch(57.7% 0.245 27.325);
27
+ --color-red-700: oklch(50.5% 0.213 27.518);
28
+ --color-red-800: oklch(44.4% 0.177 26.899);
29
+ --color-red-900: oklch(39.6% 0.141 25.723);
30
+ --color-red-950: oklch(25.8% 0.092 26.042);
31
+ --color-yellow-100: oklch(97.3% 0.071 103.193);
32
+ --color-yellow-800: oklch(47.6% 0.114 61.907);
33
+ --color-yellow-900: oklch(42.1% 0.095 57.708);
34
+ --color-green-100: oklch(96.2% 0.044 156.743);
35
+ --color-green-800: oklch(44.8% 0.119 151.328);
36
+ --color-green-900: oklch(39.3% 0.095 152.535);
37
+ --color-blue-50: oklch(97% 0.014 254.604);
38
+ --color-blue-600: oklch(54.6% 0.245 262.881);
39
+ --color-blue-950: oklch(28.2% 0.091 267.935);
40
+ --color-gray-50: oklch(98.5% 0.002 247.839);
41
+ --color-gray-100: oklch(96.7% 0.003 264.542);
42
+ --color-gray-200: oklch(92.8% 0.006 264.531);
43
+ --color-gray-300: oklch(87.2% 0.01 258.338);
44
+ --color-gray-400: oklch(70.7% 0.022 261.325);
45
+ --color-gray-500: oklch(55.1% 0.027 264.364);
46
+ --color-gray-600: oklch(44.6% 0.03 256.802);
47
+ --color-gray-700: oklch(37.3% 0.034 259.733);
48
+ --color-gray-800: oklch(27.8% 0.033 256.848);
49
+ --color-gray-900: oklch(21% 0.034 264.665);
50
+ --color-black: #000;
51
+ --color-white: #fff;
52
+ --spacing: 0.25rem;
53
+ --text-xs: 0.75rem;
54
+ --text-xs--line-height: calc(1 / 0.75);
55
+ --text-sm: 0.875rem;
56
+ --text-sm--line-height: calc(1.25 / 0.875);
57
+ --text-base: 1rem;
58
+ --text-base--line-height: calc(1.5 / 1);
59
+ --text-lg: 1.125rem;
60
+ --text-lg--line-height: calc(1.75 / 1.125);
61
+ --font-weight-normal: 400;
62
+ --font-weight-medium: 500;
63
+ --font-weight-semibold: 600;
64
+ --font-weight-bold: 700;
65
+ --tracking-wide: 0.025em;
66
+ --tracking-wider: 0.05em;
67
+ --radius-sm: 0.25rem;
68
+ --radius-md: 0.375rem;
69
+ --radius-lg: 0.5rem;
70
+ --radius-xl: 0.75rem;
71
+ --radius-2xl: 1rem;
72
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
73
+ --default-transition-duration: 150ms;
74
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
75
+ --color-primary: rgb(63, 63, 70);
270
76
  }
271
- @layer utilities {
272
- .pointer-events-none {
273
- pointer-events: none;
274
- }
275
- .visible {
276
- visibility: visible;
277
- }
278
- .sr-only {
279
- position: absolute;
280
- width: 1px;
281
- height: 1px;
282
- padding: 0;
283
- margin: -1px;
284
- overflow: hidden;
285
- clip-path: inset(50%);
286
- white-space: nowrap;
287
- border-width: 0;
288
- }
289
- .absolute {
290
- position: absolute;
291
- }
292
- .fixed {
293
- position: fixed;
294
- }
295
- .relative {
296
- position: relative;
297
- }
298
- .sticky {
299
- position: sticky;
300
- }
301
- .inset-0 {
302
- inset: calc(var(--spacing) * 0);
303
- }
304
- .top-0 {
305
- top: calc(var(--spacing) * 0);
306
- }
307
- .top-full {
308
- top: 100%;
309
- }
310
- .right-0 {
311
- right: calc(var(--spacing) * 0);
312
- }
313
- .bottom-0 {
314
- bottom: calc(var(--spacing) * 0);
315
- }
316
- .left-0 {
317
- left: calc(var(--spacing) * 0);
318
- }
319
- .z-10 {
320
- z-index: 10;
321
- }
322
- .z-40 {
323
- z-index: 40;
324
- }
325
- .z-50 {
326
- z-index: 50;
327
- }
328
- .z-\[9999\] {
329
- z-index: 9999;
330
- }
331
- .z-\[10000\] {
332
- z-index: 10000;
333
- }
334
- .mx-auto {
335
- margin-inline: auto;
336
- }
337
- .mt-1 {
338
- margin-top: calc(var(--spacing) * 1);
339
- }
340
- .mt-2 {
341
- margin-top: calc(var(--spacing) * 2);
342
- }
343
- .mt-6 {
344
- margin-top: calc(var(--spacing) * 6);
345
- }
346
- .mt-auto {
347
- margin-top: auto;
348
- }
349
- .mr-2 {
350
- margin-right: calc(var(--spacing) * 2);
351
- }
352
- .mr-\[8px\] {
353
- margin-right: 8px;
354
- }
355
- .mb-1 {
356
- margin-bottom: calc(var(--spacing) * 1);
357
- }
358
- .mb-2 {
359
- margin-bottom: calc(var(--spacing) * 2);
360
- }
361
- .mb-3 {
362
- margin-bottom: calc(var(--spacing) * 3);
363
- }
364
- .mb-4 {
365
- margin-bottom: calc(var(--spacing) * 4);
366
- }
367
- .mb-6 {
368
- margin-bottom: calc(var(--spacing) * 6);
369
- }
370
- .ml-2 {
371
- margin-left: calc(var(--spacing) * 2);
372
- }
373
- .ml-4 {
374
- margin-left: calc(var(--spacing) * 4);
375
- }
376
- .ml-8 {
377
- margin-left: calc(var(--spacing) * 8);
378
- }
379
- .ml-\[2px\] {
380
- margin-left: 2px;
381
- }
382
- .ml-\[16px\] {
383
- margin-left: 16px;
384
- }
385
- .ml-\[20px\] {
386
- margin-left: 20px;
387
- }
388
- .ml-auto {
389
- margin-left: auto;
390
- }
391
- .flex {
392
- display: flex;
393
- }
394
- .hidden {
395
- display: none;
396
- }
397
- .inline-block {
398
- display: inline-block;
399
- }
400
- .inline-flex {
401
- display: inline-flex;
402
- }
403
- .table {
404
- display: table;
405
- }
406
- .h-2 {
407
- height: calc(var(--spacing) * 2);
408
- }
409
- .h-4 {
410
- height: calc(var(--spacing) * 4);
411
- }
412
- .h-6 {
413
- height: calc(var(--spacing) * 6);
414
- }
415
- .h-7 {
416
- height: calc(var(--spacing) * 7);
417
- }
418
- .h-8 {
419
- height: calc(var(--spacing) * 8);
420
- }
421
- .h-9 {
422
- height: calc(var(--spacing) * 9);
423
- }
424
- .h-10 {
425
- height: calc(var(--spacing) * 10);
426
- }
427
- .h-16 {
428
- height: calc(var(--spacing) * 16);
429
- }
430
- .h-\[60px\] {
431
- height: 60px;
432
- }
433
- .h-\[90px\] {
434
- height: 90px;
435
- }
436
- .h-auto {
437
- height: auto;
438
- }
439
- .h-full {
440
- height: 100%;
441
- }
442
- .max-h-0 {
443
- max-height: calc(var(--spacing) * 0);
444
- }
445
- .max-h-60 {
446
- max-height: calc(var(--spacing) * 60);
447
- }
448
- .max-h-\[75vh\] {
449
- max-height: 75vh;
450
- }
451
- .max-h-\[100vh\] {
452
- max-height: 100vh;
453
- }
454
- .max-h-\[1000px\] {
455
- max-height: 1000px;
456
- }
457
- .min-h-10 {
458
- min-height: calc(var(--spacing) * 10);
459
- }
460
- .min-h-\[50px\] {
461
- min-height: 50px;
462
- }
463
- .min-h-full {
464
- min-height: 100%;
465
- }
466
- .w-4 {
467
- width: calc(var(--spacing) * 4);
468
- }
469
- .w-6 {
470
- width: calc(var(--spacing) * 6);
471
- }
472
- .w-7 {
473
- width: calc(var(--spacing) * 7);
474
- }
475
- .w-9 {
476
- width: calc(var(--spacing) * 9);
477
- }
478
- .w-10 {
479
- width: calc(var(--spacing) * 10);
480
- }
481
- .w-11 {
482
- width: calc(var(--spacing) * 11);
483
- }
484
- .w-16 {
485
- width: calc(var(--spacing) * 16);
486
- }
487
- .w-20 {
488
- width: calc(var(--spacing) * 20);
489
- }
490
- .w-\[50px\] {
491
- width: 50px;
492
- }
493
- .w-\[320px\] {
494
- width: 320px;
495
- }
496
- .w-\[360px\] {
497
- width: 360px;
498
- }
499
- .w-full {
500
- width: 100%;
501
- }
502
- .min-w-0 {
503
- min-width: calc(var(--spacing) * 0);
504
- }
505
- .min-w-9 {
506
- min-width: calc(var(--spacing) * 9);
507
- }
508
- .min-w-\[100\%\] {
509
- min-width: 100%;
510
- }
511
- .flex-1 {
512
- flex: 1;
513
- }
514
- .shrink-0 {
515
- flex-shrink: 0;
516
- }
517
- .table-fixed {
518
- table-layout: fixed;
519
- }
520
- .caption-bottom {
521
- caption-side: bottom;
522
- }
523
- .border-collapse {
524
- border-collapse: collapse;
525
- }
526
- .-translate-x-full {
527
- --tw-translate-x: -100%;
528
- translate: var(--tw-translate-x) var(--tw-translate-y);
529
- }
530
- .translate-x-0 {
531
- --tw-translate-x: calc(var(--spacing) * 0);
532
- translate: var(--tw-translate-x) var(--tw-translate-y);
533
- }
534
- .translate-x-1 {
535
- --tw-translate-x: calc(var(--spacing) * 1);
536
- translate: var(--tw-translate-x) var(--tw-translate-y);
537
- }
538
- .translate-x-6 {
539
- --tw-translate-x: calc(var(--spacing) * 6);
540
- translate: var(--tw-translate-x) var(--tw-translate-y);
541
- }
542
- .translate-x-8 {
543
- --tw-translate-x: calc(var(--spacing) * 8);
544
- translate: var(--tw-translate-x) var(--tw-translate-y);
545
- }
546
- .translate-x-\[100\%\] {
547
- --tw-translate-x: 100%;
548
- translate: var(--tw-translate-x) var(--tw-translate-y);
549
- }
550
- .rotate-180 {
551
- rotate: 180deg;
552
- }
553
- .transform {
554
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
555
- }
556
- .cursor-not-allowed {
557
- cursor: not-allowed;
558
- }
559
- .cursor-pointer {
560
- cursor: pointer;
561
- }
562
- .cursor-text {
563
- cursor: text;
564
- }
565
- .resize {
566
- resize: both;
567
- }
568
- .flex-col {
569
- flex-direction: column;
570
- }
571
- .flex-col-reverse {
572
- flex-direction: column-reverse;
573
- }
574
- .flex-wrap {
575
- flex-wrap: wrap;
576
- }
577
- .items-center {
578
- align-items: center;
579
- }
580
- .justify-between {
581
- justify-content: space-between;
582
- }
583
- .justify-center {
584
- justify-content: center;
585
- }
586
- .justify-end {
587
- justify-content: flex-end;
588
- }
589
- .gap-1 {
590
- gap: calc(var(--spacing) * 1);
591
- }
592
- .gap-2 {
593
- gap: calc(var(--spacing) * 2);
594
- }
595
- .gap-3 {
596
- gap: calc(var(--spacing) * 3);
597
- }
598
- .gap-4 {
599
- gap: calc(var(--spacing) * 4);
600
- }
601
- .truncate {
602
- overflow: hidden;
603
- text-overflow: ellipsis;
604
- white-space: nowrap;
605
- }
606
- .overflow-auto {
607
- overflow: auto;
608
- }
609
- .overflow-hidden {
610
- overflow: hidden;
611
- }
612
- .overflow-x-auto {
613
- overflow-x: auto;
614
- }
615
- .overflow-x-hidden {
616
- overflow-x: hidden;
617
- }
618
- .overflow-y-auto {
619
- overflow-y: auto;
620
- }
621
- .rounded {
622
- border-radius: 0.25rem;
623
- }
624
- .rounded-2xl {
625
- border-radius: var(--radius-2xl);
626
- }
627
- .rounded-\[6px\] {
628
- border-radius: 6px;
629
- }
630
- .rounded-full {
631
- border-radius: calc(infinity * 1px);
632
- }
633
- .rounded-lg {
634
- border-radius: var(--radius-lg);
635
- }
636
- .rounded-md {
637
- border-radius: var(--radius-md);
638
- }
639
- .rounded-sm {
640
- border-radius: var(--radius-sm);
641
- }
642
- .rounded-xl {
643
- border-radius: var(--radius-xl);
644
- }
645
- .border {
646
- border-style: var(--tw-border-style);
647
- border-width: 1px;
648
- }
649
- .border-2 {
650
- border-style: var(--tw-border-style);
651
- border-width: 2px;
652
- }
653
- .border-t {
654
- border-top-style: var(--tw-border-style);
655
- border-top-width: 1px;
656
- }
657
- .border-r {
658
- border-right-style: var(--tw-border-style);
659
- border-right-width: 1px;
660
- }
661
- .border-b {
662
- border-bottom-style: var(--tw-border-style);
663
- border-bottom-width: 1px;
664
- }
665
- .border-dashed {
666
- --tw-border-style: dashed;
667
- border-style: dashed;
668
- }
669
- .border-\[\#e5e5e5\] {
670
- border-color: #e5e5e5;
671
- }
672
- .border-\[\#e6e6e6\] {
673
- border-color: #e6e6e6;
674
- }
675
- .border-\[hsl\(0_0\%_89\.8\%\)\] {
676
- border-color: hsl(0 0% 89.8%);
677
- }
678
- .border-blue-600 {
679
- border-color: var(--color-blue-600);
680
- }
681
- .border-gray-200 {
682
- border-color: var(--color-gray-200);
683
- }
684
- .border-gray-300 {
685
- border-color: var(--color-gray-300);
686
- }
687
- .border-gray-400 {
688
- border-color: var(--color-gray-400);
689
- }
690
- .border-gray-800 {
691
- border-color: var(--color-gray-800);
692
- }
693
- .border-primary {
694
- border-color: var(--color-primary);
695
- }
696
- .border-red-200 {
697
- border-color: var(--color-red-200);
698
- }
699
- .border-red-500 {
700
- border-color: var(--color-red-500);
701
- }
702
- .border-transparent {
703
- border-color: transparent;
704
- }
705
- .border-white {
706
- border-color: var(--color-white);
707
- }
708
- .bg-\[\#F7FAFC\] {
709
- background-color: #F7FAFC;
710
- }
711
- .bg-\[\#ef4444\] {
712
- background-color: #ef4444;
713
- }
714
- .bg-\[\#f4f4f5\] {
715
- background-color: #f4f4f5;
716
- }
717
- .bg-\[\#fafafa\] {
718
- background-color: #fafafa;
719
- }
720
- .bg-\[\#fff\] {
721
- background-color: #fff;
722
- }
723
- .bg-black {
724
- background-color: var(--color-black);
725
- }
726
- .bg-black\/50 {
727
- background-color: color-mix(in srgb, #000 50%, transparent);
728
- @supports (color: color-mix(in lab, red, red)) {
729
- background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
730
- }
731
- }
732
- .bg-black\/80 {
733
- background-color: color-mix(in srgb, #000 80%, transparent);
734
- @supports (color: color-mix(in lab, red, red)) {
735
- background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
736
- }
737
- }
738
- .bg-blue-50 {
739
- background-color: var(--color-blue-50);
740
- }
741
- .bg-blue-600 {
742
- background-color: var(--color-blue-600);
743
- }
744
- .bg-gray-50 {
745
- background-color: var(--color-gray-50);
746
- }
747
- .bg-gray-100 {
748
- background-color: var(--color-gray-100);
749
- }
750
- .bg-gray-200 {
751
- background-color: var(--color-gray-200);
752
- }
753
- .bg-gray-300 {
754
- background-color: var(--color-gray-300);
755
- }
756
- .bg-green-100 {
757
- background-color: var(--color-green-100);
758
- }
759
- .bg-primary {
760
- background-color: var(--color-primary);
761
- }
762
- .bg-red-50 {
763
- background-color: var(--color-red-50);
764
- }
765
- .bg-red-100 {
766
- background-color: var(--color-red-100);
767
- }
768
- .bg-red-600 {
769
- background-color: var(--color-red-600);
770
- }
771
- .bg-transparent {
772
- background-color: transparent;
773
- }
774
- .bg-white {
775
- background-color: var(--color-white);
776
- }
777
- .bg-yellow-100 {
778
- background-color: var(--color-yellow-100);
779
- }
780
- .object-contain {
781
- object-fit: contain;
782
- }
783
- .p-2 {
784
- padding: calc(var(--spacing) * 2);
785
- }
786
- .p-2\.5 {
787
- padding: calc(var(--spacing) * 2.5);
788
- }
789
- .p-3 {
790
- padding: calc(var(--spacing) * 3);
791
- }
792
- .p-4 {
793
- padding: calc(var(--spacing) * 4);
794
- }
795
- .p-6 {
796
- padding: calc(var(--spacing) * 6);
797
- }
798
- .px-2 {
799
- padding-inline: calc(var(--spacing) * 2);
800
- }
801
- .px-2\.5 {
802
- padding-inline: calc(var(--spacing) * 2.5);
803
- }
804
- .px-3 {
805
- padding-inline: calc(var(--spacing) * 3);
806
- }
807
- .px-4 {
808
- padding-inline: calc(var(--spacing) * 4);
809
- }
810
- .py-0\.5 {
811
- padding-block: calc(var(--spacing) * 0.5);
812
- }
813
- .py-1 {
814
- padding-block: calc(var(--spacing) * 1);
815
- }
816
- .py-1\.5 {
817
- padding-block: calc(var(--spacing) * 1.5);
818
- }
819
- .py-2 {
820
- padding-block: calc(var(--spacing) * 2);
821
- }
822
- .py-3 {
823
- padding-block: calc(var(--spacing) * 3);
824
- }
825
- .pt-5 {
826
- padding-top: calc(var(--spacing) * 5);
827
- }
828
- .pt-20 {
829
- padding-top: calc(var(--spacing) * 20);
830
- }
831
- .pb-4 {
832
- padding-bottom: calc(var(--spacing) * 4);
833
- }
834
- .pl-4 {
835
- padding-left: calc(var(--spacing) * 4);
836
- }
837
- .text-center {
838
- text-align: center;
839
- }
840
- .text-left {
841
- text-align: left;
842
- }
843
- .text-right {
844
- text-align: right;
845
- }
846
- .text-base {
847
- font-size: var(--text-base);
848
- line-height: var(--tw-leading, var(--text-base--line-height));
849
- }
850
- .text-lg {
851
- font-size: var(--text-lg);
852
- line-height: var(--tw-leading, var(--text-lg--line-height));
853
- }
854
- .text-sm {
855
- font-size: var(--text-sm);
856
- line-height: var(--tw-leading, var(--text-sm--line-height));
857
- }
858
- .text-xs {
859
- font-size: var(--text-xs);
860
- line-height: var(--tw-leading, var(--text-xs--line-height));
861
- }
862
- .\!text-\[10px\] {
863
- font-size: 10px !important;
864
- }
865
- .\!text-\[14px\] {
866
- font-size: 14px !important;
867
- }
868
- .\!text-\[15px\] {
869
- font-size: 15px !important;
870
- }
871
- .\!text-\[16px\] {
872
- font-size: 16px !important;
873
- }
874
- .\!text-\[22px\] {
875
- font-size: 22px !important;
876
- }
877
- .text-\[9px\] {
878
- font-size: 9px;
879
- }
880
- .text-\[10px\] {
881
- font-size: 10px;
882
- }
883
- .text-\[11px\] {
884
- font-size: 11px;
885
- }
886
- .text-\[12px\] {
887
- font-size: 12px;
888
- }
889
- .text-\[13px\] {
890
- font-size: 13px;
891
- }
892
- .text-\[14px\] {
893
- font-size: 14px;
894
- }
895
- .text-\[16px\] {
896
- font-size: 16px;
897
- }
898
- .leading-5 {
899
- --tw-leading: calc(var(--spacing) * 5);
900
- line-height: calc(var(--spacing) * 5);
901
- }
902
- .leading-6 {
903
- --tw-leading: calc(var(--spacing) * 6);
904
- line-height: calc(var(--spacing) * 6);
905
- }
906
- .\!font-bold {
907
- --tw-font-weight: var(--font-weight-bold) !important;
908
- font-weight: var(--font-weight-bold) !important;
909
- }
910
- .\!font-medium {
911
- --tw-font-weight: var(--font-weight-medium) !important;
912
- font-weight: var(--font-weight-medium) !important;
913
- }
914
- .\!font-normal {
915
- --tw-font-weight: var(--font-weight-normal) !important;
916
- font-weight: var(--font-weight-normal) !important;
917
- }
918
- .\!font-semibold {
919
- --tw-font-weight: var(--font-weight-semibold) !important;
920
- font-weight: var(--font-weight-semibold) !important;
921
- }
922
- .font-\[500\] {
923
- --tw-font-weight: 500;
924
- font-weight: 500;
925
- }
926
- .font-\[600\] {
927
- --tw-font-weight: 600;
928
- font-weight: 600;
929
- }
930
- .font-bold {
931
- --tw-font-weight: var(--font-weight-bold);
932
- font-weight: var(--font-weight-bold);
933
- }
934
- .font-medium {
935
- --tw-font-weight: var(--font-weight-medium);
936
- font-weight: var(--font-weight-medium);
937
- }
938
- .font-semibold {
939
- --tw-font-weight: var(--font-weight-semibold);
940
- font-weight: var(--font-weight-semibold);
941
- }
942
- .tracking-wide {
943
- --tw-tracking: var(--tracking-wide);
944
- letter-spacing: var(--tracking-wide);
945
- }
946
- .tracking-wider {
947
- --tw-tracking: var(--tracking-wider);
948
- letter-spacing: var(--tracking-wider);
949
- }
950
- .whitespace-nowrap {
951
- white-space: nowrap;
952
- }
953
- .\!text-\[\#000\] {
954
- color: #000 !important;
955
- }
956
- .\!text-\[\#3f3f46cc\] {
957
- color: #3f3f46cc !important;
958
- }
959
- .text-\[\#0A0A0A\] {
960
- color: #0A0A0A;
961
- }
962
- .text-\[\#3f3f46cc\] {
963
- color: #3f3f46cc;
964
- }
965
- .text-\[\#737373\] {
966
- color: #737373;
967
- }
968
- .text-black {
969
- color: var(--color-black);
970
- }
971
- .text-blue-600 {
972
- color: var(--color-blue-600);
973
- }
974
- .text-gray-400 {
975
- color: var(--color-gray-400);
976
- }
977
- .text-gray-500 {
978
- color: var(--color-gray-500);
77
+ .pointer-events-none {
78
+ pointer-events: none;
79
+ }
80
+ .visible {
81
+ visibility: visible;
82
+ }
83
+ .sr-only {
84
+ position: absolute;
85
+ width: 1px;
86
+ height: 1px;
87
+ padding: 0;
88
+ margin: -1px;
89
+ overflow: hidden;
90
+ clip-path: inset(50%);
91
+ white-space: nowrap;
92
+ border-width: 0;
93
+ }
94
+ .absolute {
95
+ position: absolute;
96
+ }
97
+ .fixed {
98
+ position: fixed;
99
+ }
100
+ .relative {
101
+ position: relative;
102
+ }
103
+ .sticky {
104
+ position: sticky;
105
+ }
106
+ .inset-0 {
107
+ inset: calc(var(--spacing) * 0);
108
+ }
109
+ .top-0 {
110
+ top: calc(var(--spacing) * 0);
111
+ }
112
+ .top-full {
113
+ top: 100%;
114
+ }
115
+ .right-0 {
116
+ right: calc(var(--spacing) * 0);
117
+ }
118
+ .bottom-0 {
119
+ bottom: calc(var(--spacing) * 0);
120
+ }
121
+ .left-0 {
122
+ left: calc(var(--spacing) * 0);
123
+ }
124
+ .z-10 {
125
+ z-index: 10;
126
+ }
127
+ .z-40 {
128
+ z-index: 40;
129
+ }
130
+ .z-50 {
131
+ z-index: 50;
132
+ }
133
+ .z-\[9999\] {
134
+ z-index: 9999;
135
+ }
136
+ .z-\[10000\] {
137
+ z-index: 10000;
138
+ }
139
+ .mx-auto {
140
+ margin-inline: auto;
141
+ }
142
+ .mt-1 {
143
+ margin-top: calc(var(--spacing) * 1);
144
+ }
145
+ .mt-2 {
146
+ margin-top: calc(var(--spacing) * 2);
147
+ }
148
+ .mt-6 {
149
+ margin-top: calc(var(--spacing) * 6);
150
+ }
151
+ .mt-auto {
152
+ margin-top: auto;
153
+ }
154
+ .mr-2 {
155
+ margin-right: calc(var(--spacing) * 2);
156
+ }
157
+ .mr-\[8px\] {
158
+ margin-right: 8px;
159
+ }
160
+ .mb-1 {
161
+ margin-bottom: calc(var(--spacing) * 1);
162
+ }
163
+ .mb-2 {
164
+ margin-bottom: calc(var(--spacing) * 2);
165
+ }
166
+ .mb-3 {
167
+ margin-bottom: calc(var(--spacing) * 3);
168
+ }
169
+ .mb-4 {
170
+ margin-bottom: calc(var(--spacing) * 4);
171
+ }
172
+ .mb-6 {
173
+ margin-bottom: calc(var(--spacing) * 6);
174
+ }
175
+ .ml-2 {
176
+ margin-left: calc(var(--spacing) * 2);
177
+ }
178
+ .ml-4 {
179
+ margin-left: calc(var(--spacing) * 4);
180
+ }
181
+ .ml-8 {
182
+ margin-left: calc(var(--spacing) * 8);
183
+ }
184
+ .ml-\[2px\] {
185
+ margin-left: 2px;
186
+ }
187
+ .ml-\[16px\] {
188
+ margin-left: 16px;
189
+ }
190
+ .ml-\[20px\] {
191
+ margin-left: 20px;
192
+ }
193
+ .ml-auto {
194
+ margin-left: auto;
195
+ }
196
+ .flex {
197
+ display: flex;
198
+ }
199
+ .hidden {
200
+ display: none;
201
+ }
202
+ .inline-block {
203
+ display: inline-block;
204
+ }
205
+ .inline-flex {
206
+ display: inline-flex;
207
+ }
208
+ .table {
209
+ display: table;
210
+ }
211
+ .h-2 {
212
+ height: calc(var(--spacing) * 2);
213
+ }
214
+ .h-4 {
215
+ height: calc(var(--spacing) * 4);
216
+ }
217
+ .h-6 {
218
+ height: calc(var(--spacing) * 6);
219
+ }
220
+ .h-7 {
221
+ height: calc(var(--spacing) * 7);
222
+ }
223
+ .h-8 {
224
+ height: calc(var(--spacing) * 8);
225
+ }
226
+ .h-9 {
227
+ height: calc(var(--spacing) * 9);
228
+ }
229
+ .h-10 {
230
+ height: calc(var(--spacing) * 10);
231
+ }
232
+ .h-16 {
233
+ height: calc(var(--spacing) * 16);
234
+ }
235
+ .h-\[60px\] {
236
+ height: 60px;
237
+ }
238
+ .h-\[90px\] {
239
+ height: 90px;
240
+ }
241
+ .h-auto {
242
+ height: auto;
243
+ }
244
+ .h-full {
245
+ height: 100%;
246
+ }
247
+ .max-h-0 {
248
+ max-height: calc(var(--spacing) * 0);
249
+ }
250
+ .max-h-60 {
251
+ max-height: calc(var(--spacing) * 60);
252
+ }
253
+ .max-h-\[75vh\] {
254
+ max-height: 75vh;
255
+ }
256
+ .max-h-\[100vh\] {
257
+ max-height: 100vh;
258
+ }
259
+ .max-h-\[1000px\] {
260
+ max-height: 1000px;
261
+ }
262
+ .min-h-10 {
263
+ min-height: calc(var(--spacing) * 10);
264
+ }
265
+ .min-h-\[50px\] {
266
+ min-height: 50px;
267
+ }
268
+ .min-h-full {
269
+ min-height: 100%;
270
+ }
271
+ .w-4 {
272
+ width: calc(var(--spacing) * 4);
273
+ }
274
+ .w-6 {
275
+ width: calc(var(--spacing) * 6);
276
+ }
277
+ .w-7 {
278
+ width: calc(var(--spacing) * 7);
279
+ }
280
+ .w-9 {
281
+ width: calc(var(--spacing) * 9);
282
+ }
283
+ .w-10 {
284
+ width: calc(var(--spacing) * 10);
285
+ }
286
+ .w-11 {
287
+ width: calc(var(--spacing) * 11);
288
+ }
289
+ .w-16 {
290
+ width: calc(var(--spacing) * 16);
291
+ }
292
+ .w-20 {
293
+ width: calc(var(--spacing) * 20);
294
+ }
295
+ .w-\[50px\] {
296
+ width: 50px;
297
+ }
298
+ .w-\[320px\] {
299
+ width: 320px;
300
+ }
301
+ .w-\[360px\] {
302
+ width: 360px;
303
+ }
304
+ .w-full {
305
+ width: 100%;
306
+ }
307
+ .min-w-0 {
308
+ min-width: calc(var(--spacing) * 0);
309
+ }
310
+ .min-w-9 {
311
+ min-width: calc(var(--spacing) * 9);
312
+ }
313
+ .min-w-\[100\%\] {
314
+ min-width: 100%;
315
+ }
316
+ .flex-1 {
317
+ flex: 1;
318
+ }
319
+ .shrink-0 {
320
+ flex-shrink: 0;
321
+ }
322
+ .table-fixed {
323
+ table-layout: fixed;
324
+ }
325
+ .caption-bottom {
326
+ caption-side: bottom;
327
+ }
328
+ .border-collapse {
329
+ border-collapse: collapse;
330
+ }
331
+ .-translate-x-full {
332
+ --tw-translate-x: -100%;
333
+ translate: var(--tw-translate-x) var(--tw-translate-y);
334
+ }
335
+ .translate-x-0 {
336
+ --tw-translate-x: calc(var(--spacing) * 0);
337
+ translate: var(--tw-translate-x) var(--tw-translate-y);
338
+ }
339
+ .translate-x-1 {
340
+ --tw-translate-x: calc(var(--spacing) * 1);
341
+ translate: var(--tw-translate-x) var(--tw-translate-y);
342
+ }
343
+ .translate-x-6 {
344
+ --tw-translate-x: calc(var(--spacing) * 6);
345
+ translate: var(--tw-translate-x) var(--tw-translate-y);
346
+ }
347
+ .translate-x-8 {
348
+ --tw-translate-x: calc(var(--spacing) * 8);
349
+ translate: var(--tw-translate-x) var(--tw-translate-y);
350
+ }
351
+ .translate-x-\[100\%\] {
352
+ --tw-translate-x: 100%;
353
+ translate: var(--tw-translate-x) var(--tw-translate-y);
354
+ }
355
+ .rotate-180 {
356
+ rotate: 180deg;
357
+ }
358
+ .transform {
359
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
360
+ }
361
+ .cursor-not-allowed {
362
+ cursor: not-allowed;
363
+ }
364
+ .cursor-pointer {
365
+ cursor: pointer;
366
+ }
367
+ .cursor-text {
368
+ cursor: text;
369
+ }
370
+ .resize {
371
+ resize: both;
372
+ }
373
+ .flex-col {
374
+ flex-direction: column;
375
+ }
376
+ .flex-col-reverse {
377
+ flex-direction: column-reverse;
378
+ }
379
+ .flex-wrap {
380
+ flex-wrap: wrap;
381
+ }
382
+ .items-center {
383
+ align-items: center;
384
+ }
385
+ .justify-between {
386
+ justify-content: space-between;
387
+ }
388
+ .justify-center {
389
+ justify-content: center;
390
+ }
391
+ .justify-end {
392
+ justify-content: flex-end;
393
+ }
394
+ .gap-1 {
395
+ gap: calc(var(--spacing) * 1);
396
+ }
397
+ .gap-2 {
398
+ gap: calc(var(--spacing) * 2);
399
+ }
400
+ .gap-3 {
401
+ gap: calc(var(--spacing) * 3);
402
+ }
403
+ .gap-4 {
404
+ gap: calc(var(--spacing) * 4);
405
+ }
406
+ .truncate {
407
+ overflow: hidden;
408
+ text-overflow: ellipsis;
409
+ white-space: nowrap;
410
+ }
411
+ .overflow-auto {
412
+ overflow: auto;
413
+ }
414
+ .overflow-hidden {
415
+ overflow: hidden;
416
+ }
417
+ .overflow-x-auto {
418
+ overflow-x: auto;
419
+ }
420
+ .overflow-x-hidden {
421
+ overflow-x: hidden;
422
+ }
423
+ .overflow-y-auto {
424
+ overflow-y: auto;
425
+ }
426
+ .rounded {
427
+ border-radius: 0.25rem;
428
+ }
429
+ .rounded-2xl {
430
+ border-radius: var(--radius-2xl);
431
+ }
432
+ .rounded-\[6px\] {
433
+ border-radius: 6px;
434
+ }
435
+ .rounded-full {
436
+ border-radius: calc(infinity * 1px);
437
+ }
438
+ .rounded-lg {
439
+ border-radius: var(--radius-lg);
440
+ }
441
+ .rounded-md {
442
+ border-radius: var(--radius-md);
443
+ }
444
+ .rounded-sm {
445
+ border-radius: var(--radius-sm);
446
+ }
447
+ .rounded-xl {
448
+ border-radius: var(--radius-xl);
449
+ }
450
+ .border {
451
+ border-style: var(--tw-border-style);
452
+ border-width: 1px;
453
+ }
454
+ .border-2 {
455
+ border-style: var(--tw-border-style);
456
+ border-width: 2px;
457
+ }
458
+ .border-t {
459
+ border-top-style: var(--tw-border-style);
460
+ border-top-width: 1px;
461
+ }
462
+ .border-r {
463
+ border-right-style: var(--tw-border-style);
464
+ border-right-width: 1px;
465
+ }
466
+ .border-b {
467
+ border-bottom-style: var(--tw-border-style);
468
+ border-bottom-width: 1px;
469
+ }
470
+ .border-dashed {
471
+ --tw-border-style: dashed;
472
+ border-style: dashed;
473
+ }
474
+ .border-\[\#e5e5e5\] {
475
+ border-color: #e5e5e5;
476
+ }
477
+ .border-\[\#e6e6e6\] {
478
+ border-color: #e6e6e6;
479
+ }
480
+ .border-\[hsl\(0_0\%_89\.8\%\)\] {
481
+ border-color: hsl(0 0% 89.8%);
482
+ }
483
+ .border-blue-600 {
484
+ border-color: var(--color-blue-600);
485
+ }
486
+ .border-gray-200 {
487
+ border-color: var(--color-gray-200);
488
+ }
489
+ .border-gray-300 {
490
+ border-color: var(--color-gray-300);
491
+ }
492
+ .border-gray-400 {
493
+ border-color: var(--color-gray-400);
494
+ }
495
+ .border-gray-800 {
496
+ border-color: var(--color-gray-800);
497
+ }
498
+ .border-primary {
499
+ border-color: var(--color-primary);
500
+ }
501
+ .border-red-200 {
502
+ border-color: var(--color-red-200);
503
+ }
504
+ .border-red-500 {
505
+ border-color: var(--color-red-500);
506
+ }
507
+ .border-transparent {
508
+ border-color: transparent;
509
+ }
510
+ .border-white {
511
+ border-color: var(--color-white);
512
+ }
513
+ .bg-\[\#F7FAFC\] {
514
+ background-color: #F7FAFC;
515
+ }
516
+ .bg-\[\#ef4444\] {
517
+ background-color: #ef4444;
518
+ }
519
+ .bg-\[\#f4f4f5\] {
520
+ background-color: #f4f4f5;
521
+ }
522
+ .bg-\[\#fafafa\] {
523
+ background-color: #fafafa;
524
+ }
525
+ .bg-\[\#fff\] {
526
+ background-color: #fff;
527
+ }
528
+ .bg-black {
529
+ background-color: var(--color-black);
530
+ }
531
+ .bg-black\/50 {
532
+ background-color: color-mix(in srgb, #000 50%, transparent);
533
+ @supports (color: color-mix(in lab, red, red)) {
534
+ background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
979
535
  }
980
- .text-gray-600 {
981
- color: var(--color-gray-600);
536
+ }
537
+ .bg-black\/80 {
538
+ background-color: color-mix(in srgb, #000 80%, transparent);
539
+ @supports (color: color-mix(in lab, red, red)) {
540
+ background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
982
541
  }
983
- .text-gray-700 {
984
- color: var(--color-gray-700);
542
+ }
543
+ .bg-blue-50 {
544
+ background-color: var(--color-blue-50);
545
+ }
546
+ .bg-blue-600 {
547
+ background-color: var(--color-blue-600);
548
+ }
549
+ .bg-gray-50 {
550
+ background-color: var(--color-gray-50);
551
+ }
552
+ .bg-gray-100 {
553
+ background-color: var(--color-gray-100);
554
+ }
555
+ .bg-gray-200 {
556
+ background-color: var(--color-gray-200);
557
+ }
558
+ .bg-gray-300 {
559
+ background-color: var(--color-gray-300);
560
+ }
561
+ .bg-green-100 {
562
+ background-color: var(--color-green-100);
563
+ }
564
+ .bg-primary {
565
+ background-color: var(--color-primary);
566
+ }
567
+ .bg-red-50 {
568
+ background-color: var(--color-red-50);
569
+ }
570
+ .bg-red-100 {
571
+ background-color: var(--color-red-100);
572
+ }
573
+ .bg-red-600 {
574
+ background-color: var(--color-red-600);
575
+ }
576
+ .bg-transparent {
577
+ background-color: transparent;
578
+ }
579
+ .bg-white {
580
+ background-color: var(--color-white);
581
+ }
582
+ .bg-yellow-100 {
583
+ background-color: var(--color-yellow-100);
584
+ }
585
+ .object-contain {
586
+ object-fit: contain;
587
+ }
588
+ .p-2 {
589
+ padding: calc(var(--spacing) * 2);
590
+ }
591
+ .p-2\.5 {
592
+ padding: calc(var(--spacing) * 2.5);
593
+ }
594
+ .p-3 {
595
+ padding: calc(var(--spacing) * 3);
596
+ }
597
+ .p-4 {
598
+ padding: calc(var(--spacing) * 4);
599
+ }
600
+ .p-6 {
601
+ padding: calc(var(--spacing) * 6);
602
+ }
603
+ .px-2 {
604
+ padding-inline: calc(var(--spacing) * 2);
605
+ }
606
+ .px-2\.5 {
607
+ padding-inline: calc(var(--spacing) * 2.5);
608
+ }
609
+ .px-3 {
610
+ padding-inline: calc(var(--spacing) * 3);
611
+ }
612
+ .px-4 {
613
+ padding-inline: calc(var(--spacing) * 4);
614
+ }
615
+ .py-0\.5 {
616
+ padding-block: calc(var(--spacing) * 0.5);
617
+ }
618
+ .py-1 {
619
+ padding-block: calc(var(--spacing) * 1);
620
+ }
621
+ .py-1\.5 {
622
+ padding-block: calc(var(--spacing) * 1.5);
623
+ }
624
+ .py-2 {
625
+ padding-block: calc(var(--spacing) * 2);
626
+ }
627
+ .py-3 {
628
+ padding-block: calc(var(--spacing) * 3);
629
+ }
630
+ .pt-5 {
631
+ padding-top: calc(var(--spacing) * 5);
632
+ }
633
+ .pt-20 {
634
+ padding-top: calc(var(--spacing) * 20);
635
+ }
636
+ .pb-4 {
637
+ padding-bottom: calc(var(--spacing) * 4);
638
+ }
639
+ .pl-4 {
640
+ padding-left: calc(var(--spacing) * 4);
641
+ }
642
+ .text-center {
643
+ text-align: center;
644
+ }
645
+ .text-left {
646
+ text-align: left;
647
+ }
648
+ .text-right {
649
+ text-align: right;
650
+ }
651
+ .text-base {
652
+ font-size: var(--text-base);
653
+ line-height: var(--tw-leading, var(--text-base--line-height));
654
+ }
655
+ .text-lg {
656
+ font-size: var(--text-lg);
657
+ line-height: var(--tw-leading, var(--text-lg--line-height));
658
+ }
659
+ .text-sm {
660
+ font-size: var(--text-sm);
661
+ line-height: var(--tw-leading, var(--text-sm--line-height));
662
+ }
663
+ .text-xs {
664
+ font-size: var(--text-xs);
665
+ line-height: var(--tw-leading, var(--text-xs--line-height));
666
+ }
667
+ .\!text-\[10px\] {
668
+ font-size: 10px !important;
669
+ }
670
+ .\!text-\[14px\] {
671
+ font-size: 14px !important;
672
+ }
673
+ .\!text-\[15px\] {
674
+ font-size: 15px !important;
675
+ }
676
+ .\!text-\[16px\] {
677
+ font-size: 16px !important;
678
+ }
679
+ .\!text-\[22px\] {
680
+ font-size: 22px !important;
681
+ }
682
+ .text-\[9px\] {
683
+ font-size: 9px;
684
+ }
685
+ .text-\[10px\] {
686
+ font-size: 10px;
687
+ }
688
+ .text-\[11px\] {
689
+ font-size: 11px;
690
+ }
691
+ .text-\[12px\] {
692
+ font-size: 12px;
693
+ }
694
+ .text-\[13px\] {
695
+ font-size: 13px;
696
+ }
697
+ .text-\[14px\] {
698
+ font-size: 14px;
699
+ }
700
+ .text-\[16px\] {
701
+ font-size: 16px;
702
+ }
703
+ .leading-5 {
704
+ --tw-leading: calc(var(--spacing) * 5);
705
+ line-height: calc(var(--spacing) * 5);
706
+ }
707
+ .leading-6 {
708
+ --tw-leading: calc(var(--spacing) * 6);
709
+ line-height: calc(var(--spacing) * 6);
710
+ }
711
+ .\!font-bold {
712
+ --tw-font-weight: var(--font-weight-bold) !important;
713
+ font-weight: var(--font-weight-bold) !important;
714
+ }
715
+ .\!font-medium {
716
+ --tw-font-weight: var(--font-weight-medium) !important;
717
+ font-weight: var(--font-weight-medium) !important;
718
+ }
719
+ .\!font-normal {
720
+ --tw-font-weight: var(--font-weight-normal) !important;
721
+ font-weight: var(--font-weight-normal) !important;
722
+ }
723
+ .\!font-semibold {
724
+ --tw-font-weight: var(--font-weight-semibold) !important;
725
+ font-weight: var(--font-weight-semibold) !important;
726
+ }
727
+ .font-\[500\] {
728
+ --tw-font-weight: 500;
729
+ font-weight: 500;
730
+ }
731
+ .font-\[600\] {
732
+ --tw-font-weight: 600;
733
+ font-weight: 600;
734
+ }
735
+ .font-bold {
736
+ --tw-font-weight: var(--font-weight-bold);
737
+ font-weight: var(--font-weight-bold);
738
+ }
739
+ .font-medium {
740
+ --tw-font-weight: var(--font-weight-medium);
741
+ font-weight: var(--font-weight-medium);
742
+ }
743
+ .font-semibold {
744
+ --tw-font-weight: var(--font-weight-semibold);
745
+ font-weight: var(--font-weight-semibold);
746
+ }
747
+ .tracking-wide {
748
+ --tw-tracking: var(--tracking-wide);
749
+ letter-spacing: var(--tracking-wide);
750
+ }
751
+ .tracking-wider {
752
+ --tw-tracking: var(--tracking-wider);
753
+ letter-spacing: var(--tracking-wider);
754
+ }
755
+ .whitespace-nowrap {
756
+ white-space: nowrap;
757
+ }
758
+ .\!text-\[\#000\] {
759
+ color: #000 !important;
760
+ }
761
+ .\!text-\[\#3f3f46cc\] {
762
+ color: #3f3f46cc !important;
763
+ }
764
+ .text-\[\#0A0A0A\] {
765
+ color: #0A0A0A;
766
+ }
767
+ .text-\[\#3f3f46cc\] {
768
+ color: #3f3f46cc;
769
+ }
770
+ .text-\[\#737373\] {
771
+ color: #737373;
772
+ }
773
+ .text-black {
774
+ color: var(--color-black);
775
+ }
776
+ .text-blue-600 {
777
+ color: var(--color-blue-600);
778
+ }
779
+ .text-gray-400 {
780
+ color: var(--color-gray-400);
781
+ }
782
+ .text-gray-500 {
783
+ color: var(--color-gray-500);
784
+ }
785
+ .text-gray-600 {
786
+ color: var(--color-gray-600);
787
+ }
788
+ .text-gray-700 {
789
+ color: var(--color-gray-700);
790
+ }
791
+ .text-gray-900 {
792
+ color: var(--color-gray-900);
793
+ }
794
+ .text-green-800 {
795
+ color: var(--color-green-800);
796
+ }
797
+ .text-primary {
798
+ color: var(--color-primary);
799
+ }
800
+ .text-red-500 {
801
+ color: var(--color-red-500);
802
+ }
803
+ .text-red-600 {
804
+ color: var(--color-red-600);
805
+ }
806
+ .text-red-800 {
807
+ color: var(--color-red-800);
808
+ }
809
+ .text-white {
810
+ color: var(--color-white);
811
+ }
812
+ .text-yellow-800 {
813
+ color: var(--color-yellow-800);
814
+ }
815
+ .uppercase {
816
+ text-transform: uppercase;
817
+ }
818
+ .opacity-50 {
819
+ opacity: 50%;
820
+ }
821
+ .opacity-70 {
822
+ opacity: 70%;
823
+ }
824
+ .shadow {
825
+ --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));
826
+ box-shadow:
827
+ var(--tw-inset-shadow),
828
+ var(--tw-inset-ring-shadow),
829
+ var(--tw-ring-offset-shadow),
830
+ var(--tw-ring-shadow),
831
+ var(--tw-shadow);
832
+ }
833
+ .shadow-2xl {
834
+ --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
835
+ box-shadow:
836
+ var(--tw-inset-shadow),
837
+ var(--tw-inset-ring-shadow),
838
+ var(--tw-ring-offset-shadow),
839
+ var(--tw-ring-shadow),
840
+ var(--tw-shadow);
841
+ }
842
+ .shadow-inner {
843
+ --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
844
+ box-shadow:
845
+ var(--tw-inset-shadow),
846
+ var(--tw-inset-ring-shadow),
847
+ var(--tw-ring-offset-shadow),
848
+ var(--tw-ring-shadow),
849
+ var(--tw-shadow);
850
+ }
851
+ .shadow-lg {
852
+ --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));
853
+ box-shadow:
854
+ var(--tw-inset-shadow),
855
+ var(--tw-inset-ring-shadow),
856
+ var(--tw-ring-offset-shadow),
857
+ var(--tw-ring-shadow),
858
+ var(--tw-shadow);
859
+ }
860
+ .shadow-xl {
861
+ --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));
862
+ box-shadow:
863
+ var(--tw-inset-shadow),
864
+ var(--tw-inset-ring-shadow),
865
+ var(--tw-ring-offset-shadow),
866
+ var(--tw-ring-shadow),
867
+ var(--tw-shadow);
868
+ }
869
+ .outline-offset-2 {
870
+ outline-offset: 2px;
871
+ }
872
+ .outline-black {
873
+ outline-color: var(--color-black);
874
+ }
875
+ .transition {
876
+ transition-property:
877
+ color,
878
+ background-color,
879
+ border-color,
880
+ outline-color,
881
+ text-decoration-color,
882
+ fill,
883
+ stroke,
884
+ --tw-gradient-from,
885
+ --tw-gradient-via,
886
+ --tw-gradient-to,
887
+ opacity,
888
+ box-shadow,
889
+ transform,
890
+ translate,
891
+ scale,
892
+ rotate,
893
+ filter,
894
+ -webkit-backdrop-filter,
895
+ backdrop-filter,
896
+ display,
897
+ content-visibility,
898
+ overlay,
899
+ pointer-events;
900
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
901
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
902
+ }
903
+ .transition-all {
904
+ transition-property: all;
905
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
906
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
907
+ }
908
+ .transition-colors {
909
+ transition-property:
910
+ color,
911
+ background-color,
912
+ border-color,
913
+ outline-color,
914
+ text-decoration-color,
915
+ fill,
916
+ stroke,
917
+ --tw-gradient-from,
918
+ --tw-gradient-via,
919
+ --tw-gradient-to;
920
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
921
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
922
+ }
923
+ .transition-transform {
924
+ transition-property:
925
+ transform,
926
+ translate,
927
+ scale,
928
+ rotate;
929
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
930
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
931
+ }
932
+ .delay-75 {
933
+ transition-delay: 75ms;
934
+ }
935
+ .delay-100 {
936
+ transition-delay: 100ms;
937
+ }
938
+ .duration-200 {
939
+ --tw-duration: 200ms;
940
+ transition-duration: 200ms;
941
+ }
942
+ .duration-300 {
943
+ --tw-duration: 300ms;
944
+ transition-duration: 300ms;
945
+ }
946
+ .ease-in-out {
947
+ --tw-ease: var(--ease-in-out);
948
+ transition-timing-function: var(--ease-in-out);
949
+ }
950
+ .select-none {
951
+ -webkit-user-select: none;
952
+ user-select: none;
953
+ }
954
+ .peer-checked\:border-primary {
955
+ &:is(:where(.peer):checked ~ *) {
956
+ border-color: var(--color-primary);
985
957
  }
986
- .text-gray-900 {
987
- color: var(--color-gray-900);
958
+ }
959
+ .peer-checked\:bg-primary {
960
+ &:is(:where(.peer):checked ~ *) {
961
+ background-color: var(--color-primary);
988
962
  }
989
- .text-green-800 {
990
- color: var(--color-green-800);
963
+ }
964
+ .focus-within\:outline-2 {
965
+ &:focus-within {
966
+ outline-style: var(--tw-outline-style);
967
+ outline-width: 2px;
991
968
  }
992
- .text-primary {
993
- color: var(--color-primary);
969
+ }
970
+ .focus-within\:outline-offset-2 {
971
+ &:focus-within {
972
+ outline-offset: 2px;
994
973
  }
995
- .text-red-500 {
996
- color: var(--color-red-500);
974
+ }
975
+ .focus-within\:outline-black {
976
+ &:focus-within {
977
+ outline-color: var(--color-black);
997
978
  }
998
- .text-red-600 {
999
- color: var(--color-red-600);
979
+ }
980
+ .hover\:border-gray-400 {
981
+ &:hover {
982
+ @media (hover: hover) {
983
+ border-color: var(--color-gray-400);
984
+ }
1000
985
  }
1001
- .text-red-800 {
1002
- color: var(--color-red-800);
986
+ }
987
+ .hover\:bg-\[\#F7FAFC\] {
988
+ &:hover {
989
+ @media (hover: hover) {
990
+ background-color: #F7FAFC;
991
+ }
1003
992
  }
1004
- .text-white {
1005
- color: var(--color-white);
993
+ }
994
+ .hover\:bg-\[\#f4f4f5\] {
995
+ &:hover {
996
+ @media (hover: hover) {
997
+ background-color: #f4f4f5;
998
+ }
1006
999
  }
1007
- .text-yellow-800 {
1008
- color: var(--color-yellow-800);
1000
+ }
1001
+ .hover\:bg-gray-50 {
1002
+ &:hover {
1003
+ @media (hover: hover) {
1004
+ background-color: var(--color-gray-50);
1005
+ }
1009
1006
  }
1010
- .uppercase {
1011
- text-transform: uppercase;
1007
+ }
1008
+ .hover\:bg-gray-100 {
1009
+ &:hover {
1010
+ @media (hover: hover) {
1011
+ background-color: var(--color-gray-100);
1012
+ }
1012
1013
  }
1013
- .opacity-50 {
1014
- opacity: 50%;
1014
+ }
1015
+ .hover\:bg-red-50 {
1016
+ &:hover {
1017
+ @media (hover: hover) {
1018
+ background-color: var(--color-red-50);
1019
+ }
1015
1020
  }
1016
- .opacity-70 {
1017
- opacity: 70%;
1021
+ }
1022
+ .hover\:bg-red-700 {
1023
+ &:hover {
1024
+ @media (hover: hover) {
1025
+ background-color: var(--color-red-700);
1026
+ }
1018
1027
  }
1019
- .shadow {
1020
- --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));
1021
- box-shadow:
1022
- var(--tw-inset-shadow),
1023
- var(--tw-inset-ring-shadow),
1024
- var(--tw-ring-offset-shadow),
1025
- var(--tw-ring-shadow),
1026
- var(--tw-shadow);
1028
+ }
1029
+ .hover\:text-gray-700 {
1030
+ &:hover {
1031
+ @media (hover: hover) {
1032
+ color: var(--color-gray-700);
1033
+ }
1027
1034
  }
1028
- .shadow-2xl {
1029
- --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
1030
- box-shadow:
1031
- var(--tw-inset-shadow),
1032
- var(--tw-inset-ring-shadow),
1033
- var(--tw-ring-offset-shadow),
1034
- var(--tw-ring-shadow),
1035
- var(--tw-shadow);
1035
+ }
1036
+ .focus\:border-black {
1037
+ &:focus {
1038
+ border-color: var(--color-black);
1036
1039
  }
1037
- .shadow-inner {
1038
- --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1040
+ }
1041
+ .focus\:shadow-none {
1042
+ &:focus {
1043
+ --tw-shadow: 0 0 #0000;
1039
1044
  box-shadow:
1040
1045
  var(--tw-inset-shadow),
1041
1046
  var(--tw-inset-ring-shadow),
@@ -1043,8 +1048,10 @@
1043
1048
  var(--tw-ring-shadow),
1044
1049
  var(--tw-shadow);
1045
1050
  }
1046
- .shadow-lg {
1047
- --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));
1051
+ }
1052
+ .focus\:ring-0 {
1053
+ &:focus {
1054
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1048
1055
  box-shadow:
1049
1056
  var(--tw-inset-shadow),
1050
1057
  var(--tw-inset-ring-shadow),
@@ -1052,475 +1059,272 @@
1052
1059
  var(--tw-ring-shadow),
1053
1060
  var(--tw-shadow);
1054
1061
  }
1055
- .shadow-xl {
1056
- --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));
1057
- box-shadow:
1058
- var(--tw-inset-shadow),
1059
- var(--tw-inset-ring-shadow),
1060
- var(--tw-ring-offset-shadow),
1061
- var(--tw-ring-shadow),
1062
- var(--tw-shadow);
1062
+ }
1063
+ .focus\:outline-2 {
1064
+ &:focus {
1065
+ outline-style: var(--tw-outline-style);
1066
+ outline-width: 2px;
1063
1067
  }
1064
- .outline-offset-2 {
1068
+ }
1069
+ .focus\:outline-offset-2 {
1070
+ &:focus {
1065
1071
  outline-offset: 2px;
1066
1072
  }
1067
- .outline-black {
1073
+ }
1074
+ .focus\:outline-black {
1075
+ &:focus {
1068
1076
  outline-color: var(--color-black);
1069
1077
  }
1070
- .transition {
1071
- transition-property:
1072
- color,
1073
- background-color,
1074
- border-color,
1075
- outline-color,
1076
- text-decoration-color,
1077
- fill,
1078
- stroke,
1079
- --tw-gradient-from,
1080
- --tw-gradient-via,
1081
- --tw-gradient-to,
1082
- opacity,
1083
- box-shadow,
1084
- transform,
1085
- translate,
1086
- scale,
1087
- rotate,
1088
- filter,
1089
- -webkit-backdrop-filter,
1090
- backdrop-filter,
1091
- display,
1092
- content-visibility,
1093
- overlay,
1094
- pointer-events;
1095
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1096
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1097
- }
1098
- .transition-all {
1099
- transition-property: all;
1100
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1101
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1102
- }
1103
- .transition-colors {
1104
- transition-property:
1105
- color,
1106
- background-color,
1107
- border-color,
1108
- outline-color,
1109
- text-decoration-color,
1110
- fill,
1111
- stroke,
1112
- --tw-gradient-from,
1113
- --tw-gradient-via,
1114
- --tw-gradient-to;
1115
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1116
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1117
- }
1118
- .transition-transform {
1119
- transition-property:
1120
- transform,
1121
- translate,
1122
- scale,
1123
- rotate;
1124
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1125
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1126
- }
1127
- .delay-75 {
1128
- transition-delay: 75ms;
1129
- }
1130
- .delay-100 {
1131
- transition-delay: 100ms;
1132
- }
1133
- .duration-200 {
1134
- --tw-duration: 200ms;
1135
- transition-duration: 200ms;
1136
- }
1137
- .duration-300 {
1138
- --tw-duration: 300ms;
1139
- transition-duration: 300ms;
1140
- }
1141
- .ease-in-out {
1142
- --tw-ease: var(--ease-in-out);
1143
- transition-timing-function: var(--ease-in-out);
1144
- }
1145
- .select-none {
1146
- -webkit-user-select: none;
1147
- user-select: none;
1148
- }
1149
- .peer-checked\:border-primary {
1150
- &:is(:where(.peer):checked ~ *) {
1151
- border-color: var(--color-primary);
1152
- }
1153
- }
1154
- .peer-checked\:bg-primary {
1155
- &:is(:where(.peer):checked ~ *) {
1156
- background-color: var(--color-primary);
1157
- }
1158
- }
1159
- .focus-within\:outline-2 {
1160
- &:focus-within {
1161
- outline-style: var(--tw-outline-style);
1162
- outline-width: 2px;
1163
- }
1164
- }
1165
- .focus-within\:outline-offset-2 {
1166
- &:focus-within {
1167
- outline-offset: 2px;
1168
- }
1169
- }
1170
- .focus-within\:outline-black {
1171
- &:focus-within {
1172
- outline-color: var(--color-black);
1173
- }
1174
- }
1175
- .hover\:border-gray-400 {
1176
- &:hover {
1177
- @media (hover: hover) {
1178
- border-color: var(--color-gray-400);
1179
- }
1180
- }
1181
- }
1182
- .hover\:bg-\[\#F7FAFC\] {
1183
- &:hover {
1184
- @media (hover: hover) {
1185
- background-color: #F7FAFC;
1186
- }
1187
- }
1188
- }
1189
- .hover\:bg-\[\#f4f4f5\] {
1190
- &:hover {
1191
- @media (hover: hover) {
1192
- background-color: #f4f4f5;
1193
- }
1194
- }
1195
- }
1196
- .hover\:bg-gray-50 {
1197
- &:hover {
1198
- @media (hover: hover) {
1199
- background-color: var(--color-gray-50);
1200
- }
1201
- }
1202
- }
1203
- .hover\:bg-gray-100 {
1204
- &:hover {
1205
- @media (hover: hover) {
1206
- background-color: var(--color-gray-100);
1207
- }
1208
- }
1209
- }
1210
- .hover\:bg-red-50 {
1211
- &:hover {
1212
- @media (hover: hover) {
1213
- background-color: var(--color-red-50);
1214
- }
1215
- }
1216
- }
1217
- .hover\:bg-red-700 {
1218
- &:hover {
1219
- @media (hover: hover) {
1220
- background-color: var(--color-red-700);
1221
- }
1222
- }
1223
- }
1224
- .hover\:text-gray-700 {
1225
- &:hover {
1226
- @media (hover: hover) {
1227
- color: var(--color-gray-700);
1228
- }
1229
- }
1230
- }
1231
- .focus\:border-black {
1232
- &:focus {
1233
- border-color: var(--color-black);
1234
- }
1235
- }
1236
- .focus\:shadow-none {
1237
- &:focus {
1238
- --tw-shadow: 0 0 #0000;
1239
- box-shadow:
1240
- var(--tw-inset-shadow),
1241
- var(--tw-inset-ring-shadow),
1242
- var(--tw-ring-offset-shadow),
1243
- var(--tw-ring-shadow),
1244
- var(--tw-shadow);
1245
- }
1246
- }
1247
- .focus\:ring-0 {
1248
- &:focus {
1249
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1250
- box-shadow:
1251
- var(--tw-inset-shadow),
1252
- var(--tw-inset-ring-shadow),
1253
- var(--tw-ring-offset-shadow),
1254
- var(--tw-ring-shadow),
1255
- var(--tw-shadow);
1256
- }
1257
- }
1258
- .focus\:outline-2 {
1259
- &:focus {
1260
- outline-style: var(--tw-outline-style);
1261
- outline-width: 2px;
1262
- }
1263
- }
1264
- .focus\:outline-offset-2 {
1265
- &:focus {
1266
- outline-offset: 2px;
1267
- }
1268
- }
1269
- .focus\:outline-black {
1270
- &:focus {
1271
- outline-color: var(--color-black);
1272
- }
1273
- }
1274
- .focus\:outline-none {
1275
- &:focus {
1276
- --tw-outline-style: none;
1277
- outline-style: none;
1278
- }
1078
+ }
1079
+ .focus\:outline-none {
1080
+ &:focus {
1081
+ --tw-outline-style: none;
1082
+ outline-style: none;
1279
1083
  }
1280
- .disabled\:cursor-not-allowed {
1281
- &:disabled {
1282
- cursor: not-allowed;
1283
- }
1084
+ }
1085
+ .disabled\:cursor-not-allowed {
1086
+ &:disabled {
1087
+ cursor: not-allowed;
1284
1088
  }
1285
- .disabled\:opacity-50 {
1286
- &:disabled {
1287
- opacity: 50%;
1288
- }
1089
+ }
1090
+ .disabled\:opacity-50 {
1091
+ &:disabled {
1092
+ opacity: 50%;
1289
1093
  }
1290
- .xs\:max-md\:z-40 {
1291
- @media (width >= 360px) {
1292
- @media (width < 48rem) {
1293
- z-index: 40;
1294
- }
1094
+ }
1095
+ .xs\:max-md\:z-40 {
1096
+ @media (width >= 360px) {
1097
+ @media (width < 48rem) {
1098
+ z-index: 40;
1295
1099
  }
1296
1100
  }
1297
- .sm\:flex-row {
1298
- @media (width >= 40rem) {
1299
- flex-direction: row;
1300
- }
1101
+ }
1102
+ .sm\:flex-row {
1103
+ @media (width >= 40rem) {
1104
+ flex-direction: row;
1301
1105
  }
1302
- .sm\:justify-end {
1303
- @media (width >= 40rem) {
1304
- justify-content: flex-end;
1305
- }
1106
+ }
1107
+ .sm\:justify-end {
1108
+ @media (width >= 40rem) {
1109
+ justify-content: flex-end;
1306
1110
  }
1307
- .sm\:space-x-2 {
1308
- @media (width >= 40rem) {
1309
- :where(& > :not(:last-child)) {
1310
- --tw-space-x-reverse: 0;
1311
- margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
1312
- margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
1313
- }
1111
+ }
1112
+ .sm\:space-x-2 {
1113
+ @media (width >= 40rem) {
1114
+ :where(& > :not(:last-child)) {
1115
+ --tw-space-x-reverse: 0;
1116
+ margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
1117
+ margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
1314
1118
  }
1315
1119
  }
1316
- .md\:relative {
1317
- @media (width >= 48rem) {
1318
- position: relative;
1319
- }
1120
+ }
1121
+ .md\:relative {
1122
+ @media (width >= 48rem) {
1123
+ position: relative;
1320
1124
  }
1321
- .md\:block {
1322
- @media (width >= 48rem) {
1323
- display: block;
1324
- }
1125
+ }
1126
+ .md\:block {
1127
+ @media (width >= 48rem) {
1128
+ display: block;
1325
1129
  }
1326
- .md\:hidden {
1327
- @media (width >= 48rem) {
1328
- display: none;
1329
- }
1130
+ }
1131
+ .md\:hidden {
1132
+ @media (width >= 48rem) {
1133
+ display: none;
1330
1134
  }
1331
- .md\:min-w-\[576px\] {
1332
- @media (width >= 48rem) {
1333
- min-width: 576px;
1334
- }
1135
+ }
1136
+ .md\:min-w-\[576px\] {
1137
+ @media (width >= 48rem) {
1138
+ min-width: 576px;
1335
1139
  }
1336
- .md\:translate-x-0 {
1337
- @media (width >= 48rem) {
1338
- --tw-translate-x: calc(var(--spacing) * 0);
1339
- translate: var(--tw-translate-x) var(--tw-translate-y);
1340
- }
1140
+ }
1141
+ .md\:translate-x-0 {
1142
+ @media (width >= 48rem) {
1143
+ --tw-translate-x: calc(var(--spacing) * 0);
1144
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1341
1145
  }
1342
- .md\:pt-4 {
1343
- @media (width >= 48rem) {
1344
- padding-top: calc(var(--spacing) * 4);
1345
- }
1146
+ }
1147
+ .md\:pt-4 {
1148
+ @media (width >= 48rem) {
1149
+ padding-top: calc(var(--spacing) * 4);
1346
1150
  }
1347
- .md\:max-lg\:w-\[280px\] {
1348
- @media (width >= 48rem) {
1349
- @media (width < 64rem) {
1350
- width: 280px;
1351
- }
1151
+ }
1152
+ .md\:max-lg\:w-\[280px\] {
1153
+ @media (width >= 48rem) {
1154
+ @media (width < 64rem) {
1155
+ width: 280px;
1352
1156
  }
1353
1157
  }
1354
- .dark\:border-\[\#303036\] {
1355
- &:where(.dark, .dark *) {
1356
- border-color: #303036;
1357
- }
1158
+ }
1159
+ .dark\:border-\[\#303036\] {
1160
+ &:where(.dark, .dark *) {
1161
+ border-color: #303036;
1358
1162
  }
1359
- .dark\:border-red-900 {
1360
- &:where(.dark, .dark *) {
1361
- border-color: var(--color-red-900);
1362
- }
1163
+ }
1164
+ .dark\:border-red-900 {
1165
+ &:where(.dark, .dark *) {
1166
+ border-color: var(--color-red-900);
1363
1167
  }
1364
- .dark\:border-white {
1365
- &:where(.dark, .dark *) {
1366
- border-color: var(--color-white);
1367
- }
1168
+ }
1169
+ .dark\:border-white {
1170
+ &:where(.dark, .dark *) {
1171
+ border-color: var(--color-white);
1368
1172
  }
1369
- .dark\:bg-\[\#1d1d20\] {
1370
- &:where(.dark, .dark *) {
1371
- background-color: #1d1d20;
1372
- }
1173
+ }
1174
+ .dark\:bg-\[\#1d1d20\] {
1175
+ &:where(.dark, .dark *) {
1176
+ background-color: #1d1d20;
1373
1177
  }
1374
- .dark\:bg-\[\#4B5563\] {
1375
- &:where(.dark, .dark *) {
1376
- background-color: #4B5563;
1377
- }
1178
+ }
1179
+ .dark\:bg-\[\#4B5563\] {
1180
+ &:where(.dark, .dark *) {
1181
+ background-color: #4B5563;
1378
1182
  }
1379
- .dark\:bg-\[\#18181b\] {
1380
- &:where(.dark, .dark *) {
1381
- background-color: #18181b;
1382
- }
1183
+ }
1184
+ .dark\:bg-\[\#18181b\] {
1185
+ &:where(.dark, .dark *) {
1186
+ background-color: #18181b;
1383
1187
  }
1384
- .dark\:bg-\[\#27272a\] {
1385
- &:where(.dark, .dark *) {
1386
- background-color: #27272a;
1387
- }
1188
+ }
1189
+ .dark\:bg-\[\#27272a\] {
1190
+ &:where(.dark, .dark *) {
1191
+ background-color: #27272a;
1388
1192
  }
1389
- .dark\:bg-\[\#303036\] {
1390
- &:where(.dark, .dark *) {
1391
- background-color: #303036;
1392
- }
1193
+ }
1194
+ .dark\:bg-\[\#303036\] {
1195
+ &:where(.dark, .dark *) {
1196
+ background-color: #303036;
1393
1197
  }
1394
- .dark\:bg-blue-950\/40 {
1395
- &:where(.dark, .dark *) {
1396
- background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 40%, transparent);
1397
- @supports (color: color-mix(in lab, red, red)) {
1398
- background-color: color-mix(in oklab, var(--color-blue-950) 40%, transparent);
1399
- }
1198
+ }
1199
+ .dark\:bg-blue-950\/40 {
1200
+ &:where(.dark, .dark *) {
1201
+ background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 40%, transparent);
1202
+ @supports (color: color-mix(in lab, red, red)) {
1203
+ background-color: color-mix(in oklab, var(--color-blue-950) 40%, transparent);
1400
1204
  }
1401
1205
  }
1402
- .dark\:bg-gray-800 {
1403
- &:where(.dark, .dark *) {
1404
- background-color: var(--color-gray-800);
1405
- }
1206
+ }
1207
+ .dark\:bg-gray-800 {
1208
+ &:where(.dark, .dark *) {
1209
+ background-color: var(--color-gray-800);
1406
1210
  }
1407
- .dark\:bg-green-900 {
1408
- &:where(.dark, .dark *) {
1409
- background-color: var(--color-green-900);
1410
- }
1211
+ }
1212
+ .dark\:bg-green-900 {
1213
+ &:where(.dark, .dark *) {
1214
+ background-color: var(--color-green-900);
1411
1215
  }
1412
- .dark\:bg-primary {
1413
- &:where(.dark, .dark *) {
1414
- background-color: var(--color-primary);
1415
- }
1216
+ }
1217
+ .dark\:bg-primary {
1218
+ &:where(.dark, .dark *) {
1219
+ background-color: var(--color-primary);
1416
1220
  }
1417
- .dark\:bg-red-900 {
1418
- &:where(.dark, .dark *) {
1419
- background-color: var(--color-red-900);
1420
- }
1221
+ }
1222
+ .dark\:bg-red-900 {
1223
+ &:where(.dark, .dark *) {
1224
+ background-color: var(--color-red-900);
1421
1225
  }
1422
- .dark\:bg-red-950\/40 {
1423
- &:where(.dark, .dark *) {
1424
- background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 40%, transparent);
1425
- @supports (color: color-mix(in lab, red, red)) {
1426
- background-color: color-mix(in oklab, var(--color-red-950) 40%, transparent);
1427
- }
1226
+ }
1227
+ .dark\:bg-red-950\/40 {
1228
+ &:where(.dark, .dark *) {
1229
+ background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 40%, transparent);
1230
+ @supports (color: color-mix(in lab, red, red)) {
1231
+ background-color: color-mix(in oklab, var(--color-red-950) 40%, transparent);
1428
1232
  }
1429
1233
  }
1430
- .dark\:bg-transparent {
1431
- &:where(.dark, .dark *) {
1432
- background-color: transparent;
1433
- }
1234
+ }
1235
+ .dark\:bg-transparent {
1236
+ &:where(.dark, .dark *) {
1237
+ background-color: transparent;
1434
1238
  }
1435
- .dark\:bg-yellow-900 {
1436
- &:where(.dark, .dark *) {
1437
- background-color: var(--color-yellow-900);
1438
- }
1239
+ }
1240
+ .dark\:bg-yellow-900 {
1241
+ &:where(.dark, .dark *) {
1242
+ background-color: var(--color-yellow-900);
1439
1243
  }
1440
- .dark\:\!text-\[\#a1a1aa\] {
1441
- &:where(.dark, .dark *) {
1442
- color: #a1a1aa !important;
1443
- }
1244
+ }
1245
+ .dark\:\!text-\[\#a1a1aa\] {
1246
+ &:where(.dark, .dark *) {
1247
+ color: #a1a1aa !important;
1444
1248
  }
1445
- .dark\:text-\[\#71717a\] {
1446
- &:where(.dark, .dark *) {
1447
- color: #71717a;
1448
- }
1249
+ }
1250
+ .dark\:text-\[\#71717a\] {
1251
+ &:where(.dark, .dark *) {
1252
+ color: #71717a;
1449
1253
  }
1450
- .dark\:text-\[\#a1a1aa\] {
1451
- &:where(.dark, .dark *) {
1452
- color: #a1a1aa;
1453
- }
1254
+ }
1255
+ .dark\:text-\[\#a1a1aa\] {
1256
+ &:where(.dark, .dark *) {
1257
+ color: #a1a1aa;
1454
1258
  }
1455
- .dark\:text-\[\#f4f4f5cc\] {
1456
- &:where(.dark, .dark *) {
1457
- color: #f4f4f5cc;
1458
- }
1259
+ }
1260
+ .dark\:text-\[\#f4f4f5cc\] {
1261
+ &:where(.dark, .dark *) {
1262
+ color: #f4f4f5cc;
1459
1263
  }
1460
- .dark\:text-gray-400 {
1461
- &:where(.dark, .dark *) {
1462
- color: var(--color-gray-400);
1463
- }
1264
+ }
1265
+ .dark\:text-gray-400 {
1266
+ &:where(.dark, .dark *) {
1267
+ color: var(--color-gray-400);
1464
1268
  }
1465
- .dark\:text-gray-500 {
1466
- &:where(.dark, .dark *) {
1467
- color: var(--color-gray-500);
1468
- }
1269
+ }
1270
+ .dark\:text-gray-500 {
1271
+ &:where(.dark, .dark *) {
1272
+ color: var(--color-gray-500);
1469
1273
  }
1470
- .dark\:text-gray-600 {
1471
- &:where(.dark, .dark *) {
1472
- color: var(--color-gray-600);
1473
- }
1274
+ }
1275
+ .dark\:text-gray-600 {
1276
+ &:where(.dark, .dark *) {
1277
+ color: var(--color-gray-600);
1474
1278
  }
1475
- .dark\:text-green-100 {
1476
- &:where(.dark, .dark *) {
1477
- color: var(--color-green-100);
1478
- }
1279
+ }
1280
+ .dark\:text-green-100 {
1281
+ &:where(.dark, .dark *) {
1282
+ color: var(--color-green-100);
1479
1283
  }
1480
- .dark\:text-red-100 {
1481
- &:where(.dark, .dark *) {
1482
- color: var(--color-red-100);
1483
- }
1284
+ }
1285
+ .dark\:text-red-100 {
1286
+ &:where(.dark, .dark *) {
1287
+ color: var(--color-red-100);
1484
1288
  }
1485
- .dark\:text-white {
1486
- &:where(.dark, .dark *) {
1487
- color: var(--color-white);
1488
- }
1289
+ }
1290
+ .dark\:text-white {
1291
+ &:where(.dark, .dark *) {
1292
+ color: var(--color-white);
1489
1293
  }
1490
- .dark\:text-yellow-100 {
1491
- &:where(.dark, .dark *) {
1492
- color: var(--color-yellow-100);
1493
- }
1294
+ }
1295
+ .dark\:text-yellow-100 {
1296
+ &:where(.dark, .dark *) {
1297
+ color: var(--color-yellow-100);
1494
1298
  }
1495
- .dark\:outline-white {
1496
- &:where(.dark, .dark *) {
1497
- outline-color: var(--color-white);
1498
- }
1299
+ }
1300
+ .dark\:outline-white {
1301
+ &:where(.dark, .dark *) {
1302
+ outline-color: var(--color-white);
1499
1303
  }
1500
- .dark\:hover\:bg-\[\#27272a\] {
1501
- &:where(.dark, .dark *) {
1502
- &:hover {
1503
- @media (hover: hover) {
1504
- background-color: #27272a;
1505
- }
1304
+ }
1305
+ .dark\:hover\:bg-\[\#27272a\] {
1306
+ &:where(.dark, .dark *) {
1307
+ &:hover {
1308
+ @media (hover: hover) {
1309
+ background-color: #27272a;
1506
1310
  }
1507
1311
  }
1508
1312
  }
1509
- .dark\:hover\:bg-\[\#303036\] {
1510
- &:where(.dark, .dark *) {
1511
- &:hover {
1512
- @media (hover: hover) {
1513
- background-color: #303036;
1514
- }
1313
+ }
1314
+ .dark\:hover\:bg-\[\#303036\] {
1315
+ &:where(.dark, .dark *) {
1316
+ &:hover {
1317
+ @media (hover: hover) {
1318
+ background-color: #303036;
1515
1319
  }
1516
1320
  }
1517
1321
  }
1518
- .dark\:hover\:text-white {
1519
- &:where(.dark, .dark *) {
1520
- &:hover {
1521
- @media (hover: hover) {
1522
- color: var(--color-white);
1523
- }
1322
+ }
1323
+ .dark\:hover\:text-white {
1324
+ &:where(.dark, .dark *) {
1325
+ &:hover {
1326
+ @media (hover: hover) {
1327
+ color: var(--color-white);
1524
1328
  }
1525
1329
  }
1526
1330
  }