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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (112) hide show
  1. package/build/css/components/index.css +574 -820
  2. package/build/css/components/index.css.map +1 -1
  3. package/build/css/global.css +1 -1
  4. package/build/css/global.css.map +1 -1
  5. package/build/css/index.css +574 -820
  6. package/build/css/index.css.map +1 -1
  7. package/build/css/monorepo.css +574 -820
  8. package/build/css/monorepo.css.map +1 -1
  9. package/build/minified/index.css +1 -1
  10. package/build/minified/index.css.map +1 -1
  11. package/build/minified/monorepo.css +1 -1
  12. package/build/minified/monorepo.css.map +1 -1
  13. package/css/components/accordion.css +1 -1
  14. package/css/components/breadcrumb.css +1 -1
  15. package/css/components/button.css +1 -1
  16. package/css/components/callout.css +1 -1
  17. package/css/components/card.css +1 -1
  18. package/css/components/cardgroup.css +1 -1
  19. package/css/components/checkbox.css +1 -1
  20. package/css/components/credit.css +1 -1
  21. package/css/components/datacard.css +1 -1
  22. package/css/components/datepicker.css +1 -1
  23. package/css/components/detailcard.css +1 -1
  24. package/css/components/dropdown.css +1 -1
  25. package/css/components/factlistcard.css +1 -1
  26. package/css/components/featurecard.css +1 -1
  27. package/css/components/fieldset.css +1 -1
  28. package/css/components/file-upload.css +1 -1
  29. package/css/components/footer.css +1 -1
  30. package/css/components/form.css +1 -1
  31. package/css/components/formcontrol.css +1 -1
  32. package/css/components/hero.css +1 -1
  33. package/css/components/herocard.css +1 -1
  34. package/css/components/image.css +1 -1
  35. package/css/components/input.css +1 -1
  36. package/css/components/linklist.css +1 -1
  37. package/css/components/list.css +1 -1
  38. package/css/components/multilinkcard.css +1 -1
  39. package/css/components/navigation.css +1 -1
  40. package/css/components/notification.css +1 -1
  41. package/css/components/pagination.css +1 -1
  42. package/css/components/profile.css +1 -1
  43. package/css/components/promocard.css +1 -1
  44. package/css/components/readmore.css +1 -1
  45. package/css/components/richtext.css +1 -1
  46. package/css/components/searchfield.css +1 -1
  47. package/css/components/socialmedia.css +1 -1
  48. package/css/components/statcard.css +1 -1
  49. package/css/components/table.css +1 -1
  50. package/css/components/tableofcontents.css +1 -1
  51. package/css/components/tabs.css +1 -1
  52. package/css/components/tag.css +1 -1
  53. package/css/components/textarea.css +1 -1
  54. package/css/components/textcard.css +1 -1
  55. package/css/components/textinput.css +1 -1
  56. package/css/components/tooltip.css +1 -1
  57. package/css/components/video.css +1 -1
  58. package/css/global.css.map +1 -1
  59. package/css/index.css +2 -8
  60. package/css/index.css.map +1 -1
  61. package/css/monorepo.css +2 -8
  62. package/css/monorepo.css.map +1 -1
  63. package/package.json +3 -3
  64. package/scss/_functions.scss +7 -7
  65. package/scss/_mixins.scss +11 -3
  66. package/scss/components/_accordion.scss +12 -11
  67. package/scss/components/_breadcrumb.scss +49 -58
  68. package/scss/components/_button.scss +27 -27
  69. package/scss/components/_callout.scss +10 -9
  70. package/scss/components/_card.scss +4 -15
  71. package/scss/components/_cardgroup.scss +0 -4
  72. package/scss/components/_contextmenu.scss +4 -4
  73. package/scss/components/_credit.scss +1 -1
  74. package/scss/components/_datacard.scss +5 -5
  75. package/scss/components/_datepicker.scss +4 -0
  76. package/scss/components/_detailcard.scss +12 -9
  77. package/scss/components/_dropdown.scss +16 -5
  78. package/scss/components/_factlistcard.scss +4 -17
  79. package/scss/components/_featurecard.scss +11 -7
  80. package/scss/components/_fieldset.scss +6 -2
  81. package/scss/components/_file-upload.scss +4 -7
  82. package/scss/components/_footer.scss +34 -54
  83. package/scss/components/_form.scss +1 -1
  84. package/scss/components/_formcontrol.scss +10 -2
  85. package/scss/components/_hero.scss +64 -138
  86. package/scss/components/_herocard.scss +2 -6
  87. package/scss/components/_image.scss +6 -7
  88. package/scss/components/_input.scss +5 -7
  89. package/scss/components/_linklist.scss +24 -20
  90. package/scss/components/_list.scss +15 -20
  91. package/scss/components/_loading.scss +8 -8
  92. package/scss/components/_multilinkcard.scss +17 -68
  93. package/scss/components/_navigation.scss +44 -57
  94. package/scss/components/_notification.scss +19 -28
  95. package/scss/components/_pagination.scss +6 -12
  96. package/scss/components/_profile.scss +3 -3
  97. package/scss/components/_promocard.scss +24 -72
  98. package/scss/components/_readmore.scss +7 -6
  99. package/scss/components/_richtext.scss +32 -38
  100. package/scss/components/_searchfield.scss +8 -11
  101. package/scss/components/_socialmedia.scss +6 -22
  102. package/scss/components/_statcard.scss +5 -5
  103. package/scss/components/_table.scss +10 -26
  104. package/scss/components/_tableofcontents.scss +19 -50
  105. package/scss/components/_tabs.scss +7 -13
  106. package/scss/components/_tag.scss +3 -8
  107. package/scss/components/_textarea.scss +8 -14
  108. package/scss/components/_textcard.scss +11 -10
  109. package/scss/components/_textinput.scss +5 -14
  110. package/scss/components/_toggle.scss +2 -6
  111. package/scss/components/_tooltip.scss +49 -137
  112. package/scss/components/_video.scss +65 -57
@@ -1,7 +1,7 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
5
5
  */
6
6
  /**
7
7
  * TOKENS:
@@ -11,7 +11,7 @@
11
11
  */
12
12
  /**
13
13
  * Do not edit directly
14
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
14
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
15
15
  */
16
16
  /**
17
17
  * TOKENS:
@@ -19,6 +19,9 @@
19
19
  /**
20
20
  * MAPS:
21
21
  */
22
+ .ilo--accordion {
23
+ margin-right: 0.2143622722rem;
24
+ }
22
25
  .ilo--accordion--button {
23
26
  display: flex;
24
27
  align-items: center;
@@ -26,7 +29,7 @@
26
29
  justify-content: space-between;
27
30
  width: 100%;
28
31
  margin: 0;
29
- padding: 0.9646302251rem 1.9292604502rem 0.9646302251rem 0;
32
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 0;
30
33
  background-color: rgb(255, 255, 255);
31
34
  background-position: calc(100% - 0.3215434084rem) center;
32
35
  background-repeat: no-repeat;
@@ -47,7 +50,7 @@
47
50
  font-size: 18.66px;
48
51
  letter-spacing: -0.035em;
49
52
  line-height: 24.26px;
50
- padding: 1.1254019293rem 1.9292604502rem 1.1254019293rem 0;
53
+ padding: 1.0718113612rem 0.857449089rem 1.0718113612rem 0;
51
54
  }
52
55
  .ilo--accordion--button:hover, .ilo--accordion--button:focus {
53
56
  background-color: rgb(235, 245, 253);
@@ -67,13 +70,13 @@
67
70
  font-size: 16px;
68
71
  letter-spacing: -0.02em;
69
72
  line-height: 21.6px;
70
- padding: 0.9646302251rem 1.9292604502rem 0.9646302251rem 0;
73
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 0;
71
74
  }
72
75
  .ilo--accordion--button--large {
73
76
  font-size: 18.66px;
74
77
  letter-spacing: -0.035em;
75
78
  line-height: 24.26px;
76
- padding: 1.1254019293rem 1.9292604502rem 1.1254019293rem 0;
79
+ padding: 1.0718113612rem 0.857449089rem 1.0718113612rem 0;
77
80
  }
78
81
  }
