@ilo-org/styles 0.11.3-next.2 → 0.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (111) hide show
  1. package/build/css/components/index.css +501 -681
  2. package/build/css/components/index.css.map +1 -1
  3. package/build/css/global.css +1 -1
  4. package/build/css/global.css.map +1 -1
  5. package/build/css/index.css +501 -681
  6. package/build/css/index.css.map +1 -1
  7. package/build/css/monorepo.css +501 -681
  8. package/build/css/monorepo.css.map +1 -1
  9. package/build/minified/index.css +1 -1
  10. package/build/minified/index.css.map +1 -1
  11. package/build/minified/monorepo.css +1 -1
  12. package/build/minified/monorepo.css.map +1 -1
  13. package/css/components/accordion.css +1 -1
  14. package/css/components/breadcrumb.css +1 -1
  15. package/css/components/button.css +1 -1
  16. package/css/components/callout.css +1 -1
  17. package/css/components/card.css +1 -1
  18. package/css/components/cardgroup.css +1 -1
  19. package/css/components/credit.css +1 -1
  20. package/css/components/datacard.css +1 -1
  21. package/css/components/datepicker.css +1 -1
  22. package/css/components/detailcard.css +1 -1
  23. package/css/components/dropdown.css +1 -1
  24. package/css/components/factlistcard.css +1 -1
  25. package/css/components/featurecard.css +1 -1
  26. package/css/components/fieldset.css +1 -1
  27. package/css/components/file-upload.css +1 -1
  28. package/css/components/footer.css +1 -1
  29. package/css/components/form.css +1 -1
  30. package/css/components/formcontrol.css +1 -1
  31. package/css/components/hero.css +1 -1
  32. package/css/components/herocard.css +1 -1
  33. package/css/components/image.css +1 -1
  34. package/css/components/input.css +1 -1
  35. package/css/components/linklist.css +1 -1
  36. package/css/components/list.css +1 -1
  37. package/css/components/multilinkcard.css +1 -1
  38. package/css/components/navigation.css +1 -1
  39. package/css/components/notification.css +1 -1
  40. package/css/components/pagination.css +1 -1
  41. package/css/components/profile.css +1 -1
  42. package/css/components/promocard.css +1 -1
  43. package/css/components/readmore.css +1 -1
  44. package/css/components/richtext.css +1 -1
  45. package/css/components/searchfield.css +1 -1
  46. package/css/components/socialmedia.css +1 -1
  47. package/css/components/statcard.css +1 -1
  48. package/css/components/table.css +1 -1
  49. package/css/components/tableofcontents.css +1 -1
  50. package/css/components/tabs.css +1 -1
  51. package/css/components/tag.css +1 -1
  52. package/css/components/textarea.css +1 -1
  53. package/css/components/textcard.css +1 -1
  54. package/css/components/textinput.css +1 -1
  55. package/css/components/tooltip.css +1 -1
  56. package/css/components/video.css +1 -1
  57. package/css/global.css.map +1 -1
  58. package/css/index.css +2 -8
  59. package/css/index.css.map +1 -1
  60. package/css/monorepo.css +2 -8
  61. package/css/monorepo.css.map +1 -1
  62. package/package.json +2 -2
  63. package/scss/_functions.scss +7 -7
  64. package/scss/_mixins.scss +11 -3
  65. package/scss/components/_accordion.scss +7 -11
  66. package/scss/components/_breadcrumb.scss +19 -27
  67. package/scss/components/_button.scss +27 -27
  68. package/scss/components/_callout.scss +10 -9
  69. package/scss/components/_card.scss +1 -6
  70. package/scss/components/_cardgroup.scss +0 -4
  71. package/scss/components/_contextmenu.scss +4 -4
  72. package/scss/components/_credit.scss +1 -1
  73. package/scss/components/_datacard.scss +5 -5
  74. package/scss/components/_datepicker.scss +4 -0
  75. package/scss/components/_detailcard.scss +12 -9
  76. package/scss/components/_dropdown.scss +16 -5
  77. package/scss/components/_factlistcard.scss +4 -17
  78. package/scss/components/_featurecard.scss +11 -7
  79. package/scss/components/_fieldset.scss +7 -2
  80. package/scss/components/_file-upload.scss +4 -7
  81. package/scss/components/_footer.scss +34 -54
  82. package/scss/components/_form.scss +2 -1
  83. package/scss/components/_formcontrol.scss +10 -2
  84. package/scss/components/_hero.scss +26 -118
  85. package/scss/components/_herocard.scss +2 -6
  86. package/scss/components/_image.scss +6 -7
  87. package/scss/components/_input.scss +5 -7
  88. package/scss/components/_linklist.scss +24 -20
  89. package/scss/components/_list.scss +15 -20
  90. package/scss/components/_loading.scss +8 -8
  91. package/scss/components/_multilinkcard.scss +17 -68
  92. package/scss/components/_navigation.scss +44 -57
  93. package/scss/components/_notification.scss +19 -28
  94. package/scss/components/_pagination.scss +6 -12
  95. package/scss/components/_profile.scss +3 -3
  96. package/scss/components/_promocard.scss +24 -72
  97. package/scss/components/_readmore.scss +7 -6
  98. package/scss/components/_richtext.scss +32 -38
  99. package/scss/components/_searchfield.scss +8 -11
  100. package/scss/components/_socialmedia.scss +6 -22
  101. package/scss/components/_statcard.scss +5 -5
  102. package/scss/components/_table.scss +10 -26
  103. package/scss/components/_tableofcontents.scss +19 -50
  104. package/scss/components/_tabs.scss +7 -13
  105. package/scss/components/_tag.scss +3 -8
  106. package/scss/components/_textarea.scss +8 -14
  107. package/scss/components/_textcard.scss +11 -10
  108. package/scss/components/_textinput.scss +5 -14
  109. package/scss/components/_toggle.scss +2 -6
  110. package/scss/components/_tooltip.scss +22 -29
  111. package/scss/components/_video.scss +65 -57
@@ -156,7 +156,7 @@ textarea {
156
156
  }
157
157
  /**
158
158
  * Do not edit directly
159
- * Generated on Wed, 15 Nov 2023 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 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 14:59:52 GMT
2815
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2873
2816
  */
2874
2817
  /**
2875
2818
  * TOKENS:
@@ -2878,11 +2821,15 @@ body {
2878
2821
  * MAPS:
2879
2822
  */
2880
2823
  .ilo--fieldset {
2824
+ box-sizing: border-box;
2881
2825
  appearance: none;
2882
2826
  }
2883
2827
  .ilo--fieldset--legend-wrapper {
2884
2828
  margin-bottom: 0.8717716645rem;
2885
2829
  }
