@ilo-org/styles 0.1.8 → 0.1.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 (15) hide show
  1. package/build/css/components/index.css +176 -77
  2. package/build/css/components/index.css.map +1 -1
  3. package/build/css/index.css +176 -77
  4. package/build/css/index.css.map +1 -1
  5. package/build/css/monorepo.css +176 -77
  6. package/build/css/monorepo.css.map +1 -1
  7. package/build/minified/index.css +1 -1
  8. package/build/minified/index.css.map +1 -1
  9. package/build/minified/monorepo.css +1 -1
  10. package/build/minified/monorepo.css.map +1 -1
  11. package/package.json +3 -3
  12. package/scss/components/_card.scss +90 -6
  13. package/scss/components/_checkbox.scss +1 -0
  14. package/scss/components/_hero.scss +52 -25
  15. package/scss/components/_tag.scss +1 -1
package/build/css/components/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
3
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
4
4
  */
5
5
  /**
6
6
  * TOKENS:
@@ -10,7 +10,7 @@
10
10
  */
11
11
  /**
12
12
  * Do not edit directly
13
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
13
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
14
14
  */
15
15
  /**
16
16
  * TOKENS:
@@ -111,7 +111,7 @@
111
111
 
112
112
  /**
113
113
  * Do not edit directly
114
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
114
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
115
115
  */
116
116
  /**
117
117
  * TOKENS:
@@ -136,7 +136,7 @@
136
136
  }
137
137
  /**
138
138
  * Do not edit directly
139
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
139
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
140
140
  */
141
141
  /**
142
142
  * TOKENS:
@@ -366,7 +366,7 @@
366
366
 
367
367
  /**
368
368
  * Do not edit directly
369
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
369
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
370
370
  */
371
371
  /**
372
372
  * TOKENS:
@@ -376,7 +376,7 @@
376
376
  */
377
377
  /**
378
378
  * Do not edit directly
379
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
379
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
380
380
  */
381
381
  /**
382
382
  * TOKENS:
@@ -401,7 +401,7 @@
401
401
  }
402
402
  /**
403
403
  * Do not edit directly
404
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
404
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
405
405
  */
406
406
  /**
407
407
  * TOKENS:
@@ -691,7 +691,7 @@
691
691
 
692
692
  /**
693
693
  * Do not edit directly
694
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
694
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
695
695
  */
696
696
  /**
697
697
  * TOKENS:
@@ -821,7 +821,7 @@
821
821
 
822
822
  /**
823
823
  * Do not edit directly
824
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
824
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
825
825
  */
