@ilo-org/styles 0.11.3-next.3 → 0.13.0

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.
Files changed (112) hide show
  1. package/build/css/components/index.css +574 -820
  2. package/build/css/components/index.css.map +1 -1
  3. package/build/css/global.css +1 -1
  4. package/build/css/global.css.map +1 -1
  5. package/build/css/index.css +574 -820
  6. package/build/css/index.css.map +1 -1
  7. package/build/css/monorepo.css +574 -820
  8. package/build/css/monorepo.css.map +1 -1
  9. package/build/minified/index.css +1 -1
  10. package/build/minified/index.css.map +1 -1
  11. package/build/minified/monorepo.css +1 -1
  12. package/build/minified/monorepo.css.map +1 -1
  13. package/css/components/accordion.css +1 -1
  14. package/css/components/breadcrumb.css +1 -1
  15. package/css/components/button.css +1 -1
  16. package/css/components/callout.css +1 -1
  17. package/css/components/card.css +1 -1
  18. package/css/components/cardgroup.css +1 -1
  19. package/css/components/checkbox.css +1 -1
  20. package/css/components/credit.css +1 -1
  21. package/css/components/datacard.css +1 -1
  22. package/css/components/datepicker.css +1 -1
  23. package/css/components/detailcard.css +1 -1
  24. package/css/components/dropdown.css +1 -1
  25. package/css/components/factlistcard.css +1 -1
  26. package/css/components/featurecard.css +1 -1
  27. package/css/components/fieldset.css +1 -1
  28. package/css/components/file-upload.css +1 -1
  29. package/css/components/footer.css +1 -1
  30. package/css/components/form.css +1 -1
  31. package/css/components/formcontrol.css +1 -1
  32. package/css/components/hero.css +1 -1
  33. package/css/components/herocard.css +1 -1
  34. package/css/components/image.css +1 -1
  35. package/css/components/input.css +1 -1
  36. package/css/components/linklist.css +1 -1
  37. package/css/components/list.css +1 -1
  38. package/css/components/multilinkcard.css +1 -1
  39. package/css/components/navigation.css +1 -1
  40. package/css/components/notification.css +1 -1
  41. package/css/components/pagination.css +1 -1
  42. package/css/components/profile.css +1 -1
  43. package/css/components/promocard.css +1 -1
  44. package/css/components/readmore.css +1 -1
  45. package/css/components/richtext.css +1 -1
  46. package/css/components/searchfield.css +1 -1
  47. package/css/components/socialmedia.css +1 -1
  48. package/css/components/statcard.css +1 -1
  49. package/css/components/table.css +1 -1
  50. package/css/components/tableofcontents.css +1 -1
  51. package/css/components/tabs.css +1 -1
  52. package/css/components/tag.css +1 -1
  53. package/css/components/textarea.css +1 -1
  54. package/css/components/textcard.css +1 -1
  55. package/css/components/textinput.css +1 -1
  56. package/css/components/tooltip.css +1 -1
  57. package/css/components/video.css +1 -1
  58. package/css/global.css.map +1 -1
  59. package/css/index.css +2 -8
  60. package/css/index.css.map +1 -1
  61. package/css/monorepo.css +2 -8
  62. package/css/monorepo.css.map +1 -1
  63. package/package.json +3 -3
  64. package/scss/_functions.scss +7 -7
  65. package/scss/_mixins.scss +11 -3
  66. package/scss/components/_accordion.scss +12 -11
  67. package/scss/components/_breadcrumb.scss +49 -58
  68. package/scss/components/_button.scss +27 -27
  69. package/scss/components/_callout.scss +10 -9
  70. package/scss/components/_card.scss +4 -15
  71. package/scss/components/_cardgroup.scss +0 -4
  72. package/scss/components/_contextmenu.scss +4 -4
  73. package/scss/components/_credit.scss +1 -1
  74. package/scss/components/_datacard.scss +5 -5
  75. package/scss/components/_datepicker.scss +4 -0
  76. package/scss/components/_detailcard.scss +12 -9
  77. package/scss/components/_dropdown.scss +16 -5
  78. package/scss/components/_factlistcard.scss +4 -17
  79. package/scss/components/_featurecard.scss +11 -7
  80. package/scss/components/_fieldset.scss +6 -2
  81. package/scss/components/_file-upload.scss +4 -7
  82. package/scss/components/_footer.scss +34 -54
  83. package/scss/components/_form.scss +1 -1
  84. package/scss/components/_formcontrol.scss +10 -2
  85. package/scss/components/_hero.scss +64 -138
  86. package/scss/components/_herocard.scss +2 -6
  87. package/scss/components/_image.scss +6 -7
  88. package/scss/components/_input.scss +5 -7
  89. package/scss/components/_linklist.scss +24 -20
  90. package/scss/components/_list.scss +15 -20
  91. package/scss/components/_loading.scss +8 -8
  92. package/scss/components/_multilinkcard.scss +17 -68
  93. package/scss/components/_navigation.scss +44 -57
  94. package/scss/components/_notification.scss +19 -28
  95. package/scss/components/_pagination.scss +6 -12
  96. package/scss/components/_profile.scss +3 -3
  97. package/scss/components/_promocard.scss +24 -72
  98. package/scss/components/_readmore.scss +7 -6
  99. package/scss/components/_richtext.scss +32 -38
  100. package/scss/components/_searchfield.scss +8 -11
  101. package/scss/components/_socialmedia.scss +6 -22
  102. package/scss/components/_statcard.scss +5 -5
  103. package/scss/components/_table.scss +10 -26
  104. package/scss/components/_tableofcontents.scss +19 -50
  105. package/scss/components/_tabs.scss +7 -13
  106. package/scss/components/_tag.scss +3 -8
  107. package/scss/components/_textarea.scss +8 -14
  108. package/scss/components/_textcard.scss +11 -10
  109. package/scss/components/_textinput.scss +5 -14
  110. package/scss/components/_toggle.scss +2 -6
  111. package/scss/components/_tooltip.scss +49 -137
  112. package/scss/components/_video.scss +65 -57
@@ -156,7 +156,7 @@ textarea {
156
156
  }
157
157
  /**
158
158
  * Do not edit directly
159
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
159
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
160
160
  */
161
161
  /**
162
162
  * TOKENS:
@@ -174,7 +174,7 @@ body {
174
174
 
175
175
  /**
176
176
  * Do not edit directly
177
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
177
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
178
178
  */
179
179
  /**
180
180
  * TOKENS:
@@ -182,6 +182,9 @@ body {
182
182
  /**
183
183
  * MAPS:
184
184
  */
