@ilo-org/styles 0.1.7 → 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.
@@ -151,7 +151,7 @@ select {
151
151
  }
152
152
  /**
153
153
  * Do not edit directly
154
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
154
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
155
155
  */
156
156
  /**
157
157
  * TOKENS:
@@ -250,7 +250,7 @@ body {
250
250
 
251
251
  /**
252
252
  * Do not edit directly
253
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
253
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
254
254
  */
255
255
  /**
256
256
  * TOKENS:
@@ -351,7 +351,7 @@ body {
351
351
 
352
352
  /**
353
353
  * Do not edit directly
354
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
354
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
355
355
  */
356
356
  /**
357
357
  * TOKENS:
@@ -376,7 +376,7 @@ body {
376
376
  }
377
377
  /**
378
378
  * Do not edit directly
379
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
379
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
380
380
  */
381
381
  /**
382
382
  * TOKENS:
@@ -606,7 +606,7 @@ body {
606
606
 
607
607
  /**
608
608
  * Do not edit directly
609
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
609
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
610
610
  */
611
611
  /**
612
612
  * TOKENS:
@@ -616,7 +616,7 @@ body {
616
616
  */
617
617
  /**
618
618
  * Do not edit directly
619
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
619
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
620
620
  */
621
621
  /**
622
622
  * TOKENS:
@@ -641,7 +641,7 @@ body {
641
641
  }
642
642
  /**
643
643
  * Do not edit directly
644
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
644
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
645
645
  */
646
646
  /**
647
647
  * TOKENS:
@@ -931,7 +931,7 @@ body {
931
931
 
932
932
  /**
933
933
  * Do not edit directly
934
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
934
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
935
935
  */
936
936
  /**
937
937
  * TOKENS:
@@ -1061,7 +1061,7 @@ body {
1061
1061
 
1062
1062
  /**
1063
1063
  * Do not edit directly
1064
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
1064
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
1065
1065
  */