826
826
  /**
827
827
  * TOKENS:
@@ -1030,6 +1030,24 @@
1030
1030
  position: relative;
1031
1031
  z-index: 2;
1032
1032
  }
1033
+ .ilo--card--isvideo .ilo--card--image--wrapper {
1034
+ position: relative;
1035
+ }
1036
+ .ilo--card--isvideo .ilo--card--image--wrapper::before {
1037
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(237, 240, 242)' d='M22 11.9999L4 2V22L22 11.9999Z'/%3e%3c/svg%3e");
1038
+ background-color: rgb(45, 45, 45);
1039
+ background-position: center;
1040
+ background-size: 18px 20px;
1041
+ background-repeat: no-repeat;
1042
+ content: "";
1043
+ display: block;
1044
+ height: 40px;
1045
+ left: 0;
1046
+ position: absolute;
1047
+ top: 0;
1048
+ width: 40px;
1049
+ z-index: 1;
1050
+ }
1033
1051
  .ilo--card--multilink {
1034
1052
  padding: 1.2861736334rem;
1035
1053
  }
@@ -1336,7 +1354,7 @@
1336
1354
  margin-bottom: 1.674953518rem;
1337
1355
  }
1338
1356
  .ilo--card--graphic.ilo--card--dark {
1339
- border-bottom: 0.1607717042rem solid rgb(150, 10, 85);
1357
+ border-bottom: 0.1607717042rem solid rgb(250, 60, 75);
1340
1358
  }
1341
1359
  .ilo--card--graphic .ilo--card--eyebrow {
1342
1360
  margin-bottom: 1.0110920672rem;
@@ -1364,6 +1382,10 @@
1364
1382
  padding: 2.1436227224rem 1.2861736334rem;
1365
1383
  width: 100%;
1366
1384
  }
1385
+ .ilo--card--graphicpromo.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
1386
+ height: 2.1436227224rem;
1387
+ top: -2.127545552rem;
1388
+ }
1367
1389
  .ilo--card--graphicpromo:hover, .ilo--card--graphicpromo:focus {
1368
1390
  filter: drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.038)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.054)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.054));
1369
1391
  }
@@ -1371,11 +1393,19 @@
1371
1393
  .ilo--card--graphicpromo {
1372
1394
  padding: 2.5723472669rem;
1373
1395
  }
1396
+ .ilo--card--graphicpromo.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
1397
+ height: 3.4297963558rem;
1398
+ top: -3.4137191854rem;
1399
+ }
1374
1400
  }
1375
1401
  @media screen and (min-width: 1024px) {
1376
1402
  .ilo--card--graphicpromo {
1377
1403
  padding: 3.4297963558rem 3.8585209003rem;
1378
1404
  }
1405
+ .ilo--card--graphicpromo.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
1406
+ height: 3.4297963558rem;
1407
+ top: -3.4137191854rem;
1408
+ }
1379
1409
  }
1380
1410
  .ilo--card--graphicpromo.ilo--card--wide {
1381
1411
  padding: 3.4297963558rem 3.8585209003rem;
@@ -1478,8 +1508,8 @@
1478
1508
  }
1479
1509
  .ilo--card--factlist.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
1480
1510
  clip-path: polygon(90% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
1481
- height: 1.822079314rem;
1482
- top: -1.8060021436rem;
1511
+ height: 2.1436227224rem;
1512
+ top: -2.127545552rem;
1483
1513
  }
1484
1514
  .ilo--card--factlist.ilo--card--dark {
1485
1515
  background: rgb(35, 0, 80);
@@ -1562,7 +1592,7 @@
1562
1592
  padding: 0 1.2861736334rem 2.1436227224rem 1.1789924973rem;
1563
1593
  width: 100%;
1564
1594
  }
1565
- .ilo--card--stat::before {
1595
+ .ilo--card--stat.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
1566
1596
  clip-path: polygon(75% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
1567
1597
  height: 2.1436227224rem;
1568
1598
  top: -2.127545552rem;
@@ -1609,6 +1639,12 @@
1609
1639
  line-height: 16.24px;
1610
1640
  align-self: flex-end;
1611
1641
  }
1642
+ @media screen and (min-width: 1024px) {
1643
+ .ilo--card--stat.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
1644
+ height: 2.5723472669rem;
1645
+ top: -2.5562700965rem;
1646
+ }
1647
+ }
1612
1648
  .ilo--card--data {
1613
1649
  background: rgb(235, 245, 253);
1614
1650
  border-bottom: 0.1607717042rem solid #82afdc;
@@ -1677,7 +1713,18 @@
1677
1713
  display: none;
1678
1714
  }
1679
1715
  .ilo--card--feature.ilo--card--dark {
1680
- border-bottom: 0.1607717042rem solid rgb(150, 10, 85);
1716
+ border-bottom: 0.1607717042rem solid rgb(250, 60, 75);
1717
+ }
1718
+ .ilo--card--feature.ilo--card--dark .ilo--link-list {
1719
+ border-top: 2px solid rgba(237, 240, 242, 0.25);
1720
+ }
1721
+ .ilo--card--feature.ilo--card--dark .ilo--link-list--link {
1722
+ color: rgb(255, 255, 255);
1723
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(255, 255, 255)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
1724
+ }
1725
+ .ilo--card--feature.ilo--card--dark:hover .ilo--link-list--link, .ilo--card--feature.ilo--card--dark:focus .ilo--link-list--link {
1726
+ color: rgb(30, 45, 190);
1727
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
1681
1728
  }
1682
1729
  .ilo--card--feature picture::before {
1683
1730
  transition-property: opacity;
@@ -1699,6 +1746,19 @@
1699
1746
  .ilo--card--feature:hover .ilo--card--image, .ilo--card--feature:focus .ilo--card--image {
1700
1747
  filter: saturate(0);
1701
1748
  }
1749
+ .ilo--card--feature .ilo--link-list {
1750
+ border-top: 0.1071811361rem solid rgb(237, 240, 242);
1751
+ margin-left: -1.2861736334rem;
1752
+ margin-right: -1.2861736334rem;
1753
+ margin-top: 1.822079314rem;
1754
+ position: relative;
1755
+ z-index: 2;
1756
+ }
1757
+ .ilo--card--feature .ilo--link-list--link, .ilo--card--feature .ilo--link-list--link:hover {
1758
+ border-bottom: none;
1759
+ padding-left: 1.2861736334rem;
1760
+ padding-right: 1.2861736334rem;
1761
+ }
1702
1762
  .ilo--card--feature.ilo--card--narrow .ilo--card--wrap, .ilo--card--feature.ilo--card--standard .ilo--card--wrap {
1703
1763
  display: flex;
1704
1764
  flex-wrap: wrap;
@@ -1762,6 +1822,9 @@
1762
1822
  .ilo--card--feature .ilo--card--content {
1763
1823
  padding: 1.2861736334rem 1.2861736334rem 2.1436227224rem;
1764
1824
  }
1825
+ .ilo--card--feature.ilo--card--linklist .ilo--card--content {
1826
+ padding-bottom: 0;
1827
+ }
1765
1828
  .ilo--card--feature .ilo--card--title {
1766
1829
  font-size: 23.32px;
1767
1830
  letter-spacing: -0.035em;
@@ -1782,7 +1845,7 @@
1782
1845
 
1783
1846
  /**
1784
1847
  * Do not edit directly
1785
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
1848
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
1786
1849
  */
