@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
@@ -1,7 +1,7 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4
+ * Generated on Wed, 27 Sep 2023 07:40:15 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, 20 Sep 2023 12:22:12 GMT
14
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
15
15
  */
16
16
  /**
17
17
  * TOKENS:
@@ -130,7 +130,7 @@
130
130
 
131
131
  /**
132
132
  * Do not edit directly
133
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
133
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
134
134
  */
135
135
  /**
136
136
  * TOKENS:
@@ -155,7 +155,7 @@
155
155
  }
156
156
  /**
157
157
  * Do not edit directly
158
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
158
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
159
159
  */
160
160
  /**
161
161
  * TOKENS:
@@ -409,7 +409,7 @@
409
409
 
410
410
  /**
411
411
  * Do not edit directly
412
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
412
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
413
413
  */
414
414
  /**
415
415
  * TOKENS:
@@ -419,7 +419,7 @@
419
419
  */
420
420
  /**
421
421
  * Do not edit directly
422
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
422
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
423
423
  */
424
424
  /**
425
425
  * TOKENS:
@@ -444,7 +444,7 @@
444
444
  }
445
445
  /**
446
446
  * Do not edit directly
447
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
447
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
448
448
  */
449
449
  /**
450
450
  * TOKENS:
@@ -734,7 +734,7 @@
734
734
 
735
735
  /**
736
736
  * Do not edit directly
737
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
737
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
738
738
  */
739
739
  /**
740
740
  * TOKENS:
@@ -864,7 +864,59 @@
864
864
 
865
865
  /**
866
866
  * Do not edit directly
867
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
867
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
868
+ */
869
+ /**
870
+ * TOKENS:
871
+ */
872
+ /**
873
+ * MAPS:
874
+ */
875
+ /**
876
+ * Do not edit directly
877
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
878
+ */
879
+ /**
880
+ * TOKENS:
881
+ */
882
+ /**
883
+ * MAPS:
884
+ */
885
+ @keyframes emptygradient {
886
+ 0% {
887
+ opacity: 1;
888
+ }
889
+ 100% {
890
+ opacity: 0;
891
+ }
892
+ }
893
+ @keyframes spin {
894
+ 100% {
895
+ -moz-transform: rotate(360deg);
896
+ -webkit-transform: rotate(360deg);
897
+ transform: rotate(360deg);
898
+ }
899
+ }
900
+ /**
901
+ * Do not edit directly
902
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
903
+ */
904
+ /**
905
+ * TOKENS:
906
+ */
907
+ /**
908
+ * MAPS:
909
+ */
910
+ .ilo--container {
911
+ margin: auto;
912
+ max-width: 1300px;
913
+ padding: 0 1.0718113612rem;
914
+ width: 100%;
915
+ }
916
+
917
+ /**
918
+ * Do not edit directly
919
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
868
920
  */
869
921
  /**
870
922
  * TOKENS:
@@ -1075,7 +1127,7 @@
1075
1127
 
1076
1128
  /**
1077
1129
  * Do not edit directly
1078
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
1130
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
1079
1131
  */
1080
1132
  /**
1081
1133
  * TOKENS:
@@ -1243,7 +1295,7 @@
1243
1295
 
1244
1296
  /**
1245
1297
  * Do not edit directly
1246
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
1298
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
1247
1299
  */
1248
1300
  /**
1249
1301
  * TOKENS:
@@ -1337,7 +1389,7 @@
1337
1389
 
1338
1390
  /**
1339
1391
  * Do not edit directly
1340
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
1392
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
1341
1393
  */
1342
1394
  /**
1343
1395
  * TOKENS:
@@ -1474,7 +1526,7 @@
1474
1526
 
1475
1527
  /**
1476
1528
  * Do not edit directly
1477
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
1529
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
1478
1530
  */
1479
1531
  /**
1480
1532
  * TOKENS:
@@ -1616,7 +1668,7 @@
1616
1668
 
1617
1669
  /**
1618
1670
  * Do not edit directly
1619
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
1671
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
1620
1672
  */
1621
1673
  /**
1622
1674
  * TOKENS:
@@ -1765,7 +1817,7 @@
1765
1817
 
1766
1818
  /**
1767
1819
  * Do not edit directly
1768
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
1820
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
1769
1821
  */
1770
1822
  /**
1771
1823
  * TOKENS:
@@ -1871,7 +1923,7 @@
1871
1923
 
1872
1924
  /**
1873
1925
  * Do not edit directly
1874
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
1926
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
1875
1927
  */
1876
1928
  /**
1877
1929
  * TOKENS:
@@ -1933,7 +1985,7 @@
1933
1985
 
1934
1986
  /**
1935
1987
  * Do not edit directly
1936
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
1988
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
1937
1989
  */
1938
1990
  /**
1939
1991
  * TOKENS:
@@ -2008,7 +2060,7 @@
2008
2060
 
2009
2061
  /**
2010
2062
  * Do not edit directly
2011
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2063
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2012
2064
  */
2013
2065
  /**
2014
2066
  * TOKENS:
@@ -2060,7 +2112,7 @@
2060
2112
 
2061
2113
  /**
2062
2114
  * Do not edit directly
2063
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2115
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2064
2116
  */
2065
2117
  /**
2066
2118
  * TOKENS:
@@ -2137,7 +2189,7 @@
2137
2189
 
2138
2190
  /**
2139
2191
  * Do not edit directly
2140
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2192
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2141
2193
  */
2142
2194
  /**
2143
2195
  * TOKENS:
@@ -2218,7 +2270,7 @@
2218
2270
 
2219
2271
  /**
2220
2272
  * Do not edit directly
2221
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2273
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2222
2274
  */
2223
2275
  /**
2224
2276
  * TOKENS:
@@ -2228,7 +2280,7 @@
2228
2280
  */
2229
2281
  /**
2230
2282
  * Do not edit directly
2231
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2283
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2232
2284
  */
