@ilo-org/styles 0.11.3-next.2 → 0.12.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 (111) hide show
  1. package/build/css/components/index.css +501 -681
  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 +501 -681
  6. package/build/css/index.css.map +1 -1
  7. package/build/css/monorepo.css +501 -681
  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/credit.css +1 -1
  20. package/css/components/datacard.css +1 -1
  21. package/css/components/datepicker.css +1 -1
  22. package/css/components/detailcard.css +1 -1
  23. package/css/components/dropdown.css +1 -1
  24. package/css/components/factlistcard.css +1 -1
  25. package/css/components/featurecard.css +1 -1
  26. package/css/components/fieldset.css +1 -1
  27. package/css/components/file-upload.css +1 -1
  28. package/css/components/footer.css +1 -1
  29. package/css/components/form.css +1 -1
  30. package/css/components/formcontrol.css +1 -1
  31. package/css/components/hero.css +1 -1
  32. package/css/components/herocard.css +1 -1
  33. package/css/components/image.css +1 -1
  34. package/css/components/input.css +1 -1
  35. package/css/components/linklist.css +1 -1
  36. package/css/components/list.css +1 -1
  37. package/css/components/multilinkcard.css +1 -1
  38. package/css/components/navigation.css +1 -1
  39. package/css/components/notification.css +1 -1
  40. package/css/components/pagination.css +1 -1
  41. package/css/components/profile.css +1 -1
  42. package/css/components/promocard.css +1 -1
  43. package/css/components/readmore.css +1 -1
  44. package/css/components/richtext.css +1 -1
  45. package/css/components/searchfield.css +1 -1
  46. package/css/components/socialmedia.css +1 -1
  47. package/css/components/statcard.css +1 -1
  48. package/css/components/table.css +1 -1
  49. package/css/components/tableofcontents.css +1 -1
  50. package/css/components/tabs.css +1 -1
  51. package/css/components/tag.css +1 -1
  52. package/css/components/textarea.css +1 -1
  53. package/css/components/textcard.css +1 -1
  54. package/css/components/textinput.css +1 -1
  55. package/css/components/tooltip.css +1 -1
  56. package/css/components/video.css +1 -1
  57. package/css/global.css.map +1 -1
  58. package/css/index.css +2 -8
  59. package/css/index.css.map +1 -1
  60. package/css/monorepo.css +2 -8
  61. package/css/monorepo.css.map +1 -1
  62. package/package.json +2 -2
  63. package/scss/_functions.scss +7 -7
  64. package/scss/_mixins.scss +11 -3
  65. package/scss/components/_accordion.scss +7 -11
  66. package/scss/components/_breadcrumb.scss +19 -27
  67. package/scss/components/_button.scss +27 -27
  68. package/scss/components/_callout.scss +10 -9
  69. package/scss/components/_card.scss +1 -6
  70. package/scss/components/_cardgroup.scss +0 -4
  71. package/scss/components/_contextmenu.scss +4 -4
  72. package/scss/components/_credit.scss +1 -1
  73. package/scss/components/_datacard.scss +5 -5
  74. package/scss/components/_datepicker.scss +4 -0
  75. package/scss/components/_detailcard.scss +12 -9
  76. package/scss/components/_dropdown.scss +16 -5
  77. package/scss/components/_factlistcard.scss +4 -17
  78. package/scss/components/_featurecard.scss +11 -7
  79. package/scss/components/_fieldset.scss +7 -2
  80. package/scss/components/_file-upload.scss +4 -7
  81. package/scss/components/_footer.scss +34 -54
  82. package/scss/components/_form.scss +2 -1
  83. package/scss/components/_formcontrol.scss +10 -2
  84. package/scss/components/_hero.scss +26 -118
  85. package/scss/components/_herocard.scss +2 -6
  86. package/scss/components/_image.scss +6 -7
  87. package/scss/components/_input.scss +5 -7
  88. package/scss/components/_linklist.scss +24 -20
  89. package/scss/components/_list.scss +15 -20
  90. package/scss/components/_loading.scss +8 -8
  91. package/scss/components/_multilinkcard.scss +17 -68
  92. package/scss/components/_navigation.scss +44 -57
  93. package/scss/components/_notification.scss +19 -28
  94. package/scss/components/_pagination.scss +6 -12
  95. package/scss/components/_profile.scss +3 -3
  96. package/scss/components/_promocard.scss +24 -72
  97. package/scss/components/_readmore.scss +7 -6
  98. package/scss/components/_richtext.scss +32 -38
  99. package/scss/components/_searchfield.scss +8 -11
  100. package/scss/components/_socialmedia.scss +6 -22
  101. package/scss/components/_statcard.scss +5 -5
  102. package/scss/components/_table.scss +10 -26
  103. package/scss/components/_tableofcontents.scss +19 -50
  104. package/scss/components/_tabs.scss +7 -13
  105. package/scss/components/_tag.scss +3 -8
  106. package/scss/components/_textarea.scss +8 -14
  107. package/scss/components/_textcard.scss +11 -10
  108. package/scss/components/_textinput.scss +5 -14
  109. package/scss/components/_toggle.scss +2 -6
  110. package/scss/components/_tooltip.scss +22 -29
  111. package/scss/components/_video.scss +65 -57
@@ -1,7 +1,7 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
5
5
  */
6
6
  /**
7
7
  * TOKENS:
@@ -11,7 +11,7 @@
11
11
  */
12
12
  /**
13
13
  * Do not edit directly
14
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
14
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
15
15
  */
16
16
  /**
17
17
  * TOKENS:
@@ -26,7 +26,7 @@
26
26
  justify-content: space-between;
27
27
  width: 100%;
28
28
  margin: 0;
29
- padding: 0.9646302251rem 1.9292604502rem 0.9646302251rem 0;
29
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 0;
30
30
  background-color: rgb(255, 255, 255);
31
31
  background-position: calc(100% - 0.3215434084rem) center;
32
32
  background-repeat: no-repeat;
@@ -47,7 +47,7 @@
47
47
  font-size: 18.66px;
48
48
  letter-spacing: -0.035em;
49
49
  line-height: 24.26px;
50
- padding: 1.1254019293rem 1.9292604502rem 1.1254019293rem 0;
50
+ padding: 1.0718113612rem 0.857449089rem 1.0718113612rem 0;
51
51
  }
52
52
  .ilo--accordion--button:hover, .ilo--accordion--button:focus {
53
53
  background-color: rgb(235, 245, 253);
@@ -67,13 +67,13 @@
67
67
  font-size: 16px;
68
68
  letter-spacing: -0.02em;
69
69
  line-height: 21.6px;
70
- padding: 0.9646302251rem 1.9292604502rem 0.9646302251rem 0;
70
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 0;
71
71
  }
72
72
  .ilo--accordion--button--large {
73
73
  font-size: 18.66px;
74
74
  letter-spacing: -0.035em;
75
75
  line-height: 24.26px;
76
- padding: 1.1254019293rem 1.9292604502rem 1.1254019293rem 0;
76
+ padding: 1.0718113612rem 0.857449089rem 1.0718113612rem 0;
77
77
  }
78
78
  }
79
79
  .ilo--accordion--button[aria-expanded=true] {
@@ -103,7 +103,7 @@
103
103
 
104
104
  /**
105
105
  * Do not edit directly
106
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
106
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
107
107
  */
108
108
  /**
109
109
  * TOKENS:
@@ -128,7 +128,7 @@
128
128
  }
129
129
  /**
130
130
  * Do not edit directly
131
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
131
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
132
132
  */
133
133
  /**
134
134
  * TOKENS:
@@ -165,7 +165,7 @@
165
165
  text-decoration-thickness: 0.1071811361rem;
166
166
  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");
167
167
  }
168
- .right-to-left .ilo--breadcrumb--link {
168
+ [dir=rtl] .ilo--breadcrumb--link {
169
169
  background-position: 0 52%;
170
170
  padding: 0 0.5359056806rem 0 1.2861736334rem;
171
171
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3e%3cpath fill='rgb(35, 0, 80)' d='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");
@@ -187,7 +187,7 @@
187
187
  text-decoration-thickness: 0.1071811361rem;
188
188
  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");
189
189
  }
190
- .right-to-left .ilo--breadcrumb--link:hover, .right-to-left .ilo--breadcrumb--link:focus {
190
+ [dir=rtl] .ilo--breadcrumb--link:hover, [dir=rtl] .ilo--breadcrumb--link:focus {
191
191
  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");
192
192
  }
193
193
  .ilo--breadcrumb--item {
@@ -199,11 +199,6 @@
199
199
  align-items: center;
200
200
  display: flex;
201
201
  position: relative;
202
- width: 17px;
203
- }
204
- .ilo--breadcrumb--item.home .ilo--breadcrumb--link {
205
- padding-left: 0;
206
- width: 2.0364415863rem;
207
202
  }
208
203
  .ilo--breadcrumb--item.home .ilo--breadcrumb--link--label {
209
204
  width: 1px;
@@ -262,7 +257,7 @@
262
257
  width: 0.857449089rem;
263
258
  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");
264
259
  }
265
- .right-to-left .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:after {
260
+ [dir=rtl] .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:after {
266
261
  right: auto;
267
262
  left: -7px;
268
263
  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");
@@ -355,7 +350,7 @@
355
350
  text-decoration: underline;
356
351
  text-decoration-thickness: 0.1071811361rem;
357
352
  }
358
- .right-to-left .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--link {
353
+ [dir=rtl] .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--link {
359
354
  text-align: center;
360
355
  }
361
356
  @media screen and (min-width: 610px) {
@@ -369,7 +364,7 @@
369
364
  top: 0;
370
365
  width: 47px;
371
366
  }
372
- .right-to-left .ilo--breadcrumb--items:after {
367
+ [dir=rtl] .ilo--breadcrumb--items:after {
373
368
  right: auto;
374
369
  left: -47px;
375
370
  transform: scaleX(-1);
@@ -378,9 +373,6 @@
378
373
  content: none;
379
374
  }
380
375
  }
381
- .right-to-left .ilo--breadcrumb {
382
- direction: rtl;
383
- }
384
376
  .ilo--breadcrumb.storybook {
385
377
  background-color: rgb(184, 196, 204);
386
378
  height: 100vh;
@@ -388,7 +380,7 @@
388
380
 
389
381
  /**
390
382
  * Do not edit directly
391
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
383
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
392
384
  */
393
385
  /**
394
386
  * TOKENS:
@@ -398,7 +390,7 @@
398
390
  */
399
391
  /**
400
392
  * Do not edit directly
401
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
393
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
402
394
  */
403
395
  /**
404
396
  * TOKENS:
@@ -423,7 +415,7 @@
423
415
  }
424
416
  /**
425
417
  * Do not edit directly
426
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
418
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
427
419
  */
428
420
  /**
429
421
  * TOKENS:
@@ -450,26 +442,26 @@
450
442
  }
451
443
  .ilo--button.icon .ilo--icon {
452
444
  height: 100%;
453
- max-height: 32px;
454
- max-width: 32px;
445
+ max-height: 1.7148981779rem;
446
+ max-width: 1.7148981779rem;
455
447
  position: absolute;
456
448
  width: 100%;
457
449
  }
458
450
  .ilo--button.icon.icon__position--left .link__label,
459
451
  .ilo--button.icon.icon__position--left .button__label {
460
- padding-left: 46px;
452
+ padding-left: 2.5723472669rem;
461
453
  }
462
454
  .ilo--button.icon.icon__position--left .ilo--icon {
463
- left: 13px;
464
- top: 7px;
455
+ left: 0.6966773848rem;
456
+ top: 0.3751339764rem;
465
457
  }
466
458
  .ilo--button.icon.icon__position--right .link__label,
467
459
  .ilo--button.icon.icon__position--right .button__label {
468
- padding-right: 46px;
460
+ padding-right: 2.5723472669rem;
469
461
  }
470
462
  .ilo--button.icon.icon__position--right .ilo--icon {
471
- right: 13px;
472
- top: 7px;
463
+ right: 0.6966773848rem;
464
+ top: 0.3751339764rem;
473
465
  }
474
466
  .ilo--button.icon--only .button__label {
475
467
  width: 1px;
@@ -483,10 +475,7 @@
483
475
  }
484
476
  .ilo--button--large .link__label,
485
477
  .ilo--button--large .button__label {
486
- padding-bottom: 10px;
487
- padding-left: 22px;
488
- padding-right: 22px;
489
- padding-top: 10px;
478
+ padding: 0.6430868167rem 1.2861736334rem;
490
479
  font-size: 18.66px;
491
480
  letter-spacing: -0.02em;
492
481
  line-height: 120%;
@@ -501,34 +490,31 @@
501
490
  }
502
491
  .ilo--button--medium .link__label,
503
492
  .ilo--button--medium .button__label {
504
- padding-bottom: 7px;
505
- padding-left: 18px;
506
- padding-right: 18px;
507
- padding-top: 7px;
493
+ padding: 0.4287245445rem 1.0718113612rem;
508
494
  font-size: 16px;
509
495
  letter-spacing: -0.02em;
510
496
  line-height: 120%;
511
497
  }
512
498
  .ilo--button--medium.icon .ilo--icon {
513
- max-height: 30px;
514
- max-width: 30px;
499
+ max-height: 1.6077170418rem;
500
+ max-width: 1.6077170418rem;
515
501
  position: absolute;
516
502
  }
517
503
  .ilo--button--medium.icon.icon__position--left .link__label,
518
504
  .ilo--button--medium.icon.icon__position--left .button__label {
519
- padding-left: 42px;
505
+ padding-left: 2.3579849946rem;
520
506
  }
521
507
  .ilo--button--medium.icon.icon__position--left .ilo--icon {
522
- left: 10px;
523
- top: 3px;
508
+ left: 0.5359056806rem;
509
+ top: 0.1607717042rem;
524
510
  }
525
511
  .ilo--button--medium.icon.icon__position--right .link__label,
526
512
  .ilo--button--medium.icon.icon__position--right .button__label {
527
- padding-right: 42px;
513
+ padding-right: 2.3579849946rem;
528
514
  }
529
515
  .ilo--button--medium.icon.icon__position--right .ilo--icon {
530
- right: 10px;
531
- top: 3px;
516
+ right: 0.5359056806rem;
517
+ top: 0.1607717042rem;
532
518
  }
533
519
  .ilo--button--medium.icon--only {
534
520
  height: 1.9292604502rem;
@@ -540,34 +526,31 @@
540
526
  }
541
527
  .ilo--button--small .link__label,
542
528
  .ilo--button--small .button__label {
543
- padding-bottom: 3px;
544
- padding-left: 13px;
545
- padding-right: 13px;
546
- padding-top: 3px;
529
+ padding: 0.2143622722rem 0.857449089rem;
547
530
  font-size: 14.93px;
548
531
  letter-spacing: -0.02em;
549
532
  line-height: 120%;
550
533
  }
551
534
  .ilo--button--small.icon .ilo--icon {
552
- max-height: 28px;
553
- max-width: 28px;
535
+ max-height: 1.5005359057rem;
536
+ max-width: 1.5005359057rem;
554
537
  position: absolute;
555
538
  }
556
539
  .ilo--button--small.icon.icon__position--left .link__label,
557
540
  .ilo--button--small.icon.icon__position--left .button__label {
558
- padding-left: 34px;
541
+ padding-left: 1.9292604502rem;
559
542
  }
560
543
  .ilo--button--small.icon.icon__position--left .ilo--icon {
561
- left: 6px;
562
- top: 1px;
544
+ left: 0.3215434084rem;
545
+ top: 0.0535905681rem;
563
546
  }
564
547
  .ilo--button--small.icon.icon__position--right .link__label,
565
548
  .ilo--button--small.icon.icon__position--right .button__label {
566
- padding-right: 34px;
549
+ padding-right: 1.9292604502rem;
567
550
  }
568
551
  .ilo--button--small.icon.icon__position--right .ilo--icon {
569
- right: 6px;
570
- top: 1px;
552
+ right: 0.3215434084rem;
553
+ top: 0.0535905681rem;
571
554
  }
572
555
  .ilo--button--small.icon--only {
573
556
  height: 1.3933547696rem;
@@ -713,7 +696,7 @@
713
696
 
714
697
  /**
715
698
  * Do not edit directly
716
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
699
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
717
700
  */
718
701
  /**
719
702
  * TOKENS:
@@ -726,7 +709,7 @@
726
709
  transition: max-height 225ms ease-out;
727
710
  }
728
711
  .ilo--callout--collapse:not(.ilo--callout--open) {
729
- max-height: 78px;
712
+ max-height: 64px;
730
713
  overflow: hidden;
731
714
  }
732
715
  .ilo--callout--open {
@@ -737,22 +720,24 @@
737
720
  transform: translateY(-50%) rotate(180deg);
738
721
  }
739
722
  .ilo--callout--sidebar {
740
- padding: 1.3933547696rem 0.6430868167rem;
723
+ display: flex;
724
+ flex-direction: column;
725
+ align-items: center;
726
+ padding: 1.0718113612rem 0.4287245445rem;
741
727
  width: 2.1436227224rem;
742
728
  }
743
729
  .ilo--callout--sidebar .ilo--callout--icon {
744
- position: relative;
745
- top: 0.0803858521rem;
730
+ margin: 0.2143622722rem;
746
731
  }
747
732
  .ilo--callout--content {
748
- padding: 1.3933547696rem 1.1789924973rem 1.2861736334rem;
733
+ padding: 1.2861736334rem;
749
734
  width: 100%;
750
735
  font-size: 0.8001071811rem;
751
736
  }
752
737
  .ilo--callout--header {
753
738
  display: flex;
754
739
  justify-content: space-between;
755
- padding: 0 0 1.2861736334rem;
740
+ padding-bottom: 0.6430868167rem;
756
741
  }
757
742
  .ilo--callout--title {
758
743
  font-size: 16px;
@@ -771,7 +756,7 @@
771
756
  cursor: pointer;
772
757
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
773
758
  font-weight: 500;
774
- padding-right: 32px;
759
+ padding-right: 1.7148981779rem;
775
760
  position: relative;
776
761
  }
777
762
  .ilo--callout--toggle--icon {
@@ -788,7 +773,7 @@
788
773
  width: 24px;
789
774
  }
790
775
  .ilo--callout--footer {
791
- padding: 1.2861736334rem 0 0 0;
776
+ padding-top: 1.0718113612rem;
792
777
  }
793
778
  .ilo--callout .icon {
794
779
  background-repeat: no-repeat;
@@ -840,7 +825,7 @@
840
825
 
841
826
  /**
842
827
  * Do not edit directly
843
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
828
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
844
829
  */
845
830
  /**
846
831
  * TOKENS:
@@ -850,7 +835,7 @@
850
835
  */
851
836
  /**
852
837
  * Do not edit directly
853
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
838
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
854
839
  */