1787
1850
  /**
1788
1851
  * TOKENS:
@@ -1827,7 +1890,7 @@
1827
1890
 
1828
1891
  /**
1829
1892
  * Do not edit directly
1830
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
1893
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
1831
1894
  */
1832
1895
  /**
1833
1896
  * TOKENS:
@@ -1910,6 +1973,7 @@
1910
1973
  margin-bottom: 1.1789924973rem;
1911
1974
  }
1912
1975
  .ilo--fieldset--input--checkbox .ilo--fieldset--label {
1976
+ font-family: Noto Sans, sans-serif;
1913
1977
  font-weight: 400;
1914
1978
  line-height: 1;
1915
1979
  margin-left: 0.4287245445rem;
@@ -1929,7 +1993,7 @@
1929
1993
 
1930
1994
  /**
1931
1995
  * Do not edit directly
1932
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
1996
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
1933
1997
  */
1934
1998
  /**
1935
1999
  * TOKENS:
@@ -2002,7 +2066,7 @@
2002
2066
 
2003
2067
  /**
2004
2068
  * Do not edit directly
2005
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
2069
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2006
2070
  */
2007
2071
  /**
2008
2072
  * TOKENS:
@@ -2012,7 +2076,7 @@
2012
2076
  */
2013
2077
  /**
2014
2078
  * Do not edit directly
2015
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
2079
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2016
2080
  */
2017
2081
  /**
2018
2082
  * TOKENS:
@@ -2022,7 +2086,7 @@
2022
2086
  */
2023
2087
  /**
2024
2088
  * Do not edit directly
2025
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
2089
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2026
2090
  */
2027
2091
  /**
2028
2092
  * TOKENS:
@@ -2032,7 +2096,7 @@
2032
2096
  */
2033
2097
  /**
2034
2098
  * Do not edit directly
2035
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
2099
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2036
2100
  */
2037
2101
  /**
2038
2102
  * TOKENS:
@@ -2158,7 +2222,7 @@
2158
2222
 
2159
2223
  /**
2160
2224
  * Do not edit directly
2161
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
2225
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2162
2226
  */
2163
2227
  /**
2164
2228
  * TOKENS:
@@ -2186,7 +2250,7 @@
2186
2250
 
2187
2251
  /**
2188
2252
  * Do not edit directly
2189
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
2253
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2190
2254
  */
2191
2255
  /**
2192
2256
  * TOKENS:
@@ -2272,7 +2336,7 @@
2272
2336
 
2273
2337
  /**
2274
2338
  * Do not edit directly
2275
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
2339
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2276
2340
  */
