@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.
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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.5894962487rem 0 0.5894962487rem 0.6430868167rem;
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% + 20px);
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: none;
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: 39px;
351
+ height: 47px;
314
352
  position: absolute;
315
- right: -39px;
353
+ right: -47px;
316
354
  top: 0;
317
- width: 39px;
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 25'%3e%3cpath fill='rgb(35, 0, 80)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e");
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' viewBox='0 0 16 16'%3e%3cpath fill='rgb(255, 255, 255)' d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm1 12H7V7h2v5ZM8 6a.94.94 0 0 1-1-1 .94.94 0 0 1 1-1 .94.94 0 0 1 1 1 .94.94 0 0 1-1 1Z'/%3e%3c/svg%3e");
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 Tue, 01 Nov 2022 17:17:35 GMT
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 .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) {
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
- color: rgb(45, 45, 45);
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
- padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
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: 1024px) {
1056
- .ilo--card--multilink.ilo--card--narrow {
1057
- padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
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(109, 109, 109);
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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.1071811361rem solid rgb(255, 255, 255);
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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: Overpass;
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.5723472669rem;
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, 72px 100%;
2011
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 25'%3e%3cpath fill='rgb(35, 0, 80)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e"), linear-gradient(to right, transparent 0%, transparent calc(50% - 0.81px), rgb(184, 196, 204) calc(50% - 0.8px), rgb(184, 196, 204) calc(50% + 0.8px), transparent calc(50% + 0.81px), transparent 100%);
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 25'%3e%3cpath fill='rgb(30, 45, 190)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e"), linear-gradient(to right, transparent 0%, transparent calc(50% - 0.81px), rgb(184, 196, 204) calc(50% - 0.8px), rgb(184, 196, 204) calc(50% + 0.8px), transparent calc(50% + 0.81px), transparent 100%);
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 25'%3e%3cpath fill='rgb(30, 45, 190)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e"), linear-gradient(to right, transparent 0%, transparent calc(50% - 0.81px), rgb(184, 196, 204) calc(50% - 0.8px), rgb(184, 196, 204) calc(50% + 0.8px), transparent calc(50% + 0.81px), transparent 100%);
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(250, 60, 75);
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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(250, 60, 75);
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 25'%3e%3cpath fill='rgb(35, 0, 80)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e");
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 25'%3e%3cpath fill='rgb(30, 45, 190)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e");
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: 100%;
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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: Overpass;
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(250, 60, 75);
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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: opacity 1.5s ease-out 125ms;
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 Tue, 01 Nov 2022 17:17:35 GMT
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-x: hidden;
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(255, 255, 255);
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: 90% 55%;
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' 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");
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%) rotate(180deg);
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='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
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='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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' viewBox='0 0 16 16'%3e%3cpath fill='rgb(255, 255, 255)' d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm1 12H7V7h2v5ZM8 6a.94.94 0 0 1-1-1 .94.94 0 0 1 1-1 .94.94 0 0 1 1 1 .94.94 0 0 1-1 1Z'/%3e%3c/svg%3e");
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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: 14.93px;
5102
+ font-size: 16px;
4838
5103
  letter-spacing: normal;
4839
- line-height: 20.3px;
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: block;
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: 14.93px;
5131
+ font-size: 16px;
4859
5132
  letter-spacing: normal;
4860
- line-height: 20.3px;
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: 28px;
5168
+ margin-top: 0.4287245445rem;
4892
5169
  }
4893
5170
  .ilo--profile .ilo--profile--role + .ilo--profile--link {
4894
- margin-top: 22px;
5171
+ margin-top: 0.1071811361rem;
4895
5172
  }
