@ilo-org/styles 0.1.1 → 0.1.3

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 Tue, 01 Nov 2022 17:17:35 GMT
154
+ * Generated on Fri, 04 Nov 2022 10:33:11 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 Tue, 01 Nov 2022 17:17:35 GMT
253
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
254
254
  */
255
255
  /**
256
256
  * TOKENS:
@@ -350,7 +350,32 @@ body {
350
350
 
351
351
  /**
352
352
  * Do not edit directly
353
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
353
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
354
+ */
355
+ /**
356
+ * TOKENS:
357
+ */
358
+ /**
359
+ * MAPS:
360
+ */
361
+ @keyframes emptygradient {
362
+ 0% {
363
+ opacity: 1;
364
+ }
365
+ 100% {
366
+ opacity: 0;
367
+ }
368
+ }
369
+ @keyframes spin {
370
+ 100% {
371
+ -moz-transform: rotate(360deg);
372
+ -webkit-transform: rotate(360deg);
373
+ transform: rotate(360deg);
374
+ }
375
+ }
376
+ /**
377
+ * Do not edit directly
378
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
354
379
  */
355
380
  /**
356
381
  * TOKENS:
@@ -367,7 +392,7 @@ body {
367
392
  background-color: rgb(255, 255, 255);
368
393
  display: inline-flex;
369
394
  justify-content: flex-start;
370
- padding: 0.5894962487rem 0 0.5894962487rem 0.6430868167rem;
395
+ padding: 0.857449089rem 0 0.857449089rem 0.6430868167rem;
371
396
  position: relative;
372
397
  }
373
398
  .ilo--breadcrumb--items.context--menu {
@@ -382,6 +407,7 @@ body {
382
407
  height: 0.857449089rem;
383
408
  padding: 0 1.2861736334rem 0 0.5359056806rem;
384
409
  text-decoration: none;
410
+ text-decoration-thickness: 0.1071811361rem;
385
411
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3e%3cpath fill='rgb(35, 0, 80)' d='M1.73149 16L0.613281 15.1855L5.83848 8L0.613281 0.814495L1.73149 0L7.25349 7.59275C7.33987 7.71097 7.38643 7.85359 7.38643 8C7.38643 8.14641 7.33987 8.28903 7.25349 8.40725L1.73149 16Z'/%3e%3c/svg%3e");
386
412
  }
387
413
  .ilo--breadcrumb--link--label {
@@ -394,6 +420,7 @@ body {
394
420
  .ilo--breadcrumb--link:hover, .ilo--breadcrumb--link:focus {
395
421
  color: rgb(30, 45, 190);
396
422
  text-decoration: underline;
423
+ text-decoration-thickness: 0.1071811361rem;
397
424
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3e%3cpath fill='rgb(30, 45, 190)' d='M1.73149 16L0.613281 15.1855L5.83848 8L0.613281 0.814495L1.73149 0L7.25349 7.59275C7.33987 7.71097 7.38643 7.85359 7.38643 8C7.38643 8.14641 7.33987 8.28903 7.25349 8.40725L1.73149 16Z'/%3e%3c/svg%3e");
398
425
  }
399
426
  .ilo--breadcrumb--item {
@@ -452,6 +479,10 @@ body {
452
479
  width: 2.2508038585rem;
453
480
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 4'%3e%3cpath fill='rgb(35, 0, 80)' d='M2 4C3.10457 4 4 3.10457 4 2 4 .89543 3.10457 0 2 0 .89543 0 0 .89543 0 2 0 3.10457.89543 4 2 4zM8 4C9.10457 4 10 3.10457 10 2 10 .89543 9.10457 0 8 0 6.89543 0 6 .89543 6 2 6 3.10457 6.89543 4 8 4zM14 4C15.1046 4 16 3.10457 16 2 16 .89543 15.1046 0 14 0 12.8954 0 12 .89543 12 2 12 3.10457 12.8954 4 14 4z'/%3e%3c/svg%3e");
454
481
  }
482
+ .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:hover {
483
+ cursor: pointer;
484
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 4'%3e%3cpath fill='rgb(30, 45, 190)' d='M2 4C3.10457 4 4 3.10457 4 2 4 .89543 3.10457 0 2 0 .89543 0 0 .89543 0 2 0 3.10457.89543 4 2 4zM8 4C9.10457 4 10 3.10457 10 2 10 .89543 9.10457 0 8 0 6.89543 0 6 .89543 6 2 6 3.10457 6.89543 4 8 4zM14 4C15.1046 4 16 3.10457 16 2 16 .89543 15.1046 0 14 0 12.8954 0 12 .89543 12 2 12 3.10457 12.8954 4 14 4z'/%3e%3c/svg%3e");
485
+ }
455
486
  .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:after {
456
487
  background-position: center center;
457
488
  background-repeat: no-repeat;
@@ -471,11 +502,18 @@ body {
471
502
  left: -2.1436227224rem;
472
503
  opacity: 0;
473
504
  position: absolute;
474
- top: calc(100% + 20px);
475
- transition: opacity 0.75s linear;
476
- transition-delay: 0.5s;
505
+ top: calc(100% + 24px);
477
506
  width: 6.4308681672rem;
478
507
  z-index: 10;
508
+ transition-property: opacity;
509
+ transition-duration: 150ms;
510
+ transition-timing-function: ease-out;
511
+ }
512
+ .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu.open {
513
+ opacity: 1;
514
+ transition-property: opacity;
515
+ transition-duration: 150ms;
516
+ transition-timing-function: ease-out;
479
517
  }
480
518
  .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu:before {
481
519
  background-position: top center;
@@ -490,6 +528,9 @@ body {
490
528
  transform: translateX(-50%) rotate(135deg);
491
529
  width: 0.6430868167rem;
492
530
  }
531
+ .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu:hover {
532
+ cursor: pointer;
533
+ }
493
534
  .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item {
494
535
  display: inline-block;
495
536
  height: auto;
@@ -505,7 +546,8 @@ body {
505
546
  text-decoration: none;
506
547
  }
507
548
  .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item:hover .ilo--breadcrumb--link, .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item:focus .ilo--breadcrumb--link {
508
- text-decoration: none;
549
+ text-decoration: underline;
550
+ text-decoration-thickness: 0.1071811361rem;
509
551
  }
510
552
  .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item.endsection {
511
553
  border-bottom: 0.1071811361rem solid rgb(255, 255, 255);
@@ -541,20 +583,16 @@ body {
541
583
  text-decoration: underline;
542
584
  text-decoration-thickness: 0.1071811361rem;
543
585
  }
544
- .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:hover .context--menu, .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:focus .context--menu {
545
- opacity: 1;
546
- transition: opacity 1.5s ease-out;
547
- }
548
586
  @media screen and (min-width: 610px) {
549
587
  .ilo--breadcrumb--items:after {
550
588
  background: linear-gradient(to bottom right, white 50%, transparent 50%);
551
589
  content: "";
552
590
  display: inline-block;
553
- height: 39px;
591
+ height: 47px;
554
592
  position: absolute;
555
- right: -39px;
593
+ right: -47px;
556
594
  top: 0;
557
- width: 39px;
595
+ width: 47px;
558
596
  }
559
597
  .ilo--breadcrumb--items.context--menu:after {
560
598
  content: none;
@@ -567,7 +605,7 @@ body {
567
605
 
568
606
  /**
569
607
  * Do not edit directly
570
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
608
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
571
609
  */
572
610
  /**
573
611
  * TOKENS:
@@ -577,7 +615,7 @@ body {
577
615
  */
578
616
  /**
579
617
  * Do not edit directly
580
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
618
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
581
619
  */
582
620
  /**
583
621
  * TOKENS:
@@ -602,7 +640,7 @@ body {
602
640
  }
603
641
  /**
604
642
  * Do not edit directly
605
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
643
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
606
644
  */
607
645
  /**
608
646
  * TOKENS:
@@ -892,7 +930,7 @@ body {
892
930
 
893
931
  /**
894
932
  * Do not edit directly
895
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
933
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
896
934
  */
897
935
  /**
898
936
  * TOKENS:
@@ -957,7 +995,7 @@ body {
957
995
  position: relative;
958
996
  }
959
997
  .ilo--callout--toggle--icon {
960
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 25'%3e%3cpath fill='rgb(35, 0, 80)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e");
998
+ 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='M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z'/%3e%3c/svg%3e");
961
999
  background-position: right;
962
1000
  background-repeat: no-repeat;
963
1001
  display: inline-block;
@@ -985,7 +1023,7 @@ body {
985
1023
  }
986
1024
  .ilo--callout .icon--info {
987
1025
  background-color: rgb(30, 45, 190);
988
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='rgb(255, 255, 255)' d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm1 12H7V7h2v5ZM8 6a.94.94 0 0 1-1-1 .94.94 0 0 1 1-1 .94.94 0 0 1 1 1 .94.94 0 0 1-1 1Z'/%3e%3c/svg%3e");
1026
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='rgb(255, 255, 255)' d='M8 0C6.4 0 4.9.5 3.6 1.3c-1.4.9-2.4 2.2-3 3.6C0 6.4-.2 8 .2 9.6c.3 1.6 1.1 3 2.2 4.1 1.1 1.1 2.5 1.9 4.1 2.2s3.2.2 4.6-.5c1.5-.6 2.7-1.6 3.6-2.9.8-1.4 1.3-2.9 1.3-4.5 0-2.1-.8-4.2-2.3-5.7C12.2.8 10.1 0 8 0zm0 14c-1.2 0-2.3-.4-3.3-1-1-.7-1.8-1.6-2.2-2.7C2 9.2 1.9 8 2.1 6.8c.2-1.2.8-2.2 1.6-3.1.8-.8 1.9-1.4 3.1-1.6 1.2-.2 2.4-.1 3.5.4s2 1.2 2.7 2.2c.7 1 1 2.1 1 3.3 0 1.6-.6 3.1-1.8 4.2C11.1 13.4 9.6 14 8 14z'/%3e%3cpath fill='rgb(255, 255, 255)' d='M9 7H7v5h2V7zM8 6c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1z'/%3e%3c/svg%3e");
989
1027
  }
990
1028
  .ilo--callout .icon--success {
991
1029
  background-color: rgb(140, 225, 100);
@@ -1022,7 +1060,7 @@ body {
1022
1060
 
1023
1061
  /**
1024
1062
  * Do not edit directly
1025
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
1063
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
1026
1064
  */