79
82
  .ilo--accordion--button[aria-expanded=true] {
@@ -82,13 +85,16 @@
82
85
  .ilo--accordion--button[aria-expanded=false] {
83
86
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(35, 0, 80)' d='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
84
87
  }
88
+ [dir=rtl] .ilo--accordion--button {
89
+ background-position: calc(0% + 0.3215434084rem) center;
90
+ }
85
91
  .ilo--accordion--panel {
86
92
  max-height: 0;
87
93
  transition: all 500ms cubic-bezier(0, 1, 0, 1);
88
94
  overflow: hidden;
89
95
  }
90
96
  .ilo--accordion--panel .ilo--accordion--innerpanel {
91
- padding-bottom: 0.6430868167rem;
97
+ padding-bottom: 1.9292604502rem;
92
98
  padding-top: 0.4287245445rem;
93
99
  }
94
100
  .ilo--accordion--panel--open {
@@ -103,7 +109,7 @@
103
109
 
104
110
  /**
105
111
  * Do not edit directly
106
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
112
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
107
113
  */
108
114
  /**
109
115
  * TOKENS:
@@ -128,7 +134,7 @@
128
134
  }
129
135
  /**
130
136
  * Do not edit directly
131
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
137
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
132
138
  */
133
139
  /**
134
140
  * TOKENS:
@@ -147,7 +153,7 @@
147
153
  justify-content: flex-start;
148
154
  padding-block: 0.857449089rem;
149
155
  padding-inline-end: 0;
150
- padding-inline-start: var(--card-padding-start);
156
+ padding-inline-start: var(--breadcrumb-padding);
151
157
  position: relative;
152
158
  }
153
159
  .ilo--breadcrumb--items.context--menu {
@@ -155,19 +161,20 @@
155
161
  }
156
162
  .ilo--breadcrumb--link {
157
163
  align-items: center;
158
- background-position: right 52%;
164
+ background-position: right;
159
165
  background-repeat: no-repeat;
160
166
  color: rgb(35, 0, 80);
161
167
  display: inline-flex;
162
168
  height: 0.857449089rem;
163
- padding: 0 1.2861736334rem 0 0.5359056806rem;
169
+ padding-block: 0;
170
+ padding-inline-start: 0.857449089rem;
171
+ padding-inline-end: 1.2861736334rem;
164
172
  text-decoration: none;
165
173
  text-decoration-thickness: 0.1071811361rem;
166
174
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3e%3cpath fill='rgb(35, 0, 80)' d='M1.73149 16L0.613281 15.1855L5.83848 8L0.613281 0.814495L1.73149 0L7.25349 7.59275C7.33987 7.71097 7.38643 7.85359 7.38643 8C7.38643 8.14641 7.33987 8.28903 7.25349 8.40725L1.73149 16Z'/%3e%3c/svg%3e");
167
175
  }
168
- .right-to-left .ilo--breadcrumb--link {
169
- background-position: 0 52%;
170
- padding: 0 0.5359056806rem 0 1.2861736334rem;
176
+ [dir=rtl] .ilo--breadcrumb--link {
177
+ background-position: left;
171
178
  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");
172
179
  }
173
180
  .ilo--breadcrumb--link--label {
@@ -187,7 +194,7 @@
187
194
  text-decoration-thickness: 0.1071811361rem;
188
195
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3e%3cpath fill='rgb(30, 45, 190)' d='M1.73149 16L0.613281 15.1855L5.83848 8L0.613281 0.814495L1.73149 0L7.25349 7.59275C7.33987 7.71097 7.38643 7.85359 7.38643 8C7.38643 8.14641 7.33987 8.28903 7.25349 8.40725L1.73149 16Z'/%3e%3c/svg%3e");
189
196
  }
190
- .right-to-left .ilo--breadcrumb--link:hover, .right-to-left .ilo--breadcrumb--link:focus {
197
+ [dir=rtl] .ilo--breadcrumb--link:hover, [dir=rtl] .ilo--breadcrumb--link:focus {
191
198
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3e%3cpath fill='rgb(30, 45, 190)' d='M0.7%2c8.4C0.7%2c8.3%2c0.6%2c8.1%2c0.6%2c8s0-0.3%2c0.1-0.4L6.3%2c0l1.1%2c0.8L2.2%2c8l5.2%2c7.2L6.3%2c16L0.7%2c8.4z'/%3e%3c/svg%3e");
192
199
  }
193
200
  .ilo--breadcrumb--item {
@@ -199,11 +206,6 @@
199
206
  align-items: center;
200
207
  display: flex;
201
208
  position: relative;
202
- width: 17px;
203
- }
204
- .ilo--breadcrumb--item.home .ilo--breadcrumb--link {
205
- padding-left: 0;
206
- width: 2.0364415863rem;
207
209
  }
208
210
  .ilo--breadcrumb--item.home .ilo--breadcrumb--link--label {
209
211
  width: 1px;
@@ -227,6 +229,10 @@
227
229
  width: 0.857449089rem;
228
230
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='rgb(35, 0, 80)' d='M15.3877 5.71677L8.43113 0.151551C8.30832 0.0545014 8.15636 0.00170898 7.99983 0.00170898C7.8433 0.00170898 7.69134 0.0545014 7.56853 0.151551L0.612004 5.71677C0.530019 5.78155 0.463681 5.86397 0.417917 5.95791C0.372153 6.05185 0.348138 6.15489 0.347656 6.25938V15.3029C0.347656 15.4874 0.420948 15.6643 0.551408 15.7948C0.681868 15.9252 0.85881 15.9985 1.04331 15.9985H5.91287V10.4333H10.0868V15.9985H14.9564C15.1409 15.9985 15.3178 15.9252 15.4483 15.7948C15.5787 15.6643 15.652 15.4874 15.652 15.3029V6.25938C15.6515 6.15489 15.6275 6.05185 15.5817 5.95791C15.536 5.86397 15.4696 5.78155 15.3877 5.71677Z'/%3e%3c/svg%3e");
229
231
  }
232
+ [dir=rtl] .ilo--breadcrumb--item.home .ilo--breadcrumb--link:before {
233
+ left: initial;
234
+ right: 0;
235
+ }
230
236
  .ilo--breadcrumb--item.home:hover .ilo--breadcrumb--link:before, .ilo--breadcrumb--item.home:focus .ilo--breadcrumb--link:before {
231
237
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='rgb(30, 45, 190)' d='M15.3877 5.71677L8.43113 0.151551C8.30832 0.0545014 8.15636 0.00170898 7.99983 0.00170898C7.8433 0.00170898 7.69134 0.0545014 7.56853 0.151551L0.612004 5.71677C0.530019 5.78155 0.463681 5.86397 0.417917 5.95791C0.372153 6.05185 0.348138 6.15489 0.347656 6.25938V15.3029C0.347656 15.4874 0.420948 15.6643 0.551408 15.7948C0.681868 15.9252 0.85881 15.9985 1.04331 15.9985H5.91287V10.4333H10.0868V15.9985H14.9564C15.1409 15.9985 15.3178 15.9252 15.4483 15.7948C15.5787 15.6643 15.652 15.4874 15.652 15.3029V6.25938C15.6515 6.15489 15.6275 6.05185 15.5817 5.95791C15.536 5.86397 15.4696 5.78155 15.3877 5.71677Z'/%3e%3c/svg%3e");
232
238
  }
@@ -262,7 +268,7 @@
262
268
  width: 0.857449089rem;
263
269
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3e%3cpath fill='rgb(35, 0, 80)' d='M1.73149 16L0.613281 15.1855L5.83848 8L0.613281 0.814495L1.73149 0L7.25349 7.59275C7.33987 7.71097 7.38643 7.85359 7.38643 8C7.38643 8.14641 7.33987 8.28903 7.25349 8.40725L1.73149 16Z'/%3e%3c/svg%3e");
264
270
  }
265
- .right-to-left .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:after {
271
+ [dir=rtl] .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:after {
266
272
  right: auto;
267
273
  left: -7px;
268
274
  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");
@@ -295,7 +301,6 @@
295
301
  content: "";
296
302
  height: 0.6430868167rem;
297
303
  position: absolute;
298
- left: 50%;
299
304
  top: -0.3215434084rem;
300
305
  transform: translateX(-50%) rotate(135deg);
301
306
  width: 0.6430868167rem;
@@ -355,31 +360,23 @@
355
360
  text-decoration: underline;
356
361
  text-decoration-thickness: 0.1071811361rem;
357
362
  }
358
- .right-to-left .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--link {
359
- text-align: center;
363
+ .ilo--breadcrumb--items:after {
364
+ background: linear-gradient(to bottom right, white 50%, transparent 50%);
365
+ content: "";
366
+ display: inline-block;
367
+ height: 47px;
368
+ position: absolute;
369
+ right: -47px;
370
+ top: 0;
371
+ width: 47px;
360
372
  }
361
- @media screen and (min-width: 610px) {
362
- .ilo--breadcrumb--items:after {
363
- background: linear-gradient(to bottom right, white 50%, transparent 50%);
364
- content: "";
365
- display: inline-block;
366
- height: 47px;
367
- position: absolute;
368
- right: -47px;
369
- top: 0;
370
- width: 47px;
371
- }
372
- .right-to-left .ilo--breadcrumb--items:after {
373
- right: auto;
374
- left: -47px;
375
- transform: scaleX(-1);
376
- }
377
- .ilo--breadcrumb--items.context--menu:after {
378
- content: none;
379
- }
373
+ [dir=rtl] .ilo--breadcrumb--items:after {
374
+ right: auto;
375
+ left: -47px;
376
+ transform: scaleX(-1);
380
377
  }
381
- .right-to-left .ilo--breadcrumb {
382
- direction: rtl;
378
+ .ilo--breadcrumb--items.context--menu:after {
379
+ content: none;
383
380
  }
384
381
  .ilo--breadcrumb.storybook {
385
382
  background-color: rgb(184, 196, 204);
@@ -388,7 +385,7 @@
388
385
 
389
386
  /**
390
387
  * Do not edit directly
391
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
388
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
392
389
  */
393
390
  /**
394
391
  * TOKENS:
@@ -398,7 +395,7 @@
398
395
  */
399
396
  /**
400
397
  * Do not edit directly
401
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
398
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
402
399
  */
403
400
  /**
404
401
  * TOKENS:
@@ -423,7 +420,7 @@
423
420
  }
424
421
  /**
425
422
  * Do not edit directly
426
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
423
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
427
424
  */
428
425
  /**
429
426
  * TOKENS:
@@ -450,26 +447,26 @@
450
447
  }
451
448
  .ilo--button.icon .ilo--icon {
452
449
  height: 100%;
453
- max-height: 32px;
454
- max-width: 32px;
450
+ max-height: 1.7148981779rem;
451
+ max-width: 1.7148981779rem;
455
452
  position: absolute;
456
453
  width: 100%;
457
454
  }
458
455
  .ilo--button.icon.icon__position--left .link__label,
459
456
  .ilo--button.icon.icon__position--left .button__label {
460
- padding-left: 46px;
457
+ padding-left: 2.5723472669rem;
461
458
  }
462
459
  .ilo--button.icon.icon__position--left .ilo--icon {
463
- left: 13px;
464
- top: 7px;
460
+ left: 0.6966773848rem;
461
+ top: 0.3751339764rem;
465
462
  }
466
463
  .ilo--button.icon.icon__position--right .link__label,
467
464
  .ilo--button.icon.icon__position--right .button__label {
468
- padding-right: 46px;
465
+ padding-right: 2.5723472669rem;
469
466
  }
470
467
  .ilo--button.icon.icon__position--right .ilo--icon {
471
- right: 13px;
472
- top: 7px;
468
+ right: 0.6966773848rem;
469
+ top: 0.3751339764rem;
473
470
  }
474
471
  .ilo--button.icon--only .button__label {
475
472
  width: 1px;
@@ -483,10 +480,7 @@
483
480
  }
484
481
  .ilo--button--large .link__label,
485
482
  .ilo--button--large .button__label {
486
- padding-bottom: 10px;
487
- padding-left: 22px;
488
- padding-right: 22px;
489
- padding-top: 10px;
483
+ padding: 0.6430868167rem 1.2861736334rem;
490
484
  font-size: 18.66px;
491
485
  letter-spacing: -0.02em;
492
486
  line-height: 120%;
@@ -501,34 +495,31 @@
501
495
  }
502
496
  .ilo--button--medium .link__label,
503
497
  .ilo--button--medium .button__label {
504
- padding-bottom: 7px;
505
- padding-left: 18px;
506
- padding-right: 18px;
507
- padding-top: 7px;
498
+ padding: 0.4287245445rem 1.0718113612rem;
508
499
  font-size: 16px;
509
500
  letter-spacing: -0.02em;
510
501
  line-height: 120%;
511
502
  }
512
503
  .ilo--button--medium.icon .ilo--icon {
513
- max-height: 30px;
514
- max-width: 30px;
504
+ max-height: 1.6077170418rem;
505
+ max-width: 1.6077170418rem;
515
506
  position: absolute;
516
507
  }
517
508
  .ilo--button--medium.icon.icon__position--left .link__label,
518
509
  .ilo--button--medium.icon.icon__position--left .button__label {
519
- padding-left: 42px;
510
+ padding-left: 2.3579849946rem;
520
511
  }
521
512
  .ilo--button--medium.icon.icon__position--left .ilo--icon {
522
- left: 10px;
523
- top: 3px;
513
+ left: 0.5359056806rem;
514
+ top: 0.1607717042rem;
524
515
  }
525
516
  .ilo--button--medium.icon.icon__position--right .link__label,
526
517
  .ilo--button--medium.icon.icon__position--right .button__label {
527
- padding-right: 42px;
518
+ padding-right: 2.3579849946rem;
528
519
  }
529
520
  .ilo--button--medium.icon.icon__position--right .ilo--icon {
530
- right: 10px;
531
- top: 3px;
521
+ right: 0.5359056806rem;
522
+ top: 0.1607717042rem;
532
523
  }
533
524
  .ilo--button--medium.icon--only {
534
525
  height: 1.9292604502rem;
@@ -540,34 +531,31 @@
540
531
  }
541
532
  .ilo--button--small .link__label,
542
533
  .ilo--button--small .button__label {
543
- padding-bottom: 3px;
544
- padding-left: 13px;
545
- padding-right: 13px;
546
- padding-top: 3px;
534
+ padding: 0.2143622722rem 0.857449089rem;
547
535
  font-size: 14.93px;
548
536
  letter-spacing: -0.02em;
549
537
  line-height: 120%;
550
538
  }
551
539
  .ilo--button--small.icon .ilo--icon {
552
- max-height: 28px;
553
- max-width: 28px;
540
+ max-height: 1.5005359057rem;
541
+ max-width: 1.5005359057rem;
554
542
  position: absolute;
555
543
  }
556
544
  .ilo--button--small.icon.icon__position--left .link__label,
557
545
  .ilo--button--small.icon.icon__position--left .button__label {
558
- padding-left: 34px;
546
+ padding-left: 1.9292604502rem;
559
547
  }
560
548
  .ilo--button--small.icon.icon__position--left .ilo--icon {
561
- left: 6px;
562
- top: 1px;
549
+ left: 0.3215434084rem;
550
+ top: 0.0535905681rem;
563
551
  }
564
552
  .ilo--button--small.icon.icon__position--right .link__label,
565
553
  .ilo--button--small.icon.icon__position--right .button__label {
566
- padding-right: 34px;
554
+ padding-right: 1.9292604502rem;
567
555
  }
568
556
  .ilo--button--small.icon.icon__position--right .ilo--icon {
569
- right: 6px;
570
- top: 1px;
557
+ right: 0.3215434084rem;
558
+ top: 0.0535905681rem;
571
559
  }
572
560
  .ilo--button--small.icon--only {
573
561
  height: 1.3933547696rem;
@@ -713,7 +701,7 @@
713
701
 
714
702
  /**
715
703
  * Do not edit directly
716
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
704
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
717
705
  */
718
706
  /**
719
707
  * TOKENS:
@@ -726,7 +714,7 @@
726
714
  transition: max-height 225ms ease-out;
727
715
  }
728
716
  .ilo--callout--collapse:not(.ilo--callout--open) {
729
- max-height: 78px;
717
+ max-height: 64px;
730
718
  overflow: hidden;
731
719
  }
732
720
  .ilo--callout--open {
@@ -737,22 +725,24 @@
737
725
  transform: translateY(-50%) rotate(180deg);
738
726
  }
739
727
  .ilo--callout--sidebar {
740
- padding: 1.3933547696rem 0.6430868167rem;
728
+ display: flex;
729
+ flex-direction: column;
730
+ align-items: center;
731
+ padding: 1.0718113612rem 0.4287245445rem;
741
732
  width: 2.1436227224rem;
742
733
  }
743
734
  .ilo--callout--sidebar .ilo--callout--icon {
744
- position: relative;
745
- top: 0.0803858521rem;
735
+ margin: 0.2143622722rem;
746
736
  }
747
737
  .ilo--callout--content {
748
- padding: 1.3933547696rem 1.1789924973rem 1.2861736334rem;
738
+ padding: 1.2861736334rem;
749
739
  width: 100%;
750
740
  font-size: 0.8001071811rem;
751
741
  }
752
742
  .ilo--callout--header {
753
743
  display: flex;
754
744
  justify-content: space-between;
755
- padding: 0 0 1.2861736334rem;
745
+ padding-bottom: 0.6430868167rem;
756
746
  }
757
747
  .ilo--callout--title {
758
748
  font-size: 16px;
@@ -771,7 +761,7 @@
771
761
  cursor: pointer;
772
762
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
773
763
  font-weight: 500;
774
- padding-right: 32px;
764
+ padding-right: 1.7148981779rem;
775
765
  position: relative;
776
766
  }
777
767
  .ilo--callout--toggle--icon {
@@ -788,7 +778,7 @@
788
778
  width: 24px;
789
779
  }
790
780
  .ilo--callout--footer {
791
- padding: 1.2861736334rem 0 0 0;
781
+ padding-top: 1.0718113612rem;
792
782
  }
793
783
  .ilo--callout .icon {
794
784
  background-repeat: no-repeat;
@@ -840,7 +830,7 @@
840
830
 
841
831
  /**
842
832
  * Do not edit directly
843
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
833
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
844
834
  */
845
835
  /**
846
836
  * TOKENS:
@@ -850,7 +840,7 @@
850
840
  */
851
841
  /**
852
842
  * Do not edit directly
853
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
843
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
854
844
  */
855
845
  /**
856
846
  * TOKENS:
@@ -875,7 +865,7 @@
875
865
  }
876
866
  /**
877
867
  * Do not edit directly
878
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
868
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
879
869
  */
880
870
  /**
881
871
  * TOKENS:
@@ -893,7 +883,7 @@
893
883
 
894
884
  /**
895
885
  * Do not edit directly
896
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
886
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
897
887
  */
898
888
  /**
899
889
  * TOKENS:
@@ -911,9 +901,6 @@
911
901
  .ilo--card__size__fluid {
912
902
  --max-width: 100% !important;
913
903
  }
914
- .right-to-left .ilo--card {
915
- text-align: right;
916
- }
917
904
  .ilo--card__action:hover, .ilo--card__action:focus, .ilo--card__action:focus-within {
918
905
  background: rgb(255, 255, 255);
919
906
  outline: none;
@@ -942,7 +929,7 @@
942
929
  }
943
930
  .ilo--card__theme__dark {
944
931
  background: rgb(35, 0, 80);
945
- transition: background 150ms ease-out;
932
+ transition: background 250ms ease-out;
946
933
  }
947
934
  .ilo--card__theme__dark .ilo--card--eyebrow,
948
935
  .ilo--card__theme__dark .ilo--card--title,
@@ -950,7 +937,7 @@
950
937
  .ilo--card__theme__dark .ilo--card--date,
951
938
  .ilo--card__theme__dark .ilo--card--eventdate {
952
939
  color: rgb(237, 240, 242);
953
- transition: color 150ms ease-out;
940
+ transition: color 250ms ease-out;
954
941
  }
955
942
  .ilo--card__isvideo .ilo--card--image--wrapper {
956
943
  position: relative;
@@ -975,9 +962,10 @@
975
962
  }
976
963
  .ilo--card--wrapper {
977
964
  max-width: var(--max-width);
965
+ transition: filter 250ms ease-out;
978
966
  }
979
967
  .ilo--card--wrapper:hover, .ilo--card--wrapper:focus, .ilo--card--wrapper:focus-within {
980
- filter: drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.038)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.054)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.054));
968
+ filter: drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.05)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.05)) drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.04));
981
969
  }
982
970
  .ilo--card--link {
983
971
  background: none;
@@ -1029,7 +1017,7 @@
1029
1017
  font-size: 16px;
1030
1018
  letter-spacing: normal;
1031
1019
  line-height: 23.36px;
1032
- margin-bottom: 0.2901661308rem;
1020
+ margin-bottom: 0.6430868167rem;
1033
1021
  transition-property: color;
1034
1022
  transition-duration: 150ms;
1035
1023
  transition-timing-function: ease-out;
@@ -1063,10 +1051,10 @@
1063
1051
  font-size: 16px;
1064
1052
  letter-spacing: normal;
1065
1053
  line-height: 23.36px;
1066
- margin-bottom: 1.3742266073rem;
1067
1054
  transition-property: color;
1068
1055
  transition-duration: 150ms;
1069
1056
  transition-timing-function: ease-out;
1057
+ margin-bottom: 1.7148981779rem;
1070
1058
  }
1071
1059
  .ilo--card--link:hover .ilo--card--intro, .ilo--card--link:focus .ilo--card--intro, .ilo--card--link:focus-within .ilo--card--intro {
1072
1060
  color: rgb(30, 45, 190);
@@ -1107,7 +1095,7 @@
1107
1095
 
1108
1096
  /**
1109
1097
  * Do not edit directly
1110
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1098
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
1111
1099
  */
1112
1100
  /**
1113
1101
  * TOKENS:
@@ -1132,10 +1120,16 @@
1132
1120
  color: rgb(255, 255, 255);
1133
1121
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(255, 255, 255)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
1134
1122
  }
1123
+ [dir=rtl] .ilo--card__type__feature.ilo--card__theme__dark .ilo--link-list--link {
1124
+ 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");
1125
+ }
1135
1126
  .ilo--card__type__feature.ilo--card__theme__dark:hover .ilo--link-list--link, .ilo--card__type__feature.ilo--card__theme__dark:focus .ilo--link-list--link, .ilo--card__type__feature.ilo--card__theme__dark:focus-within .ilo--link-list--link {
1136
1127
  color: rgb(30, 45, 190);
1137
1128
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
1138
1129
  }
1130
+ [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 {
1131
+ 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");
1132
+ }
1139
1133
  .ilo--card__type__feature picture::before {
1140
1134
  transition-property: opacity;
1141
1135
  transition-duration: 150ms;
@@ -1144,7 +1138,7 @@
1144
1138
  .ilo--card__type__feature:hover, .ilo--card__type__feature:focus, .ilo--card__type__feature:focus-within {
1145
1139
  background-color: rgb(255, 255, 255);
1146
1140
  border-bottom: 0.1607717042rem solid rgb(30, 45, 190);
1147
- filter: drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.038)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.054)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.054));
1141
+ filter: drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.05)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.05)) drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.04));
1148
1142
  }
1149
1143
  .ilo--card__type__feature:hover picture::before, .ilo--card__type__feature:focus picture::before, .ilo--card__type__feature:focus-within picture::before {
1150
1144
  opacity: 0.4;
@@ -1187,9 +1181,6 @@
1187
1181
  .ilo--card__type__feature.ilo--card__size__wide .ilo--card--wrap, .ilo--card__type__feature.ilo--card__size__fluid .ilo--card--wrap {
1188
1182
  flex-direction: row;
1189
1183
  }
1190
- .right-to-left .ilo--card__type__feature.ilo--card__size__wide .ilo--card--wrap, .right-to-left .ilo--card__type__feature.ilo--card__size__fluid .ilo--card--wrap {
1191
- flex-direction: row-reverse;
1192
- }
1193
1184
  .ilo--card__type__feature.ilo--card__size__wide .ilo--card--content, .ilo--card__type__feature.ilo--card__size__fluid .ilo--card--content {
1194
1185
  display: flex;
1195
1186
  flex-direction: row;
@@ -1275,7 +1266,7 @@
1275
1266
 
1276
1267
  /**
1277
1268
  * Do not edit directly
1278
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1269
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
1279
1270
  */
1280
1271
  /**
1281
1272
  * TOKENS:
@@ -1286,8 +1277,12 @@
1286
1277
  .ilo--card__type__text {
1287
1278
  --max-width: 16.1307609861rem;
1288
1279
  border-bottom: 0.1607717042rem solid rgb(184, 196, 204);
1289
- padding: 1.2861736334rem 2.1436227224rem;
1290
- clip-path: polygon(0 0, calc(100% - 73px) 0, 100% 40px, 100% 100%, 0 100%);
1280
+ padding: 2.1436227224rem 1.2861736334rem 1.7148981779rem;
1281
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
1282
+ }
1283
+ [dir=rtl] .ilo--card__type__text {
1284
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
1285
+ clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
1291
1286
  }
1292
1287
  .ilo--card__type__text [class$=profile--contents--light] * {
1293
1288
  color: rgb(45, 45, 45);
@@ -1296,7 +1291,11 @@
1296
1291
  color: rgb(255, 255, 255);
1297
1292
  }
1298
1293
  .ilo--card__type__text:hover, .ilo--card__type__text:focus, .ilo--card__type__text:focus-within {
1299
- filter: drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.038)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.054)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.054));
1294
+ 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));
1295
+ transition-property: border-color;
1296
+ transition-duration: 150ms;
1297
+ transition-timing-function: ease-out;
1298
+ border-color: rgb(30, 45, 190);
1300
1299
  }
1301
1300
  .ilo--card__type__text:hover [class*=profile--contents] *, .ilo--card__type__text:focus [class*=profile--contents] *, .ilo--card__type__text:focus-within [class*=profile--contents] * {
1302
1301
  color: rgb(30, 45, 190);
@@ -1304,26 +1303,19 @@
1304
1303
  @media screen and (max-width: 609px) {
1305
1304
  .ilo--card__type__text {
1306
1305
  --max-width: 100%;
1307
- padding: 1.7148981779rem 2.1436227224rem;
1308
1306
  }
1309
1307
  }
1310
1308
  .ilo--card__type__text.ilo--card__size__wide, .ilo--card__type__text.ilo--card__size__fluid {
1311
1309
  --max-width: 28.0278670954rem;
1312
- padding: 1.7148981779rem 2.1436227224rem;
1313
- }
1314
- @media screen and (min-width: 610px) {
1315
- .ilo--card__type__text.ilo--card__size__wide, .ilo--card__type__text.ilo--card__size__fluid {
1316
- padding: 1.7148981779rem 2.1436227224rem;
1317
- }
1310
+ padding: 2.1436227224rem 1.7148981779rem 1.7148981779rem;
1318
1311
  }
1319
1312
  .ilo--card__type__text.ilo--card__size__narrow {
1320
1313
  --max-width: 16.1307609861rem;
1321
- padding: 1.2861736334rem 2.1436227224rem;
1314
+ padding: 2.1436227224rem 1.2861736334rem 1.7148981779rem;
1322
1315
  }
1323
1316
  @media screen and (max-width: 609px) {
1324
1317
  .ilo--card__type__text.ilo--card__size__narrow {
1325
1318
  --max-width: 100%;
1326
- padding: 1.2861736334rem 2.1436227224rem;
1327
1319
  }
1328
1320
  }
1329
1321
  .ilo--card__type__text.ilo--card__size__narrow .ilo--card--title {
@@ -1371,7 +1363,7 @@
1371
1363
 
1372
1364
  /**
1373
1365
  * Do not edit directly
1374
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1366
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
1375
1367
  */
1376
1368
  /**
1377
1369
  * TOKENS:
@@ -1382,8 +1374,11 @@
1382
1374
  .ilo--card__type__detail {
1383
1375
  --max-width: 18.3815648446rem;
1384
1376
  border-bottom: 0.1607717042rem solid rgb(237, 240, 242);
1385
- padding: 1.2861736334rem 0;
1377
+ padding: 1.7148981779rem 0;
1386
1378
  position: relative;
1379
+ transition-property: border;
1380
+ transition-duration: 150ms;
1381
+ transition-timing-function: ease-out;
1387
1382
  }
1388
1383
  @media screen and (min-width: 1024px) {
1389
1384
  .ilo--card__type__detail {
@@ -1396,7 +1391,8 @@
1396
1391
  }
1397
1392
  }
1398
1393
  .ilo--card__type__detail:hover, .ilo--card__type__detail:focus, .ilo--card__type__detail:focus-within {
1399
- filter: drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.038)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.054)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.054));
1394
+ 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));
1395
+ border-bottom: 0.1607717042rem solid rgb(30, 45, 190);
1400
1396
  }
1401
1397
  .ilo--card__type__detail:hover picture::before, .ilo--card__type__detail:focus picture::before, .ilo--card__type__detail:focus-within picture::before {
1402
1398
  opacity: 0.4;
@@ -1405,7 +1401,11 @@
1405
1401
  .ilo--card__type__detail:hover .ilo--card--date-extra::before, .ilo--card__type__detail:focus .ilo--card--date-extra::before, .ilo--card__type__detail:focus-within .ilo--card--date-extra::before {
1406
1402
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 11'%3e%3cpath fill='rgb(30, 45, 190)' d='M6.00007 10.8462L12 0L0 0L6.00007 10.8462Z'/%3e%3c/svg%3e");
1407
1403
  }
1404
+ .ilo--card__type__detail .ilo--card--eyebrow {
1405
+ margin-bottom: 0.857449089rem;
1406
+ }
1408
1407
  .ilo--card__type__detail .ilo--card--title {
1408
+ padding: 0 0 0.4287245445rem 0;
1409
1409
  font-size: 18.66px;
1410
1410
  letter-spacing: -0.035em;
1411
1411
  line-height: 24.26px;
@@ -1472,9 +1472,6 @@
1472
1472
  .ilo--card__type__detail .ilo--card--wrap {
1473
1473
  display: flex;
1474
1474
  }
1475
- .right-to-left .ilo--card__type__detail .ilo--card--wrap {
1476
- flex-direction: row-reverse;
1477
- }
1478
1475
  .ilo--card__type__detail .ilo--card--title {
1479
1476
  font-size: 18.66px;
1480
1477
  letter-spacing: -0.035em;
@@ -1518,7 +1515,7 @@
1518
1515
 
1519
1516
  /**
1520
1517
  * Do not edit directly
1521
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1518
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
1522
1519
  */
1523
1520
  /**
1524
1521
  * TOKENS:
@@ -1560,73 +1557,55 @@
1560
1557
  padding: 3.4297963558rem 3.8585209003rem;
1561
1558
  }
1562
1559
  }
1560
+ .ilo--card__type__promo .ilo--card--title {
1561
+ margin-bottom: 0.6430868167rem;
1562
+ }
1563
1563
  .ilo--card__type__promo.ilo--card__size__standard {
1564
1564
  padding: 2.5723472669rem;
1565
1565
  }
1566
- @media screen and (min-width: 610px) {
1567
- .ilo--card__type__promo.ilo--card__size__standard {
1568
- padding: 2.5723472669rem 2.5723472669rem 3.4297963558rem;
1569
- }
1570
- }
1571
- @media screen and (min-width: 1024px) {
1572
- .ilo--card__type__promo.ilo--card__size__standard {
1573
- padding: 2.5723472669rem 2.5723472669rem 3.4297963558rem;
1574
- }
1575
- }
1576
1566
  .ilo--card__type__promo.ilo--card__size__standard.ilo--card__cornercut {
1577
1567
  clip-path: polygon(0 0, calc(100% - 87px) 0, 100% 48px, 100% 100%, 0 100%);
1578
1568
  }
1569
+ [dir=rtl] .ilo--card__type__promo.ilo--card__size__standard.ilo--card__cornercut {
1570
+ clip-path: polygon(0 0, calc(100% - 87px) 0, 100% 48px, 100% 100%, 0 100%);
1571
+ clip-path: polygon(87px 0, 100% 0, 100% 100%, 0 100%, 0 48px);
1572
+ }
1579
1573
  .ilo--card__type__promo.ilo--card__size__wide, .ilo--card__type__promo.ilo--card__size__fluid {
1580
1574
  padding: 3.4297963558rem 3.8585209003rem;
1581
1575
  }
1582
- @media screen and (min-width: 610px) {
1583
- .ilo--card__type__promo.ilo--card__size__wide, .ilo--card__type__promo.ilo--card__size__fluid {
1584
- padding: 3.4297963558rem 3.8585209003rem;
1585
- }
1586
- }
1587
- @media screen and (min-width: 1024px) {
1588
- .ilo--card__type__promo.ilo--card__size__wide, .ilo--card__type__promo.ilo--card__size__fluid {
1589
- padding: 3.4297963558rem 3.8585209003rem;
1590
- }
1591
- }
1592
1576
  .ilo--card__type__promo.ilo--card__size__wide.ilo--card__cornercut, .ilo--card__type__promo.ilo--card__size__fluid.ilo--card__cornercut {
1593
1577
  clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
1594
1578
  }
1579
+ [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 {
1580
+ clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
1581
+ clip-path: polygon(116px 0, 100% 0, 100% 100%, 0 100%, 0 64px);
1582
+ }
1595
1583
  .ilo--card__type__promo.ilo--card__size__narrow {
1596
1584
  padding: 2.1436227224rem 1.2861736334rem;
1597
1585
  }
1598
- @media screen and (min-width: 610px) {
1599
- .ilo--card__type__promo.ilo--card__size__narrow {
1600
- padding: 2.1436227224rem 1.2861736334rem;
1601
- }
1602
- }
1603
- @media screen and (min-width: 1024px) {
1604
- .ilo--card__type__promo.ilo--card__size__narrow {
1605
- padding: 2.1436227224rem 1.2861736334rem;
1606
- }
1607
- }
1608
1586
  .ilo--card__type__promo.ilo--card__size__narrow.ilo--card__cornercut {
1609
1587
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
1610
1588
  }
1589
+ [dir=rtl] .ilo--card__type__promo.ilo--card__size__narrow.ilo--card__cornercut {
1590
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px left, 100% 100%, 0 100%);
1591
+ }
1611
1592
  .ilo--card__type__promo.ilo--card__size__narrow .ilo--card--title {
1612
1593
  font-size: 29.16px;
1613
1594
  letter-spacing: -0.035em;
1614
1595
  line-height: 36.45px;
1615
- margin-bottom: 0.5741425509rem;
1596
+ margin-bottom: 0.4287245445rem;
1616
1597
  }
1617
1598
  @media screen and (min-width: 610px) {
1618
1599
  .ilo--card__type__promo.ilo--card__size__narrow .ilo--card--title {
1619
1600
  font-size: 36.45px;
1620
1601
  letter-spacing: -0.035em;
1621
1602
  line-height: 43.74px;
1622
- margin-bottom: 0.4278063594rem;
1623
1603
  }
1624
1604
  }
1625
1605
  .ilo--card__type__promo.ilo--card__size__narrow .ilo--card--intro {
1626
1606
  font-size: 16px;
1627
1607
  letter-spacing: normal;
1628
1608
  line-height: 23.36px;
1629
- margin-bottom: 1.910132288rem;
1630
1609
  }
1631
1610
  .ilo--card__type__promo.ilo--card__theme__light:not(:hover) .ilo--card--title {
1632
1611
  color: rgb(45, 45, 45);
@@ -1638,34 +1617,31 @@
1638
1617
  font-size: 29.16px;
1639
1618
  letter-spacing: -0.035em;
1640
1619
  line-height: 36.45px;
1641
- margin-bottom: 0.5741425509rem;
1642
1620
  }
1643
1621
  @media screen and (min-width: 610px) {
1644
1622
  .ilo--card__type__promo .ilo--card--title {
1645
1623
  font-size: 36.45px;
1646
1624
  letter-spacing: -0.035em;
1647
1625
  line-height: 43.74px;
1648
- margin-bottom: 0.8565309039rem;
1649
1626
  }
1650
1627
  }
1651
1628
  .ilo--card__type__promo .ilo--card--intro {
1652
1629
  font-size: 16px;
1653
1630
  letter-spacing: normal;
1654
1631
  line-height: 23.36px;
1655
- margin-bottom: 1.910132288rem;
1632
+ margin-bottom: 1.7148981779rem;
1656
1633
  }
1657
1634
  @media screen and (min-width: 610px) {
1658
1635
  .ilo--card__type__promo .ilo--card--intro {
1659
1636
  font-size: 18.66px;
1660
1637
  letter-spacing: normal;
1661
1638
  line-height: 27.24px;
1662
- margin-bottom: 1.8685411561rem;
1663
1639
  }
1664
1640
  }
1665
1641
 
1666
1642
  /**
1667
1643
  * Do not edit directly
1668
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1644
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
1669
1645
  */
1670
1646
  /**
1671
1647
  * TOKENS:
@@ -1682,6 +1658,7 @@
1682
1658
  }
1683
1659
  .ilo--card__type__multilink .ilo--card--content .ilo--card--image--wrapper {
1684
1660
  display: block;
1661
+ margin-bottom: 1.7148981779rem;
1685
1662
  }
1686
1663
  @media screen and (min-width: 610px) {
1687
1664
  .ilo--card__type__multilink {
@@ -1697,7 +1674,7 @@
1697
1674
  font-size: 23.32px;
1698
1675
  letter-spacing: -0.035em;
1699
1676
  line-height: 29.15px;
1700
- margin-bottom: 0.7188906752rem;
1677
+ margin-bottom: 1.7148981779rem;
1701
1678
  color: rgb(45, 45, 45);
1702
1679
  }
1703
1680
  @media screen and (min-width: 610px) {
@@ -1705,14 +1682,13 @@
1705
1682
  font-size: 29.16px;
1706
1683
  letter-spacing: -0.035em;
1707
1684
  line-height: 36.45px;
1708
- margin-bottom: 0.5741425509rem;
1709
1685
  }
1710
1686
  }
1711
1687
  .ilo--card__type__multilink .ilo--card--intro {
1712
1688
  font-size: 16px;
1713
1689
  letter-spacing: normal;
1714
1690
  line-height: 23.36px;
1715
- margin-bottom: 1.910132288rem;
1691
+ margin-bottom: 1.7148981779rem;
1716
1692
  color: rgb(45, 45, 45);
1717
1693
  }
1718
1694
  @media screen and (min-width: 610px) {
@@ -1720,37 +1696,16 @@
1720
1696
  font-size: 18.66px;
1721
1697
  letter-spacing: normal;
1722
1698
  line-height: 27.24px;
1723
- margin-bottom: 1.8685411561rem;
1724
1699
  }
1725
1700
  }
1726
1701
  .ilo--card__type__multilink.ilo--card__size__standard {
1727
1702
  --max-width: 28.7245444802rem;
1728
1703
  padding: 2.5723472669rem 2.1436227224rem;
1729
1704
  }
1730
- @media screen and (min-width: 610px) {
1731
- .ilo--card__type__multilink.ilo--card__size__standard {
1732
- padding: 2.5723472669rem 2.1436227224rem;
1733
- }
1734
- }
1735
- @media screen and (min-width: 1024px) {
1736
- .ilo--card__type__multilink.ilo--card__size__standard {
1737
- padding: 2.5723472669rem 2.1436227224rem;
1738
- }
1739
- }
1740
1705
  .ilo--card__type__multilink.ilo--card__size__narrow {
1741
1706
  --max-width: 20.0964630225rem;
1742
1707
  padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1743
1708
  }
1744
- @media screen and (min-width: 610px) {
1745
- .ilo--card__type__multilink.ilo--card__size__narrow {
1746
- padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1747
- }
1748
- }
1749
- @media screen and (min-width: 1024px) {
1750
- .ilo--card__type__multilink.ilo--card__size__narrow {
1751
- padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1752
- }
1753
- }
1754
1709
  .ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--image--wrapper {
1755
1710
  display: none;
1756
1711
  }
@@ -1763,7 +1718,7 @@
1763
1718
  font-size: 23.32px;
1764
1719
  letter-spacing: -0.035em;
1765
1720
  line-height: 29.15px;
1766
- margin-bottom: 0.7188906752rem;
1721
+ margin-bottom: 1.2861736334rem;
1767
1722
  }
1768
1723
  }
1769
1724
  @media screen and (min-width: 610px) {
@@ -1771,13 +1726,16 @@
1771
1726
  font-size: 16px;
1772
1727
  letter-spacing: normal;
1773
1728
  line-height: 23.36px;
1774
- margin-bottom: 1.910132288rem;
1729
+ margin-bottom: 1.2861736334rem;
1775
1730
  }
1776
1731
  }
1777
1732
  .ilo--card__type__multilink.ilo--card__size__wide, .ilo--card__type__multilink.ilo--card__size__fluid {
1778
1733
  --max-width: 59.1639871383rem;
1779
1734
  padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
1780
1735
  }
1736
+ .ilo--card__type__multilink.ilo--card__size__wide .ilo--card--title, .ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--title {
1737
+ margin-bottom: 0.6430868167rem;
1738
+ }
1781
1739
  @media screen and (min-width: 610px) {
1782
1740
  .ilo--card__type__multilink.ilo--card__size__wide, .ilo--card__type__multilink.ilo--card__size__fluid {
1783
1741
  padding: 3.0010718114rem 2.5723472669rem;
@@ -1785,16 +1743,10 @@
1785
1743
  .ilo--card__type__multilink.ilo--card__size__wide.ilo--card__align__right .ilo--card--wrap, .ilo--card__type__multilink.ilo--card__size__fluid.ilo--card__align__right .ilo--card--wrap {
1786
1744
  flex-direction: row-reverse;
1787
1745
  }
1788
- .right-to-left .ilo--card__type__multilink.ilo--card__size__wide.ilo--card__align__right .ilo--card--wrap, .right-to-left .ilo--card__type__multilink.ilo--card__size__fluid.ilo--card__align__right .ilo--card--wrap {
1789
- flex-direction: row;
1790
- }
1791
1746
  .ilo--card__type__multilink.ilo--card__size__wide .ilo--card--wrap, .ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--wrap {
1792
1747
  display: flex;
1793
1748
  column-gap: 1.7148981779rem;
1794
1749
  }
1795
- .right-to-left .ilo--card__type__multilink.ilo--card__size__wide .ilo--card--wrap, .right-to-left .ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--wrap {
1796
- flex-direction: row-reverse;
1797
- }
1798
1750
  .ilo--card__type__multilink.ilo--card__size__wide .ilo--card--image--wrapper, .ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--image--wrapper {
1799
1751
  display: block;
1800
1752
  width: 50%;
@@ -1807,14 +1759,13 @@
1807
1759
  }
1808
1760
  }
1809
1761
  .ilo--card__type__multilink .ilo--link-list {
1810
- margin-top: 1.8756698821rem;
1811
1762
  position: relative;
1812
1763
  z-index: 3;
1813
1764
  }
1814
1765
 
1815
1766
  /**
1816
1767
  * Do not edit directly
1817
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1768
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
1818
1769
  */
1819
1770
  /**
1820
1771
  * TOKENS:
@@ -1826,7 +1777,7 @@
1826
1777
  --max-width: 32.154340836rem;
1827
1778
  background: rgb(235, 245, 253);
1828
1779
  border-bottom: 0.1607717042rem solid rgb(190, 220, 250);
1829
- padding: 2.5723472669rem 2.7867095391rem;
1780
+ padding: 2.5723472669rem 2.1436227224rem 3.0010718114rem;
1830
1781
  position: relative;
1831
1782
  width: 100%;
1832
1783
  }
@@ -1876,7 +1827,7 @@
1876
1827
  .ilo--card__type__data.ilo--card__size__narrow {
1877
1828
  --max-width: 16.1307609861rem;
1878
1829
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
1879
- padding: 2.1436227224rem 1.2861736334rem 2.8403001072rem;
1830
+ padding: 2.1436227224rem 1.2861736334rem 3.0010718114rem;
1880
1831
  }
1881
1832
  @media screen and (max-width: 609px) {
1882
1833
  .ilo--card__type__data.ilo--card__size__narrow {
@@ -1887,10 +1838,10 @@
1887
1838
  --max-width: 41.6934619507rem;
1888
1839
  }
1889
1840
  .ilo--card__type__data.ilo--card__size__wide.ilo--card__type__data__columns__one {
1890
- padding: 2.5723472669rem 2.7867095391rem;
1841
+ padding: 2.5723472669rem 2.1436227224rem 3.0010718114rem;
1891
1842
  }
1892
1843
  .ilo--card__type__data.ilo--card__size__wide.ilo--card__type__data__columns__two {
1893
- padding: 2.5723472669rem 5.8413719185rem;
1844
+ padding: 2.5723472669rem 2.5723472669rem 3.0010718114rem 6.0021436227rem;
1894
1845
  }
1895
1846
  .ilo--card__type__data.ilo--card__size__wide, .ilo--card__type__data.ilo--card__size__fluid {
1896
1847
  clip-path: polygon(0 0, calc(100% - 86px) 0, 100% 48px, 100% 100%, 0 100%);
@@ -1934,7 +1885,7 @@
1934
1885
 
1935
1886
  /**
1936
1887
  * Do not edit directly
1937
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1888
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
1938
1889
  */
1939
1890
  /**
1940
1891
  * TOKENS:
@@ -1945,7 +1896,7 @@
1945
1896
  .ilo--card__type__stat {
1946
1897
  --max-width: 18.3815648446rem;
1947
1898
  border-bottom: 0.1607717042rem solid rgb(150, 10, 85);
1948
- padding: 1.2861736334rem 2.1436227224rem 1.1789924973rem;
1899
+ padding: 2.1436227224rem 1.2861736334rem 1.7148981779rem;
1949
1900
  position: relative;
1950
1901
  width: 100%;
1951
1902
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
@@ -1955,6 +1906,10 @@
1955
1906
  --max-width: 100%;
1956
1907
  }
1957
1908
  }
1909
+ [dir=rtl] .ilo--card__type__stat {
1910
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
1911
+ clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
1912
+ }
1958
1913
  .ilo--card__type__stat.ilo--card__color__blue {
1959
1914
  background: rgb(235, 245, 253);
1960
1915
  }
@@ -1974,9 +1929,6 @@
1974
1929
  justify-content: flex-start;
1975
1930
  height: 100%;
1976
1931
  }
1977
- .right-to-left .ilo--card__type__stat .ilo--card--content {
1978
- flex-direction: row-reverse;
1979
- }
1980
1932
  .ilo--card__type__stat .ilo--card--title {
1981
1933
  color: rgb(35, 0, 80);
1982
1934
  font-size: 36.45px;
@@ -2009,7 +1961,7 @@
2009
1961
 
2010
1962
  /**
2011
1963
  * Do not edit directly
2012
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
1964
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2013
1965
  */
2014
1966
  /**
2015
1967
  * TOKENS:
@@ -2020,34 +1972,28 @@
2020
1972
  .ilo--card__type__factlist {
2021
1973
  --max-width: 20.0964630225rem;
2022
1974
  border-bottom: 0.1607717042rem solid rgb(184, 196, 204);
2023
- padding: 1.2861736334rem 2.5723472669rem;
1975
+ padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
2024
1976
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
2025
1977
  }
2026
1978
  @media screen and (min-width: 1024px) {
2027
1979
  .ilo--card__type__factlist {
2028
- padding: 2.1436227224rem 3.0010718114rem;
1980
+ padding: 2.5723472669rem 2.1436227224rem 3.0010718114rem;
2029
1981
  }
2030
1982
  }
2031
1983
  .ilo--card__type__factlist.ilo--card__size__wide {
2032
1984
  --max-width: 45.8735262594rem;
2033
- padding: 2.1436227224rem 2.7867095391rem;
1985
+ padding: 2.5723472669rem 2.1436227224rem 3.0010718114rem;
2034
1986
  }
2035
1987
  @media screen and (min-width: 610px) {
2036
1988
  .ilo--card__type__factlist.ilo--card__size__wide {
2037
- padding: 2.1436227224rem 3.2154340836rem;
2038
1989
  clip-path: polygon(0 0, calc(100% - 87px) 0, 100% 48px, 100% 100%, 0 100%);
2039
1990
  }
2040
1991
  }
2041
1992
  .ilo--card__type__factlist.ilo--card__size__narrow {
2042
1993
  --max-width: 20.0964630225rem;
2043
- padding: 1.2861736334rem 2.5723472669rem;
1994
+ padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
2044
1995
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
2045
1996
  }
2046
- @media screen and (min-width: 610px) {
2047
- .ilo--card__type__factlist.ilo--card__size__narrow {
2048
- padding: 1.2861736334rem 2.5723472669rem;
2049
- }
2050
- }
2051
1997
  .ilo--card__type__factlist.ilo--card__theme__dark {
2052
1998
  border-bottom: 0.1607717042rem solid rgb(250, 60, 75);
2053
1999
  }
@@ -2084,7 +2030,7 @@
2084
2030
 
2085
2031
  /**
2086
2032
  * Do not edit directly
2087
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2033
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2088
2034
  */
2089
2035
  /**
2090
2036
  * TOKENS:
@@ -2118,9 +2064,6 @@
2118
2064
  margin: auto;
2119
2065
  width: 100%;
2120
2066
  }
2121
- .right-to-left .ilo--cardgroup--inner {
2122
- flex-direction: row-reverse;
2123
- }
2124
2067
  .ilo--cardgroup .ilo--card,
2125
2068
  .ilo--cardgroup .ilo--card--wrapper {
2126
2069
  height: 100%;
@@ -2136,7 +2079,7 @@
2136
2079
 
2137
2080
  /**
2138
2081
  * Do not edit directly
2139
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2082
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2140
2083
  */
2141
2084
  /**
2142
2085
  * TOKENS:
@@ -2213,7 +2156,7 @@
2213
2156
 
2214
2157
  /**
2215
2158
  * Do not edit directly
2216
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2159
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2217
2160
  */
2218
2161
  /**
2219
2162
  * TOKENS:
@@ -2294,7 +2237,7 @@
2294
2237
 
2295
2238
  /**
2296
2239
  * Do not edit directly
2297
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2240
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2298
2241
  */
2299
2242
  /**
2300
2243
  * TOKENS:
@@ -2304,7 +2247,7 @@
2304
2247
  */
2305
2248
  /**
2306
2249
  * Do not edit directly
2307
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2250
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2308
2251
  */
2309
2252
  /**
2310
2253
  * TOKENS:
@@ -2314,7 +2257,7 @@
2314
2257
  */
2315
2258
  /**
2316
2259
  * Do not edit directly
2317
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2260
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2318
2261
  */
2319
2262
  /**
2320
2263
  * TOKENS:
@@ -2324,7 +2267,7 @@
2324
2267
  */
2325
2268
  /**
2326
2269
  * Do not edit directly
2327
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2270
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2328
2271
  */
2329
2272
  /**
2330
2273
  * TOKENS:
@@ -2420,29 +2363,29 @@
2420
2363
  display: inline-block;
2421
2364
  }
2422
2365
  }
2423
- .right-to-left .ilo--credit:after {
2366
+ [dir=rtl] .ilo--credit:after {
2424
2367
  background-position: top left;
2425
2368
  left: auto;
2426
2369
  right: 100%;
2427
2370
  transform: scaleX(-1);
2428
2371
  }
2429
2372
  @media screen and (max-width: 1023px) {
2430
- .right-to-left .ilo--credit--label {
2373
+ [dir=rtl] .ilo--credit--label {
2431
2374
  left: auto;
2432
2375
  right: 0;
2433
2376
  }
2434
- .right-to-left .ilo--credit--label:after {
2377
+ [dir=rtl] .ilo--credit--label:after {
2435
2378
  background-position: top right;
2436
2379
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 11'%3e%3cpath fill='rgb(45, 45, 45)' d='M6.00007 10.8462L12 0L0 0L6.00007 10.8462Z'/%3e%3c/svg%3e");
2437
2380
  left: auto;
2438
2381
  right: calc(0.6430868167rem / 2);
2439
2382
  }
2440
- .right-to-left .ilo--credit:before {
2383
+ [dir=rtl] .ilo--credit:before {
2441
2384
  background-position: 4px center;
2442
2385
  left: auto;
2443
2386
  right: 0;
2444
2387
  }
2445
- .right-to-left .ilo--credit:after {
2388
+ [dir=rtl] .ilo--credit:after {
2446
2389
  left: auto;
2447
2390
  right: 1.5541264737rem;
2448
2391
  }
@@ -2450,7 +2393,7 @@
2450
2393
 
2451
2394
  /**
2452
2395
  * Do not edit directly
2453
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2396
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2454
2397
  */
2455
2398
  /**
2456
2399
  * TOKENS:
@@ -2465,9 +2408,13 @@
2465
2408
  cursor: pointer;
2466
2409
  }
2467
2410
 
2411
+ .ilo--input.ilo--datepicker {
2412
+ padding: 0.6430868167rem 0.857449089rem 0.6430868167rem;
2413
+ }
2414
+
2468
2415
  /**
2469
2416
  * Do not edit directly
2470
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2417
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2471
2418
  */
2472
2419
  /**
2473
2420
  * TOKENS:
@@ -2492,13 +2439,10 @@
2492
2439
  letter-spacing: -0.02em;
2493
2440
  line-height: 21.6px;
2494
2441
  height: 2.4115755627rem;
2495
- margin: 0rem 0rem 0rem 0rem;
2442
+ margin: 0rem;
2496
2443
  outline: none;
2497
2444
  overflow: hidden;
2498
- padding-left: 16px;
2499
- padding-right: 56px;
2500
- padding-bottom: 0;
2501
- padding-top: 0;
2445
+ padding: 0 3.0010718114rem 0 0.857449089rem;
2502
2446
  text-overflow: ellipsis;
2503
2447
  white-space: nowrap;
2504
2448
  width: calc(100% - 78px);
@@ -2552,10 +2496,15 @@
2552
2496
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
2553
2497
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
2554
2498
  }
2499
+ [dir=rtl] .ilo--dropdown {
2500
+ padding: 0 0.857449089rem 0 3.0010718114rem;
2501
+ background-position: calc(0% + 14px) center, 0% center;
2502
+ 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%);
2503
+ }
2555
2504
 
2556
2505
  /**
2557
2506
  * Do not edit directly
2558
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2507
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2559
2508
  */
2560
2509
  /**
2561
2510
  * TOKENS:
@@ -2565,7 +2514,7 @@
2565
2514
  */
2566
2515
  /**
2567
2516
  * Do not edit directly
2568
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2517
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2569
2518
  */
2570
2519
  /**
2571
2520
  * TOKENS:
@@ -2575,7 +2524,7 @@
2575
2524
  */
2576
2525
  /**
2577
2526
  * Do not edit directly
2578
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2527
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2579
2528
  */
2580
2529
  /**
2581
2530
  * TOKENS:
@@ -2628,7 +2577,7 @@
2628
2577
 
2629
2578
  /**
2630
2579
  * Do not edit directly
2631
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2580
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2632
2581
  */
2633
2582
  /**
2634
2583
  * TOKENS:
@@ -2643,6 +2592,9 @@
2643
2592
  .ilo--fieldset--legend-wrapper {
2644
2593
  margin-bottom: 0.8717716645rem;
2645
2594
  }
2595
+ .ilo--fieldset--legend-wrapper .ilo--tooltip--wrapper {
2596
+ top: 0.1071811361rem;
2597
+ }
2646
2598
  .ilo--fieldset--legend {
2647
2599
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
2648
2600
  font-weight: 700;
@@ -2708,13 +2660,12 @@
2708
2660
  pointer-events: none;
2709
2661
  }
2710
2662
  .ilo--fieldset .ilo--tooltip--wrapper {
2711
- margin-left: 8px;
2712
- margin-top: 3px;
2663
+ margin-left: 0.2143622722rem;
2713
2664
  }
2714
2665
 
2715
2666
  /**
2716
2667
  * Do not edit directly
2717
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2668
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2718
2669
  */
2719
2670
  /**
2720
2671
  * TOKENS:
@@ -2731,7 +2682,6 @@
2731
2682
  display: inline-block;
2732
2683
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
2733
2684
  font-weight: 700;
2734
- padding: 0;
2735
2685
  border-bottom-left-radius: 2px;
2736
2686
  border-bottom-right-radius: 2px;
2737
2687
  border-top-left-radius: 2px;
@@ -2806,12 +2756,12 @@
2806
2756
  line-height: 21.6px;
2807
2757
  height: 2.5723472669rem;
2808
2758
  outline: none;
2809
- padding: 0.6966773848rem 0.6430868167rem 0.857449089rem 0.5894962487rem;
2759
+ padding: 0.6430868167rem 0.6430868167rem 0.857449089rem;
2810
2760
  }
2811
2761
 
2812
2762
  /**
2813
2763
  * Do not edit directly
2814
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2764
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2815
2765
  */
2816
2766
  /**
2817
2767
  * TOKENS:
@@ -2826,7 +2776,7 @@
2826
2776
  align-items: flex-start;
2827
2777
  flex-direction: column;
2828
2778
  appearance: none;
2829
- gap: 32px;
2779
+ gap: 1.7148981779rem;
2830
2780
  color: rgb(45, 45, 45);
2831
2781
  }
2832
2782
  .ilo--form__theme__light {
@@ -2853,7 +2803,7 @@
2853
2803
 
2854
2804
  /**
2855
2805
  * Do not edit directly
2856
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2806
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2857
2807
  */
2858
2808
  /**
2859
2809
  * TOKENS:
@@ -2961,7 +2911,10 @@
2961
2911
  font-weight: inherit;
2962
2912
  }
2963
2913
  .ilo--form-control--label div[class*=tooltip] {
2964
- margin-left: 0.2143622722rem;
2914
+ margin-left: 0.4287245445rem;
2915
+ }
2916
+ [dir=rtl] .ilo--form-control--label div[class*=tooltip] {
2917
+ margin-right: 0.4287245445rem;
2965
2918
  }
2966
2919
  .ilo--form-control--helper {
2967
2920
  grid-area: helper;
@@ -2971,10 +2924,13 @@
2971
2924
  letter-spacing: normal;
2972
2925
  line-height: 16.24px;
2973
2926
  }
2927
+ .ilo--form-control .ilo--tooltip--wrapper {
2928
+ bottom: 0.1071811361rem;
2929
+ }
2974
2930
 
2975
2931
  /**
2976
2932
  * Do not edit directly
2977
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2933
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2978
2934
  */
2979
2935
  /**
2980
2936
  * TOKENS:
@@ -2984,7 +2940,7 @@
2984
2940
  */
2985
2941
  /**
2986
2942
  * Do not edit directly
2987
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2943
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
2988
2944
  */
2989
2945
  /**
2990
2946
  * TOKENS:
@@ -3009,7 +2965,7 @@
3009
2965
  }
3010
2966
  /**
3011
2967
  * Do not edit directly
3012
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
2968
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
3013
2969
  */
3014
2970
  /**
3015
2971
  * TOKENS:
@@ -3026,7 +2982,7 @@
3026
2982
  /* RTL Styles */
3027
2983
  }
3028
2984
  .ilo--footer--main {
3029
- padding: 2.1436227224rem 1.7148981779rem;
2985
+ padding: 2.1436227224rem 1.7148981779rem 2.5723472669rem;
3030
2986
  position: relative;
3031
2987
  }
3032
2988
  .ilo--footer--main:before {
@@ -3061,9 +3017,12 @@
3061
3017
  }
3062
3018
  .ilo--footer--secondary {
3063
3019
  background-color: rgb(237, 240, 242);
3064
- padding-top: 1.9292604502rem;
3020
+ padding: 1.7148981779rem 0.857449089rem 0;
3065
3021
  min-height: 3.0010718114rem;
3066
3022
  }
3023
+ .ilo--footer--secondary [class*=container] {
3024
+ padding: 0;
3025
+ }
3067
3026
  .ilo--footer--headline {
3068
3027
  color: rgb(255, 255, 255);
3069
3028
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
@@ -3073,21 +3032,21 @@
3073
3032
  line-height: 23.36px;
3074
3033
  line-height: 1.1575562701rem;
3075
3034
  margin-bottom: 0.0895963823rem;
3076
- margin-top: 1.1789924973rem;
3035
+ margin-top: 1.0718113612rem;
3077
3036
  }
3078
3037
  .ilo--footer--subhead {
3079
3038
  color: #bedcfa;
3080
3039
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
3081
3040
  font-weight: 500;
3082
- margin-top: 0.5359056806rem;
3041
+ margin-top: 0.2143622722rem;
3083
3042
  font-size: 11.94px;
3084
3043
  letter-spacing: normal;
3085
3044
  line-height: 16.24px;
3086
3045
  line-height: 0.9946409432rem;
3087
- margin-bottom: 2.4115755627rem;
3046
+ margin-bottom: 2.5723472669rem;
3088
3047
  }
3089
3048
  .ilo--footer .address {
3090
- margin-bottom: 2.0900321543rem;
3049
+ margin-bottom: 1.0718113612rem;
3091
3050
  }
3092
3051
  .ilo--footer .address--line {
3093
3052
  color: rgb(255, 255, 255);
@@ -3097,10 +3056,10 @@
3097
3056
  margin-bottom: 0.12089916rem;
3098
3057
  }
3099
3058
  .ilo--footer .connect {
3100
- margin: 2.9474812433rem 0;
3059
+ margin: 2.5723472669rem 0 2.1436227224rem;
3101
3060
  }
3102
3061
  .ilo--footer .social--links {
3103
- margin-bottom: 2.4115755627rem;
3062
+ margin-bottom: 2.1436227224rem;
3104
3063
  }
3105
3064
  .ilo--footer .legal,
3106
3065
  .ilo--footer .secondarylinks {
@@ -3166,7 +3125,7 @@
3166
3125
  justify-content: center;
3167
3126
  border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
3168
3127
  margin: 0.6430868167rem auto 0 auto;
3169
- padding: 0.857449089rem 0.857449089rem 0.857449089rem 0.857449089rem;
3128
+ padding: 0.857449089rem;
3170
3129
  }
3171
3130
  .ilo--footer .anchorlink:after {
3172
3131
  background-repeat: no-repeat;
@@ -3196,11 +3155,11 @@
3196
3155
  .ilo--footer--main {
3197
3156
  display: grid;
3198
3157
  grid-template-columns: minmax(0, 50%) minmax(0, 50%);
3199
- gap: 0px 64px;
3158
+ gap: 0px 3.4297963558rem;
3200
3159
  grid-template-areas: "site-info address" "site-info links" "site-info connect" "site-info subscribe";
3201
3160
  align-content: start;
3202
3161
  align-items: start;
3203
- padding: 2.1436227224rem 1.0718113612rem;
3162
+ padding: 2.1436227224rem 1.0718113612rem 5.1446945338rem;
3204
3163
  }
3205
3164
  .ilo--footer .site--info {
3206
3165
  grid-area: site-info;
@@ -3219,8 +3178,8 @@
3219
3178
  grid-area: subscribe;
3220
3179
  }
3221
3180
  .ilo--footer--secondary {
3222
- padding-top: 0.9646302251rem;
3223
- padding-bottom: 0.9646302251rem;
3181
+ padding-top: 0.857449089rem;
3182
+ padding-bottom: 0.857449089rem;
3224
3183
  position: relative;
3225
3184
  z-index: 1;
3226
3185
  }
@@ -3249,10 +3208,10 @@
3249
3208
  display: grid;
3250
3209
  grid-template-columns: 0.25fr 0.33fr 0.09fr 0.33fr;
3251
3210
  grid-template-rows: auto auto;
3252
- gap: 0px 64px;
3211
+ gap: 0px 3.4297963558rem;
3253
3212
  grid-template-areas: "site-info address . connect" "site-info links . subscribe";
3254
- padding-top: 2.3579849946rem;
3255
- padding-bottom: 2.7331189711rem;
3213
+ padding-top: 2.1436227224rem;
3214
+ padding-bottom: 5.1446945338rem;
3256
3215
  }
3257
3216
  .ilo--footer--main:before {
3258
3217
  content: none;
@@ -3273,9 +3232,12 @@
3273
3232
  align-self: start;
3274
3233
  justify-self: start;
3275
3234
  }
3235
+ .ilo--footer .address {
3236
+ margin-bottom: 1.0718113612rem;
3237
+ }
3276
3238
  .ilo--footer--secondary {
3277
- padding-top: 0.9646302251rem;
3278
- padding-bottom: 0.9646302251rem;
3239
+ padding-top: 0.857449089rem;
3240
+ padding-bottom: 0.857449089rem;
3279
3241
  position: relative;
3280
3242
  }
3281
3243
  .ilo--footer--secondary [class*=container] {
@@ -3296,16 +3258,13 @@
3296
3258
  .ilo--footer .anchorlink {
3297
3259
  margin: 0;
3298
3260
  border: none;
3299
- padding: 0.25rem;
3261
+ padding: 0.2143622722rem;
3300
3262
  }
3301
3263
  .ilo--footer .anchorlink:hover {
3302
3264
  margin-bottom: -0.1071811361rem;
3303
3265
  }
3304
3266
  }
3305
- .right-to-left .ilo--footer * {
3306
- text-align: right;
3307
- }
3308
- .right-to-left .ilo--footer--main:before {
3267
+ .ilo--footer[dir=rtl] .ilo--footer--main:before {
3309
3268
  background-size: contain;
3310
3269
  background-repeat: no-repeat;
3311
3270
  content: "";
@@ -3319,33 +3278,20 @@
3319
3278
  left: 0;
3320
3279
  transform: scaleY(-1) scaleX(-1);
3321
3280
  }
3322
- .right-to-left .ilo--footer .subscribe a {
3323
- align-self: flex-end;
3324
- }
3325
- .right-to-left .ilo--footer--secondary [class*=container] {
3326
- flex-direction: row-reverse;
3327
- }
3328
- .right-to-left .ilo--footer--secondary--details {
3329
- display: flex;
3330
- flex-flow: row-reverse wrap;
3331
- }
3332
- .right-to-left .ilo--footer .secondarylinks--list {
3333
- flex-direction: row-reverse;
3334
- }
3335
- .right-to-left .ilo--footer .secondarylinks--list--item:before {
3281
+ .ilo--footer[dir=rtl] .ilo--footer .secondarylinks--list--item:before {
3336
3282
  content: none;
3337
3283
  }
3338
- .right-to-left .ilo--footer .secondarylinks--list--item:after {
3284
+ .ilo--footer[dir=rtl] .ilo--footer .secondarylinks--list--item:after {
3339
3285
  content: "|";
3340
3286
  margin: 0.2143622722rem;
3341
3287
  }
3342
3288
  @media screen and (min-width: 610px) {
3343
- .right-to-left .ilo--footer--main {
3289
+ .ilo--footer[dir=rtl] .ilo--footer--main {
3344
3290
  grid-template-areas: "address site-info" "links site-info" "connect site-info" "subscribe site-info";
3345
3291
  }
3346
3292
  }
3347
3293
  @media screen and (min-width: 1024px) {
3348
- .right-to-left .ilo--footer:after {
3294
+ .ilo--footer[dir=rtl] .ilo--footer:after {
3349
3295
  background-size: contain;
3350
3296
  background-repeat: no-repeat;
3351
3297
  content: "";
@@ -3359,24 +3305,24 @@
3359
3305
  left: 0;
3360
3306
  transform: scaleY(1) scaleX(-1);
3361
3307
  }
3362
- .right-to-left .ilo--footer--main {
3308
+ .ilo--footer[dir=rtl] .ilo--footer--main {
3363
3309
  grid-template-columns: 0.33fr 0.09fr 0.33fr 0.25fr;
3364
3310
  grid-template-areas: "connect . address site-info" "subscribe . links site-info";
3365
3311
  }
3366
- .right-to-left .ilo--footer--main:before {
3312
+ .ilo--footer[dir=rtl] .ilo--footer--main:before {
3367
3313
  content: none;
3368
3314
  }
3369
- .right-to-left .ilo--footer .connect {
3315
+ .ilo--footer[dir=rtl] .ilo--footer .connect {
3370
3316
  grid-template-columns: 60%, minmax(0, 40%);
3371
3317
  }
3372
- .right-to-left .ilo--footer .ilo--button {
3318
+ .ilo--footer[dir=rtl] .ilo--footer .ilo--button {
3373
3319
  justify-self: end;
3374
3320
  }
3375
3321
  }
3376
3322
 
3377
3323
  /**
3378
3324
  * Do not edit directly
3379
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3325
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
3380
3326
  */
3381
3327
  /**
3382
3328
  * TOKENS:
@@ -3499,7 +3445,7 @@
3499
3445
 
3500
3446
  /**
3501
3447
  * Do not edit directly
3502
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3448
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
3503
3449
  */
3504
3450
  /**
3505
3451
  * TOKENS:
@@ -3508,26 +3454,44 @@
3508
3454
  * MAPS:
3509
3455
  */
3510
3456
  .hero {
3511
- --added-offset: 0;
3457
+ --added-offset: 0px;
3512
3458
  --base-offset: calc(((100vw - 1300px) / 2));
3459
+ --breadcrumb-padding: max(var(--base-offset), 0.857449089rem);
3513
3460
  --card-padding-start: 71px;
3514
3461
  --corner-cut-height: 40px;
3515
3462
  width: 100%;
3516
3463
  display: grid;
3517
3464
  position: relative;
3518
- grid-template-rows: minmax(216px, 1fr) 27px 40px auto;
3519
3465
  grid-template-columns: 1fr;
3520
3466
  overflow: hidden;
3467
+ grid-template-rows: minmax(1rem, 1fr) 27px 40px auto;
3468
+ }
3469
+ .hero--image {
3470
+ display: grid;
3471
+ grid-template-rows: minmax(216px, 1fr) 27px 40px auto;
3472
+ }
3473
+ .hero__gap__transparent {
3474
+ background: transparent;
3475
+ }
3476
+ .hero__gap__white {
3477
+ background-color: rgb(255, 255, 255);
3478
+ }
3479
+ .hero__gap__light {
3480
+ background-color: rgb(235, 245, 253);
3481
+ }
3482
+ .hero__gap__dark {
3483
+ background-color: rgb(35, 0, 80);
3521
3484
  }
3522
3485
  .hero--breadcrumbs {
3523
3486
  display: none;
3524
3487
  }
3525
- .hero--figure {
3488
+ .hero--background {
3489
+ display: grid;
3526
3490
  background-color: rgb(235, 245, 253);
3527
3491
  position: relative;
3528
3492
  grid-area: 1/1/4/2;
3529
3493
  }
3530
- .hero--figure img {
3494
+ .hero--background img {
3531
3495
  position: absolute;
3532
3496
  object-fit: cover;
3533
3497
  width: 100%;
@@ -3637,23 +3601,22 @@
3637
3601
  .hero__card-theme__dark .hero--card-offset {
3638
3602
  background-color: rgb(35, 0, 80);
3639
3603
  position: relative;
3604
+ box-shadow: 0.3px 0 0 0 rgb(35, 0, 80);
3640
3605
  }
3641
3606
  .hero__card-theme__dark[class*=semi-transparent] .hero--card-offset {
3642
3607
  background: rgba(35, 0, 80, 0.6);
3608
+ box-shadow: 0.3px 0 0 0 rgba(35, 0, 80, 0.6);
3643
3609
  }
3644
3610
  .hero__card-theme__light .hero--card-offset {
3645
3611
  background: rgb(255, 255, 255);
3612
+ box-shadow: 0.3px 0 0 0 rgb(255, 255, 255);
3646
3613
  }
3647
3614
  .hero__card-theme__light[class*=semi-transparent] .hero--card-offset {
3648
3615
  background: rgba(255, 255, 255, 0.6);
3649
- }
3650
- .hero--breadcrumbs-offset {
3651
- grid-area: 1/1/2/2;
3652
- background-color: rgb(255, 255, 255);
3653
- z-index: 1;
3616
+ box-shadow: 0.3px 0 0 0 rgba(255, 255, 255, 0.6);
3654
3617
  }
3655
3618
  .hero--breadcrumbs {
3656
- grid-area: 1/2/2/5;
3619
+ grid-area: 1/1/2/5;
3657
3620
  z-index: 1;
3658
3621
  display: flex;
3659
3622
  flex-flow: row nowrap;
@@ -3661,13 +3624,13 @@
3661
3624
  .hero--breadcrumbs--wrapper {
3662
3625
  width: 100%;
3663
3626
  }
3664
- .hero--figure {
3627
+ .hero--background {
3665
3628
  grid-area: 1/1/5/5;
3666
3629
  }
3667
- .hero__card-align__center .hero--figure {
3630
+ .hero__card-align__center .hero--background {
3668
3631
  grid-area: 1/1/6/5;
3669
3632
  }
3670
- .hero__card-align__bottom .hero--figure {
3633
+ .hero__card-align__bottom .hero--background {
3671
3634
  grid-area: 1/1/5/5;
3672
3635
  }
3673
3636
  .hero--card-offset {
@@ -3675,17 +3638,8 @@
3675
3638
  z-index: 0;
3676
3639
  position: relative;
3677
3640
  }
3678
- .hero--card-offset::after {
3679
- content: "";
3680
- position: absolute;
3681
- height: 100%;
3682
- width: 3px;
3683
- right: -1px;
3684
- background-color: inherit;
3685
- z-index: 1;
3686
- }
3687
3641
  .hero__card-justify__offset .hero--card-offset, .hero__card-justify__center .hero--card-offset {
3688
- background-color: transparent;
3642
+ background: transparent !important;
3689
3643
  }
3690
3644
  .hero__card-align__center .hero--card-offset {
3691
3645
  grid-area: 3/1/4/2;
@@ -3751,7 +3705,7 @@
3751
3705
  left: 2px;
3752
3706
  }
3753
3707
  }
3754
- .right-to-left .hero--caption--wrapper {
3708
+ [dir=rtl] .hero--caption--wrapper {
3755
3709
  background: rgb(45, 45, 45);
3756
3710
  height: 27px;
3757
3711
  width: 30px;
@@ -3759,10 +3713,10 @@
3759
3713
  justify-content: center;
3760
3714
  align-items: center;
3761
3715
  position: relative;
3762
- position: absolute;
3763
3716
  right: 0;
3717
+ position: absolute;
3764
3718
  }
3765
- .right-to-left .hero--caption--wrapper::after {
3719
+ [dir=rtl] .hero--caption--wrapper::after {
3766
3720
  content: "";
3767
3721
  position: absolute;
3768
3722
  top: 0;
@@ -3775,54 +3729,7 @@
3775
3729
  border-right: calc(27px - 4px) solid rgb(45, 45, 45);
3776
3730
  }
3777
3731
  @media screen and (min-width: 1024px) {
3778
- .right-to-left .hero__card-justify__start {
3779
- --col-1-lg: 1fr;
3780
- --col-2-lg: 30px;
3781
- --col-3-lg: var(--card-width);
3782
- --col-4-lg: calc(
3783
- var(--base-offset) - 71px + var(--added-offset)
3784
- );
3785
- }
3786
- .right-to-left .hero__card-justify__offset {
3787
- --col-1-lg: 1fr;
3788
- --col-2-lg: 30px;
3789
- --col-3-lg: var(--card-width);
3790
- --col-4-lg: calc(
3791
- var(--base-offset) - 71px + var(--added-offset)
3792
- );
3793
- }
3794
- .right-to-left .hero__card-justify__center {
3795
- --col-1-lg: calc(
3796
- ((100% - var(--card-width)) / 2) - 30px
3797
- );
3798
- --col-2-lg: 30px;
3799
- --col-3-lg: var(--card-width);
3800
- --col-4-lg: calc((100% - var(--card-width)) / 2);
3801
- }
3802
- .right-to-left .hero__card-align__center .hero--card {
3803
- grid-area: 3/3/4/4;
3804
- }
3805
- .right-to-left .hero__card-align__center .hero--caption {
3806
- grid-area: 5/4/6/5;
3807
- }
3808
- .right-to-left .hero__card-align__center .hero--caption--wrapper {
3809
- right: 0;
3810
- left: initial;
3811
- position: absolute;
3812
- }
3813
- .right-to-left .hero__card-align__bottom .hero--caption {
3814
- grid-area: 4/4/5/5;
3815
- }
3816
- .right-to-left .hero__card-align__bottom .hero--caption--wrapper {
3817
- position: absolute;
3818
- right: 0;
3819
- bottom: 0;
3820
- left: initial;
3821
- }
3822
- .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption {
3823
- grid-area: 2/3/3/4;
3824
- }
3825
- .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper {
3732
+ [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 {
3826
3733
  background: rgb(45, 45, 45);
3827
3734
  height: 27px;
3828
3735
  width: 30px;
@@ -3833,51 +3740,9 @@
3833
3740
  position: absolute;
3834
3741
  left: initial;
3835
3742
  right: 0;
3743
+ bottom: 0;
3836
3744
  }
3837
- .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper::after {
3838
- content: "";
3839
- position: absolute;
3840
- top: 0;
3841
- width: 0;
3842
- height: 0;
3843
- border-top: 27px solid transparent;
3844
- left: auto;
3845
- right: 100%;
3846
- border-left: none;
3847
- border-right: calc(27px - 4px) solid rgb(45, 45, 45);
3848
- }
3849
- .right-to-left .hero--card-offset {
3850
- grid-area: 3/4/6/5;
3851
- }
3852
- .right-to-left .hero--card-offset:after {
3853
- right: initial;
3854
- left: -1px;
3855
- }
3856
- .right-to-left .hero--card {
3857
- grid-area: 3/3/6/4;
3858
- }
3859
- .right-to-left .hero--breadcrumbs-offset {
3860
- grid-area: 1/4/2/5;
3861
- }
3862
- .right-to-left .hero--breadcrumbs {
3863
- grid-area: 1/4/2/1;
3864
- flex-direction: row-reverse;
3865
- }
3866
- .right-to-left .hero--caption {
3867
- grid-area: 4/2/5/3;
3868
- }
3869
- .right-to-left .hero--caption--wrapper {
3870
- right: 2px;
3871
- left: initial;
3872
- background: rgb(45, 45, 45);
3873
- height: 27px;
3874
- width: 30px;
3875
- display: flex;
3876
- justify-content: center;
3877
- align-items: center;
3878
- position: relative;
3879
- }
3880
- .right-to-left .hero--caption--wrapper::after {
3745
+ [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 {
3881
3746
  content: "";
3882
3747
  position: absolute;
3883
3748
  top: 0;
@@ -3893,7 +3758,7 @@
3893
3758
 
3894
3759
  /**
3895
3760
  * Do not edit directly
3896
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3761
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
3897
3762
  */
3898
3763
  /**
3899
3764
  * TOKENS:
@@ -3913,9 +3778,6 @@
3913
3778
  padding-inline-start: var(--card-padding-start);
3914
3779
  }
3915
3780
  }
3916
- .right-to-left .ilo--hero-card {
3917
- direction: rtl;
3918
- }
3919
3781
  .ilo--hero-card--title-link {
3920
3782
  color: inherit;
3921
3783
  text-decoration: none;
@@ -3953,7 +3815,7 @@
3953
3815
  .ilo--hero-card__cornercut {
3954
3816
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
3955
3817
  }
3956
- .right-to-left .ilo--hero-card__cornercut {
3818
+ [dir=rtl] .ilo--hero-card__cornercut {
3957
3819
  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
3958
3820
  clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
3959
3821
  }
@@ -3961,7 +3823,7 @@
3961
3823
  .ilo--hero-card__cornercut {
3962
3824
  clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
3963
3825
  }
3964
- .right-to-left .ilo--hero-card__cornercut {
3826
+ [dir=rtl] .ilo--hero-card__cornercut {
3965
3827
  clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
3966
3828
  clip-path: polygon(116px 0, 100% 0, 100% 100%, 0 100%, 0 64px);
3967
3829
  }
@@ -4029,7 +3891,7 @@
4029
3891
 
4030
3892
  /**
4031
3893
  * Do not edit directly
4032
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3894
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4033
3895
  */
4034
3896
  /**
4035
3897
  * TOKENS:
@@ -4053,7 +3915,7 @@
4053
3915
  width: 100%;
4054
3916
  }
4055
3917
  .ilo--image--caption {
4056
- border-left: 3px solid rgb(184, 196, 204);
3918
+ border-left: 0.1607717042rem solid rgb(184, 196, 204);
4057
3919
  color: rgb(109, 109, 109);
4058
3920
  font-weight: 400;
4059
3921
  margin-top: 0.857449089rem;
@@ -4072,20 +3934,20 @@
4072
3934
  bottom: -0.2143622722rem;
4073
3935
  }
4074
3936
  }
4075
- .right-to-left .ilo--image .ilo--image--caption {
3937
+ [dir=rtl] .ilo--image .ilo--image--caption {
4076
3938
  border-left: none;
4077
3939
  border-right: 3px solid #b8c4cc;
4078
3940
  padding-left: 0;
4079
3941
  padding-right: 0.4287245445rem;
4080
3942
  }
4081
- .right-to-left .ilo--image .ilo--credit {
3943
+ [dir=rtl] .ilo--image .ilo--credit {
4082
3944
  left: auto;
4083
3945
  right: 0;
4084
3946
  }
4085
3947
 
4086
3948
  /**
4087
3949
  * Do not edit directly
4088
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
3950
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4089
3951
  */
4090
3952
  /**
4091
3953
  * TOKENS:
@@ -4109,7 +3971,7 @@
4109
3971
  letter-spacing: -0.02em;
4110
3972
  line-height: 21.6px;
4111
3973
  height: 2.5723472669rem;
4112
- margin: 0rem 0rem 0rem 0rem;
3974
+ margin: 0rem;
4113
3975
  outline: none;
4114
3976
  padding: 0.857449089rem 0.6430868167rem 0.857449089rem 0.6430868167rem;
4115
3977
  width: 100%;
@@ -4120,7 +3982,7 @@
4120
3982
  border-left: 0.1607717042rem solid rgb(30, 45, 190);
4121
3983
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
4122
3984
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
4123
- padding-left: 11px;
3985
+ padding-left: 0.6430868167rem;
4124
3986
  outline: none;
4125
3987
  }
4126
3988
  .ilo--input:disabled {
@@ -4227,7 +4089,7 @@
4227
4089
 
4228
4090
  /**
4229
4091
  * Do not edit directly
4230
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4092
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4231
4093
  */
4232
4094
  /**
4233
4095
  * TOKENS:
@@ -4237,7 +4099,7 @@
4237
4099
  */
4238
4100
  /**
4239
4101
  * Do not edit directly
4240
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4102
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4241
4103
  */
4242
4104
  /**
4243
4105
  * TOKENS:
@@ -4262,7 +4124,7 @@
4262
4124
  }
4263
4125
  /**
4264
4126
  * Do not edit directly
4265
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4127
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4266
4128
  */
4267
4129
  /**
4268
4130
  * TOKENS:
@@ -4292,7 +4154,7 @@
4292
4154
  }
4293
4155
  .ilo--link-list--links--item.indented .ilo--link-list--label {
4294
4156
  display: block;
4295
- padding-left: 1.2861736334rem;
4157
+ padding-left: 1.0718113612rem;
4296
4158
  position: relative;
4297
4159
  }
4298
4160
  .ilo--link-list--links--item.indented .ilo--link-list--label:before {
@@ -4310,6 +4172,14 @@
4310
4172
  width: 0.6430868167rem;
4311
4173
  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");
4312
4174
  }
4175
+ [dir=rtl] .ilo--link-list--links--item.indented .ilo--link-list--label {
4176
+ padding-right: 1.2861736334rem;
4177
+ }
4178
+ [dir=rtl] .ilo--link-list--links--item.indented .ilo--link-list--label:before {
4179
+ transform: translateY(-50%) rotate(90deg);
4180
+ left: unset;
4181
+ right: 0;
4182
+ }
4313
4183
  .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 {
4314
4184
  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");
4315
4185
  }
@@ -4325,8 +4195,8 @@
4325
4195
  font-size: 16px;
4326
4196
  letter-spacing: normal;
4327
4197
  line-height: 23.36px;
4328
- padding-bottom: 0.8934549032rem;
4329
- padding-top: 0.8934549032rem;
4198
+ padding-top: 0.857449089rem;
4199
+ padding-bottom: 0.857449089rem;
4330
4200
  padding-right: 1.7148981779rem;
4331
4201
  text-decoration: none;
4332
4202
  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");
@@ -4357,11 +4227,12 @@
4357
4227
  transition-duration: 150ms;
4358
4228
  transition-timing-function: ease-out;
4359
4229
  }
4360
- .right-to-left .ilo--link-list--link {
4361
- background-position: 4px center;
4230
+ [dir=rtl] .ilo--link-list--link {
4231
+ background-position: 0.2143622722rem center;
4362
4232
  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");
4233
+ padding-right: 0;
4363
4234
  }
4364
- .right-to-left .ilo--link-list--link:hover, .right-to-left .ilo--link-list--link:focus {
4235
+ [dir=rtl] .ilo--link-list--link:hover, [dir=rtl] .ilo--link-list--link:focus {
4365
4236
  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");
4366
4237
  }
4367
4238
  .ilo--link-list--dark .ilo--link-list--headline,
@@ -4403,16 +4274,13 @@
4403
4274
  transition-duration: 150ms;
4404
4275
  transition-timing-function: ease-out;
4405
4276
  }
4406
- .right-to-left .ilo--link-list--dark .ilo--link-list--link {
4407
- background-position: 4px center;
4277
+ [dir=rtl] .ilo--link-list--dark .ilo--link-list--link {
4278
+ background-position: 0.2143622722rem center;
4408
4279
  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");
4409
4280
  }
4410
- .right-to-left .ilo--link-list--dark .ilo--link-list--link:hover, .right-to-left .ilo--link-list--dark .ilo--link-list--link:focus {
4281
+ [dir=rtl] .ilo--link-list--dark .ilo--link-list--link:hover, [dir=rtl] .ilo--link-list--dark .ilo--link-list--link:focus {
4411
4282
  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");
4412
4283
  }
4413
- .right-to-left .ilo--link-list * {
4414
- text-align: right;
4415
- }
4416
4284
 
4417
4285
  .wingsuit-body .ilo--link-list--dark {
4418
4286
  background-color: rgb(35, 0, 80);
@@ -4420,7 +4288,7 @@
4420
4288
 
4421
4289
  /**
4422
4290
  * Do not edit directly
4423
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4291
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4424
4292
  */
4425
4293
  /**
4426
4294
  * TOKENS:
@@ -4436,9 +4304,8 @@
4436
4304
  list-style-type: none;
4437
4305
  }
4438
4306
  .ilo--list--unordered li {
4439
- margin-bottom: 1.7148981779rem;
4440
4307
  margin-left: 0.6430868167rem;
4441
- padding-left: 0.6430868167rem;
4308
+ padding-left: 0.4287245445rem;
4442
4309
  position: relative;
4443
4310
  }
4444
4311
  .ilo--list--unordered li::before {
@@ -4464,21 +4331,24 @@
4464
4331
  flex-wrap: wrap;
4465
4332
  list-style: none;
4466
4333
  }
4334
+ .ilo--list--horizontal li::before {
4335
+ content: none;
4336
+ }
4467
4337
  .ilo--list--horizontal .ilo--list__title {
4468
4338
  margin-bottom: 0.4287245445rem;
4469
- margin-right: 1.9828510182rem;
4339
+ margin-right: 1.9292604502rem;
4470
4340
  }
4471
4341
  .ilo--list--horizontal .ilo--list__item {
4472
4342
  margin-bottom: 0.4287245445rem;
4473
4343
  margin-left: 0;
4474
- margin-right: 1.9828510182rem;
4344
+ margin-right: 2.1436227224rem;
4475
4345
  padding-left: 0;
4476
4346
  }
4477
4347
  .ilo--list__title {
4478
4348
  font-size: 18.66px;
4479
4349
  letter-spacing: -0.035em;
4480
4350
  line-height: 24.26px;
4481
- margin-bottom: 1.1254019293rem;
4351
+ margin-bottom: 1.2861736334rem;
4482
4352
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
4483
4353
  font-weight: 700;
4484
4354
  }
@@ -4487,7 +4357,6 @@
4487
4357
  font-size: 23.32px;
4488
4358
  letter-spacing: -0.035em;
4489
4359
  line-height: 29.15px;
4490
- margin-bottom: 1.4469453376rem;
4491
4360
  }
4492
4361
  }
4493
4362
  .ilo--list__item {
@@ -4495,9 +4364,9 @@
4495
4364
  letter-spacing: normal;
4496
4365
  line-height: 23.36px;
4497
4366
  font-family: Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
4498
- margin-bottom: 1.052683199rem;
4499
- margin-left: 1.2861736334rem;
4500
- padding-left: 0.1607717042rem;
4367
+ margin-bottom: 0.857449089rem;
4368
+ margin-left: 1.0718113612rem;
4369
+ padding-left: 0.2143622722rem;
4501
4370
  }
4502
4371
  .ilo--list__item b,
4503
4372
  .ilo--list__item strong {
@@ -4509,13 +4378,12 @@
4509
4378
  font-size: 18.66px;
4510
4379
  letter-spacing: normal;
4511
4380
  line-height: 27.24px;
4512
- margin-bottom: 0.7967297949rem;
4513
4381
  }
4514
4382
  }
4515
4383
 
4516
4384
  /**
4517
4385
  * Do not edit directly
4518
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4386
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4519
4387
  */
4520
4388
  /**
4521
4389
  * TOKENS:
@@ -4525,7 +4393,7 @@
4525
4393
  */
4526
4394
  /**
4527
4395
  * Do not edit directly
4528
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4396
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4529
4397
  */
4530
4398
  /**
4531
4399
  * TOKENS:
@@ -4535,7 +4403,7 @@
4535
4403
  */
4536
4404
  /**
4537
4405
  * Do not edit directly
4538
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4406
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4539
4407
  */
4540
4408
  /**
4541
4409
  * TOKENS:
@@ -4706,7 +4574,7 @@
4706
4574
 
4707
4575
  /**
4708
4576
  * Do not edit directly
4709
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4577
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4710
4578
  */
4711
4579
  /**
4712
4580
  * TOKENS:
@@ -4753,7 +4621,7 @@
4753
4621
 
4754
4622
  /**
4755
4623
  * Do not edit directly
4756
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4624
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4757
4625
  */
4758
4626
  /**
4759
4627
  * TOKENS:
@@ -4763,7 +4631,7 @@
4763
4631
  */
4764
4632
  /**
4765
4633
  * Do not edit directly
4766
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4634
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4767
4635
  */
4768
4636
  /**
4769
4637
  * TOKENS:
@@ -4773,7 +4641,7 @@
4773
4641
  */
4774
4642
  /**
4775
4643
  * Do not edit directly
4776
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4644
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4777
4645
  */
4778
4646
  /**
4779
4647
  * TOKENS:
@@ -4870,7 +4738,7 @@
4870
4738
 
4871
4739
  /**
4872
4740
  * Do not edit directly
4873
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
4741
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
4874
4742
  */
4875
4743
  /**
4876
4744
  * TOKENS:
@@ -4991,7 +4859,7 @@
4991
4859
  background: rgb(30, 45, 190);
4992
4860
  display: flex;
4993
4861
  justify-content: space-between;
4994
- padding: 0 20px;
4862
+ padding: 0 1.0718113612rem;
4995
4863
  }
4996
4864
  .ilo--header--utility-bar--local .ilo--language-switcher {
4997
4865
  display: none;
@@ -5011,7 +4879,7 @@
5011
4879
  cursor: pointer;
5012
4880
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5013
4881
  font-weight: 500;
5014
- padding: 16px 16px 16px 36px;
4882
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 1.9292604502rem;
5015
4883
  text-decoration: none;
5016
4884
  transition: all 150ms ease-out;
5017
4885
  width: 100%;
@@ -5025,12 +4893,12 @@
5025
4893
  background-color: rgb(235, 245, 253);
5026
4894
  color: rgb(30, 45, 190);
5027
4895
  }
5028
- .right-to-left .ilo--header--utility-bar--local .ilo--language-switcher--link {
4896
+ .ilo--header--utility-bar--local .ilo--language-switcher--link [dir=rtl] {
5029
4897
  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");
5030
4898
  background-position: calc(100% - 16px) 50%;
5031
4899
  padding: 16px 36px 16px 16px;
5032
4900
  }
5033
- .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 {
4901
+ .ilo--header--utility-bar--local .ilo--language-switcher--link [dir=rtl]:focus, .ilo--header--utility-bar--local .ilo--language-switcher--link [dir=rtl]:hover {
5034
4902
  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");
5035
4903
  background-color: rgb(235, 245, 253);
5036
4904
  color: rgb(30, 45, 190);
@@ -5059,12 +4927,6 @@
5059
4927
  .ilo--header--utility-bar--local {
5060
4928
  justify-content: space-between;
5061
4929
  }
5062
- .right-to-left .ilo--header--utility-bar {
5063
- flex-direction: row-reverse;
5064
- }
5065
- }
5066
- .right-to-left .ilo--header--inner {
5067
- direction: rtl;
5068
4930
  }
5069
4931
  .ilo--subnav--open .ilo--header--inner {
5070
4932
  visibility: hidden;
@@ -5073,7 +4935,7 @@
5073
4935
  .ilo--header--inner {
5074
4936
  display: flex;
5075
4937
  justify-content: space-between;
5076
- padding: 0 20px;
4938
+ padding: 0 1.0718113612rem;
5077
4939
  }
5078
4940
  .ilo--subnav--open .ilo--header--inner {
5079
4941
  visibility: visible;
@@ -5118,12 +4980,9 @@
5118
4980
  display: none;
5119
4981
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5120
4982
  font-weight: 700;
5121
- padding: 16px 0;
4983
+ padding: 0.857449089rem 0;
5122
4984
  text-align: right;
5123
4985
  }
5124
- .right-to-left .ilo--header--logo-tagline {
5125
- text-align: left;
5126
- }
5127
4986
  @media screen and (min-width: 1024px) {
5128
4987
  .ilo--header--logo-tagline {
5129
4988
  display: block;
@@ -5177,13 +5036,13 @@
5177
5036
  align-items: center;
5178
5037
  }
5179
5038
  .ilo--nav--items:first-of-type {
5180
- margin-left: -20px;
5039
+ margin-left: -1.0718113612rem;
5181
5040
  }
5182
5041
  }
5183
5042
  .ilo--nav--link {
5184
5043
  color: rgb(35, 0, 80);
5185
5044
  display: block;
5186
- padding: 16px 36px 16px 8px;
5045
+ padding: 0.857449089rem 1.9292604502rem 0.857449089rem 0.4287245445rem;
5187
5046
  text-decoration: none;
5188
5047
  transition: color 150ms ease-out, background 150ms ease-out;
5189
5048
  }
@@ -5197,7 +5056,7 @@
5197
5056
  background: rgb(35, 0, 80);
5198
5057
  color: rgb(255, 255, 255);
5199
5058
  display: inline-block;
5200
- padding: 21.5px 24px 20.5px;
5059
+ padding: 21.5px 1.2861736334rem 20.5px;
5201
5060
  }
5202
5061
  .ilo--nav--link:hover, .ilo--nav--link:focus {
5203
5062
  background: rgb(235, 245, 253);
@@ -5222,7 +5081,7 @@
5222
5081
  display: block;
5223
5082
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5224
5083
  font-weight: 500;
5225
- padding: 16px 36px 16px 8px;
5084
+ padding: 0.857449089rem 1.9292604502rem 0.857449089rem 0.4287245445rem;
5226
5085
  line-height: 24px;
5227
5086
  text-align: left;
5228
5087
  transition: all 150ms ease-out;
@@ -5233,15 +5092,15 @@
5233
5092
  background-color: rgb(235, 245, 253);
5234
5093
  color: rgb(30, 45, 190);
5235
5094
  }
5236
- .right-to-left .ilo--nav--trigger {
5095
+ [dir=rtl] .ilo--nav--trigger {
5237
5096
  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");
5238
5097
  background-color: rgb(255, 255, 255);
5239
5098
  background-position: 16px 55%;
5240
5099
  background-repeat: no-repeat;
5241
- background-size: 16px;
5100
+ background-size: 24px;
5242
5101
  text-align: right;
5243
5102
  }
5244
- .right-to-left .ilo--nav--trigger:focus, .right-to-left .ilo--nav--trigger:hover {
5103
+ [dir=rtl] .ilo--nav--trigger:focus, [dir=rtl] .ilo--nav--trigger:hover {
5245
5104
  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");
5246
5105
  background-color: rgb(235, 245, 253);
5247
5106
  color: rgb(30, 45, 190);
@@ -5262,8 +5121,8 @@
5262
5121
  cursor: pointer;
5263
5122
  display: inline-block;
5264
5123
  font-weight: 700;
5265
- margin-left: 20px;
5266
- padding: 7px 32px 5px 15px;
5124
+ margin-left: 1.0718113612rem;
5125
+ padding: 7px 1.7148981779rem 5px 15px;
5267
5126
  text-align: center;
5268
5127
  transition: all 150ms ease-out;
5269
5128
  width: auto;
@@ -5274,15 +5133,15 @@
5274
5133
  border-color: rgb(255, 255, 255);
5275
5134
  color: rgb(30, 45, 190);
5276
5135
  }
5277
- .right-to-left .ilo--nav--trigger {
5136
+ [dir=rtl] .ilo--nav--trigger {
5278
5137
  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");
5279
5138
  background-color: rgb(35, 0, 80);
5280
- background-position: 90% 55%;
5281
5139
  background-repeat: no-repeat;
5282
5140
  background-size: 20px;
5283
- text-align: left;
5141
+ background-position: 10% 55%;
5142
+ padding: 7px 15px 5px 1.7148981779rem;
5284
5143
  }
5285
- .right-to-left .ilo--nav--trigger:focus, .right-to-left .ilo--nav--trigger:hover {
5144
+ [dir=rtl] .ilo--nav--trigger:focus, [dir=rtl] .ilo--nav--trigger:hover {
5286
5145
  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");
5287
5146
  background-color: rgb(255, 255, 255);
5288
5147
  color: rgb(30, 45, 190);
@@ -5294,11 +5153,8 @@
5294
5153
  display: flex;
5295
5154
  justify-content: space-between;
5296
5155
  }
5297
- .right-to-left .ilo--nav--local {
5298
- direction: rtl;
5299
- }
5300
5156
  @media screen and (min-width: 1024px) {
5301
- .right-to-left .ilo--nav--local {
5157
+ .ilo--nav--local [dir=rtl] {
5302
5158
  padding: 0 max((100% - 1260px) / 2, 20px) 0 0;
5303
5159
  }
5304
5160
  }
@@ -5309,7 +5165,7 @@
5309
5165
  }
5310
5166
  .ilo--nav--local--logo-wrapper {
5311
5167
  display: flex;
5312
- padding: 16px 0;
5168
+ padding: 0.857449089rem 0;
5313
5169
  }
5314
5170
  .ilo--nav--local--logo {
5315
5171
  width: var(--logo-width);
@@ -5338,7 +5194,7 @@
5338
5194
  .ilo--nav--local--link {
5339
5195
  background: inherit;
5340
5196
  color: rgb(255, 255, 255);
5341
- padding: 0 24px;
5197
+ padding: 0 1.2861736334rem;
5342
5198
  height: 100%;
5343
5199
  text-decoration: none;
5344
5200
  text-align: center;
@@ -5355,8 +5211,8 @@
5355
5211
 
5356
5212
  .ilo--mobile--nav {
5357
5213
  border-bottom: 3px solid rgb(237, 240, 242);
5358
- margin-bottom: 16px;
5359
- padding-bottom: 16px;
5214
+ margin-bottom: 0.857449089rem;
5215
+ padding-bottom: 0.857449089rem;
5360
5216
  }
5361
5217
  .ilo--mobile--nav--logo {
5362
5218
  align-items: center;
@@ -5394,7 +5250,7 @@
5394
5250
  display: block;
5395
5251
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5396
5252
  font-weight: 500;
5397
- padding: 16px 36px 16px 8px;
5253
+ padding: 0.857449089rem 1.9292604502rem 0.857449089rem 0.4287245445rem;
5398
5254
  line-height: 16px;
5399
5255
  text-align: left;
5400
5256
  transition: all 150ms ease-out;
@@ -5405,7 +5261,7 @@
5405
5261
  background-color: rgb(235, 245, 253);
5406
5262
  color: rgb(30, 45, 190);
5407
5263
  }
5408
- .right-to-left .ilo--mobile--nav--language--switcher--button {
5264
+ [dir=rtl] .ilo--mobile--nav--language--switcher--button {
5409
5265
  background-position: 16px 55%;
5410
5266
  text-align: right;
5411
5267
  }
@@ -5433,7 +5289,7 @@
5433
5289
  padding: 0 max((100% - 1300px) / 2, 20px) 0 0;
5434
5290
  position: relative;
5435
5291
  }
5436
- .right-to-left .ilo--language-switcher {
5292
+ [dir=rtl] .ilo--language-switcher {
5437
5293
  padding: 0 0 0 max((100% - 1300px) / 2, 20px);
5438
5294
  }
5439
5295
  .ilo--language-switcher::before {
@@ -5447,10 +5303,10 @@
5447
5303
  top: 0;
5448
5304
  width: 32px;
5449
5305
  }
5450
- .right-to-left .ilo--language-switcher::before {
5306
+ [dir=rtl] .ilo--language-switcher::before {
5451
5307
  clip-path: polygon(0 0, 0 100%, 100% 0);
5452
5308
  left: auto;
5453
- right: -32px;
5309
+ right: -31px;
5454
5310
  }
5455
5311
  .ilo--language-switcher--wrap {
5456
5312
  display: flex;
@@ -5472,7 +5328,7 @@
5472
5328
  display: block;
5473
5329
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5474
5330
  font-weight: 500;
5475
- padding: 8px 30px 8px 40px;
5331
+ padding: 0.4287245445rem 30px 0.4287245445rem 2.1436227224rem;
5476
5332
  transition: all 150ms ease-out;
5477
5333
  }
5478
5334
  .ilo--language-switcher--button:hover, .ilo--language-switcher--button:focus {
@@ -5480,6 +5336,10 @@
5480
5336
  background-color: rgb(235, 245, 253);
5481
5337
  color: rgb(30, 45, 190);
5482
5338
  }
5339
+ [dir=rtl] .ilo--language-switcher--button {
5340
+ padding: 0.4287245445rem 2.1436227224rem 0.4287245445rem 30px;
5341
+ background-position: calc(100% - 15px) center;
5342
+ }
5483
5343
  .ilo--language-switcher .ilo--context-menu {
5484
5344
  opacity: 0;
5485
5345
  visibility: hidden;
@@ -5504,7 +5364,7 @@
5504
5364
  background: rgb(255, 255, 255);
5505
5365
  height: 100%;
5506
5366
  left: 0;
5507
- padding: 0 0 32px;
5367
+ padding: 0 0 1.7148981779rem;
5508
5368
  position: absolute;
5509
5369
  top: 0;
5510
5370
  transform: translateX(100%);
@@ -5514,14 +5374,11 @@
5514
5374
  .ilo--subnav--open .ilo--subnav {
5515
5375
  transform: translateX(0);
5516
5376
  }
5517
- .right-to-left .ilo--subnav {
5518
- direction: rtl;
5519
- }
5520
5377
  @media screen and (min-width: 1024px) {
5521
5378
  .ilo--subnav {
5522
5379
  height: auto;
5523
5380
  left: 0;
5524
- padding: 32px 0;
5381
+ padding: 1.7148981779rem 0;
5525
5382
  top: auto;
5526
5383
  transform: translateY(-100%);
5527
5384
  transition: transform 225ms ease-out;
@@ -5563,7 +5420,7 @@
5563
5420
  display: flex;
5564
5421
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5565
5422
  font-weight: 500;
5566
- padding: 18px 8px;
5423
+ padding: 18px 0.4287245445rem;
5567
5424
  text-decoration: none;
5568
5425
  transition: all 150ms ease-out;
5569
5426
  }
@@ -5594,7 +5451,7 @@
5594
5451
  cursor: pointer;
5595
5452
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5596
5453
  font-weight: 500;
5597
- padding: 16px 16px 16px 32px;
5454
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 1.7148981779rem;
5598
5455
  position: relative;
5599
5456
  transition: all 150ms ease-out;
5600
5457
  }
@@ -5612,10 +5469,10 @@
5612
5469
  transform: translateY(-50%);
5613
5470
  width: 24px;
5614
5471
  }
5615
- .right-to-left .ilo--mobile--subnav--back {
5472
+ [dir=rtl] .ilo--mobile--subnav--back {
5616
5473
  padding: 16px 32px 16px 16px;
5617
5474
  }
5618
- .right-to-left .ilo--mobile--subnav--back::before {
5475
+ [dir=rtl] .ilo--mobile--subnav--back::before {
5619
5476
  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");
5620
5477
  background-position: 10% center;
5621
5478
  background-repeat: no-repeat;
@@ -5633,7 +5490,7 @@
5633
5490
  background-repeat: no-repeat;
5634
5491
  background-size: 24px;
5635
5492
  }
5636
- .right-to-left .ilo--mobile--subnav--back:hover::before, .right-to-left .ilo--mobile--subnav--back:focus::before {
5493
+ [dir=rtl] .ilo--mobile--subnav--back:hover::before, [dir=rtl] .ilo--mobile--subnav--back:focus::before {
5637
5494
  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");
5638
5495
  background-position: 10% center;
5639
5496
  background-repeat: no-repeat;
@@ -5652,8 +5509,8 @@
5652
5509
  color: rgb(45, 45, 45);
5653
5510
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5654
5511
  font-weight: 700;
5655
- margin-bottom: 16px;
5656
- padding: 20px 8px;
5512
+ margin-bottom: 0.857449089rem;
5513
+ padding: 1.0718113612rem 0.4287245445rem;
5657
5514
  width: 100%;
5658
5515
  }
5659
5516
 
@@ -5673,7 +5530,7 @@
5673
5530
  .ilo--search-box {
5674
5531
  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));
5675
5532
  left: 0;
5676
- padding: 32px 0;
5533
+ padding: 1.7148981779rem 0;
5677
5534
  top: auto;
5678
5535
  transform: translateY(-100%);
5679
5536
  transition: transform 225ms ease-out;
@@ -5689,7 +5546,7 @@
5689
5546
  .ilo--search-box .ilo--header--inner {
5690
5547
  align-items: center;
5691
5548
  justify-content: center;
5692
- padding: 80px 20px;
5549
+ padding: 4.2872454448rem 1.0718113612rem;
5693
5550
  }
5694
5551
  .ilo--search-box .ilo--form,
5695
5552
  .ilo--search-box .ilo--searchfield {
@@ -5757,7 +5614,7 @@
5757
5614
 
5758
5615
  /**
5759
5616
  * Do not edit directly
5760
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
5617
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
5761
5618
  */
5762
5619
  /**
5763
5620
  * TOKENS:
@@ -5767,7 +5624,7 @@
5767
5624
  */
5768
5625
  /**
5769
5626
  * Do not edit directly
5770
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
5627
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
5771
5628
  */
5772
5629
  /**
5773
5630
  * TOKENS:
@@ -5777,7 +5634,7 @@
5777
5634
  */
5778
5635
  /**
5779
5636
  * Do not edit directly
5780
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
5637
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
5781
5638
  */
5782
5639
  /**
5783
5640
  * TOKENS:
@@ -5817,24 +5674,24 @@
5817
5674
  }
5818
5675
  }
5819
5676
  .ilo--notification--dialog .ilo--notification--content {
5820
- padding: calc(1.2861736334rem + 2px) 1.2861736334rem;
5677
+ padding: 1.2861736334rem;
5821
5678
  }
5822
5679
  .ilo--notification--inline {
5823
5680
  max-width: 340px;
5824
5681
  }
5825
5682
  .ilo--notification--inline .ilo--notification--content {
5826
- padding: calc(1.2861736334rem + 2px) 1.2861736334rem;
5683
+ padding: 1.2861736334rem;
5827
5684
  }
5828
5685
  @media screen and (min-width: 610px) {
5829
5686
  .ilo--notification--inline {
5830
5687
  max-width: 100%;
5831
- width: 100%;
5832
5688
  }
5833
5689
  .ilo--notification--inline .ilo--notification--content {
5834
- align-items: start;
5690
+ max-width: 100%;
5835
5691
  display: flex;
5836
- justify-items: space-between;
5837
- padding: 0.7502679528rem 1.2861736334rem;
5692
+ justify-content: space-evenly;
5693
+ align-items: center;
5694
+ padding: 0.857449089rem 3.4297963558rem 0.857449089rem 1.2861736334rem;
5838
5695
  }
5839
5696
  }
5840
5697
  .ilo--notification--content {
@@ -5843,7 +5700,7 @@
5843
5700
  width: calc(100% - 40px);
5844
5701
  }
5845
5702
  .ilo--notification--content:before {
5846
- background-position: center 24px;
5703
+ background-position: center 1.2861736334rem;
5847
5704
  background-repeat: no-repeat;
5848
5705
  background-size: 0.857449089rem;
5849
5706
  content: "";
@@ -5898,18 +5755,9 @@
5898
5755
  margin-left: 1.2861736334rem;
5899
5756
  }
5900
5757
  }
5901
- .ilo--notification--copy:not(:last-child) {
5902
- margin-bottom: 1.2861736334rem;
5903
- }
5904
5758
  @media screen and (min-width: 610px) {
5905
5759
  .ilo--notification--inline .ilo--notification--copy:not(:last-child) {
5906
- margin-bottom: 0;
5907
- max-width: 24%;
5908
- }
5909
- }
5910
- @media screen and (min-width: 610px) and (min-width: 1024px) {
5911
- .ilo--notification--inline .ilo--notification--copy:not(:last-child) {
5912
- max-width: 40%;
5760
+ flex-grow: 1;
5913
5761
  }
5914
5762
  }
5915
5763
  .ilo--notification--date {
@@ -5926,7 +5774,7 @@
5926
5774
  }
5927
5775
  }
5928
5776
  .ilo--notification--date:not(:last-child) {
5929
- margin-bottom: 1.0182207931rem;
5777
+ margin-bottom: 1.0718113612rem;
5930
5778
  }
5931
5779
  @media screen and (min-width: 610px) {
5932
5780
  .ilo--notification--inline .ilo--notification--date {
@@ -5969,7 +5817,7 @@
5969
5817
 
5970
5818
  /**
5971
5819
  * Do not edit directly
5972
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
5820
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
5973
5821
  */
5974
5822
  /**
5975
5823
  * TOKENS:
@@ -6024,7 +5872,7 @@
6024
5872
  background: rgb(237, 240, 242);
6025
5873
  }
6026
5874
  .ilo--pagination--first-page {
6027
- margin: 0 0.4287245445rem 0 0;
5875
+ margin: 0 spacing 2 0 0;
6028
5876
  }
6029
5877
  .ilo--pagination--first-page::before {
6030
5878
  transform: translate(-50%, -50%) rotate(180deg);
@@ -6110,7 +5958,7 @@
6110
5958
 
6111
5959
  /**
6112
5960
  * Do not edit directly
6113
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
5961
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
6114
5962
  */
6115
5963
  /**
6116
5964
  * TOKENS:
@@ -6120,7 +5968,7 @@
6120
5968
  */
6121
5969
  /**
6122
5970
  * Do not edit directly
6123
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
5971
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
6124
5972
  */
6125
5973
  /**
6126
5974
  * TOKENS:
@@ -6145,7 +5993,7 @@
6145
5993
  }
6146
5994
  /**
6147
5995
  * Do not edit directly
6148
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
5996
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
6149
5997
  */
6150
5998
  /**
6151
5999
  * TOKENS:
@@ -6267,7 +6115,7 @@
6267
6115
  .ilo--profile__size__large .ilo--profile--avatar {
6268
6116
  width: 3.4297963558rem;
6269
6117
  height: 3.4297963558rem;
6270
- margin-inline-end: 0.8038585209rem;
6118
+ margin-inline-end: 0.857449089rem;
6271
6119
  }
6272
6120
  .ilo--profile__size__large .ilo--profile--name {
6273
6121
  font-weight: 700;
@@ -6284,18 +6132,18 @@
6284
6132
  font-size: 14.93px;
6285
6133
  letter-spacing: normal;
6286
6134
  line-height: 20.3px;
6287
- padding-block-start: 1.1254019293rem;
6135
+ padding-block-start: 1.0718113612rem;
6288
6136
  }
6289
6137
  .ilo--profile__size__large .ilo--profile--link {
6290
6138
  font-size: 16px;
6291
6139
  letter-spacing: normal;
6292
6140
  line-height: 23.36px;
6293
- padding-block-start: 1.1254019293rem;
6141
+ padding-block-start: 1.2861736334rem;
6294
6142
  }
6295
6143
 
6296
6144
  /**
6297
6145
  * Do not edit directly
6298
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6146
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
6299
6147
  */
6300
6148
  /**
6301
6149
  * TOKENS:
@@ -6364,7 +6212,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6364
6212
 
6365
6213
  /**
6366
6214
  * Do not edit directly
6367
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6215
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
6368
6216
  */
6369
6217
  /**
6370
6218
  * TOKENS:
@@ -6374,7 +6222,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6374
6222
  */
6375
6223
  /**
6376
6224
  * Do not edit directly
6377
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6225
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
6378
6226
  */
6379
6227
  /**
6380
6228
  * TOKENS:
@@ -6399,7 +6247,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6399
6247
  }
6400
6248
  /**
6401
6249
  * Do not edit directly
6402
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6250
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
6403
6251
  */
6404
6252
  /**
6405
6253
  * TOKENS:
@@ -6409,15 +6257,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6409
6257
  */
6410
6258
  .ilo--read-more--button {
6411
6259
  background: rgba(0, 0, 0, 0);
6412
- border-bottom: 0rem solid rgba(0, 0, 0, 0);
6413
- border-left: 0rem solid rgba(0, 0, 0, 0);
6414
- border-right: 0rem solid rgba(0, 0, 0, 0);
6415
- border-top: 0.1071811361rem solid rgb(237, 240, 242);
6260
+ border: none;
6261
+ border-top: solid 2px rgb(235, 245, 253);
6416
6262
  color: rgb(35, 0, 80);
6417
6263
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
6418
6264
  height: 3.0010718114rem;
6419
- margin: 1.7148981779rem 0rem 0rem 0rem;
6420
- padding: 0.857449089rem 1.6077170418rem 0.857449089rem 0.1071811361rem;
6265
+ margin-top: 1.7148981779rem;
6266
+ padding: 0.857449089rem 1.5005359057rem 0.857449089rem 0rem;
6421
6267
  position: relative;
6422
6268
  text-align: left;
6423
6269
  width: auto;
@@ -6440,10 +6286,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6440
6286
  }
6441
6287
  .ilo--read-more--button:hover {
6442
6288
  background: rgb(235, 245, 253);
6443
- border-bottom: 0rem solid rgba(0, 0, 0, 0);
6444
- border-left: 0rem solid rgba(0, 0, 0, 0);
6445
- border-right: 0rem solid rgba(0, 0, 0, 0);
6446
- border-top: 0.1071811361rem solid rgb(30, 45, 190);
6289
+ border-top: solid 2px rgb(30, 45, 190);
6447
6290
  color: rgb(30, 45, 190);
6448
6291
  cursor: pointer;
6449
6292
  transition-property: color, background-color, border-color;
@@ -6460,7 +6303,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6460
6303
 
6461
6304
  /**
6462
6305
  * Do not edit directly
6463
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6306
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
6464
6307
  */
6465
6308
  /**
6466
6309
  * TOKENS:
@@ -6608,7 +6451,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6608
6451
  .ilo--richtext hr {
6609
6452
  background-color: rgb(237, 240, 242);
6610
6453
  border: none;
6611
- height: 0.1607717042rem;
6454
+ height: 0.2143622722rem;
6612
6455
  margin-bottom: 3.0010718114rem;
6613
6456
  }
6614
6457
  .ilo--richtext h1,
@@ -6689,7 +6532,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6689
6532
  display: block;
6690
6533
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
6691
6534
  margin: 1.2861736334rem 0 2.1436227224rem 0;
6692
- padding: 2.8938906752rem 0 1.822079314rem 1.7148981779rem;
6535
+ padding: 4.0728831726rem 0 1.9292604502rem 1.7148981779rem;
6693
6536
  position: relative;
6694
6537
  width: 100%;
6695
6538
  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");
@@ -6801,7 +6644,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6801
6644
  margin-top: 3.0817323053rem;
6802
6645
  }
6803
6646
  .ilo--richtext hr {
6804
- margin-bottom: 3.4297963558rem;
6647
+ margin-bottom: 4.0728831726rem;
6805
6648
  }
6806
6649
  .ilo--richtext figure {
6807
6650
  width: 100%;
@@ -6809,8 +6652,8 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6809
6652
  }
6810
6653
  .ilo--richtext blockquote {
6811
6654
  background-size: 4.6087888532rem 2.5723472669rem;
6812
- margin: 1.7148981779rem 0 3.4297963558rem 0;
6813
- padding: 3.3226152197rem 0 2.5723472669rem 2.5723472669rem;
6655
+ margin: 1.7148981779rem 0 4.0728831726rem 0;
6656
+ padding: 3.4297963558rem 0 2.5723472669rem 2.5723472669rem;
6814
6657
  }
6815
6658
  .ilo--richtext blockquote p {
6816
6659
  margin-bottom: 1.2861736334rem;
@@ -6829,57 +6672,54 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6829
6672
  width: 3.4297963558rem;
6830
6673
  }
6831
6674
  }
6832
- .right-to-left .ilo--richtext {
6833
- direction: rtl;
6834
- }
6835
- .right-to-left .ilo--richtext figcaption {
6675
+ [dir=rtl] .ilo--richtext figcaption {
6836
6676
  border-left: none;
6837
6677
  border-right: 3px solid #b8c4cc;
6838
6678
  padding-left: 0;
6839
6679
  padding-right: 0.4287245445rem;
6840
6680
  }
6841
- .right-to-left .ilo--richtext ul li,
6842
- .right-to-left .ilo--richtext ol li {
6681
+ [dir=rtl] .ilo--richtext ul li,
6682
+ [dir=rtl] .ilo--richtext ol li {
6843
6683
  margin-left: 0;
6844
6684
  margin-right: 1.0718113612rem;
6845
6685
  padding-left: 0;
6846
6686
  padding-right: 0.6430868167rem;
6847
6687
  }
6848
- .right-to-left .ilo--richtext ul li {
6688
+ [dir=rtl] .ilo--richtext ul li {
6849
6689
  margin-right: 0.6430868167rem;
6850
6690
  }
6851
- .right-to-left .ilo--richtext ul li::before {
6691
+ [dir=rtl] .ilo--richtext ul li::before {
6852
6692
  left: auto;
6853
6693
  right: -0.6430868167rem;
6854
6694
  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");
6855
6695
  }
6856
- .right-to-left .ilo--richtext blockquote {
6696
+ [dir=rtl] .ilo--richtext blockquote {
6857
6697
  background-position: -1px -1px;
6858
- padding: 2.8938906752rem 1.7148981779rem 1.822079314rem 0;
6698
+ padding: 3.0010718114rem 1.7148981779rem 1.9292604502rem 0;
6859
6699
  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");
6860
6700
  }
6861
- .right-to-left .ilo--richtext blockquote p {
6701
+ [dir=rtl] .ilo--richtext blockquote p {
6862
6702
  padding: 0 0 0 2.5723472669rem;
6863
6703
  }
6864
- .right-to-left .ilo--richtext blockquote p:after {
6704
+ [dir=rtl] .ilo--richtext blockquote p:after {
6865
6705
  left: 0;
6866
6706
  right: auto;
6867
6707
  transform: scaleX(1);
6868
6708
  }
6869
- .right-to-left .ilo--richtext blockquote:before {
6709
+ [dir=rtl] .ilo--richtext blockquote:before {
6870
6710
  left: auto;
6871
6711
  right: 0;
6872
6712
  transform: scaleX(-1);
6873
6713
  }
6874
6714
  @media screen and (min-width: 610px) {
6875
- .right-to-left .ilo--richtext blockquote {
6876
- padding: 3.3226152197rem 2.5723472669rem 2.5723472669rem 0;
6715
+ [dir=rtl] .ilo--richtext blockquote {
6716
+ padding: 3.2154340836rem 2.5723472669rem 2.5723472669rem 0;
6877
6717
  }
6878
6718
  }
6879
6719
 
6880
6720
  /**
6881
6721
  * Do not edit directly
6882
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6722
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
6883
6723
  */
6884
6724
  /**
6885
6725
  * TOKENS:
@@ -6897,13 +6737,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6897
6737
  background-color: rgb(237, 240, 242);
6898
6738
  background-position: center center;
6899
6739
  background-repeat: no-repeat;
6900
- background-size: 24px 24px;
6740
+ background-size: 1.2861736334rem 1.2861736334rem;
6901
6741
  border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
6902
6742
  border-left: 0rem solid rgb(184, 196, 204);
6903
6743
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
6904
6744
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
6905
- height: 48px;
6906
- width: 46px;
6745
+ height: 2.5723472669rem;
6746
+ width: 2.4651661308rem;
6907
6747
  text-indent: -9999px;
6908
6748
  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");
6909
6749
  }
@@ -6923,17 +6763,14 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6923
6763
  opacity: 0.45;
6924
6764
  pointer-events: none;
6925
6765
  }
6926
- .right-to-left .ilo--searchfield {
6927
- direction: rtl;
6928
- }
6929
- .right-to-left .ilo--searchfield .ilo--searchfield--button {
6930
- border-left: 2px solid rgb(184, 196, 204);
6766
+ [dir=rtl] .ilo--searchfield .ilo--searchfield--button {
6767
+ border-left: 0.1071811361rem solid rgb(184, 196, 204);
6931
6768
  border-right: 0 solid rgb(184, 196, 204);
6932
6769
  }
6933
6770
 
6934
6771
  /**
6935
6772
  * Do not edit directly
6936
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6773
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
6937
6774
  */
6938
6775
  /**
6939
6776
  * TOKENS:
@@ -7001,8 +6838,8 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7001
6838
  display: flex;
7002
6839
  height: 3.2154340836rem;
7003
6840
  justify-content: flex-start;
7004
- padding-left: 8px;
7005
- padding-right: 24px;
6841
+ padding-left: 0.4287245445rem;
6842
+ padding-right: 1.2861736334rem;
7006
6843
  text-decoration: none;
7007
6844
  font-size: 16px;
7008
6845
  letter-spacing: -0.02em;
@@ -7086,13 +6923,10 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7086
6923
  width: min(var(--tabscount) / 1 * 100%, 100%);
7087
6924
  }
7088
6925
  }
7089
- .right-to-left .ilo--tabs {
7090
- direction: rtl;
7091
- }
7092
6926
 
7093
6927
  /**
7094
6928
  * Do not edit directly
7095
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
6929
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
7096
6930
  */
7097
6931
  /**
7098
6932
  * TOKENS:
@@ -7102,13 +6936,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7102
6936
  */
7103
6937
  .ilo--table {
7104
6938
  background-color: rgb(190, 220, 250);
7105
- padding: 80px 80px 80px 80px;
6939
+ padding: 4.2872454448rem;
7106
6940
  position: relative;
7107
6941
  }
7108
6942
  .ilo--table--header {
7109
6943
  background-color: rgb(255, 255, 255);
7110
6944
  border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
7111
- padding: 19px 8px 18px 8px;
6945
+ padding: 0.857449089rem 0.4287245445rem 1.0718113612rem 0.4287245445rem;
7112
6946
  }
7113
6947
  .ilo--table--wrapper {
7114
6948
  max-height: 380px;
@@ -7140,12 +6974,12 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7140
6974
  letter-spacing: normal;
7141
6975
  line-height: 20.3px;
7142
6976
  letter-spacing: -0.02em;
7143
- padding: 18px 36px 18px 6px;
6977
+ padding: 0.857449089rem 0.4287245445rem;
7144
6978
  pointer-events: none;
7145
6979
  text-align: left;
7146
6980
  }
7147
6981
  .ilo--table--small .ilo--table--head--cell {
7148
- padding: 10px 36px 10px 7px;
6982
+ padding: 0.4287245445rem;
7149
6983
  }
7150
6984
  .ilo--table--head--cell:first-of-type {
7151
6985
  border-left: none;
@@ -7197,11 +7031,11 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7197
7031
  letter-spacing: normal;
7198
7032
  line-height: 20.3px;
7199
7033
  outline: 0;
7200
- padding: 22px 11px 22px 11px;
7034
+ padding: 0.857449089rem 0.4287245445rem 1.0718113612rem;
7201
7035
  position: relative;
7202
7036
  }
7203
7037
  .ilo--table--small .ilo--table--body--cell {
7204
- padding: 13px 11px 13px 11px;
7038
+ padding: 0.6430868167rem 0.4287245445rem;
7205
7039
  }
7206
7040
  .ilo--table--body--cell:first-of-type {
7207
7041
  border-left: none;
@@ -7317,13 +7151,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7317
7151
  display: flex;
7318
7152
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
7319
7153
  font-weight: 700;
7320
- margin-bottom: 0.3751339764rem;
7154
+ margin-bottom: 0.4287245445rem;
7321
7155
  font-size: 18.66px;
7322
7156
  letter-spacing: -0.035em;
7323
7157
  line-height: 24.26px;
7324
7158
  }
7325
7159
  .ilo--table--headline .ilo--tooltip--wrapper {
7326
- margin-left: 0.3215434084rem;
7160
+ margin-left: 0.2143622722rem;
7327
7161
  }
7328
7162
  .ilo--table--description {
7329
7163
  color: rgb(109, 109, 109);
@@ -7443,7 +7277,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7443
7277
 
7444
7278
  /**
7445
7279
  * Do not edit directly
7446
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7280
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
7447
7281
  */
7448
7282
  /**
7449
7283
  * TOKENS:
@@ -7473,7 +7307,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7473
7307
  .ilo--table-of-contents--headline {
7474
7308
  border-bottom: 0.1607717042rem solid rgb(237, 240, 242);
7475
7309
  margin-bottom: 1.2861736334rem;
7476
- margin-top: 0.4823151125rem;
7310
+ margin-top: 0.4287245445rem;
7477
7311
  font-size: 18.66px;
7478
7312
  letter-spacing: normal;
7479
7313
  line-height: 27.24px;
@@ -7485,7 +7319,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7485
7319
  display: block;
7486
7320
  height: 100vh;
7487
7321
  left: 0;
7488
- padding: 1.3933547696rem;
7322
+ padding: 1.2861736334rem;
7489
7323
  position: fixed;
7490
7324
  top: 0;
7491
7325
  width: 100vw;
@@ -7560,16 +7394,16 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7560
7394
  background-position: calc(100% - 11px) center;
7561
7395
  background-repeat: no-repeat;
7562
7396
  background-size: 1.2861736334rem 1.2861736334rem;
7563
- border-bottom: rgb(255, 255, 255) 2px solid;
7397
+ border-bottom: rgb(255, 255, 255) 0.1071811361rem solid;
7564
7398
  color: rgb(35, 0, 80);
7565
7399
  display: block;
7566
7400
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
7567
7401
  font-weight: 500;
7568
- margin: 0 8px 0 8px;
7569
- padding: 18px 10px 18px 10px;
7402
+ margin: 0 0.4287245445rem 0 0.4287245445rem;
7403
+ padding: 0.857449089rem 0.4287245445rem 0.857449089rem;
7570
7404
  position: relative;
7571
7405
  text-decoration: none;
7572
- width: calc(100% - 8px - 8px);
7406
+ width: calc(100% - 16px);
7573
7407
  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");
7574
7408
  font-size: 16px;
7575
7409
  letter-spacing: -0.02em;
@@ -7580,12 +7414,12 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7580
7414
  }
7581
7415
  .ilo--table-of-contents--link:hover, .ilo--table-of-contents--link:focus {
7582
7416
  background-color: rgb(235, 245, 253);
7583
- border-bottom: rgb(30, 45, 190) 2px solid;
7417
+ border-bottom: rgb(30, 45, 190) 0.1071811361rem solid;
7584
7418
  background-position: calc(100% - 19px) center;
7585
7419
  color: rgb(30, 45, 190);
7586
7420
  margin: 0;
7587
7421
  outline: none;
7588
- padding: 18px 18px 18px 18px;
7422
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem;
7589
7423
  width: 100%;
7590
7424
  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");
7591
7425
  transition-property: background-color, border, color;
@@ -7594,12 +7428,12 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7594
7428
  }
7595
7429
  .ilo--table-of-contents--link:active {
7596
7430
  background-color: rgb(255, 255, 255);
7597
- border-bottom: rgb(35, 0, 80) 2px solid;
7598
- border-top: rgb(255, 255, 255) 2px solid;
7431
+ border-bottom: rgb(35, 0, 80) 0.1071811361rem solid;
7432
+ border-top: rgb(255, 255, 255) 0.1071811361rem solid;
7599
7433
  color: rgb(35, 0, 80);
7600
7434
  margin: -2px 0 0 0;
7601
7435
  outline: none;
7602
- padding: 18px 18px 18px 18px;
7436
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem;
7603
7437
  width: 100%;
7604
7438
  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");
7605
7439
  z-index: 5;
@@ -7608,28 +7442,22 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7608
7442
  border-bottom: none;
7609
7443
  }
7610
7444
  .ilo--table-of-contents--list--item:last-of-type .ilo--table-of-contents--link:hover {
7611
- border-bottom: rgb(30, 45, 190) 2px solid;
7445
+ border-bottom: rgb(30, 45, 190) 0.1071811361rem solid;
7612
7446
  }
7613
- .right-to-left .ilo--table-of-contents {
7614
- direction: rtl;
7615
- }
7616
- .right-to-left .ilo--table-of-contents .ilo--table-of-contents--link {
7447
+ [dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link {
7617
7448
  background-position: 11px center;
7618
7449
  }
7619
- .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 {
7450
+ [dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link:hover, [dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link:focus {
7620
7451
  background-position: 19px center;
7621
7452
  }
7622
- .right-to-left .ilo--table-of-contents--wrapper {
7623
- direction: rtl;
7624
- }
7625
- .right-to-left .ilo--table-of-contents--modal .toc--modal--close {
7453
+ [dir=rtl] .ilo--table-of-contents--modal .toc--modal--close {
7626
7454
  left: 0;
7627
7455
  right: auto;
7628
7456
  }
7629
7457
 
7630
7458
  /**
7631
7459
  * Do not edit directly
7632
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7460
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
7633
7461
  */
7634
7462
  /**
7635
7463
  * TOKENS:
@@ -7653,13 +7481,13 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7653
7481
  letter-spacing: -0.02em;
7654
7482
  line-height: 21.6px;
7655
7483
  height: 2.5723472669rem;
7656
- margin: 0rem 0rem 0rem 0rem;
7484
+ margin: 0rem;
7657
7485
  max-width: 100%;
7658
7486
  min-height: 6.4308681672rem;
7659
7487
  min-width: 100%;
7660
7488
  outline: none;
7661
7489
  position: relative;
7662
- padding: 0.857449089rem 0.6430868167rem 0.857449089rem 0.6430868167rem;
7490
+ padding: 0.857449089rem 0.6430868167rem;
7663
7491
  width: 100%;
7664
7492
  }
7665
7493
  .ilo--textarea:focus {
@@ -7668,7 +7496,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7668
7496
  border-left: 0.1607717042rem solid rgb(30, 45, 190);
7669
7497
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
7670
7498
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
7671
- padding-left: 11px;
7499
+ padding-left: 0.6430868167rem;
7672
7500
  }
7673
7501
  .ilo--textarea:disabled {
7674
7502
  opacity: 0.45;
@@ -7681,13 +7509,10 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7681
7509
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
7682
7510
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
7683
7511
  }
7684
- .right-to-left .ilo--textarea {
7685
- direction: rtl;
7686
- }
7687
7512
 
7688
7513
  /**
7689
7514
  * Do not edit directly
7690
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7515
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
7691
7516
  */
7692
7517
  /**
7693
7518
  * TOKENS:
@@ -7698,12 +7523,9 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7698
7523
  .ilo--tag-set {
7699
7524
  list-style: none;
7700
7525
  }
7701
- .right-to-left .ilo--tag-set {
7702
- direction: rtl;
7703
- }
7704
7526
  .ilo--tag-set__item {
7705
7527
  display: inline-block;
7706
- margin: 3px;
7528
+ margin: 0.2143622722rem;
7707
7529
  }
7708
7530
 
7709
7531
  .ilo--tag {
@@ -7716,7 +7538,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7716
7538
  display: inline-block;
7717
7539
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
7718
7540
  font-weight: 500;
7719
- padding: 0.3751339764rem 0.6430868167rem 0.2679528403rem 0.6430868167rem;
7541
+ padding: 0.4287245445rem 0.6430868167rem;
7720
7542
  text-decoration: none;
7721
7543
  transition-property: color, background-color, border-color;
7722
7544
  transition-duration: 150ms;
@@ -7767,7 +7589,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7767
7589
  cursor: pointer;
7768
7590
  display: none;
7769
7591
  opacity: 0;
7770
- padding-right: 36px;
7592
+ padding-right: 1.9292604502rem;
7771
7593
  position: relative;
7772
7594
  visibility: hidden;
7773
7595
  }
@@ -7865,7 +7687,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7865
7687
 
7866
7688
  /**
7867
7689
  * Do not edit directly
7868
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7690
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
7869
7691
  */
7870
7692
  /**
7871
7693
  * TOKENS:
@@ -7889,9 +7711,9 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7889
7711
  letter-spacing: -0.02em;
7890
7712
  line-height: 21.6px;
7891
7713
  height: 2.5723472669rem;
7892
- margin: 0rem 0rem 0rem 0rem;
7714
+ margin: 0rem;
7893
7715
  outline: none;
7894
- padding: 0.857449089rem 0.6430868167rem 0.857449089rem 0.6430868167rem;
7716
+ padding: 0.857449089rem 0.6430868167rem;
7895
7717
  width: 100%;
7896
7718
  }
7897
7719
  .ilo--text-input:focus {
@@ -7900,7 +7722,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7900
7722
  border-left: 0.1607717042rem solid rgb(30, 45, 190);
7901
7723
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
7902
7724
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
7903
- padding-left: 11px;
7725
+ padding-left: 0.6430868167rem;
7904
7726
  outline: none;
7905
7727
  }
7906
7728
  .ilo--text-input:disabled {
@@ -7909,14 +7731,6 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7909
7731
  }
7910
7732
  .ilo--text-input:invalid, .ilo--text-input__error {
7911
7733
  background-color: rgb(255, 255, 255);
7912
- }
7913
- .ilo--text-input:invalid {
7914
- border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
7915
- border-left: 0.1607717042rem solid rgb(255, 205, 45);
7916
- border-right: 0.1071811361rem solid rgb(184, 196, 204);
7917
- border-top: 0.1071811361rem solid rgb(184, 196, 204);
7918
- }
7919
- .ilo--text-input__error {
7920
7734
  border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
7921
7735
  border-left: 0.1607717042rem solid rgb(200, 48, 60);
7922
7736
  border-right: 0.1071811361rem solid rgb(184, 196, 204);
@@ -7925,7 +7739,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7925
7739
 
7926
7740
  /**
7927
7741
  * Do not edit directly
7928
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7742
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
7929
7743
  */
7930
7744
  /**
7931
7745
  * TOKENS:
@@ -7935,7 +7749,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7935
7749
  */
7936
7750
  /**
7937
7751
  * Do not edit directly
7938
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7752
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
7939
7753
  */
7940
7754
  /**
7941
7755
  * TOKENS:
@@ -8037,7 +7851,7 @@ input:checked + .ilo--input--toggle--slider:before {
8037
7851
 
8038
7852
  /**
8039
7853
  * Do not edit directly
8040
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7854
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
8041
7855
  */
8042
7856
  /**
8043
7857
  * TOKENS:
@@ -8049,6 +7863,8 @@ input:checked + .ilo--input--toggle--slider:before {
8049
7863
  font-size: 14.93px;
8050
7864
  letter-spacing: normal;
8051
7865
  line-height: 20.3px;
7866
+ font-family: Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
7867
+ font-weight: 400;
8052
7868
  background: rgb(255, 255, 255);
8053
7869
  border: none;
8054
7870
  border-radius: 0.1071811361rem;
@@ -8056,25 +7872,49 @@ input:checked + .ilo--input--toggle--slider:before {
8056
7872
  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));
8057
7873
  color: rgb(45, 45, 45);
8058
7874
  opacity: 0;
8059
- padding: 0.4287245445rem 0.6430868167rem;
7875
+ padding: 0.4287245445rem 0.857449089rem 0.6430868167rem;
8060
7876
  position: absolute;
8061
7877
  visibility: hidden;
8062
- width: auto;
8063
- transition-property: opacity;
8064
- transition-duration: 150ms;
8065
- transition-timing-function: ease-out;
7878
+ width: max-content;
7879
+ max-width: 9.6463022508rem;
7880
+ }
7881
+ @media screen and (min-width: 610px) {
7882
+ .ilo--tooltip--long {
7883
+ max-width: 21.436227224rem;
7884
+ }
8066
7885
  }
8067
7886
  .ilo--tooltip--fade {
8068
7887
  opacity: 1;
8069
- transition-property: opacity;
8070
- transition-duration: 150ms;
8071
- transition-timing-function: ease-out;
8072
7888
  }
8073
7889
  .ilo--tooltip--visible {
8074
7890
  visibility: visible;
8075
7891
  z-index: 2;
8076
7892
  opacity: 1;
8077
7893
  }
7894
+ .ilo--tooltip--arrow, .ilo--tooltip--arrow::before {
7895
+ position: absolute;
7896
+ visibility: hidden;
7897
+ width: 10px;
7898
+ height: 10px;
7899
+ background: inherit;
7900
+ }
7901
+ .ilo--tooltip--arrow::before {
7902
+ visibility: visible;
7903
+ content: "";
7904
+ transform: rotate(45deg);
7905
+ }
7906
+ .ilo--tooltip[data-popper-placement^=top] > .ilo--tooltip--arrow {
7907
+ bottom: -4px;
7908
+ }
7909
+ .ilo--tooltip[data-popper-placement^=bottom] > .ilo--tooltip--arrow {
7910
+ top: -4px;
7911
+ }
7912
+ .ilo--tooltip[data-popper-placement^=left] > .ilo--tooltip--arrow {
7913
+ right: -4px;
7914
+ }
7915
+ .ilo--tooltip[data-popper-placement^=right] > .ilo--tooltip--arrow {
7916
+ left: -4px;
7917
+ }
8078
7918
  .ilo--tooltip--wrapper {
8079
7919
  display: inline-block;
8080
7920
  position: relative;
@@ -8090,119 +7930,20 @@ input:checked + .ilo--input--toggle--slider:before {
8090
7930
  .ilo--tooltip--wrapper__icon.ilo--tooltip--wrapper__icon__theme__dark {
8091
7931
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='rgb(237, 240, 242)' d='M8 0C6.4 0 4.9.5 3.6 1.3c-1.4.9-2.4 2.2-3 3.6C0 6.4-.2 8 .2 9.6c.3 1.6 1.1 3 2.2 4.1 1.1 1.1 2.5 1.9 4.1 2.2s3.2.2 4.6-.5c1.5-.6 2.7-1.6 3.6-2.9.8-1.4 1.3-2.9 1.3-4.5 0-2.1-.8-4.2-2.3-5.7C12.2.8 10.1 0 8 0zm0 14c-1.2 0-2.3-.4-3.3-1-1-.7-1.8-1.6-2.2-2.7C2 9.2 1.9 8 2.1 6.8c.2-1.2.8-2.2 1.6-3.1.8-.8 1.9-1.4 3.1-1.6 1.2-.2 2.4-.1 3.5.4s2 1.2 2.7 2.2c.7 1 1 2.1 1 3.3 0 1.6-.6 3.1-1.8 4.2C11.1 13.4 9.6 14 8 14z'/%3e%3cpath fill='rgb(237, 240, 242)' d='M9 7H7v5h2V7zM8 6c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1z'/%3e%3c/svg%3e");
8092
7932
  }
8093
- .ilo--tooltip--arrow {
8094
- border-color: transparent;
8095
- border-right-color: transparent;
8096
- border-style: solid;
8097
- border-width: 0;
8098
- height: 0;
8099
- margin-top: -7px;
8100
- position: absolute;
8101
- width: 0;
8102
- }
8103
- .ilo--tooltip--alignment-top {
8104
- left: 0;
8105
- top: calc(-100% + 12px);
8106
- }
8107
- .ilo--tooltip--alignment-top .ilo--tooltip--arrow {
8108
- border-top-color: rgb(255, 255, 255);
8109
- border-width: 12px 7px 0 7px;
8110
- bottom: -12px;
8111
- left: 50%;
8112
- margin-left: -7px;
8113
- top: auto;
8114
- }
8115
- .ilo--tooltip--alignment-top .ilo--tooltip--arrow--placement-negative {
8116
- left: 10%;
8117
- }
8118
- .ilo--tooltip--alignment-top .ilo--tooltip--arrow--placement-positive {
8119
- left: auto;
8120
- right: 10%;
8121
- }
8122
- .ilo--tooltip--alignment-top .ilo--tooltip--arrow--placement-center {
8123
- left: 50%;
8124
- }
8125
- .ilo--tooltip--alignment-right {
8126
- left: calc(100% + 32px);
8127
- top: calc(50% - 7px);
8128
- }
8129
- .ilo--tooltip--alignment-right .ilo--tooltip--arrow {
8130
- border-right-color: rgb(255, 255, 255);
8131
- border-width: 7px 12px 7px 0;
8132
- left: 0;
8133
- margin-left: -12px;
8134
- top: 50%;
8135
- }
8136
- .ilo--tooltip--alignment-right .ilo--tooltip--arrow--placement-negative {
8137
- margin-top: 0;
8138
- top: 10%;
8139
- }
8140
- .ilo--tooltip--alignment-right .ilo--tooltip--arrow--placement-positive {
8141
- top: auto;
8142
- bottom: 10%;
8143
- }
8144
- .ilo--tooltip--alignment-right .ilo--tooltip--arrow--placement-center {
8145
- top: 50%;
8146
- }
8147
- .ilo--tooltip--alignment-left {
8148
- right: calc(100% + 32px);
8149
- top: calc(50% - 7px);
8150
- }
8151
- .ilo--tooltip--alignment-left .ilo--tooltip--arrow {
8152
- border-left-color: rgb(255, 255, 255);
8153
- border-width: 7px 0 7px 12px;
8154
- left: auto;
8155
- margin-top: -7px;
8156
- right: -12px;
8157
- top: 50%;
8158
- }
8159
- .ilo--tooltip--alignment-left .ilo--tooltip--arrow--placement-negative {
8160
- margin-top: 0;
8161
- top: 10%;
8162
- }
8163
- .ilo--tooltip--alignment-left .ilo--tooltip--arrow--placement-positive {
8164
- top: auto;
8165
- bottom: 10%;
8166
- }
8167
- .ilo--tooltip--alignment-left .ilo--tooltip--arrow--placement-center {
8168
- top: 50%;
8169
- }
8170
- .ilo--tooltip--alignment-bottom {
8171
- left: 0;
8172
- top: calc(100% + 12px);
8173
- }
8174
- .ilo--tooltip--alignment-bottom .ilo--tooltip--arrow {
8175
- border-width: 0 7px 12px 7px;
8176
- left: 50%;
8177
- margin-left: -7px;
8178
- margin-top: -12px;
8179
- top: 0;
8180
- border-bottom-color: rgb(255, 255, 255);
8181
- }
8182
- .ilo--tooltip--alignment-bottom .ilo--tooltip--arrow--placement-negative {
8183
- left: 10%;
8184
- }
8185
- .ilo--tooltip--alignment-bottom .ilo--tooltip--arrow--placement-positive {
8186
- left: auto;
8187
- right: 10%;
8188
- }
8189
- .ilo--tooltip--alignment-bottom .ilo--tooltip--arrow--placement-center {
8190
- left: 50%;
8191
- }
8192
7933
  .ilo--tooltip--dark {
8193
7934
  background: rgb(45, 45, 45);
8194
7935
  color: rgb(237, 240, 242);
8195
7936
  }
8196
- .ilo--tooltip--dark.ilo--tooltip--alignment-bottom .ilo--tooltip--arrow {
7937
+ .ilo--tooltip--dark.ilo--tooltip--arrow {
8197
7938
  border-bottom-color: rgb(45, 45, 45);
8198
7939
  }
8199
- .ilo--tooltip--dark.ilo--tooltip--alignment-top .ilo--tooltip--arrow {
7940
+ .ilo--tooltip--dark.ilo--tooltip--arrow {
8200
7941
  border-top-color: rgb(45, 45, 45);
8201
7942
  }
8202
- .ilo--tooltip--dark.ilo--tooltip--alignment-left .ilo--tooltip--arrow {
7943
+ .ilo--tooltip--dark.ilo--tooltip--arrow {
8203
7944
  border-left-color: rgb(45, 45, 45);
8204
7945
  }
8205
- .ilo--tooltip--dark.ilo--tooltip--alignment-right .ilo--tooltip--arrow {
7946
+ .ilo--tooltip--dark.ilo--tooltip--arrow {
8206
7947
  border-right-color: rgb(45, 45, 45);
8207
7948
  }
8208
7949
 
@@ -8212,7 +7953,7 @@ input:checked + .ilo--input--toggle--slider:before {
8212
7953
 
8213
7954
  /**
8214
7955
  * Do not edit directly
8215
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
7956
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
8216
7957
  */
8217
7958
  /**
8218
7959
  * TOKENS:
@@ -8233,7 +7974,7 @@ input:checked + .ilo--input--toggle--slider:before {
8233
7974
  line-height: 0;
8234
7975
  }
8235
7976
  .ilo--video--caption {
8236
- border-left: 3px solid rgb(184, 196, 204);
7977
+ border-left: 0.1607717042rem solid rgb(184, 196, 204);
8237
7978
  color: rgb(109, 109, 109);
8238
7979
  font-weight: 400;
8239
7980
  margin-top: 0.857449089rem;
@@ -8327,9 +8068,13 @@ input:checked + .ilo--input--toggle--slider:before {
8327
8068
  .ilo--video .vjs-control-bar.notplayed {
8328
8069
  flex-direction: column;
8329
8070
  height: 122px;
8330
- width: 2.5723472669rem;
8071
+ width: 0.2143622722rem;
8331
8072
  }
8332
8073
  }
8074
+ [dir=rtl] .ilo--video--controls,
8075
+ [dir=rtl] .ilo--video .vjs-control-bar {
8076
+ justify-content: flex-end;
8077
+ }
8333
8078
  .ilo--video--controls button span,
8334
8079
  .ilo--video .vjs-control-bar button span {
8335
8080
  width: 1px;
@@ -8353,7 +8098,7 @@ input:checked + .ilo--input--toggle--slider:before {
8353
8098
  cursor: pointer;
8354
8099
  height: 100%;
8355
8100
  order: 1;
8356
- width: 40px;
8101
+ width: 2.1436227224rem;
8357
8102
  -webkit-appearance: none;
8358
8103
  -moz-appearance: none;
8359
8104
  }
@@ -8383,7 +8128,7 @@ input:checked + .ilo--input--toggle--slider:before {
8383
8128
  .ilo--video .vjs-control-bar .vjs-big-play-button {
8384
8129
  background-position: center center;
8385
8130
  background-repeat: no-repeat;
8386
- background-size: 48px 48px;
8131
+ background-size: 2.5723472669rem 2.5723472669rem;
8387
8132
  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");
8388
8133
  }
8389
8134
  .ilo--video--controls--play.ilo--video--controls--play--hovered, .ilo--video--controls--play:hover, .ilo--video--controls--play:focus,
@@ -8405,7 +8150,7 @@ input:checked + .ilo--input--toggle--slider:before {
8405
8150
  background-color: rgb(235, 245, 253);
8406
8151
  background-position: center center;
8407
8152
  background-repeat: no-repeat;
8408
- background-size: 48px 48px;
8153
+ background-size: 2.5723472669rem 2.5723472669rem;
8409
8154
  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");
8410
8155
  }
8411
8156
  .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,
@@ -8442,32 +8187,47 @@ input:checked + .ilo--input--toggle--slider:before {
8442
8187
  background-color: rgb(235, 245, 253);
8443
8188
  color: rgb(30, 45, 190);
8444
8189
  }
8445
- .ilo--video--controls--play.vjs-paused,
8190
+ .ilo--video--controls--play.vjs-paused, .ilo--video--controls--play.vjs-ended,
8446
8191
  .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused,
8192
+ .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended,
8447
8193
  .ilo--video--controls .vjs-big-play-button.vjs-paused,
8194
+ .ilo--video--controls .vjs-big-play-button.vjs-ended,
8448
8195
  .ilo--video .vjs-control-bar--play.vjs-paused,
8196
+ .ilo--video .vjs-control-bar--play.vjs-ended,
8449
8197
  .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused,
8450
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused {
8198
+ .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended,
8199
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused,
8200
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended {
8451
8201
  background-position: center center;
8452
8202
  background-repeat: no-repeat;
8453
- background-size: 24px 24px;
8203
+ background-size: 1.2861736334rem 1.2861736334rem;
8454
8204
  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");
8455
8205
  }
8456
- .ilo--video--controls--play.vjs-paused:hover, .ilo--video--controls--play.vjs-paused:focus,
8206
+ .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,
8457
8207
  .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8458
8208
  .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
8209
+ .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
8210
+ .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
8459
8211
  .ilo--video--controls .vjs-big-play-button.vjs-paused:hover,
8460
8212
  .ilo--video--controls .vjs-big-play-button.vjs-paused:focus,
8213
+ .ilo--video--controls .vjs-big-play-button.vjs-ended:hover,
8214
+ .ilo--video--controls .vjs-big-play-button.vjs-ended:focus,
8461
8215
  .ilo--video .vjs-control-bar--play.vjs-paused:hover,
8462
8216
  .ilo--video .vjs-control-bar--play.vjs-paused:focus,
8217
+ .ilo--video .vjs-control-bar--play.vjs-ended:hover,
8218
+ .ilo--video .vjs-control-bar--play.vjs-ended:focus,
8463
8219
  .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8464
8220
  .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
8221
+ .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
8222
+ .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
8465
8223
  .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:hover,
8466
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:focus {
8224
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:focus,
8225
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended:hover,
8226
+ .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended:focus {
8467
8227
  background-color: rgb(235, 245, 253);
8468
8228
  background-position: center center;
8469
8229
  background-repeat: no-repeat;
8470
- background-size: 24px 24px;
8230
+ background-size: 1.2861736334rem 1.2861736334rem;
8471
8231
  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");
8472
8232
  }
8473
8233
  .ilo--video--controls:not(.notplayed) .ilo--video--controls--play,
@@ -8480,7 +8240,7 @@ input:checked + .ilo--input--toggle--slider:before {
8480
8240
  .ilo--video .vjs-control-bar .vjs-playing {
8481
8241
  background-position: center center;
8482
8242
  background-repeat: no-repeat;
8483
- background-size: 24px 24px;
8243
+ background-size: 1.2861736334rem 1.2861736334rem;
8484
8244
  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");
8485
8245
  }
8486
8246
  .ilo--video--controls--pause:hover, .ilo--video--controls--pause:focus,
@@ -8493,7 +8253,7 @@ input:checked + .ilo--input--toggle--slider:before {
8493
8253
  background-color: rgb(235, 245, 253);
8494
8254
  background-position: center center;
8495
8255
  background-repeat: no-repeat;
8496
- background-size: 24px 24px;
8256
+ background-size: 1.2861736334rem 1.2861736334rem;
8497
8257
  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");
8498
8258
  }
8499
8259
  .ilo--video--controls--duration,
@@ -8505,9 +8265,9 @@ input:checked + .ilo--input--toggle--slider:before {
8505
8265
  display: none;
8506
8266
  height: 100%;
8507
8267
  font-weight: 700;
8508
- margin-left: 2px;
8268
+ margin-left: 0.1071811361rem;
8509
8269
  order: 2;
8510
- padding-top: 9px;
8270
+ padding-top: 0.4823151125rem;
8511
8271
  text-align: center;
8512
8272
  width: 4.2872454448rem;
8513
8273
  font-size: 14.93px;
@@ -8540,7 +8300,7 @@ input:checked + .ilo--input--toggle--slider:before {
8540
8300
  background-color: rgb(235, 245, 253);
8541
8301
  background-position: center center;
8542
8302
  background-repeat: no-repeat;
8543
- background-size: 48px 48px;
8303
+ background-size: 2.5723472669rem 2.5723472669rem;
8544
8304
  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");
8545
8305
  }
8546
8306
  .ilo--video--controls--duration.show,
@@ -8883,7 +8643,7 @@ input:checked + .ilo--input--toggle--slider:before {
8883
8643
  -moz-appearance: none;
8884
8644
  background-position: center center;
8885
8645
  background-repeat: no-repeat;
8886
- background-size: 24px 24px;
8646
+ background-size: 1.2861736334rem 1.2861736334rem;
8887
8647
  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");
8888
8648
  }
8889
8649
  .ilo--video--controls--showvolume:hover, .ilo--video--controls--showvolume:focus,
@@ -8896,7 +8656,7 @@ input:checked + .ilo--input--toggle--slider:before {
8896
8656
  background-color: rgb(235, 245, 253);
8897
8657
  background-position: center center;
8898
8658
  background-repeat: no-repeat;
8899
- background-size: 24px 24px;
8659
+ background-size: 1.2861736334rem 1.2861736334rem;
8900
8660
  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");
8901
8661
  }
8902
8662
  .ilo--video--controls--showvolume.muted, .ilo--video--controls--showvolume[title=Unmute],
@@ -8908,7 +8668,7 @@ input:checked + .ilo--input--toggle--slider:before {
8908
8668
  .ilo--video .vjs-control-bar .vjs-mute-control[title=Unmute] {
8909
8669
  background-position: center center;
8910
8670
  background-repeat: no-repeat;
8911
- background-size: 24px 24px;
8671
+ background-size: 1.2861736334rem 1.2861736334rem;
8912
8672
  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");
8913
8673
  }
8914
8674
  .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,
@@ -8927,7 +8687,7 @@ input:checked + .ilo--input--toggle--slider:before {
8927
8687
  background-color: #ebf5fd;
8928
8688
  background-position: center center;
8929
8689
  background-repeat: no-repeat;
8930
- background-size: 24px 24px;
8690
+ background-size: 1.2861736334rem 1.2861736334rem;
8931
8691
  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");
8932
8692
  }
8933
8693
  .ilo--video--controls--setvolume,
@@ -9050,7 +8810,7 @@ input:checked + .ilo--input--toggle--slider:before {
9050
8810
  -moz-appearance: none;
9051
8811
  background-position: center center;
9052
8812
  background-repeat: no-repeat;
9053
- background-size: 24px 24px;
8813
+ background-size: 1.2861736334rem 1.2861736334rem;
9054
8814
  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");
9055
8815
  }
9056
8816
  .ilo--video--controls--fullscreen:hover, .ilo--video--controls--fullscreen:focus,
@@ -9063,7 +8823,7 @@ input:checked + .ilo--input--toggle--slider:before {
9063
8823
  background-color: #ebf5fd;
9064
8824
  background-position: center center;
9065
8825
  background-repeat: no-repeat;
9066
- background-size: 24px 24px;
8826
+ background-size: 1.2861736334rem 1.2861736334rem;
9067
8827
  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");
9068
8828
  }
9069
8829
  .ilo--video--controls--fullscreen.show,
@@ -9091,6 +8851,10 @@ input:checked + .ilo--input--toggle--slider:before {
9091
8851
  left: 0;
9092
8852
  width: 80px;
9093
8853
  }
8854
+ [dir=rtl] .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
8855
+ left: auto;
8856
+ right: 0;
8857
+ }
9094
8858
  }
9095
8859
  .ilo--video--element:not(.vjs-has-started) .vjs-duration {
9096
8860
  display: block;
@@ -9142,21 +8906,20 @@ input:checked + .ilo--input--toggle--slider:before {
9142
8906
  position: relative;
9143
8907
  }
9144
8908
 
9145
- .right-to-left .ilo--video--caption {
8909
+ [dir=rtl] .ilo--video--caption {
9146
8910
  border-left: none;
9147
8911
  border-right: 3px solid #b8c4cc;
9148
- direction: rtl;
9149
8912
  padding-left: 0;
9150
8913
  padding-right: 0.4287245445rem;
9151
8914
  }
9152
- .right-to-left .ilo--credit {
8915
+ [dir=rtl] .ilo--credit {
9153
8916
  left: auto;
9154
8917
  right: 0;
9155
8918
  }
9156
8919
 
9157
8920
  /**
9158
8921
  * Do not edit directly
9159
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
8922
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
9160
8923
  */
9161
8924
  /**
9162
8925
  * TOKENS:
@@ -9166,7 +8929,7 @@ input:checked + .ilo--input--toggle--slider:before {
9166
8929
  */
9167
8930
  /**
9168
8931
  * Do not edit directly
9169
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
8932
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
9170
8933
  */
9171
8934
  /**
9172
8935
  * TOKENS:
@@ -9191,7 +8954,7 @@ input:checked + .ilo--input--toggle--slider:before {
9191
8954
  }
9192
8955
  /**
9193
8956
  * Do not edit directly
9194
- * Generated on Wed, 15 Nov 2023 15:26:06 GMT
8957
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
9195
8958
  */
9196
8959
  /**
9197
8960
  * TOKENS:
@@ -9204,21 +8967,12 @@ input:checked + .ilo--input--toggle--slider:before {
9204
8967
  flex-flow: column nowrap;
9205
8968
  align-items: flex-start;
9206
8969
  }
8970
+ .ilo--social-media [dir=rtl] {
8971
+ align-items: flex-end;
8972
+ }
9207
8973
  .ilo--social-media__justify__center {
9208
8974
  align-items: center;
9209
8975
  }
9210
- .right-to-left .ilo--social-media {
9211
- direction: rtl;
9212
- }
9213
- .right-to-left .ilo--social-media .social--links {
9214
- flex-direction: row-reverse;
9215
- }
9216
- .right-to-left .ilo--social-media .ilo--social-media--list--item--icon {
9217
- text-indent: 999px;
9218
- }
9219
- .right-to-left .ilo--social-media * {
9220
- text-align: right;
9221
- }
9222
8976
  .ilo--social-media--headline {
9223
8977
  color: rgb(35, 0, 80);
9224
8978
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
@@ -9234,7 +8988,7 @@ input:checked + .ilo--input--toggle--slider:before {
9234
8988
  .ilo--social-media--list {
9235
8989
  display: inline-flex;
9236
8990
  flex-flow: row wrap;
9237
- gap: 22px;
8991
+ gap: 0.857449089rem;
9238
8992
  }
9239
8993
  .ilo--social-media--list--item {
9240
8994
  display: inline-block;