@kompasid/lit-web-components 0.6.7 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/demo/index.html +35 -1
  2. package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.js +39 -11
  3. package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.js.map +1 -1
  4. package/dist/src/components/kompasid-widget-recirculations-default/KompasWidgetRecirculationsDefault.d.ts +39 -0
  5. package/dist/src/components/kompasid-widget-recirculations-default/KompasWidgetRecirculationsDefault.js +340 -0
  6. package/dist/src/components/kompasid-widget-recirculations-default/KompasWidgetRecirculationsDefault.js.map +1 -0
  7. package/dist/src/components/kompasid-widget-recirculations-default/types.d.ts +27 -0
  8. package/dist/src/components/kompasid-widget-recirculations-default/types.js +2 -0
  9. package/dist/src/components/kompasid-widget-recirculations-default/types.js.map +1 -0
  10. package/dist/src/components/kompasid-widget-recirculations-list/KompasWidgetRecirculationsList.d.ts +28 -0
  11. package/dist/src/components/kompasid-widget-recirculations-list/KompasWidgetRecirculationsList.js +188 -0
  12. package/dist/src/components/kompasid-widget-recirculations-list/KompasWidgetRecirculationsList.js.map +1 -0
  13. package/dist/src/index.d.ts +2 -0
  14. package/dist/src/index.js +2 -0
  15. package/dist/src/index.js.map +1 -1
  16. package/dist/tailwind/tailwind.js +88 -170
  17. package/dist/tailwind/tailwind.js.map +1 -1
  18. package/dist/tsconfig.tsbuildinfo +1 -1
  19. package/package.json +2 -1
  20. package/src/components/kompasid-paywall-body/KompasPaywallBody.ts +39 -11
  21. package/src/components/kompasid-widget-recirculations-default/KompasWidgetRecirculationsDefault.ts +342 -0
  22. package/src/components/kompasid-widget-recirculations-default/readme.md +57 -0
  23. package/src/components/kompasid-widget-recirculations-default/types.ts +28 -0
  24. package/src/components/kompasid-widget-recirculations-list/KompasWidgetRecirculationsList.ts +230 -0
  25. package/src/components/kompasid-widget-recirculations-list/readme.md +27 -0
  26. package/src/index.ts +2 -0
  27. package/tailwind/tailwind.css +85 -170
  28. package/tailwind/tailwind.ts +88 -170
  29. package/tailwind.config.js +2 -1
  30. package/assets/kompas-free-trial.png +0 -0
  31. package/assets/qr-code.png +0 -0
package/dist/src/index.js CHANGED
@@ -1,3 +1,5 @@
1
+ export { KompasWidgetRecirculationsDefault } from './components/kompasid-widget-recirculations-default/KompasWidgetRecirculationsDefault.js';
2
+ export { KompasWidgetRecirculationsList } from './components/kompasid-widget-recirculations-list/KompasWidgetRecirculationsList.js';
1
3
  export { KompasPaywall } from './components/kompasid-paywall/KompasPaywall.js';
2
4
  export { KompasFooter } from './components/kompasid-footer/KompasFooter.js';