1027
1065
  /**
1028
1066
  * TOKENS:
@@ -1041,7 +1079,7 @@ body {
1041
1079
  color: rgb(30, 45, 190);
1042
1080
  text-decoration: none;
1043
1081
  }
1044
- .ilo--card--action:hover .ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink), .ilo--card--action:focus .ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) {
1082
+ .ilo--card--action:hover.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink), .ilo--card--action:focus.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) {
1045
1083
  background: rgb(255, 255, 255);
1046
1084
  }
1047
1085
  .ilo--card--action:hover .ilo--card--eyebrow, .ilo--card--action:focus .ilo--card--eyebrow {
@@ -1083,22 +1121,22 @@ body {
1083
1121
  .ilo--card--light {
1084
1122
  background: rgb(255, 255, 255);
1085
1123
  }
1086
- .ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) {
1124
+ .ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) {
1087
1125
  background: rgb(35, 0, 80);
1088
1126
  }
1089
- .ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) .ilo--card--eyebrow {
1127
+ .ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) .ilo--card--eyebrow {
1090
1128
  color: rgb(237, 240, 242);
1091
1129
  }
1092
- .ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) .ilo--card--title {
1130
+ .ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) .ilo--card--title {
1093
1131
  color: rgb(255, 255, 255);
1094
1132
  }
1095
- .ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) .ilo--card--intro {
1133
+ .ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) .ilo--card--intro {
1096
1134
  color: rgb(237, 240, 242);
1097
1135
  }
1098
- .ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) .ilo--card--date {
1136
+ .ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) .ilo--card--date {
1099
1137
  color: rgb(237, 240, 242);
1100
1138
  }
1101
- .ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) .ilo--card--eventdate {
1139
+ .ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) .ilo--card--eventdate {
1102
1140
  color: rgb(237, 240, 242);
1103
1141
  }
1104
1142
  .ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature) {
@@ -1218,12 +1256,35 @@ body {
1218
1256
  }
1219
1257
  }
1220
1258
  .ilo--card--multilink .ilo--card--title {
1221
- color: rgb(45, 45, 45);
1259
+ font-size: 23.32px;
1260
+ letter-spacing: -0.035em;
1261
+ line-height: 29.15px;
1222
1262
  margin-bottom: 0.7188906752rem;
1263
+ color: rgb(45, 45, 45);
1264
+ }
1265
+ @media screen and (min-width: 610px) {
1266
+ .ilo--card--multilink .ilo--card--title {
1267
+ font-size: 29.16px;
1268
+ letter-spacing: -0.035em;
1269
+ line-height: 36.45px;
1270
+ margin-bottom: 0.5741425509rem;
1271
+ }
1223
1272
  }
1224
1273
  .ilo--card--multilink .ilo--card--intro {
1274
+ font-size: 16px;
1275
+ letter-spacing: normal;
1276
+ line-height: 23.36px;
1277
+ margin-bottom: 1.910132288rem;
1225
1278
  color: rgb(45, 45, 45);
1226
1279
  }
1280
+ @media screen and (min-width: 610px) {
1281
+ .ilo--card--multilink .ilo--card--intro {
1282
+ font-size: 18.66px;
1283
+ letter-spacing: normal;
1284
+ line-height: 27.24px;
1285
+ margin-bottom: 1.8685411561rem;
1286
+ }
1287
+ }
1227
1288
  .ilo--card--multilink.ilo--card--dark {
1228
1289
  background: rgb(255, 255, 255);
1229
1290
  }
@@ -1280,6 +1341,16 @@ body {
1280
1341
  .ilo--card--multilink.ilo--card--narrow {
1281
1342
  padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1282
1343
  }
1344
+ @media screen and (min-width: 610px) {
1345
+ .ilo--card--multilink.ilo--card--narrow {
1346
+ padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1347
+ }
1348
+ }
1349
+ @media screen and (min-width: 1024px) {
1350
+ .ilo--card--multilink.ilo--card--narrow {
1351
+ padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1352
+ }
1353
+ }
1283
1354
  .ilo--card--multilink.ilo--card--narrow .ilo--card--image--wrapper {
1284
1355
  display: none;
1285
1356
  }
@@ -1288,13 +1359,19 @@ body {
1288
1359
  margin-bottom: 1.2861736334rem;
1289
1360
  }
1290
1361
  @media screen and (min-width: 610px) {
1291
- .ilo--card--multilink.ilo--card--narrow {
1292
- padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1362
+ .ilo--card--multilink.ilo--card--narrow .ilo--card--title {
1363
+ font-size: 23.32px;
1364
+ letter-spacing: -0.035em;
1365
+ line-height: 29.15px;
1366
+ margin-bottom: 0.7188906752rem;
1293
1367
  }
1294
1368
  }
1295
- @media screen and (min-width: 1024px) {
1296
- .ilo--card--multilink.ilo--card--narrow {
1297
- padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1369
+ @media screen and (min-width: 610px) {
1370
+ .ilo--card--multilink.ilo--card--narrow .ilo--card--intro {
1371
+ font-size: 16px;
1372
+ letter-spacing: normal;
1373
+ line-height: 23.36px;
1374
+ margin-bottom: 1.910132288rem;
1298
1375
  }
1299
1376
  }
1300
1377
  .ilo--card--multilink .ilo--link-list {
@@ -1532,6 +1609,14 @@ body {
1532
1609
  line-height: 36.45px;
1533
1610
  margin-bottom: 0.5741425509rem;
1534
1611
  }
1612
+ @media screen and (min-width: 610px) {
1613
+ .ilo--card--graphicpromo.ilo--card--narrow .ilo--card--title {
1614
+ font-size: 36.45px;
1615
+ letter-spacing: -0.035em;
1616
+ line-height: 43.74px;
1617
+ margin-bottom: 0.4278063594rem;
1618
+ }
1619
+ }
1535
1620
  .ilo--card--graphicpromo.ilo--card--narrow .ilo--card--intro {
1536
1621
  font-size: 16px;
1537
1622
  letter-spacing: normal;
@@ -1708,8 +1793,12 @@ body {
1708
1793
  }
1709
1794
  }
1710
1795
  .ilo--card--data .ilo--card--image--wrapper {
1796
+ display: none;
1711
1797
  width: max(10.9860664523rem, 50%);
1712
1798
  }
1799
+ .ilo--card--data .ilo--card--content .ilo--card--image--wrapper {
1800
+ display: block;
1801
+ }
1713
1802
  .ilo--card--data--content-label {
1714
1803
  font-size: 14.93px;
1715
1804
  letter-spacing: normal;
@@ -1741,7 +1830,8 @@ body {
1741
1830
  margin-right: 0;
1742
1831
  }
1743
1832
  .ilo--card--feature {
1744
- border-bottom: 0.1607717042rem solid rgb(109, 109, 109);
1833
+ border-bottom: 0.1607717042rem solid rgb(184, 196, 204);
1834
+ filter: drop-shadow(0 4px 4px rgba(45, 45, 45, 0.25));
1745
1835
  display: flex;
1746
1836
  margin-top: 0;
1747
1837
  position: relative;
@@ -1752,10 +1842,17 @@ body {
1752
1842
  .ilo--card--feature.ilo--card--dark {
1753
1843
  border-bottom: 0.1607717042rem solid rgb(150, 10, 85);
1754
1844
  }
1845
+ .ilo--card--feature:hover, .ilo--card--feature:focus {
1846
+ background-color: rgb(255, 255, 255);
1847
+ border-bottom: 0.1607717042rem solid rgb(30, 45, 190);
1848
+ }
1755
1849
  .ilo--card--feature:hover picture::before, .ilo--card--feature:focus picture::before {
1756
1850
  opacity: 0.4;
1757
1851
  z-index: 1;
1758
1852
  }
1853
+ .ilo--card--feature:hover .ilo--card--image, .ilo--card--feature:focus .ilo--card--image {
1854
+ filter: saturate(0);
1855
+ }
1759
1856
  .ilo--card--feature.ilo--card--narrow .ilo--card--wrap, .ilo--card--feature.ilo--card--standard .ilo--card--wrap {
1760
1857
  display: flex;
1761
1858
  flex-wrap: wrap;
@@ -1770,7 +1867,6 @@ body {
1770
1867
  @media screen and (min-width: 610px) {
1771
1868
  .ilo--card--feature.ilo--card--wide .ilo--card--wrap {
1772
1869
  display: flex;
1773
- width: 100%;
1774
1870
  }
1775
1871
  .right-to-left .ilo--card--feature.ilo--card--wide .ilo--card--wrap {
1776
1872
  flex-direction: row-reverse;
@@ -1799,6 +1895,9 @@ body {
1799
1895
  width: 100%;
1800
1896
  }
1801
1897
  }
1898
+ .ilo--card--feature .ilo--card--wrap {
1899
+ width: 100%;
1900
+ }
1802
1901
  .ilo--card--feature picture {
1803
1902
  display: flex;
1804
1903
  height: 100%;
@@ -1840,7 +1939,7 @@ body {
1840
1939
 
1841
1940
  /**
1842
1941
  * Do not edit directly
1843
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
1942
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
1844
1943
  */
1845
1944
  /**
1846
1945
  * TOKENS:
@@ -1885,7 +1984,7 @@ body {
1885
1984
 
1886
1985
  /**
1887
1986
  * Do not edit directly
1888
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
1987
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
1889
1988
  */
1890
1989
  /**
1891
1990
  * TOKENS:
@@ -1938,15 +2037,6 @@ body {
1938
2037
  .ilo--checkbox:checked:after {
1939
2038
  background-color: rgb(35, 0, 80);
1940
2039
  }
1941
- .ilo--checkbox:hover {
1942
- cursor: pointer;
1943
- }
1944
- .ilo--checkbox:hover:after {
1945
- background-color: rgb(255, 205, 45);
1946
- }
1947
- .ilo--checkbox:hover:checked:before {
1948
- border-color: rgb(35, 0, 80);
1949
- }
1950
2040
  .ilo--checkbox:focus {
1951
2041
  outline: none;
1952
2042
  }
@@ -1989,7 +2079,7 @@ body {
1989
2079
 
1990
2080
  /**
1991
2081
  * Do not edit directly
1992
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
2082
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
1993
2083
  */
1994
2084
  /**
1995
2085
  * TOKENS:
@@ -2027,7 +2117,7 @@ body {
2027
2117
  background-color: rgb(235, 245, 253);
2028
2118
  }
2029
2119
  .ilo--context-menu--item.endsection {
2030
- border-bottom: 0.1071811361rem solid rgb(255, 255, 255);
2120
+ border-bottom: 0.1607717042rem solid rgb(255, 255, 255);
2031
2121
  }
2032
2122
  .ilo--context-menu--item.endsection .ilo--context-menu--link {
2033
2123
  border-bottom: none;
@@ -2038,12 +2128,13 @@ body {
2038
2128
  display: inline-block;
2039
2129
  font-family: Noto Sans;
2040
2130
  font-weight: 500;
2041
- padding: 0.857449089rem 0;
2131
+ padding: 0.857449089rem 0.4287245445rem;
2042
2132
  text-decoration: none;
2043
2133
  width: 100%;
2044
2134
  font-size: 11.94px;
2045
2135
  letter-spacing: normal;
2046
2136
  line-height: 16.24px;
2137
+ letter-spacing: -0.1px;
2047
2138
  }
2048
2139
  .ilo--context-menu--link:visited {
2049
2140
  color: rgb(35, 0, 80);
@@ -2061,7 +2152,7 @@ body {
2061
2152
 
2062
2153
  /**
2063
2154
  * Do not edit directly
2064
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
2155
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
2065
2156
  */
2066
2157
  /**
2067
2158
  * TOKENS:
@@ -2071,7 +2162,7 @@ body {
2071
2162
  */
2072
2163
  /**
2073
2164
  * Do not edit directly
2074
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
2165
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
2075
2166
  */
2076
2167
  /**
2077
2168
  * TOKENS:
@@ -2081,7 +2172,7 @@ body {
2081
2172
  */
2082
2173
  /**
2083
2174
  * Do not edit directly
2084
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
2175
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
2085
2176
  */
2086
2177
  /**
2087
2178
  * TOKENS:
@@ -2091,7 +2182,7 @@ body {
2091
2182
  */
2092
2183
  /**
2093
2184
  * Do not edit directly
2094
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
2185
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
2095
2186
  */
2096
2187
  /**
2097
2188
  * TOKENS:
@@ -2187,10 +2278,37 @@ body {
2187
2278
  display: inline-block;
2188
2279
  }
2189
2280
  }
2281
+ .right-to-left .ilo--credit:after {
2282
+ background-position: top left;
2283
+ left: auto;
2284
+ right: 100%;
2285
+ transform: scaleX(-1);
2286
+ }
2287
+ @media screen and (max-width: 1023px) {
2288
+ .right-to-left .ilo--credit--label {
2289
+ left: auto;
2290
+ right: 0;
2291
+ }
2292
+ .right-to-left .ilo--credit--label:after {
2293
+ background-position: top right;
2294
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 11'%3e%3cpath fill='rgb(45, 45, 45)' d='M6.00007 10.8462L12 0L0 0L6.00007 10.8462Z'/%3e%3c/svg%3e");
2295
+ left: auto;
2296
+ right: calc(0.6430868167rem / 2);
2297
+ }
2298
+ .right-to-left .ilo--credit:before {
2299
+ background-position: 4px center;
2300
+ left: auto;
2301
+ right: 0;
2302
+ }
2303
+ .right-to-left .ilo--credit:after {
2304
+ left: auto;
2305
+ right: 1.5541264737rem;
2306
+ }
2307
+ }
2190
2308
 
2191
2309
  /**
2192
2310
  * Do not edit directly
2193
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
2311
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
2194
2312
  */
2195
2313
  /**
2196
2314
  * TOKENS:
@@ -2210,7 +2328,7 @@ body {
2210
2328
 
2211
2329
  /**
2212
2330
  * Do not edit directly
2213
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
2331
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
2214
2332
  */
2215
2333
  /**
2216
2334
  * TOKENS:
@@ -2229,12 +2347,12 @@ body {
2229
2347
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
2230
2348
  border-radius: 0;
2231
2349
  box-sizing: content-box;
2232
- font-family: Overpass;
2350
+ font-family: Noto Sans;
2233
2351
  font-weight: 500;
2234
2352
  font-size: 16px;
2235
2353
  letter-spacing: -0.02em;
2236
2354
  line-height: 21.6px;
2237
- height: 2.5723472669rem;
2355
+ height: 2.4115755627rem;
2238
2356
  margin: 0rem 0rem 0rem 0rem;
2239
2357
  outline: none;
2240
2358
  overflow: hidden;
@@ -2245,10 +2363,10 @@ body {
2245
2363
  text-overflow: ellipsis;
2246
2364
  white-space: nowrap;
2247
2365
  width: calc(100% - 78px);
2248
- background-position: calc(100% - 14px) center;
2366
+ background-position: calc(100% - 14px) center, 100% center;
2249
2367
  background-repeat: no-repeat;
2250
- background-size: 24px 24px, 72px 100%;
2251
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 25'%3e%3cpath fill='rgb(35, 0, 80)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e"), linear-gradient(to right, transparent 0%, transparent calc(50% - 0.81px), rgb(184, 196, 204) calc(50% - 0.8px), rgb(184, 196, 204) calc(50% + 0.8px), transparent calc(50% + 0.81px), transparent 100%);
2368
+ background-size: 24px 24px, 102px 100%;
2369
+ 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='M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z'/%3e%3c/svg%3e"), linear-gradient(to right, transparent 0%, transparent calc(50% - 0.81px), rgb(184, 196, 204) calc(50% - 0.8px), rgb(184, 196, 204) calc(50% + 0.8px), rgb(237, 240, 242) calc(50% + 0.81px), rgb(237, 240, 242) 100%);
2252
2370
  }
2253
2371
  .ilo--dropdown option {
2254
2372
  width: calc(100% - 48px);
@@ -2261,7 +2379,7 @@ body {
2261
2379
  border-left: 0.1607717042rem solid rgb(30, 45, 190);
2262
2380
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
2263
2381
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
2264
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 25'%3e%3cpath fill='rgb(30, 45, 190)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e"), linear-gradient(to right, transparent 0%, transparent calc(50% - 0.81px), rgb(184, 196, 204) calc(50% - 0.8px), rgb(184, 196, 204) calc(50% + 0.8px), transparent calc(50% + 0.81px), transparent 100%);
2382
+ 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='M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z'/%3e%3c/svg%3e"), linear-gradient(to right, transparent 0%, transparent calc(50% - 0.81px), rgb(184, 196, 204) calc(50% - 0.8px), rgb(184, 196, 204) calc(50% + 0.8px), transparent calc(50% + 0.81px), transparent 100%);
2265
2383
  }
2266
2384
  .ilo--dropdown:focus {
2267
2385
  background-color: rgb(235, 245, 253);
@@ -2269,7 +2387,17 @@ body {
2269
2387
  border-left: 0.1607717042rem solid rgb(30, 45, 190);
2270
2388
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
2271
2389
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
2272
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 25'%3e%3cpath fill='rgb(30, 45, 190)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e"), linear-gradient(to right, transparent 0%, transparent calc(50% - 0.81px), rgb(184, 196, 204) calc(50% - 0.8px), rgb(184, 196, 204) calc(50% + 0.8px), transparent calc(50% + 0.81px), transparent 100%);
2390
+ 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='M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z'/%3e%3c/svg%3e"), linear-gradient(to right, transparent 0%, transparent calc(50% - 0.81px), rgb(184, 196, 204) calc(50% - 0.8px), rgb(184, 196, 204) calc(50% + 0.8px), transparent calc(50% + 0.81px), transparent 100%);
2391
+ }
2392
+ .ilo--dropdown:active {
2393
+ background-position: calc(100% - 14px) center, 100% center;
2394
+ background-repeat: no-repeat;
2395
+ background-size: 24px 24px, 102px 100%;
2396
+ 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='M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z'/%3e%3c/svg%3e"), linear-gradient(to right, transparent 0%, transparent calc(50% - 0.81px), rgb(184, 196, 204) calc(50% - 0.8px), rgb(184, 196, 204) calc(50% + 0.8px), rgb(237, 240, 242) calc(50% + 0.81px), rgb(237, 240, 242) 100%);
2397
+ border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
2398
+ border-left: 0.1071811361rem solid rgb(184, 196, 204);
2399
+ border-right: 0.1071811361rem solid rgb(184, 196, 204);
2400
+ border-top: 0.1071811361rem solid rgb(184, 196, 204);
2273
2401
  }
2274
2402
  .ilo--dropdown:disabled {
2275
2403
  opacity: 45%;
@@ -2278,14 +2406,14 @@ body {
2278
2406
  .ilo--dropdown:invalid, .ilo--dropdown.error, .error .ilo--dropdown {
2279
2407
  background-color: rgb(255, 255, 255);
2280
2408
  border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
2281
- border-left: 0.1607717042rem solid rgb(250, 60, 75);
2409
+ border-left: 0.1607717042rem solid rgb(200, 48, 60);
2282
2410
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
2283
2411
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
2284
2412
  }
2285
2413
 
2286
2414
  /**
2287
2415
  * Do not edit directly
2288
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
2416
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
2289
2417
  */
