nitro-web 0.0.8 → 0.0.9

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 (42) hide show
  1. package/_example/client/imgs/logo/logo-white.svg +4 -11
  2. package/_example/client/imgs/logo/logo.svg +4 -11
  3. package/_example/components/partials/layouts.tsx +5 -1
  4. package/_example/package.json +4 -3
  5. package/_example/server/config.js +1 -0
  6. package/client/imgs/no-image.svg +13 -0
  7. package/components/partials/element/avatar.jsx +2 -1
  8. package/components/partials/element/sidebar.jsx +31 -27
  9. package/components/partials/form/drop.jsx +2 -1
  10. package/components/partials/form/select.jsx +2 -31
  11. package/components/partials/layout/layout1.jsx +9 -3
  12. package/package.json +6 -16
  13. package/readme.md +3 -3
  14. package/types/components/partials/element/avatar.d.ts.map +1 -1
  15. package/types/components/partials/element/sidebar.d.ts +3 -1
  16. package/types/components/partials/element/sidebar.d.ts.map +1 -1
  17. package/types/components/partials/form/drop.d.ts.map +1 -1
  18. package/types/components/partials/layout/layout1.d.ts +11 -2
  19. package/types/components/partials/layout/layout1.d.ts.map +1 -1
  20. package/types/util.d.ts.map +1 -1
  21. package/util.js +3 -5
  22. package/webpack.config.js +1 -1
  23. package/_example/client/dist/assets/bundle.main.618efe6c61f19b4b02ff.css +0 -2295
  24. package/_example/client/dist/assets/bundle.main.823056518dd8e9935b28.js +0 -1
  25. package/_example/client/dist/assets/bundle.vendor.0330197eefd7ccc95d3b.js +0 -2
  26. package/_example/client/dist/assets/bundle.vendor.0330197eefd7ccc95d3b.js.LICENSE.txt +0 -100
  27. package/_example/client/dist/assets/images/avatar..jpg +0 -0
  28. package/_example/client/dist/assets/images/inter-v13-latin-300..woff2 +0 -0
  29. package/_example/client/dist/assets/images/inter-v13-latin-500..woff2 +0 -0
  30. package/_example/client/dist/assets/images/inter-v13-latin-600..woff2 +0 -0
  31. package/_example/client/dist/assets/images/inter-v13-latin-700..woff2 +0 -0
  32. package/_example/client/dist/assets/images/inter-v13-latin-800..woff2 +0 -0
  33. package/_example/client/dist/assets/images/inter-v13-latin-900..woff2 +0 -0
  34. package/_example/client/dist/assets/images/inter-v13-latin-regular..woff2 +0 -0
  35. package/_example/client/dist/assets/imgs/android-chrome-512x512.png +0 -0
  36. package/_example/client/dist/assets/imgs/favicon.png +0 -0
  37. package/_example/client/dist/assets/imgs/logo/logo-white.svg +0 -20
  38. package/_example/client/dist/assets/imgs/logo/logo.svg +0 -20
  39. package/_example/client/dist/assets/imgs/no-image.jpg +0 -0
  40. package/_example/client/dist/favicon.png +0 -0
  41. package/_example/client/dist/index.html +0 -1
  42. package/_example/client/imgs/no-image.jpg +0 -0