855
840
  /**
856
841
  * TOKENS:
@@ -875,7 +860,7 @@
875
860
  }
876
861
  /**
877
862
  * Do not edit directly
878
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
863
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
879
864
  */
880
865
  /**
881
866
  * TOKENS:
@@ -893,7 +878,7 @@
893
878
 
894
879
  /**
895
880
  * Do not edit directly
896
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
881
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
897
882
  */
898
883
  /**
899
884
  * TOKENS:
@@ -911,9 +896,6 @@
911
896
  .ilo--card__size__fluid {
912
897
  --max-width: 100% !important;
913
898
  }
914
- .right-to-left .ilo--card {
915
- text-align: right;
916
- }
917
899
  .ilo--card__action:hover, .ilo--card__action:focus, .ilo--card__action:focus-within {
918
900
  background: rgb(255, 255, 255);
919
901
  outline: none;
@@ -977,7 +959,7 @@
977
959
  max-width: var(--max-width);
978
960
  }
979
961
  .ilo--card--wrapper:hover, .ilo--card--wrapper:focus, .ilo--card--wrapper:focus-within {
980
- 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));
962
+ 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));
981
963
  }
982
964
  .ilo--card--link {
983
965
  background: none;
@@ -1063,10 +1045,10 @@
1063
1045
  font-size: 16px;
1064
1046
  letter-spacing: normal;
1065
1047
  line-height: 23.36px;
1066
- margin-bottom: 1.3742266073rem;
1067
1048
  transition-property: color;
1068
1049
  transition-duration: 150ms;
1069
1050
  transition-timing-function: ease-out;
1051
+ margin-bottom: 1.7148981779rem;
1070
1052
  }
1071
1053
  .ilo--card--link:hover .ilo--card--intro, .ilo--card--link:focus .ilo--card--intro, .ilo--card--link:focus-within .ilo--card--intro {
1072
1054
  color: rgb(30, 45, 190);
@@ -1107,7 +1089,7 @@
1107
1089
 
1108
1090
  /**
1109
1091
  * Do not edit directly
1110
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
1092
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1111
1093
  */
1112
1094
  /**
1113
1095
  * TOKENS:
@@ -1132,10 +1114,16 @@
1132
1114
  color: rgb(255, 255, 255);
1133
1115
  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");
1134
1116
  }
1117
+ [dir=rtl] .ilo--card__type__feature.ilo--card__theme__dark .ilo--link-list--link {
1118
+ 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");
1119
+ }
1135
1120
  .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 {
1136
1121
  color: rgb(30, 45, 190);
1137
1122
  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");
1138
1123
  }
1124
+ [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 {
1125
+ 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");
1126
+ }
1139
1127
  .ilo--card__type__feature picture::before {
1140
1128
  transition-property: opacity;
1141
1129
  transition-duration: 150ms;
@@ -1144,7 +1132,7 @@
1144
1132
  .ilo--card__type__feature:hover, .ilo--card__type__feature:focus, .ilo--card__type__feature:focus-within {
1145
1133
  background-color: rgb(255, 255, 255);
1146
1134
  border-bottom: 0.1607717042rem solid rgb(30, 45, 190);
1147
- 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));
1135
+ 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));
1148
1136
  }
1149
1137
  .ilo--card__type__feature:hover picture::before, .ilo--card__type__feature:focus picture::before, .ilo--card__type__feature:focus-within picture::before {
1150
1138
  opacity: 0.4;
@@ -1187,9 +1175,6 @@
1187
1175
  .ilo--card__type__feature.ilo--card__size__wide .ilo--card--wrap, .ilo--card__type__feature.ilo--card__size__fluid .ilo--card--wrap {
1188
1176
  flex-direction: row;
1189
1177
  }
1190
- .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 {
1191
- flex-direction: row-reverse;
1192
- }
1193
1178
  .ilo--card__type__feature.ilo--card__size__wide .ilo--card--content, .ilo--card__type__feature.ilo--card__size__fluid .ilo--card--content {
1194
1179
  display: flex;
1195
1180
  flex-direction: row;
@@ -1275,7 +1260,7 @@
1275
1260
 
1276
1261
  /**
1277
1262
  * Do not edit directly
1278
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
1263
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1279
1264
  */
1280
1265
  /**
1281
1266
  * TOKENS:
@@ -1286,8 +1271,12 @@
1286
1271
  .ilo--card__type__text {
1287
1272
  --max-width: 16.1307609861rem;
1288
1273
  border-bottom: 0.1607717042rem solid rgb(184, 196, 204);
1289
- padding: 1.2861736334rem 2.1436227224rem;
1290
- clip-path: polygon(0 0, calc(100% - 73px) 0, 100% 40px, 100% 100%, 0 100%);
1274
+ padding: 2.1436227224rem 1.2861736334rem 1.7148981779rem;
1275
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
1276
+ }
1277
+ [dir=rtl] .ilo--card__type__text {
1278
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
1279
+ clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
1291
1280
  }
1292
1281
  .ilo--card__type__text [class$=profile--contents--light] * {
1293
1282
  color: rgb(45, 45, 45);
@@ -1296,7 +1285,11 @@
1296
1285
  color: rgb(255, 255, 255);
1297
1286
  }
1298
1287
  .ilo--card__type__text:hover, .ilo--card__type__text:focus, .ilo--card__type__text:focus-within {
1299
- 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));
1288
+ 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));
1289
+ transition-property: border-color;
1290
+ transition-duration: 150ms;
1291
+ transition-timing-function: ease-out;
1292
+ border-color: rgb(30, 45, 190);
1300
1293
  }
1301
1294
  .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] * {
1302
1295
  color: rgb(30, 45, 190);
@@ -1304,26 +1297,19 @@
1304
1297
  @media screen and (max-width: 609px) {
1305
1298
  .ilo--card__type__text {
1306
1299
  --max-width: 100%;
1307
- padding: 1.7148981779rem 2.1436227224rem;
1308
1300
  }
1309
1301
  }
1310
1302
  .ilo--card__type__text.ilo--card__size__wide, .ilo--card__type__text.ilo--card__size__fluid {
1311
1303
  --max-width: 28.0278670954rem;
1312
- padding: 1.7148981779rem 2.1436227224rem;
1313
- }
1314
- @media screen and (min-width: 610px) {
1315
- .ilo--card__type__text.ilo--card__size__wide, .ilo--card__type__text.ilo--card__size__fluid {
1316
- padding: 1.7148981779rem 2.1436227224rem;
1317
- }
1304
+ padding: 2.1436227224rem 1.7148981779rem 1.7148981779rem;
1318
1305
  }
1319
1306
  .ilo--card__type__text.ilo--card__size__narrow {
1320
1307
  --max-width: 16.1307609861rem;
1321
- padding: 1.2861736334rem 2.1436227224rem;
1308
+ padding: 2.1436227224rem 1.2861736334rem 1.7148981779rem;
1322
1309
  }
1323
1310
  @media screen and (max-width: 609px) {
1324
1311
  .ilo--card__type__text.ilo--card__size__narrow {
1325
1312
  --max-width: 100%;
1326
- padding: 1.2861736334rem 2.1436227224rem;
1327
1313
  }
1328
1314
  }
1329
1315
  .ilo--card__type__text.ilo--card__size__narrow .ilo--card--title {
@@ -1371,7 +1357,7 @@
1371
1357
 
1372
1358
  /**
1373
1359
  * Do not edit directly
1374
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
1360
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1375
1361
  */
1376
1362
  /**
1377
1363
  * TOKENS:
@@ -1382,8 +1368,11 @@
1382
1368
  .ilo--card__type__detail {
1383
1369
  --max-width: 18.3815648446rem;
1384
1370
  border-bottom: 0.1607717042rem solid rgb(237, 240, 242);
1385
- padding: 1.2861736334rem 0;
1371
+ padding: 1.7148981779rem 0;
1386
1372
  position: relative;
1373
+ transition-property: border;
1374
+ transition-duration: 150ms;
1375
+ transition-timing-function: ease-out;
1387
1376
  }
1388
1377
  @media screen and (min-width: 1024px) {
1389
1378
  .ilo--card__type__detail {
@@ -1396,7 +1385,8 @@
1396
1385
  }
1397
1386
  }
1398
1387
  .ilo--card__type__detail:hover, .ilo--card__type__detail:focus, .ilo--card__type__detail:focus-within {
1399
- 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));
1388
+ 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));
1389
+ border-bottom: 0.1607717042rem solid rgb(30, 45, 190);
1400
1390
  }
1401
1391
  .ilo--card__type__detail:hover picture::before, .ilo--card__type__detail:focus picture::before, .ilo--card__type__detail:focus-within picture::before {
1402
1392
  opacity: 0.4;
@@ -1405,7 +1395,11 @@
1405
1395
  .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 {
1406
1396
  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");
1407
1397
  }
1398
+ .ilo--card__type__detail .ilo--card--eyebrow {
1399
+ margin-bottom: 0.857449089rem;
1400
+ }
1408
1401
  .ilo--card__type__detail .ilo--card--title {
1402
+ padding: 0 0 0.4287245445rem 0;
1409
1403
  font-size: 18.66px;
1410
1404
  letter-spacing: -0.035em;
1411
1405
  line-height: 24.26px;
@@ -1472,9 +1466,6 @@
1472
1466
  .ilo--card__type__detail .ilo--card--wrap {
1473
1467
  display: flex;
1474
1468
  }
1475
- .right-to-left .ilo--card__type__detail .ilo--card--wrap {
1476
- flex-direction: row-reverse;
1477
- }
1478
1469
  .ilo--card__type__detail .ilo--card--title {
1479
1470
  font-size: 18.66px;
1480
1471
  letter-spacing: -0.035em;
@@ -1518,7 +1509,7 @@
1518
1509
 
1519
1510
  /**
1520
1511
  * Do not edit directly
1521
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
1512
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1522
1513
  */
1523
1514
  /**
1524
1515
  * TOKENS:
@@ -1560,73 +1551,55 @@
1560
1551
  padding: 3.4297963558rem 3.8585209003rem;
1561
1552
  }
1562
1553
  }
1554
+ .ilo--card__type__promo .ilo--card--title {
1555
+ margin-bottom: 0.6430868167rem;
1556
+ }
1563
1557
  .ilo--card__type__promo.ilo--card__size__standard {
1564
1558
  padding: 2.5723472669rem;
1565
1559
  }
1566
- @media screen and (min-width: 610px) {
1567
- .ilo--card__type__promo.ilo--card__size__standard {
1568
- padding: 2.5723472669rem 2.5723472669rem 3.4297963558rem;
1569
- }
1570
- }
1571
- @media screen and (min-width: 1024px) {
1572
- .ilo--card__type__promo.ilo--card__size__standard {
1573
- padding: 2.5723472669rem 2.5723472669rem 3.4297963558rem;
1574
- }
1575
- }
1576
1560
  .ilo--card__type__promo.ilo--card__size__standard.ilo--card__cornercut {
1577
1561
  clip-path: polygon(0 0, calc(100% - 87px) 0, 100% 48px, 100% 100%, 0 100%);
1578
1562
  }
1563
+ [dir=rtl] .ilo--card__type__promo.ilo--card__size__standard.ilo--card__cornercut {
1564
+ clip-path: polygon(0 0, calc(100% - 87px) 0, 100% 48px, 100% 100%, 0 100%);
1565
+ clip-path: polygon(87px 0, 100% 0, 100% 100%, 0 100%, 0 48px);
1566
+ }
1579
1567
  .ilo--card__type__promo.ilo--card__size__wide, .ilo--card__type__promo.ilo--card__size__fluid {
1580
1568
  padding: 3.4297963558rem 3.8585209003rem;
1581
1569
  }
1582
- @media screen and (min-width: 610px) {
1583
- .ilo--card__type__promo.ilo--card__size__wide, .ilo--card__type__promo.ilo--card__size__fluid {
1584
- padding: 3.4297963558rem 3.8585209003rem;
1585
- }
1586
- }
1587
- @media screen and (min-width: 1024px) {
1588
- .ilo--card__type__promo.ilo--card__size__wide, .ilo--card__type__promo.ilo--card__size__fluid {
1589
- padding: 3.4297963558rem 3.8585209003rem;
1590
- }
1591
- }
1592
1570
  .ilo--card__type__promo.ilo--card__size__wide.ilo--card__cornercut, .ilo--card__type__promo.ilo--card__size__fluid.ilo--card__cornercut {
1593
1571
  clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
1594
1572
  }
1573
+ [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 {
1574
+ clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
1575
+ clip-path: polygon(116px 0, 100% 0, 100% 100%, 0 100%, 0 64px);
1576
+ }
1595
1577
  .ilo--card__type__promo.ilo--card__size__narrow {
1596
1578
  padding: 2.1436227224rem 1.2861736334rem;
1597
1579
  }
1598
- @media screen and (min-width: 610px) {
1599
- .ilo--card__type__promo.ilo--card__size__narrow {
1600
- padding: 2.1436227224rem 1.2861736334rem;
1601
- }
1602
- }
1603
- @media screen and (min-width: 1024px) {
1604
- .ilo--card__type__promo.ilo--card__size__narrow {
1605
- padding: 2.1436227224rem 1.2861736334rem;
1606
- }
1607
- }
1608
1580
  .ilo--card__type__promo.ilo--card__size__narrow.ilo--card__cornercut {
1609
1581
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
1610
1582
  }
1583
+ [dir=rtl] .ilo--card__type__promo.ilo--card__size__narrow.ilo--card__cornercut {
1584
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px left, 100% 100%, 0 100%);
1585
+ }
1611
1586
  .ilo--card__type__promo.ilo--card__size__narrow .ilo--card--title {
1612
1587
  font-size: 29.16px;
1613
1588
  letter-spacing: -0.035em;
1614
1589
  line-height: 36.45px;
1615
- margin-bottom: 0.5741425509rem;
1590
+ margin-bottom: 0.4287245445rem;
1616
1591
  }
1617
1592
  @media screen and (min-width: 610px) {
1618
1593
  .ilo--card__type__promo.ilo--card__size__narrow .ilo--card--title {
1619
1594
  font-size: 36.45px;
1620
1595
  letter-spacing: -0.035em;
1621
1596
  line-height: 43.74px;
1622
- margin-bottom: 0.4278063594rem;
1623
1597
  }
1624
1598
  }
1625
1599
  .ilo--card__type__promo.ilo--card__size__narrow .ilo--card--intro {
1626
1600
  font-size: 16px;
1627
1601
  letter-spacing: normal;
1628
1602
  line-height: 23.36px;
1629
- margin-bottom: 1.910132288rem;
1630
1603
  }
1631
1604
  .ilo--card__type__promo.ilo--card__theme__light:not(:hover) .ilo--card--title {
1632
1605
  color: rgb(45, 45, 45);
@@ -1638,34 +1611,31 @@
1638
1611
  font-size: 29.16px;
1639
1612
  letter-spacing: -0.035em;
1640
1613
  line-height: 36.45px;
1641
- margin-bottom: 0.5741425509rem;
1642
1614
  }
1643
1615
  @media screen and (min-width: 610px) {
1644
1616
  .ilo--card__type__promo .ilo--card--title {
1645
1617
  font-size: 36.45px;
1646
1618
  letter-spacing: -0.035em;
1647
1619
  line-height: 43.74px;
1648
- margin-bottom: 0.8565309039rem;
1649
1620
  }
1650
1621
  }
1651
1622
  .ilo--card__type__promo .ilo--card--intro {
1652
1623
  font-size: 16px;
1653
1624
  letter-spacing: normal;
1654
1625
  line-height: 23.36px;
1655
- margin-bottom: 1.910132288rem;
1626
+ margin-bottom: 1.7148981779rem;
1656
1627
  }
1657
1628
  @media screen and (min-width: 610px) {
1658
1629
  .ilo--card__type__promo .ilo--card--intro {
1659
1630
  font-size: 18.66px;
1660
1631
  letter-spacing: normal;
1661
1632
  line-height: 27.24px;
1662
- margin-bottom: 1.8685411561rem;
1663
1633
  }
1664
1634
  }
1665
1635
 
1666
1636
  /**
1667
1637
  * Do not edit directly
1668
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
1638
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1669
1639
  */
1670
1640
  /**
1671
1641
  * TOKENS:
@@ -1682,6 +1652,7 @@
1682
1652
  }
1683
1653
  .ilo--card__type__multilink .ilo--card--content .ilo--card--image--wrapper {
1684
1654
  display: block;
1655
+ margin-bottom: 1.7148981779rem;
1685
1656
  }
1686
1657
  @media screen and (min-width: 610px) {
1687
1658
  .ilo--card__type__multilink {
@@ -1697,7 +1668,7 @@
1697
1668
  font-size: 23.32px;
1698
1669
  letter-spacing: -0.035em;
1699
1670
  line-height: 29.15px;
1700
- margin-bottom: 0.7188906752rem;
1671
+ margin-bottom: 1.7148981779rem;
1701
1672
  color: rgb(45, 45, 45);
1702
1673
  }
1703
1674
  @media screen and (min-width: 610px) {
@@ -1705,14 +1676,13 @@
1705
1676
  font-size: 29.16px;
1706
1677
  letter-spacing: -0.035em;
1707
1678
  line-height: 36.45px;
1708
- margin-bottom: 0.5741425509rem;
1709
1679
  }
1710
1680
  }
1711
1681
  .ilo--card__type__multilink .ilo--card--intro {
1712
1682
  font-size: 16px;
1713
1683
  letter-spacing: normal;
1714
1684
  line-height: 23.36px;
1715
- margin-bottom: 1.910132288rem;
1685
+ margin-bottom: 1.7148981779rem;
1716
1686
  color: rgb(45, 45, 45);
1717
1687
  }
1718
1688
  @media screen and (min-width: 610px) {
@@ -1720,37 +1690,16 @@
1720
1690
  font-size: 18.66px;
1721
1691
  letter-spacing: normal;
1722
1692
  line-height: 27.24px;
1723
- margin-bottom: 1.8685411561rem;
1724
1693
  }
1725
1694
  }
1726
1695
  .ilo--card__type__multilink.ilo--card__size__standard {
1727
1696
  --max-width: 28.7245444802rem;
1728
1697
  padding: 2.5723472669rem 2.1436227224rem;
1729
1698
  }
1730
- @media screen and (min-width: 610px) {
1731
- .ilo--card__type__multilink.ilo--card__size__standard {
1732
- padding: 2.5723472669rem 2.1436227224rem;
1733
- }
1734
- }
1735
- @media screen and (min-width: 1024px) {
1736
- .ilo--card__type__multilink.ilo--card__size__standard {
1737
- padding: 2.5723472669rem 2.1436227224rem;
1738
- }
1739
- }
1740
1699
  .ilo--card__type__multilink.ilo--card__size__narrow {
1741
1700
  --max-width: 20.0964630225rem;
1742
1701
  padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1743
1702
  }
1744
- @media screen and (min-width: 610px) {
1745
- .ilo--card__type__multilink.ilo--card__size__narrow {
1746
- padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1747
- }
1748
- }
1749
- @media screen and (min-width: 1024px) {
1750
- .ilo--card__type__multilink.ilo--card__size__narrow {
1751
- padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1752
- }
1753
- }
1754
1703
  .ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--image--wrapper {
1755
1704
  display: none;
1756
1705
  }
@@ -1763,7 +1712,7 @@
1763
1712
  font-size: 23.32px;
1764
1713
  letter-spacing: -0.035em;
1765
1714
  line-height: 29.15px;
1766
- margin-bottom: 0.7188906752rem;
1715
+ margin-bottom: 1.2861736334rem;
1767
1716
  }
1768
1717
  }
1769
1718
  @media screen and (min-width: 610px) {
@@ -1771,13 +1720,16 @@
1771
1720
  font-size: 16px;
1772
1721
  letter-spacing: normal;
1773
1722
  line-height: 23.36px;
1774
- margin-bottom: 1.910132288rem;
1723
+ margin-bottom: 1.2861736334rem;
1775
1724
  }
1776
1725
  }
1777
1726
  .ilo--card__type__multilink.ilo--card__size__wide, .ilo--card__type__multilink.ilo--card__size__fluid {
1778
1727
  --max-width: 59.1639871383rem;
1779
1728
  padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1780
1729
  }
1730
+ .ilo--card__type__multilink.ilo--card__size__wide .ilo--card--title, .ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--title {
1731
+ margin-bottom: 0.6430868167rem;
1732
+ }
1781
1733
  @media screen and (min-width: 610px) {
1782
1734
  .ilo--card__type__multilink.ilo--card__size__wide, .ilo--card__type__multilink.ilo--card__size__fluid {
1783
1735
  padding: 3.0010718114rem 2.5723472669rem;
@@ -1785,16 +1737,10 @@
1785
1737
  .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 {
1786
1738
  flex-direction: row-reverse;
1787
1739
  }
1788
- .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 {
1789
- flex-direction: row;
1790
- }
1791
1740
  .ilo--card__type__multilink.ilo--card__size__wide .ilo--card--wrap, .ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--wrap {
1792
1741
  display: flex;
1793
1742
  column-gap: 1.7148981779rem;
1794
1743
  }
1795
- .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 {
1796
- flex-direction: row-reverse;
1797
- }
1798
1744
  .ilo--card__type__multilink.ilo--card__size__wide .ilo--card--image--wrapper, .ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--image--wrapper {
1799
1745
  display: block;
1800
1746
  width: 50%;
@@ -1807,14 +1753,13 @@
1807
1753
  }
1808
1754
  }
1809
1755
  .ilo--card__type__multilink .ilo--link-list {
1810
- margin-top: 1.8756698821rem;
1811
1756
  position: relative;
1812
1757
  z-index: 3;
1813
1758
  }
1814
1759
 
1815
1760
  /**
1816
1761
  * Do not edit directly
1817
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
1762
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1818
1763
  */
1819
1764
  /**
1820
1765
  * TOKENS:
@@ -1826,7 +1771,7 @@
1826
1771
  --max-width: 32.154340836rem;
1827
1772
  background: rgb(235, 245, 253);
1828
1773
  border-bottom: 0.1607717042rem solid rgb(190, 220, 250);
1829
- padding: 2.5723472669rem 2.7867095391rem;
1774
+ padding: 2.5723472669rem 2.1436227224rem 3.0010718114rem;
1830
1775
  position: relative;
1831
1776
  width: 100%;
1832
1777
  }
@@ -1876,7 +1821,7 @@
1876
1821
  .ilo--card__type__data.ilo--card__size__narrow {
1877
1822
  --max-width: 16.1307609861rem;
1878
1823
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
1879
- padding: 2.1436227224rem 1.2861736334rem 2.8403001072rem;
1824
+ padding: 2.1436227224rem 1.2861736334rem 3.0010718114rem;
1880
1825
  }
1881
1826
  @media screen and (max-width: 609px) {
1882
1827
  .ilo--card__type__data.ilo--card__size__narrow {
@@ -1887,10 +1832,10 @@
1887
1832
  --max-width: 41.6934619507rem;
1888
1833
  }
1889
1834
  .ilo--card__type__data.ilo--card__size__wide.ilo--card__type__data__columns__one {
1890
- padding: 2.5723472669rem 2.7867095391rem;
1835
+ padding: 2.5723472669rem 2.1436227224rem 3.0010718114rem;
1891
1836
  }
1892
1837
  .ilo--card__type__data.ilo--card__size__wide.ilo--card__type__data__columns__two {
1893
- padding: 2.5723472669rem 5.8413719185rem;
1838
+ padding: 2.5723472669rem 2.5723472669rem 3.0010718114rem 6.0021436227rem;
1894
1839
  }
1895
1840
  .ilo--card__type__data.ilo--card__size__wide, .ilo--card__type__data.ilo--card__size__fluid {
1896
1841
  clip-path: polygon(0 0, calc(100% - 86px) 0, 100% 48px, 100% 100%, 0 100%);
@@ -1934,7 +1879,7 @@
1934
1879
 
1935
1880
  /**
1936
1881
  * Do not edit directly
1937
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
1882
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1938
1883
  */
1939
1884
  /**
1940
1885
  * TOKENS:
@@ -1945,7 +1890,7 @@
1945
1890
  .ilo--card__type__stat {
1946
1891
  --max-width: 18.3815648446rem;
1947
1892
  border-bottom: 0.1607717042rem solid rgb(150, 10, 85);
1948
- padding: 1.2861736334rem 2.1436227224rem 1.1789924973rem;
1893
+ padding: 2.1436227224rem 1.2861736334rem 1.7148981779rem;
1949
1894
  position: relative;
1950
1895
  width: 100%;
1951
1896
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
@@ -1955,6 +1900,10 @@
1955
1900
  --max-width: 100%;
1956
1901
  }
1957
1902
  }
1903
+ [dir=rtl] .ilo--card__type__stat {
1904
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
1905
+ clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
1906
+ }
1958
1907
  .ilo--card__type__stat.ilo--card__color__blue {
1959
1908
  background: rgb(235, 245, 253);
1960
1909
  }
@@ -1974,9 +1923,6 @@
1974
1923
  justify-content: flex-start;
1975
1924
  height: 100%;
1976
1925
  }
1977
- .right-to-left .ilo--card__type__stat .ilo--card--content {
1978
- flex-direction: row-reverse;
1979
- }
1980
1926
  .ilo--card__type__stat .ilo--card--title {
1981
1927
  color: rgb(35, 0, 80);
1982
1928
  font-size: 36.45px;
@@ -2009,7 +1955,7 @@
2009
1955
 
2010
1956
  /**
2011
1957
  * Do not edit directly
2012
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
1958
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2013
1959
  */
2014
1960
  /**
2015
1961
  * TOKENS:
@@ -2020,34 +1966,28 @@
2020
1966
  .ilo--card__type__factlist {
2021
1967
  --max-width: 20.0964630225rem;
2022
1968
  border-bottom: 0.1607717042rem solid rgb(184, 196, 204);
2023
- padding: 1.2861736334rem 2.5723472669rem;
1969
+ padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
2024
1970
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
2025
1971
  }
2026
1972
  @media screen and (min-width: 1024px) {
2027
1973
  .ilo--card__type__factlist {
2028
- padding: 2.1436227224rem 3.0010718114rem;
1974
+ padding: 2.5723472669rem 2.1436227224rem 3.0010718114rem;
2029
1975
  }
2030
1976
  }
2031
1977
  .ilo--card__type__factlist.ilo--card__size__wide {
2032
1978
  --max-width: 45.8735262594rem;
2033
- padding: 2.1436227224rem 2.7867095391rem;
1979
+ padding: 2.5723472669rem 2.1436227224rem 3.0010718114rem;
2034
1980
  }
2035
1981
  @media screen and (min-width: 610px) {
2036
1982
  .ilo--card__type__factlist.ilo--card__size__wide {
2037
- padding: 2.1436227224rem 3.2154340836rem;
2038
1983
  clip-path: polygon(0 0, calc(100% - 87px) 0, 100% 48px, 100% 100%, 0 100%);
2039
1984
  }
2040
1985
  }
2041
1986
  .ilo--card__type__factlist.ilo--card__size__narrow {
2042
1987
  --max-width: 20.0964630225rem;
2043
- padding: 1.2861736334rem 2.5723472669rem;
1988
+ padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
2044
1989
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
2045
1990
  }
2046
- @media screen and (min-width: 610px) {
2047
- .ilo--card__type__factlist.ilo--card__size__narrow {
2048
- padding: 1.2861736334rem 2.5723472669rem;
2049
- }
2050
- }
2051
1991
  .ilo--card__type__factlist.ilo--card__theme__dark {
2052
1992
  border-bottom: 0.1607717042rem solid rgb(250, 60, 75);
2053
1993
  }
@@ -2084,7 +2024,7 @@
2084
2024
 
2085
2025
  /**
2086
2026
  * Do not edit directly
2087
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
2027
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2088
2028
  */
2089
2029
  /**
2090
2030
  * TOKENS:
@@ -2118,9 +2058,6 @@
2118
2058
  margin: auto;
2119
2059
  width: 100%;
2120
2060
  }
2121
- .right-to-left .ilo--cardgroup--inner {
2122
- flex-direction: row-reverse;
2123
- }
2124
2061
  .ilo--cardgroup .ilo--card,
2125
2062
  .ilo--cardgroup .ilo--card--wrapper {
2126
2063
  height: 100%;
@@ -2136,7 +2073,7 @@
2136
2073
 
2137
2074
  /**
2138
2075
  * Do not edit directly
2139
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
2076
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2140
2077
  */
2141
2078
  /**
2142
2079
  * TOKENS:
@@ -2213,7 +2150,7 @@
2213
2150
 
2214
2151
  /**
2215
2152
  * Do not edit directly
2216
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
2153
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2217
2154
  */
2218
2155
  /**
2219
2156
  * TOKENS:
@@ -2294,7 +2231,7 @@
2294
2231
 
2295
2232
  /**
2296
2233
  * Do not edit directly
2297
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
2234
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2298
2235
  */
2299
2236
  /**
2300
2237
  * TOKENS:
@@ -2304,7 +2241,7 @@
2304
2241
  */
2305
2242
  /**
2306
2243
  * Do not edit directly
2307
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
2244
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2308
2245
  */
2309
2246
  /**
2310
2247
  * TOKENS:
@@ -2314,7 +2251,7 @@
2314
2251
  */
2315
2252
  /**
2316
2253
  * Do not edit directly
2317
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
2254
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2318
2255
  */
2319
2256
  /**
2320
2257
  * TOKENS:
@@ -2324,7 +2261,7 @@
2324
2261
  */
2325
2262
  /**
2326
2263
  * Do not edit directly
2327
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
2264
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2328
2265
  */
2329
2266
  /**
2330
2267
  * TOKENS:
@@ -2420,29 +2357,29 @@
2420
2357
  display: inline-block;
2421
2358
  }
2422
2359
  }
2423
- .right-to-left .ilo--credit:after {
2360
+ [dir=rtl] .ilo--credit:after {
2424
2361
  background-position: top left;
2425
2362
  left: auto;
2426
2363
  right: 100%;
2427
2364
  transform: scaleX(-1);
2428
2365
  }
2429
2366
  @media screen and (max-width: 1023px) {
2430
- .right-to-left .ilo--credit--label {
2367
+ [dir=rtl] .ilo--credit--label {
2431
2368
  left: auto;
2432
2369
  right: 0;
2433
2370
  }
2434
- .right-to-left .ilo--credit--label:after {
2371
+ [dir=rtl] .ilo--credit--label:after {
2435
2372
  background-position: top right;
2436
2373
  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");
2437
2374
  left: auto;
2438
2375
  right: calc(0.6430868167rem / 2);
2439
2376
  }
2440
- .right-to-left .ilo--credit:before {
2377
+ [dir=rtl] .ilo--credit:before {
2441
2378
  background-position: 4px center;
2442
2379
  left: auto;
2443
2380
  right: 0;
2444
2381
  }
2445
- .right-to-left .ilo--credit:after {
2382
+ [dir=rtl] .ilo--credit:after {
2446
2383
  left: auto;
2447
2384
  right: 1.5541264737rem;
2448
2385
  }
@@ -2450,7 +2387,7 @@
2450
2387
 
2451
2388
  /**
2452
2389
  * Do not edit directly
2453
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
2390
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2454
2391
  */
2455
2392
  /**
2456
2393
  * TOKENS:
@@ -2465,9 +2402,13 @@
2465
2402
  cursor: pointer;
2466
2403
  }
2467
2404
 
2405
+ .ilo--input.ilo--datepicker {
2406
+ padding: 0.6430868167rem 0.857449089rem 0.6430868167rem;
2407
+ }
2408
+
2468
2409
  /**
2469
2410
  * Do not edit directly
2470
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
2411
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2471
2412
  */
2472
2413
  /**
2473
2414
  * TOKENS:
@@ -2492,13 +2433,10 @@
2492
2433
  letter-spacing: -0.02em;
2493
2434
  line-height: 21.6px;
2494
2435
  height: 2.4115755627rem;
2495
- margin: 0rem 0rem 0rem 0rem;
2436
+ margin: 0rem;
2496
2437
  outline: none;
2497
2438
  overflow: hidden;
2498
- padding-left: 16px;
2499
- padding-right: 56px;
2500
- padding-bottom: 0;
2501
- padding-top: 0;
2439
+ padding: 0 3.0010718114rem 0 0.857449089rem;
2502
2440
  text-overflow: ellipsis;
2503
2441
  white-space: nowrap;
2504
2442
  width: calc(100% - 78px);
@@ -2552,10 +2490,15 @@
2552
2490
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
2553
2491
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
2554
2492
  }
2493
+ [dir=rtl] .ilo--dropdown {
2494
+ padding: 0 0.857449089rem 0 3.0010718114rem;
2495
+ background-position: calc(0% + 14px) center, 0% center;
2496
+ 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%);
2497
+ }
2555
2498
 
2556
2499
  /**
2557
2500
  * Do not edit directly
2558
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
2501
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2559
2502
  */
2560
2503
  /**
2561
2504
  * TOKENS:
@@ -2565,7 +2508,7 @@
2565
2508
  */
2566
2509
  /**
2567
2510
  * Do not edit directly
2568
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
2511
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2569
2512
  */
2570
2513
  /**
2571
2514
  * TOKENS:
@@ -2575,7 +2518,7 @@
2575
2518
  */
2576
2519
  /**
2577
2520
  * Do not edit directly
2578
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
2521
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2579
2522
  */
2580
2523
  /**
2581
2524
  * TOKENS:
@@ -2628,7 +2571,7 @@
2628
2571
 
2629
2572
  /**
2630
2573
  * Do not edit directly
2631
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
2574
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2632
2575
  */
2633
2576
  /**
2634
2577
  * TOKENS:
@@ -2637,11 +2580,15 @@
2637
2580
  * MAPS:
2638
2581
  */
2639
2582
  .ilo--fieldset {
2583
+ box-sizing: border-box;
2640
2584
  appearance: none;
2641
2585
  }
2642
2586
  .ilo--fieldset--legend-wrapper {
2643
2587
  margin-bottom: 0.8717716645rem;
2644
2588
  }
2589
+ .ilo--fieldset--legend-wrapper .ilo--tooltip--wrapper {
2590
+ top: 0.1071811361rem;
2591
+ }
2645
2592
  .ilo--fieldset--legend {
2646
2593
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
2647
2594
  font-weight: 700;
@@ -2707,13 +2654,12 @@
2707
2654
  pointer-events: none;
2708
2655
  }
2709
2656
  .ilo--fieldset .ilo--tooltip--wrapper {
2710
- margin-left: 8px;
2711
- margin-top: 3px;
2657
+ margin-left: 0.2143622722rem;
2712
2658
  }
2713
2659
 
2714
2660
  /**
2715
2661
  * Do not edit directly
2716
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
2662
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2717
2663
  */
2718
2664
  /**
2719
2665
  * TOKENS:
@@ -2730,7 +2676,6 @@
2730
2676
  display: inline-block;
2731
2677
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
2732
2678
  font-weight: 700;
2733
- padding: 0;
2734
2679
  border-bottom-left-radius: 2px;
2735
2680
  border-bottom-right-radius: 2px;
2736
2681
  border-top-left-radius: 2px;
@@ -2805,12 +2750,12 @@
2805
2750
  line-height: 21.6px;
2806
2751
  height: 2.5723472669rem;
2807
2752
  outline: none;
2808
- padding: 0.6966773848rem 0.6430868167rem 0.857449089rem 0.5894962487rem;
2753
+ padding: 0.6430868167rem 0.6430868167rem 0.857449089rem;
2809
2754
  }
2810
2755
 
2811
2756
  /**
2812
2757
  * Do not edit directly
2813
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
2758
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2814
2759
  */
2815
2760
  /**
2816
2761
  * TOKENS:
@@ -2819,12 +2764,13 @@
2819
2764
  * MAPS:
2820
2765
  */
2821
2766
  .ilo--form {
2767
+ box-sizing: border-box;
2822
2768
  display: flex;
2823
2769
  justify-content: flex-start;
2824
2770
  align-items: flex-start;
2825
2771
  flex-direction: column;
2826
2772
  appearance: none;
2827
- gap: 32px;
2773
+ gap: 1.7148981779rem;
2828
2774
  color: rgb(45, 45, 45);
2829
2775
  }
2830
2776
  .ilo--form__theme__light {
@@ -2851,7 +2797,7 @@
2851
2797
 
2852
2798
  /**
2853
2799
  * Do not edit directly
2854
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
2800
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2855
2801
  */
2856
2802
  /**
2857
2803
  * TOKENS:
@@ -2959,7 +2905,10 @@
2959
2905
  font-weight: inherit;
2960
2906
  }
2961
2907
  .ilo--form-control--label div[class*=tooltip] {
2962
- margin-left: 0.2143622722rem;
2908
+ margin-left: 0.4287245445rem;
2909
+ }
2910
+ [dir=rtl] .ilo--form-control--label div[class*=tooltip] {
2911
+ margin-right: 0.4287245445rem;
2963
2912
  }
2964
2913
  .ilo--form-control--helper {
2965
2914
  grid-area: helper;
@@ -2969,10 +2918,13 @@
2969
2918
  letter-spacing: normal;
2970
2919
  line-height: 16.24px;
2971
2920
  }
2921
+ .ilo--form-control .ilo--tooltip--wrapper {
2922
+ bottom: 0.1071811361rem;
2923
+ }
2972
2924
 
2973
2925
  /**
2974
2926
  * Do not edit directly
2975
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
2927
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2976
2928
  */
2977
2929
  /**
2978
2930
  * TOKENS:
@@ -2982,7 +2934,7 @@
2982
2934
  */
2983
2935
  /**
2984
2936
  * Do not edit directly
2985
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
2937
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2986
2938
  */
2987
2939
  /**
2988
2940
  * TOKENS:
@@ -3007,7 +2959,7 @@
3007
2959
  }
3008
2960
  /**
3009
2961
  * Do not edit directly
3010
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
2962
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3011
2963
  */
3012
2964
  /**
3013
2965
  * TOKENS:
@@ -3024,7 +2976,7 @@
3024
2976
  /* RTL Styles */
3025
2977
  }
3026
2978
  .ilo--footer--main {
3027
- padding: 2.1436227224rem 1.7148981779rem;
2979
+ padding: 2.1436227224rem 1.7148981779rem 2.5723472669rem;
3028
2980
  position: relative;
3029
2981
  }
3030
2982
  .ilo--footer--main:before {
@@ -3059,9 +3011,12 @@
3059
3011
  }
3060
3012
  .ilo--footer--secondary {
3061
3013
  background-color: rgb(237, 240, 242);
3062
- padding-top: 1.9292604502rem;
3014
+ padding: 1.7148981779rem 0.857449089rem 0;
3063
3015
  min-height: 3.0010718114rem;
3064
3016
  }
3017
+ .ilo--footer--secondary [class*=container] {
3018
+ padding: 0;
3019
+ }
3065
3020
  .ilo--footer--headline {
3066
3021
  color: rgb(255, 255, 255);
3067
3022
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
@@ -3071,21 +3026,21 @@
3071
3026
  line-height: 23.36px;
3072
3027
  line-height: 1.1575562701rem;
3073
3028
  margin-bottom: 0.0895963823rem;
3074
- margin-top: 1.1789924973rem;
3029
+ margin-top: 1.0718113612rem;
3075
3030
  }
3076
3031
  .ilo--footer--subhead {
3077
3032
  color: #bedcfa;
3078
3033
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
3079
3034
  font-weight: 500;
3080
- margin-top: 0.5359056806rem;
3035
+ margin-top: 0.2143622722rem;
3081
3036
  font-size: 11.94px;
3082
3037
  letter-spacing: normal;
3083
3038
  line-height: 16.24px;
3084
3039
  line-height: 0.9946409432rem;
3085
- margin-bottom: 2.4115755627rem;
3040
+ margin-bottom: 2.5723472669rem;
3086
3041
  }
3087
3042
  .ilo--footer .address {
3088
- margin-bottom: 2.0900321543rem;
3043
+ margin-bottom: 1.0718113612rem;
3089
3044
  }
3090
3045
  .ilo--footer .address--line {
3091
3046
  color: rgb(255, 255, 255);
@@ -3095,10 +3050,10 @@
3095
3050
  margin-bottom: 0.12089916rem;
3096
3051
  }
3097
3052
  .ilo--footer .connect {
3098
- margin: 2.9474812433rem 0;
3053
+ margin: 2.5723472669rem 0 2.1436227224rem;
3099
3054
  }
3100
3055
  .ilo--footer .social--links {
3101
- margin-bottom: 2.4115755627rem;
3056
+ margin-bottom: 2.1436227224rem;
3102
3057
  }
3103
3058
  .ilo--footer .legal,
3104
3059
  .ilo--footer .secondarylinks {
@@ -3164,7 +3119,7 @@
3164
3119
  justify-content: center;
3165
3120
  border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
3166
3121
  margin: 0.6430868167rem auto 0 auto;
3167
- padding: 0.857449089rem 0.857449089rem 0.857449089rem 0.857449089rem;
3122
+ padding: 0.857449089rem;
3168
3123
  }
3169
3124
  .ilo--footer .anchorlink:after {
3170
3125
  background-repeat: no-repeat;
@@ -3194,11 +3149,11 @@
3194
3149
  .ilo--footer--main {
3195
3150
  display: grid;
3196
3151
  grid-template-columns: minmax(0, 50%) minmax(0, 50%);
3197
- gap: 0px 64px;
3152
+ gap: 0px 3.4297963558rem;
3198
3153
  grid-template-areas: "site-info address" "site-info links" "site-info connect" "site-info subscribe";
3199
3154
  align-content: start;
3200
3155
  align-items: start;
3201
- padding: 2.1436227224rem 1.0718113612rem;
3156
+ padding: 2.1436227224rem 1.0718113612rem 5.1446945338rem;
3202
3157
  }
3203
3158
  .ilo--footer .site--info {
3204
3159
  grid-area: site-info;
@@ -3217,8 +3172,8 @@
3217
3172
  grid-area: subscribe;
3218
3173
  }
3219
3174
  .ilo--footer--secondary {
3220
- padding-top: 0.9646302251rem;
3221
- padding-bottom: 0.9646302251rem;
3175
+ padding-top: 0.857449089rem;
3176
+ padding-bottom: 0.857449089rem;
3222
3177
  position: relative;
3223
3178
  z-index: 1;
3224
3179
  }
@@ -3247,10 +3202,10 @@
3247
3202
  display: grid;
3248
3203
  grid-template-columns: 0.25fr 0.33fr 0.09fr 0.33fr;
3249
3204
  grid-template-rows: auto auto;
3250
- gap: 0px 64px;
3205
+ gap: 0px 3.4297963558rem;
3251
3206
  grid-template-areas: "site-info address . connect" "site-info links . subscribe";
3252
- padding-top: 2.3579849946rem;
3253
- padding-bottom: 2.7331189711rem;
3207
+ padding-top: 2.1436227224rem;
3208
+ padding-bottom: 5.1446945338rem;
3254
3209
  }
3255
3210
  .ilo--footer--main:before {
3256
3211
  content: none;
@@ -3271,9 +3226,12 @@
3271
3226
  align-self: start;
3272
3227
  justify-self: start;
3273
3228
  }
3229
+ .ilo--footer .address {
3230
+ margin-bottom: 1.0718113612rem;
3231
+ }
3274
3232
  .ilo--footer--secondary {
3275
- padding-top: 0.9646302251rem;
3276
- padding-bottom: 0.9646302251rem;
3233
+ padding-top: 0.857449089rem;
3234
+ padding-bottom: 0.857449089rem;
3277
3235
  position: relative;
3278
3236
  }
3279
3237
  .ilo--footer--secondary [class*=container] {
@@ -3294,16 +3252,13 @@
3294
3252
  .ilo--footer .anchorlink {
3295
3253
  margin: 0;
3296
3254
  border: none;
3297
- padding: 0.25rem;
3255
+ padding: 0.2143622722rem;
3298
3256
  }
3299
3257
  .ilo--footer .anchorlink:hover {
3300
3258
  margin-bottom: -0.1071811361rem;
3301
3259
  }
3302
3260
  }
3303
- .right-to-left .ilo--footer * {
3304
- text-align: right;
3305
- }
3306
- .right-to-left .ilo--footer--main:before {
3261
+ .ilo--footer[dir=rtl] .ilo--footer--main:before {
3307
3262
  background-size: contain;
3308
3263
  background-repeat: no-repeat;
3309
3264
  content: "";
@@ -3317,33 +3272,20 @@
3317
3272
  left: 0;
3318
3273
  transform: scaleY(-1) scaleX(-1);
3319
3274
  }
3320
- .right-to-left .ilo--footer .subscribe a {
3321
- align-self: flex-end;
3322
- }
3323
- .right-to-left .ilo--footer--secondary [class*=container] {
3324
- flex-direction: row-reverse;
3325
- }
3326
- .right-to-left .ilo--footer--secondary--details {
3327
- display: flex;
3328
- flex-flow: row-reverse wrap;
3329
- }
3330
- .right-to-left .ilo--footer .secondarylinks--list {
3331
- flex-direction: row-reverse;
3332
- }
3333
- .right-to-left .ilo--footer .secondarylinks--list--item:before {
3275
+ .ilo--footer[dir=rtl] .ilo--footer .secondarylinks--list--item:before {
3334
3276
  content: none;
3335
3277
  }
3336
- .right-to-left .ilo--footer .secondarylinks--list--item:after {
3278
+ .ilo--footer[dir=rtl] .ilo--footer .secondarylinks--list--item:after {
3337
3279
  content: "|";
3338
3280
  margin: 0.2143622722rem;
3339
3281
  }
3340
3282
  @media screen and (min-width: 610px) {
3341
- .right-to-left .ilo--footer--main {
3283
+ .ilo--footer[dir=rtl] .ilo--footer--main {
3342
3284
  grid-template-areas: "address site-info" "links site-info" "connect site-info" "subscribe site-info";
3343
3285
  }
3344
3286
  }
3345
3287
  @media screen and (min-width: 1024px) {
3346
- .right-to-left .ilo--footer:after {
3288
+ .ilo--footer[dir=rtl] .ilo--footer:after {
3347
3289
  background-size: contain;
3348
3290
  background-repeat: no-repeat;
3349
3291
  content: "";
@@ -3357,24 +3299,24 @@
3357
3299
  left: 0;
3358
3300
  transform: scaleY(1) scaleX(-1);
3359
3301
  }
3360
- .right-to-left .ilo--footer--main {
3302
+ .ilo--footer[dir=rtl] .ilo--footer--main {
3361
3303
  grid-template-columns: 0.33fr 0.09fr 0.33fr 0.25fr;
3362
3304
  grid-template-areas: "connect . address site-info" "subscribe . links site-info";
3363
3305
  }
3364
- .right-to-left .ilo--footer--main:before {
3306
+ .ilo--footer[dir=rtl] .ilo--footer--main:before {
3365
3307
  content: none;
3366
3308
  }
3367
- .right-to-left .ilo--footer .connect {
3309
+ .ilo--footer[dir=rtl] .ilo--footer .connect {
3368
3310
  grid-template-columns: 60%, minmax(0, 40%);
3369
3311
  }
3370
- .right-to-left .ilo--footer .ilo--button {
3312
+ .ilo--footer[dir=rtl] .ilo--footer .ilo--button {
3371
3313
  justify-self: end;
3372
3314
  }
3373
3315
  }
3374
3316
 
3375
3317
  /**
3376
3318
  * Do not edit directly
3377
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
3319
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3378
3320
  */
3379
3321
  /**
3380
3322
  * TOKENS:
@@ -3497,7 +3439,7 @@
3497
3439
 
3498
3440
  /**
3499
3441
  * Do not edit directly
3500
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
3442
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3501
3443
  */
3502
3444
  /**
3503
3445
  * TOKENS:
@@ -3506,26 +3448,31 @@
3506
3448
  * MAPS:
3507
3449
  */
3508
3450
  .hero {
3509
- --added-offset: 0;
3451
+ --added-offset: 0px;
3510
3452
  --base-offset: calc(((100vw - 1300px) / 2));
3511
3453
  --card-padding-start: 71px;
3512
3454
  --corner-cut-height: 40px;
3513
3455
  width: 100%;
3514
3456
  display: grid;
3515
3457
  position: relative;
3516
- grid-template-rows: minmax(216px, 1fr) 27px 40px auto;
3517
3458
  grid-template-columns: 1fr;
3518
3459
  overflow: hidden;
3460
+ grid-template-rows: minmax(1rem, 1fr) 27px 40px auto;
3461
+ }
3462
+ .hero--image {
3463
+ display: grid;
3464
+ grid-template-rows: minmax(216px, 1fr) 27px 40px auto;
3519
3465
  }
3520
3466
  .hero--breadcrumbs {
3521
3467
  display: none;
3522
3468
  }
3523
- .hero--figure {
3469
+ .hero--background {
3470
+ display: grid;
3524
3471
  background-color: rgb(235, 245, 253);
3525
3472
  position: relative;
3526
3473
  grid-area: 1/1/4/2;
3527
3474
  }
3528
- .hero--figure img {
3475
+ .hero--background img {
3529
3476
  position: absolute;
3530
3477
  object-fit: cover;
3531
3478
  width: 100%;
@@ -3659,13 +3606,13 @@
3659
3606
  .hero--breadcrumbs--wrapper {
3660
3607
  width: 100%;
3661
3608
  }
3662
- .hero--figure {
3609
+ .hero--background {
3663
3610
  grid-area: 1/1/5/5;
3664
3611
  }
3665
- .hero__card-align__center .hero--figure {
3612
+ .hero__card-align__center .hero--background {
3666
3613
  grid-area: 1/1/6/5;
3667
3614
  }
3668
- .hero__card-align__bottom .hero--figure {
3615
+ .hero__card-align__bottom .hero--background {
3669
3616
  grid-area: 1/1/5/5;
3670
3617
  }
3671
3618
  .hero--card-offset {
@@ -3749,7 +3696,7 @@
3749
3696
  left: 2px;
3750
3697
  }
3751
3698
  }
3752
- .right-to-left .hero--caption--wrapper {
3699
+ [dir=rtl] .hero--caption--wrapper {
3753
3700
  background: rgb(45, 45, 45);
3754
3701
  height: 27px;
3755
3702
  width: 30px;
@@ -3757,10 +3704,10 @@
3757
3704
  justify-content: center;
3758
3705
  align-items: center;
3759
3706
  position: relative;
3760
- position: absolute;
3761
3707
  right: 0;
3708
+ position: absolute;
3762
3709
  }
3763
- .right-to-left .hero--caption--wrapper::after {
3710
+ [dir=rtl] .hero--caption--wrapper::after {
3764
3711
  content: "";
3765
3712
  position: absolute;
3766
3713
  top: 0;
@@ -3773,54 +3720,7 @@
3773
3720
  border-right: calc(27px - 4px) solid rgb(45, 45, 45);
3774
3721
  }
3775
3722
  @media screen and (min-width: 1024px) {
3776
- .right-to-left .hero__card-justify__start {
3777
- --col-1-lg: 1fr;
3778
- --col-2-lg: 30px;
3779
- --col-3-lg: var(--card-width);
3780
- --col-4-lg: calc(
3781
- var(--base-offset) - 71px + var(--added-offset)
3782
- );
3783
- }
3784
- .right-to-left .hero__card-justify__offset {
3785
- --col-1-lg: 1fr;
3786
- --col-2-lg: 30px;
3787
- --col-3-lg: var(--card-width);
3788
- --col-4-lg: calc(
3789
- var(--base-offset) - 71px + var(--added-offset)
3790
- );
3791
- }
3792
- .right-to-left .hero__card-justify__center {
3793
- --col-1-lg: calc(
3794
- ((100% - var(--card-width)) / 2) - 30px
3795
- );
3796
- --col-2-lg: 30px;
3797
- --col-3-lg: var(--card-width);
3798
- --col-4-lg: calc((100% - var(--card-width)) / 2);
3799
- }
3800
- .right-to-left .hero__card-align__center .hero--card {
3801
- grid-area: 3/3/4/4;
3802
- }
3803
- .right-to-left .hero__card-align__center .hero--caption {
3804
- grid-area: 5/4/6/5;
3805
- }
3806
- .right-to-left .hero__card-align__center .hero--caption--wrapper {
3807
- right: 0;
3808
- left: initial;
3809
- position: absolute;
3810
- }
3811
- .right-to-left .hero__card-align__bottom .hero--caption {
3812
- grid-area: 4/4/5/5;
3813
- }
3814
- .right-to-left .hero__card-align__bottom .hero--caption--wrapper {
3815
- position: absolute;
3816
- right: 0;
3817
- bottom: 0;
3818
- left: initial;
3819
- }
3820
- .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption {
3821
- grid-area: 2/3/3/4;
3822
- }
3823
- .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper {
3723
+ [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 {
3824
3724
  background: rgb(45, 45, 45);
3825
3725
  height: 27px;
3826
3726
  width: 30px;
@@ -3831,51 +3731,9 @@
3831
3731
  position: absolute;
3832
3732
  left: initial;
3833
3733
  right: 0;
3734
+ bottom: 0;
3834
3735
  }
3835
- .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper::after {
3836
- content: "";
3837
- position: absolute;
3838
- top: 0;
3839
- width: 0;
3840
- height: 0;
3841
- border-top: 27px solid transparent;
3842
- left: auto;
3843
- right: 100%;
3844
- border-left: none;
3845
- border-right: calc(27px - 4px) solid rgb(45, 45, 45);
3846
- }
3847
- .right-to-left .hero--card-offset {
3848
- grid-area: 3/4/6/5;
3849
- }
3850
- .right-to-left .hero--card-offset:after {
3851
- right: initial;
3852
- left: -1px;
3853
- }
3854
- .right-to-left .hero--card {
3855
- grid-area: 3/3/6/4;
3856
- }
3857
- .right-to-left .hero--breadcrumbs-offset {
3858
- grid-area: 1/4/2/5;
3859
- }
3860
- .right-to-left .hero--breadcrumbs {
3861
- grid-area: 1/4/2/1;
3862
- flex-direction: row-reverse;
3863
- }
3864
- .right-to-left .hero--caption {
3865
- grid-area: 4/2/5/3;
3866
- }
3867
- .right-to-left .hero--caption--wrapper {
3868
- right: 2px;
3869
- left: initial;
3870
- background: rgb(45, 45, 45);
3871
- height: 27px;
3872
- width: 30px;
3873
- display: flex;
3874
- justify-content: center;
3875
- align-items: center;
3876
- position: relative;
3877
- }
3878
- .right-to-left .hero--caption--wrapper::after {
3736
+ [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 {
3879
3737
  content: "";
3880
3738
  position: absolute;
3881
3739
  top: 0;
@@ -3891,7 +3749,7 @@
3891
3749
 
3892
3750
  /**
3893
3751
  * Do not edit directly
3894
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
3752
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3895
3753
  */
3896
3754
  /**
3897
3755
  * TOKENS:
@@ -3911,9 +3769,6 @@
3911
3769
  padding-inline-start: var(--card-padding-start);
3912
3770
  }
3913
3771
  }
3914
- .right-to-left .ilo--hero-card {
3915
- direction: rtl;
3916
- }
3917
3772
  .ilo--hero-card--title-link {
3918
3773
  color: inherit;
3919
3774
  text-decoration: none;
@@ -3951,7 +3806,7 @@
3951
3806
  .ilo--hero-card__cornercut {
3952
3807
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
3953
3808
  }
3954
- .right-to-left .ilo--hero-card__cornercut {
3809
+ [dir=rtl] .ilo--hero-card__cornercut {
3955
3810
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
3956
3811
  clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
3957
3812
  }
@@ -3959,7 +3814,7 @@
3959
3814
  .ilo--hero-card__cornercut {
3960
3815
  clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
3961
3816
  }
3962
- .right-to-left .ilo--hero-card__cornercut {
3817
+ [dir=rtl] .ilo--hero-card__cornercut {
3963
3818
  clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
3964
3819
  clip-path: polygon(116px 0, 100% 0, 100% 100%, 0 100%, 0 64px);
3965
3820
  }
@@ -4027,7 +3882,7 @@
4027
3882
 
4028
3883
  /**
4029
3884
  * Do not edit directly
4030
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
3885
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4031
3886
  */
4032
3887
  /**
4033
3888
  * TOKENS:
@@ -4051,7 +3906,7 @@
4051
3906
  width: 100%;
4052
3907
  }
4053
3908
  .ilo--image--caption {
4054
- border-left: 3px solid rgb(184, 196, 204);
3909
+ border-left: 0.1607717042rem solid rgb(184, 196, 204);
4055
3910
  color: rgb(109, 109, 109);
4056
3911
  font-weight: 400;
4057
3912
  margin-top: 0.857449089rem;
@@ -4070,20 +3925,20 @@
4070
3925
  bottom: -0.2143622722rem;
4071
3926
  }
4072
3927
  }
4073
- .right-to-left .ilo--image .ilo--image--caption {
3928
+ [dir=rtl] .ilo--image .ilo--image--caption {
4074
3929
  border-left: none;
4075
3930
  border-right: 3px solid #b8c4cc;
4076
3931
  padding-left: 0;
4077
3932
  padding-right: 0.4287245445rem;
4078
3933
  }
4079
- .right-to-left .ilo--image .ilo--credit {
3934
+ [dir=rtl] .ilo--image .ilo--credit {
4080
3935
  left: auto;
4081
3936
  right: 0;
4082
3937
  }
4083
3938
 
4084
3939
  /**
4085
3940
  * Do not edit directly
4086
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
3941
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4087
3942
  */
4088
3943
  /**
4089
3944
  * TOKENS:
@@ -4107,7 +3962,7 @@
4107
3962
  letter-spacing: -0.02em;
4108
3963
  line-height: 21.6px;
4109
3964
  height: 2.5723472669rem;
4110
- margin: 0rem 0rem 0rem 0rem;
3965
+ margin: 0rem;
4111
3966
  outline: none;
4112
3967
  padding: 0.857449089rem 0.6430868167rem 0.857449089rem 0.6430868167rem;
4113
3968
  width: 100%;
@@ -4118,7 +3973,7 @@
4118
3973
  border-left: 0.1607717042rem solid rgb(30, 45, 190);
4119
3974
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
4120
3975
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
4121
- padding-left: 11px;
3976
+ padding-left: 0.6430868167rem;
4122
3977
  outline: none;
4123
3978
  }
4124
3979
  .ilo--input:disabled {
@@ -4225,7 +4080,7 @@
4225
4080
 
4226
4081
  /**
4227
4082
  * Do not edit directly
4228
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4083
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4229
4084
  */
4230
4085
  /**
4231
4086
  * TOKENS:
@@ -4235,7 +4090,7 @@
4235
4090
  */
4236
4091
  /**
4237
4092
  * Do not edit directly
4238
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4093
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4239
4094
  */
4240
4095
  /**
4241
4096
  * TOKENS:
@@ -4260,7 +4115,7 @@
4260
4115
  }
4261
4116
  /**
4262
4117
  * Do not edit directly
4263
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4118
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4264
4119
  */
4265
4120
  /**
4266
4121
  * TOKENS:
@@ -4290,7 +4145,7 @@
4290
4145
  }
4291
4146
  .ilo--link-list--links--item.indented .ilo--link-list--label {
4292
4147
  display: block;
4293
- padding-left: 1.2861736334rem;
4148
+ padding-left: 1.0718113612rem;
4294
4149
  position: relative;
4295
4150
  }
4296
4151
  .ilo--link-list--links--item.indented .ilo--link-list--label:before {
@@ -4308,6 +4163,14 @@
4308
4163
  width: 0.6430868167rem;
4309
4164
  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");
4310
4165
  }
4166
+ [dir=rtl] .ilo--link-list--links--item.indented .ilo--link-list--label {
4167
+ padding-right: 1.2861736334rem;
4168
+ }
4169
+ [dir=rtl] .ilo--link-list--links--item.indented .ilo--link-list--label:before {
4170
+ transform: translateY(-50%) rotate(90deg);
4171
+ left: unset;
4172
+ right: 0;
4173
+ }
4311
4174
  .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 {
4312
4175
  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");
4313
4176
  }
@@ -4323,8 +4186,8 @@
4323
4186
  font-size: 16px;
4324
4187
  letter-spacing: normal;
4325
4188
  line-height: 23.36px;
4326
- padding-bottom: 0.8934549032rem;
4327
- padding-top: 0.8934549032rem;
4189
+ padding-top: 0.857449089rem;
4190
+ padding-bottom: 0.857449089rem;
4328
4191
  padding-right: 1.7148981779rem;
4329
4192
  text-decoration: none;
4330
4193
  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");
@@ -4355,11 +4218,12 @@
4355
4218
  transition-duration: 150ms;
4356
4219
  transition-timing-function: ease-out;
4357
4220
  }
4358
- .right-to-left .ilo--link-list--link {
4359
- background-position: 4px center;
4221
+ [dir=rtl] .ilo--link-list--link {
4222
+ background-position: 0.2143622722rem center;
4360
4223
  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");
4224
+ padding-right: 0;
4361
4225
  }
4362
- .right-to-left .ilo--link-list--link:hover, .right-to-left .ilo--link-list--link:focus {
4226
+ [dir=rtl] .ilo--link-list--link:hover, [dir=rtl] .ilo--link-list--link:focus {
4363
4227
  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");
4364
4228
  }
4365
4229
  .ilo--link-list--dark .ilo--link-list--headline,
@@ -4401,16 +4265,13 @@
4401
4265
  transition-duration: 150ms;
4402
4266
  transition-timing-function: ease-out;
4403
4267
  }
4404
- .right-to-left .ilo--link-list--dark .ilo--link-list--link {
4405
- background-position: 4px center;
4268
+ [dir=rtl] .ilo--link-list--dark .ilo--link-list--link {
4269
+ background-position: 0.2143622722rem center;
4406
4270
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(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");
4407
4271
  }
4408
- .right-to-left .ilo--link-list--dark .ilo--link-list--link:hover, .right-to-left .ilo--link-list--dark .ilo--link-list--link:focus {
4272
+ [dir=rtl] .ilo--link-list--dark .ilo--link-list--link:hover, [dir=rtl] .ilo--link-list--dark .ilo--link-list--link:focus {
4409
4273
  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");
4410
4274
  }
4411
- .right-to-left .ilo--link-list * {
4412
- text-align: right;
4413
- }
4414
4275
 
4415
4276
  .wingsuit-body .ilo--link-list--dark {
4416
4277
  background-color: rgb(35, 0, 80);
@@ -4418,7 +4279,7 @@
4418
4279
 
4419
4280
  /**
4420
4281
  * Do not edit directly
4421
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4282
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4422
4283
  */
4423
4284
  /**
4424
4285
  * TOKENS:
@@ -4434,9 +4295,8 @@
4434
4295
  list-style-type: none;
4435
4296
  }
4436
4297
  .ilo--list--unordered li {
4437
- margin-bottom: 1.7148981779rem;
4438
4298
  margin-left: 0.6430868167rem;
4439
- padding-left: 0.6430868167rem;
4299
+ padding-left: 0.4287245445rem;
4440
4300
  position: relative;
4441
4301
  }
4442
4302
  .ilo--list--unordered li::before {
@@ -4462,21 +4322,24 @@
4462
4322
  flex-wrap: wrap;
4463
4323
  list-style: none;
4464
4324
  }
4325
+ .ilo--list--horizontal li::before {
4326
+ content: none;
4327
+ }
4465
4328
  .ilo--list--horizontal .ilo--list__title {
4466
4329
  margin-bottom: 0.4287245445rem;
4467
- margin-right: 1.9828510182rem;
4330
+ margin-right: 1.9292604502rem;
4468
4331
  }
4469
4332
  .ilo--list--horizontal .ilo--list__item {
4470
4333
  margin-bottom: 0.4287245445rem;
4471
4334
  margin-left: 0;
4472
- margin-right: 1.9828510182rem;
4335
+ margin-right: 2.1436227224rem;
4473
4336
  padding-left: 0;
4474
4337
  }
4475
4338
  .ilo--list__title {
4476
4339
  font-size: 18.66px;
4477
4340
  letter-spacing: -0.035em;
4478
4341
  line-height: 24.26px;
4479
- margin-bottom: 1.1254019293rem;
4342
+ margin-bottom: 1.2861736334rem;
4480
4343
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
4481
4344
  font-weight: 700;
4482
4345
  }
@@ -4485,7 +4348,6 @@
4485
4348
  font-size: 23.32px;
4486
4349
  letter-spacing: -0.035em;
4487
4350
  line-height: 29.15px;
4488
- margin-bottom: 1.4469453376rem;
4489
4351
  }
4490
4352
  }
4491
4353
  .ilo--list__item {
@@ -4493,9 +4355,9 @@
4493
4355
  letter-spacing: normal;
4494
4356
  line-height: 23.36px;
4495
4357
  font-family: Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
4496
- margin-bottom: 1.052683199rem;
4497
- margin-left: 1.2861736334rem;
4498
- padding-left: 0.1607717042rem;
4358
+ margin-bottom: 0.857449089rem;
4359
+ margin-left: 1.0718113612rem;
4360
+ padding-left: 0.2143622722rem;
4499
4361
  }
4500
4362
  .ilo--list__item b,
4501
4363
  .ilo--list__item strong {
@@ -4507,13 +4369,12 @@
4507
4369
  font-size: 18.66px;
4508
4370
  letter-spacing: normal;
4509
4371
  line-height: 27.24px;
4510
- margin-bottom: 0.7967297949rem;
4511
4372
  }
4512
4373
  }
4513
4374
 
4514
4375
  /**
4515
4376
  * Do not edit directly
4516
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4377
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4517
4378
  */
4518
4379
  /**
4519
4380
  * TOKENS:
@@ -4523,7 +4384,7 @@
4523
4384
  */
4524
4385
  /**
4525
4386
  * Do not edit directly
4526
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4387
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4527
4388
  */
4528
4389
  /**
4529
4390
  * TOKENS:
@@ -4533,7 +4394,7 @@
4533
4394
  */
4534
4395
  /**
4535
4396
  * Do not edit directly
4536
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4397
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4537
4398
  */
4538
4399
  /**
4539
4400
  * TOKENS:
@@ -4704,7 +4565,7 @@
4704
4565
 
4705
4566
  /**
4706
4567
  * Do not edit directly
4707
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4568
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4708
4569
  */
4709
4570
  /**
4710
4571
  * TOKENS:
@@ -4751,7 +4612,7 @@
4751
4612
 
4752
4613
  /**
4753
4614
  * Do not edit directly
4754
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4615
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4755
4616
  */
4756
4617
  /**
4757
4618
  * TOKENS:
@@ -4761,7 +4622,7 @@
4761
4622
  */
4762
4623
  /**
4763
4624
  * Do not edit directly
4764
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4625
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4765
4626
  */
4766
4627
  /**
4767
4628
  * TOKENS:
@@ -4771,7 +4632,7 @@
4771
4632
  */
4772
4633
  /**
4773
4634
  * Do not edit directly
4774
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4635
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4775
4636
  */
4776
4637
  /**
4777
4638
  * TOKENS:
@@ -4868,7 +4729,7 @@
4868
4729
 
4869
4730
  /**
4870
4731
  * Do not edit directly
4871
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4732
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4872
4733
  */
4873
4734
  /**
4874
4735
  * TOKENS:
@@ -4989,7 +4850,7 @@
4989
4850
  background: rgb(30, 45, 190);
4990
4851
  display: flex;
4991
4852
  justify-content: space-between;
4992
- padding: 0 20px;
4853
+ padding: 0 1.0718113612rem;
4993
4854
  }
4994
4855
  .ilo--header--utility-bar--local .ilo--language-switcher {
4995
4856
  display: none;
@@ -5009,7 +4870,7 @@
5009
4870
  cursor: pointer;
5010
4871
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5011
4872
  font-weight: 500;
5012
- padding: 16px 16px 16px 36px;
4873
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 1.9292604502rem;
5013
4874
  text-decoration: none;
5014
4875
  transition: all 150ms ease-out;
5015
4876
  width: 100%;
@@ -5023,12 +4884,12 @@
5023
4884
  background-color: rgb(235, 245, 253);
5024
4885
  color: rgb(30, 45, 190);
5025
4886
  }
5026
- .right-to-left .ilo--header--utility-bar--local .ilo--language-switcher--link {
4887
+ .ilo--header--utility-bar--local .ilo--language-switcher--link [dir=rtl] {
5027
4888
  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");
5028
4889
  background-position: calc(100% - 16px) 50%;
5029
4890
  padding: 16px 36px 16px 16px;
5030
4891
  }
5031
- .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 {
4892
+ .ilo--header--utility-bar--local .ilo--language-switcher--link [dir=rtl]:focus, .ilo--header--utility-bar--local .ilo--language-switcher--link [dir=rtl]:hover {
5032
4893
  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");
5033
4894
  background-color: rgb(235, 245, 253);
5034
4895
  color: rgb(30, 45, 190);
@@ -5057,12 +4918,6 @@
5057
4918
  .ilo--header--utility-bar--local {
5058
4919
  justify-content: space-between;
5059
4920
  }
5060
- .right-to-left .ilo--header--utility-bar {
5061
- flex-direction: row-reverse;
5062
- }
5063
- }
5064
- .right-to-left .ilo--header--inner {
5065
- direction: rtl;
5066
4921
  }
5067
4922
  .ilo--subnav--open .ilo--header--inner {
5068
4923
  visibility: hidden;
@@ -5071,7 +4926,7 @@
5071
4926
  .ilo--header--inner {
5072
4927
  display: flex;
5073
4928
  justify-content: space-between;
5074
- padding: 0 20px;
4929
+ padding: 0 1.0718113612rem;
5075
4930
  }
5076
4931
  .ilo--subnav--open .ilo--header--inner {
5077
4932
  visibility: visible;
@@ -5116,12 +4971,9 @@
5116
4971
  display: none;
5117
4972
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5118
4973
  font-weight: 700;
5119
- padding: 16px 0;
4974
+ padding: 0.857449089rem 0;
5120
4975
  text-align: right;
5121
4976
  }
5122
- .right-to-left .ilo--header--logo-tagline {
5123
- text-align: left;
5124
- }
5125
4977
  @media screen and (min-width: 1024px) {
5126
4978
  .ilo--header--logo-tagline {
5127
4979
  display: block;
@@ -5175,13 +5027,13 @@
5175
5027
  align-items: center;
5176
5028
  }
5177
5029
  .ilo--nav--items:first-of-type {
5178
- margin-left: -20px;
5030
+ margin-left: -1.0718113612rem;
5179
5031
  }
5180
5032
  }
5181
5033
  .ilo--nav--link {
5182
5034
  color: rgb(35, 0, 80);
5183
5035
  display: block;
5184
- padding: 16px 36px 16px 8px;
5036
+ padding: 0.857449089rem 1.9292604502rem 0.857449089rem 0.4287245445rem;
5185
5037
  text-decoration: none;
5186
5038
  transition: color 150ms ease-out, background 150ms ease-out;
5187
5039
  }
@@ -5195,7 +5047,7 @@
5195
5047
  background: rgb(35, 0, 80);
5196
5048
  color: rgb(255, 255, 255);
5197
5049
  display: inline-block;
5198
- padding: 21.5px 24px 20.5px;
5050
+ padding: 21.5px 1.2861736334rem 20.5px;
5199
5051
  }
5200
5052
  .ilo--nav--link:hover, .ilo--nav--link:focus {
5201
5053
  background: rgb(235, 245, 253);
@@ -5220,7 +5072,7 @@
5220
5072
  display: block;
5221
5073
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5222
5074
  font-weight: 500;
5223
- padding: 16px 36px 16px 8px;
5075
+ padding: 0.857449089rem 1.9292604502rem 0.857449089rem 0.4287245445rem;
5224
5076
  line-height: 24px;
5225
5077
  text-align: left;
5226
5078
  transition: all 150ms ease-out;
@@ -5231,15 +5083,15 @@
5231
5083
  background-color: rgb(235, 245, 253);
5232
5084
  color: rgb(30, 45, 190);
5233
5085
  }
5234
- .right-to-left .ilo--nav--trigger {
5086
+ [dir=rtl] .ilo--nav--trigger {
5235
5087
  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");
5236
5088
  background-color: rgb(255, 255, 255);
5237
5089
  background-position: 16px 55%;
5238
5090
  background-repeat: no-repeat;
5239
- background-size: 16px;
5091
+ background-size: 24px;
5240
5092
  text-align: right;
5241
5093
  }
5242
- .right-to-left .ilo--nav--trigger:focus, .right-to-left .ilo--nav--trigger:hover {
5094
+ [dir=rtl] .ilo--nav--trigger:focus, [dir=rtl] .ilo--nav--trigger:hover {
5243
5095
  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");
5244
5096
  background-color: rgb(235, 245, 253);
5245
5097
  color: rgb(30, 45, 190);
@@ -5260,8 +5112,8 @@
5260
5112
  cursor: pointer;
5261
5113
  display: inline-block;
5262
5114
  font-weight: 700;
5263
- margin-left: 20px;
5264
- padding: 7px 32px 5px 15px;
5115
+ margin-left: 1.0718113612rem;
5116
+ padding: 7px 1.7148981779rem 5px 15px;
5265
5117
  text-align: center;
5266
5118
  transition: all 150ms ease-out;
5267
5119
  width: auto;
@@ -5272,15 +5124,15 @@
5272
5124
  border-color: rgb(255, 255, 255);
5273
5125
  color: rgb(30, 45, 190);
5274
5126
  }
5275
- .right-to-left .ilo--nav--trigger {
5127
+ [dir=rtl] .ilo--nav--trigger {
5276
5128
  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");
5277
5129
  background-color: rgb(35, 0, 80);
5278
- background-position: 90% 55%;
5279
5130
  background-repeat: no-repeat;
5280
5131
  background-size: 20px;
5281
- text-align: left;
5132
+ background-position: 10% 55%;
5133
+ padding: 7px 15px 5px 1.7148981779rem;
5282
5134
  }
5283
- .right-to-left .ilo--nav--trigger:focus, .right-to-left .ilo--nav--trigger:hover {
5135
+ [dir=rtl] .ilo--nav--trigger:focus, [dir=rtl] .ilo--nav--trigger:hover {
5284
5136
  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");
5285
5137
  background-color: rgb(255, 255, 255);
5286
5138
  color: rgb(30, 45, 190);
@@ -5292,11 +5144,8 @@
5292
5144
  display: flex;
5293
5145
  justify-content: space-between;
5294
5146
  }
5295
- .right-to-left .ilo--nav--local {
5296
- direction: rtl;
5297
- }
5298
5147
  @media screen and (min-width: 1024px) {
5299
- .right-to-left .ilo--nav--local {
5148
+ .ilo--nav--local [dir=rtl] {
5300
5149
  padding: 0 max((100% - 1260px) / 2, 20px) 0 0;
5301
5150
  }
5302
5151
  }
@@ -5307,7 +5156,7 @@
5307
5156
  }
5308
5157
  .ilo--nav--local--logo-wrapper {
5309
5158
  display: flex;
5310
- padding: 16px 0;
5159
+ padding: 0.857449089rem 0;
5311
5160
  }
5312
5161
  .ilo--nav--local--logo {
5313
5162
  width: var(--logo-width);
@@ -5336,7 +5185,7 @@
5336
5185
  .ilo--nav--local--link {
5337
5186
  background: inherit;
5338
5187
  color: rgb(255, 255, 255);
5339
- padding: 0 24px;
5188
+ padding: 0 1.2861736334rem;
5340
5189
  height: 100%;
5341
5190
  text-decoration: none;
5342
5191
  text-align: center;
@@ -5353,8 +5202,8 @@
5353
5202
 
5354
5203
  .ilo--mobile--nav {
5355
5204
  border-bottom: 3px solid rgb(237, 240, 242);
5356
- margin-bottom: 16px;
5357
- padding-bottom: 16px;
5205
+ margin-bottom: 0.857449089rem;
5206
+ padding-bottom: 0.857449089rem;
5358
5207
  }
5359
5208
  .ilo--mobile--nav--logo {
5360
5209
  align-items: center;
@@ -5392,7 +5241,7 @@
5392
5241
  display: block;
5393
5242
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5394
5243
  font-weight: 500;
5395
- padding: 16px 36px 16px 8px;
5244
+ padding: 0.857449089rem 1.9292604502rem 0.857449089rem 0.4287245445rem;
5396
5245
  line-height: 16px;
5397
5246
  text-align: left;
5398
5247
  transition: all 150ms ease-out;
@@ -5403,7 +5252,7 @@
5403
5252
  background-color: rgb(235, 245, 253);
5404
5253
  color: rgb(30, 45, 190);
5405
5254
  }
5406
- .right-to-left .ilo--mobile--nav--language--switcher--button {
5255
+ [dir=rtl] .ilo--mobile--nav--language--switcher--button {
5407
5256
  background-position: 16px 55%;
5408
5257
  text-align: right;
5409
5258
  }
@@ -5431,7 +5280,7 @@
5431
5280
  padding: 0 max((100% - 1300px) / 2, 20px) 0 0;
5432
5281
  position: relative;
5433
5282
  }
5434
- .right-to-left .ilo--language-switcher {
5283
+ [dir=rtl] .ilo--language-switcher {
5435
5284
  padding: 0 0 0 max((100% - 1300px) / 2, 20px);
5436
5285
  }
5437
5286
  .ilo--language-switcher::before {
@@ -5445,10 +5294,10 @@
5445
5294
  top: 0;
5446
5295
  width: 32px;
5447
5296
  }
5448
- .right-to-left .ilo--language-switcher::before {
5297
+ [dir=rtl] .ilo--language-switcher::before {
5449
5298
  clip-path: polygon(0 0, 0 100%, 100% 0);
5450
5299
  left: auto;
5451
- right: -32px;
5300
+ right: -31px;
5452
5301
  }
5453
5302
  .ilo--language-switcher--wrap {
5454
5303
  display: flex;
@@ -5470,7 +5319,7 @@
5470
5319
  display: block;
5471
5320
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5472
5321
  font-weight: 500;
5473
- padding: 8px 30px 8px 40px;
5322
+ padding: 0.4287245445rem 30px 0.4287245445rem 2.1436227224rem;
5474
5323
  transition: all 150ms ease-out;
5475
5324
  }
5476
5325
  .ilo--language-switcher--button:hover, .ilo--language-switcher--button:focus {
@@ -5478,6 +5327,10 @@
5478
5327
  background-color: rgb(235, 245, 253);
5479
5328
  color: rgb(30, 45, 190);
5480
5329
  }
5330
+ [dir=rtl] .ilo--language-switcher--button {
5331
+ padding: 0.4287245445rem 2.1436227224rem 0.4287245445rem 30px;
5332
+ background-position: calc(100% - 15px) center;
5333
+ }
5481
5334
  .ilo--language-switcher .ilo--context-menu {
5482
5335
  opacity: 0;
5483
5336
  visibility: hidden;
@@ -5502,7 +5355,7 @@
5502
5355
  background: rgb(255, 255, 255);
5503
5356
  height: 100%;
5504
5357
  left: 0;
5505
- padding: 0 0 32px;
5358
+ padding: 0 0 1.7148981779rem;
5506
5359
  position: absolute;
5507
5360
  top: 0;
5508
5361
  transform: translateX(100%);
@@ -5512,14 +5365,11 @@
5512
5365
  .ilo--subnav--open .ilo--subnav {
5513
5366
  transform: translateX(0);
5514
5367
  }
5515
- .right-to-left .ilo--subnav {
5516
- direction: rtl;
5517
- }
5518
5368
  @media screen and (min-width: 1024px) {
5519
5369
  .ilo--subnav {
5520
5370
  height: auto;
5521
5371
  left: 0;
5522
- padding: 32px 0;
5372
+ padding: 1.7148981779rem 0;
5523
5373
  top: auto;
5524
5374
  transform: translateY(-100%);
5525
5375
  transition: transform 225ms ease-out;
@@ -5561,7 +5411,7 @@
5561
5411
  display: flex;
5562
5412
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5563
5413
  font-weight: 500;
5564
- padding: 18px 8px;
5414
+ padding: 18px 0.4287245445rem;
5565
5415
  text-decoration: none;
5566
5416
  transition: all 150ms ease-out;
5567
5417
  }
@@ -5592,7 +5442,7 @@
5592
5442
  cursor: pointer;
5593
5443
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5594
5444
  font-weight: 500;
5595
- padding: 16px 16px 16px 32px;
5445
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 1.7148981779rem;
5596
5446
  position: relative;
5597
5447
  transition: all 150ms ease-out;
5598
5448
  }
@@ -5610,10 +5460,10 @@
5610
5460
  transform: translateY(-50%);
5611
5461
  width: 24px;
5612
5462
  }
5613
- .right-to-left .ilo--mobile--subnav--back {
5463
+ [dir=rtl] .ilo--mobile--subnav--back {
5614
5464
  padding: 16px 32px 16px 16px;
5615
5465
  }
5616
- .right-to-left .ilo--mobile--subnav--back::before {
5466
+ [dir=rtl] .ilo--mobile--subnav--back::before {
5617
5467
  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");
5618
5468
  background-position: 10% center;
5619
5469
  background-repeat: no-repeat;
@@ -5631,7 +5481,7 @@
5631
5481
  background-repeat: no-repeat;
5632
5482
  background-size: 24px;
5633
5483
  }
5634
- .right-to-left .ilo--mobile--subnav--back:hover::before, .right-to-left .ilo--mobile--subnav--back:focus::before {
5484
+ [dir=rtl] .ilo--mobile--subnav--back:hover::before, [dir=rtl] .ilo--mobile--subnav--back:focus::before {
5635
5485
  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");
5636
5486
  background-position: 10% center;
5637
5487
  background-repeat: no-repeat;
@@ -5650,8 +5500,8 @@
5650
5500
  color: rgb(45, 45, 45);
5651
5501
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5652
5502
  font-weight: 700;
5653
- margin-bottom: 16px;
5654
- padding: 20px 8px;
5503
+ margin-bottom: 0.857449089rem;
5504
+ padding: 1.0718113612rem 0.4287245445rem;
5655
5505
  width: 100%;
5656
5506
  }
5657
5507
 
@@ -5671,7 +5521,7 @@
5671
5521
  .ilo--search-box {
5672
5522
  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));
5673
5523
  left: 0;
5674
- padding: 32px 0;
5524
+ padding: 1.7148981779rem 0;
5675
5525
  top: auto;
5676
5526
  transform: translateY(-100%);
5677
5527
  transition: transform 225ms ease-out;
@@ -5687,7 +5537,7 @@
5687
5537
  .ilo--search-box .ilo--header--inner {
5688
5538
  align-items: center;
5689
5539
  justify-content: center;
5690
- padding: 80px 20px;
5540
+ padding: 4.2872454448rem 1.0718113612rem;
5691
5541
  }
5692
5542
  .ilo--search-box .ilo--form,
5693
5543
  .ilo--search-box .ilo--searchfield {
@@ -5755,7 +5605,7 @@
5755
5605
 
5756
5606
  /**
5757
5607
  * Do not edit directly
5758
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
5608
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
5759
5609
  */
5760
5610
  /**
5761
5611
  * TOKENS:
@@ -5765,7 +5615,7 @@
5765
5615
  */
5766
5616
  /**
5767
5617
  * Do not edit directly
5768
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
5618
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
5769
5619
  */
5770
5620
  /**
5771
5621
  * TOKENS:
@@ -5775,7 +5625,7 @@
5775
5625
  */
5776
5626
  /**
5777
5627
  * Do not edit directly
5778
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
5628
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
5779
5629
  */
5780
5630
  /**
5781
5631
  * TOKENS:
@@ -5815,24 +5665,24 @@
5815
5665
  }
5816
5666
  }
5817
5667
  .ilo--notification--dialog .ilo--notification--content {
5818
- padding: calc(1.2861736334rem + 2px) 1.2861736334rem;
5668
+ padding: 1.2861736334rem;
5819
5669
  }
5820
5670
  .ilo--notification--inline {
5821
5671
  max-width: 340px;
5822
5672
  }
5823
5673
  .ilo--notification--inline .ilo--notification--content {
5824
- padding: calc(1.2861736334rem + 2px) 1.2861736334rem;
5674
+ padding: 1.2861736334rem;
5825
5675
  }
5826
5676
  @media screen and (min-width: 610px) {
5827
5677
  .ilo--notification--inline {
5828
5678
  max-width: 100%;
5829
- width: 100%;
5830
5679
  }
5831
5680
  .ilo--notification--inline .ilo--notification--content {
5832
- align-items: start;
5681
+ max-width: 100%;
5833
5682
  display: flex;
5834
- justify-items: space-between;
5835
- padding: 0.7502679528rem 1.2861736334rem;
5683
+ justify-content: space-evenly;
5684
+ align-items: center;
5685
+ padding: 0.857449089rem 3.4297963558rem 0.857449089rem 1.2861736334rem;
5836
5686
  }
5837
5687
  }
5838
5688
  .ilo--notification--content {
@@ -5841,7 +5691,7 @@
5841
5691
  width: calc(100% - 40px);
5842
5692
  }
5843
5693
  .ilo--notification--content:before {
5844
- background-position: center 24px;
5694
+ background-position: center 1.2861736334rem;
5845
5695
  background-repeat: no-repeat;
5846
5696
  background-size: 0.857449089rem;
5847
5697
  content: "";
@@ -5896,18 +5746,9 @@
5896
5746
  margin-left: 1.2861736334rem;
5897
5747
  }
5898
5748
  }
5899
- .ilo--notification--copy:not(:last-child) {
5900
- margin-bottom: 1.2861736334rem;
5901
- }
5902
5749
  @media screen and (min-width: 610px) {
5903
5750
  .ilo--notification--inline .ilo--notification--copy:not(:last-child) {
5904
- margin-bottom: 0;
5905
- max-width: 24%;
5906
- }
5907
- }
5908
- @media screen and (min-width: 610px) and (min-width: 1024px) {
5909
- .ilo--notification--inline .ilo--notification--copy:not(:last-child) {
5910
- max-width: 40%;
5751
+ flex-grow: 1;
5911
5752
  }
5912
5753
  }
5913
5754
  .ilo--notification--date {
@@ -5924,7 +5765,7 @@
5924
5765
  }
5925
5766
  }
5926
5767
  .ilo--notification--date:not(:last-child) {
5927
- margin-bottom: 1.0182207931rem;
5768
+ margin-bottom: 1.0718113612rem;
5928
5769
  }
5929
5770
  @media screen and (min-width: 610px) {
5930
5771
  .ilo--notification--inline .ilo--notification--date {
@@ -5967,7 +5808,7 @@
5967
5808
 
5968
5809
  /**
5969
5810
  * Do not edit directly
5970
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
5811
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
5971
5812
  */
5972
5813
  /**
5973
5814
  * TOKENS:
@@ -6022,7 +5863,7 @@
6022
5863
  background: rgb(237, 240, 242);
6023
5864
  }
6024
5865
  .ilo--pagination--first-page {
6025
- margin: 0 0.4287245445rem 0 0;
5866
+ margin: 0 spacing 2 0 0;
6026
5867
  }
6027
5868
  .ilo--pagination--first-page::before {
6028
5869
  transform: translate(-50%, -50%) rotate(180deg);
@@ -6108,7 +5949,7 @@
6108
5949
 
6109
5950
  /**
6110
5951
  * Do not edit directly
6111
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
5952
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6112
5953
  */
6113
5954
  /**
6114
5955
  * TOKENS:
@@ -6118,7 +5959,7 @@
6118
5959
  */
6119
5960
  /**
6120
5961
  * Do not edit directly
6121
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
5962
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6122
5963
  */
6123
5964
  /**
6124
5965
  * TOKENS:
@@ -6143,7 +5984,7 @@
6143
5984
  }
6144
5985
  /**
6145
5986
  * Do not edit directly
6146
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
5987
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6147
5988
  */
6148
5989
  /**
6149
5990
  * TOKENS:
@@ -6265,7 +6106,7 @@
6265
6106
  .ilo--profile__size__large .ilo--profile--avatar {
6266
6107
  width: 3.4297963558rem;
6267
6108
  height: 3.4297963558rem;
6268
- margin-inline-end: 0.8038585209rem;
6109
+ margin-inline-end: 0.857449089rem;
6269
6110
  }
6270
6111
  .ilo--profile__size__large .ilo--profile--name {
6271
6112
  font-weight: 700;
@@ -6282,18 +6123,18 @@
6282
6123
  font-size: 14.93px;
6283
6124
  letter-spacing: normal;
6284
6125
  line-height: 20.3px;
6285
- padding-block-start: 1.1254019293rem;
6126
+ padding-block-start: 1.0718113612rem;
6286
6127
  }
6287
6128
  .ilo--profile__size__large .ilo--profile--link {
6288
6129
  font-size: 16px;
6289
6130
  letter-spacing: normal;
6290
6131
  line-height: 23.36px;
6291
- padding-block-start: 1.1254019293rem;
6132
+ padding-block-start: 1.2861736334rem;
6292
6133
  }
6293
6134
 
6294
6135
  /**
6295
6136
  * Do not edit directly
6296
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
6137
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6297
6138
  */
6298
6139
  /**
6299
6140
  * TOKENS:
@@ -6362,7 +6203,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6362
6203
 
6363
6204
  /**
6364
6205
  * Do not edit directly
6365
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
6206
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6366
6207
  */
6367
6208
  /**
6368
6209
  * TOKENS:
@@ -6372,7 +6213,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6372
6213
  */
6373
6214
  /**
6374
6215
  * Do not edit directly
6375
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
6216
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6376
6217
  */
6377
6218
  /**
6378
6219
  * TOKENS:
@@ -6397,7 +6238,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6397
6238
  }
6398
6239
  /**
6399
6240
  * Do not edit directly
6400
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
6241
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6401
6242
  */
6402
6243
  /**
6403
6244
  * TOKENS:
@@ -6407,15 +6248,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6407
6248
  */
6408
6249
  .ilo--read-more--button {
6409
6250
  background: rgba(0, 0, 0, 0);
6410
- border-bottom: 0rem solid rgba(0, 0, 0, 0);
6411
- border-left: 0rem solid rgba(0, 0, 0, 0);
6412
- border-right: 0rem solid rgba(0, 0, 0, 0);
6413
- border-top: 0.1071811361rem solid rgb(237, 240, 242);
6251
+ border: none;
6252
+ border-top: solid 2px rgb(235, 245, 253);
6414
6253
  color: rgb(35, 0, 80);
6415
6254
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
6416
6255
  height: 3.0010718114rem;
6417
- margin: 1.7148981779rem 0rem 0rem 0rem;
6418
- padding: 0.857449089rem 1.6077170418rem 0.857449089rem 0.1071811361rem;
6256
+ margin-top: 1.7148981779rem;
6257
+ padding: 0.857449089rem 1.5005359057rem 0.857449089rem 0rem;
6419
6258
  position: relative;
6420
6259
  text-align: left;
6421
6260
  width: auto;
@@ -6438,10 +6277,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6438
6277
  }
6439
6278
  .ilo--read-more--button:hover {
6440
6279
  background: rgb(235, 245, 253);
6441
- border-bottom: 0rem solid rgba(0, 0, 0, 0);
6442
- border-left: 0rem solid rgba(0, 0, 0, 0);
6443
- border-right: 0rem solid rgba(0, 0, 0, 0);
6444
- border-top: 0.1071811361rem solid rgb(30, 45, 190);
6280
+ border-top: solid 2px rgb(30, 45, 190);
6445
6281
  color: rgb(30, 45, 190);
6446
6282
  cursor: pointer;
6447
6283
  transition-property: color, background-color, border-color;
@@ -6458,7 +6294,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6458
6294
 
6459
6295
  /**
6460
6296
  * Do not edit directly
6461
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
6297
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6462
6298
  */
6463
6299
  /**
6464
6300
  * TOKENS:
@@ -6606,7 +6442,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6606
6442
  .ilo--richtext hr {
6607
6443
  background-color: rgb(237, 240, 242);
6608
6444
  border: none;
6609
- height: 0.1607717042rem;
6445
+ height: 0.2143622722rem;
6610
6446
  margin-bottom: 3.0010718114rem;
6611
6447
  }
6612
6448
  .ilo--richtext h1,
@@ -6687,7 +6523,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6687
6523
  display: block;
6688
6524
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
6689
6525
  margin: 1.2861736334rem 0 2.1436227224rem 0;
6690
- padding: 2.8938906752rem 0 1.822079314rem 1.7148981779rem;
6526
+ padding: 4.0728831726rem 0 1.9292604502rem 1.7148981779rem;
6691
6527
  position: relative;
6692
6528
  width: 100%;
6693
6529
  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");
@@ -6799,7 +6635,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6799
6635
  margin-top: 3.0817323053rem;
6800
6636
  }
6801
6637
  .ilo--richtext hr {
6802
- margin-bottom: 3.4297963558rem;
6638
+ margin-bottom: 4.0728831726rem;
6803
6639
  }
6804
6640
  .ilo--richtext figure {
6805
6641
  width: 100%;
@@ -6807,8 +6643,8 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6807
6643
  }
6808
6644
  .ilo--richtext blockquote {
6809
6645
  background-size: 4.6087888532rem 2.5723472669rem;
6810
- margin: 1.7148981779rem 0 3.4297963558rem 0;
6811
- padding: 3.3226152197rem 0 2.5723472669rem 2.5723472669rem;
6646
+ margin: 1.7148981779rem 0 4.0728831726rem 0;
6647
+ padding: 3.4297963558rem 0 2.5723472669rem 2.5723472669rem;
6812
6648
  }
6813
6649
  .ilo--richtext blockquote p {
6814
6650
  margin-bottom: 1.2861736334rem;
@@ -6827,57 +6663,54 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6827
6663
  width: 3.4297963558rem;
6828
6664
  }
6829
6665
  }
6830
- .right-to-left .ilo--richtext {
6831
- direction: rtl;
6832
- }
6833
- .right-to-left .ilo--richtext figcaption {
6666
+ [dir=rtl] .ilo--richtext figcaption {
6834
6667
  border-left: none;
6835
6668
  border-right: 3px solid #b8c4cc;
6836
6669
  padding-left: 0;
6837
6670
  padding-right: 0.4287245445rem;
6838
6671
  }
6839
- .right-to-left .ilo--richtext ul li,
6840
- .right-to-left .ilo--richtext ol li {
6672
+ [dir=rtl] .ilo--richtext ul li,
6673
+ [dir=rtl] .ilo--richtext ol li {
6841
6674
  margin-left: 0;
6842
6675
  margin-right: 1.0718113612rem;
6843
6676
  padding-left: 0;
6844
6677
  padding-right: 0.6430868167rem;
6845
6678
  }
6846
- .right-to-left .ilo--richtext ul li {
6679
+ [dir=rtl] .ilo--richtext ul li {
6847
6680
  margin-right: 0.6430868167rem;
6848
6681
  }
6849
- .right-to-left .ilo--richtext ul li::before {
6682
+ [dir=rtl] .ilo--richtext ul li::before {
6850
6683
  left: auto;
6851
6684
  right: -0.6430868167rem;
6852
6685
  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");
6853
6686
  }
6854
- .right-to-left .ilo--richtext blockquote {
6687
+ [dir=rtl] .ilo--richtext blockquote {
6855
6688
  background-position: -1px -1px;
6856
- padding: 2.8938906752rem 1.7148981779rem 1.822079314rem 0;
6689
+ padding: 3.0010718114rem 1.7148981779rem 1.9292604502rem 0;
6857
6690
  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");
6858
6691
  }
6859
- .right-to-left .ilo--richtext blockquote p {
6692
+ [dir=rtl] .ilo--richtext blockquote p {
6860
6693
  padding: 0 0 0 2.5723472669rem;
6861
6694
  }
6862
- .right-to-left .ilo--richtext blockquote p:after {
6695
+ [dir=rtl] .ilo--richtext blockquote p:after {
6863
6696
  left: 0;
6864
6697
  right: auto;
6865
6698
  transform: scaleX(1);
6866
6699
  }
6867
- .right-to-left .ilo--richtext blockquote:before {
6700
+ [dir=rtl] .ilo--richtext blockquote:before {
6868
6701
  left: auto;
6869
6702
  right: 0;
6870
6703
  transform: scaleX(-1);
6871
6704
  }
6872
6705
  @media screen and (min-width: 610px) {
6873
- .right-to-left .ilo--richtext blockquote {
6874
- padding: 3.3226152197rem 2.5723472669rem 2.5723472669rem 0;
6706
+ [dir=rtl] .ilo--richtext blockquote {
6707
+ padding: 3.2154340836rem 2.5723472669rem 2.5723472669rem 0;
6875
6708
  }
6876
6709
  }
6877
6710
 
6878
6711
  /**
6879
6712
  * Do not edit directly
6880
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
6713
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6881
6714
  */
6882
6715
  /**
6883
6716
  * TOKENS:
@@ -6895,13 +6728,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6895
6728
  background-color: rgb(237, 240, 242);
6896
6729
  background-position: center center;
6897
6730
  background-repeat: no-repeat;
6898
- background-size: 24px 24px;
6731
+ background-size: 1.2861736334rem 1.2861736334rem;
6899
6732
  border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
6900
6733
  border-left: 0rem solid rgb(184, 196, 204);
6901
6734
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
6902
6735
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
6903
- height: 48px;
6904
- width: 46px;
6736
+ height: 2.5723472669rem;
6737
+ width: 2.4651661308rem;
6905
6738
  text-indent: -9999px;
6906
6739
  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");
6907
6740
  }
@@ -6921,17 +6754,14 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6921
6754
  opacity: 0.45;
6922
6755
  pointer-events: none;
6923
6756
  }
6924
- .right-to-left .ilo--searchfield {
6925
- direction: rtl;
6926
- }
6927
- .right-to-left .ilo--searchfield .ilo--searchfield--button {
6928
- border-left: 2px solid rgb(184, 196, 204);
6757
+ [dir=rtl] .ilo--searchfield .ilo--searchfield--button {
6758
+ border-left: 0.1071811361rem solid rgb(184, 196, 204);
6929
6759
  border-right: 0 solid rgb(184, 196, 204);
6930
6760
  }
6931
6761
 
6932
6762
  /**
6933
6763
  * Do not edit directly
6934
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
6764
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6935
6765
  */
6936
6766
  /**
6937
6767
  * TOKENS:
@@ -6999,8 +6829,8 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6999
6829
  display: flex;
7000
6830
  height: 3.2154340836rem;
7001
6831
  justify-content: flex-start;
7002
- padding-left: 8px;
7003
- padding-right: 24px;
6832
+ padding-left: 0.4287245445rem;
6833
+ padding-right: 1.2861736334rem;
7004
6834
  text-decoration: none;
7005
6835
  font-size: 16px;
7006
6836
  letter-spacing: -0.02em;
@@ -7084,13 +6914,10 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7084
6914
  width: min(var(--tabscount) / 1 * 100%, 100%);
7085
6915
  }
7086
6916
  }
7087
- .right-to-left .ilo--tabs {
7088
- direction: rtl;
7089
- }
7090
6917
 
7091
6918
  /**
7092
6919
  * Do not edit directly
7093
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
6920
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7094
6921
  */
7095
6922
  /**
7096
6923
  * TOKENS:
@@ -7100,13 +6927,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7100
6927
  */
7101
6928
  .ilo--table {
7102
6929
  background-color: rgb(190, 220, 250);
7103
- padding: 80px 80px 80px 80px;
6930
+ padding: 4.2872454448rem;
7104
6931
  position: relative;
7105
6932
  }
7106
6933
  .ilo--table--header {
7107
6934
  background-color: rgb(255, 255, 255);
7108
6935
  border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
7109
- padding: 19px 8px 18px 8px;
6936
+ padding: 0.857449089rem 0.4287245445rem 1.0718113612rem 0.4287245445rem;
7110
6937
  }
7111
6938
  .ilo--table--wrapper {
7112
6939
  max-height: 380px;
@@ -7138,12 +6965,12 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7138
6965
  letter-spacing: normal;
7139
6966
  line-height: 20.3px;
7140
6967
  letter-spacing: -0.02em;
7141
- padding: 18px 36px 18px 6px;
6968
+ padding: 0.857449089rem 0.4287245445rem;
7142
6969
  pointer-events: none;
7143
6970
  text-align: left;
7144
6971
  }
7145
6972
  .ilo--table--small .ilo--table--head--cell {
7146
- padding: 10px 36px 10px 7px;
6973
+ padding: 0.4287245445rem;
7147
6974
  }
7148
6975
  .ilo--table--head--cell:first-of-type {
7149
6976
  border-left: none;
@@ -7195,11 +7022,11 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7195
7022
  letter-spacing: normal;
7196
7023
  line-height: 20.3px;
7197
7024
  outline: 0;
7198
- padding: 22px 11px 22px 11px;
7025
+ padding: 0.857449089rem 0.4287245445rem 1.0718113612rem;
7199
7026
  position: relative;
7200
7027
  }
7201
7028
  .ilo--table--small .ilo--table--body--cell {
7202
- padding: 13px 11px 13px 11px;
7029
+ padding: 0.6430868167rem 0.4287245445rem;
7203
7030
  }
7204
7031
  .ilo--table--body--cell:first-of-type {
7205
7032
  border-left: none;
@@ -7315,13 +7142,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7315
7142
  display: flex;
7316
7143
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
7317
7144
  font-weight: 700;
7318
- margin-bottom: 0.3751339764rem;
7145
+ margin-bottom: 0.4287245445rem;
7319
7146
  font-size: 18.66px;
7320
7147
  letter-spacing: -0.035em;
7321
7148
  line-height: 24.26px;
7322
7149
  }
7323
7150
  .ilo--table--headline .ilo--tooltip--wrapper {
7324
- margin-left: 0.3215434084rem;
7151
+ margin-left: 0.2143622722rem;
7325
7152
  }
7326
7153
  .ilo--table--description {
7327
7154
  color: rgb(109, 109, 109);
@@ -7441,7 +7268,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7441
7268
 
7442
7269
  /**
7443
7270
  * Do not edit directly
7444
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
7271
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7445
7272
  */
7446
7273
  /**
7447
7274
  * TOKENS:
@@ -7471,7 +7298,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7471
7298
  .ilo--table-of-contents--headline {
7472
7299
  border-bottom: 0.1607717042rem solid rgb(237, 240, 242);
7473
7300
  margin-bottom: 1.2861736334rem;
7474
- margin-top: 0.4823151125rem;
7301
+ margin-top: 0.4287245445rem;
7475
7302
  font-size: 18.66px;
7476
7303
  letter-spacing: normal;
7477
7304
  line-height: 27.24px;
@@ -7483,7 +7310,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7483
7310
  display: block;
7484
7311
  height: 100vh;
7485
7312
  left: 0;
7486
- padding: 1.3933547696rem;
7313
+ padding: 1.2861736334rem;
7487
7314
  position: fixed;
7488
7315
  top: 0;
7489
7316
  width: 100vw;
@@ -7558,16 +7385,16 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7558
7385
  background-position: calc(100% - 11px) center;
7559
7386
  background-repeat: no-repeat;
7560
7387
  background-size: 1.2861736334rem 1.2861736334rem;
7561
- border-bottom: rgb(255, 255, 255) 2px solid;
7388
+ border-bottom: rgb(255, 255, 255) 0.1071811361rem solid;
7562
7389
  color: rgb(35, 0, 80);
7563
7390
  display: block;
7564
7391
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
7565
7392
  font-weight: 500;
7566
- margin: 0 8px 0 8px;
7567
- padding: 18px 10px 18px 10px;
7393
+ margin: 0 0.4287245445rem 0 0.4287245445rem;
7394
+ padding: 0.857449089rem 0.4287245445rem 0.857449089rem;
7568
7395
  position: relative;
7569
7396
  text-decoration: none;
7570
- width: calc(100% - 8px - 8px);
7397
+ width: calc(100% - 16px);
7571
7398
  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");
7572
7399
  font-size: 16px;
7573
7400
  letter-spacing: -0.02em;
@@ -7578,12 +7405,12 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7578
7405
  }
7579
7406
  .ilo--table-of-contents--link:hover, .ilo--table-of-contents--link:focus {
7580
7407
  background-color: rgb(235, 245, 253);
7581
- border-bottom: rgb(30, 45, 190) 2px solid;
7408
+ border-bottom: rgb(30, 45, 190) 0.1071811361rem solid;
7582
7409
  background-position: calc(100% - 19px) center;
7583
7410
  color: rgb(30, 45, 190);
7584
7411
  margin: 0;
7585
7412
  outline: none;
7586
- padding: 18px 18px 18px 18px;
7413
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem;
7587
7414
  width: 100%;
7588
7415
  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");
7589
7416
  transition-property: background-color, border, color;
@@ -7592,12 +7419,12 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7592
7419
  }
7593
7420
  .ilo--table-of-contents--link:active {
7594
7421
  background-color: rgb(255, 255, 255);
7595
- border-bottom: rgb(35, 0, 80) 2px solid;
7596
- border-top: rgb(255, 255, 255) 2px solid;
7422
+ border-bottom: rgb(35, 0, 80) 0.1071811361rem solid;
7423
+ border-top: rgb(255, 255, 255) 0.1071811361rem solid;
7597
7424
  color: rgb(35, 0, 80);
7598
7425
  margin: -2px 0 0 0;
7599
7426
  outline: none;
7600
- padding: 18px 18px 18px 18px;
7427
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem;
7601
7428
  width: 100%;
7602
7429
  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");
7603
7430
  z-index: 5;
@@ -7606,28 +7433,22 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7606
7433
  border-bottom: none;
7607
7434
  }
7608
7435
  .ilo--table-of-contents--list--item:last-of-type .ilo--table-of-contents--link:hover {
7609
- border-bottom: rgb(30, 45, 190) 2px solid;
7610
- }
7611
- .right-to-left .ilo--table-of-contents {
7612
- direction: rtl;
7436
+ border-bottom: rgb(30, 45, 190) 0.1071811361rem solid;
7613
7437
  }
7614
- .right-to-left .ilo--table-of-contents .ilo--table-of-contents--link {
7438
+ [dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link {
7615
7439
  background-position: 11px center;
7616
7440
  }
7617
- .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 {
7441
+ [dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link:hover, [dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link:focus {
7618
7442
  background-position: 19px center;
7619
7443
  }
7620
- .right-to-left .ilo--table-of-contents--wrapper {
7621
- direction: rtl;
7622
- }
7623
- .right-to-left .ilo--table-of-contents--modal .toc--modal--close {
7444
+ [dir=rtl] .ilo--table-of-contents--modal .toc--modal--close {
7624
7445
  left: 0;
7625
7446
  right: auto;
7626
7447
  }
7627
7448
 
7628
7449
  /**
7629
7450
  * Do not edit directly
7630
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
7451
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7631
7452
  */
7632
7453
  /**
7633
7454
  * TOKENS:
@@ -7651,13 +7472,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7651
7472
  letter-spacing: -0.02em;
7652
7473
  line-height: 21.6px;
7653
7474
  height: 2.5723472669rem;
7654
- margin: 0rem 0rem 0rem 0rem;
7475
+ margin: 0rem;
7655
7476
  max-width: 100%;
7656
7477
  min-height: 6.4308681672rem;
7657
7478
  min-width: 100%;
7658
7479
  outline: none;
7659
7480
  position: relative;
7660
- padding: 0.857449089rem 0.6430868167rem 0.857449089rem 0.6430868167rem;
7481
+ padding: 0.857449089rem 0.6430868167rem;
7661
7482
  width: 100%;
7662
7483
  }
7663
7484
  .ilo--textarea:focus {
@@ -7666,7 +7487,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7666
7487
  border-left: 0.1607717042rem solid rgb(30, 45, 190);
7667
7488
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
7668
7489
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
7669
- padding-left: 11px;
7490
+ padding-left: 0.6430868167rem;
7670
7491
  }
7671
7492
  .ilo--textarea:disabled {
7672
7493
  opacity: 0.45;
@@ -7679,13 +7500,10 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7679
7500
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
7680
7501
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
7681
7502
  }
7682
- .right-to-left .ilo--textarea {
7683
- direction: rtl;
7684
- }
7685
7503
 
7686
7504
  /**
7687
7505
  * Do not edit directly
7688
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
7506
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7689
7507
  */
7690
7508
  /**
7691
7509
  * TOKENS:
@@ -7696,12 +7514,9 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7696
7514
  .ilo--tag-set {
7697
7515
  list-style: none;
7698
7516
  }
7699
- .right-to-left .ilo--tag-set {
7700
- direction: rtl;
7701
- }
7702
7517
  .ilo--tag-set__item {
7703
7518
  display: inline-block;
7704
- margin: 3px;
7519
+ margin: 0.2143622722rem;
7705
7520
  }
7706
7521
 
7707
7522
  .ilo--tag {
@@ -7714,7 +7529,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7714
7529
  display: inline-block;
7715
7530
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
7716
7531
  font-weight: 500;
7717
- padding: 0.3751339764rem 0.6430868167rem 0.2679528403rem 0.6430868167rem;
7532
+ padding: 0.4287245445rem 0.6430868167rem;
7718
7533
  text-decoration: none;
7719
7534
  transition-property: color, background-color, border-color;
7720
7535
  transition-duration: 150ms;
@@ -7765,7 +7580,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7765
7580
  cursor: pointer;
7766
7581
  display: none;
7767
7582
  opacity: 0;
7768
- padding-right: 36px;
7583
+ padding-right: 1.9292604502rem;
7769
7584
  position: relative;
7770
7585
  visibility: hidden;
7771
7586
  }
@@ -7863,7 +7678,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7863
7678
 
7864
7679
  /**
7865
7680
  * Do not edit directly
7866
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
7681
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7867
7682
  */
7868
7683
  /**
7869
7684
  * TOKENS:
@@ -7887,9 +7702,9 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7887
7702
  letter-spacing: -0.02em;
7888
7703
  line-height: 21.6px;
7889
7704
  height: 2.5723472669rem;
7890
- margin: 0rem 0rem 0rem 0rem;
7705
+ margin: 0rem;
7891
7706
  outline: none;
7892
- padding: 0.857449089rem 0.6430868167rem 0.857449089rem 0.6430868167rem;
7707
+ padding: 0.857449089rem 0.6430868167rem;
7893
7708
  width: 100%;
7894
7709
  }
7895
7710
  .ilo--text-input:focus {
@@ -7898,7 +7713,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7898
7713
  border-left: 0.1607717042rem solid rgb(30, 45, 190);
7899
7714
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
7900
7715
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
7901
- padding-left: 11px;
7716
+ padding-left: 0.6430868167rem;
7902
7717
  outline: none;
7903
7718
  }
7904
7719
  .ilo--text-input:disabled {
@@ -7907,14 +7722,6 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7907
7722
  }
7908
7723
  .ilo--text-input:invalid, .ilo--text-input__error {
7909
7724
  background-color: rgb(255, 255, 255);
7910
- }
7911
- .ilo--text-input:invalid {
7912
- border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
7913
- border-left: 0.1607717042rem solid rgb(255, 205, 45);
7914
- border-right: 0.1071811361rem solid rgb(184, 196, 204);
7915
- border-top: 0.1071811361rem solid rgb(184, 196, 204);
7916
- }
7917
- .ilo--text-input__error {
7918
7725
  border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
7919
7726
  border-left: 0.1607717042rem solid rgb(200, 48, 60);
7920
7727
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
@@ -7923,7 +7730,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7923
7730
 
7924
7731
  /**
7925
7732
  * Do not edit directly
7926
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
7733
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7927
7734
  */
7928
7735
  /**
7929
7736
  * TOKENS:
@@ -7933,7 +7740,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7933
7740
  */
7934
7741
  /**
7935
7742
  * Do not edit directly
7936
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
7743
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7937
7744
  */
7938
7745
  /**
7939
7746
  * TOKENS:
@@ -8035,7 +7842,7 @@ input:checked + .ilo--input--toggle--slider:before {
8035
7842
 
8036
7843
  /**
8037
7844
  * Do not edit directly
8038
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
7845
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
8039
7846
  */
8040
7847
  /**
8041
7848
  * TOKENS:
@@ -8054,7 +7861,7 @@ input:checked + .ilo--input--toggle--slider:before {
8054
7861
  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));
8055
7862
  color: rgb(45, 45, 45);
8056
7863
  opacity: 0;
8057
- padding: 0.4287245445rem 0.6430868167rem;
7864
+ padding: 0.4287245445rem 0.857449089rem 0.6430868167rem;
8058
7865
  position: absolute;
8059
7866
  visibility: hidden;
8060
7867
  width: auto;
@@ -8094,7 +7901,7 @@ input:checked + .ilo--input--toggle--slider:before {
8094
7901
  border-style: solid;
8095
7902
  border-width: 0;
8096
7903
  height: 0;
8097
- margin-top: -7px;
7904
+ margin-top: -0.3751339764rem;
8098
7905
  position: absolute;
8099
7906
  width: 0;
8100
7907
  }
@@ -8104,10 +7911,10 @@ input:checked + .ilo--input--toggle--slider:before {
8104
7911
  }
8105
7912
  .ilo--tooltip--alignment-top .ilo--tooltip--arrow {
8106
7913
  border-top-color: rgb(255, 255, 255);
8107
- border-width: 12px 7px 0 7px;
8108
- bottom: -12px;
7914
+ border-width: 0.6430868167rem 0.3751339764rem 0 0.3751339764rem;
7915
+ bottom: -0.6430868167rem;
8109
7916
  left: 50%;
8110
- margin-left: -7px;
7917
+ margin-left: -0.3751339764rem;
8111
7918
  top: auto;
8112
7919
  }
8113
7920
  .ilo--tooltip--alignment-top .ilo--tooltip--arrow--placement-negative {
@@ -8122,13 +7929,13 @@ input:checked + .ilo--input--toggle--slider:before {
8122
7929
  }
8123
7930
  .ilo--tooltip--alignment-right {
8124
7931
  left: calc(100% + 32px);
8125
- top: calc(50% - 7px);
7932
+ top: calc(50% - 0.3751339764rem);
8126
7933
  }
8127
7934
  .ilo--tooltip--alignment-right .ilo--tooltip--arrow {
8128
7935
  border-right-color: rgb(255, 255, 255);
8129
- border-width: 7px 12px 7px 0;
7936
+ border-width: 0.3751339764rem 0.6430868167rem 0.3751339764rem 0;
8130
7937
  left: 0;
8131
- margin-left: -12px;
7938
+ margin-left: -0.6430868167rem;
8132
7939
  top: 50%;
8133
7940
  }
8134
7941
  .ilo--tooltip--alignment-right .ilo--tooltip--arrow--placement-negative {
@@ -8144,14 +7951,14 @@ input:checked + .ilo--input--toggle--slider:before {
8144
7951
  }
8145
7952
  .ilo--tooltip--alignment-left {
8146
7953
  right: calc(100% + 32px);
8147
- top: calc(50% - 7px);
7954
+ top: calc(50% - 0.3751339764rem);
8148
7955
  }
8149
7956
  .ilo--tooltip--alignment-left .ilo--tooltip--arrow {
8150
7957
  border-left-color: rgb(255, 255, 255);
8151
- border-width: 7px 0 7px 12px;
7958
+ border-width: 0.3751339764rem 0 0.3751339764rem 0.6430868167rem;
8152
7959
  left: auto;
8153
- margin-top: -7px;
8154
- right: -12px;
7960
+ margin-top: -0.3751339764rem;
7961
+ right: -0.6430868167rem;
8155
7962
  top: 50%;
8156
7963
  }
8157
7964
  .ilo--tooltip--alignment-left .ilo--tooltip--arrow--placement-negative {
@@ -8167,13 +7974,13 @@ input:checked + .ilo--input--toggle--slider:before {
8167
7974
  }
8168
7975
  .ilo--tooltip--alignment-bottom {
8169
7976
  left: 0;
8170
- top: calc(100% + 12px);
7977
+ top: calc(100% + 0.6430868167rem);
8171
7978
  }
8172
7979
  .ilo--tooltip--alignment-bottom .ilo--tooltip--arrow {
8173
- border-width: 0 7px 12px 7px;
7980
+ border-width: 0 0.3751339764rem 0.6430868167rem 0.3751339764rem;
8174
7981
  left: 50%;
8175
- margin-left: -7px;
8176
- margin-top: -12px;
7982
+ margin-left: -0.3751339764rem;
7983
+ margin-top: -0.6430868167rem;
8177
7984
  top: 0;
8178
7985
  border-bottom-color: rgb(255, 255, 255);
8179
7986
  }
@@ -8210,7 +8017,7 @@ input:checked + .ilo--input--toggle--slider:before {
8210
8017
 
8211
8018
  /**
8212
8019
  * Do not edit directly
8213
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
8020
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
8214
8021
  */
8215
8022
  /**
8216
8023
  * TOKENS:
@@ -8231,7 +8038,7 @@ input:checked + .ilo--input--toggle--slider:before {
8231
8038
  line-height: 0;
8232
8039
  }
8233
8040
  .ilo--video--caption {
8234
- border-left: 3px solid rgb(184, 196, 204);
8041
+ border-left: 0.1607717042rem solid rgb(184, 196, 204);
8235
8042
  color: rgb(109, 109, 109);
8236
8043
  font-weight: 400;
8237
8044
  margin-top: 0.857449089rem;
@@ -8325,9 +8132,13 @@ input:checked + .ilo--input--toggle--slider:before {
8325
8132
  .ilo--video .vjs-control-bar.notplayed {
8326
8133
  flex-direction: column;
8327
8134
  height: 122px;
8328
- width: 2.5723472669rem;
8135
+ width: 0.2143622722rem;
8329
8136
  }
8330
8137
  }
8138
+ [dir=rtl] .ilo--video--controls,
8139
+ [dir=rtl] .ilo--video .vjs-control-bar {
8140
+ justify-content: flex-end;
8141
+ }
8331
8142
  .ilo--video--controls button span,
8332
8143
  .ilo--video .vjs-control-bar button span {
8333
8144
  width: 1px;
@@ -8351,7 +8162,7 @@ input:checked + .ilo--input--toggle--slider:before {
8351
8162
  cursor: pointer;
8352
8163
  height: 100%;
8353
8164
  order: 1;
8354
- width: 40px;
8165
+ width: 2.1436227224rem;
8355
8166
  -webkit-appearance: none;
8356
8167
  -moz-appearance: none;
8357
8168
  }
@@ -8381,7 +8192,7 @@ input:checked + .ilo--input--toggle--slider:before {
8381
8192
  .ilo--video .vjs-control-bar .vjs-big-play-button {
8382
8193
  background-position: center center;
8383
8194
  background-repeat: no-repeat;
8384
- background-size: 48px 48px;
8195
+ background-size: 2.5723472669rem 2.5723472669rem;
8385
8196
  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");
8386
8197
  }
8387
8198
  .ilo--video--controls--play.ilo--video--controls--play--hovered, .ilo--video--controls--play:hover, .ilo--video--controls--play:focus,
@@ -8403,7 +8214,7 @@ input:checked + .ilo--input--toggle--slider:before {
8403
8214
  background-color: rgb(235, 245, 253);
8404
8215
  background-position: center center;
8405
8216
  background-repeat: no-repeat;
8406
- background-size: 48px 48px;
8217
+ background-size: 2.5723472669rem 2.5723472669rem;
8407
8218
  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");
8408
8219
  }
8409
8220
  .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,
@@ -8440,32 +8251,47 @@ input:checked + .ilo--input--toggle--slider:before {
8440
8251
  background-color: rgb(235, 245, 253);
8441
8252
  color: rgb(30, 45, 190);
8442
8253
  }
8443
- .ilo--video--controls--play.vjs-paused,
8254
+ .ilo--video--controls--play.vjs-paused, .ilo--video--controls--play.vjs-ended,
8444
8255
  .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused,
8256
+ .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended,
8445
8257
  .ilo--video--controls .vjs-big-play-button.vjs-paused,
8258
+ .ilo--video--controls .vjs-big-play-button.vjs-ended,
8446
8259
  .ilo--video .vjs-control-bar--play.vjs-paused,
8260
+ .ilo--video .vjs-control-bar--play.vjs-ended,
8447
8261
  .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused,
8448
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused {
8262
+ .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended,
8263
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused,
8264
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended {
8449
8265
  background-position: center center;
8450
8266
  background-repeat: no-repeat;
8451
- background-size: 24px 24px;
8267
+ background-size: 1.2861736334rem 1.2861736334rem;
8452
8268
  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");
8453
8269
  }
8454
- .ilo--video--controls--play.vjs-paused:hover, .ilo--video--controls--play.vjs-paused:focus,
8270
+ .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,
8455
8271
  .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8456
8272
  .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
8273
+ .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
8274
+ .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
8457
8275
  .ilo--video--controls .vjs-big-play-button.vjs-paused:hover,
8458
8276
  .ilo--video--controls .vjs-big-play-button.vjs-paused:focus,
8277
+ .ilo--video--controls .vjs-big-play-button.vjs-ended:hover,
8278
+ .ilo--video--controls .vjs-big-play-button.vjs-ended:focus,
8459
8279
  .ilo--video .vjs-control-bar--play.vjs-paused:hover,
8460
8280
  .ilo--video .vjs-control-bar--play.vjs-paused:focus,
8281
+ .ilo--video .vjs-control-bar--play.vjs-ended:hover,
8282
+ .ilo--video .vjs-control-bar--play.vjs-ended:focus,
8461
8283
  .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8462
8284
  .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
8285
+ .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
8286
+ .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
8463
8287
  .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:hover,
8464
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:focus {
8288
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:focus,
8289
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended:hover,
8290
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended:focus {
8465
8291
  background-color: rgb(235, 245, 253);
8466
8292
  background-position: center center;
8467
8293
  background-repeat: no-repeat;
8468
- background-size: 24px 24px;
8294
+ background-size: 1.2861736334rem 1.2861736334rem;
8469
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(30, 45, 190)' d='M22 11.9999L4 2V22L22 11.9999Z'/%3e%3c/svg%3e");
8470
8296
  }
8471
8297
  .ilo--video--controls:not(.notplayed) .ilo--video--controls--play,
@@ -8478,7 +8304,7 @@ input:checked + .ilo--input--toggle--slider:before {
8478
8304
  .ilo--video .vjs-control-bar .vjs-playing {
8479
8305
  background-position: center center;
8480
8306
  background-repeat: no-repeat;
8481
- background-size: 24px 24px;
8307
+ background-size: 1.2861736334rem 1.2861736334rem;
8482
8308
  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");
8483
8309
  }
8484
8310
  .ilo--video--controls--pause:hover, .ilo--video--controls--pause:focus,
@@ -8491,7 +8317,7 @@ input:checked + .ilo--input--toggle--slider:before {
8491
8317
  background-color: rgb(235, 245, 253);
8492
8318
  background-position: center center;
8493
8319
  background-repeat: no-repeat;
8494
- background-size: 24px 24px;
8320
+ background-size: 1.2861736334rem 1.2861736334rem;
8495
8321
  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");
8496
8322
  }
8497
8323
  .ilo--video--controls--duration,
@@ -8503,9 +8329,9 @@ input:checked + .ilo--input--toggle--slider:before {
8503
8329
  display: none;
8504
8330
  height: 100%;
8505
8331
  font-weight: 700;
8506
- margin-left: 2px;
8332
+ margin-left: 0.1071811361rem;
8507
8333
  order: 2;
8508
- padding-top: 9px;
8334
+ padding-top: 0.4823151125rem;
8509
8335
  text-align: center;
8510
8336
  width: 4.2872454448rem;
8511
8337
  font-size: 14.93px;
@@ -8538,7 +8364,7 @@ input:checked + .ilo--input--toggle--slider:before {
8538
8364
  background-color: rgb(235, 245, 253);
8539
8365
  background-position: center center;
8540
8366
  background-repeat: no-repeat;
8541
- background-size: 48px 48px;
8367
+ background-size: 2.5723472669rem 2.5723472669rem;
8542
8368
  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");
8543
8369
  }
8544
8370
  .ilo--video--controls--duration.show,
@@ -8881,7 +8707,7 @@ input:checked + .ilo--input--toggle--slider:before {
8881
8707
  -moz-appearance: none;
8882
8708
  background-position: center center;
8883
8709
  background-repeat: no-repeat;
8884
- background-size: 24px 24px;
8710
+ background-size: 1.2861736334rem 1.2861736334rem;
8885
8711
  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");
8886
8712
  }
8887
8713
  .ilo--video--controls--showvolume:hover, .ilo--video--controls--showvolume:focus,
@@ -8894,7 +8720,7 @@ input:checked + .ilo--input--toggle--slider:before {
8894
8720
  background-color: rgb(235, 245, 253);
8895
8721
  background-position: center center;
8896
8722
  background-repeat: no-repeat;
8897
- background-size: 24px 24px;
8723
+ background-size: 1.2861736334rem 1.2861736334rem;
8898
8724
  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");
8899
8725
  }
8900
8726
  .ilo--video--controls--showvolume.muted, .ilo--video--controls--showvolume[title=Unmute],
@@ -8906,7 +8732,7 @@ input:checked + .ilo--input--toggle--slider:before {
8906
8732
  .ilo--video .vjs-control-bar .vjs-mute-control[title=Unmute] {
8907
8733
  background-position: center center;
8908
8734
  background-repeat: no-repeat;
8909
- background-size: 24px 24px;
8735
+ background-size: 1.2861736334rem 1.2861736334rem;
8910
8736
  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");
8911
8737
  }
8912
8738
  .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,
@@ -8925,7 +8751,7 @@ input:checked + .ilo--input--toggle--slider:before {
8925
8751
  background-color: #ebf5fd;
8926
8752
  background-position: center center;
8927
8753
  background-repeat: no-repeat;
8928
- background-size: 24px 24px;
8754
+ background-size: 1.2861736334rem 1.2861736334rem;
8929
8755
  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");
8930
8756
  }
8931
8757
  .ilo--video--controls--setvolume,
@@ -9048,7 +8874,7 @@ input:checked + .ilo--input--toggle--slider:before {
9048
8874
  -moz-appearance: none;
9049
8875
  background-position: center center;
9050
8876
  background-repeat: no-repeat;
9051
- background-size: 24px 24px;
8877
+ background-size: 1.2861736334rem 1.2861736334rem;
9052
8878
  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");
9053
8879
  }
9054
8880
  .ilo--video--controls--fullscreen:hover, .ilo--video--controls--fullscreen:focus,
@@ -9061,7 +8887,7 @@ input:checked + .ilo--input--toggle--slider:before {
9061
8887
  background-color: #ebf5fd;
9062
8888
  background-position: center center;
9063
8889
  background-repeat: no-repeat;
9064
- background-size: 24px 24px;
8890
+ background-size: 1.2861736334rem 1.2861736334rem;
9065
8891
  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");
9066
8892
  }
9067
8893
  .ilo--video--controls--fullscreen.show,
@@ -9089,6 +8915,10 @@ input:checked + .ilo--input--toggle--slider:before {
9089
8915
  left: 0;
9090
8916
  width: 80px;
9091
8917
  }
8918
+ [dir=rtl] .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
8919
+ left: auto;
8920
+ right: 0;
8921
+ }
9092
8922
  }
9093
8923
  .ilo--video--element:not(.vjs-has-started) .vjs-duration {
9094
8924
  display: block;
@@ -9140,21 +8970,20 @@ input:checked + .ilo--input--toggle--slider:before {
9140
8970
  position: relative;
9141
8971
  }
9142
8972
 
9143
- .right-to-left .ilo--video--caption {
8973
+ [dir=rtl] .ilo--video--caption {
9144
8974
  border-left: none;
9145
8975
  border-right: 3px solid #b8c4cc;
9146
- direction: rtl;
9147
8976
  padding-left: 0;
9148
8977
  padding-right: 0.4287245445rem;
9149
8978
  }
9150
- .right-to-left .ilo--credit {
8979
+ [dir=rtl] .ilo--credit {
9151
8980
  left: auto;
9152
8981
  right: 0;
9153
8982
  }
9154
8983
 
9155
8984
  /**
9156
8985
  * Do not edit directly
9157
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
8986
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
9158
8987
  */
9159
8988
  /**
9160
8989
  * TOKENS:
@@ -9164,7 +8993,7 @@ input:checked + .ilo--input--toggle--slider:before {
9164
8993
  */
9165
8994
  /**
9166
8995
  * Do not edit directly
9167
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
8996
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
9168
8997
  */
9169
8998
  /**
9170
8999
  * TOKENS:
@@ -9189,7 +9018,7 @@ input:checked + .ilo--input--toggle--slider:before {
9189
9018
  }
9190
9019
  /**
9191
9020
  * Do not edit directly
9192
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
9021
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
9193
9022
  */
9194
9023
  /**
9195
9024
  * TOKENS:
@@ -9202,21 +9031,12 @@ input:checked + .ilo--input--toggle--slider:before {
9202
9031
  flex-flow: column nowrap;
9203
9032
  align-items: flex-start;
9204
9033
  }
9034
+ .ilo--social-media [dir=rtl] {
9035
+ align-items: flex-end;
9036
+ }
9205
9037
  .ilo--social-media__justify__center {
9206
9038
  align-items: center;
9207
9039
  }
9208
- .right-to-left .ilo--social-media {
9209
- direction: rtl;
9210
- }
9211
- .right-to-left .ilo--social-media .social--links {
9212
- flex-direction: row-reverse;
9213
- }
9214
- .right-to-left .ilo--social-media .ilo--social-media--list--item--icon {
9215
- text-indent: 999px;
9216
- }
9217
- .right-to-left .ilo--social-media * {
9218
- text-align: right;
9219
- }
9220
9040
  .ilo--social-media--headline {
9221
9041
  color: rgb(35, 0, 80);
9222
9042
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
@@ -9232,7 +9052,7 @@ input:checked + .ilo--input--toggle--slider:before {
9232
9052
  .ilo--social-media--list {
9233
9053
  display: inline-flex;
9234
9054
  flex-flow: row wrap;
9235
- gap: 22px;
9055
+ gap: 0.857449089rem;
9236
9056
  }
9237
9057
  .ilo--social-media--list--item {
9238
9058
  display: inline-block;