@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.
- package/build/css/components/index.css +679 -230
- package/build/css/components/index.css.map +1 -1
- package/build/css/index.css +679 -230
- package/build/css/index.css.map +1 -1
- package/build/css/monorepo.css +679 -230
- package/build/css/monorepo.css.map +1 -1
- package/build/minified/index.css +1 -1
- package/build/minified/index.css.map +1 -1
- package/build/minified/monorepo.css +1 -1
- package/build/minified/monorepo.css.map +1 -1
- package/package.json +3 -3
- package/scss/components/_breadcrumb.scss +25 -16
- package/scss/components/_card.scss +87 -9
- package/scss/components/_checkbox.scss +0 -14
- package/scss/components/_contextmenu.scss +3 -2
- package/scss/components/_credit.scss +37 -0
- package/scss/components/_dropdown.scss +23 -8
- package/scss/components/_fieldset.scss +1 -0
- package/scss/components/_footer.scss +3 -1
- package/scss/components/_image.scss +14 -0
- package/scss/components/_input.scss +1 -13
- package/scss/components/_linklist.scss +1 -0
- package/scss/components/_modal.scss +9 -1
- package/scss/components/_navigation.scss +155 -8
- package/scss/components/_profile.scss +15 -28
- package/scss/components/_radio.scss +0 -14
- package/scss/components/_richtext.scss +54 -0
- package/scss/components/_searchfield.scss +2 -2
- package/scss/components/_table.scss +17 -4
- package/scss/components/_tableofcontents.scss +140 -1
- package/scss/components/_tabs.scss +15 -31
- package/scss/components/_textarea.scss +0 -12
- package/scss/components/_video.scss +42 -5
package/build/css/index.css
CHANGED
|
@@ -151,7 +151,7 @@ select {
|
|
|
151
151
|
}
|
|
152
152
|
/**
|
|
153
153
|
* Do not edit directly
|
|
154
|
-
* Generated on
|
|
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
|
|
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
|
|
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.
|
|
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% +
|
|
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:
|
|
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:
|
|
591
|
+
height: 47px;
|
|
554
592
|
position: absolute;
|
|
555
|
-
right: -
|
|
593
|
+
right: -47px;
|
|
556
594
|
top: 0;
|
|
557
|
-
width:
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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'
|
|
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
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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:
|
|
1296
|
-
.ilo--card--multilink.ilo--card--narrow {
|
|
1297
|
-
|
|
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(
|
|
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
|
|
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
|
|
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
|
|
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.
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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:
|
|
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.
|
|
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,
|
|
2251
|
-
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24
|
|
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
|
|
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
|
|
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(
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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(
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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:
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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:
|
|
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(
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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:
|
|
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
|
|
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
|
|
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(
|
|
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:
|
|
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'
|
|
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%)
|
|
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='
|
|
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='
|
|
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
|
|
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
|
|
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
|
|
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'
|
|
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
|
|
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
|
|
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:
|
|
5342
|
+
font-size: 16px;
|
|
5078
5343
|
letter-spacing: normal;
|
|
5079
|
-
line-height:
|
|
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:
|
|
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:
|
|
5371
|
+
font-size: 16px;
|
|
5099
5372
|
letter-spacing: normal;
|
|
5100
|
-
line-height:
|
|
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:
|
|
5408
|
+
margin-top: 0.4287245445rem;
|
|
5132
5409
|
}
|
|
5133
5410
|
.ilo--profile .ilo--profile--role + .ilo--profile--link {
|
|
5134
|
-
margin-top:
|
|
5411
|
+
margin-top: 0.1071811361rem;
|
|
5135
5412
|
}
|
|
5136
5413
|
.ilo--profile .ilo--profile--name + .ilo--profile--link {
|
|
5137
|
-
margin-top:
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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:
|
|
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:
|
|
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
|
|
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
|
-
|
|
5752
|
-
|
|
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:
|
|
5794
|
-
border-bottom:
|
|
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:
|
|
5800
|
-
border-bottom:
|
|
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
|
|
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
|
|
5844
|
-
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'
|
|
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
|
|
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
|
|
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:
|
|
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:
|
|
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:
|
|
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
|
|
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(
|
|
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
|
|
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
|
|
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(
|
|
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
|
|
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'
|
|
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
|
|
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:
|
|
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:
|
|
6772
|
-
width:
|
|
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:
|
|
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(
|
|
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(
|
|
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:
|
|
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(
|
|
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(
|
|
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% -
|
|
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: -
|
|
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(
|
|
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,
|