1066
1066
  /**
1067
1067
  * TOKENS:
@@ -1109,6 +1109,14 @@ body {
1109
1109
  top: 0;
1110
1110
  width: 100%;
1111
1111
  z-index: 2;
1112
+ transition-property: color, background-color, border-color, opacity;
1113
+ transition-duration: 150ms;
1114
+ transition-timing-function: ease-out;
1115
+ }
1116
+ .ilo--card--link:hover, .ilo--card--link:focus {
1117
+ transition-property: color, background-color, border-color, opacity;
1118
+ transition-duration: 150ms;
1119
+ transition-timing-function: ease-out;
1112
1120
  }
1113
1121
  .ilo--card--link--text {
1114
1122
  width: 1px;
@@ -1161,10 +1169,10 @@ body {
1161
1169
  clip-path: polygon(90% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
1162
1170
  content: "";
1163
1171
  display: block;
1164
- height: 2.1436227224rem;
1172
+ height: 1.6077170418rem;
1165
1173
  left: 0;
1166
1174
  position: absolute;
1167
- top: -2.127545552rem;
1175
+ top: -1.5916398714rem;
1168
1176
  width: 100%;
1169
1177
  }
1170
1178
  .right-to-left .ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
@@ -1172,14 +1180,14 @@ body {
1172
1180
  }
1173
1181
  @media screen and (min-width: 610px) {
1174
1182
  .ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
1175
- height: 2.5723472669rem;
1176
- top: -2.5562700965rem;
1183
+ height: 2.0364415863rem;
1184
+ top: -2.0203644159rem;
1177
1185
  }
1178
1186
  }
1179
1187
  @media screen and (min-width: 1024px) {
1180
1188
  .ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
1181
- height: 3.4297963558rem;
1182
- top: -3.4137191854rem;
1189
+ height: 3.1082529475rem;
1190
+ top: -3.0921757771rem;
1183
1191
  }
1184
1192
  }
1185
1193
  .ilo--card--eyebrow {
@@ -1188,9 +1196,15 @@ body {
1188
1196
  letter-spacing: normal;
1189
1197
  line-height: 23.36px;
1190
1198
  margin-bottom: 0.2901661308rem;
1199
+ transition-property: color;
1200
+ transition-duration: 150ms;
1201
+ transition-timing-function: ease-out;
1191
1202
  }
1192
1203
  .ilo--card--link:hover .ilo--card--eyebrow, .ilo--card--link:focus .ilo--card--eyebrow {
1193
1204
  color: rgb(30, 45, 190);
1205
+ transition-property: color;
1206
+ transition-duration: 150ms;
1207
+ transition-timing-function: ease-out;
1194
1208
  }
1195
1209
  .ilo--card--title {
1196
1210
  color: rgb(35, 0, 80);
@@ -1200,9 +1214,15 @@ body {
1200
1214
  letter-spacing: -0.035em;
1201
1215
  line-height: 29.15px;
1202
1216
  margin-bottom: -0.0313772776rem;
1217
+ transition-property: color;
1218
+ transition-duration: 150ms;
1219
+ transition-timing-function: ease-out;
1203
1220
  }
1204
1221
  .ilo--card--link:hover .ilo--card--title, .ilo--card--link:focus .ilo--card--title {
1205
1222
  color: rgb(30, 45, 190);
1223
+ transition-property: color;
1224
+ transition-duration: 150ms;
1225
+ transition-timing-function: ease-out;
1206
1226
  }
1207
1227
  .ilo--card--intro {
1208
1228
  color: rgb(45, 45, 45);
@@ -1210,9 +1230,15 @@ body {
1210
1230
  letter-spacing: normal;
1211
1231
  line-height: 23.36px;
1212
1232
  margin-bottom: 1.3742266073rem;
1233
+ transition-property: color;
1234
+ transition-duration: 150ms;
1235
+ transition-timing-function: ease-out;
1213
1236
  }
1214
1237
  .ilo--card--link:hover .ilo--card--intro, .ilo--card--link:focus .ilo--card--intro {
1215
1238
  color: rgb(30, 45, 190);
1239
+ transition-property: color;
1240
+ transition-duration: 150ms;
1241
+ transition-timing-function: ease-out;
1216
1242
  }
1217
1243
  .ilo--card--date {
1218
1244
  color: rgb(109, 109, 109);
@@ -1220,9 +1246,15 @@ body {
1220
1246
  letter-spacing: normal;
1221
1247
  line-height: 23.36px;
1222
1248
  margin-bottom: 1.3742266073rem;
1249
+ transition-property: color;
1250
+ transition-duration: 150ms;
1251
+ transition-timing-function: ease-out;
1223
1252
  }
1224
1253
  .ilo--card--link:hover .ilo--card--date, .ilo--card--link:focus .ilo--card--date {
1225
1254
  color: rgb(30, 45, 190);
1255
+ transition-property: color;
1256
+ transition-duration: 150ms;
1257
+ transition-timing-function: ease-out;
1226
1258
  }
1227
1259
  .ilo--card--event-date {
1228
1260
  font-size: 16px;
@@ -1238,6 +1270,24 @@ body {
1238
1270
  position: relative;
1239
1271
  z-index: 2;
1240
1272
  }
1273
+ .ilo--card--isvideo .ilo--card--image--wrapper {
1274
+ position: relative;
1275
+ }
1276
+ .ilo--card--isvideo .ilo--card--image--wrapper::before {
1277
+ 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");
1278
+ background-color: rgb(45, 45, 45);
1279
+ background-position: center;
1280
+ background-size: 18px 20px;
1281
+ background-repeat: no-repeat;
1282
+ content: "";
1283
+ display: block;
1284
+ height: 40px;
1285
+ left: 0;
1286
+ position: absolute;
1287
+ top: 0;
1288
+ width: 40px;
1289
+ z-index: 1;
1290
+ }
1241
1291
  .ilo--card--multilink {
1242
1292
  padding: 1.2861736334rem;
1243
1293
  }
@@ -1389,6 +1439,9 @@ body {
1389
1439
  padding: 1.7148981779rem 0;
1390
1440
  }
1391
1441
  }
1442
+ .ilo--card--detail:hover, .ilo--card--detail:focus {
1443
+ 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));
1444
+ }
1392
1445
  .ilo--card--detail:hover picture::before, .ilo--card--detail:focus picture::before {
1393
1446
  opacity: 0.4;
1394
1447
  z-index: 2;
@@ -1409,9 +1462,11 @@ body {
1409
1462
  opacity: 0;
1410
1463
  position: absolute;
1411
1464
  top: 0;
1412
- transition: opacity 0.15s ease-in-out;
1413
1465
  width: 100%;
1414
1466
  z-index: -1;
1467
+ transition-property: opacity;
1468
+ transition-duration: 150ms;
1469
+ transition-timing-function: ease-out;
1415
1470
  }
1416
1471
  .ilo--card--detail .ilo--card--wrap {
1417
1472
  display: flex;
@@ -1494,6 +1549,15 @@ body {
1494
1549
  top: -39.7px;
1495
1550
  width: 100%;
1496
1551
  }
1552
+ .ilo--card--graphic .ilo--profile--contents * {
1553
+ color: rgb(255, 255, 255);
1554
+ }
1555
+ .ilo--card--graphic:hover, .ilo--card--graphic:focus {
1556
+ 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));
1557
+ }
1558
+ .ilo--card--graphic:hover .ilo--profile--contents *, .ilo--card--graphic:focus .ilo--profile--contents * {
1559
+ color: rgb(30, 45, 190);
1560
+ }
1497
1561
  @media screen and (min-width: 610px) {
1498
1562
  .ilo--card--graphic {
1499
1563
  padding: 0 1.7148981779rem 2.1436227224rem;
@@ -1530,7 +1594,7 @@ body {
1530
1594
  margin-bottom: 1.674953518rem;
1531
1595
  }
1532
1596
  .ilo--card--graphic.ilo--card--dark {
1533
- border-bottom: 0.1607717042rem solid rgb(150, 10, 85);
1597
+ border-bottom: 0.1607717042rem solid rgb(250, 60, 75);
1534
1598
  }
1535
1599
  .ilo--card--graphic .ilo--card--eyebrow {
1536
1600
  margin-bottom: 1.0110920672rem;
@@ -1550,6 +1614,7 @@ body {
1550
1614
  }
1551
1615
  }
1552
1616
  .ilo--card--graphic .ilo--card--date {
1617
+ display: block;
1553
1618
  margin-bottom: 1.4398166117rem;
1554
1619
  }
1555
1620
  .ilo--card--graphicpromo {
@@ -1557,15 +1622,30 @@ body {
1557
1622
  padding: 2.1436227224rem 1.2861736334rem;
1558
1623
  width: 100%;
1559
1624
  }
1625
+ .ilo--card--graphicpromo.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
1626
+ height: 2.1436227224rem;
1627
+ top: -2.127545552rem;
1628
+ }
1629
+ .ilo--card--graphicpromo:hover, .ilo--card--graphicpromo:focus {
1630
+ 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));
1631
+ }
1560
1632
  @media screen and (min-width: 610px) {
1561
1633
  .ilo--card--graphicpromo {
1562
1634
  padding: 2.5723472669rem;
1563
1635
  }
1636
+ .ilo--card--graphicpromo.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
1637
+ height: 3.4297963558rem;
1638
+ top: -3.4137191854rem;
1639
+ }
1564
1640
  }
1565
1641
  @media screen and (min-width: 1024px) {
1566
1642
  .ilo--card--graphicpromo {
1567
1643
  padding: 3.4297963558rem 3.8585209003rem;
1568
1644
  }
1645
+ .ilo--card--graphicpromo.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
1646
+ height: 3.4297963558rem;
1647
+ top: -3.4137191854rem;
1648
+ }
1569
1649
  }
1570
1650
  .ilo--card--graphicpromo.ilo--card--wide {
1571
1651
  padding: 3.4297963558rem 3.8585209003rem;
@@ -1585,12 +1665,12 @@ body {
1585
1665
  }
1586
1666
  @media screen and (min-width: 610px) {
1587
1667
  .ilo--card--graphicpromo.ilo--card--standard {
1588
- padding: 2.5723472669rem;
1668
+ padding: 2.5723472669rem 2.5723472669rem 3.4297963558rem 2.5723472669rem;
1589
1669
  }
1590
1670
  }
1591
1671
  @media screen and (min-width: 1024px) {
1592
1672
  .ilo--card--graphicpromo.ilo--card--standard {
1593
- padding: 2.5723472669rem;
1673
+ padding: 2.5723472669rem 2.5723472669rem 3.4297963558rem 2.5723472669rem;
1594
1674
  }
1595
1675
  }
1596
1676
  .ilo--card--graphicpromo.ilo--card--narrow {
@@ -1628,6 +1708,9 @@ body {
1628
1708
  }
1629
1709
  .ilo--card--graphicpromo.ilo--card--light:not(:hover) .ilo--card--title {
1630
1710
  color: rgb(45, 45, 45);
1711
+ transition-property: color;
1712
+ transition-duration: 150ms;
1713
+ transition-timing-function: ease-out;
1631
1714
  }
1632
1715
  .ilo--card--graphicpromo .ilo--card--title {
1633
1716
  font-size: 29.16px;
@@ -1661,8 +1744,9 @@ body {
1661
1744
  border-bottom: 0.1607717042rem solid rgb(184, 196, 204);
1662
1745
  max-width: 45.8735262594rem;
1663
1746
  padding: 0 1.2861736334rem 2.5723472669rem 1.2861736334rem;
1747
+ pointer-events: none;
1664
1748
  }
1665
- .ilo--card--factlist::before {
1749
+ .ilo--card--factlist.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
1666
1750
  clip-path: polygon(90% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
1667
1751
  height: 2.1436227224rem;
1668
1752
  top: -2.127545552rem;
@@ -1674,26 +1758,26 @@ body {
1674
1758
  .ilo--card--factlist {
1675
1759
  padding: 0 2.1436227224rem 3.0010718114rem 2.1436227224rem;
1676
1760
  }
1677
- .ilo--card--factlist::before {
1761
+ .ilo--card--factlist.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
1678
1762
  clip-path: polygon(90% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
1679
- height: 2.5723472669rem;
1680
- top: -2.5562700965rem;
1763
+ height: 2.1972132905rem;
1764
+ top: -2.18113612rem;
1681
1765
  }
1682
1766
  }
1683
1767
  .ilo--card--factlist.ilo--card--wide {
1684
- padding: 0 2.1436227224rem 3.0010718114rem 2.1436227224rem;
1768
+ padding: 0 2.1436227224rem 2.7867095391rem 2.1436227224rem;
1685
1769
  }
1686
1770
  @media screen and (min-width: 610px) {
1687
1771
  .ilo--card--factlist.ilo--card--wide {
1688
- padding: 0 2.1436227224rem 3.0010718114rem 2.1436227224rem;
1772
+ padding: 0 2.1436227224rem 3.2154340836rem 2.1436227224rem;
1689
1773
  }
1690
1774
  }
1691
1775
  .ilo--card--factlist.ilo--card--standard {
1692
- padding: 0 2.1436227224rem 3.0010718114rem 2.1436227224rem;
1776
+ padding: 0 2.1436227224rem 2.7867095391rem 2.1436227224rem;
1693
1777
  }
1694
1778
  @media screen and (min-width: 610px) {
1695
1779
  .ilo--card--factlist.ilo--card--standard {
1696
- padding: 0 2.1436227224rem 3.0010718114rem 2.1436227224rem;
1780
+ padding: 0 2.1436227224rem 3.2154340836rem 2.1436227224rem;
1697
1781
  }
1698
1782
  }
1699
1783
  .ilo--card--factlist.ilo--card--narrow {
@@ -1709,10 +1793,25 @@ body {
1709
1793
  }
1710
1794
  .ilo--card--factlist.ilo--card--dark .ilo--card--title {
1711
1795
  color: rgb(255, 255, 255);
1796
+ transition-property: color;
1797
+ transition-duration: 150ms;
1798
+ transition-timing-function: ease-out;
1712
1799
  }
1713
1800
  .ilo--card--factlist.ilo--card--dark .ilo--list__item {
1714
1801
  color: rgb(255, 255, 255);
1715
1802
  }
1803
+ .ilo--card--factlist.ilo--card--dark .ilo--list__item:last-of-type {
1804
+ margin-bottom: 0;
1805
+ }
1806
+ .ilo--card--factlist.ilo--card--dark:hover .ilo--card--title, .ilo--card--factlist.ilo--card--dark:focus .ilo--card--title {
1807
+ color: rgb(255, 255, 255);
1808
+ transition-property: color;
1809
+ transition-duration: 150ms;
1810
+ transition-timing-function: ease-out;
1811
+ }
1812
+ .ilo--card--factlist.ilo--card--dark:hover .ilo--list__item, .ilo--card--factlist.ilo--card--dark:focus .ilo--list__item {
1813
+ color: rgb(255, 255, 255);
1814
+ }
1716
1815
  .ilo--card--factlist .ilo--card--title {
1717
1816
  color: rgb(45, 45, 45);
1718
1817
  font-size: 23.32px;
@@ -1730,10 +1829,10 @@ body {
1730
1829
  }
1731
1830
  .ilo--card--stat {
1732
1831
  border-bottom: 0.1607717042rem solid rgb(150, 10, 85);
1733
- padding: 0 1.2861736334rem 1.2861736334rem 1.6077170418rem;
1832
+ padding: 0 1.2861736334rem 2.1436227224rem 1.1789924973rem;
1734
1833
  width: 100%;
1735
1834
  }
1736
- .ilo--card--stat::before {
1835
+ .ilo--card--stat.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
1737
1836
  clip-path: polygon(75% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
1738
1837
  height: 2.1436227224rem;
1739
1838
  top: -2.127545552rem;
@@ -1771,7 +1870,7 @@ body {
1771
1870
  font-size: 14.93px;
1772
1871
  letter-spacing: -0.02em;
1773
1872
  line-height: 20.16px;
1774
- margin-bottom: 1.9414482638rem;
1873
+ margin-bottom: 1.6734954235rem;
1775
1874
  width: 100%;
1776
1875
  }
1777
1876
  .ilo--card--stat .ilo--link {
@@ -1780,12 +1879,21 @@ body {
1780
1879
  line-height: 16.24px;
1781
1880
  align-self: flex-end;
1782
1881
  }
1882
+ @media screen and (min-width: 1024px) {
1883
+ .ilo--card--stat.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
1884
+ height: 2.5723472669rem;
1885
+ top: -2.5562700965rem;
1886
+ }
1887
+ }
1783
1888
  .ilo--card--data {
1784
1889
  background: rgb(235, 245, 253);
1785
1890
  border-bottom: 0.1607717042rem solid #82afdc;
1786
1891
  max-width: 32.154340836rem;
1787
1892
  padding: 0 1.2861736334rem 3.0010718114rem;
1788
1893
  }
1894
+ .ilo--card--data:hover, .ilo--card--data:focus {
1895
+ background: rgb(235, 245, 253);
1896
+ }
1789
1897
  .ilo--card--data::before {
1790
1898
  clip-path: polygon(90% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
1791
1899
  height: 2.1436227224rem;
@@ -1837,7 +1945,6 @@ body {
1837
1945
  }
1838
1946
  .ilo--card--feature {
1839
1947
  border-bottom: 0.1607717042rem solid rgb(184, 196, 204);
1840
- filter: drop-shadow(0 4px 4px rgba(45, 45, 45, 0.25));
1841
1948
  display: flex;
1842
1949
  margin-top: 0;
1843
1950
  position: relative;
@@ -1846,19 +1953,52 @@ body {
1846
1953
  display: none;
1847
1954
  }
1848
1955
  .ilo--card--feature.ilo--card--dark {
1849
- border-bottom: 0.1607717042rem solid rgb(150, 10, 85);
1956
+ border-bottom: 0.1607717042rem solid rgb(250, 60, 75);
1957
+ }
1958
+ .ilo--card--feature.ilo--card--dark .ilo--link-list {
1959
+ border-top: 2px solid rgba(237, 240, 242, 0.25);
1960
+ }
1961
+ .ilo--card--feature.ilo--card--dark .ilo--link-list--link {
1962
+ color: rgb(255, 255, 255);
1963
+ 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");
1964
+ }
1965
+ .ilo--card--feature.ilo--card--dark:hover .ilo--link-list--link, .ilo--card--feature.ilo--card--dark:focus .ilo--link-list--link {
1966
+ color: rgb(30, 45, 190);
1967
+ 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");
1968
+ }
1969
+ .ilo--card--feature picture::before {
1970
+ transition-property: opacity;
1971
+ transition-duration: 150ms;
1972
+ transition-timing-function: ease-out;
1850
1973
  }
1851
1974
  .ilo--card--feature:hover, .ilo--card--feature:focus {
1852
1975
  background-color: rgb(255, 255, 255);
1976
+ 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));
1853
1977
  border-bottom: 0.1607717042rem solid rgb(30, 45, 190);
1854
1978
  }
1855
1979
  .ilo--card--feature:hover picture::before, .ilo--card--feature:focus picture::before {
1856
1980
  opacity: 0.4;
1857
1981
  z-index: 1;
1982
+ transition-property: opacity;
1983
+ transition-duration: 150ms;
1984
+ transition-timing-function: ease-out;
1858
1985
  }
1859
1986
  .ilo--card--feature:hover .ilo--card--image, .ilo--card--feature:focus .ilo--card--image {
1860
1987
  filter: saturate(0);
1861
1988
  }
1989
+ .ilo--card--feature .ilo--link-list {
1990
+ border-top: 0.1071811361rem solid rgb(237, 240, 242);
1991
+ margin-left: -1.2861736334rem;
1992
+ margin-right: -1.2861736334rem;
1993
+ margin-top: 1.822079314rem;
1994
+ position: relative;
1995
+ z-index: 2;
1996
+ }
1997
+ .ilo--card--feature .ilo--link-list--link, .ilo--card--feature .ilo--link-list--link:hover {
1998
+ border-bottom: none;
1999
+ padding-left: 1.2861736334rem;
2000
+ padding-right: 1.2861736334rem;
2001
+ }
1862
2002
  .ilo--card--feature.ilo--card--narrow .ilo--card--wrap, .ilo--card--feature.ilo--card--standard .ilo--card--wrap {
1863
2003
  display: flex;
1864
2004
  flex-wrap: wrap;
@@ -1922,6 +2062,9 @@ body {
1922
2062
  .ilo--card--feature .ilo--card--content {
1923
2063
  padding: 1.2861736334rem 1.2861736334rem 2.1436227224rem;
1924
2064
  }
2065
+ .ilo--card--feature.ilo--card--linklist .ilo--card--content {
2066
+ padding-bottom: 0;
2067
+ }
1925
2068
  .ilo--card--feature .ilo--card--title {
1926
2069
  font-size: 23.32px;
1927
2070
  letter-spacing: -0.035em;
@@ -1942,7 +2085,7 @@ body {
1942
2085
 
1943
2086
  /**
1944
2087
  * Do not edit directly
1945
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
2088
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
1946
2089
  */