2290
2418
  /**
2291
2419
  * TOKENS:
@@ -2295,7 +2423,7 @@ body {
2295
2423
  */
2296
2424
  /**
2297
2425
  * Do not edit directly
2298
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
2426
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
2299
2427
  */
2300
2428
  /**
2301
2429
  * TOKENS:
@@ -2305,7 +2433,7 @@ body {
2305
2433
  */
2306
2434
  /**
2307
2435
  * Do not edit directly
2308
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
2436
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
2309
2437
  */
2310
2438
  /**
2311
2439
  * TOKENS:
@@ -2358,7 +2486,7 @@ body {
2358
2486
 
2359
2487
  /**
2360
2488
  * Do not edit directly
2361
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
2489
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
2362
2490
  */
2363
2491
  /**
2364
2492
  * TOKENS:
@@ -2383,6 +2511,7 @@ body {
2383
2511
  margin-bottom: 0.3358659839rem;
2384
2512
  }
2385
2513
  .ilo--fieldset--helper {
2514
+ color: rgb(109, 109, 109);
2386
2515
  font-family: Noto Sans;
2387
2516
  font-size: 11.94px;
2388
2517
  letter-spacing: normal;
@@ -2423,7 +2552,7 @@ body {
2423
2552
 
2424
2553
  /**
2425
2554
  * Do not edit directly
2426
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
2555
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
2427
2556
  */
2428
2557
  /**
2429
2558
  * TOKENS:
@@ -2487,7 +2616,7 @@ body {
2487
2616
  .ilo--file-upload:invalid:before, .ilo--file-upload.error:before, .error .ilo--file-upload:before {
2488
2617
  background-color: rgb(255, 255, 255);
2489
2618
  border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
2490
- border-left: 0.1607717042rem solid rgb(250, 60, 75);
2619
+ border-left: 0.1607717042rem solid rgb(200, 48, 60);
2491
2620
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
2492
2621
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
2493
2622
  }
@@ -2529,7 +2658,7 @@ body {
2529
2658
 
2530
2659
  /**
2531
2660
  * Do not edit directly
2532
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
2661
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
2533
2662
  */
2534
2663
  /**
2535
2664
  * TOKENS:
@@ -2549,7 +2678,7 @@ body {
2549
2678
 
2550
2679
  /**
2551
2680
  * Do not edit directly
2552
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
2681
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
2553
2682
  */
2554
2683
  /**
2555
2684
  * TOKENS:
@@ -2559,7 +2688,7 @@ body {
2559
2688
  */
2560
2689
  /**
2561
2690
  * Do not edit directly
2562
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
2691
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
2563
2692
  */
2564
2693
  /**
2565
2694
  * TOKENS:
@@ -2584,7 +2713,7 @@ body {
2584
2713
  }
2585
2714
  /**
2586
2715
  * Do not edit directly
2587
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
2716
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
2588
2717
  */
2589
2718
  /**
2590
2719
  * TOKENS:
@@ -2620,7 +2749,9 @@ body {
2620
2749
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 409.5 236'%3e%3cpath fill='rgb(30, 45, 190)' d='M409.5 236c-1.7-.6-3.5-1.1-5.1-2-5.3-2.9-10.5-5.9-15.7-9-4.8-2.8-9.5-5.8-14.3-8.7-4.3-2.6-8.5-5.1-12.9-7.5-4.9-2.7-10-5.2-14.9-8-3.8-2.2-7.4-4.8-11.2-7.1-5.7-3.3-11.6-6.4-17.3-9.7-3.9-2.2-7.6-4.6-11.5-6.9-4-2.3-8.1-4.4-12-6.7-3.8-2.2-7.5-4.5-11.3-6.7-2.4-1.4-4.9-2.5-7.3-3.9-2.8-1.6-5.5-3.3-8.2-4.9-3.8-2.3-7.5-4.6-11.4-6.8-3.9-2.3-7.9-4.5-11.9-6.8-6.1-3.5-12.2-6.8-18.2-10.4-4.8-2.8-9.4-5.8-14.2-8.5-4.8-2.8-9.8-5.3-14.6-8.1-3.6-2.1-7.2-4.3-10.8-6.4-5.9-3.5-11.8-6.9-17.7-10.3-4.8-2.8-9.6-5.7-14.4-8.5-3.8-2.2-7.8-4.4-11.6-6.6-3-1.7-5.9-3.6-8.9-5.4-3-1.8-6.2-3.4-9.2-5.1-3.9-2.2-7.8-4.4-11.6-6.6-4.1-2.4-8.1-4.8-12.2-7.2-5.8-3.4-11.5-6.9-17.3-10.2-4.9-2.8-9.9-5.4-14.7-8.2-3.7-2.1-7.3-4.5-11-6.6-4.9-2.9-9.8-5.6-14.7-8.4-4.7-2.7-9.4-5.6-14.2-8.3-5-2.9-10-5.7-15-8.6C10.3 5.6 6.6 3.3 2.8 1 2 .5 1 .3 0 0h409.5v236z'/%3e%3c/svg%3e");
2621
2750
  }
2622
2751
  .ilo--footer--logo {
2752
+ min-width: 200px;
2623
2753
  max-width: 100%;
2754
+ width: 35%;
2624
2755
  }
2625
2756
  .ilo--footer--secondary {
2626
2757
  background-color: rgb(255, 255, 255);
@@ -2803,7 +2934,7 @@ body {
2803
2934
  transform: translateY(-50%) rotateX(180deg);
2804
2935
  transform-origin: center center;
2805
2936
  width: 1.2861736334rem;
2806
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 25'%3e%3cpath fill='rgb(35, 0, 80)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e");
2937
+ 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='M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z'/%3e%3c/svg%3e");
2807
2938
  }
2808
2939
  .ilo--footer .anchorlink:hover {
2809
2940
  background: rgb(235, 245, 253);
@@ -2815,7 +2946,7 @@ body {
2815
2946
  transition-timing-function: ease-out;
2816
2947
  }
2817
2948
  .ilo--footer .anchorlink:hover:after {
2818
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 25'%3e%3cpath fill='rgb(30, 45, 190)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e");
2949
+ 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='M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z'/%3e%3c/svg%3e");
2819
2950
  }
2820
2951
  @media screen and (min-width: 610px) {
2821
2952
  .ilo--footer--main {
@@ -2841,7 +2972,7 @@ body {
2841
2972
  grid-area: links;
2842
2973
  }
2843
2974
  .ilo--footer--logo {
2844
- width: 100%;
2975
+ width: 25%;
2845
2976
  }
2846
2977
  .ilo--footer--secondary {
2847
2978
  padding: 0.9646302251rem 0.857449089rem;
@@ -2952,7 +3083,7 @@ body {
2952
3083
 
2953
3084
  /**
2954
3085
  * Do not edit directly
2955
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
3086
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
2956
3087
  */
2957
3088
  /**
2958
3089
  * TOKENS:
@@ -3075,7 +3206,7 @@ body {
3075
3206
 
3076
3207
  /**
3077
3208
  * Do not edit directly
3078
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
3209
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
3079
3210
  */
3080
3211
  /**
3081
3212
  * TOKENS:
@@ -3408,7 +3539,7 @@ body {
3408
3539
 
3409
3540
  /**
3410
3541
  * Do not edit directly
3411
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
3542
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
3412
3543
  */
3413
3544
  /**
3414
3545
  * TOKENS:
@@ -3451,10 +3582,20 @@ body {
3451
3582
  bottom: -0.2143622722rem;
3452
3583
  }
3453
3584
  }
3585
+ .right-to-left .ilo--image .ilo--image--caption {
3586
+ border-left: none;
3587
+ border-right: 3px solid #b8c4cc;
3588
+ padding-left: 0;
3589
+ padding-right: 0.4287245445rem;
3590
+ }
3591
+ .right-to-left .ilo--image .ilo--credit {
3592
+ left: auto;
3593
+ right: 0;
3594
+ }
3454
3595
 
3455
3596
  /**
3456
3597
  * Do not edit directly
3457
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
3598
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
3458
3599
  */
3459
3600
  /**
3460
3601
  * TOKENS:
@@ -3472,7 +3613,7 @@ body {
3472
3613
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
3473
3614
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
3474
3615
  box-sizing: border-box;
3475
- font-family: Overpass;
3616
+ font-family: Noto Sans;
3476
3617
  font-weight: 500;
3477
3618
  font-size: 16px;
3478
3619
  letter-spacing: -0.02em;
@@ -3483,14 +3624,6 @@ body {
3483
3624
  padding: 0.857449089rem 0.6430868167rem 0.857449089rem 0.6430868167rem;
3484
3625
  width: 100%;
3485
3626
  }
3486
- .ilo--input:hover {
3487
- background-color: rgb(235, 245, 253);
3488
- border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
3489
- border-left: 0.1607717042rem solid rgb(30, 45, 190);
3490
- border-right: 0.1071811361rem solid rgb(184, 196, 204);
3491
- border-top: 0.1071811361rem solid rgb(184, 196, 204);
3492
- padding-left: 11px;
3493
- }
3494
3627
  .ilo--input:focus {
3495
3628
  background-color: rgb(235, 245, 253);
3496
3629
  border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
@@ -3507,7 +3640,7 @@ body {
3507
3640
  .ilo--input:invalid, .ilo--input.error, .error .ilo--input {
3508
3641
  background-color: rgb(255, 255, 255);
3509
3642
  border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
3510
- border-left: 0.1607717042rem solid rgb(250, 60, 75);
3643
+ border-left: 0.1607717042rem solid rgb(200, 48, 60);
3511
3644
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
3512
3645
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
3513
3646
  }
@@ -3604,7 +3737,7 @@ body {
3604
3737
 
3605
3738
  /**
3606
3739
  * Do not edit directly
3607
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
3740
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
3608
3741
  */
3609
3742
  /**
3610
3743
  * TOKENS:
@@ -3614,7 +3747,7 @@ body {
3614
3747
  */
3615
3748
  /**
3616
3749
  * Do not edit directly
3617
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
3750
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
3618
3751
  */
3619
3752
  /**
3620
3753
  * TOKENS:
@@ -3639,7 +3772,7 @@ body {
3639
3772
  }
3640
3773
  /**
3641
3774
  * Do not edit directly
3642
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
3775
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
3643
3776
  */
3644
3777
  /**
3645
3778
  * TOKENS:
@@ -3704,6 +3837,7 @@ body {
3704
3837
  line-height: 23.36px;
3705
3838
  padding-bottom: 0.8934549032rem;
3706
3839
  padding-top: 0.8934549032rem;
3840
+ padding-right: 1.7148981779rem;
3707
3841
  text-decoration: none;
3708
3842
  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");
3709
3843
  }
@@ -3789,7 +3923,7 @@ body {
3789
3923
 
3790
3924
  /**
3791
3925
  * Do not edit directly
3792
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
3926
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
3793
3927
  */
3794
3928
  /**
3795
3929
  * TOKENS:
@@ -3852,7 +3986,7 @@ body {
3852
3986
 
3853
3987
  /**
3854
3988
  * Do not edit directly
3855
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
3989
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
3856
3990
  */
3857
3991
  /**
3858
3992
  * TOKENS:
@@ -3862,7 +3996,7 @@ body {
3862
3996
  */
3863
3997
  /**
3864
3998
  * Do not edit directly
3865
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
3999
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
3866
4000
  */
3867
4001
  /**
3868
4002
  * TOKENS:
@@ -3872,7 +4006,7 @@ body {
3872
4006
  */
3873
4007
  /**
3874
4008
  * Do not edit directly
3875
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
4009
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
3876
4010
  */
3877
4011
  /**
3878
4012
  * TOKENS:
@@ -3980,7 +4114,7 @@ body {
3980
4114
 
3981
4115
  /**
3982
4116
  * Do not edit directly
3983
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
4117
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
3984
4118
  */
3985
4119
  /**
3986
4120
  * TOKENS:
@@ -3990,7 +4124,7 @@ body {
3990
4124
  */
3991
4125
  /**
3992
4126
  * Do not edit directly
3993
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
4127
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
3994
4128
  */
3995
4129
  /**
3996
4130
  * TOKENS:
@@ -4000,7 +4134,7 @@ body {
4000
4134
  */
4001
4135
  /**
4002
4136
  * Do not edit directly
4003
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
4137
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
4004
4138
  */
4005
4139
  /**
4006
4140
  * TOKENS:
@@ -4040,7 +4174,10 @@ body {
4040
4174
  }
4041
4175
  .ilo--modal.show.fadein .ilo--modal--wrapper > * {
4042
4176
  opacity: 1;
4043
- transition: opacity 1.5s ease-out 125ms;
4177
+ transition-delay: 125ms;
4178
+ transition-property: opacity;
4179
+ transition-duration: 150ms;
4180
+ transition-timing-function: ease-out;
4044
4181
  }
4045
4182
  .ilo--modal--background {
4046
4183
  background-color: rgba(0, 0, 0, 0.85);
@@ -4064,11 +4201,17 @@ body {
4064
4201
  z-index: 10003;
4065
4202
  }
4066
4203
  .ilo--modal .modal--close {
4204
+ height: 2.1436227224rem;
4067
4205
  right: 0;
4068
4206
  position: absolute;
4069
4207
  top: 0;
4208
+ width: 2.1436227224rem;
4070
4209
  z-index: 10004;
4071
4210
  }
4211
+ .ilo--modal .modal--close .ilo--icon {
4212
+ left: 0.1607717042rem;
4213
+ top: 0.1607717042rem;
4214
+ }
4072
4215
  @media screen and (min-width: 610px) {
4073
4216
  .ilo--modal--contents {
4074
4217
  margin: 0 23.2%;
@@ -4088,7 +4231,7 @@ body {
4088
4231
 
4089
4232
  /**
4090
4233
  * Do not edit directly
4091
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
4234
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
4092
4235
  */
