@luscii-healthtech/web-ui 4.0.0 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/web-ui-tailwind.css +2023 -1585
  2. package/package.json +2 -2
@@ -1,126 +1,148 @@
1
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
2
-
3
- /* Document
4
- ========================================================================== */
1
+ /*
2
+ ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
3
+ */
5
4
 
6
- /**
7
- * 1. Correct the line height in all browsers.
8
- * 2. Prevent adjustments of font size after orientation changes in iOS.
9
- */
5
+ /*
6
+ 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
7
+ 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
8
+ */
10
9
 
11
- html {
12
- line-height: 1.15; /* 1 */
13
- -webkit-text-size-adjust: 100%; /* 2 */
10
+ *,
11
+ ::before,
12
+ ::after {
13
+ box-sizing: border-box;
14
+ /* 1 */
15
+ border-width: 0;
16
+ /* 2 */
17
+ border-style: solid;
18
+ /* 2 */
19
+ border-color: #edf2f7;
20
+ /* 2 */
14
21
  }
15
22
 
16
- /* Sections
17
- ========================================================================== */
18
-
19
- /**
20
- * Remove the margin in all browsers.
21
- */
22
-
23
- body {
24
- margin: 0;
23
+ ::before,
24
+ ::after {
25
+ --tw-content: '';
25
26
  }
26
27
 
27
- /**
28
- * Render the `main` element consistently in IE.
29
- */
28
+ /*
29
+ 1. Use a consistent sensible line-height in all browsers.
30
+ 2. Prevent adjustments of font size after orientation changes in iOS.
31
+ 3. Use a more readable tab size.
32
+ 4. Use the user's configured `sans` font-family by default.
33
+ 5. Use the user's configured `sans` font-feature-settings by default.
34
+ 6. Use the user's configured `sans` font-variation-settings by default.
35
+ */
30
36
 
31
- main {
32
- display: block;
37
+ html {
38
+ line-height: 1.5;
39
+ /* 1 */
40
+ -webkit-text-size-adjust: 100%;
41
+ /* 2 */
42
+ /* 3 */
43
+ tab-size: 4;
44
+ /* 3 */
45
+ font-family: Inter, Roboto, Helvetica, Arial;
46
+ /* 4 */
47
+ font-feature-settings: normal;
48
+ /* 5 */
49
+ font-variation-settings: normal;
50
+ /* 6 */
33
51
  }
34
52
 
35
- /**
36
- * Correct the font size and margin on `h1` elements within `section` and
37
- * `article` contexts in Chrome, Firefox, and Safari.
38
- */
53
+ /*
54
+ 1. Remove the margin in all browsers.
55
+ 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
56
+ */
39
57
 
40
- h1 {
41
- font-size: 2em;
42
- margin: 0.67em 0;
58
+ body {
59
+ margin: 0;
60
+ /* 1 */
61
+ line-height: inherit;
62
+ /* 2 */
43
63
  }
44
64
 
45
- /* Grouping content
46
- ========================================================================== */
47
-
48
- /**
49
- * 1. Add the correct box sizing in Firefox.
50
- * 2. Show the overflow in Edge and IE.
51
- */
65
+ /*
66
+ 1. Add the correct height in Firefox.
67
+ 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
68
+ 3. Ensure horizontal rules are visible by default.
69
+ */
52
70
 
53
71
  hr {
54
- box-sizing: content-box; /* 1 */
55
- height: 0; /* 1 */
56
- overflow: visible; /* 2 */
72
+ height: 0;
73
+ /* 1 */
74
+ color: inherit;
75
+ /* 2 */
76
+ border-top-width: 1px;
77
+ /* 3 */
57
78
  }
58
79
 
59
- /**
60
- * 1. Correct the inheritance and scaling of font size in all browsers.
61
- * 2. Correct the odd `em` font sizing in all browsers.
62
- */
80
+ /*
81
+ Add the correct text decoration in Chrome, Edge, and Safari.
82
+ */
63
83
 
64
- pre {
65
- font-family: monospace, monospace; /* 1 */
66
- font-size: 1em; /* 2 */
84
+ abbr:where([title]) {
85
+ text-decoration: underline dotted;
67
86
  }
68
87
 
69
- /* Text-level semantics
70
- ========================================================================== */
71
-
72
- /**
73
- * Remove the gray background on active links in IE 10.
74
- */
88
+ /*
89
+ Remove the default font size and weight for headings.
90
+ */
75
91
 
76
- a {
77
- background-color: transparent;
92
+ h1,
93
+ h2,
94
+ h3,
95
+ h4,
96
+ h5,
97
+ h6 {
98
+ font-size: inherit;
99
+ font-weight: inherit;
78
100
  }
79
101
 
80
- /**
81
- * 1. Remove the bottom border in Chrome 57-
82
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
83
- */
102
+ /*
103
+ Reset links to optimize for opt-in styling instead of opt-out.
104
+ */
84
105
 
85
- abbr[title] {
86
- border-bottom: none; /* 1 */
87
- text-decoration: underline; /* 2 */
88
- text-decoration: underline dotted; /* 2 */
106
+ a {
107
+ color: inherit;
108
+ text-decoration: inherit;
89
109
  }
90
110
 
91
- /**
92
- * Add the correct font weight in Chrome, Edge, and Safari.
93
- */
111
+ /*
112
+ Add the correct font weight in Edge and Safari.
113
+ */
94
114
 
95
115
  b,
96
116
  strong {
97
117
  font-weight: bolder;
98
118
  }
99
119
 
100
- /**
101
- * 1. Correct the inheritance and scaling of font size in all browsers.
102
- * 2. Correct the odd `em` font sizing in all browsers.
103
- */
120
+ /*
121
+ 1. Use the user's configured `mono` font family by default.
122
+ 2. Correct the odd `em` font sizing in all browsers.
123
+ */
104
124
 
105
125
  code,
106
126
  kbd,
107
- samp {
108
- font-family: monospace, monospace; /* 1 */
109
- font-size: 1em; /* 2 */
127
+ samp,
128
+ pre {
129
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
130
+ /* 1 */
131
+ font-size: 1em;
132
+ /* 2 */
110
133
  }
111
134
 
112
- /**
113
- * Add the correct font size in all browsers.
114
- */
135
+ /*
136
+ Add the correct font size in all browsers.
137
+ */
115
138
 
116
139
  small {
117
140
  font-size: 80%;
118
141
  }
119
142
 
120
- /**
121
- * Prevent `sub` and `sup` elements from affecting the line height in
122
- * all browsers.
123
- */
143
+ /*
144
+ Prevent `sub` and `sup` elements from affecting the line height in all browsers.
145
+ */
124
146
 
125
147
  sub,
126
148
  sup {
@@ -138,225 +160,154 @@ sup {
138
160
  top: -0.5em;
139
161
  }
140
162
 
141
- /* Embedded content
142
- ========================================================================== */
143
-
144
- /**
145
- * Remove the border on images inside links in IE 10.
146
- */
163
+ /*
164
+ 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
165
+ 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
166
+ 3. Remove gaps between table borders by default.
167
+ */
147
168
 
148
- img {
149
- border-style: none;
169
+ table {
170
+ text-indent: 0;
171
+ /* 1 */
172
+ border-color: inherit;
173
+ /* 2 */
174
+ border-collapse: collapse;
175
+ /* 3 */
150
176
  }
151
177
 
152
- /* Forms
153
- ========================================================================== */
154
-
155
- /**
156
- * 1. Change the font styles in all browsers.
157
- * 2. Remove the margin in Firefox and Safari.
158
- */
178
+ /*
179
+ 1. Change the font styles in all browsers.
180
+ 2. Remove the margin in Firefox and Safari.
181
+ 3. Remove default padding in all browsers.
182
+ */
159
183
 
160
184
  button,
161
185
  input,
162
186
  optgroup,
163
187
  select,
164
188
  textarea {
165
- font-family: inherit; /* 1 */
166
- font-size: 100%; /* 1 */
167
- line-height: 1.15; /* 1 */
168
- margin: 0; /* 2 */
169
- }
170
-
171
- /**
172
- * Show the overflow in IE.
173
- * 1. Show the overflow in Edge.
174
- */
175
-
176
- button,
177
- input { /* 1 */
178
- overflow: visible;
189
+ font-family: inherit;
190
+ /* 1 */
191
+ font-feature-settings: inherit;
192
+ /* 1 */
193
+ font-variation-settings: inherit;
194
+ /* 1 */
195
+ font-size: 100%;
196
+ /* 1 */
197
+ font-weight: inherit;
198
+ /* 1 */
199
+ line-height: inherit;
200
+ /* 1 */
201
+ color: inherit;
202
+ /* 1 */
203
+ margin: 0;
204
+ /* 2 */
205
+ padding: 0;
206
+ /* 3 */
179
207
  }
180
208
 
181
- /**
182
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
183
- * 1. Remove the inheritance of text transform in Firefox.
184
- */
209
+ /*
210
+ Remove the inheritance of text transform in Edge and Firefox.
211
+ */
185
212
 
186
213
  button,
187
- select { /* 1 */
214
+ select {
188
215
  text-transform: none;
189
216
  }
190
217
 
191
- /**
192
- * Correct the inability to style clickable types in iOS and Safari.
193
- */
218
+ /*
219
+ 1. Correct the inability to style clickable types in iOS and Safari.
220
+ 2. Remove default button styles.
221
+ */
194
222
 
195
223
  button,
196
- [type="button"],
197
- [type="reset"],
198
- [type="submit"] {
224
+ [type='button'],
225
+ [type='reset'],
226
+ [type='submit'] {
199
227
  -webkit-appearance: button;
228
+ /* 1 */
229
+ background-color: transparent;
230
+ /* 2 */
231
+ background-image: none;
232
+ /* 2 */
200
233
  }
201
234
 
202
- /**
203
- * Remove the inner border and padding in Firefox.
204
- */
205
-
206
- button::-moz-focus-inner,
207
- [type="button"]::-moz-focus-inner,
208
- [type="reset"]::-moz-focus-inner,
209
- [type="submit"]::-moz-focus-inner {
210
- border-style: none;
211
- padding: 0;
212
- }
213
-
214
- /**
215
- * Restore the focus styles unset by the previous rule.
216
- */
217
-
218
- button:-moz-focusring,
219
- [type="button"]:-moz-focusring,
220
- [type="reset"]:-moz-focusring,
221
- [type="submit"]:-moz-focusring {
222
- outline: 1px dotted ButtonText;
223
- }
224
-
225
- /**
226
- * Correct the padding in Firefox.
227
- */
235
+ /*
236
+ Use the modern Firefox focus style for all focusable elements.
237
+ */
228
238
 
229
- fieldset {
230
- padding: 0.35em 0.75em 0.625em;
239
+ :-moz-focusring {
240
+ outline: auto;
231
241
  }
232
242
 
233
- /**
234
- * 1. Correct the text wrapping in Edge and IE.
235
- * 2. Correct the color inheritance from `fieldset` elements in IE.
236
- * 3. Remove the padding so developers are not caught out when they zero out
237
- * `fieldset` elements in all browsers.
238
- */
243
+ /*
244
+ Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
245
+ */
239
246
 
240
- legend {
241
- box-sizing: border-box; /* 1 */
242
- color: inherit; /* 2 */
243
- display: table; /* 1 */
244
- max-width: 100%; /* 1 */
245
- padding: 0; /* 3 */
246
- white-space: normal; /* 1 */
247
+ :-moz-ui-invalid {
248
+ box-shadow: none;
247
249
  }
248
250
 
249
- /**
250
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
251
- */
251
+ /*
252
+ Add the correct vertical alignment in Chrome and Firefox.
253
+ */
252
254
 
253
255
  progress {
254
256
  vertical-align: baseline;
255
257
  }
256
258
 
257
- /**
258
- * Remove the default vertical scrollbar in IE 10+.
259
- */
260
-
261
- textarea {
262
- overflow: auto;
263
- }
264
-
265
- /**
266
- * 1. Add the correct box sizing in IE 10.
267
- * 2. Remove the padding in IE 10.
268
- */
269
-
270
- [type="checkbox"],
271
- [type="radio"] {
272
- box-sizing: border-box; /* 1 */
273
- padding: 0; /* 2 */
274
- }
275
-
276
- /**
277
- * Correct the cursor style of increment and decrement buttons in Chrome.
278
- */
259
+ /*
260
+ Correct the cursor style of increment and decrement buttons in Safari.
261
+ */
279
262
 
280
- [type="number"]::-webkit-inner-spin-button,
281
- [type="number"]::-webkit-outer-spin-button {
263
+ ::-webkit-inner-spin-button,
264
+ ::-webkit-outer-spin-button {
282
265
  height: auto;
283
266
  }
284
267
 
285
- /**
286
- * 1. Correct the odd appearance in Chrome and Safari.
287
- * 2. Correct the outline style in Safari.
288
- */
268
+ /*
269
+ 1. Correct the odd appearance in Chrome and Safari.
270
+ 2. Correct the outline style in Safari.
271
+ */
289
272
 
290
- [type="search"] {
291
- -webkit-appearance: textfield; /* 1 */
292
- outline-offset: -2px; /* 2 */
273
+ [type='search'] {
274
+ -webkit-appearance: textfield;
275
+ /* 1 */
276
+ outline-offset: -2px;
277
+ /* 2 */
293
278
  }
294
279
 
295
- /**
296
- * Remove the inner padding in Chrome and Safari on macOS.
297
- */
280
+ /*
281
+ Remove the inner padding in Chrome and Safari on macOS.
282
+ */
298
283
 
299
- [type="search"]::-webkit-search-decoration {
284
+ ::-webkit-search-decoration {
300
285
  -webkit-appearance: none;
301
286
  }
302
287
 
303
- /**
304
- * 1. Correct the inability to style clickable types in iOS and Safari.
305
- * 2. Change font properties to `inherit` in Safari.
306
- */
307
-
308
- ::-webkit-file-upload-button {
309
- -webkit-appearance: button; /* 1 */
310
- font: inherit; /* 2 */
311
- }
312
-
313
- /* Interactive
314
- ========================================================================== */
315
-
316
288
  /*
317
- * Add the correct display in Edge, IE 10+, and Firefox.
318
- */
289
+ 1. Correct the inability to style clickable types in iOS and Safari.
290
+ 2. Change font properties to `inherit` in Safari.
291
+ */
319
292
 
320
- details {
321
- display: block;
293
+ ::-webkit-file-upload-button {
294
+ -webkit-appearance: button;
295
+ /* 1 */
296
+ font: inherit;
297
+ /* 2 */
322
298
  }
323
299
 
324
300
  /*
325
- * Add the correct display in all browsers.
326
- */
301
+ Add the correct display in Chrome and Safari.
302
+ */
327
303
 
328
304
  summary {
329
305
  display: list-item;
330
306
  }
331
307
 
332
- /* Misc
333
- ========================================================================== */
334
-
335
- /**
336
- * Add the correct display in IE 10+.
337
- */
338
-
339
- template {
340
- display: none;
341
- }
342
-
343
- /**
344
- * Add the correct display in IE 10.
345
- */
346
-
347
- [hidden] {
348
- display: none;
349
- }
350
-
351
- /**
352
- * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
353
- * A thin layer on top of normalize.css that provides a starting point more
354
- * suitable for web applications.
355
- */
356
-
357
- /**
358
- * Removes the default spacing and border for appropriate elements.
359
- */
308
+ /*
309
+ Removes the default spacing and border for appropriate elements.
310
+ */
360
311
 
361
312
  blockquote,
362
313
  dl,
@@ -374,187 +325,74 @@ pre {
374
325
  margin: 0;
375
326
  }
376
327
 
377
- button {
378
- background-color: transparent;
379
- background-image: none;
380
- }
381
-
382
- /**
383
- * Work around a Firefox/IE bug where the transparent `button` background
384
- * results in a loss of the default `button` focus styles.
385
- */
386
-
387
- button:focus {
388
- outline: 1px dotted;
389
- outline: 5px auto -webkit-focus-ring-color;
390
- }
391
-
392
328
  fieldset {
393
329
  margin: 0;
394
330
  padding: 0;
395
331
  }
396
332
 
333
+ legend {
334
+ padding: 0;
335
+ }
336
+
397
337
  ol,
398
- ul {
338
+ ul,
339
+ menu {
399
340
  list-style: none;
400
341
  margin: 0;
401
342
  padding: 0;
402
343
  }
403
344
 
404
- /**
405
- * Tailwind custom reset styles
406
- */
407
-
408
- /**
409
- * 1. Use the user's configured `sans` font-family (with Tailwind's default
410
- * sans-serif font stack as a fallback) as a sane default.
411
- * 2. Use Tailwind's default "normal" line-height so the user isn't forced
412
- * to override it to ensure consistency even when using the default theme.
413
- */
414
-
415
- html {
416
- font-family: Inter, Roboto, Helvetica, Arial; /* 1 */
417
- line-height: 1.5; /* 2 */
418
- }
419
-
420
- /**
421
- * 1. Prevent padding and border from affecting element width.
422
- *
423
- * We used to set this in the html element and inherit from
424
- * the parent element for everything else. This caused issues
425
- * in shadow-dom-enhanced elements like <details> where the content
426
- * is wrapped by a div with box-sizing set to `content-box`.
427
- *
428
- * https://github.com/mozdevs/cssremedy/issues/4
429
- *
430
- *
431
- * 2. Allow adding a border to an element by just adding a border-width.
432
- *
433
- * By default, the way the browser specifies that an element should have no
434
- * border is by setting it's border-style to `none` in the user-agent
435
- * stylesheet.
436
- *
437
- * In order to easily add borders to elements by just setting the `border-width`
438
- * property, we change the default border-style for all elements to `solid`, and
439
- * use border-width to hide them instead. This way our `border` utilities only
440
- * need to set the `border-width` property instead of the entire `border`
441
- * shorthand, making our border utilities much more straightforward to compose.
442
- *
443
- * https://github.com/tailwindcss/tailwindcss/pull/116
444
- */
445
-
446
- *,
447
- ::before,
448
- ::after {
449
- box-sizing: border-box; /* 1 */
450
- border-width: 0; /* 2 */
451
- border-style: solid; /* 2 */
452
- border-color: #e2e8f0; /* 2 */
453
- }
454
-
455
345
  /*
456
- * Ensure horizontal rules are visible by default
457
- */
346
+ Reset default styling for dialogs.
347
+ */
458
348
 
459
- hr {
460
- border-top-width: 1px;
349
+ dialog {
350
+ padding: 0;
461
351
  }
462
352
 
463
- /**
464
- * Undo the `border-style: none` reset that Normalize applies to images so that
465
- * our `border-{width}` utilities have the expected effect.
466
- *
467
- * The Normalize reset is unnecessary for us since we default the border-width
468
- * to 0 on all elements.
469
- *
470
- * https://github.com/tailwindcss/tailwindcss/issues/362
471
- */
472
-
473
- img {
474
- border-style: solid;
475
- }
353
+ /*
354
+ Prevent resizing textareas horizontally by default.
355
+ */
476
356
 
477
357
  textarea {
478
358
  resize: vertical;
479
359
  }
480
360
 
481
- input:-ms-input-placeholder, textarea:-ms-input-placeholder {
482
- color: #a0aec0;
483
- }
361
+ /*
362
+ 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
363
+ 2. Set the default placeholder color to the user's configured gray 400 color.
364
+ */
484
365
 
485
366
  input::placeholder,
486
367
  textarea::placeholder {
487
- color: #a0aec0;
368
+ opacity: 1;
369
+ /* 1 */
370
+ color: #cbd5e0;
371
+ /* 2 */
488
372
  }
489
373
 
374
+ /*
375
+ Set the default cursor for buttons.
376
+ */
377
+
490
378
  button,
491
379
  [role="button"] {
492
380
  cursor: pointer;
493
381
  }
494
382
 
495
- table {
496
- border-collapse: collapse;
497
- }
498
-
499
- h1,
500
- h2,
501
- h3,
502
- h4,
503
- h5,
504
- h6 {
505
- font-size: inherit;
506
- font-weight: inherit;
507
- }
508
-
509
- /**
510
- * Reset links to optimize for opt-in styling instead of
511
- * opt-out.
512
- */
513
-
514
- a {
515
- color: inherit;
516
- text-decoration: inherit;
517
- }
518
-
519
- /**
520
- * Reset form element properties that are easy to forget to
521
- * style explicitly so you don't inadvertently introduce
522
- * styles that deviate from your design system. These styles
523
- * supplement a partial reset that is already applied by
524
- * normalize.css.
525
- */
526
-
527
- button,
528
- input,
529
- optgroup,
530
- select,
531
- textarea {
532
- padding: 0;
533
- line-height: inherit;
534
- color: inherit;
535
- }
536
-
537
- /**
538
- * Use the configured 'mono' font family for elements that
539
- * are expected to be rendered with a monospace font, falling
540
- * back to the system monospace stack if there is no configured
541
- * 'mono' font family.
542
- */
383
+ /*
384
+ Make sure disabled buttons don't get the pointer cursor.
385
+ */
543
386
 
544
- pre,
545
- code,
546
- kbd,
547
- samp {
548
- font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
387
+ :disabled {
388
+ cursor: default;
549
389
  }
550
390
 
551
- /**
552
- * Make replaced elements `display: block` by default as that's
553
- * the behavior you want almost all of the time. Inspired by
554
- * CSS Remedy, with `svg` added as well.
555
- *
556
- * https://github.com/mozdevs/cssremedy/issues/14
557
- */
391
+ /*
392
+ 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
393
+ 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
394
+ This can trigger a poorly considered lint error in some tools but is included by design.
395
+ */
558
396
 
559
397
  img,
560
398
  svg,
@@ -565,15 +403,14 @@ iframe,
565
403
  embed,
566
404
  object {
567
405
  display: block;
406
+ /* 1 */
568
407
  vertical-align: middle;
408
+ /* 2 */
569
409
  }
570
410
 
571
- /**
572
- * Constrain images and videos to the parent width and preserve
573
- * their instrinsic aspect ratio.
574
- *
575
- * https://github.com/mozdevs/cssremedy/issues/14
576
- */
411
+ /*
412
+ Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
413
+ */
577
414
 
578
415
  img,
579
416
  video {
@@ -581,1956 +418,2593 @@ video {
581
418
  height: auto;
582
419
  }
583
420
 
584
- .container {
585
- width: 100%;
586
- }
421
+ /* Make elements with the HTML hidden attribute stay hidden by default */
587
422
 
588
- @media (min-width: 640px) {
589
- .container {
590
- max-width: 640px;
591
- }
423
+ [hidden] {
424
+ display: none;
592
425
  }
593
426
 
594
- @media (min-width: 768px) {
595
- .container {
596
- max-width: 768px;
597
- }
427
+ [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
428
+ appearance: none;
429
+ background-color: #fff;
430
+ border-color: #a0aec0;
431
+ border-width: 1px;
432
+ border-radius: 0px;
433
+ padding-top: 0.5rem;
434
+ padding-right: 0.75rem;
435
+ padding-bottom: 0.5rem;
436
+ padding-left: 0.75rem;
437
+ font-size: 1rem;
438
+ line-height: 1.5rem;
439
+ --tw-shadow: 0 0 #0000;
598
440
  }
599
441
 
600
- @media (min-width: 1024px) {
601
- .container {
602
- max-width: 1024px;
603
- }
442
+ [type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
443
+ outline: 2px solid transparent;
444
+ outline-offset: 2px;
445
+ --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
446
+ --tw-ring-offset-width: 0px;
447
+ --tw-ring-offset-color: #fff;
448
+ --tw-ring-color: #0094E7;
449
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
450
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
451
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
452
+ border-color: #0094E7;
604
453
  }
605
454
 
606
- @media (min-width: 1280px) {
607
- .container {
608
- max-width: 1280px;
609
- }
455
+ input::placeholder,textarea::placeholder {
456
+ color: #a0aec0;
457
+ opacity: 1;
610
458
  }
611
459
 
612
- .space-y-1 > :not(template) ~ :not(template) {
613
- --space-y-reverse: 0;
614
- margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
615
- margin-bottom: calc(0.25rem * var(--space-y-reverse));
460
+ ::-webkit-datetime-edit-fields-wrapper {
461
+ padding: 0;
616
462
  }
617
463
 
618
- .space-x-1 > :not(template) ~ :not(template) {
619
- --space-x-reverse: 0;
620
- margin-right: calc(0.25rem * var(--space-x-reverse));
621
- margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
464
+ ::-webkit-date-and-time-value {
465
+ min-height: 1.5em;
622
466
  }
623
467
 
624
- .space-y-2 > :not(template) ~ :not(template) {
625
- --space-y-reverse: 0;
626
- margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
627
- margin-bottom: calc(0.5rem * var(--space-y-reverse));
468
+ ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
469
+ padding-top: 0;
470
+ padding-bottom: 0;
628
471
  }
629
472
 
630
- .space-x-2 > :not(template) ~ :not(template) {
631
- --space-x-reverse: 0;
632
- margin-right: calc(0.5rem * var(--space-x-reverse));
633
- margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
473
+ select {
474
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23a0aec0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
475
+ background-position: right 0.5rem center;
476
+ background-repeat: no-repeat;
477
+ background-size: 1.5em 1.5em;
478
+ padding-right: 2.5rem;
479
+ -webkit-print-color-adjust: exact;
480
+ print-color-adjust: exact;
634
481
  }
635
482
 
636
- .space-x-3 > :not(template) ~ :not(template) {
637
- --space-x-reverse: 0;
638
- margin-right: calc(0.75rem * var(--space-x-reverse));
639
- margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
483
+ [multiple],[size]:where(select:not([size="1"])) {
484
+ background-image: initial;
485
+ background-position: initial;
486
+ background-repeat: unset;
487
+ background-size: initial;
488
+ padding-right: 0.75rem;
489
+ -webkit-print-color-adjust: unset;
490
+ print-color-adjust: unset;
640
491
  }
641
492
 
642
- .space-y-4 > :not(template) ~ :not(template) {
643
- --space-y-reverse: 0;
644
- margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
645
- margin-bottom: calc(1rem * var(--space-y-reverse));
493
+ [type='checkbox'],[type='radio'] {
494
+ appearance: none;
495
+ padding: 0;
496
+ -webkit-print-color-adjust: exact;
497
+ print-color-adjust: exact;
498
+ display: inline-block;
499
+ vertical-align: middle;
500
+ background-origin: border-box;
501
+ user-select: none;
502
+ flex-shrink: 0;
503
+ height: 1rem;
504
+ width: 1rem;
505
+ color: #0094E7;
506
+ background-color: #fff;
507
+ border-color: #a0aec0;
508
+ border-width: 1px;
509
+ --tw-shadow: 0 0 #0000;
646
510
  }
647
511
 
648
- .space-x-4 > :not(template) ~ :not(template) {
649
- --space-x-reverse: 0;
650
- margin-right: calc(1rem * var(--space-x-reverse));
651
- margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
512
+ [type='checkbox'] {
513
+ border-radius: 0px;
652
514
  }
653
515
 
654
- .space-y-6 > :not(template) ~ :not(template) {
655
- --space-y-reverse: 0;
656
- margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
657
- margin-bottom: calc(1.5rem * var(--space-y-reverse));
516
+ [type='radio'] {
517
+ border-radius: 100%;
658
518
  }
659
519
 
660
- .space-x-6 > :not(template) ~ :not(template) {
661
- --space-x-reverse: 0;
662
- margin-right: calc(1.5rem * var(--space-x-reverse));
663
- margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
520
+ [type='checkbox']:focus,[type='radio']:focus {
521
+ outline: 2px solid transparent;
522
+ outline-offset: 2px;
523
+ --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
524
+ --tw-ring-offset-width: 2px;
525
+ --tw-ring-offset-color: #fff;
526
+ --tw-ring-color: #0094E7;
527
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
528
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
529
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
664
530
  }
665
531
 
666
- .space-y-8 > :not(template) ~ :not(template) {
667
- --space-y-reverse: 0;
668
- margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
669
- margin-bottom: calc(2rem * var(--space-y-reverse));
532
+ [type='checkbox']:checked,[type='radio']:checked {
533
+ border-color: transparent;
534
+ background-color: currentColor;
535
+ background-size: 100% 100%;
536
+ background-position: center;
537
+ background-repeat: no-repeat;
670
538
  }
671
539
 
672
- .space-x-8 > :not(template) ~ :not(template) {
673
- --space-x-reverse: 0;
674
- margin-right: calc(2rem * var(--space-x-reverse));
675
- margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
540
+ [type='checkbox']:checked {
541
+ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
676
542
  }
677
543
 
678
- .divide-y > :not(template) ~ :not(template) {
679
- --divide-y-reverse: 0;
680
- border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
681
- border-bottom-width: calc(1px * var(--divide-y-reverse));
544
+ [type='radio']:checked {
545
+ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
682
546
  }
683
547
 
684
- .divide-slate-200 > :not(template) ~ :not(template) {
685
- --divide-opacity: 1;
686
- border-color: #e2e8f0;
687
- border-color: rgba(226, 232, 240, var(--divide-opacity));
548
+ [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
549
+ border-color: transparent;
550
+ background-color: currentColor;
688
551
  }
689
552
 
690
- .appearance-none {
691
- appearance: none;
553
+ [type='checkbox']:indeterminate {
554
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
555
+ border-color: transparent;
556
+ background-color: currentColor;
557
+ background-size: 100% 100%;
558
+ background-position: center;
559
+ background-repeat: no-repeat;
692
560
  }
693
561
 
694
- .bg-transparent {
695
- background-color: transparent;
562
+ [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
563
+ border-color: transparent;
564
+ background-color: currentColor;
696
565
  }
697
566
 
698
- .bg-white {
699
- --bg-opacity: 1;
700
- background-color: #fff;
701
- background-color: rgba(255, 255, 255, var(--bg-opacity));
567
+ [type='file'] {
568
+ background: unset;
569
+ border-color: inherit;
570
+ border-width: 0;
571
+ border-radius: 0;
572
+ padding: 0;
573
+ font-size: unset;
574
+ line-height: inherit;
702
575
  }
703
576
 
704
- .bg-gray-600 {
705
- --bg-opacity: 1;
706
- background-color: #718096;
707
- background-color: rgba(113, 128, 150, var(--bg-opacity));
577
+ [type='file']:focus {
578
+ outline: 1px solid ButtonText;
579
+ outline: 1px auto -webkit-focus-ring-color;
580
+ }
581
+
582
+ *, ::before, ::after {
583
+ --tw-border-spacing-x: 0;
584
+ --tw-border-spacing-y: 0;
585
+ --tw-translate-x: 0;
586
+ --tw-translate-y: 0;
587
+ --tw-rotate: 0;
588
+ --tw-skew-x: 0;
589
+ --tw-skew-y: 0;
590
+ --tw-scale-x: 1;
591
+ --tw-scale-y: 1;
592
+ --tw-pan-x: ;
593
+ --tw-pan-y: ;
594
+ --tw-pinch-zoom: ;
595
+ --tw-scroll-snap-strictness: proximity;
596
+ --tw-gradient-from-position: ;
597
+ --tw-gradient-via-position: ;
598
+ --tw-gradient-to-position: ;
599
+ --tw-ordinal: ;
600
+ --tw-slashed-zero: ;
601
+ --tw-numeric-figure: ;
602
+ --tw-numeric-spacing: ;
603
+ --tw-numeric-fraction: ;
604
+ --tw-ring-inset: ;
605
+ --tw-ring-offset-width: 0px;
606
+ --tw-ring-offset-color: #fff;
607
+ --tw-ring-color: rgb(5 173 242 / 0.5);
608
+ --tw-ring-offset-shadow: 0 0 #0000;
609
+ --tw-ring-shadow: 0 0 #0000;
610
+ --tw-shadow: 0 0 #0000;
611
+ --tw-shadow-colored: 0 0 #0000;
612
+ --tw-blur: ;
613
+ --tw-brightness: ;
614
+ --tw-contrast: ;
615
+ --tw-grayscale: ;
616
+ --tw-hue-rotate: ;
617
+ --tw-invert: ;
618
+ --tw-saturate: ;
619
+ --tw-sepia: ;
620
+ --tw-drop-shadow: ;
621
+ --tw-backdrop-blur: ;
622
+ --tw-backdrop-brightness: ;
623
+ --tw-backdrop-contrast: ;
624
+ --tw-backdrop-grayscale: ;
625
+ --tw-backdrop-hue-rotate: ;
626
+ --tw-backdrop-invert: ;
627
+ --tw-backdrop-opacity: ;
628
+ --tw-backdrop-saturate: ;
629
+ --tw-backdrop-sepia: ;
630
+ }
631
+
632
+ ::backdrop {
633
+ --tw-border-spacing-x: 0;
634
+ --tw-border-spacing-y: 0;
635
+ --tw-translate-x: 0;
636
+ --tw-translate-y: 0;
637
+ --tw-rotate: 0;
638
+ --tw-skew-x: 0;
639
+ --tw-skew-y: 0;
640
+ --tw-scale-x: 1;
641
+ --tw-scale-y: 1;
642
+ --tw-pan-x: ;
643
+ --tw-pan-y: ;
644
+ --tw-pinch-zoom: ;
645
+ --tw-scroll-snap-strictness: proximity;
646
+ --tw-gradient-from-position: ;
647
+ --tw-gradient-via-position: ;
648
+ --tw-gradient-to-position: ;
649
+ --tw-ordinal: ;
650
+ --tw-slashed-zero: ;
651
+ --tw-numeric-figure: ;
652
+ --tw-numeric-spacing: ;
653
+ --tw-numeric-fraction: ;
654
+ --tw-ring-inset: ;
655
+ --tw-ring-offset-width: 0px;
656
+ --tw-ring-offset-color: #fff;
657
+ --tw-ring-color: rgb(5 173 242 / 0.5);
658
+ --tw-ring-offset-shadow: 0 0 #0000;
659
+ --tw-ring-shadow: 0 0 #0000;
660
+ --tw-shadow: 0 0 #0000;
661
+ --tw-shadow-colored: 0 0 #0000;
662
+ --tw-blur: ;
663
+ --tw-brightness: ;
664
+ --tw-contrast: ;
665
+ --tw-grayscale: ;
666
+ --tw-hue-rotate: ;
667
+ --tw-invert: ;
668
+ --tw-saturate: ;
669
+ --tw-sepia: ;
670
+ --tw-drop-shadow: ;
671
+ --tw-backdrop-blur: ;
672
+ --tw-backdrop-brightness: ;
673
+ --tw-backdrop-contrast: ;
674
+ --tw-backdrop-grayscale: ;
675
+ --tw-backdrop-hue-rotate: ;
676
+ --tw-backdrop-invert: ;
677
+ --tw-backdrop-opacity: ;
678
+ --tw-backdrop-saturate: ;
679
+ --tw-backdrop-sepia: ;
708
680
  }
709
681
 
710
- .bg-red-50 {
711
- --bg-opacity: 1;
712
- background-color: #FFF1F1;
713
- background-color: rgba(255, 241, 241, var(--bg-opacity));
682
+ .container {
683
+ width: 100%;
714
684
  }
715
685
 
716
- .bg-red-400 {
717
- --bg-opacity: 1;
718
- background-color: #FF6266;
719
- background-color: rgba(255, 98, 102, var(--bg-opacity));
686
+ @media (min-width: 640px) {
687
+ .container {
688
+ max-width: 640px;
689
+ }
720
690
  }
721
691
 
722
- .bg-orange-50 {
723
- --bg-opacity: 1;
724
- background-color: #FFF7ED;
725
- background-color: rgba(255, 247, 237, var(--bg-opacity));
692
+ @media (min-width: 768px) {
693
+ .container {
694
+ max-width: 768px;
695
+ }
696
+ }
697
+
698
+ @media (min-width: 1024px) {
699
+ .container {
700
+ max-width: 1024px;
701
+ }
702
+ }
703
+
704
+ @media (min-width: 1280px) {
705
+ .container {
706
+ max-width: 1280px;
707
+ }
708
+ }
709
+
710
+ @media (min-width: 1536px) {
711
+ .container {
712
+ max-width: 1536px;
713
+ }
714
+ }
715
+
716
+ .pointer-events-none {
717
+ pointer-events: none;
718
+ }
719
+
720
+ .\!visible {
721
+ visibility: visible !important;
722
+ }
723
+
724
+ .visible {
725
+ visibility: visible;
726
+ }
727
+
728
+ .invisible {
729
+ visibility: hidden;
730
+ }
731
+
732
+ .collapse {
733
+ visibility: collapse;
734
+ }
735
+
736
+ .static {
737
+ position: static;
738
+ }
739
+
740
+ .fixed {
741
+ position: fixed;
742
+ }
743
+
744
+ .absolute {
745
+ position: absolute;
746
+ }
747
+
748
+ .relative {
749
+ position: relative;
750
+ }
751
+
752
+ .sticky {
753
+ position: sticky;
754
+ }
755
+
756
+ .inset-0 {
757
+ inset: 0px;
758
+ }
759
+
760
+ .inset-y-0 {
761
+ top: 0px;
762
+ bottom: 0px;
763
+ }
764
+
765
+ .-left-2 {
766
+ left: -0.5rem;
767
+ }
768
+
769
+ .-left-54 {
770
+ left: -13.5rem;
771
+ }
772
+
773
+ .-left-68 {
774
+ left: -17rem;
775
+ }
776
+
777
+ .-right-54 {
778
+ right: -13.5rem;
779
+ }
780
+
781
+ .-right-68 {
782
+ right: -17rem;
783
+ }
784
+
785
+ .-top-1 {
786
+ top: -0.25rem;
787
+ }
788
+
789
+ .bottom-0 {
790
+ bottom: 0px;
791
+ }
792
+
793
+ .left-0 {
794
+ left: 0px;
795
+ }
796
+
797
+ .left-1\/2 {
798
+ left: 50%;
799
+ }
800
+
801
+ .left-4 {
802
+ left: 1rem;
803
+ }
804
+
805
+ .right-0 {
806
+ right: 0px;
807
+ }
808
+
809
+ .top-0 {
810
+ top: 0px;
811
+ }
812
+
813
+ .top-1\/2 {
814
+ top: 50%;
815
+ }
816
+
817
+ .z-10 {
818
+ z-index: 10;
819
+ }
820
+
821
+ .z-20 {
822
+ z-index: 20;
823
+ }
824
+
825
+ .z-30 {
826
+ z-index: 30;
827
+ }
828
+
829
+ .z-9999 {
830
+ z-index: 9999;
831
+ }
832
+
833
+ .order-1 {
834
+ order: 1;
835
+ }
836
+
837
+ .order-2 {
838
+ order: 2;
839
+ }
840
+
841
+ .m-0 {
842
+ margin: 0px;
843
+ }
844
+
845
+ .m-2 {
846
+ margin: 0.5rem;
847
+ }
848
+
849
+ .m-4 {
850
+ margin: 1rem;
851
+ }
852
+
853
+ .m-auto {
854
+ margin: auto;
855
+ }
856
+
857
+ .-mx-1 {
858
+ margin-left: -0.25rem;
859
+ margin-right: -0.25rem;
860
+ }
861
+
862
+ .mx-0 {
863
+ margin-left: 0px;
864
+ margin-right: 0px;
865
+ }
866
+
867
+ .mx-4 {
868
+ margin-left: 1rem;
869
+ margin-right: 1rem;
870
+ }
871
+
872
+ .mx-auto {
873
+ margin-left: auto;
874
+ margin-right: auto;
875
+ }
876
+
877
+ .my-0 {
878
+ margin-top: 0px;
879
+ margin-bottom: 0px;
880
+ }
881
+
882
+ .my-1 {
883
+ margin-top: 0.25rem;
884
+ margin-bottom: 0.25rem;
885
+ }
886
+
887
+ .my-4 {
888
+ margin-top: 1rem;
889
+ margin-bottom: 1rem;
890
+ }
891
+
892
+ .my-6 {
893
+ margin-top: 1.5rem;
894
+ margin-bottom: 1.5rem;
895
+ }
896
+
897
+ .my-2 {
898
+ margin-top: 0.5rem;
899
+ margin-bottom: 0.5rem;
900
+ }
901
+
902
+ .my-8 {
903
+ margin-top: 2rem;
904
+ margin-bottom: 2rem;
905
+ }
906
+
907
+ .\!my-2 {
908
+ margin-top: 0.5rem !important;
909
+ margin-bottom: 0.5rem !important;
910
+ }
911
+
912
+ .\!my-6 {
913
+ margin-top: 1.5rem !important;
914
+ margin-bottom: 1.5rem !important;
915
+ }
916
+
917
+ .-ml-px {
918
+ margin-left: -1px;
919
+ }
920
+
921
+ .mb-0 {
922
+ margin-bottom: 0px;
923
+ }
924
+
925
+ .mb-1 {
926
+ margin-bottom: 0.25rem;
927
+ }
928
+
929
+ .mb-2 {
930
+ margin-bottom: 0.5rem;
931
+ }
932
+
933
+ .mb-2\.5 {
934
+ margin-bottom: 0.625rem;
935
+ }
936
+
937
+ .mb-3 {
938
+ margin-bottom: 0.75rem;
939
+ }
940
+
941
+ .mb-4 {
942
+ margin-bottom: 1rem;
943
+ }
944
+
945
+ .mb-6 {
946
+ margin-bottom: 1.5rem;
947
+ }
948
+
949
+ .mb-px {
950
+ margin-bottom: 1px;
951
+ }
952
+
953
+ .ml-0 {
954
+ margin-left: 0px;
955
+ }
956
+
957
+ .ml-1 {
958
+ margin-left: 0.25rem;
959
+ }
960
+
961
+ .ml-10 {
962
+ margin-left: 2.5rem;
963
+ }
964
+
965
+ .ml-2 {
966
+ margin-left: 0.5rem;
967
+ }
968
+
969
+ .ml-3 {
970
+ margin-left: 0.75rem;
971
+ }
972
+
973
+ .ml-4 {
974
+ margin-left: 1rem;
975
+ }
976
+
977
+ .ml-5 {
978
+ margin-left: 1.25rem;
979
+ }
980
+
981
+ .ml-auto {
982
+ margin-left: auto;
983
+ }
984
+
985
+ .mr-1 {
986
+ margin-right: 0.25rem;
987
+ }
988
+
989
+ .mr-2 {
990
+ margin-right: 0.5rem;
991
+ }
992
+
993
+ .mr-3 {
994
+ margin-right: 0.75rem;
995
+ }
996
+
997
+ .mr-4 {
998
+ margin-right: 1rem;
999
+ }
1000
+
1001
+ .mr-auto {
1002
+ margin-right: auto;
1003
+ }
1004
+
1005
+ .mt-1 {
1006
+ margin-top: 0.25rem;
1007
+ }
1008
+
1009
+ .mt-17 {
1010
+ margin-top: 4.25rem;
1011
+ }
1012
+
1013
+ .mt-2 {
1014
+ margin-top: 0.5rem;
1015
+ }
1016
+
1017
+ .mt-3 {
1018
+ margin-top: 0.75rem;
1019
+ }
1020
+
1021
+ .mt-4 {
1022
+ margin-top: 1rem;
1023
+ }
1024
+
1025
+ .mt-5 {
1026
+ margin-top: 1.25rem;
1027
+ }
1028
+
1029
+ .mt-8 {
1030
+ margin-top: 2rem;
1031
+ }
1032
+
1033
+ .mt-auto {
1034
+ margin-top: auto;
1035
+ }
1036
+
1037
+ .box-border {
1038
+ box-sizing: border-box;
1039
+ }
1040
+
1041
+ .block {
1042
+ display: block;
1043
+ }
1044
+
1045
+ .inline-block {
1046
+ display: inline-block;
1047
+ }
1048
+
1049
+ .inline {
1050
+ display: inline;
1051
+ }
1052
+
1053
+ .flex {
1054
+ display: flex;
1055
+ }
1056
+
1057
+ .inline-flex {
1058
+ display: inline-flex;
1059
+ }
1060
+
1061
+ .table {
1062
+ display: table;
1063
+ }
1064
+
1065
+ .grid {
1066
+ display: grid;
1067
+ }
1068
+
1069
+ .contents {
1070
+ display: contents;
1071
+ }
1072
+
1073
+ .hidden {
1074
+ display: none;
1075
+ }
1076
+
1077
+ .h-1 {
1078
+ height: 0.25rem;
1079
+ }
1080
+
1081
+ .h-1\.5 {
1082
+ height: 0.375rem;
1083
+ }
1084
+
1085
+ .h-11 {
1086
+ height: 2.75rem;
1087
+ }
1088
+
1089
+ .h-12 {
1090
+ height: 3rem;
1091
+ }
1092
+
1093
+ .h-13 {
1094
+ height: 3.25rem;
1095
+ }
1096
+
1097
+ .h-16 {
1098
+ height: 4rem;
1099
+ }
1100
+
1101
+ .h-19 {
1102
+ height: 4.75rem;
1103
+ }
1104
+
1105
+ .h-2 {
1106
+ height: 0.5rem;
1107
+ }
1108
+
1109
+ .h-2\.5 {
1110
+ height: 0.625rem;
1111
+ }
1112
+
1113
+ .h-22 {
1114
+ height: 5.5rem;
1115
+ }
1116
+
1117
+ .h-32 {
1118
+ height: 8rem;
1119
+ }
1120
+
1121
+ .h-36 {
1122
+ height: 9rem;
1123
+ }
1124
+
1125
+ .h-4 {
1126
+ height: 1rem;
1127
+ }
1128
+
1129
+ .h-44 {
1130
+ height: 11rem;
1131
+ }
1132
+
1133
+ .h-5 {
1134
+ height: 1.25rem;
1135
+ }
1136
+
1137
+ .h-56 {
1138
+ height: 14rem;
1139
+ }
1140
+
1141
+ .h-6 {
1142
+ height: 1.5rem;
1143
+ }
1144
+
1145
+ .h-72 {
1146
+ height: 18rem;
1147
+ }
1148
+
1149
+ .h-full {
1150
+ height: 100%;
1151
+ }
1152
+
1153
+ .h-screen {
1154
+ height: 100vh;
1155
+ }
1156
+
1157
+ .max-h-135 {
1158
+ max-height: 33.75rem;
1159
+ }
1160
+
1161
+ .max-h-19 {
1162
+ max-height: 4.75rem;
1163
+ }
1164
+
1165
+ .max-h-78 {
1166
+ max-height: 19.5rem;
1167
+ }
1168
+
1169
+ .max-h-screen {
1170
+ max-height: 100vh;
1171
+ }
1172
+
1173
+ .min-h-13 {
1174
+ min-height: 3.25rem;
726
1175
  }
727
1176
 
728
- .bg-green-50 {
729
- --bg-opacity: 1;
730
- background-color: #E7F5EC;
731
- background-color: rgba(231, 245, 236, var(--bg-opacity));
1177
+ .w-1 {
1178
+ width: 0.25rem;
732
1179
  }
733
1180
 
734
- .bg-blue-50 {
735
- --bg-opacity: 1;
736
- background-color: #F2FAFD;
737
- background-color: rgba(242, 250, 253, var(--bg-opacity));
1181
+ .w-1\.5 {
1182
+ width: 0.375rem;
738
1183
  }
739
1184
 
740
- .bg-blue-800 {
741
- --bg-opacity: 1;
742
- background-color: #0074DD;
743
- background-color: rgba(0, 116, 221, var(--bg-opacity));
1185
+ .w-1\/2 {
1186
+ width: 50%;
744
1187
  }
745
1188
 
746
- .bg-slate-50 {
747
- --bg-opacity: 1;
748
- background-color: #f8fafc;
749
- background-color: rgba(248, 250, 252, var(--bg-opacity));
1189
+ .w-1\/3 {
1190
+ width: 33.333333%;
750
1191
  }
751
1192
 
752
- .bg-slate-100 {
753
- --bg-opacity: 1;
754
- background-color: #f1f5f9;
755
- background-color: rgba(241, 245, 249, var(--bg-opacity));
1193
+ .w-1\/4 {
1194
+ width: 25%;
756
1195
  }
757
1196
 
758
- .bg-slate-200 {
759
- --bg-opacity: 1;
760
- background-color: #e2e8f0;
761
- background-color: rgba(226, 232, 240, var(--bg-opacity));
1197
+ .w-104 {
1198
+ width: 26rem;
762
1199
  }
763
1200
 
764
- .bg-slate-700 {
765
- --bg-opacity: 1;
766
- background-color: #334155;
767
- background-color: rgba(51, 65, 85, var(--bg-opacity));
1201
+ .w-11 {
1202
+ width: 2.75rem;
768
1203
  }
769
1204
 
770
- .bg-amber-50 {
771
- --bg-opacity: 1;
772
- background-color: #FEF8E3;
773
- background-color: rgba(254, 248, 227, var(--bg-opacity));
1205
+ .w-12 {
1206
+ width: 3rem;
774
1207
  }
775
1208
 
776
- .bg-primary {
777
- --bg-opacity: 1;
778
- background-color: #0074DD;
779
- background-color: rgba(0, 116, 221, var(--bg-opacity));
1209
+ .w-130 {
1210
+ width: 32.5rem;
780
1211
  }
781
1212
 
782
- .bg-secondary {
783
- --bg-opacity: 1;
784
- background-color: #F3F4F6;
785
- background-color: rgba(243, 244, 246, var(--bg-opacity));
1213
+ .w-132 {
1214
+ width: 33rem;
786
1215
  }
787
1216
 
788
- .bg-negative {
789
- --bg-opacity: 1;
790
- background-color: #FFF1F1;
791
- background-color: rgba(255, 241, 241, var(--bg-opacity));
1217
+ .w-135 {
1218
+ width: 33.75rem;
792
1219
  }
793
1220
 
794
- .bg-nav-menu {
795
- --bg-opacity: 1;
796
- background-color: #374151;
797
- background-color: rgba(55, 65, 81, var(--bg-opacity));
1221
+ .w-16 {
1222
+ width: 4rem;
798
1223
  }
799
1224
 
800
- .bg-nav-header {
801
- --bg-opacity: 1;
802
- background-color: #1F2937;
803
- background-color: rgba(31, 41, 55, var(--bg-opacity));
1225
+ .w-2 {
1226
+ width: 0.5rem;
804
1227
  }
805
1228
 
806
- .bg-main-background {
807
- --bg-opacity: 1;
808
- background-color: #f8fafc;
809
- background-color: rgba(248, 250, 252, var(--bg-opacity));
1229
+ .w-2\.5 {
1230
+ width: 0.625rem;
810
1231
  }
811
1232
 
812
- .bg-color-negative {
813
- --bg-opacity: 1;
814
- background-color: #ff6266;
815
- background-color: rgba(255, 98, 102, var(--bg-opacity));
1233
+ .w-2\/3 {
1234
+ width: 66.666667%;
816
1235
  }
817
1236
 
818
- .bg-overlay {
819
- background-color: rgba(0, 0, 0, 0.25);
1237
+ .w-216 {
1238
+ width: 54rem;
820
1239
  }
821
1240
 
822
- .hover\:bg-white:hover {
823
- --bg-opacity: 1;
824
- background-color: #fff;
825
- background-color: rgba(255, 255, 255, var(--bg-opacity));
1241
+ .w-24 {
1242
+ width: 6rem;
826
1243
  }
827
1244
 
828
- .hover\:bg-gray-600:hover {
829
- --bg-opacity: 1;
830
- background-color: #718096;
831
- background-color: rgba(113, 128, 150, var(--bg-opacity));
1245
+ .w-3\/4 {
1246
+ width: 75%;
832
1247
  }
833
1248
 
834
- .hover\:bg-blue-50:hover {
835
- --bg-opacity: 1;
836
- background-color: #F2FAFD;
837
- background-color: rgba(242, 250, 253, var(--bg-opacity));
1249
+ .w-32 {
1250
+ width: 8rem;
838
1251
  }
839
1252
 
840
- .hover\:bg-blue-100:hover {
841
- --bg-opacity: 1;
842
- background-color: #DFF6FF;
843
- background-color: rgba(223, 246, 255, var(--bg-opacity));
1253
+ .w-36 {
1254
+ width: 9rem;
844
1255
  }
845
1256
 
846
- .hover\:bg-blue-900:hover {
847
- --bg-opacity: 1;
848
- background-color: #045BAA;
849
- background-color: rgba(4, 91, 170, var(--bg-opacity));
1257
+ .w-4 {
1258
+ width: 1rem;
850
1259
  }
851
1260
 
852
- .hover\:bg-slate-100:hover {
853
- --bg-opacity: 1;
854
- background-color: #f1f5f9;
855
- background-color: rgba(241, 245, 249, var(--bg-opacity));
1261
+ .w-40 {
1262
+ width: 10rem;
856
1263
  }
857
1264
 
858
- .hover\:bg-slate-200:hover {
859
- --bg-opacity: 1;
860
- background-color: #e2e8f0;
861
- background-color: rgba(226, 232, 240, var(--bg-opacity));
1265
+ .w-46 {
1266
+ width: 11.5rem;
862
1267
  }
863
1268
 
864
- .hover\:bg-slate-600:hover {
865
- --bg-opacity: 1;
866
- background-color: #475569;
867
- background-color: rgba(71, 85, 105, var(--bg-opacity));
1269
+ .w-5 {
1270
+ width: 1.25rem;
868
1271
  }
869
1272
 
870
- .hover\:bg-primary-dark:hover {
871
- --bg-opacity: 1;
872
- background-color: #045BAA;
873
- background-color: rgba(4, 91, 170, var(--bg-opacity));
1273
+ .w-56 {
1274
+ width: 14rem;
874
1275
  }
875
1276
 
876
- .border-collapse {
877
- border-collapse: collapse;
1277
+ .w-6 {
1278
+ width: 1.5rem;
878
1279
  }
879
1280
 
880
- .border-transparent {
881
- border-color: transparent;
1281
+ .w-60 {
1282
+ width: 15rem;
882
1283
  }
883
1284
 
884
- .border-red-700 {
885
- --border-opacity: 1;
886
- border-color: #c53030;
887
- border-color: rgba(197, 48, 48, var(--border-opacity));
1285
+ .w-69 {
1286
+ width: 17.25rem;
888
1287
  }
889
1288
 
890
- .border-green-700 {
891
- --border-opacity: 1;
892
- border-color: #2f855a;
893
- border-color: rgba(47, 133, 90, var(--border-opacity));
1289
+ .w-72 {
1290
+ width: 18rem;
894
1291
  }
895
1292
 
896
- .border-blue-700 {
897
- --border-opacity: 1;
898
- border-color: #0880EC;
899
- border-color: rgba(8, 128, 236, var(--border-opacity));
1293
+ .w-80 {
1294
+ width: 20rem;
900
1295
  }
901
1296
 
902
- .border-blue-800 {
903
- --border-opacity: 1;
904
- border-color: #0074DD;
905
- border-color: rgba(0, 116, 221, var(--border-opacity));
1297
+ .w-auto {
1298
+ width: auto;
906
1299
  }
907
1300
 
908
- .border-slate-50 {
909
- --border-opacity: 1;
910
- border-color: #f8fafc;
911
- border-color: rgba(248, 250, 252, var(--border-opacity));
1301
+ .w-full {
1302
+ width: 100%;
912
1303
  }
913
1304
 
914
- .border-slate-100 {
915
- --border-opacity: 1;
916
- border-color: #f1f5f9;
917
- border-color: rgba(241, 245, 249, var(--border-opacity));
1305
+ .w-screen {
1306
+ width: 100vw;
918
1307
  }
919
1308
 
920
- .border-slate-200 {
921
- --border-opacity: 1;
922
- border-color: #e2e8f0;
923
- border-color: rgba(226, 232, 240, var(--border-opacity));
1309
+ .w-\[300px\] {
1310
+ width: 300px;
924
1311
  }
925
1312
 
926
- .border-slate-300 {
927
- --border-opacity: 1;
928
- border-color: #cbd5e1;
929
- border-color: rgba(203, 213, 225, var(--border-opacity));
1313
+ .w-\[100px\] {
1314
+ width: 100px;
930
1315
  }
931
1316
 
932
- .border-slate-600 {
933
- --border-opacity: 1;
934
- border-color: #475569;
935
- border-color: rgba(71, 85, 105, var(--border-opacity));
1317
+ .w-\[50px\] {
1318
+ width: 50px;
936
1319
  }
937
1320
 
938
- .border-amber-700 {
939
- --border-opacity: 1;
940
- border-color: #b45309;
941
- border-color: rgba(180, 83, 9, var(--border-opacity));
1321
+ .w-\[120px\] {
1322
+ width: 120px;
942
1323
  }
943
1324
 
944
- .border-primary-dark {
945
- --border-opacity: 1;
946
- border-color: #045BAA;
947
- border-color: rgba(4, 91, 170, var(--border-opacity));
1325
+ .w-\[20ch\] {
1326
+ width: 20ch;
948
1327
  }
949
1328
 
950
- .border-primary-transparent {
951
- border-color: rgba(0, 0, 0, 0.1);
1329
+ .w-\[10ch\] {
1330
+ width: 10ch;
952
1331
  }
953
1332
 
954
- .border-quaternary {
955
- --border-opacity: 1;
956
- border-color: #e2e8f0;
957
- border-color: rgba(226, 232, 240, var(--border-opacity));
1333
+ .w-\[12ch\] {
1334
+ width: 12ch;
958
1335
  }
959
1336
 
960
- .border-input-border {
961
- --border-opacity: 1;
962
- border-color: #D1D5DB;
963
- border-color: rgba(209, 213, 219, var(--border-opacity));
1337
+ .w-\[9ch\] {
1338
+ width: 9ch;
964
1339
  }
965
1340
 
966
- .border-color-divider {
967
- --border-opacity: 1;
968
- border-color: #eeeeee;
969
- border-color: rgba(238, 238, 238, var(--border-opacity));
1341
+ .min-w-0 {
1342
+ min-width: 0px;
970
1343
  }
971
1344
 
972
- .border-color-border-primary {
973
- --border-opacity: 1;
974
- border-color: #cccccc;
975
- border-color: rgba(204, 204, 204, var(--border-opacity));
1345
+ .min-w-24 {
1346
+ min-width: 1.5rem;
976
1347
  }
977
1348
 
978
- .hover\:border-slate-200:hover {
979
- --border-opacity: 1;
980
- border-color: #e2e8f0;
981
- border-color: rgba(226, 232, 240, var(--border-opacity));
1349
+ .min-w-\[300px\] {
1350
+ min-width: 300px;
982
1351
  }
983
1352
 
984
- .hover\:border-slate-400:hover {
985
- --border-opacity: 1;
986
- border-color: #94a3b8;
987
- border-color: rgba(148, 163, 184, var(--border-opacity));
1353
+ .max-w-270 {
1354
+ max-width: 67.5rem;
988
1355
  }
989
1356
 
990
- .hover\:border-negative-border:hover {
991
- --border-opacity: 1;
992
- border-color: #fff5f5;
993
- border-color: rgba(255, 245, 245, var(--border-opacity));
1357
+ .max-w-3xl {
1358
+ max-width: 48rem;
994
1359
  }
995
1360
 
996
- .hover\:border-input-border-dark:hover {
997
- --border-opacity: 1;
998
- border-color: #9CA3AF;
999
- border-color: rgba(156, 163, 175, var(--border-opacity));
1361
+ .max-w-50 {
1362
+ max-width: 12.5rem;
1000
1363
  }
1001
1364
 
1002
- .focus\:border-blue-800:focus {
1003
- --border-opacity: 1;
1004
- border-color: #0074DD;
1005
- border-color: rgba(0, 116, 221, var(--border-opacity));
1365
+ .max-w-55 {
1366
+ max-width: 13.75rem;
1006
1367
  }
1007
1368
 
1008
- .focus\:border-primary:focus {
1009
- --border-opacity: 1;
1010
- border-color: #0074DD;
1011
- border-color: rgba(0, 116, 221, var(--border-opacity));
1369
+ .max-w-xs {
1370
+ max-width: 20rem;
1012
1371
  }
1013
1372
 
1014
- .rounded {
1015
- border-radius: 0.25rem;
1373
+ .flex-1 {
1374
+ flex: 1 1 0%;
1016
1375
  }
1017
1376
 
1018
- .rounded-md {
1019
- border-radius: 0.375rem;
1377
+ .flex-auto {
1378
+ flex: 1 1 auto;
1020
1379
  }
1021
1380
 
1022
- .rounded-lg {
1023
- border-radius: 0.5rem;
1381
+ .flex-initial {
1382
+ flex: 0 1 auto;
1024
1383
  }
1025
1384
 
1026
- .rounded-xl {
1027
- border-radius: 0.75rem;
1385
+ .flex-shrink-0 {
1386
+ flex-shrink: 0;
1028
1387
  }
1029
1388
 
1030
- .rounded-full {
1031
- border-radius: 9999px;
1389
+ .flex-grow {
1390
+ flex-grow: 1;
1032
1391
  }
1033
1392
 
1034
- .rounded-t {
1035
- border-top-left-radius: 0.25rem;
1036
- border-top-right-radius: 0.25rem;
1393
+ .grow {
1394
+ flex-grow: 1;
1037
1395
  }
1038
1396
 
1039
- .rounded-r {
1040
- border-top-right-radius: 0.25rem;
1041
- border-bottom-right-radius: 0.25rem;
1397
+ .basis-1\/2 {
1398
+ flex-basis: 50%;
1042
1399
  }
1043
1400
 
1044
- .rounded-b {
1045
- border-bottom-right-radius: 0.25rem;
1046
- border-bottom-left-radius: 0.25rem;
1401
+ .table-auto {
1402
+ table-layout: auto;
1047
1403
  }
1048
1404
 
1049
- .rounded-l {
1050
- border-top-left-radius: 0.25rem;
1051
- border-bottom-left-radius: 0.25rem;
1405
+ .border-collapse {
1406
+ border-collapse: collapse;
1052
1407
  }
1053
1408
 
1054
- .rounded-b-md {
1055
- border-bottom-right-radius: 0.375rem;
1056
- border-bottom-left-radius: 0.375rem;
1409
+ .-translate-x-1\/2 {
1410
+ --tw-translate-x: -50%;
1411
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1057
1412
  }
1058
1413
 
1059
- .rounded-t-lg {
1060
- border-top-left-radius: 0.5rem;
1061
- border-top-right-radius: 0.5rem;
1414
+ .transform {
1415
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1062
1416
  }
1063
1417
 
1064
- .rounded-b-lg {
1065
- border-bottom-right-radius: 0.5rem;
1066
- border-bottom-left-radius: 0.5rem;
1418
+ @keyframes spin {
1419
+ to {
1420
+ transform: rotate(360deg);
1421
+ }
1067
1422
  }
1068
1423
 
1069
- .first\:rounded-t:first-child {
1070
- border-top-left-radius: 0.25rem;
1071
- border-top-right-radius: 0.25rem;
1424
+ .animate-spin {
1425
+ animation: spin 1s linear infinite;
1072
1426
  }
1073
1427
 
1074
- .first\:rounded-l-xl:first-child {
1075
- border-top-left-radius: 0.75rem;
1076
- border-bottom-left-radius: 0.75rem;
1428
+ .cursor-default {
1429
+ cursor: default;
1430
+ }
1431
+
1432
+ .cursor-grab {
1433
+ cursor: grab;
1434
+ }
1435
+
1436
+ .cursor-grabbing {
1437
+ cursor: grabbing;
1438
+ }
1439
+
1440
+ .cursor-move {
1441
+ cursor: move;
1442
+ }
1443
+
1444
+ .cursor-not-allowed {
1445
+ cursor: not-allowed;
1446
+ }
1447
+
1448
+ .cursor-pointer {
1449
+ cursor: pointer;
1450
+ }
1451
+
1452
+ .select-none {
1453
+ user-select: none;
1454
+ }
1455
+
1456
+ .resize {
1457
+ resize: both;
1458
+ }
1459
+
1460
+ .list-none {
1461
+ list-style-type: none;
1462
+ }
1463
+
1464
+ .appearance-none {
1465
+ appearance: none;
1466
+ }
1467
+
1468
+ .grid-cols-2 {
1469
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1470
+ }
1471
+
1472
+ .flex-row {
1473
+ flex-direction: row;
1474
+ }
1475
+
1476
+ .flex-col {
1477
+ flex-direction: column;
1478
+ }
1479
+
1480
+ .flex-wrap {
1481
+ flex-wrap: wrap;
1482
+ }
1483
+
1484
+ .items-start {
1485
+ align-items: flex-start;
1486
+ }
1487
+
1488
+ .items-end {
1489
+ align-items: flex-end;
1490
+ }
1491
+
1492
+ .items-center {
1493
+ align-items: center;
1494
+ }
1495
+
1496
+ .justify-start {
1497
+ justify-content: flex-start;
1498
+ }
1499
+
1500
+ .justify-end {
1501
+ justify-content: flex-end;
1502
+ }
1503
+
1504
+ .justify-center {
1505
+ justify-content: center;
1506
+ }
1507
+
1508
+ .justify-between {
1509
+ justify-content: space-between;
1510
+ }
1511
+
1512
+ .justify-items-stretch {
1513
+ justify-items: stretch;
1077
1514
  }
1078
1515
 
1079
- .last\:rounded-b:last-child {
1080
- border-bottom-right-radius: 0.25rem;
1081
- border-bottom-left-radius: 0.25rem;
1516
+ .gap-3 {
1517
+ gap: 0.75rem;
1082
1518
  }
1083
1519
 
1084
- .last\:rounded-r-xl:last-child {
1085
- border-top-right-radius: 0.75rem;
1086
- border-bottom-right-radius: 0.75rem;
1520
+ .gap-4 {
1521
+ gap: 1rem;
1087
1522
  }
1088
1523
 
1089
- .border-solid {
1090
- border-style: solid;
1524
+ .gap-1 {
1525
+ gap: 0.25rem;
1091
1526
  }
1092
1527
 
1093
- .border-dashed {
1094
- border-style: dashed;
1528
+ .space-x-1 > :not([hidden]) ~ :not([hidden]) {
1529
+ --tw-space-x-reverse: 0;
1530
+ margin-right: calc(0.25rem * var(--tw-space-x-reverse));
1531
+ margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
1095
1532
  }
1096
1533
 
1097
- .last\:border-none:last-child {
1098
- border-style: none;
1534
+ .space-x-2 > :not([hidden]) ~ :not([hidden]) {
1535
+ --tw-space-x-reverse: 0;
1536
+ margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1537
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1099
1538
  }
1100
1539
 
1101
- .border-2 {
1102
- border-width: 2px;
1540
+ .space-x-3 > :not([hidden]) ~ :not([hidden]) {
1541
+ --tw-space-x-reverse: 0;
1542
+ margin-right: calc(0.75rem * var(--tw-space-x-reverse));
1543
+ margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
1103
1544
  }
1104
1545
 
1105
- .border-4 {
1106
- border-width: 4px;
1546
+ .space-x-4 > :not([hidden]) ~ :not([hidden]) {
1547
+ --tw-space-x-reverse: 0;
1548
+ margin-right: calc(1rem * var(--tw-space-x-reverse));
1549
+ margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
1107
1550
  }
1108
1551
 
1109
- .border {
1110
- border-width: 1px;
1552
+ .space-x-6 > :not([hidden]) ~ :not([hidden]) {
1553
+ --tw-space-x-reverse: 0;
1554
+ margin-right: calc(1.5rem * var(--tw-space-x-reverse));
1555
+ margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
1111
1556
  }
1112
1557
 
1113
- .border-b-0 {
1114
- border-bottom-width: 0;
1558
+ .space-x-8 > :not([hidden]) ~ :not([hidden]) {
1559
+ --tw-space-x-reverse: 0;
1560
+ margin-right: calc(2rem * var(--tw-space-x-reverse));
1561
+ margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
1115
1562
  }
1116
1563
 
1117
- .border-l-2 {
1118
- border-left-width: 2px;
1564
+ .space-y-1 > :not([hidden]) ~ :not([hidden]) {
1565
+ --tw-space-y-reverse: 0;
1566
+ margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
1567
+ margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
1119
1568
  }
1120
1569
 
1121
- .border-t {
1122
- border-top-width: 1px;
1570
+ .space-y-2 > :not([hidden]) ~ :not([hidden]) {
1571
+ --tw-space-y-reverse: 0;
1572
+ margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1573
+ margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1123
1574
  }
1124
1575
 
1125
- .border-r {
1126
- border-right-width: 1px;
1576
+ .space-y-4 > :not([hidden]) ~ :not([hidden]) {
1577
+ --tw-space-y-reverse: 0;
1578
+ margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1579
+ margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1127
1580
  }
1128
1581
 
1129
- .border-b {
1130
- border-bottom-width: 1px;
1582
+ .space-y-6 > :not([hidden]) ~ :not([hidden]) {
1583
+ --tw-space-y-reverse: 0;
1584
+ margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
1585
+ margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
1131
1586
  }
1132
1587
 
1133
- .border-l {
1134
- border-left-width: 1px;
1588
+ .space-y-8 > :not([hidden]) ~ :not([hidden]) {
1589
+ --tw-space-y-reverse: 0;
1590
+ margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
1591
+ margin-bottom: calc(2rem * var(--tw-space-y-reverse));
1135
1592
  }
1136
1593
 
1137
- .first\:border-t:first-child {
1138
- border-top-width: 1px;
1594
+ .divide-y > :not([hidden]) ~ :not([hidden]) {
1595
+ --tw-divide-y-reverse: 0;
1596
+ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1597
+ border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1139
1598
  }
1140
1599
 
1141
- .last\:border-b-0:last-child {
1142
- border-bottom-width: 0;
1600
+ .divide-slate-200 > :not([hidden]) ~ :not([hidden]) {
1601
+ --tw-divide-opacity: 1;
1602
+ border-color: rgb(226 232 240 / var(--tw-divide-opacity));
1143
1603
  }
1144
1604
 
1145
- .last\:border-r:last-child {
1146
- border-right-width: 1px;
1605
+ .self-start {
1606
+ align-self: flex-start;
1147
1607
  }
1148
1608
 
1149
- .last\:border-b:last-child {
1150
- border-bottom-width: 1px;
1609
+ .overflow-auto {
1610
+ overflow: auto;
1151
1611
  }
1152
1612
 
1153
- .box-border {
1154
- box-sizing: border-box;
1613
+ .overflow-hidden {
1614
+ overflow: hidden;
1155
1615
  }
1156
1616
 
1157
- .cursor-default {
1158
- cursor: default;
1617
+ .overflow-y-auto {
1618
+ overflow-y: auto;
1159
1619
  }
1160
1620
 
1161
- .cursor-pointer {
1162
- cursor: pointer;
1621
+ .overflow-x-hidden {
1622
+ overflow-x: hidden;
1163
1623
  }
1164
1624
 
1165
- .cursor-not-allowed {
1166
- cursor: not-allowed;
1625
+ .overflow-y-hidden {
1626
+ overflow-y: hidden;
1167
1627
  }
1168
1628
 
1169
- .cursor-grab {
1170
- cursor: grab;
1629
+ .truncate {
1630
+ overflow: hidden;
1631
+ text-overflow: ellipsis;
1632
+ white-space: nowrap;
1171
1633
  }
1172
1634
 
1173
- .cursor-grabbing {
1174
- cursor: grabbing;
1635
+ .whitespace-nowrap {
1636
+ white-space: nowrap;
1175
1637
  }
1176
1638
 
1177
- .block {
1178
- display: block;
1639
+ .break-normal {
1640
+ overflow-wrap: normal;
1641
+ word-break: normal;
1179
1642
  }
1180
1643
 
1181
- .inline-block {
1182
- display: inline-block;
1644
+ .break-words {
1645
+ overflow-wrap: break-word;
1183
1646
  }
1184
1647
 
1185
- .inline {
1186
- display: inline;
1648
+ .break-all {
1649
+ word-break: break-all;
1187
1650
  }
1188
1651
 
1189
- .flex {
1190
- display: flex;
1652
+ .rounded {
1653
+ border-radius: 0.25rem;
1191
1654
  }
1192
1655
 
1193
- .inline-flex {
1194
- display: inline-flex;
1656
+ .rounded-full {
1657
+ border-radius: 9999px;
1195
1658
  }
1196
1659
 
1197
- .table {
1198
- display: table;
1660
+ .rounded-lg {
1661
+ border-radius: 0.5rem;
1199
1662
  }
1200
1663
 
1201
- .hidden {
1202
- display: none;
1664
+ .rounded-md {
1665
+ border-radius: 0.375rem;
1203
1666
  }
1204
1667
 
1205
- .flex-row {
1206
- flex-direction: row;
1668
+ .rounded-none {
1669
+ border-radius: 0px;
1207
1670
  }
1208
1671
 
1209
- .flex-col {
1210
- flex-direction: column;
1672
+ .rounded-xl {
1673
+ border-radius: 0.75rem;
1211
1674
  }
1212
1675
 
1213
- .flex-wrap {
1214
- flex-wrap: wrap;
1676
+ .rounded-b {
1677
+ border-bottom-right-radius: 0.25rem;
1678
+ border-bottom-left-radius: 0.25rem;
1215
1679
  }
1216
1680
 
1217
- .flex-no-wrap {
1218
- flex-wrap: nowrap;
1681
+ .rounded-b-lg {
1682
+ border-bottom-right-radius: 0.5rem;
1683
+ border-bottom-left-radius: 0.5rem;
1219
1684
  }
1220
1685
 
1221
- .items-start {
1222
- align-items: flex-start;
1686
+ .rounded-b-md {
1687
+ border-bottom-right-radius: 0.375rem;
1688
+ border-bottom-left-radius: 0.375rem;
1223
1689
  }
1224
1690
 
1225
- .items-end {
1226
- align-items: flex-end;
1691
+ .rounded-l {
1692
+ border-top-left-radius: 0.25rem;
1693
+ border-bottom-left-radius: 0.25rem;
1227
1694
  }
1228
1695
 
1229
- .items-center {
1230
- align-items: center;
1696
+ .rounded-l-md {
1697
+ border-top-left-radius: 0.375rem;
1698
+ border-bottom-left-radius: 0.375rem;
1231
1699
  }
1232
1700
 
1233
- .self-start {
1234
- align-self: flex-start;
1701
+ .rounded-r {
1702
+ border-top-right-radius: 0.25rem;
1703
+ border-bottom-right-radius: 0.25rem;
1235
1704
  }
1236
1705
 
1237
- .justify-items-stretch {
1238
- justify-items: stretch;
1706
+ .rounded-r-md {
1707
+ border-top-right-radius: 0.375rem;
1708
+ border-bottom-right-radius: 0.375rem;
1239
1709
  }
1240
1710
 
1241
- .justify-start {
1242
- justify-content: flex-start;
1711
+ .rounded-t {
1712
+ border-top-left-radius: 0.25rem;
1713
+ border-top-right-radius: 0.25rem;
1243
1714
  }
1244
1715
 
1245
- .justify-end {
1246
- justify-content: flex-end;
1716
+ .rounded-t-lg {
1717
+ border-top-left-radius: 0.5rem;
1718
+ border-top-right-radius: 0.5rem;
1247
1719
  }
1248
1720
 
1249
- .justify-center {
1250
- justify-content: center;
1721
+ .border {
1722
+ border-width: 1px;
1251
1723
  }
1252
1724
 
1253
- .justify-between {
1254
- justify-content: space-between;
1725
+ .border-0 {
1726
+ border-width: 0px;
1255
1727
  }
1256
1728
 
1257
- .flex-1 {
1258
- flex: 1 1 0%;
1729
+ .border-2 {
1730
+ border-width: 2px;
1259
1731
  }
1260
1732
 
1261
- .flex-auto {
1262
- flex: 1 1 auto;
1733
+ .border-4 {
1734
+ border-width: 4px;
1263
1735
  }
1264
1736
 
1265
- .flex-grow {
1266
- flex-grow: 1;
1737
+ .border-b {
1738
+ border-bottom-width: 1px;
1267
1739
  }
1268
1740
 
1269
- .flex-shrink-0 {
1270
- flex-shrink: 0;
1741
+ .border-b-0 {
1742
+ border-bottom-width: 0px;
1271
1743
  }
1272
1744
 
1273
- .order-1 {
1274
- order: 1;
1745
+ .border-l {
1746
+ border-left-width: 1px;
1275
1747
  }
1276
1748
 
1277
- .order-2 {
1278
- order: 2;
1749
+ .border-l-0 {
1750
+ border-left-width: 0px;
1279
1751
  }
1280
1752
 
1281
- .font-medium {
1282
- font-weight: 500;
1753
+ .border-l-2 {
1754
+ border-left-width: 2px;
1283
1755
  }
1284
1756
 
1285
- .font-semibold {
1286
- font-weight: 600;
1757
+ .border-r {
1758
+ border-right-width: 1px;
1287
1759
  }
1288
1760
 
1289
- .font-bold {
1290
- font-weight: 700;
1761
+ .border-r-0 {
1762
+ border-right-width: 0px;
1291
1763
  }
1292
1764
 
1293
- .h-1 {
1294
- height: 0.25rem;
1765
+ .border-t {
1766
+ border-top-width: 1px;
1295
1767
  }
1296
1768
 
1297
- .h-2 {
1298
- height: 0.5rem;
1769
+ .border-solid {
1770
+ border-style: solid;
1299
1771
  }
1300
1772
 
1301
- .h-4 {
1302
- height: 1rem;
1773
+ .border-dashed {
1774
+ border-style: dashed;
1303
1775
  }
1304
1776
 
1305
- .h-5 {
1306
- height: 1.25rem;
1777
+ .border-amber-700 {
1778
+ --tw-border-opacity: 1;
1779
+ border-color: rgb(180 83 9 / var(--tw-border-opacity));
1307
1780
  }
1308
1781
 
1309
- .h-6 {
1310
- height: 1.5rem;
1782
+ .border-black {
1783
+ --tw-border-opacity: 1;
1784
+ border-color: rgb(0 0 0 / var(--tw-border-opacity));
1311
1785
  }
1312
1786
 
1313
- .h-11 {
1314
- height: 2.75rem;
1787
+ .border-blue-700 {
1788
+ --tw-border-opacity: 1;
1789
+ border-color: rgb(8 128 236 / var(--tw-border-opacity));
1315
1790
  }
1316
1791
 
1317
- .h-12 {
1318
- height: 3rem;
1792
+ .border-blue-800 {
1793
+ --tw-border-opacity: 1;
1794
+ border-color: rgb(0 116 221 / var(--tw-border-opacity));
1319
1795
  }
1320
1796
 
1321
- .h-13 {
1322
- height: 3.25rem;
1797
+ .border-color-border-primary {
1798
+ --tw-border-opacity: 1;
1799
+ border-color: rgb(204 204 204 / var(--tw-border-opacity));
1323
1800
  }
1324
1801
 
1325
- .h-19 {
1326
- height: 4.75rem;
1802
+ .border-color-divider {
1803
+ --tw-border-opacity: 1;
1804
+ border-color: rgb(238 238 238 / var(--tw-border-opacity));
1327
1805
  }
1328
1806
 
1329
- .h-22 {
1330
- height: 5.5rem;
1807
+ .border-green-700 {
1808
+ --tw-border-opacity: 1;
1809
+ border-color: rgb(21 128 61 / var(--tw-border-opacity));
1331
1810
  }
1332
1811
 
1333
- .h-44 {
1334
- height: 11rem;
1812
+ .border-input-border {
1813
+ --tw-border-opacity: 1;
1814
+ border-color: rgb(209 213 219 / var(--tw-border-opacity));
1335
1815
  }
1336
1816
 
1337
- .h-56 {
1338
- height: 14rem;
1817
+ .border-input-border-dark {
1818
+ --tw-border-opacity: 1;
1819
+ border-color: rgb(156 163 175 / var(--tw-border-opacity));
1339
1820
  }
1340
1821
 
1341
- .h-72 {
1342
- height: 18rem;
1822
+ .border-primary-dark {
1823
+ --tw-border-opacity: 1;
1824
+ border-color: rgb(4 91 170 / var(--tw-border-opacity));
1343
1825
  }
1344
1826
 
1345
- .h-2\.5 {
1346
- height: 0.625rem;
1827
+ .border-primary-transparent {
1828
+ border-color: rgba(0, 0, 0, 0.1);
1347
1829
  }
1348
1830
 
1349
- .h-full {
1350
- height: 100%;
1831
+ .border-quaternary {
1832
+ --tw-border-opacity: 1;
1833
+ border-color: rgb(226 232 240 / var(--tw-border-opacity));
1351
1834
  }
1352
1835
 
1353
- .h-screen {
1354
- height: 100vh;
1836
+ .border-red-700 {
1837
+ --tw-border-opacity: 1;
1838
+ border-color: rgb(197 48 48 / var(--tw-border-opacity));
1355
1839
  }
1356
1840
 
1357
- .h-1\.5 {
1358
- height: 0.375rem;
1841
+ .border-slate-100 {
1842
+ --tw-border-opacity: 1;
1843
+ border-color: rgb(241 245 249 / var(--tw-border-opacity));
1359
1844
  }
1360
1845
 
1361
- .first\:h-0:first-child {
1362
- height: 0;
1846
+ .border-slate-200 {
1847
+ --tw-border-opacity: 1;
1848
+ border-color: rgb(226 232 240 / var(--tw-border-opacity));
1363
1849
  }
1364
1850
 
1365
- .text-xs {
1366
- font-size: 0.75rem;
1851
+ .border-slate-300 {
1852
+ --tw-border-opacity: 1;
1853
+ border-color: rgb(203 213 225 / var(--tw-border-opacity));
1367
1854
  }
1368
1855
 
1369
- .text-sm {
1370
- font-size: 0.875rem;
1856
+ .border-slate-50 {
1857
+ --tw-border-opacity: 1;
1858
+ border-color: rgb(248 250 252 / var(--tw-border-opacity));
1371
1859
  }
1372
1860
 
1373
- .text-base {
1374
- font-size: 1rem;
1861
+ .border-slate-600 {
1862
+ --tw-border-opacity: 1;
1863
+ border-color: rgb(71 85 105 / var(--tw-border-opacity));
1375
1864
  }
1376
1865
 
1377
- .text-lg {
1378
- font-size: 1.125rem;
1866
+ .border-transparent {
1867
+ border-color: transparent;
1379
1868
  }
1380
1869
 
1381
- .text-xl {
1382
- font-size: 1.25rem;
1870
+ .border-green-500 {
1871
+ --tw-border-opacity: 1;
1872
+ border-color: rgb(34 197 94 / var(--tw-border-opacity));
1383
1873
  }
1384
1874
 
1385
- .text-2xl {
1386
- font-size: 1.5rem;
1875
+ .border-red-500 {
1876
+ --tw-border-opacity: 1;
1877
+ border-color: rgb(245 101 101 / var(--tw-border-opacity));
1387
1878
  }
1388
1879
 
1389
- .text-3xl {
1390
- font-size: 1.875rem;
1880
+ .bg-amber-400 {
1881
+ --tw-bg-opacity: 1;
1882
+ background-color: rgb(251 191 36 / var(--tw-bg-opacity));
1391
1883
  }
1392
1884
 
1393
- .text-4xl {
1394
- font-size: 2.25rem;
1885
+ .bg-amber-50 {
1886
+ --tw-bg-opacity: 1;
1887
+ background-color: rgb(254 248 227 / var(--tw-bg-opacity));
1395
1888
  }
1396
1889
 
1397
- .text-6xl {
1398
- font-size: 4rem;
1890
+ .bg-amber-500 {
1891
+ --tw-bg-opacity: 1;
1892
+ background-color: rgb(245 158 11 / var(--tw-bg-opacity));
1399
1893
  }
1400
1894
 
1401
- .leading-4 {
1402
- line-height: 1rem;
1895
+ .bg-blue-400 {
1896
+ --tw-bg-opacity: 1;
1897
+ background-color: rgb(45 185 243 / var(--tw-bg-opacity));
1403
1898
  }
1404
1899
 
1405
- .leading-5 {
1406
- line-height: 1.25rem;
1900
+ .bg-blue-50 {
1901
+ --tw-bg-opacity: 1;
1902
+ background-color: rgb(242 250 253 / var(--tw-bg-opacity));
1407
1903
  }
1408
1904
 
1409
- .leading-none {
1410
- line-height: 1;
1905
+ .bg-blue-800 {
1906
+ --tw-bg-opacity: 1;
1907
+ background-color: rgb(0 116 221 / var(--tw-bg-opacity));
1411
1908
  }
1412
1909
 
1413
- .leading-tight {
1414
- line-height: 1.25;
1910
+ .bg-color-negative {
1911
+ --tw-bg-opacity: 1;
1912
+ background-color: rgb(255 98 102 / var(--tw-bg-opacity));
1415
1913
  }
1416
1914
 
1417
- .list-none {
1418
- list-style-type: none;
1915
+ .bg-gray-100 {
1916
+ --tw-bg-opacity: 1;
1917
+ background-color: rgb(247 250 252 / var(--tw-bg-opacity));
1419
1918
  }
1420
1919
 
1421
- .m-0 {
1422
- margin: 0;
1920
+ .bg-gray-600 {
1921
+ --tw-bg-opacity: 1;
1922
+ background-color: rgb(113 128 150 / var(--tw-bg-opacity));
1423
1923
  }
1424
1924
 
1425
- .m-2 {
1426
- margin: 0.5rem;
1925
+ .bg-gray-700 {
1926
+ --tw-bg-opacity: 1;
1927
+ background-color: rgb(74 85 104 / var(--tw-bg-opacity));
1427
1928
  }
1428
1929
 
1429
- .m-auto {
1430
- margin: auto;
1930
+ .bg-green-200 {
1931
+ --tw-bg-opacity: 1;
1932
+ background-color: rgb(187 247 208 / var(--tw-bg-opacity));
1431
1933
  }
1432
1934
 
1433
- .my-0 {
1434
- margin-top: 0;
1435
- margin-bottom: 0;
1935
+ .bg-green-400 {
1936
+ --tw-bg-opacity: 1;
1937
+ background-color: rgb(82 176 147 / var(--tw-bg-opacity));
1436
1938
  }
1437
1939
 
1438
- .mx-0 {
1439
- margin-left: 0;
1440
- margin-right: 0;
1940
+ .bg-green-50 {
1941
+ --tw-bg-opacity: 1;
1942
+ background-color: rgb(231 245 236 / var(--tw-bg-opacity));
1441
1943
  }
1442
1944
 
1443
- .my-1 {
1444
- margin-top: 0.25rem;
1445
- margin-bottom: 0.25rem;
1945
+ .bg-green-500 {
1946
+ --tw-bg-opacity: 1;
1947
+ background-color: rgb(34 197 94 / var(--tw-bg-opacity));
1446
1948
  }
1447
1949
 
1448
- .my-4 {
1449
- margin-top: 1rem;
1450
- margin-bottom: 1rem;
1950
+ .bg-main-background {
1951
+ --tw-bg-opacity: 1;
1952
+ background-color: rgb(248 250 252 / var(--tw-bg-opacity));
1451
1953
  }
1452
1954
 
1453
- .mx-auto {
1454
- margin-left: auto;
1455
- margin-right: auto;
1955
+ .bg-nav-header {
1956
+ --tw-bg-opacity: 1;
1957
+ background-color: rgb(31 41 55 / var(--tw-bg-opacity));
1456
1958
  }
1457
1959
 
1458
- .-mx-1 {
1459
- margin-left: -0.25rem;
1460
- margin-right: -0.25rem;
1960
+ .bg-nav-menu {
1961
+ --tw-bg-opacity: 1;
1962
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1461
1963
  }
1462
1964
 
1463
- .mb-0 {
1464
- margin-bottom: 0;
1965
+ .bg-negative {
1966
+ --tw-bg-opacity: 1;
1967
+ background-color: rgb(255 241 241 / var(--tw-bg-opacity));
1465
1968
  }
1466
1969
 
1467
- .ml-0 {
1468
- margin-left: 0;
1970
+ .bg-orange-400 {
1971
+ --tw-bg-opacity: 1;
1972
+ background-color: rgb(246 173 85 / var(--tw-bg-opacity));
1469
1973
  }
1470
1974
 
1471
- .mt-1 {
1472
- margin-top: 0.25rem;
1975
+ .bg-orange-50 {
1976
+ --tw-bg-opacity: 1;
1977
+ background-color: rgb(255 247 237 / var(--tw-bg-opacity));
1473
1978
  }
1474
1979
 
1475
- .mr-1 {
1476
- margin-right: 0.25rem;
1980
+ .bg-overlay {
1981
+ background-color: rgba(0, 0, 0, 0.25);
1477
1982
  }
1478
1983
 
1479
- .mb-1 {
1480
- margin-bottom: 0.25rem;
1984
+ .bg-pink-400 {
1985
+ --tw-bg-opacity: 1;
1986
+ background-color: rgb(244 114 182 / var(--tw-bg-opacity));
1481
1987
  }
1482
1988
 
1483
- .ml-1 {
1484
- margin-left: 0.25rem;
1989
+ .bg-primary {
1990
+ --tw-bg-opacity: 1;
1991
+ background-color: rgb(0 116 221 / var(--tw-bg-opacity));
1485
1992
  }
1486
1993
 
1487
- .mr-2 {
1488
- margin-right: 0.5rem;
1994
+ .bg-primary-dark {
1995
+ --tw-bg-opacity: 1;
1996
+ background-color: rgb(4 91 170 / var(--tw-bg-opacity));
1489
1997
  }
1490
1998
 
1491
- .mb-2 {
1492
- margin-bottom: 0.5rem;
1999
+ .bg-purple-400 {
2000
+ --tw-bg-opacity: 1;
2001
+ background-color: rgb(192 132 252 / var(--tw-bg-opacity));
1493
2002
  }
1494
2003
 
1495
- .ml-2 {
1496
- margin-left: 0.5rem;
2004
+ .bg-red-200 {
2005
+ --tw-bg-opacity: 1;
2006
+ background-color: rgb(254 215 215 / var(--tw-bg-opacity));
1497
2007
  }
1498
2008
 
1499
- .mt-3 {
1500
- margin-top: 0.75rem;
2009
+ .bg-red-400 {
2010
+ --tw-bg-opacity: 1;
2011
+ background-color: rgb(255 98 102 / var(--tw-bg-opacity));
1501
2012
  }
1502
2013
 
1503
- .mr-3 {
1504
- margin-right: 0.75rem;
2014
+ .bg-red-50 {
2015
+ --tw-bg-opacity: 1;
2016
+ background-color: rgb(255 241 241 / var(--tw-bg-opacity));
1505
2017
  }
1506
2018
 
1507
- .mb-3 {
1508
- margin-bottom: 0.75rem;
2019
+ .bg-red-700 {
2020
+ --tw-bg-opacity: 1;
2021
+ background-color: rgb(197 48 48 / var(--tw-bg-opacity));
1509
2022
  }
1510
2023
 
1511
- .ml-3 {
1512
- margin-left: 0.75rem;
2024
+ .bg-secondary {
2025
+ --tw-bg-opacity: 1;
2026
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1513
2027
  }
1514
2028
 
1515
- .mt-4 {
1516
- margin-top: 1rem;
2029
+ .bg-slate-100 {
2030
+ --tw-bg-opacity: 1;
2031
+ background-color: rgb(241 245 249 / var(--tw-bg-opacity));
1517
2032
  }
1518
2033
 
1519
- .mr-4 {
1520
- margin-right: 1rem;
2034
+ .bg-slate-200 {
2035
+ --tw-bg-opacity: 1;
2036
+ background-color: rgb(226 232 240 / var(--tw-bg-opacity));
1521
2037
  }
1522
2038
 
1523
- .mb-4 {
1524
- margin-bottom: 1rem;
2039
+ .bg-slate-400 {
2040
+ --tw-bg-opacity: 1;
2041
+ background-color: rgb(148 163 184 / var(--tw-bg-opacity));
1525
2042
  }
1526
2043
 
1527
- .ml-4 {
1528
- margin-left: 1rem;
2044
+ .bg-slate-50 {
2045
+ --tw-bg-opacity: 1;
2046
+ background-color: rgb(248 250 252 / var(--tw-bg-opacity));
1529
2047
  }
1530
2048
 
1531
- .mt-5 {
1532
- margin-top: 1.25rem;
2049
+ .bg-slate-500 {
2050
+ --tw-bg-opacity: 1;
2051
+ background-color: rgb(100 116 139 / var(--tw-bg-opacity));
1533
2052
  }
1534
2053
 
1535
- .ml-5 {
1536
- margin-left: 1.25rem;
2054
+ .bg-slate-700 {
2055
+ --tw-bg-opacity: 1;
2056
+ background-color: rgb(51 65 85 / var(--tw-bg-opacity));
1537
2057
  }
1538
2058
 
1539
- .mb-6 {
1540
- margin-bottom: 1.5rem;
2059
+ .bg-slate-800 {
2060
+ --tw-bg-opacity: 1;
2061
+ background-color: rgb(30 41 59 / var(--tw-bg-opacity));
1541
2062
  }
1542
2063
 
1543
- .mt-8 {
1544
- margin-top: 2rem;
2064
+ .bg-teal-100 {
2065
+ --tw-bg-opacity: 1;
2066
+ background-color: rgb(204 251 241 / var(--tw-bg-opacity));
1545
2067
  }
1546
2068
 
1547
- .ml-10 {
1548
- margin-left: 2.5rem;
2069
+ .bg-teal-500 {
2070
+ --tw-bg-opacity: 1;
2071
+ background-color: rgb(20 184 166 / var(--tw-bg-opacity));
1549
2072
  }
1550
2073
 
1551
- .mt-17 {
1552
- margin-top: 4.25rem;
2074
+ .bg-transparent {
2075
+ background-color: transparent;
1553
2076
  }
1554
2077
 
1555
- .mt-auto {
1556
- margin-top: auto;
2078
+ .bg-white {
2079
+ --tw-bg-opacity: 1;
2080
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1557
2081
  }
1558
2082
 
1559
- .mr-auto {
1560
- margin-right: auto;
2083
+ .bg-yellow-400 {
2084
+ --tw-bg-opacity: 1;
2085
+ background-color: rgb(250 204 21 / var(--tw-bg-opacity));
1561
2086
  }
1562
2087
 
1563
- .ml-auto {
1564
- margin-left: auto;
2088
+ .bg-red-500 {
2089
+ --tw-bg-opacity: 1;
2090
+ background-color: rgb(245 101 101 / var(--tw-bg-opacity));
1565
2091
  }
1566
2092
 
1567
- .mb-px {
1568
- margin-bottom: 1px;
2093
+ .bg-green-700 {
2094
+ --tw-bg-opacity: 1;
2095
+ background-color: rgb(21 128 61 / var(--tw-bg-opacity));
1569
2096
  }
1570
2097
 
1571
- .mb-2\.5 {
1572
- margin-bottom: 0.625rem;
2098
+ .bg-amber-700 {
2099
+ --tw-bg-opacity: 1;
2100
+ background-color: rgb(180 83 9 / var(--tw-bg-opacity));
1573
2101
  }
1574
2102
 
1575
- .-ml-px {
1576
- margin-left: -1px;
2103
+ .bg-amber-300 {
2104
+ --tw-bg-opacity: 1;
2105
+ background-color: rgb(252 211 77 / var(--tw-bg-opacity));
1577
2106
  }
1578
2107
 
1579
- .first\:ml-0:first-child {
1580
- margin-left: 0;
2108
+ .bg-green-300 {
2109
+ --tw-bg-opacity: 1;
2110
+ background-color: rgb(134 239 172 / var(--tw-bg-opacity));
1581
2111
  }
1582
2112
 
1583
- .last\:mr-0:last-child {
1584
- margin-right: 0;
2113
+ .fill-current {
2114
+ fill: currentColor;
1585
2115
  }
1586
2116
 
1587
- .max-h-19 {
1588
- max-height: 4.75rem;
2117
+ .stroke-current {
2118
+ stroke: currentColor;
1589
2119
  }
1590
2120
 
1591
- .max-h-78 {
1592
- max-height: 19.5rem;
2121
+ .p-0 {
2122
+ padding: 0px;
1593
2123
  }
1594
2124
 
1595
- .max-h-135 {
1596
- max-height: 33.75rem;
2125
+ .p-2 {
2126
+ padding: 0.5rem;
1597
2127
  }
1598
2128
 
1599
- .max-h-screen {
1600
- max-height: 100vh;
2129
+ .p-3 {
2130
+ padding: 0.75rem;
1601
2131
  }
1602
2132
 
1603
- .max-w-50 {
1604
- max-width: 12.5rem;
2133
+ .p-4 {
2134
+ padding: 1rem;
1605
2135
  }
1606
2136
 
1607
- .max-w-55 {
1608
- max-width: 13.75rem;
2137
+ .p-5 {
2138
+ padding: 1.25rem;
1609
2139
  }
1610
2140
 
1611
- .max-w-xs {
1612
- max-width: 20rem;
2141
+ .p-6 {
2142
+ padding: 1.5rem;
1613
2143
  }
1614
2144
 
1615
- .max-w-3xl {
1616
- max-width: 48rem;
2145
+ .p-8 {
2146
+ padding: 2rem;
1617
2147
  }
1618
2148
 
1619
- .min-h-13 {
1620
- min-height: 3.25rem;
2149
+ .px-1 {
2150
+ padding-left: 0.25rem;
2151
+ padding-right: 0.25rem;
1621
2152
  }
1622
2153
 
1623
- .min-w-24 {
1624
- min-width: 1.5rem;
2154
+ .px-17 {
2155
+ padding-left: 4.25rem;
2156
+ padding-right: 4.25rem;
1625
2157
  }
1626
2158
 
1627
- .opacity-0 {
1628
- opacity: 0;
2159
+ .px-2 {
2160
+ padding-left: 0.5rem;
2161
+ padding-right: 0.5rem;
1629
2162
  }
1630
2163
 
1631
- .opacity-25 {
1632
- opacity: 0.25;
2164
+ .px-3 {
2165
+ padding-left: 0.75rem;
2166
+ padding-right: 0.75rem;
1633
2167
  }
1634
2168
 
1635
- .opacity-50 {
1636
- opacity: 0.5;
2169
+ .px-4 {
2170
+ padding-left: 1rem;
2171
+ padding-right: 1rem;
1637
2172
  }
1638
2173
 
1639
- .opacity-75 {
1640
- opacity: 0.75;
2174
+ .px-5 {
2175
+ padding-left: 1.25rem;
2176
+ padding-right: 1.25rem;
1641
2177
  }
1642
2178
 
1643
- .opacity-100 {
1644
- opacity: 1;
2179
+ .px-6 {
2180
+ padding-left: 1.5rem;
2181
+ padding-right: 1.5rem;
1645
2182
  }
1646
2183
 
1647
- .group:hover .group-hover\:opacity-100 {
1648
- opacity: 1;
2184
+ .px-8 {
2185
+ padding-left: 2rem;
2186
+ padding-right: 2rem;
1649
2187
  }
1650
2188
 
1651
- .outline-none {
1652
- outline: 2px solid transparent;
1653
- outline-offset: 2px;
2189
+ .py-0 {
2190
+ padding-top: 0px;
2191
+ padding-bottom: 0px;
1654
2192
  }
1655
2193
 
1656
- .outline-primary {
1657
- outline: 4px solid rgba(0, 159, 227, 0.3);
1658
- outline-offset: 0;
2194
+ .py-1 {
2195
+ padding-top: 0.25rem;
2196
+ padding-bottom: 0.25rem;
1659
2197
  }
1660
2198
 
1661
- .focus\:outline-none:focus {
1662
- outline: 2px solid transparent;
1663
- outline-offset: 2px;
2199
+ .py-1\.5 {
2200
+ padding-top: 0.375rem;
2201
+ padding-bottom: 0.375rem;
1664
2202
  }
1665
2203
 
1666
- .focus\:outline-primary:focus {
1667
- outline: 4px solid rgba(0, 159, 227, 0.3);
1668
- outline-offset: 0;
2204
+ .py-15 {
2205
+ padding-top: 3.75rem;
2206
+ padding-bottom: 3.75rem;
1669
2207
  }
1670
2208
 
1671
- .focus\:outline-negative:focus {
1672
- outline: 4px solid rgba(255, 98, 102, 0.3);
1673
- outline-offset: 0;
2209
+ .py-2 {
2210
+ padding-top: 0.5rem;
2211
+ padding-bottom: 0.5rem;
1674
2212
  }
1675
2213
 
1676
- .overflow-auto {
1677
- overflow: auto;
2214
+ .py-3 {
2215
+ padding-top: 0.75rem;
2216
+ padding-bottom: 0.75rem;
1678
2217
  }
1679
2218
 
1680
- .overflow-hidden {
1681
- overflow: hidden;
2219
+ .py-4 {
2220
+ padding-top: 1rem;
2221
+ padding-bottom: 1rem;
1682
2222
  }
1683
2223
 
1684
- .overflow-y-auto {
1685
- overflow-y: auto;
2224
+ .py-6 {
2225
+ padding-top: 1.5rem;
2226
+ padding-bottom: 1.5rem;
1686
2227
  }
1687
2228
 
1688
- .overflow-x-hidden {
1689
- overflow-x: hidden;
2229
+ .pb-1 {
2230
+ padding-bottom: 0.25rem;
1690
2231
  }
1691
2232
 
1692
- .overflow-y-hidden {
1693
- overflow-y: hidden;
2233
+ .pb-20 {
2234
+ padding-bottom: 5rem;
1694
2235
  }
1695
2236
 
1696
- .p-0 {
1697
- padding: 0;
2237
+ .pb-4 {
2238
+ padding-bottom: 1rem;
1698
2239
  }
1699
2240
 
1700
- .p-2 {
1701
- padding: 0.5rem;
2241
+ .pb-6 {
2242
+ padding-bottom: 1.5rem;
1702
2243
  }
1703
2244
 
1704
- .p-3 {
1705
- padding: 0.75rem;
2245
+ .pb-8 {
2246
+ padding-bottom: 2rem;
1706
2247
  }
1707
2248
 
1708
- .p-4 {
1709
- padding: 1rem;
2249
+ .pl-10 {
2250
+ padding-left: 2.5rem;
1710
2251
  }
1711
2252
 
1712
- .p-6 {
1713
- padding: 1.5rem;
2253
+ .pl-12 {
2254
+ padding-left: 3rem;
1714
2255
  }
1715
2256
 
1716
- .py-0 {
1717
- padding-top: 0;
1718
- padding-bottom: 0;
2257
+ .pl-3 {
2258
+ padding-left: 0.75rem;
1719
2259
  }
1720
2260
 
1721
- .py-1 {
1722
- padding-top: 0.25rem;
1723
- padding-bottom: 0.25rem;
2261
+ .pl-4 {
2262
+ padding-left: 1rem;
1724
2263
  }
1725
2264
 
1726
- .px-1 {
1727
- padding-left: 0.25rem;
1728
- padding-right: 0.25rem;
2265
+ .pl-6 {
2266
+ padding-left: 1.5rem;
1729
2267
  }
1730
2268
 
1731
- .py-2 {
1732
- padding-top: 0.5rem;
1733
- padding-bottom: 0.5rem;
2269
+ .pr-10 {
2270
+ padding-right: 2.5rem;
2271
+ }
2272
+
2273
+ .pr-11 {
2274
+ padding-right: 2.75rem;
1734
2275
  }
1735
2276
 
1736
- .px-2 {
1737
- padding-left: 0.5rem;
1738
- padding-right: 0.5rem;
2277
+ .pr-3 {
2278
+ padding-right: 0.75rem;
1739
2279
  }
1740
2280
 
1741
- .py-3 {
1742
- padding-top: 0.75rem;
1743
- padding-bottom: 0.75rem;
2281
+ .pr-6 {
2282
+ padding-right: 1.5rem;
1744
2283
  }
1745
2284
 
1746
- .px-3 {
1747
- padding-left: 0.75rem;
1748
- padding-right: 0.75rem;
2285
+ .pt-11 {
2286
+ padding-top: 2.75rem;
1749
2287
  }
1750
2288
 
1751
- .py-4 {
2289
+ .pt-4 {
1752
2290
  padding-top: 1rem;
1753
- padding-bottom: 1rem;
1754
2291
  }
1755
2292
 
1756
- .px-4 {
1757
- padding-left: 1rem;
1758
- padding-right: 1rem;
2293
+ .pt-6 {
2294
+ padding-top: 1.5rem;
1759
2295
  }
1760
2296
 
1761
- .px-5 {
1762
- padding-left: 1.25rem;
1763
- padding-right: 1.25rem;
2297
+ .text-left {
2298
+ text-align: left;
1764
2299
  }
1765
2300
 
1766
- .py-6 {
1767
- padding-top: 1.5rem;
1768
- padding-bottom: 1.5rem;
2301
+ .text-center {
2302
+ text-align: center;
1769
2303
  }
1770
2304
 
1771
- .px-6 {
1772
- padding-left: 1.5rem;
1773
- padding-right: 1.5rem;
2305
+ .text-right {
2306
+ text-align: right;
1774
2307
  }
1775
2308
 
1776
- .py-15 {
1777
- padding-top: 3.75rem;
1778
- padding-bottom: 3.75rem;
2309
+ .text-justify {
2310
+ text-align: justify;
1779
2311
  }
1780
2312
 
1781
- .px-17 {
1782
- padding-left: 4.25rem;
1783
- padding-right: 4.25rem;
2313
+ .align-top {
2314
+ vertical-align: top;
1784
2315
  }
1785
2316
 
1786
- .pb-1 {
1787
- padding-bottom: 0.25rem;
2317
+ .text-2xl {
2318
+ font-size: 1.5rem;
2319
+ line-height: 2rem;
1788
2320
  }
1789
2321
 
1790
- .pt-4 {
1791
- padding-top: 1rem;
2322
+ .text-3xl {
2323
+ font-size: 1.875rem;
2324
+ line-height: 2.25rem;
1792
2325
  }
1793
2326
 
1794
- .pb-4 {
1795
- padding-bottom: 1rem;
2327
+ .text-4xl {
2328
+ font-size: 2.25rem;
2329
+ line-height: 2.5rem;
1796
2330
  }
1797
2331
 
1798
- .pl-4 {
1799
- padding-left: 1rem;
2332
+ .text-6xl {
2333
+ font-size: 3.75rem;
2334
+ line-height: 1;
1800
2335
  }
1801
2336
 
1802
- .pt-6 {
1803
- padding-top: 1.5rem;
2337
+ .text-base {
2338
+ font-size: 1rem;
2339
+ line-height: 1.5rem;
1804
2340
  }
1805
2341
 
1806
- .pr-6 {
1807
- padding-right: 1.5rem;
2342
+ .text-lg {
2343
+ font-size: 1.125rem;
2344
+ line-height: 1.75rem;
1808
2345
  }
1809
2346
 
1810
- .pb-6 {
1811
- padding-bottom: 1.5rem;
2347
+ .text-sm {
2348
+ font-size: 0.875rem;
2349
+ line-height: 1.25rem;
1812
2350
  }
1813
2351
 
1814
- .pl-6 {
1815
- padding-left: 1.5rem;
2352
+ .text-xl {
2353
+ font-size: 1.25rem;
2354
+ line-height: 1.75rem;
1816
2355
  }
1817
2356
 
1818
- .pb-8 {
1819
- padding-bottom: 2rem;
2357
+ .text-xs {
2358
+ font-size: 0.75rem;
2359
+ line-height: 1rem;
1820
2360
  }
1821
2361
 
1822
- .pt-11 {
1823
- padding-top: 2.75rem;
2362
+ .font-bold {
2363
+ font-weight: 700;
1824
2364
  }
1825
2365
 
1826
- .pr-11 {
1827
- padding-right: 2.75rem;
2366
+ .font-medium {
2367
+ font-weight: 500;
1828
2368
  }
1829
2369
 
1830
- .pl-12 {
1831
- padding-left: 3rem;
2370
+ .font-semibold {
2371
+ font-weight: 600;
1832
2372
  }
1833
2373
 
1834
- .pb-20 {
1835
- padding-bottom: 5rem;
2374
+ .font-extrabold {
2375
+ font-weight: 800;
1836
2376
  }
1837
2377
 
1838
- .first\:pl-6:first-child {
1839
- padding-left: 1.5rem;
2378
+ .font-normal {
2379
+ font-weight: 400;
1840
2380
  }
1841
2381
 
1842
- .last\:pr-6:last-child {
1843
- padding-right: 1.5rem;
2382
+ .uppercase {
2383
+ text-transform: uppercase;
1844
2384
  }
1845
2385
 
1846
- .placeholder-gray-500:-ms-input-placeholder {
1847
- --placeholder-opacity: 1;
1848
- color: #a0aec0;
1849
- color: rgba(160, 174, 192, var(--placeholder-opacity));
2386
+ .lowercase {
2387
+ text-transform: lowercase;
1850
2388
  }
1851
2389
 
1852
- .placeholder-gray-500::placeholder {
1853
- --placeholder-opacity: 1;
1854
- color: #a0aec0;
1855
- color: rgba(160, 174, 192, var(--placeholder-opacity));
2390
+ .capitalize {
2391
+ text-transform: capitalize;
1856
2392
  }
1857
2393
 
1858
- .placeholder-slate-500:-ms-input-placeholder {
1859
- --placeholder-opacity: 1;
1860
- color: #64748b;
1861
- color: rgba(100, 116, 139, var(--placeholder-opacity));
2394
+ .italic {
2395
+ font-style: italic;
1862
2396
  }
1863
2397
 
1864
- .placeholder-slate-500::placeholder {
1865
- --placeholder-opacity: 1;
1866
- color: #64748b;
1867
- color: rgba(100, 116, 139, var(--placeholder-opacity));
2398
+ .leading-4 {
2399
+ line-height: 1rem;
1868
2400
  }
1869
2401
 
1870
- .pointer-events-none {
1871
- pointer-events: none;
2402
+ .leading-5 {
2403
+ line-height: 1.25rem;
1872
2404
  }
1873
2405
 
1874
- .static {
1875
- position: static;
2406
+ .leading-6 {
2407
+ line-height: 1.5rem;
1876
2408
  }
1877
2409
 
1878
- .fixed {
1879
- position: fixed;
2410
+ .leading-inherit {
2411
+ line-height: inherit;
1880
2412
  }
1881
2413
 
1882
- .absolute {
1883
- position: absolute;
2414
+ .leading-none {
2415
+ line-height: 1;
1884
2416
  }
1885
2417
 
1886
- .relative {
1887
- position: relative;
2418
+ .leading-tight {
2419
+ line-height: 1.25;
1888
2420
  }
1889
2421
 
1890
- .sticky {
1891
- position: sticky;
2422
+ .text-amber-700 {
2423
+ --tw-text-opacity: 1;
2424
+ color: rgb(180 83 9 / var(--tw-text-opacity));
1892
2425
  }
1893
2426
 
1894
- .inset-0 {
1895
- top: 0;
1896
- right: 0;
1897
- bottom: 0;
1898
- left: 0;
2427
+ .text-blue-800 {
2428
+ --tw-text-opacity: 1;
2429
+ color: rgb(0 116 221 / var(--tw-text-opacity));
1899
2430
  }
1900
2431
 
1901
- .top-0 {
1902
- top: 0;
2432
+ .text-blue-900 {
2433
+ --tw-text-opacity: 1;
2434
+ color: rgb(4 91 170 / var(--tw-text-opacity));
1903
2435
  }
1904
2436
 
1905
- .right-0 {
1906
- right: 0;
2437
+ .text-current {
2438
+ color: currentColor;
1907
2439
  }
1908
2440
 
1909
- .bottom-0 {
1910
- bottom: 0;
2441
+ .text-dark-gray {
2442
+ --tw-text-opacity: 1;
2443
+ color: rgb(75 85 99 / var(--tw-text-opacity));
1911
2444
  }
1912
2445
 
1913
- .left-0 {
1914
- left: 0;
2446
+ .text-gray-500 {
2447
+ --tw-text-opacity: 1;
2448
+ color: rgb(160 174 192 / var(--tw-text-opacity));
1915
2449
  }
1916
2450
 
1917
- .left-4 {
1918
- left: 1rem;
2451
+ .text-gray-600 {
2452
+ --tw-text-opacity: 1;
2453
+ color: rgb(113 128 150 / var(--tw-text-opacity));
1919
2454
  }
1920
2455
 
1921
- .-top-1 {
1922
- top: -0.25rem;
2456
+ .text-green-700 {
2457
+ --tw-text-opacity: 1;
2458
+ color: rgb(21 128 61 / var(--tw-text-opacity));
1923
2459
  }
1924
2460
 
1925
- .-left-2 {
1926
- left: -0.5rem;
2461
+ .text-negative-dark {
2462
+ --tw-text-opacity: 1;
2463
+ color: rgb(197 48 48 / var(--tw-text-opacity));
1927
2464
  }
1928
2465
 
1929
- .-right-54 {
1930
- right: -13.5rem;
2466
+ .text-primary {
2467
+ --tw-text-opacity: 1;
2468
+ color: rgb(0 116 221 / var(--tw-text-opacity));
1931
2469
  }
1932
2470
 
1933
- .-left-54 {
1934
- left: -13.5rem;
2471
+ .text-red-300 {
2472
+ --tw-text-opacity: 1;
2473
+ color: rgb(254 178 178 / var(--tw-text-opacity));
1935
2474
  }
1936
2475
 
1937
- .-right-68 {
1938
- right: -17rem;
2476
+ .text-red-500 {
2477
+ --tw-text-opacity: 1;
2478
+ color: rgb(245 101 101 / var(--tw-text-opacity));
1939
2479
  }
1940
2480
 
1941
- .-left-68 {
1942
- left: -17rem;
2481
+ .text-red-600 {
2482
+ --tw-text-opacity: 1;
2483
+ color: rgb(229 62 62 / var(--tw-text-opacity));
1943
2484
  }
1944
2485
 
1945
- .top-1\/2 {
1946
- top: 50%;
2486
+ .text-red-700 {
2487
+ --tw-text-opacity: 1;
2488
+ color: rgb(197 48 48 / var(--tw-text-opacity));
1947
2489
  }
1948
2490
 
1949
- .left-1\/2 {
1950
- left: 50%;
2491
+ .text-red-900 {
2492
+ --tw-text-opacity: 1;
2493
+ color: rgb(116 42 42 / var(--tw-text-opacity));
1951
2494
  }
1952
2495
 
1953
- .resize {
1954
- resize: both;
2496
+ .text-secondary-dark {
2497
+ --tw-text-opacity: 1;
2498
+ color: rgb(209 213 219 / var(--tw-text-opacity));
1955
2499
  }
1956
2500
 
1957
- .shadow-sm {
1958
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
2501
+ .text-slate-200 {
2502
+ --tw-text-opacity: 1;
2503
+ color: rgb(226 232 240 / var(--tw-text-opacity));
1959
2504
  }
1960
2505
 
1961
- .shadow {
1962
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
2506
+ .text-slate-300 {
2507
+ --tw-text-opacity: 1;
2508
+ color: rgb(203 213 225 / var(--tw-text-opacity));
1963
2509
  }
1964
2510
 
1965
- .shadow-md {
1966
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
2511
+ .text-slate-400 {
2512
+ --tw-text-opacity: 1;
2513
+ color: rgb(148 163 184 / var(--tw-text-opacity));
1967
2514
  }
1968
2515
 
1969
- .shadow-lg {
1970
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
2516
+ .text-slate-500 {
2517
+ --tw-text-opacity: 1;
2518
+ color: rgb(100 116 139 / var(--tw-text-opacity));
1971
2519
  }
1972
2520
 
1973
- .shadow-none {
1974
- box-shadow: none;
2521
+ .text-slate-600 {
2522
+ --tw-text-opacity: 1;
2523
+ color: rgb(71 85 105 / var(--tw-text-opacity));
1975
2524
  }
1976
2525
 
1977
- .hover\:shadow-sm:hover {
1978
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
2526
+ .text-slate-800 {
2527
+ --tw-text-opacity: 1;
2528
+ color: rgb(30 41 59 / var(--tw-text-opacity));
1979
2529
  }
1980
2530
 
1981
- .fill-current {
1982
- fill: currentColor;
2531
+ .text-slate-900 {
2532
+ --tw-text-opacity: 1;
2533
+ color: rgb(15 23 42 / var(--tw-text-opacity));
1983
2534
  }
1984
2535
 
1985
- .stroke-current {
1986
- stroke: currentColor;
2536
+ .text-white {
2537
+ --tw-text-opacity: 1;
2538
+ color: rgb(255 255 255 / var(--tw-text-opacity));
1987
2539
  }
1988
2540
 
1989
- .table-auto {
1990
- table-layout: auto;
2541
+ .text-yellow-700 {
2542
+ --tw-text-opacity: 1;
2543
+ color: rgb(183 121 31 / var(--tw-text-opacity));
1991
2544
  }
1992
2545
 
1993
- .text-left {
1994
- text-align: left;
2546
+ .underline {
2547
+ text-decoration-line: underline;
1995
2548
  }
1996
2549
 
1997
- .text-center {
1998
- text-align: center;
2550
+ .placeholder-gray-500::placeholder {
2551
+ --tw-placeholder-opacity: 1;
2552
+ color: rgb(160 174 192 / var(--tw-placeholder-opacity));
1999
2553
  }
2000
2554
 
2001
- .text-current {
2002
- color: currentColor;
2555
+ .placeholder-slate-500::placeholder {
2556
+ --tw-placeholder-opacity: 1;
2557
+ color: rgb(100 116 139 / var(--tw-placeholder-opacity));
2003
2558
  }
2004
2559
 
2005
- .text-white {
2006
- --text-opacity: 1;
2007
- color: #fff;
2008
- color: rgba(255, 255, 255, var(--text-opacity));
2560
+ .opacity-0 {
2561
+ opacity: 0;
2009
2562
  }
2010
2563
 
2011
- .text-gray-600 {
2012
- --text-opacity: 1;
2013
- color: #718096;
2014
- color: rgba(113, 128, 150, var(--text-opacity));
2564
+ .opacity-100 {
2565
+ opacity: 1;
2015
2566
  }
2016
2567
 
2017
- .text-red-700 {
2018
- --text-opacity: 1;
2019
- color: #c53030;
2020
- color: rgba(197, 48, 48, var(--text-opacity));
2568
+ .opacity-25 {
2569
+ opacity: 0.25;
2021
2570
  }
2022
2571
 
2023
- .text-yellow-700 {
2024
- --text-opacity: 1;
2025
- color: #b7791f;
2026
- color: rgba(183, 121, 31, var(--text-opacity));
2572
+ .opacity-50 {
2573
+ opacity: 0.5;
2027
2574
  }
2028
2575
 
2029
- .text-green-700 {
2030
- --text-opacity: 1;
2031
- color: #2f855a;
2032
- color: rgba(47, 133, 90, var(--text-opacity));
2576
+ .opacity-75 {
2577
+ opacity: 0.75;
2033
2578
  }
2034
2579
 
2035
- .text-blue-800 {
2036
- --text-opacity: 1;
2037
- color: #0074DD;
2038
- color: rgba(0, 116, 221, var(--text-opacity));
2580
+ .shadow {
2581
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2582
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2583
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2039
2584
  }
2040
2585
 
2041
- .text-slate-200 {
2042
- --text-opacity: 1;
2043
- color: #e2e8f0;
2044
- color: rgba(226, 232, 240, var(--text-opacity));
2586
+ .shadow-default {
2587
+ --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
2588
+ --tw-shadow-colored: 0px 1px 2px var(--tw-shadow-color);
2589
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2045
2590
  }
2046
2591
 
2047
- .text-slate-300 {
2048
- --text-opacity: 1;
2049
- color: #cbd5e1;
2050
- color: rgba(203, 213, 225, var(--text-opacity));
2592
+ .shadow-lg {
2593
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2594
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2595
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2051
2596
  }
2052
2597
 
2053
- .text-slate-400 {
2054
- --text-opacity: 1;
2055
- color: #94a3b8;
2056
- color: rgba(148, 163, 184, var(--text-opacity));
2598
+ .shadow-md {
2599
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
2600
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
2601
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2057
2602
  }
2058
2603
 
2059
- .text-slate-500 {
2060
- --text-opacity: 1;
2061
- color: #64748b;
2062
- color: rgba(100, 116, 139, var(--text-opacity));
2604
+ .shadow-none {
2605
+ --tw-shadow: 0 0 #0000;
2606
+ --tw-shadow-colored: 0 0 #0000;
2607
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2063
2608
  }
2064
2609
 
2065
- .text-slate-800 {
2066
- --text-opacity: 1;
2067
- color: #1e293b;
2068
- color: rgba(30, 41, 59, var(--text-opacity));
2610
+ .shadow-sm {
2611
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2612
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2613
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2069
2614
  }
2070
2615
 
2071
- .text-amber-700 {
2072
- --text-opacity: 1;
2073
- color: #b45309;
2074
- color: rgba(180, 83, 9, var(--text-opacity));
2616
+ .outline-none {
2617
+ outline: 2px solid transparent;
2618
+ outline-offset: 2px;
2075
2619
  }
2076
2620
 
2077
- .text-primary {
2078
- --text-opacity: 1;
2079
- color: #0074DD;
2080
- color: rgba(0, 116, 221, var(--text-opacity));
2621
+ .outline {
2622
+ outline-style: solid;
2081
2623
  }
2082
2624
 
2083
- .text-secondary-dark {
2084
- --text-opacity: 1;
2085
- color: #D1D5DB;
2086
- color: rgba(209, 213, 219, var(--text-opacity));
2625
+ .outline-negative {
2626
+ outline-color: #FFF1F1;
2087
2627
  }
2088
2628
 
2089
- .text-negative-dark {
2090
- --text-opacity: 1;
2091
- color: #c53030;
2092
- color: rgba(197, 48, 48, var(--text-opacity));
2629
+ .outline-primary {
2630
+ outline-color: #0074DD;
2093
2631
  }
2094
2632
 
2095
- .text-dark-gray {
2096
- --text-opacity: 1;
2097
- color: #4B5563;
2098
- color: rgba(75, 85, 99, var(--text-opacity));
2633
+ .ring {
2634
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2635
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2636
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2099
2637
  }
2100
2638
 
2101
- .hover\:text-white:hover {
2102
- --text-opacity: 1;
2103
- color: #fff;
2104
- color: rgba(255, 255, 255, var(--text-opacity));
2639
+ .ring-1 {
2640
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2641
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2642
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2105
2643
  }
2106
2644
 
2107
- .hover\:text-blue-900:hover {
2108
- --text-opacity: 1;
2109
- color: #045BAA;
2110
- color: rgba(4, 91, 170, var(--text-opacity));
2645
+ .ring-inset {
2646
+ --tw-ring-inset: inset;
2111
2647
  }
2112
2648
 
2113
- .hover\:text-slate-500:hover {
2114
- --text-opacity: 1;
2115
- color: #64748b;
2116
- color: rgba(100, 116, 139, var(--text-opacity));
2649
+ .ring-red-300 {
2650
+ --tw-ring-opacity: 1;
2651
+ --tw-ring-color: rgb(254 178 178 / var(--tw-ring-opacity));
2117
2652
  }
2118
2653
 
2119
- .hover\:text-slate-800:hover {
2120
- --text-opacity: 1;
2121
- color: #1e293b;
2122
- color: rgba(30, 41, 59, var(--text-opacity));
2654
+ .ring-slate-300 {
2655
+ --tw-ring-opacity: 1;
2656
+ --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity));
2123
2657
  }
2124
2658
 
2125
- .hover\:text-slate-900:hover {
2126
- --text-opacity: 1;
2127
- color: #0f172a;
2128
- color: rgba(15, 23, 42, var(--text-opacity));
2659
+ .blur {
2660
+ --tw-blur: blur(8px);
2661
+ 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);
2129
2662
  }
2130
2663
 
2131
- .hover\:text-primary-dark:hover {
2132
- --text-opacity: 1;
2133
- color: #045BAA;
2134
- color: rgba(4, 91, 170, var(--text-opacity));
2664
+ .grayscale {
2665
+ --tw-grayscale: grayscale(100%);
2666
+ 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);
2135
2667
  }
2136
2668
 
2137
- .hover\:text-negative-darker:hover {
2138
- --text-opacity: 1;
2139
- color: #9b2c2c;
2140
- color: rgba(155, 44, 44, var(--text-opacity));
2669
+ .filter {
2670
+ 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);
2141
2671
  }
2142
2672
 
2143
- .focus\:text-slate-500:focus {
2144
- --text-opacity: 1;
2145
- color: #64748b;
2146
- color: rgba(100, 116, 139, var(--text-opacity));
2673
+ .transition {
2674
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2675
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2676
+ transition-duration: 150ms;
2147
2677
  }
2148
2678
 
2149
- .focus\:text-slate-800:focus {
2150
- --text-opacity: 1;
2151
- color: #1e293b;
2152
- color: rgba(30, 41, 59, var(--text-opacity));
2679
+ .transition-all {
2680
+ transition-property: all;
2681
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2682
+ transition-duration: 150ms;
2153
2683
  }
2154
2684
 
2155
- .group:hover .group-hover\:text-white {
2156
- --text-opacity: 1;
2157
- color: #fff;
2158
- color: rgba(255, 255, 255, var(--text-opacity));
2685
+ .transition-colors {
2686
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2687
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2688
+ transition-duration: 150ms;
2159
2689
  }
2160
2690
 
2161
- .group:hover .group-hover\:text-blue-900 {
2162
- --text-opacity: 1;
2163
- color: #045BAA;
2164
- color: rgba(4, 91, 170, var(--text-opacity));
2691
+ .transition-opacity {
2692
+ transition-property: opacity;
2693
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2694
+ transition-duration: 150ms;
2165
2695
  }
2166
2696
 
2167
- .italic {
2168
- font-style: italic;
2697
+ .transition-transform {
2698
+ transition-property: transform;
2699
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2700
+ transition-duration: 150ms;
2169
2701
  }
2170
2702
 
2171
- .uppercase {
2172
- text-transform: uppercase;
2703
+ .duration-150 {
2704
+ transition-duration: 150ms;
2173
2705
  }
2174
2706
 
2175
- .underline {
2176
- text-decoration: underline;
2707
+ .duration-200 {
2708
+ transition-duration: 200ms;
2177
2709
  }
2178
2710
 
2179
- .hover\:underline:hover {
2180
- text-decoration: underline;
2711
+ .duration-300 {
2712
+ transition-duration: 300ms;
2181
2713
  }
2182
2714
 
2183
- .select-none {
2184
- -ms-user-select: none;
2185
- user-select: none;
2715
+ .ease-in {
2716
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2186
2717
  }
2187
2718
 
2188
- .align-top {
2189
- vertical-align: top;
2719
+ .ease-in-out {
2720
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2190
2721
  }
2191
2722
 
2192
- .visible {
2193
- visibility: visible;
2723
+ .slash-split:not(:last-child):after {
2724
+ content: "/";
2725
+ display: inline-block;
2726
+ padding-left: 8px;
2727
+ padding-right: 8px;
2194
2728
  }
2195
2729
 
2196
- .invisible {
2197
- visibility: hidden;
2730
+ .placeholder\:text-red-300::placeholder {
2731
+ --tw-text-opacity: 1;
2732
+ color: rgb(254 178 178 / var(--tw-text-opacity));
2198
2733
  }
2199
2734
 
2200
- .whitespace-no-wrap {
2201
- white-space: nowrap;
2735
+ .placeholder\:text-slate-400::placeholder {
2736
+ --tw-text-opacity: 1;
2737
+ color: rgb(148 163 184 / var(--tw-text-opacity));
2202
2738
  }
2203
2739
 
2204
- .break-normal {
2205
- word-wrap: normal;
2206
- overflow-wrap: normal;
2207
- word-break: normal;
2740
+ .first\:ml-0:first-child {
2741
+ margin-left: 0px;
2208
2742
  }
2209
2743
 
2210
- .break-words {
2211
- word-wrap: break-word;
2212
- overflow-wrap: break-word;
2744
+ .first\:h-0:first-child {
2745
+ height: 0px;
2213
2746
  }
2214
2747
 
2215
- .break-all {
2216
- word-break: break-all;
2748
+ .first\:rounded-l-xl:first-child {
2749
+ border-top-left-radius: 0.75rem;
2750
+ border-bottom-left-radius: 0.75rem;
2217
2751
  }
2218
2752
 
2219
- .truncate {
2220
- overflow: hidden;
2221
- text-overflow: ellipsis;
2222
- white-space: nowrap;
2753
+ .first\:rounded-t:first-child {
2754
+ border-top-left-radius: 0.25rem;
2755
+ border-top-right-radius: 0.25rem;
2223
2756
  }
2224
2757
 
2225
- .w-1 {
2226
- width: 0.25rem;
2758
+ .first\:border-t:first-child {
2759
+ border-top-width: 1px;
2227
2760
  }
2228
2761
 
2229
- .w-2 {
2230
- width: 0.5rem;
2762
+ .first\:pl-6:first-child {
2763
+ padding-left: 1.5rem;
2231
2764
  }
2232
2765
 
2233
- .w-4 {
2234
- width: 1rem;
2766
+ .last\:mr-0:last-child {
2767
+ margin-right: 0px;
2235
2768
  }
2236
2769
 
2237
- .w-5 {
2238
- width: 1.25rem;
2770
+ .last\:rounded-b:last-child {
2771
+ border-bottom-right-radius: 0.25rem;
2772
+ border-bottom-left-radius: 0.25rem;
2239
2773
  }
2240
2774
 
2241
- .w-6 {
2242
- width: 1.5rem;
2775
+ .last\:rounded-r-xl:last-child {
2776
+ border-top-right-radius: 0.75rem;
2777
+ border-bottom-right-radius: 0.75rem;
2243
2778
  }
2244
2779
 
2245
- .w-11 {
2246
- width: 2.75rem;
2780
+ .last\:border-b:last-child {
2781
+ border-bottom-width: 1px;
2247
2782
  }
2248
2783
 
2249
- .w-12 {
2250
- width: 3rem;
2784
+ .last\:border-b-0:last-child {
2785
+ border-bottom-width: 0px;
2251
2786
  }
2252
2787
 
2253
- .w-16 {
2254
- width: 4rem;
2788
+ .last\:border-r:last-child {
2789
+ border-right-width: 1px;
2255
2790
  }
2256
2791
 
2257
- .w-24 {
2258
- width: 6rem;
2792
+ .last\:border-none:last-child {
2793
+ border-style: none;
2259
2794
  }
2260
2795
 
2261
- .w-32 {
2262
- width: 8rem;
2796
+ .last\:pr-6:last-child {
2797
+ padding-right: 1.5rem;
2263
2798
  }
2264
2799
 
2265
- .w-36 {
2266
- width: 9rem;
2800
+ .hover\:border-input-border-dark:hover {
2801
+ --tw-border-opacity: 1;
2802
+ border-color: rgb(156 163 175 / var(--tw-border-opacity));
2267
2803
  }
2268
2804
 
2269
- .w-56 {
2270
- width: 14rem;
2805
+ .hover\:border-negative-border:hover {
2806
+ --tw-border-opacity: 1;
2807
+ border-color: rgb(255 245 245 / var(--tw-border-opacity));
2271
2808
  }
2272
2809
 
2273
- .w-60 {
2274
- width: 15rem;
2810
+ .hover\:border-slate-200:hover {
2811
+ --tw-border-opacity: 1;
2812
+ border-color: rgb(226 232 240 / var(--tw-border-opacity));
2275
2813
  }
2276
2814
 
2277
- .w-80 {
2278
- width: 20rem;
2815
+ .hover\:border-slate-400:hover {
2816
+ --tw-border-opacity: 1;
2817
+ border-color: rgb(148 163 184 / var(--tw-border-opacity));
2279
2818
  }
2280
2819
 
2281
- .w-104 {
2282
- width: 26rem;
2820
+ .hover\:bg-blue-100:hover {
2821
+ --tw-bg-opacity: 1;
2822
+ background-color: rgb(223 246 255 / var(--tw-bg-opacity));
2283
2823
  }
2284
2824
 
2285
- .w-130 {
2286
- width: 32.5rem;
2825
+ .hover\:bg-blue-50:hover {
2826
+ --tw-bg-opacity: 1;
2827
+ background-color: rgb(242 250 253 / var(--tw-bg-opacity));
2287
2828
  }
2288
2829
 
2289
- .w-132 {
2290
- width: 33rem;
2830
+ .hover\:bg-blue-900:hover {
2831
+ --tw-bg-opacity: 1;
2832
+ background-color: rgb(4 91 170 / var(--tw-bg-opacity));
2291
2833
  }
2292
2834
 
2293
- .w-135 {
2294
- width: 33.75rem;
2835
+ .hover\:bg-gray-200:hover {
2836
+ --tw-bg-opacity: 1;
2837
+ background-color: rgb(237 242 247 / var(--tw-bg-opacity));
2295
2838
  }
2296
2839
 
2297
- .w-216 {
2298
- width: 54rem;
2840
+ .hover\:bg-gray-600:hover {
2841
+ --tw-bg-opacity: 1;
2842
+ background-color: rgb(113 128 150 / var(--tw-bg-opacity));
2299
2843
  }
2300
2844
 
2301
- .w-auto {
2302
- width: auto;
2845
+ .hover\:bg-primary-dark:hover {
2846
+ --tw-bg-opacity: 1;
2847
+ background-color: rgb(4 91 170 / var(--tw-bg-opacity));
2303
2848
  }
2304
2849
 
2305
- .w-2\.5 {
2306
- width: 0.625rem;
2850
+ .hover\:bg-slate-100:hover {
2851
+ --tw-bg-opacity: 1;
2852
+ background-color: rgb(241 245 249 / var(--tw-bg-opacity));
2307
2853
  }
2308
2854
 
2309
- .w-1\/3 {
2310
- width: 33.333333%;
2855
+ .hover\:bg-slate-200:hover {
2856
+ --tw-bg-opacity: 1;
2857
+ background-color: rgb(226 232 240 / var(--tw-bg-opacity));
2311
2858
  }
2312
2859
 
2313
- .w-2\/3 {
2314
- width: 66.666667%;
2860
+ .hover\:bg-slate-600:hover {
2861
+ --tw-bg-opacity: 1;
2862
+ background-color: rgb(71 85 105 / var(--tw-bg-opacity));
2315
2863
  }
2316
2864
 
2317
- .w-full {
2318
- width: 100%;
2865
+ .hover\:bg-white:hover {
2866
+ --tw-bg-opacity: 1;
2867
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2319
2868
  }
2320
2869
 
2321
- .w-screen {
2322
- width: 100vw;
2870
+ .hover\:text-blue-900:hover {
2871
+ --tw-text-opacity: 1;
2872
+ color: rgb(4 91 170 / var(--tw-text-opacity));
2323
2873
  }
2324
2874
 
2325
- .w-1\.5 {
2326
- width: 0.375rem;
2875
+ .hover\:text-negative-darker:hover {
2876
+ --tw-text-opacity: 1;
2877
+ color: rgb(155 44 44 / var(--tw-text-opacity));
2327
2878
  }
2328
2879
 
2329
- .z-10 {
2330
- z-index: 10;
2880
+ .hover\:text-primary-dark:hover {
2881
+ --tw-text-opacity: 1;
2882
+ color: rgb(4 91 170 / var(--tw-text-opacity));
2331
2883
  }
2332
2884
 
2333
- .z-20 {
2334
- z-index: 20;
2885
+ .hover\:text-slate-500:hover {
2886
+ --tw-text-opacity: 1;
2887
+ color: rgb(100 116 139 / var(--tw-text-opacity));
2335
2888
  }
2336
2889
 
2337
- .z-30 {
2338
- z-index: 30;
2890
+ .hover\:text-slate-800:hover {
2891
+ --tw-text-opacity: 1;
2892
+ color: rgb(30 41 59 / var(--tw-text-opacity));
2339
2893
  }
2340
2894
 
2341
- .z-9999 {
2342
- z-index: 9999;
2895
+ .hover\:text-slate-900:hover {
2896
+ --tw-text-opacity: 1;
2897
+ color: rgb(15 23 42 / var(--tw-text-opacity));
2343
2898
  }
2344
2899
 
2345
- .gap-3 {
2346
- grid-gap: 0.75rem;
2347
- gap: 0.75rem;
2900
+ .hover\:text-white:hover {
2901
+ --tw-text-opacity: 1;
2902
+ color: rgb(255 255 255 / var(--tw-text-opacity));
2348
2903
  }
2349
2904
 
2350
- .transform {
2351
- --transform-translate-x: 0;
2352
- --transform-translate-y: 0;
2353
- --transform-rotate: 0;
2354
- --transform-skew-x: 0;
2355
- --transform-skew-y: 0;
2356
- --transform-scale-x: 1;
2357
- --transform-scale-y: 1;
2358
- transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
2905
+ .hover\:underline:hover {
2906
+ text-decoration-line: underline;
2359
2907
  }
2360
2908
 
2361
- .-translate-x-1\/2 {
2362
- --transform-translate-x: -50%;
2909
+ .hover\:shadow-sm:hover {
2910
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2911
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2912
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2363
2913
  }
2364
2914
 
2365
- .transition-all {
2366
- transition-property: all;
2915
+ .focus\:border-blue-800:focus {
2916
+ --tw-border-opacity: 1;
2917
+ border-color: rgb(0 116 221 / var(--tw-border-opacity));
2367
2918
  }
2368
2919
 
2369
- .transition {
2370
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
2920
+ .focus\:border-primary:focus {
2921
+ --tw-border-opacity: 1;
2922
+ border-color: rgb(0 116 221 / var(--tw-border-opacity));
2371
2923
  }
2372
2924
 
2373
- .transition-colors {
2374
- transition-property: background-color, border-color, color, fill, stroke;
2925
+ .focus\:text-slate-500:focus {
2926
+ --tw-text-opacity: 1;
2927
+ color: rgb(100 116 139 / var(--tw-text-opacity));
2375
2928
  }
2376
2929
 
2377
- .transition-opacity {
2378
- transition-property: opacity;
2930
+ .focus\:text-slate-800:focus {
2931
+ --tw-text-opacity: 1;
2932
+ color: rgb(30 41 59 / var(--tw-text-opacity));
2379
2933
  }
2380
2934
 
2381
- .transition-transform {
2382
- transition-property: transform;
2935
+ .focus\:outline-none:focus {
2936
+ outline: 2px solid transparent;
2937
+ outline-offset: 2px;
2383
2938
  }
2384
2939
 
2385
- .ease-in {
2386
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2940
+ .focus\:outline-negative:focus {
2941
+ outline-color: #FFF1F1;
2387
2942
  }
2388
2943
 
2389
- .ease-in-out {
2390
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2944
+ .focus\:outline-primary:focus {
2945
+ outline-color: #0074DD;
2391
2946
  }
2392
2947
 
2393
- .duration-150 {
2394
- transition-duration: 150ms;
2948
+ .focus\:ring-2:focus {
2949
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2950
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2951
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2395
2952
  }
2396
2953
 
2397
- .duration-200 {
2398
- transition-duration: 200ms;
2954
+ .focus\:ring-inset:focus {
2955
+ --tw-ring-inset: inset;
2399
2956
  }
2400
2957
 
2401
- .duration-300 {
2402
- transition-duration: 300ms;
2958
+ .focus\:ring-blue-600:focus {
2959
+ --tw-ring-opacity: 1;
2960
+ --tw-ring-color: rgb(0 148 231 / var(--tw-ring-opacity));
2403
2961
  }
2404
2962
 
2405
- @keyframes spin {
2406
- to {
2407
- transform: rotate(360deg);
2408
- }
2963
+ .focus\:ring-red-500:focus {
2964
+ --tw-ring-opacity: 1;
2965
+ --tw-ring-color: rgb(245 101 101 / var(--tw-ring-opacity));
2409
2966
  }
2410
2967
 
2411
- @keyframes ping {
2412
- 75%, 100% {
2413
- transform: scale(2);
2414
- opacity: 0;
2415
- }
2968
+ .disabled\:cursor-not-allowed:disabled {
2969
+ cursor: not-allowed;
2416
2970
  }
2417
2971
 
2418
- @keyframes pulse {
2419
- 50% {
2420
- opacity: .5;
2421
- }
2972
+ .disabled\:bg-slate-50:disabled {
2973
+ --tw-bg-opacity: 1;
2974
+ background-color: rgb(248 250 252 / var(--tw-bg-opacity));
2422
2975
  }
2423
2976
 
2424
- @keyframes bounce {
2425
- 0%, 100% {
2426
- transform: translateY(-25%);
2427
- animation-timing-function: cubic-bezier(0.8,0,1,1);
2428
- }
2429
-
2430
- 50% {
2431
- transform: none;
2432
- animation-timing-function: cubic-bezier(0,0,0.2,1);
2433
- }
2977
+ .disabled\:text-slate-500:disabled {
2978
+ --tw-text-opacity: 1;
2979
+ color: rgb(100 116 139 / var(--tw-text-opacity));
2434
2980
  }
2435
2981
 
2436
- .animate-spin {
2437
- animation: spin 1s linear infinite;
2982
+ .disabled\:ring-slate-200:disabled {
2983
+ --tw-ring-opacity: 1;
2984
+ --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity));
2438
2985
  }
2439
2986
 
2440
- .slash-split:not(:last-child):after {
2441
- content: "/";
2442
- display: inline-block;
2443
- padding-left: 8px;
2444
- padding-right: 8px;
2987
+ .group:hover .group-hover\:text-blue-900 {
2988
+ --tw-text-opacity: 1;
2989
+ color: rgb(4 91 170 / var(--tw-text-opacity));
2445
2990
  }
2446
2991
 
2447
- @media (min-width: 640px) {
2448
- .sm\:container {
2449
- width: 100%;
2450
- }
2451
-
2452
- @media (min-width: 640px) {
2453
- .sm\:container {
2454
- max-width: 640px;
2455
- }
2456
- }
2457
-
2458
- @media (min-width: 768px) {
2459
- .sm\:container {
2460
- max-width: 768px;
2461
- }
2462
- }
2463
-
2464
- @media (min-width: 1024px) {
2465
- .sm\:container {
2466
- max-width: 1024px;
2467
- }
2468
- }
2469
-
2470
- @media (min-width: 1280px) {
2471
- .sm\:container {
2472
- max-width: 1280px;
2473
- }
2474
- }
2992
+ .group:hover .group-hover\:text-white {
2993
+ --tw-text-opacity: 1;
2994
+ color: rgb(255 255 255 / var(--tw-text-opacity));
2475
2995
  }
2476
2996
 
2477
- @media (min-width: 768px) {
2478
- .md\:container {
2479
- width: 100%;
2480
- }
2481
-
2482
- @media (min-width: 640px) {
2483
- .md\:container {
2484
- max-width: 640px;
2485
- }
2486
- }
2487
-
2488
- @media (min-width: 768px) {
2489
- .md\:container {
2490
- max-width: 768px;
2491
- }
2492
- }
2493
-
2494
- @media (min-width: 1024px) {
2495
- .md\:container {
2496
- max-width: 1024px;
2497
- }
2498
- }
2499
-
2500
- @media (min-width: 1280px) {
2501
- .md\:container {
2502
- max-width: 1280px;
2503
- }
2504
- }
2997
+ .group:hover .group-hover\:opacity-100 {
2998
+ opacity: 1;
2505
2999
  }
2506
3000
 
2507
3001
  @media (min-width: 1024px) {
2508
- .lg\:container {
2509
- width: 100%;
2510
- }
2511
-
2512
- @media (min-width: 640px) {
2513
- .lg\:container {
2514
- max-width: 640px;
2515
- }
2516
- }
2517
-
2518
- @media (min-width: 768px) {
2519
- .lg\:container {
2520
- max-width: 768px;
2521
- }
2522
- }
2523
-
2524
- @media (min-width: 1024px) {
2525
- .lg\:container {
2526
- max-width: 1024px;
2527
- }
3002
+ .lg\:relative {
3003
+ position: relative;
2528
3004
  }
2529
3005
 
2530
- @media (min-width: 1280px) {
2531
- .lg\:container {
2532
- max-width: 1280px;
2533
- }
3006
+ .lg\:mb-0 {
3007
+ margin-bottom: 0px;
2534
3008
  }
2535
3009
 
2536
3010
  .lg\:flex {
@@ -2541,16 +3015,12 @@ video {
2541
3015
  display: none;
2542
3016
  }
2543
3017
 
2544
- .lg\:flex-row {
2545
- flex-direction: row;
2546
- }
2547
-
2548
3018
  .lg\:h-full {
2549
3019
  height: 100%;
2550
3020
  }
2551
3021
 
2552
- .lg\:mb-0 {
2553
- margin-bottom: 0;
3022
+ .lg\:flex-row {
3023
+ flex-direction: row;
2554
3024
  }
2555
3025
 
2556
3026
  .lg\:px-8 {
@@ -2561,41 +3031,9 @@ video {
2561
3031
  .lg\:last\:pb-2:last-child {
2562
3032
  padding-bottom: 0.5rem;
2563
3033
  }
2564
-
2565
- .lg\:relative {
2566
- position: relative;
2567
- }
2568
3034
  }
2569
3035
 
2570
3036
  @media (min-width: 1280px) {
2571
- .xl\:container {
2572
- width: 100%;
2573
- }
2574
-
2575
- @media (min-width: 640px) {
2576
- .xl\:container {
2577
- max-width: 640px;
2578
- }
2579
- }
2580
-
2581
- @media (min-width: 768px) {
2582
- .xl\:container {
2583
- max-width: 768px;
2584
- }
2585
- }
2586
-
2587
- @media (min-width: 1024px) {
2588
- .xl\:container {
2589
- max-width: 1024px;
2590
- }
2591
- }
2592
-
2593
- @media (min-width: 1280px) {
2594
- .xl\:container {
2595
- max-width: 1280px;
2596
- }
2597
- }
2598
-
2599
3037
  .xl\:flex {
2600
3038
  display: flex;
2601
3039
  }