@kompasid/lit-web-components 0.9.3 → 0.9.10

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 (34) hide show
  1. package/.yarnrc.yml +1 -0
  2. package/demo/index.html +6 -1
  3. package/dist/assets/font-awesome.d.ts +2 -2
  4. package/dist/src/components/kompasid-footer/KompasFooter.d.ts +1 -1
  5. package/dist/src/components/kompasid-freewall/KompasFreewall.d.ts +1 -1
  6. package/dist/src/components/kompasid-freewall-body/KompasFreewallBody.d.ts +1 -1
  7. package/dist/src/components/kompasid-freewall-head/KompasFreewallHead.d.ts +1 -1
  8. package/dist/src/components/kompasid-grace-period/KompasGracePeriod.d.ts +1 -1
  9. package/dist/src/components/kompasid-header-account/KompasHeaderAccount.d.ts +1 -1
  10. package/dist/src/components/kompasid-header-account-help-center/KompasHeaderAccountHelpCenter.d.ts +1 -1
  11. package/dist/src/components/kompasid-header-account-menu/KompasHeaderAccountMenu.d.ts +1 -1
  12. package/dist/src/components/kompasid-header-account-profile/KompasHeaderAccountProfile.d.ts +1 -1
  13. package/dist/src/components/kompasid-header-notification/KompasHeaderNotification.d.ts +1 -1
  14. package/dist/src/components/kompasid-menu-side-bar/KompasMenuSideBar.d.ts +6 -2
  15. package/dist/src/components/kompasid-menu-side-bar/KompasMenuSideBar.js +67 -31
  16. package/dist/src/components/kompasid-menu-side-bar/KompasMenuSideBar.js.map +1 -1
  17. package/dist/src/components/kompasid-metered-paywall/KompasMeteredPaywall.d.ts +1 -1
  18. package/dist/src/components/kompasid-metered-wall-register/KompasMeteredWallRegister.d.ts +1 -1
  19. package/dist/src/components/kompasid-paywall/KompasPaywall.d.ts +1 -1
  20. package/dist/src/components/kompasid-paywall-banner-registration/KompasPaywallBannerRegistration.d.ts +1 -1
  21. package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.d.ts +1 -1
  22. package/dist/src/components/kompasid-paywall-information-header/KompasPaywallInformationHeader.d.ts +1 -1
  23. package/dist/src/components/kompasid-paywall-video/KompasPaywallVideo.d.ts +1 -1
  24. package/dist/src/components/kompasid-widget-recirculations-default/KompasWidgetRecirculationsDefault.d.ts +3 -3
  25. package/dist/src/components/kompasid-widget-recirculations-list/KompasWidgetRecirculationsList.d.ts +2 -2
  26. package/dist/src/utils/IntersectionObserver.d.ts +1 -1
  27. package/dist/tailwind/tailwind.js +223 -211
  28. package/dist/tailwind/tailwind.js.map +1 -1
  29. package/dist/tsconfig.tsbuildinfo +1 -1
  30. package/package.json +1 -1
  31. package/src/components/kompasid-menu-side-bar/KompasMenuSideBar.ts +102 -36
  32. package/src/components/kompasid-menu-side-bar/readme.md +27 -0
  33. package/tailwind/tailwind.css +219 -203
  34. package/tailwind/tailwind.ts +223 -211