1947
2090
  /**
1948
2091
  * TOKENS:
@@ -1987,7 +2130,7 @@ body {
1987
2130
 
1988
2131
  /**
1989
2132
  * Do not edit directly
1990
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
2133
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
1991
2134
  */
1992
2135
  /**
1993
2136
  * TOKENS:
@@ -2070,10 +2213,12 @@ body {
2070
2213
  margin-bottom: 1.1789924973rem;
2071
2214
  }
2072
2215
  .ilo--fieldset--input--checkbox .ilo--fieldset--label {
2216
+ font-family: Noto Sans, sans-serif;
2073
2217
  font-weight: 400;
2218
+ line-height: 1;
2074
2219
  margin-left: 0.4287245445rem;
2075
2220
  margin-bottom: 0;
2076
- margin-top: 2px;
2221
+ margin-top: 1px;
2077
2222
  order: 2;
2078
2223
  }
2079
2224
  .right-to-left .ilo--fieldset--input--checkbox .ilo--fieldset--label {
@@ -2088,7 +2233,7 @@ body {
2088
2233
 
2089
2234
  /**
2090
2235
  * Do not edit directly
2091
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
2236
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2092
2237
  */
2093
2238
  /**
2094
2239
  * TOKENS:
@@ -2161,7 +2306,7 @@ body {
2161
2306
 
2162
2307
  /**
2163
2308
  * Do not edit directly
2164
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
2309
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2165
2310
  */