185
+ .ilo--accordion {
186
+ margin-right: 0.2143622722rem;
187
+ }
185
188
  .ilo--accordion--button {
186
189
  display: flex;
187
190
  align-items: center;
@@ -189,7 +192,7 @@ body {
189
192
  justify-content: space-between;
190
193
  width: 100%;
191
194
  margin: 0;
192
- padding: 0.9646302251rem 1.9292604502rem 0.9646302251rem 0;
195
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 0;
193
196
  background-color: rgb(255, 255, 255);
194
197
  background-position: calc(100% - 0.3215434084rem) center;
195
198
  background-repeat: no-repeat;
@@ -210,7 +213,7 @@ body {
210
213
  font-size: 18.66px;
211
214
  letter-spacing: -0.035em;
212
215
  line-height: 24.26px;
213
- padding: 1.1254019293rem 1.9292604502rem 1.1254019293rem 0;
216
+ padding: 1.0718113612rem 0.857449089rem 1.0718113612rem 0;
214
217
  }
215
218
  .ilo--accordion--button:hover, .ilo--accordion--button:focus {
216
219
  background-color: rgb(235, 245, 253);
@@ -230,13 +233,13 @@ body {
230
233
  font-size: 16px;
231
234
  letter-spacing: -0.02em;
232
235
  line-height: 21.6px;
233
- padding: 0.9646302251rem 1.9292604502rem 0.9646302251rem 0;
236
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 0;
234
237
  }
235
238
  .ilo--accordion--button--large {
236
239
  font-size: 18.66px;
237
240
  letter-spacing: -0.035em;
238
241
  line-height: 24.26px;
239
- padding: 1.1254019293rem 1.9292604502rem 1.1254019293rem 0;
242
+ padding: 1.0718113612rem 0.857449089rem 1.0718113612rem 0;
240
243
  }
241
244
  }
242
245
  .ilo--accordion--button[aria-expanded=true] {
@@ -245,13 +248,16 @@ body {
245
248
  .ilo--accordion--button[aria-expanded=false] {
246
249
  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");
247
250
  }
251
+ [dir=rtl] .ilo--accordion--button {
252
+ background-position: calc(0% + 0.3215434084rem) center;
253
+ }
248
254
  .ilo--accordion--panel {
249
255
  max-height: 0;
250
256
  transition: all 500ms cubic-bezier(0, 1, 0, 1);
251
257
  overflow: hidden;
252
258
  }
253
259
  .ilo--accordion--panel .ilo--accordion--innerpanel {
254
- padding-bottom: 0.6430868167rem;
260
+ padding-bottom: 1.9292604502rem;
255
261
  padding-top: 0.4287245445rem;
256
262
  }
257
263
  .ilo--accordion--panel--open {
@@ -266,7 +272,7 @@ body {
266
272
 
267
273
  /**
268
274
  * Do not edit directly
269
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
275
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
270
276
  */
271
277
  /**
272
278
  * TOKENS:
@@ -291,7 +297,7 @@ body {
291
297
  }
292
298
  /**
293
299
  * Do not edit directly
294
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
300
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
295
301
  */
296
302
  /**
297
303
  * TOKENS:
@@ -310,7 +316,7 @@ body {
310
316
  justify-content: flex-start;
311
317
  padding-block: 0.857449089rem;
312
318
  padding-inline-end: 0;
313
- padding-inline-start: var(--card-padding-start);
319
+ padding-inline-start: var(--breadcrumb-padding);
314
320
  position: relative;
315
321
  }
316
322
  .ilo--breadcrumb--items.context--menu {
@@ -318,19 +324,20 @@ body {
318
324
  }
319
325
  .ilo--breadcrumb--link {
320
326
  align-items: center;
321
- background-position: right 52%;
327
+ background-position: right;
322
328
  background-repeat: no-repeat;
323
329
  color: rgb(35, 0, 80);
324
330
  display: inline-flex;
325
331
  height: 0.857449089rem;
326
- padding: 0 1.2861736334rem 0 0.5359056806rem;
332
+ padding-block: 0;
333
+ padding-inline-start: 0.857449089rem;
334
+ padding-inline-end: 1.2861736334rem;
327
335
  text-decoration: none;
328
336
  text-decoration-thickness: 0.1071811361rem;
329
337
  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");
330
338
  }
331
- .right-to-left .ilo--breadcrumb--link {
332
- background-position: 0 52%;
333
- padding: 0 0.5359056806rem 0 1.2861736334rem;
339
+ [dir=rtl] .ilo--breadcrumb--link {
340
+ background-position: left;
334
341
  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='M0.7%2c8.4C0.7%2c8.3%2c0.6%2c8.1%2c0.6%2c8s0-0.3%2c0.1-0.4L6.3%2c0l1.1%2c0.8L2.2%2c8l5.2%2c7.2L6.3%2c16L0.7%2c8.4z'/%3e%3c/svg%3e");
335
342
  }
336
343
  .ilo--breadcrumb--link--label {
@@ -350,7 +357,7 @@ body {
350
357
  text-decoration-thickness: 0.1071811361rem;
351
358
  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");
352
359
  }
353
- .right-to-left .ilo--breadcrumb--link:hover, .right-to-left .ilo--breadcrumb--link:focus {
360
+ [dir=rtl] .ilo--breadcrumb--link:hover, [dir=rtl] .ilo--breadcrumb--link:focus {
354
361
  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='M0.7%2c8.4C0.7%2c8.3%2c0.6%2c8.1%2c0.6%2c8s0-0.3%2c0.1-0.4L6.3%2c0l1.1%2c0.8L2.2%2c8l5.2%2c7.2L6.3%2c16L0.7%2c8.4z'/%3e%3c/svg%3e");
355
362
  }
356
363
  .ilo--breadcrumb--item {
@@ -362,11 +369,6 @@ body {
362
369
  align-items: center;
363
370
  display: flex;
364
371
  position: relative;
365
- width: 17px;
366
- }
367
- .ilo--breadcrumb--item.home .ilo--breadcrumb--link {
368
- padding-left: 0;
369
- width: 2.0364415863rem;
370
372
  }
371
373
  .ilo--breadcrumb--item.home .ilo--breadcrumb--link--label {
372
374
  width: 1px;
@@ -390,6 +392,10 @@ body {
390
392
  width: 0.857449089rem;
391
393
  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='M15.3877 5.71677L8.43113 0.151551C8.30832 0.0545014 8.15636 0.00170898 7.99983 0.00170898C7.8433 0.00170898 7.69134 0.0545014 7.56853 0.151551L0.612004 5.71677C0.530019 5.78155 0.463681 5.86397 0.417917 5.95791C0.372153 6.05185 0.348138 6.15489 0.347656 6.25938V15.3029C0.347656 15.4874 0.420948 15.6643 0.551408 15.7948C0.681868 15.9252 0.85881 15.9985 1.04331 15.9985H5.91287V10.4333H10.0868V15.9985H14.9564C15.1409 15.9985 15.3178 15.9252 15.4483 15.7948C15.5787 15.6643 15.652 15.4874 15.652 15.3029V6.25938C15.6515 6.15489 15.6275 6.05185 15.5817 5.95791C15.536 5.86397 15.4696 5.78155 15.3877 5.71677Z'/%3e%3c/svg%3e");
392
394
  }
395
+ [dir=rtl] .ilo--breadcrumb--item.home .ilo--breadcrumb--link:before {
396
+ left: initial;
397
+ right: 0;
398
+ }
393
399
  .ilo--breadcrumb--item.home:hover .ilo--breadcrumb--link:before, .ilo--breadcrumb--item.home:focus .ilo--breadcrumb--link:before {
394
400
  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='M15.3877 5.71677L8.43113 0.151551C8.30832 0.0545014 8.15636 0.00170898 7.99983 0.00170898C7.8433 0.00170898 7.69134 0.0545014 7.56853 0.151551L0.612004 5.71677C0.530019 5.78155 0.463681 5.86397 0.417917 5.95791C0.372153 6.05185 0.348138 6.15489 0.347656 6.25938V15.3029C0.347656 15.4874 0.420948 15.6643 0.551408 15.7948C0.681868 15.9252 0.85881 15.9985 1.04331 15.9985H5.91287V10.4333H10.0868V15.9985H14.9564C15.1409 15.9985 15.3178 15.9252 15.4483 15.7948C15.5787 15.6643 15.652 15.4874 15.652 15.3029V6.25938C15.6515 6.15489 15.6275 6.05185 15.5817 5.95791C15.536 5.86397 15.4696 5.78155 15.3877 5.71677Z'/%3e%3c/svg%3e");
395
401
  }
@@ -425,7 +431,7 @@ body {
425
431
  width: 0.857449089rem;
426
432
  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");
427
433
  }
428
- .right-to-left .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:after {
434
+ [dir=rtl] .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:after {
429
435
  right: auto;
430
436
  left: -7px;
431
437
  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='M0.7%2c8.4C0.7%2c8.3%2c0.6%2c8.1%2c0.6%2c8s0-0.3%2c0.1-0.4L6.3%2c0l1.1%2c0.8L2.2%2c8l5.2%2c7.2L6.3%2c16L0.7%2c8.4z'/%3e%3c/svg%3e");
@@ -458,7 +464,6 @@ body {
458
464
  content: "";
459
465
  height: 0.6430868167rem;
460
466
  position: absolute;
461
- left: 50%;
462
467
  top: -0.3215434084rem;
463
468
  transform: translateX(-50%) rotate(135deg);
464
469
  width: 0.6430868167rem;
@@ -518,31 +523,23 @@ body {
518
523
  text-decoration: underline;
519
524
  text-decoration-thickness: 0.1071811361rem;
520
525
  }
521
- .right-to-left .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--link {
522
- text-align: center;
526
+ .ilo--breadcrumb--items:after {
527
+ background: linear-gradient(to bottom right, white 50%, transparent 50%);
528
+ content: "";
529
+ display: inline-block;
530
+ height: 47px;
531
+ position: absolute;
532
+ right: -47px;
533
+ top: 0;
534
+ width: 47px;
523
535
  }
524
- @media screen and (min-width: 610px) {
525
- .ilo--breadcrumb--items:after {
526
- background: linear-gradient(to bottom right, white 50%, transparent 50%);
527
- content: "";
528
- display: inline-block;
529
- height: 47px;
530
- position: absolute;
531
- right: -47px;
532
- top: 0;
533
- width: 47px;
534
- }
535
- .right-to-left .ilo--breadcrumb--items:after {
536
- right: auto;
537
- left: -47px;
538
- transform: scaleX(-1);
539
- }
540
- .ilo--breadcrumb--items.context--menu:after {
541
- content: none;
542
- }
536
+ [dir=rtl] .ilo--breadcrumb--items:after {
537
+ right: auto;
538
+ left: -47px;
539
+ transform: scaleX(-1);
543
540
  }
544
- .right-to-left .ilo--breadcrumb {
545
- direction: rtl;
541
+ .ilo--breadcrumb--items.context--menu:after {
542
+ content: none;
546
543
  }
547
544
  .ilo--breadcrumb.storybook {
548
545
  background-color: rgb(184, 196, 204);
@@ -551,7 +548,7 @@ body {
551
548
 
552
549
  /**
553
550
  * Do not edit directly
554
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
551
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
555
552
  */
556
553
  /**
557
554
  * TOKENS:
@@ -561,7 +558,7 @@ body {
561
558
  */
562
559
  /**
563
560
  * Do not edit directly
564
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
561
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
565
562
  */
566
563
  /**
567
564
  * TOKENS:
@@ -586,7 +583,7 @@ body {
586
583
  }
587
584
  /**
588
585
  * Do not edit directly
589
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
586
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
590
587
  */
591
588
  /**
592
589
  * TOKENS:
@@ -613,26 +610,26 @@ body {
613
610
  }
614
611
  .ilo--button.icon .ilo--icon {
615
612
  height: 100%;
616
- max-height: 32px;
617
- max-width: 32px;
613
+ max-height: 1.7148981779rem;
614
+ max-width: 1.7148981779rem;
618
615
  position: absolute;
619
616
  width: 100%;
620
617
  }
621
618
  .ilo--button.icon.icon__position--left .link__label,
622
619
  .ilo--button.icon.icon__position--left .button__label {
623
- padding-left: 46px;
620
+ padding-left: 2.5723472669rem;
624
621
  }
625
622
  .ilo--button.icon.icon__position--left .ilo--icon {
626
- left: 13px;
627
- top: 7px;
623
+ left: 0.6966773848rem;
624
+ top: 0.3751339764rem;
628
625
  }
629
626
  .ilo--button.icon.icon__position--right .link__label,
630
627
  .ilo--button.icon.icon__position--right .button__label {
631
- padding-right: 46px;
628
+ padding-right: 2.5723472669rem;
632
629
  }
633
630
  .ilo--button.icon.icon__position--right .ilo--icon {
634
- right: 13px;
635
- top: 7px;
631
+ right: 0.6966773848rem;
632
+ top: 0.3751339764rem;
636
633
  }
637
634
  .ilo--button.icon--only .button__label {
638
635
  width: 1px;
@@ -646,10 +643,7 @@ body {
646
643
  }
647
644
  .ilo--button--large .link__label,
648
645
  .ilo--button--large .button__label {
649
- padding-bottom: 10px;
650
- padding-left: 22px;
651
- padding-right: 22px;
652
- padding-top: 10px;
646
+ padding: 0.6430868167rem 1.2861736334rem;
653
647
  font-size: 18.66px;
654
648
  letter-spacing: -0.02em;
655
649
  line-height: 120%;
@@ -664,34 +658,31 @@ body {
664
658
  }
665
659
  .ilo--button--medium .link__label,
666
660
  .ilo--button--medium .button__label {
667
- padding-bottom: 7px;
668
- padding-left: 18px;
669
- padding-right: 18px;
670
- padding-top: 7px;
661
+ padding: 0.4287245445rem 1.0718113612rem;
671
662
  font-size: 16px;
672
663
  letter-spacing: -0.02em;
673
664
  line-height: 120%;
674
665
  }
675
666
  .ilo--button--medium.icon .ilo--icon {
676
- max-height: 30px;
677
- max-width: 30px;
667
+ max-height: 1.6077170418rem;
668
+ max-width: 1.6077170418rem;
678
669
  position: absolute;
679
670
  }
680
671
  .ilo--button--medium.icon.icon__position--left .link__label,
681
672
  .ilo--button--medium.icon.icon__position--left .button__label {
682
- padding-left: 42px;
673
+ padding-left: 2.3579849946rem;
683
674
  }
684
675
  .ilo--button--medium.icon.icon__position--left .ilo--icon {
685
- left: 10px;
686
- top: 3px;
676
+ left: 0.5359056806rem;
677
+ top: 0.1607717042rem;
687
678
  }
688
679
  .ilo--button--medium.icon.icon__position--right .link__label,
689
680
  .ilo--button--medium.icon.icon__position--right .button__label {
690
- padding-right: 42px;
681
+ padding-right: 2.3579849946rem;
691
682
  }
692
683
  .ilo--button--medium.icon.icon__position--right .ilo--icon {
693
- right: 10px;
694
- top: 3px;
684
+ right: 0.5359056806rem;
685
+ top: 0.1607717042rem;
695
686
  }
696
687
  .ilo--button--medium.icon--only {
697
688
  height: 1.9292604502rem;
@@ -703,34 +694,31 @@ body {
703
694
  }
704
695
  .ilo--button--small .link__label,
705
696
  .ilo--button--small .button__label {
706
- padding-bottom: 3px;
707
- padding-left: 13px;
708
- padding-right: 13px;
709
- padding-top: 3px;
697
+ padding: 0.2143622722rem 0.857449089rem;
710
698
  font-size: 14.93px;
711
699
  letter-spacing: -0.02em;
712
700
  line-height: 120%;
713
701
  }
714
702
  .ilo--button--small.icon .ilo--icon {
715
- max-height: 28px;
716
- max-width: 28px;
703
+ max-height: 1.5005359057rem;
704
+ max-width: 1.5005359057rem;
717
705
  position: absolute;
718
706
  }
719
707
  .ilo--button--small.icon.icon__position--left .link__label,
720
708
  .ilo--button--small.icon.icon__position--left .button__label {
721
- padding-left: 34px;
709
+ padding-left: 1.9292604502rem;
722
710
  }
723
711
  .ilo--button--small.icon.icon__position--left .ilo--icon {
724
- left: 6px;
725
- top: 1px;
712
+ left: 0.3215434084rem;
713
+ top: 0.0535905681rem;
726
714
  }
727
715
  .ilo--button--small.icon.icon__position--right .link__label,
728
716
  .ilo--button--small.icon.icon__position--right .button__label {
729
- padding-right: 34px;
717
+ padding-right: 1.9292604502rem;
730
718
  }
731
719
  .ilo--button--small.icon.icon__position--right .ilo--icon {
732
- right: 6px;
733
- top: 1px;
720
+ right: 0.3215434084rem;
721
+ top: 0.0535905681rem;
734
722
  }
735
723
  .ilo--button--small.icon--only {
736
724
  height: 1.3933547696rem;
@@ -876,7 +864,7 @@ body {
876
864
 
877
865
  /**
878
866
  * Do not edit directly
879
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
867
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
880
868
  */
881
869
  /**
882
870
  * TOKENS:
@@ -889,7 +877,7 @@ body {
889
877
  transition: max-height 225ms ease-out;
890
878
  }
891
879
  .ilo--callout--collapse:not(.ilo--callout--open) {
892
- max-height: 78px;
880
+ max-height: 64px;
893
881
  overflow: hidden;
894
882
  }
895
883
  .ilo--callout--open {
@@ -900,22 +888,24 @@ body {
900
888
  transform: translateY(-50%) rotate(180deg);
901
889
  }
902
890
  .ilo--callout--sidebar {
903
- padding: 1.3933547696rem 0.6430868167rem;
891
+ display: flex;
892
+ flex-direction: column;
893
+ align-items: center;
894
+ padding: 1.0718113612rem 0.4287245445rem;
904
895
  width: 2.1436227224rem;
905
896
  }
906
897
  .ilo--callout--sidebar .ilo--callout--icon {
907
- position: relative;
908
- top: 0.0803858521rem;
898
+ margin: 0.2143622722rem;
909
899
  }
910
900
  .ilo--callout--content {
911
- padding: 1.3933547696rem 1.1789924973rem 1.2861736334rem;
901
+ padding: 1.2861736334rem;
912
902
  width: 100%;
913
903
  font-size: 0.8001071811rem;
914
904
  }
915
905
  .ilo--callout--header {
916
906
  display: flex;
917
907
  justify-content: space-between;
918
- padding: 0 0 1.2861736334rem;
908
+ padding-bottom: 0.6430868167rem;
919
909
  }
920
910
  .ilo--callout--title {
921
911
  font-size: 16px;
@@ -934,7 +924,7 @@ body {
934
924
  cursor: pointer;
935
925
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
936
926
  font-weight: 500;
937
- padding-right: 32px;
927
+ padding-right: 1.7148981779rem;
938
928
  position: relative;
939
929
  }
940
930
  .ilo--callout--toggle--icon {
@@ -951,7 +941,7 @@ body {
951
941
  width: 24px;
952
942
  }
953
943
  .ilo--callout--footer {
954
- padding: 1.2861736334rem 0 0 0;
944
+ padding-top: 1.0718113612rem;
955
945
  }
956
946
  .ilo--callout .icon {
957
947
  background-repeat: no-repeat;
@@ -1003,7 +993,7 @@ body {
1003
993
 
1004
994
  /**
1005
995
  * Do not edit directly
1006
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
996
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
1007
997
  */
1008
998
  /**
1009
999
  * TOKENS:
@@ -1013,7 +1003,7 @@ body {
1013
1003
  */
1014
1004
  /**
1015
1005
  * Do not edit directly
1016
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1006
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
1017
1007
  */
1018
1008
  /**
1019
1009
  * TOKENS:
@@ -1038,7 +1028,7 @@ body {
1038
1028
  }
1039
1029
  /**
1040
1030
  * Do not edit directly
1041
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1031
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
1042
1032
  */
1043
1033
  /**
1044
1034
  * TOKENS:
@@ -1056,7 +1046,7 @@ body {
1056
1046
 
1057
1047
  /**
1058
1048
  * Do not edit directly
1059
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1049
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
1060
1050
  */
1061
1051
  /**
1062
1052
  * TOKENS:
@@ -1074,9 +1064,6 @@ body {
1074
1064
  .ilo--card__size__fluid {
1075
1065
  --max-width: 100% !important;
1076
1066
  }
1077
- .right-to-left .ilo--card {
1078
- text-align: right;
1079
- }
1080
1067
  .ilo--card__action:hover, .ilo--card__action:focus, .ilo--card__action:focus-within {
1081
1068
  background: rgb(255, 255, 255);
1082
1069
  outline: none;
@@ -1105,7 +1092,7 @@ body {
1105
1092
  }
1106
1093
  .ilo--card__theme__dark {
1107
1094
  background: rgb(35, 0, 80);
1108
- transition: background 150ms ease-out;
1095
+ transition: background 250ms ease-out;
1109
1096
  }
1110
1097
  .ilo--card__theme__dark .ilo--card--eyebrow,
1111
1098
  .ilo--card__theme__dark .ilo--card--title,
@@ -1113,7 +1100,7 @@ body {
1113
1100
  .ilo--card__theme__dark .ilo--card--date,
1114
1101
  .ilo--card__theme__dark .ilo--card--eventdate {
1115
1102
  color: rgb(237, 240, 242);
1116
- transition: color 150ms ease-out;
1103
+ transition: color 250ms ease-out;
1117
1104
  }
1118
1105
  .ilo--card__isvideo .ilo--card--image--wrapper {
1119
1106
  position: relative;
@@ -1138,9 +1125,10 @@ body {
1138
1125
  }
1139
1126
  .ilo--card--wrapper {
1140
1127
  max-width: var(--max-width);
1128
+ transition: filter 250ms ease-out;
1141
1129
  }
1142
1130
  .ilo--card--wrapper:hover, .ilo--card--wrapper:focus, .ilo--card--wrapper:focus-within {
1143
- filter: drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.038)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.054)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.054));
1131
+ filter: drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.05)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.05)) drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.04));
1144
1132
  }
1145
1133
  .ilo--card--link {
1146
1134
  background: none;
@@ -1192,7 +1180,7 @@ body {
1192
1180
  font-size: 16px;
1193
1181
  letter-spacing: normal;
1194
1182
  line-height: 23.36px;
1195
- margin-bottom: 0.2901661308rem;
1183
+ margin-bottom: 0.6430868167rem;
1196
1184
  transition-property: color;
1197
1185
  transition-duration: 150ms;
1198
1186
  transition-timing-function: ease-out;
@@ -1226,10 +1214,10 @@ body {
1226
1214
  font-size: 16px;
1227
1215
  letter-spacing: normal;
1228
1216
  line-height: 23.36px;
1229
- margin-bottom: 1.3742266073rem;
1230
1217
  transition-property: color;
1231
1218
  transition-duration: 150ms;
1232
1219
  transition-timing-function: ease-out;
1220
+ margin-bottom: 1.7148981779rem;
1233
1221
  }
1234
1222
  .ilo--card--link:hover .ilo--card--intro, .ilo--card--link:focus .ilo--card--intro, .ilo--card--link:focus-within .ilo--card--intro {
1235
1223
  color: rgb(30, 45, 190);
@@ -1270,7 +1258,7 @@ body {
1270
1258
 
1271
1259
  /**
1272
1260
  * Do not edit directly
1273
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1261
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
1274
1262
  */
1275
1263
  /**
1276
1264
  * TOKENS:
@@ -1295,10 +1283,16 @@ body {
1295
1283
  color: rgb(255, 255, 255);
1296
1284
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(255, 255, 255)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
1297
1285
  }
1286
+ [dir=rtl] .ilo--card__type__feature.ilo--card__theme__dark .ilo--link-list--link {
1287
+ 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='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");
1288
+ }
1298
1289
  .ilo--card__type__feature.ilo--card__theme__dark:hover .ilo--link-list--link, .ilo--card__type__feature.ilo--card__theme__dark:focus .ilo--link-list--link, .ilo--card__type__feature.ilo--card__theme__dark:focus-within .ilo--link-list--link {
1299
1290
  color: rgb(30, 45, 190);
1300
1291
  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");
1301
1292
  }
1293
+ [dir=rtl] .ilo--card__type__feature.ilo--card__theme__dark:hover .ilo--link-list--link, [dir=rtl] .ilo--card__type__feature.ilo--card__theme__dark:focus .ilo--link-list--link, [dir=rtl] .ilo--card__type__feature.ilo--card__theme__dark:focus-within .ilo--link-list--link {
1294
+ 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");
1295
+ }
1302
1296
  .ilo--card__type__feature picture::before {
1303
1297
  transition-property: opacity;
1304
1298
  transition-duration: 150ms;
@@ -1307,7 +1301,7 @@ body {
1307
1301
  .ilo--card__type__feature:hover, .ilo--card__type__feature:focus, .ilo--card__type__feature:focus-within {
1308
1302
  background-color: rgb(255, 255, 255);
1309
1303
  border-bottom: 0.1607717042rem solid rgb(30, 45, 190);
1310
- filter: drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.038)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.054)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.054));
1304
+ filter: drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.05)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.05)) drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.04));
1311
1305
  }
1312
1306
  .ilo--card__type__feature:hover picture::before, .ilo--card__type__feature:focus picture::before, .ilo--card__type__feature:focus-within picture::before {
1313
1307
  opacity: 0.4;
@@ -1350,9 +1344,6 @@ body {
1350
1344
  .ilo--card__type__feature.ilo--card__size__wide .ilo--card--wrap, .ilo--card__type__feature.ilo--card__size__fluid .ilo--card--wrap {
1351
1345
  flex-direction: row;
1352
1346
  }
1353
- .right-to-left .ilo--card__type__feature.ilo--card__size__wide .ilo--card--wrap, .right-to-left .ilo--card__type__feature.ilo--card__size__fluid .ilo--card--wrap {
1354
- flex-direction: row-reverse;
1355
- }
1356
1347
  .ilo--card__type__feature.ilo--card__size__wide .ilo--card--content, .ilo--card__type__feature.ilo--card__size__fluid .ilo--card--content {
1357
1348
  display: flex;
1358
1349
  flex-direction: row;
@@ -1438,7 +1429,7 @@ body {
1438
1429
 
1439
1430
  /**
1440
1431
  * Do not edit directly
1441
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1432
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
1442
1433
  */
1443
1434
  /**
1444
1435
  * TOKENS:
@@ -1449,8 +1440,12 @@ body {
1449
1440
  .ilo--card__type__text {
1450
1441
  --max-width: 16.1307609861rem;
1451
1442
  border-bottom: 0.1607717042rem solid rgb(184, 196, 204);
1452
- padding: 1.2861736334rem 2.1436227224rem;
1453
- clip-path: polygon(0 0, calc(100% - 73px) 0, 100% 40px, 100% 100%, 0 100%);
1443
+ padding: 2.1436227224rem 1.2861736334rem 1.7148981779rem;
1444
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
1445
+ }
1446
+ [dir=rtl] .ilo--card__type__text {
1447
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
1448
+ clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
1454
1449
  }
1455
1450
  .ilo--card__type__text [class$=profile--contents--light] * {
1456
1451
  color: rgb(45, 45, 45);
@@ -1459,7 +1454,11 @@ body {
1459
1454
  color: rgb(255, 255, 255);
1460
1455
  }
1461
1456
  .ilo--card__type__text:hover, .ilo--card__type__text:focus, .ilo--card__type__text:focus-within {
1462
- filter: drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.038)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.054)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.054));
1457
+ filter: drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.05)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.05)) drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.04));
1458
+ transition-property: border-color;
1459
+ transition-duration: 150ms;
1460
+ transition-timing-function: ease-out;
1461
+ border-color: rgb(30, 45, 190);
1463
1462
  }
1464
1463
  .ilo--card__type__text:hover [class*=profile--contents] *, .ilo--card__type__text:focus [class*=profile--contents] *, .ilo--card__type__text:focus-within [class*=profile--contents] * {
1465
1464
  color: rgb(30, 45, 190);
@@ -1467,26 +1466,19 @@ body {
1467
1466
  @media screen and (max-width: 609px) {
1468
1467
  .ilo--card__type__text {
1469
1468
  --max-width: 100%;
1470
- padding: 1.7148981779rem 2.1436227224rem;
1471
1469
  }
1472
1470
  }
1473
1471
  .ilo--card__type__text.ilo--card__size__wide, .ilo--card__type__text.ilo--card__size__fluid {
1474
1472
  --max-width: 28.0278670954rem;
1475
- padding: 1.7148981779rem 2.1436227224rem;
1476
- }
1477
- @media screen and (min-width: 610px) {
1478
- .ilo--card__type__text.ilo--card__size__wide, .ilo--card__type__text.ilo--card__size__fluid {
1479
- padding: 1.7148981779rem 2.1436227224rem;
1480
- }
1473
+ padding: 2.1436227224rem 1.7148981779rem 1.7148981779rem;
1481
1474
  }
1482
1475
  .ilo--card__type__text.ilo--card__size__narrow {
1483
1476
  --max-width: 16.1307609861rem;
1484
- padding: 1.2861736334rem 2.1436227224rem;
1477
+ padding: 2.1436227224rem 1.2861736334rem 1.7148981779rem;
1485
1478
  }
1486
1479
  @media screen and (max-width: 609px) {
1487
1480
  .ilo--card__type__text.ilo--card__size__narrow {
1488
1481
  --max-width: 100%;
1489
- padding: 1.2861736334rem 2.1436227224rem;
1490
1482
  }
1491
1483
  }
1492
1484
  .ilo--card__type__text.ilo--card__size__narrow .ilo--card--title {
@@ -1534,7 +1526,7 @@ body {
1534
1526
 
1535
1527
  /**
1536
1528
  * Do not edit directly
1537
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1529
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
1538
1530
  */
1539
1531
  /**
1540
1532
  * TOKENS:
@@ -1545,8 +1537,11 @@ body {
1545
1537
  .ilo--card__type__detail {
1546
1538
  --max-width: 18.3815648446rem;
1547
1539
  border-bottom: 0.1607717042rem solid rgb(237, 240, 242);
1548
- padding: 1.2861736334rem 0;
1540
+ padding: 1.7148981779rem 0;
1549
1541
  position: relative;
1542
+ transition-property: border;
1543
+ transition-duration: 150ms;
1544
+ transition-timing-function: ease-out;
1550
1545
  }
1551
1546
  @media screen and (min-width: 1024px) {
1552
1547
  .ilo--card__type__detail {
@@ -1559,7 +1554,8 @@ body {
1559
1554
  }
1560
1555
  }
1561
1556
  .ilo--card__type__detail:hover, .ilo--card__type__detail:focus, .ilo--card__type__detail:focus-within {
1562
- filter: drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.038)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.054)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.054));
1557
+ filter: drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.05)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.05)) drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.04));
1558
+ border-bottom: 0.1607717042rem solid rgb(30, 45, 190);
1563
1559
  }
1564
1560
  .ilo--card__type__detail:hover picture::before, .ilo--card__type__detail:focus picture::before, .ilo--card__type__detail:focus-within picture::before {
1565
1561
  opacity: 0.4;
@@ -1568,7 +1564,11 @@ body {
1568
1564
  .ilo--card__type__detail:hover .ilo--card--date-extra::before, .ilo--card__type__detail:focus .ilo--card--date-extra::before, .ilo--card__type__detail:focus-within .ilo--card--date-extra::before {
1569
1565
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 11'%3e%3cpath fill='rgb(30, 45, 190)' d='M6.00007 10.8462L12 0L0 0L6.00007 10.8462Z'/%3e%3c/svg%3e");
1570
1566
  }
1567
+ .ilo--card__type__detail .ilo--card--eyebrow {
1568
+ margin-bottom: 0.857449089rem;
1569
+ }
1571
1570
  .ilo--card__type__detail .ilo--card--title {
1571
+ padding: 0 0 0.4287245445rem 0;
1572
1572
  font-size: 18.66px;
1573
1573
  letter-spacing: -0.035em;
1574
1574
  line-height: 24.26px;
@@ -1635,9 +1635,6 @@ body {
1635
1635
  .ilo--card__type__detail .ilo--card--wrap {
1636
1636
  display: flex;
1637
1637
  }
1638
- .right-to-left .ilo--card__type__detail .ilo--card--wrap {
1639
- flex-direction: row-reverse;
1640
- }
1641
1638
  .ilo--card__type__detail .ilo--card--title {
1642
1639
  font-size: 18.66px;
1643
1640
  letter-spacing: -0.035em;
@@ -1681,7 +1678,7 @@ body {
1681
1678
 
1682
1679
  /**
1683
1680
  * Do not edit directly
1684
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1681
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
1685
1682
  */
1686
1683
  /**
1687
1684
  * TOKENS:
@@ -1723,73 +1720,55 @@ body {
1723
1720
  padding: 3.4297963558rem 3.8585209003rem;
1724
1721
  }
1725
1722
  }
1723
+ .ilo--card__type__promo .ilo--card--title {
1724
+ margin-bottom: 0.6430868167rem;
1725
+ }
1726
1726
  .ilo--card__type__promo.ilo--card__size__standard {
1727
1727
  padding: 2.5723472669rem;
1728
1728
  }
1729
- @media screen and (min-width: 610px) {
1730
- .ilo--card__type__promo.ilo--card__size__standard {
1731
- padding: 2.5723472669rem 2.5723472669rem 3.4297963558rem;
1732
- }
1733
- }
1734
- @media screen and (min-width: 1024px) {
1735
- .ilo--card__type__promo.ilo--card__size__standard {
1736
- padding: 2.5723472669rem 2.5723472669rem 3.4297963558rem;
1737
- }
1738
- }
1739
1729
  .ilo--card__type__promo.ilo--card__size__standard.ilo--card__cornercut {
1740
1730
  clip-path: polygon(0 0, calc(100% - 87px) 0, 100% 48px, 100% 100%, 0 100%);
1741
1731
  }
1732
+ [dir=rtl] .ilo--card__type__promo.ilo--card__size__standard.ilo--card__cornercut {
1733
+ clip-path: polygon(0 0, calc(100% - 87px) 0, 100% 48px, 100% 100%, 0 100%);
1734
+ clip-path: polygon(87px 0, 100% 0, 100% 100%, 0 100%, 0 48px);
1735
+ }
1742
1736
  .ilo--card__type__promo.ilo--card__size__wide, .ilo--card__type__promo.ilo--card__size__fluid {
1743
1737
  padding: 3.4297963558rem 3.8585209003rem;
1744
1738
  }
1745
- @media screen and (min-width: 610px) {
1746
- .ilo--card__type__promo.ilo--card__size__wide, .ilo--card__type__promo.ilo--card__size__fluid {
1747
- padding: 3.4297963558rem 3.8585209003rem;
1748
- }
1749
- }
1750
- @media screen and (min-width: 1024px) {
1751
- .ilo--card__type__promo.ilo--card__size__wide, .ilo--card__type__promo.ilo--card__size__fluid {
1752
- padding: 3.4297963558rem 3.8585209003rem;
1753
- }
1754
- }
1755
1739
  .ilo--card__type__promo.ilo--card__size__wide.ilo--card__cornercut, .ilo--card__type__promo.ilo--card__size__fluid.ilo--card__cornercut {
1756
1740
  clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
1757
1741
  }
1742
+ [dir=rtl] .ilo--card__type__promo.ilo--card__size__wide.ilo--card__cornercut, [dir=rtl] .ilo--card__type__promo.ilo--card__size__fluid.ilo--card__cornercut {
1743
+ clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
1744
+ clip-path: polygon(116px 0, 100% 0, 100% 100%, 0 100%, 0 64px);
1745
+ }
1758
1746
  .ilo--card__type__promo.ilo--card__size__narrow {
1759
1747
  padding: 2.1436227224rem 1.2861736334rem;
1760
1748
  }
1761
- @media screen and (min-width: 610px) {
1762
- .ilo--card__type__promo.ilo--card__size__narrow {
1763
- padding: 2.1436227224rem 1.2861736334rem;
1764
- }
1765
- }
1766
- @media screen and (min-width: 1024px) {
1767
- .ilo--card__type__promo.ilo--card__size__narrow {
1768
- padding: 2.1436227224rem 1.2861736334rem;
1769
- }
1770
- }
1771
1749
  .ilo--card__type__promo.ilo--card__size__narrow.ilo--card__cornercut {
1772
1750
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
1773
1751
  }
1752
+ [dir=rtl] .ilo--card__type__promo.ilo--card__size__narrow.ilo--card__cornercut {
1753
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px left, 100% 100%, 0 100%);
1754
+ }
1774
1755
  .ilo--card__type__promo.ilo--card__size__narrow .ilo--card--title {
1775
1756
  font-size: 29.16px;
1776
1757
  letter-spacing: -0.035em;
1777
1758
  line-height: 36.45px;
1778
- margin-bottom: 0.5741425509rem;
1759
+ margin-bottom: 0.4287245445rem;
1779
1760
  }
1780
1761
  @media screen and (min-width: 610px) {
1781
1762
  .ilo--card__type__promo.ilo--card__size__narrow .ilo--card--title {
1782
1763
  font-size: 36.45px;
1783
1764
  letter-spacing: -0.035em;
1784
1765
  line-height: 43.74px;
1785
- margin-bottom: 0.4278063594rem;
1786
1766
  }
1787
1767
  }
1788
1768
  .ilo--card__type__promo.ilo--card__size__narrow .ilo--card--intro {
1789
1769
  font-size: 16px;
1790
1770
  letter-spacing: normal;
1791
1771
  line-height: 23.36px;
1792
- margin-bottom: 1.910132288rem;
1793
1772
  }
1794
1773
  .ilo--card__type__promo.ilo--card__theme__light:not(:hover) .ilo--card--title {
1795
1774
  color: rgb(45, 45, 45);
@@ -1801,34 +1780,31 @@ body {
1801
1780
  font-size: 29.16px;
1802
1781
  letter-spacing: -0.035em;
1803
1782
  line-height: 36.45px;
1804
- margin-bottom: 0.5741425509rem;
1805
1783
  }
1806
1784
  @media screen and (min-width: 610px) {
1807
1785
  .ilo--card__type__promo .ilo--card--title {
1808
1786
  font-size: 36.45px;
1809
1787
  letter-spacing: -0.035em;
1810
1788
  line-height: 43.74px;
1811
- margin-bottom: 0.8565309039rem;
1812
1789
  }
1813
1790
  }
1814
1791
  .ilo--card__type__promo .ilo--card--intro {
1815
1792
  font-size: 16px;
1816
1793
  letter-spacing: normal;
1817
1794
  line-height: 23.36px;
1818
- margin-bottom: 1.910132288rem;
1795
+ margin-bottom: 1.7148981779rem;
1819
1796
  }
1820
1797
  @media screen and (min-width: 610px) {
1821
1798
  .ilo--card__type__promo .ilo--card--intro {
1822
1799
  font-size: 18.66px;
1823
1800
  letter-spacing: normal;
1824
1801
  line-height: 27.24px;
1825
- margin-bottom: 1.8685411561rem;
1826
1802
  }
1827
1803
  }
1828
1804
 
1829
1805
  /**
1830
1806
  * Do not edit directly
1831
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1807
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
1832
1808
  */
1833
1809
  /**
1834
1810
  * TOKENS:
@@ -1845,6 +1821,7 @@ body {
1845
1821
  }
1846
1822
  .ilo--card__type__multilink .ilo--card--content .ilo--card--image--wrapper {
1847
1823
  display: block;
1824
+ margin-bottom: 1.7148981779rem;
1848
1825
  }
1849
1826
  @media screen and (min-width: 610px) {
1850
1827
  .ilo--card__type__multilink {
@@ -1860,7 +1837,7 @@ body {
1860
1837
  font-size: 23.32px;
1861
1838
  letter-spacing: -0.035em;
1862
1839
  line-height: 29.15px;
1863
- margin-bottom: 0.7188906752rem;
1840
+ margin-bottom: 1.7148981779rem;
1864
1841
  color: rgb(45, 45, 45);
1865
1842
  }
1866
1843
  @media screen and (min-width: 610px) {
@@ -1868,14 +1845,13 @@ body {
1868
1845
  font-size: 29.16px;
1869
1846
  letter-spacing: -0.035em;
1870
1847
  line-height: 36.45px;
1871
- margin-bottom: 0.5741425509rem;
1872
1848
  }
1873
1849
  }
1874
1850
  .ilo--card__type__multilink .ilo--card--intro {
1875
1851
  font-size: 16px;
1876
1852
  letter-spacing: normal;
1877
1853
  line-height: 23.36px;
1878
- margin-bottom: 1.910132288rem;
1854
+ margin-bottom: 1.7148981779rem;
1879
1855
  color: rgb(45, 45, 45);
1880
1856
  }
1881
1857
  @media screen and (min-width: 610px) {
@@ -1883,37 +1859,16 @@ body {
1883
1859
  font-size: 18.66px;
1884
1860
  letter-spacing: normal;
1885
1861
  line-height: 27.24px;
1886
- margin-bottom: 1.8685411561rem;
1887
1862
  }
1888
1863
  }
1889
1864
  .ilo--card__type__multilink.ilo--card__size__standard {
1890
1865
  --max-width: 28.7245444802rem;
1891
1866
  padding: 2.5723472669rem 2.1436227224rem;
1892
1867
  }
1893
- @media screen and (min-width: 610px) {
1894
- .ilo--card__type__multilink.ilo--card__size__standard {
1895
- padding: 2.5723472669rem 2.1436227224rem;
1896
- }
1897
- }
1898
- @media screen and (min-width: 1024px) {
1899
- .ilo--card__type__multilink.ilo--card__size__standard {
1900
- padding: 2.5723472669rem 2.1436227224rem;
1901
- }
1902
- }
1903
1868
  .ilo--card__type__multilink.ilo--card__size__narrow {
1904
1869
  --max-width: 20.0964630225rem;
1905
1870
  padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1906
1871
  }
1907
- @media screen and (min-width: 610px) {
1908
- .ilo--card__type__multilink.ilo--card__size__narrow {
1909
- padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1910
- }
1911
- }
1912
- @media screen and (min-width: 1024px) {
1913
- .ilo--card__type__multilink.ilo--card__size__narrow {
1914
- padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1915
- }
1916
- }
1917
1872
  .ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--image--wrapper {
1918
1873
  display: none;
1919
1874
  }
@@ -1926,7 +1881,7 @@ body {
1926
1881
  font-size: 23.32px;
1927
1882
  letter-spacing: -0.035em;
1928
1883
  line-height: 29.15px;
1929
- margin-bottom: 0.7188906752rem;
1884
+ margin-bottom: 1.2861736334rem;
1930
1885
  }
1931
1886
  }
1932
1887
  @media screen and (min-width: 610px) {
@@ -1934,13 +1889,16 @@ body {
1934
1889
  font-size: 16px;
1935
1890
  letter-spacing: normal;
1936
1891
  line-height: 23.36px;
1937
- margin-bottom: 1.910132288rem;
1892
+ margin-bottom: 1.2861736334rem;
1938
1893
  }
1939
1894
  }
1940
1895
  .ilo--card__type__multilink.ilo--card__size__wide, .ilo--card__type__multilink.ilo--card__size__fluid {
1941
1896
  --max-width: 59.1639871383rem;
1942
1897
  padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1943
1898
  }
1899
+ .ilo--card__type__multilink.ilo--card__size__wide .ilo--card--title, .ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--title {
1900
+ margin-bottom: 0.6430868167rem;
1901
+ }
1944
1902
  @media screen and (min-width: 610px) {
1945
1903
  .ilo--card__type__multilink.ilo--card__size__wide, .ilo--card__type__multilink.ilo--card__size__fluid {
1946
1904
  padding: 3.0010718114rem 2.5723472669rem;
@@ -1948,16 +1906,10 @@ body {
1948
1906
  .ilo--card__type__multilink.ilo--card__size__wide.ilo--card__align__right .ilo--card--wrap, .ilo--card__type__multilink.ilo--card__size__fluid.ilo--card__align__right .ilo--card--wrap {
1949
1907
  flex-direction: row-reverse;
1950
1908
  }
1951
- .right-to-left .ilo--card__type__multilink.ilo--card__size__wide.ilo--card__align__right .ilo--card--wrap, .right-to-left .ilo--card__type__multilink.ilo--card__size__fluid.ilo--card__align__right .ilo--card--wrap {
1952
- flex-direction: row;
1953
- }
1954
1909
  .ilo--card__type__multilink.ilo--card__size__wide .ilo--card--wrap, .ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--wrap {
1955
1910
  display: flex;
1956
1911
  column-gap: 1.7148981779rem;
1957
1912
  }
1958
- .right-to-left .ilo--card__type__multilink.ilo--card__size__wide .ilo--card--wrap, .right-to-left .ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--wrap {
1959
- flex-direction: row-reverse;
1960
- }
1961
1913
  .ilo--card__type__multilink.ilo--card__size__wide .ilo--card--image--wrapper, .ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--image--wrapper {
1962
1914
  display: block;
1963
1915
  width: 50%;
@@ -1970,14 +1922,13 @@ body {
1970
1922
  }
1971
1923
  }
1972
1924
  .ilo--card__type__multilink .ilo--link-list {
1973
- margin-top: 1.8756698821rem;
1974
1925
  position: relative;
1975
1926
  z-index: 3;
1976
1927
  }
1977
1928
 
1978
1929
  /**
1979
1930
  * Do not edit directly
1980
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1931
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
1981
1932
  */
1982
1933
  /**
1983
1934
  * TOKENS:
@@ -1989,7 +1940,7 @@ body {
1989
1940
  --max-width: 32.154340836rem;
1990
1941
  background: rgb(235, 245, 253);
1991
1942
  border-bottom: 0.1607717042rem solid rgb(190, 220, 250);
1992
- padding: 2.5723472669rem 2.7867095391rem;
1943
+ padding: 2.5723472669rem 2.1436227224rem 3.0010718114rem;
1993
1944
  position: relative;
1994
1945
  width: 100%;
1995
1946
  }
@@ -2039,7 +1990,7 @@ body {
2039
1990
  .ilo--card__type__data.ilo--card__size__narrow {
2040
1991
  --max-width: 16.1307609861rem;
2041
1992
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
2042
- padding: 2.1436227224rem 1.2861736334rem 2.8403001072rem;
1993
+ padding: 2.1436227224rem 1.2861736334rem 3.0010718114rem;
2043
1994
  }
2044
1995
  @media screen and (max-width: 609px) {
2045
1996
  .ilo--card__type__data.ilo--card__size__narrow {
@@ -2050,10 +2001,10 @@ body {
2050
2001
  --max-width: 41.6934619507rem;
2051
2002
  }
2052
2003
  .ilo--card__type__data.ilo--card__size__wide.ilo--card__type__data__columns__one {
2053
- padding: 2.5723472669rem 2.7867095391rem;
2004
+ padding: 2.5723472669rem 2.1436227224rem 3.0010718114rem;
2054
2005
  }
2055
2006
  .ilo--card__type__data.ilo--card__size__wide.ilo--card__type__data__columns__two {
2056
- padding: 2.5723472669rem 5.8413719185rem;
2007
+ padding: 2.5723472669rem 2.5723472669rem 3.0010718114rem 6.0021436227rem;
2057
2008
  }
2058
2009
  .ilo--card__type__data.ilo--card__size__wide, .ilo--card__type__data.ilo--card__size__fluid {
2059
2010
  clip-path: polygon(0 0, calc(100% - 86px) 0, 100% 48px, 100% 100%, 0 100%);
@@ -2097,7 +2048,7 @@ body {
2097
2048
 
2098
2049
  /**
2099
2050
  * Do not edit directly
2100
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2051
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2101
2052
  */
2102
2053
  /**
2103
2054
  * TOKENS:
@@ -2108,7 +2059,7 @@ body {
2108
2059
  .ilo--card__type__stat {
2109
2060
  --max-width: 18.3815648446rem;
2110
2061
  border-bottom: 0.1607717042rem solid rgb(150, 10, 85);
2111
- padding: 1.2861736334rem 2.1436227224rem 1.1789924973rem;
2062
+ padding: 2.1436227224rem 1.2861736334rem 1.7148981779rem;
2112
2063
  position: relative;
2113
2064
  width: 100%;
2114
2065
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
@@ -2118,6 +2069,10 @@ body {
2118
2069
  --max-width: 100%;
2119
2070
  }
2120
2071
  }
2072
+ [dir=rtl] .ilo--card__type__stat {
2073
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
2074
+ clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
2075
+ }
2121
2076
  .ilo--card__type__stat.ilo--card__color__blue {
2122
2077
  background: rgb(235, 245, 253);
2123
2078
  }
@@ -2137,9 +2092,6 @@ body {
2137
2092
  justify-content: flex-start;
2138
2093
  height: 100%;
2139
2094
  }
2140
- .right-to-left .ilo--card__type__stat .ilo--card--content {
2141
- flex-direction: row-reverse;
2142
- }
2143
2095
  .ilo--card__type__stat .ilo--card--title {
2144
2096
  color: rgb(35, 0, 80);
2145
2097
  font-size: 36.45px;
@@ -2172,7 +2124,7 @@ body {
2172
2124
 
2173
2125
  /**
2174
2126
  * Do not edit directly
2175
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2127
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2176
2128
  */
2177
2129
  /**
2178
2130
  * TOKENS:
@@ -2183,34 +2135,28 @@ body {
2183
2135
  .ilo--card__type__factlist {
2184
2136
  --max-width: 20.0964630225rem;
2185
2137
  border-bottom: 0.1607717042rem solid rgb(184, 196, 204);
2186
- padding: 1.2861736334rem 2.5723472669rem;
2138
+ padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
2187
2139
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
2188
2140
  }
2189
2141
  @media screen and (min-width: 1024px) {
2190
2142
  .ilo--card__type__factlist {
2191
- padding: 2.1436227224rem 3.0010718114rem;
2143
+ padding: 2.5723472669rem 2.1436227224rem 3.0010718114rem;
2192
2144
  }
2193
2145
  }
2194
2146
  .ilo--card__type__factlist.ilo--card__size__wide {
2195
2147
  --max-width: 45.8735262594rem;
2196
- padding: 2.1436227224rem 2.7867095391rem;
2148
+ padding: 2.5723472669rem 2.1436227224rem 3.0010718114rem;
2197
2149
  }
2198
2150
  @media screen and (min-width: 610px) {
2199
2151
  .ilo--card__type__factlist.ilo--card__size__wide {
2200
- padding: 2.1436227224rem 3.2154340836rem;
2201
2152
  clip-path: polygon(0 0, calc(100% - 87px) 0, 100% 48px, 100% 100%, 0 100%);
2202
2153
  }
2203
2154
  }
2204
2155
  .ilo--card__type__factlist.ilo--card__size__narrow {
2205
2156
  --max-width: 20.0964630225rem;
2206
- padding: 1.2861736334rem 2.5723472669rem;
2157
+ padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
2207
2158
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
2208
2159
  }
2209
- @media screen and (min-width: 610px) {
2210
- .ilo--card__type__factlist.ilo--card__size__narrow {
2211
- padding: 1.2861736334rem 2.5723472669rem;
2212
- }
2213
- }
2214
2160
  .ilo--card__type__factlist.ilo--card__theme__dark {
2215
2161
  border-bottom: 0.1607717042rem solid rgb(250, 60, 75);
2216
2162
  }
@@ -2247,7 +2193,7 @@ body {
2247
2193
 
2248
2194
  /**
2249
2195
  * Do not edit directly
2250
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2196
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2251
2197
  */
2252
2198
  /**
2253
2199
  * TOKENS:
@@ -2281,9 +2227,6 @@ body {
2281
2227
  margin: auto;
2282
2228
  width: 100%;
2283
2229
  }
2284
- .right-to-left .ilo--cardgroup--inner {
2285
- flex-direction: row-reverse;
2286
- }
2287
2230
  .ilo--cardgroup .ilo--card,
2288
2231
  .ilo--cardgroup .ilo--card--wrapper {
2289
2232
  height: 100%;
@@ -2299,7 +2242,7 @@ body {
2299
2242
 
2300
2243
  /**
2301
2244
  * Do not edit directly
2302
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2245
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2303
2246
  */
2304
2247
  /**
2305
2248
  * TOKENS:
@@ -2376,7 +2319,7 @@ body {
2376
2319
 
2377
2320
  /**
2378
2321
  * Do not edit directly
2379
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2322
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2380
2323
  */
2381
2324
  /**
2382
2325
  * TOKENS:
@@ -2457,7 +2400,7 @@ body {
2457
2400
 
2458
2401
  /**
2459
2402
  * Do not edit directly
2460
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2403
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2461
2404
  */
2462
2405
  /**
2463
2406
  * TOKENS:
@@ -2467,7 +2410,7 @@ body {
2467
2410
  */
2468
2411
  /**
2469
2412
  * Do not edit directly
2470
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2413
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2471
2414
  */
2472
2415
  /**
2473
2416
  * TOKENS:
@@ -2477,7 +2420,7 @@ body {
2477
2420
  */
2478
2421
  /**
2479
2422
  * Do not edit directly
2480
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2423
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2481
2424
  */
2482
2425
  /**
2483
2426
  * TOKENS:
@@ -2487,7 +2430,7 @@ body {
2487
2430
  */
2488
2431
  /**
2489
2432
  * Do not edit directly
2490
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2433
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2491
2434
  */
2492
2435
  /**
2493
2436
  * TOKENS:
@@ -2583,29 +2526,29 @@ body {
2583
2526
  display: inline-block;
2584
2527
  }
2585
2528
  }
2586
- .right-to-left .ilo--credit:after {
2529
+ [dir=rtl] .ilo--credit:after {
2587
2530
  background-position: top left;
2588
2531
  left: auto;
2589
2532
  right: 100%;
2590
2533
  transform: scaleX(-1);
2591
2534
  }
2592
2535
  @media screen and (max-width: 1023px) {
2593
- .right-to-left .ilo--credit--label {
2536
+ [dir=rtl] .ilo--credit--label {
2594
2537
  left: auto;
2595
2538
  right: 0;
2596
2539
  }
2597
- .right-to-left .ilo--credit--label:after {
2540
+ [dir=rtl] .ilo--credit--label:after {
2598
2541
  background-position: top right;
2599
2542
  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");
2600
2543
  left: auto;
2601
2544
  right: calc(0.6430868167rem / 2);
2602
2545
  }
2603
- .right-to-left .ilo--credit:before {
2546
+ [dir=rtl] .ilo--credit:before {
2604
2547
  background-position: 4px center;
2605
2548
  left: auto;
2606
2549
  right: 0;
2607
2550
  }
2608
- .right-to-left .ilo--credit:after {
2551
+ [dir=rtl] .ilo--credit:after {
2609
2552
  left: auto;
2610
2553
  right: 1.5541264737rem;
2611
2554
  }
@@ -2613,7 +2556,7 @@ body {
2613
2556
 
2614
2557
  /**
2615
2558
  * Do not edit directly
2616
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2559
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2617
2560
  */
2618
2561
  /**
2619
2562
  * TOKENS:
@@ -2628,9 +2571,13 @@ body {
2628
2571
  cursor: pointer;
2629
2572
  }
2630
2573
 
2574
+ .ilo--input.ilo--datepicker {
2575
+ padding: 0.6430868167rem 0.857449089rem 0.6430868167rem;
2576
+ }
2577
+
2631
2578
  /**
2632
2579
  * Do not edit directly
2633
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2580
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2634
2581
  */
2635
2582
  /**
2636
2583
  * TOKENS:
@@ -2655,13 +2602,10 @@ body {
2655
2602
  letter-spacing: -0.02em;
2656
2603
  line-height: 21.6px;
2657
2604
  height: 2.4115755627rem;
2658
- margin: 0rem 0rem 0rem 0rem;
2605
+ margin: 0rem;
2659
2606
  outline: none;
2660
2607
  overflow: hidden;
2661
- padding-left: 16px;
2662
- padding-right: 56px;
2663
- padding-bottom: 0;
2664
- padding-top: 0;
2608
+ padding: 0 3.0010718114rem 0 0.857449089rem;
2665
2609
  text-overflow: ellipsis;
2666
2610
  white-space: nowrap;
2667
2611
  width: calc(100% - 78px);
@@ -2715,10 +2659,15 @@ body {
2715
2659
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
2716
2660
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
2717
2661
  }
2662
+ [dir=rtl] .ilo--dropdown {
2663
+ padding: 0 0.857449089rem 0 3.0010718114rem;
2664
+ background-position: calc(0% + 14px) center, 0% center;
2665
+ 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 left, 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%);
2666
+ }
2718
2667
 
2719
2668
  /**
2720
2669
  * Do not edit directly
2721
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2670
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2722
2671
  */
2723
2672
  /**
2724
2673
  * TOKENS:
@@ -2728,7 +2677,7 @@ body {
2728
2677
  */
2729
2678
  /**
2730
2679
  * Do not edit directly
2731
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2680
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2732
2681
  */
2733
2682
  /**
2734
2683
  * TOKENS:
@@ -2738,7 +2687,7 @@ body {
2738
2687
  */
2739
2688
  /**
2740
2689
  * Do not edit directly
2741
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2690
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2742
2691
  */
2743
2692
  /**
2744
2693
  * TOKENS:
@@ -2791,7 +2740,7 @@ body {
2791
2740
 
2792
2741
  /**
2793
2742
  * Do not edit directly
2794
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2743
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2795
2744
  */
2796
2745
  /**
2797
2746
  * TOKENS:
@@ -2806,6 +2755,9 @@ body {
2806
2755
  .ilo--fieldset--legend-wrapper {
2807
2756
  margin-bottom: 0.8717716645rem;
2808
2757
  }
2758
+ .ilo--fieldset--legend-wrapper .ilo--tooltip--wrapper {
2759
+ top: 0.1071811361rem;
2760
+ }
2809
2761
  .ilo--fieldset--legend {
2810
2762
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
2811
2763
  font-weight: 700;
@@ -2871,13 +2823,12 @@ body {
2871
2823
  pointer-events: none;
2872
2824
  }
2873
2825
  .ilo--fieldset .ilo--tooltip--wrapper {
2874
- margin-left: 8px;
2875
- margin-top: 3px;
2826
+ margin-left: 0.2143622722rem;
2876
2827
  }
2877
2828
 
2878
2829
  /**
2879
2830
  * Do not edit directly
2880
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2831
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2881
2832
  */
2882
2833
  /**
2883
2834
  * TOKENS:
@@ -2894,7 +2845,6 @@ body {
2894
2845
  display: inline-block;
2895
2846
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
2896
2847
  font-weight: 700;
2897
- padding: 0;
2898
2848
  border-bottom-left-radius: 2px;
2899
2849
  border-bottom-right-radius: 2px;
2900
2850
  border-top-left-radius: 2px;
@@ -2969,12 +2919,12 @@ body {
2969
2919
  line-height: 21.6px;
2970
2920
  height: 2.5723472669rem;
2971
2921
  outline: none;
2972
- padding: 0.6966773848rem 0.6430868167rem 0.857449089rem 0.5894962487rem;
2922
+ padding: 0.6430868167rem 0.6430868167rem 0.857449089rem;
2973
2923
  }
2974
2924
 
2975
2925
  /**
2976
2926
  * Do not edit directly
2977
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2927
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2978
2928
  */
2979
2929
  /**
2980
2930
  * TOKENS:
@@ -2989,7 +2939,7 @@ body {
2989
2939
  align-items: flex-start;
2990
2940
  flex-direction: column;
2991
2941
  appearance: none;
2992
- gap: 32px;
2942
+ gap: 1.7148981779rem;
2993
2943
  color: rgb(45, 45, 45);
2994
2944
  }
2995
2945
  .ilo--form__theme__light {
@@ -3016,7 +2966,7 @@ body {
3016
2966
 
3017
2967
  /**
3018
2968
  * Do not edit directly
3019
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2969
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
3020
2970
  */
3021
2971
  /**
3022
2972
  * TOKENS:
@@ -3124,7 +3074,10 @@ body {
3124
3074
  font-weight: inherit;
3125
3075
  }
3126
3076
  .ilo--form-control--label div[class*=tooltip] {
3127
- margin-left: 0.2143622722rem;
3077
+ margin-left: 0.4287245445rem;
3078
+ }
3079
+ [dir=rtl] .ilo--form-control--label div[class*=tooltip] {
3080
+ margin-right: 0.4287245445rem;
3128
3081
  }
3129
3082
  .ilo--form-control--helper {
3130
3083
  grid-area: helper;
@@ -3134,10 +3087,13 @@ body {
3134
3087
  letter-spacing: normal;
3135
3088
  line-height: 16.24px;
3136
3089
  }
3090
+ .ilo--form-control .ilo--tooltip--wrapper {
3091
+ bottom: 0.1071811361rem;
3092
+ }
3137
3093
 
3138
3094
  /**
3139
3095
  * Do not edit directly
3140
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3096
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
3141
3097
  */
3142
3098
  /**
3143
3099
  * TOKENS:
@@ -3147,7 +3103,7 @@ body {
3147
3103
  */
3148
3104
  /**
3149
3105
  * Do not edit directly
3150
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3106
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
3151
3107
  */
3152
3108
  /**
3153
3109
  * TOKENS:
@@ -3172,7 +3128,7 @@ body {
3172
3128
  }
3173
3129
  /**
3174
3130
  * Do not edit directly
3175
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3131
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
3176
3132
  */
3177
3133
  /**
3178
3134
  * TOKENS:
@@ -3189,7 +3145,7 @@ body {
3189
3145
  /* RTL Styles */
3190
3146
  }
3191
3147
  .ilo--footer--main {
3192
- padding: 2.1436227224rem 1.7148981779rem;
3148
+ padding: 2.1436227224rem 1.7148981779rem 2.5723472669rem;
3193
3149
  position: relative;
3194
3150
  }
3195
3151
  .ilo--footer--main:before {
@@ -3224,9 +3180,12 @@ body {
3224
3180
  }
3225
3181
  .ilo--footer--secondary {
3226
3182
  background-color: rgb(237, 240, 242);
3227
- padding-top: 1.9292604502rem;
3183
+ padding: 1.7148981779rem 0.857449089rem 0;
3228
3184
  min-height: 3.0010718114rem;
3229
3185
  }
3186
+ .ilo--footer--secondary [class*=container] {
3187
+ padding: 0;
3188
+ }
3230
3189
  .ilo--footer--headline {
3231
3190
  color: rgb(255, 255, 255);
3232
3191
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
@@ -3236,21 +3195,21 @@ body {
3236
3195
  line-height: 23.36px;
3237
3196
  line-height: 1.1575562701rem;
3238
3197
  margin-bottom: 0.0895963823rem;
3239
- margin-top: 1.1789924973rem;
3198
+ margin-top: 1.0718113612rem;
3240
3199
  }
3241
3200
  .ilo--footer--subhead {
3242
3201
  color: #bedcfa;
3243
3202
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
3244
3203
  font-weight: 500;
3245
- margin-top: 0.5359056806rem;
3204
+ margin-top: 0.2143622722rem;
3246
3205
  font-size: 11.94px;
3247
3206
  letter-spacing: normal;
3248
3207
  line-height: 16.24px;
3249
3208
  line-height: 0.9946409432rem;
3250
- margin-bottom: 2.4115755627rem;
3209
+ margin-bottom: 2.5723472669rem;
3251
3210
  }
3252
3211
  .ilo--footer .address {
3253
- margin-bottom: 2.0900321543rem;
3212
+ margin-bottom: 1.0718113612rem;
3254
3213
  }
3255
3214
  .ilo--footer .address--line {
3256
3215
  color: rgb(255, 255, 255);
@@ -3260,10 +3219,10 @@ body {
3260
3219
  margin-bottom: 0.12089916rem;
3261
3220
  }
3262
3221
  .ilo--footer .connect {
3263
- margin: 2.9474812433rem 0;
3222
+ margin: 2.5723472669rem 0 2.1436227224rem;
3264
3223
  }
3265
3224
  .ilo--footer .social--links {
3266
- margin-bottom: 2.4115755627rem;
3225
+ margin-bottom: 2.1436227224rem;
3267
3226
  }
3268
3227
  .ilo--footer .legal,
3269
3228
  .ilo--footer .secondarylinks {
@@ -3329,7 +3288,7 @@ body {
3329
3288
  justify-content: center;
3330
3289
  border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
3331
3290
  margin: 0.6430868167rem auto 0 auto;
3332
- padding: 0.857449089rem 0.857449089rem 0.857449089rem 0.857449089rem;
3291
+ padding: 0.857449089rem;
3333
3292
  }
3334
3293
  .ilo--footer .anchorlink:after {
3335
3294
  background-repeat: no-repeat;
@@ -3359,11 +3318,11 @@ body {
3359
3318
  .ilo--footer--main {
3360
3319
  display: grid;
3361
3320
  grid-template-columns: minmax(0, 50%) minmax(0, 50%);
3362
- gap: 0px 64px;
3321
+ gap: 0px 3.4297963558rem;
3363
3322
  grid-template-areas: "site-info address" "site-info links" "site-info connect" "site-info subscribe";
3364
3323
  align-content: start;
3365
3324
  align-items: start;
3366
- padding: 2.1436227224rem 1.0718113612rem;
3325
+ padding: 2.1436227224rem 1.0718113612rem 5.1446945338rem;
3367
3326
  }
3368
3327
  .ilo--footer .site--info {
3369
3328
  grid-area: site-info;
@@ -3382,8 +3341,8 @@ body {
3382
3341
  grid-area: subscribe;
3383
3342
  }
3384
3343
  .ilo--footer--secondary {
3385
- padding-top: 0.9646302251rem;
3386
- padding-bottom: 0.9646302251rem;
3344
+ padding-top: 0.857449089rem;
3345
+ padding-bottom: 0.857449089rem;
3387
3346
  position: relative;
3388
3347
  z-index: 1;
3389
3348
  }
@@ -3412,10 +3371,10 @@ body {
3412
3371
  display: grid;
3413
3372
  grid-template-columns: 0.25fr 0.33fr 0.09fr 0.33fr;
3414
3373
  grid-template-rows: auto auto;
3415
- gap: 0px 64px;
3374
+ gap: 0px 3.4297963558rem;
3416
3375
  grid-template-areas: "site-info address . connect" "site-info links . subscribe";
3417
- padding-top: 2.3579849946rem;
3418
- padding-bottom: 2.7331189711rem;
3376
+ padding-top: 2.1436227224rem;
3377
+ padding-bottom: 5.1446945338rem;
3419
3378
  }
3420
3379
  .ilo--footer--main:before {
3421
3380
  content: none;
@@ -3436,9 +3395,12 @@ body {
3436
3395
  align-self: start;
3437
3396
  justify-self: start;
3438
3397
  }
3398
+ .ilo--footer .address {
3399
+ margin-bottom: 1.0718113612rem;
3400
+ }
3439
3401
  .ilo--footer--secondary {
3440
- padding-top: 0.9646302251rem;
3441
- padding-bottom: 0.9646302251rem;
3402
+ padding-top: 0.857449089rem;
3403
+ padding-bottom: 0.857449089rem;
3442
3404
  position: relative;
3443
3405
  }
3444
3406
  .ilo--footer--secondary [class*=container] {
@@ -3459,16 +3421,13 @@ body {
3459
3421
  .ilo--footer .anchorlink {
3460
3422
  margin: 0;
3461
3423
  border: none;
3462
- padding: 0.25rem;
3424
+ padding: 0.2143622722rem;
3463
3425
  }
3464
3426
  .ilo--footer .anchorlink:hover {
3465
3427
  margin-bottom: -0.1071811361rem;
3466
3428
  }
3467
3429
  }
3468
- .right-to-left .ilo--footer * {
3469
- text-align: right;
3470
- }
3471
- .right-to-left .ilo--footer--main:before {
3430
+ .ilo--footer[dir=rtl] .ilo--footer--main:before {
3472
3431
  background-size: contain;
3473
3432
  background-repeat: no-repeat;
3474
3433
  content: "";
@@ -3482,33 +3441,20 @@ body {
3482
3441
  left: 0;
3483
3442
  transform: scaleY(-1) scaleX(-1);
3484
3443
  }
3485
- .right-to-left .ilo--footer .subscribe a {
3486
- align-self: flex-end;
3487
- }
3488
- .right-to-left .ilo--footer--secondary [class*=container] {
3489
- flex-direction: row-reverse;
3490
- }
3491
- .right-to-left .ilo--footer--secondary--details {
3492
- display: flex;
3493
- flex-flow: row-reverse wrap;
3494
- }
3495
- .right-to-left .ilo--footer .secondarylinks--list {
3496
- flex-direction: row-reverse;
3497
- }
3498
- .right-to-left .ilo--footer .secondarylinks--list--item:before {
3444
+ .ilo--footer[dir=rtl] .ilo--footer .secondarylinks--list--item:before {
3499
3445
  content: none;
3500
3446
  }
3501
- .right-to-left .ilo--footer .secondarylinks--list--item:after {
3447
+ .ilo--footer[dir=rtl] .ilo--footer .secondarylinks--list--item:after {
3502
3448
  content: "|";
3503
3449
  margin: 0.2143622722rem;
3504
3450
  }
3505
3451
  @media screen and (min-width: 610px) {
3506
- .right-to-left .ilo--footer--main {
3452
+ .ilo--footer[dir=rtl] .ilo--footer--main {
3507
3453
  grid-template-areas: "address site-info" "links site-info" "connect site-info" "subscribe site-info";
3508
3454
  }
3509
3455
  }
3510
3456
  @media screen and (min-width: 1024px) {
3511
- .right-to-left .ilo--footer:after {
3457
+ .ilo--footer[dir=rtl] .ilo--footer:after {
3512
3458
  background-size: contain;
3513
3459
  background-repeat: no-repeat;
3514
3460
  content: "";
@@ -3522,24 +3468,24 @@ body {
3522
3468
  left: 0;
3523
3469
  transform: scaleY(1) scaleX(-1);
3524
3470
  }
3525
- .right-to-left .ilo--footer--main {
3471
+ .ilo--footer[dir=rtl] .ilo--footer--main {
3526
3472
  grid-template-columns: 0.33fr 0.09fr 0.33fr 0.25fr;
3527
3473
  grid-template-areas: "connect . address site-info" "subscribe . links site-info";
3528
3474
  }
3529
- .right-to-left .ilo--footer--main:before {
3475
+ .ilo--footer[dir=rtl] .ilo--footer--main:before {
3530
3476
  content: none;
3531
3477
  }
3532
- .right-to-left .ilo--footer .connect {
3478
+ .ilo--footer[dir=rtl] .ilo--footer .connect {
3533
3479
  grid-template-columns: 60%, minmax(0, 40%);
3534
3480
  }
3535
- .right-to-left .ilo--footer .ilo--button {
3481
+ .ilo--footer[dir=rtl] .ilo--footer .ilo--button {
3536
3482
  justify-self: end;
3537
3483
  }
3538
3484
  }
3539
3485
 
3540
3486
  /**
3541
3487
  * Do not edit directly
3542
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3488
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
3543
3489
  */
3544
3490
  /**
3545
3491
  * TOKENS:
@@ -3662,7 +3608,7 @@ body {
3662
3608
 
3663
3609
  /**
3664
3610
  * Do not edit directly
3665
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3611
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
3666
3612
  */
3667
3613
  /**
3668
3614
  * TOKENS:
@@ -3671,26 +3617,44 @@ body {
3671
3617
  * MAPS:
3672
3618
  */
3673
3619
  .hero {
3674
- --added-offset: 0;
3620
+ --added-offset: 0px;
3675
3621
  --base-offset: calc(((100vw - 1300px) / 2));
3622
+ --breadcrumb-padding: max(var(--base-offset), 0.857449089rem);
3676
3623
  --card-padding-start: 71px;
3677
3624
  --corner-cut-height: 40px;
3678
3625
  width: 100%;
3679
3626
  display: grid;
3680
3627
  position: relative;
3681
- grid-template-rows: minmax(216px, 1fr) 27px 40px auto;
3682
3628
  grid-template-columns: 1fr;
3683
3629
  overflow: hidden;
3630
+ grid-template-rows: minmax(1rem, 1fr) 27px 40px auto;
3631
+ }
3632
+ .hero--image {
3633
+ display: grid;
3634
+ grid-template-rows: minmax(216px, 1fr) 27px 40px auto;
3635
+ }
3636
+ .hero__gap__transparent {
3637
+ background: transparent;
3638
+ }
3639
+ .hero__gap__white {
3640
+ background-color: rgb(255, 255, 255);
3641
+ }
3642
+ .hero__gap__light {
3643
+ background-color: rgb(235, 245, 253);
3644
+ }
3645
+ .hero__gap__dark {
3646
+ background-color: rgb(35, 0, 80);
3684
3647
  }
3685
3648
  .hero--breadcrumbs {
3686
3649
  display: none;
3687
3650
  }
3688
- .hero--figure {
3651
+ .hero--background {
3652
+ display: grid;
3689
3653
  background-color: rgb(235, 245, 253);
3690
3654
  position: relative;
3691
3655
  grid-area: 1/1/4/2;
3692
3656
  }
3693
- .hero--figure img {
3657
+ .hero--background img {
3694
3658
  position: absolute;
3695
3659
  object-fit: cover;
3696
3660
  width: 100%;
@@ -3800,23 +3764,22 @@ body {
3800
3764
  .hero__card-theme__dark .hero--card-offset {
3801
3765
  background-color: rgb(35, 0, 80);
3802
3766
  position: relative;
3767
+ box-shadow: 0.3px 0 0 0 rgb(35, 0, 80);
3803
3768
  }
3804
3769
  .hero__card-theme__dark[class*=semi-transparent] .hero--card-offset {
3805
3770
  background: rgba(35, 0, 80, 0.6);
3771
+ box-shadow: 0.3px 0 0 0 rgba(35, 0, 80, 0.6);
3806
3772
  }
3807
3773
  .hero__card-theme__light .hero--card-offset {
3808
3774
  background: rgb(255, 255, 255);
3775
+ box-shadow: 0.3px 0 0 0 rgb(255, 255, 255);
3809
3776
  }
3810
3777
  .hero__card-theme__light[class*=semi-transparent] .hero--card-offset {
3811
3778
  background: rgba(255, 255, 255, 0.6);
3812
- }
3813
- .hero--breadcrumbs-offset {
3814
- grid-area: 1/1/2/2;
3815
- background-color: rgb(255, 255, 255);
3816
- z-index: 1;
3779
+ box-shadow: 0.3px 0 0 0 rgba(255, 255, 255, 0.6);
3817
3780
  }
3818
3781
  .hero--breadcrumbs {
3819
- grid-area: 1/2/2/5;
3782
+ grid-area: 1/1/2/5;
3820
3783
  z-index: 1;
3821
3784
  display: flex;
3822
3785
  flex-flow: row nowrap;
@@ -3824,13 +3787,13 @@ body {
3824
3787
  .hero--breadcrumbs--wrapper {
3825
3788
  width: 100%;
3826
3789
  }
3827
- .hero--figure {
3790
+ .hero--background {
3828
3791
  grid-area: 1/1/5/5;
3829
3792
  }
3830
- .hero__card-align__center .hero--figure {
3793
+ .hero__card-align__center .hero--background {
3831
3794
  grid-area: 1/1/6/5;
3832
3795
  }
3833
- .hero__card-align__bottom .hero--figure {
3796
+ .hero__card-align__bottom .hero--background {
3834
3797
  grid-area: 1/1/5/5;
3835
3798
  }
3836
3799
  .hero--card-offset {
@@ -3838,17 +3801,8 @@ body {
3838
3801
  z-index: 0;
3839
3802
  position: relative;
3840
3803
  }
3841
- .hero--card-offset::after {
3842
- content: "";
3843
- position: absolute;
3844
- height: 100%;
3845
- width: 3px;
3846
- right: -1px;
3847
- background-color: inherit;
3848
- z-index: 1;
3849
- }
3850
3804
  .hero__card-justify__offset .hero--card-offset, .hero__card-justify__center .hero--card-offset {
3851
- background-color: transparent;
3805
+ background: transparent !important;
3852
3806
  }
3853
3807
  .hero__card-align__center .hero--card-offset {
3854
3808
  grid-area: 3/1/4/2;
@@ -3914,7 +3868,7 @@ body {
3914
3868
  left: 2px;
3915
3869
  }
3916
3870
  }
3917
- .right-to-left .hero--caption--wrapper {
3871
+ [dir=rtl] .hero--caption--wrapper {
3918
3872
  background: rgb(45, 45, 45);
3919
3873
  height: 27px;
3920
3874
  width: 30px;
@@ -3922,10 +3876,10 @@ body {
3922
3876
  justify-content: center;
3923
3877
  align-items: center;
3924
3878
  position: relative;
3925
- position: absolute;
3926
3879
  right: 0;
3880
+ position: absolute;
3927
3881
  }
3928
- .right-to-left .hero--caption--wrapper::after {
3882
+ [dir=rtl] .hero--caption--wrapper::after {
3929
3883
  content: "";
3930
3884
  position: absolute;
3931
3885
  top: 0;
@@ -3938,54 +3892,7 @@ body {
3938
3892
  border-right: calc(27px - 4px) solid rgb(45, 45, 45);
3939
3893
  }
3940
3894
  @media screen and (min-width: 1024px) {
3941
- .right-to-left .hero__card-justify__start {
3942
- --col-1-lg: 1fr;
3943
- --col-2-lg: 30px;
3944
- --col-3-lg: var(--card-width);
3945
- --col-4-lg: calc(
3946
- var(--base-offset) - 71px + var(--added-offset)
3947
- );
3948
- }
3949
- .right-to-left .hero__card-justify__offset {
3950
- --col-1-lg: 1fr;
3951
- --col-2-lg: 30px;
3952
- --col-3-lg: var(--card-width);
3953
- --col-4-lg: calc(
3954
- var(--base-offset) - 71px + var(--added-offset)
3955
- );
3956
- }
3957
- .right-to-left .hero__card-justify__center {
3958
- --col-1-lg: calc(
3959
- ((100% - var(--card-width)) / 2) - 30px
3960
- );
3961
- --col-2-lg: 30px;
3962
- --col-3-lg: var(--card-width);
3963
- --col-4-lg: calc((100% - var(--card-width)) / 2);
3964
- }
3965
- .right-to-left .hero__card-align__center .hero--card {
3966
- grid-area: 3/3/4/4;
3967
- }
3968
- .right-to-left .hero__card-align__center .hero--caption {
3969
- grid-area: 5/4/6/5;
3970
- }
3971
- .right-to-left .hero__card-align__center .hero--caption--wrapper {
3972
- right: 0;
3973
- left: initial;
3974
- position: absolute;
3975
- }
3976
- .right-to-left .hero__card-align__bottom .hero--caption {
3977
- grid-area: 4/4/5/5;
3978
- }
3979
- .right-to-left .hero__card-align__bottom .hero--caption--wrapper {
3980
- position: absolute;
3981
- right: 0;
3982
- bottom: 0;
3983
- left: initial;
3984
- }
3985
- .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption {
3986
- grid-area: 2/3/3/4;
3987
- }
3988
- .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper {
3895
+ [dir=rtl] .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper, [dir=rtl] .hero__card-align__bottom.hero__card-justify__offset .hero--caption--wrapper {
3989
3896
  background: rgb(45, 45, 45);
3990
3897
  height: 27px;
3991
3898
  width: 30px;
@@ -3996,51 +3903,9 @@ body {
3996
3903
  position: absolute;
3997
3904
  left: initial;
3998
3905
  right: 0;
3906
+ bottom: 0;
3999
3907
  }
4000
- .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper::after {
4001
- content: "";
4002
- position: absolute;
4003
- top: 0;
4004
- width: 0;
4005
- height: 0;
4006
- border-top: 27px solid transparent;
4007
- left: auto;
4008
- right: 100%;
4009
- border-left: none;
4010
- border-right: calc(27px - 4px) solid rgb(45, 45, 45);
4011
- }
4012
- .right-to-left .hero--card-offset {
4013
- grid-area: 3/4/6/5;
4014
- }
4015
- .right-to-left .hero--card-offset:after {
4016
- right: initial;
4017
- left: -1px;
4018
- }
4019
- .right-to-left .hero--card {
4020
- grid-area: 3/3/6/4;
4021
- }
4022
- .right-to-left .hero--breadcrumbs-offset {
4023
- grid-area: 1/4/2/5;
4024
- }
4025
- .right-to-left .hero--breadcrumbs {
4026
- grid-area: 1/4/2/1;
4027
- flex-direction: row-reverse;
4028
- }
4029
- .right-to-left .hero--caption {
4030
- grid-area: 4/2/5/3;
4031
- }
4032
- .right-to-left .hero--caption--wrapper {
4033
- right: 2px;
4034
- left: initial;
4035
- background: rgb(45, 45, 45);
4036
- height: 27px;
4037
- width: 30px;
4038
- display: flex;
4039
- justify-content: center;
4040
- align-items: center;
4041
- position: relative;
4042
- }
4043
- .right-to-left .hero--caption--wrapper::after {
3908
+ [dir=rtl] .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper::after, [dir=rtl] .hero__card-align__bottom.hero__card-justify__offset .hero--caption--wrapper::after {
4044
3909
  content: "";
4045
3910
  position: absolute;
4046
3911
  top: 0;
@@ -4056,7 +3921,7 @@ body {
4056
3921
 
4057
3922
  /**
4058
3923
  * Do not edit directly
4059
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3924
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4060
3925
  */
4061
3926
  /**
4062
3927
  * TOKENS:
@@ -4076,9 +3941,6 @@ body {
4076
3941
  padding-inline-start: var(--card-padding-start);
4077
3942
  }
4078
3943
  }
4079
- .right-to-left .ilo--hero-card {
4080
- direction: rtl;
4081
- }
4082
3944
  .ilo--hero-card--title-link {
4083
3945
  color: inherit;
4084
3946
  text-decoration: none;
@@ -4116,7 +3978,7 @@ body {
4116
3978
  .ilo--hero-card__cornercut {
4117
3979
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
4118
3980
  }
4119
- .right-to-left .ilo--hero-card__cornercut {
3981
+ [dir=rtl] .ilo--hero-card__cornercut {
4120
3982
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
4121
3983
  clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
4122
3984
  }
@@ -4124,7 +3986,7 @@ body {
4124
3986
  .ilo--hero-card__cornercut {
4125
3987
  clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
4126
3988
  }
4127
- .right-to-left .ilo--hero-card__cornercut {
3989
+ [dir=rtl] .ilo--hero-card__cornercut {
4128
3990
  clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
4129
3991
  clip-path: polygon(116px 0, 100% 0, 100% 100%, 0 100%, 0 64px);
4130
3992
  }
@@ -4192,7 +4054,7 @@ body {
4192
4054
 
4193
4055
  /**
4194
4056
  * Do not edit directly
4195
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4057
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4196
4058
  */
4197
4059
  /**
4198
4060
  * TOKENS:
@@ -4216,7 +4078,7 @@ body {
4216
4078
  width: 100%;
4217
4079
  }
4218
4080
  .ilo--image--caption {
4219
- border-left: 3px solid rgb(184, 196, 204);
4081
+ border-left: 0.1607717042rem solid rgb(184, 196, 204);
4220
4082
  color: rgb(109, 109, 109);
4221
4083
  font-weight: 400;
4222
4084
  margin-top: 0.857449089rem;
@@ -4235,20 +4097,20 @@ body {
4235
4097
  bottom: -0.2143622722rem;
4236
4098
  }
4237
4099
  }
4238
- .right-to-left .ilo--image .ilo--image--caption {
4100
+ [dir=rtl] .ilo--image .ilo--image--caption {
4239
4101
  border-left: none;
4240
4102
  border-right: 3px solid #b8c4cc;
4241
4103
  padding-left: 0;
4242
4104
  padding-right: 0.4287245445rem;
4243
4105
  }
4244
- .right-to-left .ilo--image .ilo--credit {
4106
+ [dir=rtl] .ilo--image .ilo--credit {
4245
4107
  left: auto;
4246
4108
  right: 0;
4247
4109
  }
4248
4110
 
4249
4111
  /**
4250
4112
  * Do not edit directly
4251
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4113
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4252
4114
  */
4253
4115
  /**
4254
4116
  * TOKENS:
@@ -4272,7 +4134,7 @@ body {
4272
4134
  letter-spacing: -0.02em;
4273
4135
  line-height: 21.6px;
4274
4136
  height: 2.5723472669rem;
4275
- margin: 0rem 0rem 0rem 0rem;
4137
+ margin: 0rem;
4276
4138
  outline: none;
4277
4139
  padding: 0.857449089rem 0.6430868167rem 0.857449089rem 0.6430868167rem;
4278
4140
  width: 100%;
@@ -4283,7 +4145,7 @@ body {
4283
4145
  border-left: 0.1607717042rem solid rgb(30, 45, 190);
4284
4146
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
4285
4147
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
4286
- padding-left: 11px;
4148
+ padding-left: 0.6430868167rem;
4287
4149
  outline: none;
4288
4150
  }
4289
4151
  .ilo--input:disabled {
@@ -4390,7 +4252,7 @@ body {
4390
4252
 
4391
4253
  /**
4392
4254
  * Do not edit directly
4393
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4255
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4394
4256
  */
4395
4257
  /**
4396
4258
  * TOKENS:
@@ -4400,7 +4262,7 @@ body {
4400
4262
  */
4401
4263
  /**
4402
4264
  * Do not edit directly
4403
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4265
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4404
4266
  */
4405
4267
  /**
4406
4268
  * TOKENS:
@@ -4425,7 +4287,7 @@ body {
4425
4287
  }
4426
4288
  /**
4427
4289
  * Do not edit directly
4428
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4290
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4429
4291
  */
4430
4292
  /**
4431
4293
  * TOKENS:
@@ -4455,7 +4317,7 @@ body {
4455
4317
  }
4456
4318
  .ilo--link-list--links--item.indented .ilo--link-list--label {
4457
4319
  display: block;
4458
- padding-left: 1.2861736334rem;
4320
+ padding-left: 1.0718113612rem;
4459
4321
  position: relative;
4460
4322
  }
4461
4323
  .ilo--link-list--links--item.indented .ilo--link-list--label:before {
@@ -4473,6 +4335,14 @@ body {
4473
4335
  width: 0.6430868167rem;
4474
4336
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 11'%3e%3cpath fill='rgb(184, 196, 204)' d='M6.00007 10.8462L12 0L0 0L6.00007 10.8462Z'/%3e%3c/svg%3e");
4475
4337
  }
4338
+ [dir=rtl] .ilo--link-list--links--item.indented .ilo--link-list--label {
4339
+ padding-right: 1.2861736334rem;
4340
+ }
4341
+ [dir=rtl] .ilo--link-list--links--item.indented .ilo--link-list--label:before {
4342
+ transform: translateY(-50%) rotate(90deg);
4343
+ left: unset;
4344
+ right: 0;
4345
+ }
4476
4346
  .ilo--link-list--links--item.indented .ilo--link-list--link:hover .ilo--link-list--label:before, .ilo--link-list--links--item.indented .ilo--link-list--link:focus .ilo--link-list--label:before, .ilo--link-list--links--item.indented:hover .ilo--link-list--label:before, .ilo--link-list--links--item.indented:focus .ilo--link-list--label:before {
4477
4347
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 11'%3e%3cpath fill='rgb(30, 45, 190)' d='M6.00007 10.8462L12 0L0 0L6.00007 10.8462Z'/%3e%3c/svg%3e");
4478
4348
  }
@@ -4488,8 +4358,8 @@ body {
4488
4358
  font-size: 16px;
4489
4359
  letter-spacing: normal;
4490
4360
  line-height: 23.36px;
4491
- padding-bottom: 0.8934549032rem;
4492
- padding-top: 0.8934549032rem;
4361
+ padding-top: 0.857449089rem;
4362
+ padding-bottom: 0.857449089rem;
4493
4363
  padding-right: 1.7148981779rem;
4494
4364
  text-decoration: none;
4495
4365
  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");
@@ -4520,11 +4390,12 @@ body {
4520
4390
  transition-duration: 150ms;
4521
4391
  transition-timing-function: ease-out;
4522
4392
  }
4523
- .right-to-left .ilo--link-list--link {
4524
- background-position: 4px center;
4393
+ [dir=rtl] .ilo--link-list--link {
4394
+ background-position: 0.2143622722rem center;
4525
4395
  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");
4396
+ padding-right: 0;
4526
4397
  }
4527
- .right-to-left .ilo--link-list--link:hover, .right-to-left .ilo--link-list--link:focus {
4398
+ [dir=rtl] .ilo--link-list--link:hover, [dir=rtl] .ilo--link-list--link:focus {
4528
4399
  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");
4529
4400
  }
4530
4401
  .ilo--link-list--dark .ilo--link-list--headline,
@@ -4566,16 +4437,13 @@ body {
4566
4437
  transition-duration: 150ms;
4567
4438
  transition-timing-function: ease-out;
4568
4439
  }
4569
- .right-to-left .ilo--link-list--dark .ilo--link-list--link {
4570
- background-position: 4px center;
4440
+ [dir=rtl] .ilo--link-list--dark .ilo--link-list--link {
4441
+ background-position: 0.2143622722rem center;
4571
4442
  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='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");
4572
4443
  }
4573
- .right-to-left .ilo--link-list--dark .ilo--link-list--link:hover, .right-to-left .ilo--link-list--dark .ilo--link-list--link:focus {
4444
+ [dir=rtl] .ilo--link-list--dark .ilo--link-list--link:hover, [dir=rtl] .ilo--link-list--dark .ilo--link-list--link:focus {
4574
4445
  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");
4575
4446
  }
4576
- .right-to-left .ilo--link-list * {
4577
- text-align: right;
4578
- }
4579
4447
 
4580
4448
  .wingsuit-body .ilo--link-list--dark {
4581
4449
  background-color: rgb(35, 0, 80);
@@ -4583,7 +4451,7 @@ body {
4583
4451
 
4584
4452
  /**
4585
4453
  * Do not edit directly
4586
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4454
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4587
4455
  */
4588
4456
  /**
4589
4457
  * TOKENS:
@@ -4599,9 +4467,8 @@ body {
4599
4467
  list-style-type: none;
4600
4468
  }
4601
4469
  .ilo--list--unordered li {
4602
- margin-bottom: 1.7148981779rem;
4603
4470
  margin-left: 0.6430868167rem;
4604
- padding-left: 0.6430868167rem;
4471
+ padding-left: 0.4287245445rem;
4605
4472
  position: relative;
4606
4473
  }
4607
4474
  .ilo--list--unordered li::before {
@@ -4627,21 +4494,24 @@ body {
4627
4494
  flex-wrap: wrap;
4628
4495
  list-style: none;
4629
4496
  }
4497
+ .ilo--list--horizontal li::before {
4498
+ content: none;
4499
+ }
4630
4500
  .ilo--list--horizontal .ilo--list__title {
4631
4501
  margin-bottom: 0.4287245445rem;
4632
- margin-right: 1.9828510182rem;
4502
+ margin-right: 1.9292604502rem;
4633
4503
  }
4634
4504
  .ilo--list--horizontal .ilo--list__item {
4635
4505
  margin-bottom: 0.4287245445rem;
4636
4506
  margin-left: 0;
4637
- margin-right: 1.9828510182rem;
4507
+ margin-right: 2.1436227224rem;
4638
4508
  padding-left: 0;
4639
4509
  }
4640
4510
  .ilo--list__title {
4641
4511
  font-size: 18.66px;
4642
4512
  letter-spacing: -0.035em;
4643
4513
  line-height: 24.26px;
4644
- margin-bottom: 1.1254019293rem;
4514
+ margin-bottom: 1.2861736334rem;
4645
4515
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
4646
4516
  font-weight: 700;
4647
4517
  }
@@ -4650,7 +4520,6 @@ body {
4650
4520
  font-size: 23.32px;
4651
4521
  letter-spacing: -0.035em;
4652
4522
  line-height: 29.15px;
4653
- margin-bottom: 1.4469453376rem;
4654
4523
  }
4655
4524
  }
4656
4525
  .ilo--list__item {
@@ -4658,9 +4527,9 @@ body {
4658
4527
  letter-spacing: normal;
4659
4528
  line-height: 23.36px;
4660
4529
  font-family: Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
4661
- margin-bottom: 1.052683199rem;
4662
- margin-left: 1.2861736334rem;
4663
- padding-left: 0.1607717042rem;
4530
+ margin-bottom: 0.857449089rem;
4531
+ margin-left: 1.0718113612rem;
4532
+ padding-left: 0.2143622722rem;
4664
4533
  }
4665
4534
  .ilo--list__item b,
4666
4535
  .ilo--list__item strong {
@@ -4672,13 +4541,12 @@ body {
4672
4541
  font-size: 18.66px;
4673
4542
  letter-spacing: normal;
4674
4543
  line-height: 27.24px;
4675
- margin-bottom: 0.7967297949rem;
4676
4544
  }
4677
4545
  }
4678
4546
 
4679
4547
  /**
4680
4548
  * Do not edit directly
4681
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4549
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4682
4550
  */
4683
4551
  /**
4684
4552
  * TOKENS:
@@ -4688,7 +4556,7 @@ body {
4688
4556
  */
4689
4557
  /**
4690
4558
  * Do not edit directly
4691
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4559
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4692
4560
  */
4693
4561
  /**
4694
4562
  * TOKENS:
@@ -4698,7 +4566,7 @@ body {
4698
4566
  */
4699
4567
  /**
4700
4568
  * Do not edit directly
4701
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4569
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4702
4570
  */
4703
4571
  /**
4704
4572
  * TOKENS:
@@ -4869,7 +4737,7 @@ body {
4869
4737
 
4870
4738
  /**
4871
4739
  * Do not edit directly
4872
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4740
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4873
4741
  */
4874
4742
  /**
4875
4743
  * TOKENS:
@@ -4916,7 +4784,7 @@ body {
4916
4784
 
4917
4785
  /**
4918
4786
  * Do not edit directly
4919
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4787
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4920
4788
  */
4921
4789
  /**
4922
4790
  * TOKENS:
@@ -4926,7 +4794,7 @@ body {
4926
4794
  */
4927
4795
  /**
4928
4796
  * Do not edit directly
4929
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4797
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4930
4798
  */
4931
4799
  /**
4932
4800
  * TOKENS:
@@ -4936,7 +4804,7 @@ body {
4936
4804
  */
4937
4805
  /**
4938
4806
  * Do not edit directly
4939
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4807
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4940
4808
  */
4941
4809
  /**
4942
4810
  * TOKENS:
@@ -5033,7 +4901,7 @@ body {
5033
4901
 
5034
4902
  /**
5035
4903
  * Do not edit directly
5036
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4904
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
5037
4905
  */
5038
4906
  /**
5039
4907
  * TOKENS:
@@ -5154,7 +5022,7 @@ body {
5154
5022
  background: rgb(30, 45, 190);
5155
5023
  display: flex;
5156
5024
  justify-content: space-between;
5157
- padding: 0 20px;
5025
+ padding: 0 1.0718113612rem;
5158
5026
  }
5159
5027
  .ilo--header--utility-bar--local .ilo--language-switcher {
5160
5028
  display: none;
@@ -5174,7 +5042,7 @@ body {
5174
5042
  cursor: pointer;
5175
5043
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5176
5044
  font-weight: 500;
5177
- padding: 16px 16px 16px 36px;
5045
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 1.9292604502rem;
5178
5046
  text-decoration: none;
5179
5047
  transition: all 150ms ease-out;
5180
5048
  width: 100%;
@@ -5188,12 +5056,12 @@ body {
5188
5056
  background-color: rgb(235, 245, 253);
5189
5057
  color: rgb(30, 45, 190);
5190
5058
  }
5191
- .right-to-left .ilo--header--utility-bar--local .ilo--language-switcher--link {
5059
+ .ilo--header--utility-bar--local .ilo--language-switcher--link [dir=rtl] {
5192
5060
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(255, 255, 255)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
5193
5061
  background-position: calc(100% - 16px) 50%;
5194
5062
  padding: 16px 36px 16px 16px;
5195
5063
  }
5196
- .right-to-left .ilo--header--utility-bar--local .ilo--language-switcher--link:focus, .right-to-left .ilo--header--utility-bar--local .ilo--language-switcher--link:hover {
5064
+ .ilo--header--utility-bar--local .ilo--language-switcher--link [dir=rtl]:focus, .ilo--header--utility-bar--local .ilo--language-switcher--link [dir=rtl]:hover {
5197
5065
  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");
5198
5066
  background-color: rgb(235, 245, 253);
5199
5067
  color: rgb(30, 45, 190);
@@ -5222,12 +5090,6 @@ body {
5222
5090
  .ilo--header--utility-bar--local {
5223
5091
  justify-content: space-between;
5224
5092
  }
5225
- .right-to-left .ilo--header--utility-bar {
5226
- flex-direction: row-reverse;
5227
- }
5228
- }
5229
- .right-to-left .ilo--header--inner {
5230
- direction: rtl;
5231
5093
  }
5232
5094
  .ilo--subnav--open .ilo--header--inner {
5233
5095
  visibility: hidden;
@@ -5236,7 +5098,7 @@ body {
5236
5098
  .ilo--header--inner {
5237
5099
  display: flex;
5238
5100
  justify-content: space-between;
5239
- padding: 0 20px;
5101
+ padding: 0 1.0718113612rem;
5240
5102
  }
5241
5103
  .ilo--subnav--open .ilo--header--inner {
5242
5104
  visibility: visible;
@@ -5281,12 +5143,9 @@ body {
5281
5143
  display: none;
5282
5144
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5283
5145
  font-weight: 700;
5284
- padding: 16px 0;
5146
+ padding: 0.857449089rem 0;
5285
5147
  text-align: right;
5286
5148
  }
5287
- .right-to-left .ilo--header--logo-tagline {
5288
- text-align: left;
5289
- }
5290
5149
  @media screen and (min-width: 1024px) {
5291
5150
  .ilo--header--logo-tagline {
5292
5151
  display: block;
@@ -5340,13 +5199,13 @@ body {
5340
5199
  align-items: center;
5341
5200
  }
5342
5201
  .ilo--nav--items:first-of-type {
5343
- margin-left: -20px;
5202
+ margin-left: -1.0718113612rem;
5344
5203
  }
5345
5204
  }
5346
5205
  .ilo--nav--link {
5347
5206
  color: rgb(35, 0, 80);
5348
5207
  display: block;
5349
- padding: 16px 36px 16px 8px;
5208
+ padding: 0.857449089rem 1.9292604502rem 0.857449089rem 0.4287245445rem;
5350
5209
  text-decoration: none;
5351
5210
  transition: color 150ms ease-out, background 150ms ease-out;
5352
5211
  }
@@ -5360,7 +5219,7 @@ body {
5360
5219
  background: rgb(35, 0, 80);
5361
5220
  color: rgb(255, 255, 255);
5362
5221
  display: inline-block;
5363
- padding: 21.5px 24px 20.5px;
5222
+ padding: 21.5px 1.2861736334rem 20.5px;
5364
5223
  }
5365
5224
  .ilo--nav--link:hover, .ilo--nav--link:focus {
5366
5225
  background: rgb(235, 245, 253);
@@ -5385,7 +5244,7 @@ body {
5385
5244
  display: block;
5386
5245
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5387
5246
  font-weight: 500;
5388
- padding: 16px 36px 16px 8px;
5247
+ padding: 0.857449089rem 1.9292604502rem 0.857449089rem 0.4287245445rem;
5389
5248
  line-height: 24px;
5390
5249
  text-align: left;
5391
5250
  transition: all 150ms ease-out;
@@ -5396,15 +5255,15 @@ body {
5396
5255
  background-color: rgb(235, 245, 253);
5397
5256
  color: rgb(30, 45, 190);
5398
5257
  }
5399
- .right-to-left .ilo--nav--trigger {
5258
+ [dir=rtl] .ilo--nav--trigger {
5400
5259
  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");
5401
5260
  background-color: rgb(255, 255, 255);
5402
5261
  background-position: 16px 55%;
5403
5262
  background-repeat: no-repeat;
5404
- background-size: 16px;
5263
+ background-size: 24px;
5405
5264
  text-align: right;
5406
5265
  }
5407
- .right-to-left .ilo--nav--trigger:focus, .right-to-left .ilo--nav--trigger:hover {
5266
+ [dir=rtl] .ilo--nav--trigger:focus, [dir=rtl] .ilo--nav--trigger:hover {
5408
5267
  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");
5409
5268
  background-color: rgb(235, 245, 253);
5410
5269
  color: rgb(30, 45, 190);
@@ -5425,8 +5284,8 @@ body {
5425
5284
  cursor: pointer;
5426
5285
  display: inline-block;
5427
5286
  font-weight: 700;
5428
- margin-left: 20px;
5429
- padding: 7px 32px 5px 15px;
5287
+ margin-left: 1.0718113612rem;
5288
+ padding: 7px 1.7148981779rem 5px 15px;
5430
5289
  text-align: center;
5431
5290
  transition: all 150ms ease-out;
5432
5291
  width: auto;
@@ -5437,15 +5296,15 @@ body {
5437
5296
  border-color: rgb(255, 255, 255);
5438
5297
  color: rgb(30, 45, 190);
5439
5298
  }
5440
- .right-to-left .ilo--nav--trigger {
5299
+ [dir=rtl] .ilo--nav--trigger {
5441
5300
  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");
5442
5301
  background-color: rgb(35, 0, 80);
5443
- background-position: 90% 55%;
5444
5302
  background-repeat: no-repeat;
5445
5303
  background-size: 20px;
5446
- text-align: left;
5304
+ background-position: 10% 55%;
5305
+ padding: 7px 15px 5px 1.7148981779rem;
5447
5306
  }
5448
- .right-to-left .ilo--nav--trigger:focus, .right-to-left .ilo--nav--trigger:hover {
5307
+ [dir=rtl] .ilo--nav--trigger:focus, [dir=rtl] .ilo--nav--trigger:hover {
5449
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(30, 45, 190)' d='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
5450
5309
  background-color: rgb(255, 255, 255);
5451
5310
  color: rgb(30, 45, 190);
@@ -5457,11 +5316,8 @@ body {
5457
5316
  display: flex;
5458
5317
  justify-content: space-between;
5459
5318
  }
5460
- .right-to-left .ilo--nav--local {
5461
- direction: rtl;
5462
- }
5463
5319
  @media screen and (min-width: 1024px) {
5464
- .right-to-left .ilo--nav--local {
5320
+ .ilo--nav--local [dir=rtl] {
5465
5321
  padding: 0 max((100% - 1260px) / 2, 20px) 0 0;
5466
5322
  }
5467
5323
  }
@@ -5472,7 +5328,7 @@ body {
5472
5328
  }
5473
5329
  .ilo--nav--local--logo-wrapper {
5474
5330
  display: flex;
5475
- padding: 16px 0;
5331
+ padding: 0.857449089rem 0;
5476
5332
  }
5477
5333
  .ilo--nav--local--logo {
5478
5334
  width: var(--logo-width);
@@ -5501,7 +5357,7 @@ body {
5501
5357
  .ilo--nav--local--link {
5502
5358
  background: inherit;
5503
5359
  color: rgb(255, 255, 255);
5504
- padding: 0 24px;
5360
+ padding: 0 1.2861736334rem;
5505
5361
  height: 100%;
5506
5362
  text-decoration: none;
5507
5363
  text-align: center;
@@ -5518,8 +5374,8 @@ body {
5518
5374
 
5519
5375
  .ilo--mobile--nav {
5520
5376
  border-bottom: 3px solid rgb(237, 240, 242);
5521
- margin-bottom: 16px;
5522
- padding-bottom: 16px;
5377
+ margin-bottom: 0.857449089rem;
5378
+ padding-bottom: 0.857449089rem;
5523
5379
  }
5524
5380
  .ilo--mobile--nav--logo {
5525
5381
  align-items: center;
@@ -5557,7 +5413,7 @@ body {
5557
5413
  display: block;
5558
5414
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5559
5415
  font-weight: 500;
5560
- padding: 16px 36px 16px 8px;
5416
+ padding: 0.857449089rem 1.9292604502rem 0.857449089rem 0.4287245445rem;
5561
5417
  line-height: 16px;
5562
5418
  text-align: left;
5563
5419
  transition: all 150ms ease-out;
@@ -5568,7 +5424,7 @@ body {
5568
5424
  background-color: rgb(235, 245, 253);
5569
5425
  color: rgb(30, 45, 190);
5570
5426
  }
5571
- .right-to-left .ilo--mobile--nav--language--switcher--button {
5427
+ [dir=rtl] .ilo--mobile--nav--language--switcher--button {
5572
5428
  background-position: 16px 55%;
5573
5429
  text-align: right;
5574
5430
  }
@@ -5596,7 +5452,7 @@ body {
5596
5452
  padding: 0 max((100% - 1300px) / 2, 20px) 0 0;
5597
5453
  position: relative;
5598
5454
  }
5599
- .right-to-left .ilo--language-switcher {
5455
+ [dir=rtl] .ilo--language-switcher {
5600
5456
  padding: 0 0 0 max((100% - 1300px) / 2, 20px);
5601
5457
  }
5602
5458
  .ilo--language-switcher::before {
@@ -5610,10 +5466,10 @@ body {
5610
5466
  top: 0;
5611
5467
  width: 32px;
5612
5468
  }
5613
- .right-to-left .ilo--language-switcher::before {
5469
+ [dir=rtl] .ilo--language-switcher::before {
5614
5470
  clip-path: polygon(0 0, 0 100%, 100% 0);
5615
5471
  left: auto;
5616
- right: -32px;
5472
+ right: -31px;
5617
5473
  }
5618
5474
  .ilo--language-switcher--wrap {
5619
5475
  display: flex;
@@ -5635,7 +5491,7 @@ body {
5635
5491
  display: block;
5636
5492
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5637
5493
  font-weight: 500;
5638
- padding: 8px 30px 8px 40px;
5494
+ padding: 0.4287245445rem 30px 0.4287245445rem 2.1436227224rem;
5639
5495
  transition: all 150ms ease-out;
5640
5496
  }
5641
5497
  .ilo--language-switcher--button:hover, .ilo--language-switcher--button:focus {
@@ -5643,6 +5499,10 @@ body {
5643
5499
  background-color: rgb(235, 245, 253);
5644
5500
  color: rgb(30, 45, 190);
5645
5501
  }
5502
+ [dir=rtl] .ilo--language-switcher--button {
5503
+ padding: 0.4287245445rem 2.1436227224rem 0.4287245445rem 30px;
5504
+ background-position: calc(100% - 15px) center;
5505
+ }
5646
5506
  .ilo--language-switcher .ilo--context-menu {
5647
5507
  opacity: 0;
5648
5508
  visibility: hidden;
@@ -5667,7 +5527,7 @@ body {
5667
5527
  background: rgb(255, 255, 255);
5668
5528
  height: 100%;
5669
5529
  left: 0;
5670
- padding: 0 0 32px;
5530
+ padding: 0 0 1.7148981779rem;
5671
5531
  position: absolute;
5672
5532
  top: 0;
5673
5533
  transform: translateX(100%);
@@ -5677,14 +5537,11 @@ body {
5677
5537
  .ilo--subnav--open .ilo--subnav {
5678
5538
  transform: translateX(0);
5679
5539
  }
5680
- .right-to-left .ilo--subnav {
5681
- direction: rtl;
5682
- }
5683
5540
  @media screen and (min-width: 1024px) {
5684
5541
  .ilo--subnav {
5685
5542
  height: auto;
5686
5543
  left: 0;
5687
- padding: 32px 0;
5544
+ padding: 1.7148981779rem 0;
5688
5545
  top: auto;
5689
5546
  transform: translateY(-100%);
5690
5547
  transition: transform 225ms ease-out;
@@ -5726,7 +5583,7 @@ body {
5726
5583
  display: flex;
5727
5584
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5728
5585
  font-weight: 500;
5729
- padding: 18px 8px;
5586
+ padding: 18px 0.4287245445rem;
5730
5587
  text-decoration: none;
5731
5588
  transition: all 150ms ease-out;
5732
5589
  }
@@ -5757,7 +5614,7 @@ body {
5757
5614
  cursor: pointer;
5758
5615
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5759
5616
  font-weight: 500;
5760
- padding: 16px 16px 16px 32px;
5617
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 1.7148981779rem;
5761
5618
  position: relative;
5762
5619
  transition: all 150ms ease-out;
5763
5620
  }
@@ -5775,10 +5632,10 @@ body {
5775
5632
  transform: translateY(-50%);
5776
5633
  width: 24px;
5777
5634
  }
5778
- .right-to-left .ilo--mobile--subnav--back {
5635
+ [dir=rtl] .ilo--mobile--subnav--back {
5779
5636
  padding: 16px 32px 16px 16px;
5780
5637
  }
5781
- .right-to-left .ilo--mobile--subnav--back::before {
5638
+ [dir=rtl] .ilo--mobile--subnav--back::before {
5782
5639
  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");
5783
5640
  background-position: 10% center;
5784
5641
  background-repeat: no-repeat;
@@ -5796,7 +5653,7 @@ body {
5796
5653
  background-repeat: no-repeat;
5797
5654
  background-size: 24px;
5798
5655
  }
5799
- .right-to-left .ilo--mobile--subnav--back:hover::before, .right-to-left .ilo--mobile--subnav--back:focus::before {
5656
+ [dir=rtl] .ilo--mobile--subnav--back:hover::before, [dir=rtl] .ilo--mobile--subnav--back:focus::before {
5800
5657
  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");
5801
5658
  background-position: 10% center;
5802
5659
  background-repeat: no-repeat;
@@ -5815,8 +5672,8 @@ body {
5815
5672
  color: rgb(45, 45, 45);
5816
5673
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5817
5674
  font-weight: 700;
5818
- margin-bottom: 16px;
5819
- padding: 20px 8px;
5675
+ margin-bottom: 0.857449089rem;
5676
+ padding: 1.0718113612rem 0.4287245445rem;
5820
5677
  width: 100%;
5821
5678
  }
5822
5679
 
@@ -5836,7 +5693,7 @@ body {
5836
5693
  .ilo--search-box {
5837
5694
  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));
5838
5695
  left: 0;
5839
- padding: 32px 0;
5696
+ padding: 1.7148981779rem 0;
5840
5697
  top: auto;
5841
5698
  transform: translateY(-100%);
5842
5699
  transition: transform 225ms ease-out;
@@ -5852,7 +5709,7 @@ body {
5852
5709
  .ilo--search-box .ilo--header--inner {
5853
5710
  align-items: center;
5854
5711
  justify-content: center;
5855
- padding: 80px 20px;
5712
+ padding: 4.2872454448rem 1.0718113612rem;
5856
5713
  }
5857
5714
  .ilo--search-box .ilo--form,
5858
5715
  .ilo--search-box .ilo--searchfield {
@@ -5920,7 +5777,7 @@ body {
5920
5777
 
5921
5778
  /**
5922
5779
  * Do not edit directly
5923
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
5780
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
5924
5781
  */
5925
5782
  /**
5926
5783
  * TOKENS:
@@ -5930,7 +5787,7 @@ body {
5930
5787
  */
5931
5788
  /**
5932
5789
  * Do not edit directly
5933
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
5790
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
5934
5791
  */
5935
5792
  /**
5936
5793
  * TOKENS:
@@ -5940,7 +5797,7 @@ body {
5940
5797
  */
5941
5798
  /**
5942
5799
  * Do not edit directly
5943
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
5800
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
5944
5801
  */
5945
5802
  /**
5946
5803
  * TOKENS:
@@ -5980,24 +5837,24 @@ body {
5980
5837
  }
5981
5838
  }
5982
5839
  .ilo--notification--dialog .ilo--notification--content {
5983
- padding: calc(1.2861736334rem + 2px) 1.2861736334rem;
5840
+ padding: 1.2861736334rem;
5984
5841
  }
5985
5842
  .ilo--notification--inline {
5986
5843
  max-width: 340px;
5987
5844
  }
5988
5845
  .ilo--notification--inline .ilo--notification--content {
5989
- padding: calc(1.2861736334rem + 2px) 1.2861736334rem;
5846
+ padding: 1.2861736334rem;
5990
5847
  }
5991
5848
  @media screen and (min-width: 610px) {
5992
5849
  .ilo--notification--inline {
5993
5850
  max-width: 100%;
5994
- width: 100%;
5995
5851
  }
5996
5852
  .ilo--notification--inline .ilo--notification--content {
5997
- align-items: start;
5853
+ max-width: 100%;
5998
5854
  display: flex;
5999
- justify-items: space-between;
6000
- padding: 0.7502679528rem 1.2861736334rem;
5855
+ justify-content: space-evenly;
5856
+ align-items: center;
5857
+ padding: 0.857449089rem 3.4297963558rem 0.857449089rem 1.2861736334rem;
6001
5858
  }
6002
5859
  }
6003
5860
  .ilo--notification--content {
@@ -6006,7 +5863,7 @@ body {
6006
5863
  width: calc(100% - 40px);
6007
5864
  }
6008
5865
  .ilo--notification--content:before {
6009
- background-position: center 24px;
5866
+ background-position: center 1.2861736334rem;
6010
5867
  background-repeat: no-repeat;
6011
5868
  background-size: 0.857449089rem;
6012
5869
  content: "";
@@ -6061,18 +5918,9 @@ body {
6061
5918
  margin-left: 1.2861736334rem;
6062
5919
  }
6063
5920
  }
6064
- .ilo--notification--copy:not(:last-child) {
6065
- margin-bottom: 1.2861736334rem;
6066
- }
6067
5921
  @media screen and (min-width: 610px) {
6068
5922
  .ilo--notification--inline .ilo--notification--copy:not(:last-child) {
6069
- margin-bottom: 0;
6070
- max-width: 24%;
6071
- }
6072
- }
6073
- @media screen and (min-width: 610px) and (min-width: 1024px) {
6074
- .ilo--notification--inline .ilo--notification--copy:not(:last-child) {
6075
- max-width: 40%;
5923
+ flex-grow: 1;
6076
5924
  }
6077
5925
  }
6078
5926
  .ilo--notification--date {
@@ -6089,7 +5937,7 @@ body {
6089
5937
  }
6090
5938
  }
6091
5939
  .ilo--notification--date:not(:last-child) {
6092
- margin-bottom: 1.0182207931rem;
5940
+ margin-bottom: 1.0718113612rem;
6093
5941
  }
6094
5942
  @media screen and (min-width: 610px) {
6095
5943
  .ilo--notification--inline .ilo--notification--date {
@@ -6132,7 +5980,7 @@ body {
6132
5980
 
6133
5981
  /**
6134
5982
  * Do not edit directly
6135
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
5983
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
6136
5984
  */
6137
5985
  /**
6138
5986
  * TOKENS:
@@ -6187,7 +6035,7 @@ body {
6187
6035
  background: rgb(237, 240, 242);
6188
6036
  }
6189
6037
  .ilo--pagination--first-page {
6190
- margin: 0 0.4287245445rem 0 0;
6038
+ margin: 0 spacing 2 0 0;
6191
6039
  }
6192
6040
  .ilo--pagination--first-page::before {
6193
6041
  transform: translate(-50%, -50%) rotate(180deg);
@@ -6273,7 +6121,7 @@ body {
6273
6121
 
6274
6122
  /**
6275
6123
  * Do not edit directly
6276
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6124
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
6277
6125
  */
6278
6126
  /**
6279
6127
  * TOKENS:
@@ -6283,7 +6131,7 @@ body {
6283
6131
  */
6284
6132
  /**
6285
6133
  * Do not edit directly
6286
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6134
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
6287
6135
  */
6288
6136
  /**
6289
6137
  * TOKENS:
@@ -6308,7 +6156,7 @@ body {
6308
6156
  }
6309
6157
  /**
6310
6158
  * Do not edit directly
6311
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6159
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
6312
6160
  */
6313
6161
  /**
6314
6162
  * TOKENS:
@@ -6430,7 +6278,7 @@ body {
6430
6278
  .ilo--profile__size__large .ilo--profile--avatar {
6431
6279
  width: 3.4297963558rem;
6432
6280
  height: 3.4297963558rem;
6433
- margin-inline-end: 0.8038585209rem;
6281
+ margin-inline-end: 0.857449089rem;
6434
6282
  }
6435
6283
  .ilo--profile__size__large .ilo--profile--name {
6436
6284
  font-weight: 700;
@@ -6447,18 +6295,18 @@ body {
6447
6295
  font-size: 14.93px;
6448
6296
  letter-spacing: normal;
6449
6297
  line-height: 20.3px;
6450
- padding-block-start: 1.1254019293rem;
6298
+ padding-block-start: 1.0718113612rem;
6451
6299
  }
6452
6300
  .ilo--profile__size__large .ilo--profile--link {
6453
6301
  font-size: 16px;
6454
6302
  letter-spacing: normal;
6455
6303
  line-height: 23.36px;
6456
- padding-block-start: 1.1254019293rem;
6304
+ padding-block-start: 1.2861736334rem;
6457
6305
  }
6458
6306
 
6459
6307
  /**
6460
6308
  * Do not edit directly
6461
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6309
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
6462
6310
  */
6463
6311
  /**
6464
6312
  * TOKENS:
@@ -6527,7 +6375,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6527
6375
 
6528
6376
  /**
6529
6377
  * Do not edit directly
6530
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6378
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
6531
6379
  */
6532
6380
  /**
6533
6381
  * TOKENS:
@@ -6537,7 +6385,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6537
6385
  */
6538
6386
  /**
6539
6387
  * Do not edit directly
6540
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6388
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
6541
6389
  */
6542
6390
  /**
6543
6391
  * TOKENS:
@@ -6562,7 +6410,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6562
6410
  }
6563
6411
  /**
6564
6412
  * Do not edit directly
6565
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6413
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
6566
6414
  */
6567
6415
  /**
6568
6416
  * TOKENS:
@@ -6572,15 +6420,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6572
6420
  */
6573
6421
  .ilo--read-more--button {
6574
6422
  background: rgba(0, 0, 0, 0);
6575
- border-bottom: 0rem solid rgba(0, 0, 0, 0);
6576
- border-left: 0rem solid rgba(0, 0, 0, 0);
6577
- border-right: 0rem solid rgba(0, 0, 0, 0);
6578
- border-top: 0.1071811361rem solid rgb(237, 240, 242);
6423
+ border: none;
6424
+ border-top: solid 2px rgb(235, 245, 253);
6579
6425
  color: rgb(35, 0, 80);
6580
6426
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
6581
6427
  height: 3.0010718114rem;
6582
- margin: 1.7148981779rem 0rem 0rem 0rem;
6583
- padding: 0.857449089rem 1.6077170418rem 0.857449089rem 0.1071811361rem;
6428
+ margin-top: 1.7148981779rem;
6429
+ padding: 0.857449089rem 1.5005359057rem 0.857449089rem 0rem;
6584
6430
  position: relative;
6585
6431
  text-align: left;
6586
6432
  width: auto;
@@ -6603,10 +6449,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6603
6449
  }
6604
6450
  .ilo--read-more--button:hover {
6605
6451
  background: rgb(235, 245, 253);
6606
- border-bottom: 0rem solid rgba(0, 0, 0, 0);
6607
- border-left: 0rem solid rgba(0, 0, 0, 0);
6608
- border-right: 0rem solid rgba(0, 0, 0, 0);
6609
- border-top: 0.1071811361rem solid rgb(30, 45, 190);
6452
+ border-top: solid 2px rgb(30, 45, 190);
6610
6453
  color: rgb(30, 45, 190);
6611
6454
  cursor: pointer;
6612
6455
  transition-property: color, background-color, border-color;
@@ -6623,7 +6466,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6623
6466
 
6624
6467
  /**
6625
6468
  * Do not edit directly
6626
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6469
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
6627
6470
  */
6628
6471
  /**
6629
6472
  * TOKENS:
@@ -6771,7 +6614,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6771
6614
  .ilo--richtext hr {
6772
6615
  background-color: rgb(237, 240, 242);
6773
6616
  border: none;
6774
- height: 0.1607717042rem;
6617
+ height: 0.2143622722rem;
6775
6618
  margin-bottom: 3.0010718114rem;
6776
6619
  }
6777
6620
  .ilo--richtext h1,
@@ -6852,7 +6695,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6852
6695
  display: block;
6853
6696
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
6854
6697
  margin: 1.2861736334rem 0 2.1436227224rem 0;
6855
- padding: 2.8938906752rem 0 1.822079314rem 1.7148981779rem;
6698
+ padding: 4.0728831726rem 0 1.9292604502rem 1.7148981779rem;
6856
6699
  position: relative;
6857
6700
  width: 100%;
6858
6701
  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%2c0L73%2c40V0H0.7z'/%3e%3c/svg%3e");
@@ -6964,7 +6807,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6964
6807
  margin-top: 3.0817323053rem;
6965
6808
  }
6966
6809
  .ilo--richtext hr {
6967
- margin-bottom: 3.4297963558rem;
6810
+ margin-bottom: 4.0728831726rem;
6968
6811
  }
6969
6812
  .ilo--richtext figure {
6970
6813
  width: 100%;
@@ -6972,8 +6815,8 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6972
6815
  }
6973
6816
  .ilo--richtext blockquote {
6974
6817
  background-size: 4.6087888532rem 2.5723472669rem;
6975
- margin: 1.7148981779rem 0 3.4297963558rem 0;
6976
- padding: 3.3226152197rem 0 2.5723472669rem 2.5723472669rem;
6818
+ margin: 1.7148981779rem 0 4.0728831726rem 0;
6819
+ padding: 3.4297963558rem 0 2.5723472669rem 2.5723472669rem;
6977
6820
  }
6978
6821
  .ilo--richtext blockquote p {
6979
6822
  margin-bottom: 1.2861736334rem;
@@ -6992,57 +6835,54 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6992
6835
  width: 3.4297963558rem;
6993
6836
  }
6994
6837
  }
6995
- .right-to-left .ilo--richtext {
6996
- direction: rtl;
6997
- }
6998
- .right-to-left .ilo--richtext figcaption {
6838
+ [dir=rtl] .ilo--richtext figcaption {
6999
6839
  border-left: none;
7000
6840
  border-right: 3px solid #b8c4cc;
7001
6841
  padding-left: 0;
7002
6842
  padding-right: 0.4287245445rem;
7003
6843
  }
7004
- .right-to-left .ilo--richtext ul li,
7005
- .right-to-left .ilo--richtext ol li {
6844
+ [dir=rtl] .ilo--richtext ul li,
6845
+ [dir=rtl] .ilo--richtext ol li {
7006
6846
  margin-left: 0;
7007
6847
  margin-right: 1.0718113612rem;
7008
6848
  padding-left: 0;
7009
6849
  padding-right: 0.6430868167rem;
7010
6850
  }
7011
- .right-to-left .ilo--richtext ul li {
6851
+ [dir=rtl] .ilo--richtext ul li {
7012
6852
  margin-right: 0.6430868167rem;
7013
6853
  }
7014
- .right-to-left .ilo--richtext ul li::before {
6854
+ [dir=rtl] .ilo--richtext ul li::before {
7015
6855
  left: auto;
7016
6856
  right: -0.6430868167rem;
7017
6857
  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");
7018
6858
  }
7019
- .right-to-left .ilo--richtext blockquote {
6859
+ [dir=rtl] .ilo--richtext blockquote {
7020
6860
  background-position: -1px -1px;
7021
- padding: 2.8938906752rem 1.7148981779rem 1.822079314rem 0;
6861
+ padding: 3.0010718114rem 1.7148981779rem 1.9292604502rem 0;
7022
6862
  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");
7023
6863
  }
7024
- .right-to-left .ilo--richtext blockquote p {
6864
+ [dir=rtl] .ilo--richtext blockquote p {
7025
6865
  padding: 0 0 0 2.5723472669rem;
7026
6866
  }
7027
- .right-to-left .ilo--richtext blockquote p:after {
6867
+ [dir=rtl] .ilo--richtext blockquote p:after {
7028
6868
  left: 0;
7029
6869
  right: auto;
7030
6870
  transform: scaleX(1);
7031
6871
  }
7032
- .right-to-left .ilo--richtext blockquote:before {
6872
+ [dir=rtl] .ilo--richtext blockquote:before {
7033
6873
  left: auto;
7034
6874
  right: 0;
7035
6875
  transform: scaleX(-1);
7036
6876
  }
7037
6877
  @media screen and (min-width: 610px) {
7038
- .right-to-left .ilo--richtext blockquote {
7039
- padding: 3.3226152197rem 2.5723472669rem 2.5723472669rem 0;
6878
+ [dir=rtl] .ilo--richtext blockquote {
6879
+ padding: 3.2154340836rem 2.5723472669rem 2.5723472669rem 0;
7040
6880
  }
7041
6881
  }
7042
6882
 
7043
6883
  /**
7044
6884
  * Do not edit directly
7045
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6885
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
7046
6886
  */
7047
6887
  /**
7048
6888
  * TOKENS:
@@ -7060,13 +6900,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7060
6900
  background-color: rgb(237, 240, 242);
7061
6901
  background-position: center center;
7062
6902
  background-repeat: no-repeat;
7063
- background-size: 24px 24px;
6903
+ background-size: 1.2861736334rem 1.2861736334rem;
7064
6904
  border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
7065
6905
  border-left: 0rem solid rgb(184, 196, 204);
7066
6906
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
7067
6907
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
7068
- height: 48px;
7069
- width: 46px;
6908
+ height: 2.5723472669rem;
6909
+ width: 2.4651661308rem;
7070
6910
  text-indent: -9999px;
7071
6911
  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");
7072
6912
  }
@@ -7086,17 +6926,14 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7086
6926
  opacity: 0.45;
7087
6927
  pointer-events: none;
7088
6928
  }
7089
- .right-to-left .ilo--searchfield {
7090
- direction: rtl;
7091
- }
7092
- .right-to-left .ilo--searchfield .ilo--searchfield--button {
7093
- border-left: 2px solid rgb(184, 196, 204);
6929
+ [dir=rtl] .ilo--searchfield .ilo--searchfield--button {
6930
+ border-left: 0.1071811361rem solid rgb(184, 196, 204);
7094
6931
  border-right: 0 solid rgb(184, 196, 204);
7095
6932
  }
7096
6933
 
7097
6934
  /**
7098
6935
  * Do not edit directly
7099
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6936
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
7100
6937
  */
7101
6938
  /**
7102
6939
  * TOKENS:
@@ -7164,8 +7001,8 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7164
7001
  display: flex;
7165
7002
  height: 3.2154340836rem;
7166
7003
  justify-content: flex-start;
7167
- padding-left: 8px;
7168
- padding-right: 24px;
7004
+ padding-left: 0.4287245445rem;
7005
+ padding-right: 1.2861736334rem;
7169
7006
  text-decoration: none;
7170
7007
  font-size: 16px;
7171
7008
  letter-spacing: -0.02em;
@@ -7249,13 +7086,10 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7249
7086
  width: min(var(--tabscount) / 1 * 100%, 100%);
7250
7087
  }
7251
7088
  }
7252
- .right-to-left .ilo--tabs {
7253
- direction: rtl;
7254
- }
7255
7089
 
7256
7090
  /**
7257
7091
  * Do not edit directly
7258
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7092
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
7259
7093
  */
7260
7094
  /**
7261
7095
  * TOKENS:
@@ -7265,13 +7099,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7265
7099
  */
7266
7100
  .ilo--table {
7267
7101
  background-color: rgb(190, 220, 250);
7268
- padding: 80px 80px 80px 80px;
7102
+ padding: 4.2872454448rem;
7269
7103
  position: relative;
7270
7104
  }
7271
7105
  .ilo--table--header {
7272
7106
  background-color: rgb(255, 255, 255);
7273
7107
  border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
7274
- padding: 19px 8px 18px 8px;
7108
+ padding: 0.857449089rem 0.4287245445rem 1.0718113612rem 0.4287245445rem;
7275
7109
  }
7276
7110
  .ilo--table--wrapper {
7277
7111
  max-height: 380px;
@@ -7303,12 +7137,12 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7303
7137
  letter-spacing: normal;
7304
7138
  line-height: 20.3px;
7305
7139
  letter-spacing: -0.02em;
7306
- padding: 18px 36px 18px 6px;
7140
+ padding: 0.857449089rem 0.4287245445rem;
7307
7141
  pointer-events: none;
7308
7142
  text-align: left;
7309
7143
  }
7310
7144
  .ilo--table--small .ilo--table--head--cell {
7311
- padding: 10px 36px 10px 7px;
7145
+ padding: 0.4287245445rem;
7312
7146
  }
7313
7147
  .ilo--table--head--cell:first-of-type {
7314
7148
  border-left: none;
@@ -7360,11 +7194,11 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7360
7194
  letter-spacing: normal;
7361
7195
  line-height: 20.3px;
7362
7196
  outline: 0;
7363
- padding: 22px 11px 22px 11px;
7197
+ padding: 0.857449089rem 0.4287245445rem 1.0718113612rem;
7364
7198
  position: relative;
7365
7199
  }
7366
7200
  .ilo--table--small .ilo--table--body--cell {
7367
- padding: 13px 11px 13px 11px;
7201
+ padding: 0.6430868167rem 0.4287245445rem;
7368
7202
  }
7369
7203
  .ilo--table--body--cell:first-of-type {
7370
7204
  border-left: none;
@@ -7480,13 +7314,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7480
7314
  display: flex;
7481
7315
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
7482
7316
  font-weight: 700;
7483
- margin-bottom: 0.3751339764rem;
7317
+ margin-bottom: 0.4287245445rem;
7484
7318
  font-size: 18.66px;
7485
7319
  letter-spacing: -0.035em;
7486
7320
  line-height: 24.26px;
7487
7321
  }
7488
7322
  .ilo--table--headline .ilo--tooltip--wrapper {
7489
- margin-left: 0.3215434084rem;
7323
+ margin-left: 0.2143622722rem;
7490
7324
  }
7491
7325
  .ilo--table--description {
7492
7326
  color: rgb(109, 109, 109);
@@ -7606,7 +7440,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7606
7440
 
7607
7441
  /**
7608
7442
  * Do not edit directly
7609
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7443
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
7610
7444
  */
7611
7445
  /**
7612
7446
  * TOKENS:
@@ -7636,7 +7470,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7636
7470
  .ilo--table-of-contents--headline {
7637
7471
  border-bottom: 0.1607717042rem solid rgb(237, 240, 242);
7638
7472
  margin-bottom: 1.2861736334rem;
7639
- margin-top: 0.4823151125rem;
7473
+ margin-top: 0.4287245445rem;
7640
7474
  font-size: 18.66px;
7641
7475
  letter-spacing: normal;
7642
7476
  line-height: 27.24px;
@@ -7648,7 +7482,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7648
7482
  display: block;
7649
7483
  height: 100vh;
7650
7484
  left: 0;
7651
- padding: 1.3933547696rem;
7485
+ padding: 1.2861736334rem;
7652
7486
  position: fixed;
7653
7487
  top: 0;
7654
7488
  width: 100vw;
@@ -7723,16 +7557,16 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7723
7557
  background-position: calc(100% - 11px) center;
7724
7558
  background-repeat: no-repeat;
7725
7559
  background-size: 1.2861736334rem 1.2861736334rem;
7726
- border-bottom: rgb(255, 255, 255) 2px solid;
7560
+ border-bottom: rgb(255, 255, 255) 0.1071811361rem solid;
7727
7561
  color: rgb(35, 0, 80);
7728
7562
  display: block;
7729
7563
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
7730
7564
  font-weight: 500;
7731
- margin: 0 8px 0 8px;
7732
- padding: 18px 10px 18px 10px;
7565
+ margin: 0 0.4287245445rem 0 0.4287245445rem;
7566
+ padding: 0.857449089rem 0.4287245445rem 0.857449089rem;
7733
7567
  position: relative;
7734
7568
  text-decoration: none;
7735
- width: calc(100% - 8px - 8px);
7569
+ width: calc(100% - 16px);
7736
7570
  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");
7737
7571
  font-size: 16px;
7738
7572
  letter-spacing: -0.02em;
@@ -7743,12 +7577,12 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7743
7577
  }
7744
7578
  .ilo--table-of-contents--link:hover, .ilo--table-of-contents--link:focus {
7745
7579
  background-color: rgb(235, 245, 253);
7746
- border-bottom: rgb(30, 45, 190) 2px solid;
7580
+ border-bottom: rgb(30, 45, 190) 0.1071811361rem solid;
7747
7581
  background-position: calc(100% - 19px) center;
7748
7582
  color: rgb(30, 45, 190);
7749
7583
  margin: 0;
7750
7584
  outline: none;
7751
- padding: 18px 18px 18px 18px;
7585
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem;
7752
7586
  width: 100%;
7753
7587
  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");
7754
7588
  transition-property: background-color, border, color;
@@ -7757,12 +7591,12 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7757
7591
  }
7758
7592
  .ilo--table-of-contents--link:active {
7759
7593
  background-color: rgb(255, 255, 255);
7760
- border-bottom: rgb(35, 0, 80) 2px solid;
7761
- border-top: rgb(255, 255, 255) 2px solid;
7594
+ border-bottom: rgb(35, 0, 80) 0.1071811361rem solid;
7595
+ border-top: rgb(255, 255, 255) 0.1071811361rem solid;
7762
7596
  color: rgb(35, 0, 80);
7763
7597
  margin: -2px 0 0 0;
7764
7598
  outline: none;
7765
- padding: 18px 18px 18px 18px;
7599
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem;
7766
7600
  width: 100%;
7767
7601
  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");
7768
7602
  z-index: 5;
@@ -7771,28 +7605,22 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7771
7605
  border-bottom: none;
7772
7606
  }
7773
7607
  .ilo--table-of-contents--list--item:last-of-type .ilo--table-of-contents--link:hover {
7774
- border-bottom: rgb(30, 45, 190) 2px solid;
7608
+ border-bottom: rgb(30, 45, 190) 0.1071811361rem solid;
7775
7609
  }
7776
- .right-to-left .ilo--table-of-contents {
7777
- direction: rtl;
7778
- }
7779
- .right-to-left .ilo--table-of-contents .ilo--table-of-contents--link {
7610
+ [dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link {
7780
7611
  background-position: 11px center;
7781
7612
  }
7782
- .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 {
7613
+ [dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link:hover, [dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link:focus {
7783
7614
  background-position: 19px center;
7784
7615
  }
7785
- .right-to-left .ilo--table-of-contents--wrapper {
7786
- direction: rtl;
7787
- }
7788
- .right-to-left .ilo--table-of-contents--modal .toc--modal--close {
7616
+ [dir=rtl] .ilo--table-of-contents--modal .toc--modal--close {
7789
7617
  left: 0;
7790
7618
  right: auto;
7791
7619
  }
7792
7620
 
7793
7621
  /**
7794
7622
  * Do not edit directly
7795
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7623
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
7796
7624
  */
7797
7625
  /**
7798
7626
  * TOKENS:
@@ -7816,13 +7644,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7816
7644
  letter-spacing: -0.02em;
7817
7645
  line-height: 21.6px;
7818
7646
  height: 2.5723472669rem;
7819
- margin: 0rem 0rem 0rem 0rem;
7647
+ margin: 0rem;
7820
7648
  max-width: 100%;
7821
7649
  min-height: 6.4308681672rem;
7822
7650
  min-width: 100%;
7823
7651
  outline: none;
7824
7652
  position: relative;
7825
- padding: 0.857449089rem 0.6430868167rem 0.857449089rem 0.6430868167rem;
7653
+ padding: 0.857449089rem 0.6430868167rem;
7826
7654
  width: 100%;
7827
7655
  }
7828
7656
  .ilo--textarea:focus {
@@ -7831,7 +7659,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7831
7659
  border-left: 0.1607717042rem solid rgb(30, 45, 190);
7832
7660
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
7833
7661
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
7834
- padding-left: 11px;
7662
+ padding-left: 0.6430868167rem;
7835
7663
  }
7836
7664
  .ilo--textarea:disabled {
7837
7665
  opacity: 0.45;
@@ -7844,13 +7672,10 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7844
7672
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
7845
7673
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
7846
7674
  }
7847
- .right-to-left .ilo--textarea {
7848
- direction: rtl;
7849
- }
7850
7675
 
7851
7676
  /**
7852
7677
  * Do not edit directly
7853
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7678
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
7854
7679
  */
7855
7680
  /**
7856
7681
  * TOKENS:
@@ -7861,12 +7686,9 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7861
7686
  .ilo--tag-set {
7862
7687
  list-style: none;
7863
7688
  }
7864
- .right-to-left .ilo--tag-set {
7865
- direction: rtl;
7866
- }
7867
7689
  .ilo--tag-set__item {
7868
7690
  display: inline-block;
7869
- margin: 3px;
7691
+ margin: 0.2143622722rem;
7870
7692
  }
7871
7693
 
7872
7694
  .ilo--tag {
@@ -7879,7 +7701,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7879
7701
  display: inline-block;
7880
7702
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
7881
7703
  font-weight: 500;
7882
- padding: 0.3751339764rem 0.6430868167rem 0.2679528403rem 0.6430868167rem;
7704
+ padding: 0.4287245445rem 0.6430868167rem;
7883
7705
  text-decoration: none;
7884
7706
  transition-property: color, background-color, border-color;
7885
7707
  transition-duration: 150ms;
@@ -7930,7 +7752,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7930
7752
  cursor: pointer;
7931
7753
  display: none;
7932
7754
  opacity: 0;
7933
- padding-right: 36px;
7755
+ padding-right: 1.9292604502rem;
7934
7756
  position: relative;
7935
7757
  visibility: hidden;
7936
7758
  }
@@ -8028,7 +7850,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8028
7850
 
8029
7851
  /**
8030
7852
  * Do not edit directly
8031
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7853
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
8032
7854
  */
8033
7855
  /**
8034
7856
  * TOKENS:
@@ -8052,9 +7874,9 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8052
7874
  letter-spacing: -0.02em;
8053
7875
  line-height: 21.6px;
8054
7876
  height: 2.5723472669rem;
8055
- margin: 0rem 0rem 0rem 0rem;
7877
+ margin: 0rem;
8056
7878
  outline: none;
8057
- padding: 0.857449089rem 0.6430868167rem 0.857449089rem 0.6430868167rem;
7879
+ padding: 0.857449089rem 0.6430868167rem;
8058
7880
  width: 100%;
8059
7881
  }
8060
7882
  .ilo--text-input:focus {
@@ -8063,7 +7885,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8063
7885
  border-left: 0.1607717042rem solid rgb(30, 45, 190);
8064
7886
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
8065
7887
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
8066
- padding-left: 11px;
7888
+ padding-left: 0.6430868167rem;
8067
7889
  outline: none;
8068
7890
  }
8069
7891
  .ilo--text-input:disabled {
@@ -8072,14 +7894,6 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8072
7894
  }
8073
7895
  .ilo--text-input:invalid, .ilo--text-input__error {
8074
7896
  background-color: rgb(255, 255, 255);
8075
- }
8076
- .ilo--text-input:invalid {
8077
- border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
8078
- border-left: 0.1607717042rem solid rgb(255, 205, 45);
8079
- border-right: 0.1071811361rem solid rgb(184, 196, 204);
8080
- border-top: 0.1071811361rem solid rgb(184, 196, 204);
8081
- }
8082
- .ilo--text-input__error {
8083
7897
  border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
8084
7898
  border-left: 0.1607717042rem solid rgb(200, 48, 60);
8085
7899
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
@@ -8088,7 +7902,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8088
7902
 
8089
7903
  /**
8090
7904
  * Do not edit directly
8091
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7905
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
8092
7906
  */
8093
7907
  /**
8094
7908
  * TOKENS:
@@ -8098,7 +7912,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8098
7912
  */
8099
7913
  /**
8100
7914
  * Do not edit directly
8101
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7915
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
8102
7916
  */
8103
7917
  /**
8104
7918
  * TOKENS:
@@ -8200,7 +8014,7 @@ input:checked + .ilo--input--toggle--slider:before {
8200
8014
 
8201
8015
  /**
8202
8016
  * Do not edit directly
8203
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
8017
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
8204
8018
  */
8205
8019
  /**
8206
8020
  * TOKENS:
@@ -8212,6 +8026,8 @@ input:checked + .ilo--input--toggle--slider:before {
8212
8026
  font-size: 14.93px;
8213
8027
  letter-spacing: normal;
8214
8028
  line-height: 20.3px;
8029
+ font-family: Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
8030
+ font-weight: 400;
8215
8031
  background: rgb(255, 255, 255);
8216
8032
  border: none;
8217
8033
  border-radius: 0.1071811361rem;
@@ -8219,25 +8035,49 @@ input:checked + .ilo--input--toggle--slider:before {
8219
8035
  filter: drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.038)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.054)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.054));
8220
8036
  color: rgb(45, 45, 45);
8221
8037
  opacity: 0;
8222
- padding: 0.4287245445rem 0.6430868167rem;
8038
+ padding: 0.4287245445rem 0.857449089rem 0.6430868167rem;
8223
8039
  position: absolute;
8224
8040
  visibility: hidden;
8225
- width: auto;
8226
- transition-property: opacity;
8227
- transition-duration: 150ms;
8228
- transition-timing-function: ease-out;
8041
+ width: max-content;
8042
+ max-width: 9.6463022508rem;
8043
+ }
8044
+ @media screen and (min-width: 610px) {
8045
+ .ilo--tooltip--long {
8046
+ max-width: 21.436227224rem;
8047
+ }
8229
8048
  }
8230
8049
  .ilo--tooltip--fade {
8231
8050
  opacity: 1;
8232
- transition-property: opacity;
8233
- transition-duration: 150ms;
8234
- transition-timing-function: ease-out;
8235
8051
  }
8236
8052
  .ilo--tooltip--visible {
8237
8053
  visibility: visible;
8238
8054
  z-index: 2;
8239
8055
  opacity: 1;
8240
8056
  }
8057
+ .ilo--tooltip--arrow, .ilo--tooltip--arrow::before {
8058
+ position: absolute;
8059
+ visibility: hidden;
8060
+ width: 10px;
8061
+ height: 10px;
8062
+ background: inherit;
8063
+ }
8064
+ .ilo--tooltip--arrow::before {
8065
+ visibility: visible;
8066
+ content: "";
8067
+ transform: rotate(45deg);
8068
+ }
8069
+ .ilo--tooltip[data-popper-placement^=top] > .ilo--tooltip--arrow {
8070
+ bottom: -4px;
8071
+ }
8072
+ .ilo--tooltip[data-popper-placement^=bottom] > .ilo--tooltip--arrow {
8073
+ top: -4px;
8074
+ }
8075
+ .ilo--tooltip[data-popper-placement^=left] > .ilo--tooltip--arrow {
8076
+ right: -4px;
8077
+ }
8078
+ .ilo--tooltip[data-popper-placement^=right] > .ilo--tooltip--arrow {
8079
+ left: -4px;
8080
+ }
8241
8081
  .ilo--tooltip--wrapper {
8242
8082
  display: inline-block;
8243
8083
  position: relative;
@@ -8253,119 +8093,20 @@ input:checked + .ilo--input--toggle--slider:before {
8253
8093
  .ilo--tooltip--wrapper__icon.ilo--tooltip--wrapper__icon__theme__dark {
8254
8094
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='rgb(237, 240, 242)' 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(237, 240, 242)' 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");
8255
8095
  }
8256
- .ilo--tooltip--arrow {
8257
- border-color: transparent;
8258
- border-right-color: transparent;
8259
- border-style: solid;
8260
- border-width: 0;
8261
- height: 0;
8262
- margin-top: -7px;
8263
- position: absolute;
8264
- width: 0;
8265
- }
8266
- .ilo--tooltip--alignment-top {
8267
- left: 0;
8268
- top: calc(-100% + 12px);
8269
- }
8270
- .ilo--tooltip--alignment-top .ilo--tooltip--arrow {
8271
- border-top-color: rgb(255, 255, 255);
8272
- border-width: 12px 7px 0 7px;
8273
- bottom: -12px;
8274
- left: 50%;
8275
- margin-left: -7px;
8276
- top: auto;
8277
- }
8278
- .ilo--tooltip--alignment-top .ilo--tooltip--arrow--placement-negative {
8279
- left: 10%;
8280
- }
8281
- .ilo--tooltip--alignment-top .ilo--tooltip--arrow--placement-positive {
8282
- left: auto;
8283
- right: 10%;
8284
- }
8285
- .ilo--tooltip--alignment-top .ilo--tooltip--arrow--placement-center {
8286
- left: 50%;
8287
- }
8288
- .ilo--tooltip--alignment-right {
8289
- left: calc(100% + 32px);
8290
- top: calc(50% - 7px);
8291
- }
8292
- .ilo--tooltip--alignment-right .ilo--tooltip--arrow {
8293
- border-right-color: rgb(255, 255, 255);
8294
- border-width: 7px 12px 7px 0;
8295
- left: 0;
8296
- margin-left: -12px;
8297
- top: 50%;
8298
- }
8299
- .ilo--tooltip--alignment-right .ilo--tooltip--arrow--placement-negative {
8300
- margin-top: 0;
8301
- top: 10%;
8302
- }
8303
- .ilo--tooltip--alignment-right .ilo--tooltip--arrow--placement-positive {
8304
- top: auto;
8305
- bottom: 10%;
8306
- }
8307
- .ilo--tooltip--alignment-right .ilo--tooltip--arrow--placement-center {
8308
- top: 50%;
8309
- }
8310
- .ilo--tooltip--alignment-left {
8311
- right: calc(100% + 32px);
8312
- top: calc(50% - 7px);
8313
- }
8314
- .ilo--tooltip--alignment-left .ilo--tooltip--arrow {
8315
- border-left-color: rgb(255, 255, 255);
8316
- border-width: 7px 0 7px 12px;
8317
- left: auto;
8318
- margin-top: -7px;
8319
- right: -12px;
8320
- top: 50%;
8321
- }
8322
- .ilo--tooltip--alignment-left .ilo--tooltip--arrow--placement-negative {
8323
- margin-top: 0;
8324
- top: 10%;
8325
- }
8326
- .ilo--tooltip--alignment-left .ilo--tooltip--arrow--placement-positive {
8327
- top: auto;
8328
- bottom: 10%;
8329
- }
8330
- .ilo--tooltip--alignment-left .ilo--tooltip--arrow--placement-center {
8331
- top: 50%;
8332
- }
8333
- .ilo--tooltip--alignment-bottom {
8334
- left: 0;
8335
- top: calc(100% + 12px);
8336
- }
8337
- .ilo--tooltip--alignment-bottom .ilo--tooltip--arrow {
8338
- border-width: 0 7px 12px 7px;
8339
- left: 50%;
8340
- margin-left: -7px;
8341
- margin-top: -12px;
8342
- top: 0;
8343
- border-bottom-color: rgb(255, 255, 255);
8344
- }
8345
- .ilo--tooltip--alignment-bottom .ilo--tooltip--arrow--placement-negative {
8346
- left: 10%;
8347
- }
8348
- .ilo--tooltip--alignment-bottom .ilo--tooltip--arrow--placement-positive {
8349
- left: auto;
8350
- right: 10%;
8351
- }
8352
- .ilo--tooltip--alignment-bottom .ilo--tooltip--arrow--placement-center {
8353
- left: 50%;
8354
- }
8355
8096
  .ilo--tooltip--dark {
8356
8097
  background: rgb(45, 45, 45);
8357
8098
  color: rgb(237, 240, 242);
8358
8099
  }
8359
- .ilo--tooltip--dark.ilo--tooltip--alignment-bottom .ilo--tooltip--arrow {
8100
+ .ilo--tooltip--dark.ilo--tooltip--arrow {
8360
8101
  border-bottom-color: rgb(45, 45, 45);
8361
8102
  }
8362
- .ilo--tooltip--dark.ilo--tooltip--alignment-top .ilo--tooltip--arrow {
8103
+ .ilo--tooltip--dark.ilo--tooltip--arrow {
8363
8104
  border-top-color: rgb(45, 45, 45);
8364
8105
  }
8365
- .ilo--tooltip--dark.ilo--tooltip--alignment-left .ilo--tooltip--arrow {
8106
+ .ilo--tooltip--dark.ilo--tooltip--arrow {
8366
8107
  border-left-color: rgb(45, 45, 45);
8367
8108
  }
8368
- .ilo--tooltip--dark.ilo--tooltip--alignment-right .ilo--tooltip--arrow {
8109
+ .ilo--tooltip--dark.ilo--tooltip--arrow {
8369
8110
  border-right-color: rgb(45, 45, 45);
8370
8111
  }
8371
8112
 
@@ -8375,7 +8116,7 @@ input:checked + .ilo--input--toggle--slider:before {
8375
8116
 
8376
8117
  /**
8377
8118
  * Do not edit directly
8378
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
8119
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
8379
8120
  */
8380
8121
  /**
8381
8122
  * TOKENS:
@@ -8396,7 +8137,7 @@ input:checked + .ilo--input--toggle--slider:before {
8396
8137
  line-height: 0;
8397
8138
  }
8398
8139
  .ilo--video--caption {
8399
- border-left: 3px solid rgb(184, 196, 204);
8140
+ border-left: 0.1607717042rem solid rgb(184, 196, 204);
8400
8141
  color: rgb(109, 109, 109);
8401
8142
  font-weight: 400;
8402
8143
  margin-top: 0.857449089rem;
@@ -8490,9 +8231,13 @@ input:checked + .ilo--input--toggle--slider:before {
8490
8231
  .ilo--video .vjs-control-bar.notplayed {
8491
8232
  flex-direction: column;
8492
8233
  height: 122px;
8493
- width: 2.5723472669rem;
8234
+ width: 0.2143622722rem;
8494
8235
  }
8495
8236
  }
8237
+ [dir=rtl] .ilo--video--controls,
8238
+ [dir=rtl] .ilo--video .vjs-control-bar {
8239
+ justify-content: flex-end;
8240
+ }
8496
8241
  .ilo--video--controls button span,
8497
8242
  .ilo--video .vjs-control-bar button span {
8498
8243
  width: 1px;
@@ -8516,7 +8261,7 @@ input:checked + .ilo--input--toggle--slider:before {
8516
8261
  cursor: pointer;
8517
8262
  height: 100%;
8518
8263
  order: 1;
8519
- width: 40px;
8264
+ width: 2.1436227224rem;
8520
8265
  -webkit-appearance: none;
8521
8266
  -moz-appearance: none;
8522
8267
  }
@@ -8546,7 +8291,7 @@ input:checked + .ilo--input--toggle--slider:before {
8546
8291
  .ilo--video .vjs-control-bar .vjs-big-play-button {
8547
8292
  background-position: center center;
8548
8293
  background-repeat: no-repeat;
8549
- background-size: 48px 48px;
8294
+ background-size: 2.5723472669rem 2.5723472669rem;
8550
8295
  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");
8551
8296
  }
8552
8297
  .ilo--video--controls--play.ilo--video--controls--play--hovered, .ilo--video--controls--play:hover, .ilo--video--controls--play:focus,
@@ -8568,7 +8313,7 @@ input:checked + .ilo--input--toggle--slider:before {
8568
8313
  background-color: rgb(235, 245, 253);
8569
8314
  background-position: center center;
8570
8315
  background-repeat: no-repeat;
8571
- background-size: 48px 48px;
8316
+ background-size: 2.5723472669rem 2.5723472669rem;
8572
8317
  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");
8573
8318
  }
8574
8319
  .ilo--video--controls--play.ilo--video--controls--play--hovered ~ .vjs-duration, .ilo--video--controls--play.ilo--video--controls--play--hovered ~ .ilo--video--controls--duration, .ilo--video--controls--play:hover ~ .vjs-duration, .ilo--video--controls--play:hover ~ .ilo--video--controls--duration, .ilo--video--controls--play:focus ~ .vjs-duration, .ilo--video--controls--play:focus ~ .ilo--video--controls--duration,
@@ -8605,32 +8350,47 @@ input:checked + .ilo--input--toggle--slider:before {
8605
8350
  background-color: rgb(235, 245, 253);
8606
8351
  color: rgb(30, 45, 190);
8607
8352
  }
8608
- .ilo--video--controls--play.vjs-paused,
8353
+ .ilo--video--controls--play.vjs-paused, .ilo--video--controls--play.vjs-ended,
8609
8354
  .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused,
8355
+ .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended,
8610
8356
  .ilo--video--controls .vjs-big-play-button.vjs-paused,
8357
+ .ilo--video--controls .vjs-big-play-button.vjs-ended,
8611
8358
  .ilo--video .vjs-control-bar--play.vjs-paused,
8359
+ .ilo--video .vjs-control-bar--play.vjs-ended,
8612
8360
  .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused,
8613
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused {
8361
+ .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended,
8362
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused,
8363
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended {
8614
8364
  background-position: center center;
8615
8365
  background-repeat: no-repeat;
8616
- background-size: 24px 24px;
8366
+ background-size: 1.2861736334rem 1.2861736334rem;
8617
8367
  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");
8618
8368
  }
8619
- .ilo--video--controls--play.vjs-paused:hover, .ilo--video--controls--play.vjs-paused:focus,
8369
+ .ilo--video--controls--play.vjs-paused:hover, .ilo--video--controls--play.vjs-paused:focus, .ilo--video--controls--play.vjs-ended:hover, .ilo--video--controls--play.vjs-ended:focus,
8620
8370
  .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8621
8371
  .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
8372
+ .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
8373
+ .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
8622
8374
  .ilo--video--controls .vjs-big-play-button.vjs-paused:hover,
8623
8375
  .ilo--video--controls .vjs-big-play-button.vjs-paused:focus,
8376
+ .ilo--video--controls .vjs-big-play-button.vjs-ended:hover,
8377
+ .ilo--video--controls .vjs-big-play-button.vjs-ended:focus,
8624
8378
  .ilo--video .vjs-control-bar--play.vjs-paused:hover,
8625
8379
  .ilo--video .vjs-control-bar--play.vjs-paused:focus,
8380
+ .ilo--video .vjs-control-bar--play.vjs-ended:hover,
8381
+ .ilo--video .vjs-control-bar--play.vjs-ended:focus,
8626
8382
  .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8627
8383
  .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
8384
+ .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
8385
+ .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
8628
8386
  .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:hover,
8629
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:focus {
8387
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:focus,
8388
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended:hover,
8389
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended:focus {
8630
8390
  background-color: rgb(235, 245, 253);
8631
8391
  background-position: center center;
8632
8392
  background-repeat: no-repeat;
8633
- background-size: 24px 24px;
8393
+ background-size: 1.2861736334rem 1.2861736334rem;
8634
8394
  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");
8635
8395
  }
8636
8396
  .ilo--video--controls:not(.notplayed) .ilo--video--controls--play,
@@ -8643,7 +8403,7 @@ input:checked + .ilo--input--toggle--slider:before {
8643
8403
  .ilo--video .vjs-control-bar .vjs-playing {
8644
8404
  background-position: center center;
8645
8405
  background-repeat: no-repeat;
8646
- background-size: 24px 24px;
8406
+ background-size: 1.2861736334rem 1.2861736334rem;
8647
8407
  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");
8648
8408
  }
8649
8409
  .ilo--video--controls--pause:hover, .ilo--video--controls--pause:focus,
@@ -8656,7 +8416,7 @@ input:checked + .ilo--input--toggle--slider:before {
8656
8416
  background-color: rgb(235, 245, 253);
8657
8417
  background-position: center center;
8658
8418
  background-repeat: no-repeat;
8659
- background-size: 24px 24px;
8419
+ background-size: 1.2861736334rem 1.2861736334rem;
8660
8420
  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='M3 2H9V22H3V2zM15 2H21V22H15V2z'/%3e%3c/svg%3e");
8661
8421
  }
8662
8422
  .ilo--video--controls--duration,
@@ -8668,9 +8428,9 @@ input:checked + .ilo--input--toggle--slider:before {
8668
8428
  display: none;
8669
8429
  height: 100%;
8670
8430
  font-weight: 700;
8671
- margin-left: 2px;
8431
+ margin-left: 0.1071811361rem;
8672
8432
  order: 2;
8673
- padding-top: 9px;
8433
+ padding-top: 0.4823151125rem;
8674
8434
  text-align: center;
8675
8435
  width: 4.2872454448rem;
8676
8436
  font-size: 14.93px;
@@ -8703,7 +8463,7 @@ input:checked + .ilo--input--toggle--slider:before {
8703
8463
  background-color: rgb(235, 245, 253);
8704
8464
  background-position: center center;
8705
8465
  background-repeat: no-repeat;
8706
- background-size: 48px 48px;
8466
+ background-size: 2.5723472669rem 2.5723472669rem;
8707
8467
  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");
8708
8468
  }
8709
8469
  .ilo--video--controls--duration.show,
@@ -9046,7 +8806,7 @@ input:checked + .ilo--input--toggle--slider:before {
9046
8806
  -moz-appearance: none;
9047
8807
  background-position: center center;
9048
8808
  background-repeat: no-repeat;
9049
- background-size: 24px 24px;
8809
+ background-size: 1.2861736334rem 1.2861736334rem;
9050
8810
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='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");
9051
8811
  }
9052
8812
  .ilo--video--controls--showvolume:hover, .ilo--video--controls--showvolume:focus,
@@ -9059,7 +8819,7 @@ input:checked + .ilo--input--toggle--slider:before {
9059
8819
  background-color: rgb(235, 245, 253);
9060
8820
  background-position: center center;
9061
8821
  background-repeat: no-repeat;
9062
- background-size: 24px 24px;
8822
+ background-size: 1.2861736334rem 1.2861736334rem;
9063
8823
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' %3e%3cpath fill='rgb(30, 45, 190)' 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(30, 45, 190)' 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");
9064
8824
  }
9065
8825
  .ilo--video--controls--showvolume.muted, .ilo--video--controls--showvolume[title=Unmute],
@@ -9071,7 +8831,7 @@ input:checked + .ilo--input--toggle--slider:before {
9071
8831
  .ilo--video .vjs-control-bar .vjs-mute-control[title=Unmute] {
9072
8832
  background-position: center center;
9073
8833
  background-repeat: no-repeat;
9074
- background-size: 24px 24px;
8834
+ background-size: 1.2861736334rem 1.2861736334rem;
9075
8835
  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");
9076
8836
  }
9077
8837
  .ilo--video--controls--showvolume.muted:hover, .ilo--video--controls--showvolume.muted:focus, .ilo--video--controls--showvolume[title=Unmute]:hover, .ilo--video--controls--showvolume[title=Unmute]:focus,
@@ -9090,7 +8850,7 @@ input:checked + .ilo--input--toggle--slider:before {
9090
8850
  background-color: #ebf5fd;
9091
8851
  background-position: center center;
9092
8852
  background-repeat: no-repeat;
9093
- background-size: 24px 24px;
8853
+ background-size: 1.2861736334rem 1.2861736334rem;
9094
8854
  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.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");
9095
8855
  }
9096
8856
  .ilo--video--controls--setvolume,
@@ -9213,7 +8973,7 @@ input:checked + .ilo--input--toggle--slider:before {
9213
8973
  -moz-appearance: none;
9214
8974
  background-position: center center;
9215
8975
  background-repeat: no-repeat;
9216
- background-size: 24px 24px;
8976
+ background-size: 1.2861736334rem 1.2861736334rem;
9217
8977
  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");
9218
8978
  }
9219
8979
  .ilo--video--controls--fullscreen:hover, .ilo--video--controls--fullscreen:focus,
@@ -9226,7 +8986,7 @@ input:checked + .ilo--input--toggle--slider:before {
9226
8986
  background-color: #ebf5fd;
9227
8987
  background-position: center center;
9228
8988
  background-repeat: no-repeat;
9229
- background-size: 24px 24px;
8989
+ background-size: 1.2861736334rem 1.2861736334rem;
9230
8990
  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='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");
9231
8991
  }
9232
8992
  .ilo--video--controls--fullscreen.show,
@@ -9254,6 +9014,10 @@ input:checked + .ilo--input--toggle--slider:before {
9254
9014
  left: 0;
9255
9015
  width: 80px;
9256
9016
  }
9017
+ [dir=rtl] .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
9018
+ left: auto;
9019
+ right: 0;
9020
+ }
9257
9021
  }
9258
9022
  .ilo--video--element:not(.vjs-has-started) .vjs-duration {
9259
9023
  display: block;
@@ -9305,21 +9069,20 @@ input:checked + .ilo--input--toggle--slider:before {
9305
9069
  position: relative;
9306
9070
  }
9307
9071
 
9308
- .right-to-left .ilo--video--caption {
9072
+ [dir=rtl] .ilo--video--caption {
9309
9073
  border-left: none;
9310
9074
  border-right: 3px solid #b8c4cc;
9311
- direction: rtl;
9312
9075
  padding-left: 0;
9313
9076
  padding-right: 0.4287245445rem;
9314
9077
  }
9315
- .right-to-left .ilo--credit {
9078
+ [dir=rtl] .ilo--credit {
9316
9079
  left: auto;
9317
9080
  right: 0;
9318
9081
  }
9319
9082
 
9320
9083
  /**
9321
9084
  * Do not edit directly
9322
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
9085
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
9323
9086
  */
9324
9087
  /**
9325
9088
  * TOKENS:
@@ -9329,7 +9092,7 @@ input:checked + .ilo--input--toggle--slider:before {
9329
9092
  */
9330
9093
  /**
9331
9094
  * Do not edit directly
9332
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
9095
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
9333
9096
  */
9334
9097
  /**
9335
9098
  * TOKENS:
@@ -9354,7 +9117,7 @@ input:checked + .ilo--input--toggle--slider:before {
9354
9117
  }
9355
9118
  /**
9356
9119
  * Do not edit directly
9357
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
9120
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
9358
9121
  */
9359
9122
  /**
9360
9123
  * TOKENS:
@@ -9367,21 +9130,12 @@ input:checked + .ilo--input--toggle--slider:before {
9367
9130
  flex-flow: column nowrap;
9368
9131
  align-items: flex-start;
9369
9132
  }
9133
+ .ilo--social-media [dir=rtl] {
9134
+ align-items: flex-end;
9135
+ }
9370
9136
  .ilo--social-media__justify__center {
9371
9137
  align-items: center;
9372
9138
  }
9373
- .right-to-left .ilo--social-media {
9374
- direction: rtl;
9375
- }
9376
- .right-to-left .ilo--social-media .social--links {
9377
- flex-direction: row-reverse;
9378
- }
9379
- .right-to-left .ilo--social-media .ilo--social-media--list--item--icon {
9380
- text-indent: 999px;
9381
- }
9382
- .right-to-left .ilo--social-media * {
9383
- text-align: right;
9384
- }
9385
9139
  .ilo--social-media--headline {
9386
9140
  color: rgb(35, 0, 80);
9387
9141
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
@@ -9397,7 +9151,7 @@ input:checked + .ilo--input--toggle--slider:before {
9397
9151
  .ilo--social-media--list {
9398
9152
  display: inline-flex;
9399
9153
  flex-flow: row wrap;
9400
- gap: 22px;
9154
+ gap: 0.857449089rem;
9401
9155
  }
9402
9156
  .ilo--social-media--list--item {
9403
9157
  display: inline-block;