2277
2341
  /**
2278
2342
  * TOKENS:
@@ -2282,7 +2346,7 @@
2282
2346
  */
2283
2347
  /**
2284
2348
  * Do not edit directly
2285
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
2349
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2286
2350
  */
2287
2351
  /**
2288
2352
  * TOKENS:
@@ -2292,7 +2356,7 @@
2292
2356
  */
2293
2357
  /**
2294
2358
  * Do not edit directly
2295
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
2359
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2296
2360
  */
2297
2361
  /**
2298
2362
  * TOKENS:
@@ -2345,7 +2409,7 @@
2345
2409
 
2346
2410
  /**
2347
2411
  * Do not edit directly
2348
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
2412
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2349
2413
  */
2350
2414
  /**
2351
2415
  * TOKENS:
@@ -2420,7 +2484,7 @@
2420
2484
 
2421
2485
  /**
2422
2486
  * Do not edit directly
2423
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
2487
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2424
2488
  */
2425
2489
  /**
2426
2490
  * TOKENS:
@@ -2526,7 +2590,7 @@
2526
2590
 
2527
2591
  /**
2528
2592
  * Do not edit directly
2529
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
2593
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2530
2594
  */
2531
2595
  /**
2532
2596
  * TOKENS:
@@ -2549,7 +2613,7 @@
2549
2613
 
2550
2614
  /**
2551
2615
  * Do not edit directly
2552
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
2616
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2553
2617
  */
2554
2618
  /**
2555
2619
  * TOKENS:
@@ -2563,7 +2627,7 @@
2563
2627
 
2564
2628
  /**
2565
2629
  * Do not edit directly
2566
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
2630
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2567
2631
  */
2568
2632
  /**
2569
2633
  * TOKENS:
@@ -2573,7 +2637,7 @@
2573
2637
  */
2574
2638
  /**
2575
2639
  * Do not edit directly
2576
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
2640
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2577
2641
  */
2578
2642
  /**
2579
2643
  * TOKENS:
@@ -2598,7 +2662,7 @@
2598
2662
  }
2599
2663
  /**
2600
2664
  * Do not edit directly
2601
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
2665
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2602
2666
  */
2603
2667
  /**
2604
2668
  * TOKENS:
@@ -2995,7 +3059,7 @@
2995
3059
 
2996
3060
  /**
2997
3061
  * Do not edit directly
2998
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
3062
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2999
3063
  */
3000
3064
  /**
3001
3065
  * TOKENS:
@@ -3118,7 +3182,7 @@
3118
3182
 
3119
3183
  /**
3120
3184
  * Do not edit directly
3121
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
3185
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
3122
3186
  */
