@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:
@@ -252,7 +252,7 @@ body {
252
252
 
253
253
  /**
254
254
  * Do not edit directly
255
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
255
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
256
256
  */
257
257
  /**
258
258
  * TOKENS:
@@ -267,7 +267,7 @@ body {
267
267
  justify-content: space-between;
268
268
  width: 100%;
269
269
  margin: 0;
270
- padding: 0.9646302251rem 1.9292604502rem 0.9646302251rem 0;
270
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 0;
271
271
  background-color: rgb(255, 255, 255);
272
272
  background-position: calc(100% - 0.3215434084rem) center;
273
273
  background-repeat: no-repeat;
@@ -288,7 +288,7 @@ body {
288
288
  font-size: 18.66px;
289
289
  letter-spacing: -0.035em;
290
290
  line-height: 24.26px;
291
- padding: 1.1254019293rem 1.9292604502rem 1.1254019293rem 0;
291
+ padding: 1.0718113612rem 0.857449089rem 1.0718113612rem 0;
292
292
  }
293
293
  .ilo--accordion--button:hover, .ilo--accordion--button:focus {
294
294
  background-color: rgb(235, 245, 253);
@@ -308,13 +308,13 @@ body {
308
308
  font-size: 16px;
309
309
  letter-spacing: -0.02em;
310
310
  line-height: 21.6px;
311
- padding: 0.9646302251rem 1.9292604502rem 0.9646302251rem 0;
311
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 0;
312
312
  }
313
313
  .ilo--accordion--button--large {
314
314
  font-size: 18.66px;
315
315
  letter-spacing: -0.035em;
316
316
  line-height: 24.26px;
317
- padding: 1.1254019293rem 1.9292604502rem 1.1254019293rem 0;
317
+ padding: 1.0718113612rem 0.857449089rem 1.0718113612rem 0;
318
318
  }
319
319
  }
320
320
  .ilo--accordion--button[aria-expanded=true] {
@@ -344,7 +344,7 @@ body {
344
344
 
345
345
  /**
346
346
  * Do not edit directly
347
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
347
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
348
348
  */
349
349
  /**
350
350
  * TOKENS:
@@ -369,7 +369,7 @@ body {
369
369
  }
370
370
  /**
371
371
  * Do not edit directly
372
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
372
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
373
373
  */
374
374
  /**
375
375
  * TOKENS:
@@ -406,7 +406,7 @@ body {
406
406
  text-decoration-thickness: 0.1071811361rem;
407
407
  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");
408
408
  }
409
- .right-to-left .ilo--breadcrumb--link {
409
+ [dir=rtl] .ilo--breadcrumb--link {
410
410
  background-position: 0 52%;
411
411
  padding: 0 0.5359056806rem 0 1.2861736334rem;
412
412
  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");
@@ -428,7 +428,7 @@ body {
428
428
  text-decoration-thickness: 0.1071811361rem;
429
429
  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");
430
430
  }
431
- .right-to-left .ilo--breadcrumb--link:hover, .right-to-left .ilo--breadcrumb--link:focus {
431
+ [dir=rtl] .ilo--breadcrumb--link:hover, [dir=rtl] .ilo--breadcrumb--link:focus {
432
432
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3e%3cpath fill='rgb(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");
433
433
  }
434
434
  .ilo--breadcrumb--item {
@@ -440,11 +440,6 @@ body {
440
440
  align-items: center;
441
441
  display: flex;
442
442
  position: relative;
443
- width: 17px;
444
- }
445
- .ilo--breadcrumb--item.home .ilo--breadcrumb--link {
446
- padding-left: 0;
447
- width: 2.0364415863rem;
448
443
  }
449
444
  .ilo--breadcrumb--item.home .ilo--breadcrumb--link--label {
450
445
  width: 1px;
@@ -503,7 +498,7 @@ body {
503
498
  width: 0.857449089rem;
504
499
  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");
505
500
  }
506
- .right-to-left .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:after {
501
+ [dir=rtl] .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:after {
507
502
  right: auto;
508
503
  left: -7px;
509
504
  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");
@@ -596,7 +591,7 @@ body {
596
591
  text-decoration: underline;
597
592
  text-decoration-thickness: 0.1071811361rem;
598
593
  }
599
- .right-to-left .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--link {
594
+ [dir=rtl] .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--link {
600
595
  text-align: center;
601
596
  }
602
597
  @media screen and (min-width: 610px) {
@@ -610,7 +605,7 @@ body {
610
605
  top: 0;
611
606
  width: 47px;
612
607
  }
613
- .right-to-left .ilo--breadcrumb--items:after {
608
+ [dir=rtl] .ilo--breadcrumb--items:after {
614
609
  right: auto;
615
610
  left: -47px;
616
611
  transform: scaleX(-1);
@@ -619,9 +614,6 @@ body {
619
614
  content: none;
620
615
  }
621
616
  }
622
- .right-to-left .ilo--breadcrumb {
623
- direction: rtl;
624
- }
625
617
  .ilo--breadcrumb.storybook {
626
618
  background-color: rgb(184, 196, 204);
627
619
  height: 100vh;
@@ -629,7 +621,7 @@ body {
629
621
 
630
622
  /**
631
623
  * Do not edit directly
632
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
624
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
633
625
  */
634
626
  /**
635
627
  * TOKENS:
@@ -639,7 +631,7 @@ body {
639
631
  */
640
632
  /**
641
633
  * Do not edit directly
642
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
634
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
643
635
  */
644
636
  /**
645
637
  * TOKENS:
@@ -664,7 +656,7 @@ body {
664
656
  }
665
657
  /**
666
658
  * Do not edit directly
667
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
659
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
668
660
  */
669
661
  /**
670
662
  * TOKENS:
@@ -691,26 +683,26 @@ body {
691
683
  }
692
684
  .ilo--button.icon .ilo--icon {
693
685
  height: 100%;
694
- max-height: 32px;
695
- max-width: 32px;
686
+ max-height: 1.7148981779rem;
687
+ max-width: 1.7148981779rem;
696
688
  position: absolute;
697
689
  width: 100%;
698
690
  }
699
691
  .ilo--button.icon.icon__position--left .link__label,
700
692
  .ilo--button.icon.icon__position--left .button__label {
701
- padding-left: 46px;
693
+ padding-left: 2.5723472669rem;
702
694
  }
703
695
  .ilo--button.icon.icon__position--left .ilo--icon {
704
- left: 13px;
705
- top: 7px;
696
+ left: 0.6966773848rem;
697
+ top: 0.3751339764rem;
706
698
  }
707
699
  .ilo--button.icon.icon__position--right .link__label,
708
700
  .ilo--button.icon.icon__position--right .button__label {
709
- padding-right: 46px;
701
+ padding-right: 2.5723472669rem;
710
702
  }
711
703
  .ilo--button.icon.icon__position--right .ilo--icon {
712
- right: 13px;
713
- top: 7px;
704
+ right: 0.6966773848rem;
705
+ top: 0.3751339764rem;
714
706
  }
715
707
  .ilo--button.icon--only .button__label {
716
708
  width: 1px;
@@ -724,10 +716,7 @@ body {
724
716
  }
725
717
  .ilo--button--large .link__label,
726
718
  .ilo--button--large .button__label {
727
- padding-bottom: 10px;
728
- padding-left: 22px;
729
- padding-right: 22px;
730
- padding-top: 10px;
719
+ padding: 0.6430868167rem 1.2861736334rem;
731
720
  font-size: 18.66px;
732
721
  letter-spacing: -0.02em;
733
722
  line-height: 120%;
@@ -742,34 +731,31 @@ body {
742
731
  }
743
732
  .ilo--button--medium .link__label,
744
733
  .ilo--button--medium .button__label {
745
- padding-bottom: 7px;
746
- padding-left: 18px;
747
- padding-right: 18px;
748
- padding-top: 7px;
734
+ padding: 0.4287245445rem 1.0718113612rem;
749
735
  font-size: 16px;
750
736
  letter-spacing: -0.02em;
751
737
  line-height: 120%;
752
738
  }
753
739
  .ilo--button--medium.icon .ilo--icon {
754
- max-height: 30px;
755
- max-width: 30px;
740
+ max-height: 1.6077170418rem;
741
+ max-width: 1.6077170418rem;
756
742
  position: absolute;
757
743
  }
758
744
  .ilo--button--medium.icon.icon__position--left .link__label,
759
745
  .ilo--button--medium.icon.icon__position--left .button__label {
760
- padding-left: 42px;
746
+ padding-left: 2.3579849946rem;
761
747
  }
762
748
  .ilo--button--medium.icon.icon__position--left .ilo--icon {
763
- left: 10px;
764
- top: 3px;
749
+ left: 0.5359056806rem;
750
+ top: 0.1607717042rem;
765
751
  }
766
752
  .ilo--button--medium.icon.icon__position--right .link__label,
767
753
  .ilo--button--medium.icon.icon__position--right .button__label {
768
- padding-right: 42px;
754
+ padding-right: 2.3579849946rem;
769
755
  }
770
756
  .ilo--button--medium.icon.icon__position--right .ilo--icon {
771
- right: 10px;
772
- top: 3px;
757
+ right: 0.5359056806rem;
758
+ top: 0.1607717042rem;
773
759
  }
774
760
  .ilo--button--medium.icon--only {
775
761
  height: 1.9292604502rem;
@@ -781,34 +767,31 @@ body {
781
767
  }
782
768
  .ilo--button--small .link__label,
783
769
  .ilo--button--small .button__label {
784
- padding-bottom: 3px;
785
- padding-left: 13px;
786
- padding-right: 13px;
787
- padding-top: 3px;
770
+ padding: 0.2143622722rem 0.857449089rem;
788
771
  font-size: 14.93px;
789
772
  letter-spacing: -0.02em;
790
773
  line-height: 120%;
791
774
  }
792
775
  .ilo--button--small.icon .ilo--icon {
793
- max-height: 28px;
794
- max-width: 28px;
776
+ max-height: 1.5005359057rem;
777
+ max-width: 1.5005359057rem;
795
778
  position: absolute;
796
779
  }
797
780
  .ilo--button--small.icon.icon__position--left .link__label,
798
781
  .ilo--button--small.icon.icon__position--left .button__label {
799
- padding-left: 34px;
782
+ padding-left: 1.9292604502rem;
800
783
  }
801
784
  .ilo--button--small.icon.icon__position--left .ilo--icon {
802
- left: 6px;
803
- top: 1px;
785
+ left: 0.3215434084rem;
786
+ top: 0.0535905681rem;
804
787
  }
805
788
  .ilo--button--small.icon.icon__position--right .link__label,
806
789
  .ilo--button--small.icon.icon__position--right .button__label {
807
- padding-right: 34px;
790
+ padding-right: 1.9292604502rem;
808
791
  }
809
792
  .ilo--button--small.icon.icon__position--right .ilo--icon {
810
- right: 6px;
811
- top: 1px;
793
+ right: 0.3215434084rem;
794
+ top: 0.0535905681rem;
812
795
  }
813
796
  .ilo--button--small.icon--only {
814
797
  height: 1.3933547696rem;
@@ -954,7 +937,7 @@ body {
954
937
 
955
938
  /**
956
939
  * Do not edit directly
957
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
940
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
958
941
  */
959
942
  /**
960
943
  * TOKENS:
@@ -967,7 +950,7 @@ body {
967
950
  transition: max-height 225ms ease-out;
968
951
  }
969
952
  .ilo--callout--collapse:not(.ilo--callout--open) {
970
- max-height: 78px;
953
+ max-height: 64px;
971
954
  overflow: hidden;
972
955
  }
973
956
  .ilo--callout--open {
@@ -978,22 +961,24 @@ body {
978
961
  transform: translateY(-50%) rotate(180deg);
979
962
  }
980
963
  .ilo--callout--sidebar {
981
- padding: 1.3933547696rem 0.6430868167rem;
964
+ display: flex;
965
+ flex-direction: column;
966
+ align-items: center;
967
+ padding: 1.0718113612rem 0.4287245445rem;
982
968
  width: 2.1436227224rem;
983
969
  }
984
970
  .ilo--callout--sidebar .ilo--callout--icon {
985
- position: relative;
986
- top: 0.0803858521rem;
971
+ margin: 0.2143622722rem;
987
972
  }
988
973
  .ilo--callout--content {
989
- padding: 1.3933547696rem 1.1789924973rem 1.2861736334rem;
974
+ padding: 1.2861736334rem;
990
975
  width: 100%;
991
976
  font-size: 0.8001071811rem;
992
977
  }
993
978
  .ilo--callout--header {
994
979
  display: flex;
995
980
  justify-content: space-between;
996
- padding: 0 0 1.2861736334rem;
981
+ padding-bottom: 0.6430868167rem;
997
982
  }
998
983
  .ilo--callout--title {
999
984
  font-size: 16px;
@@ -1012,7 +997,7 @@ body {
1012
997
  cursor: pointer;
1013
998
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
1014
999
  font-weight: 500;
1015
- padding-right: 32px;
1000
+ padding-right: 1.7148981779rem;
1016
1001
  position: relative;
1017
1002
  }
1018
1003
  .ilo--callout--toggle--icon {
@@ -1029,7 +1014,7 @@ body {
1029
1014
  width: 24px;
1030
1015
  }
1031
1016
  .ilo--callout--footer {
1032
- padding: 1.2861736334rem 0 0 0;
1017
+ padding-top: 1.0718113612rem;
1033
1018
  }
1034
1019
  .ilo--callout .icon {
1035
1020
  background-repeat: no-repeat;
@@ -1081,7 +1066,7 @@ body {
1081
1066
 
1082
1067
  /**
1083
1068
  * Do not edit directly
1084
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1069
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1085
1070
  */
1086
1071
  /**
1087
1072
  * TOKENS:
@@ -1091,7 +1076,7 @@ body {
1091
1076
  */
1092
1077
  /**
1093
1078
  * Do not edit directly
1094
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1079
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1095
1080
  */
1096
1081
  /**
1097
1082
  * TOKENS:
@@ -1116,7 +1101,7 @@ body {
1116
1101
  }
1117
1102
  /**
1118
1103
  * Do not edit directly
1119
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1104
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1120
1105
  */
1121
1106
  /**
1122
1107
  * TOKENS:
@@ -1134,7 +1119,7 @@ body {
1134
1119
 
1135
1120
  /**
1136
1121
  * Do not edit directly
1137
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1122
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1138
1123
  */
1139
1124
  /**
1140
1125
  * TOKENS:
@@ -1152,9 +1137,6 @@ body {
1152
1137
  .ilo--card__size__fluid {
1153
1138
  --max-width: 100% !important;
1154
1139
  }
1155
- .right-to-left .ilo--card {
1156
- text-align: right;
1157
- }
1158
1140
  .ilo--card__action:hover, .ilo--card__action:focus, .ilo--card__action:focus-within {
1159
1141
  background: rgb(255, 255, 255);
1160
1142
  outline: none;
@@ -1218,7 +1200,7 @@ body {
1218
1200
  max-width: var(--max-width);
1219
1201
  }
1220
1202
  .ilo--card--wrapper:hover, .ilo--card--wrapper:focus, .ilo--card--wrapper:focus-within {
1221
- 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));
1203
+ 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));
1222
1204
  }
1223
1205
  .ilo--card--link {
1224
1206
  background: none;
@@ -1304,10 +1286,10 @@ body {
1304
1286
  font-size: 16px;
1305
1287
  letter-spacing: normal;
1306
1288
  line-height: 23.36px;
1307
- margin-bottom: 1.3742266073rem;
1308
1289
  transition-property: color;
1309
1290
  transition-duration: 150ms;
1310
1291
  transition-timing-function: ease-out;
1292
+ margin-bottom: 1.7148981779rem;
1311
1293
  }
1312
1294
  .ilo--card--link:hover .ilo--card--intro, .ilo--card--link:focus .ilo--card--intro, .ilo--card--link:focus-within .ilo--card--intro {
1313
1295
  color: rgb(30, 45, 190);
@@ -1348,7 +1330,7 @@ body {
1348
1330
 
1349
1331
  /**
1350
1332
  * Do not edit directly
1351
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1333
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1352
1334
  */
1353
1335
  /**
1354
1336
  * TOKENS:
@@ -1373,10 +1355,16 @@ body {
1373
1355
  color: rgb(255, 255, 255);
1374
1356
  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");
1375
1357
  }
1358
+ [dir=rtl] .ilo--card__type__feature.ilo--card__theme__dark .ilo--link-list--link {
1359
+ 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");
1360
+ }
1376
1361
  .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 {
1377
1362
  color: rgb(30, 45, 190);
1378
1363
  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");
1379
1364
  }
1365
+ [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 {
1366
+ 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");
1367
+ }
1380
1368
  .ilo--card__type__feature picture::before {
1381
1369
  transition-property: opacity;
1382
1370
  transition-duration: 150ms;
@@ -1385,7 +1373,7 @@ body {
1385
1373
  .ilo--card__type__feature:hover, .ilo--card__type__feature:focus, .ilo--card__type__feature:focus-within {
1386
1374
  background-color: rgb(255, 255, 255);
1387
1375
  border-bottom: 0.1607717042rem solid rgb(30, 45, 190);
1388
- 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));
1376
+ filter: drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.05)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.05)) drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.04));
1389
1377
  }
1390
1378
  .ilo--card__type__feature:hover picture::before, .ilo--card__type__feature:focus picture::before, .ilo--card__type__feature:focus-within picture::before {
1391
1379
  opacity: 0.4;
@@ -1428,9 +1416,6 @@ body {
1428
1416
  .ilo--card__type__feature.ilo--card__size__wide .ilo--card--wrap, .ilo--card__type__feature.ilo--card__size__fluid .ilo--card--wrap {
1429
1417
  flex-direction: row;
1430
1418
  }
1431
- .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 {
1432
- flex-direction: row-reverse;
1433
- }
1434
1419
  .ilo--card__type__feature.ilo--card__size__wide .ilo--card--content, .ilo--card__type__feature.ilo--card__size__fluid .ilo--card--content {
1435
1420
  display: flex;
1436
1421
  flex-direction: row;
@@ -1516,7 +1501,7 @@ body {
1516
1501
 
1517
1502
  /**
1518
1503
  * Do not edit directly
1519
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1504
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1520
1505
  */
1521
1506
  /**
1522
1507
  * TOKENS:
@@ -1527,8 +1512,12 @@ body {
1527
1512
  .ilo--card__type__text {
1528
1513
  --max-width: 16.1307609861rem;
1529
1514
  border-bottom: 0.1607717042rem solid rgb(184, 196, 204);
1530
- padding: 1.2861736334rem 2.1436227224rem;
1531
- clip-path: polygon(0 0, calc(100% - 73px) 0, 100% 40px, 100% 100%, 0 100%);
1515
+ padding: 2.1436227224rem 1.2861736334rem 1.7148981779rem;
1516
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
1517
+ }
1518
+ [dir=rtl] .ilo--card__type__text {
1519
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
1520
+ clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
1532
1521
  }
1533
1522
  .ilo--card__type__text [class$=profile--contents--light] * {
1534
1523
  color: rgb(45, 45, 45);
@@ -1537,7 +1526,11 @@ body {
1537
1526
  color: rgb(255, 255, 255);
1538
1527
  }
1539
1528
  .ilo--card__type__text:hover, .ilo--card__type__text:focus, .ilo--card__type__text:focus-within {
1540
- 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));
1529
+ 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));
1530
+ transition-property: border-color;
1531
+ transition-duration: 150ms;
1532
+ transition-timing-function: ease-out;
1533
+ border-color: rgb(30, 45, 190);
1541
1534
  }
1542
1535
  .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] * {
1543
1536
  color: rgb(30, 45, 190);
@@ -1545,26 +1538,19 @@ body {
1545
1538
  @media screen and (max-width: 609px) {
1546
1539
  .ilo--card__type__text {
1547
1540
  --max-width: 100%;
1548
- padding: 1.7148981779rem 2.1436227224rem;
1549
1541
  }
1550
1542
  }
1551
1543
  .ilo--card__type__text.ilo--card__size__wide, .ilo--card__type__text.ilo--card__size__fluid {
1552
1544
  --max-width: 28.0278670954rem;
1553
- padding: 1.7148981779rem 2.1436227224rem;
1554
- }
1555
- @media screen and (min-width: 610px) {
1556
- .ilo--card__type__text.ilo--card__size__wide, .ilo--card__type__text.ilo--card__size__fluid {
1557
- padding: 1.7148981779rem 2.1436227224rem;
1558
- }
1545
+ padding: 2.1436227224rem 1.7148981779rem 1.7148981779rem;
1559
1546
  }
1560
1547
  .ilo--card__type__text.ilo--card__size__narrow {
1561
1548
  --max-width: 16.1307609861rem;
1562
- padding: 1.2861736334rem 2.1436227224rem;
1549
+ padding: 2.1436227224rem 1.2861736334rem 1.7148981779rem;
1563
1550
  }
1564
1551
  @media screen and (max-width: 609px) {
1565
1552
  .ilo--card__type__text.ilo--card__size__narrow {
1566
1553
  --max-width: 100%;
1567
- padding: 1.2861736334rem 2.1436227224rem;
1568
1554
  }
1569
1555
  }
1570
1556
  .ilo--card__type__text.ilo--card__size__narrow .ilo--card--title {
@@ -1612,7 +1598,7 @@ body {
1612
1598
 
1613
1599
  /**
1614
1600
  * Do not edit directly
1615
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1601
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1616
1602
  */
1617
1603
  /**
1618
1604
  * TOKENS:
@@ -1623,8 +1609,11 @@ body {
1623
1609
  .ilo--card__type__detail {
1624
1610
  --max-width: 18.3815648446rem;
1625
1611
  border-bottom: 0.1607717042rem solid rgb(237, 240, 242);
1626
- padding: 1.2861736334rem 0;
1612
+ padding: 1.7148981779rem 0;
1627
1613
  position: relative;
1614
+ transition-property: border;
1615
+ transition-duration: 150ms;
1616
+ transition-timing-function: ease-out;
1628
1617
  }
1629
1618
  @media screen and (min-width: 1024px) {
1630
1619
  .ilo--card__type__detail {
@@ -1637,7 +1626,8 @@ body {
1637
1626
  }
1638
1627
  }
1639
1628
  .ilo--card__type__detail:hover, .ilo--card__type__detail:focus, .ilo--card__type__detail:focus-within {
1640
- 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));
1629
+ 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));
1630
+ border-bottom: 0.1607717042rem solid rgb(30, 45, 190);
1641
1631
  }
1642
1632
  .ilo--card__type__detail:hover picture::before, .ilo--card__type__detail:focus picture::before, .ilo--card__type__detail:focus-within picture::before {
1643
1633
  opacity: 0.4;
@@ -1646,7 +1636,11 @@ body {
1646
1636
  .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 {
1647
1637
  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");
1648
1638
  }
1639
+ .ilo--card__type__detail .ilo--card--eyebrow {
1640
+ margin-bottom: 0.857449089rem;
1641
+ }
1649
1642
  .ilo--card__type__detail .ilo--card--title {
1643
+ padding: 0 0 0.4287245445rem 0;
1650
1644
  font-size: 18.66px;
1651
1645
  letter-spacing: -0.035em;
1652
1646
  line-height: 24.26px;
@@ -1713,9 +1707,6 @@ body {
1713
1707
  .ilo--card__type__detail .ilo--card--wrap {
1714
1708
  display: flex;
1715
1709
  }
1716
- .right-to-left .ilo--card__type__detail .ilo--card--wrap {
1717
- flex-direction: row-reverse;
1718
- }
1719
1710
  .ilo--card__type__detail .ilo--card--title {
1720
1711
  font-size: 18.66px;
1721
1712
  letter-spacing: -0.035em;
@@ -1759,7 +1750,7 @@ body {
1759
1750
 
1760
1751
  /**
1761
1752
  * Do not edit directly
1762
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1753
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1763
1754
  */
1764
1755
  /**
1765
1756
  * TOKENS:
@@ -1801,73 +1792,55 @@ body {
1801
1792
  padding: 3.4297963558rem 3.8585209003rem;
1802
1793
  }
1803
1794
  }
1795
+ .ilo--card__type__promo .ilo--card--title {
1796
+ margin-bottom: 0.6430868167rem;
1797
+ }
1804
1798
  .ilo--card__type__promo.ilo--card__size__standard {
1805
1799
  padding: 2.5723472669rem;
1806
1800
  }
1807
- @media screen and (min-width: 610px) {
1808
- .ilo--card__type__promo.ilo--card__size__standard {
1809
- padding: 2.5723472669rem 2.5723472669rem 3.4297963558rem;
1810
- }
1811
- }
1812
- @media screen and (min-width: 1024px) {
1813
- .ilo--card__type__promo.ilo--card__size__standard {
1814
- padding: 2.5723472669rem 2.5723472669rem 3.4297963558rem;
1815
- }
1816
- }
1817
1801
  .ilo--card__type__promo.ilo--card__size__standard.ilo--card__cornercut {
1818
1802
  clip-path: polygon(0 0, calc(100% - 87px) 0, 100% 48px, 100% 100%, 0 100%);
1819
1803
  }
1804
+ [dir=rtl] .ilo--card__type__promo.ilo--card__size__standard.ilo--card__cornercut {
1805
+ clip-path: polygon(0 0, calc(100% - 87px) 0, 100% 48px, 100% 100%, 0 100%);
1806
+ clip-path: polygon(87px 0, 100% 0, 100% 100%, 0 100%, 0 48px);
1807
+ }
1820
1808
  .ilo--card__type__promo.ilo--card__size__wide, .ilo--card__type__promo.ilo--card__size__fluid {
1821
1809
  padding: 3.4297963558rem 3.8585209003rem;
1822
1810
  }
1823
- @media screen and (min-width: 610px) {
1824
- .ilo--card__type__promo.ilo--card__size__wide, .ilo--card__type__promo.ilo--card__size__fluid {
1825
- padding: 3.4297963558rem 3.8585209003rem;
1826
- }
1827
- }
1828
- @media screen and (min-width: 1024px) {
1829
- .ilo--card__type__promo.ilo--card__size__wide, .ilo--card__type__promo.ilo--card__size__fluid {
1830
- padding: 3.4297963558rem 3.8585209003rem;
1831
- }
1832
- }
1833
1811
  .ilo--card__type__promo.ilo--card__size__wide.ilo--card__cornercut, .ilo--card__type__promo.ilo--card__size__fluid.ilo--card__cornercut {
1834
1812
  clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
1835
1813
  }
1814
+ [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 {
1815
+ clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
1816
+ clip-path: polygon(116px 0, 100% 0, 100% 100%, 0 100%, 0 64px);
1817
+ }
1836
1818
  .ilo--card__type__promo.ilo--card__size__narrow {
1837
1819
  padding: 2.1436227224rem 1.2861736334rem;
1838
1820
  }
1839
- @media screen and (min-width: 610px) {
1840
- .ilo--card__type__promo.ilo--card__size__narrow {
1841
- padding: 2.1436227224rem 1.2861736334rem;
1842
- }
1843
- }
1844
- @media screen and (min-width: 1024px) {
1845
- .ilo--card__type__promo.ilo--card__size__narrow {
1846
- padding: 2.1436227224rem 1.2861736334rem;
1847
- }
1848
- }
1849
1821
  .ilo--card__type__promo.ilo--card__size__narrow.ilo--card__cornercut {
1850
1822
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
1851
1823
  }
1824
+ [dir=rtl] .ilo--card__type__promo.ilo--card__size__narrow.ilo--card__cornercut {
1825
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px left, 100% 100%, 0 100%);
1826
+ }
1852
1827
  .ilo--card__type__promo.ilo--card__size__narrow .ilo--card--title {
1853
1828
  font-size: 29.16px;
1854
1829
  letter-spacing: -0.035em;
1855
1830
  line-height: 36.45px;
1856
- margin-bottom: 0.5741425509rem;
1831
+ margin-bottom: 0.4287245445rem;
1857
1832
  }
1858
1833
  @media screen and (min-width: 610px) {
1859
1834
  .ilo--card__type__promo.ilo--card__size__narrow .ilo--card--title {
1860
1835
  font-size: 36.45px;
1861
1836
  letter-spacing: -0.035em;
1862
1837
  line-height: 43.74px;
1863
- margin-bottom: 0.4278063594rem;
1864
1838
  }
1865
1839
  }
1866
1840
  .ilo--card__type__promo.ilo--card__size__narrow .ilo--card--intro {
1867
1841
  font-size: 16px;
1868
1842
  letter-spacing: normal;
1869
1843
  line-height: 23.36px;
1870
- margin-bottom: 1.910132288rem;
1871
1844
  }
1872
1845
  .ilo--card__type__promo.ilo--card__theme__light:not(:hover) .ilo--card--title {
1873
1846
  color: rgb(45, 45, 45);
@@ -1879,34 +1852,31 @@ body {
1879
1852
  font-size: 29.16px;
1880
1853
  letter-spacing: -0.035em;
1881
1854
  line-height: 36.45px;
1882
- margin-bottom: 0.5741425509rem;
1883
1855
  }
1884
1856
  @media screen and (min-width: 610px) {
1885
1857
  .ilo--card__type__promo .ilo--card--title {
1886
1858
  font-size: 36.45px;
1887
1859
  letter-spacing: -0.035em;
1888
1860
  line-height: 43.74px;
1889
- margin-bottom: 0.8565309039rem;
1890
1861
  }
1891
1862
  }
1892
1863
  .ilo--card__type__promo .ilo--card--intro {
1893
1864
  font-size: 16px;
1894
1865
  letter-spacing: normal;
1895
1866
  line-height: 23.36px;
1896
- margin-bottom: 1.910132288rem;
1867
+ margin-bottom: 1.7148981779rem;
1897
1868
  }
1898
1869
  @media screen and (min-width: 610px) {
1899
1870
  .ilo--card__type__promo .ilo--card--intro {
1900
1871
  font-size: 18.66px;
1901
1872
  letter-spacing: normal;
1902
1873
  line-height: 27.24px;
1903
- margin-bottom: 1.8685411561rem;
1904
1874
  }
1905
1875
  }
1906
1876
 
1907
1877
  /**
1908
1878
  * Do not edit directly
1909
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1879
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
1910
1880
  */
1911
1881
  /**
1912
1882
  * TOKENS:
@@ -1923,6 +1893,7 @@ body {
1923
1893
  }
1924
1894
  .ilo--card__type__multilink .ilo--card--content .ilo--card--image--wrapper {
1925
1895
  display: block;
1896
+ margin-bottom: 1.7148981779rem;
1926
1897
  }
1927
1898
  @media screen and (min-width: 610px) {
1928
1899
  .ilo--card__type__multilink {
@@ -1938,7 +1909,7 @@ body {
1938
1909
  font-size: 23.32px;
1939
1910
  letter-spacing: -0.035em;
1940
1911
  line-height: 29.15px;
1941
- margin-bottom: 0.7188906752rem;
1912
+ margin-bottom: 1.7148981779rem;
1942
1913
  color: rgb(45, 45, 45);
1943
1914
  }
1944
1915
  @media screen and (min-width: 610px) {
@@ -1946,14 +1917,13 @@ body {
1946
1917
  font-size: 29.16px;
1947
1918
  letter-spacing: -0.035em;
1948
1919
  line-height: 36.45px;
1949
- margin-bottom: 0.5741425509rem;
1950
1920
  }
1951
1921
  }
1952
1922
  .ilo--card__type__multilink .ilo--card--intro {
1953
1923
  font-size: 16px;
1954
1924
  letter-spacing: normal;
1955
1925
  line-height: 23.36px;
1956
- margin-bottom: 1.910132288rem;
1926
+ margin-bottom: 1.7148981779rem;
1957
1927
  color: rgb(45, 45, 45);
1958
1928
  }
1959
1929
  @media screen and (min-width: 610px) {
@@ -1961,37 +1931,16 @@ body {
1961
1931
  font-size: 18.66px;
1962
1932
  letter-spacing: normal;
1963
1933
  line-height: 27.24px;
1964
- margin-bottom: 1.8685411561rem;
1965
1934
  }
1966
1935
  }
1967
1936
  .ilo--card__type__multilink.ilo--card__size__standard {
1968
1937
  --max-width: 28.7245444802rem;
1969
1938
  padding: 2.5723472669rem 2.1436227224rem;
1970
1939
  }
1971
- @media screen and (min-width: 610px) {
1972
- .ilo--card__type__multilink.ilo--card__size__standard {
1973
- padding: 2.5723472669rem 2.1436227224rem;
1974
- }
1975
- }
1976
- @media screen and (min-width: 1024px) {
1977
- .ilo--card__type__multilink.ilo--card__size__standard {
1978
- padding: 2.5723472669rem 2.1436227224rem;
1979
- }
1980
- }
1981
1940
  .ilo--card__type__multilink.ilo--card__size__narrow {
1982
1941
  --max-width: 20.0964630225rem;
1983
1942
  padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1984
1943
  }
1985
- @media screen and (min-width: 610px) {
1986
- .ilo--card__type__multilink.ilo--card__size__narrow {
1987
- padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1988
- }
1989
- }
1990
- @media screen and (min-width: 1024px) {
1991
- .ilo--card__type__multilink.ilo--card__size__narrow {
1992
- padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1993
- }
1994
- }
1995
1944
  .ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--image--wrapper {
1996
1945
  display: none;
1997
1946
  }
@@ -2004,7 +1953,7 @@ body {
2004
1953
  font-size: 23.32px;
2005
1954
  letter-spacing: -0.035em;
2006
1955
  line-height: 29.15px;
2007
- margin-bottom: 0.7188906752rem;
1956
+ margin-bottom: 1.2861736334rem;
2008
1957
  }
2009
1958
  }
2010
1959
  @media screen and (min-width: 610px) {
@@ -2012,13 +1961,16 @@ body {
2012
1961
  font-size: 16px;
2013
1962
  letter-spacing: normal;
2014
1963
  line-height: 23.36px;
2015
- margin-bottom: 1.910132288rem;
1964
+ margin-bottom: 1.2861736334rem;
2016
1965
  }
2017
1966
  }
2018
1967
  .ilo--card__type__multilink.ilo--card__size__wide, .ilo--card__type__multilink.ilo--card__size__fluid {
2019
1968
  --max-width: 59.1639871383rem;
2020
1969
  padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
2021
1970
  }
1971
+ .ilo--card__type__multilink.ilo--card__size__wide .ilo--card--title, .ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--title {
1972
+ margin-bottom: 0.6430868167rem;
1973
+ }
2022
1974
  @media screen and (min-width: 610px) {
2023
1975
  .ilo--card__type__multilink.ilo--card__size__wide, .ilo--card__type__multilink.ilo--card__size__fluid {
2024
1976
  padding: 3.0010718114rem 2.5723472669rem;
@@ -2026,16 +1978,10 @@ body {
2026
1978
  .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 {
2027
1979
  flex-direction: row-reverse;
2028
1980
  }
2029
- .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 {
2030
- flex-direction: row;
2031
- }
2032
1981
  .ilo--card__type__multilink.ilo--card__size__wide .ilo--card--wrap, .ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--wrap {
2033
1982
  display: flex;
2034
1983
  column-gap: 1.7148981779rem;
2035
1984
  }
2036
- .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 {
2037
- flex-direction: row-reverse;
2038
- }
2039
1985
  .ilo--card__type__multilink.ilo--card__size__wide .ilo--card--image--wrapper, .ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--image--wrapper {
2040
1986
  display: block;
2041
1987
  width: 50%;
@@ -2048,14 +1994,13 @@ body {
2048
1994
  }
2049
1995
  }
2050
1996
  .ilo--card__type__multilink .ilo--link-list {
2051
- margin-top: 1.8756698821rem;
2052
1997
  position: relative;
2053
1998
  z-index: 3;
2054
1999
  }
2055
2000
 
2056
2001
  /**
2057
2002
  * Do not edit directly
2058
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2003
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2059
2004
  */
2060
2005
  /**
2061
2006
  * TOKENS:
@@ -2067,7 +2012,7 @@ body {
2067
2012
  --max-width: 32.154340836rem;
2068
2013
  background: rgb(235, 245, 253);
2069
2014
  border-bottom: 0.1607717042rem solid rgb(190, 220, 250);
2070
- padding: 2.5723472669rem 2.7867095391rem;
2015
+ padding: 2.5723472669rem 2.1436227224rem 3.0010718114rem;
2071
2016
  position: relative;
2072
2017
  width: 100%;
2073
2018
  }
@@ -2117,7 +2062,7 @@ body {
2117
2062
  .ilo--card__type__data.ilo--card__size__narrow {
2118
2063
  --max-width: 16.1307609861rem;
2119
2064
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
2120
- padding: 2.1436227224rem 1.2861736334rem 2.8403001072rem;
2065
+ padding: 2.1436227224rem 1.2861736334rem 3.0010718114rem;
2121
2066
  }
2122
2067
  @media screen and (max-width: 609px) {
2123
2068
  .ilo--card__type__data.ilo--card__size__narrow {
@@ -2128,10 +2073,10 @@ body {
2128
2073
  --max-width: 41.6934619507rem;
2129
2074
  }
2130
2075
  .ilo--card__type__data.ilo--card__size__wide.ilo--card__type__data__columns__one {
2131
- padding: 2.5723472669rem 2.7867095391rem;
2076
+ padding: 2.5723472669rem 2.1436227224rem 3.0010718114rem;
2132
2077
  }
2133
2078
  .ilo--card__type__data.ilo--card__size__wide.ilo--card__type__data__columns__two {
2134
- padding: 2.5723472669rem 5.8413719185rem;
2079
+ padding: 2.5723472669rem 2.5723472669rem 3.0010718114rem 6.0021436227rem;
2135
2080
  }
2136
2081
  .ilo--card__type__data.ilo--card__size__wide, .ilo--card__type__data.ilo--card__size__fluid {
2137
2082
  clip-path: polygon(0 0, calc(100% - 86px) 0, 100% 48px, 100% 100%, 0 100%);
@@ -2175,7 +2120,7 @@ body {
2175
2120
 
2176
2121
  /**
2177
2122
  * Do not edit directly
2178
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2123
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2179
2124
  */
2180
2125
  /**
2181
2126
  * TOKENS:
@@ -2186,7 +2131,7 @@ body {
2186
2131
  .ilo--card__type__stat {
2187
2132
  --max-width: 18.3815648446rem;
2188
2133
  border-bottom: 0.1607717042rem solid rgb(150, 10, 85);
2189
- padding: 1.2861736334rem 2.1436227224rem 1.1789924973rem;
2134
+ padding: 2.1436227224rem 1.2861736334rem 1.7148981779rem;
2190
2135
  position: relative;
2191
2136
  width: 100%;
2192
2137
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
@@ -2196,6 +2141,10 @@ body {
2196
2141
  --max-width: 100%;
2197
2142
  }
2198
2143
  }
2144
+ [dir=rtl] .ilo--card__type__stat {
2145
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
2146
+ clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
2147
+ }
2199
2148
  .ilo--card__type__stat.ilo--card__color__blue {
2200
2149
  background: rgb(235, 245, 253);
2201
2150
  }
@@ -2215,9 +2164,6 @@ body {
2215
2164
  justify-content: flex-start;
2216
2165
  height: 100%;
2217
2166
  }
2218
- .right-to-left .ilo--card__type__stat .ilo--card--content {
2219
- flex-direction: row-reverse;
2220
- }
2221
2167
  .ilo--card__type__stat .ilo--card--title {
2222
2168
  color: rgb(35, 0, 80);
2223
2169
  font-size: 36.45px;
@@ -2250,7 +2196,7 @@ body {
2250
2196
 
2251
2197
  /**
2252
2198
  * Do not edit directly
2253
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2199
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2254
2200
  */
2255
2201
  /**
2256
2202
  * TOKENS:
@@ -2261,34 +2207,28 @@ body {
2261
2207
  .ilo--card__type__factlist {
2262
2208
  --max-width: 20.0964630225rem;
2263
2209
  border-bottom: 0.1607717042rem solid rgb(184, 196, 204);
2264
- padding: 1.2861736334rem 2.5723472669rem;
2210
+ padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
2265
2211
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
2266
2212
  }
2267
2213
  @media screen and (min-width: 1024px) {
2268
2214
  .ilo--card__type__factlist {
2269
- padding: 2.1436227224rem 3.0010718114rem;
2215
+ padding: 2.5723472669rem 2.1436227224rem 3.0010718114rem;
2270
2216
  }
2271
2217
  }
2272
2218
  .ilo--card__type__factlist.ilo--card__size__wide {
2273
2219
  --max-width: 45.8735262594rem;
2274
- padding: 2.1436227224rem 2.7867095391rem;
2220
+ padding: 2.5723472669rem 2.1436227224rem 3.0010718114rem;
2275
2221
  }
2276
2222
  @media screen and (min-width: 610px) {
2277
2223
  .ilo--card__type__factlist.ilo--card__size__wide {
2278
- padding: 2.1436227224rem 3.2154340836rem;
2279
2224
  clip-path: polygon(0 0, calc(100% - 87px) 0, 100% 48px, 100% 100%, 0 100%);
2280
2225
  }
2281
2226
  }
2282
2227
  .ilo--card__type__factlist.ilo--card__size__narrow {
2283
2228
  --max-width: 20.0964630225rem;
2284
- padding: 1.2861736334rem 2.5723472669rem;
2229
+ padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
2285
2230
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
2286
2231
  }
2287
- @media screen and (min-width: 610px) {
2288
- .ilo--card__type__factlist.ilo--card__size__narrow {
2289
- padding: 1.2861736334rem 2.5723472669rem;
2290
- }
2291
- }
2292
2232
  .ilo--card__type__factlist.ilo--card__theme__dark {
2293
2233
  border-bottom: 0.1607717042rem solid rgb(250, 60, 75);
2294
2234
  }
@@ -2325,7 +2265,7 @@ body {
2325
2265
 
2326
2266
  /**
2327
2267
  * Do not edit directly
2328
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2268
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2329
2269
  */
2330
2270
  /**
2331
2271
  * TOKENS:
@@ -2359,9 +2299,6 @@ body {
2359
2299
  margin: auto;
2360
2300
  width: 100%;
2361
2301
  }
2362
- .right-to-left .ilo--cardgroup--inner {
2363
- flex-direction: row-reverse;
2364
- }
2365
2302
  .ilo--cardgroup .ilo--card,
2366
2303
  .ilo--cardgroup .ilo--card--wrapper {
2367
2304
  height: 100%;
@@ -2377,7 +2314,7 @@ body {
2377
2314
 
2378
2315
  /**
2379
2316
  * Do not edit directly
2380
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2317
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2381
2318
  */
2382
2319
  /**
2383
2320
  * TOKENS:
@@ -2454,7 +2391,7 @@ body {
2454
2391
 
2455
2392
  /**
2456
2393
  * Do not edit directly
2457
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2394
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2458
2395
  */
2459
2396
  /**
2460
2397
  * TOKENS:
@@ -2535,7 +2472,7 @@ body {
2535
2472
 
2536
2473
  /**
2537
2474
  * Do not edit directly
2538
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2475
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2539
2476
  */
2540
2477
  /**
2541
2478
  * TOKENS:
@@ -2545,7 +2482,7 @@ body {
2545
2482
  */
2546
2483
  /**
2547
2484
  * Do not edit directly
2548
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2485
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2549
2486
  */
2550
2487
  /**
2551
2488
  * TOKENS:
@@ -2555,7 +2492,7 @@ body {
2555
2492
  */
2556
2493
  /**
2557
2494
  * Do not edit directly
2558
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2495
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2559
2496
  */
2560
2497
  /**
2561
2498
  * TOKENS:
@@ -2565,7 +2502,7 @@ body {
2565
2502
  */
2566
2503
  /**
2567
2504
  * Do not edit directly
2568
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2505
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2569
2506
  */
2570
2507
  /**
2571
2508
  * TOKENS:
@@ -2661,29 +2598,29 @@ body {
2661
2598
  display: inline-block;
2662
2599
  }
2663
2600
  }
2664
- .right-to-left .ilo--credit:after {
2601
+ [dir=rtl] .ilo--credit:after {
2665
2602
  background-position: top left;
2666
2603
  left: auto;
2667
2604
  right: 100%;
2668
2605
  transform: scaleX(-1);
2669
2606
  }
2670
2607
  @media screen and (max-width: 1023px) {
2671
- .right-to-left .ilo--credit--label {
2608
+ [dir=rtl] .ilo--credit--label {
2672
2609
  left: auto;
2673
2610
  right: 0;
2674
2611
  }
2675
- .right-to-left .ilo--credit--label:after {
2612
+ [dir=rtl] .ilo--credit--label:after {
2676
2613
  background-position: top right;
2677
2614
  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");
2678
2615
  left: auto;
2679
2616
  right: calc(0.6430868167rem / 2);
2680
2617
  }
2681
- .right-to-left .ilo--credit:before {
2618
+ [dir=rtl] .ilo--credit:before {
2682
2619
  background-position: 4px center;
2683
2620
  left: auto;
2684
2621
  right: 0;
2685
2622
  }
2686
- .right-to-left .ilo--credit:after {
2623
+ [dir=rtl] .ilo--credit:after {
2687
2624
  left: auto;
2688
2625
  right: 1.5541264737rem;
2689
2626
  }
@@ -2691,7 +2628,7 @@ body {
2691
2628
 
2692
2629
  /**
2693
2630
  * Do not edit directly
2694
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2631
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2695
2632
  */
2696
2633
  /**
2697
2634
  * TOKENS:
@@ -2706,9 +2643,13 @@ body {
2706
2643
  cursor: pointer;
2707
2644
  }
2708
2645
 
2646
+ .ilo--input.ilo--datepicker {
2647
+ padding: 0.6430868167rem 0.857449089rem 0.6430868167rem;
2648
+ }
2649
+
2709
2650
  /**
2710
2651
  * Do not edit directly
2711
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2652
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2712
2653
  */
2713
2654
  /**
2714
2655
  * TOKENS:
@@ -2733,13 +2674,10 @@ body {
2733
2674
  letter-spacing: -0.02em;
2734
2675
  line-height: 21.6px;
2735
2676
  height: 2.4115755627rem;
2736
- margin: 0rem 0rem 0rem 0rem;
2677
+ margin: 0rem;
2737
2678
  outline: none;
2738
2679
  overflow: hidden;
2739
- padding-left: 16px;
2740
- padding-right: 56px;
2741
- padding-bottom: 0;
2742
- padding-top: 0;
2680
+ padding: 0 3.0010718114rem 0 0.857449089rem;
2743
2681
  text-overflow: ellipsis;
2744
2682
  white-space: nowrap;
2745
2683
  width: calc(100% - 78px);
@@ -2793,10 +2731,15 @@ body {
2793
2731
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
2794
2732
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
2795
2733
  }
2734
+ [dir=rtl] .ilo--dropdown {
2735
+ padding: 0 0.857449089rem 0 3.0010718114rem;
2736
+ background-position: calc(0% + 14px) center, 0% center;
2737
+ 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%);
2738
+ }
2796
2739
 
2797
2740
  /**
2798
2741
  * Do not edit directly
2799
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2742
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2800
2743
  */
2801
2744
  /**
2802
2745
  * TOKENS:
@@ -2806,7 +2749,7 @@ body {
2806
2749
  */
2807
2750
  /**
2808
2751
  * Do not edit directly
2809
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2752
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2810
2753
  */
2811
2754
  /**
2812
2755
  * TOKENS:
@@ -2816,7 +2759,7 @@ body {
2816
2759
  */
2817
2760
  /**
2818
2761
  * Do not edit directly
2819
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2762
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2820
2763
  */
2821
2764
  /**
2822
2765
  * TOKENS:
@@ -2869,7 +2812,7 @@ body {
2869
2812
 
2870
2813
  /**
2871
2814
  * Do not edit directly
2872
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2815
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2873
2816
  */
2874
2817
  /**
2875
2818
  * TOKENS:
@@ -2884,6 +2827,9 @@ body {
2884
2827
  .ilo--fieldset--legend-wrapper {
2885
2828
  margin-bottom: 0.8717716645rem;
2886
2829
  }
2830
+ .ilo--fieldset--legend-wrapper .ilo--tooltip--wrapper {
2831
+ top: 0.1071811361rem;
2832
+ }
2887
2833
  .ilo--fieldset--legend {
2888
2834
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
2889
2835
  font-weight: 700;
@@ -2949,13 +2895,12 @@ body {
2949
2895
  pointer-events: none;
2950
2896
  }
2951
2897
  .ilo--fieldset .ilo--tooltip--wrapper {
2952
- margin-left: 8px;
2953
- margin-top: 3px;
2898
+ margin-left: 0.2143622722rem;
2954
2899
  }
2955
2900
 
2956
2901
  /**
2957
2902
  * Do not edit directly
2958
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2903
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2959
2904
  */
2960
2905
  /**
2961
2906
  * TOKENS:
@@ -2972,7 +2917,6 @@ body {
2972
2917
  display: inline-block;
2973
2918
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
2974
2919
  font-weight: 700;
2975
- padding: 0;
2976
2920
  border-bottom-left-radius: 2px;
2977
2921
  border-bottom-right-radius: 2px;
2978
2922
  border-top-left-radius: 2px;
@@ -3047,12 +2991,12 @@ body {
3047
2991
  line-height: 21.6px;
3048
2992
  height: 2.5723472669rem;
3049
2993
  outline: none;
3050
- padding: 0.6966773848rem 0.6430868167rem 0.857449089rem 0.5894962487rem;
2994
+ padding: 0.6430868167rem 0.6430868167rem 0.857449089rem;
3051
2995
  }
3052
2996
 
3053
2997
  /**
3054
2998
  * Do not edit directly
3055
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2999
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3056
3000
  */
3057
3001
  /**
3058
3002
  * TOKENS:
@@ -3067,7 +3011,7 @@ body {
3067
3011
  align-items: flex-start;
3068
3012
  flex-direction: column;
3069
3013
  appearance: none;
3070
- gap: 32px;
3014
+ gap: 1.7148981779rem;
3071
3015
  color: rgb(45, 45, 45);
3072
3016
  }
3073
3017
  .ilo--form__theme__light {
@@ -3094,7 +3038,7 @@ body {
3094
3038
 
3095
3039
  /**
3096
3040
  * Do not edit directly
3097
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3041
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3098
3042
  */
3099
3043
  /**
3100
3044
  * TOKENS:
@@ -3202,7 +3146,10 @@ body {
3202
3146
  font-weight: inherit;
3203
3147
  }
3204
3148
  .ilo--form-control--label div[class*=tooltip] {
3205
- margin-left: 0.2143622722rem;
3149
+ margin-left: 0.4287245445rem;
3150
+ }
3151
+ [dir=rtl] .ilo--form-control--label div[class*=tooltip] {
3152
+ margin-right: 0.4287245445rem;
3206
3153
  }
3207
3154
  .ilo--form-control--helper {
3208
3155
  grid-area: helper;
@@ -3212,10 +3159,13 @@ body {
3212
3159
  letter-spacing: normal;
3213
3160
  line-height: 16.24px;
3214
3161
  }
3162
+ .ilo--form-control .ilo--tooltip--wrapper {
3163
+ bottom: 0.1071811361rem;
3164
+ }
3215
3165
 
3216
3166
  /**
3217
3167
  * Do not edit directly
3218
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3168
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3219
3169
  */
3220
3170
  /**
3221
3171
  * TOKENS:
@@ -3225,7 +3175,7 @@ body {
3225
3175
  */
3226
3176
  /**
3227
3177
  * Do not edit directly
3228
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3178
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3229
3179
  */
3230
3180
  /**
3231
3181
  * TOKENS:
@@ -3250,7 +3200,7 @@ body {
3250
3200
  }
3251
3201
  /**
3252
3202
  * Do not edit directly
3253
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3203
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3254
3204
  */
3255
3205
  /**
3256
3206
  * TOKENS:
@@ -3267,7 +3217,7 @@ body {
3267
3217
  /* RTL Styles */
3268
3218
  }