2830
+ .ilo--fieldset--legend-wrapper .ilo--tooltip--wrapper {
2831
+ top: 0.1071811361rem;
2832
+ }
2886
2833
  .ilo--fieldset--legend {
2887
2834
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
2888
2835
  font-weight: 700;
@@ -2948,13 +2895,12 @@ body {
2948
2895
  pointer-events: none;
2949
2896
  }
2950
2897
  .ilo--fieldset .ilo--tooltip--wrapper {
2951
- margin-left: 8px;
2952
- margin-top: 3px;
2898
+ margin-left: 0.2143622722rem;
2953
2899
  }
2954
2900
 
2955
2901
  /**
2956
2902
  * Do not edit directly
2957
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
2903
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
2958
2904
  */
2959
2905
  /**
2960
2906
  * TOKENS:
@@ -2971,7 +2917,6 @@ body {
2971
2917
  display: inline-block;
2972
2918
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
2973
2919
  font-weight: 700;
2974
- padding: 0;
2975
2920
  border-bottom-left-radius: 2px;
2976
2921
  border-bottom-right-radius: 2px;
2977
2922
  border-top-left-radius: 2px;
@@ -3046,12 +2991,12 @@ body {
3046
2991
  line-height: 21.6px;
3047
2992
  height: 2.5723472669rem;
3048
2993
  outline: none;
3049
- padding: 0.6966773848rem 0.6430868167rem 0.857449089rem 0.5894962487rem;
2994
+ padding: 0.6430868167rem 0.6430868167rem 0.857449089rem;
3050
2995
  }
3051
2996
 
3052
2997
  /**
3053
2998
  * Do not edit directly
3054
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
2999
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3055
3000
  */
3056
3001
  /**
3057
3002
  * TOKENS:
@@ -3060,12 +3005,13 @@ body {
3060
3005
  * MAPS:
3061
3006
  */
3062
3007
  .ilo--form {
3008
+ box-sizing: border-box;
3063
3009
  display: flex;
3064
3010
  justify-content: flex-start;
3065
3011
  align-items: flex-start;
3066
3012
  flex-direction: column;
3067
3013
  appearance: none;
3068
- gap: 32px;
3014
+ gap: 1.7148981779rem;
3069
3015
  color: rgb(45, 45, 45);
3070
3016
  }
3071
3017
  .ilo--form__theme__light {
@@ -3092,7 +3038,7 @@ body {
3092
3038
 
3093
3039
  /**
3094
3040
  * Do not edit directly
3095
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
3041
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3096
3042
  */
3097
3043
  /**
3098
3044
  * TOKENS:
@@ -3200,7 +3146,10 @@ body {
3200
3146
  font-weight: inherit;
3201
3147
  }
3202
3148
  .ilo--form-control--label div[class*=tooltip] {
3203
- 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;
3204
3153
  }
3205
3154
  .ilo--form-control--helper {
3206
3155
  grid-area: helper;
@@ -3210,10 +3159,13 @@ body {
3210
3159
  letter-spacing: normal;
3211
3160
  line-height: 16.24px;
3212
3161
  }
3162
+ .ilo--form-control .ilo--tooltip--wrapper {
3163
+ bottom: 0.1071811361rem;
3164
+ }
3213
3165
 
3214
3166
  /**
3215
3167
  * Do not edit directly
3216
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
3168
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3217
3169
  */
3218
3170
  /**
3219
3171
  * TOKENS:
@@ -3223,7 +3175,7 @@ body {
3223
3175
  */
3224
3176
  /**
3225
3177
  * Do not edit directly
3226
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
3178
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3227
3179
  */
3228
3180
  /**
3229
3181
  * TOKENS:
@@ -3248,7 +3200,7 @@ body {
3248
3200
  }
3249
3201
  /**
3250
3202
  * Do not edit directly
3251
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
3203
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3252
3204
  */
3253
3205
  /**
3254
3206
  * TOKENS:
@@ -3265,7 +3217,7 @@ body {
3265
3217
  /* RTL Styles */
3266
3218
  }
3267
3219
  .ilo--footer--main {
3268
- padding: 2.1436227224rem 1.7148981779rem;
3220
+ padding: 2.1436227224rem 1.7148981779rem 2.5723472669rem;
3269
3221
  position: relative;
3270
3222
  }
3271
3223
  .ilo--footer--main:before {
@@ -3300,9 +3252,12 @@ body {
3300
3252
  }
3301
3253
  .ilo--footer--secondary {
3302
3254
  background-color: rgb(237, 240, 242);
3303
- padding-top: 1.9292604502rem;
3255
+ padding: 1.7148981779rem 0.857449089rem 0;
3304
3256
  min-height: 3.0010718114rem;
3305
3257
  }
3258
+ .ilo--footer--secondary [class*=container] {
3259
+ padding: 0;
3260
+ }
3306
3261
  .ilo--footer--headline {
3307
3262
  color: rgb(255, 255, 255);
3308
3263
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
@@ -3312,21 +3267,21 @@ body {
3312
3267
  line-height: 23.36px;
3313
3268
  line-height: 1.1575562701rem;
3314
3269
  margin-bottom: 0.0895963823rem;
3315
- margin-top: 1.1789924973rem;
3270
+ margin-top: 1.0718113612rem;
3316
3271
  }
3317
3272
  .ilo--footer--subhead {
3318
3273
  color: #bedcfa;
3319
3274
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
3320
3275
  font-weight: 500;
3321
- margin-top: 0.5359056806rem;
3276
+ margin-top: 0.2143622722rem;
3322
3277
  font-size: 11.94px;
3323
3278
  letter-spacing: normal;
3324
3279
  line-height: 16.24px;
3325
3280
  line-height: 0.9946409432rem;
3326
- margin-bottom: 2.4115755627rem;
3281
+ margin-bottom: 2.5723472669rem;
3327
3282
  }
3328
3283
  .ilo--footer .address {
3329
- margin-bottom: 2.0900321543rem;
3284
+ margin-bottom: 1.0718113612rem;
3330
3285
  }
3331
3286
  .ilo--footer .address--line {
3332
3287
  color: rgb(255, 255, 255);
@@ -3336,10 +3291,10 @@ body {
3336
3291
  margin-bottom: 0.12089916rem;
3337
3292
  }
3338
3293
  .ilo--footer .connect {
3339
- margin: 2.9474812433rem 0;
3294
+ margin: 2.5723472669rem 0 2.1436227224rem;
3340
3295
  }
3341
3296
  .ilo--footer .social--links {
3342
- margin-bottom: 2.4115755627rem;
3297
+ margin-bottom: 2.1436227224rem;
3343
3298
  }
3344
3299
  .ilo--footer .legal,
3345
3300
  .ilo--footer .secondarylinks {
@@ -3405,7 +3360,7 @@ body {
3405
3360
  justify-content: center;
3406
3361
  border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
3407
3362
  margin: 0.6430868167rem auto 0 auto;
3408
- padding: 0.857449089rem 0.857449089rem 0.857449089rem 0.857449089rem;
3363
+ padding: 0.857449089rem;
3409
3364
  }
3410
3365
  .ilo--footer .anchorlink:after {
3411
3366
  background-repeat: no-repeat;
@@ -3435,11 +3390,11 @@ body {
3435
3390
  .ilo--footer--main {
3436
3391
  display: grid;
3437
3392
  grid-template-columns: minmax(0, 50%) minmax(0, 50%);
3438
- gap: 0px 64px;
3393
+ gap: 0px 3.4297963558rem;
3439
3394
  grid-template-areas: "site-info address" "site-info links" "site-info connect" "site-info subscribe";
3440
3395
  align-content: start;
3441
3396
  align-items: start;
3442
- padding: 2.1436227224rem 1.0718113612rem;
3397
+ padding: 2.1436227224rem 1.0718113612rem 5.1446945338rem;
3443
3398
  }
3444
3399
  .ilo--footer .site--info {
3445
3400
  grid-area: site-info;
@@ -3458,8 +3413,8 @@ body {
3458
3413
  grid-area: subscribe;
3459
3414
  }
3460
3415
  .ilo--footer--secondary {
3461
- padding-top: 0.9646302251rem;
3462
- padding-bottom: 0.9646302251rem;
3416
+ padding-top: 0.857449089rem;
3417
+ padding-bottom: 0.857449089rem;
3463
3418
  position: relative;
3464
3419
  z-index: 1;
3465
3420
  }
@@ -3488,10 +3443,10 @@ body {
3488
3443
  display: grid;
3489
3444
  grid-template-columns: 0.25fr 0.33fr 0.09fr 0.33fr;
3490
3445
  grid-template-rows: auto auto;
3491
- gap: 0px 64px;
3446
+ gap: 0px 3.4297963558rem;
3492
3447
  grid-template-areas: "site-info address . connect" "site-info links . subscribe";
3493
- padding-top: 2.3579849946rem;
3494
- padding-bottom: 2.7331189711rem;
3448
+ padding-top: 2.1436227224rem;
3449
+ padding-bottom: 5.1446945338rem;
3495
3450
  }
3496
3451
  .ilo--footer--main:before {
3497
3452
  content: none;
@@ -3512,9 +3467,12 @@ body {
3512
3467
  align-self: start;
3513
3468
  justify-self: start;
3514
3469
  }
3470
+ .ilo--footer .address {
3471
+ margin-bottom: 1.0718113612rem;
3472
+ }
3515
3473
  .ilo--footer--secondary {
3516
- padding-top: 0.9646302251rem;
3517
- padding-bottom: 0.9646302251rem;
3474
+ padding-top: 0.857449089rem;
3475
+ padding-bottom: 0.857449089rem;
3518
3476
  position: relative;
3519
3477
  }
3520
3478
  .ilo--footer--secondary [class*=container] {
@@ -3535,16 +3493,13 @@ body {
3535
3493
  .ilo--footer .anchorlink {
3536
3494
  margin: 0;
3537
3495
  border: none;
3538
- padding: 0.25rem;
3496
+ padding: 0.2143622722rem;
3539
3497
  }
3540
3498
  .ilo--footer .anchorlink:hover {
3541
3499
  margin-bottom: -0.1071811361rem;
3542
3500
  }
3543
3501
  }
3544
- .right-to-left .ilo--footer * {
3545
- text-align: right;
3546
- }
3547
- .right-to-left .ilo--footer--main:before {
3502
+ .ilo--footer[dir=rtl] .ilo--footer--main:before {
3548
3503
  background-size: contain;
3549
3504
  background-repeat: no-repeat;
3550
3505
  content: "";
@@ -3558,33 +3513,20 @@ body {
3558
3513
  left: 0;
3559
3514
  transform: scaleY(-1) scaleX(-1);
3560
3515
  }
3561
- .right-to-left .ilo--footer .subscribe a {
3562
- align-self: flex-end;
3563
- }
3564
- .right-to-left .ilo--footer--secondary [class*=container] {
3565
- flex-direction: row-reverse;
3566
- }
3567
- .right-to-left .ilo--footer--secondary--details {
3568
- display: flex;
3569
- flex-flow: row-reverse wrap;
3570
- }
3571
- .right-to-left .ilo--footer .secondarylinks--list {
3572
- flex-direction: row-reverse;
3573
- }
3574
- .right-to-left .ilo--footer .secondarylinks--list--item:before {
3516
+ .ilo--footer[dir=rtl] .ilo--footer .secondarylinks--list--item:before {
3575
3517
  content: none;
3576
3518
  }
3577
- .right-to-left .ilo--footer .secondarylinks--list--item:after {
3519
+ .ilo--footer[dir=rtl] .ilo--footer .secondarylinks--list--item:after {
3578
3520
  content: "|";
3579
3521
  margin: 0.2143622722rem;
3580
3522
  }
3581
3523
  @media screen and (min-width: 610px) {
3582
- .right-to-left .ilo--footer--main {
3524
+ .ilo--footer[dir=rtl] .ilo--footer--main {
3583
3525
  grid-template-areas: "address site-info" "links site-info" "connect site-info" "subscribe site-info";
3584
3526
  }
3585
3527
  }
3586
3528
  @media screen and (min-width: 1024px) {
3587
- .right-to-left .ilo--footer:after {
3529
+ .ilo--footer[dir=rtl] .ilo--footer:after {
3588
3530
  background-size: contain;
3589
3531
  background-repeat: no-repeat;
3590
3532
  content: "";
@@ -3598,24 +3540,24 @@ body {
3598
3540
  left: 0;
3599
3541
  transform: scaleY(1) scaleX(-1);
3600
3542
  }
3601
- .right-to-left .ilo--footer--main {
3543
+ .ilo--footer[dir=rtl] .ilo--footer--main {
3602
3544
  grid-template-columns: 0.33fr 0.09fr 0.33fr 0.25fr;
3603
3545
  grid-template-areas: "connect . address site-info" "subscribe . links site-info";
3604
3546
  }
3605
- .right-to-left .ilo--footer--main:before {
3547
+ .ilo--footer[dir=rtl] .ilo--footer--main:before {
3606
3548
  content: none;
3607
3549
  }
3608
- .right-to-left .ilo--footer .connect {
3550
+ .ilo--footer[dir=rtl] .ilo--footer .connect {
3609
3551
  grid-template-columns: 60%, minmax(0, 40%);
3610
3552
  }
3611
- .right-to-left .ilo--footer .ilo--button {
3553
+ .ilo--footer[dir=rtl] .ilo--footer .ilo--button {
3612
3554
  justify-self: end;
3613
3555
  }
3614
3556
  }
3615
3557
 
3616
3558
  /**
3617
3559
  * Do not edit directly
3618
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
3560
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3619
3561
  */
3620
3562
  /**
3621
3563
  * TOKENS:
@@ -3738,7 +3680,7 @@ body {
3738
3680
 
3739
3681
  /**
3740
3682
  * Do not edit directly
3741
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
3683
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
3742
3684
  */
3743
3685
  /**
3744
3686
  * TOKENS:
@@ -3747,26 +3689,31 @@ body {
3747
3689
  * MAPS:
3748
3690
  */
3749
3691
  .hero {
3750
- --added-offset: 0;
3692
+ --added-offset: 0px;
3751
3693
  --base-offset: calc(((100vw - 1300px) / 2));
3752
3694
  --card-padding-start: 71px;
3753
3695
  --corner-cut-height: 40px;
3754
3696
  width: 100%;
3755
3697
  display: grid;
3756
3698
  position: relative;
3757
- grid-template-rows: minmax(216px, 1fr) 27px 40px auto;
3758
3699
  grid-template-columns: 1fr;
3759
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;
3760
3706
  }
3761
3707
  .hero--breadcrumbs {
3762
3708
  display: none;
3763
3709
  }
3764
- .hero--figure {
3710
+ .hero--background {
3711
+ display: grid;
3765
3712
  background-color: rgb(235, 245, 253);
3766
3713
  position: relative;
3767
3714
  grid-area: 1/1/4/2;
3768
3715
  }
3769
- .hero--figure img {
3716
+ .hero--background img {
3770
3717
  position: absolute;
3771
3718
  object-fit: cover;
3772
3719
  width: 100%;
@@ -3900,13 +3847,13 @@ body {
3900
3847
  .hero--breadcrumbs--wrapper {
3901
3848
  width: 100%;
3902
3849
  }
3903
- .hero--figure {
3850
+ .hero--background {
3904
3851
  grid-area: 1/1/5/5;
3905
3852
  }
3906
- .hero__card-align__center .hero--figure {
3853
+ .hero__card-align__center .hero--background {
3907
3854
  grid-area: 1/1/6/5;
3908
3855
  }
3909
- .hero__card-align__bottom .hero--figure {
3856
+ .hero__card-align__bottom .hero--background {
3910
3857
  grid-area: 1/1/5/5;
3911
3858
  }
3912
3859
  .hero--card-offset {
@@ -3990,7 +3937,7 @@ body {
3990
3937
  left: 2px;
3991
3938
  }
3992
3939
  }
3993
- .right-to-left .hero--caption--wrapper {
3940
+ [dir=rtl] .hero--caption--wrapper {
3994
3941
  background: rgb(45, 45, 45);
3995
3942
  height: 27px;
3996
3943
  width: 30px;
@@ -3998,10 +3945,10 @@ body {
3998
3945
  justify-content: center;
3999
3946
  align-items: center;
4000
3947
  position: relative;
4001
- position: absolute;
4002
3948
  right: 0;
3949
+ position: absolute;
4003
3950
  }
4004
- .right-to-left .hero--caption--wrapper::after {
3951
+ [dir=rtl] .hero--caption--wrapper::after {
4005
3952
  content: "";
4006
3953
  position: absolute;
4007
3954
  top: 0;
@@ -4014,54 +3961,7 @@ body {
4014
3961
  border-right: calc(27px - 4px) solid rgb(45, 45, 45);
4015
3962
  }
4016
3963
  @media screen and (min-width: 1024px) {
4017
- .right-to-left .hero__card-justify__start {
4018
- --col-1-lg: 1fr;
4019
- --col-2-lg: 30px;
4020
- --col-3-lg: var(--card-width);
4021
- --col-4-lg: calc(
4022
- var(--base-offset) - 71px + var(--added-offset)
4023
- );
4024
- }
4025
- .right-to-left .hero__card-justify__offset {
4026
- --col-1-lg: 1fr;
4027
- --col-2-lg: 30px;
4028
- --col-3-lg: var(--card-width);
4029
- --col-4-lg: calc(
4030
- var(--base-offset) - 71px + var(--added-offset)
4031
- );
4032
- }
4033
- .right-to-left .hero__card-justify__center {
4034
- --col-1-lg: calc(
4035
- ((100% - var(--card-width)) / 2) - 30px
4036
- );
4037
- --col-2-lg: 30px;
4038
- --col-3-lg: var(--card-width);
4039
- --col-4-lg: calc((100% - var(--card-width)) / 2);
4040
- }
4041
- .right-to-left .hero__card-align__center .hero--card {
4042
- grid-area: 3/3/4/4;
4043
- }
4044
- .right-to-left .hero__card-align__center .hero--caption {
4045
- grid-area: 5/4/6/5;
4046
- }
4047
- .right-to-left .hero__card-align__center .hero--caption--wrapper {
4048
- right: 0;
4049
- left: initial;
4050
- position: absolute;
4051
- }
4052
- .right-to-left .hero__card-align__bottom .hero--caption {
4053
- grid-area: 4/4/5/5;
4054
- }
4055
- .right-to-left .hero__card-align__bottom .hero--caption--wrapper {
4056
- position: absolute;
4057
- right: 0;
4058
- bottom: 0;
4059
- left: initial;
4060
- }
4061
- .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption {
4062
- grid-area: 2/3/3/4;
4063
- }
4064
- .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 {
4065
3965
  background: rgb(45, 45, 45);
4066
3966
  height: 27px;
4067
3967
  width: 30px;
@@ -4072,51 +3972,9 @@ body {
4072
3972
  position: absolute;
4073
3973
  left: initial;
4074
3974
  right: 0;
3975
+ bottom: 0;
4075
3976
  }
4076
- .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper::after {
4077
- content: "";
4078
- position: absolute;
4079
- top: 0;
4080
- width: 0;
4081
- height: 0;
4082
- border-top: 27px solid transparent;
4083
- left: auto;
4084
- right: 100%;
4085
- border-left: none;
4086
- border-right: calc(27px - 4px) solid rgb(45, 45, 45);
4087
- }
4088
- .right-to-left .hero--card-offset {
4089
- grid-area: 3/4/6/5;
4090
- }
4091
- .right-to-left .hero--card-offset:after {
4092
- right: initial;
4093
- left: -1px;
4094
- }
4095
- .right-to-left .hero--card {
4096
- grid-area: 3/3/6/4;
4097
- }
4098
- .right-to-left .hero--breadcrumbs-offset {
4099
- grid-area: 1/4/2/5;
4100
- }
4101
- .right-to-left .hero--breadcrumbs {
4102
- grid-area: 1/4/2/1;
4103
- flex-direction: row-reverse;
4104
- }
4105
- .right-to-left .hero--caption {
4106
- grid-area: 4/2/5/3;
4107
- }
4108
- .right-to-left .hero--caption--wrapper {
4109
- right: 2px;
4110
- left: initial;
4111
- background: rgb(45, 45, 45);
4112
- height: 27px;
4113
- width: 30px;
4114
- display: flex;
4115
- justify-content: center;
4116
- align-items: center;
4117
- position: relative;
4118
- }
4119
- .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 {
4120
3978
  content: "";
4121
3979
  position: absolute;
4122
3980
  top: 0;
@@ -4132,7 +3990,7 @@ body {
4132
3990
 
4133
3991
  /**
4134
3992
  * Do not edit directly
4135
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
3993
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4136
3994
  */
4137
3995
  /**
4138
3996
  * TOKENS:
@@ -4152,9 +4010,6 @@ body {
4152
4010
  padding-inline-start: var(--card-padding-start);
4153
4011
  }
4154
4012
  }
4155
- .right-to-left .ilo--hero-card {
4156
- direction: rtl;
4157
- }
4158
4013
  .ilo--hero-card--title-link {
4159
4014
  color: inherit;
4160
4015
  text-decoration: none;
@@ -4192,7 +4047,7 @@ body {
4192
4047
  .ilo--hero-card__cornercut {
4193
4048
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
4194
4049
  }
4195
- .right-to-left .ilo--hero-card__cornercut {
4050
+ [dir=rtl] .ilo--hero-card__cornercut {
4196
4051
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
4197
4052
  clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
4198
4053
  }
@@ -4200,7 +4055,7 @@ body {
4200
4055
  .ilo--hero-card__cornercut {
4201
4056
  clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
4202
4057
  }
4203
- .right-to-left .ilo--hero-card__cornercut {
4058
+ [dir=rtl] .ilo--hero-card__cornercut {
4204
4059
  clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
4205
4060
  clip-path: polygon(116px 0, 100% 0, 100% 100%, 0 100%, 0 64px);
4206
4061
  }
@@ -4268,7 +4123,7 @@ body {
4268
4123
 
4269
4124
  /**
4270
4125
  * Do not edit directly
4271
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4126
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4272
4127
  */
4273
4128
  /**
4274
4129
  * TOKENS:
@@ -4292,7 +4147,7 @@ body {
4292
4147
  width: 100%;
4293
4148
  }
4294
4149
  .ilo--image--caption {
4295
- border-left: 3px solid rgb(184, 196, 204);
4150
+ border-left: 0.1607717042rem solid rgb(184, 196, 204);
4296
4151
  color: rgb(109, 109, 109);
4297
4152
  font-weight: 400;
4298
4153
  margin-top: 0.857449089rem;
@@ -4311,20 +4166,20 @@ body {
4311
4166
  bottom: -0.2143622722rem;
4312
4167
  }
4313
4168
  }
4314
- .right-to-left .ilo--image .ilo--image--caption {
4169
+ [dir=rtl] .ilo--image .ilo--image--caption {
4315
4170
  border-left: none;
4316
4171
  border-right: 3px solid #b8c4cc;
4317
4172
  padding-left: 0;
4318
4173
  padding-right: 0.4287245445rem;
4319
4174
  }
4320
- .right-to-left .ilo--image .ilo--credit {
4175
+ [dir=rtl] .ilo--image .ilo--credit {
4321
4176
  left: auto;
4322
4177
  right: 0;
4323
4178
  }
4324
4179
 
4325
4180
  /**
4326
4181
  * Do not edit directly
4327
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4182
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4328
4183
  */
4329
4184
  /**
4330
4185
  * TOKENS:
@@ -4348,7 +4203,7 @@ body {
4348
4203
  letter-spacing: -0.02em;
4349
4204
  line-height: 21.6px;
4350
4205
  height: 2.5723472669rem;
4351
- margin: 0rem 0rem 0rem 0rem;
4206
+ margin: 0rem;
4352
4207
  outline: none;
4353
4208
  padding: 0.857449089rem 0.6430868167rem 0.857449089rem 0.6430868167rem;
4354
4209
  width: 100%;
@@ -4359,7 +4214,7 @@ body {
4359
4214
  border-left: 0.1607717042rem solid rgb(30, 45, 190);
4360
4215
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
4361
4216
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
4362
- padding-left: 11px;
4217
+ padding-left: 0.6430868167rem;
4363
4218
  outline: none;
4364
4219
  }
4365
4220
  .ilo--input:disabled {
@@ -4466,7 +4321,7 @@ body {
4466
4321
 
4467
4322
  /**
4468
4323
  * Do not edit directly
4469
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4324
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4470
4325
  */
4471
4326
  /**
4472
4327
  * TOKENS:
@@ -4476,7 +4331,7 @@ body {
4476
4331
  */
4477
4332
  /**
4478
4333
  * Do not edit directly
4479
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4334
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4480
4335
  */
4481
4336
  /**
4482
4337
  * TOKENS:
@@ -4501,7 +4356,7 @@ body {
4501
4356
  }
4502
4357
  /**
4503
4358
  * Do not edit directly
4504
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4359
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4505
4360
  */
4506
4361
  /**
4507
4362
  * TOKENS:
@@ -4531,7 +4386,7 @@ body {
4531
4386
  }
4532
4387
  .ilo--link-list--links--item.indented .ilo--link-list--label {
4533
4388
  display: block;
4534
- padding-left: 1.2861736334rem;
4389
+ padding-left: 1.0718113612rem;
4535
4390
  position: relative;
4536
4391
  }
4537
4392
  .ilo--link-list--links--item.indented .ilo--link-list--label:before {
@@ -4549,6 +4404,14 @@ body {
4549
4404
  width: 0.6430868167rem;
4550
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");
4551
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
+ }
4552
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 {
4553
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");
4554
4417
  }
@@ -4564,8 +4427,8 @@ body {
4564
4427
  font-size: 16px;
4565
4428
  letter-spacing: normal;
4566
4429
  line-height: 23.36px;
4567
- padding-bottom: 0.8934549032rem;
4568
- padding-top: 0.8934549032rem;
4430
+ padding-top: 0.857449089rem;
4431
+ padding-bottom: 0.857449089rem;
4569
4432
  padding-right: 1.7148981779rem;
4570
4433
  text-decoration: none;
4571
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");
@@ -4596,11 +4459,12 @@ body {
4596
4459
  transition-duration: 150ms;
4597
4460
  transition-timing-function: ease-out;
4598
4461
  }
4599
- .right-to-left .ilo--link-list--link {
4600
- background-position: 4px center;
4462
+ [dir=rtl] .ilo--link-list--link {
4463
+ background-position: 0.2143622722rem center;
4601
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;
4602
4466
  }
4603
- .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 {
4604
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");
4605
4469
  }
4606
4470
  .ilo--link-list--dark .ilo--link-list--headline,
@@ -4642,16 +4506,13 @@ body {
4642
4506
  transition-duration: 150ms;
4643
4507
  transition-timing-function: ease-out;
4644
4508
  }
4645
- .right-to-left .ilo--link-list--dark .ilo--link-list--link {
4646
- background-position: 4px center;
4509
+ [dir=rtl] .ilo--link-list--dark .ilo--link-list--link {
4510
+ background-position: 0.2143622722rem center;
4647
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");
4648
4512
  }
4649
- .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 {
4650
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");
4651
4515
  }
4652
- .right-to-left .ilo--link-list * {
4653
- text-align: right;
4654
- }
4655
4516
 
4656
4517
  .wingsuit-body .ilo--link-list--dark {
4657
4518
  background-color: rgb(35, 0, 80);
@@ -4659,7 +4520,7 @@ body {
4659
4520
 
4660
4521
  /**
4661
4522
  * Do not edit directly
4662
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4523
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4663
4524
  */
4664
4525
  /**
4665
4526
  * TOKENS:
@@ -4675,9 +4536,8 @@ body {
4675
4536
  list-style-type: none;
4676
4537
  }
4677
4538
  .ilo--list--unordered li {
4678
- margin-bottom: 1.7148981779rem;
4679
4539
  margin-left: 0.6430868167rem;
4680
- padding-left: 0.6430868167rem;
4540
+ padding-left: 0.4287245445rem;
4681
4541
  position: relative;
4682
4542
  }
4683
4543
  .ilo--list--unordered li::before {
@@ -4703,21 +4563,24 @@ body {
4703
4563
  flex-wrap: wrap;
4704
4564
  list-style: none;
4705
4565
  }
4566
+ .ilo--list--horizontal li::before {
4567
+ content: none;
4568
+ }
4706
4569
  .ilo--list--horizontal .ilo--list__title {
4707
4570
  margin-bottom: 0.4287245445rem;
4708
- margin-right: 1.9828510182rem;
4571
+ margin-right: 1.9292604502rem;
4709
4572
  }
4710
4573
  .ilo--list--horizontal .ilo--list__item {
4711
4574
  margin-bottom: 0.4287245445rem;
4712
4575
  margin-left: 0;
4713
- margin-right: 1.9828510182rem;
4576
+ margin-right: 2.1436227224rem;
4714
4577
  padding-left: 0;
4715
4578
  }
4716
4579
  .ilo--list__title {
4717
4580
  font-size: 18.66px;
4718
4581
  letter-spacing: -0.035em;
4719
4582
  line-height: 24.26px;
4720
- margin-bottom: 1.1254019293rem;
4583
+ margin-bottom: 1.2861736334rem;
4721
4584
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
4722
4585
  font-weight: 700;
4723
4586
  }
@@ -4726,7 +4589,6 @@ body {
4726
4589
  font-size: 23.32px;
4727
4590
  letter-spacing: -0.035em;
4728
4591
  line-height: 29.15px;
4729
- margin-bottom: 1.4469453376rem;
4730
4592
  }
4731
4593
  }
4732
4594
  .ilo--list__item {
@@ -4734,9 +4596,9 @@ body {
4734
4596
  letter-spacing: normal;
4735
4597
  line-height: 23.36px;
4736
4598
  font-family: Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
4737
- margin-bottom: 1.052683199rem;
4738
- margin-left: 1.2861736334rem;
4739
- padding-left: 0.1607717042rem;
4599
+ margin-bottom: 0.857449089rem;
4600
+ margin-left: 1.0718113612rem;
4601
+ padding-left: 0.2143622722rem;
4740
4602
  }
4741
4603
  .ilo--list__item b,
4742
4604
  .ilo--list__item strong {
@@ -4748,13 +4610,12 @@ body {
4748
4610
  font-size: 18.66px;
4749
4611
  letter-spacing: normal;
4750
4612
  line-height: 27.24px;
4751
- margin-bottom: 0.7967297949rem;
4752
4613
  }
4753
4614
  }
4754
4615
 
4755
4616
  /**
4756
4617
  * Do not edit directly
4757
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4618
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4758
4619
  */
4759
4620
  /**
4760
4621
  * TOKENS:
@@ -4764,7 +4625,7 @@ body {
4764
4625
  */
4765
4626
  /**
4766
4627
  * Do not edit directly
4767
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4628
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4768
4629
  */
4769
4630
  /**
4770
4631
  * TOKENS:
@@ -4774,7 +4635,7 @@ body {
4774
4635
  */
4775
4636
  /**
4776
4637
  * Do not edit directly
4777
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4638
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4778
4639
  */
4779
4640
  /**
4780
4641
  * TOKENS:
@@ -4945,7 +4806,7 @@ body {
4945
4806
 
4946
4807
  /**
4947
4808
  * Do not edit directly
4948
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4809
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4949
4810
  */
4950
4811
  /**
4951
4812
  * TOKENS:
@@ -4992,7 +4853,7 @@ body {
4992
4853
 
4993
4854
  /**
4994
4855
  * Do not edit directly
4995
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4856
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
4996
4857
  */
4997
4858
  /**
4998
4859
  * TOKENS:
@@ -5002,7 +4863,7 @@ body {
5002
4863
  */
5003
4864
  /**
5004
4865
  * Do not edit directly
5005
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4866
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
5006
4867
  */
5007
4868
  /**
5008
4869
  * TOKENS:
@@ -5012,7 +4873,7 @@ body {
5012
4873
  */
5013
4874
  /**
5014
4875
  * Do not edit directly
5015
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4876
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
5016
4877
  */
5017
4878
  /**
5018
4879
  * TOKENS:
@@ -5109,7 +4970,7 @@ body {
5109
4970
 
5110
4971
  /**
5111
4972
  * Do not edit directly
5112
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
4973
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
5113
4974
  */
5114
4975
  /**
5115
4976
  * TOKENS:
@@ -5230,7 +5091,7 @@ body {
5230
5091
  background: rgb(30, 45, 190);
5231
5092
  display: flex;
5232
5093
  justify-content: space-between;
5233
- padding: 0 20px;
5094
+ padding: 0 1.0718113612rem;
5234
5095
  }
5235
5096
  .ilo--header--utility-bar--local .ilo--language-switcher {
5236
5097
  display: none;
@@ -5250,7 +5111,7 @@ body {
5250
5111
  cursor: pointer;
5251
5112
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5252
5113
  font-weight: 500;
5253
- padding: 16px 16px 16px 36px;
5114
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 1.9292604502rem;
5254
5115
  text-decoration: none;
5255
5116
  transition: all 150ms ease-out;
5256
5117
  width: 100%;
@@ -5264,12 +5125,12 @@ body {
5264
5125
  background-color: rgb(235, 245, 253);
5265
5126
  color: rgb(30, 45, 190);
5266
5127
  }
5267
- .right-to-left .ilo--header--utility-bar--local .ilo--language-switcher--link {
5128
+ .ilo--header--utility-bar--local .ilo--language-switcher--link [dir=rtl] {
5268
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");
5269
5130
  background-position: calc(100% - 16px) 50%;
5270
5131
  padding: 16px 36px 16px 16px;
5271
5132
  }
5272
- .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 {
5273
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");
5274
5135
  background-color: rgb(235, 245, 253);
5275
5136
  color: rgb(30, 45, 190);
@@ -5298,12 +5159,6 @@ body {
5298
5159
  .ilo--header--utility-bar--local {
5299
5160
  justify-content: space-between;
5300
5161
  }
5301
- .right-to-left .ilo--header--utility-bar {
5302
- flex-direction: row-reverse;
5303
- }
5304
- }
5305
- .right-to-left .ilo--header--inner {
5306
- direction: rtl;
5307
5162
  }
5308
5163
  .ilo--subnav--open .ilo--header--inner {
5309
5164
  visibility: hidden;
@@ -5312,7 +5167,7 @@ body {
5312
5167
  .ilo--header--inner {
5313
5168
  display: flex;
5314
5169
  justify-content: space-between;
5315
- padding: 0 20px;
5170
+ padding: 0 1.0718113612rem;
5316
5171
  }
5317
5172
  .ilo--subnav--open .ilo--header--inner {
5318
5173
  visibility: visible;
@@ -5357,12 +5212,9 @@ body {
5357
5212
  display: none;
5358
5213
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5359
5214
  font-weight: 700;
5360
- padding: 16px 0;
5215
+ padding: 0.857449089rem 0;
5361
5216
  text-align: right;
5362
5217
  }
5363
- .right-to-left .ilo--header--logo-tagline {
5364
- text-align: left;
5365
- }
5366
5218
  @media screen and (min-width: 1024px) {
5367
5219
  .ilo--header--logo-tagline {
5368
5220
  display: block;
@@ -5416,13 +5268,13 @@ body {
5416
5268
  align-items: center;
5417
5269
  }
5418
5270
  .ilo--nav--items:first-of-type {
5419
- margin-left: -20px;
5271
+ margin-left: -1.0718113612rem;
5420
5272
  }
5421
5273
  }
5422
5274
  .ilo--nav--link {
5423
5275
  color: rgb(35, 0, 80);
5424
5276
  display: block;
5425
- padding: 16px 36px 16px 8px;
5277
+ padding: 0.857449089rem 1.9292604502rem 0.857449089rem 0.4287245445rem;
5426
5278
  text-decoration: none;
5427
5279
  transition: color 150ms ease-out, background 150ms ease-out;
5428
5280
  }
@@ -5436,7 +5288,7 @@ body {
5436
5288
  background: rgb(35, 0, 80);
5437
5289
  color: rgb(255, 255, 255);
5438
5290
  display: inline-block;
5439
- padding: 21.5px 24px 20.5px;
5291
+ padding: 21.5px 1.2861736334rem 20.5px;
5440
5292
  }
5441
5293
  .ilo--nav--link:hover, .ilo--nav--link:focus {
5442
5294
  background: rgb(235, 245, 253);
@@ -5461,7 +5313,7 @@ body {
5461
5313
  display: block;
5462
5314
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5463
5315
  font-weight: 500;
5464
- padding: 16px 36px 16px 8px;
5316
+ padding: 0.857449089rem 1.9292604502rem 0.857449089rem 0.4287245445rem;
5465
5317
  line-height: 24px;
5466
5318
  text-align: left;
5467
5319
  transition: all 150ms ease-out;
@@ -5472,15 +5324,15 @@ body {
5472
5324
  background-color: rgb(235, 245, 253);
5473
5325
  color: rgb(30, 45, 190);
5474
5326
  }
5475
- .right-to-left .ilo--nav--trigger {
5327
+ [dir=rtl] .ilo--nav--trigger {
5476
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");
5477
5329
  background-color: rgb(255, 255, 255);
5478
5330
  background-position: 16px 55%;
5479
5331
  background-repeat: no-repeat;
5480
- background-size: 16px;
5332
+ background-size: 24px;
5481
5333
  text-align: right;
5482
5334
  }
5483
- .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 {
5484
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");
5485
5337
  background-color: rgb(235, 245, 253);
5486
5338
  color: rgb(30, 45, 190);
@@ -5501,8 +5353,8 @@ body {
5501
5353
  cursor: pointer;
5502
5354
  display: inline-block;
5503
5355
  font-weight: 700;
5504
- margin-left: 20px;
5505
- padding: 7px 32px 5px 15px;
5356
+ margin-left: 1.0718113612rem;
5357
+ padding: 7px 1.7148981779rem 5px 15px;
5506
5358
  text-align: center;
5507
5359
  transition: all 150ms ease-out;
5508
5360
  width: auto;
@@ -5513,15 +5365,15 @@ body {
5513
5365
  border-color: rgb(255, 255, 255);
5514
5366
  color: rgb(30, 45, 190);
5515
5367
  }
5516
- .right-to-left .ilo--nav--trigger {
5368
+ [dir=rtl] .ilo--nav--trigger {
5517
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");
5518
5370
  background-color: rgb(35, 0, 80);
5519
- background-position: 90% 55%;
5520
5371
  background-repeat: no-repeat;
5521
5372
  background-size: 20px;
5522
- text-align: left;
5373
+ background-position: 10% 55%;
5374
+ padding: 7px 15px 5px 1.7148981779rem;
5523
5375
  }
5524
- .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 {
5525
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");
5526
5378
  background-color: rgb(255, 255, 255);
5527
5379
  color: rgb(30, 45, 190);
@@ -5533,11 +5385,8 @@ body {
5533
5385
  display: flex;
5534
5386
  justify-content: space-between;
5535
5387
  }
5536
- .right-to-left .ilo--nav--local {
5537
- direction: rtl;
5538
- }
5539
5388
  @media screen and (min-width: 1024px) {
5540
- .right-to-left .ilo--nav--local {
5389
+ .ilo--nav--local [dir=rtl] {
5541
5390
  padding: 0 max((100% - 1260px) / 2, 20px) 0 0;
5542
5391
  }
5543
5392
  }
@@ -5548,7 +5397,7 @@ body {
5548
5397
  }
5549
5398
  .ilo--nav--local--logo-wrapper {
5550
5399
  display: flex;
5551
- padding: 16px 0;
5400
+ padding: 0.857449089rem 0;
5552
5401
  }
5553
5402
  .ilo--nav--local--logo {
5554
5403
  width: var(--logo-width);
@@ -5577,7 +5426,7 @@ body {
5577
5426
  .ilo--nav--local--link {
5578
5427
  background: inherit;
5579
5428
  color: rgb(255, 255, 255);
5580
- padding: 0 24px;
5429
+ padding: 0 1.2861736334rem;
5581
5430
  height: 100%;
5582
5431
  text-decoration: none;
5583
5432
  text-align: center;
@@ -5594,8 +5443,8 @@ body {
5594
5443
 
5595
5444
  .ilo--mobile--nav {
5596
5445
  border-bottom: 3px solid rgb(237, 240, 242);
5597
- margin-bottom: 16px;
5598
- padding-bottom: 16px;
5446
+ margin-bottom: 0.857449089rem;
5447
+ padding-bottom: 0.857449089rem;
5599
5448
  }
5600
5449
  .ilo--mobile--nav--logo {
5601
5450
  align-items: center;
@@ -5633,7 +5482,7 @@ body {
5633
5482
  display: block;
5634
5483
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5635
5484
  font-weight: 500;
5636
- padding: 16px 36px 16px 8px;
5485
+ padding: 0.857449089rem 1.9292604502rem 0.857449089rem 0.4287245445rem;
5637
5486
  line-height: 16px;
5638
5487
  text-align: left;
5639
5488
  transition: all 150ms ease-out;
@@ -5644,7 +5493,7 @@ body {
5644
5493
  background-color: rgb(235, 245, 253);
5645
5494
  color: rgb(30, 45, 190);
5646
5495
  }
5647
- .right-to-left .ilo--mobile--nav--language--switcher--button {
5496
+ [dir=rtl] .ilo--mobile--nav--language--switcher--button {
5648
5497
  background-position: 16px 55%;
5649
5498
  text-align: right;
5650
5499
  }
@@ -5672,7 +5521,7 @@ body {
5672
5521
  padding: 0 max((100% - 1300px) / 2, 20px) 0 0;
5673
5522
  position: relative;
5674
5523
  }
5675
- .right-to-left .ilo--language-switcher {
5524
+ [dir=rtl] .ilo--language-switcher {
5676
5525
  padding: 0 0 0 max((100% - 1300px) / 2, 20px);
5677
5526
  }
5678
5527
  .ilo--language-switcher::before {
@@ -5686,10 +5535,10 @@ body {
5686
5535
  top: 0;
5687
5536
  width: 32px;
5688
5537
  }
5689
- .right-to-left .ilo--language-switcher::before {
5538
+ [dir=rtl] .ilo--language-switcher::before {
5690
5539
  clip-path: polygon(0 0, 0 100%, 100% 0);
5691
5540
  left: auto;
5692
- right: -32px;
5541
+ right: -31px;
5693
5542
  }
5694
5543
  .ilo--language-switcher--wrap {
5695
5544
  display: flex;
@@ -5711,7 +5560,7 @@ body {
5711
5560
  display: block;
5712
5561
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5713
5562
  font-weight: 500;
5714
- padding: 8px 30px 8px 40px;
5563
+ padding: 0.4287245445rem 30px 0.4287245445rem 2.1436227224rem;
5715
5564
  transition: all 150ms ease-out;
5716
5565
  }
5717
5566
  .ilo--language-switcher--button:hover, .ilo--language-switcher--button:focus {
@@ -5719,6 +5568,10 @@ body {
5719
5568
  background-color: rgb(235, 245, 253);
5720
5569
  color: rgb(30, 45, 190);
5721
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
+ }
5722
5575
  .ilo--language-switcher .ilo--context-menu {
5723
5576
  opacity: 0;
5724
5577
  visibility: hidden;
@@ -5743,7 +5596,7 @@ body {
5743
5596
  background: rgb(255, 255, 255);
5744
5597
  height: 100%;
5745
5598
  left: 0;
5746
- padding: 0 0 32px;
5599
+ padding: 0 0 1.7148981779rem;
5747
5600
  position: absolute;
5748
5601
  top: 0;
5749
5602
  transform: translateX(100%);
@@ -5753,14 +5606,11 @@ body {
5753
5606
  .ilo--subnav--open .ilo--subnav {
5754
5607
  transform: translateX(0);
5755
5608
  }
5756
- .right-to-left .ilo--subnav {
5757
- direction: rtl;
5758
- }
5759
5609
  @media screen and (min-width: 1024px) {
5760
5610
  .ilo--subnav {
5761
5611
  height: auto;
5762
5612
  left: 0;
5763
- padding: 32px 0;
5613
+ padding: 1.7148981779rem 0;
5764
5614
  top: auto;
5765
5615
  transform: translateY(-100%);
5766
5616
  transition: transform 225ms ease-out;
@@ -5802,7 +5652,7 @@ body {
5802
5652
  display: flex;
5803
5653
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5804
5654
  font-weight: 500;
5805
- padding: 18px 8px;
5655
+ padding: 18px 0.4287245445rem;
5806
5656
  text-decoration: none;
5807
5657
  transition: all 150ms ease-out;
5808
5658
  }
@@ -5833,7 +5683,7 @@ body {
5833
5683
  cursor: pointer;
5834
5684
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5835
5685
  font-weight: 500;
5836
- padding: 16px 16px 16px 32px;
5686
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 1.7148981779rem;
5837
5687
  position: relative;
5838
5688
  transition: all 150ms ease-out;
5839
5689
  }
@@ -5851,10 +5701,10 @@ body {
5851
5701
  transform: translateY(-50%);
5852
5702
  width: 24px;
5853
5703
  }
5854
- .right-to-left .ilo--mobile--subnav--back {
5704
+ [dir=rtl] .ilo--mobile--subnav--back {
5855
5705
  padding: 16px 32px 16px 16px;
5856
5706
  }
5857
- .right-to-left .ilo--mobile--subnav--back::before {
5707
+ [dir=rtl] .ilo--mobile--subnav--back::before {
5858
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");
5859
5709
  background-position: 10% center;
5860
5710
  background-repeat: no-repeat;
@@ -5872,7 +5722,7 @@ body {
5872
5722
  background-repeat: no-repeat;
5873
5723
  background-size: 24px;
5874
5724
  }
5875
- .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 {
5876
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");
5877
5727
  background-position: 10% center;
5878
5728
  background-repeat: no-repeat;
@@ -5891,8 +5741,8 @@ body {
5891
5741
  color: rgb(45, 45, 45);
5892
5742
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5893
5743
  font-weight: 700;
5894
- margin-bottom: 16px;
5895
- padding: 20px 8px;
5744
+ margin-bottom: 0.857449089rem;
5745
+ padding: 1.0718113612rem 0.4287245445rem;
5896
5746
  width: 100%;
5897
5747
  }
5898
5748
 
@@ -5912,7 +5762,7 @@ body {
5912
5762
  .ilo--search-box {
5913
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));
5914
5764
  left: 0;
5915
- padding: 32px 0;
5765
+ padding: 1.7148981779rem 0;
5916
5766
  top: auto;
5917
5767
  transform: translateY(-100%);
5918
5768
  transition: transform 225ms ease-out;
@@ -5928,7 +5778,7 @@ body {
5928
5778
  .ilo--search-box .ilo--header--inner {
5929
5779
  align-items: center;
5930
5780
  justify-content: center;
5931
- padding: 80px 20px;
5781
+ padding: 4.2872454448rem 1.0718113612rem;
5932
5782
  }
5933
5783
  .ilo--search-box .ilo--form,
5934
5784
  .ilo--search-box .ilo--searchfield {
@@ -5996,7 +5846,7 @@ body {
5996
5846
 
5997
5847
  /**
5998
5848
  * Do not edit directly
5999
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
5849
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6000
5850
  */
6001
5851
  /**
6002
5852
  * TOKENS:
@@ -6006,7 +5856,7 @@ body {
6006
5856
  */
6007
5857
  /**
6008
5858
  * Do not edit directly
6009
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
5859
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6010
5860
  */
6011
5861
  /**
6012
5862
  * TOKENS:
@@ -6016,7 +5866,7 @@ body {
6016
5866
  */
6017
5867
  /**
6018
5868
  * Do not edit directly
6019
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
5869
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6020
5870
  */
6021
5871
  /**
6022
5872
  * TOKENS:
@@ -6056,24 +5906,24 @@ body {
6056
5906
  }
6057
5907
  }
6058
5908
  .ilo--notification--dialog .ilo--notification--content {
6059
- padding: calc(1.2861736334rem + 2px) 1.2861736334rem;
5909
+ padding: 1.2861736334rem;
6060
5910
  }
6061
5911
  .ilo--notification--inline {
6062
5912
  max-width: 340px;
6063
5913
  }
6064
5914
  .ilo--notification--inline .ilo--notification--content {
6065
- padding: calc(1.2861736334rem + 2px) 1.2861736334rem;
5915
+ padding: 1.2861736334rem;
6066
5916
  }
6067
5917
  @media screen and (min-width: 610px) {
6068
5918
  .ilo--notification--inline {
6069
5919
  max-width: 100%;
6070
- width: 100%;
6071
5920
  }
6072
5921
  .ilo--notification--inline .ilo--notification--content {
6073
- align-items: start;
5922
+ max-width: 100%;
6074
5923
  display: flex;
6075
- justify-items: space-between;
6076
- padding: 0.7502679528rem 1.2861736334rem;
5924
+ justify-content: space-evenly;
5925
+ align-items: center;
5926
+ padding: 0.857449089rem 3.4297963558rem 0.857449089rem 1.2861736334rem;
6077
5927
  }
6078
5928
  }
6079
5929
  .ilo--notification--content {
@@ -6082,7 +5932,7 @@ body {
6082
5932
  width: calc(100% - 40px);
6083
5933
  }
6084
5934
  .ilo--notification--content:before {
6085
- background-position: center 24px;
5935
+ background-position: center 1.2861736334rem;
6086
5936
  background-repeat: no-repeat;
6087
5937
  background-size: 0.857449089rem;
6088
5938
  content: "";
@@ -6137,18 +5987,9 @@ body {
6137
5987
  margin-left: 1.2861736334rem;
6138
5988
  }
6139
5989
  }
6140
- .ilo--notification--copy:not(:last-child) {
6141
- margin-bottom: 1.2861736334rem;
6142
- }
6143
5990
  @media screen and (min-width: 610px) {
6144
5991
  .ilo--notification--inline .ilo--notification--copy:not(:last-child) {
6145
- margin-bottom: 0;
6146
- max-width: 24%;
6147
- }
6148
- }
6149
- @media screen and (min-width: 610px) and (min-width: 1024px) {
6150
- .ilo--notification--inline .ilo--notification--copy:not(:last-child) {
6151
- max-width: 40%;
5992
+ flex-grow: 1;
6152
5993
  }
6153
5994
  }
6154
5995
  .ilo--notification--date {
@@ -6165,7 +6006,7 @@ body {
6165
6006
  }
6166
6007
  }
6167
6008
  .ilo--notification--date:not(:last-child) {
6168
- margin-bottom: 1.0182207931rem;
6009
+ margin-bottom: 1.0718113612rem;
6169
6010
  }
6170
6011
  @media screen and (min-width: 610px) {
6171
6012
  .ilo--notification--inline .ilo--notification--date {
@@ -6208,7 +6049,7 @@ body {
6208
6049
 
6209
6050
  /**
6210
6051
  * Do not edit directly
6211
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
6052
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6212
6053
  */
6213
6054
  /**
6214
6055
  * TOKENS:
@@ -6263,7 +6104,7 @@ body {
6263
6104
  background: rgb(237, 240, 242);
6264
6105
  }
6265
6106
  .ilo--pagination--first-page {
6266
- margin: 0 0.4287245445rem 0 0;
6107
+ margin: 0 spacing 2 0 0;
6267
6108
  }
6268
6109
  .ilo--pagination--first-page::before {
6269
6110
  transform: translate(-50%, -50%) rotate(180deg);
@@ -6349,7 +6190,7 @@ body {
6349
6190
 
6350
6191
  /**
6351
6192
  * Do not edit directly
6352
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
6193
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6353
6194
  */
6354
6195
  /**
6355
6196
  * TOKENS:
@@ -6359,7 +6200,7 @@ body {
6359
6200
  */
6360
6201
  /**
6361
6202
  * Do not edit directly
6362
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
6203
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6363
6204
  */
6364
6205
  /**
6365
6206
  * TOKENS:
@@ -6384,7 +6225,7 @@ body {
6384
6225
  }
6385
6226
  /**
6386
6227
  * Do not edit directly
6387
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
6228
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6388
6229
  */
6389
6230
  /**
6390
6231
  * TOKENS:
@@ -6506,7 +6347,7 @@ body {
6506
6347
  .ilo--profile__size__large .ilo--profile--avatar {
6507
6348
  width: 3.4297963558rem;
6508
6349
  height: 3.4297963558rem;
6509
- margin-inline-end: 0.8038585209rem;
6350
+ margin-inline-end: 0.857449089rem;
6510
6351
  }
6511
6352
  .ilo--profile__size__large .ilo--profile--name {
6512
6353
  font-weight: 700;
@@ -6523,18 +6364,18 @@ body {
6523
6364
  font-size: 14.93px;
6524
6365
  letter-spacing: normal;
6525
6366
  line-height: 20.3px;
6526
- padding-block-start: 1.1254019293rem;
6367
+ padding-block-start: 1.0718113612rem;
6527
6368
  }
6528
6369
  .ilo--profile__size__large .ilo--profile--link {
6529
6370
  font-size: 16px;
6530
6371
  letter-spacing: normal;
6531
6372
  line-height: 23.36px;
6532
- padding-block-start: 1.1254019293rem;
6373
+ padding-block-start: 1.2861736334rem;
6533
6374
  }
6534
6375
 
6535
6376
  /**
6536
6377
  * Do not edit directly
6537
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
6378
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6538
6379
  */
6539
6380
  /**
6540
6381
  * TOKENS:
@@ -6603,7 +6444,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6603
6444
 
6604
6445
  /**
6605
6446
  * Do not edit directly
6606
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
6447
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6607
6448
  */
6608
6449
  /**
6609
6450
  * TOKENS:
@@ -6613,7 +6454,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6613
6454
  */
6614
6455
  /**
6615
6456
  * Do not edit directly
6616
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
6457
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6617
6458
  */
6618
6459
  /**
6619
6460
  * TOKENS:
@@ -6638,7 +6479,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6638
6479
  }
6639
6480
  /**
6640
6481
  * Do not edit directly
6641
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
6482
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6642
6483
  */
6643
6484
  /**
6644
6485
  * TOKENS:
@@ -6648,15 +6489,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6648
6489
  */
6649
6490
  .ilo--read-more--button {
6650
6491
  background: rgba(0, 0, 0, 0);
6651
- border-bottom: 0rem solid rgba(0, 0, 0, 0);
6652
- border-left: 0rem solid rgba(0, 0, 0, 0);
6653
- border-right: 0rem solid rgba(0, 0, 0, 0);
6654
- border-top: 0.1071811361rem solid rgb(237, 240, 242);
6492
+ border: none;
6493
+ border-top: solid 2px rgb(235, 245, 253);
6655
6494
  color: rgb(35, 0, 80);
6656
6495
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
6657
6496
  height: 3.0010718114rem;
6658
- margin: 1.7148981779rem 0rem 0rem 0rem;
6659
- padding: 0.857449089rem 1.6077170418rem 0.857449089rem 0.1071811361rem;
6497
+ margin-top: 1.7148981779rem;
6498
+ padding: 0.857449089rem 1.5005359057rem 0.857449089rem 0rem;
6660
6499
  position: relative;
6661
6500
  text-align: left;
6662
6501
  width: auto;
@@ -6679,10 +6518,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6679
6518
  }
6680
6519
  .ilo--read-more--button:hover {
6681
6520
  background: rgb(235, 245, 253);
6682
- border-bottom: 0rem solid rgba(0, 0, 0, 0);
6683
- border-left: 0rem solid rgba(0, 0, 0, 0);
6684
- border-right: 0rem solid rgba(0, 0, 0, 0);
6685
- border-top: 0.1071811361rem solid rgb(30, 45, 190);
6521
+ border-top: solid 2px rgb(30, 45, 190);
6686
6522
  color: rgb(30, 45, 190);
6687
6523
  cursor: pointer;
6688
6524
  transition-property: color, background-color, border-color;
@@ -6699,7 +6535,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6699
6535
 
6700
6536
  /**
6701
6537
  * Do not edit directly
6702
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
6538
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
6703
6539
  */
6704
6540
  /**
6705
6541
  * TOKENS:
@@ -6847,7 +6683,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6847
6683
  .ilo--richtext hr {
6848
6684
  background-color: rgb(237, 240, 242);
6849
6685
  border: none;
6850
- height: 0.1607717042rem;
6686
+ height: 0.2143622722rem;
6851
6687
  margin-bottom: 3.0010718114rem;
6852
6688
  }
6853
6689
  .ilo--richtext h1,
@@ -6928,7 +6764,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6928
6764
  display: block;
6929
6765
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
6930
6766
  margin: 1.2861736334rem 0 2.1436227224rem 0;
6931
- padding: 2.8938906752rem 0 1.822079314rem 1.7148981779rem;
6767
+ padding: 4.0728831726rem 0 1.9292604502rem 1.7148981779rem;
6932
6768
  position: relative;
6933
6769
  width: 100%;
6934
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");
@@ -7040,7 +6876,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7040
6876
  margin-top: 3.0817323053rem;
7041
6877
  }
7042
6878
  .ilo--richtext hr {
7043
- margin-bottom: 3.4297963558rem;
6879
+ margin-bottom: 4.0728831726rem;
7044
6880
  }
7045
6881
  .ilo--richtext figure {
7046
6882
  width: 100%;
@@ -7048,8 +6884,8 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7048
6884
  }
7049
6885
  .ilo--richtext blockquote {
7050
6886
  background-size: 4.6087888532rem 2.5723472669rem;
7051
- margin: 1.7148981779rem 0 3.4297963558rem 0;
7052
- 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;
7053
6889
  }
7054
6890
  .ilo--richtext blockquote p {
7055
6891
  margin-bottom: 1.2861736334rem;
@@ -7068,57 +6904,54 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7068
6904
  width: 3.4297963558rem;
7069
6905
  }
7070
6906
  }
7071
- .right-to-left .ilo--richtext {
7072
- direction: rtl;
7073
- }
7074
- .right-to-left .ilo--richtext figcaption {
6907
+ [dir=rtl] .ilo--richtext figcaption {
7075
6908
  border-left: none;
7076
6909
  border-right: 3px solid #b8c4cc;
7077
6910
  padding-left: 0;
7078
6911
  padding-right: 0.4287245445rem;
7079
6912
  }
7080
- .right-to-left .ilo--richtext ul li,
7081
- .right-to-left .ilo--richtext ol li {
6913
+ [dir=rtl] .ilo--richtext ul li,
6914
+ [dir=rtl] .ilo--richtext ol li {
7082
6915
  margin-left: 0;
7083
6916
  margin-right: 1.0718113612rem;
7084
6917
  padding-left: 0;
7085
6918
  padding-right: 0.6430868167rem;
7086
6919
  }
7087
- .right-to-left .ilo--richtext ul li {
6920
+ [dir=rtl] .ilo--richtext ul li {
7088
6921
  margin-right: 0.6430868167rem;
7089
6922
  }
7090
- .right-to-left .ilo--richtext ul li::before {
6923
+ [dir=rtl] .ilo--richtext ul li::before {
7091
6924
  left: auto;
7092
6925
  right: -0.6430868167rem;
7093
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");
7094
6927
  }
7095
- .right-to-left .ilo--richtext blockquote {
6928
+ [dir=rtl] .ilo--richtext blockquote {
7096
6929
  background-position: -1px -1px;
7097
- padding: 2.8938906752rem 1.7148981779rem 1.822079314rem 0;
6930
+ padding: 3.0010718114rem 1.7148981779rem 1.9292604502rem 0;
7098
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");
7099
6932
  }
7100
- .right-to-left .ilo--richtext blockquote p {
6933
+ [dir=rtl] .ilo--richtext blockquote p {
7101
6934
  padding: 0 0 0 2.5723472669rem;
7102
6935
  }
7103
- .right-to-left .ilo--richtext blockquote p:after {
6936
+ [dir=rtl] .ilo--richtext blockquote p:after {
7104
6937
  left: 0;
7105
6938
  right: auto;
7106
6939
  transform: scaleX(1);
7107
6940
  }
7108
- .right-to-left .ilo--richtext blockquote:before {
6941
+ [dir=rtl] .ilo--richtext blockquote:before {
7109
6942
  left: auto;
7110
6943
  right: 0;
7111
6944
  transform: scaleX(-1);
7112
6945
  }
7113
6946
  @media screen and (min-width: 610px) {
7114
- .right-to-left .ilo--richtext blockquote {
7115
- padding: 3.3226152197rem 2.5723472669rem 2.5723472669rem 0;
6947
+ [dir=rtl] .ilo--richtext blockquote {
6948
+ padding: 3.2154340836rem 2.5723472669rem 2.5723472669rem 0;
7116
6949
  }
7117
6950
  }
7118
6951
 
7119
6952
  /**
7120
6953
  * Do not edit directly
7121
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
6954
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7122
6955
  */
7123
6956
  /**
7124
6957
  * TOKENS:
@@ -7136,13 +6969,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7136
6969
  background-color: rgb(237, 240, 242);
7137
6970
  background-position: center center;
7138
6971
  background-repeat: no-repeat;
7139
- background-size: 24px 24px;
6972
+ background-size: 1.2861736334rem 1.2861736334rem;
7140
6973
  border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
7141
6974
  border-left: 0rem solid rgb(184, 196, 204);
7142
6975
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
7143
6976
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
7144
- height: 48px;
7145
- width: 46px;
6977
+ height: 2.5723472669rem;
6978
+ width: 2.4651661308rem;
7146
6979
  text-indent: -9999px;
7147
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");
7148
6981
  }
@@ -7162,17 +6995,14 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7162
6995
  opacity: 0.45;
7163
6996
  pointer-events: none;
7164
6997
  }
7165
- .right-to-left .ilo--searchfield {
7166
- direction: rtl;
7167
- }
7168
- .right-to-left .ilo--searchfield .ilo--searchfield--button {
7169
- 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);
7170
7000
  border-right: 0 solid rgb(184, 196, 204);
7171
7001
  }
7172
7002
 
7173
7003
  /**
7174
7004
  * Do not edit directly
7175
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
7005
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7176
7006
  */
7177
7007
  /**
7178
7008
  * TOKENS:
@@ -7240,8 +7070,8 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7240
7070
  display: flex;
7241
7071
  height: 3.2154340836rem;
7242
7072
  justify-content: flex-start;
7243
- padding-left: 8px;
7244
- padding-right: 24px;
7073
+ padding-left: 0.4287245445rem;
7074
+ padding-right: 1.2861736334rem;
7245
7075
  text-decoration: none;
7246
7076
  font-size: 16px;
7247
7077
  letter-spacing: -0.02em;
@@ -7325,13 +7155,10 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7325
7155
  width: min(var(--tabscount) / 1 * 100%, 100%);
7326
7156
  }
7327
7157
  }
7328
- .right-to-left .ilo--tabs {
7329
- direction: rtl;
7330
- }
7331
7158
 
7332
7159
  /**
7333
7160
  * Do not edit directly
7334
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
7161
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7335
7162
  */
7336
7163
  /**
7337
7164
  * TOKENS:
@@ -7341,13 +7168,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7341
7168
  */
7342
7169
  .ilo--table {
7343
7170
  background-color: rgb(190, 220, 250);
7344
- padding: 80px 80px 80px 80px;
7171
+ padding: 4.2872454448rem;
7345
7172
  position: relative;
7346
7173
  }
7347
7174
  .ilo--table--header {
7348
7175
  background-color: rgb(255, 255, 255);
7349
7176
  border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
7350
- padding: 19px 8px 18px 8px;
7177
+ padding: 0.857449089rem 0.4287245445rem 1.0718113612rem 0.4287245445rem;
7351
7178
  }
7352
7179
  .ilo--table--wrapper {
7353
7180
  max-height: 380px;
@@ -7379,12 +7206,12 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7379
7206
  letter-spacing: normal;
7380
7207
  line-height: 20.3px;
7381
7208
  letter-spacing: -0.02em;
7382
- padding: 18px 36px 18px 6px;
7209
+ padding: 0.857449089rem 0.4287245445rem;
7383
7210
  pointer-events: none;
7384
7211
  text-align: left;
7385
7212
  }
7386
7213
  .ilo--table--small .ilo--table--head--cell {
7387
- padding: 10px 36px 10px 7px;
7214
+ padding: 0.4287245445rem;
7388
7215
  }
7389
7216
  .ilo--table--head--cell:first-of-type {
7390
7217
  border-left: none;
@@ -7436,11 +7263,11 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7436
7263
  letter-spacing: normal;
7437
7264
  line-height: 20.3px;
7438
7265
  outline: 0;
7439
- padding: 22px 11px 22px 11px;
7266
+ padding: 0.857449089rem 0.4287245445rem 1.0718113612rem;
7440
7267
  position: relative;
7441
7268
  }
7442
7269
  .ilo--table--small .ilo--table--body--cell {
7443
- padding: 13px 11px 13px 11px;
7270
+ padding: 0.6430868167rem 0.4287245445rem;
7444
7271
  }
7445
7272
  .ilo--table--body--cell:first-of-type {
7446
7273
  border-left: none;
@@ -7556,13 +7383,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7556
7383
  display: flex;
7557
7384
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
7558
7385
  font-weight: 700;
7559
- margin-bottom: 0.3751339764rem;
7386
+ margin-bottom: 0.4287245445rem;
7560
7387
  font-size: 18.66px;
7561
7388
  letter-spacing: -0.035em;
7562
7389
  line-height: 24.26px;
7563
7390
  }
7564
7391
  .ilo--table--headline .ilo--tooltip--wrapper {
7565
- margin-left: 0.3215434084rem;
7392
+ margin-left: 0.2143622722rem;
7566
7393
  }
7567
7394
  .ilo--table--description {
7568
7395
  color: rgb(109, 109, 109);
@@ -7682,7 +7509,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7682
7509
 
7683
7510
  /**
7684
7511
  * Do not edit directly
7685
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
7512
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7686
7513
  */
7687
7514
  /**
7688
7515
  * TOKENS:
@@ -7712,7 +7539,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7712
7539
  .ilo--table-of-contents--headline {
7713
7540
  border-bottom: 0.1607717042rem solid rgb(237, 240, 242);
7714
7541
  margin-bottom: 1.2861736334rem;
7715
- margin-top: 0.4823151125rem;
7542
+ margin-top: 0.4287245445rem;
7716
7543
  font-size: 18.66px;
7717
7544
  letter-spacing: normal;
7718
7545
  line-height: 27.24px;
@@ -7724,7 +7551,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7724
7551
  display: block;
7725
7552
  height: 100vh;
7726
7553
  left: 0;
7727
- padding: 1.3933547696rem;
7554
+ padding: 1.2861736334rem;
7728
7555
  position: fixed;
7729
7556
  top: 0;
7730
7557
  width: 100vw;
@@ -7799,16 +7626,16 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7799
7626
  background-position: calc(100% - 11px) center;
7800
7627
  background-repeat: no-repeat;
7801
7628
  background-size: 1.2861736334rem 1.2861736334rem;
7802
- border-bottom: rgb(255, 255, 255) 2px solid;
7629
+ border-bottom: rgb(255, 255, 255) 0.1071811361rem solid;
7803
7630
  color: rgb(35, 0, 80);
7804
7631
  display: block;
7805
7632
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
7806
7633
  font-weight: 500;
7807
- margin: 0 8px 0 8px;
7808
- padding: 18px 10px 18px 10px;
7634
+ margin: 0 0.4287245445rem 0 0.4287245445rem;
7635
+ padding: 0.857449089rem 0.4287245445rem 0.857449089rem;
7809
7636
  position: relative;
7810
7637
  text-decoration: none;
7811
- width: calc(100% - 8px - 8px);
7638
+ width: calc(100% - 16px);
7812
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");
7813
7640
  font-size: 16px;
7814
7641
  letter-spacing: -0.02em;
@@ -7819,12 +7646,12 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7819
7646
  }
7820
7647
  .ilo--table-of-contents--link:hover, .ilo--table-of-contents--link:focus {
7821
7648
  background-color: rgb(235, 245, 253);
7822
- border-bottom: rgb(30, 45, 190) 2px solid;
7649
+ border-bottom: rgb(30, 45, 190) 0.1071811361rem solid;
7823
7650
  background-position: calc(100% - 19px) center;
7824
7651
  color: rgb(30, 45, 190);
7825
7652
  margin: 0;
7826
7653
  outline: none;
7827
- padding: 18px 18px 18px 18px;
7654
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem;
7828
7655
  width: 100%;
7829
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");
7830
7657
  transition-property: background-color, border, color;
@@ -7833,12 +7660,12 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7833
7660
  }
7834
7661
  .ilo--table-of-contents--link:active {
7835
7662
  background-color: rgb(255, 255, 255);
7836
- border-bottom: rgb(35, 0, 80) 2px solid;
7837
- 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;
7838
7665
  color: rgb(35, 0, 80);
7839
7666
  margin: -2px 0 0 0;
7840
7667
  outline: none;
7841
- padding: 18px 18px 18px 18px;
7668
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem;
7842
7669
  width: 100%;
7843
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");
7844
7671
  z-index: 5;
@@ -7847,28 +7674,22 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7847
7674
  border-bottom: none;
7848
7675
  }
7849
7676
  .ilo--table-of-contents--list--item:last-of-type .ilo--table-of-contents--link:hover {
7850
- border-bottom: rgb(30, 45, 190) 2px solid;
7851
- }
7852
- .right-to-left .ilo--table-of-contents {
7853
- direction: rtl;
7677
+ border-bottom: rgb(30, 45, 190) 0.1071811361rem solid;
7854
7678
  }
7855
- .right-to-left .ilo--table-of-contents .ilo--table-of-contents--link {
7679
+ [dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link {
7856
7680
  background-position: 11px center;
7857
7681
  }
7858
- .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 {
7859
7683
  background-position: 19px center;
7860
7684
  }
7861
- .right-to-left .ilo--table-of-contents--wrapper {
7862
- direction: rtl;
7863
- }
7864
- .right-to-left .ilo--table-of-contents--modal .toc--modal--close {
7685
+ [dir=rtl] .ilo--table-of-contents--modal .toc--modal--close {
7865
7686
  left: 0;
7866
7687
  right: auto;
7867
7688
  }
7868
7689
 
7869
7690
  /**
7870
7691
  * Do not edit directly
7871
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
7692
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7872
7693
  */
7873
7694
  /**
7874
7695
  * TOKENS:
@@ -7892,13 +7713,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7892
7713
  letter-spacing: -0.02em;
7893
7714
  line-height: 21.6px;
7894
7715
  height: 2.5723472669rem;
7895
- margin: 0rem 0rem 0rem 0rem;
7716
+ margin: 0rem;
7896
7717
  max-width: 100%;
7897
7718
  min-height: 6.4308681672rem;
7898
7719
  min-width: 100%;
7899
7720
  outline: none;
7900
7721
  position: relative;
7901
- padding: 0.857449089rem 0.6430868167rem 0.857449089rem 0.6430868167rem;
7722
+ padding: 0.857449089rem 0.6430868167rem;
7902
7723
  width: 100%;
7903
7724
  }
7904
7725
  .ilo--textarea:focus {
@@ -7907,7 +7728,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7907
7728
  border-left: 0.1607717042rem solid rgb(30, 45, 190);
7908
7729
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
7909
7730
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
7910
- padding-left: 11px;
7731
+ padding-left: 0.6430868167rem;
7911
7732
  }
7912
7733
  .ilo--textarea:disabled {
7913
7734
  opacity: 0.45;
@@ -7920,13 +7741,10 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7920
7741
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
7921
7742
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
7922
7743
  }
7923
- .right-to-left .ilo--textarea {
7924
- direction: rtl;
7925
- }
7926
7744
 
7927
7745
  /**
7928
7746
  * Do not edit directly
7929
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
7747
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
7930
7748
  */
7931
7749
  /**
7932
7750
  * TOKENS:
@@ -7937,12 +7755,9 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7937
7755
  .ilo--tag-set {
7938
7756
  list-style: none;
7939
7757
  }
7940
- .right-to-left .ilo--tag-set {
7941
- direction: rtl;
7942
- }
7943
7758
  .ilo--tag-set__item {
7944
7759
  display: inline-block;
7945
- margin: 3px;
7760
+ margin: 0.2143622722rem;
7946
7761
  }
7947
7762
 
7948
7763
  .ilo--tag {
@@ -7955,7 +7770,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7955
7770
  display: inline-block;
7956
7771
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
7957
7772
  font-weight: 500;
7958
- padding: 0.3751339764rem 0.6430868167rem 0.2679528403rem 0.6430868167rem;
7773
+ padding: 0.4287245445rem 0.6430868167rem;
7959
7774
  text-decoration: none;
7960
7775
  transition-property: color, background-color, border-color;
7961
7776
  transition-duration: 150ms;
@@ -8006,7 +7821,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8006
7821
  cursor: pointer;
8007
7822
  display: none;
8008
7823
  opacity: 0;
8009
- padding-right: 36px;
7824
+ padding-right: 1.9292604502rem;
8010
7825
  position: relative;
8011
7826
  visibility: hidden;
8012
7827
  }
@@ -8104,7 +7919,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8104
7919
 
8105
7920
  /**
8106
7921
  * Do not edit directly
8107
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
7922
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
8108
7923
  */
8109
7924
  /**
8110
7925
  * TOKENS:
@@ -8128,9 +7943,9 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8128
7943
  letter-spacing: -0.02em;
8129
7944
  line-height: 21.6px;
8130
7945
  height: 2.5723472669rem;
8131
- margin: 0rem 0rem 0rem 0rem;
7946
+ margin: 0rem;
8132
7947
  outline: none;
8133
- padding: 0.857449089rem 0.6430868167rem 0.857449089rem 0.6430868167rem;
7948
+ padding: 0.857449089rem 0.6430868167rem;
8134
7949
  width: 100%;
8135
7950
  }
8136
7951
  .ilo--text-input:focus {
@@ -8139,7 +7954,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8139
7954
  border-left: 0.1607717042rem solid rgb(30, 45, 190);
8140
7955
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
8141
7956
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
8142
- padding-left: 11px;
7957
+ padding-left: 0.6430868167rem;
8143
7958
  outline: none;
8144
7959
  }
8145
7960
  .ilo--text-input:disabled {
@@ -8148,14 +7963,6 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8148
7963
  }
8149
7964
  .ilo--text-input:invalid, .ilo--text-input__error {
8150
7965
  background-color: rgb(255, 255, 255);
8151
- }
8152
- .ilo--text-input:invalid {
8153
- border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
8154
- border-left: 0.1607717042rem solid rgb(255, 205, 45);
8155
- border-right: 0.1071811361rem solid rgb(184, 196, 204);
8156
- border-top: 0.1071811361rem solid rgb(184, 196, 204);
8157
- }
8158
- .ilo--text-input__error {
8159
7966
  border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
8160
7967
  border-left: 0.1607717042rem solid rgb(200, 48, 60);
8161
7968
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
@@ -8164,7 +7971,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8164
7971
 
8165
7972
  /**
8166
7973
  * Do not edit directly
8167
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
7974
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
8168
7975
  */
8169
7976
  /**
8170
7977
  * TOKENS:
@@ -8174,7 +7981,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
8174
7981
  */
8175
7982
  /**
8176
7983
  * Do not edit directly
8177
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
7984
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
8178
7985
  */
8179
7986
  /**
8180
7987
  * TOKENS:
@@ -8276,7 +8083,7 @@ input:checked + .ilo--input--toggle--slider:before {
8276
8083
 
8277
8084
  /**
8278
8085
  * Do not edit directly
8279
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
8086
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
8280
8087
  */
8281
8088
  /**
8282
8089
  * TOKENS:
@@ -8295,7 +8102,7 @@ input:checked + .ilo--input--toggle--slider:before {
8295
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));
8296
8103
  color: rgb(45, 45, 45);
8297
8104
  opacity: 0;
8298
- padding: 0.4287245445rem 0.6430868167rem;
8105
+ padding: 0.4287245445rem 0.857449089rem 0.6430868167rem;
8299
8106
  position: absolute;
8300
8107
  visibility: hidden;
8301
8108
  width: auto;
@@ -8335,7 +8142,7 @@ input:checked + .ilo--input--toggle--slider:before {
8335
8142
  border-style: solid;
8336
8143
  border-width: 0;
8337
8144
  height: 0;
8338
- margin-top: -7px;
8145
+ margin-top: -0.3751339764rem;
8339
8146
  position: absolute;
8340
8147
  width: 0;
8341
8148
  }
@@ -8345,10 +8152,10 @@ input:checked + .ilo--input--toggle--slider:before {
8345
8152
  }
8346
8153
  .ilo--tooltip--alignment-top .ilo--tooltip--arrow {
8347
8154
  border-top-color: rgb(255, 255, 255);
8348
- border-width: 12px 7px 0 7px;
8349
- bottom: -12px;
8155
+ border-width: 0.6430868167rem 0.3751339764rem 0 0.3751339764rem;
8156
+ bottom: -0.6430868167rem;
8350
8157
  left: 50%;
8351
- margin-left: -7px;
8158
+ margin-left: -0.3751339764rem;
8352
8159
  top: auto;
8353
8160
  }
8354
8161
  .ilo--tooltip--alignment-top .ilo--tooltip--arrow--placement-negative {
@@ -8363,13 +8170,13 @@ input:checked + .ilo--input--toggle--slider:before {
8363
8170
  }
8364
8171
  .ilo--tooltip--alignment-right {
8365
8172
  left: calc(100% + 32px);
8366
- top: calc(50% - 7px);
8173
+ top: calc(50% - 0.3751339764rem);
8367
8174
  }
8368
8175
  .ilo--tooltip--alignment-right .ilo--tooltip--arrow {
8369
8176
  border-right-color: rgb(255, 255, 255);
8370
- border-width: 7px 12px 7px 0;
8177
+ border-width: 0.3751339764rem 0.6430868167rem 0.3751339764rem 0;
8371
8178
  left: 0;
8372
- margin-left: -12px;
8179
+ margin-left: -0.6430868167rem;
8373
8180
  top: 50%;
8374
8181
  }
8375
8182
  .ilo--tooltip--alignment-right .ilo--tooltip--arrow--placement-negative {
@@ -8385,14 +8192,14 @@ input:checked + .ilo--input--toggle--slider:before {
8385
8192
  }
8386
8193
  .ilo--tooltip--alignment-left {
8387
8194
  right: calc(100% + 32px);
8388
- top: calc(50% - 7px);
8195
+ top: calc(50% - 0.3751339764rem);
8389
8196
  }
8390
8197
  .ilo--tooltip--alignment-left .ilo--tooltip--arrow {
8391
8198
  border-left-color: rgb(255, 255, 255);
8392
- border-width: 7px 0 7px 12px;
8199
+ border-width: 0.3751339764rem 0 0.3751339764rem 0.6430868167rem;
8393
8200
  left: auto;
8394
- margin-top: -7px;
8395
- right: -12px;
8201
+ margin-top: -0.3751339764rem;
8202
+ right: -0.6430868167rem;
8396
8203
  top: 50%;
8397
8204
  }
8398
8205
  .ilo--tooltip--alignment-left .ilo--tooltip--arrow--placement-negative {
@@ -8408,13 +8215,13 @@ input:checked + .ilo--input--toggle--slider:before {
8408
8215
  }
8409
8216
  .ilo--tooltip--alignment-bottom {
8410
8217
  left: 0;
8411
- top: calc(100% + 12px);
8218
+ top: calc(100% + 0.6430868167rem);
8412
8219
  }
8413
8220
  .ilo--tooltip--alignment-bottom .ilo--tooltip--arrow {
8414
- border-width: 0 7px 12px 7px;
8221
+ border-width: 0 0.3751339764rem 0.6430868167rem 0.3751339764rem;
8415
8222
  left: 50%;
8416
- margin-left: -7px;
8417
- margin-top: -12px;
8223
+ margin-left: -0.3751339764rem;
8224
+ margin-top: -0.6430868167rem;
8418
8225
  top: 0;
8419
8226
  border-bottom-color: rgb(255, 255, 255);
8420
8227
  }
@@ -8451,7 +8258,7 @@ input:checked + .ilo--input--toggle--slider:before {
8451
8258
 
8452
8259
  /**
8453
8260
  * Do not edit directly
8454
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
8261
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
8455
8262
  */
8456
8263
  /**
8457
8264
  * TOKENS:
@@ -8472,7 +8279,7 @@ input:checked + .ilo--input--toggle--slider:before {
8472
8279
  line-height: 0;
8473
8280
  }
8474
8281
  .ilo--video--caption {
8475
- border-left: 3px solid rgb(184, 196, 204);
8282
+ border-left: 0.1607717042rem solid rgb(184, 196, 204);
8476
8283
  color: rgb(109, 109, 109);
8477
8284
  font-weight: 400;
8478
8285
  margin-top: 0.857449089rem;
@@ -8566,9 +8373,13 @@ input:checked + .ilo--input--toggle--slider:before {
8566
8373
  .ilo--video .vjs-control-bar.notplayed {
8567
8374
  flex-direction: column;
8568
8375
  height: 122px;
8569
- width: 2.5723472669rem;
8376
+ width: 0.2143622722rem;
8570
8377
  }
8571
8378
  }
8379
+ [dir=rtl] .ilo--video--controls,
8380
+ [dir=rtl] .ilo--video .vjs-control-bar {
8381
+ justify-content: flex-end;
8382
+ }
8572
8383
  .ilo--video--controls button span,
8573
8384
  .ilo--video .vjs-control-bar button span {
8574
8385
  width: 1px;
@@ -8592,7 +8403,7 @@ input:checked + .ilo--input--toggle--slider:before {
8592
8403
  cursor: pointer;
8593
8404
  height: 100%;
8594
8405
  order: 1;
8595
- width: 40px;
8406
+ width: 2.1436227224rem;
8596
8407
  -webkit-appearance: none;
8597
8408
  -moz-appearance: none;
8598
8409
  }
@@ -8622,7 +8433,7 @@ input:checked + .ilo--input--toggle--slider:before {
8622
8433
  .ilo--video .vjs-control-bar .vjs-big-play-button {
8623
8434
  background-position: center center;
8624
8435
  background-repeat: no-repeat;
8625
- background-size: 48px 48px;
8436
+ background-size: 2.5723472669rem 2.5723472669rem;
8626
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");
8627
8438
  }
8628
8439
  .ilo--video--controls--play.ilo--video--controls--play--hovered, .ilo--video--controls--play:hover, .ilo--video--controls--play:focus,
@@ -8644,7 +8455,7 @@ input:checked + .ilo--input--toggle--slider:before {
8644
8455
  background-color: rgb(235, 245, 253);
8645
8456
  background-position: center center;
8646
8457
  background-repeat: no-repeat;
8647
- background-size: 48px 48px;
8458
+ background-size: 2.5723472669rem 2.5723472669rem;
8648
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");
8649
8460
  }
8650
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,
@@ -8681,32 +8492,47 @@ input:checked + .ilo--input--toggle--slider:before {
8681
8492
  background-color: rgb(235, 245, 253);
8682
8493
  color: rgb(30, 45, 190);
8683
8494
  }
8684
- .ilo--video--controls--play.vjs-paused,
8495
+ .ilo--video--controls--play.vjs-paused, .ilo--video--controls--play.vjs-ended,
8685
8496
  .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused,
8497
+ .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended,
8686
8498
  .ilo--video--controls .vjs-big-play-button.vjs-paused,
8499
+ .ilo--video--controls .vjs-big-play-button.vjs-ended,
8687
8500
  .ilo--video .vjs-control-bar--play.vjs-paused,
8501
+ .ilo--video .vjs-control-bar--play.vjs-ended,
8688
8502
  .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused,
8689
- .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 {
8690
8506
  background-position: center center;
8691
8507
  background-repeat: no-repeat;
8692
- background-size: 24px 24px;
8508
+ background-size: 1.2861736334rem 1.2861736334rem;
8693
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");
8694
8510
  }
8695
- .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,
8696
8512
  .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8697
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,
8698
8516
  .ilo--video--controls .vjs-big-play-button.vjs-paused:hover,
8699
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,
8700
8520
  .ilo--video .vjs-control-bar--play.vjs-paused:hover,
8701
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,
8702
8524
  .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8703
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,
8704
8528
  .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:hover,
8705
- .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 {
8706
8532
  background-color: rgb(235, 245, 253);
8707
8533
  background-position: center center;
8708
8534
  background-repeat: no-repeat;
8709
- background-size: 24px 24px;
8535
+ background-size: 1.2861736334rem 1.2861736334rem;
8710
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");
8711
8537
  }
8712
8538
  .ilo--video--controls:not(.notplayed) .ilo--video--controls--play,
@@ -8719,7 +8545,7 @@ input:checked + .ilo--input--toggle--slider:before {
8719
8545
  .ilo--video .vjs-control-bar .vjs-playing {
8720
8546
  background-position: center center;
8721
8547
  background-repeat: no-repeat;
8722
- background-size: 24px 24px;
8548
+ background-size: 1.2861736334rem 1.2861736334rem;
8723
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");
8724
8550
  }
8725
8551
  .ilo--video--controls--pause:hover, .ilo--video--controls--pause:focus,
@@ -8732,7 +8558,7 @@ input:checked + .ilo--input--toggle--slider:before {
8732
8558
  background-color: rgb(235, 245, 253);
8733
8559
  background-position: center center;
8734
8560
  background-repeat: no-repeat;
8735
- background-size: 24px 24px;
8561
+ background-size: 1.2861736334rem 1.2861736334rem;
8736
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");
8737
8563
  }
8738
8564
  .ilo--video--controls--duration,
@@ -8744,9 +8570,9 @@ input:checked + .ilo--input--toggle--slider:before {
8744
8570
  display: none;
8745
8571
  height: 100%;
8746
8572
  font-weight: 700;
8747
- margin-left: 2px;
8573
+ margin-left: 0.1071811361rem;
8748
8574
  order: 2;
8749
- padding-top: 9px;
8575
+ padding-top: 0.4823151125rem;
8750
8576
  text-align: center;
8751
8577
  width: 4.2872454448rem;
8752
8578
  font-size: 14.93px;
@@ -8779,7 +8605,7 @@ input:checked + .ilo--input--toggle--slider:before {
8779
8605
  background-color: rgb(235, 245, 253);
8780
8606
  background-position: center center;
8781
8607
  background-repeat: no-repeat;
8782
- background-size: 48px 48px;
8608
+ background-size: 2.5723472669rem 2.5723472669rem;
8783
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");
8784
8610
  }
8785
8611
  .ilo--video--controls--duration.show,
@@ -9122,7 +8948,7 @@ input:checked + .ilo--input--toggle--slider:before {
9122
8948
  -moz-appearance: none;
9123
8949
  background-position: center center;
9124
8950
  background-repeat: no-repeat;
9125
- background-size: 24px 24px;
8951
+ background-size: 1.2861736334rem 1.2861736334rem;
9126
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");
9127
8953
  }
9128
8954
  .ilo--video--controls--showvolume:hover, .ilo--video--controls--showvolume:focus,
@@ -9135,7 +8961,7 @@ input:checked + .ilo--input--toggle--slider:before {
9135
8961
  background-color: rgb(235, 245, 253);
9136
8962
  background-position: center center;
9137
8963
  background-repeat: no-repeat;
9138
- background-size: 24px 24px;
8964
+ background-size: 1.2861736334rem 1.2861736334rem;
9139
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");
9140
8966
  }
9141
8967
  .ilo--video--controls--showvolume.muted, .ilo--video--controls--showvolume[title=Unmute],
@@ -9147,7 +8973,7 @@ input:checked + .ilo--input--toggle--slider:before {
9147
8973
  .ilo--video .vjs-control-bar .vjs-mute-control[title=Unmute] {
9148
8974
  background-position: center center;
9149
8975
  background-repeat: no-repeat;
9150
- background-size: 24px 24px;
8976
+ background-size: 1.2861736334rem 1.2861736334rem;
9151
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");
9152
8978
  }
9153
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,
@@ -9166,7 +8992,7 @@ input:checked + .ilo--input--toggle--slider:before {
9166
8992
  background-color: #ebf5fd;
9167
8993
  background-position: center center;
9168
8994
  background-repeat: no-repeat;
9169
- background-size: 24px 24px;
8995
+ background-size: 1.2861736334rem 1.2861736334rem;
9170
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");
9171
8997
  }
9172
8998
  .ilo--video--controls--setvolume,
@@ -9289,7 +9115,7 @@ input:checked + .ilo--input--toggle--slider:before {
9289
9115
  -moz-appearance: none;
9290
9116
  background-position: center center;
9291
9117
  background-repeat: no-repeat;
9292
- background-size: 24px 24px;
9118
+ background-size: 1.2861736334rem 1.2861736334rem;
9293
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");
9294
9120
  }
9295
9121
  .ilo--video--controls--fullscreen:hover, .ilo--video--controls--fullscreen:focus,
@@ -9302,7 +9128,7 @@ input:checked + .ilo--input--toggle--slider:before {
9302
9128
  background-color: #ebf5fd;
9303
9129
  background-position: center center;
9304
9130
  background-repeat: no-repeat;
9305
- background-size: 24px 24px;
9131
+ background-size: 1.2861736334rem 1.2861736334rem;
9306
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");
9307
9133
  }
9308
9134
  .ilo--video--controls--fullscreen.show,
@@ -9330,6 +9156,10 @@ input:checked + .ilo--input--toggle--slider:before {
9330
9156
  left: 0;
9331
9157
  width: 80px;
9332
9158
  }
9159
+ [dir=rtl] .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
9160
+ left: auto;
9161
+ right: 0;
9162
+ }
9333
9163
  }
9334
9164
  .ilo--video--element:not(.vjs-has-started) .vjs-duration {
9335
9165
  display: block;
@@ -9381,21 +9211,20 @@ input:checked + .ilo--input--toggle--slider:before {
9381
9211
  position: relative;
9382
9212
  }
9383
9213
 
9384
- .right-to-left .ilo--video--caption {
9214
+ [dir=rtl] .ilo--video--caption {
9385
9215
  border-left: none;
9386
9216
  border-right: 3px solid #b8c4cc;
9387
- direction: rtl;
9388
9217
  padding-left: 0;
9389
9218
  padding-right: 0.4287245445rem;
9390
9219
  }
9391
- .right-to-left .ilo--credit {
9220
+ [dir=rtl] .ilo--credit {
9392
9221
  left: auto;
9393
9222
  right: 0;
9394
9223
  }
9395
9224
 
9396
9225
  /**
9397
9226
  * Do not edit directly
9398
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
9227
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
9399
9228
  */
9400
9229
  /**
9401
9230
  * TOKENS:
@@ -9405,7 +9234,7 @@ input:checked + .ilo--input--toggle--slider:before {
9405
9234
  */
9406
9235
  /**
9407
9236
  * Do not edit directly
9408
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
9237
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
9409
9238
  */
9410
9239
  /**
9411
9240
  * TOKENS:
@@ -9430,7 +9259,7 @@ input:checked + .ilo--input--toggle--slider:before {
9430
9259
  }
9431
9260
  /**
9432
9261
  * Do not edit directly
9433
- * Generated on Wed, 15 Nov 2023 14:59:52 GMT
9262
+ * Generated on Tue, 05 Dec 2023 09:46:34 GMT
9434
9263
  */
9435
9264
  /**
9436
9265
  * TOKENS:
@@ -9443,21 +9272,12 @@ input:checked + .ilo--input--toggle--slider:before {
9443
9272
  flex-flow: column nowrap;
9444
9273
  align-items: flex-start;
9445
9274
  }
9275
+ .ilo--social-media [dir=rtl] {
9276
+ align-items: flex-end;
9277
+ }
9446
9278
  .ilo--social-media__justify__center {
9447
9279
  align-items: center;
9448
9280
  }
9449
- .right-to-left .ilo--social-media {
9450
- direction: rtl;
9451
- }
9452
- .right-to-left .ilo--social-media .social--links {
9453
- flex-direction: row-reverse;
9454
- }
9455
- .right-to-left .ilo--social-media .ilo--social-media--list--item--icon {
9456
- text-indent: 999px;
9457
- }
9458
- .right-to-left .ilo--social-media * {
9459
- text-align: right;
9460
- }
9461
9281
  .ilo--social-media--headline {
9462
9282
  color: rgb(35, 0, 80);
9463
9283
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
@@ -9473,7 +9293,7 @@ input:checked + .ilo--input--toggle--slider:before {
9473
9293
  .ilo--social-media--list {
9474
9294
  display: inline-flex;
9475
9295
  flex-flow: row wrap;
9476
- gap: 22px;
9296
+ gap: 0.857449089rem;
9477
9297
  }
9478
9298
  .ilo--social-media--list--item {
9479
9299
  display: inline-block;