3
5
  export { KompasPaywallVideo } from './components/kompasid-paywall-video/KompasPaywallVideo.js';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAA;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAA;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAA;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,+DAA+D,CAAA;AACpG,OAAO,EAAE,cAAc,EAAE,MAAM,kDAAkD,CAAA;AACjF,OAAO,EAAE,yBAAyB,EAAE,MAAM,0EAA0E,CAAA;AACpH,OAAO,EAAE,mBAAmB,EAAE,MAAM,6DAA6D,CAAA","sourcesContent":["export { KompasPaywall } from './components/kompasid-paywall/KompasPaywall.js'\nexport { KompasFooter } from './components/kompasid-footer/KompasFooter.js'\nexport { KompasPaywallVideo } from './components/kompasid-paywall-video/KompasPaywallVideo.js'\nexport { KompasMeteredPaywall } from './components/kompasid-metered-paywall/KompasMeteredPaywall.js'\nexport { KompasFreewall } from './components/kompasid-freewall/KompasFreewall.js'\nexport { KompasMeteredWallRegister } from './components/kompasid-metered-wall-register/KompasMeteredWallRegister.js'\nexport { KompasHeaderAccount } from './components/kompasid-header-account/KompasHeaderAccount.js'\n\ndeclare global {\n interface Window {\n gtag: (...args: any[]) => void\n dataLayer: Record<string, any>\n }\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iCAAiC,EAAE,MAAM,0FAA0F,CAAA;AAC5I,OAAO,EAAE,8BAA8B,EAAE,MAAM,oFAAoF,CAAA;AACnI,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAA;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAA;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAA;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,+DAA+D,CAAA;AACpG,OAAO,EAAE,cAAc,EAAE,MAAM,kDAAkD,CAAA;AACjF,OAAO,EAAE,yBAAyB,EAAE,MAAM,0EAA0E,CAAA;AACpH,OAAO,EAAE,mBAAmB,EAAE,MAAM,6DAA6D,CAAA","sourcesContent":["export { KompasWidgetRecirculationsDefault } from './components/kompasid-widget-recirculations-default/KompasWidgetRecirculationsDefault.js'\nexport { KompasWidgetRecirculationsList } from './components/kompasid-widget-recirculations-list/KompasWidgetRecirculationsList.js'\nexport { KompasPaywall } from './components/kompasid-paywall/KompasPaywall.js'\nexport { KompasFooter } from './components/kompasid-footer/KompasFooter.js'\nexport { KompasPaywallVideo } from './components/kompasid-paywall-video/KompasPaywallVideo.js'\nexport { KompasMeteredPaywall } from './components/kompasid-metered-paywall/KompasMeteredPaywall.js'\nexport { KompasFreewall } from './components/kompasid-freewall/KompasFreewall.js'\nexport { KompasMeteredWallRegister } from './components/kompasid-metered-wall-register/KompasMeteredWallRegister.js'\nexport { KompasHeaderAccount } from './components/kompasid-header-account/KompasHeaderAccount.js'\n\ndeclare global {\n interface Window {\n gtag: (...args: any[]) => void\n dataLayer: Record<string, any>\n }\n}\n"]}
@@ -698,6 +698,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
698
698
  margin-bottom: 1.25rem;
699
699
  }
700
700
 
701
+ .mb-6 {
702
+ margin-bottom: 1.5rem;
703
+ }
704
+
701
705
  .ml-0 {
702
706
  margin-left: 0px;
703
707
  }
@@ -734,10 +738,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
734
738
  margin-right: 2.5rem;
735
739
  }
736
740
 
737
- .mr-2 {
738
- margin-right: 0.5rem;
739
- }
740
-
741
741
  .mr-3 {
742
742
  margin-right: 0.75rem;
743
743
  }
@@ -750,6 +750,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
750
750
  margin-right: 1rem;
751
751
  }
752
752
 
753
+ .mr-6 {
754
+ margin-right: 1.5rem;
755
+ }
756
+
753
757
  .mt-1 {
754
758
  margin-top: 0.25rem;
755
759
  }
@@ -778,10 +782,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
778
782
  margin-top: 2rem;
779
783
  }
780
784
 
781
- .mr-6 {
782
- margin-right: 1.5rem;
783
- }
784
-
785
785
  .block {
786
786
  display: block;
787
787
  }
@@ -798,10 +798,18 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
798
798
  display: none;
799
799
  }
800
800
 
801
+ .aspect-video {
802
+ aspect-ratio: 16 / 9;
803
+ }
804
+
801
805
  .h-10 {
802
806
  height: 2.5rem;
803
807
  }
804
808
 
809
+ .h-12 {
810
+ height: 3rem;
811
+ }
812
+
805
813
  .h-16 {
806
814
  height: 4rem;
807
815
  }
@@ -875,16 +883,12 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
875
883
  height: max-content;
876
884
  }
877
885
 
878
- .h-12 {
879
- height: 3rem;
880
- }
881
-
882
886
  .w-1\\/2 {
883
887
  width: 50%;
884
888
  }
885
889
 
886
- .w-1\\/4 {
887
- width: 25%;
890
+ .w-1\\/3 {
891
+ width: 33.333333%;
888
892
  }
889
893
 
890
894
  .w-1\\/5 {
@@ -895,6 +899,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
895
899
  width: 2.5rem;
896
900
  }
897
901
 
902
+ .w-11\\/12 {
903
+ width: 91.666667%;
904
+ }
905
+
898
906
  .w-16 {
899
907
  width: 4rem;
900
908
  }
@@ -907,10 +915,18 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
907
915
  width: 0.625rem;
908
916
  }