3123
3187
  /**
3124
3188
  * TOKENS:
@@ -3129,6 +3193,7 @@
3129
3193
  .ilo--hero {
3130
3194
  background: rgb(237, 240, 242);
3131
3195
  display: block;
3196
+ position: relative;
3132
3197
  width: 100%;
3133
3198
  }
3134
3199
  .ilo--hero--home .ilo--image::before {
@@ -3254,6 +3319,16 @@
3254
3319
  width: 100%;
3255
3320
  }
3256
3321
  }
3322
+ .ilo--hero .ilo--breadcrumb {
3323
+ left: 0;
3324
+ max-width: 560px;
3325
+ position: absolute;
3326
+ top: 0;
3327
+ }
3328
+ .right-to-left .ilo--hero .ilo--breadcrumb {
3329
+ left: auto;
3330
+ right: 0;
3331
+ }
3257
3332
 
3258
3333
  .ilo--hero-card {
3259
3334
  background: rgb(255, 255, 255);
@@ -3280,14 +3355,17 @@
3280
3355
  }
3281
3356
  @media screen and (min-width: 1024px) {
3282
3357
  .ilo--hero-card::before {
3283
- height: 64px;
3284
- top: -63.7px;
3358
+ height: 56px;
3359
+ top: -55.7px;
3285
3360
  }
3286
3361
  }
3287
3362
  @media screen and (min-width: 1024px) {
3288
3363
  .ilo--hero-card {
3289
3364
  padding: 0 70px 70px 56px;
3290
3365
  }
3366
+ .ilo--hero-card.ilo--hero-card--graphic {
3367
+ padding: 0 70px 44px 56px;
3368
+ }
3291
3369
  }
3292
3370
  .right-to-left .ilo--hero-card {
3293
3371
  direction: rtl;
@@ -3337,6 +3415,9 @@
3337
3415
  border: none;
3338
3416
  padding: 24px;
3339
3417
  }
3418
+ .ilo--hero-card--home::before {
3419
+ display: none;
3420
+ }
3340
3421
  @media screen and (min-width: 1024px) {
3341
3422
  .ilo--hero-card--home {
3342
3423
  bottom: 72px;
@@ -3345,6 +3426,22 @@
3345
3426
  position: absolute;
3346
3427
  width: 100%;
3347
3428
  }
3429
+ .ilo--hero-card--home::before {
3430
+ background: inherit;
3431
+ clip-path: polygon(90% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
3432
+ content: "";
3433
+ display: block;
3434
+ height: 59px;
3435
+ left: 0;
3436
+ position: absolute;
3437
+ top: -58.7px;
3438
+ width: 100%;
3439
+ }
3440
+ .right-to-left .ilo--hero-card--home::before {
3441
+ clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0% 100%, 10% 0%);
3442
+ left: auto;
3443
+ right: 0;
3444
+ }
3348
3445
  .ilo--hero-card--home.ilo--hero-card--center {
3349
3446
  left: 50%;
3350
3447
  right: auto;
@@ -3359,8 +3456,10 @@
3359
3456
  right: 0;
3360
3457
  }
3361
3458
  }
3362
- .ilo--hero-card--home.ilo--hero-card--dark {
3363
- background: rgba(35, 0, 80, 0.55);
3459
+ @media screen and (min-width: 1024px) {
3460
+ .ilo--hero-card--home.ilo--hero-card--dark {
3461
+ background: rgba(35, 0, 80, 0.55);
3462
+ }
3364
3463
  }
3365
3464
  .ilo--hero-card--portal {
3366
3465
  background: rgb(35, 0, 80);
@@ -3375,11 +3474,11 @@
3375
3474
  }
3376
3475
  }
3377
3476
  .ilo--hero-card--publication {
3378
- margin-top: -64px;
3379
3477
  padding: 24px;
3380
3478
  }
3381
3479
  @media screen and (min-width: 1024px) {
3382
3480
  .ilo--hero-card--publication {
3481
+ margin-top: -64px;
3383
3482
  max-width: 720px;
3384
3483
  padding: 0 48px 48px 72px;
3385
3484
  width: 100%;
@@ -3389,21 +3488,21 @@
3389
3488
  font-size: 16px;
3390
3489
  letter-spacing: normal;
3391
3490
  line-height: 23.36px;
3392
- margin-bottom: 1.910132288rem;
3491
+ margin-bottom: 1.5005359057rem;
3393
3492
  color: rgb(109, 109, 109);
3394
3493
  }
3395
3494
  .ilo--hero-card--eyebrow {
3396
3495
  font-size: 16px;
3397
3496
  letter-spacing: normal;
3398
3497
  line-height: 23.36px;
3399
- margin-bottom: 1.4814077435rem;
3498
+ margin-bottom: 0.857449089rem;
3400
3499
  color: rgb(150, 10, 85);
3401
3500
  }
3402
3501
  .ilo--hero-card--intro {
3403
3502
  font-size: 16px;
3404
3503
  letter-spacing: normal;
3405
3504
  line-height: 23.36px;
3406
- margin-bottom: 1.8685411561rem;
3505
+ margin-bottom: 1.5005359057rem;
3407
3506
  }
3408
3507
  @media screen and (min-width: 1024px) {
3409
3508
  .ilo--hero-card--intro {
@@ -3480,7 +3579,7 @@
3480
3579
 
3481
3580
  /**
3482
3581
  * Do not edit directly
3483
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
3582
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
3484
3583
  */
3485
3584
  /**
3486
3585
  * TOKENS:
@@ -3536,7 +3635,7 @@
3536
3635
 
3537
3636
  /**
3538
3637
  * Do not edit directly
3539
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
3638
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
3540
3639
  */