package/tailwind/tailwind.css CHANGED
@@ -1,5 +1,113 @@
1
+ *, ::before, ::after {
2
+ --tw-border-spacing-x: 0;
3
+ --tw-border-spacing-y: 0;
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
+ --tw-pan-x: ;
12
+ --tw-pan-y: ;
13
+ --tw-pinch-zoom: ;
14
+ --tw-scroll-snap-strictness: proximity;
15
+ --tw-gradient-from-position: ;
16
+ --tw-gradient-via-position: ;
17
+ --tw-gradient-to-position: ;
18
+ --tw-ordinal: ;
19
+ --tw-slashed-zero: ;
20
+ --tw-numeric-figure: ;
21
+ --tw-numeric-spacing: ;
22
+ --tw-numeric-fraction: ;
23
+ --tw-ring-inset: ;
24
+ --tw-ring-offset-width: 0px;
25
+ --tw-ring-offset-color: #fff;
26
+ --tw-ring-color: rgb(4 104 203 / 0.5);
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
+ --tw-blur: ;
32
+ --tw-brightness: ;
33
+ --tw-contrast: ;
34
+ --tw-grayscale: ;
35
+ --tw-hue-rotate: ;
36
+ --tw-invert: ;
37
+ --tw-saturate: ;
38
+ --tw-sepia: ;
39
+ --tw-drop-shadow: ;
40
+ --tw-backdrop-blur: ;
41
+ --tw-backdrop-brightness: ;
42
+ --tw-backdrop-contrast: ;
43
+ --tw-backdrop-grayscale: ;
44
+ --tw-backdrop-hue-rotate: ;
45
+ --tw-backdrop-invert: ;
46
+ --tw-backdrop-opacity: ;
47
+ --tw-backdrop-saturate: ;
48
+ --tw-backdrop-sepia: ;
49
+ --tw-contain-size: ;
50
+ --tw-contain-layout: ;
51
+ --tw-contain-paint: ;
52
+ --tw-contain-style: ;
53
+ }
54
+
55
+ ::backdrop {
56
+ --tw-border-spacing-x: 0;
57
+ --tw-border-spacing-y: 0;
58
+ --tw-translate-x: 0;
59
+ --tw-translate-y: 0;
60
+ --tw-rotate: 0;
61
+ --tw-skew-x: 0;
62
+ --tw-skew-y: 0;
63
+ --tw-scale-x: 1;
64
+ --tw-scale-y: 1;
65
+ --tw-pan-x: ;
66
+ --tw-pan-y: ;
67
+ --tw-pinch-zoom: ;
68
+ --tw-scroll-snap-strictness: proximity;
69
+ --tw-gradient-from-position: ;
70
+ --tw-gradient-via-position: ;
71
+ --tw-gradient-to-position: ;
72
+ --tw-ordinal: ;
73
+ --tw-slashed-zero: ;
74
+ --tw-numeric-figure: ;
75
+ --tw-numeric-spacing: ;
76
+ --tw-numeric-fraction: ;
77
+ --tw-ring-inset: ;
78
+ --tw-ring-offset-width: 0px;
79
+ --tw-ring-offset-color: #fff;
80
+ --tw-ring-color: rgb(4 104 203 / 0.5);
81
+ --tw-ring-offset-shadow: 0 0 #0000;
82
+ --tw-ring-shadow: 0 0 #0000;
83
+ --tw-shadow: 0 0 #0000;
84
+ --tw-shadow-colored: 0 0 #0000;
85
+ --tw-blur: ;
86
+ --tw-brightness: ;
87
+ --tw-contrast: ;
88
+ --tw-grayscale: ;
89
+ --tw-hue-rotate: ;
90
+ --tw-invert: ;
91
+ --tw-saturate: ;
92
+ --tw-sepia: ;
93
+ --tw-drop-shadow: ;
94
+ --tw-backdrop-blur: ;
95
+ --tw-backdrop-brightness: ;
96
+ --tw-backdrop-contrast: ;
97
+ --tw-backdrop-grayscale: ;
98
+ --tw-backdrop-hue-rotate: ;
99
+ --tw-backdrop-invert: ;
100
+ --tw-backdrop-opacity: ;
101
+ --tw-backdrop-saturate: ;
102
+ --tw-backdrop-sepia: ;
103
+ --tw-contain-size: ;
104
+ --tw-contain-layout: ;
105
+ --tw-contain-paint: ;
106
+ --tw-contain-style: ;
107
+ }
108
+
1
109
  /*
2
- ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
110
+ ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
3
111
  */
4
112
 
5
113
  /*
@@ -32,9 +140,11 @@
32
140
  4. Use the user's configured `sans` font-family by default.
33
141
  5. Use the user's configured `sans` font-feature-settings by default.
34
142
  6. Use the user's configured `sans` font-variation-settings by default.
143
+ 7. Disable tap highlights on iOS
35
144
  */
36
145
 