909
917
 
918
+ .w-2\\/3 {
919
+ width: 66.666667%;
920
+ }
921
+
910
922
  .w-20 {
911
923
  width: 5rem;
912
924
  }
913
925
 
926
+ .w-3\\/4 {
927
+ width: 75%;
928
+ }
929
+
914
930
  .w-32 {
915
931
  width: 8rem;
916
932
  }
@@ -943,10 +959,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
943
959
  width: 2rem;
944
960
  }
945
961
 
946
- .w-80 {
947
- width: 20rem;
948
- }
949
-
950
962
  .w-9 {
951
963
  width: 2.25rem;
952
964
  }
@@ -975,30 +987,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
975
987
  width: 100%;
976
988
  }
977
989
 
978
- .w-1\\/3 {
979
- width: 33.333333%;
980
- }
981
-
982
- .w-3\\/4 {
983
- width: 75%;
984
- }
985
-
986
- .w-4\\/5 {
987
- width: 80%;
988
- }
989
-
990
- .w-2\\/4 {
991
- width: 50%;
992
- }
993
-
994
- .w-2\\/3 {
995
- width: 66.666667%;
996
- }
997
-
998
- .w-11\\/12 {
999
- width: 91.666667%;
1000
- }
1001
-
1002
990
  .max-w-7xl {
1003
991
  max-width: 80rem;
1004
992
  }
@@ -1150,10 +1138,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1150
1138
  gap: 2rem;
1151
1139
  }
1152
1140
 
1153
- .gap-2 {
1154
- gap: 0.5rem;
1155
- }
1156
-
1157
1141
  .gap-y-2 {
1158
1142
  row-gap: 0.5rem;
1159
1143
  }
@@ -1289,6 +1273,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1289
1273
  border-color: rgb(136 136 136 / var(--tw-border-opacity));
1290
1274
  }
1291
1275
 
1276
+ .border-dark-9 {
1277
+ --tw-border-opacity: 1;
1278
+ border-color: rgb(35 35 35 / var(--tw-border-opacity));
1279
+ }
1280
+
1292
1281
  .border-green-400 {
1293
1282
  --tw-border-opacity: 1;
1294
1283
  border-color: rgb(106 195 34 / var(--tw-border-opacity));
@@ -1414,6 +1403,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1414
1403
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
1415
1404
  }
1416
1405
 
1406
+ .bg-orange-100 {
1407
+ --tw-bg-opacity: 1;
1408
+ background-color: rgb(255 238 204 / var(--tw-bg-opacity));
1409
+ }
1410
+
1417
1411
  .bg-white {
1418
1412
  --tw-bg-opacity: 1;
1419
1413
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -1424,21 +1418,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1424
1418
  background-color: rgb(255 220 63 / var(--tw-bg-opacity));
1425
1419
  }
1426
1420
 
1427
- .bg-red-300 {
1428
- --tw-bg-opacity: 1;
1429
- background-color: rgb(247 100 76 / var(--tw-bg-opacity));
1430
- }
1431
-
1432
- .bg-red-500 {
1433
- --tw-bg-opacity: 1;
1434
- background-color: rgb(208 13 18 / var(--tw-bg-opacity));
1435
- }
1436
-
1437
- .bg-red-400 {
1438
- --tw-bg-opacity: 1;
1439
- background-color: rgb(243 32 19 / var(--tw-bg-opacity));
1440
- }
1441
-
1442
1421
  .bg-opacity-75 {
1443
1422
  --tw-bg-opacity: 0.75;
1444
1423
  }
@@ -1477,19 +1456,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1477
1456
  padding: 1.25rem;
1478
1457
  }
1479
1458
 
1480
- .p-8 {
1481
- padding: 2rem;
1482
- }
1483
-
1484
1459
  .p-6 {
1485
1460
  padding: 1.5rem;
1486
1461
  }
1487
1462
 
1488
- .px-10 {
1489
- padding-left: 2.5rem;
1490
- padding-right: 2.5rem;
1491
- }
1492
-
1493
1463
  .px-2 {
1494
1464
  padding-left: 0.5rem;
1495
1465
  padding-right: 0.5rem;
@@ -1555,31 +1525,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1555
1525
  padding-bottom: 5.6px;
1556
1526
  }
1557
1527
 