3541
3640
  /**
3542
3641
  * TOKENS:
@@ -3678,7 +3777,7 @@
3678
3777
 
3679
3778
  /**
3680
3779
  * Do not edit directly
3681
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
3780
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
3682
3781
  */
3683
3782
  /**
3684
3783
  * TOKENS:
@@ -3688,7 +3787,7 @@
3688
3787
  */
3689
3788
  /**
3690
3789
  * Do not edit directly
3691
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
3790
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
3692
3791
  */
3693
3792
  /**
3694
3793
  * TOKENS:
@@ -3713,7 +3812,7 @@
3713
3812
  }
3714
3813
  /**
3715
3814
  * Do not edit directly
3716
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
3815
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
3717
3816
  */
3718
3817
  /**
3719
3818
  * TOKENS:
@@ -3867,7 +3966,7 @@
3867
3966
 
3868
3967
  /**
3869
3968
  * Do not edit directly
3870
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
3969
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
3871
3970
  */
3872
3971
  /**
3873
3972
  * TOKENS:
@@ -3930,7 +4029,7 @@
3930
4029
 
3931
4030
  /**
3932
4031
  * Do not edit directly
3933
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
4032
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
3934
4033
  */
3935
4034
  /**
3936
4035
  * TOKENS:
@@ -3940,7 +4039,7 @@
3940
4039
  */
3941
4040
  /**
3942
4041
  * Do not edit directly
3943
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
4042
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
3944
4043
  */
3945
4044
  /**
3946
4045
  * TOKENS:
@@ -3950,7 +4049,7 @@
3950
4049
  */
3951
4050
  /**
3952
4051
  * Do not edit directly
3953
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
4052
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
3954
4053
  */
3955
4054
  /**
3956
4055
  * TOKENS:
@@ -4058,7 +4157,7 @@
4058
4157
 
4059
4158
  /**
4060
4159
  * Do not edit directly
4061
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
4160
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
4062
4161
  */
4063
4162
  /**
4064
4163
  * TOKENS:
@@ -4068,7 +4167,7 @@
4068
4167
  */
4069
4168
  /**
4070
4169
  * Do not edit directly
4071
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
4170
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
4072
4171
  */
4073
4172
  /**
4074
4173
  * TOKENS:
@@ -4078,7 +4177,7 @@
4078
4177
  */
4079
4178
  /**
4080
4179
  * Do not edit directly
4081
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
4180
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
4082
4181
  */
4083
4182
  /**
4084
4183
  * TOKENS:
@@ -4175,7 +4274,7 @@
4175
4274
 
4176
4275
  /**
4177
4276
  * Do not edit directly
4178
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
4277
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
4179
4278
  */
4180
4279
  /**
4181
4280
  * TOKENS:
@@ -4918,7 +5017,7 @@
4918
5017
 
4919
5018
  /**
4920
5019
  * Do not edit directly
4921
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
5020
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
4922
5021
  */
4923
5022
  /**
4924
5023
  * TOKENS:
@@ -4928,7 +5027,7 @@
4928
5027
  */
4929
5028
  /**
4930
5029
  * Do not edit directly
4931
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
5030
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
4932
5031
  */
4933
5032
  /**
4934
5033
  * TOKENS:
@@ -4938,7 +5037,7 @@
4938
5037
  */
4939
5038
  /**
4940
5039
  * Do not edit directly
4941
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
5040
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
4942
5041
  */
4943
5042
  /**
4944
5043
  * TOKENS:
@@ -5130,7 +5229,7 @@
5130
5229
 
5131
5230
  /**
5132
5231
  * Do not edit directly
5133
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
5232
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
5134
5233
  */
5135
5234
  /**
5136
5235
  * TOKENS:
@@ -5265,7 +5364,7 @@
5265
5364
 
5266
5365
  /**
5267
5366
  * Do not edit directly
5268
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
5367
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
5269
5368
  */
5270
5369
  /**
5271
5370
  * TOKENS:
@@ -5275,7 +5374,7 @@
5275
5374
  */