2166
2311
  /**
2167
2312
  * TOKENS:
@@ -2171,7 +2316,7 @@ body {
2171
2316
  */
2172
2317
  /**
2173
2318
  * Do not edit directly
2174
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
2319
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2175
2320
  */
2176
2321
  /**
2177
2322
  * TOKENS:
@@ -2181,7 +2326,7 @@ body {
2181
2326
  */
2182
2327
  /**
2183
2328
  * Do not edit directly
2184
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
2329
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2185
2330
  */
2186
2331
  /**
2187
2332
  * TOKENS:
@@ -2191,7 +2336,7 @@ body {
2191
2336
  */
2192
2337
  /**
2193
2338
  * Do not edit directly
2194
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
2339
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2195
2340
  */
2196
2341
  /**
2197
2342
  * TOKENS:
@@ -2317,7 +2462,7 @@ body {
2317
2462
 
2318
2463
  /**
2319
2464
  * Do not edit directly
2320
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
2465
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2321
2466
  */
2322
2467
  /**
2323
2468
  * TOKENS:
@@ -2345,7 +2490,7 @@ body {
2345
2490
 
2346
2491
  /**
2347
2492
  * Do not edit directly
2348
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
2493
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2349
2494
  */
2350
2495
  /**
2351
2496
  * TOKENS:
@@ -2431,7 +2576,7 @@ body {
2431
2576
 
2432
2577
  /**
2433
2578
  * Do not edit directly
2434
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
2579
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2435
2580
  */