37
- html {
146
+ html,
147
+ :host {
38
148
  line-height: 1.5;
39
149
  /* 1 */
40
150
  -webkit-text-size-adjust: 100%;
@@ -44,12 +154,14 @@ html {
44
154
  -o-tab-size: 4;
45
155
  tab-size: 4;
46
156
  /* 3 */
47
- font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
157
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
48
158
  /* 4 */
49
159
  font-feature-settings: normal;
50
160
  /* 5 */
51
161
  font-variation-settings: normal;
52
162
  /* 6 */
163
+ -webkit-tap-highlight-color: transparent;
164
+ /* 7 */
53
165
  }
54
166
 
55
167
  /*
@@ -121,8 +233,10 @@ strong {
121
233
  }
122
234
 
123
235
  /*
124
- 1. Use the user's configured `mono` font family by default.
125
- 2. Correct the odd `em` font sizing in all browsers.
236
+ 1. Use the user's configured `mono` font-family by default.
237
+ 2. Use the user's configured `mono` font-feature-settings by default.
238
+ 3. Use the user's configured `mono` font-variation-settings by default.
239
+ 4. Correct the odd `em` font sizing in all browsers.
126
240
  */
127
241
 
128
242
  code,
@@ -131,8 +245,12 @@ samp,
131
245
  pre {
132
246
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
133
247
  /* 1 */
134
- font-size: 1em;
248
+ font-feature-settings: normal;
135
249
  /* 2 */
250
+ font-variation-settings: normal;
251
+ /* 3 */
252
+ font-size: 1em;
253
+ /* 4 */
136
254
  }
137
255
 
138
256
  /*
@@ -201,6 +319,8 @@ textarea {
201
319
  /* 1 */
202
320
  line-height: inherit;
203
321
  /* 1 */
322
+ letter-spacing: inherit;
323
+ /* 1 */
204
324
  color: inherit;
205
325
  /* 1 */
206
326
  margin: 0;
@@ -224,9 +344,9 @@ select {
224
344
  */
225
345
 
226
346
  button,
227
- [type='button'],
228
- [type='reset'],
229
- [type='submit'] {
347
+ input:where([type='button']),
348
+ input:where([type='reset']),
349
+ input:where([type='submit']) {
230
350
  -webkit-appearance: button;
231
351
  /* 1 */
232
352
  background-color: transparent;
@@ -430,110 +550,10 @@ video {
430
550
 
431
551
  /* Make elements with the HTML hidden attribute stay hidden by default */
432
552
 
433
- [hidden] {
553
+ [hidden]:where(:not([hidden="until-found"])) {
434
554
  display: none;
435
555
  }
436
556
 
437
- *, ::before, ::after {
438
- --tw-border-spacing-x: 0;
439
- --tw-border-spacing-y: 0;
440
- --tw-translate-x: 0;
441
- --tw-translate-y: 0;
442
- --tw-rotate: 0;
443
- --tw-skew-x: 0;
444
- --tw-skew-y: 0;
445
- --tw-scale-x: 1;
446
- --tw-scale-y: 1;
447
- --tw-pan-x: ;
448
- --tw-pan-y: ;
449
- --tw-pinch-zoom: ;
450
- --tw-scroll-snap-strictness: proximity;
451
- --tw-gradient-from-position: ;
452
- --tw-gradient-via-position: ;
453
- --tw-gradient-to-position: ;
454
- --tw-ordinal: ;
455
- --tw-slashed-zero: ;
456
- --tw-numeric-figure: ;
457
- --tw-numeric-spacing: ;
458
- --tw-numeric-fraction: ;
459
- --tw-ring-inset: ;
460
- --tw-ring-offset-width: 0px;
461
- --tw-ring-offset-color: #fff;
462
- --tw-ring-color: rgb(4 104 203 / 0.5);
463
- --tw-ring-offset-shadow: 0 0 #0000;
464
- --tw-ring-shadow: 0 0 #0000;
465
- --tw-shadow: 0 0 #0000;
466
- --tw-shadow-colored: 0 0 #0000;
467
- --tw-blur: ;
468
- --tw-brightness: ;
469
- --tw-contrast: ;
470
- --tw-grayscale: ;
471
- --tw-hue-rotate: ;
472
- --tw-invert: ;
473
- --tw-saturate: ;
474
- --tw-sepia: ;
475
- --tw-drop-shadow: ;
476
- --tw-backdrop-blur: ;
477
- --tw-backdrop-brightness: ;
478
- --tw-backdrop-contrast: ;
479
- --tw-backdrop-grayscale: ;
480
- --tw-backdrop-hue-rotate: ;
481
- --tw-backdrop-invert: ;
482
- --tw-backdrop-opacity: ;
483
- --tw-backdrop-saturate: ;
484
- --tw-backdrop-sepia: ;
485
- }
486
-
487
- ::backdrop {
488
- --tw-border-spacing-x: 0;
489
- --tw-border-spacing-y: 0;
490
- --tw-translate-x: 0;
491
- --tw-translate-y: 0;
492
- --tw-rotate: 0;
493
- --tw-skew-x: 0;
494
- --tw-skew-y: 0;
495
- --tw-scale-x: 1;
496
- --tw-scale-y: 1;
497
- --tw-pan-x: ;
498
- --tw-pan-y: ;
499
- --tw-pinch-zoom: ;
500
- --tw-scroll-snap-strictness: proximity;
501
- --tw-gradient-from-position: ;
502
- --tw-gradient-via-position: ;
503
- --tw-gradient-to-position: ;
504
- --tw-ordinal: ;
505
- --tw-slashed-zero: ;
506
- --tw-numeric-figure: ;
507
- --tw-numeric-spacing: ;
508
- --tw-numeric-fraction: ;
509
- --tw-ring-inset: ;
510
- --tw-ring-offset-width: 0px;
511
- --tw-ring-offset-color: #fff;
512
- --tw-ring-color: rgb(4 104 203 / 0.5);
513
- --tw-ring-offset-shadow: 0 0 #0000;
514
- --tw-ring-shadow: 0 0 #0000;
515
- --tw-shadow: 0 0 #0000;
516
- --tw-shadow-colored: 0 0 #0000;
517
- --tw-blur: ;
518
- --tw-brightness: ;
519
- --tw-contrast: ;
520
- --tw-grayscale: ;
521
- --tw-hue-rotate: ;
522
- --tw-invert: ;
523
- --tw-saturate: ;
524
- --tw-sepia: ;
525
- --tw-drop-shadow: ;
526
- --tw-backdrop-blur: ;
527
- --tw-backdrop-brightness: ;
528
- --tw-backdrop-contrast: ;
529
- --tw-backdrop-grayscale: ;
530
- --tw-backdrop-hue-rotate: ;
531
- --tw-backdrop-invert: ;
532
- --tw-backdrop-opacity: ;
533
- --tw-backdrop-saturate: ;
534
- --tw-backdrop-sepia: ;
535
- }
536
-
537
557
  .collapse {
538
558
  visibility: collapse;
539
559
  }
@@ -710,10 +730,6 @@ video {
710
730
  margin-bottom: 1.5rem;
711
731
  }
712
732
 
713
- .ml-0 {
714
- margin-left: 0px;
715
- }
716
-
717
733
  .ml-0\.5 {
718
734
  margin-left: 0.125rem;
719
735
  }
@@ -762,10 +778,6 @@ video {
762
778
  margin-right: 1.5rem;
763
779
  }
764
780
 
765
- .mt-0 {
766
- margin-top: 0px;
767
- }
768
-
769
781
  .mt-0\.5 {
770
782
  margin-top: 0.125rem;
771
783
  }
@@ -1007,6 +1019,10 @@ video {
1007
1019
  width: 296px;
1008
1020
  }
1009
1021
 
1022
+ .w-\[312px\] {
1023
+ width: 312px;
1024
+ }
1025
+
1010
1026
  .w-\[328px\] {
1011
1027
  width: 328px;
1012
1028
  }
@@ -1325,192 +1341,197 @@ video {
1325
1341
 
1326
1342
  .border-\[\#DDD\] {
1327
1343
  --tw-border-opacity: 1;
1328
- border-color: rgb(221 221 221 / var(--tw-border-opacity));
1344
+ border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));
1329
1345
  }
1330
1346
 
1331
1347
  .border-blue-200 {
1332
1348
  --tw-border-opacity: 1;
1333
- border-color: rgb(147 200 253 / var(--tw-border-opacity));
1349
+ border-color: rgb(147 200 253 / var(--tw-border-opacity, 1));
1334
1350
  }
1335
1351
 
1336
1352
  .border-brand-1 {
1337
1353
  --tw-border-opacity: 1;
1338
- border-color: rgb(0 85 154 / var(--tw-border-opacity));
1354
+ border-color: rgb(0 85 154 / var(--tw-border-opacity, 1));
1339
1355
  }
1340
1356
 
1341
1357
  .border-dark-6 {
1342
1358
  --tw-border-opacity: 1;
1343
- border-color: rgb(46 46 46 / var(--tw-border-opacity));
1359
+ border-color: rgb(46 46 46 / var(--tw-border-opacity, 1));
1344
1360
  }
1345
1361
 
1346
1362
  .border-dark-8 {
1347
1363
  --tw-border-opacity: 1;
1348
- border-color: rgb(136 136 136 / var(--tw-border-opacity));
1364
+ border-color: rgb(136 136 136 / var(--tw-border-opacity, 1));
1349
1365
  }
1350
1366
 
1351
1367
  .border-dark-9 {
1352
1368
  --tw-border-opacity: 1;
1353
- border-color: rgb(35 35 35 / var(--tw-border-opacity));
1369
+ border-color: rgb(35 35 35 / var(--tw-border-opacity, 1));
1354
1370
  }
1355
1371
 
1356
1372
  .border-green-400 {
1357
1373
  --tw-border-opacity: 1;
1358
- border-color: rgb(106 195 34 / var(--tw-border-opacity));
1374
+ border-color: rgb(106 195 34 / var(--tw-border-opacity, 1));
1359
1375
  }
1360
1376
 
1361
1377
  .border-green-500 {
1362
1378
  --tw-border-opacity: 1;
1363
- border-color: rgb(80 167 24 / var(--tw-border-opacity));
1379
+ border-color: rgb(80 167 24 / var(--tw-border-opacity, 1));
1364
1380
  }
1365
1381
 
1366
1382
  .border-grey-100 {
1367
1383
  --tw-border-opacity: 1;
1368
- border-color: rgb(255 255 255 / var(--tw-border-opacity));
1384
+ border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
1369
1385
  }
1370
1386
 
1371
1387
  .border-grey-200 {
1372
1388
  --tw-border-opacity: 1;
1373
- border-color: rgb(238 238 238 / var(--tw-border-opacity));
1389
+ border-color: rgb(238 238 238 / var(--tw-border-opacity, 1));
1374
1390
  }
1375
1391
 
1376
1392
  .border-grey-300 {
1377
1393
  --tw-border-opacity: 1;
1378
- border-color: rgb(221 221 221 / var(--tw-border-opacity));
1394
+ border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));
1379
1395
  }
1380
1396
 
1381
1397
  .border-grey-400 {
1382
1398
  --tw-border-opacity: 1;
1383
- border-color: rgb(153 153 153 / var(--tw-border-opacity));
1399
+ border-color: rgb(153 153 153 / var(--tw-border-opacity, 1));
1384
1400
  }
1385
1401
 
1386
1402
  .border-white {
1387
1403
  --tw-border-opacity: 1;
1388
- border-color: rgb(255 255 255 / var(--tw-border-opacity));
1404
+ border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
1389
1405
  }
1390
1406
 
1391
1407
  .border-yellow-400 {
1392
1408
  --tw-border-opacity: 1;
1393
- border-color: rgb(255 204 0 / var(--tw-border-opacity));
1409
+ border-color: rgb(255 204 0 / var(--tw-border-opacity, 1));
1394
1410
  }
1395
1411
 
1396
1412
  .bg-\[\#2C2C2C\] {
1397
1413
  --tw-bg-opacity: 1;
1398
- background-color: rgb(44 44 44 / var(--tw-bg-opacity));
1414
+ background-color: rgb(44 44 44 / var(--tw-bg-opacity, 1));
1399
1415
  }
1400
1416
 
1401
- .bg-\[\#93c8fd\] {
1417
+ .bg-\[\#E1F0FF\] {
1402
1418
  --tw-bg-opacity: 1;
1403
- background-color: rgb(147 200 253 / var(--tw-bg-opacity));
1419
+ background-color: rgb(225 240 255 / var(--tw-bg-opacity, 1));
1420
+ }
1421
+
1422
+ .bg-\[\#FFFFFF\] {
1423
+ --tw-bg-opacity: 1;
1424
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1404
1425
  }
1405
1426
 
1406
1427
  .bg-\[\#e1f0ff\] {
1407
1428
  --tw-bg-opacity: 1;
1408
- background-color: rgb(225 240 255 / var(--tw-bg-opacity));
1429
+ background-color: rgb(225 240 255 / var(--tw-bg-opacity, 1));
1409
1430
  }
1410
1431
 
1411
1432
  .bg-black {
1412
1433
  --tw-bg-opacity: 1;
1413
- background-color: rgb(0 0 0 / var(--tw-bg-opacity));
1434
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
1414
1435
  }
1415
1436
 
1416
1437
  .bg-blue-100 {
1417
1438
  --tw-bg-opacity: 1;
1418
- background-color: rgb(225 240 255 / var(--tw-bg-opacity));
1439
+ background-color: rgb(225 240 255 / var(--tw-bg-opacity, 1));
1419
1440
  }
1420
1441
 
1421
1442
  .bg-blue-200 {
1422
1443
  --tw-bg-opacity: 1;
1423
- background-color: rgb(147 200 253 / var(--tw-bg-opacity));
1444
+ background-color: rgb(147 200 253 / var(--tw-bg-opacity, 1));
1424
1445
  }
1425
1446
 
1426
1447
  .bg-blue-600 {
1427
1448
  --tw-bg-opacity: 1;
1428
- background-color: rgb(3 86 168 / var(--tw-bg-opacity));
1449
+ background-color: rgb(3 86 168 / var(--tw-bg-opacity, 1));
1429
1450
  }
1430
1451
 
1431
1452
  .bg-brand-1 {
1432
1453
  --tw-bg-opacity: 1;
1433
- background-color: rgb(0 85 154 / var(--tw-bg-opacity));
1454
+ background-color: rgb(0 85 154 / var(--tw-bg-opacity, 1));
1434
1455
  }
1435
1456
 
1436
1457
  .bg-dark-3 {
1437
1458
  --tw-bg-opacity: 1;
1438
- background-color: rgb(37 37 37 / var(--tw-bg-opacity));
1459
+ background-color: rgb(37 37 37 / var(--tw-bg-opacity, 1));
1439
1460
  }
1440
1461
 
1441
1462
  .bg-dark-4 {
1442
1463
  --tw-bg-opacity: 1;
1443
- background-color: rgb(30 30 30 / var(--tw-bg-opacity));
1464
+ background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
1444
1465
  }
1445
1466
 
1446
1467
  .bg-dark-5 {
1447
1468
  --tw-bg-opacity: 1;
1448
- background-color: rgb(18 18 18 / var(--tw-bg-opacity));
1469
+ background-color: rgb(18 18 18 / var(--tw-bg-opacity, 1));
1449
1470
  }
1450
1471
 
1451
1472
  .bg-dark-6 {
1452
1473
  --tw-bg-opacity: 1;
1453
- background-color: rgb(46 46 46 / var(--tw-bg-opacity));
1474
+ background-color: rgb(46 46 46 / var(--tw-bg-opacity, 1));
1454
1475
  }
1455
1476
 
1456
1477
  .bg-green-100 {
1457
1478
  --tw-bg-opacity: 1;
1458
- background-color: rgb(238 252 210 / var(--tw-bg-opacity));
1479
+ background-color: rgb(238 252 210 / var(--tw-bg-opacity, 1));
1459
1480
  }
1460
1481
 
1461
1482
  .bg-green-300 {
1462
1483
  --tw-bg-opacity: 1;
1463
- background-color: rgb(151 219 83 / var(--tw-bg-opacity));
1484
+ background-color: rgb(151 219 83 / var(--tw-bg-opacity, 1));
1464
1485
  }
1465
1486
 
1466
1487
  .bg-green-500 {
1467
1488
  --tw-bg-opacity: 1;
1468
- background-color: rgb(80 167 24 / var(--tw-bg-opacity));
1489
+ background-color: rgb(80 167 24 / var(--tw-bg-opacity, 1));
1469
1490
  }
1470
1491
 
1471
1492
  .bg-grey-100 {
1472
1493
  --tw-bg-opacity: 1;
1473
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1494
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1474
1495
  }
1475
1496
 
1476
1497
  .bg-grey-200 {
1477
1498
  --tw-bg-opacity: 1;
1478
- background-color: rgb(238 238 238 / var(--tw-bg-opacity));
1499
+ background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));
1479
1500
  }
1480
1501
 
1481
1502
  .bg-grey-300 {
1482
1503
  --tw-bg-opacity: 1;
1483
- background-color: rgb(221 221 221 / var(--tw-bg-opacity));
1504
+ background-color: rgb(221 221 221 / var(--tw-bg-opacity, 1));
1484
1505
  }
1485
1506
 
1486
1507
  .bg-grey-600 {
1487
1508
  --tw-bg-opacity: 1;
1488
- background-color: rgb(51 51 51 / var(--tw-bg-opacity));
1509
+ background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
1489
1510
  }
1490
1511
 
1491
1512
  .bg-orange-100 {
1492
1513
  --tw-bg-opacity: 1;
1493
- background-color: rgb(255 238 204 / var(--tw-bg-opacity));
1514
+ background-color: rgb(255 238 204 / var(--tw-bg-opacity, 1));
1494
1515
  }
1495
1516
 
1496
1517
  .bg-orange-600 {
1497
1518
  --tw-bg-opacity: 1;
1498
- background-color: rgb(183 68 0 / var(--tw-bg-opacity));
1519
+ background-color: rgb(183 68 0 / var(--tw-bg-opacity, 1));
1499
1520
  }
1500
1521
 
1501
1522
  .bg-red-100 {
1502
1523
  --tw-bg-opacity: 1;
1503
- background-color: rgb(254 225 207 / var(--tw-bg-opacity));
1524
+ background-color: rgb(254 225 207 / var(--tw-bg-opacity, 1));
1504
1525
  }
1505
1526
 
1506
1527
  .bg-white {
1507
1528
  --tw-bg-opacity: 1;
1508
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1529
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1509
1530
  }
1510
1531
 
1511
1532
  .bg-yellow-300 {
1512
1533
  --tw-bg-opacity: 1;
1513
- background-color: rgb(255 220 63 / var(--tw-bg-opacity));
1534
+ background-color: rgb(255 220 63 / var(--tw-bg-opacity, 1));
1514
1535
  }
1515
1536
 
1516
1537
  .bg-opacity-75 {
@@ -1560,6 +1581,11 @@ video {
1560
1581
  padding-right: 0px;
1561
1582
  }
1562
1583
 
1584
+ .px-1\.5 {
1585
+ padding-left: 0.375rem;
1586
+ padding-right: 0.375rem;
1587
+ }
1588
+
1563
1589
  .px-2 {
1564
1590
  padding-left: 0.5rem;
1565
1591
  padding-right: 0.5rem;
@@ -1595,11 +1621,6 @@ video {
1595
1621
  padding-right: 22px;
1596
1622
  }
1597
1623
 
1598
- .py-0 {
1599
- padding-top: 0px;
1600
- padding-bottom: 0px;
1601
- }
1602
-
1603
1624
  .py-0\.5 {
1604
1625
  padding-top: 0.125rem;
1605
1626
  padding-bottom: 0.125rem;
@@ -1676,10 +1697,6 @@ video {
1676
1697
  padding-bottom: 2rem;
1677
1698
  }
1678
1699
 
1679
- .pl-0 {
1680
- padding-left: 0px;
1681
- }
1682
-
1683
1700
  .pl-0\.5 {
1684
1701
  padding-left: 0.125rem;
1685
1702
  }
@@ -1764,8 +1781,12 @@ video {
1764
1781
  text-align: start;
1765
1782
  }
1766
1783
 
1784
+ .font-pt-sans {
1785
+ font-family: "PT Sans", Arial, Verdana, Helvetica, sans-serif;
1786
+ }
1787
+
1767
1788
  .font-sans {
1768
- font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1789
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1769
1790
  }
1770
1791
 
1771
1792
  .font-serif {
@@ -1868,127 +1889,132 @@ video {
1868
1889
 
1869
1890
  .text-\[\#00559a\] {
1870
1891
  --tw-text-opacity: 1;
1871
- color: rgb(0 85 154 / var(--tw-text-opacity));
1892
+ color: rgb(0 85 154 / var(--tw-text-opacity, 1));
1872
1893
  }
1873
1894
 
1874
1895
  .text-\[\#333\] {
1875
1896
  --tw-text-opacity: 1;
1876
- color: rgb(51 51 51 / var(--tw-text-opacity));
1897
+ color: rgb(51 51 51 / var(--tw-text-opacity, 1));
1898
+ }
1899
+
1900
+ .text-\[\#666666\] {
1901
+ --tw-text-opacity: 1;
1902
+ color: rgb(102 102 102 / var(--tw-text-opacity, 1));
1877
1903
  }
1878
1904
 
1879
1905
  .text-\[\#FFFFFF\] {
1880
1906
  --tw-text-opacity: 1;
1881
- color: rgb(255 255 255 / var(--tw-text-opacity));
1907
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1882
1908
  }
1883
1909
 
1884
1910
  .text-black {
1885
1911
  --tw-text-opacity: 1;
1886
- color: rgb(0 0 0 / var(--tw-text-opacity));
1912
+ color: rgb(0 0 0 / var(--tw-text-opacity, 1));
1887
1913
  }
1888
1914
 
1889
1915
  .text-blue-200 {
1890
1916
  --tw-text-opacity: 1;
1891
- color: rgb(147 200 253 / var(--tw-text-opacity));
1917
+ color: rgb(147 200 253 / var(--tw-text-opacity, 1));
1892
1918
  }
1893
1919
 
1894
1920
  .text-blue-300 {
1895
1921
  --tw-text-opacity: 1;
1896
- color: rgb(90 171 252 / var(--tw-text-opacity));
1922
+ color: rgb(90 171 252 / var(--tw-text-opacity, 1));
1897
1923
  }
1898
1924
 
1899
1925
  .text-blue-500 {
1900
1926
  --tw-text-opacity: 1;
1901
- color: rgb(4 104 203 / var(--tw-text-opacity));
1927
+ color: rgb(4 104 203 / var(--tw-text-opacity, 1));
1902
1928
  }
1903
1929
 
1904
1930
  .text-blue-600 {
1905
1931
  --tw-text-opacity: 1;
1906
- color: rgb(3 86 168 / var(--tw-text-opacity));
1932
+ color: rgb(3 86 168 / var(--tw-text-opacity, 1));
1907
1933
  }
1908
1934
 
1909
1935
  .text-brand-1 {
1910
1936
  --tw-text-opacity: 1;
1911
- color: rgb(0 85 154 / var(--tw-text-opacity));
1937
+ color: rgb(0 85 154 / var(--tw-text-opacity, 1));
1912
1938
  }
1913
1939
 
1914
1940
  .text-dark-5 {
1915
1941
  --tw-text-opacity: 1;
1916
- color: rgb(18 18 18 / var(--tw-text-opacity));
1942
+ color: rgb(18 18 18 / var(--tw-text-opacity, 1));
1917
1943
  }
1918
1944
 
1919
1945
  .text-dark-6 {
1920
1946
  --tw-text-opacity: 1;
1921
- color: rgb(46 46 46 / var(--tw-text-opacity));
1947
+ color: rgb(46 46 46 / var(--tw-text-opacity, 1));
1922
1948
  }
1923
1949
 
1924
1950
  .text-dark-7 {
1925
1951
  --tw-text-opacity: 1;
1926
- color: rgb(224 224 224 / var(--tw-text-opacity));
1952
+ color: rgb(224 224 224 / var(--tw-text-opacity, 1));
1927
1953
  }
1928
1954
 
1929
1955
  .text-green-300 {
1930
1956
  --tw-text-opacity: 1;
1931
- color: rgb(151 219 83 / var(--tw-text-opacity));
1957
+ color: rgb(151 219 83 / var(--tw-text-opacity, 1));
1932
1958
  }
1933
1959
 
1934
1960
  .text-green-400 {
1935
1961
  --tw-text-opacity: 1;
1936
- color: rgb(106 195 34 / var(--tw-text-opacity));
1962
+ color: rgb(106 195 34 / var(--tw-text-opacity, 1));
1937
1963
  }
1938
1964
 
1939
1965
  .text-green-500 {
1940
1966
  --tw-text-opacity: 1;
1941
- color: rgb(80 167 24 / var(--tw-text-opacity));
1967
+ color: rgb(80 167 24 / var(--tw-text-opacity, 1));
1942
1968
  }
1943
1969
 
1944
1970
  .text-grey-100 {
1945
1971
  --tw-text-opacity: 1;
1946
- color: rgb(255 255 255 / var(--tw-text-opacity));
1972
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1947
1973
  }
1948
1974
 
1949
1975
  .text-grey-300 {
1950
1976
  --tw-text-opacity: 1;
1951
- color: rgb(221 221 221 / var(--tw-text-opacity));
1977
+ color: rgb(221 221 221 / var(--tw-text-opacity, 1));
1952
1978
  }
1953
1979
 
1954
1980
  .text-grey-400 {
1955
1981
  --tw-text-opacity: 1;
1956
- color: rgb(153 153 153 / var(--tw-text-opacity));
1982
+ color: rgb(153 153 153 / var(--tw-text-opacity, 1));
1957
1983
  }
1958
1984
 
1959
1985
  .text-grey-500 {
1960
1986
  --tw-text-opacity: 1;
1961
- color: rgb(102 102 102 / var(--tw-text-opacity));
1987
+ color: rgb(102 102 102 / var(--tw-text-opacity, 1));
1962
1988
  }
1963
1989
 
1964
1990
  .text-grey-600 {
1965
1991
  --tw-text-opacity: 1;
1966
- color: rgb(51 51 51 / var(--tw-text-opacity));
1992
+ color: rgb(51 51 51 / var(--tw-text-opacity, 1));
1967
1993
  }
1968
1994
 
1969
1995
  .text-grey-700 {
1970
1996
  --tw-text-opacity: 1;
1971
- color: rgb(0 0 0 / var(--tw-text-opacity));
1997
+ color: rgb(0 0 0 / var(--tw-text-opacity, 1));
1972
1998
  }
1973
1999
 
1974
2000
  .text-orange-400 {
1975
2001
  --tw-text-opacity: 1;
1976
- color: rgb(255 122 0 / var(--tw-text-opacity));
2002
+ color: rgb(255 122 0 / var(--tw-text-opacity, 1));
1977
2003
  }
1978
2004
 
1979
2005
  .text-orange-500 {
1980
2006
  --tw-text-opacity: 1;
1981
- color: rgb(219 93 0 / var(--tw-text-opacity));
2007
+ color: rgb(219 93 0 / var(--tw-text-opacity, 1));
1982
2008
  }
1983
2009
 
1984
2010
  .text-red-600 {
1985
2011
  --tw-text-opacity: 1;
1986
- color: rgb(174 9 27 / var(--tw-text-opacity));
2012
+ color: rgb(174 9 27 / var(--tw-text-opacity, 1));
1987
2013
  }
1988
2014
 
1989
2015
  .text-white {
1990
2016
  --tw-text-opacity: 1;
1991
- color: rgb(255 255 255 / var(--tw-text-opacity));
2017
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1992
2018
  }
1993
2019
 
1994
2020
  .underline {
@@ -2027,7 +2053,7 @@ video {
2027
2053
 
2028
2054
  .hover\:bg-\[\#f3f4f6\]:hover {
2029
2055
  --tw-bg-opacity: 1;
2030
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
2056
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
2031
2057
  }
2032
2058
 
2033
2059
  .hover\:underline:hover {
@@ -2360,11 +2386,6 @@ video {
2360
2386
  padding-right: 2rem;
2361
2387
  }
2362
2388
 
2363
- .md\:py-1 {
2364
- padding-top: 0.25rem;
2365
- padding-bottom: 0.25rem;
2366
- }
2367
-
2368
2389
  .md\:py-1\.5 {
2369
2390
  padding-top: 0.375rem;
2370
2391
  padding-bottom: 0.375rem;
@@ -2375,11 +2396,6 @@ video {
2375
2396
  padding-bottom: 0.5rem;
2376
2397
  }
2377
2398
 
2378
- .md\:py-3 {
2379
- padding-top: 0.75rem;
2380
- padding-bottom: 0.75rem;
2381
- }
2382
-
2383
2399
  .md\:py-3\.5 {
2384
2400
  padding-top: 0.875rem;
2385
2401
  padding-bottom: 0.875rem;