4896
5173
  .ilo--profile .ilo--profile--name + .ilo--profile--link {
4897
- margin-top: 38px;
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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 25'%3e%3cpath fill='rgb(35, 0, 80)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e");
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 25'%3e%3cpath fill='rgb(30, 45, 190)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e");
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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: 48px;
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:hover {
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 Tue, 01 Nov 2022 17:17:35 GMT
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
- /* [aria-expanded="true"] {
5512
- display: none;
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: rgb(255, 205, 45);
5554
- border-bottom: 3px solid rgb(35, 0, 80);
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: rgb(255, 205, 45);
5560
- border-bottom: 4px solid rgb(35, 0, 80);
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:focus, .ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover, .ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:focus {
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:focus.has--tooltip .ilo--tooltip--wrapper, .ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover.has--tooltip .ilo--tooltip--wrapper, .ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:focus.has--tooltip .ilo--tooltip--wrapper {
5604
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='rgb(30, 45, 190)' d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm1 12H7V7h2v5ZM8 6a.94.94 0 0 1-1-1 .94.94 0 0 1 1-1 .94.94 0 0 1 1 1 .94.94 0 0 1-1 1Z'/%3e%3c/svg%3e");
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 Tue, 01 Nov 2022 17:17:35 GMT
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 24px 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: 0;
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: 22px 11px 22px 11px;
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: 13px 11px 13px 11px;
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 25'%3e%3cpath fill='rgb(35, 0, 80)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e");
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(190, 220, 250);
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 Tue, 01 Nov 2022 17:17:35 GMT
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 Tue, 01 Nov 2022 17:17:35 GMT
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(250, 60, 75);
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 Tue, 01 Nov 2022 17:17:35 GMT
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' viewBox='0 0 16 16'%3e%3cpath fill='rgb(35, 0, 80)' d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm1 12H7V7h2v5ZM8 6a.94.94 0 0 1-1-1 .94.94 0 0 1 1-1 .94.94 0 0 1 1 1 .94.94 0 0 1-1 1Z'/%3e%3c/svg%3e");
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 Tue, 01 Nov 2022 17:17:35 GMT
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: 4.2872454448rem;
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: 4.2872454448rem;
6532
- width: 4.2872454448rem;
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: 24px 24px;
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(255, 255, 255)' d='M22 11.9999L4 2V22L22 11.9999Z'/%3e%3c/svg%3e");
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(255, 255, 255)' d='M3 2H9V22H3V2zM15 2H21V22H15V2z'/%3e%3c/svg%3e");
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: 4.2872454448rem;
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(255, 255, 255)' d='M14.633 4.735a.67.67 0 0 0-.698.063L8.78 8.666H5.667A.666.666 0 0 0 5 9.333v5.334c0 .369.298.667.667.667h3.112l5.156 3.867a.663.663 0 0 0 .698.064.668.668 0 0 0 .369-.597V5.332a.667.667 0 0 0-.369-.597ZM17.164 9.171l-.471-.471-.943.943.472.471a2.669 2.669 0 0 1 0 3.771l-.472.472.943.943.471-.472a4.005 4.005 0 0 0 0-5.657Z'/%3e%3cpath fill='rgb(255, 255, 255)' d='m18.579 6.813-.943.943.471.472a5.341 5.341 0 0 1 0 7.544l-.471.471.943.943.471-.471c2.6-2.6 2.6-6.83 0-9.43l-.471-.472Z'/%3e%3c/svg%3e");
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(255, 255, 255)' d='M12.0447 15.7833L16.5999 19.1998C16.7173 19.2885 16.8586 19.3332 16.9999 19.3332 17.1012 19.3332 17.2039 19.3098 17.2979 19.2632 17.5239 19.1499 17.6666 18.9192 17.6666 18.6665V10.1614L12.0447 15.7833zM5.1955 19.8045C5.32549 19.9345 5.49616 19.9998 5.66682 19.9998 5.83748 19.9998 6.00815 19.9345 6.13814 19.8045L20.8045 5.13814C21.0652 4.87748 21.0652 4.45616 20.8045 4.1955 20.5438 3.93483 20.1225 3.93483 19.8619 4.1955L17.6666 6.39079V5.33347C17.6666 5.08081 17.5239 4.85015 17.2979 4.73682 17.0726 4.62549 16.8019 4.64882 16.5999 4.80015L11.4447 8.66674H6.33347C5.96481 8.66674 5.66682 8.96473 5.66682 9.33339V14.6666C5.66682 15.0353 5.96481 15.3333 6.33347 15.3333H8.72409L5.1955 18.8619C4.93483 19.1225 4.93483 19.5438 5.1955 19.8045z'/%3e%3c/svg%3e");
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% - 24px);
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: -8px;
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(255, 255, 255)' d='M14.2721 5L16.6865 7.41373 13.8228 10.2774 14.7226 11.1772 17.5863 8.31355 20 10.7273V5H14.2721zM14.7226 12.8228L13.8228 13.7226 16.6865 16.5863 14.2727 19H20V13.2721L17.5863 15.6865 14.7226 12.8228zM11.2774 12.8228L8.41373 15.6865 6 13.2727V19H11.7279L9.31355 16.5863 12.1772 13.7226 11.2774 12.8228zM11.7273 5H6V10.7279L8.41373 8.31355 11.2774 11.1772 12.1772 10.2774 9.31355 7.41373 11.7273 5z'/%3e%3c/svg%3e");
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,