2436
2581
  /**
2437
2582
  * TOKENS:
@@ -2441,7 +2586,7 @@ body {
2441
2586
  */
2442
2587
  /**
2443
2588
  * Do not edit directly
2444
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
2589
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2445
2590
  */
2446
2591
  /**
2447
2592
  * TOKENS:
@@ -2451,7 +2596,7 @@ body {
2451
2596
  */
2452
2597
  /**
2453
2598
  * Do not edit directly
2454
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
2599
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2455
2600
  */
2456
2601
  /**
2457
2602
  * TOKENS:
@@ -2504,7 +2649,7 @@ body {
2504
2649
 
2505
2650
  /**
2506
2651
  * Do not edit directly
2507
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
2652
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2508
2653
  */
2509
2654
  /**
2510
2655
  * TOKENS:
@@ -2579,7 +2724,7 @@ body {
2579
2724
 
2580
2725
  /**
2581
2726
  * Do not edit directly
2582
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
2727
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2583
2728
  */
2584
2729
  /**
2585
2730
  * TOKENS:
@@ -2685,7 +2830,7 @@ body {
2685
2830
 
2686
2831
  /**
2687
2832
  * Do not edit directly
2688
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
2833
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2689
2834
  */
2690
2835
  /**
2691
2836
  * TOKENS:
@@ -2708,7 +2853,7 @@ body {
2708
2853
 
2709
2854
  /**
2710
2855
  * Do not edit directly
2711
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
2856
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2712
2857
  */
2713
2858
  /**
2714
2859
  * TOKENS:
@@ -2722,7 +2867,7 @@ body {
2722
2867
 
2723
2868
  /**
2724
2869
  * Do not edit directly
2725
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
2870
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2726
2871
  */
2727
2872
  /**
2728
2873
  * TOKENS:
@@ -2732,7 +2877,7 @@ body {
2732
2877
  */
2733
2878
  /**
2734
2879
  * Do not edit directly
2735
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
2880
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2736
2881
  */
2737
2882
  /**
2738
2883
  * TOKENS:
@@ -2757,7 +2902,7 @@ body {
2757
2902
  }
2758
2903
  /**
2759
2904
  * Do not edit directly
2760
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
2905
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
2761
2906
  */
2762
2907
  /**
2763
2908
  * TOKENS:
@@ -3154,7 +3299,7 @@ body {
3154
3299
 
3155
3300
  /**
3156
3301
  * Do not edit directly
3157
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
3302
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
3158
3303
  */
3159
3304
  /**
3160
3305
  * TOKENS:
@@ -3277,7 +3422,7 @@ body {
3277
3422
 
3278
3423
  /**
3279
3424
  * Do not edit directly
3280
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
3425
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
3281
3426
  */
3282
3427
  /**
3283
3428
  * TOKENS:
@@ -3288,6 +3433,7 @@ body {
3288
3433
  .ilo--hero {
3289
3434
  background: rgb(237, 240, 242);
3290
3435
  display: block;
3436
+ position: relative;
3291
3437
  width: 100%;
3292
3438
  }
3293
3439
  .ilo--hero--home .ilo--image::before {
@@ -3413,6 +3559,16 @@ body {
3413
3559
  width: 100%;
3414
3560
  }
3415
3561
  }
3562
+ .ilo--hero .ilo--breadcrumb {
3563
+ left: 0;
3564
+ max-width: 560px;
3565
+ position: absolute;
3566
+ top: 0;
3567
+ }
3568
+ .right-to-left .ilo--hero .ilo--breadcrumb {
3569
+ left: auto;
3570
+ right: 0;
3571
+ }
3416
3572
 
3417
3573
  .ilo--hero-card {
3418
3574
  background: rgb(255, 255, 255);
@@ -3439,14 +3595,17 @@ body {
3439
3595
  }
3440
3596
  @media screen and (min-width: 1024px) {
3441
3597
  .ilo--hero-card::before {
3442
- height: 64px;
3443
- top: -63.7px;
3598
+ height: 56px;
3599
+ top: -55.7px;
3444
3600
  }
3445
3601
  }
3446
3602
  @media screen and (min-width: 1024px) {
3447
3603
  .ilo--hero-card {
3448
3604
  padding: 0 70px 70px 56px;
3449
3605
  }
3606
+ .ilo--hero-card.ilo--hero-card--graphic {
3607
+ padding: 0 70px 44px 56px;
3608
+ }
3450
3609
  }
3451
3610
  .right-to-left .ilo--hero-card {
3452
3611
  direction: rtl;
@@ -3496,6 +3655,9 @@ body {
3496
3655
  border: none;
3497
3656
  padding: 24px;
3498
3657
  }
3658
+ .ilo--hero-card--home::before {
3659
+ display: none;
3660
+ }
3499
3661
  @media screen and (min-width: 1024px) {
3500
3662
  .ilo--hero-card--home {
3501
3663
  bottom: 72px;
@@ -3504,6 +3666,22 @@ body {
3504
3666
  position: absolute;
3505
3667
  width: 100%;
3506
3668
  }
3669
+ .ilo--hero-card--home::before {
3670
+ background: inherit;
3671
+ clip-path: polygon(90% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
3672
+ content: "";
3673
+ display: block;
3674
+ height: 59px;
3675
+ left: 0;
3676
+ position: absolute;
3677
+ top: -58.7px;
3678
+ width: 100%;
3679
+ }
3680
+ .right-to-left .ilo--hero-card--home::before {
3681
+ clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0% 100%, 10% 0%);
3682
+ left: auto;
3683
+ right: 0;
3684
+ }
3507
3685
  .ilo--hero-card--home.ilo--hero-card--center {
3508
3686
  left: 50%;
3509
3687
  right: auto;
@@ -3518,8 +3696,10 @@ body {
3518
3696
  right: 0;
3519
3697
  }
3520
3698
  }
3521
- .ilo--hero-card--home.ilo--hero-card--dark {
3522
- background: rgba(35, 0, 80, 0.55);
3699
+ @media screen and (min-width: 1024px) {
3700
+ .ilo--hero-card--home.ilo--hero-card--dark {
3701
+ background: rgba(35, 0, 80, 0.55);
3702
+ }
3523
3703
  }
3524
3704
  .ilo--hero-card--portal {
3525
3705
  background: rgb(35, 0, 80);
@@ -3534,11 +3714,11 @@ body {
3534
3714
  }
3535
3715
  }
3536
3716
  .ilo--hero-card--publication {
3537
- margin-top: -64px;
3538
3717
  padding: 24px;
3539
3718
  }
3540
3719
  @media screen and (min-width: 1024px) {
3541
3720
  .ilo--hero-card--publication {
3721
+ margin-top: -64px;
3542
3722
  max-width: 720px;
3543
3723
  padding: 0 48px 48px 72px;
3544
3724
  width: 100%;
@@ -3548,21 +3728,21 @@ body {
3548
3728
  font-size: 16px;
3549
3729
  letter-spacing: normal;
3550
3730
  line-height: 23.36px;
3551
- margin-bottom: 1.910132288rem;
3731
+ margin-bottom: 1.5005359057rem;
3552
3732
  color: rgb(109, 109, 109);
3553
3733
  }
3554
3734
  .ilo--hero-card--eyebrow {
3555
3735
  font-size: 16px;
3556
3736
  letter-spacing: normal;
3557
3737
  line-height: 23.36px;
3558
- margin-bottom: 1.4814077435rem;
3738
+ margin-bottom: 0.857449089rem;
3559
3739
  color: rgb(150, 10, 85);
3560
3740
  }
3561
3741
  .ilo--hero-card--intro {
3562
3742
  font-size: 16px;
3563
3743
  letter-spacing: normal;
3564
3744
  line-height: 23.36px;
3565
- margin-bottom: 1.8685411561rem;
3745
+ margin-bottom: 1.5005359057rem;
3566
3746
  }
3567
3747
  @media screen and (min-width: 1024px) {
3568
3748
  .ilo--hero-card--intro {
@@ -3639,7 +3819,7 @@ body {
3639
3819
 
3640
3820
  /**
3641
3821
  * Do not edit directly
3642
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
3822
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
3643
3823
  */