2233
2285
  /**
2234
2286
  * TOKENS:
@@ -2238,7 +2290,7 @@
2238
2290
  */
2239
2291
  /**
2240
2292
  * Do not edit directly
2241
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2293
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2242
2294
  */
2243
2295
  /**
2244
2296
  * TOKENS:
@@ -2248,7 +2300,7 @@
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:
@@ -2374,7 +2426,7 @@
2374
2426
 
2375
2427
  /**
2376
2428
  * Do not edit directly
2377
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2429
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2378
2430
  */
2379
2431
  /**
2380
2432
  * TOKENS:
@@ -2391,7 +2443,7 @@
2391
2443
 
2392
2444
  /**
2393
2445
  * Do not edit directly
2394
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2446
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2395
2447
  */
2396
2448
  /**
2397
2449
  * TOKENS:
@@ -2479,7 +2531,7 @@
2479
2531
 
2480
2532
  /**
2481
2533
  * Do not edit directly
2482
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2534
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2483
2535
  */
2484
2536
  /**
2485
2537
  * TOKENS:
@@ -2489,7 +2541,7 @@
2489
2541
  */
2490
2542
  /**
2491
2543
  * Do not edit directly
2492
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2544
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2493
2545
  */
2494
2546
  /**
2495
2547
  * TOKENS:
@@ -2499,7 +2551,7 @@
2499
2551
  */
2500
2552
  /**
2501
2553
  * Do not edit directly
2502
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2554
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2503
2555
  */
2504
2556
  /**
2505
2557
  * TOKENS:
@@ -2552,7 +2604,7 @@
2552
2604
 
2553
2605
  /**
2554
2606
  * Do not edit directly
2555
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2607
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2556
2608
  */
2557
2609
  /**
2558
2610
  * TOKENS:
@@ -2637,7 +2689,7 @@
2637
2689
 
2638
2690
  /**
2639
2691
  * Do not edit directly
2640
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2692
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2641
2693
  */
2642
2694
  /**
2643
2695
  * TOKENS:
@@ -2709,9 +2761,13 @@
2709
2761
  }
2710
2762
  .ilo--file-upload--list {
2711
2763
  order: 4;
2764
+ display: flex;
2765
+ flex-flow: column;
2766
+ padding-top: 0.4287245445rem;
2767
+ gap: 0.4287245445rem;
2712
2768
  }
2713
2769
  .ilo--file-upload--list-item {
2714
- display: inline-block;
2770
+ display: block;
2715
2771
  background-color: rgb(237, 240, 242);
2716
2772
  border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
2717
2773
  border-left: 0.1607717042rem solid rgb(35, 0, 80);
@@ -2724,14 +2780,13 @@
2724
2780
  letter-spacing: -0.02em;
2725
2781
  line-height: 21.6px;
2726
2782
  height: 2.5723472669rem;
2727
- margin: 1.2861736334rem 0rem 0rem 0rem;
2728
2783
  outline: none;
2729
2784
  padding: 0.6966773848rem 0.6430868167rem 0.857449089rem 0.5894962487rem;
2730
2785
  }
2731
2786
 
2732
2787
  /**
2733
2788
  * Do not edit directly
2734
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2789
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2735
2790
  */
2736
2791
  /**
2737
2792
  * TOKENS:
@@ -2772,7 +2827,7 @@
2772
2827
 
2773
2828
  /**
2774
2829
  * Do not edit directly
2775
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2830
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2776
2831
  */
2777
2832
  /**
2778
2833
  * TOKENS:
@@ -2787,52 +2842,52 @@
2787
2842
  grid-template-columns: auto;
2788
2843
  gap: 0.4287245445rem;
2789
2844
  }
2790
- .ilo--form-control__label-placement__start :first-child {
2845
+ .ilo--form-control__label-placement__start .ilo--form-control--label {
2791
2846
  grid-area: 1/1/2/2;
2792
2847
  }
2793
2848
  .ilo--form-control__label-placement__start :nth-child(2) {
2794
2849
  grid-area: 1/2/2/3;
2795
2850
  }
2796
- .ilo--form-control__label-placement__start :nth-child(3) {
2851
+ .ilo--form-control__label-placement__start .ilo--form-control--helper {
2797
2852
  grid-area: 2/2/3/3;
2798
2853
  }
2799
- .ilo--form-control__label-placement__start :nth-child(4) {
2854
+ .ilo--form-control__label-placement__start [class*=file-upload--list] {
2800
2855
  grid-area: 3/1/4/3;
2801
2856
  }
2802
- .ilo--form-control__label-placement__end :first-child {
2857
+ .ilo--form-control__label-placement__end .ilo--form-control--label {
2803
2858
  grid-area: 1/2/2/3;
2804
2859
  }
2805
2860
  .ilo--form-control__label-placement__end :nth-child(2) {
2806
2861
  grid-area: 1/1/2/2;
2807
2862
  }
2808
- .ilo--form-control__label-placement__end :nth-child(3) {
2863
+ .ilo--form-control__label-placement__end .ilo--form-control--helper {
2809
2864
  grid-area: 2/1/3/3;
2810
2865
  }
2811
- .ilo--form-control__label-placement__end :nth-child(4) {
2812
- grid-area: 3/1/4/3;
2866
+ .ilo--form-control__label-placement__end [class*=file-upload--list] {
2867
+ grid-area: 3/1/4/4;
2813
2868
  }
2814
- .ilo--form-control__label-placement__top :first-child {
2869
+ .ilo--form-control__label-placement__top .ilo--form-control--label {
2815
2870
  grid-area: 1/1/2/2;
2816
2871
  }
2817
2872
  .ilo--form-control__label-placement__top :nth-child(2) {
2818
2873
  grid-area: 2/1/3/2;
2819
2874
  }
2820
- .ilo--form-control__label-placement__top :nth-child(3) {
2875
+ .ilo--form-control__label-placement__top .ilo--form-control--helper {
2821
2876
  grid-area: 3/1/4/2;
2822
2877
  }
2823
- .ilo--form-control__label-placement__top :nth-child(4) {
2878
+ .ilo--form-control__label-placement__top [class*=file-upload--list] {
2824
2879
  grid-area: 4/1/5/2;
2825
2880
  }
2826
- .ilo--form-control__label-placement__bottom :first-child {
2881
+ .ilo--form-control__label-placement__bottom .ilo--form-control--label {
2827
2882
  grid-area: 3/1/4/2;
2828
2883
  }
2829
2884
  .ilo--form-control__label-placement__bottom :nth-child(2) {
2830
2885
  grid-area: 2/1/3/2;
2831
2886
  }
2832
- .ilo--form-control__label-placement__bottom :nth-child(3) {
2887
+ .ilo--form-control__label-placement__bottom .ilo--form-control--helper {
2833
2888
  grid-area: 1/1/2/2;
2834
2889
  }
2835
- .ilo--form-control__label-placement__bottom :nth-child(4) {
2890
+ .ilo--form-control__label-placement__bottom [class*=file-upload--list] {
2836
2891
  grid-area: 4/1/5/2;
2837
2892
  }
2838
2893
  .ilo--form-control__disabled .ilo--form-control--label,
@@ -2893,7 +2948,7 @@
2893
2948
 
2894
2949
  /**
2895
2950
  * Do not edit directly
2896
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2951
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2897
2952
  */