@@ -1,2295 +0,0 @@
1
- /* Note: there seems to be a bug with postcss-import not reloading after saving an imported file that previously had an error.
2
- So we need to restart the dev server. */
3
- .transform, .peer-checked\:after\:translate-x-full::after, [data-closed], [data-enter] {
4
- --tw-translate-x: 0;
5
- --tw-translate-y: 0;
6
- --tw-rotate: 0;
7
- --tw-skew-x: 0;
8
- --tw-skew-y: 0;
9
- --tw-scale-x: 1;
10
- --tw-scale-y: 1;
11
- }
12
- .rtl\:peer-checked\:after\:-translate-x-full:where([dir="rtl"], [dir="rtl"] *)::after {
13
- --tw-translate-x: 0;
14
- --tw-translate-y: 0;
15
- --tw-rotate: 0;
16
- --tw-skew-x: 0;
17
- --tw-skew-y: 0;
18
- --tw-scale-x: 1;
19
- --tw-scale-y: 1;
20
- }
21
- .from-\[\#ff80b5\], .to-\[\#9089fc\] {
22
- --tw-gradient-from-position: ;
23
- --tw-gradient-via-position: ;
24
- --tw-gradient-to-position: ;
25
- }
26
- .shadow-2xl, .shadow-\[0_0_40px_0_rgb\(237_237_237\)\], .shadow-dropdown-ul, .shadow-lg, .shadow-sm {
27
- --tw-ring-offset-shadow: 0 0 #0000;
28
- --tw-ring-shadow: 0 0 #0000;
29
- --tw-shadow: 0 0 #0000;
30
- --tw-shadow-colored: 0 0 #0000;
31
- }
32
- .ring-1, .ring-inset, .focus\:ring-2, .peer-focus-visible\:ring-4 {
33
- --tw-ring-inset: ;
34
- --tw-ring-offset-width: 0px;
35
- --tw-ring-offset-color: #fff;
36
- --tw-ring-color: rgb(59 130 246 / 0.5);
37
- --tw-ring-offset-shadow: 0 0 #0000;
38
- --tw-ring-shadow: 0 0 #0000;
39
- --tw-shadow: 0 0 #0000;
40
- --tw-shadow-colored: 0 0 #0000;
41
- }
42
- .blur, .blur-3xl, .filter {
43
- --tw-blur: ;
44
- --tw-brightness: ;
45
- --tw-contrast: ;
46
- --tw-grayscale: ;
47
- --tw-hue-rotate: ;
48
- --tw-invert: ;
49
- --tw-saturate: ;
50
- --tw-sepia: ;
51
- --tw-drop-shadow: ;
52
- }
53
- .backdrop-filter {
54
- --tw-backdrop-blur: ;
55
- --tw-backdrop-brightness: ;
56
- --tw-backdrop-contrast: ;
57
- --tw-backdrop-grayscale: ;
58
- --tw-backdrop-hue-rotate: ;
59
- --tw-backdrop-invert: ;
60
- --tw-backdrop-opacity: ;
61
- --tw-backdrop-saturate: ;
62
- --tw-backdrop-sepia: ;
63
- }
64
- /* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
65
- /*
66
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
67
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
68
- */
69
- *,
70
- ::before,
71
- ::after {
72
- -webkit-box-sizing: border-box;
73
- box-sizing: border-box; /* 1 */
74
- border-width: 0; /* 2 */
75
- border-style: solid; /* 2 */
76
- border-color: #e5e7eb; /* 2 */
77
- }
78
- ::before,
79
- ::after {
80
- --tw-content: '';
81
- }
82
- /*
83
- 1. Use a consistent sensible line-height in all browsers.
84
- 2. Prevent adjustments of font size after orientation changes in iOS.
85
- 3. Use a more readable tab size.
86
- 4. Use the user's configured `sans` font-family by default.
87
- 5. Use the user's configured `sans` font-feature-settings by default.
88
- 6. Use the user's configured `sans` font-variation-settings by default.
89
- 7. Disable tap highlights on iOS
90
- */
91
- html,
92
- :host {
93
- line-height: 1.5; /* 1 */
94
- -webkit-text-size-adjust: 100%; /* 2 */
95
- -moz-tab-size: 4; /* 3 */
96
- -o-tab-size: 4;
97
- tab-size: 4; /* 3 */
98
- font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
99
- -webkit-font-feature-settings: normal;
100
- font-feature-settings: normal; /* 5 */
101
- font-variation-settings: normal; /* 6 */
102
- -webkit-tap-highlight-color: transparent; /* 7 */
103
- }
104
- /*
105
- 1. Remove the margin in all browsers.
106
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
107
- */
108
- body {
109
- margin: 0; /* 1 */
110
- line-height: inherit; /* 2 */
111
- }
112
- /*
113
- 1. Add the correct height in Firefox.
114
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
115
- 3. Ensure horizontal rules are visible by default.
116
- */
117
- hr {
118
- height: 0; /* 1 */
119
- color: inherit; /* 2 */
120
- border-top-width: 1px; /* 3 */
121
- }
122
- /*
123
- Add the correct text decoration in Chrome, Edge, and Safari.
124
- */
125
- abbr:where([title]) {
126
- -webkit-text-decoration: underline dotted;
127
- text-decoration: underline dotted;
128
- }
129
- /*
130
- Remove the default font size and weight for headings.
131
- */
132
- h1,
133
- h2,
134
- h3,
135
- h4,
136
- h5,
137
- h6 {
138
- font-size: inherit;
139
- font-weight: inherit;
140
- }
141
- /*
142
- Reset links to optimize for opt-in styling instead of opt-out.
143
- */
144
- a {
145
- color: inherit;
146
- text-decoration: inherit;
147
- }
148
- /*
149
- Add the correct font weight in Edge and Safari.
150
- */
151
- b,
152
- strong {
153
- font-weight: bolder;
154
- }
155
- /*
156
- 1. Use the user's configured `mono` font-family by default.
157
- 2. Use the user's configured `mono` font-feature-settings by default.
158
- 3. Use the user's configured `mono` font-variation-settings by default.
159
- 4. Correct the odd `em` font sizing in all browsers.
160
- */
161
- code,
162
- kbd,
163
- samp,
164
- pre {
165
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
166
- -webkit-font-feature-settings: normal;
167
- font-feature-settings: normal; /* 2 */
168
- font-variation-settings: normal; /* 3 */
169
- font-size: 1em; /* 4 */
170
- }
171
- /*
172
- Add the correct font size in all browsers.
173
- */
174
- small {
175
- font-size: 80%;
176
- }
177
- /*
178
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
179
- */
180
- sub,
181
- sup {
182
- font-size: 75%;
183
- line-height: 0;
184
- position: relative;
185
- vertical-align: baseline;
186
- }
187
- sub {
188
- bottom: -0.25em;
189
- }
190
- sup {
191
- top: -0.5em;
192
- }
193
- /*
194
- 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)
195
- 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)
196
- 3. Remove gaps between table borders by default.
197
- */
198
- table {
199
- text-indent: 0; /* 1 */
200
- border-color: inherit; /* 2 */
201
- border-collapse: collapse; /* 3 */
202
- }
203
- /*
204
- 1. Change the font styles in all browsers.
205
- 2. Remove the margin in Firefox and Safari.
206
- 3. Remove default padding in all browsers.
207
- */
208
- button,
209
- input,
210
- optgroup,
211
- select,
212
- textarea {
213
- font-family: inherit; /* 1 */
214
- -webkit-font-feature-settings: inherit;
215
- font-feature-settings: inherit; /* 1 */
216
- font-variation-settings: inherit; /* 1 */
217
- font-size: 100%; /* 1 */
218
- font-weight: inherit; /* 1 */
219
- line-height: inherit; /* 1 */
220
- letter-spacing: inherit; /* 1 */
221
- color: inherit; /* 1 */
222
- margin: 0; /* 2 */
223
- padding: 0; /* 3 */
224
- }
225
- /*
226
- Remove the inheritance of text transform in Edge and Firefox.
227
- */
228
- button,
229
- select {
230
- text-transform: none;
231
- }
232
- /*
233
- 1. Correct the inability to style clickable types in iOS and Safari.
234
- 2. Remove default button styles.
235
- */
236
- button,
237
- input:where([type='button']),
238
- input:where([type='reset']),
239
- input:where([type='submit']) {
240
- -webkit-appearance: button; /* 1 */
241
- background-color: transparent; /* 2 */
242
- background-image: none; /* 2 */
243
- }
244
- /*
245
- Use the modern Firefox focus style for all focusable elements.
246
- */
247
- :-moz-focusring {
248
- outline: auto;
249
- }
250
- /*
251
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
252
- */
253
- :-moz-ui-invalid {
254
- box-shadow: none;
255
- }
256
- /*
257
- Add the correct vertical alignment in Chrome and Firefox.
258
- */
259
- progress {
260
- vertical-align: baseline;
261
- }
262
- /*
263
- Correct the cursor style of increment and decrement buttons in Safari.
264
- */
265
- ::-webkit-inner-spin-button,
266
- ::-webkit-outer-spin-button {
267
- height: auto;
268
- }
269
- /*
270
- 1. Correct the odd appearance in Chrome and Safari.
271
- 2. Correct the outline style in Safari.
272
- */
273
- [type='search'] {
274
- -webkit-appearance: textfield; /* 1 */
275
- outline-offset: -2px; /* 2 */
276
- }
277
- /*
278
- Remove the inner padding in Chrome and Safari on macOS.
279
- */
280
- ::-webkit-search-decoration {
281
- -webkit-appearance: none;
282
- }
283
- /*
284
- 1. Correct the inability to style clickable types in iOS and Safari.
285
- 2. Change font properties to `inherit` in Safari.
286
- */
287
- ::-webkit-file-upload-button {
288
- -webkit-appearance: button; /* 1 */
289
- font: inherit; /* 2 */
290
- }
291
- /*
292
- Add the correct display in Chrome and Safari.
293
- */
294
- summary {
295
- display: list-item;
296
- }
297
- /*
298
- Removes the default spacing and border for appropriate elements.
299
- */
300
- blockquote,
301
- dl,
302
- dd,
303
- h1,
304
- h2,
305
- h3,
306
- h4,
307
- h5,
308
- h6,
309
- hr,
310
- figure,
311
- p,
312
- pre {
313
- margin: 0;
314
- }
315
- fieldset {
316
- margin: 0;
317
- padding: 0;
318
- }
319
- legend {
320
- padding: 0;
321
- }
322
- ol,
323
- ul,
324
- menu {
325
- list-style: none;
326
- margin: 0;
327
- padding: 0;
328
- }
329
- /*
330
- Reset default styling for dialogs.
331
- */
332
- dialog {
333
- padding: 0;
334
- }
335
- /*
336
- Prevent resizing textareas horizontally by default.
337
- */
338
- textarea {
339
- resize: vertical;
340
- }
341
- /*
342
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
343
- 2. Set the default placeholder color to the user's configured gray 400 color.
344
- */
345
- input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
346
- opacity: 1; /* 1 */
347
- color: #9ca3af; /* 2 */
348
- }
349
- input::-moz-placeholder, textarea::-moz-placeholder {
350
- opacity: 1; /* 1 */
351
- color: #9ca3af; /* 2 */
352
- }
353
- input:-ms-input-placeholder, textarea:-ms-input-placeholder {
354
- opacity: 1; /* 1 */
355
- color: #9ca3af; /* 2 */
356
- }
357
- input::-ms-input-placeholder, textarea::-ms-input-placeholder {
358
- opacity: 1; /* 1 */
359
- color: #9ca3af; /* 2 */
360
- }
361
- input::placeholder,
362
- textarea::placeholder {
363
- opacity: 1; /* 1 */
364
- color: #9ca3af; /* 2 */
365
- }
366
- /*
367
- Set the default cursor for buttons.
368
- */
369
- button,
370
- [role="button"] {
371
- cursor: pointer;
372
- }
373
- /*
374
- Make sure disabled buttons don't get the pointer cursor.
375
- */
376
- :disabled {
377
- cursor: default;
378
- }
379
- /*
380
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
381
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
382
- This can trigger a poorly considered lint error in some tools but is included by design.
383
- */
384
- img,
385
- svg,
386
- video,
387
- canvas,
388
- audio,
389
- iframe,
390
- embed,
391
- object {
392
- display: block; /* 1 */
393
- vertical-align: middle; /* 2 */
394
- }
395
- /*
396
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
397
- */
398
- img,
399
- video {
400
- max-width: 100%;
401
- height: auto;
402
- }
403
- /* Make elements with the HTML hidden attribute stay hidden by default */
404
- [hidden]:where(:not([hidden="until-found"])) {
405
- display: none;
406
- }
407
- .border-bottom-with-space {
408
- position: relative;
409
- margin-bottom: 6px;
410
- }
411
- .border-bottom-with-space::after {
412
- position: absolute;
413
- bottom: -4px;
414
- left: 0px;
415
- height: 1px;
416
- width: 100%;
417
- --tw-bg-opacity: 1;
418
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
419
- --tw-content: "";
420
- content: var(--tw-content);
421
- }
422
- .h1, .content h1 {
423
- margin-bottom: 0.5rem;
424
- font-size: 1.45rem;
425
- line-height: 1.75;
426
- font-weight: 700;
427
- --tw-text-opacity: 1;
428
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
429
- }
430
- .h2, .content h2 {
431
- margin-bottom: 0.5rem;
432
- font-size: 1.29rem;
433
- line-height: 1.75;
434
- font-weight: 700;
435
- --tw-text-opacity: 1;
436
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
437
- }
438
- .h3, .content h3 {
439
- margin-bottom: 0.5rem;
440
- font-size: 1.16rem;
441
- line-height: 1.75;
442
- font-weight: 700;
443
- --tw-text-opacity: 1;
444
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
445
- }
446
- label, .label {
447
- font-size: 0.87rem;
448
- line-height: 1.5;
449
- font-weight: 500;
450
- }
451
- .container {
452
- width: 100%;
453
- }
454
- @media (min-width: 640px) {
455
- .container {
456
- max-width: 640px;
457
- }
458
- }
459
- @media (min-width: 768px) {
460
- .container {
461
- max-width: 768px;
462
- }
463
- }
464
- @media (min-width: 1024px) {
465
- .container {
466
- max-width: 1024px;
467
- }
468
- }
469
- @media (min-width: 1280px) {
470
- .container {
471
- max-width: 1280px;
472
- }
473
- }
474
- @media (min-width: 1536px) {
475
- .container {
476
- max-width: 1536px;
477
- }
478
- }
479
- .sr-only {
480
- position: absolute;
481
- width: 1px;
482
- height: 1px;
483
- padding: 0;
484
- margin: -1px;
485
- overflow: hidden;
486
- clip: rect(0, 0, 0, 0);
487
- white-space: nowrap;
488
- border-width: 0;
489
- }
490
- .pointer-events-none {
491
- pointer-events: none;
492
- }
493
- .pointer-events-auto {
494
- pointer-events: auto;
495
- }
496
- .visible {
497
- visibility: visible;
498
- }
499
- .invisible {
500
- visibility: hidden;
501
- }
502
- .fixed {
503
- position: fixed;
504
- }
505
- .absolute {
506
- position: absolute;
507
- }
508
- .relative {
509
- position: relative;
510
- }
511
- .sticky {
512
- position: sticky;
513
- }
514
- .inset-0 {
515
- inset: 0px;
516
- }
517
- .inset-x-0 {
518
- left: 0px;
519
- right: 0px;
520
- }
521
- .-top-3 {
522
- top: -0.75rem;
523
- }
524
- .bottom-0 {
525
- bottom: 0px;
526
- }
527
- .left-3 {
528
- left: 0.75rem;
529
- }
530
- .left-full {
531
- left: 100%;
532
- }
533
- .right-\[2px\] {
534
- right: 2px;
535
- }
536
- .top-0 {
537
- top: 0px;
538
- }
539
- .top-\[1px\] {
540
- top: 1px;
541
- }
542
- .isolate {
543
- isolation: isolate;
544
- }
545
- .-z-10 {
546
- z-index: -10;
547
- }
548
- .z-20 {
549
- z-index: 20;
550
- }
551
- .z-40 {
552
- z-index: 40;
553
- }
554
- .z-50 {
555
- z-index: 50;
556
- }
557
- .z-\[1\] {
558
- z-index: 1;
559
- }
560
- .col-start-1 {
561
- grid-column-start: 1;
562
- }
563
- .row-start-1 {
564
- grid-row-start: 1;
565
- }
566
- .-m-2\.5 {
567
- margin: -0.625rem;
568
- }
569
- .m-0 {
570
- margin: 0px;
571
- }
572
- .m-1 {
573
- margin: 0.25rem;
574
- }
575
- .-mx-0\.5 {
576
- margin-left: -0.125rem;
577
- margin-right: -0.125rem;
578
- }
579
- .-mx-1 {
580
- margin-left: -0.25rem;
581
- margin-right: -0.25rem;
582
- }
583
- .-mx-2 {
584
- margin-left: -0.5rem;
585
- margin-right: -0.5rem;
586
- }
587
- .-mx-6 {
588
- margin-left: -1.5rem;
589
- margin-right: -1.5rem;
590
- }
591
- .-my-0\.5 {
592
- margin-top: -0.125rem;
593
- margin-bottom: -0.125rem;
594
- }
595
- .-my-1 {
596
- margin-top: -0.25rem;
597
- margin-bottom: -0.25rem;
598
- }
599
- .-my-5 {
600
- margin-top: -1.25rem;
601
- margin-bottom: -1.25rem;
602
- }
603
- .-my-6 {
604
- margin-top: -1.5rem;
605
- margin-bottom: -1.5rem;
606
- }
607
- .mx-auto {
608
- margin-left: auto;
609
- margin-right: auto;
610
- }
611
- .my-0\.5 {
612
- margin-top: 0.125rem;
613
- margin-bottom: 0.125rem;
614
- }
615
- .\!mb-0 {
616
- margin-bottom: 0px !important;
617
- }
618
- .\!mt-0 {
619
- margin-top: 0px !important;
620
- }
621
- .-ml-1 {
622
- margin-left: -0.25rem;
623
- }
624
- .-mt-1 {
625
- margin-top: -0.25rem;
626
- }
627
- .-mb-1 {
628
- margin-bottom: -0.25rem;
629
- }
630
- .mb-0 {
631
- margin-bottom: 0px;
632
- }
633
- .mb-1 {
634
- margin-bottom: 0.25rem;
635
- }
636
- .mb-10 {
637
- margin-bottom: 2.5rem;
638
- }
639
- .mb-12 {
640
- margin-bottom: 3rem;
641
- }
642
- .mb-14 {
643
- margin-bottom: 3.5rem;
644
- }
645
- .mb-4 {
646
- margin-bottom: 1rem;
647
- }
648
- .mb-6 {
649
- margin-bottom: 1.5rem;
650
- }
651
- .mb-7 {
652
- margin-bottom: 1.75rem;
653
- }
654
- .mb-8 {
655
- margin-bottom: 2rem;
656
- }
657
- .mb-input-after {
658
- margin-bottom: 1.5rem;
659
- }
660
- .ml-2 {
661
- margin-left: 0.5rem;
662
- }
663
- .ml-3 {
664
- margin-left: 0.75rem;
665
- }
666
- .ml-4 {
667
- margin-left: 1rem;
668
- }
669
- .mr-16 {
670
- margin-right: 4rem;
671
- }
672
- .mr-2 {
673
- margin-right: 0.5rem;
674
- }
675
- .mr-3 {
676
- margin-right: 0.75rem;
677
- }
678
- .-mt-1 {
679
- margin-top: -0.25rem;
680
- }
681
- .mt-1 {
682
- margin-top: 0.25rem;
683
- }
684
- .mt-1\.5 {
685
- margin-top: 0.375rem;
686
- }
687
- .mt-16 {
688
- margin-top: 4rem;
689
- }
690
- .mt-2 {
691
- margin-top: 0.5rem;
692
- }
693
- .mt-4 {
694
- margin-top: 1rem;
695
- }
696
- .mt-6 {
697
- margin-top: 1.5rem;
698
- }
699
- .mt-8 {
700
- margin-top: 2rem;
701
- }
702
- .mt-auto {
703
- margin-top: auto;
704
- }
705
- .mt-input-before {
706
- margin-top: 0.625rem;
707
- }
708
- .block {
709
- display: block;
710
- }
711
- .inline-block {
712
- display: inline-block;
713
- }
714
- .inline {
715
- display: inline;
716
- }
717
- .\!flex {
718
- display: -webkit-box !important;
719
- display: -ms-flexbox !important;
720
- display: flex !important;
721
- }
722
- .flex {
723
- display: -webkit-box;
724
- display: -ms-flexbox;
725
- display: flex;
726
- }
727
- .inline-flex {
728
- display: -webkit-inline-box;
729
- display: -ms-inline-flexbox;
730
- display: inline-flex;
731
- }
732
- .grid {
733
- display: grid;
734
- }
735
- .contents {
736
- display: contents;
737
- }
738
- .hidden {
739
- display: none;
740
- }
741
- .aspect-\[1155\/678\] {
742
- aspect-ratio: 1155/678;
743
- }
744
- .size-1\.5 {
745
- width: 0.375rem;
746
- height: 0.375rem;
747
- }
748
- .size-3\.5 {
749
- width: 0.875rem;
750
- height: 0.875rem;
751
- }
752
- .size-4 {
753
- width: 1rem;
754
- height: 1rem;
755
- }
756
- .size-5 {
757
- width: 1.25rem;
758
- height: 1.25rem;
759
- }
760
- .size-6 {
761
- width: 1.5rem;
762
- height: 1.5rem;
763
- }
764
- .size-8 {
765
- width: 2rem;
766
- height: 2rem;
767
- }
768
- .size-\[18px\] {
769
- width: 18px;
770
- height: 18px;
771
- }
772
- .size-\[22px\] {
773
- width: 22px;
774
- height: 22px;
775
- }
776
- .size-full {
777
- width: 100%;
778
- height: 100%;
779
- }
780
- .h-16 {
781
- height: 4rem;
782
- }
783
- .h-4 {
784
- height: 1rem;
785
- }
786
- .h-5 {
787
- height: 1.25rem;
788
- }
789
- .h-6 {
790
- height: 1.5rem;
791
- }
792
- .h-\[30px\] {
793
- height: 30px;
794
- }
795
- .min-h-12 {
796
- min-height: 3rem;
797
- }
798
- .min-h-\[100\%\] {
799
- min-height: 100%;
800
- }
801
- .min-h-\[300px\] {
802
- min-height: 300px;
803
- }
804
- .min-h-full {
805
- min-height: 100%;
806
- }
807
- .w-11 {
808
- width: 2.75rem;
809
- }
810
- .w-16 {
811
- width: 4rem;
812
- }
813
- .w-4 {
814
- width: 1rem;
815
- }
816
- .w-5 {
817
- width: 1.25rem;
818
- }
819
- .w-9 {
820
- width: 2.25rem;
821
- }
822
- .w-\[100\%\] {
823
- width: 100%;
824
- }
825
- .w-\[200px\] {
826
- width: 200px;
827
- }
828
- .w-\[30px\] {
829
- width: 30px;
830
- }
831
- .w-\[72\.1875rem\] {
832
- width: 72.1875rem;
833
- }
834
- .w-full {
835
- width: 100%;
836
- }
837
- .min-w-full {
838
- min-width: 100%;
839
- }
840
- .max-w-2xl {
841
- max-width: 42rem;
842
- }
843
- .max-w-4xl {
844
- max-width: 56rem;
845
- }
846
- .max-w-\[1100px\] {
847
- max-width: 1100px;
848
- }
849
- .max-w-\[350px\] {
850
- max-width: 350px;
851
- }
852
- .max-w-lg {
853
- max-width: 32rem;
854
- }
855
- .max-w-xs {
856
- max-width: 20rem;
857
- }
858
- .flex-1 {
859
- -webkit-box-flex: 1;
860
- -ms-flex: 1 1 0%;
861
- flex: 1 1 0%;
862
- }
863
- .flex-auto {
864
- -webkit-box-flex: 1;
865
- -ms-flex: 1 1 auto;
866
- flex: 1 1 auto;
867
- }
868
- .flex-none {
869
- -webkit-box-flex: 0;
870
- -ms-flex: none;
871
- flex: none;
872
- }
873
- .flex-shrink {
874
- -ms-flex-negative: 1;
875
- flex-shrink: 1;
876
- }
877
- .shrink-0 {
878
- -ms-flex-negative: 0;
879
- flex-shrink: 0;
880
- }
881
- .grow {
882
- -webkit-box-flex: 1;
883
- -ms-flex-positive: 1;
884
- flex-grow: 1;
885
- }
886
- .transform {
887
- -webkit-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));
888
- 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));
889
- }
890
- .transform-gpu {
891
- -webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
892
- transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
893
- }
894
- @-webkit-keyframes spin {
895
- to {
896
- -webkit-transform: rotate(360deg);
897
- transform: rotate(360deg);
898
- }
899
- }
900
- @keyframes spin {
901
- to {
902
- -webkit-transform: rotate(360deg);
903
- transform: rotate(360deg);
904
- }
905
- }
906
- .animate-spin {
907
- -webkit-animation: spin 1s linear infinite;
908
- animation: spin 1s linear infinite;
909
- }
910
- .cursor-default {
911
- cursor: default;
912
- }
913
- .select-none {
914
- -webkit-user-select: none;
915
- -moz-user-select: none;
916
- -ms-user-select: none;
917
- user-select: none;
918
- }
919
- .appearance-none {
920
- -webkit-appearance: none;
921
- -moz-appearance: none;
922
- appearance: none;
923
- }
924
- .grid-cols-1 {
925
- grid-template-columns: repeat(1, minmax(0, 1fr));
926
- }
927
- .grid-cols-2 {
928
- grid-template-columns: repeat(2, minmax(0, 1fr));
929
- }
930
- .grid-cols-3 {
931
- grid-template-columns: repeat(3, minmax(0, 1fr));
932
- }
933
- .flex-col {
934
- -webkit-box-orient: vertical;
935
- -webkit-box-direction: normal;
936
- -ms-flex-direction: column;
937
- flex-direction: column;
938
- }
939
- .flex-wrap {
940
- -ms-flex-wrap: wrap;
941
- flex-wrap: wrap;
942
- }
943
- .items-start {
944
- -webkit-box-align: start;
945
- -ms-flex-align: start;
946
- align-items: flex-start;
947
- }
948
- .items-end {
949
- -webkit-box-align: end;
950
- -ms-flex-align: end;
951
- align-items: flex-end;
952
- }
953
- .items-center {
954
- -webkit-box-align: center;
955
- -ms-flex-align: center;
956
- align-items: center;
957
- }
958
- .items-baseline {
959
- -webkit-box-align: baseline;
960
- -ms-flex-align: baseline;
961
- align-items: baseline;
962
- }
963
- .justify-center {
964
- -webkit-box-pack: center;
965
- -ms-flex-pack: center;
966
- justify-content: center;
967
- }
968
- .justify-between {
969
- -webkit-box-pack: justify;
970
- -ms-flex-pack: justify;
971
- justify-content: space-between;
972
- }
973
- .gap-1 {
974
- gap: 0.25rem;
975
- }
976
- .gap-1\.5 {
977
- gap: 0.375rem;
978
- }
979
- .gap-2 {
980
- gap: 0.5rem;
981
- }
982
- .gap-3 {
983
- gap: 0.75rem;
984
- }
985
- .gap-4 {
986
- gap: 1rem;
987
- }
988
- .gap-6 {
989
- gap: 1.5rem;
990
- }
991
- .gap-x-1\.5 {
992
- -webkit-column-gap: 0.375rem;
993
- -moz-column-gap: 0.375rem;
994
- column-gap: 0.375rem;
995
- }
996
- .gap-x-2 {
997
- -webkit-column-gap: 0.5rem;
998
- -moz-column-gap: 0.5rem;
999
- column-gap: 0.5rem;
1000
- }
1001
- .gap-x-3 {
1002
- -webkit-column-gap: 0.75rem;
1003
- -moz-column-gap: 0.75rem;
1004
- column-gap: 0.75rem;
1005
- }
1006
- .gap-x-4 {
1007
- -webkit-column-gap: 1rem;
1008
- -moz-column-gap: 1rem;
1009
- column-gap: 1rem;
1010
- }
1011
- .gap-x-6 {
1012
- -webkit-column-gap: 1.5rem;
1013
- -moz-column-gap: 1.5rem;
1014
- column-gap: 1.5rem;
1015
- }
1016
- .gap-y-4 {
1017
- row-gap: 1rem;
1018
- }
1019
- .gap-y-6 {
1020
- row-gap: 1.5rem;
1021
- }
1022
- .gap-y-7 {
1023
- row-gap: 1.75rem;
1024
- }
1025
- .gap-y-8 {
1026
- row-gap: 2rem;
1027
- }
1028
- .space-y-1 > :not([hidden]) ~ :not([hidden]) {
1029
- --tw-space-y-reverse: 0;
1030
- margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
1031
- margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
1032
- }
1033
- .space-y-3 > :not([hidden]) ~ :not([hidden]) {
1034
- --tw-space-y-reverse: 0;
1035
- margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
1036
- margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
1037
- }
1038
- .space-y-4 > :not([hidden]) ~ :not([hidden]) {
1039
- --tw-space-y-reverse: 0;
1040
- margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1041
- margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1042
- }
1043
- .self-center {
1044
- -ms-flex-item-align: center;
1045
- align-self: center;
1046
- }
1047
- .justify-self-start {
1048
- justify-self: start;
1049
- }
1050
- .justify-self-end {
1051
- justify-self: end;
1052
- }
1053
- .justify-self-center {
1054
- justify-self: center;
1055
- }
1056
- .overflow-hidden {
1057
- overflow: hidden;
1058
- }
1059
- .overflow-y-auto {
1060
- overflow-y: auto;
1061
- }
1062
- .truncate {
1063
- overflow: hidden;
1064
- text-overflow: ellipsis;
1065
- white-space: nowrap;
1066
- }
1067
- .text-balance {
1068
- text-wrap: balance;
1069
- }
1070
- .text-pretty {
1071
- text-wrap: pretty;
1072
- }
1073
- .rounded {
1074
- border-radius: 0.25rem;
1075
- }
1076
- .rounded-3xl {
1077
- border-radius: 1.5rem;
1078
- }
1079
- .rounded-full {
1080
- border-radius: 9999px;
1081
- }
1082
- .rounded-lg {
1083
- border-radius: 0.5rem;
1084
- }
1085
- .rounded-md {
1086
- border-radius: 0.375rem;
1087
- }
1088
- .rounded-sm {
1089
- border-radius: 0.125rem;
1090
- }
1091
- .rounded-t-3xl {
1092
- border-top-left-radius: 1.5rem;
1093
- border-top-right-radius: 1.5rem;
1094
- }
1095
- .border {
1096
- border-width: 1px;
1097
- }
1098
- .border-2 {
1099
- border-width: 2px;
1100
- }
1101
- .border-b {
1102
- border-bottom-width: 1px;
1103
- }
1104
- .border-dashed {
1105
- border-style: dashed;
1106
- }
1107
- .border-dropdown-ul-border {
1108
- --tw-border-opacity: 1;
1109
- border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
1110
- }
1111
- .border-gray-200 {
1112
- --tw-border-opacity: 1;
1113
- border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
1114
- }
1115
- .border-gray-300 {
1116
- --tw-border-opacity: 1;
1117
- border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1118
- }
1119
- .border-indigo-600 {
1120
- --tw-border-opacity: 1;
1121
- border-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
1122
- }
1123
- .border-input-border {
1124
- --tw-border-opacity: 1;
1125
- border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1126
- }
1127
- .border-primary {
1128
- --tw-border-opacity: 1;
1129
- border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
1130
- }
1131
- .border-primary-dark {
1132
- --tw-border-opacity: 1;
1133
- border-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
1134
- }
1135
- .border-white {
1136
- --tw-border-opacity: 1;
1137
- border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
1138
- }
1139
- .border-t-transparent {
1140
- border-top-color: transparent;
1141
- }
1142
- .\!bg-gray-100 {
1143
- --tw-bg-opacity: 1 !important;
1144
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important;
1145
- }
1146
- .bg-\[\#F3F3F3\] {
1147
- --tw-bg-opacity: 1;
1148
- background-color: rgb(243 243 243 / var(--tw-bg-opacity, 1));
1149
- }
1150
- .bg-\[\#FDFDFD\] {
1151
- --tw-bg-opacity: 1;
1152
- background-color: rgb(253 253 253 / var(--tw-bg-opacity, 1));
1153
- }
1154
- .bg-gray-100 {
1155
- --tw-bg-opacity: 1;
1156
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
1157
- }
1158
- .bg-gray-200 {
1159
- --tw-bg-opacity: 1;
1160
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1161
- }
1162
- .bg-gray-50 {
1163
- --tw-bg-opacity: 1;
1164
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1165
- }
1166
- .bg-gray-900 {
1167
- --tw-bg-opacity: 1;
1168
- background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
1169
- }
1170
- .bg-gray-900\/80 {
1171
- background-color: rgb(17 24 39 / 0.8);
1172
- }
1173
- .bg-green-100 {
1174
- --tw-bg-opacity: 1;
1175
- background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
1176
- }
1177
- .bg-indigo-500 {
1178
- --tw-bg-opacity: 1;
1179
- background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
1180
- }
1181
- .bg-pink-100 {
1182
- --tw-bg-opacity: 1;
1183
- background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1));
1184
- }
1185
- .bg-primary {
1186
- --tw-bg-opacity: 1;
1187
- background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
1188
- }
1189
- .bg-secondary {
1190
- --tw-bg-opacity: 1;
1191
- background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
1192
- }
1193
- .bg-white {
1194
- --tw-bg-opacity: 1;
1195
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1196
- }
1197
- .bg-white\/60 {
1198
- background-color: rgb(255 255 255 / 0.6);
1199
- }
1200
- .bg-gradient-to-tr {
1201
- background-image: -webkit-gradient(linear, left bottom, right top, from(var(--tw-gradient-stops)));
1202
- background-image: linear-gradient(to top right, var(--tw-gradient-stops));
1203
- }
1204
- .from-\[\#ff80b5\] {
1205
- --tw-gradient-from: #ff80b5 var(--tw-gradient-from-position);
1206
- --tw-gradient-to: rgb(255 128 181 / 0) var(--tw-gradient-to-position);
1207
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1208
- }
1209
- .to-\[\#9089fc\] {
1210
- --tw-gradient-to: #9089fc var(--tw-gradient-to-position);
1211
- }
1212
- .fill-green-500 {
1213
- fill: #22c55e;
1214
- }
1215
- .fill-pink-500 {
1216
- fill: #ec4899;
1217
- }
1218
- .stroke-white {
1219
- stroke: #fff;
1220
- }
1221
- .object-cover {
1222
- -o-object-fit: cover;
1223
- object-fit: cover;
1224
- }
1225
- .p-1 {
1226
- padding: 0.25rem;
1227
- }
1228
- .p-2 {
1229
- padding: 0.5rem;
1230
- }
1231
- .p-2\.5 {
1232
- padding: 0.625rem;
1233
- }
1234
- .p-4 {
1235
- padding: 1rem;
1236
- }
1237
- .p-8 {
1238
- padding: 2rem;
1239
- }
1240
- .p-\[1px\] {
1241
- padding: 1px;
1242
- }
1243
- .p-\[20px\] {
1244
- padding: 20px;
1245
- }
1246
- .px-1\.5 {
1247
- padding-left: 0.375rem;
1248
- padding-right: 0.375rem;
1249
- }
1250
- .px-10 {
1251
- padding-left: 2.5rem;
1252
- padding-right: 2.5rem;
1253
- }
1254
- .px-14 {
1255
- padding-left: 3.5rem;
1256
- padding-right: 3.5rem;
1257
- }
1258
- .px-2 {
1259
- padding-left: 0.5rem;
1260
- padding-right: 0.5rem;
1261
- }
1262
- .px-2\.5 {
1263
- padding-left: 0.625rem;
1264
- padding-right: 0.625rem;
1265
- }
1266
- .px-3 {
1267
- padding-left: 0.75rem;
1268
- padding-right: 0.75rem;
1269
- }
1270
- .px-3\.5 {
1271
- padding-left: 0.875rem;
1272
- padding-right: 0.875rem;
1273
- }
1274
- .px-36 {
1275
- padding-left: 9rem;
1276
- padding-right: 9rem;
1277
- }
1278
- .px-4 {
1279
- padding-left: 1rem;
1280
- padding-right: 1rem;
1281
- }
1282
- .px-5 {
1283
- padding-left: 1.25rem;
1284
- padding-right: 1.25rem;
1285
- }
1286
- .px-6 {
1287
- padding-left: 1.5rem;
1288
- padding-right: 1.5rem;
1289
- }
1290
- .px-8 {
1291
- padding-left: 2rem;
1292
- padding-right: 2rem;
1293
- }
1294
- .py-0\.5 {
1295
- padding-top: 0.125rem;
1296
- padding-bottom: 0.125rem;
1297
- }
1298
- .py-1 {
1299
- padding-top: 0.25rem;
1300
- padding-bottom: 0.25rem;
1301
- }
1302
- .py-1\.5 {
1303
- padding-top: 0.375rem;
1304
- padding-bottom: 0.375rem;
1305
- }
1306
- .py-10 {
1307
- padding-top: 2.5rem;
1308
- padding-bottom: 2.5rem;
1309
- }
1310
- .py-12 {
1311
- padding-top: 3rem;
1312
- padding-bottom: 3rem;
1313
- }
1314
- .py-2 {
1315
- padding-top: 0.5rem;
1316
- padding-bottom: 0.5rem;
1317
- }
1318
- .py-2\.5 {
1319
- padding-top: 0.625rem;
1320
- padding-bottom: 0.625rem;
1321
- }
1322
- .py-3 {
1323
- padding-top: 0.75rem;
1324
- padding-bottom: 0.75rem;
1325
- }
1326
- .py-4 {
1327
- padding-top: 1rem;
1328
- padding-bottom: 1rem;
1329
- }
1330
- .py-5 {
1331
- padding-top: 1.25rem;
1332
- padding-bottom: 1.25rem;
1333
- }
1334
- .py-6 {
1335
- padding-top: 1.5rem;
1336
- padding-bottom: 1.5rem;
1337
- }
1338
- .pb-4 {
1339
- padding-bottom: 1rem;
1340
- }
1341
- .pl-10 {
1342
- padding-left: 2.5rem;
1343
- }
1344
- .pl-2 {
1345
- padding-left: 0.5rem;
1346
- }
1347
- .pl-3 {
1348
- padding-left: 0.75rem;
1349
- }
1350
- .pr-1\.5 {
1351
- padding-right: 0.375rem;
1352
- }
1353
- .pr-10 {
1354
- padding-right: 2.5rem;
1355
- }
1356
- .pr-3 {
1357
- padding-right: 0.75rem;
1358
- }
1359
- .pt-0\.5 {
1360
- padding-top: 0.125rem;
1361
- }
1362
- .pt-14 {
1363
- padding-top: 3.5rem;
1364
- }
1365
- .pt-2 {
1366
- padding-top: 0.5rem;
1367
- }
1368
- .pt-5 {
1369
- padding-top: 1.25rem;
1370
- }
1371
- .text-left {
1372
- text-align: left;
1373
- }
1374
- .text-center {
1375
- text-align: center;
1376
- }
1377
- .align-middle {
1378
- vertical-align: middle;
1379
- }
1380
- .text-5xl {
1381
- font-size: 3rem;
1382
- line-height: 1;
1383
- }
1384
- .text-\[0\.625rem\] {
1385
- font-size: 0.625rem;
1386
- }
1387
- .text-base {
1388
- font-size: 1rem;
1389
- line-height: 1.5;
1390
- }
1391
- .text-base\/7 {
1392
- font-size: 1rem;
1393
- line-height: 1.75rem;
1394
- }
1395
- .text-lg {
1396
- font-size: 1.16rem;
1397
- line-height: 1.75;
1398
- }
1399
- .text-sm {
1400
- font-size: 0.90rem;
1401
- line-height: 1.5;
1402
- }
1403
- .text-sm\/6 {
1404
- font-size: 0.90rem;
1405
- line-height: 1.5rem;
1406
- }
1407
- .text-xs {
1408
- font-size: 0.83rem;
1409
- line-height: 1.5;
1410
- }
1411
- .text-xs\/6 {
1412
- font-size: 0.83rem;
1413
- line-height: 1.5rem;
1414
- }
1415
- .font-medium {
1416
- font-weight: 500;
1417
- }
1418
- .font-semibold {
1419
- font-weight: 600;
1420
- }
1421
- .uppercase {
1422
- text-transform: uppercase;
1423
- }
1424
- .lowercase {
1425
- text-transform: lowercase;
1426
- }
1427
- .tracking-tight {
1428
- letter-spacing: -0.025em;
1429
- }
1430
- .text-\[\#1F1F1F\] {
1431
- --tw-text-opacity: 1;
1432
- color: rgb(31 31 31 / var(--tw-text-opacity, 1));
1433
- }
1434
- .text-\[\#c6c8ce\] {
1435
- --tw-text-opacity: 1;
1436
- color: rgb(198 200 206 / var(--tw-text-opacity, 1));
1437
- }
1438
- .text-danger {
1439
- --tw-text-opacity: 1;
1440
- color: rgb(255 0 0 / var(--tw-text-opacity, 1));
1441
- }
1442
- .text-dark {
1443
- --tw-text-opacity: 1;
1444
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1445
- }
1446
- .text-gray-300 {
1447
- --tw-text-opacity: 1;
1448
- color: rgb(209 213 219 / var(--tw-text-opacity, 1));
1449
- }
1450
- .text-gray-400 {
1451
- --tw-text-opacity: 1;
1452
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
1453
- }
1454
- .text-gray-500 {
1455
- --tw-text-opacity: 1;
1456
- color: rgb(107 114 128 / var(--tw-text-opacity, 1));
1457
- }
1458
- .text-gray-600 {
1459
- --tw-text-opacity: 1;
1460
- color: rgb(75 85 99 / var(--tw-text-opacity, 1));
1461
- }
1462
- .text-gray-700 {
1463
- --tw-text-opacity: 1;
1464
- color: rgb(55 65 81 / var(--tw-text-opacity, 1));
1465
- }
1466
- .text-gray-900 {
1467
- --tw-text-opacity: 1;
1468
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1469
- }
1470
- .text-green-400 {
1471
- --tw-text-opacity: 1;
1472
- color: rgb(74 222 128 / var(--tw-text-opacity, 1));
1473
- }
1474
- .text-green-700 {
1475
- --tw-text-opacity: 1;
1476
- color: rgb(21 128 61 / var(--tw-text-opacity, 1));
1477
- }
1478
- .text-indigo-400 {
1479
- --tw-text-opacity: 1;
1480
- color: rgb(129 140 248 / var(--tw-text-opacity, 1));
1481
- }
1482
- .text-indigo-600 {
1483
- --tw-text-opacity: 1;
1484
- color: rgb(79 70 229 / var(--tw-text-opacity, 1));
1485
- }
1486
- .text-input {
1487
- --tw-text-opacity: 1;
1488
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1489
- }
1490
- .text-input-placeholder {
1491
- --tw-text-opacity: 1;
1492
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
1493
- }
1494
- .text-pink-700 {
1495
- --tw-text-opacity: 1;
1496
- color: rgb(190 24 93 / var(--tw-text-opacity, 1));
1497
- }
1498
- .text-primary {
1499
- --tw-text-opacity: 1;
1500
- color: rgb(99 102 241 / var(--tw-text-opacity, 1));
1501
- }
1502
- .text-primary-dark {
1503
- --tw-text-opacity: 1;
1504
- color: rgb(79 70 229 / var(--tw-text-opacity, 1));
1505
- }
1506
- .text-red-900 {
1507
- --tw-text-opacity: 1;
1508
- color: rgb(127 29 29 / var(--tw-text-opacity, 1));
1509
- }
1510
- .text-white {
1511
- --tw-text-opacity: 1;
1512
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1513
- }
1514
- .opacity-0 {
1515
- opacity: 0;
1516
- }
1517
- .opacity-30 {
1518
- opacity: 0.3;
1519
- }
1520
- .shadow-2xl {
1521
- --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
1522
- --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
1523
- -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1524
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1525
- }
1526
- .shadow-\[0_0_40px_0_rgb\(237_237_237\)\] {
1527
- --tw-shadow: 0 0 40px 0 rgb(237 237 237);
1528
- --tw-shadow-colored: 0 0 40px 0 var(--tw-shadow-color);
1529
- -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1530
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1531
- }
1532
- .shadow-dropdown-ul {
1533
- --tw-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
1534
- --tw-shadow-colored: 0 2px 8px 0 var(--tw-shadow-color);
1535
- -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1536
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1537
- }
1538
- .shadow-lg {
1539
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1540
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1541
- -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1542
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1543
- }
1544
- .shadow-sm {
1545
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1546
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1547
- -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1548
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1549
- }
1550
- .outline {
1551
- outline-style: solid;
1552
- }
1553
- .outline-1 {
1554
- outline-width: 1px;
1555
- }
1556
- .outline-2 {
1557
- outline-width: 2px;
1558
- }
1559
- .-outline-offset-1 {
1560
- outline-offset: -1px;
1561
- }
1562
- .-outline-offset-2 {
1563
- outline-offset: -2px;
1564
- }
1565
- .outline-danger {
1566
- outline-color: #ff0000;
1567
- }
1568
- .outline-input-border {
1569
- outline-color: #d1d5db;
1570
- }
1571
- .outline-primary {
1572
- outline-color: #6366f1;
1573
- }
1574
- .ring-1 {
1575
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1576
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1577
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1578
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1579
- }
1580
- .ring-inset {
1581
- --tw-ring-inset: inset;
1582
- }
1583
- .ring-black\/5 {
1584
- --tw-ring-color: rgb(0 0 0 / 0.05);
1585
- }
1586
- .ring-gray-300 {
1587
- --tw-ring-opacity: 1;
1588
- --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
1589
- }
1590
- .ring-gray-900\/10 {
1591
- --tw-ring-color: rgb(17 24 39 / 0.1);
1592
- }
1593
- .ring-indigo-200 {
1594
- --tw-ring-opacity: 1;
1595
- --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity, 1));
1596
- }
1597
- .blur {
1598
- --tw-blur: blur(8px);
1599
- -webkit-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);
1600
- 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);
1601
- }
1602
- .blur-3xl {
1603
- --tw-blur: blur(64px);
1604
- -webkit-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);
1605
- 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);
1606
- }
1607
- .filter {
1608
- -webkit-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);
1609
- 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);
1610
- }
1611
- .backdrop-filter {
1612
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1613
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1614
- }
1615
- .transition {
1616
- -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
1617
- transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
1618
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1619
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
1620
- -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1621
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1622
- -webkit-transition-duration: 150ms;
1623
- transition-duration: 150ms;
1624
- }
1625
- .transition-all {
1626
- -webkit-transition-property: all;
1627
- transition-property: all;
1628
- -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1629
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1630
- -webkit-transition-duration: 150ms;
1631
- transition-duration: 150ms;
1632
- }
1633
- .transition-opacity {
1634
- -webkit-transition-property: opacity;
1635
- transition-property: opacity;
1636
- -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1637
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1638
- -webkit-transition-duration: 150ms;
1639
- transition-duration: 150ms;
1640
- }
1641
- .duration-150 {
1642
- -webkit-transition-duration: 150ms;
1643
- transition-duration: 150ms;
1644
- }
1645
- .duration-300 {
1646
- -webkit-transition-duration: 300ms;
1647
- transition-duration: 300ms;
1648
- }
1649
- .ease-in-out {
1650
- -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1651
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1652
- }
1653
- .ease-linear {
1654
- -webkit-transition-timing-function: linear;
1655
- transition-timing-function: linear;
1656
- }
1657
- /* Tailwind UI components & Inter font */
1658
- /* ---- Tailwind UI Components ---------- */
1659
- /* ---- Typography (wysiwyg) ------------ */
1660
- .content ol a,
1661
- .content ul a,
1662
- .content p a {
1663
- text-decoration: none;
1664
- }
1665
- .content ol a:hover,
1666
- .content ul a:hover,
1667
- .content p a:hover,
1668
- .content ol a:focus,
1669
- .content ul a:focus,
1670
- .content p a:focus {
1671
- text-decoration: none;
1672
- }
1673
- /* ---- Elements --------------------- */
1674
- .underline1,
1675
- .underline2,
1676
- .underline3 {
1677
- /* e.g. new project subscribe title */
1678
- position: relative;
1679
- display: inline-block;
1680
- }
1681
- .underline1:before, .underline2:before, .underline3:before {
1682
- content: "";
1683
- position: absolute;
1684
- bottom: 0.15em;
1685
- height: 1px;
1686
- width: 100%;
1687
- background-color: transparent;
1688
- -webkit-transition: background 0.2s ease;
1689
- transition: background 0.2s ease;
1690
- }
1691
- .underline1.is-active:before, .underline1:hover:before, .underline2.is-active:before, .underline2:hover:before, .underline3.is-active:before, .underline3:hover:before {
1692
- background-color: currentColor;
1693
- }
1694
- .underline1.is-active.is-white:before, .underline1:hover.is-white:before, .underline2.is-active.is-white:before, .underline2:hover.is-white:before, .underline3.is-active.is-white:before, .underline3:hover.is-white:before {
1695
- background-color: white;
1696
- }
1697
- .underline1.underline2:before, .underline2.underline2:before, .underline3.underline2:before {
1698
- bottom: 0.1em;
1699
- }
1700
- /* more of a dotted line, e.g. subscription features */
1701
- .underline1.underline3:before, .underline2.underline3:before, .underline3.underline3:before {
1702
- bottom: -0.08em;
1703
- background: repeating-linear-gradient(90deg, currentColor 0 3px, transparent 0 6px) top;
1704
- opacity: 0.12;
1705
- -webkit-transition: opacity 0.15s ease;
1706
- transition: opacity 0.15s ease;
1707
- }
1708
- .underline1.underline3.is-active:before, .underline1.underline3:hover:before, .underline2.underline3.is-active:before, .underline2.underline3:hover:before, .underline3.underline3.is-active:before, .underline3.underline3:hover:before {
1709
- opacity: 1;
1710
- }
1711
- /* ---- Misc ------------------------- */
1712
- .__PrivateStripeElementLoader {
1713
- display: none !important;
1714
- }
1715
- /* ---- Font Inter ------------ */
1716
- /* https://gwfh.mranftl.com/fonts/inter?subsets=latin */
1717
- /* inter-300 - latin */
1718
- @font-face {
1719
- font-display: swap;
1720
- font-family: 'Inter';
1721
- font-style: normal;
1722
- font-weight: 300;
1723
- src: url(/nitro-web/assets/images/inter-v13-latin-300..woff2) format('woff2');
1724
- }
1725
- /* inter-regular - latin */
1726
- @font-face {
1727
- font-display: swap;
1728
- font-family: 'Inter';
1729
- font-style: normal;
1730
- font-weight: 400;
1731
- src: url(/nitro-web/assets/images/inter-v13-latin-regular..woff2) format('woff2');
1732
- /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
1733
- }
1734
- /* inter-500 - latin */
1735
- @font-face {
1736
- font-display: swap;
1737
- font-family: 'Inter';
1738
- font-style: normal;
1739
- font-weight: 500;
1740
- src: url(/nitro-web/assets/images/inter-v13-latin-500..woff2) format('woff2');
1741
- /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
1742
- }
1743
- /* inter-600 - latin */
1744
- @font-face {
1745
- font-display: swap;
1746
- font-family: 'Inter';
1747
- font-style: normal;
1748
- font-weight: 600;
1749
- src: url(/nitro-web/assets/images/inter-v13-latin-600..woff2) format('woff2');
1750
- /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
1751
- }
1752
- /* inter-700 - latin */
1753
- @font-face {
1754
- font-display: swap;
1755
- font-family: 'Inter';
1756
- font-style: normal;
1757
- font-weight: 700;
1758
- src: url(/nitro-web/assets/images/inter-v13-latin-700..woff2) format('woff2');
1759
- /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
1760
- }
1761
- /* inter-800 - latin */
1762
- @font-face {
1763
- font-display: swap;
1764
- font-family: 'Inter';
1765
- font-style: normal;
1766
- font-weight: 800;
1767
- src: url(/nitro-web/assets/images/inter-v13-latin-800..woff2) format('woff2');
1768
- /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
1769
- }
1770
- /* inter-900 - latin */
1771
- @font-face {
1772
- font-display: swap;
1773
- font-family: 'Inter';
1774
- font-style: normal;
1775
- font-weight: 900;
1776
- src: url(/nitro-web/assets/images/inter-v13-latin-900..woff2) format('woff2');
1777
- /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
1778
- }
1779
- /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
1780
- /* Typography */
1781
- html {
1782
- font-size: 15.5px;
1783
- }
1784
- .placeholder\:text-input-placeholder::-webkit-input-placeholder {
1785
- --tw-text-opacity: 1;
1786
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
1787
- }
1788
- .placeholder\:text-input-placeholder::-moz-placeholder {
1789
- --tw-text-opacity: 1;
1790
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
1791
- }
1792
- .placeholder\:text-input-placeholder:-ms-input-placeholder {
1793
- --tw-text-opacity: 1;
1794
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
1795
- }
1796
- .placeholder\:text-input-placeholder::-ms-input-placeholder {
1797
- --tw-text-opacity: 1;
1798
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
1799
- }
1800
- .placeholder\:text-input-placeholder::placeholder {
1801
- --tw-text-opacity: 1;
1802
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
1803
- }
1804
- .before\:absolute::before {
1805
- content: var(--tw-content);
1806
- position: absolute;
1807
- }
1808
- .before\:inset-0::before {
1809
- content: var(--tw-content);
1810
- inset: 0px;
1811
- }
1812
- .before\:block::before {
1813
- content: var(--tw-content);
1814
- display: block;
1815
- }
1816
- .before\:h-full::before {
1817
- content: var(--tw-content);
1818
- height: 100%;
1819
- }
1820
- .before\:w-px::before {
1821
- content: var(--tw-content);
1822
- width: 1px;
1823
- }
1824
- .before\:bg-gray-100::before {
1825
- content: var(--tw-content);
1826
- --tw-bg-opacity: 1;
1827
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
1828
- }
1829
- .before\:bg-primary::before {
1830
- content: var(--tw-content);
1831
- --tw-bg-opacity: 1;
1832
- background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
1833
- }
1834
- .before\:opacity-5::before {
1835
- content: var(--tw-content);
1836
- opacity: 0.05;
1837
- }
1838
- .before\:content-\[\"\"\]::before {
1839
- --tw-content: "";
1840
- content: var(--tw-content);
1841
- }
1842
- .after\:absolute::after {
1843
- content: var(--tw-content);
1844
- position: absolute;
1845
- }
1846
- .after\:start-\[2px\]::after {
1847
- content: var(--tw-content);
1848
- inset-inline-start: 2px;
1849
- }
1850
- .after\:top-\[2px\]::after {
1851
- content: var(--tw-content);
1852
- top: 2px;
1853
- }
1854
- .after\:h-4::after {
1855
- content: var(--tw-content);
1856
- height: 1rem;
1857
- }
1858
- .after\:h-5::after {
1859
- content: var(--tw-content);
1860
- height: 1.25rem;
1861
- }
1862
- .after\:w-4::after {
1863
- content: var(--tw-content);
1864
- width: 1rem;
1865
- }
1866
- .after\:w-5::after {
1867
- content: var(--tw-content);
1868
- width: 1.25rem;
1869
- }
1870
- .after\:rounded-full::after {
1871
- content: var(--tw-content);
1872
- border-radius: 9999px;
1873
- }
1874
- .after\:border::after {
1875
- content: var(--tw-content);
1876
- border-width: 1px;
1877
- }
1878
- .after\:border-gray-300::after {
1879
- content: var(--tw-content);
1880
- --tw-border-opacity: 1;
1881
- border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1882
- }
1883
- .after\:bg-white::after {
1884
- content: var(--tw-content);
1885
- --tw-bg-opacity: 1;
1886
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1887
- }
1888
- .after\:transition-all::after {
1889
- content: var(--tw-content);
1890
- -webkit-transition-property: all;
1891
- transition-property: all;
1892
- -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1893
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1894
- -webkit-transition-duration: 150ms;
1895
- transition-duration: 150ms;
1896
- }
1897
- .after\:content-\[\'\'\]::after {
1898
- --tw-content: '';
1899
- content: var(--tw-content);
1900
- }
1901
- .checked\:border-indigo-600:checked {
1902
- --tw-border-opacity: 1;
1903
- border-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
1904
- }
1905
- .checked\:border-primary:checked {
1906
- --tw-border-opacity: 1;
1907
- border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
1908
- }
1909
- .checked\:bg-indigo-600:checked {
1910
- --tw-bg-opacity: 1;
1911
- background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
1912
- }
1913
- .checked\:bg-primary:checked {
1914
- --tw-bg-opacity: 1;
1915
- background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
1916
- }
1917
- .indeterminate\:border-indigo-600:indeterminate {
1918
- --tw-border-opacity: 1;
1919
- border-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
1920
- }
1921
- .indeterminate\:border-primary:indeterminate {
1922
- --tw-border-opacity: 1;
1923
- border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
1924
- }
1925
- .indeterminate\:bg-indigo-600:indeterminate {
1926
- --tw-bg-opacity: 1;
1927
- background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
1928
- }
1929
- .indeterminate\:bg-primary:indeterminate {
1930
- --tw-bg-opacity: 1;
1931
- background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
1932
- }
1933
- .hover\:cursor-pointer:hover {
1934
- cursor: pointer;
1935
- }
1936
- .hover\:bg-gray-100:hover {
1937
- --tw-bg-opacity: 1;
1938
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
1939
- }
1940
- .hover\:bg-gray-50:hover {
1941
- --tw-bg-opacity: 1;
1942
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1943
- }
1944
- .hover\:bg-indigo-400:hover {
1945
- --tw-bg-opacity: 1;
1946
- background-color: rgb(129 140 248 / var(--tw-bg-opacity, 1));
1947
- }
1948
- .hover\:bg-primary-hover:hover {
1949
- --tw-bg-opacity: 1;
1950
- background-color: rgb(115 117 242 / var(--tw-bg-opacity, 1));
1951
- }
1952
- .hover\:bg-red-50:hover {
1953
- --tw-bg-opacity: 1;
1954
- background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
1955
- }
1956
- .hover\:bg-secondary-hover:hover {
1957
- --tw-bg-opacity: 1;
1958
- background-color: rgb(36 207 99 / var(--tw-bg-opacity, 1));
1959
- }
1960
- .hover\:text-black:hover {
1961
- --tw-text-opacity: 1;
1962
- color: rgb(0 0 0 / var(--tw-text-opacity, 1));
1963
- }
1964
- .hover\:text-gray-500:hover {
1965
- --tw-text-opacity: 1;
1966
- color: rgb(107 114 128 / var(--tw-text-opacity, 1));
1967
- }
1968
- .hover\:text-indigo-600:hover {
1969
- --tw-text-opacity: 1;
1970
- color: rgb(79 70 229 / var(--tw-text-opacity, 1));
1971
- }
1972
- .hover\:text-red-800:hover {
1973
- --tw-text-opacity: 1;
1974
- color: rgb(153 27 27 / var(--tw-text-opacity, 1));
1975
- }
1976
- .hover\:ring-indigo-300:hover {
1977
- --tw-ring-opacity: 1;
1978
- --tw-ring-color: rgb(165 180 252 / var(--tw-ring-opacity, 1));
1979
- }
1980
- .focus\:outline-none:focus {
1981
- outline: 2px solid transparent;
1982
- outline-offset: 2px;
1983
- }
1984
- .focus\:outline:focus {
1985
- outline-style: solid;
1986
- }
1987
- .focus\:outline-2:focus {
1988
- outline-width: 2px;
1989
- }
1990
- .focus\:-outline-offset-2:focus {
1991
- outline-offset: -2px;
1992
- }
1993
- .focus\:outline-danger:focus {
1994
- outline-color: #ff0000;
1995
- }
1996
- .focus\:outline-primary:focus {
1997
- outline-color: #6366f1;
1998
- }
1999
- .focus\:ring-2:focus {
2000
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2001
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2002
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2003
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2004
- }
2005
- .focus\:ring-indigo-500:focus {
2006
- --tw-ring-opacity: 1;
2007
- --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
2008
- }
2009
- .focus\:ring-offset-2:focus {
2010
- --tw-ring-offset-width: 2px;
2011
- }
2012
- .focus-visible\:outline:focus-visible {
2013
- outline-style: solid;
2014
- }
2015
- .focus-visible\:outline-2:focus-visible {
2016
- outline-width: 2px;
2017
- }
2018
- .focus-visible\:outline-offset-2:focus-visible {
2019
- outline-offset: 2px;
2020
- }
2021
- .focus-visible\:outline-indigo-500:focus-visible {
2022
- outline-color: #6366f1;
2023
- }
2024
- .focus-visible\:outline-indigo-600:focus-visible {
2025
- outline-color: #4f46e5;
2026
- }
2027
- .focus-visible\:outline-primary:focus-visible {
2028
- outline-color: #6366f1;
2029
- }
2030
- .focus-visible\:outline-secondary:focus-visible {
2031
- outline-color: #22c55e;
2032
- }
2033
- .active\:bg-gray-200:active {
2034
- --tw-bg-opacity: 1;
2035
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
2036
- }
2037
- .disabled\:border-gray-300:disabled {
2038
- --tw-border-opacity: 1;
2039
- border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
2040
- }
2041
- .disabled\:bg-gray-100:disabled {
2042
- --tw-bg-opacity: 1;
2043
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
2044
- }
2045
- .disabled\:checked\:bg-gray-100:checked:disabled {
2046
- --tw-bg-opacity: 1;
2047
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
2048
- }
2049
- .group:hover .group-hover\:border-indigo-600 {
2050
- --tw-border-opacity: 1;
2051
- border-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
2052
- }
2053
- .group:hover .group-hover\:text-indigo-600 {
2054
- --tw-text-opacity: 1;
2055
- color: rgb(79 70 229 / var(--tw-text-opacity, 1));
2056
- }
2057
- .peer:checked ~ .peer-checked\:bg-blue-600 {
2058
- --tw-bg-opacity: 1;
2059
- background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
2060
- }
2061
- .peer:checked ~ .peer-checked\:after\:translate-x-full::after {
2062
- content: var(--tw-content);
2063
- --tw-translate-x: 100%;
2064
- -webkit-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));
2065
- 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));
2066
- }
2067
- .peer:checked ~ .peer-checked\:after\:border-white::after {
2068
- content: var(--tw-content);
2069
- --tw-border-opacity: 1;
2070
- border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
2071
- }
2072
- .peer:focus-visible ~ .peer-focus-visible\:outline-none {
2073
- outline: 2px solid transparent;
2074
- outline-offset: 2px;
2075
- }
2076
- .peer:focus-visible ~ .peer-focus-visible\:ring-4 {
2077
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2078
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2079
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2080
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2081
- }
2082
- .peer:focus-visible ~ .peer-focus-visible\:ring-blue-300 {
2083
- --tw-ring-opacity: 1;
2084
- --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
2085
- }
2086
- .group:has(:disabled) .group-has-\[\:disabled\]\:stroke-gray-950\/25 {
2087
- stroke: rgb(3 7 18 / 0.25);
2088
- }
2089
- .group:has(:checked) .group-has-\[\:checked\]\:opacity-100 {
2090
- opacity: 1;
2091
- }
2092
- .group:has(:indeterminate) .group-has-\[\:indeterminate\]\:opacity-100 {
2093
- opacity: 1;
2094
- }
2095
- .data-\[closed\]\:-translate-x-full[data-closed] {
2096
- --tw-translate-x: -100%;
2097
- -webkit-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));
2098
- 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));
2099
- }
2100
- .data-\[closed\]\:data-\[enter\]\:translate-y-2[data-enter][data-closed] {
2101
- --tw-translate-y: 0.5rem;
2102
- -webkit-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));
2103
- 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));
2104
- }
2105
- .data-\[enter\]\:transform[data-enter] {
2106
- -webkit-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));
2107
- 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));
2108
- }
2109
- .data-\[closed\]\:opacity-0[data-closed] {
2110
- opacity: 0;
2111
- }
2112
- .data-\[enter\]\:duration-300[data-enter] {
2113
- -webkit-transition-duration: 300ms;
2114
- transition-duration: 300ms;
2115
- }
2116
- .data-\[leave\]\:duration-100[data-leave] {
2117
- -webkit-transition-duration: 100ms;
2118
- transition-duration: 100ms;
2119
- }
2120
- .data-\[enter\]\:ease-out[data-enter] {
2121
- -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2122
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2123
- }
2124
- .data-\[leave\]\:ease-in[data-leave] {
2125
- -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2126
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2127
- }
2128
- @media (min-width: 640px) {
2129
- .sm\:mx-8 {
2130
- margin-left: 2rem;
2131
- margin-right: 2rem;
2132
- }
2133
- .sm\:mt-10 {
2134
- margin-top: 2.5rem;
2135
- }
2136
- .sm\:mt-20 {
2137
- margin-top: 5rem;
2138
- }
2139
- .sm\:items-start {
2140
- -webkit-box-align: start;
2141
- -ms-flex-align: start;
2142
- align-items: flex-start;
2143
- }
2144
- .sm\:items-end {
2145
- -webkit-box-align: end;
2146
- -ms-flex-align: end;
2147
- align-items: flex-end;
2148
- }
2149
- .sm\:gap-y-0 {
2150
- row-gap: 0px;
2151
- }
2152
- .sm\:rounded-b-none {
2153
- border-bottom-right-radius: 0px;
2154
- border-bottom-left-radius: 0px;
2155
- }
2156
- .sm\:rounded-t-none {
2157
- border-top-left-radius: 0px;
2158
- border-top-right-radius: 0px;
2159
- }
2160
- .sm\:p-10 {
2161
- padding: 2.5rem;
2162
- }
2163
- .sm\:p-6 {
2164
- padding: 1.5rem;
2165
- }
2166
- .sm\:px-6 {
2167
- padding-left: 1.5rem;
2168
- padding-right: 1.5rem;
2169
- }
2170
- .sm\:pl-9 {
2171
- padding-left: 2.25rem;
2172
- }
2173
- .sm\:pr-9 {
2174
- padding-right: 2.25rem;
2175
- }
2176
- .sm\:text-5xl {
2177
- font-size: 3rem;
2178
- line-height: 1;
2179
- }
2180
- .sm\:text-sm\/6 {
2181
- font-size: 0.90rem;
2182
- line-height: 1.5rem;
2183
- }
2184
- .sm\:text-xl\/8 {
2185
- font-size: 1.29rem;
2186
- line-height: 2rem;
2187
- }
2188
- .data-\[closed\]\:data-\[enter\]\:sm\:translate-x-2[data-enter][data-closed] {
2189
- --tw-translate-x: 0.5rem;
2190
- -webkit-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));
2191
- 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));
2192
- }
2193
- .data-\[closed\]\:data-\[enter\]\:sm\:translate-y-0[data-enter][data-closed] {
2194
- --tw-translate-y: 0px;
2195
- -webkit-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));
2196
- 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));
2197
- }
2198
- }
2199
- @media (min-width: 768px) {
2200
- .md\:py-16 {
2201
- padding-top: 4rem;
2202
- padding-bottom: 4rem;
2203
- }
2204
- }
2205
- @media (min-width: 1024px) {
2206
- .lg\:fixed {
2207
- position: fixed;
2208
- }
2209
- .lg\:inset-y-0 {
2210
- top: 0px;
2211
- bottom: 0px;
2212
- }
2213
- .lg\:z-50 {
2214
- z-index: 50;
2215
- }
2216
- .lg\:mx-0 {
2217
- margin-left: 0px;
2218
- margin-right: 0px;
2219
- }
2220
- .lg\:block {
2221
- display: block;
2222
- }
2223
- .lg\:flex {
2224
- display: -webkit-box;
2225
- display: -ms-flexbox;
2226
- display: flex;
2227
- }
2228
- .lg\:hidden {
2229
- display: none;
2230
- }
2231
- .lg\:w-80 {
2232
- width: 20rem;
2233
- }
2234
- .lg\:max-w-4xl {
2235
- max-width: 56rem;
2236
- }
2237
- .lg\:grid-cols-2 {
2238
- grid-template-columns: repeat(2, minmax(0, 1fr));
2239
- }
2240
- .lg\:grid-cols-3 {
2241
- grid-template-columns: repeat(3, minmax(0, 1fr));
2242
- }
2243
- .lg\:flex-col {
2244
- -webkit-box-orient: vertical;
2245
- -webkit-box-direction: normal;
2246
- -ms-flex-direction: column;
2247
- flex-direction: column;
2248
- }
2249
- .lg\:rounded-bl-3xl {
2250
- border-bottom-left-radius: 1.5rem;
2251
- }
2252
- .lg\:rounded-bl-none {
2253
- border-bottom-left-radius: 0px;
2254
- }
2255
- .lg\:rounded-tr-3xl {
2256
- border-top-right-radius: 1.5rem;
2257
- }
2258
- .lg\:rounded-tr-none {
2259
- border-top-right-radius: 0px;
2260
- }
2261
- .lg\:border-r {
2262
- border-right-width: 1px;
2263
- }
2264
- .lg\:border-gray-200 {
2265
- --tw-border-opacity: 1;
2266
- border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
2267
- }
2268
- }
2269
- .peer:checked ~ .rtl\:peer-checked\:after\:-translate-x-full:where([dir="rtl"], [dir="rtl"] *)::after {
2270
- content: var(--tw-content);
2271
- --tw-translate-x: -100%;
2272
- -webkit-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));
2273
- 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));
2274
- }
2275
- @media (prefers-color-scheme: dark) {
2276
- .dark\:border-gray-600 {
2277
- --tw-border-opacity: 1;
2278
- border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
2279
- }
2280
- .dark\:bg-gray-700 {
2281
- --tw-bg-opacity: 1;
2282
- background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
2283
- }
2284
- .peer:focus-visible ~ .dark\:peer-focus-visible\:ring-blue-800 {
2285
- --tw-ring-opacity: 1;
2286
- --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity, 1));
2287
- }
2288
- }
2289
- @media (forced-colors: active) {
2290
- .forced-colors\:appearance-auto {
2291
- -webkit-appearance: auto;
2292
- -moz-appearance: auto;
2293
- appearance: auto;
2294
- }
2295
- }