3644
3824
  /**
3645
3825
  * TOKENS:
@@ -3695,7 +3875,7 @@ body {
3695
3875
 
3696
3876
  /**
3697
3877
  * Do not edit directly
3698
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
3878
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
3699
3879
  */
3700
3880
  /**
3701
3881
  * TOKENS:
@@ -3837,7 +4017,7 @@ body {
3837
4017
 
3838
4018
  /**
3839
4019
  * Do not edit directly
3840
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
4020
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
3841
4021
  */
3842
4022
  /**
3843
4023
  * TOKENS:
@@ -3847,7 +4027,7 @@ body {
3847
4027
  */
3848
4028
  /**
3849
4029
  * Do not edit directly
3850
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
4030
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
3851
4031
  */
3852
4032
  /**
3853
4033
  * TOKENS:
@@ -3872,7 +4052,7 @@ body {
3872
4052
  }
3873
4053
  /**
3874
4054
  * Do not edit directly
3875
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
4055
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
3876
4056
  */
3877
4057
  /**
3878
4058
  * TOKENS:
@@ -3940,6 +4120,9 @@ body {
3940
4120
  padding-right: 1.7148981779rem;
3941
4121
  text-decoration: none;
3942
4122
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(35, 0, 80)' 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");
4123
+ transition-property: color, background-color, border-color;
4124
+ transition-duration: 150ms;
4125
+ transition-timing-function: ease-out;
3943
4126
  }
3944
4127
  .ilo--link-list--link:visited {
3945
4128
  color: rgb(35, 0, 80);
@@ -4023,7 +4206,7 @@ body {
4023
4206
 
4024
4207
  /**
4025
4208
  * Do not edit directly
4026
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
4209
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
4027
4210
  */
4028
4211
  /**
4029
4212
  * TOKENS:
@@ -4086,7 +4269,7 @@ body {
4086
4269
 
4087
4270
  /**
4088
4271
  * Do not edit directly
4089
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
4272
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
4090
4273
  */
4091
4274
  /**
4092
4275
  * TOKENS:
@@ -4096,7 +4279,7 @@ body {
4096
4279
  */
4097
4280
  /**
4098
4281
  * Do not edit directly
4099
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
4282
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
4100
4283
  */
4101
4284
  /**
4102
4285
  * TOKENS:
@@ -4106,7 +4289,7 @@ body {
4106
4289
  */
4107
4290
  /**
4108
4291
  * Do not edit directly
4109
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
4292
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
4110
4293
  */
4111
4294
  /**
4112
4295
  * TOKENS:
@@ -4214,7 +4397,7 @@ body {
4214
4397
 
4215
4398
  /**
4216
4399
  * Do not edit directly
4217
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
4400
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
4218
4401
  */
4219
4402
  /**
4220
4403
  * TOKENS:
@@ -4224,7 +4407,7 @@ body {
4224
4407
  */
4225
4408
  /**
4226
4409
  * Do not edit directly
4227
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
4410
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
4228
4411
  */
4229
4412
  /**
4230
4413
  * TOKENS:
@@ -4234,7 +4417,7 @@ body {
4234
4417
  */
4235
4418
  /**
4236
4419
  * Do not edit directly
4237
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
4420
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
4238
4421
  */
4239
4422
  /**
4240
4423
  * TOKENS:
@@ -4331,7 +4514,7 @@ body {
4331
4514
 
4332
4515
  /**
4333
4516
  * Do not edit directly
4334
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
4517
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
4335
4518
  */
4336
4519
  /**
4337
4520
  * TOKENS:
@@ -4790,7 +4973,7 @@ body {
4790
4973
  width: 32px;
4791
4974
  }
4792
4975
  .right-to-left .ilo--language-switcher::before {
4793
- clip-path: polygon(0 0, 0 100%, 100% 100%);
4976
+ clip-path: polygon(0 0, 0 100%, 100% 0);
4794
4977
  left: auto;
4795
4978
  right: -32px;
4796
4979
  }
@@ -5074,7 +5257,7 @@ body {
5074
5257
 
5075
5258
  /**
5076
5259
  * Do not edit directly
5077
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
5260
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
5078
5261
  */
5079
5262
  /**
5080
5263
  * TOKENS:
@@ -5084,7 +5267,7 @@ body {
5084
5267
  */
5085
5268
  /**
5086
5269
  * Do not edit directly
5087
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
5270
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
5088
5271
  */