2898
2953
  /**
2899
2954
  * TOKENS:
@@ -2903,7 +2958,7 @@
2903
2958
  */
2904
2959
  /**
2905
2960
  * Do not edit directly
2906
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2961
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2907
2962
  */
2908
2963
  /**
2909
2964
  * TOKENS:
@@ -2928,7 +2983,7 @@
2928
2983
  }
2929
2984
  /**
2930
2985
  * Do not edit directly
2931
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
2986
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
2932
2987
  */
2933
2988
  /**
2934
2989
  * TOKENS:
@@ -2938,38 +2993,49 @@
2938
2993
  */
2939
2994
  .ilo--footer {
2940
2995
  border-bottom: 0.1607717042rem solid rgb(184, 196, 204);
2941
- }
2942
- .ilo--footer--main {
2943
2996
  background-color: rgb(35, 0, 80);
2944
- border-bottom: 0.3215434084rem solid rgb(250, 60, 75);
2945
- padding: 2.1436227224rem 1.7148981779rem 0 1.7148981779rem;
2946
2997
  position: relative;
2998
+ width: 100%;
2999
+ overflow: hidden;
3000
+ /* RTL Styles */
2947
3001
  }
2948
- .ilo--footer--main > * {
3002
+ .ilo--footer--main {
3003
+ padding: 2.1436227224rem 1.7148981779rem;
2949
3004
  position: relative;
2950
- z-index: 1;
2951
3005
  }
2952
- .ilo--footer--main:after {
3006
+ .ilo--footer--main:before {
2953
3007
  background-size: contain;
2954
3008
  background-repeat: no-repeat;
2955
- bottom: 0;
2956
3009
  content: "";
2957
3010
  height: 100%;
2958
3011
  min-width: 409.5px;
2959
- right: 0;
2960
3012
  position: absolute;
2961
- transform: scaleY(-1);
2962
3013
  width: 28.8%;
2963
3014
  z-index: 0;
2964
3015
  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");
3016
+ bottom: 0;
3017
+ right: 0;
3018
+ transform: scaleY(-1);
3019
+ }
3020
+ .ilo--footer--main:after {
3021
+ content: "";
3022
+ border-bottom: 0.3215434084rem solid rgb(250, 60, 75);
3023
+ width: 200vw;
3024
+ position: absolute;
3025
+ bottom: 0;
3026
+ left: -100vw;
3027
+ }
3028
+ .ilo--footer--main > * {
3029
+ position: relative;
3030
+ z-index: 1;
2965
3031
  }
2966
3032
  .ilo--footer--logo {
2967
3033
  height: 2.5723472669rem;
2968
3034
  width: auto;
2969
3035
  }
2970
3036
  .ilo--footer--secondary {
2971
- background-color: rgb(255, 255, 255);
2972
- padding: 1.9292604502rem 0.857449089rem 0 0.857449089rem;
3037
+ background-color: rgb(237, 240, 242);
3038
+ padding-top: 1.9292604502rem;
2973
3039
  min-height: 3.0010718114rem;
2974
3040
  }
2975
3041
  .ilo--footer--headline {
@@ -2981,7 +3047,7 @@
2981
3047
  line-height: 23.36px;
2982
3048
  line-height: 1.1575562701rem;
2983
3049
  margin-bottom: 0.0895963823rem;
2984
- margin-top: 0.732683199rem;
3050
+ margin-top: 1.1789924973rem;
2985
3051
  }
2986
3052
  .ilo--footer--subhead {
2987
3053
  color: #bedcfa;
@@ -2992,10 +3058,10 @@
2992
3058
  letter-spacing: normal;
2993
3059
  line-height: 16.24px;
2994
3060
  line-height: 0.9946409432rem;
2995
- margin-bottom: 1.1927105212rem;
3061
+ margin-bottom: 2.4115755627rem;
2996
3062
  }
2997
3063
  .ilo--footer .address {
2998
- margin-bottom: 2.2508038585rem;
3064
+ margin-bottom: 2.0900321543rem;
2999
3065
  }
3000
3066
  .ilo--footer .address--line {
3001
3067
  color: rgb(255, 255, 255);
@@ -3024,8 +3090,9 @@
3024
3090
  display: inline;
3025
3091
  list-style: none;
3026
3092
  }
3027
- .ilo--footer .secondarylinks--list--item:not(first-child):before {
3028
- content: " | ";
3093
+ .ilo--footer .secondarylinks--list--item:before {
3094
+ content: "|";
3095
+ margin: 0.2143622722rem;
3029
3096
  }
3030
3097
  .ilo--footer .secondarylinks--list--item a {
3031
3098
  color: rgb(109, 109, 109);
@@ -3060,32 +3127,30 @@
3060
3127
  transition-timing-function: ease-out;
3061
3128
  }
3062
3129
  .ilo--footer .anchorlink {
3063
- background: rgba(0, 0, 0, 0);
3064
- border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
3130
+ display: flex;
3131
+ flex-flow: row nowrap;
3065
3132
  color: rgb(35, 0, 80);
3066
- display: block;
3067
3133
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
3068
- height: 3.0010718114rem;
3069
- margin: 0.6430868167rem auto 0 auto;
3070
- padding: 0.857449089rem 1.7148981779rem 0.857449089rem 0;
3071
- position: relative;
3072
- text-align: left;
3073
- text-decoration: none;
3074
3134
  font-size: 16px;
3075
3135
  letter-spacing: -0.02em;
3076
3136
  line-height: 21.6px;
3137
+ position: relative;
3138
+ text-decoration: none;
3077
3139
  width: max-content;
3140
+ justify-content: center;
3141
+ border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
3142
+ margin: 0.6430868167rem auto 0 auto;
3143
+ padding: 0.857449089rem 0.857449089rem 0.857449089rem 0.857449089rem;
3078
3144
  }
3079
3145
  .ilo--footer .anchorlink:after {
3080
3146
  background-repeat: no-repeat;
3081
3147
  content: "";
3082
- display: inline-block;
3083
3148
  height: 1.2861736334rem;
3084
- position: absolute;
3085
- right: 0.1071811361rem;
3086
- top: 50%;
3087
- transform: translateY(-50%) rotateX(180deg);
3088
- transform-origin: center center;
3149
+ position: relative;
3150
+ margin-left: 0.4287245445rem;
3151
+ bottom: 0.1607717042rem;
3152
+ transform: rotateX(180deg);
3153
+ transform-origin: center;
3089
3154
  width: 1.2861736334rem;
3090
3155
  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");
3091
3156
  }
@@ -3106,10 +3171,10 @@
3106
3171
  display: grid;
3107
3172
  grid-template-columns: minmax(0, 50%) minmax(0, 50%);
3108
3173
  gap: 0px 64px;
3109
- grid-template-areas: "site-info address" "site-info links" "site-info connect";
3174
+ grid-template-areas: "site-info address" "site-info links" "site-info connect" "site-info subscribe";
3110
3175
  align-content: start;
3111
3176
  align-items: start;
3112
- padding: 2.1436227224rem 1.7148981779rem 2.1436227224rem 1.7148981779rem;
3177
+ padding: 2.1436227224rem 1.0718113612rem;
3113
3178
  }
3114
3179
  .ilo--footer .site--info {
3115
3180
  grid-area: site-info;
@@ -3124,126 +3189,159 @@
3124
3189
  .ilo--footer .links {
3125
3190
  grid-area: links;
3126
3191
  }
3192
+ .ilo--footer .subscribe {
3193
+ grid-area: subscribe;
3194
+ }
3127
3195
  .ilo--footer--secondary {
3128
- padding: 0.9646302251rem 0.857449089rem;
3196
+ padding-top: 0.9646302251rem;
3197
+ padding-bottom: 0.9646302251rem;
3129
3198
  position: relative;
3130
- }
3131
- .ilo--footer .legal,
3132
- .ilo--footer .secondarylinks {
3133
- display: block;
3134
- float: left;
3135
- }
3136
- .ilo--footer .secondarylinks {
3137
- margin-right: 6.7524115756rem;
3199
+ z-index: 1;
3138
3200
  }
3139
3201
  .ilo--footer .anchorlink {
3140
- display: inline-block;
3141
- margin: 0;
3142
- position: absolute;
3143
- right: 16px;
3144
- top: 0;
3202
+ bottom: 0;
3145
3203
  }
3146
3204
  }
3147
3205
  @media screen and (min-width: 1024px) {
3148
- .ilo--footer--main {
3149
- display: grid;
3150
- grid-template-columns: 19.2% 25.1% calc(32.5% + 64px);
3151
- grid-template-rows: 0.6fr 1.4fr;
3152
- gap: 0px 64px;
3153
- grid-template-areas: "site-info address connect" "site-info links connect";
3154
- padding: 3.0010718114rem 3.7513397642rem 3.4297963558rem 3.7513397642rem;
3155
- }
3156
- .ilo--footer--main:after {
3206
+ .ilo--footer:after {
3207
+ background-size: contain;
3208
+ background-repeat: no-repeat;
3209
+ content: "";
3210
+ height: 100%;
3211
+ min-width: 409.5px;
3212
+ position: absolute;
3213
+ width: 28.8%;
3214
+ z-index: 0;
3215
+ 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");
3157
3216
  background-position: right top;
3158
3217
  bottom: auto;
3159
3218
  top: 0;
3219
+ right: 0;
3160
3220
  transform: scaleY(1);
3161
3221
  }
3162
- .ilo--footer .connect {
3222
+ .ilo--footer--main {
3163
3223
  display: grid;
3164
- grid-template-columns: minmax(0, 40%), 60%;
3165
- grid-template-rows: repeat(3, minmax(0, 1fr));
3224
+ grid-template-columns: 0.25fr 0.33fr 0.09fr 0.33fr;
3225
+ grid-template-rows: auto auto;
3226
+ gap: 0px 64px;
3227
+ grid-template-areas: "site-info address . connect" "site-info links . subscribe";
3228
+ padding-top: 2.3579849946rem;
3229
+ padding-bottom: 2.7331189711rem;
3230
+ }
3231
+ .ilo--footer--main:before {
3232
+ content: none;
3233
+ }
3234
+ .ilo--footer .connect {
3166
3235
  grid-area: connect;
3167
- margin: 0 0 0 calc(18.9% + 64px);
3236
+ margin: 0;
3237
+ }
3238
+ .ilo--footer .subscribe {
3239
+ height: 100%;
3240
+ display: flex;
3241
+ align-items: flex-start;
3242
+ justify-content: flex-start;
3243
+ flex-flow: column;
3244
+ top: 8px;
3168
3245
  }
3169
3246
  .ilo--footer .ilo--button {
3170
3247
  align-self: start;
3171
3248
  justify-self: start;
3172
3249
  }
3173
3250
  .ilo--footer--secondary {
3174
- padding: 0.9646302251rem 3.7513397642rem;
3251
+ padding-top: 0.9646302251rem;
3252
+ padding-bottom: 0.9646302251rem;
3175
3253
  position: relative;
3176
3254
  }
3177
- .ilo--footer .secondarylinks {
3178
- margin-right: 7.5026795284rem;
3255
+ .ilo--footer--secondary [class*=container] {
3256
+ display: flex;
3257
+ flex-flow: row;
3258
+ justify-content: space-between;
3259
+ align-items: center;
3260
+ }
3261
+ .ilo--footer--secondary--details {
3262
+ display: flex;
3263
+ flex-flow: row;
3264
+ justify-content: flex-start;
3265
+ align-items: center;
3266
+ }
3267
+ .ilo--footer--secondary .secondarylinks--list--item:before {
3268
+ margin: 0.4287245445rem;
3179
3269
  }
3180
3270
  .ilo--footer .anchorlink {
3181
- display: inline-block;
3182
3271
  margin: 0;
3183
- position: absolute;
3184
- right: 70px;
3185
- top: 0;
3272
+ border: none;
3273
+ padding: 0.25rem;
3274
+ }
3275
+ .ilo--footer .anchorlink:hover {
3276
+ margin-bottom: -0.1071811361rem;
3186
3277
  }
3187
3278
  }
3188
3279
  .right-to-left .ilo--footer * {
3189
3280
  text-align: right;
3190
3281
  }
3191
- .right-to-left .ilo--footer .legal,
3192
- .right-to-left .ilo--footer .secondarylinks {
3193
- display: block;
3282
+ .right-to-left .ilo--footer--main:before {
3283
+ background-size: contain;
3284
+ background-repeat: no-repeat;
3285
+ content: "";
3286
+ height: 100%;
3287
+ min-width: 409.5px;
3288
+ position: absolute;
3289
+ width: 28.8%;
3290
+ z-index: 0;
3291
+ 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");
3292
+ bottom: 0;
3293
+ left: 0;
3294
+ transform: scaleY(-1) scaleX(-1);
3194
3295
  }
3195
- .right-to-left .ilo--footer .secondarylinks--list {
3296
+ .right-to-left .ilo--footer .subscribe a {
3297
+ align-self: flex-end;
3298
+ }
3299
+ .right-to-left .ilo--footer--secondary [class*=container] {
3300
+ flex-direction: row-reverse;
3301
+ }
3302
+ .right-to-left .ilo--footer--secondary--details {
3196
3303
  display: flex;
3304
+ flex-flow: row-reverse wrap;
3305
+ }
3306
+ .right-to-left .ilo--footer .secondarylinks--list {
3197
3307
  flex-direction: row-reverse;
3198
3308
  }
3199
- .right-to-left .ilo--footer .secondarylinks--list--item:not(first-child):before {
3309
+ .right-to-left .ilo--footer .secondarylinks--list--item:before {
3200
3310
  content: none;
3201
3311
  }
3202
- .right-to-left .ilo--footer .secondarylinks--list--item:not(first-child):after {
3203
- content: " | ";
3204
- padding-right: 0.1071811361rem;
3205
- }
3206
- .right-to-left .ilo--footer--main:after {
3207
- bottom: 0;
3208
- left: 0;
3209
- right: auto;
3210
- top: auto;
3211
- transform: scale(-1, -1);
3312
+ .right-to-left .ilo--footer .secondarylinks--list--item:after {
3313
+ content: "|";
3314
+ margin: 0.2143622722rem;
3212
3315
  }
3213
3316
  @media screen and (min-width: 610px) {
3214
3317
  .right-to-left .ilo--footer--main {
3215
- grid-template-areas: "address site-info" "links site-info" "connect site-info";
3216
- }
3217
- .right-to-left .ilo--footer .legal,
3218
- .right-to-left .ilo--footer .secondarylinks {
3219
- float: right;
3220
- }
3221
- .right-to-left .ilo--footer .secondarylinks {
3222
- margin-left: 6.7524115756rem;
3223
- margin-right: 0.2143622722rem;
3224
- }
3225
- .right-to-left .ilo--footer .secondarylinks--list {
3226
- display: flex;
3227
- flex-direction: row-reverse;
3228
- }
3229
- .right-to-left .ilo--footer .anchorlink {
3230
- left: 16px;
3231
- right: auto;
3318
+ grid-template-areas: "address site-info" "links site-info" "connect site-info" "subscribe site-info";
3232
3319
  }
3233
3320
  }
3234
3321
  @media screen and (min-width: 1024px) {
3322
+ .right-to-left .ilo--footer:after {
3323
+ background-size: contain;
3324
+ background-repeat: no-repeat;
3325
+ content: "";
3326
+ height: 100%;
3327
+ min-width: 409.5px;
3328
+ position: absolute;
3329
+ width: 28.8%;
3330
+ z-index: 0;
3331
+ 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");
3332
+ top: 0;
3333
+ left: 0;
3334
+ transform: scaleY(1) scaleX(-1);
3335
+ }
3235
3336
  .right-to-left .ilo--footer--main {
3236
- grid-template-columns: calc(32.5% + 64px) 25.1% 19.2%;
3237
- grid-template-areas: "connect address site-info" "connect links site-info";
3337
+ grid-template-columns: 0.33fr 0.09fr 0.33fr 0.25fr;
3338
+ grid-template-areas: "connect . address site-info" "subscribe . links site-info";
3238
3339
  }
3239
- .right-to-left .ilo--footer--main:after {
3240
- left: 0;
3241
- right: auto;
3242
- transform: scale(-1, 1);
3340
+ .right-to-left .ilo--footer--main:before {
3341
+ content: none;
3243
3342
  }
3244
3343
  .right-to-left .ilo--footer .connect {
3245
3344
  grid-template-columns: 60%, minmax(0, 40%);
3246
- margin: 0 calc(18.9% + 64px) 0 0;
3247
3345
  }
3248
3346
  .right-to-left .ilo--footer .ilo--button {
3249
3347
  justify-self: end;
@@ -3252,7 +3350,7 @@
3252
3350
 
3253
3351
  /**
3254
3352
  * Do not edit directly
3255
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
3353
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
3256
3354
  */
3257
3355
  /**
3258
3356
  * TOKENS:
@@ -3375,7 +3473,7 @@
3375
3473
 
3376
3474
  /**
3377
3475
  * Do not edit directly
3378
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
3476
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
3379
3477
  */
3380
3478
  /**
3381
3479
  * TOKENS:
@@ -3694,7 +3792,7 @@
3694
3792
 
3695
3793
  /**
3696
3794
  * Do not edit directly
3697
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
3795
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
3698
3796
  */
3699
3797
  /**
3700
3798
  * TOKENS:
@@ -3709,7 +3807,7 @@
3709
3807
  }
3710
3808
  @media screen and (min-width: 1024px) {
3711
3809
  .ilo--hero-card {
3712
- padding: 64px;
3810
+ padding: 56px 70px;
3713
3811
  }
3714
3812
  }
3715
3813
  .right-to-left .ilo--hero-card {
@@ -3750,11 +3848,11 @@
3750
3848
  }
3751
3849
  }
3752
3850
  .ilo--hero-card__cornercut {
3753
- clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
3851
+ clip-path: polygon(0 0, calc(100% - 70px) 0, 100% 40px, 100% 100%, 0 100%);
3754
3852
  }
3755
3853
  .right-to-left .ilo--hero-card__cornercut {
3756
- clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
3757
- clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
3854
+ clip-path: polygon(0 0, calc(100% - 720px) 0, 100% 40px, 100% 100%, 0 100%);
3855
+ clip-path: polygon(720px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
3758
3856
  }
3759
3857
  @media screen and (min-width: 1024px) {
3760
3858
  .ilo--hero-card__cornercut {
@@ -3828,7 +3926,7 @@
3828
3926
 
3829
3927
  /**
3830
3928
  * Do not edit directly
3831
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
3929
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
3832
3930
  */
3833
3931
  /**
3834
3932
  * TOKENS:
@@ -3884,7 +3982,7 @@
3884
3982
 
3885
3983
  /**
3886
3984
  * Do not edit directly
3887
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
3985
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
3888
3986
  */
3889
3987
  /**
3890
3988
  * TOKENS:
@@ -4026,7 +4124,7 @@
4026
4124
 
4027
4125
  /**
4028
4126
  * Do not edit directly
4029
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4127
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4030
4128
  */
4031
4129
  /**
4032
4130
  * TOKENS:
@@ -4036,7 +4134,7 @@
4036
4134
  */
4037
4135
  /**
4038
4136
  * Do not edit directly
4039
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4137
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4040
4138
  */
4041
4139
  /**
4042
4140
  * TOKENS:
@@ -4061,7 +4159,7 @@
4061
4159
  }
4062
4160
  /**
4063
4161
  * Do not edit directly
4064
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4162
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4065
4163
  */
4066
4164
  /**
4067
4165
  * TOKENS:
@@ -4219,7 +4317,7 @@
4219
4317
 
4220
4318
  /**
4221
4319
  * Do not edit directly
4222
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4320
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4223
4321
  */
4224
4322
  /**
4225
4323
  * TOKENS:
@@ -4314,7 +4412,7 @@
4314
4412
 
4315
4413
  /**
4316
4414
  * Do not edit directly
4317
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4415
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4318
4416
  */
4319
4417
  /**
4320
4418
  * TOKENS:
@@ -4324,7 +4422,7 @@
4324
4422
  */
4325
4423
  /**
4326
4424
  * Do not edit directly
4327
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4425
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4328
4426
  */
4329
4427
  /**
4330
4428
  * TOKENS:
@@ -4334,7 +4432,7 @@
4334
4432
  */
4335
4433
  /**
4336
4434
  * Do not edit directly
4337
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4435
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4338
4436
  */
4339
4437
  /**
4340
4438
  * TOKENS:
@@ -4505,7 +4603,7 @@
4505
4603
 
4506
4604
  /**
4507
4605
  * Do not edit directly
4508
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4606
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4509
4607
  */
4510
4608
  /**
4511
4609
  * TOKENS:
@@ -4552,7 +4650,7 @@
4552
4650
 
4553
4651
  /**
4554
4652
  * Do not edit directly
4555
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4653
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4556
4654
  */
4557
4655
  /**
4558
4656
  * TOKENS:
@@ -4562,7 +4660,7 @@
4562
4660
  */
4563
4661
  /**
4564
4662
  * Do not edit directly
4565
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4663
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4566
4664
  */
4567
4665
  /**
4568
4666
  * TOKENS:
@@ -4572,7 +4670,7 @@
4572
4670
  */
4573
4671
  /**
4574
4672
  * Do not edit directly
4575
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4673
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4576
4674
  */
4577
4675
  /**
4578
4676
  * TOKENS:
@@ -4669,7 +4767,7 @@
4669
4767
 
4670
4768
  /**
4671
4769
  * Do not edit directly
4672
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
4770
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
4673
4771
  */
4674
4772
  /**
4675
4773
  * TOKENS:
@@ -4865,12 +4963,6 @@
4865
4963
  flex-direction: row-reverse;
4866
4964
  }
4867
4965
  }
4868
- .ilo--header--inner {
4869
- margin: auto;
4870
- max-width: 1300px;
4871
- padding: 0 16px;
4872
- width: 100%;
4873
- }
4874
4966
  .right-to-left .ilo--header--inner {
4875
4967
  direction: rtl;
4876
4968
  }
@@ -5344,12 +5436,6 @@
5344
5436
  transform: translateY(0);
5345
5437
  }
5346
5438
  }
5347
- .ilo--subnav--inner {
5348
- margin: auto;
5349
- max-width: 1300px;
5350
- padding: 0 20px;
5351
- width: 100%;
5352
- }
5353
5439
  @media screen and (min-width: 1024px) {
5354
5440
  .ilo--subnav--inner {
5355
5441
  display: flex;
@@ -5571,7 +5657,7 @@
5571
5657
 
5572
5658
  /**
5573
5659
  * Do not edit directly
5574
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
5660
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
5575
5661
  */
5576
5662
  /**
5577
5663
  * TOKENS:
@@ -5581,7 +5667,7 @@
5581
5667
  */
5582
5668
  /**
5583
5669
  * Do not edit directly
5584
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
5670
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
5585
5671
  */
5586
5672
  /**
5587
5673
  * TOKENS:
@@ -5591,7 +5677,7 @@
5591
5677
  */
5592
5678
  /**
5593
5679
  * Do not edit directly
5594
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
5680
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
5595
5681
  */
5596
5682
  /**
5597
5683
  * TOKENS:
@@ -5783,7 +5869,7 @@
5783
5869
 
5784
5870
  /**
5785
5871
  * Do not edit directly
5786
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
5872
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
5787
5873
  */
5788
5874
  /**
5789
5875
  * TOKENS:
@@ -5923,7 +6009,7 @@
5923
6009
 
5924
6010
  /**
5925
6011
  * Do not edit directly
5926
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
6012
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
5927
6013
  */
5928
6014
  /**
5929
6015
  * TOKENS:
@@ -5933,7 +6019,7 @@
5933
6019
  */
5934
6020
  /**
5935
6021
  * Do not edit directly
5936
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
6022
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
5937
6023
  */
5938
6024
  /**
5939
6025
  * TOKENS:
@@ -5958,7 +6044,7 @@
5958
6044
  }
5959
6045
  /**
5960
6046
  * Do not edit directly
5961
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
6047
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
5962
6048
  */
5963
6049
  /**
5964
6050
  * TOKENS:
@@ -6125,7 +6211,7 @@
6125
6211
 
6126
6212
  /**
6127
6213
  * Do not edit directly
6128
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
6214
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
6129
6215
  */
6130
6216
  /**
6131
6217
  * TOKENS:
@@ -6143,7 +6229,14 @@
6143
6229
  width: 1.2861736334rem;
6144
6230
  cursor: pointer;
6145
6231
  }
6146
- .ilo--radio:before {
6232
+ .ilo--radio input {
6233
+ appearance: none;
6234
+ width: 1.2861736334rem;
6235
+ height: 1.2861736334rem;
6236
+ border-radius: 50%;
6237
+ cursor: pointer;
6238
+ }
6239
+ .ilo--radio--control:before {
6147
6240
  content: "";
6148
6241
  background-color: rgb(184, 196, 204);
6149
6242
  border: 0.2143622722rem solid rgb(184, 196, 204);
@@ -6156,7 +6249,7 @@
6156
6249
  z-index: 1;
6157
6250
  pointer-events: none;
6158
6251
  }
6159
- .ilo--radio:after {
6252
+ .ilo--radio--control:after {
6160
6253
  content: "";
6161
6254
  background-color: rgb(184, 196, 204);
6162
6255
  border-radius: 50%;
@@ -6168,33 +6261,26 @@
6168
6261
  z-index: 0;
6169
6262
  pointer-events: none;
6170
6263
  }
6171
- .ilo--radio:checked:before {
6264
+ input:checked + .ilo--radio--control:before {
6172
6265
  background-color: rgb(235, 245, 253);
6173
6266
  border-color: rgb(35, 0, 80);
6174
6267
  }
6175
- .ilo--radio:checked:after {
6268
+ input:checked + .ilo--radio--control:after {
6176
6269
  background-color: rgb(35, 0, 80);
6177
6270
  }
6178
- .ilo--radio:focus {
6179
- outline: none;
6180
- }
6181
- .ilo--radio:focus:after {
6271
+ input:focus + .ilo--radio--control:after {
6182
6272
  background-color: rgb(255, 205, 45);
6183
6273
  }
6184
- .ilo--radio:disabled {
6274
+ input:disabled + .ilo--radio--control:after, input:disabled + .ilo--radio--control:before {
6185
6275
  opacity: 45%;
6186
- pointer-events: none;
6187
6276
  }
6188
- .ilo--radio:invalid:after, .ilo--radio__error:after {
6277
+ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--control:after {
6189
6278
  background-color: rgb(250, 60, 75);
6190
6279
  }
6191
- .ilo--radio:invalid:checked:before, .ilo--radio__error:checked:before {
6192
- border-color: rgb(35, 0, 80);
6193
- }
6194
6280
 
6195
6281
  /**
6196
6282
  * Do not edit directly
6197
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
6283
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
6198
6284
  */
6199
6285
  /**
6200
6286
  * TOKENS:
@@ -6204,7 +6290,7 @@
6204
6290
  */
6205
6291
  /**
6206
6292
  * Do not edit directly
6207
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
6293
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
6208
6294
  */
6209
6295
  /**
6210
6296
  * TOKENS:
@@ -6229,7 +6315,7 @@
6229
6315
  }
6230
6316
  /**
6231
6317
  * Do not edit directly
6232
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
6318
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
6233
6319
  */
6234
6320
  /**
6235
6321
  * TOKENS:
@@ -6290,7 +6376,7 @@
6290
6376
 
6291
6377
  /**
6292
6378
  * Do not edit directly
6293
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
6379
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
6294
6380
  */
6295
6381
  /**
6296
6382
  * TOKENS:
@@ -6705,7 +6791,7 @@
6705
6791
 
6706
6792
  /**
6707
6793
  * Do not edit directly
6708
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
6794
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
6709
6795
  */
6710
6796
  /**
6711
6797
  * TOKENS:
@@ -6759,7 +6845,7 @@
6759
6845
 
6760
6846
  /**
6761
6847
  * Do not edit directly
6762
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
6848
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
6763
6849
  */
6764
6850
  /**
6765
6851
  * TOKENS:
@@ -6917,7 +7003,7 @@
6917
7003
 
6918
7004
  /**
6919
7005
  * Do not edit directly
6920
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
7006
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
6921
7007
  */
6922
7008
  /**
6923
7009
  * TOKENS:
@@ -7268,7 +7354,7 @@
7268
7354
 
7269
7355
  /**
7270
7356
  * Do not edit directly
7271
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
7357
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
7272
7358
  */
7273
7359
  /**
7274
7360
  * TOKENS:
@@ -7454,7 +7540,7 @@
7454
7540
 
7455
7541
  /**
7456
7542
  * Do not edit directly
7457
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
7543
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
7458
7544
  */
7459
7545
  /**
7460
7546
  * TOKENS:
@@ -7512,7 +7598,7 @@
7512
7598
 
7513
7599
  /**
7514
7600
  * Do not edit directly
7515
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
7601
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
7516
7602
  */
7517
7603
  /**
7518
7604
  * TOKENS:
@@ -7686,7 +7772,7 @@
7686
7772
 
7687
7773
  /**
7688
7774
  * Do not edit directly
7689
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
7775
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
7690
7776
  */
7691
7777
  /**
7692
7778
  * TOKENS:
@@ -7746,7 +7832,7 @@
7746
7832
 
7747
7833
  /**
7748
7834
  * Do not edit directly
7749
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
7835
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
7750
7836
  */
7751
7837
  /**
7752
7838
  * TOKENS:
@@ -7756,7 +7842,7 @@
7756
7842
  */
7757
7843
  /**
7758
7844
  * Do not edit directly
7759
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
7845
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
7760
7846
  */
7761
7847
  /**
7762
7848
  * TOKENS:
@@ -7858,7 +7944,7 @@ input:checked + .ilo--input--toggle--slider:before {
7858
7944
 
7859
7945
  /**
7860
7946
  * Do not edit directly
7861
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
7947
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
7862
7948
  */
7863
7949
  /**
7864
7950
  * TOKENS:
@@ -7901,14 +7987,14 @@ input:checked + .ilo--input--toggle--slider:before {
7901
7987
  position: relative;
7902
7988
  cursor: pointer;
7903
7989
  }
7904
- .ilo--tooltip--wrapper.has-icon {
7990
+ .ilo--tooltip--wrapper__icon {
7905
7991
  background-repeat: no-repeat;
7906
7992
  background-size: cover;
7907
7993
  height: 0.857449089rem;
7908
7994
  min-width: 0.857449089rem;
7909
7995
  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");
7910
7996
  }
7911
- .ilo--tooltip--wrapper--dark.has-icon {
7997
+ .ilo--tooltip--wrapper__icon.ilo--tooltip--wrapper__icon__theme__dark {
7912
7998
  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");
7913
7999
  }
7914
8000
  .ilo--tooltip--arrow {
@@ -8033,7 +8119,7 @@ input:checked + .ilo--input--toggle--slider:before {
8033
8119
 
8034
8120
  /**
8035
8121
  * Do not edit directly
8036
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
8122
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
8037
8123
  */
8038
8124
  /**
8039
8125
  * TOKENS:
@@ -8943,7 +9029,7 @@ input:checked + .ilo--input--toggle--slider:before {
8943
9029
 
8944
9030
  /**
8945
9031
  * Do not edit directly
8946
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
9032
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
8947
9033
  */
8948
9034
  /**
8949
9035
  * TOKENS:
@@ -8953,7 +9039,7 @@ input:checked + .ilo--input--toggle--slider:before {
8953
9039
  */
8954
9040
  /**
8955
9041
  * Do not edit directly
8956
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
9042
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
8957
9043
  */
8958
9044
  /**
8959
9045
  * TOKENS:
@@ -8978,7 +9064,7 @@ input:checked + .ilo--input--toggle--slider:before {
8978
9064
  }
8979
9065
  /**
8980
9066
  * Do not edit directly
8981
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
9067
+ * Generated on Wed, 27 Sep 2023 07:40:15 GMT
8982
9068
  */
8983
9069
  /**
8984
9070
  * TOKENS:
@@ -8994,9 +9080,15 @@ input:checked + .ilo--input--toggle--slider:before {
8994
9080
  .ilo--social-media__justify__center {
8995
9081
  align-items: center;
8996
9082
  }
9083
+ .right-to-left .ilo--social-media {
9084
+ direction: rtl;
9085
+ }
8997
9086
  .right-to-left .ilo--social-media .social--links {
8998
9087
  flex-direction: row-reverse;
8999
9088
  }
9089
+ .right-to-left .ilo--social-media .ilo--social-media--list--item--icon {
9090
+ text-indent: 999px;
9091
+ }
9000
9092
  .right-to-left .ilo--social-media * {
9001
9093
  text-align: right;
9002
9094
  }