@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
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
4
4
|
*/
|
|
5
5
|
/**
|
|
6
6
|
* TOKENS:
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
*/
|
|
11
11
|
/**
|
|
12
12
|
* Do not edit directly
|
|
13
|
-
* Generated on
|
|
13
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
14
14
|
*/
|
|
15
15
|
/**
|
|
16
16
|
* TOKENS:
|
|
@@ -110,7 +110,32 @@
|
|
|
110
110
|
|
|
111
111
|
/**
|
|
112
112
|
* Do not edit directly
|
|
113
|
-
* Generated on
|
|
113
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
114
|
+
*/
|
|
115
|
+
/**
|
|
116
|
+
* TOKENS:
|
|
117
|
+
*/
|
|
118
|
+
/**
|
|
119
|
+
* MAPS:
|
|
120
|
+
*/
|
|
121
|
+
@keyframes emptygradient {
|
|
122
|
+
0% {
|
|
123
|
+
opacity: 1;
|
|
124
|
+
}
|
|
125
|
+
100% {
|
|
126
|
+
opacity: 0;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
@keyframes spin {
|
|
130
|
+
100% {
|
|
131
|
+
-moz-transform: rotate(360deg);
|
|
132
|
+
-webkit-transform: rotate(360deg);
|
|
133
|
+
transform: rotate(360deg);
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
/**
|
|
137
|
+
* Do not edit directly
|
|
138
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
114
139
|
*/
|
|
115
140
|
/**
|
|
116
141
|
* TOKENS:
|
|
@@ -127,7 +152,7 @@
|
|
|
127
152
|
background-color: rgb(255, 255, 255);
|
|
128
153
|
display: inline-flex;
|
|
129
154
|
justify-content: flex-start;
|
|
130
|
-
padding: 0.
|
|
155
|
+
padding: 0.857449089rem 0 0.857449089rem 0.6430868167rem;
|
|
131
156
|
position: relative;
|
|
132
157
|
}
|
|
133
158
|
.ilo--breadcrumb--items.context--menu {
|
|
@@ -142,6 +167,7 @@
|
|
|
142
167
|
height: 0.857449089rem;
|
|
143
168
|
padding: 0 1.2861736334rem 0 0.5359056806rem;
|
|
144
169
|
text-decoration: none;
|
|
170
|
+
text-decoration-thickness: 0.1071811361rem;
|
|
145
171
|
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");
|
|
146
172
|
}
|
|
147
173
|
.ilo--breadcrumb--link--label {
|
|
@@ -154,6 +180,7 @@
|
|
|
154
180
|
.ilo--breadcrumb--link:hover, .ilo--breadcrumb--link:focus {
|
|
155
181
|
color: rgb(30, 45, 190);
|
|
156
182
|
text-decoration: underline;
|
|
183
|
+
text-decoration-thickness: 0.1071811361rem;
|
|
157
184
|
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");
|
|
158
185
|
}
|
|
159
186
|
.ilo--breadcrumb--item {
|
|
@@ -212,6 +239,10 @@
|
|
|
212
239
|
width: 2.2508038585rem;
|
|
213
240
|
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");
|
|
214
241
|
}
|
|
242
|
+
.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:hover {
|
|
243
|
+
cursor: pointer;
|
|
244
|
+
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");
|
|
245
|
+
}
|
|
215
246
|
.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:after {
|
|
216
247
|
background-position: center center;
|
|
217
248
|
background-repeat: no-repeat;
|
|
@@ -231,11 +262,18 @@
|
|
|
231
262
|
left: -2.1436227224rem;
|
|
232
263
|
opacity: 0;
|
|
233
264
|
position: absolute;
|
|
234
|
-
top: calc(100% +
|
|
235
|
-
transition: opacity 0.75s linear;
|
|
236
|
-
transition-delay: 0.5s;
|
|
265
|
+
top: calc(100% + 24px);
|
|
237
266
|
width: 6.4308681672rem;
|
|
238
267
|
z-index: 10;
|
|
268
|
+
transition-property: opacity;
|
|
269
|
+
transition-duration: 150ms;
|
|
270
|
+
transition-timing-function: ease-out;
|
|
271
|
+
}
|
|
272
|
+
.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu.open {
|
|
273
|
+
opacity: 1;
|
|
274
|
+
transition-property: opacity;
|
|
275
|
+
transition-duration: 150ms;
|
|
276
|
+
transition-timing-function: ease-out;
|
|
239
277
|
}
|
|
240
278
|
.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu:before {
|
|
241
279
|
background-position: top center;
|
|
@@ -250,6 +288,9 @@
|
|
|
250
288
|
transform: translateX(-50%) rotate(135deg);
|
|
251
289
|
width: 0.6430868167rem;
|
|
252
290
|
}
|
|
291
|
+
.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu:hover {
|
|
292
|
+
cursor: pointer;
|
|
293
|
+
}
|
|
253
294
|
.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item {
|
|
254
295
|
display: inline-block;
|
|
255
296
|
height: auto;
|
|
@@ -265,7 +306,8 @@
|
|
|
265
306
|
text-decoration: none;
|
|
266
307
|
}
|
|
267
308
|
.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 {
|
|
268
|
-
text-decoration:
|
|
309
|
+
text-decoration: underline;
|
|
310
|
+
text-decoration-thickness: 0.1071811361rem;
|
|
269
311
|
}
|
|
270
312
|
.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item.endsection {
|
|
271
313
|
border-bottom: 0.1071811361rem solid rgb(255, 255, 255);
|
|
@@ -301,20 +343,16 @@
|
|
|
301
343
|
text-decoration: underline;
|
|
302
344
|
text-decoration-thickness: 0.1071811361rem;
|
|
303
345
|
}
|
|
304
|
-
.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:hover .context--menu, .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:focus .context--menu {
|
|
305
|
-
opacity: 1;
|
|
306
|
-
transition: opacity 1.5s ease-out;
|
|
307
|
-
}
|
|
308
346
|
@media screen and (min-width: 610px) {
|
|
309
347
|
.ilo--breadcrumb--items:after {
|
|
310
348
|
background: linear-gradient(to bottom right, white 50%, transparent 50%);
|
|
311
349
|
content: "";
|
|
312
350
|
display: inline-block;
|
|
313
|
-
height:
|
|
351
|
+
height: 47px;
|
|
314
352
|
position: absolute;
|
|
315
|
-
right: -
|
|
353
|
+
right: -47px;
|
|
316
354
|
top: 0;
|
|
317
|
-
width:
|
|
355
|
+
width: 47px;
|
|
318
356
|
}
|
|
319
357
|
.ilo--breadcrumb--items.context--menu:after {
|
|
320
358
|
content: none;
|
|
@@ -327,7 +365,7 @@
|
|
|
327
365
|
|
|
328
366
|
/**
|
|
329
367
|
* Do not edit directly
|
|
330
|
-
* Generated on
|
|
368
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
331
369
|
*/
|
|
332
370
|
/**
|
|
333
371
|
* TOKENS:
|
|
@@ -337,7 +375,7 @@
|
|
|
337
375
|
*/
|
|
338
376
|
/**
|
|
339
377
|
* Do not edit directly
|
|
340
|
-
* Generated on
|
|
378
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
341
379
|
*/
|
|
342
380
|
/**
|
|
343
381
|
* TOKENS:
|
|
@@ -362,7 +400,7 @@
|
|
|
362
400
|
}
|
|
363
401
|
/**
|
|
364
402
|
* Do not edit directly
|
|
365
|
-
* Generated on
|
|
403
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
366
404
|
*/
|
|
367
405
|
/**
|
|
368
406
|
* TOKENS:
|
|
@@ -652,7 +690,7 @@
|
|
|
652
690
|
|
|
653
691
|
/**
|
|
654
692
|
* Do not edit directly
|
|
655
|
-
* Generated on
|
|
693
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
656
694
|
*/
|
|
657
695
|
/**
|
|
658
696
|
* TOKENS:
|
|
@@ -717,7 +755,7 @@
|
|
|
717
755
|
position: relative;
|
|
718
756
|
}
|
|
719
757
|
.ilo--callout--toggle--icon {
|
|
720
|
-
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24
|
|
758
|
+
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");
|
|
721
759
|
background-position: right;
|
|
722
760
|
background-repeat: no-repeat;
|
|
723
761
|
display: inline-block;
|
|
@@ -745,7 +783,7 @@
|
|
|
745
783
|
}
|
|
746
784
|
.ilo--callout .icon--info {
|
|
747
785
|
background-color: rgb(30, 45, 190);
|
|
748
|
-
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'
|
|
786
|
+
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");
|
|
749
787
|
}
|
|
750
788
|
.ilo--callout .icon--success {
|
|
751
789
|
background-color: rgb(140, 225, 100);
|
|
@@ -782,7 +820,7 @@
|
|
|
782
820
|
|
|
783
821
|
/**
|
|
784
822
|
* Do not edit directly
|
|
785
|
-
* Generated on
|
|
823
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
786
824
|
*/
|
|
787
825
|
/**
|
|
788
826
|
* TOKENS:
|
|
@@ -801,7 +839,7 @@
|
|
|
801
839
|
color: rgb(30, 45, 190);
|
|
802
840
|
text-decoration: none;
|
|
803
841
|
}
|
|
804
|
-
.ilo--card--action:hover
|
|
842
|
+
.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) {
|
|
805
843
|
background: rgb(255, 255, 255);
|
|
806
844
|
}
|
|
807
845
|
.ilo--card--action:hover .ilo--card--eyebrow, .ilo--card--action:focus .ilo--card--eyebrow {
|
|
@@ -843,22 +881,22 @@
|
|
|
843
881
|
.ilo--card--light {
|
|
844
882
|
background: rgb(255, 255, 255);
|
|
845
883
|
}
|
|
846
|
-
.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) {
|
|
884
|
+
.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) {
|
|
847
885
|
background: rgb(35, 0, 80);
|
|
848
886
|
}
|
|
849
|
-
.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) .ilo--card--eyebrow {
|
|
887
|
+
.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) .ilo--card--eyebrow {
|
|
850
888
|
color: rgb(237, 240, 242);
|
|
851
889
|
}
|
|
852
|
-
.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) .ilo--card--title {
|
|
890
|
+
.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) .ilo--card--title {
|
|
853
891
|
color: rgb(255, 255, 255);
|
|
854
892
|
}
|
|
855
|
-
.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) .ilo--card--intro {
|
|
893
|
+
.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) .ilo--card--intro {
|
|
856
894
|
color: rgb(237, 240, 242);
|
|
857
895
|
}
|
|
858
|
-
.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) .ilo--card--date {
|
|
896
|
+
.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) .ilo--card--date {
|
|
859
897
|
color: rgb(237, 240, 242);
|
|
860
898
|
}
|
|
861
|
-
.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) .ilo--card--eventdate {
|
|
899
|
+
.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) .ilo--card--eventdate {
|
|
862
900
|
color: rgb(237, 240, 242);
|
|
863
901
|
}
|
|
864
902
|
.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature) {
|
|
@@ -978,12 +1016,35 @@
|
|
|
978
1016
|
}
|
|
979
1017
|
}
|
|
980
1018
|
.ilo--card--multilink .ilo--card--title {
|
|
981
|
-
|
|
1019
|
+
font-size: 23.32px;
|
|
1020
|
+
letter-spacing: -0.035em;
|
|
1021
|
+
line-height: 29.15px;
|
|
982
1022
|
margin-bottom: 0.7188906752rem;
|
|
1023
|
+
color: rgb(45, 45, 45);
|
|
1024
|
+
}
|
|
1025
|
+
@media screen and (min-width: 610px) {
|
|
1026
|
+
.ilo--card--multilink .ilo--card--title {
|
|
1027
|
+
font-size: 29.16px;
|
|
1028
|
+
letter-spacing: -0.035em;
|
|
1029
|
+
line-height: 36.45px;
|
|
1030
|
+
margin-bottom: 0.5741425509rem;
|
|
1031
|
+
}
|
|
983
1032
|
}
|
|
984
1033
|
.ilo--card--multilink .ilo--card--intro {
|
|
1034
|
+
font-size: 16px;
|
|
1035
|
+
letter-spacing: normal;
|
|
1036
|
+
line-height: 23.36px;
|
|
1037
|
+
margin-bottom: 1.910132288rem;
|
|
985
1038
|
color: rgb(45, 45, 45);
|
|
986
1039
|
}
|
|
1040
|
+
@media screen and (min-width: 610px) {
|
|
1041
|
+
.ilo--card--multilink .ilo--card--intro {
|
|
1042
|
+
font-size: 18.66px;
|
|
1043
|
+
letter-spacing: normal;
|
|
1044
|
+
line-height: 27.24px;
|
|
1045
|
+
margin-bottom: 1.8685411561rem;
|
|
1046
|
+
}
|
|
1047
|
+
}
|
|
987
1048
|
.ilo--card--multilink.ilo--card--dark {
|
|
988
1049
|
background: rgb(255, 255, 255);
|
|
989
1050
|
}
|
|
@@ -1040,6 +1101,16 @@
|
|
|
1040
1101
|
.ilo--card--multilink.ilo--card--narrow {
|
|
1041
1102
|
padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
|
|
1042
1103
|
}
|
|
1104
|
+
@media screen and (min-width: 610px) {
|
|
1105
|
+
.ilo--card--multilink.ilo--card--narrow {
|
|
1106
|
+
padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
|
|
1107
|
+
}
|
|
1108
|
+
}
|
|
1109
|
+
@media screen and (min-width: 1024px) {
|
|
1110
|
+
.ilo--card--multilink.ilo--card--narrow {
|
|
1111
|
+
padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
|
|
1112
|
+
}
|
|
1113
|
+
}
|
|
1043
1114
|
.ilo--card--multilink.ilo--card--narrow .ilo--card--image--wrapper {
|
|
1044
1115
|
display: none;
|
|
1045
1116
|
}
|
|
@@ -1048,13 +1119,19 @@
|
|
|
1048
1119
|
margin-bottom: 1.2861736334rem;
|
|
1049
1120
|
}
|
|
1050
1121
|
@media screen and (min-width: 610px) {
|
|
1051
|
-
.ilo--card--multilink.ilo--card--narrow {
|
|
1052
|
-
|
|
1122
|
+
.ilo--card--multilink.ilo--card--narrow .ilo--card--title {
|
|
1123
|
+
font-size: 23.32px;
|
|
1124
|
+
letter-spacing: -0.035em;
|
|
1125
|
+
line-height: 29.15px;
|
|
1126
|
+
margin-bottom: 0.7188906752rem;
|
|
1053
1127
|
}
|
|
1054
1128
|
}
|
|
1055
|
-
@media screen and (min-width:
|
|
1056
|
-
.ilo--card--multilink.ilo--card--narrow {
|
|
1057
|
-
|
|
1129
|
+
@media screen and (min-width: 610px) {
|
|
1130
|
+
.ilo--card--multilink.ilo--card--narrow .ilo--card--intro {
|
|
1131
|
+
font-size: 16px;
|
|
1132
|
+
letter-spacing: normal;
|
|
1133
|
+
line-height: 23.36px;
|
|
1134
|
+
margin-bottom: 1.910132288rem;
|
|
1058
1135
|
}
|
|
1059
1136
|
}
|
|
1060
1137
|
.ilo--card--multilink .ilo--link-list {
|
|
@@ -1292,6 +1369,14 @@
|
|
|
1292
1369
|
line-height: 36.45px;
|
|
1293
1370
|
margin-bottom: 0.5741425509rem;
|
|
1294
1371
|
}
|
|
1372
|
+
@media screen and (min-width: 610px) {
|
|
1373
|
+
.ilo--card--graphicpromo.ilo--card--narrow .ilo--card--title {
|
|
1374
|
+
font-size: 36.45px;
|
|
1375
|
+
letter-spacing: -0.035em;
|
|
1376
|
+
line-height: 43.74px;
|
|
1377
|
+
margin-bottom: 0.4278063594rem;
|
|
1378
|
+
}
|
|
1379
|
+
}
|
|
1295
1380
|
.ilo--card--graphicpromo.ilo--card--narrow .ilo--card--intro {
|
|
1296
1381
|
font-size: 16px;
|
|
1297
1382
|
letter-spacing: normal;
|
|
@@ -1468,8 +1553,12 @@
|
|
|
1468
1553
|
}
|
|
1469
1554
|
}
|
|
1470
1555
|
.ilo--card--data .ilo--card--image--wrapper {
|
|
1556
|
+
display: none;
|
|
1471
1557
|
width: max(10.9860664523rem, 50%);
|
|
1472
1558
|
}
|
|
1559
|
+
.ilo--card--data .ilo--card--content .ilo--card--image--wrapper {
|
|
1560
|
+
display: block;
|
|
1561
|
+
}
|
|
1473
1562
|
.ilo--card--data--content-label {
|
|
1474
1563
|
font-size: 14.93px;
|
|
1475
1564
|
letter-spacing: normal;
|
|
@@ -1501,7 +1590,8 @@
|
|
|
1501
1590
|
margin-right: 0;
|
|
1502
1591
|
}
|
|
1503
1592
|
.ilo--card--feature {
|
|
1504
|
-
border-bottom: 0.1607717042rem solid rgb(
|
|
1593
|
+
border-bottom: 0.1607717042rem solid rgb(184, 196, 204);
|
|
1594
|
+
filter: drop-shadow(0 4px 4px rgba(45, 45, 45, 0.25));
|
|
1505
1595
|
display: flex;
|
|
1506
1596
|
margin-top: 0;
|
|
1507
1597
|
position: relative;
|
|
@@ -1512,10 +1602,17 @@
|
|
|
1512
1602
|
.ilo--card--feature.ilo--card--dark {
|
|
1513
1603
|
border-bottom: 0.1607717042rem solid rgb(150, 10, 85);
|
|
1514
1604
|
}
|
|
1605
|
+
.ilo--card--feature:hover, .ilo--card--feature:focus {
|
|
1606
|
+
background-color: rgb(255, 255, 255);
|
|
1607
|
+
border-bottom: 0.1607717042rem solid rgb(30, 45, 190);
|
|
1608
|
+
}
|
|
1515
1609
|
.ilo--card--feature:hover picture::before, .ilo--card--feature:focus picture::before {
|
|
1516
1610
|
opacity: 0.4;
|
|
1517
1611
|
z-index: 1;
|
|
1518
1612
|
}
|
|
1613
|
+
.ilo--card--feature:hover .ilo--card--image, .ilo--card--feature:focus .ilo--card--image {
|
|
1614
|
+
filter: saturate(0);
|
|
1615
|
+
}
|
|
1519
1616
|
.ilo--card--feature.ilo--card--narrow .ilo--card--wrap, .ilo--card--feature.ilo--card--standard .ilo--card--wrap {
|
|
1520
1617
|
display: flex;
|
|
1521
1618
|
flex-wrap: wrap;
|
|
@@ -1530,7 +1627,6 @@
|
|
|
1530
1627
|
@media screen and (min-width: 610px) {
|
|
1531
1628
|
.ilo--card--feature.ilo--card--wide .ilo--card--wrap {
|
|
1532
1629
|
display: flex;
|
|
1533
|
-
width: 100%;
|
|
1534
1630
|
}
|
|
1535
1631
|
.right-to-left .ilo--card--feature.ilo--card--wide .ilo--card--wrap {
|
|
1536
1632
|
flex-direction: row-reverse;
|
|
@@ -1559,6 +1655,9 @@
|
|
|
1559
1655
|
width: 100%;
|
|
1560
1656
|
}
|
|
1561
1657
|
}
|
|
1658
|
+
.ilo--card--feature .ilo--card--wrap {
|
|
1659
|
+
width: 100%;
|
|
1660
|
+
}
|
|
1562
1661
|
.ilo--card--feature picture {
|
|
1563
1662
|
display: flex;
|
|
1564
1663
|
height: 100%;
|
|
@@ -1600,7 +1699,7 @@
|
|
|
1600
1699
|
|
|
1601
1700
|
/**
|
|
1602
1701
|
* Do not edit directly
|
|
1603
|
-
* Generated on
|
|
1702
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
1604
1703
|
*/
|
|
1605
1704
|
/**
|
|
1606
1705
|
* TOKENS:
|
|
@@ -1645,7 +1744,7 @@
|
|
|
1645
1744
|
|
|
1646
1745
|
/**
|
|
1647
1746
|
* Do not edit directly
|
|
1648
|
-
* Generated on
|
|
1747
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
1649
1748
|
*/
|
|
1650
1749
|
/**
|
|
1651
1750
|
* TOKENS:
|
|
@@ -1698,15 +1797,6 @@
|
|
|
1698
1797
|
.ilo--checkbox:checked:after {
|
|
1699
1798
|
background-color: rgb(35, 0, 80);
|
|
1700
1799
|
}
|
|
1701
|
-
.ilo--checkbox:hover {
|
|
1702
|
-
cursor: pointer;
|
|
1703
|
-
}
|
|
1704
|
-
.ilo--checkbox:hover:after {
|
|
1705
|
-
background-color: rgb(255, 205, 45);
|
|
1706
|
-
}
|
|
1707
|
-
.ilo--checkbox:hover:checked:before {
|
|
1708
|
-
border-color: rgb(35, 0, 80);
|
|
1709
|
-
}
|
|
1710
1800
|
.ilo--checkbox:focus {
|
|
1711
1801
|
outline: none;
|
|
1712
1802
|
}
|
|
@@ -1749,7 +1839,7 @@
|
|
|
1749
1839
|
|
|
1750
1840
|
/**
|
|
1751
1841
|
* Do not edit directly
|
|
1752
|
-
* Generated on
|
|
1842
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
1753
1843
|
*/
|
|
1754
1844
|
/**
|
|
1755
1845
|
* TOKENS:
|
|
@@ -1787,7 +1877,7 @@
|
|
|
1787
1877
|
background-color: rgb(235, 245, 253);
|
|
1788
1878
|
}
|
|
1789
1879
|
.ilo--context-menu--item.endsection {
|
|
1790
|
-
border-bottom: 0.
|
|
1880
|
+
border-bottom: 0.1607717042rem solid rgb(255, 255, 255);
|
|
1791
1881
|
}
|
|
1792
1882
|
.ilo--context-menu--item.endsection .ilo--context-menu--link {
|
|
1793
1883
|
border-bottom: none;
|
|
@@ -1798,12 +1888,13 @@
|
|
|
1798
1888
|
display: inline-block;
|
|
1799
1889
|
font-family: Noto Sans;
|
|
1800
1890
|
font-weight: 500;
|
|
1801
|
-
padding: 0.857449089rem 0;
|
|
1891
|
+
padding: 0.857449089rem 0.4287245445rem;
|
|
1802
1892
|
text-decoration: none;
|
|
1803
1893
|
width: 100%;
|
|
1804
1894
|
font-size: 11.94px;
|
|
1805
1895
|
letter-spacing: normal;
|
|
1806
1896
|
line-height: 16.24px;
|
|
1897
|
+
letter-spacing: -0.1px;
|
|
1807
1898
|
}
|
|
1808
1899
|
.ilo--context-menu--link:visited {
|
|
1809
1900
|
color: rgb(35, 0, 80);
|
|
@@ -1821,7 +1912,7 @@
|
|
|
1821
1912
|
|
|
1822
1913
|
/**
|
|
1823
1914
|
* Do not edit directly
|
|
1824
|
-
* Generated on
|
|
1915
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
1825
1916
|
*/
|
|
1826
1917
|
/**
|
|
1827
1918
|
* TOKENS:
|
|
@@ -1831,7 +1922,7 @@
|
|
|
1831
1922
|
*/
|
|
1832
1923
|
/**
|
|
1833
1924
|
* Do not edit directly
|
|
1834
|
-
* Generated on
|
|
1925
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
1835
1926
|
*/
|
|
1836
1927
|
/**
|
|
1837
1928
|
* TOKENS:
|
|
@@ -1841,7 +1932,7 @@
|
|
|
1841
1932
|
*/
|
|
1842
1933
|
/**
|
|
1843
1934
|
* Do not edit directly
|
|
1844
|
-
* Generated on
|
|
1935
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
1845
1936
|
*/
|
|
1846
1937
|
/**
|
|
1847
1938
|
* TOKENS:
|
|
@@ -1851,7 +1942,7 @@
|
|
|
1851
1942
|
*/
|
|
1852
1943
|
/**
|
|
1853
1944
|
* Do not edit directly
|
|
1854
|
-
* Generated on
|
|
1945
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
1855
1946
|
*/
|
|
1856
1947
|
/**
|
|
1857
1948
|
* TOKENS:
|
|
@@ -1947,10 +2038,37 @@
|
|
|
1947
2038
|
display: inline-block;
|
|
1948
2039
|
}
|
|
1949
2040
|
}
|
|
2041
|
+
.right-to-left .ilo--credit:after {
|
|
2042
|
+
background-position: top left;
|
|
2043
|
+
left: auto;
|
|
2044
|
+
right: 100%;
|
|
2045
|
+
transform: scaleX(-1);
|
|
2046
|
+
}
|
|
2047
|
+
@media screen and (max-width: 1023px) {
|
|
2048
|
+
.right-to-left .ilo--credit--label {
|
|
2049
|
+
left: auto;
|
|
2050
|
+
right: 0;
|
|
2051
|
+
}
|
|
2052
|
+
.right-to-left .ilo--credit--label:after {
|
|
2053
|
+
background-position: top right;
|
|
2054
|
+
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");
|
|
2055
|
+
left: auto;
|
|
2056
|
+
right: calc(0.6430868167rem / 2);
|
|
2057
|
+
}
|
|
2058
|
+
.right-to-left .ilo--credit:before {
|
|
2059
|
+
background-position: 4px center;
|
|
2060
|
+
left: auto;
|
|
2061
|
+
right: 0;
|
|
2062
|
+
}
|
|
2063
|
+
.right-to-left .ilo--credit:after {
|
|
2064
|
+
left: auto;
|
|
2065
|
+
right: 1.5541264737rem;
|
|
2066
|
+
}
|
|
2067
|
+
}
|
|
1950
2068
|
|
|
1951
2069
|
/**
|
|
1952
2070
|
* Do not edit directly
|
|
1953
|
-
* Generated on
|
|
2071
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
1954
2072
|
*/
|
|
1955
2073
|
/**
|
|
1956
2074
|
* TOKENS:
|
|
@@ -1970,7 +2088,7 @@
|
|
|
1970
2088
|
|
|
1971
2089
|
/**
|
|
1972
2090
|
* Do not edit directly
|
|
1973
|
-
* Generated on
|
|
2091
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
1974
2092
|
*/
|
|
1975
2093
|
/**
|
|
1976
2094
|
* TOKENS:
|
|
@@ -1989,12 +2107,12 @@
|
|
|
1989
2107
|
border-top: 0.1071811361rem solid rgb(184, 196, 204);
|
|
1990
2108
|
border-radius: 0;
|
|
1991
2109
|
box-sizing: content-box;
|
|
1992
|
-
font-family:
|
|
2110
|
+
font-family: Noto Sans;
|
|
1993
2111
|
font-weight: 500;
|
|
1994
2112
|
font-size: 16px;
|
|
1995
2113
|
letter-spacing: -0.02em;
|
|
1996
2114
|
line-height: 21.6px;
|
|
1997
|
-
height: 2.
|
|
2115
|
+
height: 2.4115755627rem;
|
|
1998
2116
|
margin: 0rem 0rem 0rem 0rem;
|
|
1999
2117
|
outline: none;
|
|
2000
2118
|
overflow: hidden;
|
|
@@ -2005,10 +2123,10 @@
|
|
|
2005
2123
|
text-overflow: ellipsis;
|
|
2006
2124
|
white-space: nowrap;
|
|
2007
2125
|
width: calc(100% - 78px);
|
|
2008
|
-
background-position: calc(100% - 14px) center;
|
|
2126
|
+
background-position: calc(100% - 14px) center, 100% center;
|
|
2009
2127
|
background-repeat: no-repeat;
|
|
2010
|
-
background-size: 24px 24px,
|
|
2011
|
-
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24
|
|
2128
|
+
background-size: 24px 24px, 102px 100%;
|
|
2129
|
+
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%);
|
|
2012
2130
|
}
|
|
2013
2131
|
.ilo--dropdown option {
|
|
2014
2132
|
width: calc(100% - 48px);
|
|
@@ -2021,7 +2139,7 @@
|
|
|
2021
2139
|
border-left: 0.1607717042rem solid rgb(30, 45, 190);
|
|
2022
2140
|
border-right: 0.1071811361rem solid rgb(184, 196, 204);
|
|
2023
2141
|
border-top: 0.1071811361rem solid rgb(184, 196, 204);
|
|
2024
|
-
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24
|
|
2142
|
+
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%);
|
|
2025
2143
|
}
|
|
2026
2144
|
.ilo--dropdown:focus {
|
|
2027
2145
|
background-color: rgb(235, 245, 253);
|
|
@@ -2029,7 +2147,17 @@
|
|
|
2029
2147
|
border-left: 0.1607717042rem solid rgb(30, 45, 190);
|
|
2030
2148
|
border-right: 0.1071811361rem solid rgb(184, 196, 204);
|
|
2031
2149
|
border-top: 0.1071811361rem solid rgb(184, 196, 204);
|
|
2032
|
-
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24
|
|
2150
|
+
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%);
|
|
2151
|
+
}
|
|
2152
|
+
.ilo--dropdown:active {
|
|
2153
|
+
background-position: calc(100% - 14px) center, 100% center;
|
|
2154
|
+
background-repeat: no-repeat;
|
|
2155
|
+
background-size: 24px 24px, 102px 100%;
|
|
2156
|
+
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%);
|
|
2157
|
+
border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
|
|
2158
|
+
border-left: 0.1071811361rem solid rgb(184, 196, 204);
|
|
2159
|
+
border-right: 0.1071811361rem solid rgb(184, 196, 204);
|
|
2160
|
+
border-top: 0.1071811361rem solid rgb(184, 196, 204);
|
|
2033
2161
|
}
|
|
2034
2162
|
.ilo--dropdown:disabled {
|
|
2035
2163
|
opacity: 45%;
|
|
@@ -2038,14 +2166,14 @@
|
|
|
2038
2166
|
.ilo--dropdown:invalid, .ilo--dropdown.error, .error .ilo--dropdown {
|
|
2039
2167
|
background-color: rgb(255, 255, 255);
|
|
2040
2168
|
border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
|
|
2041
|
-
border-left: 0.1607717042rem solid rgb(
|
|
2169
|
+
border-left: 0.1607717042rem solid rgb(200, 48, 60);
|
|
2042
2170
|
border-right: 0.1071811361rem solid rgb(184, 196, 204);
|
|
2043
2171
|
border-top: 0.1071811361rem solid rgb(184, 196, 204);
|
|
2044
2172
|
}
|
|
2045
2173
|
|
|
2046
2174
|
/**
|
|
2047
2175
|
* Do not edit directly
|
|
2048
|
-
* Generated on
|
|
2176
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
2049
2177
|
*/
|
|
2050
2178
|
/**
|
|
2051
2179
|
* TOKENS:
|
|
@@ -2055,7 +2183,7 @@
|
|
|
2055
2183
|
*/
|
|
2056
2184
|
/**
|
|
2057
2185
|
* Do not edit directly
|
|
2058
|
-
* Generated on
|
|
2186
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
2059
2187
|
*/
|
|
2060
2188
|
/**
|
|
2061
2189
|
* TOKENS:
|
|
@@ -2065,7 +2193,7 @@
|
|
|
2065
2193
|
*/
|
|
2066
2194
|
/**
|
|
2067
2195
|
* Do not edit directly
|
|
2068
|
-
* Generated on
|
|
2196
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
2069
2197
|
*/
|
|
2070
2198
|
/**
|
|
2071
2199
|
* TOKENS:
|
|
@@ -2118,7 +2246,7 @@
|
|
|
2118
2246
|
|
|
2119
2247
|
/**
|
|
2120
2248
|
* Do not edit directly
|
|
2121
|
-
* Generated on
|
|
2249
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
2122
2250
|
*/
|
|
2123
2251
|
/**
|
|
2124
2252
|
* TOKENS:
|
|
@@ -2143,6 +2271,7 @@
|
|
|
2143
2271
|
margin-bottom: 0.3358659839rem;
|
|
2144
2272
|
}
|
|
2145
2273
|
.ilo--fieldset--helper {
|
|
2274
|
+
color: rgb(109, 109, 109);
|
|
2146
2275
|
font-family: Noto Sans;
|
|
2147
2276
|
font-size: 11.94px;
|
|
2148
2277
|
letter-spacing: normal;
|
|
@@ -2183,7 +2312,7 @@
|
|
|
2183
2312
|
|
|
2184
2313
|
/**
|
|
2185
2314
|
* Do not edit directly
|
|
2186
|
-
* Generated on
|
|
2315
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
2187
2316
|
*/
|
|
2188
2317
|
/**
|
|
2189
2318
|
* TOKENS:
|
|
@@ -2247,7 +2376,7 @@
|
|
|
2247
2376
|
.ilo--file-upload:invalid:before, .ilo--file-upload.error:before, .error .ilo--file-upload:before {
|
|
2248
2377
|
background-color: rgb(255, 255, 255);
|
|
2249
2378
|
border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
|
|
2250
|
-
border-left: 0.1607717042rem solid rgb(
|
|
2379
|
+
border-left: 0.1607717042rem solid rgb(200, 48, 60);
|
|
2251
2380
|
border-right: 0.1071811361rem solid rgb(184, 196, 204);
|
|
2252
2381
|
border-top: 0.1071811361rem solid rgb(184, 196, 204);
|
|
2253
2382
|
}
|
|
@@ -2289,7 +2418,7 @@
|
|
|
2289
2418
|
|
|
2290
2419
|
/**
|
|
2291
2420
|
* Do not edit directly
|
|
2292
|
-
* Generated on
|
|
2421
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
2293
2422
|
*/
|
|
2294
2423
|
/**
|
|
2295
2424
|
* TOKENS:
|
|
@@ -2309,7 +2438,7 @@
|
|
|
2309
2438
|
|
|
2310
2439
|
/**
|
|
2311
2440
|
* Do not edit directly
|
|
2312
|
-
* Generated on
|
|
2441
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
2313
2442
|
*/
|
|
2314
2443
|
/**
|
|
2315
2444
|
* TOKENS:
|
|
@@ -2319,7 +2448,7 @@
|
|
|
2319
2448
|
*/
|
|
2320
2449
|
/**
|
|
2321
2450
|
* Do not edit directly
|
|
2322
|
-
* Generated on
|
|
2451
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
2323
2452
|
*/
|
|
2324
2453
|
/**
|
|
2325
2454
|
* TOKENS:
|
|
@@ -2344,7 +2473,7 @@
|
|
|
2344
2473
|
}
|
|
2345
2474
|
/**
|
|
2346
2475
|
* Do not edit directly
|
|
2347
|
-
* Generated on
|
|
2476
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
2348
2477
|
*/
|
|
2349
2478
|
/**
|
|
2350
2479
|
* TOKENS:
|
|
@@ -2380,7 +2509,9 @@
|
|
|
2380
2509
|
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");
|
|
2381
2510
|
}
|
|
2382
2511
|
.ilo--footer--logo {
|
|
2512
|
+
min-width: 200px;
|
|
2383
2513
|
max-width: 100%;
|
|
2514
|
+
width: 35%;
|
|
2384
2515
|
}
|
|
2385
2516
|
.ilo--footer--secondary {
|
|
2386
2517
|
background-color: rgb(255, 255, 255);
|
|
@@ -2563,7 +2694,7 @@
|
|
|
2563
2694
|
transform: translateY(-50%) rotateX(180deg);
|
|
2564
2695
|
transform-origin: center center;
|
|
2565
2696
|
width: 1.2861736334rem;
|
|
2566
|
-
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24
|
|
2697
|
+
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");
|
|
2567
2698
|
}
|
|
2568
2699
|
.ilo--footer .anchorlink:hover {
|
|
2569
2700
|
background: rgb(235, 245, 253);
|
|
@@ -2575,7 +2706,7 @@
|
|
|
2575
2706
|
transition-timing-function: ease-out;
|
|
2576
2707
|
}
|
|
2577
2708
|
.ilo--footer .anchorlink:hover:after {
|
|
2578
|
-
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24
|
|
2709
|
+
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");
|
|
2579
2710
|
}
|
|
2580
2711
|
@media screen and (min-width: 610px) {
|
|
2581
2712
|
.ilo--footer--main {
|
|
@@ -2601,7 +2732,7 @@
|
|
|
2601
2732
|
grid-area: links;
|
|
2602
2733
|
}
|
|
2603
2734
|
.ilo--footer--logo {
|
|
2604
|
-
width:
|
|
2735
|
+
width: 25%;
|
|
2605
2736
|
}
|
|
2606
2737
|
.ilo--footer--secondary {
|
|
2607
2738
|
padding: 0.9646302251rem 0.857449089rem;
|
|
@@ -2712,7 +2843,7 @@
|
|
|
2712
2843
|
|
|
2713
2844
|
/**
|
|
2714
2845
|
* Do not edit directly
|
|
2715
|
-
* Generated on
|
|
2846
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
2716
2847
|
*/
|
|
2717
2848
|
/**
|
|
2718
2849
|
* TOKENS:
|
|
@@ -2835,7 +2966,7 @@
|
|
|
2835
2966
|
|
|
2836
2967
|
/**
|
|
2837
2968
|
* Do not edit directly
|
|
2838
|
-
* Generated on
|
|
2969
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
2839
2970
|
*/
|
|
2840
2971
|
/**
|
|
2841
2972
|
* TOKENS:
|
|
@@ -3168,7 +3299,7 @@
|
|
|
3168
3299
|
|
|
3169
3300
|
/**
|
|
3170
3301
|
* Do not edit directly
|
|
3171
|
-
* Generated on
|
|
3302
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
3172
3303
|
*/
|
|
3173
3304
|
/**
|
|
3174
3305
|
* TOKENS:
|
|
@@ -3211,10 +3342,20 @@
|
|
|
3211
3342
|
bottom: -0.2143622722rem;
|
|
3212
3343
|
}
|
|
3213
3344
|
}
|
|
3345
|
+
.right-to-left .ilo--image .ilo--image--caption {
|
|
3346
|
+
border-left: none;
|
|
3347
|
+
border-right: 3px solid #b8c4cc;
|
|
3348
|
+
padding-left: 0;
|
|
3349
|
+
padding-right: 0.4287245445rem;
|
|
3350
|
+
}
|
|
3351
|
+
.right-to-left .ilo--image .ilo--credit {
|
|
3352
|
+
left: auto;
|
|
3353
|
+
right: 0;
|
|
3354
|
+
}
|
|
3214
3355
|
|
|
3215
3356
|
/**
|
|
3216
3357
|
* Do not edit directly
|
|
3217
|
-
* Generated on
|
|
3358
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
3218
3359
|
*/
|
|
3219
3360
|
/**
|
|
3220
3361
|
* TOKENS:
|
|
@@ -3232,7 +3373,7 @@
|
|
|
3232
3373
|
border-right: 0.1071811361rem solid rgb(184, 196, 204);
|
|
3233
3374
|
border-top: 0.1071811361rem solid rgb(184, 196, 204);
|
|
3234
3375
|
box-sizing: border-box;
|
|
3235
|
-
font-family:
|
|
3376
|
+
font-family: Noto Sans;
|
|
3236
3377
|
font-weight: 500;
|
|
3237
3378
|
font-size: 16px;
|
|
3238
3379
|
letter-spacing: -0.02em;
|
|
@@ -3243,14 +3384,6 @@
|
|
|
3243
3384
|
padding: 0.857449089rem 0.6430868167rem 0.857449089rem 0.6430868167rem;
|
|
3244
3385
|
width: 100%;
|
|
3245
3386
|
}
|
|
3246
|
-
.ilo--input:hover {
|
|
3247
|
-
background-color: rgb(235, 245, 253);
|
|
3248
|
-
border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
|
|
3249
|
-
border-left: 0.1607717042rem solid rgb(30, 45, 190);
|
|
3250
|
-
border-right: 0.1071811361rem solid rgb(184, 196, 204);
|
|
3251
|
-
border-top: 0.1071811361rem solid rgb(184, 196, 204);
|
|
3252
|
-
padding-left: 11px;
|
|
3253
|
-
}
|
|
3254
3387
|
.ilo--input:focus {
|
|
3255
3388
|
background-color: rgb(235, 245, 253);
|
|
3256
3389
|
border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
|
|
@@ -3267,7 +3400,7 @@
|
|
|
3267
3400
|
.ilo--input:invalid, .ilo--input.error, .error .ilo--input {
|
|
3268
3401
|
background-color: rgb(255, 255, 255);
|
|
3269
3402
|
border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
|
|
3270
|
-
border-left: 0.1607717042rem solid rgb(
|
|
3403
|
+
border-left: 0.1607717042rem solid rgb(200, 48, 60);
|
|
3271
3404
|
border-right: 0.1071811361rem solid rgb(184, 196, 204);
|
|
3272
3405
|
border-top: 0.1071811361rem solid rgb(184, 196, 204);
|
|
3273
3406
|
}
|
|
@@ -3364,7 +3497,7 @@
|
|
|
3364
3497
|
|
|
3365
3498
|
/**
|
|
3366
3499
|
* Do not edit directly
|
|
3367
|
-
* Generated on
|
|
3500
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
3368
3501
|
*/
|
|
3369
3502
|
/**
|
|
3370
3503
|
* TOKENS:
|
|
@@ -3374,7 +3507,7 @@
|
|
|
3374
3507
|
*/
|
|
3375
3508
|
/**
|
|
3376
3509
|
* Do not edit directly
|
|
3377
|
-
* Generated on
|
|
3510
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
3378
3511
|
*/
|
|
3379
3512
|
/**
|
|
3380
3513
|
* TOKENS:
|
|
@@ -3399,7 +3532,7 @@
|
|
|
3399
3532
|
}
|
|
3400
3533
|
/**
|
|
3401
3534
|
* Do not edit directly
|
|
3402
|
-
* Generated on
|
|
3535
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
3403
3536
|
*/
|
|
3404
3537
|
/**
|
|
3405
3538
|
* TOKENS:
|
|
@@ -3464,6 +3597,7 @@
|
|
|
3464
3597
|
line-height: 23.36px;
|
|
3465
3598
|
padding-bottom: 0.8934549032rem;
|
|
3466
3599
|
padding-top: 0.8934549032rem;
|
|
3600
|
+
padding-right: 1.7148981779rem;
|
|
3467
3601
|
text-decoration: none;
|
|
3468
3602
|
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");
|
|
3469
3603
|
}
|
|
@@ -3549,7 +3683,7 @@
|
|
|
3549
3683
|
|
|
3550
3684
|
/**
|
|
3551
3685
|
* Do not edit directly
|
|
3552
|
-
* Generated on
|
|
3686
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
3553
3687
|
*/
|
|
3554
3688
|
/**
|
|
3555
3689
|
* TOKENS:
|
|
@@ -3612,7 +3746,7 @@
|
|
|
3612
3746
|
|
|
3613
3747
|
/**
|
|
3614
3748
|
* Do not edit directly
|
|
3615
|
-
* Generated on
|
|
3749
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
3616
3750
|
*/
|
|
3617
3751
|
/**
|
|
3618
3752
|
* TOKENS:
|
|
@@ -3622,7 +3756,7 @@
|
|
|
3622
3756
|
*/
|
|
3623
3757
|
/**
|
|
3624
3758
|
* Do not edit directly
|
|
3625
|
-
* Generated on
|
|
3759
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
3626
3760
|
*/
|
|
3627
3761
|
/**
|
|
3628
3762
|
* TOKENS:
|
|
@@ -3632,7 +3766,7 @@
|
|
|
3632
3766
|
*/
|
|
3633
3767
|
/**
|
|
3634
3768
|
* Do not edit directly
|
|
3635
|
-
* Generated on
|
|
3769
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
3636
3770
|
*/
|
|
3637
3771
|
/**
|
|
3638
3772
|
* TOKENS:
|
|
@@ -3740,7 +3874,7 @@
|
|
|
3740
3874
|
|
|
3741
3875
|
/**
|
|
3742
3876
|
* Do not edit directly
|
|
3743
|
-
* Generated on
|
|
3877
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
3744
3878
|
*/
|
|
3745
3879
|
/**
|
|
3746
3880
|
* TOKENS:
|
|
@@ -3750,7 +3884,7 @@
|
|
|
3750
3884
|
*/
|
|
3751
3885
|
/**
|
|
3752
3886
|
* Do not edit directly
|
|
3753
|
-
* Generated on
|
|
3887
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
3754
3888
|
*/
|
|
3755
3889
|
/**
|
|
3756
3890
|
* TOKENS:
|
|
@@ -3760,7 +3894,7 @@
|
|
|
3760
3894
|
*/
|
|
3761
3895
|
/**
|
|
3762
3896
|
* Do not edit directly
|
|
3763
|
-
* Generated on
|
|
3897
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
3764
3898
|
*/
|
|
3765
3899
|
/**
|
|
3766
3900
|
* TOKENS:
|
|
@@ -3800,7 +3934,10 @@
|
|
|
3800
3934
|
}
|
|
3801
3935
|
.ilo--modal.show.fadein .ilo--modal--wrapper > * {
|
|
3802
3936
|
opacity: 1;
|
|
3803
|
-
transition:
|
|
3937
|
+
transition-delay: 125ms;
|
|
3938
|
+
transition-property: opacity;
|
|
3939
|
+
transition-duration: 150ms;
|
|
3940
|
+
transition-timing-function: ease-out;
|
|
3804
3941
|
}
|
|
3805
3942
|
.ilo--modal--background {
|
|
3806
3943
|
background-color: rgba(0, 0, 0, 0.85);
|
|
@@ -3824,11 +3961,17 @@
|
|
|
3824
3961
|
z-index: 10003;
|
|
3825
3962
|
}
|
|
3826
3963
|
.ilo--modal .modal--close {
|
|
3964
|
+
height: 2.1436227224rem;
|
|
3827
3965
|
right: 0;
|
|
3828
3966
|
position: absolute;
|
|
3829
3967
|
top: 0;
|
|
3968
|
+
width: 2.1436227224rem;
|
|
3830
3969
|
z-index: 10004;
|
|
3831
3970
|
}
|
|
3971
|
+
.ilo--modal .modal--close .ilo--icon {
|
|
3972
|
+
left: 0.1607717042rem;
|
|
3973
|
+
top: 0.1607717042rem;
|
|
3974
|
+
}
|
|
3832
3975
|
@media screen and (min-width: 610px) {
|
|
3833
3976
|
.ilo--modal--contents {
|
|
3834
3977
|
margin: 0 23.2%;
|
|
@@ -3848,7 +3991,7 @@
|
|
|
3848
3991
|
|
|
3849
3992
|
/**
|
|
3850
3993
|
* Do not edit directly
|
|
3851
|
-
* Generated on
|
|
3994
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
3852
3995
|
*/
|
|
3853
3996
|
/**
|
|
3854
3997
|
* TOKENS:
|
|
@@ -3857,7 +4000,7 @@
|
|
|
3857
4000
|
* MAPS:
|
|
3858
4001
|
*/
|
|
3859
4002
|
.ilo--header {
|
|
3860
|
-
overflow
|
|
4003
|
+
overflow: hidden;
|
|
3861
4004
|
position: relative;
|
|
3862
4005
|
z-index: 4;
|
|
3863
4006
|
}
|
|
@@ -3964,6 +4107,9 @@
|
|
|
3964
4107
|
.ilo--header--utility-bar--local {
|
|
3965
4108
|
justify-content: space-between;
|
|
3966
4109
|
}
|
|
4110
|
+
.right-to-left .ilo--header--utility-bar {
|
|
4111
|
+
flex-direction: row-reverse;
|
|
4112
|
+
}
|
|
3967
4113
|
}
|
|
3968
4114
|
.ilo--header--inner {
|
|
3969
4115
|
margin: auto;
|
|
@@ -3971,6 +4117,9 @@
|
|
|
3971
4117
|
padding: 0 16px;
|
|
3972
4118
|
width: 100%;
|
|
3973
4119
|
}
|
|
4120
|
+
.right-to-left .ilo--header--inner {
|
|
4121
|
+
direction: rtl;
|
|
4122
|
+
}
|
|
3974
4123
|
@media screen and (min-width: 1024px) {
|
|
3975
4124
|
.ilo--header--inner {
|
|
3976
4125
|
display: flex;
|
|
@@ -4008,6 +4157,9 @@
|
|
|
4008
4157
|
padding: 20px 0;
|
|
4009
4158
|
text-align: right;
|
|
4010
4159
|
}
|
|
4160
|
+
.right-to-left .ilo--header--logo-tagline {
|
|
4161
|
+
text-align: left;
|
|
4162
|
+
}
|
|
4011
4163
|
@media screen and (min-width: 1024px) {
|
|
4012
4164
|
.ilo--header--logo-tagline {
|
|
4013
4165
|
display: block;
|
|
@@ -4017,6 +4169,7 @@
|
|
|
4017
4169
|
font-size: 11.9px;
|
|
4018
4170
|
letter-spacing: -0.02em;
|
|
4019
4171
|
line-height: 19.4px;
|
|
4172
|
+
color: rgb(190, 220, 250);
|
|
4020
4173
|
display: block;
|
|
4021
4174
|
font-weight: 500;
|
|
4022
4175
|
}
|
|
@@ -4082,7 +4235,7 @@
|
|
|
4082
4235
|
padding: 21.5px 24px 20.5px;
|
|
4083
4236
|
}
|
|
4084
4237
|
.ilo--nav--link:hover, .ilo--nav--link:focus {
|
|
4085
|
-
background: rgb(
|
|
4238
|
+
background: rgb(235, 245, 253);
|
|
4086
4239
|
color: rgb(30, 45, 190);
|
|
4087
4240
|
text-decoration: none;
|
|
4088
4241
|
}
|
|
@@ -4094,7 +4247,7 @@
|
|
|
4094
4247
|
line-height: 21.6px;
|
|
4095
4248
|
appearance: none;
|
|
4096
4249
|
background-color: rgb(255, 255, 255);
|
|
4097
|
-
background-position:
|
|
4250
|
+
background-position: calc(100% - 16px) 55%;
|
|
4098
4251
|
background-repeat: no-repeat;
|
|
4099
4252
|
background-size: 16px;
|
|
4100
4253
|
border: none;
|
|
@@ -4113,6 +4266,19 @@
|
|
|
4113
4266
|
background-color: rgb(235, 245, 253);
|
|
4114
4267
|
color: rgb(30, 45, 190);
|
|
4115
4268
|
}
|
|
4269
|
+
.right-to-left .ilo--nav--trigger {
|
|
4270
|
+
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");
|
|
4271
|
+
background-color: rgb(255, 255, 255);
|
|
4272
|
+
background-position: 16px 55%;
|
|
4273
|
+
background-repeat: no-repeat;
|
|
4274
|
+
background-size: 16px;
|
|
4275
|
+
text-align: right;
|
|
4276
|
+
}
|
|
4277
|
+
.right-to-left .ilo--nav--trigger:focus, .right-to-left .ilo--nav--trigger:hover {
|
|
4278
|
+
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");
|
|
4279
|
+
background-color: rgb(235, 245, 253);
|
|
4280
|
+
color: rgb(30, 45, 190);
|
|
4281
|
+
}
|
|
4116
4282
|
@media screen and (min-width: 1024px) {
|
|
4117
4283
|
.ilo--nav--trigger {
|
|
4118
4284
|
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");
|
|
@@ -4141,6 +4307,19 @@
|
|
|
4141
4307
|
border-color: rgb(255, 255, 255);
|
|
4142
4308
|
color: rgb(30, 45, 190);
|
|
4143
4309
|
}
|
|
4310
|
+
.right-to-left .ilo--nav--trigger {
|
|
4311
|
+
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");
|
|
4312
|
+
background-color: rgb(35, 0, 80);
|
|
4313
|
+
background-position: 90% 55%;
|
|
4314
|
+
background-repeat: no-repeat;
|
|
4315
|
+
background-size: 20px;
|
|
4316
|
+
text-align: left;
|
|
4317
|
+
}
|
|
4318
|
+
.right-to-left .ilo--nav--trigger:focus, .right-to-left .ilo--nav--trigger:hover {
|
|
4319
|
+
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");
|
|
4320
|
+
background-color: rgb(255, 255, 255);
|
|
4321
|
+
color: rgb(30, 45, 190);
|
|
4322
|
+
}
|
|
4144
4323
|
}
|
|
4145
4324
|
.ilo--nav--local {
|
|
4146
4325
|
display: flex;
|
|
@@ -4175,11 +4354,60 @@
|
|
|
4175
4354
|
color: rgb(30, 45, 190);
|
|
4176
4355
|
}
|
|
4177
4356
|
|
|
4357
|
+
.ilo--mobile--nav {
|
|
4358
|
+
border-bottom: 3px solid rgb(237, 240, 242);
|
|
4359
|
+
margin-bottom: 16px;
|
|
4360
|
+
padding-bottom: 16px;
|
|
4361
|
+
}
|
|
4178
4362
|
.ilo--mobile--nav--logo {
|
|
4179
4363
|
align-items: center;
|
|
4180
4364
|
display: flex;
|
|
4181
4365
|
justify-content: space-between;
|
|
4182
4366
|
}
|
|
4367
|
+
.ilo--mobile--nav--language--select {
|
|
4368
|
+
background: rgb(255, 255, 255);
|
|
4369
|
+
left: 0;
|
|
4370
|
+
height: 100%;
|
|
4371
|
+
padding: 0 0 1.7148981779rem;
|
|
4372
|
+
position: absolute;
|
|
4373
|
+
top: 0;
|
|
4374
|
+
transform: translateX(100%);
|
|
4375
|
+
transition: transform 225ms ease-out;
|
|
4376
|
+
width: 100%;
|
|
4377
|
+
}
|
|
4378
|
+
.ilo--select--open .ilo--mobile--nav--language--select {
|
|
4379
|
+
transform: translateX(0);
|
|
4380
|
+
}
|
|
4381
|
+
.ilo--mobile--nav--language--switcher--button {
|
|
4382
|
+
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");
|
|
4383
|
+
font-size: 16px;
|
|
4384
|
+
letter-spacing: -0.02em;
|
|
4385
|
+
line-height: 21.6px;
|
|
4386
|
+
appearance: none;
|
|
4387
|
+
background-color: rgb(255, 255, 255);
|
|
4388
|
+
background-position: calc(100% - 16px) 55%;
|
|
4389
|
+
background-repeat: no-repeat;
|
|
4390
|
+
background-size: 16px;
|
|
4391
|
+
border: none;
|
|
4392
|
+
color: rgb(35, 0, 80);
|
|
4393
|
+
cursor: pointer;
|
|
4394
|
+
display: block;
|
|
4395
|
+
font-family: Overpass;
|
|
4396
|
+
font-weight: 500;
|
|
4397
|
+
padding: 16px 36px 16px 8px;
|
|
4398
|
+
text-align: left;
|
|
4399
|
+
transition: all 150ms ease-out;
|
|
4400
|
+
width: 100%;
|
|
4401
|
+
}
|
|
4402
|
+
.ilo--mobile--nav--language--switcher--button:focus, .ilo--mobile--nav--language--switcher--button:hover {
|
|
4403
|
+
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");
|
|
4404
|
+
background-color: rgb(235, 245, 253);
|
|
4405
|
+
color: rgb(30, 45, 190);
|
|
4406
|
+
}
|
|
4407
|
+
.right-to-left .ilo--mobile--nav--language--switcher--button {
|
|
4408
|
+
background-position: 16px 55%;
|
|
4409
|
+
text-align: right;
|
|
4410
|
+
}
|
|
4183
4411
|
@media screen and (min-width: 1024px) {
|
|
4184
4412
|
.ilo--mobile--nav {
|
|
4185
4413
|
display: none;
|
|
@@ -4192,6 +4420,9 @@
|
|
|
4192
4420
|
padding: 0 max((100% - 1300px) / 2, 20px) 0 0;
|
|
4193
4421
|
position: relative;
|
|
4194
4422
|
}
|
|
4423
|
+
.right-to-left .ilo--language-switcher {
|
|
4424
|
+
padding: 0 0 0 max((100% - 1300px) / 2, 20px);
|
|
4425
|
+
}
|
|
4195
4426
|
.ilo--language-switcher::before {
|
|
4196
4427
|
background: rgb(35, 0, 80);
|
|
4197
4428
|
clip-path: polygon(0 0, 100% 0, 100% 100%);
|
|
@@ -4203,6 +4434,11 @@
|
|
|
4203
4434
|
top: 0;
|
|
4204
4435
|
width: 32px;
|
|
4205
4436
|
}
|
|
4437
|
+
.right-to-left .ilo--language-switcher::before {
|
|
4438
|
+
clip-path: polygon(0 0, 0 100%, 100% 100%);
|
|
4439
|
+
left: auto;
|
|
4440
|
+
right: -32px;
|
|
4441
|
+
}
|
|
4206
4442
|
.ilo--language-switcher--wrap {
|
|
4207
4443
|
display: flex;
|
|
4208
4444
|
position: relative;
|
|
@@ -4221,6 +4457,7 @@
|
|
|
4221
4457
|
color: rgb(255, 255, 255);
|
|
4222
4458
|
cursor: pointer;
|
|
4223
4459
|
display: block;
|
|
4460
|
+
font-family: Overpass;
|
|
4224
4461
|
font-weight: 500;
|
|
4225
4462
|
padding: 8px 30px 8px 40px;
|
|
4226
4463
|
transition: all 150ms ease-out;
|
|
@@ -4245,6 +4482,8 @@
|
|
|
4245
4482
|
|
|
4246
4483
|
.ilo--subnav {
|
|
4247
4484
|
background: rgb(255, 255, 255);
|
|
4485
|
+
height: 100%;
|
|
4486
|
+
left: 0;
|
|
4248
4487
|
padding: 0 0 32px;
|
|
4249
4488
|
position: absolute;
|
|
4250
4489
|
top: 0;
|
|
@@ -4255,8 +4494,13 @@
|
|
|
4255
4494
|
.ilo--subnav--open .ilo--subnav {
|
|
4256
4495
|
transform: translateX(0);
|
|
4257
4496
|
}
|
|
4497
|
+
.right-to-left .ilo--subnav {
|
|
4498
|
+
direction: rtl;
|
|
4499
|
+
}
|
|
4258
4500
|
@media screen and (min-width: 1024px) {
|
|
4259
4501
|
.ilo--subnav {
|
|
4502
|
+
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));
|
|
4503
|
+
height: auto;
|
|
4260
4504
|
left: 0;
|
|
4261
4505
|
padding: 32px 0;
|
|
4262
4506
|
top: auto;
|
|
@@ -4330,12 +4574,14 @@
|
|
|
4330
4574
|
border: none;
|
|
4331
4575
|
color: rgb(35, 0, 80);
|
|
4332
4576
|
cursor: pointer;
|
|
4577
|
+
font-family: Overpass;
|
|
4578
|
+
font-weight: 500;
|
|
4333
4579
|
padding: 16px 16px 16px 32px;
|
|
4334
4580
|
position: relative;
|
|
4335
4581
|
transition: all 150ms ease-out;
|
|
4336
4582
|
}
|
|
4337
4583
|
.ilo--mobile--subnav--back::before {
|
|
4338
|
-
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'
|
|
4584
|
+
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");
|
|
4339
4585
|
background-position: 10% center;
|
|
4340
4586
|
background-repeat: no-repeat;
|
|
4341
4587
|
background-size: 24px;
|
|
@@ -4345,14 +4591,31 @@
|
|
|
4345
4591
|
left: 0;
|
|
4346
4592
|
position: absolute;
|
|
4347
4593
|
top: 50%;
|
|
4348
|
-
transform: translateY(-50%)
|
|
4594
|
+
transform: translateY(-50%);
|
|
4349
4595
|
width: 24px;
|
|
4350
4596
|
}
|
|
4597
|
+
.right-to-left .ilo--mobile--subnav--back {
|
|
4598
|
+
padding: 16px 32px 16px 16px;
|
|
4599
|
+
}
|
|
4600
|
+
.right-to-left .ilo--mobile--subnav--back::before {
|
|
4601
|
+
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");
|
|
4602
|
+
background-position: 10% center;
|
|
4603
|
+
background-repeat: no-repeat;
|
|
4604
|
+
background-size: 24px;
|
|
4605
|
+
left: auto;
|
|
4606
|
+
right: 0;
|
|
4607
|
+
}
|
|
4351
4608
|
.ilo--mobile--subnav--back:hover, .ilo--mobile--subnav--back:focus {
|
|
4352
4609
|
background-color: rgb(235, 245, 253);
|
|
4353
4610
|
color: rgb(30, 45, 190);
|
|
4354
4611
|
}
|
|
4355
4612
|
.ilo--mobile--subnav--back:hover::before, .ilo--mobile--subnav--back:focus::before {
|
|
4613
|
+
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");
|
|
4614
|
+
background-position: 10% center;
|
|
4615
|
+
background-repeat: no-repeat;
|
|
4616
|
+
background-size: 24px;
|
|
4617
|
+
}
|
|
4618
|
+
.right-to-left .ilo--mobile--subnav--back:hover::before, .right-to-left .ilo--mobile--subnav--back:focus::before {
|
|
4356
4619
|
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");
|
|
4357
4620
|
background-position: 10% center;
|
|
4358
4621
|
background-repeat: no-repeat;
|
|
@@ -4378,6 +4641,7 @@
|
|
|
4378
4641
|
|
|
4379
4642
|
.ilo--search-box {
|
|
4380
4643
|
background: rgb(255, 255, 255);
|
|
4644
|
+
left: 0;
|
|
4381
4645
|
position: absolute;
|
|
4382
4646
|
top: 0;
|
|
4383
4647
|
transform: translateX(100%);
|
|
@@ -4389,6 +4653,7 @@
|
|
|
4389
4653
|
}
|
|
4390
4654
|
@media screen and (min-width: 1024px) {
|
|
4391
4655
|
.ilo--search-box {
|
|
4656
|
+
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));
|
|
4392
4657
|
left: 0;
|
|
4393
4658
|
padding: 32px 0;
|
|
4394
4659
|
top: auto;
|
|
@@ -4434,20 +4699,20 @@
|
|
|
4434
4699
|
background-color: rgb(235, 245, 253);
|
|
4435
4700
|
}
|
|
4436
4701
|
.ilo--search--open .ilo--search--button {
|
|
4437
|
-
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='
|
|
4702
|
+
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");
|
|
4438
4703
|
background-color: rgb(255, 255, 255);
|
|
4439
4704
|
background-position: center;
|
|
4440
4705
|
background-repeat: no-repeat;
|
|
4441
4706
|
background-size: 21.5px 21.5px;
|
|
4442
4707
|
}
|
|
4443
4708
|
.ilo--search--open .ilo--search--button:hover, .ilo--search--open .ilo--search--button:focus {
|
|
4444
|
-
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='
|
|
4709
|
+
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");
|
|
4445
4710
|
background-color: rgb(235, 245, 253);
|
|
4446
4711
|
}
|
|
4447
4712
|
|
|
4448
4713
|
/**
|
|
4449
4714
|
* Do not edit directly
|
|
4450
|
-
* Generated on
|
|
4715
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
4451
4716
|
*/
|
|
4452
4717
|
/**
|
|
4453
4718
|
* TOKENS:
|
|
@@ -4457,7 +4722,7 @@
|
|
|
4457
4722
|
*/
|
|
4458
4723
|
/**
|
|
4459
4724
|
* Do not edit directly
|
|
4460
|
-
* Generated on
|
|
4725
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
4461
4726
|
*/
|
|
4462
4727
|
/**
|
|
4463
4728
|
* TOKENS:
|
|
@@ -4467,7 +4732,7 @@
|
|
|
4467
4732
|
*/
|
|
4468
4733
|
/**
|
|
4469
4734
|
* Do not edit directly
|
|
4470
|
-
* Generated on
|
|
4735
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
4471
4736
|
*/
|
|
4472
4737
|
/**
|
|
4473
4738
|
* TOKENS:
|
|
@@ -4555,7 +4820,7 @@
|
|
|
4555
4820
|
}
|
|
4556
4821
|
.icon--info .ilo--notification--content:before {
|
|
4557
4822
|
background-color: rgb(30, 45, 190);
|
|
4558
|
-
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'
|
|
4823
|
+
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");
|
|
4559
4824
|
}
|
|
4560
4825
|
.icon--success .ilo--notification--content:before {
|
|
4561
4826
|
background-color: rgb(140, 225, 100);
|
|
@@ -4659,7 +4924,7 @@
|
|
|
4659
4924
|
|
|
4660
4925
|
/**
|
|
4661
4926
|
* Do not edit directly
|
|
4662
|
-
* Generated on
|
|
4927
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
4663
4928
|
*/
|
|
4664
4929
|
/**
|
|
4665
4930
|
* TOKENS:
|
|
@@ -4794,7 +5059,7 @@
|
|
|
4794
5059
|
|
|
4795
5060
|
/**
|
|
4796
5061
|
* Do not edit directly
|
|
4797
|
-
* Generated on
|
|
5062
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
4798
5063
|
*/
|
|
4799
5064
|
/**
|
|
4800
5065
|
* TOKENS:
|
|
@@ -4834,35 +5099,46 @@
|
|
|
4834
5099
|
font-family: Overpass;
|
|
4835
5100
|
font-weight: 700;
|
|
4836
5101
|
margin-left: 11px;
|
|
4837
|
-
font-size:
|
|
5102
|
+
font-size: 16px;
|
|
4838
5103
|
letter-spacing: normal;
|
|
4839
|
-
line-height:
|
|
5104
|
+
line-height: 23.36px;
|
|
4840
5105
|
}
|
|
4841
5106
|
.ilo--profile--role {
|
|
4842
5107
|
display: block;
|
|
4843
5108
|
font-family: Noto Sans;
|
|
4844
5109
|
margin-left: 11px;
|
|
5110
|
+
font-size: 14.93px;
|
|
5111
|
+
letter-spacing: normal;
|
|
5112
|
+
line-height: 20.3px;
|
|
4845
5113
|
}
|
|
4846
5114
|
.ilo--profile--description {
|
|
4847
5115
|
clear: both;
|
|
4848
5116
|
font-family: Noto Sans;
|
|
4849
5117
|
padding-top: 22px;
|
|
5118
|
+
font-size: 14.93px;
|
|
5119
|
+
letter-spacing: normal;
|
|
5120
|
+
line-height: 20.3px;
|
|
4850
5121
|
}
|
|
4851
5122
|
.ilo--profile--link {
|
|
5123
|
+
align-items: center;
|
|
4852
5124
|
clear: both;
|
|
4853
5125
|
color: rgb(35, 0, 80);
|
|
4854
|
-
display:
|
|
5126
|
+
display: inline-flex;
|
|
4855
5127
|
font-family: Overpass;
|
|
4856
5128
|
font-weight: 500;
|
|
5129
|
+
height: 3.0010718114rem;
|
|
4857
5130
|
text-decoration: none;
|
|
4858
|
-
font-size:
|
|
5131
|
+
font-size: 16px;
|
|
4859
5132
|
letter-spacing: normal;
|
|
4860
|
-
line-height:
|
|
5133
|
+
line-height: 23.36px;
|
|
4861
5134
|
}
|
|
4862
5135
|
.ilo--profile--link span {
|
|
5136
|
+
align-items: center;
|
|
4863
5137
|
background-position: calc(100% - 10px) center;
|
|
4864
5138
|
background-repeat: no-repeat;
|
|
4865
5139
|
background-size: 24px 24px;
|
|
5140
|
+
display: inline-flex;
|
|
5141
|
+
height: 24px;
|
|
4866
5142
|
padding-right: 32px;
|
|
4867
5143
|
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");
|
|
4868
5144
|
}
|
|
@@ -4881,6 +5157,7 @@
|
|
|
4881
5157
|
background-color: rgb(255, 205, 45);
|
|
4882
5158
|
}
|
|
4883
5159
|
.ilo--profile--link:hover, .ilo--profile--link:focus {
|
|
5160
|
+
background-color: rgb(235, 245, 253);
|
|
4884
5161
|
color: rgb(30, 45, 190);
|
|
4885
5162
|
outline: none;
|
|
4886
5163
|
}
|
|
@@ -4888,42 +5165,18 @@
|
|
|
4888
5165
|
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");
|
|
4889
5166
|
}
|
|
4890
5167
|
.ilo--profile .ilo--profile--description + .ilo--profile--link {
|
|
4891
|
-
margin-top:
|
|
5168
|
+
margin-top: 0.4287245445rem;
|
|
4892
5169
|
}
|
|
4893
5170
|
.ilo--profile .ilo--profile--role + .ilo--profile--link {
|
|
4894
|
-
margin-top:
|
|
5171
|
+
margin-top: 0.1071811361rem;
|
|
4895
5172
|
}
|
|
4896
5173
|
.ilo--profile .ilo--profile--name + .ilo--profile--link {
|
|
4897
|
-
margin-top:
|
|
4898
|
-
}
|
|
4899
|
-
@media screen and (min-width: 610px) {
|
|
4900
|
-
.ilo--profile--name {
|
|
4901
|
-
font-size: 16px;
|
|
4902
|
-
letter-spacing: normal;
|
|
4903
|
-
line-height: 23.36px;
|
|
4904
|
-
}
|
|
4905
|
-
.ilo--profile--role {
|
|
4906
|
-
font-family: Noto Sans;
|
|
4907
|
-
font-size: 14.93px;
|
|
4908
|
-
letter-spacing: normal;
|
|
4909
|
-
line-height: 20.3px;
|
|
4910
|
-
}
|
|
4911
|
-
.ilo--profile--description {
|
|
4912
|
-
font-family: Noto Sans;
|
|
4913
|
-
font-size: 14.93px;
|
|
4914
|
-
letter-spacing: normal;
|
|
4915
|
-
line-height: 20.3px;
|
|
4916
|
-
}
|
|
4917
|
-
.ilo--profile--link {
|
|
4918
|
-
font-size: 16px;
|
|
4919
|
-
letter-spacing: normal;
|
|
4920
|
-
line-height: 23.36px;
|
|
4921
|
-
}
|
|
5174
|
+
margin-top: 0.9646302251rem;
|
|
4922
5175
|
}
|
|
4923
5176
|
|
|
4924
5177
|
/**
|
|
4925
5178
|
* Do not edit directly
|
|
4926
|
-
* Generated on
|
|
5179
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
4927
5180
|
*/
|
|
4928
5181
|
/**
|
|
4929
5182
|
* TOKENS:
|
|
@@ -4973,15 +5226,6 @@
|
|
|
4973
5226
|
.ilo--radio:checked:after {
|
|
4974
5227
|
background-color: rgb(35, 0, 80);
|
|
4975
5228
|
}
|
|
4976
|
-
.ilo--radio:hover {
|
|
4977
|
-
cursor: pointer;
|
|
4978
|
-
}
|
|
4979
|
-
.ilo--radio:hover:after {
|
|
4980
|
-
background-color: rgb(255, 205, 45);
|
|
4981
|
-
}
|
|
4982
|
-
.ilo--radio:hover:checked:before {
|
|
4983
|
-
border-color: rgb(35, 0, 80);
|
|
4984
|
-
}
|
|
4985
5229
|
.ilo--radio:focus {
|
|
4986
5230
|
outline: none;
|
|
4987
5231
|
}
|
|
@@ -5024,7 +5268,7 @@
|
|
|
5024
5268
|
|
|
5025
5269
|
/**
|
|
5026
5270
|
* Do not edit directly
|
|
5027
|
-
* Generated on
|
|
5271
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
5028
5272
|
*/
|
|
5029
5273
|
/**
|
|
5030
5274
|
* TOKENS:
|
|
@@ -5061,7 +5305,7 @@
|
|
|
5061
5305
|
transform: translateY(-50%);
|
|
5062
5306
|
transform-origin: center center;
|
|
5063
5307
|
width: 1.2861736334rem;
|
|
5064
|
-
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24
|
|
5308
|
+
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");
|
|
5065
5309
|
}
|
|
5066
5310
|
.ilo--read-more--button:hover {
|
|
5067
5311
|
background: rgb(235, 245, 253);
|
|
@@ -5074,7 +5318,7 @@
|
|
|
5074
5318
|
transition: background 150ms linear, border 150ms linear, color 150ms linear;
|
|
5075
5319
|
}
|
|
5076
5320
|
.ilo--read-more--button:hover:after {
|
|
5077
|
-
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24
|
|
5321
|
+
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");
|
|
5078
5322
|
}
|
|
5079
5323
|
.ilo--read-more--button--open:after {
|
|
5080
5324
|
transform: translateY(-50%) rotateX(180deg);
|
|
@@ -5083,7 +5327,7 @@
|
|
|
5083
5327
|
|
|
5084
5328
|
/**
|
|
5085
5329
|
* Do not edit directly
|
|
5086
|
-
* Generated on
|
|
5330
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
5087
5331
|
*/
|
|
5088
5332
|
/**
|
|
5089
5333
|
* TOKENS:
|
|
@@ -5449,10 +5693,55 @@
|
|
|
5449
5693
|
width: 3.4297963558rem;
|
|
5450
5694
|
}
|
|
5451
5695
|
}
|
|
5696
|
+
.right-to-left .ilo--richtext {
|
|
5697
|
+
direction: rtl;
|
|
5698
|
+
}
|
|
5699
|
+
.right-to-left .ilo--richtext figcaption {
|
|
5700
|
+
border-left: none;
|
|
5701
|
+
border-right: 3px solid #b8c4cc;
|
|
5702
|
+
padding-left: 0;
|
|
5703
|
+
padding-right: 0.4287245445rem;
|
|
5704
|
+
}
|
|
5705
|
+
.right-to-left .ilo--richtext ul li,
|
|
5706
|
+
.right-to-left .ilo--richtext ol li {
|
|
5707
|
+
margin-left: 0;
|
|
5708
|
+
margin-right: 0.6430868167rem;
|
|
5709
|
+
padding-left: 0;
|
|
5710
|
+
padding-right: 0.6430868167rem;
|
|
5711
|
+
}
|
|
5712
|
+
.right-to-left .ilo--richtext ul li::before,
|
|
5713
|
+
.right-to-left .ilo--richtext ol li::before {
|
|
5714
|
+
left: auto;
|
|
5715
|
+
right: -0.6430868167rem;
|
|
5716
|
+
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");
|
|
5717
|
+
}
|
|
5718
|
+
.right-to-left .ilo--richtext blockquote {
|
|
5719
|
+
background-position: -1px -1px;
|
|
5720
|
+
padding: 2.8938906752rem 1.7148981779rem 1.822079314rem 0;
|
|
5721
|
+
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");
|
|
5722
|
+
}
|
|
5723
|
+
.right-to-left .ilo--richtext blockquote p {
|
|
5724
|
+
padding: 0 0 0 2.5723472669rem;
|
|
5725
|
+
}
|
|
5726
|
+
.right-to-left .ilo--richtext blockquote p:after {
|
|
5727
|
+
left: 0;
|
|
5728
|
+
right: auto;
|
|
5729
|
+
transform: scaleX(1);
|
|
5730
|
+
}
|
|
5731
|
+
.right-to-left .ilo--richtext blockquote:before {
|
|
5732
|
+
left: auto;
|
|
5733
|
+
right: 0;
|
|
5734
|
+
transform: scaleX(-1);
|
|
5735
|
+
}
|
|
5736
|
+
@media screen and (min-width: 610px) {
|
|
5737
|
+
.right-to-left .ilo--richtext blockquote {
|
|
5738
|
+
padding: 3.3226152197rem 2.5723472669rem 2.5723472669rem 0;
|
|
5739
|
+
}
|
|
5740
|
+
}
|
|
5452
5741
|
|
|
5453
5742
|
/**
|
|
5454
5743
|
* Do not edit directly
|
|
5455
|
-
* Generated on
|
|
5744
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
5456
5745
|
*/
|
|
5457
5746
|
/**
|
|
5458
5747
|
* TOKENS:
|
|
@@ -5473,11 +5762,11 @@
|
|
|
5473
5762
|
border-right: 0.1071811361rem solid rgb(184, 196, 204);
|
|
5474
5763
|
border-top: 0.1071811361rem solid rgb(184, 196, 204);
|
|
5475
5764
|
height: 48px;
|
|
5476
|
-
width:
|
|
5765
|
+
width: 46px;
|
|
5477
5766
|
text-indent: -9999px;
|
|
5478
5767
|
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");
|
|
5479
5768
|
}
|
|
5480
|
-
.ilo--searchfield--button:
|
|
5769
|
+
.ilo--searchfield--button:focus {
|
|
5481
5770
|
background-color: rgb(235, 245, 253);
|
|
5482
5771
|
cursor: pointer;
|
|
5483
5772
|
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");
|
|
@@ -5496,7 +5785,7 @@
|
|
|
5496
5785
|
|
|
5497
5786
|
/**
|
|
5498
5787
|
* Do not edit directly
|
|
5499
|
-
* Generated on
|
|
5788
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
5500
5789
|
*/
|
|
5501
5790
|
/**
|
|
5502
5791
|
* TOKENS:
|
|
@@ -5504,27 +5793,10 @@
|
|
|
5504
5793
|
/**
|
|
5505
5794
|
* MAPS:
|
|
5506
5795
|
*/
|
|
5507
|
-
/*
|
|
5508
|
-
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
|
|
5509
|
-
*/
|
|
5510
5796
|
.ilo--tabs {
|
|
5511
|
-
|
|
5512
|
-
|
|
5513
|
-
|
|
5514
|
-
|
|
5515
|
-
[aria-expanded="false"] {
|
|
5516
|
-
|
|
5517
|
-
}
|
|
5518
|
-
|
|
5519
|
-
[aria-expanded="false"] {
|
|
5520
|
-
display: none;
|
|
5521
|
-
}
|
|
5522
|
-
|
|
5523
|
-
@container (min-width: 700px) {
|
|
5524
|
-
[aria-expanded="true"] {
|
|
5525
|
-
display: block;
|
|
5526
|
-
}
|
|
5527
|
-
} */
|
|
5797
|
+
border-bottom: 0.2143622722rem solid rgb(237, 240, 242);
|
|
5798
|
+
border-left: 0.2143622722rem solid rgb(237, 240, 242);
|
|
5799
|
+
border-right: 0.2143622722rem solid rgb(237, 240, 242);
|
|
5528
5800
|
}
|
|
5529
5801
|
.ilo--tabs:not(.tabs--js) .ilo--tabs--selection {
|
|
5530
5802
|
margin-bottom: 1.2861736334rem;
|
|
@@ -5550,14 +5822,14 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
5550
5822
|
text-decoration: none;
|
|
5551
5823
|
}
|
|
5552
5824
|
.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:active {
|
|
5553
|
-
background:
|
|
5554
|
-
border-bottom:
|
|
5825
|
+
background: rgba(0, 0, 0, 0);
|
|
5826
|
+
border-bottom: 1.5px solid rgb(30, 45, 190);
|
|
5555
5827
|
color: rgb(35, 0, 80);
|
|
5556
5828
|
outline: none;
|
|
5557
5829
|
}
|
|
5558
5830
|
.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:focus {
|
|
5559
|
-
background:
|
|
5560
|
-
border-bottom:
|
|
5831
|
+
background: rgba(0, 0, 0, 0);
|
|
5832
|
+
border-bottom: 1.5px solid rgb(30, 45, 190);
|
|
5561
5833
|
color: rgb(35, 0, 80);
|
|
5562
5834
|
outline: none;
|
|
5563
5835
|
}
|
|
@@ -5595,13 +5867,13 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
5595
5867
|
.ilo--tabs.tabs--js .ilo--tabs--selection--button.icon .ilo--tabs--selection--label {
|
|
5596
5868
|
order: 2;
|
|
5597
5869
|
}
|
|
5598
|
-
.ilo--tabs.tabs--js .ilo--tabs--selection--button:hover, .ilo--tabs.tabs--js .ilo--tabs--selection--button
|
|
5870
|
+
.ilo--tabs.tabs--js .ilo--tabs--selection--button:hover, .ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover {
|
|
5599
5871
|
background-color: rgb(235, 245, 253);
|
|
5600
5872
|
color: rgb(30, 45, 190);
|
|
5601
5873
|
outline: none;
|
|
5602
5874
|
}
|
|
5603
|
-
.ilo--tabs.tabs--js .ilo--tabs--selection--button:hover.has--tooltip .ilo--tooltip--wrapper, .ilo--tabs.tabs--js .ilo--tabs--selection--button
|
|
5604
|
-
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'
|
|
5875
|
+
.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 {
|
|
5876
|
+
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");
|
|
5605
5877
|
}
|
|
5606
5878
|
.ilo--tabs.tabs--js .ilo--tabs--selection--label {
|
|
5607
5879
|
max-width: 50ch;
|
|
@@ -5649,10 +5921,13 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
5649
5921
|
width: min(var(--tabscount) / 1 * 100%, 100%);
|
|
5650
5922
|
}
|
|
5651
5923
|
}
|
|
5924
|
+
.right-to-left .ilo--tabs {
|
|
5925
|
+
direction: rtl;
|
|
5926
|
+
}
|
|
5652
5927
|
|
|
5653
5928
|
/**
|
|
5654
5929
|
* Do not edit directly
|
|
5655
|
-
* Generated on
|
|
5930
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
5656
5931
|
*/
|
|
5657
5932
|
/**
|
|
5658
5933
|
* TOKENS:
|
|
@@ -5667,7 +5942,7 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
5667
5942
|
}
|
|
5668
5943
|
.ilo--table--header {
|
|
5669
5944
|
background-color: rgb(255, 255, 255);
|
|
5670
|
-
padding: 19px 8px
|
|
5945
|
+
padding: 19px 8px 18px 8px;
|
|
5671
5946
|
}
|
|
5672
5947
|
.ilo--table--wrapper {
|
|
5673
5948
|
max-height: 380px;
|
|
@@ -5680,31 +5955,31 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
5680
5955
|
}
|
|
5681
5956
|
.ilo--table--head {
|
|
5682
5957
|
background-color: rgb(255, 255, 255);
|
|
5683
|
-
border-top: 0.1071811361rem solid rgb(237, 240, 242);
|
|
5684
|
-
border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
|
|
5685
5958
|
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);
|
|
5686
5959
|
left: 0;
|
|
5687
5960
|
height: auto;
|
|
5688
5961
|
position: sticky;
|
|
5689
|
-
top:
|
|
5962
|
+
top: -1px;
|
|
5690
5963
|
width: 100%;
|
|
5691
5964
|
z-index: 2;
|
|
5692
5965
|
}
|
|
5693
5966
|
.ilo--table--head--cell {
|
|
5694
5967
|
background-color: rgb(255, 255, 255);
|
|
5695
5968
|
border-left: 0.0535905681rem solid rgb(237, 240, 242);
|
|
5969
|
+
border-top: 0.1071811361rem solid rgb(237, 240, 242);
|
|
5970
|
+
border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
|
|
5696
5971
|
font-family: Overpass;
|
|
5697
5972
|
font-weight: 700;
|
|
5698
5973
|
font-size: 14.93px;
|
|
5699
5974
|
letter-spacing: normal;
|
|
5700
5975
|
line-height: 20.3px;
|
|
5701
5976
|
letter-spacing: -0.02em;
|
|
5702
|
-
padding:
|
|
5977
|
+
padding: 18px 36px 18px 6px;
|
|
5703
5978
|
pointer-events: none;
|
|
5704
5979
|
text-align: left;
|
|
5705
5980
|
}
|
|
5706
5981
|
.ilo--table--small .ilo--table--head--cell {
|
|
5707
|
-
padding:
|
|
5982
|
+
padding: 10px 36px 10px 7px;
|
|
5708
5983
|
}
|
|
5709
5984
|
.ilo--table--head--cell:first-of-type {
|
|
5710
5985
|
border-left: none;
|
|
@@ -5715,7 +5990,7 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
5715
5990
|
}
|
|
5716
5991
|
.ilo--table--head--cell.sortable:after {
|
|
5717
5992
|
background-color: rgb(237, 240, 242);
|
|
5718
|
-
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24
|
|
5993
|
+
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");
|
|
5719
5994
|
background-position: center center;
|
|
5720
5995
|
background-repeat: no-repeat;
|
|
5721
5996
|
background-size: 75%;
|
|
@@ -5729,9 +6004,15 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
5729
6004
|
transform: translateY(-50%);
|
|
5730
6005
|
}
|
|
5731
6006
|
.ilo--table--head--cell.sortable:hover {
|
|
5732
|
-
background-color: rgb(
|
|
6007
|
+
background-color: rgb(235, 245, 253);
|
|
6008
|
+
border-bottom: 0.1071811361rem solid rgb(30, 45, 190);
|
|
6009
|
+
color: rgb(30, 45, 190);
|
|
5733
6010
|
cursor: pointer;
|
|
5734
6011
|
}
|
|
6012
|
+
.ilo--table--head--cell.sortable:hover:after {
|
|
6013
|
+
background-color: rgb(235, 245, 253);
|
|
6014
|
+
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");
|
|
6015
|
+
}
|
|
5735
6016
|
.ilo--table--head--cell.sortable[aria-sort=descending]:after {
|
|
5736
6017
|
transform-origin: center center;
|
|
5737
6018
|
transform: translateY(-50%) rotate(180deg);
|
|
@@ -5866,6 +6147,8 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
5866
6147
|
outline: none;
|
|
5867
6148
|
}
|
|
5868
6149
|
.ilo--table--headline {
|
|
6150
|
+
align-items: center;
|
|
6151
|
+
display: flex;
|
|
5869
6152
|
font-family: Overpass;
|
|
5870
6153
|
font-weight: 700;
|
|
5871
6154
|
margin-bottom: 0.3751339764rem;
|
|
@@ -5873,6 +6156,9 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
5873
6156
|
letter-spacing: -0.035em;
|
|
5874
6157
|
line-height: 24.26px;
|
|
5875
6158
|
}
|
|
6159
|
+
.ilo--table--headline .ilo--tooltip--wrapper {
|
|
6160
|
+
margin-left: 0.3215434084rem;
|
|
6161
|
+
}
|
|
5876
6162
|
.ilo--table--description {
|
|
5877
6163
|
color: rgb(109, 109, 109);
|
|
5878
6164
|
font-family: Noto Sans;
|
|
@@ -5991,7 +6277,7 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
5991
6277
|
|
|
5992
6278
|
/**
|
|
5993
6279
|
* Do not edit directly
|
|
5994
|
-
* Generated on
|
|
6280
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
5995
6281
|
*/
|
|
5996
6282
|
/**
|
|
5997
6283
|
* TOKENS:
|
|
@@ -6001,9 +6287,104 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
6001
6287
|
*/
|
|
6002
6288
|
.ilo--table-of-contents {
|
|
6003
6289
|
background-color: rgb(237, 240, 242);
|
|
6290
|
+
display: none;
|
|
6004
6291
|
min-width: 343px;
|
|
6005
6292
|
padding: 0;
|
|
6006
6293
|
}
|
|
6294
|
+
.ilo--table-of-contents > * {
|
|
6295
|
+
opacity: 0;
|
|
6296
|
+
}
|
|
6297
|
+
.ilo--table-of-contents.show {
|
|
6298
|
+
display: block;
|
|
6299
|
+
}
|
|
6300
|
+
.ilo--table-of-contents.show.fadein > * {
|
|
6301
|
+
opacity: 1;
|
|
6302
|
+
transition-delay: 125ms;
|
|
6303
|
+
transition-property: opacity;
|
|
6304
|
+
transition-duration: 150ms;
|
|
6305
|
+
transition-timing-function: ease-out;
|
|
6306
|
+
}
|
|
6307
|
+
.ilo--table-of-contents--headline {
|
|
6308
|
+
margin-bottom: 1.2861736334rem;
|
|
6309
|
+
margin-top: 0.4823151125rem;
|
|
6310
|
+
font-size: 18.66px;
|
|
6311
|
+
letter-spacing: normal;
|
|
6312
|
+
line-height: 27.24px;
|
|
6313
|
+
font-family: Overpass;
|
|
6314
|
+
font-weight: 700;
|
|
6315
|
+
}
|
|
6316
|
+
.ilo--table-of-contents--wrapper.show {
|
|
6317
|
+
display: block;
|
|
6318
|
+
height: 100vh;
|
|
6319
|
+
left: 0;
|
|
6320
|
+
padding: 1.3933547696rem;
|
|
6321
|
+
position: fixed;
|
|
6322
|
+
top: 0;
|
|
6323
|
+
width: 100vw;
|
|
6324
|
+
z-index: 10001;
|
|
6325
|
+
}
|
|
6326
|
+
@media screen and (min-width: 1024px) {
|
|
6327
|
+
.ilo--table-of-contents--wrapper.show {
|
|
6328
|
+
padding: 0;
|
|
6329
|
+
}
|
|
6330
|
+
}
|
|
6331
|
+
.ilo--table-of-contents--trigger {
|
|
6332
|
+
align-items: center;
|
|
6333
|
+
display: flex;
|
|
6334
|
+
justify-content: center;
|
|
6335
|
+
margin: 1.2861736334rem auto;
|
|
6336
|
+
}
|
|
6337
|
+
.ilo--table-of-contents--trigger.hide {
|
|
6338
|
+
display: none;
|
|
6339
|
+
}
|
|
6340
|
+
@media screen and (min-width: 1024px) {
|
|
6341
|
+
.ilo--table-of-contents {
|
|
6342
|
+
display: block;
|
|
6343
|
+
}
|
|
6344
|
+
.ilo--table-of-contents > * {
|
|
6345
|
+
opacity: 1;
|
|
6346
|
+
}
|
|
6347
|
+
.ilo--table-of-contents--trigger {
|
|
6348
|
+
display: none;
|
|
6349
|
+
}
|
|
6350
|
+
}
|
|
6351
|
+
.ilo--table-of-contents--modal {
|
|
6352
|
+
display: none;
|
|
6353
|
+
position: relative;
|
|
6354
|
+
}
|
|
6355
|
+
.ilo--table-of-contents--modal > * {
|
|
6356
|
+
opacity: 0;
|
|
6357
|
+
}
|
|
6358
|
+
.ilo--table-of-contents--modal.show {
|
|
6359
|
+
display: block;
|
|
6360
|
+
}
|
|
6361
|
+
.ilo--table-of-contents--modal.show.fadein > * {
|
|
6362
|
+
opacity: 1;
|
|
6363
|
+
transition-delay: 125ms;
|
|
6364
|
+
transition-property: opacity;
|
|
6365
|
+
transition-duration: 150ms;
|
|
6366
|
+
transition-timing-function: ease-out;
|
|
6367
|
+
}
|
|
6368
|
+
@media screen and (min-width: 1024px) {
|
|
6369
|
+
.ilo--table-of-contents--modal {
|
|
6370
|
+
display: none;
|
|
6371
|
+
}
|
|
6372
|
+
.ilo--table-of-contents--modal.show {
|
|
6373
|
+
display: none;
|
|
6374
|
+
}
|
|
6375
|
+
}
|
|
6376
|
+
.ilo--table-of-contents--modal .toc--modal--close {
|
|
6377
|
+
bottom: 0;
|
|
6378
|
+
height: 2.1436227224rem;
|
|
6379
|
+
right: 0;
|
|
6380
|
+
position: absolute;
|
|
6381
|
+
width: 2.1436227224rem;
|
|
6382
|
+
z-index: 10004;
|
|
6383
|
+
}
|
|
6384
|
+
.ilo--table-of-contents--modal .toc--modal--close .ilo--icon {
|
|
6385
|
+
left: 0.1607717042rem;
|
|
6386
|
+
top: 0.1607717042rem;
|
|
6387
|
+
}
|
|
6007
6388
|
.ilo--table-of-contents--list, .ilo--table-of-contents--list--item {
|
|
6008
6389
|
width: 100%;
|
|
6009
6390
|
}
|
|
@@ -6019,12 +6400,16 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
6019
6400
|
font-weight: 500;
|
|
6020
6401
|
margin: 0 8px 0 8px;
|
|
6021
6402
|
padding: 18px 10px 18px 10px;
|
|
6403
|
+
position: relative;
|
|
6022
6404
|
text-decoration: none;
|
|
6023
6405
|
width: calc(100% - 8px - 8px);
|
|
6024
6406
|
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");
|
|
6025
6407
|
font-size: 16px;
|
|
6026
6408
|
letter-spacing: -0.02em;
|
|
6027
6409
|
line-height: 21.6px;
|
|
6410
|
+
transition-property: background-color, border, color;
|
|
6411
|
+
transition-duration: 150ms;
|
|
6412
|
+
transition-timing-function: ease-out;
|
|
6028
6413
|
}
|
|
6029
6414
|
.ilo--table-of-contents--link:hover, .ilo--table-of-contents--link:focus {
|
|
6030
6415
|
background-color: rgb(235, 245, 253);
|
|
@@ -6036,16 +6421,21 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
6036
6421
|
padding: 18px 18px 18px 18px;
|
|
6037
6422
|
width: 100%;
|
|
6038
6423
|
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");
|
|
6424
|
+
transition-property: background-color, border, color;
|
|
6425
|
+
transition-duration: 150ms;
|
|
6426
|
+
transition-timing-function: ease-out;
|
|
6039
6427
|
}
|
|
6040
6428
|
.ilo--table-of-contents--link:active {
|
|
6041
6429
|
background-color: rgb(255, 255, 255);
|
|
6042
6430
|
border-bottom: rgb(35, 0, 80) 2px solid;
|
|
6431
|
+
border-top: rgb(255, 255, 255) 2px solid;
|
|
6043
6432
|
color: rgb(35, 0, 80);
|
|
6044
|
-
margin: 0;
|
|
6433
|
+
margin: -2px 0 0 0;
|
|
6045
6434
|
outline: none;
|
|
6046
6435
|
padding: 18px 18px 18px 18px;
|
|
6047
6436
|
width: 100%;
|
|
6048
6437
|
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");
|
|
6438
|
+
z-index: 5;
|
|
6049
6439
|
}
|
|
6050
6440
|
.ilo--table-of-contents--list--item:last-of-type .ilo--table-of-contents--link {
|
|
6051
6441
|
border-bottom: none;
|
|
@@ -6053,10 +6443,26 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
6053
6443
|
.ilo--table-of-contents--list--item:last-of-type .ilo--table-of-contents--link:hover {
|
|
6054
6444
|
border-bottom: rgb(30, 45, 190) 2px solid;
|
|
6055
6445
|
}
|
|
6446
|
+
.right-to-left .ilo--table-of-contents {
|
|
6447
|
+
direction: rtl;
|
|
6448
|
+
}
|
|
6449
|
+
.right-to-left .ilo--table-of-contents .ilo--table-of-contents--link {
|
|
6450
|
+
background-position: 11px center;
|
|
6451
|
+
}
|
|
6452
|
+
.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 {
|
|
6453
|
+
background-position: 19px center;
|
|
6454
|
+
}
|
|
6455
|
+
.right-to-left .ilo--table-of-contents--wrapper {
|
|
6456
|
+
direction: rtl;
|
|
6457
|
+
}
|
|
6458
|
+
.right-to-left .ilo--table-of-contents--modal .toc--modal--close {
|
|
6459
|
+
left: 0;
|
|
6460
|
+
right: auto;
|
|
6461
|
+
}
|
|
6056
6462
|
|
|
6057
6463
|
/**
|
|
6058
6464
|
* Do not edit directly
|
|
6059
|
-
* Generated on
|
|
6465
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
6060
6466
|
*/
|
|
6061
6467
|
/**
|
|
6062
6468
|
* TOKENS:
|
|
@@ -6100,14 +6506,6 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
6100
6506
|
width: 22px;
|
|
6101
6507
|
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");
|
|
6102
6508
|
}
|
|
6103
|
-
.ilo--textarea:hover {
|
|
6104
|
-
background-color: rgb(235, 245, 253);
|
|
6105
|
-
border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
|
|
6106
|
-
border-left: 0.1607717042rem solid rgb(30, 45, 190);
|
|
6107
|
-
border-right: 0.1071811361rem solid rgb(184, 196, 204);
|
|
6108
|
-
border-top: 0.1071811361rem solid rgb(184, 196, 204);
|
|
6109
|
-
padding-left: 11px;
|
|
6110
|
-
}
|
|
6111
6509
|
.ilo--textarea:focus {
|
|
6112
6510
|
background-color: rgb(235, 245, 253);
|
|
6113
6511
|
border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
|
|
@@ -6123,7 +6521,7 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
6123
6521
|
.ilo--textarea:invalid, .ilo--textarea.error, .error .ilo--textarea {
|
|
6124
6522
|
background-color: rgb(255, 255, 255);
|
|
6125
6523
|
border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
|
|
6126
|
-
border-left: 0.1607717042rem solid rgb(
|
|
6524
|
+
border-left: 0.1607717042rem solid rgb(200, 48, 60);
|
|
6127
6525
|
border-right: 0.1071811361rem solid rgb(184, 196, 204);
|
|
6128
6526
|
border-top: 0.1071811361rem solid rgb(184, 196, 204);
|
|
6129
6527
|
}
|
|
@@ -6217,7 +6615,7 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
6217
6615
|
|
|
6218
6616
|
/**
|
|
6219
6617
|
* Do not edit directly
|
|
6220
|
-
* Generated on
|
|
6618
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
6221
6619
|
*/
|
|
6222
6620
|
/**
|
|
6223
6621
|
* TOKENS:
|
|
@@ -6256,7 +6654,7 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
6256
6654
|
background-size: cover;
|
|
6257
6655
|
height: 0.857449089rem;
|
|
6258
6656
|
min-width: 0.857449089rem;
|
|
6259
|
-
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'
|
|
6657
|
+
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");
|
|
6260
6658
|
}
|
|
6261
6659
|
.ilo--tooltip--arrow {
|
|
6262
6660
|
border-color: transparent;
|
|
@@ -6376,7 +6774,7 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
6376
6774
|
|
|
6377
6775
|
/**
|
|
6378
6776
|
* Do not edit directly
|
|
6379
|
-
* Generated on
|
|
6777
|
+
* Generated on Fri, 04 Nov 2022 10:33:11 GMT
|
|
6380
6778
|
*/
|
|
6381
6779
|
/**
|
|
6382
6780
|
* TOKENS:
|
|
@@ -6489,7 +6887,7 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
6489
6887
|
.ilo--video .vjs-control-bar.notplayed {
|
|
6490
6888
|
flex-direction: column;
|
|
6491
6889
|
height: 122px;
|
|
6492
|
-
width:
|
|
6890
|
+
width: 2.5723472669rem;
|
|
6493
6891
|
}
|
|
6494
6892
|
}
|
|
6495
6893
|
.ilo--video--controls button span,
|
|
@@ -6528,8 +6926,8 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
6528
6926
|
.notplayed .ilo--video .vjs-control-bar .vjs-play-control,
|
|
6529
6927
|
.notplayed .ilo--video .vjs-control-bar .vjs-big-play-button {
|
|
6530
6928
|
order: 1;
|
|
6531
|
-
height:
|
|
6532
|
-
width:
|
|
6929
|
+
height: 2.5723472669rem;
|
|
6930
|
+
width: 2.5723472669rem;
|
|
6533
6931
|
}
|
|
6534
6932
|
}
|
|
6535
6933
|
.ilo--video--controls--play,
|
|
@@ -6540,8 +6938,8 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
6540
6938
|
.ilo--video .vjs-control-bar .vjs-big-play-button {
|
|
6541
6939
|
background-position: center center;
|
|
6542
6940
|
background-repeat: no-repeat;
|
|
6543
|
-
background-size:
|
|
6544
|
-
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(
|
|
6941
|
+
background-size: 48px 48px;
|
|
6942
|
+
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");
|
|
6545
6943
|
}
|
|
6546
6944
|
.ilo--video--controls--play:hover,
|
|
6547
6945
|
.ilo--video--controls .vjs-play-control:not(.vjs-playing):hover,
|
|
@@ -6549,6 +6947,43 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
6549
6947
|
.ilo--video .vjs-control-bar--play:hover,
|
|
6550
6948
|
.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover,
|
|
6551
6949
|
.ilo--video .vjs-control-bar .vjs-big-play-button:hover {
|
|
6950
|
+
background-color: rgb(235, 245, 253);
|
|
6951
|
+
background-position: center center;
|
|
6952
|
+
background-repeat: no-repeat;
|
|
6953
|
+
background-size: 48px 48px;
|
|
6954
|
+
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");
|
|
6955
|
+
}
|
|
6956
|
+
.ilo--video--controls--play:hover ~ .vjs-duration, .ilo--video--controls--play:hover ~ .ilo--video--controls--duration,
|
|
6957
|
+
.ilo--video--controls .vjs-play-control:not(.vjs-playing):hover ~ .vjs-duration,
|
|
6958
|
+
.ilo--video--controls .vjs-play-control:not(.vjs-playing):hover ~ .ilo--video--controls--duration,
|
|
6959
|
+
.ilo--video--controls .vjs-big-play-button:hover ~ .vjs-duration,
|
|
6960
|
+
.ilo--video--controls .vjs-big-play-button:hover ~ .ilo--video--controls--duration,
|
|
6961
|
+
.ilo--video .vjs-control-bar--play:hover ~ .vjs-duration,
|
|
6962
|
+
.ilo--video .vjs-control-bar--play:hover ~ .ilo--video--controls--duration,
|
|
6963
|
+
.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover ~ .vjs-duration,
|
|
6964
|
+
.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover ~ .ilo--video--controls--duration,
|
|
6965
|
+
.ilo--video .vjs-control-bar .vjs-big-play-button:hover ~ .vjs-duration,
|
|
6966
|
+
.ilo--video .vjs-control-bar .vjs-big-play-button:hover ~ .ilo--video--controls--duration {
|
|
6967
|
+
background-color: rgb(235, 245, 253);
|
|
6968
|
+
color: rgb(30, 45, 190);
|
|
6969
|
+
}
|
|
6970
|
+
.ilo--video--controls--play.vjs-paused,
|
|
6971
|
+
.ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused,
|
|
6972
|
+
.ilo--video--controls .vjs-big-play-button.vjs-paused,
|
|
6973
|
+
.ilo--video .vjs-control-bar--play.vjs-paused,
|
|
6974
|
+
.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused,
|
|
6975
|
+
.ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused {
|
|
6976
|
+
background-position: center center;
|
|
6977
|
+
background-repeat: no-repeat;
|
|
6978
|
+
background-size: 24px 24px;
|
|
6979
|
+
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");
|
|
6980
|
+
}
|
|
6981
|
+
.ilo--video--controls--play.vjs-paused:hover,
|
|
6982
|
+
.ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
|
|
6983
|
+
.ilo--video--controls .vjs-big-play-button.vjs-paused:hover,
|
|
6984
|
+
.ilo--video .vjs-control-bar--play.vjs-paused:hover,
|
|
6985
|
+
.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
|
|
6986
|
+
.ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:hover {
|
|
6552
6987
|
background-color: rgb(235, 245, 253);
|
|
6553
6988
|
background-position: center center;
|
|
6554
6989
|
background-repeat: no-repeat;
|
|
@@ -6562,7 +6997,7 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
6562
6997
|
background-position: center center;
|
|
6563
6998
|
background-repeat: no-repeat;
|
|
6564
6999
|
background-size: 24px 24px;
|
|
6565
|
-
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(
|
|
7000
|
+
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");
|
|
6566
7001
|
}
|
|
6567
7002
|
.ilo--video--controls--pause:hover,
|
|
6568
7003
|
.ilo--video--controls .vjs-playing:hover,
|
|
@@ -6579,6 +7014,7 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
6579
7014
|
.ilo--video .vjs-control-bar--duration,
|
|
6580
7015
|
.ilo--video .vjs-control-bar .vjs-duration {
|
|
6581
7016
|
background-color: rgb(45, 45, 45);
|
|
7017
|
+
color: rgb(237, 240, 242);
|
|
6582
7018
|
display: none;
|
|
6583
7019
|
height: 100%;
|
|
6584
7020
|
font-weight: 700;
|
|
@@ -6591,6 +7027,13 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
6591
7027
|
letter-spacing: -0.02em;
|
|
6592
7028
|
line-height: 20.16px;
|
|
6593
7029
|
}
|
|
7030
|
+
.ilo--video--controls--duration:hover,
|
|
7031
|
+
.ilo--video--controls .vjs-duration:hover,
|
|
7032
|
+
.ilo--video .vjs-control-bar--duration:hover,
|
|
7033
|
+
.ilo--video .vjs-control-bar .vjs-duration:hover {
|
|
7034
|
+
background-color: rgb(235, 245, 253);
|
|
7035
|
+
color: rgb(30, 45, 190);
|
|
7036
|
+
}
|
|
6594
7037
|
.ilo--video--controls--duration.show,
|
|
6595
7038
|
.ilo--video--controls .vjs-duration.show,
|
|
6596
7039
|
.ilo--video .vjs-control-bar--duration.show,
|
|
@@ -6605,7 +7048,7 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
6605
7048
|
height: 2.1436227224rem;
|
|
6606
7049
|
margin-left: 0;
|
|
6607
7050
|
margin-top: 2px;
|
|
6608
|
-
width:
|
|
7051
|
+
width: 2.5723472669rem;
|
|
6609
7052
|
}
|
|
6610
7053
|
}
|
|
6611
7054
|
.ilo--video--controls .vjs-progress-holder,
|
|
@@ -6882,6 +7325,12 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
6882
7325
|
.vjs-has-started .ilo--video .vjs-control-bar .vjs-volume-panel {
|
|
6883
7326
|
display: block;
|
|
6884
7327
|
}
|
|
7328
|
+
.ilo--video--controls--volume:hover .vjs-volume-control,
|
|
7329
|
+
.ilo--video--controls .vjs-volume-panel:hover .vjs-volume-control,
|
|
7330
|
+
.ilo--video .vjs-control-bar--volume:hover .vjs-volume-control,
|
|
7331
|
+
.ilo--video .vjs-control-bar .vjs-volume-panel:hover .vjs-volume-control {
|
|
7332
|
+
display: block;
|
|
7333
|
+
}
|
|
6885
7334
|
.ilo--video--controls--showvolume,
|
|
6886
7335
|
.ilo--video--controls .vjs-mute-control,
|
|
6887
7336
|
.ilo--video .vjs-control-bar--showvolume,
|
|
@@ -6899,7 +7348,7 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
6899
7348
|
background-position: center center;
|
|
6900
7349
|
background-repeat: no-repeat;
|
|
6901
7350
|
background-size: 24px 24px;
|
|
6902
|
-
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(
|
|
7351
|
+
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");
|
|
6903
7352
|
}
|
|
6904
7353
|
.ilo--video--controls--showvolume:hover,
|
|
6905
7354
|
.ilo--video--controls .vjs-mute-control:hover,
|
|
@@ -6921,7 +7370,7 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
6921
7370
|
background-position: center center;
|
|
6922
7371
|
background-repeat: no-repeat;
|
|
6923
7372
|
background-size: 24px 24px;
|
|
6924
|
-
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(
|
|
7373
|
+
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");
|
|
6925
7374
|
}
|
|
6926
7375
|
.ilo--video--controls--showvolume.muted:hover, .ilo--video--controls--showvolume[title=Unmute]:hover,
|
|
6927
7376
|
.ilo--video--controls .vjs-mute-control.muted:hover,
|
|
@@ -6999,7 +7448,7 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
6999
7448
|
.ilo--video .vjs-control-bar .vjs-volume-bar {
|
|
7000
7449
|
height: 4px;
|
|
7001
7450
|
position: relative;
|
|
7002
|
-
width: calc(100% -
|
|
7451
|
+
width: calc(100% - 26px);
|
|
7003
7452
|
}
|
|
7004
7453
|
.ilo--video--controls .vjs-mouse-display,
|
|
7005
7454
|
.ilo--video--controls .vjs-volume-level,
|
|
@@ -7028,7 +7477,7 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
7028
7477
|
margin: 0;
|
|
7029
7478
|
padding: 0;
|
|
7030
7479
|
position: absolute;
|
|
7031
|
-
right: -
|
|
7480
|
+
right: -16px;
|
|
7032
7481
|
top: 50%;
|
|
7033
7482
|
width: 16px;
|
|
7034
7483
|
-webkit-transform: translate(-50%, -50%);
|
|
@@ -7056,7 +7505,7 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
7056
7505
|
background-position: center center;
|
|
7057
7506
|
background-repeat: no-repeat;
|
|
7058
7507
|
background-size: 24px 24px;
|
|
7059
|
-
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(
|
|
7508
|
+
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");
|
|
7060
7509
|
}
|
|
7061
7510
|
.ilo--video--controls--fullscreen:hover,
|
|
7062
7511
|
.ilo--video--controls .vjs-fullscreen-control:hover,
|