5089
5272
  /**
5090
5273
  * TOKENS:
@@ -5094,7 +5277,7 @@ body {
5094
5277
  */
5095
5278
  /**
5096
5279
  * Do not edit directly
5097
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
5280
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
5098
5281
  */
5099
5282
  /**
5100
5283
  * TOKENS:
@@ -5286,7 +5469,7 @@ body {
5286
5469
 
5287
5470
  /**
5288
5471
  * Do not edit directly
5289
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
5472
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
5290
5473
  */
5291
5474
  /**
5292
5475
  * TOKENS:
@@ -5421,7 +5604,7 @@ body {
5421
5604
 
5422
5605
  /**
5423
5606
  * Do not edit directly
5424
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
5607
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
5425
5608
  */
5426
5609
  /**
5427
5610
  * TOKENS:
@@ -5431,7 +5614,7 @@ body {
5431
5614
  */
5432
5615
  /**
5433
5616
  * Do not edit directly
5434
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
5617
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
5435
5618
  */
5436
5619
  /**
5437
5620
  * TOKENS:
@@ -5456,7 +5639,7 @@ body {
5456
5639
  }
5457
5640
  /**
5458
5641
  * Do not edit directly
5459
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
5642
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
5460
5643
  */
5461
5644
  /**
5462
5645
  * TOKENS:
@@ -5601,7 +5784,7 @@ body {
5601
5784
 
5602
5785
  /**
5603
5786
  * Do not edit directly
5604
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
5787
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
5605
5788
  */
5606
5789
  /**
5607
5790
  * TOKENS:
@@ -5706,7 +5889,7 @@ body {
5706
5889
 
5707
5890
  /**
5708
5891
  * Do not edit directly
5709
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
5892
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
5710
5893
  */
5711
5894
  /**
5712
5895
  * TOKENS:
@@ -5716,7 +5899,7 @@ body {
5716
5899
  */
5717
5900
  /**
5718
5901
  * Do not edit directly
5719
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
5902
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
5720
5903
  */
5721
5904
  /**
5722
5905
  * TOKENS:
@@ -5741,7 +5924,7 @@ body {
5741
5924
  }
5742
5925
  /**
5743
5926
  * Do not edit directly
5744
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
5927
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
5745
5928
  */
5746
5929
  /**
5747
5930
  * TOKENS:
@@ -5802,7 +5985,7 @@ body {
5802
5985
 
5803
5986
  /**
5804
5987
  * Do not edit directly
5805
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
5988
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
5806
5989
  */
5807
5990
  /**
5808
5991
  * TOKENS:
@@ -6238,7 +6421,7 @@ body {
6238
6421
 
6239
6422
  /**
6240
6423
  * Do not edit directly
6241
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
6424
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
6242
6425
  */
6243
6426
  /**
6244
6427
  * TOKENS:
@@ -6289,7 +6472,7 @@ body {
6289
6472
 
6290
6473
  /**
6291
6474
  * Do not edit directly
6292
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
6475
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
6293
6476
  */
6294
6477
  /**
6295
6478
  * TOKENS:
@@ -6446,7 +6629,7 @@ body {
6446
6629
 
6447
6630
  /**
6448
6631
  * Do not edit directly
6449
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
6632
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
6450
6633
  */
6451
6634
  /**
6452
6635
  * TOKENS:
@@ -6796,7 +6979,7 @@ body {
6796
6979
 
6797
6980
  /**
6798
6981
  * Do not edit directly
6799
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
6982
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
6800
6983
  */
6801
6984
  /**
6802
6985
  * TOKENS:
@@ -6982,7 +7165,7 @@ body {
6982
7165
 
6983
7166
  /**
6984
7167
  * Do not edit directly
6985
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
7168
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
6986
7169
  */
6987
7170
  /**
6988
7171
  * TOKENS:
@@ -7038,6 +7221,16 @@ body {
7038
7221
  direction: rtl;
7039
7222
  }
7040
7223
 
7224
+ /**
7225
+ * Do not edit directly
7226
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
7227
+ */
7228
+ /**
7229
+ * TOKENS:
7230
+ */
7231
+ /**
7232
+ * MAPS:
7233
+ */
7041
7234
  .ilo--tags {
7042
7235
  list-style: none;
7043
7236
  }
@@ -7061,8 +7254,11 @@ body {
7061
7254
  font-size: inherit;
7062
7255
  font-weight: 500;
7063
7256
  line-height: inherit;
7064
- padding: 0.5359056806rem 0.6430868167rem;
7257
+ padding: 0.5359056806rem 0.6430868167rem 0.4287245445rem 0.6430868167rem;
7065
7258
  text-decoration: none;
7259
+ transition-property: color, background-color, border-color;
7260
+ transition-duration: 150ms;
7261
+ transition-timing-function: ease-out;
7066
7262
  }
7067
7263
  .ilo--tag--active {
7068
7264
  background: rgb(237, 240, 242);
@@ -7071,6 +7267,7 @@ body {
7071
7267
  }
7072
7268
  .ilo--tag--anchor {
7073
7269
  cursor: unset;
7270
+ pointer-events: none;
7074
7271
  }
7075
7272
  .ilo--tag--anchor.ilo--tag--active {
7076
7273
  background: rgb(237, 240, 242);
@@ -7082,11 +7279,20 @@ body {
7082
7279
  background: rgb(235, 245, 253);
7083
7280
  color: rgb(30, 45, 190);
7084
7281
  text-decoration: none;
7282
+ transition-property: color, background-color, border-color;
7283
+ transition-duration: 150ms;
7284
+ transition-timing-function: ease-out;
7085
7285
  }
7086
7286
  .ilo--tag--anchor.ilo--tag--active:focus {
7087
7287
  background: rgb(235, 245, 253);
7088
7288
  color: rgb(30, 45, 190);
7089
7289
  outline: none;
7290
+ transition-property: color, background-color, border-color;
7291
+ transition-duration: 150ms;
7292
+ transition-timing-function: ease-out;
7293
+ }
7294
+ .ilo--tag--anchor.ilo--tag--active.ilo--tag--active {
7295
+ pointer-events: auto;
7090
7296
  }
7091
7297
  .ilo--tag--button {
7092
7298
  font-size: 14.93px;
@@ -7106,31 +7312,90 @@ body {
7106
7312
  opacity: 1;
7107
7313
  outline: none;
7108
7314
  visibility: visible;
7315
+ transition-property: color, background-color, border-color;
7316
+ transition-duration: 150ms;
7317
+ transition-timing-function: ease-out;
7318
+ }
7319
+ .ilo--tag--button.icon__position--right .ilo--icon {
7320
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(35, 0, 80)' d='M16.9497 15.5356L13.4142 12L16.9497 8.46451L15.5355 7.05029L12 10.5858L8.46446 7.05029L7.05025 8.46451L10.5858 12L7.05025 15.5356L8.46446 16.9498L12 13.4143L15.5355 16.9498L16.9497 15.5356Z'/%3e%3c/svg%3e");
7321
+ height: 100%;
7322
+ max-height: 28px;
7323
+ max-width: 28px;
7324
+ position: absolute;
7325
+ right: 5px;
7326
+ top: 5px;
7327
+ width: 100%;
7109
7328
  }
7110
7329
  .ilo--tag--button:hover {
7111
7330
  background: rgb(235, 245, 253);
7112
7331
  color: rgb(30, 45, 190);
7113
7332
  text-decoration: none;
7333
+ transition-property: color, background-color, border-color;
7334
+ transition-duration: 150ms;
7335
+ transition-timing-function: ease-out;
7336
+ }
7337
+ .ilo--tag--button:hover.icon__position--right .ilo--icon {
7338
+ 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='M16.9497 15.5356L13.4142 12L16.9497 8.46451L15.5355 7.05029L12 10.5858L8.46446 7.05029L7.05025 8.46451L10.5858 12L7.05025 15.5356L8.46446 16.9498L12 13.4143L15.5355 16.9498L16.9497 15.5356Z'/%3e%3c/svg%3e");
7114
7339
  }
7115
7340
  .ilo--tag--button:focus {
7116
7341
  background: rgb(235, 245, 253);
7117
7342
  color: rgb(30, 45, 190);
7118
7343
  outline: none;
7119
7344
  }
7120
- .ilo--tag--button.icon__position--right .ilo--icon {
7345
+ .ilo--tag--reset {
7346
+ font-size: 14.93px;
7347
+ letter-spacing: -0.02em;
7348
+ line-height: 20.16px;
7349
+ cursor: pointer;
7350
+ display: none;
7351
+ opacity: 0;
7352
+ position: relative;
7353
+ visibility: hidden;
7354
+ }
7355
+ .ilo--tag--reset.ilo--tag--active {
7356
+ background: rgb(255, 255, 255);
7357
+ border: 1.5px solid rgb(184, 196, 204);
7358
+ color: rgb(35, 0, 80);
7359
+ display: block;
7360
+ opacity: 1;
7361
+ outline: none;
7362
+ visibility: visible;
7363
+ transition-property: color, background-color, border-color;
7364
+ transition-duration: 150ms;
7365
+ transition-timing-function: ease-out;
7366
+ }
7367
+ .ilo--tag--reset.icon__position--right .ilo--icon {
7121
7368
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(35, 0, 80)' d='M16.9497 15.5356L13.4142 12L16.9497 8.46451L15.5355 7.05029L12 10.5858L8.46446 7.05029L7.05025 8.46451L10.5858 12L7.05025 15.5356L8.46446 16.9498L12 13.4143L15.5355 16.9498L16.9497 15.5356Z'/%3e%3c/svg%3e");
7122
7369
  height: 100%;
7123
7370
  max-height: 28px;
7124
7371
  max-width: 28px;
7125
7372
  position: absolute;
7126
7373
  right: 5px;
7127
- top: 6px;
7374
+ top: 5px;
7128
7375
  width: 100%;
7129
7376
  }
7377
+ .ilo--tag--reset:hover {
7378
+ background: rgb(235, 245, 253);
7379
+ border: 1.5px solid rgb(235, 245, 253);
7380
+ color: rgb(30, 45, 190);
7381
+ text-decoration: none;
7382
+ transition-property: color, background-color, border-color;
7383
+ transition-duration: 150ms;
7384
+ transition-timing-function: ease-out;
7385
+ }
7386
+ .ilo--tag--reset:hover.icon__position--right .ilo--icon {
7387
+ 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='M16.9497 15.5356L13.4142 12L16.9497 8.46451L15.5355 7.05029L12 10.5858L8.46446 7.05029L7.05025 8.46451L10.5858 12L7.05025 15.5356L8.46446 16.9498L12 13.4143L15.5355 16.9498L16.9497 15.5356Z'/%3e%3c/svg%3e");
7388
+ }
7389
+ .ilo--tag--reset:focus {
7390
+ background: rgb(235, 245, 253);
7391
+ border: 1.5px solid rgb(235, 245, 253);
7392
+ color: rgb(30, 45, 190);
7393
+ outline: none;
7394
+ }
7130
7395
 
7131
7396
  /**
7132
7397
  * Do not edit directly
7133
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
7398
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
7134
7399
  */
7135
7400
  /**
7136
7401
  * TOKENS:
@@ -7149,7 +7414,7 @@ body {
7149
7414
  filter: drop-shadow(0 0.0428724544rem 0.0857449089rem rgba(35, 0, 80, 0.038)) drop-shadow(0 0.1446945338rem 0.2893890675rem rgba(35, 0, 80, 0.054)) drop-shadow(0 0.6430868167rem 1.2861736334rem rgba(35, 0, 80, 0.12));
7150
7415
  color: rgb(45, 45, 45);
7151
7416
  opacity: 0;
7152
- padding: 18px;
7417
+ padding: 0.4287245445rem 0.6430868167rem;
7153
7418
  position: absolute;
7154
7419
  transition: opacity 0.15s ease-in-out;
7155
7420
  visibility: hidden;
@@ -7272,7 +7537,7 @@ body {
7272
7537
  }
7273
7538
  .ilo--tooltip--dark {
7274
7539
  background: rgb(45, 45, 45);
7275
- color: rgb(255, 255, 255);
7540
+ color: rgb(237, 240, 242);
7276
7541
  }
7277
7542
  .ilo--tooltip--dark.ilo--tooltip--alignment-bottom .ilo--tooltip--arrow {
7278
7543
  border-bottom-color: rgb(45, 45, 45);
@@ -7289,7 +7554,7 @@ body {
7289
7554
 
7290
7555
  /**
7291
7556
  * Do not edit directly
7292
- * Generated on Mon, 14 Nov 2022 21:50:16 GMT
7557
+ * Generated on Thu, 17 Nov 2022 20:35:47 GMT
7293
7558
  */
7294
7559
  /**
7295
7560
  * TOKENS: