@ilo-org/styles 0.11.3-next.3 → 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 +499 -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 +499 -681
  6. package/build/css/index.css.map +1 -1
  7. package/build/css/monorepo.css +499 -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 +6 -2
  80. package/scss/components/_file-upload.scss +4 -7
  81. package/scss/components/_footer.scss +34 -54
  82. package/scss/components/_form.scss +1 -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
@@ -156,7 +156,7 @@ textarea {
156
156
  }
157
157
  /**
158
158
  * Do not edit directly
159
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
159
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
160
160
  */
161
161
  /**
162
162
  * TOKENS:
@@ -174,7 +174,7 @@ body {
174
174
 
175
175
  /**
176
176
  * Do not edit directly
177
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
177
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
178
178
  */
179
179
  /**
180
180
  * TOKENS:
@@ -189,7 +189,7 @@ body {
189
189
  justify-content: space-between;
190
190
  width: 100%;
191
191
  margin: 0;
192
- padding: 0.9646302251rem 1.9292604502rem 0.9646302251rem 0;
192
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 0;
193
193
  background-color: rgb(255, 255, 255);
194
194
  background-position: calc(100% - 0.3215434084rem) center;
195
195
  background-repeat: no-repeat;
@@ -210,7 +210,7 @@ body {
210
210
  font-size: 18.66px;
211
211
  letter-spacing: -0.035em;
212
212
  line-height: 24.26px;
213
- padding: 1.1254019293rem 1.9292604502rem 1.1254019293rem 0;
213
+ padding: 1.0718113612rem 0.857449089rem 1.0718113612rem 0;
214
214
  }
215
215
  .ilo--accordion--button:hover, .ilo--accordion--button:focus {
216
216
  background-color: rgb(235, 245, 253);
@@ -230,13 +230,13 @@ body {
230
230
  font-size: 16px;
231
231
  letter-spacing: -0.02em;
232
232
  line-height: 21.6px;
233
- padding: 0.9646302251rem 1.9292604502rem 0.9646302251rem 0;
233
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 0;
234
234
  }
235
235
  .ilo--accordion--button--large {
236
236
  font-size: 18.66px;
237
237
  letter-spacing: -0.035em;
238
238
  line-height: 24.26px;
239
- padding: 1.1254019293rem 1.9292604502rem 1.1254019293rem 0;
239
+ padding: 1.0718113612rem 0.857449089rem 1.0718113612rem 0;
240
240
  }
241
241
  }
242
242
  .ilo--accordion--button[aria-expanded=true] {
@@ -266,7 +266,7 @@ body {
266
266
 
267
267
  /**
268
268
  * Do not edit directly
269
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
269
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
270
270
  */
271
271
  /**
272
272
  * TOKENS:
@@ -291,7 +291,7 @@ body {
291
291
  }
292
292
  /**
293
293
  * Do not edit directly
294
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
294
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
295
295
  */
296
296
  /**
297
297
  * TOKENS:
@@ -328,7 +328,7 @@ body {
328
328
  text-decoration-thickness: 0.1071811361rem;
329
329
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3e%3cpath fill='rgb(35, 0, 80)' d='M1.73149 16L0.613281 15.1855L5.83848 8L0.613281 0.814495L1.73149 0L7.25349 7.59275C7.33987 7.71097 7.38643 7.85359 7.38643 8C7.38643 8.14641 7.33987 8.28903 7.25349 8.40725L1.73149 16Z'/%3e%3c/svg%3e");
330
330
  }
331
- .right-to-left .ilo--breadcrumb--link {
331
+ [dir=rtl] .ilo--breadcrumb--link {
332
332
  background-position: 0 52%;
333
333
  padding: 0 0.5359056806rem 0 1.2861736334rem;
334
334
  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");
@@ -350,7 +350,7 @@ body {
350
350
  text-decoration-thickness: 0.1071811361rem;
351
351
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3e%3cpath fill='rgb(30, 45, 190)' d='M1.73149 16L0.613281 15.1855L5.83848 8L0.613281 0.814495L1.73149 0L7.25349 7.59275C7.33987 7.71097 7.38643 7.85359 7.38643 8C7.38643 8.14641 7.33987 8.28903 7.25349 8.40725L1.73149 16Z'/%3e%3c/svg%3e");
352
352
  }
353
- .right-to-left .ilo--breadcrumb--link:hover, .right-to-left .ilo--breadcrumb--link:focus {
353
+ [dir=rtl] .ilo--breadcrumb--link:hover, [dir=rtl] .ilo--breadcrumb--link:focus {
354
354
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3e%3cpath fill='rgb(30, 45, 190)' d='M0.7%2c8.4C0.7%2c8.3%2c0.6%2c8.1%2c0.6%2c8s0-0.3%2c0.1-0.4L6.3%2c0l1.1%2c0.8L2.2%2c8l5.2%2c7.2L6.3%2c16L0.7%2c8.4z'/%3e%3c/svg%3e");
355
355
  }
356
356
  .ilo--breadcrumb--item {
@@ -362,11 +362,6 @@ body {
362
362
  align-items: center;
363
363
  display: flex;
364
364
  position: relative;
365
- width: 17px;
366
- }
367
- .ilo--breadcrumb--item.home .ilo--breadcrumb--link {
368
- padding-left: 0;
369
- width: 2.0364415863rem;
370
365
  }
371
366
  .ilo--breadcrumb--item.home .ilo--breadcrumb--link--label {
372
367
  width: 1px;
@@ -425,7 +420,7 @@ body {
425
420
  width: 0.857449089rem;
426
421
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3e%3cpath fill='rgb(35, 0, 80)' d='M1.73149 16L0.613281 15.1855L5.83848 8L0.613281 0.814495L1.73149 0L7.25349 7.59275C7.33987 7.71097 7.38643 7.85359 7.38643 8C7.38643 8.14641 7.33987 8.28903 7.25349 8.40725L1.73149 16Z'/%3e%3c/svg%3e");
427
422
  }
428
- .right-to-left .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:after {
423
+ [dir=rtl] .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:after {
429
424
  right: auto;
430
425
  left: -7px;
431
426
  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");
@@ -518,7 +513,7 @@ body {
518
513
  text-decoration: underline;
519
514
  text-decoration-thickness: 0.1071811361rem;
520
515
  }
521
- .right-to-left .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--link {
516
+ [dir=rtl] .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--link {
522
517
  text-align: center;
523
518
  }
524
519
  @media screen and (min-width: 610px) {
@@ -532,7 +527,7 @@ body {
532
527
  top: 0;
533
528
  width: 47px;
534
529
  }
535
- .right-to-left .ilo--breadcrumb--items:after {
530
+ [dir=rtl] .ilo--breadcrumb--items:after {
536
531
  right: auto;
537
532
  left: -47px;
538
533
  transform: scaleX(-1);
@@ -541,9 +536,6 @@ body {
541
536
  content: none;
542
537
  }
543
538
  }
544
- .right-to-left .ilo--breadcrumb {
545
- direction: rtl;
546
- }
547
539
  .ilo--breadcrumb.storybook {
548
540
  background-color: rgb(184, 196, 204);
549
541
  height: 100vh;
@@ -551,7 +543,7 @@ body {
551
543
 
552
544
  /**
553
545
  * Do not edit directly
554
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
546
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
555
547
  */
556
548
  /**
557
549
  * TOKENS:
@@ -561,7 +553,7 @@ body {
561
553
  */
562
554
  /**
563
555
  * Do not edit directly
564
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
556
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
565
557
  */
566
558
  /**
567
559
  * TOKENS:
@@ -586,7 +578,7 @@ body {
586
578
  }
587
579
  /**
588
580
  * Do not edit directly
589
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
581
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
590
582
  */
591
583
  /**
592
584
  * TOKENS:
@@ -613,26 +605,26 @@ body {
613
605
  }
614
606
  .ilo--button.icon .ilo--icon {
615
607
  height: 100%;
616
- max-height: 32px;
617
- max-width: 32px;
608
+ max-height: 1.7148981779rem;
609
+ max-width: 1.7148981779rem;
618
610
  position: absolute;
619
611
  width: 100%;
620
612
  }
621
613
  .ilo--button.icon.icon__position--left .link__label,
622
614
  .ilo--button.icon.icon__position--left .button__label {
623
- padding-left: 46px;
615
+ padding-left: 2.5723472669rem;
624
616
  }
625
617
  .ilo--button.icon.icon__position--left .ilo--icon {
626
- left: 13px;
627
- top: 7px;
618
+ left: 0.6966773848rem;
619
+ top: 0.3751339764rem;
628
620
  }
629
621
  .ilo--button.icon.icon__position--right .link__label,
630
622
  .ilo--button.icon.icon__position--right .button__label {
631
- padding-right: 46px;
623
+ padding-right: 2.5723472669rem;
632
624
  }
633
625
  .ilo--button.icon.icon__position--right .ilo--icon {
634
- right: 13px;
635
- top: 7px;
626
+ right: 0.6966773848rem;
627
+ top: 0.3751339764rem;
636
628
  }
637
629
  .ilo--button.icon--only .button__label {
638
630
  width: 1px;
@@ -646,10 +638,7 @@ body {
646
638
  }
647
639
  .ilo--button--large .link__label,
648
640
  .ilo--button--large .button__label {
649
- padding-bottom: 10px;
650
- padding-left: 22px;
651
- padding-right: 22px;
652
- padding-top: 10px;
641
+ padding: 0.6430868167rem 1.2861736334rem;
653
642
  font-size: 18.66px;
654
643
  letter-spacing: -0.02em;
655
644
  line-height: 120%;
@@ -664,34 +653,31 @@ body {
664
653
  }
665
654
  .ilo--button--medium .link__label,
666
655
  .ilo--button--medium .button__label {
667
- padding-bottom: 7px;
668
- padding-left: 18px;
669
- padding-right: 18px;
670
- padding-top: 7px;
656
+ padding: 0.4287245445rem 1.0718113612rem;
671
657
  font-size: 16px;
672
658
  letter-spacing: -0.02em;
673
659
  line-height: 120%;
674
660
  }
675
661
  .ilo--button--medium.icon .ilo--icon {
676
- max-height: 30px;
677
- max-width: 30px;
662
+ max-height: 1.6077170418rem;
663
+ max-width: 1.6077170418rem;
678
664
  position: absolute;
679
665
  }
680
666
  .ilo--button--medium.icon.icon__position--left .link__label,
681
667
  .ilo--button--medium.icon.icon__position--left .button__label {
682
- padding-left: 42px;
668
+ padding-left: 2.3579849946rem;
683
669
  }
684
670
  .ilo--button--medium.icon.icon__position--left .ilo--icon {
685
- left: 10px;
686
- top: 3px;
671
+ left: 0.5359056806rem;
672
+ top: 0.1607717042rem;
687
673
  }
688
674
  .ilo--button--medium.icon.icon__position--right .link__label,
689
675
  .ilo--button--medium.icon.icon__position--right .button__label {
690
- padding-right: 42px;
676
+ padding-right: 2.3579849946rem;
691
677
  }
692
678
  .ilo--button--medium.icon.icon__position--right .ilo--icon {
693
- right: 10px;
694
- top: 3px;
679
+ right: 0.5359056806rem;
680
+ top: 0.1607717042rem;
695
681
  }
696
682
  .ilo--button--medium.icon--only {
697
683
  height: 1.9292604502rem;
@@ -703,34 +689,31 @@ body {
703
689
  }
704
690
  .ilo--button--small .link__label,
705
691
  .ilo--button--small .button__label {
706
- padding-bottom: 3px;
707
- padding-left: 13px;
708
- padding-right: 13px;
709
- padding-top: 3px;
692
+ padding: 0.2143622722rem 0.857449089rem;
710
693
  font-size: 14.93px;
711
694
  letter-spacing: -0.02em;
712
695
  line-height: 120%;
713
696
  }
714
697
  .ilo--button--small.icon .ilo--icon {
715
- max-height: 28px;
716
- max-width: 28px;
698
+ max-height: 1.5005359057rem;
699
+ max-width: 1.5005359057rem;
717
700
  position: absolute;
718
701
  }
719
702
  .ilo--button--small.icon.icon__position--left .link__label,
720
703
  .ilo--button--small.icon.icon__position--left .button__label {
721
- padding-left: 34px;
704
+ padding-left: 1.9292604502rem;
722
705
  }
723
706
  .ilo--button--small.icon.icon__position--left .ilo--icon {
724
- left: 6px;
725
- top: 1px;
707
+ left: 0.3215434084rem;
708
+ top: 0.0535905681rem;
726
709
  }
727
710
  .ilo--button--small.icon.icon__position--right .link__label,
728
711
  .ilo--button--small.icon.icon__position--right .button__label {
729
- padding-right: 34px;
712
+ padding-right: 1.9292604502rem;
730
713
  }
731
714
  .ilo--button--small.icon.icon__position--right .ilo--icon {
732
- right: 6px;
733
- top: 1px;
715
+ right: 0.3215434084rem;
716
+ top: 0.0535905681rem;
734
717
  }
735
718
  .ilo--button--small.icon--only {
736
719
  height: 1.3933547696rem;
@@ -876,7 +859,7 @@ body {
876
859
 
877
860
  /**
878
861
  * Do not edit directly
879
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
862
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
880
863
  */
881
864
  /**
882
865
  * TOKENS:
@@ -889,7 +872,7 @@ body {
889
872
  transition: max-height 225ms ease-out;
890
873
  }
891
874
  .ilo--callout--collapse:not(.ilo--callout--open) {
892
- max-height: 78px;
875
+ max-height: 64px;
893
876
  overflow: hidden;
894
877
  }
895
878
  .ilo--callout--open {
@@ -900,22 +883,24 @@ body {
900
883
  transform: translateY(-50%) rotate(180deg);
901
884
  }
902
885
  .ilo--callout--sidebar {
903
- padding: 1.3933547696rem 0.6430868167rem;
886
+ display: flex;
887
+ flex-direction: column;
888
+ align-items: center;
889
+ padding: 1.0718113612rem 0.4287245445rem;
904
890
  width: 2.1436227224rem;
905
891
  }
906
892
  .ilo--callout--sidebar .ilo--callout--icon {
907
- position: relative;
908
- top: 0.0803858521rem;
893
+ margin: 0.2143622722rem;
909
894
  }
910
895
  .ilo--callout--content {
911
- padding: 1.3933547696rem 1.1789924973rem 1.2861736334rem;
896
+ padding: 1.2861736334rem;
912
897
  width: 100%;
913
898
  font-size: 0.8001071811rem;
914
899
  }
915
900
  .ilo--callout--header {
916
901
  display: flex;
917
902
  justify-content: space-between;
918
- padding: 0 0 1.2861736334rem;
903
+ padding-bottom: 0.6430868167rem;
919
904
  }
920
905
  .ilo--callout--title {
921
906
  font-size: 16px;
@@ -934,7 +919,7 @@ body {
934
919
  cursor: pointer;
935
920
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
936
921
  font-weight: 500;
937
- padding-right: 32px;
922
+ padding-right: 1.7148981779rem;
938
923
  position: relative;
939
924
  }
940
925
  .ilo--callout--toggle--icon {
@@ -951,7 +936,7 @@ body {
951
936
  width: 24px;
952
937
  }
953
938
  .ilo--callout--footer {
954
- padding: 1.2861736334rem 0 0 0;
939
+ padding-top: 1.0718113612rem;
955
940
  }
956
941
  .ilo--callout .icon {
957
942
  background-repeat: no-repeat;
@@ -1003,7 +988,7 @@ body {
1003
988
 
1004
989
  /**
1005
990
  * Do not edit directly
1006
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
991
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1007
992
  */
1008
993
  /**
1009
994
  * TOKENS:
@@ -1013,7 +998,7 @@ body {
1013
998
  */
1014
999
  /**
1015
1000
  * Do not edit directly
1016
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1001
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1017
1002
  */
1018
1003
  /**
1019
1004
  * TOKENS:
@@ -1038,7 +1023,7 @@ body {
1038
1023
  }
1039
1024
  /**
1040
1025
  * Do not edit directly
1041
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1026
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1042
1027
  */
1043
1028
  /**
1044
1029
  * TOKENS:
@@ -1056,7 +1041,7 @@ body {
1056
1041
 
1057
1042
  /**
1058
1043
  * Do not edit directly
1059
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1044
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1060
1045
  */
1061
1046
  /**
1062
1047
  * TOKENS:
@@ -1074,9 +1059,6 @@ body {
1074
1059
  .ilo--card__size__fluid {
1075
1060
  --max-width: 100% !important;
1076
1061
  }
1077
- .right-to-left .ilo--card {
1078
- text-align: right;
1079
- }
1080
1062
  .ilo--card__action:hover, .ilo--card__action:focus, .ilo--card__action:focus-within {
1081
1063
  background: rgb(255, 255, 255);
1082
1064
  outline: none;
@@ -1140,7 +1122,7 @@ body {
1140
1122
  max-width: var(--max-width);
1141
1123
  }
1142
1124
  .ilo--card--wrapper:hover, .ilo--card--wrapper:focus, .ilo--card--wrapper:focus-within {
1143
- filter: drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.038)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.054)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.054));
1125
+ filter: drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.05)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.05)) drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.04));
1144
1126
  }
1145
1127
  .ilo--card--link {
1146
1128
  background: none;
@@ -1226,10 +1208,10 @@ body {
1226
1208
  font-size: 16px;
1227
1209
  letter-spacing: normal;
1228
1210
  line-height: 23.36px;
1229
- margin-bottom: 1.3742266073rem;
1230
1211
  transition-property: color;
1231
1212
  transition-duration: 150ms;
1232
1213
  transition-timing-function: ease-out;
1214
+ margin-bottom: 1.7148981779rem;
1233
1215
  }
1234
1216
  .ilo--card--link:hover .ilo--card--intro, .ilo--card--link:focus .ilo--card--intro, .ilo--card--link:focus-within .ilo--card--intro {
1235
1217
  color: rgb(30, 45, 190);
@@ -1270,7 +1252,7 @@ body {
1270
1252
 
1271
1253
  /**
1272
1254
  * Do not edit directly
1273
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1255
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1274
1256
  */
1275
1257
  /**
1276
1258
  * TOKENS:
@@ -1295,10 +1277,16 @@ body {
1295
1277
  color: rgb(255, 255, 255);
1296
1278
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(255, 255, 255)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
1297
1279
  }
1280
+ [dir=rtl] .ilo--card__type__feature.ilo--card__theme__dark .ilo--link-list--link {
1281
+ 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");
1282
+ }
1298
1283
  .ilo--card__type__feature.ilo--card__theme__dark:hover .ilo--link-list--link, .ilo--card__type__feature.ilo--card__theme__dark:focus .ilo--link-list--link, .ilo--card__type__feature.ilo--card__theme__dark:focus-within .ilo--link-list--link {
1299
1284
  color: rgb(30, 45, 190);
1300
1285
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
1301
1286
  }
1287
+ [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 {
1288
+ 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");
1289
+ }
1302
1290
  .ilo--card__type__feature picture::before {
1303
1291
  transition-property: opacity;
1304
1292
  transition-duration: 150ms;
@@ -1307,7 +1295,7 @@ body {
1307
1295
  .ilo--card__type__feature:hover, .ilo--card__type__feature:focus, .ilo--card__type__feature:focus-within {
1308
1296
  background-color: rgb(255, 255, 255);
1309
1297
  border-bottom: 0.1607717042rem solid rgb(30, 45, 190);
1310
- filter: drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.038)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.054)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.054));
1298
+ filter: drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.05)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.05)) drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.04));
1311
1299
  }
1312
1300
  .ilo--card__type__feature:hover picture::before, .ilo--card__type__feature:focus picture::before, .ilo--card__type__feature:focus-within picture::before {
1313
1301
  opacity: 0.4;
@@ -1350,9 +1338,6 @@ body {
1350
1338
  .ilo--card__type__feature.ilo--card__size__wide .ilo--card--wrap, .ilo--card__type__feature.ilo--card__size__fluid .ilo--card--wrap {
1351
1339
  flex-direction: row;
1352
1340
  }
1353
- .right-to-left .ilo--card__type__feature.ilo--card__size__wide .ilo--card--wrap, .right-to-left .ilo--card__type__feature.ilo--card__size__fluid .ilo--card--wrap {
1354
- flex-direction: row-reverse;
1355
- }
1356
1341
  .ilo--card__type__feature.ilo--card__size__wide .ilo--card--content, .ilo--card__type__feature.ilo--card__size__fluid .ilo--card--content {
1357
1342
  display: flex;
1358
1343
  flex-direction: row;
@@ -1438,7 +1423,7 @@ body {
1438
1423
 
1439
1424
  /**
1440
1425
  * Do not edit directly
1441
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1426
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1442
1427
  */
1443
1428
  /**
1444
1429
  * TOKENS:
@@ -1449,8 +1434,12 @@ body {
1449
1434
  .ilo--card__type__text {
1450
1435
  --max-width: 16.1307609861rem;
1451
1436
  border-bottom: 0.1607717042rem solid rgb(184, 196, 204);
1452
- padding: 1.2861736334rem 2.1436227224rem;
1453
- clip-path: polygon(0 0, calc(100% - 73px) 0, 100% 40px, 100% 100%, 0 100%);
1437
+ padding: 2.1436227224rem 1.2861736334rem 1.7148981779rem;
1438
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
1439
+ }
1440
+ [dir=rtl] .ilo--card__type__text {
1441
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
1442
+ clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
1454
1443
  }
1455
1444
  .ilo--card__type__text [class$=profile--contents--light] * {
1456
1445
  color: rgb(45, 45, 45);
@@ -1459,7 +1448,11 @@ body {
1459
1448
  color: rgb(255, 255, 255);
1460
1449
  }
1461
1450
  .ilo--card__type__text:hover, .ilo--card__type__text:focus, .ilo--card__type__text:focus-within {
1462
- filter: drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.038)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.054)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.054));
1451
+ 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));
1452
+ transition-property: border-color;
1453
+ transition-duration: 150ms;
1454
+ transition-timing-function: ease-out;
1455
+ border-color: rgb(30, 45, 190);
1463
1456
  }
1464
1457
  .ilo--card__type__text:hover [class*=profile--contents] *, .ilo--card__type__text:focus [class*=profile--contents] *, .ilo--card__type__text:focus-within [class*=profile--contents] * {
1465
1458
  color: rgb(30, 45, 190);
@@ -1467,26 +1460,19 @@ body {
1467
1460
  @media screen and (max-width: 609px) {
1468
1461
  .ilo--card__type__text {
1469
1462
  --max-width: 100%;
1470
- padding: 1.7148981779rem 2.1436227224rem;
1471
1463
  }
1472
1464
  }
1473
1465
  .ilo--card__type__text.ilo--card__size__wide, .ilo--card__type__text.ilo--card__size__fluid {
1474
1466
  --max-width: 28.0278670954rem;
1475
- padding: 1.7148981779rem 2.1436227224rem;
1476
- }
1477
- @media screen and (min-width: 610px) {
1478
- .ilo--card__type__text.ilo--card__size__wide, .ilo--card__type__text.ilo--card__size__fluid {
1479
- padding: 1.7148981779rem 2.1436227224rem;
1480
- }
1467
+ padding: 2.1436227224rem 1.7148981779rem 1.7148981779rem;
1481
1468
  }
1482
1469
  .ilo--card__type__text.ilo--card__size__narrow {
1483
1470
  --max-width: 16.1307609861rem;
1484
- padding: 1.2861736334rem 2.1436227224rem;
1471
+ padding: 2.1436227224rem 1.2861736334rem 1.7148981779rem;
1485
1472
  }
1486
1473
  @media screen and (max-width: 609px) {
1487
1474
  .ilo--card__type__text.ilo--card__size__narrow {
1488
1475
  --max-width: 100%;
1489
- padding: 1.2861736334rem 2.1436227224rem;
1490
1476
  }
1491
1477
  }
1492
1478
  .ilo--card__type__text.ilo--card__size__narrow .ilo--card--title {
@@ -1534,7 +1520,7 @@ body {
1534
1520
 
1535
1521
  /**
1536
1522
  * Do not edit directly
1537
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1523
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1538
1524
  */
1539
1525
  /**
1540
1526
  * TOKENS:
@@ -1545,8 +1531,11 @@ body {
1545
1531
  .ilo--card__type__detail {
1546
1532
  --max-width: 18.3815648446rem;
1547
1533
  border-bottom: 0.1607717042rem solid rgb(237, 240, 242);
1548
- padding: 1.2861736334rem 0;
1534
+ padding: 1.7148981779rem 0;
1549
1535
  position: relative;
1536
+ transition-property: border;
1537
+ transition-duration: 150ms;
1538
+ transition-timing-function: ease-out;
1550
1539
  }
1551
1540
  @media screen and (min-width: 1024px) {
1552
1541
  .ilo--card__type__detail {
@@ -1559,7 +1548,8 @@ body {
1559
1548
  }
1560
1549
  }
1561
1550
  .ilo--card__type__detail:hover, .ilo--card__type__detail:focus, .ilo--card__type__detail:focus-within {
1562
- filter: drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.038)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.054)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.054));
1551
+ 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));
1552
+ border-bottom: 0.1607717042rem solid rgb(30, 45, 190);
1563
1553
  }
1564
1554
  .ilo--card__type__detail:hover picture::before, .ilo--card__type__detail:focus picture::before, .ilo--card__type__detail:focus-within picture::before {
1565
1555
  opacity: 0.4;
@@ -1568,7 +1558,11 @@ body {
1568
1558
  .ilo--card__type__detail:hover .ilo--card--date-extra::before, .ilo--card__type__detail:focus .ilo--card--date-extra::before, .ilo--card__type__detail:focus-within .ilo--card--date-extra::before {
1569
1559
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 11'%3e%3cpath fill='rgb(30, 45, 190)' d='M6.00007 10.8462L12 0L0 0L6.00007 10.8462Z'/%3e%3c/svg%3e");
1570
1560
  }
1561
+ .ilo--card__type__detail .ilo--card--eyebrow {
1562
+ margin-bottom: 0.857449089rem;
1563
+ }
1571
1564
  .ilo--card__type__detail .ilo--card--title {
1565
+ padding: 0 0 0.4287245445rem 0;
1572
1566
  font-size: 18.66px;
1573
1567
  letter-spacing: -0.035em;
1574
1568
  line-height: 24.26px;
@@ -1635,9 +1629,6 @@ body {
1635
1629
  .ilo--card__type__detail .ilo--card--wrap {
1636
1630
  display: flex;
1637
1631
  }
1638
- .right-to-left .ilo--card__type__detail .ilo--card--wrap {
1639
- flex-direction: row-reverse;
1640
- }
1641
1632
  .ilo--card__type__detail .ilo--card--title {
1642
1633
  font-size: 18.66px;
1643
1634
  letter-spacing: -0.035em;
@@ -1681,7 +1672,7 @@ body {
1681
1672
 
1682
1673
  /**
1683
1674
  * Do not edit directly
1684
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1675
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1685
1676
  */
1686
1677
  /**
1687
1678
  * TOKENS:
@@ -1723,73 +1714,55 @@ body {
1723
1714
  padding: 3.4297963558rem 3.8585209003rem;
1724
1715
  }
1725
1716
  }
1717
+ .ilo--card__type__promo .ilo--card--title {
1718
+ margin-bottom: 0.6430868167rem;
1719
+ }
1726
1720
  .ilo--card__type__promo.ilo--card__size__standard {
1727
1721
  padding: 2.5723472669rem;
1728
1722
  }
1729
- @media screen and (min-width: 610px) {
1730
- .ilo--card__type__promo.ilo--card__size__standard {
1731
- padding: 2.5723472669rem 2.5723472669rem 3.4297963558rem;
1732
- }
1733
- }
1734
- @media screen and (min-width: 1024px) {
1735
- .ilo--card__type__promo.ilo--card__size__standard {
1736
- padding: 2.5723472669rem 2.5723472669rem 3.4297963558rem;
1737
- }
1738
- }
1739
1723
  .ilo--card__type__promo.ilo--card__size__standard.ilo--card__cornercut {
1740
1724
  clip-path: polygon(0 0, calc(100% - 87px) 0, 100% 48px, 100% 100%, 0 100%);
1741
1725
  }
1726
+ [dir=rtl] .ilo--card__type__promo.ilo--card__size__standard.ilo--card__cornercut {
1727
+ clip-path: polygon(0 0, calc(100% - 87px) 0, 100% 48px, 100% 100%, 0 100%);
1728
+ clip-path: polygon(87px 0, 100% 0, 100% 100%, 0 100%, 0 48px);
1729
+ }
1742
1730
  .ilo--card__type__promo.ilo--card__size__wide, .ilo--card__type__promo.ilo--card__size__fluid {
1743
1731
  padding: 3.4297963558rem 3.8585209003rem;
1744
1732
  }
1745
- @media screen and (min-width: 610px) {
1746
- .ilo--card__type__promo.ilo--card__size__wide, .ilo--card__type__promo.ilo--card__size__fluid {
1747
- padding: 3.4297963558rem 3.8585209003rem;
1748
- }
1749
- }
1750
- @media screen and (min-width: 1024px) {
1751
- .ilo--card__type__promo.ilo--card__size__wide, .ilo--card__type__promo.ilo--card__size__fluid {
1752
- padding: 3.4297963558rem 3.8585209003rem;
1753
- }
1754
- }
1755
1733
  .ilo--card__type__promo.ilo--card__size__wide.ilo--card__cornercut, .ilo--card__type__promo.ilo--card__size__fluid.ilo--card__cornercut {
1756
1734
  clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
1757
1735
  }
1736
+ [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 {
1737
+ clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
1738
+ clip-path: polygon(116px 0, 100% 0, 100% 100%, 0 100%, 0 64px);
1739
+ }
1758
1740
  .ilo--card__type__promo.ilo--card__size__narrow {
1759
1741
  padding: 2.1436227224rem 1.2861736334rem;
1760
1742
  }
1761
- @media screen and (min-width: 610px) {
1762
- .ilo--card__type__promo.ilo--card__size__narrow {
1763
- padding: 2.1436227224rem 1.2861736334rem;
1764
- }
1765
- }
1766
- @media screen and (min-width: 1024px) {
1767
- .ilo--card__type__promo.ilo--card__size__narrow {
1768
- padding: 2.1436227224rem 1.2861736334rem;
1769
- }
1770
- }
1771
1743
  .ilo--card__type__promo.ilo--card__size__narrow.ilo--card__cornercut {
1772
1744
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
1773
1745
  }
1746
+ [dir=rtl] .ilo--card__type__promo.ilo--card__size__narrow.ilo--card__cornercut {
1747
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px left, 100% 100%, 0 100%);
1748
+ }
1774
1749
  .ilo--card__type__promo.ilo--card__size__narrow .ilo--card--title {
1775
1750
  font-size: 29.16px;
1776
1751
  letter-spacing: -0.035em;
1777
1752
  line-height: 36.45px;
1778
- margin-bottom: 0.5741425509rem;
1753
+ margin-bottom: 0.4287245445rem;
1779
1754
  }
1780
1755
  @media screen and (min-width: 610px) {
1781
1756
  .ilo--card__type__promo.ilo--card__size__narrow .ilo--card--title {
1782
1757
  font-size: 36.45px;
1783
1758
  letter-spacing: -0.035em;
1784
1759
  line-height: 43.74px;
1785
- margin-bottom: 0.4278063594rem;
1786
1760
  }
1787
1761
  }
1788
1762
  .ilo--card__type__promo.ilo--card__size__narrow .ilo--card--intro {
1789
1763
  font-size: 16px;
1790
1764
  letter-spacing: normal;
1791
1765
  line-height: 23.36px;
1792
- margin-bottom: 1.910132288rem;
1793
1766
  }
1794
1767
  .ilo--card__type__promo.ilo--card__theme__light:not(:hover) .ilo--card--title {
1795
1768
  color: rgb(45, 45, 45);
@@ -1801,34 +1774,31 @@ body {
1801
1774
  font-size: 29.16px;
1802
1775
  letter-spacing: -0.035em;
1803
1776
  line-height: 36.45px;
1804
- margin-bottom: 0.5741425509rem;
1805
1777
  }
1806
1778
  @media screen and (min-width: 610px) {
1807
1779
  .ilo--card__type__promo .ilo--card--title {
1808
1780
  font-size: 36.45px;
1809
1781
  letter-spacing: -0.035em;
1810
1782
  line-height: 43.74px;
1811
- margin-bottom: 0.8565309039rem;
1812
1783
  }
1813
1784
  }
1814
1785
  .ilo--card__type__promo .ilo--card--intro {
1815
1786
  font-size: 16px;
1816
1787
  letter-spacing: normal;
1817
1788
  line-height: 23.36px;
1818
- margin-bottom: 1.910132288rem;
1789
+ margin-bottom: 1.7148981779rem;
1819
1790
  }
1820
1791
  @media screen and (min-width: 610px) {
1821
1792
  .ilo--card__type__promo .ilo--card--intro {
1822
1793
  font-size: 18.66px;
1823
1794
  letter-spacing: normal;
1824
1795
  line-height: 27.24px;
1825
- margin-bottom: 1.8685411561rem;
1826
1796
  }
1827
1797
  }
1828
1798
 
1829
1799
  /**
1830
1800
  * Do not edit directly
1831
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1801
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1832
1802
  */
1833
1803
  /**
1834
1804
  * TOKENS:
@@ -1845,6 +1815,7 @@ body {
1845
1815
  }
1846
1816
  .ilo--card__type__multilink .ilo--card--content .ilo--card--image--wrapper {
1847
1817
  display: block;
1818
+ margin-bottom: 1.7148981779rem;
1848
1819
  }
1849
1820
  @media screen and (min-width: 610px) {
1850
1821
  .ilo--card__type__multilink {
@@ -1860,7 +1831,7 @@ body {
1860
1831
  font-size: 23.32px;
1861
1832
  letter-spacing: -0.035em;
1862
1833
  line-height: 29.15px;
1863
- margin-bottom: 0.7188906752rem;
1834
+ margin-bottom: 1.7148981779rem;
1864
1835
  color: rgb(45, 45, 45);
1865
1836
  }
1866
1837
  @media screen and (min-width: 610px) {
@@ -1868,14 +1839,13 @@ body {
1868
1839
  font-size: 29.16px;
1869
1840
  letter-spacing: -0.035em;
1870
1841
  line-height: 36.45px;
1871
- margin-bottom: 0.5741425509rem;
1872
1842
  }
1873
1843
  }
1874
1844
  .ilo--card__type__multilink .ilo--card--intro {
1875
1845
  font-size: 16px;
1876
1846
  letter-spacing: normal;
1877
1847
  line-height: 23.36px;
1878
- margin-bottom: 1.910132288rem;
1848
+ margin-bottom: 1.7148981779rem;
1879
1849
  color: rgb(45, 45, 45);
1880
1850
  }
1881
1851
  @media screen and (min-width: 610px) {
@@ -1883,37 +1853,16 @@ body {
1883
1853
  font-size: 18.66px;
1884
1854
  letter-spacing: normal;
1885
1855
  line-height: 27.24px;
1886
- margin-bottom: 1.8685411561rem;
1887
1856
  }
1888
1857
  }
1889
1858
  .ilo--card__type__multilink.ilo--card__size__standard {
1890
1859
  --max-width: 28.7245444802rem;
1891
1860
  padding: 2.5723472669rem 2.1436227224rem;
1892
1861
  }
1893
- @media screen and (min-width: 610px) {
1894
- .ilo--card__type__multilink.ilo--card__size__standard {
1895
- padding: 2.5723472669rem 2.1436227224rem;
1896
- }
1897
- }
1898
- @media screen and (min-width: 1024px) {
1899
- .ilo--card__type__multilink.ilo--card__size__standard {
1900
- padding: 2.5723472669rem 2.1436227224rem;
1901
- }
1902
- }
1903
1862
  .ilo--card__type__multilink.ilo--card__size__narrow {
1904
1863
  --max-width: 20.0964630225rem;
1905
1864
  padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1906
1865
  }
1907
- @media screen and (min-width: 610px) {
1908
- .ilo--card__type__multilink.ilo--card__size__narrow {
1909
- padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1910
- }
1911
- }
1912
- @media screen and (min-width: 1024px) {
1913
- .ilo--card__type__multilink.ilo--card__size__narrow {
1914
- padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1915
- }
1916
- }
1917
1866
  .ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--image--wrapper {
1918
1867
  display: none;
1919
1868
  }
@@ -1926,7 +1875,7 @@ body {
1926
1875
  font-size: 23.32px;
1927
1876
  letter-spacing: -0.035em;
1928
1877
  line-height: 29.15px;
1929
- margin-bottom: 0.7188906752rem;
1878
+ margin-bottom: 1.2861736334rem;
1930
1879
  }
1931
1880
  }
1932
1881
  @media screen and (min-width: 610px) {
@@ -1934,13 +1883,16 @@ body {
1934
1883
  font-size: 16px;
1935
1884
  letter-spacing: normal;
1936
1885
  line-height: 23.36px;
1937
- margin-bottom: 1.910132288rem;
1886
+ margin-bottom: 1.2861736334rem;
1938
1887
  }
1939
1888
  }
1940
1889
  .ilo--card__type__multilink.ilo--card__size__wide, .ilo--card__type__multilink.ilo--card__size__fluid {
1941
1890
  --max-width: 59.1639871383rem;
1942
1891
  padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1943
1892
  }
1893
+ .ilo--card__type__multilink.ilo--card__size__wide .ilo--card--title, .ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--title {
1894
+ margin-bottom: 0.6430868167rem;
1895
+ }
1944
1896
  @media screen and (min-width: 610px) {
1945
1897
  .ilo--card__type__multilink.ilo--card__size__wide, .ilo--card__type__multilink.ilo--card__size__fluid {
1946
1898
  padding: 3.0010718114rem 2.5723472669rem;
@@ -1948,16 +1900,10 @@ body {
1948
1900
  .ilo--card__type__multilink.ilo--card__size__wide.ilo--card__align__right .ilo--card--wrap, .ilo--card__type__multilink.ilo--card__size__fluid.ilo--card__align__right .ilo--card--wrap {
1949
1901
  flex-direction: row-reverse;
1950
1902
  }
1951
- .right-to-left .ilo--card__type__multilink.ilo--card__size__wide.ilo--card__align__right .ilo--card--wrap, .right-to-left .ilo--card__type__multilink.ilo--card__size__fluid.ilo--card__align__right .ilo--card--wrap {
1952
- flex-direction: row;
1953
- }
1954
1903
  .ilo--card__type__multilink.ilo--card__size__wide .ilo--card--wrap, .ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--wrap {
1955
1904
  display: flex;
1956
1905
  column-gap: 1.7148981779rem;
1957
1906
  }
1958
- .right-to-left .ilo--card__type__multilink.ilo--card__size__wide .ilo--card--wrap, .right-to-left .ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--wrap {
1959
- flex-direction: row-reverse;
1960
- }
1961
1907
  .ilo--card__type__multilink.ilo--card__size__wide .ilo--card--image--wrapper, .ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--image--wrapper {
1962
1908
  display: block;
1963
1909
  width: 50%;
@@ -1970,14 +1916,13 @@ body {
1970
1916
  }
1971
1917
  }
1972
1918
  .ilo--card__type__multilink .ilo--link-list {
1973
- margin-top: 1.8756698821rem;
1974
1919
  position: relative;
1975
1920
  z-index: 3;
1976
1921
  }
1977
1922
 
1978
1923
  /**
1979
1924
  * Do not edit directly
1980
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1925
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1981
1926
  */
1982
1927
  /**
1983
1928
  * TOKENS:
@@ -1989,7 +1934,7 @@ body {
1989
1934
  --max-width: 32.154340836rem;
1990
1935
  background: rgb(235, 245, 253);
1991
1936
  border-bottom: 0.1607717042rem solid rgb(190, 220, 250);
1992
- padding: 2.5723472669rem 2.7867095391rem;
1937
+ padding: 2.5723472669rem 2.1436227224rem 3.0010718114rem;
1993
1938
  position: relative;
1994
1939
  width: 100%;
1995
1940
  }
@@ -2039,7 +1984,7 @@ body {
2039
1984
  .ilo--card__type__data.ilo--card__size__narrow {
2040
1985
  --max-width: 16.1307609861rem;
2041
1986
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
2042
- padding: 2.1436227224rem 1.2861736334rem 2.8403001072rem;
1987
+ padding: 2.1436227224rem 1.2861736334rem 3.0010718114rem;
2043
1988
  }
2044
1989
  @media screen and (max-width: 609px) {
2045
1990
  .ilo--card__type__data.ilo--card__size__narrow {
@@ -2050,10 +1995,10 @@ body {
2050
1995
  --max-width: 41.6934619507rem;
2051
1996
  }
2052
1997
  .ilo--card__type__data.ilo--card__size__wide.ilo--card__type__data__columns__one {
2053
- padding: 2.5723472669rem 2.7867095391rem;
1998
+ padding: 2.5723472669rem 2.1436227224rem 3.0010718114rem;
2054
1999
  }
2055
2000
  .ilo--card__type__data.ilo--card__size__wide.ilo--card__type__data__columns__two {
2056
- padding: 2.5723472669rem 5.8413719185rem;
2001
+ padding: 2.5723472669rem 2.5723472669rem 3.0010718114rem 6.0021436227rem;
2057
2002
  }
2058
2003
  .ilo--card__type__data.ilo--card__size__wide, .ilo--card__type__data.ilo--card__size__fluid {
2059
2004
  clip-path: polygon(0 0, calc(100% - 86px) 0, 100% 48px, 100% 100%, 0 100%);
@@ -2097,7 +2042,7 @@ body {
2097
2042
 
2098
2043
  /**
2099
2044
  * Do not edit directly
2100
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2045
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2101
2046
  */
2102
2047
  /**
2103
2048
  * TOKENS:
@@ -2108,7 +2053,7 @@ body {
2108
2053
  .ilo--card__type__stat {
2109
2054
  --max-width: 18.3815648446rem;
2110
2055
  border-bottom: 0.1607717042rem solid rgb(150, 10, 85);
2111
- padding: 1.2861736334rem 2.1436227224rem 1.1789924973rem;
2056
+ padding: 2.1436227224rem 1.2861736334rem 1.7148981779rem;
2112
2057
  position: relative;
2113
2058
  width: 100%;
2114
2059
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
@@ -2118,6 +2063,10 @@ body {
2118
2063
  --max-width: 100%;
2119
2064
  }
2120
2065
  }
2066
+ [dir=rtl] .ilo--card__type__stat {
2067
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
2068
+ clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
2069
+ }
2121
2070
  .ilo--card__type__stat.ilo--card__color__blue {
2122
2071
  background: rgb(235, 245, 253);
2123
2072
  }
@@ -2137,9 +2086,6 @@ body {
2137
2086
  justify-content: flex-start;
2138
2087
  height: 100%;
2139
2088
  }
2140
- .right-to-left .ilo--card__type__stat .ilo--card--content {
2141
- flex-direction: row-reverse;
2142
- }
2143
2089
  .ilo--card__type__stat .ilo--card--title {
2144
2090
  color: rgb(35, 0, 80);
2145
2091
  font-size: 36.45px;
@@ -2172,7 +2118,7 @@ body {
2172
2118
 
2173
2119
  /**
2174
2120
  * Do not edit directly
2175
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2121
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2176
2122
  */
2177
2123
  /**
2178
2124
  * TOKENS:
@@ -2183,34 +2129,28 @@ body {
2183
2129
  .ilo--card__type__factlist {
2184
2130
  --max-width: 20.0964630225rem;
2185
2131
  border-bottom: 0.1607717042rem solid rgb(184, 196, 204);
2186
- padding: 1.2861736334rem 2.5723472669rem;
2132
+ padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
2187
2133
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
2188
2134
  }
2189
2135
  @media screen and (min-width: 1024px) {
2190
2136
  .ilo--card__type__factlist {
2191
- padding: 2.1436227224rem 3.0010718114rem;
2137
+ padding: 2.5723472669rem 2.1436227224rem 3.0010718114rem;
2192
2138
  }
2193
2139
  }
2194
2140
  .ilo--card__type__factlist.ilo--card__size__wide {
2195
2141
  --max-width: 45.8735262594rem;
2196
- padding: 2.1436227224rem 2.7867095391rem;
2142
+ padding: 2.5723472669rem 2.1436227224rem 3.0010718114rem;
2197
2143
  }
2198
2144
  @media screen and (min-width: 610px) {
2199
2145
  .ilo--card__type__factlist.ilo--card__size__wide {
2200
- padding: 2.1436227224rem 3.2154340836rem;
2201
2146
  clip-path: polygon(0 0, calc(100% - 87px) 0, 100% 48px, 100% 100%, 0 100%);
2202
2147
  }
2203
2148
  }
2204
2149
  .ilo--card__type__factlist.ilo--card__size__narrow {
2205
2150
  --max-width: 20.0964630225rem;
2206
- padding: 1.2861736334rem 2.5723472669rem;
2151
+ padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
2207
2152
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
2208
2153
  }
2209
- @media screen and (min-width: 610px) {
2210
- .ilo--card__type__factlist.ilo--card__size__narrow {
2211
- padding: 1.2861736334rem 2.5723472669rem;
2212
- }
2213
- }
2214
2154
  .ilo--card__type__factlist.ilo--card__theme__dark {
2215
2155
  border-bottom: 0.1607717042rem solid rgb(250, 60, 75);
2216
2156
  }
@@ -2247,7 +2187,7 @@ body {
2247
2187
 
2248
2188
  /**
2249
2189
  * Do not edit directly
2250
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2190
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2251
2191
  */
2252
2192
  /**
2253
2193
  * TOKENS:
@@ -2281,9 +2221,6 @@ body {
2281
2221
  margin: auto;
2282
2222
  width: 100%;
2283
2223
  }
2284
- .right-to-left .ilo--cardgroup--inner {
2285
- flex-direction: row-reverse;
2286
- }
2287
2224
  .ilo--cardgroup .ilo--card,
2288
2225
  .ilo--cardgroup .ilo--card--wrapper {
2289
2226
  height: 100%;
@@ -2299,7 +2236,7 @@ body {
2299
2236
 
2300
2237
  /**
2301
2238
  * Do not edit directly
2302
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2239
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2303
2240
  */
2304
2241
  /**
2305
2242
  * TOKENS:
@@ -2376,7 +2313,7 @@ body {
2376
2313
 
2377
2314
  /**
2378
2315
  * Do not edit directly
2379
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2316
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2380
2317
  */
2381
2318
  /**
2382
2319
  * TOKENS:
@@ -2457,7 +2394,7 @@ body {
2457
2394
 
2458
2395
  /**
2459
2396
  * Do not edit directly
2460
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2397
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2461
2398
  */
2462
2399
  /**
2463
2400
  * TOKENS:
@@ -2467,7 +2404,7 @@ body {
2467
2404
  */
2468
2405
  /**
2469
2406
  * Do not edit directly
2470
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2407
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2471
2408
  */
2472
2409
  /**
2473
2410
  * TOKENS:
@@ -2477,7 +2414,7 @@ body {
2477
2414
  */
2478
2415
  /**
2479
2416
  * Do not edit directly
2480
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2417
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2481
2418
  */
2482
2419
  /**
2483
2420
  * TOKENS:
@@ -2487,7 +2424,7 @@ body {
2487
2424
  */
2488
2425
  /**
2489
2426
  * Do not edit directly
2490
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2427
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2491
2428
  */
2492
2429
  /**
2493
2430
  * TOKENS:
@@ -2583,29 +2520,29 @@ body {
2583
2520
  display: inline-block;
2584
2521
  }
2585
2522
  }
2586
- .right-to-left .ilo--credit:after {
2523
+ [dir=rtl] .ilo--credit:after {
2587
2524
  background-position: top left;
2588
2525
  left: auto;
2589
2526
  right: 100%;
2590
2527
  transform: scaleX(-1);
2591
2528
  }
2592
2529
  @media screen and (max-width: 1023px) {
2593
- .right-to-left .ilo--credit--label {
2530
+ [dir=rtl] .ilo--credit--label {
2594
2531
  left: auto;
2595
2532
  right: 0;
2596
2533
  }
2597
- .right-to-left .ilo--credit--label:after {
2534
+ [dir=rtl] .ilo--credit--label:after {
2598
2535
  background-position: top right;
2599
2536
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 11'%3e%3cpath fill='rgb(45, 45, 45)' d='M6.00007 10.8462L12 0L0 0L6.00007 10.8462Z'/%3e%3c/svg%3e");
2600
2537
  left: auto;
2601
2538
  right: calc(0.6430868167rem / 2);
2602
2539
  }
2603
- .right-to-left .ilo--credit:before {
2540
+ [dir=rtl] .ilo--credit:before {
2604
2541
  background-position: 4px center;
2605
2542
  left: auto;
2606
2543
  right: 0;
2607
2544
  }
2608
- .right-to-left .ilo--credit:after {
2545
+ [dir=rtl] .ilo--credit:after {
2609
2546
  left: auto;
2610
2547
  right: 1.5541264737rem;
2611
2548
  }
@@ -2613,7 +2550,7 @@ body {
2613
2550
 
2614
2551
  /**
2615
2552
  * Do not edit directly
2616
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2553
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2617
2554
  */
2618
2555
  /**
2619
2556
  * TOKENS:
@@ -2628,9 +2565,13 @@ body {
2628
2565
  cursor: pointer;
2629
2566
  }
2630
2567
 
2568
+ .ilo--input.ilo--datepicker {
2569
+ padding: 0.6430868167rem 0.857449089rem 0.6430868167rem;
2570
+ }
2571
+
2631
2572
  /**
2632
2573
  * Do not edit directly
2633
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2574
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2634
2575
  */
2635
2576
  /**
2636
2577
  * TOKENS:
@@ -2655,13 +2596,10 @@ body {
2655
2596
  letter-spacing: -0.02em;
2656
2597
  line-height: 21.6px;
2657
2598
  height: 2.4115755627rem;
2658
- margin: 0rem 0rem 0rem 0rem;
2599
+ margin: 0rem;
2659
2600
  outline: none;
2660
2601
  overflow: hidden;
2661
- padding-left: 16px;
2662
- padding-right: 56px;
2663
- padding-bottom: 0;
2664
- padding-top: 0;
2602
+ padding: 0 3.0010718114rem 0 0.857449089rem;
2665
2603
  text-overflow: ellipsis;
2666
2604
  white-space: nowrap;
2667
2605
  width: calc(100% - 78px);
@@ -2715,10 +2653,15 @@ body {
2715
2653
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
2716
2654
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
2717
2655
  }
2656
+ [dir=rtl] .ilo--dropdown {
2657
+ padding: 0 0.857449089rem 0 3.0010718114rem;
2658
+ background-position: calc(0% + 14px) center, 0% center;
2659
+ 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%);
2660
+ }
2718
2661
 
2719
2662
  /**
2720
2663
  * Do not edit directly
2721
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2664
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2722
2665
  */
2723
2666
  /**
2724
2667
  * TOKENS:
@@ -2728,7 +2671,7 @@ body {
2728
2671
  */
2729
2672
  /**
2730
2673
  * Do not edit directly
2731
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2674
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2732
2675
  */
2733
2676
  /**
2734
2677
  * TOKENS:
@@ -2738,7 +2681,7 @@ body {
2738
2681
  */
2739
2682
  /**
2740
2683
  * Do not edit directly
2741
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2684
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2742
2685
  */
2743
2686
  /**
2744
2687
  * TOKENS:
@@ -2791,7 +2734,7 @@ body {
2791
2734
 
2792
2735
  /**
2793
2736
  * Do not edit directly
2794
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2737
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2795
2738
  */
2796
2739
  /**
2797
2740
  * TOKENS:
@@ -2806,6 +2749,9 @@ body {
2806
2749
  .ilo--fieldset--legend-wrapper {
2807
2750
  margin-bottom: 0.8717716645rem;
2808
2751
  }
2752
+ .ilo--fieldset--legend-wrapper .ilo--tooltip--wrapper {
2753
+ top: 0.1071811361rem;
2754
+ }
2809
2755
  .ilo--fieldset--legend {
2810
2756
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
2811
2757
  font-weight: 700;
@@ -2871,13 +2817,12 @@ body {
2871
2817
  pointer-events: none;
2872
2818
  }
2873
2819
  .ilo--fieldset .ilo--tooltip--wrapper {
2874
- margin-left: 8px;
2875
- margin-top: 3px;
2820
+ margin-left: 0.2143622722rem;
2876
2821
  }
2877
2822
 
2878
2823
  /**
2879
2824
  * Do not edit directly
2880
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2825
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2881
2826
  */
2882
2827
  /**
2883
2828
  * TOKENS:
@@ -2894,7 +2839,6 @@ body {
2894
2839
  display: inline-block;
2895
2840
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
2896
2841
  font-weight: 700;
2897
- padding: 0;
2898
2842
  border-bottom-left-radius: 2px;
2899
2843
  border-bottom-right-radius: 2px;
2900
2844
  border-top-left-radius: 2px;
@@ -2969,12 +2913,12 @@ body {
2969
2913
  line-height: 21.6px;
2970
2914
  height: 2.5723472669rem;
2971
2915
  outline: none;
2972
- padding: 0.6966773848rem 0.6430868167rem 0.857449089rem 0.5894962487rem;
2916
+ padding: 0.6430868167rem 0.6430868167rem 0.857449089rem;
2973
2917
  }
2974
2918
 
2975
2919
  /**
2976
2920
  * Do not edit directly
2977
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2921
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2978
2922
  */
2979
2923
  /**
2980
2924
  * TOKENS:
@@ -2989,7 +2933,7 @@ body {
2989
2933
  align-items: flex-start;
2990
2934
  flex-direction: column;
2991
2935
  appearance: none;
2992
- gap: 32px;
2936
+ gap: 1.7148981779rem;
2993
2937
  color: rgb(45, 45, 45);
2994
2938
  }
2995
2939
  .ilo--form__theme__light {
@@ -3016,7 +2960,7 @@ body {
3016
2960
 
3017
2961
  /**
3018
2962
  * Do not edit directly
3019
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2963
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3020
2964
  */
3021
2965
  /**
3022
2966
  * TOKENS:
@@ -3124,7 +3068,10 @@ body {
3124
3068
  font-weight: inherit;
3125
3069
  }
3126
3070
  .ilo--form-control--label div[class*=tooltip] {
3127
- margin-left: 0.2143622722rem;
3071
+ margin-left: 0.4287245445rem;
3072
+ }
3073
+ [dir=rtl] .ilo--form-control--label div[class*=tooltip] {
3074
+ margin-right: 0.4287245445rem;
3128
3075
  }
3129
3076
  .ilo--form-control--helper {
3130
3077
  grid-area: helper;
@@ -3134,10 +3081,13 @@ body {
3134
3081
  letter-spacing: normal;
3135
3082
  line-height: 16.24px;
3136
3083
  }
3084
+ .ilo--form-control .ilo--tooltip--wrapper {
3085
+ bottom: 0.1071811361rem;
3086
+ }
3137
3087
 
3138
3088
  /**
3139
3089
  * Do not edit directly
3140
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3090
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3141
3091
  */
3142
3092
  /**
3143
3093
  * TOKENS:
@@ -3147,7 +3097,7 @@ body {
3147
3097
  */
3148
3098
  /**
3149
3099
  * Do not edit directly
3150
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3100
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3151
3101
  */
3152
3102
  /**
3153
3103
  * TOKENS:
@@ -3172,7 +3122,7 @@ body {
3172
3122
  }
3173
3123
  /**
3174
3124
  * Do not edit directly
3175
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3125
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3176
3126
  */
3177
3127
  /**
3178
3128
  * TOKENS:
@@ -3189,7 +3139,7 @@ body {
3189
3139
  /* RTL Styles */
3190
3140
  }
3191
3141
  .ilo--footer--main {
3192
- padding: 2.1436227224rem 1.7148981779rem;
3142
+ padding: 2.1436227224rem 1.7148981779rem 2.5723472669rem;
3193
3143
  position: relative;
3194
3144
  }
3195
3145
  .ilo--footer--main:before {
@@ -3224,9 +3174,12 @@ body {
3224
3174
  }
3225
3175
  .ilo--footer--secondary {
3226
3176
  background-color: rgb(237, 240, 242);
3227
- padding-top: 1.9292604502rem;
3177
+ padding: 1.7148981779rem 0.857449089rem 0;
3228
3178
  min-height: 3.0010718114rem;
3229
3179
  }
3180
+ .ilo--footer--secondary [class*=container] {
3181
+ padding: 0;
3182
+ }
3230
3183
  .ilo--footer--headline {
3231
3184
  color: rgb(255, 255, 255);
3232
3185
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
@@ -3236,21 +3189,21 @@ body {
3236
3189
  line-height: 23.36px;
3237
3190
  line-height: 1.1575562701rem;
3238
3191
  margin-bottom: 0.0895963823rem;
3239
- margin-top: 1.1789924973rem;
3192
+ margin-top: 1.0718113612rem;
3240
3193
  }
3241
3194
  .ilo--footer--subhead {
3242
3195
  color: #bedcfa;
3243
3196
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
3244
3197
  font-weight: 500;
3245
- margin-top: 0.5359056806rem;
3198
+ margin-top: 0.2143622722rem;
3246
3199
  font-size: 11.94px;
3247
3200
  letter-spacing: normal;
3248
3201
  line-height: 16.24px;
3249
3202
  line-height: 0.9946409432rem;
3250
- margin-bottom: 2.4115755627rem;
3203
+ margin-bottom: 2.5723472669rem;
3251
3204
  }
3252
3205
  .ilo--footer .address {
3253
- margin-bottom: 2.0900321543rem;
3206
+ margin-bottom: 1.0718113612rem;
3254
3207
  }
3255
3208
  .ilo--footer .address--line {
3256
3209
  color: rgb(255, 255, 255);
@@ -3260,10 +3213,10 @@ body {
3260
3213
  margin-bottom: 0.12089916rem;
3261
3214
  }
3262
3215
  .ilo--footer .connect {
3263
- margin: 2.9474812433rem 0;
3216
+ margin: 2.5723472669rem 0 2.1436227224rem;
3264
3217
  }
3265
3218
  .ilo--footer .social--links {
3266
- margin-bottom: 2.4115755627rem;
3219
+ margin-bottom: 2.1436227224rem;
3267
3220
  }
3268
3221
  .ilo--footer .legal,
3269
3222
  .ilo--footer .secondarylinks {
@@ -3329,7 +3282,7 @@ body {
3329
3282
  justify-content: center;
3330
3283
  border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
3331
3284
  margin: 0.6430868167rem auto 0 auto;
3332
- padding: 0.857449089rem 0.857449089rem 0.857449089rem 0.857449089rem;
3285
+ padding: 0.857449089rem;
3333
3286
  }
3334
3287
  .ilo--footer .anchorlink:after {
3335
3288
  background-repeat: no-repeat;
@@ -3359,11 +3312,11 @@ body {
3359
3312
  .ilo--footer--main {
3360
3313
  display: grid;
3361
3314
  grid-template-columns: minmax(0, 50%) minmax(0, 50%);
3362
- gap: 0px 64px;
3315
+ gap: 0px 3.4297963558rem;
3363
3316
  grid-template-areas: "site-info address" "site-info links" "site-info connect" "site-info subscribe";
3364
3317
  align-content: start;
3365
3318
  align-items: start;
3366
- padding: 2.1436227224rem 1.0718113612rem;
3319
+ padding: 2.1436227224rem 1.0718113612rem 5.1446945338rem;
3367
3320
  }
3368
3321
  .ilo--footer .site--info {
3369
3322
  grid-area: site-info;
@@ -3382,8 +3335,8 @@ body {
3382
3335
  grid-area: subscribe;
3383
3336
  }
3384
3337
  .ilo--footer--secondary {
3385
- padding-top: 0.9646302251rem;
3386
- padding-bottom: 0.9646302251rem;
3338
+ padding-top: 0.857449089rem;
3339
+ padding-bottom: 0.857449089rem;
3387
3340
  position: relative;
3388
3341
  z-index: 1;
3389
3342
  }
@@ -3412,10 +3365,10 @@ body {
3412
3365
  display: grid;
3413
3366
  grid-template-columns: 0.25fr 0.33fr 0.09fr 0.33fr;
3414
3367
  grid-template-rows: auto auto;
3415
- gap: 0px 64px;
3368
+ gap: 0px 3.4297963558rem;
3416
3369
  grid-template-areas: "site-info address . connect" "site-info links . subscribe";
3417
- padding-top: 2.3579849946rem;
3418
- padding-bottom: 2.7331189711rem;
3370
+ padding-top: 2.1436227224rem;
3371
+ padding-bottom: 5.1446945338rem;
3419
3372
  }
3420
3373
  .ilo--footer--main:before {
3421
3374
  content: none;
@@ -3436,9 +3389,12 @@ body {
3436
3389
  align-self: start;
3437
3390
  justify-self: start;
3438
3391
  }
3392
+ .ilo--footer .address {
3393
+ margin-bottom: 1.0718113612rem;
3394
+ }
3439
3395
  .ilo--footer--secondary {
3440
- padding-top: 0.9646302251rem;
3441
- padding-bottom: 0.9646302251rem;
3396
+ padding-top: 0.857449089rem;
3397
+ padding-bottom: 0.857449089rem;
3442
3398
  position: relative;
3443
3399
  }
3444
3400
  .ilo--footer--secondary [class*=container] {
@@ -3459,16 +3415,13 @@ body {
3459
3415
  .ilo--footer .anchorlink {
3460
3416
  margin: 0;
3461
3417
  border: none;
3462
- padding: 0.25rem;
3418
+ padding: 0.2143622722rem;
3463
3419
  }
3464
3420
  .ilo--footer .anchorlink:hover {
3465
3421
  margin-bottom: -0.1071811361rem;
3466
3422
  }
3467
3423
  }
3468
- .right-to-left .ilo--footer * {
3469
- text-align: right;
3470
- }
3471
- .right-to-left .ilo--footer--main:before {
3424
+ .ilo--footer[dir=rtl] .ilo--footer--main:before {
3472
3425
  background-size: contain;
3473
3426
  background-repeat: no-repeat;
3474
3427
  content: "";
@@ -3482,33 +3435,20 @@ body {
3482
3435
  left: 0;
3483
3436
  transform: scaleY(-1) scaleX(-1);
3484
3437
  }
3485
- .right-to-left .ilo--footer .subscribe a {
3486
- align-self: flex-end;
3487
- }
3488
- .right-to-left .ilo--footer--secondary [class*=container] {
3489
- flex-direction: row-reverse;
3490
- }
3491
- .right-to-left .ilo--footer--secondary--details {
3492
- display: flex;
3493
- flex-flow: row-reverse wrap;
3494
- }
3495
- .right-to-left .ilo--footer .secondarylinks--list {
3496
- flex-direction: row-reverse;
3497
- }
3498
- .right-to-left .ilo--footer .secondarylinks--list--item:before {
3438
+ .ilo--footer[dir=rtl] .ilo--footer .secondarylinks--list--item:before {
3499
3439
  content: none;
3500
3440
  }
3501
- .right-to-left .ilo--footer .secondarylinks--list--item:after {
3441
+ .ilo--footer[dir=rtl] .ilo--footer .secondarylinks--list--item:after {
3502
3442
  content: "|";
3503
3443
  margin: 0.2143622722rem;
3504
3444
  }
3505
3445
  @media screen and (min-width: 610px) {
3506
- .right-to-left .ilo--footer--main {
3446
+ .ilo--footer[dir=rtl] .ilo--footer--main {
3507
3447
  grid-template-areas: "address site-info" "links site-info" "connect site-info" "subscribe site-info";
3508
3448
  }
3509
3449
  }
3510
3450
  @media screen and (min-width: 1024px) {
3511
- .right-to-left .ilo--footer:after {
3451
+ .ilo--footer[dir=rtl] .ilo--footer:after {
3512
3452
  background-size: contain;
3513
3453
  background-repeat: no-repeat;
3514
3454
  content: "";
@@ -3522,24 +3462,24 @@ body {
3522
3462
  left: 0;
3523
3463
  transform: scaleY(1) scaleX(-1);
3524
3464
  }
3525
- .right-to-left .ilo--footer--main {
3465
+ .ilo--footer[dir=rtl] .ilo--footer--main {
3526
3466
  grid-template-columns: 0.33fr 0.09fr 0.33fr 0.25fr;
3527
3467
  grid-template-areas: "connect . address site-info" "subscribe . links site-info";
3528
3468
  }
3529
- .right-to-left .ilo--footer--main:before {
3469
+ .ilo--footer[dir=rtl] .ilo--footer--main:before {
3530
3470
  content: none;
3531
3471
  }
3532
- .right-to-left .ilo--footer .connect {
3472
+ .ilo--footer[dir=rtl] .ilo--footer .connect {
3533
3473
  grid-template-columns: 60%, minmax(0, 40%);
3534
3474
  }
3535
- .right-to-left .ilo--footer .ilo--button {
3475
+ .ilo--footer[dir=rtl] .ilo--footer .ilo--button {
3536
3476
  justify-self: end;
3537
3477
  }
3538
3478
  }
3539
3479
 
3540
3480
  /**
3541
3481
  * Do not edit directly
3542
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3482
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3543
3483
  */
3544
3484
  /**
3545
3485
  * TOKENS:
@@ -3662,7 +3602,7 @@ body {
3662
3602
 
3663
3603
  /**
3664
3604
  * Do not edit directly
3665
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3605
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3666
3606
  */
3667
3607
  /**
3668
3608
  * TOKENS:
@@ -3671,26 +3611,31 @@ body {
3671
3611
  * MAPS:
3672
3612
  */
3673
3613
  .hero {
3674
- --added-offset: 0;
3614
+ --added-offset: 0px;
3675
3615
  --base-offset: calc(((100vw - 1300px) / 2));
3676
3616
  --card-padding-start: 71px;
3677
3617
  --corner-cut-height: 40px;
3678
3618
  width: 100%;
3679
3619
  display: grid;
3680
3620
  position: relative;
3681
- grid-template-rows: minmax(216px, 1fr) 27px 40px auto;
3682
3621
  grid-template-columns: 1fr;
3683
3622
  overflow: hidden;
3623
+ grid-template-rows: minmax(1rem, 1fr) 27px 40px auto;
3624
+ }
3625
+ .hero--image {
3626
+ display: grid;
3627
+ grid-template-rows: minmax(216px, 1fr) 27px 40px auto;
3684
3628
  }
3685
3629
  .hero--breadcrumbs {
3686
3630
  display: none;
3687
3631
  }
3688
- .hero--figure {
3632
+ .hero--background {
3633
+ display: grid;
3689
3634
  background-color: rgb(235, 245, 253);
3690
3635
  position: relative;
3691
3636
  grid-area: 1/1/4/2;
3692
3637
  }
3693
- .hero--figure img {
3638
+ .hero--background img {
3694
3639
  position: absolute;
3695
3640
  object-fit: cover;
3696
3641
  width: 100%;
@@ -3824,13 +3769,13 @@ body {
3824
3769
  .hero--breadcrumbs--wrapper {
3825
3770
  width: 100%;
3826
3771
  }
3827
- .hero--figure {
3772
+ .hero--background {
3828
3773
  grid-area: 1/1/5/5;
3829
3774
  }
3830
- .hero__card-align__center .hero--figure {
3775
+ .hero__card-align__center .hero--background {
3831
3776
  grid-area: 1/1/6/5;
3832
3777
  }
3833
- .hero__card-align__bottom .hero--figure {
3778
+ .hero__card-align__bottom .hero--background {
3834
3779
  grid-area: 1/1/5/5;
3835
3780
  }
3836
3781
  .hero--card-offset {
@@ -3914,7 +3859,7 @@ body {
3914
3859
  left: 2px;
3915
3860
  }
3916
3861
  }
3917
- .right-to-left .hero--caption--wrapper {
3862
+ [dir=rtl] .hero--caption--wrapper {
3918
3863
  background: rgb(45, 45, 45);
3919
3864
  height: 27px;
3920
3865
  width: 30px;
@@ -3922,10 +3867,10 @@ body {
3922
3867
  justify-content: center;
3923
3868
  align-items: center;
3924
3869
  position: relative;
3925
- position: absolute;
3926
3870
  right: 0;
3871
+ position: absolute;
3927
3872
  }
3928
- .right-to-left .hero--caption--wrapper::after {
3873
+ [dir=rtl] .hero--caption--wrapper::after {
3929
3874
  content: "";
3930
3875
  position: absolute;
3931
3876
  top: 0;
@@ -3938,54 +3883,7 @@ body {
3938
3883
  border-right: calc(27px - 4px) solid rgb(45, 45, 45);
3939
3884
  }
3940
3885
  @media screen and (min-width: 1024px) {
3941
- .right-to-left .hero__card-justify__start {
3942
- --col-1-lg: 1fr;
3943
- --col-2-lg: 30px;
3944
- --col-3-lg: var(--card-width);
3945
- --col-4-lg: calc(
3946
- var(--base-offset) - 71px + var(--added-offset)
3947
- );
3948
- }
3949
- .right-to-left .hero__card-justify__offset {
3950
- --col-1-lg: 1fr;
3951
- --col-2-lg: 30px;
3952
- --col-3-lg: var(--card-width);
3953
- --col-4-lg: calc(
3954
- var(--base-offset) - 71px + var(--added-offset)
3955
- );
3956
- }
3957
- .right-to-left .hero__card-justify__center {
3958
- --col-1-lg: calc(
3959
- ((100% - var(--card-width)) / 2) - 30px
3960
- );
3961
- --col-2-lg: 30px;
3962
- --col-3-lg: var(--card-width);
3963
- --col-4-lg: calc((100% - var(--card-width)) / 2);
3964
- }
3965
- .right-to-left .hero__card-align__center .hero--card {
3966
- grid-area: 3/3/4/4;
3967
- }
3968
- .right-to-left .hero__card-align__center .hero--caption {
3969
- grid-area: 5/4/6/5;
3970
- }
3971
- .right-to-left .hero__card-align__center .hero--caption--wrapper {
3972
- right: 0;
3973
- left: initial;
3974
- position: absolute;
3975
- }
3976
- .right-to-left .hero__card-align__bottom .hero--caption {
3977
- grid-area: 4/4/5/5;
3978
- }
3979
- .right-to-left .hero__card-align__bottom .hero--caption--wrapper {
3980
- position: absolute;
3981
- right: 0;
3982
- bottom: 0;
3983
- left: initial;
3984
- }
3985
- .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption {
3986
- grid-area: 2/3/3/4;
3987
- }
3988
- .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper {
3886
+ [dir=rtl] .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper, [dir=rtl] .hero__card-align__bottom.hero__card-justify__offset .hero--caption--wrapper {
3989
3887
  background: rgb(45, 45, 45);
3990
3888
  height: 27px;
3991
3889
  width: 30px;
@@ -3996,51 +3894,9 @@ body {
3996
3894
  position: absolute;
3997
3895
  left: initial;
3998
3896
  right: 0;
3897
+ bottom: 0;
3999
3898
  }
4000
- .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper::after {
4001
- content: "";
4002
- position: absolute;
4003
- top: 0;
4004
- width: 0;
4005
- height: 0;
4006
- border-top: 27px solid transparent;
4007
- left: auto;
4008
- right: 100%;
4009
- border-left: none;
4010
- border-right: calc(27px - 4px) solid rgb(45, 45, 45);
4011
- }
4012
- .right-to-left .hero--card-offset {
4013
- grid-area: 3/4/6/5;
4014
- }
4015
- .right-to-left .hero--card-offset:after {
4016
- right: initial;
4017
- left: -1px;
4018
- }
4019
- .right-to-left .hero--card {
4020
- grid-area: 3/3/6/4;
4021
- }
4022
- .right-to-left .hero--breadcrumbs-offset {
4023
- grid-area: 1/4/2/5;
4024
- }
4025
- .right-to-left .hero--breadcrumbs {
4026
- grid-area: 1/4/2/1;
4027
- flex-direction: row-reverse;
4028
- }
4029
- .right-to-left .hero--caption {
4030
- grid-area: 4/2/5/3;
4031
- }
4032
- .right-to-left .hero--caption--wrapper {
4033
- right: 2px;
4034
- left: initial;
4035
- background: rgb(45, 45, 45);
4036
- height: 27px;
4037
- width: 30px;
4038
- display: flex;
4039
- justify-content: center;
4040
- align-items: center;
4041
- position: relative;
4042
- }
4043
- .right-to-left .hero--caption--wrapper::after {
3899
+ [dir=rtl] .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper::after, [dir=rtl] .hero__card-align__bottom.hero__card-justify__offset .hero--caption--wrapper::after {
4044
3900
  content: "";
4045
3901
  position: absolute;
4046
3902
  top: 0;
@@ -4056,7 +3912,7 @@ body {
4056
3912
 
4057
3913
  /**
4058
3914
  * Do not edit directly
4059
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3915
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4060
3916
  */
4061
3917
  /**
4062
3918
  * TOKENS:
@@ -4076,9 +3932,6 @@ body {
4076
3932
  padding-inline-start: var(--card-padding-start);
4077
3933
  }
4078
3934
  }
4079
- .right-to-left .ilo--hero-card {
4080
- direction: rtl;
4081
- }
4082
3935
  .ilo--hero-card--title-link {
4083
3936
  color: inherit;
4084
3937
  text-decoration: none;
@@ -4116,7 +3969,7 @@ body {
4116
3969
  .ilo--hero-card__cornercut {
4117
3970
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
4118
3971
  }
4119
- .right-to-left .ilo--hero-card__cornercut {
3972
+ [dir=rtl] .ilo--hero-card__cornercut {
4120
3973
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
4121
3974
  clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
4122
3975
  }
@@ -4124,7 +3977,7 @@ body {
4124
3977
  .ilo--hero-card__cornercut {
4125
3978
  clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
4126
3979
  }
4127
- .right-to-left .ilo--hero-card__cornercut {
3980
+ [dir=rtl] .ilo--hero-card__cornercut {
4128
3981
  clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
4129
3982
  clip-path: polygon(116px 0, 100% 0, 100% 100%, 0 100%, 0 64px);
4130
3983
  }
@@ -4192,7 +4045,7 @@ body {
4192
4045
 
4193
4046
  /**
4194
4047
  * Do not edit directly
4195
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4048
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4196
4049
  */
4197
4050
  /**
4198
4051
  * TOKENS:
@@ -4216,7 +4069,7 @@ body {
4216
4069
  width: 100%;
4217
4070
  }
4218
4071
  .ilo--image--caption {
4219
- border-left: 3px solid rgb(184, 196, 204);
4072
+ border-left: 0.1607717042rem solid rgb(184, 196, 204);
4220
4073
  color: rgb(109, 109, 109);
4221
4074
  font-weight: 400;
4222
4075
  margin-top: 0.857449089rem;
@@ -4235,20 +4088,20 @@ body {
4235
4088
  bottom: -0.2143622722rem;
4236
4089
  }
4237
4090
  }
4238
- .right-to-left .ilo--image .ilo--image--caption {
4091
+ [dir=rtl] .ilo--image .ilo--image--caption {
4239
4092
  border-left: none;
4240
4093
  border-right: 3px solid #b8c4cc;
4241
4094
  padding-left: 0;
4242
4095
  padding-right: 0.4287245445rem;
4243
4096
  }
4244
- .right-to-left .ilo--image .ilo--credit {
4097
+ [dir=rtl] .ilo--image .ilo--credit {
4245
4098
  left: auto;
4246
4099
  right: 0;
4247
4100
  }
4248
4101
 
4249
4102
  /**
4250
4103
  * Do not edit directly
4251
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4104
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4252
4105
  */
4253
4106
  /**
4254
4107
  * TOKENS:
@@ -4272,7 +4125,7 @@ body {
4272
4125
  letter-spacing: -0.02em;
4273
4126
  line-height: 21.6px;
4274
4127
  height: 2.5723472669rem;
4275
- margin: 0rem 0rem 0rem 0rem;
4128
+ margin: 0rem;
4276
4129
  outline: none;
4277
4130
  padding: 0.857449089rem 0.6430868167rem 0.857449089rem 0.6430868167rem;
4278
4131
  width: 100%;
@@ -4283,7 +4136,7 @@ body {
4283
4136
  border-left: 0.1607717042rem solid rgb(30, 45, 190);
4284
4137
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
4285
4138
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
4286
- padding-left: 11px;
4139
+ padding-left: 0.6430868167rem;
4287
4140
  outline: none;
4288
4141
  }
4289
4142
  .ilo--input:disabled {
@@ -4390,7 +4243,7 @@ body {
4390
4243
 
4391
4244
  /**
4392
4245
  * Do not edit directly
4393
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4246
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4394
4247
  */
4395
4248
  /**
4396
4249
  * TOKENS:
@@ -4400,7 +4253,7 @@ body {
4400
4253
  */
4401
4254
  /**
4402
4255
  * Do not edit directly
4403
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4256
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4404
4257
  */
4405
4258
  /**
4406
4259
  * TOKENS:
@@ -4425,7 +4278,7 @@ body {
4425
4278
  }
4426
4279
  /**
4427
4280
  * Do not edit directly
4428
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4281
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4429
4282
  */
4430
4283
  /**
4431
4284
  * TOKENS:
@@ -4455,7 +4308,7 @@ body {
4455
4308
  }
4456
4309
  .ilo--link-list--links--item.indented .ilo--link-list--label {
4457
4310
  display: block;
4458
- padding-left: 1.2861736334rem;
4311
+ padding-left: 1.0718113612rem;
4459
4312
  position: relative;
4460
4313
  }
4461
4314
  .ilo--link-list--links--item.indented .ilo--link-list--label:before {
@@ -4473,6 +4326,14 @@ body {
4473
4326
  width: 0.6430868167rem;
4474
4327
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 11'%3e%3cpath fill='rgb(184, 196, 204)' d='M6.00007 10.8462L12 0L0 0L6.00007 10.8462Z'/%3e%3c/svg%3e");
4475
4328
  }
4329
+ [dir=rtl] .ilo--link-list--links--item.indented .ilo--link-list--label {
4330
+ padding-right: 1.2861736334rem;
4331
+ }
4332
+ [dir=rtl] .ilo--link-list--links--item.indented .ilo--link-list--label:before {
4333
+ transform: translateY(-50%) rotate(90deg);
4334
+ left: unset;
4335
+ right: 0;
4336
+ }
4476
4337
  .ilo--link-list--links--item.indented .ilo--link-list--link:hover .ilo--link-list--label:before, .ilo--link-list--links--item.indented .ilo--link-list--link:focus .ilo--link-list--label:before, .ilo--link-list--links--item.indented:hover .ilo--link-list--label:before, .ilo--link-list--links--item.indented:focus .ilo--link-list--label:before {
4477
4338
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 11'%3e%3cpath fill='rgb(30, 45, 190)' d='M6.00007 10.8462L12 0L0 0L6.00007 10.8462Z'/%3e%3c/svg%3e");
4478
4339
  }
@@ -4488,8 +4349,8 @@ body {
4488
4349
  font-size: 16px;
4489
4350
  letter-spacing: normal;
4490
4351
  line-height: 23.36px;
4491
- padding-bottom: 0.8934549032rem;
4492
- padding-top: 0.8934549032rem;
4352
+ padding-top: 0.857449089rem;
4353
+ padding-bottom: 0.857449089rem;
4493
4354
  padding-right: 1.7148981779rem;
4494
4355
  text-decoration: none;
4495
4356
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(35, 0, 80)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
@@ -4520,11 +4381,12 @@ body {
4520
4381
  transition-duration: 150ms;
4521
4382
  transition-timing-function: ease-out;
4522
4383
  }
4523
- .right-to-left .ilo--link-list--link {
4524
- background-position: 4px center;
4384
+ [dir=rtl] .ilo--link-list--link {
4385
+ background-position: 0.2143622722rem center;
4525
4386
  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");
4387
+ padding-right: 0;
4526
4388
  }
4527
- .right-to-left .ilo--link-list--link:hover, .right-to-left .ilo--link-list--link:focus {
4389
+ [dir=rtl] .ilo--link-list--link:hover, [dir=rtl] .ilo--link-list--link:focus {
4528
4390
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='m7.9 12.5-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3e%3c/svg%3e");
4529
4391
  }
4530
4392
  .ilo--link-list--dark .ilo--link-list--headline,
@@ -4566,16 +4428,13 @@ body {
4566
4428
  transition-duration: 150ms;
4567
4429
  transition-timing-function: ease-out;
4568
4430
  }
4569
- .right-to-left .ilo--link-list--dark .ilo--link-list--link {
4570
- background-position: 4px center;
4431
+ [dir=rtl] .ilo--link-list--dark .ilo--link-list--link {
4432
+ background-position: 0.2143622722rem center;
4571
4433
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(255, 255, 255)' d='m7.9 12.5-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3e%3c/svg%3e");
4572
4434
  }
4573
- .right-to-left .ilo--link-list--dark .ilo--link-list--link:hover, .right-to-left .ilo--link-list--dark .ilo--link-list--link:focus {
4435
+ [dir=rtl] .ilo--link-list--dark .ilo--link-list--link:hover, [dir=rtl] .ilo--link-list--dark .ilo--link-list--link:focus {
4574
4436
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='m7.9 12.5-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3e%3c/svg%3e");
4575
4437
  }
4576
- .right-to-left .ilo--link-list * {
4577
- text-align: right;
4578
- }
4579
4438
 
4580
4439
  .wingsuit-body .ilo--link-list--dark {
4581
4440
  background-color: rgb(35, 0, 80);
@@ -4583,7 +4442,7 @@ body {
4583
4442
 
4584
4443
  /**
4585
4444
  * Do not edit directly
4586
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4445
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4587
4446
  */
4588
4447
  /**
4589
4448
  * TOKENS:
@@ -4599,9 +4458,8 @@ body {
4599
4458
  list-style-type: none;
4600
4459
  }
4601
4460
  .ilo--list--unordered li {
4602
- margin-bottom: 1.7148981779rem;
4603
4461
  margin-left: 0.6430868167rem;
4604
- padding-left: 0.6430868167rem;
4462
+ padding-left: 0.4287245445rem;
4605
4463
  position: relative;
4606
4464
  }
4607
4465
  .ilo--list--unordered li::before {
@@ -4627,21 +4485,24 @@ body {
4627
4485
  flex-wrap: wrap;
4628
4486
  list-style: none;
4629
4487
  }
4488
+ .ilo--list--horizontal li::before {
4489
+ content: none;
4490
+ }
4630
4491
  .ilo--list--horizontal .ilo--list__title {
4631
4492
  margin-bottom: 0.4287245445rem;
4632
- margin-right: 1.9828510182rem;
4493
+ margin-right: 1.9292604502rem;
4633
4494
  }
4634
4495
  .ilo--list--horizontal .ilo--list__item {
4635
4496
  margin-bottom: 0.4287245445rem;
4636
4497
  margin-left: 0;
4637
- margin-right: 1.9828510182rem;
4498
+ margin-right: 2.1436227224rem;
4638
4499
  padding-left: 0;
4639
4500
  }
4640
4501
  .ilo--list__title {
4641
4502
  font-size: 18.66px;
4642
4503
  letter-spacing: -0.035em;
4643
4504
  line-height: 24.26px;
4644
- margin-bottom: 1.1254019293rem;
4505
+ margin-bottom: 1.2861736334rem;
4645
4506
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
4646
4507
  font-weight: 700;
4647
4508
  }
@@ -4650,7 +4511,6 @@ body {
4650
4511
  font-size: 23.32px;
4651
4512
  letter-spacing: -0.035em;
4652
4513
  line-height: 29.15px;
4653
- margin-bottom: 1.4469453376rem;
4654
4514
  }
4655
4515
  }
4656
4516
  .ilo--list__item {
@@ -4658,9 +4518,9 @@ body {
4658
4518
  letter-spacing: normal;
4659
4519
  line-height: 23.36px;
4660
4520
  font-family: Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
4661
- margin-bottom: 1.052683199rem;
4662
- margin-left: 1.2861736334rem;
4663
- padding-left: 0.1607717042rem;
4521
+ margin-bottom: 0.857449089rem;
4522
+ margin-left: 1.0718113612rem;
4523
+ padding-left: 0.2143622722rem;
4664
4524
  }
4665
4525
  .ilo--list__item b,
4666
4526
  .ilo--list__item strong {
@@ -4672,13 +4532,12 @@ body {
4672
4532
  font-size: 18.66px;
4673
4533
  letter-spacing: normal;
4674
4534
  line-height: 27.24px;
4675
- margin-bottom: 0.7967297949rem;
4676
4535
  }
4677
4536
  }
4678
4537
 
4679
4538
  /**
4680
4539
  * Do not edit directly
4681
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4540
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4682
4541
  */
4683
4542
  /**
4684
4543
  * TOKENS:
@@ -4688,7 +4547,7 @@ body {
4688
4547
  */
4689
4548
  /**
4690
4549
  * Do not edit directly
4691
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4550
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4692
4551
  */
4693
4552
  /**
4694
4553
  * TOKENS:
@@ -4698,7 +4557,7 @@ body {
4698
4557
  */
4699
4558
  /**
4700
4559
  * Do not edit directly
4701
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4560
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4702
4561
  */
4703
4562
  /**
4704
4563
  * TOKENS:
@@ -4869,7 +4728,7 @@ body {
4869
4728
 
4870
4729
  /**
4871
4730
  * Do not edit directly
4872
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4731
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4873
4732
  */
4874
4733
  /**
4875
4734
  * TOKENS:
@@ -4916,7 +4775,7 @@ body {
4916
4775
 
4917
4776
  /**
4918
4777
  * Do not edit directly
4919
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4778
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4920
4779
  */
4921
4780
  /**
4922
4781
  * TOKENS:
@@ -4926,7 +4785,7 @@ body {
4926
4785
  */
4927
4786
  /**
4928
4787
  * Do not edit directly
4929
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4788
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4930
4789
  */
4931
4790
  /**
4932
4791
  * TOKENS:
@@ -4936,7 +4795,7 @@ body {
4936
4795
  */
4937
4796
  /**
4938
4797
  * Do not edit directly
4939
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4798
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4940
4799
  */
4941
4800
  /**
4942
4801
  * TOKENS:
@@ -5033,7 +4892,7 @@ body {
5033
4892
 
5034
4893
  /**
5035
4894
  * Do not edit directly
5036
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4895
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
5037
4896
  */
5038
4897
  /**
5039
4898
  * TOKENS:
@@ -5154,7 +5013,7 @@ body {
5154
5013
  background: rgb(30, 45, 190);
5155
5014
  display: flex;
5156
5015
  justify-content: space-between;
5157
- padding: 0 20px;
5016
+ padding: 0 1.0718113612rem;
5158
5017
  }
5159
5018
  .ilo--header--utility-bar--local .ilo--language-switcher {
5160
5019
  display: none;
@@ -5174,7 +5033,7 @@ body {
5174
5033
  cursor: pointer;
5175
5034
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5176
5035
  font-weight: 500;
5177
- padding: 16px 16px 16px 36px;
5036
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 1.9292604502rem;
5178
5037
  text-decoration: none;
5179
5038
  transition: all 150ms ease-out;
5180
5039
  width: 100%;
@@ -5188,12 +5047,12 @@ body {
5188
5047
  background-color: rgb(235, 245, 253);
5189
5048
  color: rgb(30, 45, 190);
5190
5049
  }
5191
- .right-to-left .ilo--header--utility-bar--local .ilo--language-switcher--link {
5050
+ .ilo--header--utility-bar--local .ilo--language-switcher--link [dir=rtl] {
5192
5051
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(255, 255, 255)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
5193
5052
  background-position: calc(100% - 16px) 50%;
5194
5053
  padding: 16px 36px 16px 16px;
5195
5054
  }
5196
- .right-to-left .ilo--header--utility-bar--local .ilo--language-switcher--link:focus, .right-to-left .ilo--header--utility-bar--local .ilo--language-switcher--link:hover {
5055
+ .ilo--header--utility-bar--local .ilo--language-switcher--link [dir=rtl]:focus, .ilo--header--utility-bar--local .ilo--language-switcher--link [dir=rtl]:hover {
5197
5056
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
5198
5057
  background-color: rgb(235, 245, 253);
5199
5058
  color: rgb(30, 45, 190);
@@ -5222,12 +5081,6 @@ body {
5222
5081
  .ilo--header--utility-bar--local {
5223
5082
  justify-content: space-between;
5224
5083
  }
5225
- .right-to-left .ilo--header--utility-bar {
5226
- flex-direction: row-reverse;
5227
- }
5228
- }
5229
- .right-to-left .ilo--header--inner {
5230
- direction: rtl;
5231
5084
  }
5232
5085
  .ilo--subnav--open .ilo--header--inner {
5233
5086
  visibility: hidden;
@@ -5236,7 +5089,7 @@ body {
5236
5089
  .ilo--header--inner {
5237
5090
  display: flex;
5238
5091
  justify-content: space-between;
5239
- padding: 0 20px;
5092
+ padding: 0 1.0718113612rem;
5240
5093
  }
5241
5094
  .ilo--subnav--open .ilo--header--inner {
5242
5095
  visibility: visible;
@@ -5281,12 +5134,9 @@ body {
5281
5134
  display: none;
5282
5135
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5283
5136
  font-weight: 700;
5284
- padding: 16px 0;
5137
+ padding: 0.857449089rem 0;
5285
5138
  text-align: right;
5286
5139
  }
5287
- .right-to-left .ilo--header--logo-tagline {
5288
- text-align: left;
5289
- }
5290
5140
  @media screen and (min-width: 1024px) {
5291
5141
  .ilo--header--logo-tagline {
5292
5142
  display: block;
@@ -5340,13 +5190,13 @@ body {
5340
5190
  align-items: center;
5341
5191
  }
5342
5192
  .ilo--nav--items:first-of-type {
5343
- margin-left: -20px;
5193
+ margin-left: -1.0718113612rem;
5344
5194
  }
5345
5195
  }
5346
5196
  .ilo--nav--link {
5347
5197
  color: rgb(35, 0, 80);
5348
5198
  display: block;
5349
- padding: 16px 36px 16px 8px;
5199
+ padding: 0.857449089rem 1.9292604502rem 0.857449089rem 0.4287245445rem;
5350
5200
  text-decoration: none;
5351
5201
  transition: color 150ms ease-out, background 150ms ease-out;
5352
5202
  }
@@ -5360,7 +5210,7 @@ body {
5360
5210
  background: rgb(35, 0, 80);
5361
5211
  color: rgb(255, 255, 255);
5362
5212
  display: inline-block;
5363
- padding: 21.5px 24px 20.5px;
5213
+ padding: 21.5px 1.2861736334rem 20.5px;
5364
5214
  }
5365
5215
  .ilo--nav--link:hover, .ilo--nav--link:focus {
5366
5216
  background: rgb(235, 245, 253);
@@ -5385,7 +5235,7 @@ body {
5385
5235
  display: block;
5386
5236
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5387
5237
  font-weight: 500;
5388
- padding: 16px 36px 16px 8px;
5238
+ padding: 0.857449089rem 1.9292604502rem 0.857449089rem 0.4287245445rem;
5389
5239
  line-height: 24px;
5390
5240
  text-align: left;
5391
5241
  transition: all 150ms ease-out;
@@ -5396,15 +5246,15 @@ body {
5396
5246
  background-color: rgb(235, 245, 253);
5397
5247
  color: rgb(30, 45, 190);
5398
5248
  }
5399
- .right-to-left .ilo--nav--trigger {
5249
+ [dir=rtl] .ilo--nav--trigger {
5400
5250
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(35, 0, 80)' d='m7.9 12.5-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3e%3c/svg%3e");
5401
5251
  background-color: rgb(255, 255, 255);
5402
5252
  background-position: 16px 55%;
5403
5253
  background-repeat: no-repeat;
5404
- background-size: 16px;
5254
+ background-size: 24px;
5405
5255
  text-align: right;
5406
5256
  }
5407
- .right-to-left .ilo--nav--trigger:focus, .right-to-left .ilo--nav--trigger:hover {
5257
+ [dir=rtl] .ilo--nav--trigger:focus, [dir=rtl] .ilo--nav--trigger:hover {
5408
5258
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='m7.9 12.5-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3e%3c/svg%3e");
5409
5259
  background-color: rgb(235, 245, 253);
5410
5260
  color: rgb(30, 45, 190);
@@ -5425,8 +5275,8 @@ body {
5425
5275
  cursor: pointer;
5426
5276
  display: inline-block;
5427
5277
  font-weight: 700;
5428
- margin-left: 20px;
5429
- padding: 7px 32px 5px 15px;
5278
+ margin-left: 1.0718113612rem;
5279
+ padding: 7px 1.7148981779rem 5px 15px;
5430
5280
  text-align: center;
5431
5281
  transition: all 150ms ease-out;
5432
5282
  width: auto;
@@ -5437,15 +5287,15 @@ body {
5437
5287
  border-color: rgb(255, 255, 255);
5438
5288
  color: rgb(30, 45, 190);
5439
5289
  }
5440
- .right-to-left .ilo--nav--trigger {
5290
+ [dir=rtl] .ilo--nav--trigger {
5441
5291
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(255, 255, 255)' d='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
5442
5292
  background-color: rgb(35, 0, 80);
5443
- background-position: 90% 55%;
5444
5293
  background-repeat: no-repeat;
5445
5294
  background-size: 20px;
5446
- text-align: left;
5295
+ background-position: 10% 55%;
5296
+ padding: 7px 15px 5px 1.7148981779rem;
5447
5297
  }
5448
- .right-to-left .ilo--nav--trigger:focus, .right-to-left .ilo--nav--trigger:hover {
5298
+ [dir=rtl] .ilo--nav--trigger:focus, [dir=rtl] .ilo--nav--trigger:hover {
5449
5299
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
5450
5300
  background-color: rgb(255, 255, 255);
5451
5301
  color: rgb(30, 45, 190);
@@ -5457,11 +5307,8 @@ body {
5457
5307
  display: flex;
5458
5308
  justify-content: space-between;
5459
5309
  }
5460
- .right-to-left .ilo--nav--local {
5461
- direction: rtl;
5462
- }
5463
5310
  @media screen and (min-width: 1024px) {
5464
- .right-to-left .ilo--nav--local {
5311
+ .ilo--nav--local [dir=rtl] {
5465
5312
  padding: 0 max((100% - 1260px) / 2, 20px) 0 0;
5466
5313
  }
5467
5314
  }
@@ -5472,7 +5319,7 @@ body {
5472
5319
  }
5473
5320
  .ilo--nav--local--logo-wrapper {
5474
5321
  display: flex;
5475
- padding: 16px 0;
5322
+ padding: 0.857449089rem 0;
5476
5323
  }
5477
5324
  .ilo--nav--local--logo {
5478
5325
  width: var(--logo-width);
@@ -5501,7 +5348,7 @@ body {
5501
5348
  .ilo--nav--local--link {
5502
5349
  background: inherit;
5503
5350
  color: rgb(255, 255, 255);
5504
- padding: 0 24px;
5351
+ padding: 0 1.2861736334rem;
5505
5352
  height: 100%;
5506
5353
  text-decoration: none;
5507
5354
  text-align: center;
@@ -5518,8 +5365,8 @@ body {
5518
5365
 
5519
5366
  .ilo--mobile--nav {
5520
5367
  border-bottom: 3px solid rgb(237, 240, 242);
5521
- margin-bottom: 16px;
5522
- padding-bottom: 16px;
5368
+ margin-bottom: 0.857449089rem;
5369
+ padding-bottom: 0.857449089rem;
5523
5370
  }
5524
5371
  .ilo--mobile--nav--logo {
5525
5372
  align-items: center;
@@ -5557,7 +5404,7 @@ body {
5557
5404
  display: block;
5558
5405
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5559
5406
  font-weight: 500;
5560
- padding: 16px 36px 16px 8px;
5407
+ padding: 0.857449089rem 1.9292604502rem 0.857449089rem 0.4287245445rem;
5561
5408
  line-height: 16px;
5562
5409
  text-align: left;
5563
5410
  transition: all 150ms ease-out;
@@ -5568,7 +5415,7 @@ body {
5568
5415
  background-color: rgb(235, 245, 253);
5569
5416
  color: rgb(30, 45, 190);
5570
5417
  }
5571
- .right-to-left .ilo--mobile--nav--language--switcher--button {
5418
+ [dir=rtl] .ilo--mobile--nav--language--switcher--button {
5572
5419
  background-position: 16px 55%;
5573
5420
  text-align: right;
5574
5421
  }
@@ -5596,7 +5443,7 @@ body {
5596
5443
  padding: 0 max((100% - 1300px) / 2, 20px) 0 0;
5597
5444
  position: relative;
5598
5445
  }
5599
- .right-to-left .ilo--language-switcher {
5446
+ [dir=rtl] .ilo--language-switcher {
5600
5447
  padding: 0 0 0 max((100% - 1300px) / 2, 20px);
5601
5448
  }
5602
5449
  .ilo--language-switcher::before {
@@ -5610,10 +5457,10 @@ body {
5610
5457
  top: 0;
5611
5458
  width: 32px;
5612
5459
  }
5613
- .right-to-left .ilo--language-switcher::before {
5460
+ [dir=rtl] .ilo--language-switcher::before {
5614
5461
  clip-path: polygon(0 0, 0 100%, 100% 0);
5615
5462
  left: auto;
5616
- right: -32px;
5463
+ right: -31px;
5617
5464
  }
5618
5465
  .ilo--language-switcher--wrap {
5619
5466
  display: flex;
@@ -5635,7 +5482,7 @@ body {
5635
5482
  display: block;
5636
5483
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5637
5484
  font-weight: 500;
5638
- padding: 8px 30px 8px 40px;
5485
+ padding: 0.4287245445rem 30px 0.4287245445rem 2.1436227224rem;
5639
5486
  transition: all 150ms ease-out;
5640
5487
  }
5641
5488
  .ilo--language-switcher--button:hover, .ilo--language-switcher--button:focus {
@@ -5643,6 +5490,10 @@ body {
5643
5490
  background-color: rgb(235, 245, 253);
5644
5491
  color: rgb(30, 45, 190);
5645
5492
  }
5493
+ [dir=rtl] .ilo--language-switcher--button {
5494
+ padding: 0.4287245445rem 2.1436227224rem 0.4287245445rem 30px;
5495
+ background-position: calc(100% - 15px) center;
5496
+ }
5646
5497
  .ilo--language-switcher .ilo--context-menu {
5647
5498
  opacity: 0;
5648
5499
  visibility: hidden;
@@ -5667,7 +5518,7 @@ body {
5667
5518
  background: rgb(255, 255, 255);
5668
5519
  height: 100%;
5669
5520
  left: 0;
5670
- padding: 0 0 32px;
5521
+ padding: 0 0 1.7148981779rem;
5671
5522
  position: absolute;
5672
5523
  top: 0;
5673
5524
  transform: translateX(100%);
@@ -5677,14 +5528,11 @@ body {
5677
5528
  .ilo--subnav--open .ilo--subnav {
5678
5529
  transform: translateX(0);
5679
5530
  }
5680
- .right-to-left .ilo--subnav {
5681
- direction: rtl;
5682
- }
5683
5531
  @media screen and (min-width: 1024px) {
5684
5532
  .ilo--subnav {
5685
5533
  height: auto;
5686
5534
  left: 0;
5687
- padding: 32px 0;
5535
+ padding: 1.7148981779rem 0;
5688
5536
  top: auto;
5689
5537
  transform: translateY(-100%);
5690
5538
  transition: transform 225ms ease-out;
@@ -5726,7 +5574,7 @@ body {
5726
5574
  display: flex;
5727
5575
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5728
5576
  font-weight: 500;
5729
- padding: 18px 8px;
5577
+ padding: 18px 0.4287245445rem;
5730
5578
  text-decoration: none;
5731
5579
  transition: all 150ms ease-out;
5732
5580
  }
@@ -5757,7 +5605,7 @@ body {
5757
5605
  cursor: pointer;
5758
5606
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5759
5607
  font-weight: 500;
5760
- padding: 16px 16px 16px 32px;
5608
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 1.7148981779rem;
5761
5609
  position: relative;
5762
5610
  transition: all 150ms ease-out;
5763
5611
  }
@@ -5775,10 +5623,10 @@ body {
5775
5623
  transform: translateY(-50%);
5776
5624
  width: 24px;
5777
5625
  }
5778
- .right-to-left .ilo--mobile--subnav--back {
5626
+ [dir=rtl] .ilo--mobile--subnav--back {
5779
5627
  padding: 16px 32px 16px 16px;
5780
5628
  }
5781
- .right-to-left .ilo--mobile--subnav--back::before {
5629
+ [dir=rtl] .ilo--mobile--subnav--back::before {
5782
5630
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(35, 0, 80)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
5783
5631
  background-position: 10% center;
5784
5632
  background-repeat: no-repeat;
@@ -5796,7 +5644,7 @@ body {
5796
5644
  background-repeat: no-repeat;
5797
5645
  background-size: 24px;
5798
5646
  }
5799
- .right-to-left .ilo--mobile--subnav--back:hover::before, .right-to-left .ilo--mobile--subnav--back:focus::before {
5647
+ [dir=rtl] .ilo--mobile--subnav--back:hover::before, [dir=rtl] .ilo--mobile--subnav--back:focus::before {
5800
5648
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
5801
5649
  background-position: 10% center;
5802
5650
  background-repeat: no-repeat;
@@ -5815,8 +5663,8 @@ body {
5815
5663
  color: rgb(45, 45, 45);
5816
5664
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5817
5665
  font-weight: 700;
5818
- margin-bottom: 16px;
5819
- padding: 20px 8px;
5666
+ margin-bottom: 0.857449089rem;
5667
+ padding: 1.0718113612rem 0.4287245445rem;
5820
5668
  width: 100%;
5821
5669
  }
5822
5670
 
@@ -5836,7 +5684,7 @@ body {
5836
5684
  .ilo--search-box {
5837
5685
  filter: drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.038)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.054)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08));
5838
5686
  left: 0;
5839
- padding: 32px 0;
5687
+ padding: 1.7148981779rem 0;
5840
5688
  top: auto;
5841
5689
  transform: translateY(-100%);
5842
5690
  transition: transform 225ms ease-out;
@@ -5852,7 +5700,7 @@ body {
5852
5700
  .ilo--search-box .ilo--header--inner {
5853
5701
  align-items: center;
5854
5702
  justify-content: center;
5855
- padding: 80px 20px;
5703
+ padding: 4.2872454448rem 1.0718113612rem;
5856
5704
  }
5857
5705
  .ilo--search-box .ilo--form,
5858
5706
  .ilo--search-box .ilo--searchfield {
@@ -5920,7 +5768,7 @@ body {
5920
5768
 
5921
5769
  /**
5922
5770
  * Do not edit directly
5923
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
5771
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
5924
5772
  */
5925
5773
  /**
5926
5774
  * TOKENS:
@@ -5930,7 +5778,7 @@ body {
5930
5778
  */
5931
5779
  /**
5932
5780
  * Do not edit directly
5933
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
5781
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
5934
5782
  */
5935
5783
  /**
5936
5784
  * TOKENS:
@@ -5940,7 +5788,7 @@ body {
5940
5788
  */
5941
5789
  /**
5942
5790
  * Do not edit directly
5943
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
5791
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
5944
5792
  */
5945
5793
  /**
5946
5794
  * TOKENS:
@@ -5980,24 +5828,24 @@ body {
5980
5828
  }
5981
5829
  }
5982
5830
  .ilo--notification--dialog .ilo--notification--content {
5983
- padding: calc(1.2861736334rem + 2px) 1.2861736334rem;
5831
+ padding: 1.2861736334rem;
5984
5832
  }
5985
5833
  .ilo--notification--inline {
5986
5834
  max-width: 340px;
5987
5835
  }
5988
5836
  .ilo--notification--inline .ilo--notification--content {
5989
- padding: calc(1.2861736334rem + 2px) 1.2861736334rem;
5837
+ padding: 1.2861736334rem;
5990
5838
  }
5991
5839
  @media screen and (min-width: 610px) {
5992
5840
  .ilo--notification--inline {
5993
5841
  max-width: 100%;
5994
- width: 100%;
5995
5842
  }
5996
5843
  .ilo--notification--inline .ilo--notification--content {
5997
- align-items: start;
5844
+ max-width: 100%;
5998
5845
  display: flex;
5999
- justify-items: space-between;
6000
- padding: 0.7502679528rem 1.2861736334rem;
5846
+ justify-content: space-evenly;
5847
+ align-items: center;
5848
+ padding: 0.857449089rem 3.4297963558rem 0.857449089rem 1.2861736334rem;
6001
5849
  }
6002
5850
  }
6003
5851
  .ilo--notification--content {
@@ -6006,7 +5854,7 @@ body {
6006
5854
  width: calc(100% - 40px);
6007
5855
  }
6008
5856
  .ilo--notification--content:before {
6009
- background-position: center 24px;
5857
+ background-position: center 1.2861736334rem;
6010
5858
  background-repeat: no-repeat;
6011
5859
  background-size: 0.857449089rem;
6012
5860
  content: "";
@@ -6061,18 +5909,9 @@ body {
6061
5909
  margin-left: 1.2861736334rem;
6062
5910
  }
6063
5911
  }
6064
- .ilo--notification--copy:not(:last-child) {
6065
- margin-bottom: 1.2861736334rem;
6066
- }
6067
5912
  @media screen and (min-width: 610px) {
6068
5913
  .ilo--notification--inline .ilo--notification--copy:not(:last-child) {
6069
- margin-bottom: 0;
6070
- max-width: 24%;
6071
- }
6072
- }
6073
- @media screen and (min-width: 610px) and (min-width: 1024px) {
6074
- .ilo--notification--inline .ilo--notification--copy:not(:last-child) {
6075
- max-width: 40%;
5914
+ flex-grow: 1;
6076
5915
  }
6077
5916
  }
6078
5917
  .ilo--notification--date {
@@ -6089,7 +5928,7 @@ body {
6089
5928
  }
6090
5929
  }
6091
5930
  .ilo--notification--date:not(:last-child) {
6092
- margin-bottom: 1.0182207931rem;
5931
+ margin-bottom: 1.0718113612rem;
6093
5932
  }
6094
5933
  @media screen and (min-width: 610px) {
6095
5934
  .ilo--notification--inline .ilo--notification--date {
@@ -6132,7 +5971,7 @@ body {
6132
5971
 
6133
5972
  /**
6134
5973
  * Do not edit directly
6135
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
5974
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6136
5975
  */
6137
5976
  /**
6138
5977
  * TOKENS:
@@ -6187,7 +6026,7 @@ body {
6187
6026
  background: rgb(237, 240, 242);
6188
6027
  }
6189
6028
  .ilo--pagination--first-page {
6190
- margin: 0 0.4287245445rem 0 0;
6029
+ margin: 0 spacing 2 0 0;
6191
6030
  }
6192
6031
  .ilo--pagination--first-page::before {
6193
6032
  transform: translate(-50%, -50%) rotate(180deg);
@@ -6273,7 +6112,7 @@ body {
6273
6112
 
6274
6113
  /**
6275
6114
  * Do not edit directly
6276
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6115
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6277
6116
  */
6278
6117
  /**
6279
6118
  * TOKENS:
@@ -6283,7 +6122,7 @@ body {
6283
6122
  */
6284
6123
  /**
6285
6124
  * Do not edit directly
6286
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6125
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6287
6126
  */
6288
6127
  /**
6289
6128
  * TOKENS:
@@ -6308,7 +6147,7 @@ body {
6308
6147
  }
6309
6148
  /**
6310
6149
  * Do not edit directly
6311
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6150
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6312
6151
  */
6313
6152
  /**
6314
6153
  * TOKENS:
@@ -6430,7 +6269,7 @@ body {
6430
6269
  .ilo--profile__size__large .ilo--profile--avatar {
6431
6270
  width: 3.4297963558rem;
6432
6271
  height: 3.4297963558rem;
6433
- margin-inline-end: 0.8038585209rem;
6272
+ margin-inline-end: 0.857449089rem;
6434
6273
  }
6435
6274
  .ilo--profile__size__large .ilo--profile--name {
6436
6275
  font-weight: 700;
@@ -6447,18 +6286,18 @@ body {
6447
6286
  font-size: 14.93px;
6448
6287
  letter-spacing: normal;
6449
6288
  line-height: 20.3px;
6450
- padding-block-start: 1.1254019293rem;
6289
+ padding-block-start: 1.0718113612rem;
6451
6290
  }
6452
6291
  .ilo--profile__size__large .ilo--profile--link {
6453
6292
  font-size: 16px;
6454
6293
  letter-spacing: normal;
6455
6294
  line-height: 23.36px;
6456
- padding-block-start: 1.1254019293rem;
6295
+ padding-block-start: 1.2861736334rem;
6457
6296
  }
6458
6297
 
6459
6298
  /**
6460
6299
  * Do not edit directly
6461
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6300
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6462
6301
  */
6463
6302
  /**
6464
6303
  * TOKENS:
@@ -6527,7 +6366,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6527
6366
 
6528
6367
  /**
6529
6368
  * Do not edit directly
6530
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6369
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6531
6370
  */
6532
6371
  /**
6533
6372
  * TOKENS:
@@ -6537,7 +6376,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6537
6376
  */
6538
6377
  /**
6539
6378
  * Do not edit directly
6540
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6379
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6541
6380
  */
6542
6381
  /**
6543
6382
  * TOKENS:
@@ -6562,7 +6401,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6562
6401
  }
6563
6402
  /**
6564
6403
  * Do not edit directly
6565
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6404
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6566
6405
  */
6567
6406
  /**
6568
6407
  * TOKENS:
@@ -6572,15 +6411,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6572
6411
  */
6573
6412
  .ilo--read-more--button {
6574
6413
  background: rgba(0, 0, 0, 0);
6575
- border-bottom: 0rem solid rgba(0, 0, 0, 0);
6576
- border-left: 0rem solid rgba(0, 0, 0, 0);
6577
- border-right: 0rem solid rgba(0, 0, 0, 0);
6578
- border-top: 0.1071811361rem solid rgb(237, 240, 242);
6414
+ border: none;
6415
+ border-top: solid 2px rgb(235, 245, 253);
6579
6416
  color: rgb(35, 0, 80);
6580
6417
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
6581
6418
  height: 3.0010718114rem;
6582
- margin: 1.7148981779rem 0rem 0rem 0rem;
6583
- padding: 0.857449089rem 1.6077170418rem 0.857449089rem 0.1071811361rem;
6419
+ margin-top: 1.7148981779rem;
6420
+ padding: 0.857449089rem 1.5005359057rem 0.857449089rem 0rem;
6584
6421
  position: relative;
6585
6422
  text-align: left;
6586
6423
  width: auto;
@@ -6603,10 +6440,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6603
6440
  }
6604
6441
  .ilo--read-more--button:hover {
6605
6442
  background: rgb(235, 245, 253);
6606
- border-bottom: 0rem solid rgba(0, 0, 0, 0);
6607
- border-left: 0rem solid rgba(0, 0, 0, 0);
6608
- border-right: 0rem solid rgba(0, 0, 0, 0);
6609
- border-top: 0.1071811361rem solid rgb(30, 45, 190);
6443
+ border-top: solid 2px rgb(30, 45, 190);
6610
6444
  color: rgb(30, 45, 190);
6611
6445
  cursor: pointer;
6612
6446
  transition-property: color, background-color, border-color;
@@ -6623,7 +6457,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6623
6457
 
6624
6458
  /**
6625
6459
  * Do not edit directly
6626
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6460
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6627
6461
  */
6628
6462
  /**
6629
6463
  * TOKENS:
@@ -6771,7 +6605,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6771
6605
  .ilo--richtext hr {
6772
6606
  background-color: rgb(237, 240, 242);
6773
6607
  border: none;
6774
- height: 0.1607717042rem;
6608
+ height: 0.2143622722rem;
6775
6609
  margin-bottom: 3.0010718114rem;
6776
6610
  }
6777
6611
  .ilo--richtext h1,
@@ -6852,7 +6686,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6852
6686
  display: block;
6853
6687
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
6854
6688
  margin: 1.2861736334rem 0 2.1436227224rem 0;
6855
- padding: 2.8938906752rem 0 1.822079314rem 1.7148981779rem;
6689
+ padding: 4.0728831726rem 0 1.9292604502rem 1.7148981779rem;
6856
6690
  position: relative;
6857
6691
  width: 100%;
6858
6692
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 73 40'%3e%3cpath fill='rgb(255, 255, 255)' d='M0.7%2c0L73%2c40V0H0.7z'/%3e%3c/svg%3e");
@@ -6964,7 +6798,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6964
6798
  margin-top: 3.0817323053rem;
6965
6799
  }
6966
6800
  .ilo--richtext hr {
6967
- margin-bottom: 3.4297963558rem;
6801
+ margin-bottom: 4.0728831726rem;
6968
6802
  }
6969
6803
  .ilo--richtext figure {
6970
6804
  width: 100%;
@@ -6972,8 +6806,8 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6972
6806
  }
6973
6807
  .ilo--richtext blockquote {
6974
6808
  background-size: 4.6087888532rem 2.5723472669rem;
6975
- margin: 1.7148981779rem 0 3.4297963558rem 0;
6976
- padding: 3.3226152197rem 0 2.5723472669rem 2.5723472669rem;
6809
+ margin: 1.7148981779rem 0 4.0728831726rem 0;
6810
+ padding: 3.4297963558rem 0 2.5723472669rem 2.5723472669rem;
6977
6811
  }
6978
6812
  .ilo--richtext blockquote p {
6979
6813
  margin-bottom: 1.2861736334rem;
@@ -6992,57 +6826,54 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6992
6826
  width: 3.4297963558rem;
6993
6827
  }
6994
6828
  }
6995
- .right-to-left .ilo--richtext {
6996
- direction: rtl;
6997
- }
6998
- .right-to-left .ilo--richtext figcaption {
6829
+ [dir=rtl] .ilo--richtext figcaption {
6999
6830
  border-left: none;
7000
6831
  border-right: 3px solid #b8c4cc;
7001
6832
  padding-left: 0;
7002
6833
  padding-right: 0.4287245445rem;
7003
6834
  }
7004
- .right-to-left .ilo--richtext ul li,
7005
- .right-to-left .ilo--richtext ol li {
6835
+ [dir=rtl] .ilo--richtext ul li,
6836
+ [dir=rtl] .ilo--richtext ol li {
7006
6837
  margin-left: 0;
7007
6838
  margin-right: 1.0718113612rem;
7008
6839
  padding-left: 0;
7009
6840
  padding-right: 0.6430868167rem;
7010
6841
  }
7011
- .right-to-left .ilo--richtext ul li {
6842
+ [dir=rtl] .ilo--richtext ul li {
7012
6843
  margin-right: 0.6430868167rem;
7013
6844
  }
7014
- .right-to-left .ilo--richtext ul li::before {
6845
+ [dir=rtl] .ilo--richtext ul li::before {
7015
6846
  left: auto;
7016
6847
  right: -0.6430868167rem;
7017
6848
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 12.4'%3e%3cpath d='M10.8%2c12.4v-12L0%2c6.4L10.8%2c12.4z'/%3e%3c/svg%3e");
7018
6849
  }
7019
- .right-to-left .ilo--richtext blockquote {
6850
+ [dir=rtl] .ilo--richtext blockquote {
7020
6851
  background-position: -1px -1px;
7021
- padding: 2.8938906752rem 1.7148981779rem 1.822079314rem 0;
6852
+ padding: 3.0010718114rem 1.7148981779rem 1.9292604502rem 0;
7022
6853
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 73 40'%3e%3cpath fill='rgb(255, 255, 255)' d='M0.7%2c0v40L73%2c0L0.7%2c0z'/%3e%3c/svg%3e");
7023
6854
  }
7024
- .right-to-left .ilo--richtext blockquote p {
6855
+ [dir=rtl] .ilo--richtext blockquote p {
7025
6856
  padding: 0 0 0 2.5723472669rem;
7026
6857
  }
7027
- .right-to-left .ilo--richtext blockquote p:after {
6858
+ [dir=rtl] .ilo--richtext blockquote p:after {
7028
6859
  left: 0;
7029
6860
  right: auto;
7030
6861
  transform: scaleX(1);
7031
6862
  }
7032
- .right-to-left .ilo--richtext blockquote:before {
6863
+ [dir=rtl] .ilo--richtext blockquote:before {
7033
6864
  left: auto;
7034
6865
  right: 0;
7035
6866
  transform: scaleX(-1);
7036
6867
  }
7037
6868
  @media screen and (min-width: 610px) {
7038
- .right-to-left .ilo--richtext blockquote {
7039
- padding: 3.3226152197rem 2.5723472669rem 2.5723472669rem 0;
6869
+ [dir=rtl] .ilo--richtext blockquote {
6870
+ padding: 3.2154340836rem 2.5723472669rem 2.5723472669rem 0;
7040
6871
  }
7041
6872
  }
7042
6873
 
7043
6874
  /**
7044
6875
  * Do not edit directly
7045
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6876
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7046
6877
  */
7047
6878
  /**
7048
6879
  * TOKENS:
@@ -7060,13 +6891,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7060
6891
  background-color: rgb(237, 240, 242);
7061
6892
  background-position: center center;
7062
6893
  background-repeat: no-repeat;
7063
- background-size: 24px 24px;
6894
+ background-size: 1.2861736334rem 1.2861736334rem;
7064
6895
  border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
7065
6896
  border-left: 0rem solid rgb(184, 196, 204);
7066
6897
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
7067
6898
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
7068
- height: 48px;
7069
- width: 46px;
6899
+ height: 2.5723472669rem;
6900
+ width: 2.4651661308rem;
7070
6901
  text-indent: -9999px;
7071
6902
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(35, 0, 80)' d='M16.7068 15.257C17.6255 14.0506 18.1179 12.5734 18.1068 11.057C18.1201 10.1294 17.9488 9.20838 17.603 8.34753C17.2571 7.48667 16.7436 6.70315 16.0923 6.04251C15.4409 5.38187 14.6648 4.8573 13.8089 4.49928C12.9531 4.14126 12.0346 3.95694 11.1068 3.95703C9.2238 3.95703 7.41789 4.70506 6.08638 6.03657C4.75487 7.36808 4.00684 9.17399 4.00684 11.057C4.00684 12.9401 4.75487 14.746 6.08638 16.0775C7.41789 17.409 9.2238 18.157 11.1068 18.157C12.6258 18.1846 14.1082 17.6904 15.3068 16.757L18.3068 19.757C18.4938 19.9403 18.7451 20.0429 19.0068 20.0429C19.2686 20.0429 19.5199 19.9403 19.7068 19.757C19.8901 19.5701 19.9927 19.3188 19.9927 19.057C19.9927 18.7953 19.8901 18.544 19.7068 18.357L16.7068 15.257ZM11.1068 16.057C10.4419 16.0703 9.78091 15.9508 9.16269 15.7055C8.54448 15.4602 7.98142 15.094 7.50648 14.6284C7.03154 14.1628 6.65428 13.6071 6.39677 12.9938C6.13927 12.3806 6.0067 11.7221 6.00684 11.057C6.00684 9.70443 6.54416 8.40722 7.50059 7.45079C8.45703 6.49435 9.75423 5.95703 11.1068 5.95703C12.4594 5.95703 13.7566 6.49435 14.7131 7.45079C15.6695 8.40722 16.2068 9.70443 16.2068 11.057C16.207 11.7221 16.0744 12.3806 15.8169 12.9938C15.5594 13.6071 15.1821 14.1628 14.7072 14.6284C14.2323 15.094 13.6692 15.4602 13.051 15.7055C12.4328 15.9508 11.7718 16.0703 11.1068 16.057Z'/%3e%3c/svg%3e");
7072
6903
  }
@@ -7086,17 +6917,14 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7086
6917
  opacity: 0.45;
7087
6918
  pointer-events: none;
7088
6919
  }
7089
- .right-to-left .ilo--searchfield {
7090
- direction: rtl;
7091
- }
7092
- .right-to-left .ilo--searchfield .ilo--searchfield--button {
7093
- border-left: 2px solid rgb(184, 196, 204);
6920
+ [dir=rtl] .ilo--searchfield .ilo--searchfield--button {
6921
+ border-left: 0.1071811361rem solid rgb(184, 196, 204);
7094
6922
  border-right: 0 solid rgb(184, 196, 204);
7095
6923
  }
7096
6924
 
7097
6925
  /**
7098
6926
  * Do not edit directly
7099
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6927
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7100
6928
  */
7101
6929
  /**
7102
6930
  * TOKENS:
@@ -7164,8 +6992,8 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7164
6992
  display: flex;
7165
6993
  height: 3.2154340836rem;
7166
6994
  justify-content: flex-start;
7167
- padding-left: 8px;
7168
- padding-right: 24px;
6995
+ padding-left: 0.4287245445rem;
6996
+ padding-right: 1.2861736334rem;
7169
6997
  text-decoration: none;
7170
6998
  font-size: 16px;
7171
6999
  letter-spacing: -0.02em;
@@ -7249,13 +7077,10 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7249
7077
  width: min(var(--tabscount) / 1 * 100%, 100%);
7250
7078
  }
7251
7079
  }
7252
- .right-to-left .ilo--tabs {
7253
- direction: rtl;
7254
- }
7255
7080
 
7256
7081
  /**
7257
7082
  * Do not edit directly
7258
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7083
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7259
7084
  */
7260
7085
  /**
7261
7086
  * TOKENS:
@@ -7265,13 +7090,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7265
7090
  */
7266
7091
  .ilo--table {
7267
7092
  background-color: rgb(190, 220, 250);
7268
- padding: 80px 80px 80px 80px;
7093
+ padding: 4.2872454448rem;
7269
7094
  position: relative;
7270
7095
  }
7271
7096
  .ilo--table--header {
7272
7097
  background-color: rgb(255, 255, 255);
7273
7098
  border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
7274
- padding: 19px 8px 18px 8px;
7099
+ padding: 0.857449089rem 0.4287245445rem 1.0718113612rem 0.4287245445rem;
7275
7100
  }
7276
7101
  .ilo--table--wrapper {
7277
7102
  max-height: 380px;
@@ -7303,12 +7128,12 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7303
7128
  letter-spacing: normal;
7304
7129
  line-height: 20.3px;
7305
7130
  letter-spacing: -0.02em;
7306
- padding: 18px 36px 18px 6px;
7131
+ padding: 0.857449089rem 0.4287245445rem;
7307
7132
  pointer-events: none;
7308
7133
  text-align: left;
7309
7134
  }
7310
7135
  .ilo--table--small .ilo--table--head--cell {
7311
- padding: 10px 36px 10px 7px;
7136
+ padding: 0.4287245445rem;
7312
7137
  }
7313
7138
  .ilo--table--head--cell:first-of-type {
7314
7139
  border-left: none;
@@ -7360,11 +7185,11 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7360
7185
  letter-spacing: normal;
7361
7186
  line-height: 20.3px;
7362
7187
  outline: 0;
7363
- padding: 22px 11px 22px 11px;
7188
+ padding: 0.857449089rem 0.4287245445rem 1.0718113612rem;
7364
7189
  position: relative;
7365
7190
  }
7366
7191
  .ilo--table--small .ilo--table--body--cell {
7367
- padding: 13px 11px 13px 11px;
7192
+ padding: 0.6430868167rem 0.4287245445rem;
7368
7193
  }
7369
7194
  .ilo--table--body--cell:first-of-type {
7370
7195
  border-left: none;
@@ -7480,13 +7305,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7480
7305
  display: flex;
7481
7306
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
7482
7307
  font-weight: 700;
7483
- margin-bottom: 0.3751339764rem;
7308
+ margin-bottom: 0.4287245445rem;
7484
7309
  font-size: 18.66px;
7485
7310
  letter-spacing: -0.035em;
7486
7311
  line-height: 24.26px;
7487
7312
  }
7488
7313
  .ilo--table--headline .ilo--tooltip--wrapper {
7489
- margin-left: 0.3215434084rem;
7314
+ margin-left: 0.2143622722rem;
7490
7315
  }
7491
7316
  .ilo--table--description {
7492
7317
  color: rgb(109, 109, 109);
@@ -7606,7 +7431,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7606
7431
 
7607
7432
  /**
7608
7433
  * Do not edit directly
7609
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7434
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7610
7435
  */
7611
7436
  /**
7612
7437
  * TOKENS:
@@ -7636,7 +7461,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7636
7461
  .ilo--table-of-contents--headline {
7637
7462
  border-bottom: 0.1607717042rem solid rgb(237, 240, 242);
7638
7463
  margin-bottom: 1.2861736334rem;
7639
- margin-top: 0.4823151125rem;
7464
+ margin-top: 0.4287245445rem;
7640
7465
  font-size: 18.66px;
7641
7466
  letter-spacing: normal;
7642
7467
  line-height: 27.24px;
@@ -7648,7 +7473,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7648
7473
  display: block;
7649
7474
  height: 100vh;
7650
7475
  left: 0;
7651
- padding: 1.3933547696rem;
7476
+ padding: 1.2861736334rem;
7652
7477
  position: fixed;
7653
7478
  top: 0;
7654
7479
  width: 100vw;
@@ -7723,16 +7548,16 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7723
7548
  background-position: calc(100% - 11px) center;
7724
7549
  background-repeat: no-repeat;
7725
7550
  background-size: 1.2861736334rem 1.2861736334rem;
7726
- border-bottom: rgb(255, 255, 255) 2px solid;
7551
+ border-bottom: rgb(255, 255, 255) 0.1071811361rem solid;
7727
7552
  color: rgb(35, 0, 80);
7728
7553
  display: block;
7729
7554
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
7730
7555
  font-weight: 500;
7731
- margin: 0 8px 0 8px;
7732
- padding: 18px 10px 18px 10px;
7556
+ margin: 0 0.4287245445rem 0 0.4287245445rem;
7557
+ padding: 0.857449089rem 0.4287245445rem 0.857449089rem;
7733
7558
  position: relative;
7734
7559
  text-decoration: none;
7735
- width: calc(100% - 8px - 8px);
7560
+ width: calc(100% - 16px);
7736
7561
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(35, 0, 80)' d='M18 13.1643L16.7463 11.9106L12.8955 15.7613V4.83594H11.1045V15.7613L7.25373 11.9106L6 13.1643L12 19.1643L18 13.1643Z'/%3e%3c/svg%3e");
7737
7562
  font-size: 16px;
7738
7563
  letter-spacing: -0.02em;
@@ -7743,12 +7568,12 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7743
7568
  }
7744
7569
  .ilo--table-of-contents--link:hover, .ilo--table-of-contents--link:focus {
7745
7570
  background-color: rgb(235, 245, 253);
7746
- border-bottom: rgb(30, 45, 190) 2px solid;
7571
+ border-bottom: rgb(30, 45, 190) 0.1071811361rem solid;
7747
7572
  background-position: calc(100% - 19px) center;
7748
7573
  color: rgb(30, 45, 190);
7749
7574
  margin: 0;
7750
7575
  outline: none;
7751
- padding: 18px 18px 18px 18px;
7576
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem;
7752
7577
  width: 100%;
7753
7578
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M18 13.1643L16.7463 11.9106L12.8955 15.7613V4.83594H11.1045V15.7613L7.25373 11.9106L6 13.1643L12 19.1643L18 13.1643Z'/%3e%3c/svg%3e");
7754
7579
  transition-property: background-color, border, color;
@@ -7757,12 +7582,12 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7757
7582
  }
7758
7583
  .ilo--table-of-contents--link:active {
7759
7584
  background-color: rgb(255, 255, 255);
7760
- border-bottom: rgb(35, 0, 80) 2px solid;
7761
- border-top: rgb(255, 255, 255) 2px solid;
7585
+ border-bottom: rgb(35, 0, 80) 0.1071811361rem solid;
7586
+ border-top: rgb(255, 255, 255) 0.1071811361rem solid;
7762
7587
  color: rgb(35, 0, 80);
7763
7588
  margin: -2px 0 0 0;
7764
7589
  outline: none;
7765
- padding: 18px 18px 18px 18px;
7590
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem;
7766
7591
  width: 100%;
7767
7592
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(35, 0, 80)' d='M18 13.1643L16.7463 11.9106L12.8955 15.7613V4.83594H11.1045V15.7613L7.25373 11.9106L6 13.1643L12 19.1643L18 13.1643Z'/%3e%3c/svg%3e");
7768
7593
  z-index: 5;
@@ -7771,28 +7596,22 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7771
7596
  border-bottom: none;
7772
7597
  }
7773
7598
  .ilo--table-of-contents--list--item:last-of-type .ilo--table-of-contents--link:hover {
7774
- border-bottom: rgb(30, 45, 190) 2px solid;
7775
- }
7776
- .right-to-left .ilo--table-of-contents {
7777
- direction: rtl;
7599
+ border-bottom: rgb(30, 45, 190) 0.1071811361rem solid;
7778
7600
  }
7779
- .right-to-left .ilo--table-of-contents .ilo--table-of-contents--link {
7601
+ [dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link {
7780
7602
  background-position: 11px center;
7781
7603
  }
7782
- .right-to-left .ilo--table-of-contents .ilo--table-of-contents--link:hover, .right-to-left .ilo--table-of-contents .ilo--table-of-contents--link:focus {
7604
+ [dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link:hover, [dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link:focus {
7783
7605
  background-position: 19px center;
7784
7606
  }
7785
- .right-to-left .ilo--table-of-contents--wrapper {
7786
- direction: rtl;
7787
- }
7788
- .right-to-left .ilo--table-of-contents--modal .toc--modal--close {
7607
+ [dir=rtl] .ilo--table-of-contents--modal .toc--modal--close {
7789
7608
  left: 0;
7790
7609
  right: auto;
7791
7610
  }
7792
7611
 
7793
7612
  /**
7794
7613
  * Do not edit directly
7795
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7614
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7796
7615
  */
7797
7616
  /**
7798
7617
  * TOKENS:
@@ -7816,13 +7635,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7816
7635
  letter-spacing: -0.02em;
7817
7636
  line-height: 21.6px;
7818
7637
  height: 2.5723472669rem;
7819
- margin: 0rem 0rem 0rem 0rem;
7638
+ margin: 0rem;
7820
7639
  max-width: 100%;
7821
7640
  min-height: 6.4308681672rem;
7822
7641
  min-width: 100%;
7823
7642
  outline: none;
7824
7643
  position: relative;
7825
- padding: 0.857449089rem 0.6430868167rem 0.857449089rem 0.6430868167rem;
7644
+ padding: 0.857449089rem 0.6430868167rem;
7826
7645
  width: 100%;
7827
7646
  }
7828
7647
  .ilo--textarea:focus {
@@ -7831,7 +7650,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7831
7650
  border-left: 0.1607717042rem solid rgb(30, 45, 190);
7832
7651
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
7833
7652
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
7834
- padding-left: 11px;
7653
+ padding-left: 0.6430868167rem;
7835
7654
  }
7836
7655
  .ilo--textarea:disabled {
7837
7656
  opacity: 0.45;
@@ -7844,13 +7663,10 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7844
7663
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
7845
7664
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
7846
7665
  }
7847
- .right-to-left .ilo--textarea {
7848
- direction: rtl;
7849
- }
7850
7666
 
7851
7667
  /**
7852
7668
  * Do not edit directly
7853
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7669
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7854
7670
  */
7855
7671
  /**
7856
7672
  * TOKENS:
@@ -7861,12 +7677,9 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7861
7677
  .ilo--tag-set {
7862
7678
  list-style: none;
7863
7679
  }
7864
- .right-to-left .ilo--tag-set {
7865
- direction: rtl;
7866
- }
7867
7680
  .ilo--tag-set__item {
7868
7681
  display: inline-block;
7869
- margin: 3px;
7682
+ margin: 0.2143622722rem;
7870
7683
  }
7871
7684
 
7872
7685
  .ilo--tag {
@@ -7879,7 +7692,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7879
7692
  display: inline-block;
7880
7693
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
7881
7694
  font-weight: 500;
7882
- padding: 0.3751339764rem 0.6430868167rem 0.2679528403rem 0.6430868167rem;
7695
+ padding: 0.4287245445rem 0.6430868167rem;
7883
7696
  text-decoration: none;
7884
7697
  transition-property: color, background-color, border-color;
7885
7698
  transition-duration: 150ms;
@@ -7930,7 +7743,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7930
7743
  cursor: pointer;
7931
7744
  display: none;
7932
7745
  opacity: 0;
7933
- padding-right: 36px;
7746
+ padding-right: 1.9292604502rem;
7934
7747
  position: relative;
7935
7748
  visibility: hidden;
7936
7749
  }
@@ -8028,7 +7841,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8028
7841
 
8029
7842
  /**
8030
7843
  * Do not edit directly
8031
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7844
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
8032
7845
  */
8033
7846
  /**
8034
7847
  * TOKENS:
@@ -8052,9 +7865,9 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8052
7865
  letter-spacing: -0.02em;
8053
7866
  line-height: 21.6px;
8054
7867
  height: 2.5723472669rem;
8055
- margin: 0rem 0rem 0rem 0rem;
7868
+ margin: 0rem;
8056
7869
  outline: none;
8057
- padding: 0.857449089rem 0.6430868167rem 0.857449089rem 0.6430868167rem;
7870
+ padding: 0.857449089rem 0.6430868167rem;
8058
7871
  width: 100%;
8059
7872
  }
8060
7873
  .ilo--text-input:focus {
@@ -8063,7 +7876,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8063
7876
  border-left: 0.1607717042rem solid rgb(30, 45, 190);
8064
7877
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
8065
7878
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
8066
- padding-left: 11px;
7879
+ padding-left: 0.6430868167rem;
8067
7880
  outline: none;
8068
7881
  }
8069
7882
  .ilo--text-input:disabled {
@@ -8072,14 +7885,6 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8072
7885
  }
8073
7886
  .ilo--text-input:invalid, .ilo--text-input__error {
8074
7887
  background-color: rgb(255, 255, 255);
8075
- }
8076
- .ilo--text-input:invalid {
8077
- border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
8078
- border-left: 0.1607717042rem solid rgb(255, 205, 45);
8079
- border-right: 0.1071811361rem solid rgb(184, 196, 204);
8080
- border-top: 0.1071811361rem solid rgb(184, 196, 204);
8081
- }
8082
- .ilo--text-input__error {
8083
7888
  border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
8084
7889
  border-left: 0.1607717042rem solid rgb(200, 48, 60);
8085
7890
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
@@ -8088,7 +7893,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8088
7893
 
8089
7894
  /**
8090
7895
  * Do not edit directly
8091
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7896
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
8092
7897
  */
8093
7898
  /**
8094
7899
  * TOKENS:
@@ -8098,7 +7903,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8098
7903
  */
8099
7904
  /**
8100
7905
  * Do not edit directly
8101
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7906
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
8102
7907
  */
8103
7908
  /**
8104
7909
  * TOKENS:
@@ -8200,7 +8005,7 @@ input:checked + .ilo--input--toggle--slider:before {
8200
8005
 
8201
8006
  /**
8202
8007
  * Do not edit directly
8203
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
8008
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
8204
8009
  */
8205
8010
  /**
8206
8011
  * TOKENS:
@@ -8219,7 +8024,7 @@ input:checked + .ilo--input--toggle--slider:before {
8219
8024
  filter: drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.038)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.054)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.054));
8220
8025
  color: rgb(45, 45, 45);
8221
8026
  opacity: 0;
8222
- padding: 0.4287245445rem 0.6430868167rem;
8027
+ padding: 0.4287245445rem 0.857449089rem 0.6430868167rem;
8223
8028
  position: absolute;
8224
8029
  visibility: hidden;
8225
8030
  width: auto;
@@ -8259,7 +8064,7 @@ input:checked + .ilo--input--toggle--slider:before {
8259
8064
  border-style: solid;
8260
8065
  border-width: 0;
8261
8066
  height: 0;
8262
- margin-top: -7px;
8067
+ margin-top: -0.3751339764rem;
8263
8068
  position: absolute;
8264
8069
  width: 0;
8265
8070
  }
@@ -8269,10 +8074,10 @@ input:checked + .ilo--input--toggle--slider:before {
8269
8074
  }
8270
8075
  .ilo--tooltip--alignment-top .ilo--tooltip--arrow {
8271
8076
  border-top-color: rgb(255, 255, 255);
8272
- border-width: 12px 7px 0 7px;
8273
- bottom: -12px;
8077
+ border-width: 0.6430868167rem 0.3751339764rem 0 0.3751339764rem;
8078
+ bottom: -0.6430868167rem;
8274
8079
  left: 50%;
8275
- margin-left: -7px;
8080
+ margin-left: -0.3751339764rem;
8276
8081
  top: auto;
8277
8082
  }
8278
8083
  .ilo--tooltip--alignment-top .ilo--tooltip--arrow--placement-negative {
@@ -8287,13 +8092,13 @@ input:checked + .ilo--input--toggle--slider:before {
8287
8092
  }
8288
8093
  .ilo--tooltip--alignment-right {
8289
8094
  left: calc(100% + 32px);
8290
- top: calc(50% - 7px);
8095
+ top: calc(50% - 0.3751339764rem);
8291
8096
  }
8292
8097
  .ilo--tooltip--alignment-right .ilo--tooltip--arrow {
8293
8098
  border-right-color: rgb(255, 255, 255);
8294
- border-width: 7px 12px 7px 0;
8099
+ border-width: 0.3751339764rem 0.6430868167rem 0.3751339764rem 0;
8295
8100
  left: 0;
8296
- margin-left: -12px;
8101
+ margin-left: -0.6430868167rem;
8297
8102
  top: 50%;
8298
8103
  }
8299
8104
  .ilo--tooltip--alignment-right .ilo--tooltip--arrow--placement-negative {
@@ -8309,14 +8114,14 @@ input:checked + .ilo--input--toggle--slider:before {
8309
8114
  }
8310
8115
  .ilo--tooltip--alignment-left {
8311
8116
  right: calc(100% + 32px);
8312
- top: calc(50% - 7px);
8117
+ top: calc(50% - 0.3751339764rem);
8313
8118
  }
8314
8119
  .ilo--tooltip--alignment-left .ilo--tooltip--arrow {
8315
8120
  border-left-color: rgb(255, 255, 255);
8316
- border-width: 7px 0 7px 12px;
8121
+ border-width: 0.3751339764rem 0 0.3751339764rem 0.6430868167rem;
8317
8122
  left: auto;
8318
- margin-top: -7px;
8319
- right: -12px;
8123
+ margin-top: -0.3751339764rem;
8124
+ right: -0.6430868167rem;
8320
8125
  top: 50%;
8321
8126
  }
8322
8127
  .ilo--tooltip--alignment-left .ilo--tooltip--arrow--placement-negative {
@@ -8332,13 +8137,13 @@ input:checked + .ilo--input--toggle--slider:before {
8332
8137
  }
8333
8138
  .ilo--tooltip--alignment-bottom {
8334
8139
  left: 0;
8335
- top: calc(100% + 12px);
8140
+ top: calc(100% + 0.6430868167rem);
8336
8141
  }
8337
8142
  .ilo--tooltip--alignment-bottom .ilo--tooltip--arrow {
8338
- border-width: 0 7px 12px 7px;
8143
+ border-width: 0 0.3751339764rem 0.6430868167rem 0.3751339764rem;
8339
8144
  left: 50%;
8340
- margin-left: -7px;
8341
- margin-top: -12px;
8145
+ margin-left: -0.3751339764rem;
8146
+ margin-top: -0.6430868167rem;
8342
8147
  top: 0;
8343
8148
  border-bottom-color: rgb(255, 255, 255);
8344
8149
  }
@@ -8375,7 +8180,7 @@ input:checked + .ilo--input--toggle--slider:before {
8375
8180
 
8376
8181
  /**
8377
8182
  * Do not edit directly
8378
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
8183
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
8379
8184
  */
8380
8185
  /**
8381
8186
  * TOKENS:
@@ -8396,7 +8201,7 @@ input:checked + .ilo--input--toggle--slider:before {
8396
8201
  line-height: 0;
8397
8202
  }
8398
8203
  .ilo--video--caption {
8399
- border-left: 3px solid rgb(184, 196, 204);
8204
+ border-left: 0.1607717042rem solid rgb(184, 196, 204);
8400
8205
  color: rgb(109, 109, 109);
8401
8206
  font-weight: 400;
8402
8207
  margin-top: 0.857449089rem;
@@ -8490,9 +8295,13 @@ input:checked + .ilo--input--toggle--slider:before {
8490
8295
  .ilo--video .vjs-control-bar.notplayed {
8491
8296
  flex-direction: column;
8492
8297
  height: 122px;
8493
- width: 2.5723472669rem;
8298
+ width: 0.2143622722rem;
8494
8299
  }
8495
8300
  }
8301
+ [dir=rtl] .ilo--video--controls,
8302
+ [dir=rtl] .ilo--video .vjs-control-bar {
8303
+ justify-content: flex-end;
8304
+ }
8496
8305
  .ilo--video--controls button span,
8497
8306
  .ilo--video .vjs-control-bar button span {
8498
8307
  width: 1px;
@@ -8516,7 +8325,7 @@ input:checked + .ilo--input--toggle--slider:before {
8516
8325
  cursor: pointer;
8517
8326
  height: 100%;
8518
8327
  order: 1;
8519
- width: 40px;
8328
+ width: 2.1436227224rem;
8520
8329
  -webkit-appearance: none;
8521
8330
  -moz-appearance: none;
8522
8331
  }
@@ -8546,7 +8355,7 @@ input:checked + .ilo--input--toggle--slider:before {
8546
8355
  .ilo--video .vjs-control-bar .vjs-big-play-button {
8547
8356
  background-position: center center;
8548
8357
  background-repeat: no-repeat;
8549
- background-size: 48px 48px;
8358
+ background-size: 2.5723472669rem 2.5723472669rem;
8550
8359
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(237, 240, 242)' d='M22 11.9999L4 2V22L22 11.9999Z'/%3e%3c/svg%3e");
8551
8360
  }
8552
8361
  .ilo--video--controls--play.ilo--video--controls--play--hovered, .ilo--video--controls--play:hover, .ilo--video--controls--play:focus,
@@ -8568,7 +8377,7 @@ input:checked + .ilo--input--toggle--slider:before {
8568
8377
  background-color: rgb(235, 245, 253);
8569
8378
  background-position: center center;
8570
8379
  background-repeat: no-repeat;
8571
- background-size: 48px 48px;
8380
+ background-size: 2.5723472669rem 2.5723472669rem;
8572
8381
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M22 11.9999L4 2V22L22 11.9999Z'/%3e%3c/svg%3e");
8573
8382
  }
8574
8383
  .ilo--video--controls--play.ilo--video--controls--play--hovered ~ .vjs-duration, .ilo--video--controls--play.ilo--video--controls--play--hovered ~ .ilo--video--controls--duration, .ilo--video--controls--play:hover ~ .vjs-duration, .ilo--video--controls--play:hover ~ .ilo--video--controls--duration, .ilo--video--controls--play:focus ~ .vjs-duration, .ilo--video--controls--play:focus ~ .ilo--video--controls--duration,
@@ -8605,32 +8414,47 @@ input:checked + .ilo--input--toggle--slider:before {
8605
8414
  background-color: rgb(235, 245, 253);
8606
8415
  color: rgb(30, 45, 190);
8607
8416
  }
8608
- .ilo--video--controls--play.vjs-paused,
8417
+ .ilo--video--controls--play.vjs-paused, .ilo--video--controls--play.vjs-ended,
8609
8418
  .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused,
8419
+ .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended,
8610
8420
  .ilo--video--controls .vjs-big-play-button.vjs-paused,
8421
+ .ilo--video--controls .vjs-big-play-button.vjs-ended,
8611
8422
  .ilo--video .vjs-control-bar--play.vjs-paused,
8423
+ .ilo--video .vjs-control-bar--play.vjs-ended,
8612
8424
  .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused,
8613
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused {
8425
+ .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended,
8426
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused,
8427
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended {
8614
8428
  background-position: center center;
8615
8429
  background-repeat: no-repeat;
8616
- background-size: 24px 24px;
8430
+ background-size: 1.2861736334rem 1.2861736334rem;
8617
8431
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(237, 240, 242)' d='M22 11.9999L4 2V22L22 11.9999Z'/%3e%3c/svg%3e");
8618
8432
  }
8619
- .ilo--video--controls--play.vjs-paused:hover, .ilo--video--controls--play.vjs-paused:focus,
8433
+ .ilo--video--controls--play.vjs-paused:hover, .ilo--video--controls--play.vjs-paused:focus, .ilo--video--controls--play.vjs-ended:hover, .ilo--video--controls--play.vjs-ended:focus,
8620
8434
  .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8621
8435
  .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
8436
+ .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
8437
+ .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
8622
8438
  .ilo--video--controls .vjs-big-play-button.vjs-paused:hover,
8623
8439
  .ilo--video--controls .vjs-big-play-button.vjs-paused:focus,
8440
+ .ilo--video--controls .vjs-big-play-button.vjs-ended:hover,
8441
+ .ilo--video--controls .vjs-big-play-button.vjs-ended:focus,
8624
8442
  .ilo--video .vjs-control-bar--play.vjs-paused:hover,
8625
8443
  .ilo--video .vjs-control-bar--play.vjs-paused:focus,
8444
+ .ilo--video .vjs-control-bar--play.vjs-ended:hover,
8445
+ .ilo--video .vjs-control-bar--play.vjs-ended:focus,
8626
8446
  .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8627
8447
  .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
8448
+ .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
8449
+ .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
8628
8450
  .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:hover,
8629
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:focus {
8451
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:focus,
8452
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended:hover,
8453
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended:focus {
8630
8454
  background-color: rgb(235, 245, 253);
8631
8455
  background-position: center center;
8632
8456
  background-repeat: no-repeat;
8633
- background-size: 24px 24px;
8457
+ background-size: 1.2861736334rem 1.2861736334rem;
8634
8458
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M22 11.9999L4 2V22L22 11.9999Z'/%3e%3c/svg%3e");
8635
8459
  }
8636
8460
  .ilo--video--controls:not(.notplayed) .ilo--video--controls--play,
@@ -8643,7 +8467,7 @@ input:checked + .ilo--input--toggle--slider:before {
8643
8467
  .ilo--video .vjs-control-bar .vjs-playing {
8644
8468
  background-position: center center;
8645
8469
  background-repeat: no-repeat;
8646
- background-size: 24px 24px;
8470
+ background-size: 1.2861736334rem 1.2861736334rem;
8647
8471
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(237, 240, 242)' d='M3 2H9V22H3V2zM15 2H21V22H15V2z'/%3e%3c/svg%3e");
8648
8472
  }
8649
8473
  .ilo--video--controls--pause:hover, .ilo--video--controls--pause:focus,
@@ -8656,7 +8480,7 @@ input:checked + .ilo--input--toggle--slider:before {
8656
8480
  background-color: rgb(235, 245, 253);
8657
8481
  background-position: center center;
8658
8482
  background-repeat: no-repeat;
8659
- background-size: 24px 24px;
8483
+ background-size: 1.2861736334rem 1.2861736334rem;
8660
8484
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M3 2H9V22H3V2zM15 2H21V22H15V2z'/%3e%3c/svg%3e");
8661
8485
  }
8662
8486
  .ilo--video--controls--duration,
@@ -8668,9 +8492,9 @@ input:checked + .ilo--input--toggle--slider:before {
8668
8492
  display: none;
8669
8493
  height: 100%;
8670
8494
  font-weight: 700;
8671
- margin-left: 2px;
8495
+ margin-left: 0.1071811361rem;
8672
8496
  order: 2;
8673
- padding-top: 9px;
8497
+ padding-top: 0.4823151125rem;
8674
8498
  text-align: center;
8675
8499
  width: 4.2872454448rem;
8676
8500
  font-size: 14.93px;
@@ -8703,7 +8527,7 @@ input:checked + .ilo--input--toggle--slider:before {
8703
8527
  background-color: rgb(235, 245, 253);
8704
8528
  background-position: center center;
8705
8529
  background-repeat: no-repeat;
8706
- background-size: 48px 48px;
8530
+ background-size: 2.5723472669rem 2.5723472669rem;
8707
8531
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M22 11.9999L4 2V22L22 11.9999Z'/%3e%3c/svg%3e");
8708
8532
  }
8709
8533
  .ilo--video--controls--duration.show,
@@ -9046,7 +8870,7 @@ input:checked + .ilo--input--toggle--slider:before {
9046
8870
  -moz-appearance: none;
9047
8871
  background-position: center center;
9048
8872
  background-repeat: no-repeat;
9049
- background-size: 24px 24px;
8873
+ background-size: 1.2861736334rem 1.2861736334rem;
9050
8874
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' %3e%3cpath fill='rgb(237, 240, 242)' d='M14.633 4.735a.67.67 0 0 0-.698.063L8.78 8.666H5.667A.666.666 0 0 0 5 9.333v5.334c0 .369.298.667.667.667h3.112l5.156 3.867a.663.663 0 0 0 .698.064.668.668 0 0 0 .369-.597V5.332a.667.667 0 0 0-.369-.597ZM17.164 9.171l-.471-.471-.943.943.472.471a2.669 2.669 0 0 1 0 3.771l-.472.472.943.943.471-.472a4.005 4.005 0 0 0 0-5.657Z'/%3e%3cpath fill='rgb(237, 240, 242)' d='m18.579 6.813-.943.943.471.472a5.341 5.341 0 0 1 0 7.544l-.471.471.943.943.471-.471c2.6-2.6 2.6-6.83 0-9.43l-.471-.472Z'/%3e%3c/svg%3e");
9051
8875
  }
9052
8876
  .ilo--video--controls--showvolume:hover, .ilo--video--controls--showvolume:focus,
@@ -9059,7 +8883,7 @@ input:checked + .ilo--input--toggle--slider:before {
9059
8883
  background-color: rgb(235, 245, 253);
9060
8884
  background-position: center center;
9061
8885
  background-repeat: no-repeat;
9062
- background-size: 24px 24px;
8886
+ background-size: 1.2861736334rem 1.2861736334rem;
9063
8887
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' %3e%3cpath fill='rgb(30, 45, 190)' d='M14.633 4.735a.67.67 0 0 0-.698.063L8.78 8.666H5.667A.666.666 0 0 0 5 9.333v5.334c0 .369.298.667.667.667h3.112l5.156 3.867a.663.663 0 0 0 .698.064.668.668 0 0 0 .369-.597V5.332a.667.667 0 0 0-.369-.597ZM17.164 9.171l-.471-.471-.943.943.472.471a2.669 2.669 0 0 1 0 3.771l-.472.472.943.943.471-.472a4.005 4.005 0 0 0 0-5.657Z'/%3e%3cpath fill='rgb(30, 45, 190)' d='m18.579 6.813-.943.943.471.472a5.341 5.341 0 0 1 0 7.544l-.471.471.943.943.471-.471c2.6-2.6 2.6-6.83 0-9.43l-.471-.472Z'/%3e%3c/svg%3e");
9064
8888
  }
9065
8889
  .ilo--video--controls--showvolume.muted, .ilo--video--controls--showvolume[title=Unmute],
@@ -9071,7 +8895,7 @@ input:checked + .ilo--input--toggle--slider:before {
9071
8895
  .ilo--video .vjs-control-bar .vjs-mute-control[title=Unmute] {
9072
8896
  background-position: center center;
9073
8897
  background-repeat: no-repeat;
9074
- background-size: 24px 24px;
8898
+ background-size: 1.2861736334rem 1.2861736334rem;
9075
8899
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(237, 240, 242)' d='M12.0447 15.7833L16.5999 19.1998C16.7173 19.2885 16.8586 19.3332 16.9999 19.3332 17.1012 19.3332 17.2039 19.3098 17.2979 19.2632 17.5239 19.1499 17.6666 18.9192 17.6666 18.6665V10.1614L12.0447 15.7833zM5.1955 19.8045C5.32549 19.9345 5.49616 19.9998 5.66682 19.9998 5.83748 19.9998 6.00815 19.9345 6.13814 19.8045L20.8045 5.13814C21.0652 4.87748 21.0652 4.45616 20.8045 4.1955 20.5438 3.93483 20.1225 3.93483 19.8619 4.1955L17.6666 6.39079V5.33347C17.6666 5.08081 17.5239 4.85015 17.2979 4.73682 17.0726 4.62549 16.8019 4.64882 16.5999 4.80015L11.4447 8.66674H6.33347C5.96481 8.66674 5.66682 8.96473 5.66682 9.33339V14.6666C5.66682 15.0353 5.96481 15.3333 6.33347 15.3333H8.72409L5.1955 18.8619C4.93483 19.1225 4.93483 19.5438 5.1955 19.8045z'/%3e%3c/svg%3e");
9076
8900
  }
9077
8901
  .ilo--video--controls--showvolume.muted:hover, .ilo--video--controls--showvolume.muted:focus, .ilo--video--controls--showvolume[title=Unmute]:hover, .ilo--video--controls--showvolume[title=Unmute]:focus,
@@ -9090,7 +8914,7 @@ input:checked + .ilo--input--toggle--slider:before {
9090
8914
  background-color: #ebf5fd;
9091
8915
  background-position: center center;
9092
8916
  background-repeat: no-repeat;
9093
- background-size: 24px 24px;
8917
+ background-size: 1.2861736334rem 1.2861736334rem;
9094
8918
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M12.0447 15.7833L16.5999 19.1998C16.7173 19.2885 16.8586 19.3332 16.9999 19.3332 17.1012 19.3332 17.2039 19.3098 17.2979 19.2632 17.5239 19.1499 17.6666 18.9192 17.6666 18.6665V10.1614L12.0447 15.7833zM5.1955 19.8045C5.32549 19.9345 5.49616 19.9998 5.66682 19.9998 5.83748 19.9998 6.00815 19.9345 6.13814 19.8045L20.8045 5.13814C21.0652 4.87748 21.0652 4.45616 20.8045 4.1955 20.5438 3.93483 20.1225 3.93483 19.8619 4.1955L17.6666 6.39079V5.33347C17.6666 5.08081 17.5239 4.85015 17.2979 4.73682 17.0726 4.62549 16.8019 4.64882 16.5999 4.80015L11.4447 8.66674H6.33347C5.96481 8.66674 5.66682 8.96473 5.66682 9.33339V14.6666C5.66682 15.0353 5.96481 15.3333 6.33347 15.3333H8.72409L5.1955 18.8619C4.93483 19.1225 4.93483 19.5438 5.1955 19.8045z'/%3e%3c/svg%3e");
9095
8919
  }
9096
8920
  .ilo--video--controls--setvolume,
@@ -9213,7 +9037,7 @@ input:checked + .ilo--input--toggle--slider:before {
9213
9037
  -moz-appearance: none;
9214
9038
  background-position: center center;
9215
9039
  background-repeat: no-repeat;
9216
- background-size: 24px 24px;
9040
+ background-size: 1.2861736334rem 1.2861736334rem;
9217
9041
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(237, 240, 242)' d='M14.2721 5L16.6865 7.41373 13.8228 10.2774 14.7226 11.1772 17.5863 8.31355 20 10.7273V5H14.2721zM14.7226 12.8228L13.8228 13.7226 16.6865 16.5863 14.2727 19H20V13.2721L17.5863 15.6865 14.7226 12.8228zM11.2774 12.8228L8.41373 15.6865 6 13.2727V19H11.7279L9.31355 16.5863 12.1772 13.7226 11.2774 12.8228zM11.7273 5H6V10.7279L8.41373 8.31355 11.2774 11.1772 12.1772 10.2774 9.31355 7.41373 11.7273 5z'/%3e%3c/svg%3e");
9218
9042
  }
9219
9043
  .ilo--video--controls--fullscreen:hover, .ilo--video--controls--fullscreen:focus,
@@ -9226,7 +9050,7 @@ input:checked + .ilo--input--toggle--slider:before {
9226
9050
  background-color: #ebf5fd;
9227
9051
  background-position: center center;
9228
9052
  background-repeat: no-repeat;
9229
- background-size: 24px 24px;
9053
+ background-size: 1.2861736334rem 1.2861736334rem;
9230
9054
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M14.2721 5L16.6865 7.41373 13.8228 10.2774 14.7226 11.1772 17.5863 8.31355 20 10.7273V5H14.2721zM14.7226 12.8228L13.8228 13.7226 16.6865 16.5863 14.2727 19H20V13.2721L17.5863 15.6865 14.7226 12.8228zM11.2774 12.8228L8.41373 15.6865 6 13.2727V19H11.7279L9.31355 16.5863 12.1772 13.7226 11.2774 12.8228zM11.7273 5H6V10.7279L8.41373 8.31355 11.2774 11.1772 12.1772 10.2774 9.31355 7.41373 11.7273 5z'/%3e%3c/svg%3e");
9231
9055
  }
9232
9056
  .ilo--video--controls--fullscreen.show,
@@ -9254,6 +9078,10 @@ input:checked + .ilo--input--toggle--slider:before {
9254
9078
  left: 0;
9255
9079
  width: 80px;
9256
9080
  }
9081
+ [dir=rtl] .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
9082
+ left: auto;
9083
+ right: 0;
9084
+ }
9257
9085
  }
9258
9086
  .ilo--video--element:not(.vjs-has-started) .vjs-duration {
9259
9087
  display: block;
@@ -9305,21 +9133,20 @@ input:checked + .ilo--input--toggle--slider:before {
9305
9133
  position: relative;
9306
9134
  }
9307
9135
 
9308
- .right-to-left .ilo--video--caption {
9136
+ [dir=rtl] .ilo--video--caption {
9309
9137
  border-left: none;
9310
9138
  border-right: 3px solid #b8c4cc;
9311
- direction: rtl;
9312
9139
  padding-left: 0;
9313
9140
  padding-right: 0.4287245445rem;
9314
9141
  }
9315
- .right-to-left .ilo--credit {
9142
+ [dir=rtl] .ilo--credit {
9316
9143
  left: auto;
9317
9144
  right: 0;
9318
9145
  }
9319
9146
 
9320
9147
  /**
9321
9148
  * Do not edit directly
9322
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
9149
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
9323
9150
  */
9324
9151
  /**
9325
9152
  * TOKENS:
@@ -9329,7 +9156,7 @@ input:checked + .ilo--input--toggle--slider:before {
9329
9156
  */
9330
9157
  /**
9331
9158
  * Do not edit directly
9332
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
9159
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
9333
9160
  */
9334
9161
  /**
9335
9162
  * TOKENS:
@@ -9354,7 +9181,7 @@ input:checked + .ilo--input--toggle--slider:before {
9354
9181
  }
9355
9182
  /**
9356
9183
  * Do not edit directly
9357
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
9184
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
9358
9185
  */
9359
9186
  /**
9360
9187
  * TOKENS:
@@ -9367,21 +9194,12 @@ input:checked + .ilo--input--toggle--slider:before {
9367
9194
  flex-flow: column nowrap;
9368
9195
  align-items: flex-start;
9369
9196
  }
9197
+ .ilo--social-media [dir=rtl] {
9198
+ align-items: flex-end;
9199
+ }
9370
9200
  .ilo--social-media__justify__center {
9371
9201
  align-items: center;
9372
9202
  }
9373
- .right-to-left .ilo--social-media {
9374
- direction: rtl;
9375
- }
9376
- .right-to-left .ilo--social-media .social--links {
9377
- flex-direction: row-reverse;
9378
- }
9379
- .right-to-left .ilo--social-media .ilo--social-media--list--item--icon {
9380
- text-indent: 999px;
9381
- }
9382
- .right-to-left .ilo--social-media * {
9383
- text-align: right;
9384
- }
9385
9203
  .ilo--social-media--headline {
9386
9204
  color: rgb(35, 0, 80);
9387
9205
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
@@ -9397,7 +9215,7 @@ input:checked + .ilo--input--toggle--slider:before {
9397
9215
  .ilo--social-media--list {
9398
9216
  display: inline-flex;
9399
9217
  flex-flow: row wrap;
9400
- gap: 22px;
9218
+ gap: 0.857449089rem;
9401
9219
  }
9402
9220
  .ilo--social-media--list--item {
9403
9221
  display: inline-block;