5276
5375
  /**
5277
5376
  * Do not edit directly
5278
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
5377
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
5279
5378
  */
5280
5379
  /**
5281
5380
  * TOKENS:
@@ -5300,7 +5399,7 @@
5300
5399
  }
5301
5400
  /**
5302
5401
  * Do not edit directly
5303
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
5402
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
5304
5403
  */
5305
5404
  /**
5306
5405
  * TOKENS:
@@ -5445,7 +5544,7 @@
5445
5544
 
5446
5545
  /**
5447
5546
  * Do not edit directly
5448
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
5547
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
5449
5548
  */
5450
5549
  /**
5451
5550
  * TOKENS:
@@ -5550,7 +5649,7 @@
5550
5649
 
5551
5650
  /**
5552
5651
  * Do not edit directly
5553
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
5652
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
5554
5653
  */
5555
5654
  /**
5556
5655
  * TOKENS:
@@ -5560,7 +5659,7 @@
5560
5659
  */
5561
5660
  /**
5562
5661
  * Do not edit directly
5563
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
5662
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
5564
5663
  */
5565
5664
  /**
5566
5665
  * TOKENS:
@@ -5585,7 +5684,7 @@
5585
5684
  }
5586
5685
  /**
5587
5686
  * Do not edit directly
5588
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
5687
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
5589
5688
  */
5590
5689
  /**
5591
5690
  * TOKENS:
@@ -5646,7 +5745,7 @@
5646
5745
 
5647
5746
  /**
5648
5747
  * Do not edit directly
5649
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
5748
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
5650
5749
  */
5651
5750
  /**
5652
5751
  * TOKENS:
@@ -6082,7 +6181,7 @@
6082
6181
 
6083
6182
  /**
6084
6183
  * Do not edit directly
6085
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
6184
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
6086
6185
  */
6087
6186
  /**
6088
6187
  * TOKENS:
@@ -6133,7 +6232,7 @@
6133
6232
 
6134
6233
  /**
6135
6234
  * Do not edit directly
6136
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
6235
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
6137
6236
  */
6138
6237
  /**
6139
6238
  * TOKENS:
@@ -6290,7 +6389,7 @@
6290
6389
 
6291
6390
  /**
6292
6391
  * Do not edit directly
6293
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
6392
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
6294
6393
  */
6295
6394
  /**
6296
6395
  * TOKENS:
@@ -6640,7 +6739,7 @@
6640
6739
 
6641
6740
  /**
6642
6741
  * Do not edit directly
6643
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
6742
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
6644
6743
  */
6645
6744
  /**
6646
6745
  * TOKENS:
@@ -6826,7 +6925,7 @@
6826
6925
 
6827
6926
  /**
6828
6927
  * Do not edit directly
6829
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
6928
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
6830
6929
  */
6831
6930
  /**
6832
6931
  * TOKENS:
@@ -6884,7 +6983,7 @@
6884
6983
 
6885
6984
  /**
6886
6985
  * Do not edit directly
6887
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
6986
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
6888
6987
  */
6889
6988
  /**
6890
6989
  * TOKENS:
@@ -6928,13 +7027,13 @@
6928
7027
  }
6929
7028
  .ilo--tag--anchor {
6930
7029
  cursor: unset;
7030
+ pointer-events: none;
6931
7031
  }
6932
7032
  .ilo--tag--anchor.ilo--tag--active {
6933
7033
  background: rgb(237, 240, 242);
6934
7034
  color: rgb(35, 0, 80);
6935
7035
  cursor: pointer;
6936
7036
  outline: none;
6937
- pointer-events: none;
6938
7037
  }
6939
7038
  .ilo--tag--anchor.ilo--tag--active:hover {
6940
7039
  background: rgb(235, 245, 253);
@@ -7056,7 +7155,7 @@
7056
7155
 
7057
7156
  /**
7058
7157
  * Do not edit directly
7059
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
7158
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
7060
7159
  */
7061
7160
  /**
7062
7161
  * TOKENS:
@@ -7215,7 +7314,7 @@
7215
7314
 
7216
7315
  /**
7217
7316
  * Do not edit directly
7218
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
7317
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
7219
7318
  */
7220
7319
  /**
7221
7320
  * TOKENS: