@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.
- package/build/css/components/index.css +365 -100
- package/build/css/components/index.css.map +1 -1
- package/build/css/index.css +365 -100
- package/build/css/index.css.map +1 -1
- package/build/css/monorepo.css +365 -100
- package/build/css/monorepo.css.map +1 -1
- package/build/minified/index.css +1 -1
- package/build/minified/index.css.map +1 -1
- package/build/minified/monorepo.css +1 -1
- package/build/minified/monorepo.css.map +1 -1
- package/package.json +3 -3
- package/scss/components/_card.scss +187 -24
- package/scss/components/_checkbox.scss +3 -1
- package/scss/components/_hero.scss +52 -25
- package/scss/components/_linklist.scss +1 -0
- package/scss/components/_navigation.scss +1 -1
- package/scss/components/_tag.scss +83 -3
- package/scss/components/_tooltip.scss +1 -1
package/build/css/monorepo.css
CHANGED
|
@@ -151,7 +151,7 @@ select {
|
|
|
151
151
|
}
|
|
152
152
|
/**
|
|
153
153
|
* Do not edit directly
|
|
154
|
-
* Generated on
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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:
|
|
1172
|
+
height: 1.6077170418rem;
|
|
1165
1173
|
left: 0;
|
|
1166
1174
|
position: absolute;
|
|
1167
|
-
top: -
|
|
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.
|
|
1176
|
-
top: -2.
|
|
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.
|
|
1182
|
-
top: -3.
|
|
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(
|
|
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.
|
|
1680
|
-
top: -2.
|
|
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
|
|
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.
|
|
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
|
|
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.
|
|
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
|
|
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.
|
|
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(
|
|
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
|
|
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
|
|
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:
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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:
|
|
3443
|
-
top: -
|
|
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
|
-
|
|
3522
|
-
|
|
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.
|
|
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:
|
|
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.
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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%
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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--
|
|
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:
|
|
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
|
|
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:
|
|
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(
|
|
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
|
|
7557
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
7293
7558
|
*/
|
|
7294
7559
|
/**
|
|
7295
7560
|
* TOKENS:
|