@ilo-org/styles 0.9.2 → 0.10.1

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 (37) hide show
  1. package/build/css/components/index.css +325 -233
  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 +325 -233
  6. package/build/css/index.css.map +1 -1
  7. package/build/css/monorepo.css +325 -233
  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/container.css +1 -0
  14. package/css/components/file-upload.css +1 -1
  15. package/css/components/footer.css +1 -1
  16. package/css/components/formcontrol.css +1 -1
  17. package/css/components/herocard.css +1 -1
  18. package/css/components/navigation.css +1 -1
  19. package/css/components/radio.css +1 -1
  20. package/css/components/socialmedia.css +1 -1
  21. package/css/components/tooltip.css +1 -1
  22. package/css/global.css.map +1 -1
  23. package/css/index.css +1 -1
  24. package/css/index.css.map +1 -1
  25. package/css/monorepo.css +1 -1
  26. package/css/monorepo.css.map +1 -1
  27. package/package.json +2 -2
  28. package/scss/components/_container.scss +11 -0
  29. package/scss/components/_file-upload.scss +5 -2
  30. package/scss/components/_footer.scss +186 -125
  31. package/scss/components/_formcontrol.scss +13 -13
  32. package/scss/components/_herocard.scss +11 -6
  33. package/scss/components/_navigation.scss +10 -10
  34. package/scss/components/_radio.scss +23 -28
  35. package/scss/components/_socialmedia.scss +10 -0
  36. package/scss/components/_tooltip.scss +2 -4
  37. package/scss/components/index.scss +1 -0
@@ -152,7 +152,7 @@ select {
152
152
  }
153
153
  /**
154
154
  * Do not edit directly
155
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
155
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
156
156
  */
157
157
  /**
158
158
  * TOKENS:
@@ -251,7 +251,7 @@ body {
251
251
 
252
252
  /**
253
253
  * Do not edit directly
254
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
254
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
255
255
  */
256
256
  /**
257
257
  * TOKENS:
@@ -370,7 +370,7 @@ body {
370
370
 
371
371
  /**
372
372
  * Do not edit directly
373
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
373
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
374
374
  */
375
375
  /**
376
376
  * TOKENS:
@@ -395,7 +395,7 @@ body {
395
395
  }
396
396
  /**
397
397
  * Do not edit directly
398
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
398
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
399
399
  */
400
400
  /**
401
401
  * TOKENS:
@@ -649,7 +649,7 @@ body {
649
649
 
650
650
  /**
651
651
  * Do not edit directly
652
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
652
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
653
653
  */
654
654
  /**
655
655
  * TOKENS:
@@ -659,7 +659,7 @@ body {
659
659
  */
660
660
  /**
661
661
  * Do not edit directly
662
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
662
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
663
663
  */
664
664
  /**
665
665
  * TOKENS:
@@ -684,7 +684,7 @@ body {
684
684
  }
685
685
  /**
686
686
  * Do not edit directly
687
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
687
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
688
688
  */
689
689
  /**
690
690
  * TOKENS:
@@ -974,7 +974,7 @@ body {
974
974
 
975
975
  /**
976
976
  * Do not edit directly
977
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
977
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
978
978
  */
979
979
  /**
980
980
  * TOKENS:
@@ -1104,7 +1104,59 @@ body {
1104
1104
 
1105
1105
  /**
1106
1106
  * Do not edit directly
1107
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
1107
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
1108
+ */
1109
+ /**
1110
+ * TOKENS:
1111
+ */
1112
+ /**
1113
+ * MAPS:
1114
+ */
1115
+ /**
1116
+ * Do not edit directly
1117
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
1118
+ */
1119
+ /**
1120
+ * TOKENS:
1121
+ */
1122
+ /**
1123
+ * MAPS:
1124
+ */
1125
+ @keyframes emptygradient {
1126
+ 0% {
1127
+ opacity: 1;
1128
+ }
1129
+ 100% {
1130
+ opacity: 0;
1131
+ }
1132
+ }
1133
+ @keyframes spin {
1134
+ 100% {
1135
+ -moz-transform: rotate(360deg);
1136
+ -webkit-transform: rotate(360deg);
1137
+ transform: rotate(360deg);
1138
+ }
1139
+ }
1140
+ /**
1141
+ * Do not edit directly
1142
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
1143
+ */
1144
+ /**
1145
+ * TOKENS:
1146
+ */
1147
+ /**
1148
+ * MAPS:
1149
+ */
1150
+ .ilo--container {
1151
+ margin: auto;
1152
+ max-width: 1300px;
1153
+ padding: 0 1.0718113612rem;
1154
+ width: 100%;
1155
+ }
1156
+
1157
+ /**
1158
+ * Do not edit directly
1159
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
1108
1160
  */
1109
1161
  /**
1110
1162
  * TOKENS:
@@ -1315,7 +1367,7 @@ body {
1315
1367
 
1316
1368
  /**
1317
1369
  * Do not edit directly
1318
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
1370
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
1319
1371
  */
1320
1372
  /**
1321
1373
  * TOKENS:
@@ -1483,7 +1535,7 @@ body {
1483
1535
 
1484
1536
  /**
1485
1537
  * Do not edit directly
1486
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
1538
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
1487
1539
  */
1488
1540
  /**
1489
1541
  * TOKENS:
@@ -1577,7 +1629,7 @@ body {
1577
1629
 
1578
1630
  /**
1579
1631
  * Do not edit directly
1580
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
1632
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
1581
1633
  */
1582
1634
  /**
1583
1635
  * TOKENS:
@@ -1714,7 +1766,7 @@ body {
1714
1766
 
1715
1767
  /**
1716
1768
  * Do not edit directly
1717
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
1769
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
1718
1770
  */
1719
1771
  /**
1720
1772
  * TOKENS:
@@ -1856,7 +1908,7 @@ body {
1856
1908
 
1857
1909
  /**
1858
1910
  * Do not edit directly
1859
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
1911
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
1860
1912
  */
1861
1913
  /**
1862
1914
  * TOKENS:
@@ -2005,7 +2057,7 @@ body {
2005
2057
 
2006
2058
  /**
2007
2059
  * Do not edit directly
2008
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2060
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2009
2061
  */
2010
2062
  /**
2011
2063
  * TOKENS:
@@ -2111,7 +2163,7 @@ body {
2111
2163
 
2112
2164
  /**
2113
2165
  * Do not edit directly
2114
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2166
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2115
2167
  */
2116
2168
  /**
2117
2169
  * TOKENS:
@@ -2173,7 +2225,7 @@ body {
2173
2225
 
2174
2226
  /**
2175
2227
  * Do not edit directly
2176
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2228
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2177
2229
  */
2178
2230
  /**
2179
2231
  * TOKENS:
@@ -2248,7 +2300,7 @@ body {
2248
2300
 
2249
2301
  /**
2250
2302
  * Do not edit directly
2251
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2303
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2252
2304
  */
2253
2305
  /**
2254
2306
  * TOKENS:
@@ -2300,7 +2352,7 @@ body {
2300
2352
 
2301
2353
  /**
2302
2354
  * Do not edit directly
2303
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2355
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2304
2356
  */