4093
4236
  /**
4094
4237
  * TOKENS:
@@ -4097,7 +4240,7 @@ body {
4097
4240
  * MAPS:
4098
4241
  */
4099
4242
  .ilo--header {
4100
- overflow-x: hidden;
4243
+ overflow: hidden;
4101
4244
  position: relative;
4102
4245
  z-index: 4;
4103
4246
  }
@@ -4204,6 +4347,9 @@ body {
4204
4347
  .ilo--header--utility-bar--local {
4205
4348
  justify-content: space-between;
4206
4349
  }
4350
+ .right-to-left .ilo--header--utility-bar {
4351
+ flex-direction: row-reverse;
4352
+ }
4207
4353
  }
4208
4354
  .ilo--header--inner {
4209
4355
  margin: auto;
@@ -4211,6 +4357,9 @@ body {
4211
4357
  padding: 0 16px;
4212
4358
  width: 100%;
4213
4359
  }
4360
+ .right-to-left .ilo--header--inner {
4361
+ direction: rtl;
4362
+ }
4214
4363
  @media screen and (min-width: 1024px) {
4215
4364
  .ilo--header--inner {
4216
4365
  display: flex;
@@ -4248,6 +4397,9 @@ body {
4248
4397
  padding: 20px 0;
4249
4398
  text-align: right;
4250
4399
  }
4400
+ .right-to-left .ilo--header--logo-tagline {
4401
+ text-align: left;
4402
+ }
4251
4403
  @media screen and (min-width: 1024px) {
4252
4404
  .ilo--header--logo-tagline {
4253
4405
  display: block;
@@ -4257,6 +4409,7 @@ body {
4257
4409
  font-size: 11.9px;
4258
4410
  letter-spacing: -0.02em;
4259
4411
  line-height: 19.4px;
4412
+ color: rgb(190, 220, 250);
4260
4413
  display: block;
4261
4414
  font-weight: 500;
4262
4415
  }
@@ -4322,7 +4475,7 @@ body {
4322
4475
  padding: 21.5px 24px 20.5px;
4323
4476
  }
4324
4477
  .ilo--nav--link:hover, .ilo--nav--link:focus {
4325
- background: rgb(255, 255, 255);
4478
+ background: rgb(235, 245, 253);
4326
4479
  color: rgb(30, 45, 190);
4327
4480
  text-decoration: none;
4328
4481
  }
@@ -4334,7 +4487,7 @@ body {
4334
4487
  line-height: 21.6px;
4335
4488
  appearance: none;
4336
4489
  background-color: rgb(255, 255, 255);
4337
- background-position: 90% 55%;
4490
+ background-position: calc(100% - 16px) 55%;
4338
4491
  background-repeat: no-repeat;
4339
4492
  background-size: 16px;
4340
4493
  border: none;
@@ -4353,6 +4506,19 @@ body {
4353
4506
  background-color: rgb(235, 245, 253);
4354
4507
  color: rgb(30, 45, 190);
4355
4508
  }
4509
+ .right-to-left .ilo--nav--trigger {
4510
+ 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='m7.9 12.5-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3e%3c/svg%3e");
4511
+ background-color: rgb(255, 255, 255);
4512
+ background-position: 16px 55%;
4513
+ background-repeat: no-repeat;
4514
+ background-size: 16px;
4515
+ text-align: right;
4516
+ }
4517
+ .right-to-left .ilo--nav--trigger:focus, .right-to-left .ilo--nav--trigger:hover {
4518
+ 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='m7.9 12.5-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3e%3c/svg%3e");
4519
+ background-color: rgb(235, 245, 253);
4520
+ color: rgb(30, 45, 190);
4521
+ }
4356
4522
  @media screen and (min-width: 1024px) {
4357
4523
  .ilo--nav--trigger {
4358
4524
  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='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
@@ -4381,6 +4547,19 @@ body {
4381
4547
  border-color: rgb(255, 255, 255);
4382
4548
  color: rgb(30, 45, 190);
4383
4549
  }
4550
+ .right-to-left .ilo--nav--trigger {
4551
+ 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='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
4552
+ background-color: rgb(35, 0, 80);
4553
+ background-position: 90% 55%;
4554
+ background-repeat: no-repeat;
4555
+ background-size: 20px;
4556
+ text-align: left;
4557
+ }
4558
+ .right-to-left .ilo--nav--trigger:focus, .right-to-left .ilo--nav--trigger:hover {
4559
+ 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='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
4560
+ background-color: rgb(255, 255, 255);
4561
+ color: rgb(30, 45, 190);
4562
+ }
4384
4563
  }
4385
4564
  .ilo--nav--local {
4386
4565
  display: flex;
@@ -4415,11 +4594,60 @@ body {
4415
4594
  color: rgb(30, 45, 190);
4416
4595
  }
4417
4596
 
4597
+ .ilo--mobile--nav {
4598
+ border-bottom: 3px solid rgb(237, 240, 242);
4599
+ margin-bottom: 16px;
4600
+ padding-bottom: 16px;
4601
+ }
4418
4602
  .ilo--mobile--nav--logo {
4419
4603
  align-items: center;
4420
4604
  display: flex;
4421
4605
  justify-content: space-between;
4422
4606
  }
4607
+ .ilo--mobile--nav--language--select {
4608
+ background: rgb(255, 255, 255);
4609
+ left: 0;
4610
+ height: 100%;
4611
+ padding: 0 0 1.7148981779rem;
4612
+ position: absolute;
4613
+ top: 0;
4614
+ transform: translateX(100%);
4615
+ transition: transform 225ms ease-out;
4616
+ width: 100%;
4617
+ }
4618
+ .ilo--select--open .ilo--mobile--nav--language--select {
4619
+ transform: translateX(0);
4620
+ }
4621
+ .ilo--mobile--nav--language--switcher--button {
4622
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='rgb(35, 0, 80)' fill-rule='evenodd' d='M1.08687 7.46667H3.21031C3.2851 5.53749 3.76315 3.78006 4.51995 2.45566C4.65969 2.21111 4.81092 1.97841 4.97289 1.76064C2.81175 2.81109 1.27822 4.9513 1.08687 7.46667ZM8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0ZM7.46667 1.1413C6.74082 1.34466 6.03016 1.96273 5.44607 2.98488C4.79279 4.12812 4.35217 5.69751 4.27783 7.46667H7.46667V1.1413ZM7.46667 8.53333H4.27783C4.35217 10.3025 4.79279 11.8719 5.44607 13.0151C6.03016 14.0373 6.74082 14.6553 7.46667 14.8587V8.53333ZM4.97289 14.2394C4.81093 14.0216 4.65969 13.7889 4.51995 13.5443C3.76315 12.2199 3.2851 10.4625 3.21031 8.53333H1.08687C1.27822 11.0487 2.81176 13.1889 4.97289 14.2394ZM8.53333 14.8587V8.53333H11.7222C11.6478 10.3025 11.2072 11.8719 10.5539 13.0151C9.96984 14.0373 9.25918 14.6553 8.53333 14.8587ZM11.7222 7.46667H8.53333V1.1413C9.25918 1.34466 9.96984 1.96273 10.5539 2.98488C11.2072 4.12812 11.6478 5.69751 11.7222 7.46667ZM12.7897 7.46667C12.7149 5.53749 12.2369 3.78006 11.4801 2.45566C11.3403 2.21111 11.1891 1.97841 11.0271 1.76064C13.1883 2.81109 14.7218 4.95129 14.9131 7.46667H12.7897ZM12.7897 8.53333C12.7149 10.4625 12.2369 12.2199 11.4801 13.5443C11.3403 13.7889 11.1891 14.0216 11.0271 14.2394C13.1883 13.1889 14.7218 11.0487 14.9131 8.53333H12.7897Z' clip-rule='evenodd'/%3e%3c/svg%3e");
4623
+ font-size: 16px;
4624
+ letter-spacing: -0.02em;
4625
+ line-height: 21.6px;
4626
+ appearance: none;
4627
+ background-color: rgb(255, 255, 255);
4628
+ background-position: calc(100% - 16px) 55%;
4629
+ background-repeat: no-repeat;
4630
+ background-size: 16px;
4631
+ border: none;
4632
+ color: rgb(35, 0, 80);
4633
+ cursor: pointer;
4634
+ display: block;
4635
+ font-family: Overpass;
4636
+ font-weight: 500;
4637
+ padding: 16px 36px 16px 8px;
4638
+ text-align: left;
4639
+ transition: all 150ms ease-out;
4640
+ width: 100%;
4641
+ }
4642
+ .ilo--mobile--nav--language--switcher--button:focus, .ilo--mobile--nav--language--switcher--button:hover {
4643
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='rgb(30, 45, 190)' fill-rule='evenodd' d='M1.08687 7.46667H3.21031C3.2851 5.53749 3.76315 3.78006 4.51995 2.45566C4.65969 2.21111 4.81092 1.97841 4.97289 1.76064C2.81175 2.81109 1.27822 4.9513 1.08687 7.46667ZM8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0ZM7.46667 1.1413C6.74082 1.34466 6.03016 1.96273 5.44607 2.98488C4.79279 4.12812 4.35217 5.69751 4.27783 7.46667H7.46667V1.1413ZM7.46667 8.53333H4.27783C4.35217 10.3025 4.79279 11.8719 5.44607 13.0151C6.03016 14.0373 6.74082 14.6553 7.46667 14.8587V8.53333ZM4.97289 14.2394C4.81093 14.0216 4.65969 13.7889 4.51995 13.5443C3.76315 12.2199 3.2851 10.4625 3.21031 8.53333H1.08687C1.27822 11.0487 2.81176 13.1889 4.97289 14.2394ZM8.53333 14.8587V8.53333H11.7222C11.6478 10.3025 11.2072 11.8719 10.5539 13.0151C9.96984 14.0373 9.25918 14.6553 8.53333 14.8587ZM11.7222 7.46667H8.53333V1.1413C9.25918 1.34466 9.96984 1.96273 10.5539 2.98488C11.2072 4.12812 11.6478 5.69751 11.7222 7.46667ZM12.7897 7.46667C12.7149 5.53749 12.2369 3.78006 11.4801 2.45566C11.3403 2.21111 11.1891 1.97841 11.0271 1.76064C13.1883 2.81109 14.7218 4.95129 14.9131 7.46667H12.7897ZM12.7897 8.53333C12.7149 10.4625 12.2369 12.2199 11.4801 13.5443C11.3403 13.7889 11.1891 14.0216 11.0271 14.2394C13.1883 13.1889 14.7218 11.0487 14.9131 8.53333H12.7897Z' clip-rule='evenodd'/%3e%3c/svg%3e");
4644
+ background-color: rgb(235, 245, 253);
4645
+ color: rgb(30, 45, 190);
4646
+ }
4647
+ .right-to-left .ilo--mobile--nav--language--switcher--button {
4648
+ background-position: 16px 55%;
4649
+ text-align: right;
4650
+ }
4423
4651
  @media screen and (min-width: 1024px) {
4424
4652
  .ilo--mobile--nav {
4425
4653
  display: none;
@@ -4432,6 +4660,9 @@ body {
4432
4660
  padding: 0 max((100% - 1300px) / 2, 20px) 0 0;
4433
4661
  position: relative;
4434
4662
  }
4663
+ .right-to-left .ilo--language-switcher {
4664
+ padding: 0 0 0 max((100% - 1300px) / 2, 20px);
4665
+ }
4435
4666
  .ilo--language-switcher::before {
4436
4667
  background: rgb(35, 0, 80);
4437
4668
  clip-path: polygon(0 0, 100% 0, 100% 100%);
@@ -4443,6 +4674,11 @@ body {
4443
4674
  top: 0;
4444
4675
  width: 32px;
4445
4676
  }
4677
+ .right-to-left .ilo--language-switcher::before {
4678
+ clip-path: polygon(0 0, 0 100%, 100% 100%);
4679
+ left: auto;
4680
+ right: -32px;
4681
+ }
4446
4682
  .ilo--language-switcher--wrap {
4447
4683
  display: flex;
4448
4684
  position: relative;
@@ -4461,6 +4697,7 @@ body {
4461
4697
  color: rgb(255, 255, 255);
4462
4698
  cursor: pointer;
4463
4699
  display: block;
4700
+ font-family: Overpass;
4464
4701
  font-weight: 500;
4465
4702
  padding: 8px 30px 8px 40px;
4466
4703
  transition: all 150ms ease-out;
@@ -4485,6 +4722,8 @@ body {
4485
4722
 
4486
4723
  .ilo--subnav {
4487
4724
  background: rgb(255, 255, 255);
4725
+ height: 100%;
4726
+ left: 0;
4488
4727
  padding: 0 0 32px;
4489
4728
  position: absolute;
4490
4729
  top: 0;
@@ -4495,8 +4734,13 @@ body {
4495
4734
  .ilo--subnav--open .ilo--subnav {
4496
4735
  transform: translateX(0);
4497
4736
  }
4737
+ .right-to-left .ilo--subnav {
4738
+ direction: rtl;
4739
+ }
4498
4740
  @media screen and (min-width: 1024px) {
4499
4741
  .ilo--subnav {
4742
+ 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));
4743
+ height: auto;
4500
4744
  left: 0;
4501
4745
  padding: 32px 0;
4502
4746
  top: auto;
@@ -4570,12 +4814,14 @@ body {
4570
4814
  border: none;
4571
4815
  color: rgb(35, 0, 80);
4572
4816
  cursor: pointer;
4817
+ font-family: Overpass;
4818
+ font-weight: 500;
4573
4819
  padding: 16px 16px 16px 32px;
4574
4820
  position: relative;
4575
4821
  transition: all 150ms ease-out;
4576
4822
  }
4577
4823
  .ilo--mobile--subnav--back::before {
4578
- 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");
4824
+ 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='m7.9 12.5-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3e%3c/svg%3e");
4579
4825
  background-position: 10% center;
4580
4826
  background-repeat: no-repeat;
4581
4827
  background-size: 24px;
@@ -4585,14 +4831,31 @@ body {
4585
4831
  left: 0;
4586
4832
  position: absolute;
4587
4833
  top: 50%;
4588
- transform: translateY(-50%) rotate(180deg);
4834
+ transform: translateY(-50%);
4589
4835
  width: 24px;
4590
4836
  }
4837
+ .right-to-left .ilo--mobile--subnav--back {
4838
+ padding: 16px 32px 16px 16px;
4839
+ }
4840
+ .right-to-left .ilo--mobile--subnav--back::before {
4841
+ 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");
4842
+ background-position: 10% center;
4843
+ background-repeat: no-repeat;
4844
+ background-size: 24px;
4845
+ left: auto;
4846
+ right: 0;
4847
+ }
4591
4848
  .ilo--mobile--subnav--back:hover, .ilo--mobile--subnav--back:focus {
4592
4849
  background-color: rgb(235, 245, 253);
4593
4850
  color: rgb(30, 45, 190);
4594
4851
  }
4595
4852
  .ilo--mobile--subnav--back:hover::before, .ilo--mobile--subnav--back:focus::before {
4853
+ 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='m7.9 12.5-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3e%3c/svg%3e");
4854
+ background-position: 10% center;
4855
+ background-repeat: no-repeat;
4856
+ background-size: 24px;
4857
+ }
4858
+ .right-to-left .ilo--mobile--subnav--back:hover::before, .right-to-left .ilo--mobile--subnav--back:focus::before {
4596
4859
  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");
4597
4860
  background-position: 10% center;
4598
4861
  background-repeat: no-repeat;
@@ -4618,6 +4881,7 @@ body {
4618
4881
 
4619
4882
  .ilo--search-box {
4620
4883
  background: rgb(255, 255, 255);
4884
+ left: 0;
4621
4885
  position: absolute;
4622
4886
  top: 0;
4623
4887
  transform: translateX(100%);
@@ -4629,6 +4893,7 @@ body {
4629
4893
  }
4630
4894
  @media screen and (min-width: 1024px) {
4631
4895
  .ilo--search-box {
4896
+ 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));
4632
4897
  left: 0;
4633
4898
  padding: 32px 0;
4634
4899
  top: auto;
@@ -4674,20 +4939,20 @@ body {
4674
4939
  background-color: rgb(235, 245, 253);
4675
4940
  }
4676
4941
  .ilo--search--open .ilo--search--button {
4677
- 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='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
4942
+ 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");
4678
4943
  background-color: rgb(255, 255, 255);
4679
4944
  background-position: center;
4680
4945
  background-repeat: no-repeat;
4681
4946
  background-size: 21.5px 21.5px;
4682
4947
  }
4683
4948
  .ilo--search--open .ilo--search--button:hover, .ilo--search--open .ilo--search--button:focus {
4684
- 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='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
4949
+ 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");
4685
4950
  background-color: rgb(235, 245, 253);
4686
4951
  }
4687
4952
 
4688
4953
  /**
4689
4954
  * Do not edit directly
4690
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
4955
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
4691
4956
  */
4692
4957
  /**
4693
4958
  * TOKENS:
@@ -4697,7 +4962,7 @@ body {
4697
4962
  */
4698
4963
  /**
4699
4964
  * Do not edit directly
4700
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
4965
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
4701
4966
  */
4702
4967
  /**
4703
4968
  * TOKENS:
@@ -4707,7 +4972,7 @@ body {
4707
4972
  */
4708
4973
  /**
4709
4974
  * Do not edit directly
4710
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
4975
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
4711
4976
  */
4712
4977
  /**
4713
4978
  * TOKENS:
@@ -4795,7 +5060,7 @@ body {
4795
5060
  }
4796
5061
  .icon--info .ilo--notification--content:before {
4797
5062
  background-color: rgb(30, 45, 190);
4798
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='rgb(255, 255, 255)' d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm1 12H7V7h2v5ZM8 6a.94.94 0 0 1-1-1 .94.94 0 0 1 1-1 .94.94 0 0 1 1 1 .94.94 0 0 1-1 1Z'/%3e%3c/svg%3e");
5063
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='rgb(255, 255, 255)' d='M8 0C6.4 0 4.9.5 3.6 1.3c-1.4.9-2.4 2.2-3 3.6C0 6.4-.2 8 .2 9.6c.3 1.6 1.1 3 2.2 4.1 1.1 1.1 2.5 1.9 4.1 2.2s3.2.2 4.6-.5c1.5-.6 2.7-1.6 3.6-2.9.8-1.4 1.3-2.9 1.3-4.5 0-2.1-.8-4.2-2.3-5.7C12.2.8 10.1 0 8 0zm0 14c-1.2 0-2.3-.4-3.3-1-1-.7-1.8-1.6-2.2-2.7C2 9.2 1.9 8 2.1 6.8c.2-1.2.8-2.2 1.6-3.1.8-.8 1.9-1.4 3.1-1.6 1.2-.2 2.4-.1 3.5.4s2 1.2 2.7 2.2c.7 1 1 2.1 1 3.3 0 1.6-.6 3.1-1.8 4.2C11.1 13.4 9.6 14 8 14z'/%3e%3cpath fill='rgb(255, 255, 255)' d='M9 7H7v5h2V7zM8 6c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1z'/%3e%3c/svg%3e");
4799
5064
  }
4800
5065
  .icon--success .ilo--notification--content:before {
4801
5066
  background-color: rgb(140, 225, 100);
@@ -4899,7 +5164,7 @@ body {
4899
5164
 
4900
5165
  /**
4901
5166
  * Do not edit directly
4902
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
5167
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
4903
5168
  */
4904
5169
  /**
4905
5170
  * TOKENS:
@@ -5034,7 +5299,7 @@ body {
5034
5299
 
5035
5300
  /**
5036
5301
  * Do not edit directly
5037
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
5302
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
5038
5303
  */
5039
5304
  /**
5040
5305
  * TOKENS:
@@ -5074,35 +5339,46 @@ body {
5074
5339
  font-family: Overpass;
5075
5340
  font-weight: 700;
5076
5341
  margin-left: 11px;
5077
- font-size: 14.93px;
5342
+ font-size: 16px;
5078
5343
  letter-spacing: normal;
5079
- line-height: 20.3px;
5344
+ line-height: 23.36px;
5080
5345
  }
5081
5346
  .ilo--profile--role {
5082
5347
  display: block;
5083
5348
  font-family: Noto Sans;
5084
5349
  margin-left: 11px;
5350
+ font-size: 14.93px;
5351
+ letter-spacing: normal;
5352
+ line-height: 20.3px;
5085
5353
  }
5086
5354
  .ilo--profile--description {
5087
5355
  clear: both;
5088
5356
  font-family: Noto Sans;
5089
5357
  padding-top: 22px;
5358
+ font-size: 14.93px;
5359
+ letter-spacing: normal;
5360
+ line-height: 20.3px;
5090
5361
  }
5091
5362
  .ilo--profile--link {
5363
+ align-items: center;
5092
5364
  clear: both;
5093
5365
  color: rgb(35, 0, 80);
5094
- display: block;
5366
+ display: inline-flex;
5095
5367
  font-family: Overpass;
5096
5368
  font-weight: 500;
5369
+ height: 3.0010718114rem;
5097
5370
  text-decoration: none;
5098
- font-size: 14.93px;
5371
+ font-size: 16px;
5099
5372
  letter-spacing: normal;
5100
- line-height: 20.3px;
5373
+ line-height: 23.36px;
5101
5374
  }
5102
5375
  .ilo--profile--link span {
5376
+ align-items: center;
5103
5377
  background-position: calc(100% - 10px) center;
5104
5378
  background-repeat: no-repeat;
5105
5379
  background-size: 24px 24px;
5380
+ display: inline-flex;
5381
+ height: 24px;
5106
5382
  padding-right: 32px;
5107
5383
  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");
5108
5384
  }
@@ -5121,6 +5397,7 @@ body {
5121
5397
  background-color: rgb(255, 205, 45);
5122
5398
  }
5123
5399
  .ilo--profile--link:hover, .ilo--profile--link:focus {
5400
+ background-color: rgb(235, 245, 253);
5124
5401
  color: rgb(30, 45, 190);
5125
5402
  outline: none;
5126
5403
  }
@@ -5128,42 +5405,18 @@ body {
5128
5405
  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");
5129
5406
  }
5130
5407
  .ilo--profile .ilo--profile--description + .ilo--profile--link {
5131
- margin-top: 28px;
5408
+ margin-top: 0.4287245445rem;
5132
5409
  }
5133
5410
  .ilo--profile .ilo--profile--role + .ilo--profile--link {
5134
- margin-top: 22px;
5411
+ margin-top: 0.1071811361rem;
5135
5412
  }
5136
5413
  .ilo--profile .ilo--profile--name + .ilo--profile--link {
5137
- margin-top: 38px;
5138
- }
5139
- @media screen and (min-width: 610px) {
5140
- .ilo--profile--name {
5141
- font-size: 16px;
5142
- letter-spacing: normal;
5143
- line-height: 23.36px;
5144
- }
5145
- .ilo--profile--role {
5146
- font-family: Noto Sans;
5147
- font-size: 14.93px;
5148
- letter-spacing: normal;
5149
- line-height: 20.3px;
5150
- }
5151
- .ilo--profile--description {
5152
- font-family: Noto Sans;
5153
- font-size: 14.93px;
5154
- letter-spacing: normal;
5155
- line-height: 20.3px;
5156
- }
5157
- .ilo--profile--link {
5158
- font-size: 16px;
5159
- letter-spacing: normal;
5160
- line-height: 23.36px;
5161
- }
5414
+ margin-top: 0.9646302251rem;
5162
5415
  }
5163
5416
 
5164
5417
  /**
5165
5418
  * Do not edit directly
5166
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
5419
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
5167
5420
  */
5168
5421
  /**
5169
5422
  * TOKENS:
@@ -5213,15 +5466,6 @@ body {
5213
5466
  .ilo--radio:checked:after {
5214
5467
  background-color: rgb(35, 0, 80);
5215
5468
  }
5216
- .ilo--radio:hover {
5217
- cursor: pointer;
5218
- }
5219
- .ilo--radio:hover:after {
5220
- background-color: rgb(255, 205, 45);
5221
- }
5222
- .ilo--radio:hover:checked:before {
5223
- border-color: rgb(35, 0, 80);
5224
- }
5225
5469
  .ilo--radio:focus {
5226
5470
  outline: none;
5227
5471
  }
@@ -5264,7 +5508,7 @@ body {
5264
5508
 
5265
5509
  /**
5266
5510
  * Do not edit directly
5267
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
5511
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
5268
5512
  */
5269
5513
  /**
5270
5514
  * TOKENS:
@@ -5301,7 +5545,7 @@ body {
5301
5545
  transform: translateY(-50%);
5302
5546
  transform-origin: center center;
5303
5547
  width: 1.2861736334rem;
5304
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 25'%3e%3cpath fill='rgb(35, 0, 80)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e");
5548
+ 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='M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z'/%3e%3c/svg%3e");
5305
5549
  }
5306
5550
  .ilo--read-more--button:hover {
5307
5551
  background: rgb(235, 245, 253);
@@ -5314,7 +5558,7 @@ body {
5314
5558
  transition: background 150ms linear, border 150ms linear, color 150ms linear;
5315
5559
  }
5316
5560
  .ilo--read-more--button:hover:after {
5317
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 25'%3e%3cpath fill='rgb(30, 45, 190)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e");
5561
+ 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='M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z'/%3e%3c/svg%3e");
5318
5562
  }
5319
5563
  .ilo--read-more--button--open:after {
5320
5564
  transform: translateY(-50%) rotateX(180deg);
@@ -5323,7 +5567,7 @@ body {
5323
5567
 
5324
5568
  /**
5325
5569
  * Do not edit directly
5326
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
5570
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
5327
5571
  */
5328
5572
  /**
5329
5573
  * TOKENS:
@@ -5689,10 +5933,55 @@ body {
5689
5933
  width: 3.4297963558rem;
5690
5934
  }
5691
5935
  }
5936
+ .right-to-left .ilo--richtext {
5937
+ direction: rtl;
5938
+ }
5939
+ .right-to-left .ilo--richtext figcaption {
5940
+ border-left: none;
5941
+ border-right: 3px solid #b8c4cc;
5942
+ padding-left: 0;
5943
+ padding-right: 0.4287245445rem;
5944
+ }
5945
+ .right-to-left .ilo--richtext ul li,
5946
+ .right-to-left .ilo--richtext ol li {
5947
+ margin-left: 0;
5948
+ margin-right: 0.6430868167rem;
5949
+ padding-left: 0;
5950
+ padding-right: 0.6430868167rem;
5951
+ }
5952
+ .right-to-left .ilo--richtext ul li::before,
5953
+ .right-to-left .ilo--richtext ol li::before {
5954
+ left: auto;
5955
+ right: -0.6430868167rem;
5956
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 12.4'%3e%3cpath d='M10.8%2c12.4v-12L0%2c6.4L10.8%2c12.4z'/%3e%3c/svg%3e");
5957
+ }
5958
+ .right-to-left .ilo--richtext blockquote {
5959
+ background-position: -1px -1px;
5960
+ padding: 2.8938906752rem 1.7148981779rem 1.822079314rem 0;
5961
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 73 40'%3e%3cpath fill='rgb(255, 255, 255)' d='M0.7%2c0v40L73%2c0L0.7%2c0z'/%3e%3c/svg%3e");
5962
+ }
5963
+ .right-to-left .ilo--richtext blockquote p {
5964
+ padding: 0 0 0 2.5723472669rem;
5965
+ }
5966
+ .right-to-left .ilo--richtext blockquote p:after {
5967
+ left: 0;
5968
+ right: auto;
5969
+ transform: scaleX(1);
5970
+ }
5971
+ .right-to-left .ilo--richtext blockquote:before {
5972
+ left: auto;
5973
+ right: 0;
5974
+ transform: scaleX(-1);
5975
+ }
5976
+ @media screen and (min-width: 610px) {
5977
+ .right-to-left .ilo--richtext blockquote {
5978
+ padding: 3.3226152197rem 2.5723472669rem 2.5723472669rem 0;
5979
+ }
5980
+ }
5692
5981
 
5693
5982
  /**
5694
5983
  * Do not edit directly
5695
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
5984
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
5696
5985
  */
5697
5986
  /**
5698
5987
  * TOKENS:
@@ -5713,11 +6002,11 @@ body {
5713
6002
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
5714
6003
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
5715
6004
  height: 48px;
5716
- width: 48px;
6005
+ width: 46px;
5717
6006
  text-indent: -9999px;
5718
6007
  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.7068 15.257C17.6255 14.0506 18.1179 12.5734 18.1068 11.057C18.1201 10.1294 17.9488 9.20838 17.603 8.34753C17.2571 7.48667 16.7436 6.70315 16.0923 6.04251C15.4409 5.38187 14.6648 4.8573 13.8089 4.49928C12.9531 4.14126 12.0346 3.95694 11.1068 3.95703C9.2238 3.95703 7.41789 4.70506 6.08638 6.03657C4.75487 7.36808 4.00684 9.17399 4.00684 11.057C4.00684 12.9401 4.75487 14.746 6.08638 16.0775C7.41789 17.409 9.2238 18.157 11.1068 18.157C12.6258 18.1846 14.1082 17.6904 15.3068 16.757L18.3068 19.757C18.4938 19.9403 18.7451 20.0429 19.0068 20.0429C19.2686 20.0429 19.5199 19.9403 19.7068 19.757C19.8901 19.5701 19.9927 19.3188 19.9927 19.057C19.9927 18.7953 19.8901 18.544 19.7068 18.357L16.7068 15.257ZM11.1068 16.057C10.4419 16.0703 9.78091 15.9508 9.16269 15.7055C8.54448 15.4602 7.98142 15.094 7.50648 14.6284C7.03154 14.1628 6.65428 13.6071 6.39677 12.9938C6.13927 12.3806 6.0067 11.7221 6.00684 11.057C6.00684 9.70443 6.54416 8.40722 7.50059 7.45079C8.45703 6.49435 9.75423 5.95703 11.1068 5.95703C12.4594 5.95703 13.7566 6.49435 14.7131 7.45079C15.6695 8.40722 16.2068 9.70443 16.2068 11.057C16.207 11.7221 16.0744 12.3806 15.8169 12.9938C15.5594 13.6071 15.1821 14.1628 14.7072 14.6284C14.2323 15.094 13.6692 15.4602 13.051 15.7055C12.4328 15.9508 11.7718 16.0703 11.1068 16.057Z'/%3e%3c/svg%3e");
5719
6008
  }
5720
- .ilo--searchfield--button:hover {
6009
+ .ilo--searchfield--button:focus {
5721
6010
  background-color: rgb(235, 245, 253);
5722
6011
  cursor: pointer;
5723
6012
  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.7068 15.257C17.6255 14.0506 18.1179 12.5734 18.1068 11.057C18.1201 10.1294 17.9488 9.20838 17.603 8.34753C17.2571 7.48667 16.7436 6.70315 16.0923 6.04251C15.4409 5.38187 14.6648 4.8573 13.8089 4.49928C12.9531 4.14126 12.0346 3.95694 11.1068 3.95703C9.2238 3.95703 7.41789 4.70506 6.08638 6.03657C4.75487 7.36808 4.00684 9.17399 4.00684 11.057C4.00684 12.9401 4.75487 14.746 6.08638 16.0775C7.41789 17.409 9.2238 18.157 11.1068 18.157C12.6258 18.1846 14.1082 17.6904 15.3068 16.757L18.3068 19.757C18.4938 19.9403 18.7451 20.0429 19.0068 20.0429C19.2686 20.0429 19.5199 19.9403 19.7068 19.757C19.8901 19.5701 19.9927 19.3188 19.9927 19.057C19.9927 18.7953 19.8901 18.544 19.7068 18.357L16.7068 15.257ZM11.1068 16.057C10.4419 16.0703 9.78091 15.9508 9.16269 15.7055C8.54448 15.4602 7.98142 15.094 7.50648 14.6284C7.03154 14.1628 6.65428 13.6071 6.39677 12.9938C6.13927 12.3806 6.0067 11.7221 6.00684 11.057C6.00684 9.70443 6.54416 8.40722 7.50059 7.45079C8.45703 6.49435 9.75423 5.95703 11.1068 5.95703C12.4594 5.95703 13.7566 6.49435 14.7131 7.45079C15.6695 8.40722 16.2068 9.70443 16.2068 11.057C16.207 11.7221 16.0744 12.3806 15.8169 12.9938C15.5594 13.6071 15.1821 14.1628 14.7072 14.6284C14.2323 15.094 13.6692 15.4602 13.051 15.7055C12.4328 15.9508 11.7718 16.0703 11.1068 16.057Z'/%3e%3c/svg%3e");
@@ -5736,7 +6025,7 @@ body {
5736
6025
 
5737
6026
  /**
5738
6027
  * Do not edit directly
5739
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
6028
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
5740
6029
  */
5741
6030
  /**
5742
6031
  * TOKENS:
@@ -5744,27 +6033,10 @@ body {
5744
6033
  /**
5745
6034
  * MAPS:
5746
6035
  */
5747
- /*
5748
- Note that the styles for this component rely on CSS container queries, which currently require a polyfill. Your site template should load the polyfill in the <head> using the method described here: https://github.com/GoogleChromeLabs/container-query-polyfil
5749
- */
5750
6036
  .ilo--tabs {
5751
- /* [aria-expanded="true"] {
5752
- display: none;
5753
- }
5754
-
5755
- [aria-expanded="false"] {
5756
-
5757
- }
5758
-
5759
- [aria-expanded="false"] {
5760
- display: none;
5761
- }
5762
-
5763
- @container (min-width: 700px) {
5764
- [aria-expanded="true"] {
5765
- display: block;
5766
- }
5767
- } */
6037
+ border-bottom: 0.2143622722rem solid rgb(237, 240, 242);
6038
+ border-left: 0.2143622722rem solid rgb(237, 240, 242);
6039
+ border-right: 0.2143622722rem solid rgb(237, 240, 242);
5768
6040
  }
5769
6041
  .ilo--tabs:not(.tabs--js) .ilo--tabs--selection {
5770
6042
  margin-bottom: 1.2861736334rem;
@@ -5790,14 +6062,14 @@ Note that the styles for this component rely on CSS container queries, which cur
5790
6062
  text-decoration: none;
5791
6063
  }
5792
6064
  .ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:active {
5793
- background: rgb(255, 205, 45);
5794
- border-bottom: 3px solid rgb(35, 0, 80);
6065
+ background: rgba(0, 0, 0, 0);
6066
+ border-bottom: 1.5px solid rgb(30, 45, 190);
5795
6067
  color: rgb(35, 0, 80);
5796
6068
  outline: none;
5797
6069
  }
5798
6070
  .ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:focus {
5799
- background: rgb(255, 205, 45);
5800
- border-bottom: 4px solid rgb(35, 0, 80);
6071
+ background: rgba(0, 0, 0, 0);
6072
+ border-bottom: 1.5px solid rgb(30, 45, 190);
5801
6073
  color: rgb(35, 0, 80);
5802
6074
  outline: none;
5803
6075
  }
@@ -5835,13 +6107,13 @@ Note that the styles for this component rely on CSS container queries, which cur
5835
6107
  .ilo--tabs.tabs--js .ilo--tabs--selection--button.icon .ilo--tabs--selection--label {
5836
6108
  order: 2;
5837
6109
  }
5838
- .ilo--tabs.tabs--js .ilo--tabs--selection--button:hover, .ilo--tabs.tabs--js .ilo--tabs--selection--button:focus, .ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover, .ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:focus {
6110
+ .ilo--tabs.tabs--js .ilo--tabs--selection--button:hover, .ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover {
5839
6111
  background-color: rgb(235, 245, 253);
5840
6112
  color: rgb(30, 45, 190);
5841
6113
  outline: none;
5842
6114
  }
5843
- .ilo--tabs.tabs--js .ilo--tabs--selection--button:hover.has--tooltip .ilo--tooltip--wrapper, .ilo--tabs.tabs--js .ilo--tabs--selection--button:focus.has--tooltip .ilo--tooltip--wrapper, .ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover.has--tooltip .ilo--tooltip--wrapper, .ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:focus.has--tooltip .ilo--tooltip--wrapper {
5844
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='rgb(30, 45, 190)' d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm1 12H7V7h2v5ZM8 6a.94.94 0 0 1-1-1 .94.94 0 0 1 1-1 .94.94 0 0 1 1 1 .94.94 0 0 1-1 1Z'/%3e%3c/svg%3e");
6115
+ .ilo--tabs.tabs--js .ilo--tabs--selection--button:hover.has--tooltip .ilo--tooltip--wrapper, .ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover.has--tooltip .ilo--tooltip--wrapper {
6116
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='rgb(30, 45, 190)' d='M8 0C6.4 0 4.9.5 3.6 1.3c-1.4.9-2.4 2.2-3 3.6C0 6.4-.2 8 .2 9.6c.3 1.6 1.1 3 2.2 4.1 1.1 1.1 2.5 1.9 4.1 2.2s3.2.2 4.6-.5c1.5-.6 2.7-1.6 3.6-2.9.8-1.4 1.3-2.9 1.3-4.5 0-2.1-.8-4.2-2.3-5.7C12.2.8 10.1 0 8 0zm0 14c-1.2 0-2.3-.4-3.3-1-1-.7-1.8-1.6-2.2-2.7C2 9.2 1.9 8 2.1 6.8c.2-1.2.8-2.2 1.6-3.1.8-.8 1.9-1.4 3.1-1.6 1.2-.2 2.4-.1 3.5.4s2 1.2 2.7 2.2c.7 1 1 2.1 1 3.3 0 1.6-.6 3.1-1.8 4.2C11.1 13.4 9.6 14 8 14z'/%3e%3cpath fill='rgb(30, 45, 190)' d='M9 7H7v5h2V7zM8 6c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1z'/%3e%3c/svg%3e");
5845
6117
  }
5846
6118
  .ilo--tabs.tabs--js .ilo--tabs--selection--label {
5847
6119
  max-width: 50ch;
@@ -5889,10 +6161,13 @@ Note that the styles for this component rely on CSS container queries, which cur
5889
6161
  width: min(var(--tabscount) / 1 * 100%, 100%);
5890
6162
  }
5891
6163
  }
6164
+ .right-to-left .ilo--tabs {
6165
+ direction: rtl;
6166
+ }
5892
6167
 
5893
6168
  /**
5894
6169
  * Do not edit directly
5895
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
6170
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
5896
6171
  */
5897
6172
  /**
5898
6173
  * TOKENS:
@@ -5907,7 +6182,7 @@ Note that the styles for this component rely on CSS container queries, which cur
5907
6182
  }
5908
6183
  .ilo--table--header {
5909
6184
  background-color: rgb(255, 255, 255);
5910
- padding: 19px 8px 24px 8px;
6185
+ padding: 19px 8px 18px 8px;
5911
6186
  }
5912
6187
  .ilo--table--wrapper {
5913
6188
  max-height: 380px;
@@ -5920,31 +6195,31 @@ Note that the styles for this component rely on CSS container queries, which cur
5920
6195
  }
5921
6196
  .ilo--table--head {
5922
6197
  background-color: rgb(255, 255, 255);
5923
- border-top: 0.1071811361rem solid rgb(237, 240, 242);
5924
- border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
5925
6198
  box-shadow: 0px 0.8px 1.6px rgba(30, 45, 190, 0.038), 0px 4px 8px rgba(30, 45, 190, 0.054), 0px 10px 20px rgba(30, 45, 190, 0.08), 0px -4px 16px rgba(30, 45, 190, 0.054);
5926
6199
  left: 0;
5927
6200
  height: auto;
5928
6201
  position: sticky;
5929
- top: 0;
6202
+ top: -1px;
5930
6203
  width: 100%;
5931
6204
  z-index: 2;
5932
6205
  }
5933
6206
  .ilo--table--head--cell {
5934
6207
  background-color: rgb(255, 255, 255);
5935
6208
  border-left: 0.0535905681rem solid rgb(237, 240, 242);
6209
+ border-top: 0.1071811361rem solid rgb(237, 240, 242);
6210
+ border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
5936
6211
  font-family: Overpass;
5937
6212
  font-weight: 700;
5938
6213
  font-size: 14.93px;
5939
6214
  letter-spacing: normal;
5940
6215
  line-height: 20.3px;
5941
6216
  letter-spacing: -0.02em;
5942
- padding: 22px 11px 22px 11px;
6217
+ padding: 18px 36px 18px 6px;
5943
6218
  pointer-events: none;
5944
6219
  text-align: left;
5945
6220
  }
5946
6221
  .ilo--table--small .ilo--table--head--cell {
5947
- padding: 13px 11px 13px 11px;
6222
+ padding: 10px 36px 10px 7px;
5948
6223
  }
5949
6224
  .ilo--table--head--cell:first-of-type {
5950
6225
  border-left: none;
@@ -5955,7 +6230,7 @@ Note that the styles for this component rely on CSS container queries, which cur
5955
6230
  }
5956
6231
  .ilo--table--head--cell.sortable:after {
5957
6232
  background-color: rgb(237, 240, 242);
5958
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 25'%3e%3cpath fill='rgb(35, 0, 80)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e");
6233
+ 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='M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z'/%3e%3c/svg%3e");
5959
6234
  background-position: center center;
5960
6235
  background-repeat: no-repeat;
5961
6236
  background-size: 75%;
@@ -5969,9 +6244,15 @@ Note that the styles for this component rely on CSS container queries, which cur
5969
6244
  transform: translateY(-50%);
5970
6245
  }
5971
6246
  .ilo--table--head--cell.sortable:hover {
5972
- background-color: rgb(190, 220, 250);
6247
+ background-color: rgb(235, 245, 253);
6248
+ border-bottom: 0.1071811361rem solid rgb(30, 45, 190);
6249
+ color: rgb(30, 45, 190);
5973
6250
  cursor: pointer;
5974
6251
  }
6252
+ .ilo--table--head--cell.sortable:hover:after {
6253
+ background-color: rgb(235, 245, 253);
6254
+ 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='M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z'/%3e%3c/svg%3e");
6255
+ }
5975
6256
  .ilo--table--head--cell.sortable[aria-sort=descending]:after {
5976
6257
  transform-origin: center center;
5977
6258
  transform: translateY(-50%) rotate(180deg);
@@ -6106,6 +6387,8 @@ Note that the styles for this component rely on CSS container queries, which cur
6106
6387
  outline: none;
6107
6388
  }
6108
6389
  .ilo--table--headline {
6390
+ align-items: center;
6391
+ display: flex;
6109
6392
  font-family: Overpass;
6110
6393
  font-weight: 700;
6111
6394
  margin-bottom: 0.3751339764rem;
@@ -6113,6 +6396,9 @@ Note that the styles for this component rely on CSS container queries, which cur
6113
6396
  letter-spacing: -0.035em;
6114
6397
  line-height: 24.26px;
6115
6398
  }
6399
+ .ilo--table--headline .ilo--tooltip--wrapper {
6400
+ margin-left: 0.3215434084rem;
6401
+ }
6116
6402
  .ilo--table--description {
6117
6403
  color: rgb(109, 109, 109);
6118
6404
  font-family: Noto Sans;
@@ -6231,7 +6517,7 @@ Note that the styles for this component rely on CSS container queries, which cur
6231
6517
 
6232
6518
  /**
6233
6519
  * Do not edit directly
6234
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
6520
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
6235
6521
  */
6236
6522
  /**
6237
6523
  * TOKENS:
@@ -6241,9 +6527,104 @@ Note that the styles for this component rely on CSS container queries, which cur
6241
6527
  */
6242
6528
  .ilo--table-of-contents {
6243
6529
  background-color: rgb(237, 240, 242);
6530
+ display: none;
6244
6531
  min-width: 343px;
6245
6532
  padding: 0;
6246
6533
  }
6534
+ .ilo--table-of-contents > * {
6535
+ opacity: 0;
6536
+ }
6537
+ .ilo--table-of-contents.show {
6538
+ display: block;
6539
+ }
6540
+ .ilo--table-of-contents.show.fadein > * {
6541
+ opacity: 1;
6542
+ transition-delay: 125ms;
6543
+ transition-property: opacity;
6544
+ transition-duration: 150ms;
6545
+ transition-timing-function: ease-out;
6546
+ }
6547
+ .ilo--table-of-contents--headline {
6548
+ margin-bottom: 1.2861736334rem;
6549
+ margin-top: 0.4823151125rem;
6550
+ font-size: 18.66px;
6551
+ letter-spacing: normal;
6552
+ line-height: 27.24px;
6553
+ font-family: Overpass;
6554
+ font-weight: 700;
6555
+ }
6556
+ .ilo--table-of-contents--wrapper.show {
6557
+ display: block;
6558
+ height: 100vh;
6559
+ left: 0;
6560
+ padding: 1.3933547696rem;
6561
+ position: fixed;
6562
+ top: 0;
6563
+ width: 100vw;
6564
+ z-index: 10001;
6565
+ }
6566
+ @media screen and (min-width: 1024px) {
6567
+ .ilo--table-of-contents--wrapper.show {
6568
+ padding: 0;
6569
+ }
6570
+ }
6571
+ .ilo--table-of-contents--trigger {
6572
+ align-items: center;
6573
+ display: flex;
6574
+ justify-content: center;
6575
+ margin: 1.2861736334rem auto;
6576
+ }
6577
+ .ilo--table-of-contents--trigger.hide {
6578
+ display: none;
6579
+ }
6580
+ @media screen and (min-width: 1024px) {
6581
+ .ilo--table-of-contents {
6582
+ display: block;
6583
+ }
6584
+ .ilo--table-of-contents > * {
6585
+ opacity: 1;
6586
+ }
6587
+ .ilo--table-of-contents--trigger {
6588
+ display: none;
6589
+ }
6590
+ }
6591
+ .ilo--table-of-contents--modal {
6592
+ display: none;
6593
+ position: relative;
6594
+ }
6595
+ .ilo--table-of-contents--modal > * {
6596
+ opacity: 0;
6597
+ }
6598
+ .ilo--table-of-contents--modal.show {
6599
+ display: block;
6600
+ }
6601
+ .ilo--table-of-contents--modal.show.fadein > * {
6602
+ opacity: 1;
6603
+ transition-delay: 125ms;
6604
+ transition-property: opacity;
6605
+ transition-duration: 150ms;
6606
+ transition-timing-function: ease-out;
6607
+ }
6608
+ @media screen and (min-width: 1024px) {
6609
+ .ilo--table-of-contents--modal {
6610
+ display: none;
6611
+ }
6612
+ .ilo--table-of-contents--modal.show {
6613
+ display: none;
6614
+ }
6615
+ }
6616
+ .ilo--table-of-contents--modal .toc--modal--close {
6617
+ bottom: 0;
6618
+ height: 2.1436227224rem;
6619
+ right: 0;
6620
+ position: absolute;
6621
+ width: 2.1436227224rem;
6622
+ z-index: 10004;
6623
+ }
6624
+ .ilo--table-of-contents--modal .toc--modal--close .ilo--icon {
6625
+ left: 0.1607717042rem;
6626
+ top: 0.1607717042rem;
6627
+ }
6247
6628
  .ilo--table-of-contents--list, .ilo--table-of-contents--list--item {
6248
6629
  width: 100%;
6249
6630
  }
@@ -6259,12 +6640,16 @@ Note that the styles for this component rely on CSS container queries, which cur
6259
6640
  font-weight: 500;
6260
6641
  margin: 0 8px 0 8px;
6261
6642
  padding: 18px 10px 18px 10px;
6643
+ position: relative;
6262
6644
  text-decoration: none;
6263
6645
  width: calc(100% - 8px - 8px);
6264
6646
  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='M18 13.1643L16.7463 11.9106L12.8955 15.7613V4.83594H11.1045V15.7613L7.25373 11.9106L6 13.1643L12 19.1643L18 13.1643Z'/%3e%3c/svg%3e");
6265
6647
  font-size: 16px;
6266
6648
  letter-spacing: -0.02em;
6267
6649
  line-height: 21.6px;
6650
+ transition-property: background-color, border, color;
6651
+ transition-duration: 150ms;
6652
+ transition-timing-function: ease-out;
6268
6653
  }
6269
6654
  .ilo--table-of-contents--link:hover, .ilo--table-of-contents--link:focus {
6270
6655
  background-color: rgb(235, 245, 253);
@@ -6276,16 +6661,21 @@ Note that the styles for this component rely on CSS container queries, which cur
6276
6661
  padding: 18px 18px 18px 18px;
6277
6662
  width: 100%;
6278
6663
  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='M18 13.1643L16.7463 11.9106L12.8955 15.7613V4.83594H11.1045V15.7613L7.25373 11.9106L6 13.1643L12 19.1643L18 13.1643Z'/%3e%3c/svg%3e");
6664
+ transition-property: background-color, border, color;
6665
+ transition-duration: 150ms;
6666
+ transition-timing-function: ease-out;
6279
6667
  }
6280
6668
  .ilo--table-of-contents--link:active {
6281
6669
  background-color: rgb(255, 255, 255);
6282
6670
  border-bottom: rgb(35, 0, 80) 2px solid;
6671
+ border-top: rgb(255, 255, 255) 2px solid;
6283
6672
  color: rgb(35, 0, 80);
6284
- margin: 0;
6673
+ margin: -2px 0 0 0;
6285
6674
  outline: none;
6286
6675
  padding: 18px 18px 18px 18px;
6287
6676
  width: 100%;
6288
6677
  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='M18 13.1643L16.7463 11.9106L12.8955 15.7613V4.83594H11.1045V15.7613L7.25373 11.9106L6 13.1643L12 19.1643L18 13.1643Z'/%3e%3c/svg%3e");
6678
+ z-index: 5;
6289
6679
  }
6290
6680
  .ilo--table-of-contents--list--item:last-of-type .ilo--table-of-contents--link {
6291
6681
  border-bottom: none;
@@ -6293,10 +6683,26 @@ Note that the styles for this component rely on CSS container queries, which cur
6293
6683
  .ilo--table-of-contents--list--item:last-of-type .ilo--table-of-contents--link:hover {
6294
6684
  border-bottom: rgb(30, 45, 190) 2px solid;
6295
6685
  }
6686
+ .right-to-left .ilo--table-of-contents {
6687
+ direction: rtl;
6688
+ }
6689
+ .right-to-left .ilo--table-of-contents .ilo--table-of-contents--link {
6690
+ background-position: 11px center;
6691
+ }
6692
+ .right-to-left .ilo--table-of-contents .ilo--table-of-contents--link:hover, .right-to-left .ilo--table-of-contents .ilo--table-of-contents--link:focus {
6693
+ background-position: 19px center;
6694
+ }
6695
+ .right-to-left .ilo--table-of-contents--wrapper {
6696
+ direction: rtl;
6697
+ }
6698
+ .right-to-left .ilo--table-of-contents--modal .toc--modal--close {
6699
+ left: 0;
6700
+ right: auto;
6701
+ }
6296
6702
 
6297
6703
  /**
6298
6704
  * Do not edit directly
6299
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
6705
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
6300
6706
  */
6301
6707
  /**
6302
6708
  * TOKENS:
@@ -6340,14 +6746,6 @@ Note that the styles for this component rely on CSS container queries, which cur
6340
6746
  width: 22px;
6341
6747
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 12'%3e%3cpath fill='rgb(184, 196, 204)' d='M0.307453 12L22 0V12H0.307453Z'/%3e%3c/svg%3e");
6342
6748
  }
6343
- .ilo--textarea:hover {
6344
- background-color: rgb(235, 245, 253);
6345
- border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
6346
- border-left: 0.1607717042rem solid rgb(30, 45, 190);
6347
- border-right: 0.1071811361rem solid rgb(184, 196, 204);
6348
- border-top: 0.1071811361rem solid rgb(184, 196, 204);
6349
- padding-left: 11px;
6350
- }
6351
6749
  .ilo--textarea:focus {
6352
6750
  background-color: rgb(235, 245, 253);
6353
6751
  border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
@@ -6363,7 +6761,7 @@ Note that the styles for this component rely on CSS container queries, which cur
6363
6761
  .ilo--textarea:invalid, .ilo--textarea.error, .error .ilo--textarea {
6364
6762
  background-color: rgb(255, 255, 255);
6365
6763
  border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
6366
- border-left: 0.1607717042rem solid rgb(250, 60, 75);
6764
+ border-left: 0.1607717042rem solid rgb(200, 48, 60);
6367
6765
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
6368
6766
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
6369
6767
  }
@@ -6457,7 +6855,7 @@ Note that the styles for this component rely on CSS container queries, which cur
6457
6855
 
6458
6856
  /**
6459
6857
  * Do not edit directly
6460
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
6858
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
6461
6859
  */
6462
6860
  /**
6463
6861
  * TOKENS:
@@ -6496,7 +6894,7 @@ Note that the styles for this component rely on CSS container queries, which cur
6496
6894
  background-size: cover;
6497
6895
  height: 0.857449089rem;
6498
6896
  min-width: 0.857449089rem;
6499
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='rgb(35, 0, 80)' d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm1 12H7V7h2v5ZM8 6a.94.94 0 0 1-1-1 .94.94 0 0 1 1-1 .94.94 0 0 1 1 1 .94.94 0 0 1-1 1Z'/%3e%3c/svg%3e");
6897
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='rgb(35, 0, 80)' d='M8 0C6.4 0 4.9.5 3.6 1.3c-1.4.9-2.4 2.2-3 3.6C0 6.4-.2 8 .2 9.6c.3 1.6 1.1 3 2.2 4.1 1.1 1.1 2.5 1.9 4.1 2.2s3.2.2 4.6-.5c1.5-.6 2.7-1.6 3.6-2.9.8-1.4 1.3-2.9 1.3-4.5 0-2.1-.8-4.2-2.3-5.7C12.2.8 10.1 0 8 0zm0 14c-1.2 0-2.3-.4-3.3-1-1-.7-1.8-1.6-2.2-2.7C2 9.2 1.9 8 2.1 6.8c.2-1.2.8-2.2 1.6-3.1.8-.8 1.9-1.4 3.1-1.6 1.2-.2 2.4-.1 3.5.4s2 1.2 2.7 2.2c.7 1 1 2.1 1 3.3 0 1.6-.6 3.1-1.8 4.2C11.1 13.4 9.6 14 8 14z'/%3e%3cpath fill='rgb(35, 0, 80)' d='M9 7H7v5h2V7zM8 6c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1z'/%3e%3c/svg%3e");
6500
6898
  }
6501
6899
  .ilo--tooltip--arrow {
6502
6900
  border-color: transparent;
@@ -6616,7 +7014,7 @@ Note that the styles for this component rely on CSS container queries, which cur
6616
7014
 
6617
7015
  /**
6618
7016
  * Do not edit directly
6619
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
7017
+ * Generated on Fri, 04 Nov 2022 10:33:11 GMT
6620
7018
  */
6621
7019
  /**
6622
7020
  * TOKENS:
@@ -6729,7 +7127,7 @@ Note that the styles for this component rely on CSS container queries, which cur
6729
7127
  .ilo--video .vjs-control-bar.notplayed {
6730
7128
  flex-direction: column;
6731
7129
  height: 122px;
6732
- width: 4.2872454448rem;
7130
+ width: 2.5723472669rem;
6733
7131
  }
6734
7132
  }
6735
7133
  .ilo--video--controls button span,
@@ -6768,8 +7166,8 @@ Note that the styles for this component rely on CSS container queries, which cur
6768
7166
  .notplayed .ilo--video .vjs-control-bar .vjs-play-control,
6769
7167
  .notplayed .ilo--video .vjs-control-bar .vjs-big-play-button {
6770
7168
  order: 1;
6771
- height: 4.2872454448rem;
6772
- width: 4.2872454448rem;
7169
+ height: 2.5723472669rem;
7170
+ width: 2.5723472669rem;
6773
7171
  }
6774
7172
  }
6775
7173
  .ilo--video--controls--play,
@@ -6780,8 +7178,8 @@ Note that the styles for this component rely on CSS container queries, which cur
6780
7178
  .ilo--video .vjs-control-bar .vjs-big-play-button {
6781
7179
  background-position: center center;
6782
7180
  background-repeat: no-repeat;
6783
- background-size: 24px 24px;
6784
- 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='M22 11.9999L4 2V22L22 11.9999Z'/%3e%3c/svg%3e");
7181
+ background-size: 48px 48px;
7182
+ 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");
6785
7183
  }
6786
7184
  .ilo--video--controls--play:hover,
6787
7185
  .ilo--video--controls .vjs-play-control:not(.vjs-playing):hover,
@@ -6789,6 +7187,43 @@ Note that the styles for this component rely on CSS container queries, which cur
6789
7187
  .ilo--video .vjs-control-bar--play:hover,
6790
7188
  .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover,
6791
7189
  .ilo--video .vjs-control-bar .vjs-big-play-button:hover {
7190
+ background-color: rgb(235, 245, 253);
7191
+ background-position: center center;
7192
+ background-repeat: no-repeat;
7193
+ background-size: 48px 48px;
7194
+ 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='M22 11.9999L4 2V22L22 11.9999Z'/%3e%3c/svg%3e");
7195
+ }
7196
+ .ilo--video--controls--play:hover ~ .vjs-duration, .ilo--video--controls--play:hover ~ .ilo--video--controls--duration,
7197
+ .ilo--video--controls .vjs-play-control:not(.vjs-playing):hover ~ .vjs-duration,
7198
+ .ilo--video--controls .vjs-play-control:not(.vjs-playing):hover ~ .ilo--video--controls--duration,
7199
+ .ilo--video--controls .vjs-big-play-button:hover ~ .vjs-duration,
7200
+ .ilo--video--controls .vjs-big-play-button:hover ~ .ilo--video--controls--duration,
7201
+ .ilo--video .vjs-control-bar--play:hover ~ .vjs-duration,
7202
+ .ilo--video .vjs-control-bar--play:hover ~ .ilo--video--controls--duration,
7203
+ .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover ~ .vjs-duration,
7204
+ .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover ~ .ilo--video--controls--duration,
7205
+ .ilo--video .vjs-control-bar .vjs-big-play-button:hover ~ .vjs-duration,
7206
+ .ilo--video .vjs-control-bar .vjs-big-play-button:hover ~ .ilo--video--controls--duration {
7207
+ background-color: rgb(235, 245, 253);
7208
+ color: rgb(30, 45, 190);
7209
+ }
7210
+ .ilo--video--controls--play.vjs-paused,
7211
+ .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused,
7212
+ .ilo--video--controls .vjs-big-play-button.vjs-paused,
7213
+ .ilo--video .vjs-control-bar--play.vjs-paused,
7214
+ .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused,
7215
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused {
7216
+ background-position: center center;
7217
+ background-repeat: no-repeat;
7218
+ background-size: 24px 24px;
7219
+ 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");
7220
+ }
7221
+ .ilo--video--controls--play.vjs-paused:hover,
7222
+ .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
7223
+ .ilo--video--controls .vjs-big-play-button.vjs-paused:hover,
7224
+ .ilo--video .vjs-control-bar--play.vjs-paused:hover,
7225
+ .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
7226
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:hover {
6792
7227
  background-color: rgb(235, 245, 253);
6793
7228
  background-position: center center;
6794
7229
  background-repeat: no-repeat;
@@ -6802,7 +7237,7 @@ Note that the styles for this component rely on CSS container queries, which cur
6802
7237
  background-position: center center;
6803
7238
  background-repeat: no-repeat;
6804
7239
  background-size: 24px 24px;
6805
- 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='M3 2H9V22H3V2zM15 2H21V22H15V2z'/%3e%3c/svg%3e");
7240
+ 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='M3 2H9V22H3V2zM15 2H21V22H15V2z'/%3e%3c/svg%3e");
6806
7241
  }
6807
7242
  .ilo--video--controls--pause:hover,
6808
7243
  .ilo--video--controls .vjs-playing:hover,
@@ -6819,6 +7254,7 @@ Note that the styles for this component rely on CSS container queries, which cur
6819
7254
  .ilo--video .vjs-control-bar--duration,
6820
7255
  .ilo--video .vjs-control-bar .vjs-duration {
6821
7256
  background-color: rgb(45, 45, 45);
7257
+ color: rgb(237, 240, 242);
6822
7258
  display: none;
6823
7259
  height: 100%;
6824
7260
  font-weight: 700;
@@ -6831,6 +7267,13 @@ Note that the styles for this component rely on CSS container queries, which cur
6831
7267
  letter-spacing: -0.02em;
6832
7268
  line-height: 20.16px;
6833
7269
  }
7270
+ .ilo--video--controls--duration:hover,
7271
+ .ilo--video--controls .vjs-duration:hover,
7272
+ .ilo--video .vjs-control-bar--duration:hover,
7273
+ .ilo--video .vjs-control-bar .vjs-duration:hover {
7274
+ background-color: rgb(235, 245, 253);
7275
+ color: rgb(30, 45, 190);
7276
+ }
6834
7277
  .ilo--video--controls--duration.show,
6835
7278
  .ilo--video--controls .vjs-duration.show,
6836
7279
  .ilo--video .vjs-control-bar--duration.show,
@@ -6845,7 +7288,7 @@ Note that the styles for this component rely on CSS container queries, which cur
6845
7288
  height: 2.1436227224rem;
6846
7289
  margin-left: 0;
6847
7290
  margin-top: 2px;
6848
- width: 4.2872454448rem;
7291
+ width: 2.5723472669rem;
6849
7292
  }
6850
7293
  }
6851
7294
  .ilo--video--controls .vjs-progress-holder,
@@ -7122,6 +7565,12 @@ Note that the styles for this component rely on CSS container queries, which cur
7122
7565
  .vjs-has-started .ilo--video .vjs-control-bar .vjs-volume-panel {
7123
7566
  display: block;
7124
7567
  }
7568
+ .ilo--video--controls--volume:hover .vjs-volume-control,
7569
+ .ilo--video--controls .vjs-volume-panel:hover .vjs-volume-control,
7570
+ .ilo--video .vjs-control-bar--volume:hover .vjs-volume-control,
7571
+ .ilo--video .vjs-control-bar .vjs-volume-panel:hover .vjs-volume-control {
7572
+ display: block;
7573
+ }
7125
7574
  .ilo--video--controls--showvolume,
7126
7575
  .ilo--video--controls .vjs-mute-control,
7127
7576
  .ilo--video .vjs-control-bar--showvolume,
@@ -7139,7 +7588,7 @@ Note that the styles for this component rely on CSS container queries, which cur
7139
7588
  background-position: center center;
7140
7589
  background-repeat: no-repeat;
7141
7590
  background-size: 24px 24px;
7142
- 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='M14.633 4.735a.67.67 0 0 0-.698.063L8.78 8.666H5.667A.666.666 0 0 0 5 9.333v5.334c0 .369.298.667.667.667h3.112l5.156 3.867a.663.663 0 0 0 .698.064.668.668 0 0 0 .369-.597V5.332a.667.667 0 0 0-.369-.597ZM17.164 9.171l-.471-.471-.943.943.472.471a2.669 2.669 0 0 1 0 3.771l-.472.472.943.943.471-.472a4.005 4.005 0 0 0 0-5.657Z'/%3e%3cpath fill='rgb(255, 255, 255)' d='m18.579 6.813-.943.943.471.472a5.341 5.341 0 0 1 0 7.544l-.471.471.943.943.471-.471c2.6-2.6 2.6-6.83 0-9.43l-.471-.472Z'/%3e%3c/svg%3e");
7591
+ 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='M14.633 4.735a.67.67 0 0 0-.698.063L8.78 8.666H5.667A.666.666 0 0 0 5 9.333v5.334c0 .369.298.667.667.667h3.112l5.156 3.867a.663.663 0 0 0 .698.064.668.668 0 0 0 .369-.597V5.332a.667.667 0 0 0-.369-.597ZM17.164 9.171l-.471-.471-.943.943.472.471a2.669 2.669 0 0 1 0 3.771l-.472.472.943.943.471-.472a4.005 4.005 0 0 0 0-5.657Z'/%3e%3cpath fill='rgb(237, 240, 242)' d='m18.579 6.813-.943.943.471.472a5.341 5.341 0 0 1 0 7.544l-.471.471.943.943.471-.471c2.6-2.6 2.6-6.83 0-9.43l-.471-.472Z'/%3e%3c/svg%3e");
7143
7592
  }
7144
7593
  .ilo--video--controls--showvolume:hover,
7145
7594
  .ilo--video--controls .vjs-mute-control:hover,
@@ -7161,7 +7610,7 @@ Note that the styles for this component rely on CSS container queries, which cur
7161
7610
  background-position: center center;
7162
7611
  background-repeat: no-repeat;
7163
7612
  background-size: 24px 24px;
7164
- 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='M12.0447 15.7833L16.5999 19.1998C16.7173 19.2885 16.8586 19.3332 16.9999 19.3332 17.1012 19.3332 17.2039 19.3098 17.2979 19.2632 17.5239 19.1499 17.6666 18.9192 17.6666 18.6665V10.1614L12.0447 15.7833zM5.1955 19.8045C5.32549 19.9345 5.49616 19.9998 5.66682 19.9998 5.83748 19.9998 6.00815 19.9345 6.13814 19.8045L20.8045 5.13814C21.0652 4.87748 21.0652 4.45616 20.8045 4.1955 20.5438 3.93483 20.1225 3.93483 19.8619 4.1955L17.6666 6.39079V5.33347C17.6666 5.08081 17.5239 4.85015 17.2979 4.73682 17.0726 4.62549 16.8019 4.64882 16.5999 4.80015L11.4447 8.66674H6.33347C5.96481 8.66674 5.66682 8.96473 5.66682 9.33339V14.6666C5.66682 15.0353 5.96481 15.3333 6.33347 15.3333H8.72409L5.1955 18.8619C4.93483 19.1225 4.93483 19.5438 5.1955 19.8045z'/%3e%3c/svg%3e");
7613
+ 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='M12.0447 15.7833L16.5999 19.1998C16.7173 19.2885 16.8586 19.3332 16.9999 19.3332 17.1012 19.3332 17.2039 19.3098 17.2979 19.2632 17.5239 19.1499 17.6666 18.9192 17.6666 18.6665V10.1614L12.0447 15.7833zM5.1955 19.8045C5.32549 19.9345 5.49616 19.9998 5.66682 19.9998 5.83748 19.9998 6.00815 19.9345 6.13814 19.8045L20.8045 5.13814C21.0652 4.87748 21.0652 4.45616 20.8045 4.1955 20.5438 3.93483 20.1225 3.93483 19.8619 4.1955L17.6666 6.39079V5.33347C17.6666 5.08081 17.5239 4.85015 17.2979 4.73682 17.0726 4.62549 16.8019 4.64882 16.5999 4.80015L11.4447 8.66674H6.33347C5.96481 8.66674 5.66682 8.96473 5.66682 9.33339V14.6666C5.66682 15.0353 5.96481 15.3333 6.33347 15.3333H8.72409L5.1955 18.8619C4.93483 19.1225 4.93483 19.5438 5.1955 19.8045z'/%3e%3c/svg%3e");
7165
7614
  }
7166
7615
  .ilo--video--controls--showvolume.muted:hover, .ilo--video--controls--showvolume[title=Unmute]:hover,
7167
7616
  .ilo--video--controls .vjs-mute-control.muted:hover,
@@ -7239,7 +7688,7 @@ Note that the styles for this component rely on CSS container queries, which cur
7239
7688
  .ilo--video .vjs-control-bar .vjs-volume-bar {
7240
7689
  height: 4px;
7241
7690
  position: relative;
7242
- width: calc(100% - 24px);
7691
+ width: calc(100% - 26px);
7243
7692
  }
7244
7693
  .ilo--video--controls .vjs-mouse-display,
7245
7694
  .ilo--video--controls .vjs-volume-level,
@@ -7268,7 +7717,7 @@ Note that the styles for this component rely on CSS container queries, which cur
7268
7717
  margin: 0;
7269
7718
  padding: 0;
7270
7719
  position: absolute;
7271
- right: -8px;
7720
+ right: -16px;
7272
7721
  top: 50%;
7273
7722
  width: 16px;
7274
7723
  -webkit-transform: translate(-50%, -50%);
@@ -7296,7 +7745,7 @@ Note that the styles for this component rely on CSS container queries, which cur
7296
7745
  background-position: center center;
7297
7746
  background-repeat: no-repeat;
7298
7747
  background-size: 24px 24px;
7299
- 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='M14.2721 5L16.6865 7.41373 13.8228 10.2774 14.7226 11.1772 17.5863 8.31355 20 10.7273V5H14.2721zM14.7226 12.8228L13.8228 13.7226 16.6865 16.5863 14.2727 19H20V13.2721L17.5863 15.6865 14.7226 12.8228zM11.2774 12.8228L8.41373 15.6865 6 13.2727V19H11.7279L9.31355 16.5863 12.1772 13.7226 11.2774 12.8228zM11.7273 5H6V10.7279L8.41373 8.31355 11.2774 11.1772 12.1772 10.2774 9.31355 7.41373 11.7273 5z'/%3e%3c/svg%3e");
7748
+ 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='M14.2721 5L16.6865 7.41373 13.8228 10.2774 14.7226 11.1772 17.5863 8.31355 20 10.7273V5H14.2721zM14.7226 12.8228L13.8228 13.7226 16.6865 16.5863 14.2727 19H20V13.2721L17.5863 15.6865 14.7226 12.8228zM11.2774 12.8228L8.41373 15.6865 6 13.2727V19H11.7279L9.31355 16.5863 12.1772 13.7226 11.2774 12.8228zM11.7273 5H6V10.7279L8.41373 8.31355 11.2774 11.1772 12.1772 10.2774 9.31355 7.41373 11.7273 5z'/%3e%3c/svg%3e");
7300
7749
  }
7301
7750
  .ilo--video--controls--fullscreen:hover,
7302
7751
  .ilo--video--controls .vjs-fullscreen-control:hover,