1558
- .px-9 {
1559
- padding-left: 2.25rem;
1560
- padding-right: 2.25rem;
1561
- }
1562
-
1563
- .px-6 {
1564
- padding-left: 1.5rem;
1565
- padding-right: 1.5rem;
1566
- }
1567
-
1568
- .py-6 {
1569
- padding-top: 1.5rem;
1570
- padding-bottom: 1.5rem;
1571
- }
1572
-
1573
- .py-12 {
1574
- padding-top: 3rem;
1575
- padding-bottom: 3rem;
1576
- }
1577
-
1578
- .px-0 {
1579
- padding-left: 0px;
1580
- padding-right: 0px;
1581
- }
1582
-
1583
1528
  .pb-1 {
1584
1529
  padding-bottom: 0.25rem;
1585
1530
  }
@@ -1664,6 +1609,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1664
1609
  padding-top: 2.5rem;
1665
1610
  }
1666
1611
 
1612
+ .pt-2 {
1613
+ padding-top: 0.5rem;
1614
+ }
1615
+
1667
1616
  .pt-4 {
1668
1617
  padding-top: 1rem;
1669
1618
  }
@@ -1692,6 +1641,13 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1692
1641
  text-align: end;
1693
1642
  }
1694
1643
 
1644
+ .font-sans {
1645
+ font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
1646
+ 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
1647
+ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
1648
+ 'Noto Color Emoji';
1649
+ }
1650
+
1695
1651
  .font-serif {
1696
1652
  font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
1697
1653
  }
@@ -1741,6 +1697,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1741
1697
  font-weight: 400;
1742
1698
  }
1743
1699
 
1700
+ .uppercase {
1701
+ text-transform: uppercase;
1702
+ }
1703
+
1744
1704
  .capitalize {
1745
1705
  text-transform: capitalize;
1746
1706
  }
@@ -1773,6 +1733,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1773
1733
  line-height: 1.5;
1774
1734
  }
1775
1735
 
1736
+ .leading-tight {
1737
+ line-height: 1.25;
1738
+ }
1739
+
1776
1740
  .tracking-wide {
1777
1741
  letter-spacing: 0.025em;
1778
1742
  }
@@ -1812,6 +1776,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1812
1776
  color: rgb(0 85 154 / var(--tw-text-opacity));
1813
1777
  }
1814
1778
 
1779
+ .text-dark-5 {
1780
+ --tw-text-opacity: 1;
1781
+ color: rgb(18 18 18 / var(--tw-text-opacity));
1782
+ }
1783
+
1815
1784
  .text-dark-6 {
1816
1785
  --tw-text-opacity: 1;
1817
1786
  color: rgb(46 46 46 / var(--tw-text-opacity));
@@ -1847,6 +1816,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1847
1816
  color: rgb(221 221 221 / var(--tw-text-opacity));
1848
1817
  }
1849
1818
 
1819
+ .text-grey-400 {
1820
+ --tw-text-opacity: 1;
1821
+ color: rgb(153 153 153 / var(--tw-text-opacity));
1822
+ }
1823
+
1850
1824
  .text-grey-500 {
1851
1825
  --tw-text-opacity: 1;
1852
1826
  color: rgb(102 102 102 / var(--tw-text-opacity));
@@ -1862,14 +1836,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1862
1836
  color: rgb(255 122 0 / var(--tw-text-opacity));
1863
1837
  }
1864
1838
 