2305
2357
  /**
2306
2358
  * TOKENS:
@@ -2377,7 +2429,7 @@ body {
2377
2429
 
2378
2430
  /**
2379
2431
  * Do not edit directly
2380
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2432
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2381
2433
  */
2382
2434
  /**
2383
2435
  * TOKENS:
@@ -2458,7 +2510,7 @@ body {
2458
2510
 
2459
2511
  /**
2460
2512
  * Do not edit directly
2461
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2513
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2462
2514
  */
2463
2515
  /**
2464
2516
  * TOKENS:
@@ -2468,7 +2520,7 @@ body {
2468
2520
  */
2469
2521
  /**
2470
2522
  * Do not edit directly
2471
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2523
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2472
2524
  */
2473
2525
  /**
2474
2526
  * TOKENS:
@@ -2478,7 +2530,7 @@ body {
2478
2530
  */
2479
2531
  /**
2480
2532
  * Do not edit directly
2481
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2533
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2482
2534
  */
2483
2535
  /**
2484
2536
  * TOKENS:
@@ -2488,7 +2540,7 @@ body {
2488
2540
  */
2489
2541
  /**
2490
2542
  * Do not edit directly
2491
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2543
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2492
2544
  */
2493
2545
  /**
2494
2546
  * TOKENS:
@@ -2614,7 +2666,7 @@ body {
2614
2666
 
2615
2667
  /**
2616
2668
  * Do not edit directly
2617
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2669
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2618
2670
  */
2619
2671
  /**
2620
2672
  * TOKENS:
@@ -2631,7 +2683,7 @@ body {
2631
2683
 
2632
2684
  /**
2633
2685
  * Do not edit directly
2634
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2686
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2635
2687
  */
2636
2688
  /**
2637
2689
  * TOKENS:
@@ -2719,7 +2771,7 @@ body {
2719
2771
 
2720
2772
  /**
2721
2773
  * Do not edit directly
2722
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2774
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2723
2775
  */
2724
2776
  /**
2725
2777
  * TOKENS:
@@ -2729,7 +2781,7 @@ body {
2729
2781
  */
2730
2782
  /**
2731
2783
  * Do not edit directly
2732
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2784
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2733
2785
  */
2734
2786
  /**
2735
2787
  * TOKENS:
@@ -2739,7 +2791,7 @@ body {
2739
2791
  */
2740
2792
  /**
2741
2793
  * Do not edit directly
2742
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2794
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2743
2795
  */
2744
2796
  /**
2745
2797
  * TOKENS:
@@ -2792,7 +2844,7 @@ body {
2792
2844
 
2793
2845
  /**
2794
2846
  * Do not edit directly
2795
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2847
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2796
2848
  */
2797
2849
  /**
2798
2850
  * TOKENS:
@@ -2877,7 +2929,7 @@ body {
2877
2929
 
2878
2930
  /**
2879
2931
  * Do not edit directly
2880
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2932
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2881
2933
  */
2882
2934
  /**
2883
2935
  * TOKENS:
@@ -2949,9 +3001,13 @@ body {
2949
3001
  }
2950
3002
  .ilo--file-upload--list {
2951
3003
  order: 4;
3004
+ display: flex;
3005
+ flex-flow: column;
3006
+ padding-top: 0.4287245445rem;
3007
+ gap: 0.4287245445rem;
2952
3008
  }
2953
3009
  .ilo--file-upload--list-item {
2954
- display: inline-block;
3010
+ display: block;
2955
3011
  background-color: rgb(237, 240, 242);
2956
3012
  border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
2957
3013
  border-left: 0.1607717042rem solid rgb(35, 0, 80);
@@ -2964,14 +3020,13 @@ body {
2964
3020
  letter-spacing: -0.02em;
2965
3021
  line-height: 21.6px;
2966
3022
  height: 2.5723472669rem;
2967
- margin: 1.2861736334rem 0rem 0rem 0rem;
2968
3023
  outline: none;
2969
3024
  padding: 0.6966773848rem 0.6430868167rem 0.857449089rem 0.5894962487rem;
2970
3025
  }
2971
3026
 
2972
3027
  /**
2973
3028
  * Do not edit directly
2974
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
3029
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2975
3030
  */
2976
3031
  /**
2977
3032
  * TOKENS:
@@ -3012,7 +3067,7 @@ body {
3012
3067
 
3013
3068
  /**
3014
3069
  * Do not edit directly
3015
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
3070
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
3016
3071
  */
3017
3072
  /**
3018
3073
  * TOKENS:
@@ -3027,52 +3082,52 @@ body {
3027
3082
  grid-template-columns: auto;
3028
3083
  gap: 0.4287245445rem;
3029
3084
  }
3030
- .ilo--form-control__label-placement__start :first-child {
3085
+ .ilo--form-control__label-placement__start .ilo--form-control--label {
3031
3086
  grid-area: 1/1/2/2;
3032
3087
  }
3033
3088
  .ilo--form-control__label-placement__start :nth-child(2) {
3034
3089
  grid-area: 1/2/2/3;
3035
3090
  }
3036
- .ilo--form-control__label-placement__start :nth-child(3) {
3091
+ .ilo--form-control__label-placement__start .ilo--form-control--helper {
3037
3092
  grid-area: 2/2/3/3;
3038
3093
  }
3039
- .ilo--form-control__label-placement__start :nth-child(4) {
3094
+ .ilo--form-control__label-placement__start [class*=file-upload--list] {
3040
3095
  grid-area: 3/1/4/3;
3041
3096
  }
3042
- .ilo--form-control__label-placement__end :first-child {
3097
+ .ilo--form-control__label-placement__end .ilo--form-control--label {
3043
3098
  grid-area: 1/2/2/3;
3044
3099
  }
3045
3100
  .ilo--form-control__label-placement__end :nth-child(2) {
3046
3101
  grid-area: 1/1/2/2;
3047
3102
  }
3048
- .ilo--form-control__label-placement__end :nth-child(3) {
3103
+ .ilo--form-control__label-placement__end .ilo--form-control--helper {
3049
3104
  grid-area: 2/1/3/3;
3050
3105
  }
3051
- .ilo--form-control__label-placement__end :nth-child(4) {
3052
- grid-area: 3/1/4/3;
3106
+ .ilo--form-control__label-placement__end [class*=file-upload--list] {
3107
+ grid-area: 3/1/4/4;
3053
3108
  }
3054
- .ilo--form-control__label-placement__top :first-child {
3109
+ .ilo--form-control__label-placement__top .ilo--form-control--label {
3055
3110
  grid-area: 1/1/2/2;
3056
3111
  }
3057
3112
  .ilo--form-control__label-placement__top :nth-child(2) {
3058
3113
  grid-area: 2/1/3/2;
3059
3114
  }
3060
- .ilo--form-control__label-placement__top :nth-child(3) {
3115
+ .ilo--form-control__label-placement__top .ilo--form-control--helper {
3061
3116
  grid-area: 3/1/4/2;
3062
3117
  }
3063
- .ilo--form-control__label-placement__top :nth-child(4) {
3118
+ .ilo--form-control__label-placement__top [class*=file-upload--list] {
3064
3119
  grid-area: 4/1/5/2;
3065
3120
  }
3066
- .ilo--form-control__label-placement__bottom :first-child {
3121
+ .ilo--form-control__label-placement__bottom .ilo--form-control--label {
3067
3122
  grid-area: 3/1/4/2;
3068
3123
  }
3069
3124
  .ilo--form-control__label-placement__bottom :nth-child(2) {
3070
3125
  grid-area: 2/1/3/2;
3071
3126
  }
3072
- .ilo--form-control__label-placement__bottom :nth-child(3) {
3127
+ .ilo--form-control__label-placement__bottom .ilo--form-control--helper {
3073
3128
  grid-area: 1/1/2/2;
3074
3129
  }
3075
- .ilo--form-control__label-placement__bottom :nth-child(4) {
3130
+ .ilo--form-control__label-placement__bottom [class*=file-upload--list] {
3076
3131
  grid-area: 4/1/5/2;
3077
3132
  }
3078
3133
  .ilo--form-control__disabled .ilo--form-control--label,
@@ -3133,7 +3188,7 @@ body {
3133
3188
 
3134
3189
  /**
3135
3190
  * Do not edit directly
3136
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
3191
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
3137
3192
  */
3138
3193
  /**
3139
3194
  * TOKENS:
@@ -3143,7 +3198,7 @@ body {
3143
3198
  */
3144
3199
  /**
3145
3200
  * Do not edit directly
3146
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
3201
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
3147
3202
  */
3148
3203
  /**
3149
3204
  * TOKENS:
@@ -3168,7 +3223,7 @@ body {
3168
3223
  }
3169
3224
  /**
3170
3225
  * Do not edit directly
3171
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
3226
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
3172
3227
  */
3173
3228
  /**
3174
3229
  * TOKENS:
@@ -3178,38 +3233,49 @@ body {
3178
3233
  */
3179
3234
  .ilo--footer {
3180
3235
  border-bottom: 0.1607717042rem solid rgb(184, 196, 204);
3181
- }
3182
- .ilo--footer--main {
3183
3236
  background-color: rgb(35, 0, 80);
3184
- border-bottom: 0.3215434084rem solid rgb(250, 60, 75);
3185
- padding: 2.1436227224rem 1.7148981779rem 0 1.7148981779rem;
3186
3237
  position: relative;
3238
+ width: 100%;
3239
+ overflow: hidden;
3240
+ /* RTL Styles */
3187
3241
  }
3188
- .ilo--footer--main > * {
3242
+ .ilo--footer--main {
3243
+ padding: 2.1436227224rem 1.7148981779rem;
3189
3244
  position: relative;
3190
- z-index: 1;
3191
3245
  }
3192
- .ilo--footer--main:after {
3246
+ .ilo--footer--main:before {
3193
3247
  background-size: contain;
3194
3248
  background-repeat: no-repeat;
3195
- bottom: 0;
3196
3249
  content: "";
3197
3250
  height: 100%;
3198
3251
  min-width: 409.5px;
3199
- right: 0;
3200
3252
  position: absolute;
3201
- transform: scaleY(-1);
3202
3253
  width: 28.8%;
3203
3254
  z-index: 0;
3204
3255
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 409.5 236'%3e%3cpath fill='rgb(30, 45, 190)' d='M409.5 236c-1.7-.6-3.5-1.1-5.1-2-5.3-2.9-10.5-5.9-15.7-9-4.8-2.8-9.5-5.8-14.3-8.7-4.3-2.6-8.5-5.1-12.9-7.5-4.9-2.7-10-5.2-14.9-8-3.8-2.2-7.4-4.8-11.2-7.1-5.7-3.3-11.6-6.4-17.3-9.7-3.9-2.2-7.6-4.6-11.5-6.9-4-2.3-8.1-4.4-12-6.7-3.8-2.2-7.5-4.5-11.3-6.7-2.4-1.4-4.9-2.5-7.3-3.9-2.8-1.6-5.5-3.3-8.2-4.9-3.8-2.3-7.5-4.6-11.4-6.8-3.9-2.3-7.9-4.5-11.9-6.8-6.1-3.5-12.2-6.8-18.2-10.4-4.8-2.8-9.4-5.8-14.2-8.5-4.8-2.8-9.8-5.3-14.6-8.1-3.6-2.1-7.2-4.3-10.8-6.4-5.9-3.5-11.8-6.9-17.7-10.3-4.8-2.8-9.6-5.7-14.4-8.5-3.8-2.2-7.8-4.4-11.6-6.6-3-1.7-5.9-3.6-8.9-5.4-3-1.8-6.2-3.4-9.2-5.1-3.9-2.2-7.8-4.4-11.6-6.6-4.1-2.4-8.1-4.8-12.2-7.2-5.8-3.4-11.5-6.9-17.3-10.2-4.9-2.8-9.9-5.4-14.7-8.2-3.7-2.1-7.3-4.5-11-6.6-4.9-2.9-9.8-5.6-14.7-8.4-4.7-2.7-9.4-5.6-14.2-8.3-5-2.9-10-5.7-15-8.6C10.3 5.6 6.6 3.3 2.8 1 2 .5 1 .3 0 0h409.5v236z'/%3e%3c/svg%3e");
3256
+ bottom: 0;
3257
+ right: 0;
3258
+ transform: scaleY(-1);
3259
+ }
3260
+ .ilo--footer--main:after {
3261
+ content: "";
3262
+ border-bottom: 0.3215434084rem solid rgb(250, 60, 75);
3263
+ width: 200vw;
3264
+ position: absolute;
3265
+ bottom: 0;
3266
+ left: -100vw;
3267
+ }
3268
+ .ilo--footer--main > * {
3269
+ position: relative;
3270
+ z-index: 1;
3205
3271
  }
3206
3272
  .ilo--footer--logo {
3207
3273
  height: 2.5723472669rem;
3208
3274
  width: auto;
3209
3275
  }
3210
3276
  .ilo--footer--secondary {
3211
- background-color: rgb(255, 255, 255);
3212
- padding: 1.9292604502rem 0.857449089rem 0 0.857449089rem;
3277
+ background-color: rgb(237, 240, 242);
3278
+ padding-top: 1.9292604502rem;
3213
3279
  min-height: 3.0010718114rem;
3214
3280
  }
3215
3281
  .ilo--footer--headline {
@@ -3221,7 +3287,7 @@ body {
3221
3287
  line-height: 23.36px;
3222
3288
  line-height: 1.1575562701rem;
3223
3289
  margin-bottom: 0.0895963823rem;
3224
- margin-top: 0.732683199rem;
3290
+ margin-top: 1.1789924973rem;
3225
3291
  }
3226
3292
  .ilo--footer--subhead {
3227
3293
  color: #bedcfa;
@@ -3232,10 +3298,10 @@ body {
3232
3298
  letter-spacing: normal;
3233
3299
  line-height: 16.24px;
3234
3300
  line-height: 0.9946409432rem;
3235
- margin-bottom: 1.1927105212rem;
3301
+ margin-bottom: 2.4115755627rem;
3236
3302
  }
3237
3303
  .ilo--footer .address {
3238
- margin-bottom: 2.2508038585rem;
3304
+ margin-bottom: 2.0900321543rem;
3239
3305
  }
3240
3306
  .ilo--footer .address--line {
3241
3307
  color: rgb(255, 255, 255);
@@ -3264,8 +3330,9 @@ body {
3264
3330
  display: inline;
3265
3331
  list-style: none;
3266
3332
  }
3267
- .ilo--footer .secondarylinks--list--item:not(first-child):before {
3268
- content: " | ";
3333
+ .ilo--footer .secondarylinks--list--item:before {
3334
+ content: "|";
3335
+ margin: 0.2143622722rem;
3269
3336
  }
3270
3337
  .ilo--footer .secondarylinks--list--item a {
3271
3338
  color: rgb(109, 109, 109);
@@ -3300,32 +3367,30 @@ body {
3300
3367
  transition-timing-function: ease-out;
3301
3368
  }
3302
3369
  .ilo--footer .anchorlink {
3303
- background: rgba(0, 0, 0, 0);
3304
- border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
3370
+ display: flex;
3371
+ flex-flow: row nowrap;
3305
3372
  color: rgb(35, 0, 80);
3306
- display: block;
3307
3373
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
3308
- height: 3.0010718114rem;
3309
- margin: 0.6430868167rem auto 0 auto;
3310
- padding: 0.857449089rem 1.7148981779rem 0.857449089rem 0;
3311
- position: relative;
3312
- text-align: left;
3313
- text-decoration: none;
3314
3374
  font-size: 16px;
3315
3375
  letter-spacing: -0.02em;
3316
3376
  line-height: 21.6px;
3377
+ position: relative;
3378
+ text-decoration: none;
3317
3379
  width: max-content;
3380
+ justify-content: center;
3381
+ border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
3382
+ margin: 0.6430868167rem auto 0 auto;
3383
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 0.857449089rem;
3318
3384
  }
3319
3385
  .ilo--footer .anchorlink:after {
3320
3386
  background-repeat: no-repeat;
3321
3387
  content: "";
3322
- display: inline-block;
3323
3388
  height: 1.2861736334rem;
3324
- position: absolute;
3325
- right: 0.1071811361rem;
3326
- top: 50%;
3327
- transform: translateY(-50%) rotateX(180deg);
3328
- transform-origin: center center;
3389
+ position: relative;
3390
+ margin-left: 0.4287245445rem;
3391
+ bottom: 0.1607717042rem;
3392
+ transform: rotateX(180deg);
3393
+ transform-origin: center;
3329
3394
  width: 1.2861736334rem;
3330
3395
  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");
3331
3396
  }
@@ -3346,10 +3411,10 @@ body {
3346
3411
  display: grid;
3347
3412
  grid-template-columns: minmax(0, 50%) minmax(0, 50%);
3348
3413
  gap: 0px 64px;
3349
- grid-template-areas: "site-info address" "site-info links" "site-info connect";
3414
+ grid-template-areas: "site-info address" "site-info links" "site-info connect" "site-info subscribe";
3350
3415
  align-content: start;
3351
3416
  align-items: start;
3352
- padding: 2.1436227224rem 1.7148981779rem 2.1436227224rem 1.7148981779rem;
3417
+ padding: 2.1436227224rem 1.0718113612rem;
3353
3418
  }
3354
3419
  .ilo--footer .site--info {
3355
3420
  grid-area: site-info;
@@ -3364,126 +3429,159 @@ body {
3364
3429
  .ilo--footer .links {
3365
3430
  grid-area: links;
3366
3431
  }
3432
+ .ilo--footer .subscribe {
3433
+ grid-area: subscribe;
3434
+ }
3367
3435
  .ilo--footer--secondary {
3368
- padding: 0.9646302251rem 0.857449089rem;
3436
+ padding-top: 0.9646302251rem;
3437
+ padding-bottom: 0.9646302251rem;
3369
3438
  position: relative;
3370
- }
3371
- .ilo--footer .legal,
3372
- .ilo--footer .secondarylinks {
3373
- display: block;
3374
- float: left;
3375
- }
3376
- .ilo--footer .secondarylinks {
3377
- margin-right: 6.7524115756rem;
3439
+ z-index: 1;
3378
3440
  }
3379
3441
  .ilo--footer .anchorlink {
3380
- display: inline-block;
3381
- margin: 0;
3382
- position: absolute;
3383
- right: 16px;
3384
- top: 0;
3442
+ bottom: 0;
3385
3443
  }
3386
3444
  }
3387
3445
  @media screen and (min-width: 1024px) {
3388
- .ilo--footer--main {
3389
- display: grid;
3390
- grid-template-columns: 19.2% 25.1% calc(32.5% + 64px);
3391
- grid-template-rows: 0.6fr 1.4fr;
3392
- gap: 0px 64px;
3393
- grid-template-areas: "site-info address connect" "site-info links connect";
3394
- padding: 3.0010718114rem 3.7513397642rem 3.4297963558rem 3.7513397642rem;
3395
- }
3396
- .ilo--footer--main:after {
3446
+ .ilo--footer:after {
3447
+ background-size: contain;
3448
+ background-repeat: no-repeat;
3449
+ content: "";
3450
+ height: 100%;
3451
+ min-width: 409.5px;
3452
+ position: absolute;
3453
+ width: 28.8%;
3454
+ z-index: 0;
3455
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 409.5 236'%3e%3cpath fill='rgb(30, 45, 190)' d='M409.5 236c-1.7-.6-3.5-1.1-5.1-2-5.3-2.9-10.5-5.9-15.7-9-4.8-2.8-9.5-5.8-14.3-8.7-4.3-2.6-8.5-5.1-12.9-7.5-4.9-2.7-10-5.2-14.9-8-3.8-2.2-7.4-4.8-11.2-7.1-5.7-3.3-11.6-6.4-17.3-9.7-3.9-2.2-7.6-4.6-11.5-6.9-4-2.3-8.1-4.4-12-6.7-3.8-2.2-7.5-4.5-11.3-6.7-2.4-1.4-4.9-2.5-7.3-3.9-2.8-1.6-5.5-3.3-8.2-4.9-3.8-2.3-7.5-4.6-11.4-6.8-3.9-2.3-7.9-4.5-11.9-6.8-6.1-3.5-12.2-6.8-18.2-10.4-4.8-2.8-9.4-5.8-14.2-8.5-4.8-2.8-9.8-5.3-14.6-8.1-3.6-2.1-7.2-4.3-10.8-6.4-5.9-3.5-11.8-6.9-17.7-10.3-4.8-2.8-9.6-5.7-14.4-8.5-3.8-2.2-7.8-4.4-11.6-6.6-3-1.7-5.9-3.6-8.9-5.4-3-1.8-6.2-3.4-9.2-5.1-3.9-2.2-7.8-4.4-11.6-6.6-4.1-2.4-8.1-4.8-12.2-7.2-5.8-3.4-11.5-6.9-17.3-10.2-4.9-2.8-9.9-5.4-14.7-8.2-3.7-2.1-7.3-4.5-11-6.6-4.9-2.9-9.8-5.6-14.7-8.4-4.7-2.7-9.4-5.6-14.2-8.3-5-2.9-10-5.7-15-8.6C10.3 5.6 6.6 3.3 2.8 1 2 .5 1 .3 0 0h409.5v236z'/%3e%3c/svg%3e");
3397
3456
  background-position: right top;
3398
3457
  bottom: auto;
3399
3458
  top: 0;
3459
+ right: 0;
3400
3460
  transform: scaleY(1);
3401
3461
  }
3402
- .ilo--footer .connect {
3462
+ .ilo--footer--main {
3403
3463
  display: grid;
3404
- grid-template-columns: minmax(0, 40%), 60%;
3405
- grid-template-rows: repeat(3, minmax(0, 1fr));
3464
+ grid-template-columns: 0.25fr 0.33fr 0.09fr 0.33fr;
3465
+ grid-template-rows: auto auto;
3466
+ gap: 0px 64px;
3467
+ grid-template-areas: "site-info address . connect" "site-info links . subscribe";
3468
+ padding-top: 2.3579849946rem;
3469
+ padding-bottom: 2.7331189711rem;
3470
+ }
3471
+ .ilo--footer--main:before {
3472
+ content: none;
3473
+ }
3474
+ .ilo--footer .connect {
3406
3475
  grid-area: connect;
3407
- margin: 0 0 0 calc(18.9% + 64px);
3476
+ margin: 0;
3477
+ }
3478
+ .ilo--footer .subscribe {
3479
+ height: 100%;
3480
+ display: flex;
3481
+ align-items: flex-start;
3482
+ justify-content: flex-start;
3483
+ flex-flow: column;
3484
+ top: 8px;
3408
3485
  }
3409
3486
  .ilo--footer .ilo--button {
3410
3487
  align-self: start;
3411
3488
  justify-self: start;
3412
3489
  }
3413
3490
  .ilo--footer--secondary {
3414
- padding: 0.9646302251rem 3.7513397642rem;
3491
+ padding-top: 0.9646302251rem;
3492
+ padding-bottom: 0.9646302251rem;
3415
3493
  position: relative;
3416
3494
  }
3417
- .ilo--footer .secondarylinks {
3418
- margin-right: 7.5026795284rem;
3495
+ .ilo--footer--secondary [class*=container] {
3496
+ display: flex;
3497
+ flex-flow: row;
3498
+ justify-content: space-between;
3499
+ align-items: center;
3500
+ }
3501
+ .ilo--footer--secondary--details {
3502
+ display: flex;
3503
+ flex-flow: row;
3504
+ justify-content: flex-start;
3505
+ align-items: center;
3506
+ }
3507
+ .ilo--footer--secondary .secondarylinks--list--item:before {
3508
+ margin: 0.4287245445rem;
3419
3509
  }
3420
3510
  .ilo--footer .anchorlink {
3421
- display: inline-block;
3422
3511
  margin: 0;
3423
- position: absolute;
3424
- right: 70px;
3425
- top: 0;
3512
+ border: none;
3513
+ padding: 0.25rem;
3514
+ }
3515
+ .ilo--footer .anchorlink:hover {
3516
+ margin-bottom: -0.1071811361rem;
3426
3517
  }
3427
3518
  }
3428
3519
  .right-to-left .ilo--footer * {
3429
3520
  text-align: right;
3430
3521
  }
3431
- .right-to-left .ilo--footer .legal,
3432
- .right-to-left .ilo--footer .secondarylinks {
3433
- display: block;
3522
+ .right-to-left .ilo--footer--main:before {
3523
+ background-size: contain;
3524
+ background-repeat: no-repeat;
3525
+ content: "";
3526
+ height: 100%;
3527
+ min-width: 409.5px;
3528
+ position: absolute;
3529
+ width: 28.8%;
3530
+ z-index: 0;
3531
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 409.5 236'%3e%3cpath fill='rgb(30, 45, 190)' d='M409.5 236c-1.7-.6-3.5-1.1-5.1-2-5.3-2.9-10.5-5.9-15.7-9-4.8-2.8-9.5-5.8-14.3-8.7-4.3-2.6-8.5-5.1-12.9-7.5-4.9-2.7-10-5.2-14.9-8-3.8-2.2-7.4-4.8-11.2-7.1-5.7-3.3-11.6-6.4-17.3-9.7-3.9-2.2-7.6-4.6-11.5-6.9-4-2.3-8.1-4.4-12-6.7-3.8-2.2-7.5-4.5-11.3-6.7-2.4-1.4-4.9-2.5-7.3-3.9-2.8-1.6-5.5-3.3-8.2-4.9-3.8-2.3-7.5-4.6-11.4-6.8-3.9-2.3-7.9-4.5-11.9-6.8-6.1-3.5-12.2-6.8-18.2-10.4-4.8-2.8-9.4-5.8-14.2-8.5-4.8-2.8-9.8-5.3-14.6-8.1-3.6-2.1-7.2-4.3-10.8-6.4-5.9-3.5-11.8-6.9-17.7-10.3-4.8-2.8-9.6-5.7-14.4-8.5-3.8-2.2-7.8-4.4-11.6-6.6-3-1.7-5.9-3.6-8.9-5.4-3-1.8-6.2-3.4-9.2-5.1-3.9-2.2-7.8-4.4-11.6-6.6-4.1-2.4-8.1-4.8-12.2-7.2-5.8-3.4-11.5-6.9-17.3-10.2-4.9-2.8-9.9-5.4-14.7-8.2-3.7-2.1-7.3-4.5-11-6.6-4.9-2.9-9.8-5.6-14.7-8.4-4.7-2.7-9.4-5.6-14.2-8.3-5-2.9-10-5.7-15-8.6C10.3 5.6 6.6 3.3 2.8 1 2 .5 1 .3 0 0h409.5v236z'/%3e%3c/svg%3e");
3532
+ bottom: 0;
3533
+ left: 0;
3534
+ transform: scaleY(-1) scaleX(-1);
3434
3535
  }
3435
- .right-to-left .ilo--footer .secondarylinks--list {
3536
+ .right-to-left .ilo--footer .subscribe a {
3537
+ align-self: flex-end;
3538
+ }
3539
+ .right-to-left .ilo--footer--secondary [class*=container] {
3540
+ flex-direction: row-reverse;
3541
+ }
3542
+ .right-to-left .ilo--footer--secondary--details {
3436
3543
  display: flex;
3544
+ flex-flow: row-reverse wrap;
3545
+ }
3546
+ .right-to-left .ilo--footer .secondarylinks--list {
3437
3547
  flex-direction: row-reverse;
3438
3548
  }
3439
- .right-to-left .ilo--footer .secondarylinks--list--item:not(first-child):before {
3549
+ .right-to-left .ilo--footer .secondarylinks--list--item:before {
3440
3550
  content: none;
3441
3551
  }
3442
- .right-to-left .ilo--footer .secondarylinks--list--item:not(first-child):after {
3443
- content: " | ";
3444
- padding-right: 0.1071811361rem;
3445
- }
3446
- .right-to-left .ilo--footer--main:after {
3447
- bottom: 0;
3448
- left: 0;
3449
- right: auto;
3450
- top: auto;
3451
- transform: scale(-1, -1);
3552
+ .right-to-left .ilo--footer .secondarylinks--list--item:after {
3553
+ content: "|";
3554
+ margin: 0.2143622722rem;
3452
3555
  }
3453
3556
  @media screen and (min-width: 610px) {
3454
3557
  .right-to-left .ilo--footer--main {
3455
- grid-template-areas: "address site-info" "links site-info" "connect site-info";
3456
- }
3457
- .right-to-left .ilo--footer .legal,
3458
- .right-to-left .ilo--footer .secondarylinks {
3459
- float: right;
3460
- }
3461
- .right-to-left .ilo--footer .secondarylinks {
3462
- margin-left: 6.7524115756rem;
3463
- margin-right: 0.2143622722rem;
3464
- }
3465
- .right-to-left .ilo--footer .secondarylinks--list {
3466
- display: flex;
3467
- flex-direction: row-reverse;
3468
- }
3469
- .right-to-left .ilo--footer .anchorlink {
3470
- left: 16px;
3471
- right: auto;
3558
+ grid-template-areas: "address site-info" "links site-info" "connect site-info" "subscribe site-info";
3472
3559
  }
3473
3560
  }
3474
3561
  @media screen and (min-width: 1024px) {
3562
+ .right-to-left .ilo--footer:after {
3563
+ background-size: contain;
3564
+ background-repeat: no-repeat;
3565
+ content: "";
3566
+ height: 100%;
3567
+ min-width: 409.5px;
3568
+ position: absolute;
3569
+ width: 28.8%;
3570
+ z-index: 0;
3571
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 409.5 236'%3e%3cpath fill='rgb(30, 45, 190)' d='M409.5 236c-1.7-.6-3.5-1.1-5.1-2-5.3-2.9-10.5-5.9-15.7-9-4.8-2.8-9.5-5.8-14.3-8.7-4.3-2.6-8.5-5.1-12.9-7.5-4.9-2.7-10-5.2-14.9-8-3.8-2.2-7.4-4.8-11.2-7.1-5.7-3.3-11.6-6.4-17.3-9.7-3.9-2.2-7.6-4.6-11.5-6.9-4-2.3-8.1-4.4-12-6.7-3.8-2.2-7.5-4.5-11.3-6.7-2.4-1.4-4.9-2.5-7.3-3.9-2.8-1.6-5.5-3.3-8.2-4.9-3.8-2.3-7.5-4.6-11.4-6.8-3.9-2.3-7.9-4.5-11.9-6.8-6.1-3.5-12.2-6.8-18.2-10.4-4.8-2.8-9.4-5.8-14.2-8.5-4.8-2.8-9.8-5.3-14.6-8.1-3.6-2.1-7.2-4.3-10.8-6.4-5.9-3.5-11.8-6.9-17.7-10.3-4.8-2.8-9.6-5.7-14.4-8.5-3.8-2.2-7.8-4.4-11.6-6.6-3-1.7-5.9-3.6-8.9-5.4-3-1.8-6.2-3.4-9.2-5.1-3.9-2.2-7.8-4.4-11.6-6.6-4.1-2.4-8.1-4.8-12.2-7.2-5.8-3.4-11.5-6.9-17.3-10.2-4.9-2.8-9.9-5.4-14.7-8.2-3.7-2.1-7.3-4.5-11-6.6-4.9-2.9-9.8-5.6-14.7-8.4-4.7-2.7-9.4-5.6-14.2-8.3-5-2.9-10-5.7-15-8.6C10.3 5.6 6.6 3.3 2.8 1 2 .5 1 .3 0 0h409.5v236z'/%3e%3c/svg%3e");
3572
+ top: 0;
3573
+ left: 0;
3574
+ transform: scaleY(1) scaleX(-1);
3575
+ }
3475
3576
  .right-to-left .ilo--footer--main {
3476
- grid-template-columns: calc(32.5% + 64px) 25.1% 19.2%;
3477
- grid-template-areas: "connect address site-info" "connect links site-info";
3577
+ grid-template-columns: 0.33fr 0.09fr 0.33fr 0.25fr;
3578
+ grid-template-areas: "connect . address site-info" "subscribe . links site-info";
3478
3579
  }
3479
- .right-to-left .ilo--footer--main:after {
3480
- left: 0;
3481
- right: auto;
3482
- transform: scale(-1, 1);
3580
+ .right-to-left .ilo--footer--main:before {
3581
+ content: none;
3483
3582
  }
3484
3583
  .right-to-left .ilo--footer .connect {
3485
3584
  grid-template-columns: 60%, minmax(0, 40%);
3486
- margin: 0 calc(18.9% + 64px) 0 0;
3487
3585
  }
3488
3586
  .right-to-left .ilo--footer .ilo--button {
3489
3587
  justify-self: end;
@@ -3492,7 +3590,7 @@ body {
3492
3590
 
3493
3591
  /**
3494
3592
  * Do not edit directly
3495
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
3593
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
3496
3594
  */
3497
3595
  /**
3498
3596
  * TOKENS:
@@ -3615,7 +3713,7 @@ body {
3615
3713
 
3616
3714
  /**
3617
3715
  * Do not edit directly
3618
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
3716
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
3619
3717
  */
3620
3718
  /**
3621
3719
  * TOKENS:
@@ -3934,7 +4032,7 @@ body {
3934
4032
 
3935
4033
  /**
3936
4034
  * Do not edit directly
3937
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4035
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
3938
4036
  */
3939
4037
  /**
3940
4038
  * TOKENS:
@@ -3949,7 +4047,7 @@ body {
3949
4047
  }
3950
4048
  @media screen and (min-width: 1024px) {
3951
4049
  .ilo--hero-card {
3952
- padding: 64px;
4050
+ padding: 56px 70px;
3953
4051
  }
3954
4052
  }
3955
4053
  .right-to-left .ilo--hero-card {
@@ -3990,11 +4088,11 @@ body {
3990
4088
  }
3991
4089
  }
3992
4090
  .ilo--hero-card__cornercut {
3993
- clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
4091
+ clip-path: polygon(0 0, calc(100% - 70px) 0, 100% 40px, 100% 100%, 0 100%);
3994
4092
  }
3995
4093
  .right-to-left .ilo--hero-card__cornercut {
3996
- clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
3997
- clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
4094
+ clip-path: polygon(0 0, calc(100% - 720px) 0, 100% 40px, 100% 100%, 0 100%);
4095
+ clip-path: polygon(720px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
3998
4096
  }
3999
4097
  @media screen and (min-width: 1024px) {
4000
4098
  .ilo--hero-card__cornercut {
@@ -4068,7 +4166,7 @@ body {
4068
4166
 
4069
4167
  /**
4070
4168
  * Do not edit directly
4071
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4169
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4072
4170
  */
4073
4171
  /**
4074
4172
  * TOKENS:
@@ -4124,7 +4222,7 @@ body {
4124
4222
 
4125
4223
  /**
4126
4224
  * Do not edit directly
4127
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4225
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4128
4226
  */
4129
4227
  /**
4130
4228
  * TOKENS:
@@ -4266,7 +4364,7 @@ body {
4266
4364
 
4267
4365
  /**
4268
4366
  * Do not edit directly
4269
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4367
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4270
4368
  */
4271
4369
  /**
4272
4370
  * TOKENS:
@@ -4276,7 +4374,7 @@ body {
4276
4374
  */
4277
4375
  /**
4278
4376
  * Do not edit directly
4279
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4377
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4280
4378
  */
4281
4379
  /**
4282
4380
  * TOKENS:
@@ -4301,7 +4399,7 @@ body {
4301
4399
  }
4302
4400
  /**
4303
4401
  * Do not edit directly
4304
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4402
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4305
4403
  */
4306
4404
  /**
4307
4405
  * TOKENS:
@@ -4459,7 +4557,7 @@ body {
4459
4557
 
4460
4558
  /**
4461
4559
  * Do not edit directly
4462
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4560
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4463
4561
  */
4464
4562
  /**
4465
4563
  * TOKENS:
@@ -4554,7 +4652,7 @@ body {
4554
4652
 
4555
4653
  /**
4556
4654
  * Do not edit directly
4557
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4655
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4558
4656
  */
4559
4657
  /**
4560
4658
  * TOKENS:
@@ -4564,7 +4662,7 @@ body {
4564
4662
  */
4565
4663
  /**
4566
4664
  * Do not edit directly
4567
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4665
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4568
4666
  */
4569
4667
  /**
4570
4668
  * TOKENS:
@@ -4574,7 +4672,7 @@ body {
4574
4672
  */
4575
4673
  /**
4576
4674
  * Do not edit directly
4577
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4675
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4578
4676
  */
4579
4677
  /**
4580
4678
  * TOKENS:
@@ -4745,7 +4843,7 @@ body {
4745
4843
 
4746
4844
  /**
4747
4845
  * Do not edit directly
4748
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4846
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4749
4847
  */
4750
4848
  /**
4751
4849
  * TOKENS:
@@ -4792,7 +4890,7 @@ body {
4792
4890
 
4793
4891
  /**
4794
4892
  * Do not edit directly
4795
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4893
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4796
4894
  */
4797
4895
  /**
4798
4896
  * TOKENS:
@@ -4802,7 +4900,7 @@ body {
4802
4900
  */
4803
4901
  /**
4804
4902
  * Do not edit directly
4805
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4903
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4806
4904
  */
4807
4905
  /**
4808
4906
  * TOKENS:
@@ -4812,7 +4910,7 @@ body {
4812
4910
  */
4813
4911
  /**
4814
4912
  * Do not edit directly
4815
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4913
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4816
4914
  */
4817
4915
  /**
4818
4916
  * TOKENS:
@@ -4909,7 +5007,7 @@ body {
4909
5007
 
4910
5008
  /**
4911
5009
  * Do not edit directly
4912
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
5010
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4913
5011
  */
4914
5012
  /**
4915
5013
  * TOKENS:
@@ -5105,12 +5203,6 @@ body {
5105
5203
  flex-direction: row-reverse;
5106
5204
  }
5107
5205
  }
5108
- .ilo--header--inner {
5109
- margin: auto;
5110
- max-width: 1300px;
5111
- padding: 0 16px;
5112
- width: 100%;
5113
- }
5114
5206
  .right-to-left .ilo--header--inner {
5115
5207
  direction: rtl;
5116
5208
  }
@@ -5584,12 +5676,6 @@ body {
5584
5676
  transform: translateY(0);
5585
5677
  }
5586
5678
  }
5587
- .ilo--subnav--inner {
5588
- margin: auto;
5589
- max-width: 1300px;
5590
- padding: 0 20px;
5591
- width: 100%;
5592
- }
5593
5679
  @media screen and (min-width: 1024px) {
5594
5680
  .ilo--subnav--inner {
5595
5681
  display: flex;
@@ -5811,7 +5897,7 @@ body {
5811
5897
 
5812
5898
  /**
5813
5899
  * Do not edit directly
5814
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
5900
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
5815
5901
  */
5816
5902
  /**
5817
5903
  * TOKENS:
@@ -5821,7 +5907,7 @@ body {
5821
5907
  */
5822
5908
  /**
5823
5909
  * Do not edit directly
5824
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
5910
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
5825
5911
  */
5826
5912
  /**
5827
5913
  * TOKENS:
@@ -5831,7 +5917,7 @@ body {
5831
5917
  */
5832
5918
  /**
5833
5919
  * Do not edit directly
5834
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
5920
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
5835
5921
  */
5836
5922
  /**
5837
5923
  * TOKENS:
@@ -6023,7 +6109,7 @@ body {
6023
6109
 
6024
6110
  /**
6025
6111
  * Do not edit directly
6026
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
6112
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
6027
6113
  */
6028
6114
  /**
6029
6115
  * TOKENS:
@@ -6163,7 +6249,7 @@ body {
6163
6249
 
6164
6250
  /**
6165
6251
  * Do not edit directly
6166
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
6252
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
6167
6253
  */
6168
6254
  /**
6169
6255
  * TOKENS:
@@ -6173,7 +6259,7 @@ body {
6173
6259
  */
6174
6260
  /**
6175
6261
  * Do not edit directly
6176
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
6262
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
6177
6263
  */
6178
6264
  /**
6179
6265
  * TOKENS:
@@ -6198,7 +6284,7 @@ body {
6198
6284
  }
6199
6285
  /**
6200
6286
  * Do not edit directly
6201
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
6287
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
6202
6288
  */
6203
6289
  /**
6204
6290
  * TOKENS:
@@ -6365,7 +6451,7 @@ body {
6365
6451
 
6366
6452
  /**
6367
6453
  * Do not edit directly
6368
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
6454
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
6369
6455
  */
6370
6456
  /**
6371
6457
  * TOKENS:
@@ -6383,7 +6469,14 @@ body {
6383
6469
  width: 1.2861736334rem;
6384
6470
  cursor: pointer;
6385
6471
  }
6386
- .ilo--radio:before {
6472
+ .ilo--radio input {
6473
+ appearance: none;
6474
+ width: 1.2861736334rem;
6475
+ height: 1.2861736334rem;
6476
+ border-radius: 50%;
6477
+ cursor: pointer;
6478
+ }
6479
+ .ilo--radio--control:before {
6387
6480
  content: "";
6388
6481
  background-color: rgb(184, 196, 204);
6389
6482
  border: 0.2143622722rem solid rgb(184, 196, 204);
@@ -6396,7 +6489,7 @@ body {
6396
6489
  z-index: 1;
6397
6490
  pointer-events: none;
6398
6491
  }
6399
- .ilo--radio:after {
6492
+ .ilo--radio--control:after {
6400
6493
  content: "";
6401
6494
  background-color: rgb(184, 196, 204);
6402
6495
  border-radius: 50%;
@@ -6408,33 +6501,26 @@ body {
6408
6501
  z-index: 0;
6409
6502
  pointer-events: none;
6410
6503
  }
6411
- .ilo--radio:checked:before {
6504
+ input:checked + .ilo--radio--control:before {
6412
6505
  background-color: rgb(235, 245, 253);
6413
6506
  border-color: rgb(35, 0, 80);
6414
6507
  }
6415
- .ilo--radio:checked:after {
6508
+ input:checked + .ilo--radio--control:after {
6416
6509
  background-color: rgb(35, 0, 80);
6417
6510
  }
6418
- .ilo--radio:focus {
6419
- outline: none;
6420
- }
6421
- .ilo--radio:focus:after {
6511
+ input:focus + .ilo--radio--control:after {
6422
6512
  background-color: rgb(255, 205, 45);
6423
6513
  }
6424
- .ilo--radio:disabled {
6514
+ input:disabled + .ilo--radio--control:after, input:disabled + .ilo--radio--control:before {
6425
6515
  opacity: 45%;
6426
- pointer-events: none;
6427
6516
  }
6428
- .ilo--radio:invalid:after, .ilo--radio__error:after {
6517
+ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--control:after {
6429
6518
  background-color: rgb(250, 60, 75);
6430
6519
  }
6431
- .ilo--radio:invalid:checked:before, .ilo--radio__error:checked:before {
6432
- border-color: rgb(35, 0, 80);
6433
- }
6434
6520
 
6435
6521
  /**
6436
6522
  * Do not edit directly
6437
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
6523
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
6438
6524
  */
6439
6525
  /**
6440
6526
  * TOKENS:
@@ -6444,7 +6530,7 @@ body {
6444
6530
  */
6445
6531
  /**
6446
6532
  * Do not edit directly
6447
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
6533
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
6448
6534
  */
6449
6535
  /**
6450
6536
  * TOKENS:
@@ -6469,7 +6555,7 @@ body {
6469
6555
  }
6470
6556
  /**
6471
6557
  * Do not edit directly
6472
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
6558
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
6473
6559
  */
6474
6560
  /**
6475
6561
  * TOKENS:
@@ -6530,7 +6616,7 @@ body {
6530
6616
 
6531
6617
  /**
6532
6618
  * Do not edit directly
6533
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
6619
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
6534
6620
  */
6535
6621
  /**
6536
6622
  * TOKENS:
@@ -6945,7 +7031,7 @@ body {
6945
7031
 
6946
7032
  /**
6947
7033
  * Do not edit directly
6948
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
7034
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
6949
7035
  */
6950
7036
  /**
6951
7037
  * TOKENS:
@@ -6999,7 +7085,7 @@ body {
6999
7085
 
7000
7086
  /**
7001
7087
  * Do not edit directly
7002
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
7088
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
7003
7089
  */
7004
7090
  /**
7005
7091
  * TOKENS:
@@ -7157,7 +7243,7 @@ body {
7157
7243
 
7158
7244
  /**
7159
7245
  * Do not edit directly
7160
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
7246
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
7161
7247
  */
7162
7248
  /**
7163
7249
  * TOKENS:
@@ -7508,7 +7594,7 @@ body {
7508
7594
 
7509
7595
  /**
7510
7596
  * Do not edit directly
7511
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
7597
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
7512
7598
  */
7513
7599
  /**
7514
7600
  * TOKENS:
@@ -7694,7 +7780,7 @@ body {
7694
7780
 
7695
7781
  /**
7696
7782
  * Do not edit directly
7697
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
7783
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
7698
7784
  */
7699
7785
  /**
7700
7786
  * TOKENS:
@@ -7752,7 +7838,7 @@ body {
7752
7838
 
7753
7839
  /**
7754
7840
  * Do not edit directly
7755
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
7841
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
7756
7842
  */
7757
7843
  /**
7758
7844
  * TOKENS:
@@ -7926,7 +8012,7 @@ body {
7926
8012
 
7927
8013
  /**
7928
8014
  * Do not edit directly
7929
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
8015
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
7930
8016
  */
7931
8017
  /**
7932
8018
  * TOKENS:
@@ -7986,7 +8072,7 @@ body {
7986
8072
 
7987
8073
  /**
7988
8074
  * Do not edit directly
7989
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
8075
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
7990
8076
  */
7991
8077
  /**
7992
8078
  * TOKENS:
@@ -7996,7 +8082,7 @@ body {
7996
8082
  */
7997
8083
  /**
7998
8084
  * Do not edit directly
7999
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
8085
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
8000
8086
  */
8001
8087
  /**
8002
8088
  * TOKENS:
@@ -8098,7 +8184,7 @@ input:checked + .ilo--input--toggle--slider:before {
8098
8184
 
8099
8185
  /**
8100
8186
  * Do not edit directly
8101
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
8187
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
8102
8188
  */
8103
8189
  /**
8104
8190
  * TOKENS:
@@ -8141,14 +8227,14 @@ input:checked + .ilo--input--toggle--slider:before {
8141
8227
  position: relative;
8142
8228
  cursor: pointer;
8143
8229
  }
8144
- .ilo--tooltip--wrapper.has-icon {
8230
+ .ilo--tooltip--wrapper__icon {
8145
8231
  background-repeat: no-repeat;
8146
8232
  background-size: cover;
8147
8233
  height: 0.857449089rem;
8148
8234
  min-width: 0.857449089rem;
8149
8235
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='rgb(35, 0, 80)' 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(35, 0, 80)' 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");
8150
8236
  }
8151
- .ilo--tooltip--wrapper--dark.has-icon {
8237
+ .ilo--tooltip--wrapper__icon.ilo--tooltip--wrapper__icon__theme__dark {
8152
8238
  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");
8153
8239
  }
8154
8240
  .ilo--tooltip--arrow {
@@ -8273,7 +8359,7 @@ input:checked + .ilo--input--toggle--slider:before {
8273
8359
 
8274
8360
  /**
8275
8361
  * Do not edit directly
8276
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
8362
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
8277
8363
  */
8278
8364
  /**
8279
8365
  * TOKENS:
@@ -9183,7 +9269,7 @@ input:checked + .ilo--input--toggle--slider:before {
9183
9269
 
9184
9270
  /**
9185
9271
  * Do not edit directly
9186
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
9272
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
9187
9273
  */
9188
9274
  /**
9189
9275
  * TOKENS:
@@ -9193,7 +9279,7 @@ input:checked + .ilo--input--toggle--slider:before {
9193
9279
  */
9194
9280
  /**
9195
9281
  * Do not edit directly
9196
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
9282
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
9197
9283
  */
9198
9284
  /**
9199
9285
  * TOKENS:
@@ -9218,7 +9304,7 @@ input:checked + .ilo--input--toggle--slider:before {
9218
9304
  }
9219
9305
  /**
9220
9306
  * Do not edit directly
9221
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
9307
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
9222
9308
  */
9223
9309
  /**
9224
9310
  * TOKENS:
@@ -9234,9 +9320,15 @@ input:checked + .ilo--input--toggle--slider:before {
9234
9320
  .ilo--social-media__justify__center {
9235
9321
  align-items: center;
9236
9322
  }
9323
+ .right-to-left .ilo--social-media {
9324
+ direction: rtl;
9325
+ }
9237
9326
  .right-to-left .ilo--social-media .social--links {
9238
9327
  flex-direction: row-reverse;
9239
9328
  }
9329
+ .right-to-left .ilo--social-media .ilo--social-media--list--item--icon {
9330
+ text-indent: 999px;
9331
+ }
9240
9332
  .right-to-left .ilo--social-media * {
9241
9333
  text-align: right;
9242
9334
  }