3269
3219
  .ilo--footer--main {
3270
- padding: 2.1436227224rem 1.7148981779rem;
3220
+ padding: 2.1436227224rem 1.7148981779rem 2.5723472669rem;
3271
3221
  position: relative;
3272
3222
  }
3273
3223
  .ilo--footer--main:before {
@@ -3302,9 +3252,12 @@ body {
3302
3252
  }
3303
3253
  .ilo--footer--secondary {
3304
3254
  background-color: rgb(237, 240, 242);
3305
- padding-top: 1.9292604502rem;
3255
+ padding: 1.7148981779rem 0.857449089rem 0;
3306
3256
  min-height: 3.0010718114rem;
3307
3257
  }
3258
+ .ilo--footer--secondary [class*=container] {
3259
+ padding: 0;
3260
+ }
3308
3261
  .ilo--footer--headline {
3309
3262
  color: rgb(255, 255, 255);
3310
3263
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
@@ -3314,21 +3267,21 @@ body {
3314
3267
  line-height: 23.36px;
3315
3268
  line-height: 1.1575562701rem;
3316
3269
  margin-bottom: 0.0895963823rem;
3317
- margin-top: 1.1789924973rem;
3270
+ margin-top: 1.0718113612rem;
3318
3271
  }
3319
3272
  .ilo--footer--subhead {
3320
3273
  color: #bedcfa;
3321
3274
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
3322
3275
  font-weight: 500;
3323
- margin-top: 0.5359056806rem;
3276
+ margin-top: 0.2143622722rem;
3324
3277
  font-size: 11.94px;
3325
3278
  letter-spacing: normal;
3326
3279
  line-height: 16.24px;
3327
3280
  line-height: 0.9946409432rem;
3328
- margin-bottom: 2.4115755627rem;
3281
+ margin-bottom: 2.5723472669rem;
3329
3282
  }
3330
3283
  .ilo--footer .address {
3331
- margin-bottom: 2.0900321543rem;
3284
+ margin-bottom: 1.0718113612rem;
3332
3285
  }
3333
3286
  .ilo--footer .address--line {
3334
3287
  color: rgb(255, 255, 255);
@@ -3338,10 +3291,10 @@ body {
3338
3291
  margin-bottom: 0.12089916rem;
3339
3292
  }
3340
3293
  .ilo--footer .connect {
3341
- margin: 2.9474812433rem 0;
3294
+ margin: 2.5723472669rem 0 2.1436227224rem;
3342
3295
  }
3343
3296
  .ilo--footer .social--links {
3344
- margin-bottom: 2.4115755627rem;
3297
+ margin-bottom: 2.1436227224rem;
3345
3298
  }
3346
3299
  .ilo--footer .legal,
3347
3300
  .ilo--footer .secondarylinks {
@@ -3407,7 +3360,7 @@ body {
3407
3360
  justify-content: center;
3408
3361
  border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
3409
3362
  margin: 0.6430868167rem auto 0 auto;
3410
- padding: 0.857449089rem 0.857449089rem 0.857449089rem 0.857449089rem;
3363
+ padding: 0.857449089rem;
3411
3364
  }
3412
3365
  .ilo--footer .anchorlink:after {
3413
3366
  background-repeat: no-repeat;
@@ -3437,11 +3390,11 @@ body {
3437
3390
  .ilo--footer--main {
3438
3391
  display: grid;
3439
3392
  grid-template-columns: minmax(0, 50%) minmax(0, 50%);
3440
- gap: 0px 64px;
3393
+ gap: 0px 3.4297963558rem;
3441
3394
  grid-template-areas: "site-info address" "site-info links" "site-info connect" "site-info subscribe";
3442
3395
  align-content: start;
3443
3396
  align-items: start;
3444
- padding: 2.1436227224rem 1.0718113612rem;
3397
+ padding: 2.1436227224rem 1.0718113612rem 5.1446945338rem;
3445
3398
  }
3446
3399
  .ilo--footer .site--info {
3447
3400
  grid-area: site-info;
@@ -3460,8 +3413,8 @@ body {
3460
3413
  grid-area: subscribe;
3461
3414
  }
3462
3415
  .ilo--footer--secondary {
3463
- padding-top: 0.9646302251rem;
3464
- padding-bottom: 0.9646302251rem;
3416
+ padding-top: 0.857449089rem;
3417
+ padding-bottom: 0.857449089rem;
3465
3418
  position: relative;
3466
3419
  z-index: 1;
3467
3420
  }
@@ -3490,10 +3443,10 @@ body {
3490
3443
  display: grid;
3491
3444
  grid-template-columns: 0.25fr 0.33fr 0.09fr 0.33fr;
3492
3445
  grid-template-rows: auto auto;
3493
- gap: 0px 64px;
3446
+ gap: 0px 3.4297963558rem;
3494
3447
  grid-template-areas: "site-info address . connect" "site-info links . subscribe";
3495
- padding-top: 2.3579849946rem;
3496
- padding-bottom: 2.7331189711rem;
3448
+ padding-top: 2.1436227224rem;
3449
+ padding-bottom: 5.1446945338rem;
3497
3450
  }
3498
3451
  .ilo--footer--main:before {
3499
3452
  content: none;
@@ -3514,9 +3467,12 @@ body {
3514
3467
  align-self: start;
3515
3468
  justify-self: start;
3516
3469
  }
3470
+ .ilo--footer .address {
3471
+ margin-bottom: 1.0718113612rem;
3472
+ }
3517
3473
  .ilo--footer--secondary {
3518
- padding-top: 0.9646302251rem;
3519
- padding-bottom: 0.9646302251rem;
3474
+ padding-top: 0.857449089rem;
3475
+ padding-bottom: 0.857449089rem;
3520
3476
  position: relative;
3521
3477
  }
3522
3478
  .ilo--footer--secondary [class*=container] {
@@ -3537,16 +3493,13 @@ body {
3537
3493
  .ilo--footer .anchorlink {
3538
3494
  margin: 0;
3539
3495
  border: none;
3540
- padding: 0.25rem;
3496
+ padding: 0.2143622722rem;
3541
3497
  }
3542
3498
  .ilo--footer .anchorlink:hover {
3543
3499
  margin-bottom: -0.1071811361rem;
3544
3500
  }
3545
3501
  }
3546
- .right-to-left .ilo--footer * {
3547
- text-align: right;
3548
- }
3549
- .right-to-left .ilo--footer--main:before {
3502
+ .ilo--footer[dir=rtl] .ilo--footer--main:before {
3550
3503
  background-size: contain;
3551
3504
  background-repeat: no-repeat;
3552
3505
  content: "";
@@ -3560,33 +3513,20 @@ body {
3560
3513
  left: 0;
3561
3514
  transform: scaleY(-1) scaleX(-1);
3562
3515
  }
3563
- .right-to-left .ilo--footer .subscribe a {
3564
- align-self: flex-end;
3565
- }
3566
- .right-to-left .ilo--footer--secondary [class*=container] {
3567
- flex-direction: row-reverse;
3568
- }
3569
- .right-to-left .ilo--footer--secondary--details {
3570
- display: flex;
3571
- flex-flow: row-reverse wrap;
3572
- }
3573
- .right-to-left .ilo--footer .secondarylinks--list {
3574
- flex-direction: row-reverse;
3575
- }
3576
- .right-to-left .ilo--footer .secondarylinks--list--item:before {
3516
+ .ilo--footer[dir=rtl] .ilo--footer .secondarylinks--list--item:before {
3577
3517
  content: none;
3578
3518
  }
3579
- .right-to-left .ilo--footer .secondarylinks--list--item:after {
3519
+ .ilo--footer[dir=rtl] .ilo--footer .secondarylinks--list--item:after {
3580
3520
  content: "|";
3581
3521
  margin: 0.2143622722rem;
3582
3522
  }
3583
3523
  @media screen and (min-width: 610px) {
3584
- .right-to-left .ilo--footer--main {
3524
+ .ilo--footer[dir=rtl] .ilo--footer--main {
3585
3525
  grid-template-areas: "address site-info" "links site-info" "connect site-info" "subscribe site-info";
3586
3526
  }
3587
3527
  }
3588
3528
  @media screen and (min-width: 1024px) {
3589
- .right-to-left .ilo--footer:after {
3529
+ .ilo--footer[dir=rtl] .ilo--footer:after {
3590
3530
  background-size: contain;
3591
3531
  background-repeat: no-repeat;
3592
3532
  content: "";
@@ -3600,24 +3540,24 @@ body {
3600
3540
  left: 0;
3601
3541
  transform: scaleY(1) scaleX(-1);
3602
3542
  }
3603
- .right-to-left .ilo--footer--main {
3543
+ .ilo--footer[dir=rtl] .ilo--footer--main {
3604
3544
  grid-template-columns: 0.33fr 0.09fr 0.33fr 0.25fr;
3605
3545
  grid-template-areas: "connect . address site-info" "subscribe . links site-info";
3606
3546
  }
3607
- .right-to-left .ilo--footer--main:before {
3547
+ .ilo--footer[dir=rtl] .ilo--footer--main:before {
3608
3548
  content: none;
3609
3549
  }
3610
- .right-to-left .ilo--footer .connect {
3550
+ .ilo--footer[dir=rtl] .ilo--footer .connect {
3611
3551
  grid-template-columns: 60%, minmax(0, 40%);
3612
3552
  }
3613
- .right-to-left .ilo--footer .ilo--button {
3553
+ .ilo--footer[dir=rtl] .ilo--footer .ilo--button {
3614
3554
  justify-self: end;
3615
3555
  }
3616
3556
  }
3617
3557
 
3618
3558
  /**
3619
3559
  * Do not edit directly
3620
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3560
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3621
3561
  */
3622
3562
  /**
3623
3563
  * TOKENS:
@@ -3740,7 +3680,7 @@ body {
3740
3680
 
3741
3681
  /**
3742
3682
  * Do not edit directly
3743
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3683
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3744
3684
  */
3745
3685
  /**
3746
3686
  * TOKENS:
@@ -3749,26 +3689,31 @@ body {
3749
3689
  * MAPS:
3750
3690
  */
3751
3691
  .hero {
3752
- --added-offset: 0;
3692
+ --added-offset: 0px;
3753
3693
  --base-offset: calc(((100vw - 1300px) / 2));
3754
3694
  --card-padding-start: 71px;
3755
3695
  --corner-cut-height: 40px;
3756
3696
  width: 100%;
3757
3697
  display: grid;
3758
3698
  position: relative;
3759
- grid-template-rows: minmax(216px, 1fr) 27px 40px auto;
3760
3699
  grid-template-columns: 1fr;
3761
3700
  overflow: hidden;
3701
+ grid-template-rows: minmax(1rem, 1fr) 27px 40px auto;
3702
+ }
3703
+ .hero--image {
3704
+ display: grid;
3705
+ grid-template-rows: minmax(216px, 1fr) 27px 40px auto;
3762
3706
  }
3763
3707
  .hero--breadcrumbs {
3764
3708
  display: none;
3765
3709
  }
3766
- .hero--figure {
3710
+ .hero--background {
3711
+ display: grid;
3767
3712
  background-color: rgb(235, 245, 253);
3768
3713
  position: relative;
3769
3714
  grid-area: 1/1/4/2;
3770
3715
  }
3771
- .hero--figure img {
3716
+ .hero--background img {
3772
3717
  position: absolute;
3773
3718
  object-fit: cover;
3774
3719
  width: 100%;
@@ -3902,13 +3847,13 @@ body {
3902
3847
  .hero--breadcrumbs--wrapper {
3903
3848
  width: 100%;
3904
3849
  }
3905
- .hero--figure {
3850
+ .hero--background {
3906
3851
  grid-area: 1/1/5/5;
3907
3852
  }
3908
- .hero__card-align__center .hero--figure {
3853
+ .hero__card-align__center .hero--background {
3909
3854
  grid-area: 1/1/6/5;
3910
3855
  }
3911
- .hero__card-align__bottom .hero--figure {
3856
+ .hero__card-align__bottom .hero--background {
3912
3857
  grid-area: 1/1/5/5;
3913
3858
  }
3914
3859
  .hero--card-offset {
@@ -3992,7 +3937,7 @@ body {
3992
3937
  left: 2px;
3993
3938
  }
3994
3939
  }
3995
- .right-to-left .hero--caption--wrapper {
3940
+ [dir=rtl] .hero--caption--wrapper {
3996
3941
  background: rgb(45, 45, 45);
3997
3942
  height: 27px;
3998
3943
  width: 30px;
@@ -4000,10 +3945,10 @@ body {
4000
3945
  justify-content: center;
4001
3946
  align-items: center;
4002
3947
  position: relative;
4003
- position: absolute;
4004
3948
  right: 0;
3949
+ position: absolute;
4005
3950
  }
4006
- .right-to-left .hero--caption--wrapper::after {
3951
+ [dir=rtl] .hero--caption--wrapper::after {
4007
3952
  content: "";
4008
3953
  position: absolute;
4009
3954
  top: 0;
@@ -4016,54 +3961,7 @@ body {
4016
3961
  border-right: calc(27px - 4px) solid rgb(45, 45, 45);
4017
3962
  }
4018
3963
  @media screen and (min-width: 1024px) {
4019
- .right-to-left .hero__card-justify__start {
4020
- --col-1-lg: 1fr;
4021
- --col-2-lg: 30px;
4022
- --col-3-lg: var(--card-width);
4023
- --col-4-lg: calc(
4024
- var(--base-offset) - 71px + var(--added-offset)
4025
- );
4026
- }
4027
- .right-to-left .hero__card-justify__offset {
4028
- --col-1-lg: 1fr;
4029
- --col-2-lg: 30px;
4030
- --col-3-lg: var(--card-width);
4031
- --col-4-lg: calc(
4032
- var(--base-offset) - 71px + var(--added-offset)
4033
- );
4034
- }
4035
- .right-to-left .hero__card-justify__center {
4036
- --col-1-lg: calc(
4037
- ((100% - var(--card-width)) / 2) - 30px
4038
- );
4039
- --col-2-lg: 30px;
4040
- --col-3-lg: var(--card-width);
4041
- --col-4-lg: calc((100% - var(--card-width)) / 2);
4042
- }
4043
- .right-to-left .hero__card-align__center .hero--card {
4044
- grid-area: 3/3/4/4;
4045
- }
4046
- .right-to-left .hero__card-align__center .hero--caption {
4047
- grid-area: 5/4/6/5;
4048
- }
4049
- .right-to-left .hero__card-align__center .hero--caption--wrapper {
4050
- right: 0;
4051
- left: initial;
4052
- position: absolute;
4053
- }
4054
- .right-to-left .hero__card-align__bottom .hero--caption {
4055
- grid-area: 4/4/5/5;
4056
- }
4057
- .right-to-left .hero__card-align__bottom .hero--caption--wrapper {
4058
- position: absolute;
4059
- right: 0;
4060
- bottom: 0;
4061
- left: initial;
4062
- }
4063
- .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption {
4064
- grid-area: 2/3/3/4;
4065
- }
4066
- .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper {
3964
+ [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 {
4067
3965
  background: rgb(45, 45, 45);
4068
3966
  height: 27px;
4069
3967
  width: 30px;
@@ -4074,51 +3972,9 @@ body {
4074
3972
  position: absolute;
4075
3973
  left: initial;
4076
3974
  right: 0;
3975
+ bottom: 0;
4077
3976
  }
4078
- .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper::after {
4079
- content: "";
4080
- position: absolute;
4081
- top: 0;
4082
- width: 0;
4083
- height: 0;
4084
- border-top: 27px solid transparent;
4085
- left: auto;
4086
- right: 100%;
4087
- border-left: none;
4088
- border-right: calc(27px - 4px) solid rgb(45, 45, 45);
4089
- }
4090
- .right-to-left .hero--card-offset {
4091
- grid-area: 3/4/6/5;
4092
- }
4093
- .right-to-left .hero--card-offset:after {
4094
- right: initial;
4095
- left: -1px;
4096
- }
4097
- .right-to-left .hero--card {
4098
- grid-area: 3/3/6/4;
4099
- }
4100
- .right-to-left .hero--breadcrumbs-offset {
4101
- grid-area: 1/4/2/5;
4102
- }
4103
- .right-to-left .hero--breadcrumbs {
4104
- grid-area: 1/4/2/1;
4105
- flex-direction: row-reverse;
4106
- }
4107
- .right-to-left .hero--caption {
4108
- grid-area: 4/2/5/3;
4109
- }
4110
- .right-to-left .hero--caption--wrapper {
4111
- right: 2px;
4112
- left: initial;
4113
- background: rgb(45, 45, 45);
4114
- height: 27px;
4115
- width: 30px;
4116
- display: flex;
4117
- justify-content: center;
4118
- align-items: center;
4119
- position: relative;
4120
- }
4121
- .right-to-left .hero--caption--wrapper::after {
3977
+ [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 {
4122
3978
  content: "";
4123
3979
  position: absolute;
4124
3980
  top: 0;
@@ -4134,7 +3990,7 @@ body {
4134
3990
 
4135
3991
  /**
4136
3992
  * Do not edit directly
4137
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3993
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4138
3994
  */
4139
3995
  /**
4140
3996
  * TOKENS:
@@ -4154,9 +4010,6 @@ body {
4154
4010
  padding-inline-start: var(--card-padding-start);
4155
4011
  }
4156
4012
  }
4157
- .right-to-left .ilo--hero-card {
4158
- direction: rtl;
4159
- }
4160
4013
  .ilo--hero-card--title-link {
4161
4014
  color: inherit;
4162
4015
  text-decoration: none;
@@ -4194,7 +4047,7 @@ body {
4194
4047
  .ilo--hero-card__cornercut {
4195
4048
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
4196
4049
  }
4197
- .right-to-left .ilo--hero-card__cornercut {
4050
+ [dir=rtl] .ilo--hero-card__cornercut {
4198
4051
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
4199
4052
  clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
4200
4053
  }
@@ -4202,7 +4055,7 @@ body {
4202
4055
  .ilo--hero-card__cornercut {
4203
4056
  clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
4204
4057
  }
4205
- .right-to-left .ilo--hero-card__cornercut {
4058
+ [dir=rtl] .ilo--hero-card__cornercut {
4206
4059
  clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
4207
4060
  clip-path: polygon(116px 0, 100% 0, 100% 100%, 0 100%, 0 64px);
4208
4061
  }
@@ -4270,7 +4123,7 @@ body {
4270
4123
 
4271
4124
  /**
4272
4125
  * Do not edit directly
4273
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4126
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4274
4127
  */
4275
4128
  /**
4276
4129
  * TOKENS:
@@ -4294,7 +4147,7 @@ body {
4294
4147
  width: 100%;
4295
4148
  }
4296
4149
  .ilo--image--caption {
4297
- border-left: 3px solid rgb(184, 196, 204);
4150
+ border-left: 0.1607717042rem solid rgb(184, 196, 204);
4298
4151
  color: rgb(109, 109, 109);
4299
4152
  font-weight: 400;
4300
4153
  margin-top: 0.857449089rem;
@@ -4313,20 +4166,20 @@ body {
4313
4166
  bottom: -0.2143622722rem;
4314
4167
  }
4315
4168
  }
4316
- .right-to-left .ilo--image .ilo--image--caption {
4169
+ [dir=rtl] .ilo--image .ilo--image--caption {
4317
4170
  border-left: none;
4318
4171
  border-right: 3px solid #b8c4cc;
4319
4172
  padding-left: 0;
4320
4173
  padding-right: 0.4287245445rem;
4321
4174
  }
4322
- .right-to-left .ilo--image .ilo--credit {
4175
+ [dir=rtl] .ilo--image .ilo--credit {
4323
4176
  left: auto;
4324
4177
  right: 0;
4325
4178
  }
4326
4179
 
4327
4180
  /**
4328
4181
  * Do not edit directly
4329
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4182
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4330
4183
  */
4331
4184
  /**
4332
4185
  * TOKENS:
@@ -4350,7 +4203,7 @@ body {
4350
4203
  letter-spacing: -0.02em;
4351
4204
  line-height: 21.6px;
4352
4205
  height: 2.5723472669rem;
4353
- margin: 0rem 0rem 0rem 0rem;
4206
+ margin: 0rem;
4354
4207
  outline: none;
4355
4208
  padding: 0.857449089rem 0.6430868167rem 0.857449089rem 0.6430868167rem;
4356
4209
  width: 100%;
@@ -4361,7 +4214,7 @@ body {
4361
4214
  border-left: 0.1607717042rem solid rgb(30, 45, 190);
4362
4215
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
4363
4216
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
4364
- padding-left: 11px;
4217
+ padding-left: 0.6430868167rem;
4365
4218
  outline: none;
4366
4219
  }
4367
4220
  .ilo--input:disabled {
@@ -4468,7 +4321,7 @@ body {
4468
4321
 
4469
4322
  /**
4470
4323
  * Do not edit directly
4471
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4324
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4472
4325
  */
4473
4326
  /**
4474
4327
  * TOKENS:
@@ -4478,7 +4331,7 @@ body {
4478
4331
  */
4479
4332
  /**
4480
4333
  * Do not edit directly
4481
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4334
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4482
4335
  */
4483
4336
  /**
4484
4337
  * TOKENS:
@@ -4503,7 +4356,7 @@ body {
4503
4356
  }
4504
4357
  /**
4505
4358
  * Do not edit directly
4506
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4359
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4507
4360
  */
4508
4361
  /**
4509
4362
  * TOKENS:
@@ -4533,7 +4386,7 @@ body {
4533
4386
  }
4534
4387
  .ilo--link-list--links--item.indented .ilo--link-list--label {
4535
4388
  display: block;
4536
- padding-left: 1.2861736334rem;
4389
+ padding-left: 1.0718113612rem;
4537
4390
  position: relative;
4538
4391
  }
4539
4392
  .ilo--link-list--links--item.indented .ilo--link-list--label:before {
@@ -4551,6 +4404,14 @@ body {
4551
4404
  width: 0.6430868167rem;
4552
4405
  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");
4553
4406
  }
4407
+ [dir=rtl] .ilo--link-list--links--item.indented .ilo--link-list--label {
4408
+ padding-right: 1.2861736334rem;
4409
+ }
4410
+ [dir=rtl] .ilo--link-list--links--item.indented .ilo--link-list--label:before {
4411
+ transform: translateY(-50%) rotate(90deg);
4412
+ left: unset;
4413
+ right: 0;
4414
+ }
4554
4415
  .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 {
4555
4416
  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");
4556
4417
  }
@@ -4566,8 +4427,8 @@ body {
4566
4427
  font-size: 16px;
4567
4428
  letter-spacing: normal;
4568
4429
  line-height: 23.36px;
4569
- padding-bottom: 0.8934549032rem;
4570
- padding-top: 0.8934549032rem;
4430
+ padding-top: 0.857449089rem;
4431
+ padding-bottom: 0.857449089rem;
4571
4432
  padding-right: 1.7148981779rem;
4572
4433
  text-decoration: none;
4573
4434
  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");
@@ -4598,11 +4459,12 @@ body {
4598
4459
  transition-duration: 150ms;
4599
4460
  transition-timing-function: ease-out;
4600
4461
  }
4601
- .right-to-left .ilo--link-list--link {
4602
- background-position: 4px center;
4462
+ [dir=rtl] .ilo--link-list--link {
4463
+ background-position: 0.2143622722rem center;
4603
4464
  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");
4465
+ padding-right: 0;
4604
4466
  }
4605
- .right-to-left .ilo--link-list--link:hover, .right-to-left .ilo--link-list--link:focus {
4467
+ [dir=rtl] .ilo--link-list--link:hover, [dir=rtl] .ilo--link-list--link:focus {
4606
4468
  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");
4607
4469
  }
4608
4470
  .ilo--link-list--dark .ilo--link-list--headline,
@@ -4644,16 +4506,13 @@ body {
4644
4506
  transition-duration: 150ms;
4645
4507
  transition-timing-function: ease-out;
4646
4508
  }
4647
- .right-to-left .ilo--link-list--dark .ilo--link-list--link {
4648
- background-position: 4px center;
4509
+ [dir=rtl] .ilo--link-list--dark .ilo--link-list--link {
4510
+ background-position: 0.2143622722rem center;
4649
4511
  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");
4650
4512
  }
4651
- .right-to-left .ilo--link-list--dark .ilo--link-list--link:hover, .right-to-left .ilo--link-list--dark .ilo--link-list--link:focus {
4513
+ [dir=rtl] .ilo--link-list--dark .ilo--link-list--link:hover, [dir=rtl] .ilo--link-list--dark .ilo--link-list--link:focus {
4652
4514
  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");
4653
4515
  }
4654
- .right-to-left .ilo--link-list * {
4655
- text-align: right;
4656
- }
4657
4516
 
4658
4517
  .wingsuit-body .ilo--link-list--dark {
4659
4518
  background-color: rgb(35, 0, 80);
@@ -4661,7 +4520,7 @@ body {
4661
4520
 
4662
4521
  /**
4663
4522
  * Do not edit directly
4664
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4523
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4665
4524
  */
4666
4525
  /**
4667
4526
  * TOKENS:
@@ -4677,9 +4536,8 @@ body {
4677
4536
  list-style-type: none;
4678
4537
  }
4679
4538
  .ilo--list--unordered li {
4680
- margin-bottom: 1.7148981779rem;
4681
4539
  margin-left: 0.6430868167rem;
4682
- padding-left: 0.6430868167rem;
4540
+ padding-left: 0.4287245445rem;
4683
4541
  position: relative;
4684
4542
  }
4685
4543
  .ilo--list--unordered li::before {
@@ -4705,21 +4563,24 @@ body {
4705
4563
  flex-wrap: wrap;
4706
4564
  list-style: none;
4707
4565
  }
4566
+ .ilo--list--horizontal li::before {
4567
+ content: none;
4568
+ }
4708
4569
  .ilo--list--horizontal .ilo--list__title {
4709
4570
  margin-bottom: 0.4287245445rem;
4710
- margin-right: 1.9828510182rem;
4571
+ margin-right: 1.9292604502rem;
4711
4572
  }
4712
4573
  .ilo--list--horizontal .ilo--list__item {
4713
4574
  margin-bottom: 0.4287245445rem;
4714
4575
  margin-left: 0;
4715
- margin-right: 1.9828510182rem;
4576
+ margin-right: 2.1436227224rem;
4716
4577
  padding-left: 0;
4717
4578
  }
4718
4579
  .ilo--list__title {
4719
4580
  font-size: 18.66px;
4720
4581
  letter-spacing: -0.035em;
4721
4582
  line-height: 24.26px;
4722
- margin-bottom: 1.1254019293rem;
4583
+ margin-bottom: 1.2861736334rem;
4723
4584
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
4724
4585
  font-weight: 700;
4725
4586
  }
@@ -4728,7 +4589,6 @@ body {
4728
4589
  font-size: 23.32px;
4729
4590
  letter-spacing: -0.035em;
4730
4591
  line-height: 29.15px;
4731
- margin-bottom: 1.4469453376rem;
4732
4592
  }
4733
4593
  }
4734
4594
  .ilo--list__item {
@@ -4736,9 +4596,9 @@ body {
4736
4596
  letter-spacing: normal;
4737
4597
  line-height: 23.36px;
4738
4598
  font-family: Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
4739
- margin-bottom: 1.052683199rem;
4740
- margin-left: 1.2861736334rem;
4741
- padding-left: 0.1607717042rem;
4599
+ margin-bottom: 0.857449089rem;
4600
+ margin-left: 1.0718113612rem;
4601
+ padding-left: 0.2143622722rem;
4742
4602
  }
4743
4603
  .ilo--list__item b,
4744
4604
  .ilo--list__item strong {
@@ -4750,13 +4610,12 @@ body {
4750
4610
  font-size: 18.66px;
4751
4611
  letter-spacing: normal;
4752
4612
  line-height: 27.24px;
4753
- margin-bottom: 0.7967297949rem;
4754
4613
  }
4755
4614
  }
4756
4615
 
4757
4616
  /**
4758
4617
  * Do not edit directly
4759
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4618
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4760
4619
  */
4761
4620
  /**
4762
4621
  * TOKENS:
@@ -4766,7 +4625,7 @@ body {
4766
4625
  */
4767
4626
  /**
4768
4627
  * Do not edit directly
4769
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4628
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4770
4629
  */
4771
4630
  /**
4772
4631
  * TOKENS:
@@ -4776,7 +4635,7 @@ body {
4776
4635
  */
4777
4636
  /**
4778
4637
  * Do not edit directly
4779
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4638
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4780
4639
  */
4781
4640
  /**
4782
4641
  * TOKENS:
@@ -4947,7 +4806,7 @@ body {
4947
4806
 
4948
4807
  /**
4949
4808
  * Do not edit directly
4950
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4809
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4951
4810
  */
4952
4811
  /**
4953
4812
  * TOKENS:
@@ -4994,7 +4853,7 @@ body {
4994
4853
 
4995
4854
  /**
4996
4855
  * Do not edit directly
4997
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4856
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4998
4857
  */
4999
4858
  /**
5000
4859
  * TOKENS:
@@ -5004,7 +4863,7 @@ body {
5004
4863
  */
5005
4864
  /**
5006
4865
  * Do not edit directly
5007
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4866
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
5008
4867
  */
5009
4868
  /**
5010
4869
  * TOKENS:
@@ -5014,7 +4873,7 @@ body {
5014
4873
  */
5015
4874
  /**
5016
4875
  * Do not edit directly
5017
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4876
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
5018
4877
  */
5019
4878
  /**
5020
4879
  * TOKENS:
@@ -5111,7 +4970,7 @@ body {
5111
4970
 
5112
4971
  /**
5113
4972
  * Do not edit directly
5114
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4973
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
5115
4974
  */
5116
4975
  /**
5117
4976
  * TOKENS:
@@ -5232,7 +5091,7 @@ body {
5232
5091
  background: rgb(30, 45, 190);
5233
5092
  display: flex;
5234
5093
  justify-content: space-between;
5235
- padding: 0 20px;
5094
+ padding: 0 1.0718113612rem;
5236
5095
  }
5237
5096
  .ilo--header--utility-bar--local .ilo--language-switcher {
5238
5097
  display: none;
@@ -5252,7 +5111,7 @@ body {
5252
5111
  cursor: pointer;
5253
5112
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5254
5113
  font-weight: 500;
5255
- padding: 16px 16px 16px 36px;
5114
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 1.9292604502rem;
5256
5115
  text-decoration: none;
5257
5116
  transition: all 150ms ease-out;
5258
5117
  width: 100%;
@@ -5266,12 +5125,12 @@ body {
5266
5125
  background-color: rgb(235, 245, 253);
5267
5126
  color: rgb(30, 45, 190);
5268
5127
  }
5269
- .right-to-left .ilo--header--utility-bar--local .ilo--language-switcher--link {
5128
+ .ilo--header--utility-bar--local .ilo--language-switcher--link [dir=rtl] {
5270
5129
  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");
5271
5130
  background-position: calc(100% - 16px) 50%;
5272
5131
  padding: 16px 36px 16px 16px;
5273
5132
  }
5274
- .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 {
5133
+ .ilo--header--utility-bar--local .ilo--language-switcher--link [dir=rtl]:focus, .ilo--header--utility-bar--local .ilo--language-switcher--link [dir=rtl]:hover {
5275
5134
  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");
5276
5135
  background-color: rgb(235, 245, 253);
5277
5136
  color: rgb(30, 45, 190);
@@ -5300,12 +5159,6 @@ body {
5300
5159
  .ilo--header--utility-bar--local {
5301
5160
  justify-content: space-between;
5302
5161
  }
5303
- .right-to-left .ilo--header--utility-bar {
5304
- flex-direction: row-reverse;
5305
- }
5306
- }
5307
- .right-to-left .ilo--header--inner {
5308
- direction: rtl;
5309
5162
  }
5310
5163
  .ilo--subnav--open .ilo--header--inner {
5311
5164
  visibility: hidden;
@@ -5314,7 +5167,7 @@ body {
5314
5167
  .ilo--header--inner {
5315
5168
  display: flex;
5316
5169
  justify-content: space-between;
5317
- padding: 0 20px;
5170
+ padding: 0 1.0718113612rem;
5318
5171
  }
5319
5172
  .ilo--subnav--open .ilo--header--inner {
5320
5173
  visibility: visible;
@@ -5359,12 +5212,9 @@ body {
5359
5212
  display: none;
5360
5213
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5361
5214
  font-weight: 700;
5362
- padding: 16px 0;
5215
+ padding: 0.857449089rem 0;
5363
5216
  text-align: right;
5364
5217
  }
5365
- .right-to-left .ilo--header--logo-tagline {
5366
- text-align: left;
5367
- }
5368
5218
  @media screen and (min-width: 1024px) {
5369
5219
  .ilo--header--logo-tagline {
5370
5220
  display: block;
@@ -5418,13 +5268,13 @@ body {
5418
5268
  align-items: center;
5419
5269
  }
5420
5270
  .ilo--nav--items:first-of-type {
5421
- margin-left: -20px;
5271
+ margin-left: -1.0718113612rem;
5422
5272
  }
5423
5273
  }
5424
5274
  .ilo--nav--link {
5425
5275
  color: rgb(35, 0, 80);
5426
5276
  display: block;
5427
- padding: 16px 36px 16px 8px;
5277
+ padding: 0.857449089rem 1.9292604502rem 0.857449089rem 0.4287245445rem;
5428
5278
  text-decoration: none;
5429
5279
  transition: color 150ms ease-out, background 150ms ease-out;
5430
5280
  }
@@ -5438,7 +5288,7 @@ body {
5438
5288
  background: rgb(35, 0, 80);
5439
5289
  color: rgb(255, 255, 255);
5440
5290
  display: inline-block;
5441
- padding: 21.5px 24px 20.5px;
5291
+ padding: 21.5px 1.2861736334rem 20.5px;
5442
5292
  }
5443
5293
  .ilo--nav--link:hover, .ilo--nav--link:focus {
5444
5294
  background: rgb(235, 245, 253);
@@ -5463,7 +5313,7 @@ body {
5463
5313
  display: block;
5464
5314
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5465
5315
  font-weight: 500;
5466
- padding: 16px 36px 16px 8px;
5316
+ padding: 0.857449089rem 1.9292604502rem 0.857449089rem 0.4287245445rem;
5467
5317
  line-height: 24px;
5468
5318
  text-align: left;
5469
5319
  transition: all 150ms ease-out;
@@ -5474,15 +5324,15 @@ body {
5474
5324
  background-color: rgb(235, 245, 253);
5475
5325
  color: rgb(30, 45, 190);
5476
5326
  }
5477
- .right-to-left .ilo--nav--trigger {
5327
+ [dir=rtl] .ilo--nav--trigger {
5478
5328
  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");
5479
5329
  background-color: rgb(255, 255, 255);
5480
5330
  background-position: 16px 55%;
5481
5331
  background-repeat: no-repeat;
5482
- background-size: 16px;
5332
+ background-size: 24px;
5483
5333
  text-align: right;
5484
5334
  }
5485
- .right-to-left .ilo--nav--trigger:focus, .right-to-left .ilo--nav--trigger:hover {
5335
+ [dir=rtl] .ilo--nav--trigger:focus, [dir=rtl] .ilo--nav--trigger:hover {
5486
5336
  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");
5487
5337
  background-color: rgb(235, 245, 253);
5488
5338
  color: rgb(30, 45, 190);
@@ -5503,8 +5353,8 @@ body {
5503
5353
  cursor: pointer;
5504
5354
  display: inline-block;
5505
5355
  font-weight: 700;
5506
- margin-left: 20px;
5507
- padding: 7px 32px 5px 15px;
5356
+ margin-left: 1.0718113612rem;
5357
+ padding: 7px 1.7148981779rem 5px 15px;
5508
5358
  text-align: center;
5509
5359
  transition: all 150ms ease-out;
5510
5360
  width: auto;
@@ -5515,15 +5365,15 @@ body {
5515
5365
  border-color: rgb(255, 255, 255);
5516
5366
  color: rgb(30, 45, 190);
5517
5367
  }
5518
- .right-to-left .ilo--nav--trigger {
5368
+ [dir=rtl] .ilo--nav--trigger {
5519
5369
  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");
5520
5370
  background-color: rgb(35, 0, 80);
5521
- background-position: 90% 55%;
5522
5371
  background-repeat: no-repeat;
5523
5372
  background-size: 20px;
5524
- text-align: left;
5373
+ background-position: 10% 55%;
5374
+ padding: 7px 15px 5px 1.7148981779rem;
5525
5375
  }
5526
- .right-to-left .ilo--nav--trigger:focus, .right-to-left .ilo--nav--trigger:hover {
5376
+ [dir=rtl] .ilo--nav--trigger:focus, [dir=rtl] .ilo--nav--trigger:hover {
5527
5377
  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");
5528
5378
  background-color: rgb(255, 255, 255);
5529
5379
  color: rgb(30, 45, 190);
@@ -5535,11 +5385,8 @@ body {
5535
5385
  display: flex;
5536
5386
  justify-content: space-between;
5537
5387
  }
5538
- .right-to-left .ilo--nav--local {
5539
- direction: rtl;
5540
- }
5541
5388
  @media screen and (min-width: 1024px) {
5542
- .right-to-left .ilo--nav--local {
5389
+ .ilo--nav--local [dir=rtl] {
5543
5390
  padding: 0 max((100% - 1260px) / 2, 20px) 0 0;
5544
5391
  }
5545
5392
  }
@@ -5550,7 +5397,7 @@ body {
5550
5397
  }
5551
5398
  .ilo--nav--local--logo-wrapper {
5552
5399
  display: flex;
5553
- padding: 16px 0;
5400
+ padding: 0.857449089rem 0;
5554
5401
  }
5555
5402
  .ilo--nav--local--logo {
5556
5403
  width: var(--logo-width);
@@ -5579,7 +5426,7 @@ body {
5579
5426
  .ilo--nav--local--link {
5580
5427
  background: inherit;
5581
5428
  color: rgb(255, 255, 255);
5582
- padding: 0 24px;
5429
+ padding: 0 1.2861736334rem;
5583
5430
  height: 100%;
5584
5431
  text-decoration: none;
5585
5432
  text-align: center;
@@ -5596,8 +5443,8 @@ body {
5596
5443
 
5597
5444
  .ilo--mobile--nav {
5598
5445
  border-bottom: 3px solid rgb(237, 240, 242);
5599
- margin-bottom: 16px;
5600
- padding-bottom: 16px;
5446
+ margin-bottom: 0.857449089rem;
5447
+ padding-bottom: 0.857449089rem;
5601
5448
  }
5602
5449
  .ilo--mobile--nav--logo {
5603
5450
  align-items: center;
@@ -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: 16px 36px 16px 8px;
5485
+ padding: 0.857449089rem 1.9292604502rem 0.857449089rem 0.4287245445rem;
5639
5486
  line-height: 16px;
5640
5487
  text-align: left;
5641
5488
  transition: all 150ms ease-out;
@@ -5646,7 +5493,7 @@ body {
5646
5493
  background-color: rgb(235, 245, 253);
5647
5494
  color: rgb(30, 45, 190);
5648
5495
  }
5649
- .right-to-left .ilo--mobile--nav--language--switcher--button {
5496
+ [dir=rtl] .ilo--mobile--nav--language--switcher--button {
5650
5497
  background-position: 16px 55%;
5651
5498
  text-align: right;
5652
5499
  }
@@ -5674,7 +5521,7 @@ body {
5674
5521
  padding: 0 max((100% - 1300px) / 2, 20px) 0 0;
5675
5522
  position: relative;
5676
5523
  }
5677
- .right-to-left .ilo--language-switcher {
5524
+ [dir=rtl] .ilo--language-switcher {
5678
5525
  padding: 0 0 0 max((100% - 1300px) / 2, 20px);
5679
5526
  }
5680
5527
  .ilo--language-switcher::before {
@@ -5688,10 +5535,10 @@ body {
5688
5535
  top: 0;
5689
5536
  width: 32px;
5690
5537
  }
5691
- .right-to-left .ilo--language-switcher::before {
5538
+ [dir=rtl] .ilo--language-switcher::before {
5692
5539
  clip-path: polygon(0 0, 0 100%, 100% 0);
5693
5540
  left: auto;
5694
- right: -32px;
5541
+ right: -31px;
5695
5542
  }
5696
5543
  .ilo--language-switcher--wrap {
5697
5544
  display: flex;
@@ -5713,7 +5560,7 @@ body {
5713
5560
  display: block;
5714
5561
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5715
5562
  font-weight: 500;
5716
- padding: 8px 30px 8px 40px;
5563
+ padding: 0.4287245445rem 30px 0.4287245445rem 2.1436227224rem;
5717
5564
  transition: all 150ms ease-out;
5718
5565
  }
5719
5566
  .ilo--language-switcher--button:hover, .ilo--language-switcher--button:focus {
@@ -5721,6 +5568,10 @@ body {
5721
5568
  background-color: rgb(235, 245, 253);
5722
5569
  color: rgb(30, 45, 190);
5723
5570
  }
5571
+ [dir=rtl] .ilo--language-switcher--button {
5572
+ padding: 0.4287245445rem 2.1436227224rem 0.4287245445rem 30px;
5573
+ background-position: calc(100% - 15px) center;
5574
+ }
5724
5575
  .ilo--language-switcher .ilo--context-menu {
5725
5576
  opacity: 0;
5726
5577
  visibility: hidden;
@@ -5745,7 +5596,7 @@ body {
5745
5596
  background: rgb(255, 255, 255);
5746
5597
  height: 100%;
5747
5598
  left: 0;
5748
- padding: 0 0 32px;
5599
+ padding: 0 0 1.7148981779rem;
5749
5600
  position: absolute;
5750
5601
  top: 0;
5751
5602
  transform: translateX(100%);
@@ -5755,14 +5606,11 @@ body {
5755
5606
  .ilo--subnav--open .ilo--subnav {
5756
5607
  transform: translateX(0);
5757
5608
  }
5758
- .right-to-left .ilo--subnav {
5759
- direction: rtl;
5760
- }
5761
5609
  @media screen and (min-width: 1024px) {
5762
5610
  .ilo--subnav {
5763
5611
  height: auto;
5764
5612
  left: 0;
5765
- padding: 32px 0;
5613
+ padding: 1.7148981779rem 0;
5766
5614
  top: auto;
5767
5615
  transform: translateY(-100%);
5768
5616
  transition: transform 225ms ease-out;
@@ -5804,7 +5652,7 @@ body {
5804
5652
  display: flex;
5805
5653
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5806
5654
  font-weight: 500;
5807
- padding: 18px 8px;
5655
+ padding: 18px 0.4287245445rem;
5808
5656
  text-decoration: none;
5809
5657
  transition: all 150ms ease-out;
5810
5658
  }
@@ -5835,7 +5683,7 @@ body {
5835
5683
  cursor: pointer;
5836
5684
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5837
5685
  font-weight: 500;
5838
- padding: 16px 16px 16px 32px;
5686
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 1.7148981779rem;
5839
5687
  position: relative;
5840
5688
  transition: all 150ms ease-out;
5841
5689
  }
@@ -5853,10 +5701,10 @@ body {
5853
5701
  transform: translateY(-50%);
5854
5702
  width: 24px;
5855
5703
  }
5856
- .right-to-left .ilo--mobile--subnav--back {
5704
+ [dir=rtl] .ilo--mobile--subnav--back {
5857
5705
  padding: 16px 32px 16px 16px;
5858
5706
  }
5859
- .right-to-left .ilo--mobile--subnav--back::before {
5707
+ [dir=rtl] .ilo--mobile--subnav--back::before {
5860
5708
  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");
5861
5709
  background-position: 10% center;
5862
5710
  background-repeat: no-repeat;
@@ -5874,7 +5722,7 @@ body {
5874
5722
  background-repeat: no-repeat;
5875
5723
  background-size: 24px;
5876
5724
  }
5877
- .right-to-left .ilo--mobile--subnav--back:hover::before, .right-to-left .ilo--mobile--subnav--back:focus::before {
5725
+ [dir=rtl] .ilo--mobile--subnav--back:hover::before, [dir=rtl] .ilo--mobile--subnav--back:focus::before {
5878
5726
  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");
5879
5727
  background-position: 10% center;
5880
5728
  background-repeat: no-repeat;
@@ -5893,8 +5741,8 @@ body {
5893
5741
  color: rgb(45, 45, 45);
5894
5742
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5895
5743
  font-weight: 700;
5896
- margin-bottom: 16px;
5897
- padding: 20px 8px;
5744
+ margin-bottom: 0.857449089rem;
5745
+ padding: 1.0718113612rem 0.4287245445rem;
5898
5746
  width: 100%;
5899
5747
  }
5900
5748
 
@@ -5914,7 +5762,7 @@ body {
5914
5762
  .ilo--search-box {
5915
5763
  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));
5916
5764
  left: 0;
5917
- padding: 32px 0;
5765
+ padding: 1.7148981779rem 0;
5918
5766
  top: auto;
5919
5767
  transform: translateY(-100%);
5920
5768
  transition: transform 225ms ease-out;
@@ -5930,7 +5778,7 @@ body {
5930
5778
  .ilo--search-box .ilo--header--inner {
5931
5779
  align-items: center;
5932
5780
  justify-content: center;
5933
- padding: 80px 20px;
5781
+ padding: 4.2872454448rem 1.0718113612rem;
5934
5782
  }
5935
5783
  .ilo--search-box .ilo--form,
5936
5784
  .ilo--search-box .ilo--searchfield {
@@ -5998,7 +5846,7 @@ body {
5998
5846
 
5999
5847
  /**
6000
5848
  * Do not edit directly
6001
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
5849
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6002
5850
  */
6003
5851
  /**
6004
5852
  * TOKENS:
@@ -6008,7 +5856,7 @@ body {
6008
5856
  */
6009
5857
  /**
6010
5858
  * Do not edit directly
6011
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
5859
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6012
5860
  */
6013
5861
  /**
6014
5862
  * TOKENS:
@@ -6018,7 +5866,7 @@ body {
6018
5866
  */
6019
5867
  /**
6020
5868
  * Do not edit directly
6021
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
5869
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6022
5870
  */
6023
5871
  /**
6024
5872
  * TOKENS:
@@ -6058,24 +5906,24 @@ body {
6058
5906
  }
6059
5907
  }
6060
5908
  .ilo--notification--dialog .ilo--notification--content {
6061
- padding: calc(1.2861736334rem + 2px) 1.2861736334rem;
5909
+ padding: 1.2861736334rem;
6062
5910
  }
6063
5911
  .ilo--notification--inline {
6064
5912
  max-width: 340px;
6065
5913
  }
6066
5914
  .ilo--notification--inline .ilo--notification--content {
6067
- padding: calc(1.2861736334rem + 2px) 1.2861736334rem;
5915
+ padding: 1.2861736334rem;
6068
5916
  }
6069
5917
  @media screen and (min-width: 610px) {
6070
5918
  .ilo--notification--inline {
6071
5919
  max-width: 100%;
6072
- width: 100%;
6073
5920
  }
6074
5921
  .ilo--notification--inline .ilo--notification--content {
6075
- align-items: start;
5922
+ max-width: 100%;
6076
5923
  display: flex;
6077
- justify-items: space-between;
6078
- padding: 0.7502679528rem 1.2861736334rem;
5924
+ justify-content: space-evenly;
5925
+ align-items: center;
5926
+ padding: 0.857449089rem 3.4297963558rem 0.857449089rem 1.2861736334rem;
6079
5927
  }
6080
5928
  }
6081
5929
  .ilo--notification--content {
@@ -6084,7 +5932,7 @@ body {
6084
5932
  width: calc(100% - 40px);
6085
5933
  }
6086
5934
  .ilo--notification--content:before {
6087
- background-position: center 24px;
5935
+ background-position: center 1.2861736334rem;
6088
5936
  background-repeat: no-repeat;
6089
5937
  background-size: 0.857449089rem;
6090
5938
  content: "";
@@ -6139,18 +5987,9 @@ body {
6139
5987
  margin-left: 1.2861736334rem;
6140
5988
  }
6141
5989
  }
6142
- .ilo--notification--copy:not(:last-child) {
6143
- margin-bottom: 1.2861736334rem;
6144
- }
6145
5990
  @media screen and (min-width: 610px) {
6146
5991
  .ilo--notification--inline .ilo--notification--copy:not(:last-child) {
6147
- margin-bottom: 0;
6148
- max-width: 24%;
6149
- }
6150
- }
6151
- @media screen and (min-width: 610px) and (min-width: 1024px) {
6152
- .ilo--notification--inline .ilo--notification--copy:not(:last-child) {
6153
- max-width: 40%;
5992
+ flex-grow: 1;
6154
5993
  }
6155
5994
  }
6156
5995
  .ilo--notification--date {
@@ -6167,7 +6006,7 @@ body {
6167
6006
  }
6168
6007
  }
6169
6008
  .ilo--notification--date:not(:last-child) {
6170
- margin-bottom: 1.0182207931rem;
6009
+ margin-bottom: 1.0718113612rem;
6171
6010
  }
6172
6011
  @media screen and (min-width: 610px) {
6173
6012
  .ilo--notification--inline .ilo--notification--date {
@@ -6210,7 +6049,7 @@ body {
6210
6049
 
6211
6050
  /**
6212
6051
  * Do not edit directly
6213
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6052
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6214
6053
  */
6215
6054
  /**
6216
6055
  * TOKENS:
@@ -6265,7 +6104,7 @@ body {
6265
6104
  background: rgb(237, 240, 242);
6266
6105
  }
6267
6106
  .ilo--pagination--first-page {
6268
- margin: 0 0.4287245445rem 0 0;
6107
+ margin: 0 spacing 2 0 0;
6269
6108
  }
6270
6109
  .ilo--pagination--first-page::before {
6271
6110
  transform: translate(-50%, -50%) rotate(180deg);
@@ -6351,7 +6190,7 @@ body {
6351
6190
 
6352
6191
  /**
6353
6192
  * Do not edit directly
6354
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6193
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6355
6194
  */
6356
6195
  /**
6357
6196
  * TOKENS:
@@ -6361,7 +6200,7 @@ body {
6361
6200
  */
6362
6201
  /**
6363
6202
  * Do not edit directly
6364
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6203
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6365
6204
  */
6366
6205
  /**
6367
6206
  * TOKENS:
@@ -6386,7 +6225,7 @@ body {
6386
6225
  }
6387
6226
  /**
6388
6227
  * Do not edit directly
6389
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6228
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6390
6229
  */
6391
6230
  /**
6392
6231
  * TOKENS:
@@ -6508,7 +6347,7 @@ body {
6508
6347
  .ilo--profile__size__large .ilo--profile--avatar {
6509
6348
  width: 3.4297963558rem;
6510
6349
  height: 3.4297963558rem;
6511
- margin-inline-end: 0.8038585209rem;
6350
+ margin-inline-end: 0.857449089rem;
6512
6351
  }
6513
6352
  .ilo--profile__size__large .ilo--profile--name {
6514
6353
  font-weight: 700;
@@ -6525,18 +6364,18 @@ body {
6525
6364
  font-size: 14.93px;
6526
6365
  letter-spacing: normal;
6527
6366
  line-height: 20.3px;
6528
- padding-block-start: 1.1254019293rem;
6367
+ padding-block-start: 1.0718113612rem;
6529
6368
  }
6530
6369
  .ilo--profile__size__large .ilo--profile--link {
6531
6370
  font-size: 16px;
6532
6371
  letter-spacing: normal;
6533
6372
  line-height: 23.36px;
6534
- padding-block-start: 1.1254019293rem;
6373
+ padding-block-start: 1.2861736334rem;
6535
6374
  }
6536
6375
 
6537
6376
  /**
6538
6377
  * Do not edit directly
6539
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6378
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6540
6379
  */
6541
6380
  /**
6542
6381
  * TOKENS:
@@ -6605,7 +6444,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6605
6444
 
6606
6445
  /**
6607
6446
  * Do not edit directly
6608
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6447
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6609
6448
  */
6610
6449
  /**
6611
6450
  * TOKENS:
@@ -6615,7 +6454,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6615
6454
  */
6616
6455
  /**
6617
6456
  * Do not edit directly
6618
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6457
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6619
6458
  */
6620
6459
  /**
6621
6460
  * TOKENS:
@@ -6640,7 +6479,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6640
6479
  }
6641
6480
  /**
6642
6481
  * Do not edit directly
6643
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6482
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6644
6483
  */
6645
6484
  /**
6646
6485
  * TOKENS:
@@ -6650,15 +6489,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6650
6489
  */
6651
6490
  .ilo--read-more--button {
6652
6491
  background: rgba(0, 0, 0, 0);
6653
- border-bottom: 0rem solid rgba(0, 0, 0, 0);
6654
- border-left: 0rem solid rgba(0, 0, 0, 0);
6655
- border-right: 0rem solid rgba(0, 0, 0, 0);
6656
- border-top: 0.1071811361rem solid rgb(237, 240, 242);
6492
+ border: none;
6493
+ border-top: solid 2px rgb(235, 245, 253);
6657
6494
  color: rgb(35, 0, 80);
6658
6495
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
6659
6496
  height: 3.0010718114rem;
6660
- margin: 1.7148981779rem 0rem 0rem 0rem;
6661
- padding: 0.857449089rem 1.6077170418rem 0.857449089rem 0.1071811361rem;
6497
+ margin-top: 1.7148981779rem;
6498
+ padding: 0.857449089rem 1.5005359057rem 0.857449089rem 0rem;
6662
6499
  position: relative;
6663
6500
  text-align: left;
6664
6501
  width: auto;
@@ -6681,10 +6518,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6681
6518
  }
6682
6519
  .ilo--read-more--button:hover {
6683
6520
  background: rgb(235, 245, 253);
6684
- border-bottom: 0rem solid rgba(0, 0, 0, 0);
6685
- border-left: 0rem solid rgba(0, 0, 0, 0);
6686
- border-right: 0rem solid rgba(0, 0, 0, 0);
6687
- border-top: 0.1071811361rem solid rgb(30, 45, 190);
6521
+ border-top: solid 2px rgb(30, 45, 190);
6688
6522
  color: rgb(30, 45, 190);
6689
6523
  cursor: pointer;
6690
6524
  transition-property: color, background-color, border-color;
@@ -6701,7 +6535,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6701
6535
 
6702
6536
  /**
6703
6537
  * Do not edit directly
6704
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6538
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6705
6539
  */
6706
6540
  /**
6707
6541
  * TOKENS:
@@ -6849,7 +6683,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6849
6683
  .ilo--richtext hr {
6850
6684
  background-color: rgb(237, 240, 242);
6851
6685
  border: none;
6852
- height: 0.1607717042rem;
6686
+ height: 0.2143622722rem;
6853
6687
  margin-bottom: 3.0010718114rem;
6854
6688
  }
6855
6689
  .ilo--richtext h1,
@@ -6930,7 +6764,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6930
6764
  display: block;
6931
6765
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
6932
6766
  margin: 1.2861736334rem 0 2.1436227224rem 0;
6933
- padding: 2.8938906752rem 0 1.822079314rem 1.7148981779rem;
6767
+ padding: 4.0728831726rem 0 1.9292604502rem 1.7148981779rem;
6934
6768
  position: relative;
6935
6769
  width: 100%;
6936
6770
  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");
@@ -7042,7 +6876,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7042
6876
  margin-top: 3.0817323053rem;
7043
6877
  }
7044
6878
  .ilo--richtext hr {
7045
- margin-bottom: 3.4297963558rem;
6879
+ margin-bottom: 4.0728831726rem;
7046
6880
  }
7047
6881
  .ilo--richtext figure {
7048
6882
  width: 100%;
@@ -7050,8 +6884,8 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7050
6884
  }
7051
6885
  .ilo--richtext blockquote {
7052
6886
  background-size: 4.6087888532rem 2.5723472669rem;
7053
- margin: 1.7148981779rem 0 3.4297963558rem 0;
7054
- padding: 3.3226152197rem 0 2.5723472669rem 2.5723472669rem;
6887
+ margin: 1.7148981779rem 0 4.0728831726rem 0;
6888
+ padding: 3.4297963558rem 0 2.5723472669rem 2.5723472669rem;
7055
6889
  }
7056
6890
  .ilo--richtext blockquote p {
7057
6891
  margin-bottom: 1.2861736334rem;
@@ -7070,57 +6904,54 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7070
6904
  width: 3.4297963558rem;
7071
6905
  }
7072
6906
  }
7073
- .right-to-left .ilo--richtext {
7074
- direction: rtl;
7075
- }
7076
- .right-to-left .ilo--richtext figcaption {
6907
+ [dir=rtl] .ilo--richtext figcaption {
7077
6908
  border-left: none;
7078
6909
  border-right: 3px solid #b8c4cc;
7079
6910
  padding-left: 0;
7080
6911
  padding-right: 0.4287245445rem;
7081
6912
  }
7082
- .right-to-left .ilo--richtext ul li,
7083
- .right-to-left .ilo--richtext ol li {
6913
+ [dir=rtl] .ilo--richtext ul li,
6914
+ [dir=rtl] .ilo--richtext ol li {
7084
6915
  margin-left: 0;
7085
6916
  margin-right: 1.0718113612rem;
7086
6917
  padding-left: 0;
7087
6918
  padding-right: 0.6430868167rem;
7088
6919
  }
7089
- .right-to-left .ilo--richtext ul li {
6920
+ [dir=rtl] .ilo--richtext ul li {
7090
6921
  margin-right: 0.6430868167rem;
7091
6922
  }
7092
- .right-to-left .ilo--richtext ul li::before {
6923
+ [dir=rtl] .ilo--richtext ul li::before {
7093
6924
  left: auto;
7094
6925
  right: -0.6430868167rem;
7095
6926
  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");
7096
6927
  }
7097
- .right-to-left .ilo--richtext blockquote {
6928
+ [dir=rtl] .ilo--richtext blockquote {
7098
6929
  background-position: -1px -1px;
7099
- padding: 2.8938906752rem 1.7148981779rem 1.822079314rem 0;
6930
+ padding: 3.0010718114rem 1.7148981779rem 1.9292604502rem 0;
7100
6931
  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");
7101
6932
  }
7102
- .right-to-left .ilo--richtext blockquote p {
6933
+ [dir=rtl] .ilo--richtext blockquote p {
7103
6934
  padding: 0 0 0 2.5723472669rem;
7104
6935
  }
7105
- .right-to-left .ilo--richtext blockquote p:after {
6936
+ [dir=rtl] .ilo--richtext blockquote p:after {
7106
6937
  left: 0;
7107
6938
  right: auto;
7108
6939
  transform: scaleX(1);
7109
6940
  }
7110
- .right-to-left .ilo--richtext blockquote:before {
6941
+ [dir=rtl] .ilo--richtext blockquote:before {
7111
6942
  left: auto;
7112
6943
  right: 0;
7113
6944
  transform: scaleX(-1);
7114
6945
  }
7115
6946
  @media screen and (min-width: 610px) {
7116
- .right-to-left .ilo--richtext blockquote {
7117
- padding: 3.3226152197rem 2.5723472669rem 2.5723472669rem 0;
6947
+ [dir=rtl] .ilo--richtext blockquote {
6948
+ padding: 3.2154340836rem 2.5723472669rem 2.5723472669rem 0;
7118
6949
  }
7119
6950
  }
7120
6951
 
7121
6952
  /**
7122
6953
  * Do not edit directly
7123
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6954
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7124
6955
  */
7125
6956
  /**
7126
6957
  * TOKENS:
@@ -7138,13 +6969,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7138
6969
  background-color: rgb(237, 240, 242);
7139
6970
  background-position: center center;
7140
6971
  background-repeat: no-repeat;
7141
- background-size: 24px 24px;
6972
+ background-size: 1.2861736334rem 1.2861736334rem;
7142
6973
  border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
7143
6974
  border-left: 0rem solid rgb(184, 196, 204);
7144
6975
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
7145
6976
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
7146
- height: 48px;
7147
- width: 46px;
6977
+ height: 2.5723472669rem;
6978
+ width: 2.4651661308rem;
7148
6979
  text-indent: -9999px;
7149
6980
  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");
7150
6981
  }
@@ -7164,17 +6995,14 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7164
6995
  opacity: 0.45;
7165
6996
  pointer-events: none;
7166
6997
  }
7167
- .right-to-left .ilo--searchfield {
7168
- direction: rtl;
7169
- }
7170
- .right-to-left .ilo--searchfield .ilo--searchfield--button {
7171
- border-left: 2px solid rgb(184, 196, 204);
6998
+ [dir=rtl] .ilo--searchfield .ilo--searchfield--button {
6999
+ border-left: 0.1071811361rem solid rgb(184, 196, 204);
7172
7000
  border-right: 0 solid rgb(184, 196, 204);
7173
7001
  }
7174
7002
 
7175
7003
  /**
7176
7004
  * Do not edit directly
7177
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7005
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7178
7006
  */
7179
7007
  /**
7180
7008
  * TOKENS:
@@ -7242,8 +7070,8 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7242
7070
  display: flex;
7243
7071
  height: 3.2154340836rem;
7244
7072
  justify-content: flex-start;
7245
- padding-left: 8px;
7246
- padding-right: 24px;
7073
+ padding-left: 0.4287245445rem;
7074
+ padding-right: 1.2861736334rem;
7247
7075
  text-decoration: none;
7248
7076
  font-size: 16px;
7249
7077
  letter-spacing: -0.02em;
@@ -7327,13 +7155,10 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7327
7155
  width: min(var(--tabscount) / 1 * 100%, 100%);
7328
7156
  }
7329
7157
  }
7330
- .right-to-left .ilo--tabs {
7331
- direction: rtl;
7332
- }
7333
7158
 
7334
7159
  /**
7335
7160
  * Do not edit directly
7336
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7161
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7337
7162
  */
7338
7163
  /**
7339
7164
  * TOKENS:
@@ -7343,13 +7168,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7343
7168
  */
7344
7169
  .ilo--table {
7345
7170
  background-color: rgb(190, 220, 250);
7346
- padding: 80px 80px 80px 80px;
7171
+ padding: 4.2872454448rem;
7347
7172
  position: relative;
7348
7173
  }
7349
7174
  .ilo--table--header {
7350
7175
  background-color: rgb(255, 255, 255);
7351
7176
  border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
7352
- padding: 19px 8px 18px 8px;
7177
+ padding: 0.857449089rem 0.4287245445rem 1.0718113612rem 0.4287245445rem;
7353
7178
  }
7354
7179
  .ilo--table--wrapper {
7355
7180
  max-height: 380px;
@@ -7381,12 +7206,12 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7381
7206
  letter-spacing: normal;
7382
7207
  line-height: 20.3px;
7383
7208
  letter-spacing: -0.02em;
7384
- padding: 18px 36px 18px 6px;
7209
+ padding: 0.857449089rem 0.4287245445rem;
7385
7210
  pointer-events: none;
7386
7211
  text-align: left;
7387
7212
  }
7388
7213
  .ilo--table--small .ilo--table--head--cell {
7389
- padding: 10px 36px 10px 7px;
7214
+ padding: 0.4287245445rem;
7390
7215
  }
7391
7216
  .ilo--table--head--cell:first-of-type {
7392
7217
  border-left: none;
@@ -7438,11 +7263,11 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7438
7263
  letter-spacing: normal;
7439
7264
  line-height: 20.3px;
7440
7265
  outline: 0;
7441
- padding: 22px 11px 22px 11px;
7266
+ padding: 0.857449089rem 0.4287245445rem 1.0718113612rem;
7442
7267
  position: relative;
7443
7268
  }
7444
7269
  .ilo--table--small .ilo--table--body--cell {
7445
- padding: 13px 11px 13px 11px;
7270
+ padding: 0.6430868167rem 0.4287245445rem;
7446
7271
  }
7447
7272
  .ilo--table--body--cell:first-of-type {
7448
7273
  border-left: none;
@@ -7558,13 +7383,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7558
7383
  display: flex;
7559
7384
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
7560
7385
  font-weight: 700;
7561
- margin-bottom: 0.3751339764rem;
7386
+ margin-bottom: 0.4287245445rem;
7562
7387
  font-size: 18.66px;
7563
7388
  letter-spacing: -0.035em;
7564
7389
  line-height: 24.26px;
7565
7390
  }
7566
7391
  .ilo--table--headline .ilo--tooltip--wrapper {
7567
- margin-left: 0.3215434084rem;
7392
+ margin-left: 0.2143622722rem;
7568
7393
  }
7569
7394
  .ilo--table--description {
7570
7395
  color: rgb(109, 109, 109);
@@ -7684,7 +7509,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7684
7509
 
7685
7510
  /**
7686
7511
  * Do not edit directly
7687
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7512
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7688
7513
  */
7689
7514
  /**
7690
7515
  * TOKENS:
@@ -7714,7 +7539,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7714
7539
  .ilo--table-of-contents--headline {
7715
7540
  border-bottom: 0.1607717042rem solid rgb(237, 240, 242);
7716
7541
  margin-bottom: 1.2861736334rem;
7717
- margin-top: 0.4823151125rem;
7542
+ margin-top: 0.4287245445rem;
7718
7543
  font-size: 18.66px;
7719
7544
  letter-spacing: normal;
7720
7545
  line-height: 27.24px;
@@ -7726,7 +7551,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7726
7551
  display: block;
7727
7552
  height: 100vh;
7728
7553
  left: 0;
7729
- padding: 1.3933547696rem;
7554
+ padding: 1.2861736334rem;
7730
7555
  position: fixed;
7731
7556
  top: 0;
7732
7557
  width: 100vw;
@@ -7801,16 +7626,16 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7801
7626
  background-position: calc(100% - 11px) center;
7802
7627
  background-repeat: no-repeat;
7803
7628
  background-size: 1.2861736334rem 1.2861736334rem;
7804
- border-bottom: rgb(255, 255, 255) 2px solid;
7629
+ border-bottom: rgb(255, 255, 255) 0.1071811361rem solid;
7805
7630
  color: rgb(35, 0, 80);
7806
7631
  display: block;
7807
7632
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
7808
7633
  font-weight: 500;
7809
- margin: 0 8px 0 8px;
7810
- padding: 18px 10px 18px 10px;
7634
+ margin: 0 0.4287245445rem 0 0.4287245445rem;
7635
+ padding: 0.857449089rem 0.4287245445rem 0.857449089rem;
7811
7636
  position: relative;
7812
7637
  text-decoration: none;
7813
- width: calc(100% - 8px - 8px);
7638
+ width: calc(100% - 16px);
7814
7639
  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");
7815
7640
  font-size: 16px;
7816
7641
  letter-spacing: -0.02em;
@@ -7821,12 +7646,12 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7821
7646
  }
7822
7647
  .ilo--table-of-contents--link:hover, .ilo--table-of-contents--link:focus {
7823
7648
  background-color: rgb(235, 245, 253);
7824
- border-bottom: rgb(30, 45, 190) 2px solid;
7649
+ border-bottom: rgb(30, 45, 190) 0.1071811361rem solid;
7825
7650
  background-position: calc(100% - 19px) center;
7826
7651
  color: rgb(30, 45, 190);
7827
7652
  margin: 0;
7828
7653
  outline: none;
7829
- padding: 18px 18px 18px 18px;
7654
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem;
7830
7655
  width: 100%;
7831
7656
  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");
7832
7657
  transition-property: background-color, border, color;
@@ -7835,12 +7660,12 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7835
7660
  }
7836
7661
  .ilo--table-of-contents--link:active {
7837
7662
  background-color: rgb(255, 255, 255);
7838
- border-bottom: rgb(35, 0, 80) 2px solid;
7839
- border-top: rgb(255, 255, 255) 2px solid;
7663
+ border-bottom: rgb(35, 0, 80) 0.1071811361rem solid;
7664
+ border-top: rgb(255, 255, 255) 0.1071811361rem solid;
7840
7665
  color: rgb(35, 0, 80);
7841
7666
  margin: -2px 0 0 0;
7842
7667
  outline: none;
7843
- padding: 18px 18px 18px 18px;
7668
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem;
7844
7669
  width: 100%;
7845
7670
  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");
7846
7671
  z-index: 5;
@@ -7849,28 +7674,22 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7849
7674
  border-bottom: none;
7850
7675
  }
7851
7676
  .ilo--table-of-contents--list--item:last-of-type .ilo--table-of-contents--link:hover {
7852
- border-bottom: rgb(30, 45, 190) 2px solid;
7853
- }
7854
- .right-to-left .ilo--table-of-contents {
7855
- direction: rtl;
7677
+ border-bottom: rgb(30, 45, 190) 0.1071811361rem solid;
7856
7678
  }
7857
- .right-to-left .ilo--table-of-contents .ilo--table-of-contents--link {
7679
+ [dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link {
7858
7680
  background-position: 11px center;
7859
7681
  }
7860
- .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 {
7682
+ [dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link:hover, [dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link:focus {
7861
7683
  background-position: 19px center;
7862
7684
  }
7863
- .right-to-left .ilo--table-of-contents--wrapper {
7864
- direction: rtl;
7865
- }
7866
- .right-to-left .ilo--table-of-contents--modal .toc--modal--close {
7685
+ [dir=rtl] .ilo--table-of-contents--modal .toc--modal--close {
7867
7686
  left: 0;
7868
7687
  right: auto;
7869
7688
  }
7870
7689
 
7871
7690
  /**
7872
7691
  * Do not edit directly
7873
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7692
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7874
7693
  */
7875
7694
  /**
7876
7695
  * TOKENS:
@@ -7894,13 +7713,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7894
7713
  letter-spacing: -0.02em;
7895
7714
  line-height: 21.6px;
7896
7715
  height: 2.5723472669rem;
7897
- margin: 0rem 0rem 0rem 0rem;
7716
+ margin: 0rem;
7898
7717
  max-width: 100%;
7899
7718
  min-height: 6.4308681672rem;
7900
7719
  min-width: 100%;
7901
7720
  outline: none;
7902
7721
  position: relative;
7903
- padding: 0.857449089rem 0.6430868167rem 0.857449089rem 0.6430868167rem;
7722
+ padding: 0.857449089rem 0.6430868167rem;
7904
7723
  width: 100%;
7905
7724
  }
7906
7725
  .ilo--textarea:focus {
@@ -7909,7 +7728,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7909
7728
  border-left: 0.1607717042rem solid rgb(30, 45, 190);
7910
7729
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
7911
7730
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
7912
- padding-left: 11px;
7731
+ padding-left: 0.6430868167rem;
7913
7732
  }
7914
7733
  .ilo--textarea:disabled {
7915
7734
  opacity: 0.45;
@@ -7922,13 +7741,10 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7922
7741
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
7923
7742
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
7924
7743
  }
7925
- .right-to-left .ilo--textarea {
7926
- direction: rtl;
7927
- }
7928
7744
 
7929
7745
  /**
7930
7746
  * Do not edit directly
7931
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7747
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7932
7748
  */
7933
7749
  /**
7934
7750
  * TOKENS:
@@ -7939,12 +7755,9 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7939
7755
  .ilo--tag-set {
7940
7756
  list-style: none;
7941
7757
  }
7942
- .right-to-left .ilo--tag-set {
7943
- direction: rtl;
7944
- }
7945
7758
  .ilo--tag-set__item {
7946
7759
  display: inline-block;
7947
- margin: 3px;
7760
+ margin: 0.2143622722rem;
7948
7761
  }
7949
7762
 
7950
7763
  .ilo--tag {
@@ -7957,7 +7770,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7957
7770
  display: inline-block;
7958
7771
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
7959
7772
  font-weight: 500;
7960
- padding: 0.3751339764rem 0.6430868167rem 0.2679528403rem 0.6430868167rem;
7773
+ padding: 0.4287245445rem 0.6430868167rem;
7961
7774
  text-decoration: none;
7962
7775
  transition-property: color, background-color, border-color;
7963
7776
  transition-duration: 150ms;
@@ -8008,7 +7821,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8008
7821
  cursor: pointer;
8009
7822
  display: none;
8010
7823
  opacity: 0;
8011
- padding-right: 36px;
7824
+ padding-right: 1.9292604502rem;
8012
7825
  position: relative;
8013
7826
  visibility: hidden;
8014
7827
  }
@@ -8106,7 +7919,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8106
7919
 
8107
7920
  /**
8108
7921
  * Do not edit directly
8109
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7922
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
8110
7923
  */
8111
7924
  /**
8112
7925
  * TOKENS:
@@ -8130,9 +7943,9 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8130
7943
  letter-spacing: -0.02em;
8131
7944
  line-height: 21.6px;
8132
7945
  height: 2.5723472669rem;
8133
- margin: 0rem 0rem 0rem 0rem;
7946
+ margin: 0rem;
8134
7947
  outline: none;
8135
- padding: 0.857449089rem 0.6430868167rem 0.857449089rem 0.6430868167rem;
7948
+ padding: 0.857449089rem 0.6430868167rem;
8136
7949
  width: 100%;
8137
7950
  }
8138
7951
  .ilo--text-input:focus {
@@ -8141,7 +7954,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8141
7954
  border-left: 0.1607717042rem solid rgb(30, 45, 190);
8142
7955
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
8143
7956
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
8144
- padding-left: 11px;
7957
+ padding-left: 0.6430868167rem;
8145
7958
  outline: none;
8146
7959
  }
8147
7960
  .ilo--text-input:disabled {
@@ -8150,14 +7963,6 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8150
7963
  }
8151
7964
  .ilo--text-input:invalid, .ilo--text-input__error {
8152
7965
  background-color: rgb(255, 255, 255);
8153
- }
8154
- .ilo--text-input:invalid {
8155
- border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
8156
- border-left: 0.1607717042rem solid rgb(255, 205, 45);
8157
- border-right: 0.1071811361rem solid rgb(184, 196, 204);
8158
- border-top: 0.1071811361rem solid rgb(184, 196, 204);
8159
- }
8160
- .ilo--text-input__error {
8161
7966
  border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
8162
7967
  border-left: 0.1607717042rem solid rgb(200, 48, 60);
8163
7968
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
@@ -8166,7 +7971,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8166
7971
 
8167
7972
  /**
8168
7973
  * Do not edit directly
8169
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7974
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
8170
7975
  */
8171
7976
  /**
8172
7977
  * TOKENS:
@@ -8176,7 +7981,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8176
7981
  */
8177
7982
  /**
8178
7983
  * Do not edit directly
8179
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7984
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
8180
7985
  */
8181
7986
  /**
8182
7987
  * TOKENS:
@@ -8278,7 +8083,7 @@ input:checked + .ilo--input--toggle--slider:before {
8278
8083
 
8279
8084
  /**
8280
8085
  * Do not edit directly
8281
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
8086
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
8282
8087
  */
8283
8088
  /**
8284
8089
  * TOKENS:
@@ -8297,7 +8102,7 @@ input:checked + .ilo--input--toggle--slider:before {
8297
8102
  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));
8298
8103
  color: rgb(45, 45, 45);
8299
8104
  opacity: 0;
8300
- padding: 0.4287245445rem 0.6430868167rem;
8105
+ padding: 0.4287245445rem 0.857449089rem 0.6430868167rem;
8301
8106
  position: absolute;
8302
8107
  visibility: hidden;
8303
8108
  width: auto;
@@ -8337,7 +8142,7 @@ input:checked + .ilo--input--toggle--slider:before {
8337
8142
  border-style: solid;
8338
8143
  border-width: 0;
8339
8144
  height: 0;
8340
- margin-top: -7px;
8145
+ margin-top: -0.3751339764rem;
8341
8146
  position: absolute;
8342
8147
  width: 0;
8343
8148
  }
@@ -8347,10 +8152,10 @@ input:checked + .ilo--input--toggle--slider:before {
8347
8152
  }
8348
8153
  .ilo--tooltip--alignment-top .ilo--tooltip--arrow {
8349
8154
  border-top-color: rgb(255, 255, 255);
8350
- border-width: 12px 7px 0 7px;
8351
- bottom: -12px;
8155
+ border-width: 0.6430868167rem 0.3751339764rem 0 0.3751339764rem;
8156
+ bottom: -0.6430868167rem;
8352
8157
  left: 50%;
8353
- margin-left: -7px;
8158
+ margin-left: -0.3751339764rem;
8354
8159
  top: auto;
8355
8160
  }
8356
8161
  .ilo--tooltip--alignment-top .ilo--tooltip--arrow--placement-negative {
@@ -8365,13 +8170,13 @@ input:checked + .ilo--input--toggle--slider:before {
8365
8170
  }
8366
8171
  .ilo--tooltip--alignment-right {
8367
8172
  left: calc(100% + 32px);
8368
- top: calc(50% - 7px);
8173
+ top: calc(50% - 0.3751339764rem);
8369
8174
  }
8370
8175
  .ilo--tooltip--alignment-right .ilo--tooltip--arrow {
8371
8176
  border-right-color: rgb(255, 255, 255);
8372
- border-width: 7px 12px 7px 0;
8177
+ border-width: 0.3751339764rem 0.6430868167rem 0.3751339764rem 0;
8373
8178
  left: 0;
8374
- margin-left: -12px;
8179
+ margin-left: -0.6430868167rem;
8375
8180
  top: 50%;
8376
8181
  }
8377
8182
  .ilo--tooltip--alignment-right .ilo--tooltip--arrow--placement-negative {
@@ -8387,14 +8192,14 @@ input:checked + .ilo--input--toggle--slider:before {
8387
8192
  }
8388
8193
  .ilo--tooltip--alignment-left {
8389
8194
  right: calc(100% + 32px);
8390
- top: calc(50% - 7px);
8195
+ top: calc(50% - 0.3751339764rem);
8391
8196
  }
8392
8197
  .ilo--tooltip--alignment-left .ilo--tooltip--arrow {
8393
8198
  border-left-color: rgb(255, 255, 255);
8394
- border-width: 7px 0 7px 12px;
8199
+ border-width: 0.3751339764rem 0 0.3751339764rem 0.6430868167rem;
8395
8200
  left: auto;
8396
- margin-top: -7px;
8397
- right: -12px;
8201
+ margin-top: -0.3751339764rem;
8202
+ right: -0.6430868167rem;
8398
8203
  top: 50%;
8399
8204
  }
8400
8205
  .ilo--tooltip--alignment-left .ilo--tooltip--arrow--placement-negative {
@@ -8410,13 +8215,13 @@ input:checked + .ilo--input--toggle--slider:before {
8410
8215
  }
8411
8216
  .ilo--tooltip--alignment-bottom {
8412
8217
  left: 0;
8413
- top: calc(100% + 12px);
8218
+ top: calc(100% + 0.6430868167rem);
8414
8219
  }
8415
8220
  .ilo--tooltip--alignment-bottom .ilo--tooltip--arrow {
8416
- border-width: 0 7px 12px 7px;
8221
+ border-width: 0 0.3751339764rem 0.6430868167rem 0.3751339764rem;
8417
8222
  left: 50%;
8418
- margin-left: -7px;
8419
- margin-top: -12px;
8223
+ margin-left: -0.3751339764rem;
8224
+ margin-top: -0.6430868167rem;
8420
8225
  top: 0;
8421
8226
  border-bottom-color: rgb(255, 255, 255);
8422
8227
  }
@@ -8453,7 +8258,7 @@ input:checked + .ilo--input--toggle--slider:before {
8453
8258
 
8454
8259
  /**
8455
8260
  * Do not edit directly
8456
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
8261
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
8457
8262
  */
8458
8263
  /**
8459
8264
  * TOKENS:
@@ -8474,7 +8279,7 @@ input:checked + .ilo--input--toggle--slider:before {
8474
8279
  line-height: 0;
8475
8280
  }
8476
8281
  .ilo--video--caption {
8477
- border-left: 3px solid rgb(184, 196, 204);
8282
+ border-left: 0.1607717042rem solid rgb(184, 196, 204);
8478
8283
  color: rgb(109, 109, 109);
8479
8284
  font-weight: 400;
8480
8285
  margin-top: 0.857449089rem;
@@ -8568,9 +8373,13 @@ input:checked + .ilo--input--toggle--slider:before {
8568
8373
  .ilo--video .vjs-control-bar.notplayed {
8569
8374
  flex-direction: column;
8570
8375
  height: 122px;
8571
- width: 2.5723472669rem;
8376
+ width: 0.2143622722rem;
8572
8377
  }
8573
8378
  }
8379
+ [dir=rtl] .ilo--video--controls,
8380
+ [dir=rtl] .ilo--video .vjs-control-bar {
8381
+ justify-content: flex-end;
8382
+ }
8574
8383
  .ilo--video--controls button span,
8575
8384
  .ilo--video .vjs-control-bar button span {
8576
8385
  width: 1px;
@@ -8594,7 +8403,7 @@ input:checked + .ilo--input--toggle--slider:before {
8594
8403
  cursor: pointer;
8595
8404
  height: 100%;
8596
8405
  order: 1;
8597
- width: 40px;
8406
+ width: 2.1436227224rem;
8598
8407
  -webkit-appearance: none;
8599
8408
  -moz-appearance: none;
8600
8409
  }
@@ -8624,7 +8433,7 @@ input:checked + .ilo--input--toggle--slider:before {
8624
8433
  .ilo--video .vjs-control-bar .vjs-big-play-button {
8625
8434
  background-position: center center;
8626
8435
  background-repeat: no-repeat;
8627
- background-size: 48px 48px;
8436
+ background-size: 2.5723472669rem 2.5723472669rem;
8628
8437
  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");
8629
8438
  }
8630
8439
  .ilo--video--controls--play.ilo--video--controls--play--hovered, .ilo--video--controls--play:hover, .ilo--video--controls--play:focus,
@@ -8646,7 +8455,7 @@ input:checked + .ilo--input--toggle--slider:before {
8646
8455
  background-color: rgb(235, 245, 253);
8647
8456
  background-position: center center;
8648
8457
  background-repeat: no-repeat;
8649
- background-size: 48px 48px;
8458
+ background-size: 2.5723472669rem 2.5723472669rem;
8650
8459
  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");
8651
8460
  }
8652
8461
  .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,
@@ -8683,32 +8492,47 @@ input:checked + .ilo--input--toggle--slider:before {
8683
8492
  background-color: rgb(235, 245, 253);
8684
8493
  color: rgb(30, 45, 190);
8685
8494
  }
8686
- .ilo--video--controls--play.vjs-paused,
8495
+ .ilo--video--controls--play.vjs-paused, .ilo--video--controls--play.vjs-ended,
8687
8496
  .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused,
8497
+ .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended,
8688
8498
  .ilo--video--controls .vjs-big-play-button.vjs-paused,
8499
+ .ilo--video--controls .vjs-big-play-button.vjs-ended,
8689
8500
  .ilo--video .vjs-control-bar--play.vjs-paused,
8501
+ .ilo--video .vjs-control-bar--play.vjs-ended,
8690
8502
  .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused,
8691
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused {
8503
+ .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended,
8504
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused,
8505
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended {
8692
8506
  background-position: center center;
8693
8507
  background-repeat: no-repeat;
8694
- background-size: 24px 24px;
8508
+ background-size: 1.2861736334rem 1.2861736334rem;
8695
8509
  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");
8696
8510
  }
8697
- .ilo--video--controls--play.vjs-paused:hover, .ilo--video--controls--play.vjs-paused:focus,
8511
+ .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,
8698
8512
  .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8699
8513
  .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
8514
+ .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
8515
+ .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
8700
8516
  .ilo--video--controls .vjs-big-play-button.vjs-paused:hover,
8701
8517
  .ilo--video--controls .vjs-big-play-button.vjs-paused:focus,
8518
+ .ilo--video--controls .vjs-big-play-button.vjs-ended:hover,
8519
+ .ilo--video--controls .vjs-big-play-button.vjs-ended:focus,
8702
8520
  .ilo--video .vjs-control-bar--play.vjs-paused:hover,
8703
8521
  .ilo--video .vjs-control-bar--play.vjs-paused:focus,
8522
+ .ilo--video .vjs-control-bar--play.vjs-ended:hover,
8523
+ .ilo--video .vjs-control-bar--play.vjs-ended:focus,
8704
8524
  .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8705
8525
  .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
8526
+ .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
8527
+ .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
8706
8528
  .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:hover,
8707
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:focus {
8529
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:focus,
8530
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended:hover,
8531
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended:focus {
8708
8532
  background-color: rgb(235, 245, 253);
8709
8533
  background-position: center center;
8710
8534
  background-repeat: no-repeat;
8711
- background-size: 24px 24px;
8535
+ background-size: 1.2861736334rem 1.2861736334rem;
8712
8536
  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");
8713
8537
  }
8714
8538
  .ilo--video--controls:not(.notplayed) .ilo--video--controls--play,
@@ -8721,7 +8545,7 @@ input:checked + .ilo--input--toggle--slider:before {
8721
8545
  .ilo--video .vjs-control-bar .vjs-playing {
8722
8546
  background-position: center center;
8723
8547
  background-repeat: no-repeat;
8724
- background-size: 24px 24px;
8548
+ background-size: 1.2861736334rem 1.2861736334rem;
8725
8549
  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");
8726
8550
  }
8727
8551
  .ilo--video--controls--pause:hover, .ilo--video--controls--pause:focus,
@@ -8734,7 +8558,7 @@ input:checked + .ilo--input--toggle--slider:before {
8734
8558
  background-color: rgb(235, 245, 253);
8735
8559
  background-position: center center;
8736
8560
  background-repeat: no-repeat;
8737
- background-size: 24px 24px;
8561
+ background-size: 1.2861736334rem 1.2861736334rem;
8738
8562
  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");
8739
8563
  }
8740
8564
  .ilo--video--controls--duration,
@@ -8746,9 +8570,9 @@ input:checked + .ilo--input--toggle--slider:before {
8746
8570
  display: none;
8747
8571
  height: 100%;
8748
8572
  font-weight: 700;
8749
- margin-left: 2px;
8573
+ margin-left: 0.1071811361rem;
8750
8574
  order: 2;
8751
- padding-top: 9px;
8575
+ padding-top: 0.4823151125rem;
8752
8576
  text-align: center;
8753
8577
  width: 4.2872454448rem;
8754
8578
  font-size: 14.93px;
@@ -8781,7 +8605,7 @@ input:checked + .ilo--input--toggle--slider:before {
8781
8605
  background-color: rgb(235, 245, 253);
8782
8606
  background-position: center center;
8783
8607
  background-repeat: no-repeat;
8784
- background-size: 48px 48px;
8608
+ background-size: 2.5723472669rem 2.5723472669rem;
8785
8609
  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");
8786
8610
  }
8787
8611
  .ilo--video--controls--duration.show,
@@ -9124,7 +8948,7 @@ input:checked + .ilo--input--toggle--slider:before {
9124
8948
  -moz-appearance: none;
9125
8949
  background-position: center center;
9126
8950
  background-repeat: no-repeat;
9127
- background-size: 24px 24px;
8951
+ background-size: 1.2861736334rem 1.2861736334rem;
9128
8952
  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");
9129
8953
  }
9130
8954
  .ilo--video--controls--showvolume:hover, .ilo--video--controls--showvolume:focus,
@@ -9137,7 +8961,7 @@ input:checked + .ilo--input--toggle--slider:before {
9137
8961
  background-color: rgb(235, 245, 253);
9138
8962
  background-position: center center;
9139
8963
  background-repeat: no-repeat;
9140
- background-size: 24px 24px;
8964
+ background-size: 1.2861736334rem 1.2861736334rem;
9141
8965
  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");
9142
8966
  }
9143
8967
  .ilo--video--controls--showvolume.muted, .ilo--video--controls--showvolume[title=Unmute],
@@ -9149,7 +8973,7 @@ input:checked + .ilo--input--toggle--slider:before {
9149
8973
  .ilo--video .vjs-control-bar .vjs-mute-control[title=Unmute] {
9150
8974
  background-position: center center;
9151
8975
  background-repeat: no-repeat;
9152
- background-size: 24px 24px;
8976
+ background-size: 1.2861736334rem 1.2861736334rem;
9153
8977
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(237, 240, 242)' d='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");
9154
8978
  }
9155
8979
  .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,
@@ -9168,7 +8992,7 @@ input:checked + .ilo--input--toggle--slider:before {
9168
8992
  background-color: #ebf5fd;
9169
8993
  background-position: center center;
9170
8994
  background-repeat: no-repeat;
9171
- background-size: 24px 24px;
8995
+ background-size: 1.2861736334rem 1.2861736334rem;
9172
8996
  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");
9173
8997
  }
9174
8998
  .ilo--video--controls--setvolume,
@@ -9291,7 +9115,7 @@ input:checked + .ilo--input--toggle--slider:before {
9291
9115
  -moz-appearance: none;
9292
9116
  background-position: center center;
9293
9117
  background-repeat: no-repeat;
9294
- background-size: 24px 24px;
9118
+ background-size: 1.2861736334rem 1.2861736334rem;
9295
9119
  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");
9296
9120
  }
9297
9121
  .ilo--video--controls--fullscreen:hover, .ilo--video--controls--fullscreen:focus,
@@ -9304,7 +9128,7 @@ input:checked + .ilo--input--toggle--slider:before {
9304
9128
  background-color: #ebf5fd;
9305
9129
  background-position: center center;
9306
9130
  background-repeat: no-repeat;
9307
- background-size: 24px 24px;
9131
+ background-size: 1.2861736334rem 1.2861736334rem;
9308
9132
  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");
9309
9133
  }
9310
9134
  .ilo--video--controls--fullscreen.show,
@@ -9332,6 +9156,10 @@ input:checked + .ilo--input--toggle--slider:before {
9332
9156
  left: 0;
9333
9157
  width: 80px;
9334
9158
  }
9159
+ [dir=rtl] .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
9160
+ left: auto;
9161
+ right: 0;
9162
+ }
9335
9163
  }
9336
9164
  .ilo--video--element:not(.vjs-has-started) .vjs-duration {
9337
9165
  display: block;
@@ -9383,21 +9211,20 @@ input:checked + .ilo--input--toggle--slider:before {
9383
9211
  position: relative;
9384
9212
  }
9385
9213
 
9386
- .right-to-left .ilo--video--caption {
9214
+ [dir=rtl] .ilo--video--caption {
9387
9215
  border-left: none;
9388
9216
  border-right: 3px solid #b8c4cc;
9389
- direction: rtl;
9390
9217
  padding-left: 0;
9391
9218
  padding-right: 0.4287245445rem;
9392
9219
  }
9393
- .right-to-left .ilo--credit {
9220
+ [dir=rtl] .ilo--credit {
9394
9221
  left: auto;
9395
9222
  right: 0;
9396
9223
  }
9397
9224
 
9398
9225
  /**
9399
9226
  * Do not edit directly
9400
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
9227
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
9401
9228
  */
9402
9229
  /**
9403
9230
  * TOKENS:
@@ -9407,7 +9234,7 @@ input:checked + .ilo--input--toggle--slider:before {
9407
9234
  */
9408
9235
  /**
9409
9236
  * Do not edit directly
9410
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
9237
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
9411
9238
  */
9412
9239
  /**
9413
9240
  * TOKENS:
@@ -9432,7 +9259,7 @@ input:checked + .ilo--input--toggle--slider:before {
9432
9259
  }
9433
9260
  /**
9434
9261
  * Do not edit directly
9435
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
9262
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
9436
9263
  */
9437
9264
  /**
9438
9265
  * TOKENS:
@@ -9445,21 +9272,12 @@ input:checked + .ilo--input--toggle--slider:before {
9445
9272
  flex-flow: column nowrap;
9446
9273
  align-items: flex-start;
9447
9274
  }
9275
+ .ilo--social-media [dir=rtl] {
9276
+ align-items: flex-end;
9277
+ }
9448
9278
  .ilo--social-media__justify__center {
9449
9279
  align-items: center;
9450
9280
  }
9451
- .right-to-left .ilo--social-media {
9452
- direction: rtl;
9453
- }
9454
- .right-to-left .ilo--social-media .social--links {
9455
- flex-direction: row-reverse;
9456
- }
9457
- .right-to-left .ilo--social-media .ilo--social-media--list--item--icon {
9458
- text-indent: 999px;
9459
- }
9460
- .right-to-left .ilo--social-media * {
9461
- text-align: right;
9462
- }
9463
9281
  .ilo--social-media--headline {
9464
9282
  color: rgb(35, 0, 80);
9465
9283
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
@@ -9475,7 +9293,7 @@ input:checked + .ilo--input--toggle--slider:before {
9475
9293
  .ilo--social-media--list {
9476
9294
  display: inline-flex;
9477
9295
  flex-flow: row wrap;
9478
- gap: 22px;
9296
+ gap: 0.857449089rem;
9479
9297
  }
9480
9298
  .ilo--social-media--list--item {
9481
9299
  display: inline-block;