1865
- .text-white {
1839
+ .text-orange-500 {
1866
1840
  --tw-text-opacity: 1;
1867
- color: rgb(255 255 255 / var(--tw-text-opacity));
1841
+ color: rgb(219 93 0 / var(--tw-text-opacity));
1868
1842
  }
1869
1843
 
1870
- .text-grey-400 {
1844
+ .text-white {
1871
1845
  --tw-text-opacity: 1;
1872
- color: rgb(153 153 153 / var(--tw-text-opacity));
1846
+ color: rgb(255 255 255 / var(--tw-text-opacity));
1873
1847
  }
1874
1848
 
1875
1849
  .underline {
@@ -1916,18 +1890,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1916
1890
  }
1917
1891
 
1918
1892
  @media (min-width: 640px) {
1919
- .sm\\:w-1\\/2 {
1920
- width: 50%;
1921
- }
1922
-
1923
1893
  .sm\\:w-3\\/4 {
1924
1894
  width: 75%;
1925
1895
  }
1926
1896
 
1927
- .sm\\:w-1\\/4 {
1928
- width: 25%;
1929
- }
1930
-
1931
1897
  .sm\\:max-w-lg {
1932
1898
  max-width: 32rem;
1933
1899
  }
@@ -2026,6 +1992,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
2026
1992
  min-height: 244px;
2027
1993
  }
2028
1994
 
1995
+ .md\\:w-1\\/2 {
1996
+ width: 50%;
1997
+ }
1998
+
2029
1999
  .md\\:w-3\\/5 {
2030
2000
  width: 60%;
2031
2001
  }
@@ -2066,26 +2036,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
2066
2036
  width: 100%;
2067
2037
  }
2068
2038
 
2069
- .md\\:w-1\\/2 {
2070
- width: 50%;
2071
- }
2072
-
2073
- .md\\:w-3\\/4 {
2074
- width: 75%;
2075
- }
2076
-
2077
- .md\\:w-1\\/4 {
2078
- width: 25%;
2079
- }
2080
-
2081
- .md\\:w-1\\/3 {
2082
- width: 33.333333%;
2083
- }
2084
-
2085
- .md\\:w-2\\/3 {
2086
- width: 66.666667%;
2087
- }
2088
-
2089
2039
  .md\\:max-w-\\[137px\\] {
2090
2040
  max-width: 137px;
2091
2041
  }
@@ -2102,6 +2052,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
2102
2052
  grid-template-columns: repeat(1, minmax(0, 1fr));
2103
2053
  }
2104
2054
 
2055
+ .md\\:grid-cols-2 {
2056
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2057
+ }
2058
+
2105
2059
  .md\\:flex-row {
2106
2060
  flex-direction: row;
2107
2061
  }
@@ -2209,6 +2163,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
2209
2163
  padding-right: 1.5rem;
2210
2164
  }
2211
2165
 
2166
+ .md\\:px-8 {
2167
+ padding-left: 2rem;
2168
+ padding-right: 2rem;
2169
+ }
2170
+
2212
2171
  .md\\:py-1 {
2213
2172
  padding-top: 0.25rem;
2214
2173
  padding-bottom: 0.25rem;
@@ -2229,11 +2188,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
2229
2188
  padding-bottom: 1.5rem;
2230
2189
  }
2231
2190
 
2232
- .md\\:px-8 {
2233
- padding-left: 2rem;
2234
- padding-right: 2rem;
2235
- }
2236
-
2237
2191
  .md\\:pb-4 {
2238
2192
  padding-bottom: 1rem;
2239
2193
  }
@@ -2343,10 +2297,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
2343
2297
  min-height: 220px;
2344
2298
  }
2345
2299
 
2346
- .lg\\:w-\\[410px\\] {
2347
- width: 410px;
2348
- }
2349
-
2350
2300
  .lg\\:w-1\\/2 {
2351
2301
  width: 50%;
2352
2302
  }
@@ -2355,16 +2305,8 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
2355
2305
  width: 33.333333%;
2356
2306
  }
2357
2307
 
2358
- .lg\\:w-3\\/4 {
2359
- width: 75%;
2360
- }
2361
-
2362
- .lg\\:w-2 {
2363
- width: 0.5rem;
2364
- }
2365
-
2366
- .lg\\:w-2\\/3 {
2367
- width: 66.666667%;
2308
+ .lg\\:w-\\[410px\\] {
2309
+ width: 410px;
2368
2310
  }
2369
2311
 
2370
2312
  .lg\\:max-w-7xl {
@@ -2437,30 +2379,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
2437
2379
  }
2438
2380
 
2439
2381
  @media (min-width: 1280px) {
2440
- .xl\\:block {
2441
- display: block;
2442
- }
2443
-
2444
- .xl\\:flex {
2445
- display: flex;
2446
- }
2447
-
2448
- .xl\\:hidden {
2449
- display: none;
2450
- }
2451
-
2452
- .xl\\:w-1\\/3 {
2453
- width: 33.333333%;
2454
- }
2455
-
2456
- .xl\\:w-1\\/2 {
2457
- width: 50%;
2458
- }
2459
-
2460
- .xl\\:w-1\\/4 {
2461
- width: 25%;
2462
- }
2463
-
2464
2382
  .xl\\:px-0 {
2465
2383
  padding-left: 0px;
2466
2384
  padding-right: 0px;