@ilo-org/styles 0.0.3 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/css/components/index.css +642 -49
- package/build/css/components/index.css.map +1 -1
- package/build/css/index.css +642 -49
- package/build/css/index.css.map +1 -1
- package/build/css/monorepo.css +642 -49
- package/build/css/monorepo.css.map +1 -1
- package/build/minified/index.css +1 -1
- package/build/minified/index.css.map +1 -1
- package/build/minified/monorepo.css +1 -1
- package/build/minified/monorepo.css.map +1 -1
- package/package.json +3 -3
- package/scss/components/_navigation.scss +621 -0
- package/scss/components/index.scss +1 -0
package/build/css/index.css
CHANGED
|
@@ -151,7 +151,7 @@ select {
|
|
|
151
151
|
}
|
|
152
152
|
/**
|
|
153
153
|
* Do not edit directly
|
|
154
|
-
* Generated on
|
|
154
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
155
155
|
*/
|
|
156
156
|
/**
|
|
157
157
|
* TOKENS:
|
|
@@ -250,7 +250,7 @@ body {
|
|
|
250
250
|
|
|
251
251
|
/**
|
|
252
252
|
* Do not edit directly
|
|
253
|
-
* Generated on
|
|
253
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
254
254
|
*/
|
|
255
255
|
/**
|
|
256
256
|
* TOKENS:
|
|
@@ -350,7 +350,7 @@ body {
|
|
|
350
350
|
|
|
351
351
|
/**
|
|
352
352
|
* Do not edit directly
|
|
353
|
-
* Generated on
|
|
353
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
354
354
|
*/
|
|
355
355
|
/**
|
|
356
356
|
* TOKENS:
|
|
@@ -567,7 +567,7 @@ body {
|
|
|
567
567
|
|
|
568
568
|
/**
|
|
569
569
|
* Do not edit directly
|
|
570
|
-
* Generated on
|
|
570
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
571
571
|
*/
|
|
572
572
|
/**
|
|
573
573
|
* TOKENS:
|
|
@@ -824,7 +824,7 @@ body {
|
|
|
824
824
|
|
|
825
825
|
/**
|
|
826
826
|
* Do not edit directly
|
|
827
|
-
* Generated on
|
|
827
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
828
828
|
*/
|
|
829
829
|
/**
|
|
830
830
|
* TOKENS:
|
|
@@ -954,7 +954,7 @@ body {
|
|
|
954
954
|
|
|
955
955
|
/**
|
|
956
956
|
* Do not edit directly
|
|
957
|
-
* Generated on
|
|
957
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
958
958
|
*/
|
|
959
959
|
/**
|
|
960
960
|
* TOKENS:
|
|
@@ -1499,7 +1499,7 @@ body {
|
|
|
1499
1499
|
|
|
1500
1500
|
/**
|
|
1501
1501
|
* Do not edit directly
|
|
1502
|
-
* Generated on
|
|
1502
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
1503
1503
|
*/
|
|
1504
1504
|
/**
|
|
1505
1505
|
* TOKENS:
|
|
@@ -1534,7 +1534,7 @@ body {
|
|
|
1534
1534
|
|
|
1535
1535
|
/**
|
|
1536
1536
|
* Do not edit directly
|
|
1537
|
-
* Generated on
|
|
1537
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
1538
1538
|
*/
|
|
1539
1539
|
/**
|
|
1540
1540
|
* TOKENS:
|
|
@@ -1638,7 +1638,7 @@ body {
|
|
|
1638
1638
|
|
|
1639
1639
|
/**
|
|
1640
1640
|
* Do not edit directly
|
|
1641
|
-
* Generated on
|
|
1641
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
1642
1642
|
*/
|
|
1643
1643
|
/**
|
|
1644
1644
|
* TOKENS:
|
|
@@ -1710,7 +1710,7 @@ body {
|
|
|
1710
1710
|
|
|
1711
1711
|
/**
|
|
1712
1712
|
* Do not edit directly
|
|
1713
|
-
* Generated on
|
|
1713
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
1714
1714
|
*/
|
|
1715
1715
|
/**
|
|
1716
1716
|
* TOKENS:
|
|
@@ -1720,7 +1720,7 @@ body {
|
|
|
1720
1720
|
*/
|
|
1721
1721
|
/**
|
|
1722
1722
|
* Do not edit directly
|
|
1723
|
-
* Generated on
|
|
1723
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
1724
1724
|
*/
|
|
1725
1725
|
/**
|
|
1726
1726
|
* TOKENS:
|
|
@@ -1730,7 +1730,7 @@ body {
|
|
|
1730
1730
|
*/
|
|
1731
1731
|
/**
|
|
1732
1732
|
* Do not edit directly
|
|
1733
|
-
* Generated on
|
|
1733
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
1734
1734
|
*/
|
|
1735
1735
|
/**
|
|
1736
1736
|
* TOKENS:
|
|
@@ -1740,7 +1740,7 @@ body {
|
|
|
1740
1740
|
*/
|
|
1741
1741
|
/**
|
|
1742
1742
|
* Do not edit directly
|
|
1743
|
-
* Generated on
|
|
1743
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
1744
1744
|
*/
|
|
1745
1745
|
/**
|
|
1746
1746
|
* TOKENS:
|
|
@@ -1839,7 +1839,7 @@ body {
|
|
|
1839
1839
|
|
|
1840
1840
|
/**
|
|
1841
1841
|
* Do not edit directly
|
|
1842
|
-
* Generated on
|
|
1842
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
1843
1843
|
*/
|
|
1844
1844
|
/**
|
|
1845
1845
|
* TOKENS:
|
|
@@ -1859,7 +1859,7 @@ body {
|
|
|
1859
1859
|
|
|
1860
1860
|
/**
|
|
1861
1861
|
* Do not edit directly
|
|
1862
|
-
* Generated on
|
|
1862
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
1863
1863
|
*/
|
|
1864
1864
|
/**
|
|
1865
1865
|
* TOKENS:
|
|
@@ -1934,7 +1934,7 @@ body {
|
|
|
1934
1934
|
|
|
1935
1935
|
/**
|
|
1936
1936
|
* Do not edit directly
|
|
1937
|
-
* Generated on
|
|
1937
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
1938
1938
|
*/
|
|
1939
1939
|
/**
|
|
1940
1940
|
* TOKENS:
|
|
@@ -1944,7 +1944,7 @@ body {
|
|
|
1944
1944
|
*/
|
|
1945
1945
|
/**
|
|
1946
1946
|
* Do not edit directly
|
|
1947
|
-
* Generated on
|
|
1947
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
1948
1948
|
*/
|
|
1949
1949
|
/**
|
|
1950
1950
|
* TOKENS:
|
|
@@ -1954,7 +1954,7 @@ body {
|
|
|
1954
1954
|
*/
|
|
1955
1955
|
/**
|
|
1956
1956
|
* Do not edit directly
|
|
1957
|
-
* Generated on
|
|
1957
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
1958
1958
|
*/
|
|
1959
1959
|
/**
|
|
1960
1960
|
* TOKENS:
|
|
@@ -2007,7 +2007,7 @@ body {
|
|
|
2007
2007
|
|
|
2008
2008
|
/**
|
|
2009
2009
|
* Do not edit directly
|
|
2010
|
-
* Generated on
|
|
2010
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
2011
2011
|
*/
|
|
2012
2012
|
/**
|
|
2013
2013
|
* TOKENS:
|
|
@@ -2072,7 +2072,7 @@ body {
|
|
|
2072
2072
|
|
|
2073
2073
|
/**
|
|
2074
2074
|
* Do not edit directly
|
|
2075
|
-
* Generated on
|
|
2075
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
2076
2076
|
*/
|
|
2077
2077
|
/**
|
|
2078
2078
|
* TOKENS:
|
|
@@ -2178,7 +2178,7 @@ body {
|
|
|
2178
2178
|
|
|
2179
2179
|
/**
|
|
2180
2180
|
* Do not edit directly
|
|
2181
|
-
* Generated on
|
|
2181
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
2182
2182
|
*/
|
|
2183
2183
|
/**
|
|
2184
2184
|
* TOKENS:
|
|
@@ -2198,7 +2198,7 @@ body {
|
|
|
2198
2198
|
|
|
2199
2199
|
/**
|
|
2200
2200
|
* Do not edit directly
|
|
2201
|
-
* Generated on
|
|
2201
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
2202
2202
|
*/
|
|
2203
2203
|
/**
|
|
2204
2204
|
* TOKENS:
|
|
@@ -2474,7 +2474,7 @@ body {
|
|
|
2474
2474
|
|
|
2475
2475
|
/**
|
|
2476
2476
|
* Do not edit directly
|
|
2477
|
-
* Generated on
|
|
2477
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
2478
2478
|
*/
|
|
2479
2479
|
/**
|
|
2480
2480
|
* TOKENS:
|
|
@@ -2597,7 +2597,7 @@ body {
|
|
|
2597
2597
|
|
|
2598
2598
|
/**
|
|
2599
2599
|
* Do not edit directly
|
|
2600
|
-
* Generated on
|
|
2600
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
2601
2601
|
*/
|
|
2602
2602
|
/**
|
|
2603
2603
|
* TOKENS:
|
|
@@ -2935,7 +2935,7 @@ body {
|
|
|
2935
2935
|
|
|
2936
2936
|
/**
|
|
2937
2937
|
* Do not edit directly
|
|
2938
|
-
* Generated on
|
|
2938
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
2939
2939
|
*/
|
|
2940
2940
|
/**
|
|
2941
2941
|
* TOKENS:
|
|
@@ -2981,7 +2981,7 @@ body {
|
|
|
2981
2981
|
|
|
2982
2982
|
/**
|
|
2983
2983
|
* Do not edit directly
|
|
2984
|
-
* Generated on
|
|
2984
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
2985
2985
|
*/
|
|
2986
2986
|
/**
|
|
2987
2987
|
* TOKENS:
|
|
@@ -3131,7 +3131,7 @@ body {
|
|
|
3131
3131
|
|
|
3132
3132
|
/**
|
|
3133
3133
|
* Do not edit directly
|
|
3134
|
-
* Generated on
|
|
3134
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
3135
3135
|
*/
|
|
3136
3136
|
/**
|
|
3137
3137
|
* TOKENS:
|
|
@@ -3246,7 +3246,7 @@ body {
|
|
|
3246
3246
|
|
|
3247
3247
|
/**
|
|
3248
3248
|
* Do not edit directly
|
|
3249
|
-
* Generated on
|
|
3249
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
3250
3250
|
*/
|
|
3251
3251
|
/**
|
|
3252
3252
|
* TOKENS:
|
|
@@ -3309,7 +3309,7 @@ body {
|
|
|
3309
3309
|
|
|
3310
3310
|
/**
|
|
3311
3311
|
* Do not edit directly
|
|
3312
|
-
* Generated on
|
|
3312
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
3313
3313
|
*/
|
|
3314
3314
|
/**
|
|
3315
3315
|
* TOKENS:
|
|
@@ -3319,7 +3319,7 @@ body {
|
|
|
3319
3319
|
*/
|
|
3320
3320
|
/**
|
|
3321
3321
|
* Do not edit directly
|
|
3322
|
-
* Generated on
|
|
3322
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
3323
3323
|
*/
|
|
3324
3324
|
/**
|
|
3325
3325
|
* TOKENS:
|
|
@@ -3329,7 +3329,7 @@ body {
|
|
|
3329
3329
|
*/
|
|
3330
3330
|
/**
|
|
3331
3331
|
* Do not edit directly
|
|
3332
|
-
* Generated on
|
|
3332
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
3333
3333
|
*/
|
|
3334
3334
|
/**
|
|
3335
3335
|
* TOKENS:
|
|
@@ -3437,7 +3437,7 @@ body {
|
|
|
3437
3437
|
|
|
3438
3438
|
/**
|
|
3439
3439
|
* Do not edit directly
|
|
3440
|
-
* Generated on
|
|
3440
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
3441
3441
|
*/
|
|
3442
3442
|
/**
|
|
3443
3443
|
* TOKENS:
|
|
@@ -3447,7 +3447,7 @@ body {
|
|
|
3447
3447
|
*/
|
|
3448
3448
|
/**
|
|
3449
3449
|
* Do not edit directly
|
|
3450
|
-
* Generated on
|
|
3450
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
3451
3451
|
*/
|
|
3452
3452
|
/**
|
|
3453
3453
|
* TOKENS:
|
|
@@ -3457,7 +3457,7 @@ body {
|
|
|
3457
3457
|
*/
|
|
3458
3458
|
/**
|
|
3459
3459
|
* Do not edit directly
|
|
3460
|
-
* Generated on
|
|
3460
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
3461
3461
|
*/
|
|
3462
3462
|
/**
|
|
3463
3463
|
* TOKENS:
|
|
@@ -3545,7 +3545,600 @@ body {
|
|
|
3545
3545
|
|
|
3546
3546
|
/**
|
|
3547
3547
|
* Do not edit directly
|
|
3548
|
-
* Generated on
|
|
3548
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
3549
|
+
*/
|
|
3550
|
+
/**
|
|
3551
|
+
* TOKENS:
|
|
3552
|
+
*/
|
|
3553
|
+
/**
|
|
3554
|
+
* MAPS:
|
|
3555
|
+
*/
|
|
3556
|
+
.ilo--header {
|
|
3557
|
+
overflow-x: hidden;
|
|
3558
|
+
position: relative;
|
|
3559
|
+
z-index: 4;
|
|
3560
|
+
}
|
|
3561
|
+
.ilo--header.ilo--mobile--open {
|
|
3562
|
+
height: 100vh;
|
|
3563
|
+
}
|
|
3564
|
+
@media screen and (min-width: 1024px) {
|
|
3565
|
+
.ilo--header {
|
|
3566
|
+
overflow: visible;
|
|
3567
|
+
}
|
|
3568
|
+
}
|
|
3569
|
+
.ilo--header--nav {
|
|
3570
|
+
background: rgb(35, 0, 80);
|
|
3571
|
+
}
|
|
3572
|
+
.ilo--header--menu {
|
|
3573
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='rgb(255, 255, 255)' d='M24 8H17.3333 14.6667 8V10.6667H14.6667 17.3333 24V8zM24 14.667H17.3333 14.6667 8V17.3337H14.6667 17.3333 24V14.667zM24 21.333H17.3333 14.6667 8V23.9997H14.6667 17.3333 24V21.333z'/%3e%3c/svg%3e");
|
|
3574
|
+
background-color: transparent;
|
|
3575
|
+
background-position: center;
|
|
3576
|
+
background-repeat: no-repeat;
|
|
3577
|
+
background-size: 32px;
|
|
3578
|
+
border: none;
|
|
3579
|
+
cursor: pointer;
|
|
3580
|
+
overflow: hidden;
|
|
3581
|
+
position: relative;
|
|
3582
|
+
text-indent: -999%;
|
|
3583
|
+
transition: all 150ms ease-out;
|
|
3584
|
+
}
|
|
3585
|
+
.ilo--header--menu:hover, .ilo--header--menu:focus {
|
|
3586
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='rgb(30, 45, 190)' d='M24 8H17.3333 14.6667 8V10.6667H14.6667 17.3333 24V8zM24 14.667H17.3333 14.6667 8V17.3337H14.6667 17.3333 24V14.667zM24 21.333H17.3333 14.6667 8V23.9997H14.6667 17.3333 24V21.333z'/%3e%3c/svg%3e");
|
|
3587
|
+
background-color: rgb(235, 245, 253);
|
|
3588
|
+
background-position: center;
|
|
3589
|
+
background-repeat: no-repeat;
|
|
3590
|
+
background-size: 32px;
|
|
3591
|
+
}
|
|
3592
|
+
@media screen and (min-width: 1024px) {
|
|
3593
|
+
.ilo--header--menu {
|
|
3594
|
+
display: none;
|
|
3595
|
+
}
|
|
3596
|
+
}
|
|
3597
|
+
.ilo--header--menu--close {
|
|
3598
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(35, 0, 80)' d='M16.9497 15.5356L13.4142 12L16.9497 8.46451L15.5355 7.05029L12 10.5858L8.46446 7.05029L7.05025 8.46451L10.5858 12L7.05025 15.5356L8.46446 16.9498L12 13.4143L15.5355 16.9498L16.9497 15.5356Z'/%3e%3c/svg%3e");
|
|
3599
|
+
background-color: rgb(237, 240, 242);
|
|
3600
|
+
background-position: center;
|
|
3601
|
+
background-repeat: no-repeat;
|
|
3602
|
+
background-size: 32px;
|
|
3603
|
+
border: none;
|
|
3604
|
+
cursor: pointer;
|
|
3605
|
+
height: 32px;
|
|
3606
|
+
overflow: hidden;
|
|
3607
|
+
position: relative;
|
|
3608
|
+
text-indent: -999%;
|
|
3609
|
+
transition: all 150ms ease-out;
|
|
3610
|
+
width: 32px;
|
|
3611
|
+
}
|
|
3612
|
+
.ilo--header--menu--close:hover, .ilo--header--menu--close:focus {
|
|
3613
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M16.9497 15.5356L13.4142 12L16.9497 8.46451L15.5355 7.05029L12 10.5858L8.46446 7.05029L7.05025 8.46451L10.5858 12L7.05025 15.5356L8.46446 16.9498L12 13.4143L15.5355 16.9498L16.9497 15.5356Z'/%3e%3c/svg%3e");
|
|
3614
|
+
background-color: rgb(235, 245, 253);
|
|
3615
|
+
background-position: center;
|
|
3616
|
+
background-repeat: no-repeat;
|
|
3617
|
+
background-size: 32px;
|
|
3618
|
+
}
|
|
3619
|
+
@media screen and (min-width: 1024px) {
|
|
3620
|
+
.ilo--header--menu--close {
|
|
3621
|
+
display: none;
|
|
3622
|
+
}
|
|
3623
|
+
}
|
|
3624
|
+
.ilo--header--logo {
|
|
3625
|
+
display: block;
|
|
3626
|
+
}
|
|
3627
|
+
.ilo--header--logo-link {
|
|
3628
|
+
display: block;
|
|
3629
|
+
padding: 16px 0;
|
|
3630
|
+
}
|
|
3631
|
+
.ilo--header--logo-bar {
|
|
3632
|
+
background: rgb(30, 45, 190);
|
|
3633
|
+
display: flex;
|
|
3634
|
+
width: 100%;
|
|
3635
|
+
}
|
|
3636
|
+
.ilo--header--logo-bar .ilo--header--inner {
|
|
3637
|
+
display: flex;
|
|
3638
|
+
justify-content: space-between;
|
|
3639
|
+
}
|
|
3640
|
+
@media screen and (min-width: 1024px) {
|
|
3641
|
+
.ilo--header--logo-bar {
|
|
3642
|
+
background: rgb(30, 45, 190);
|
|
3643
|
+
}
|
|
3644
|
+
}
|
|
3645
|
+
.ilo--header--utility-bar {
|
|
3646
|
+
display: none;
|
|
3647
|
+
}
|
|
3648
|
+
@media screen and (min-width: 1024px) {
|
|
3649
|
+
.ilo--header--utility-bar {
|
|
3650
|
+
background: rgb(30, 45, 190);
|
|
3651
|
+
display: flex;
|
|
3652
|
+
justify-content: flex-end;
|
|
3653
|
+
width: 100%;
|
|
3654
|
+
}
|
|
3655
|
+
.ilo--header--utility-bar--local {
|
|
3656
|
+
justify-content: space-between;
|
|
3657
|
+
}
|
|
3658
|
+
}
|
|
3659
|
+
.ilo--header--inner {
|
|
3660
|
+
margin: auto;
|
|
3661
|
+
max-width: 1300px;
|
|
3662
|
+
padding: 0 16px;
|
|
3663
|
+
width: 100%;
|
|
3664
|
+
}
|
|
3665
|
+
@media screen and (min-width: 1024px) {
|
|
3666
|
+
.ilo--header--inner {
|
|
3667
|
+
display: flex;
|
|
3668
|
+
justify-content: space-between;
|
|
3669
|
+
padding: 0 20px;
|
|
3670
|
+
}
|
|
3671
|
+
}
|
|
3672
|
+
.ilo--header--navigation {
|
|
3673
|
+
background: rgb(255, 255, 255);
|
|
3674
|
+
position: absolute;
|
|
3675
|
+
top: 0;
|
|
3676
|
+
left: 0;
|
|
3677
|
+
transform: translateX(100%);
|
|
3678
|
+
transition: transform 225ms ease-out;
|
|
3679
|
+
width: 100%;
|
|
3680
|
+
}
|
|
3681
|
+
.ilo--header.ilo--mobile--open .ilo--header--navigation {
|
|
3682
|
+
transform: translateX(0);
|
|
3683
|
+
}
|
|
3684
|
+
@media screen and (min-width: 1024px) {
|
|
3685
|
+
.ilo--header--navigation {
|
|
3686
|
+
background: rgb(35, 0, 80);
|
|
3687
|
+
position: static;
|
|
3688
|
+
transform: none;
|
|
3689
|
+
}
|
|
3690
|
+
}
|
|
3691
|
+
.ilo--header--logo-tagline {
|
|
3692
|
+
font-size: 18.66px;
|
|
3693
|
+
letter-spacing: -0.035em;
|
|
3694
|
+
line-height: 24.26px;
|
|
3695
|
+
color: rgb(255, 255, 255);
|
|
3696
|
+
display: none;
|
|
3697
|
+
font-family: Overpass;
|
|
3698
|
+
font-weight: 700;
|
|
3699
|
+
padding: 20px 0;
|
|
3700
|
+
text-align: right;
|
|
3701
|
+
}
|
|
3702
|
+
@media screen and (min-width: 1024px) {
|
|
3703
|
+
.ilo--header--logo-tagline {
|
|
3704
|
+
display: block;
|
|
3705
|
+
}
|
|
3706
|
+
}
|
|
3707
|
+
.ilo--header--logo-tagline--small {
|
|
3708
|
+
font-size: 11.9px;
|
|
3709
|
+
letter-spacing: -0.02em;
|
|
3710
|
+
line-height: 19.4px;
|
|
3711
|
+
display: block;
|
|
3712
|
+
font-weight: 500;
|
|
3713
|
+
}
|
|
3714
|
+
|
|
3715
|
+
.ilo--nav {
|
|
3716
|
+
width: 100%;
|
|
3717
|
+
}
|
|
3718
|
+
@media screen and (min-width: 1024px) {
|
|
3719
|
+
.ilo--nav {
|
|
3720
|
+
width: auto;
|
|
3721
|
+
}
|
|
3722
|
+
}
|
|
3723
|
+
.ilo--nav--label:not(:focus):not(:active) {
|
|
3724
|
+
clip: rect(0 0 0 0);
|
|
3725
|
+
clip-path: inset(50%);
|
|
3726
|
+
height: 1px;
|
|
3727
|
+
overflow: hidden;
|
|
3728
|
+
position: absolute;
|
|
3729
|
+
white-space: nowrap;
|
|
3730
|
+
width: 1px;
|
|
3731
|
+
}
|
|
3732
|
+
.ilo--nav--set {
|
|
3733
|
+
width: 100%;
|
|
3734
|
+
}
|
|
3735
|
+
@media screen and (min-width: 1024px) {
|
|
3736
|
+
.ilo--nav--set {
|
|
3737
|
+
display: flex;
|
|
3738
|
+
width: auto;
|
|
3739
|
+
}
|
|
3740
|
+
}
|
|
3741
|
+
.ilo--nav--items {
|
|
3742
|
+
font-size: 16px;
|
|
3743
|
+
letter-spacing: -0.02em;
|
|
3744
|
+
line-height: 21.6px;
|
|
3745
|
+
font-family: Overpass;
|
|
3746
|
+
font-weight: 500;
|
|
3747
|
+
}
|
|
3748
|
+
@media screen and (min-width: 1024px) {
|
|
3749
|
+
.ilo--nav--items {
|
|
3750
|
+
display: flex;
|
|
3751
|
+
align-items: center;
|
|
3752
|
+
}
|
|
3753
|
+
.ilo--nav--items:first-of-type {
|
|
3754
|
+
margin-left: -20px;
|
|
3755
|
+
}
|
|
3756
|
+
}
|
|
3757
|
+
.ilo--nav--link {
|
|
3758
|
+
color: rgb(35, 0, 80);
|
|
3759
|
+
display: block;
|
|
3760
|
+
padding: 16px 36px 16px 8px;
|
|
3761
|
+
text-decoration: none;
|
|
3762
|
+
}
|
|
3763
|
+
.ilo--nav--link:hover, .ilo--nav--link:focus {
|
|
3764
|
+
background: rgb(235, 245, 253);
|
|
3765
|
+
color: rgb(30, 45, 190);
|
|
3766
|
+
text-decoration: none;
|
|
3767
|
+
}
|
|
3768
|
+
@media screen and (min-width: 1024px) {
|
|
3769
|
+
.ilo--nav--link {
|
|
3770
|
+
background: rgb(35, 0, 80);
|
|
3771
|
+
color: rgb(255, 255, 255);
|
|
3772
|
+
display: inline-block;
|
|
3773
|
+
padding: 21.5px 24px 20.5px;
|
|
3774
|
+
}
|
|
3775
|
+
.ilo--nav--link:hover, .ilo--nav--link:focus {
|
|
3776
|
+
background: rgb(255, 255, 255);
|
|
3777
|
+
color: rgb(30, 45, 190);
|
|
3778
|
+
text-decoration: none;
|
|
3779
|
+
}
|
|
3780
|
+
}
|
|
3781
|
+
.ilo--nav--trigger {
|
|
3782
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(35, 0, 80)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
|
|
3783
|
+
font-size: 16px;
|
|
3784
|
+
letter-spacing: -0.02em;
|
|
3785
|
+
line-height: 21.6px;
|
|
3786
|
+
appearance: none;
|
|
3787
|
+
background-color: rgb(255, 255, 255);
|
|
3788
|
+
background-position: 90% 55%;
|
|
3789
|
+
background-repeat: no-repeat;
|
|
3790
|
+
background-size: 16px;
|
|
3791
|
+
border: none;
|
|
3792
|
+
color: rgb(35, 0, 80);
|
|
3793
|
+
cursor: pointer;
|
|
3794
|
+
display: block;
|
|
3795
|
+
font-family: Overpass;
|
|
3796
|
+
font-weight: 500;
|
|
3797
|
+
padding: 16px 36px 16px 8px;
|
|
3798
|
+
text-align: left;
|
|
3799
|
+
transition: all 150ms ease-out;
|
|
3800
|
+
width: 100%;
|
|
3801
|
+
}
|
|
3802
|
+
.ilo--nav--trigger:focus, .ilo--nav--trigger:hover {
|
|
3803
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
|
|
3804
|
+
background-color: rgb(235, 245, 253);
|
|
3805
|
+
color: rgb(30, 45, 190);
|
|
3806
|
+
}
|
|
3807
|
+
@media screen and (min-width: 1024px) {
|
|
3808
|
+
.ilo--nav--trigger {
|
|
3809
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(255, 255, 255)' d='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
|
|
3810
|
+
font-size: 14.93px;
|
|
3811
|
+
letter-spacing: -0.02em;
|
|
3812
|
+
line-height: 20.16px;
|
|
3813
|
+
background-color: rgb(35, 0, 80);
|
|
3814
|
+
background-position: 90% 55%;
|
|
3815
|
+
background-repeat: no-repeat;
|
|
3816
|
+
background-size: 20px;
|
|
3817
|
+
border: 1.5px solid rgba(184, 196, 204, 0.5);
|
|
3818
|
+
border-radius: 2px;
|
|
3819
|
+
color: rgb(255, 255, 255);
|
|
3820
|
+
cursor: pointer;
|
|
3821
|
+
display: inline-block;
|
|
3822
|
+
font-weight: 700;
|
|
3823
|
+
margin-left: 20px;
|
|
3824
|
+
padding: 7px 32px 5px 15px;
|
|
3825
|
+
text-align: center;
|
|
3826
|
+
transition: all 150ms ease-out;
|
|
3827
|
+
width: auto;
|
|
3828
|
+
}
|
|
3829
|
+
.ilo--nav--trigger:focus, .ilo--nav--trigger:hover {
|
|
3830
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
|
|
3831
|
+
background-color: rgb(255, 255, 255);
|
|
3832
|
+
border-color: rgb(255, 255, 255);
|
|
3833
|
+
color: rgb(30, 45, 190);
|
|
3834
|
+
}
|
|
3835
|
+
}
|
|
3836
|
+
.ilo--nav--local {
|
|
3837
|
+
display: flex;
|
|
3838
|
+
justify-content: space-between;
|
|
3839
|
+
padding: 0 0 0 max((100% - 1260px) / 2, 20px);
|
|
3840
|
+
}
|
|
3841
|
+
.ilo--nav--local--logo-link {
|
|
3842
|
+
display: flex;
|
|
3843
|
+
}
|
|
3844
|
+
.ilo--nav--local--set {
|
|
3845
|
+
display: flex;
|
|
3846
|
+
justify-content: space-between;
|
|
3847
|
+
}
|
|
3848
|
+
.ilo--nav--local--item {
|
|
3849
|
+
font-size: 16px;
|
|
3850
|
+
letter-spacing: -0.02em;
|
|
3851
|
+
line-height: 21.6px;
|
|
3852
|
+
color: rgb(255, 255, 255);
|
|
3853
|
+
font-family: Overpass;
|
|
3854
|
+
font-weight: 500;
|
|
3855
|
+
}
|
|
3856
|
+
.ilo--nav--local--link {
|
|
3857
|
+
background: rgb(30, 45, 190);
|
|
3858
|
+
color: rgb(255, 255, 255);
|
|
3859
|
+
display: flex;
|
|
3860
|
+
padding: 13px 24px;
|
|
3861
|
+
text-decoration: none;
|
|
3862
|
+
transition: all 150ms ease-out;
|
|
3863
|
+
}
|
|
3864
|
+
.ilo--nav--local--link:hover, .ilo--nav--local--link:focus {
|
|
3865
|
+
background: rgb(235, 245, 253);
|
|
3866
|
+
color: rgb(30, 45, 190);
|
|
3867
|
+
}
|
|
3868
|
+
|
|
3869
|
+
.ilo--mobile--nav--logo {
|
|
3870
|
+
align-items: center;
|
|
3871
|
+
display: flex;
|
|
3872
|
+
justify-content: space-between;
|
|
3873
|
+
}
|
|
3874
|
+
@media screen and (min-width: 1024px) {
|
|
3875
|
+
.ilo--mobile--nav {
|
|
3876
|
+
display: none;
|
|
3877
|
+
}
|
|
3878
|
+
}
|
|
3879
|
+
|
|
3880
|
+
.ilo--language-switcher {
|
|
3881
|
+
background: rgb(35, 0, 80);
|
|
3882
|
+
display: flex;
|
|
3883
|
+
padding: 0 max((100% - 1300px) / 2, 20px) 0 0;
|
|
3884
|
+
position: relative;
|
|
3885
|
+
}
|
|
3886
|
+
.ilo--language-switcher::before {
|
|
3887
|
+
background: rgb(35, 0, 80);
|
|
3888
|
+
clip-path: polygon(0 0, 100% 0, 100% 100%);
|
|
3889
|
+
content: "";
|
|
3890
|
+
display: block;
|
|
3891
|
+
height: 100%;
|
|
3892
|
+
left: -32px;
|
|
3893
|
+
position: absolute;
|
|
3894
|
+
top: 0;
|
|
3895
|
+
width: 32px;
|
|
3896
|
+
}
|
|
3897
|
+
.ilo--language-switcher--wrap {
|
|
3898
|
+
display: flex;
|
|
3899
|
+
position: relative;
|
|
3900
|
+
}
|
|
3901
|
+
.ilo--language-switcher--button {
|
|
3902
|
+
font-size: 11.94px;
|
|
3903
|
+
letter-spacing: -0.02em;
|
|
3904
|
+
line-height: 16.24px;
|
|
3905
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='rgb(255, 255, 255)' fill-rule='evenodd' d='M1.08687 7.46667H3.21031C3.2851 5.53749 3.76315 3.78006 4.51995 2.45566C4.65969 2.21111 4.81092 1.97841 4.97289 1.76064C2.81175 2.81109 1.27822 4.9513 1.08687 7.46667ZM8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0ZM7.46667 1.1413C6.74082 1.34466 6.03016 1.96273 5.44607 2.98488C4.79279 4.12812 4.35217 5.69751 4.27783 7.46667H7.46667V1.1413ZM7.46667 8.53333H4.27783C4.35217 10.3025 4.79279 11.8719 5.44607 13.0151C6.03016 14.0373 6.74082 14.6553 7.46667 14.8587V8.53333ZM4.97289 14.2394C4.81093 14.0216 4.65969 13.7889 4.51995 13.5443C3.76315 12.2199 3.2851 10.4625 3.21031 8.53333H1.08687C1.27822 11.0487 2.81176 13.1889 4.97289 14.2394ZM8.53333 14.8587V8.53333H11.7222C11.6478 10.3025 11.2072 11.8719 10.5539 13.0151C9.96984 14.0373 9.25918 14.6553 8.53333 14.8587ZM11.7222 7.46667H8.53333V1.1413C9.25918 1.34466 9.96984 1.96273 10.5539 2.98488C11.2072 4.12812 11.6478 5.69751 11.7222 7.46667ZM12.7897 7.46667C12.7149 5.53749 12.2369 3.78006 11.4801 2.45566C11.3403 2.21111 11.1891 1.97841 11.0271 1.76064C13.1883 2.81109 14.7218 4.95129 14.9131 7.46667H12.7897ZM12.7897 8.53333C12.7149 10.4625 12.2369 12.2199 11.4801 13.5443C11.3403 13.7889 11.1891 14.0216 11.0271 14.2394C13.1883 13.1889 14.7218 11.0487 14.9131 8.53333H12.7897Z' clip-rule='evenodd'/%3e%3c/svg%3e");
|
|
3906
|
+
appearance: none;
|
|
3907
|
+
background-color: rgb(35, 0, 80);
|
|
3908
|
+
background-repeat: no-repeat;
|
|
3909
|
+
background-position: 15px center;
|
|
3910
|
+
background-size: 16px 16px;
|
|
3911
|
+
border: none;
|
|
3912
|
+
color: rgb(255, 255, 255);
|
|
3913
|
+
cursor: pointer;
|
|
3914
|
+
display: block;
|
|
3915
|
+
font-weight: 500;
|
|
3916
|
+
padding: 8px 30px 8px 40px;
|
|
3917
|
+
transition: all 150ms ease-out;
|
|
3918
|
+
}
|
|
3919
|
+
.ilo--language-switcher--button:hover, .ilo--language-switcher--button:focus {
|
|
3920
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='rgb(30, 45, 190)' fill-rule='evenodd' d='M1.08687 7.46667H3.21031C3.2851 5.53749 3.76315 3.78006 4.51995 2.45566C4.65969 2.21111 4.81092 1.97841 4.97289 1.76064C2.81175 2.81109 1.27822 4.9513 1.08687 7.46667ZM8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0ZM7.46667 1.1413C6.74082 1.34466 6.03016 1.96273 5.44607 2.98488C4.79279 4.12812 4.35217 5.69751 4.27783 7.46667H7.46667V1.1413ZM7.46667 8.53333H4.27783C4.35217 10.3025 4.79279 11.8719 5.44607 13.0151C6.03016 14.0373 6.74082 14.6553 7.46667 14.8587V8.53333ZM4.97289 14.2394C4.81093 14.0216 4.65969 13.7889 4.51995 13.5443C3.76315 12.2199 3.2851 10.4625 3.21031 8.53333H1.08687C1.27822 11.0487 2.81176 13.1889 4.97289 14.2394ZM8.53333 14.8587V8.53333H11.7222C11.6478 10.3025 11.2072 11.8719 10.5539 13.0151C9.96984 14.0373 9.25918 14.6553 8.53333 14.8587ZM11.7222 7.46667H8.53333V1.1413C9.25918 1.34466 9.96984 1.96273 10.5539 2.98488C11.2072 4.12812 11.6478 5.69751 11.7222 7.46667ZM12.7897 7.46667C12.7149 5.53749 12.2369 3.78006 11.4801 2.45566C11.3403 2.21111 11.1891 1.97841 11.0271 1.76064C13.1883 2.81109 14.7218 4.95129 14.9131 7.46667H12.7897ZM12.7897 8.53333C12.7149 10.4625 12.2369 12.2199 11.4801 13.5443C11.3403 13.7889 11.1891 14.0216 11.0271 14.2394C13.1883 13.1889 14.7218 11.0487 14.9131 8.53333H12.7897Z' clip-rule='evenodd'/%3e%3c/svg%3e");
|
|
3921
|
+
background-color: rgb(235, 245, 253);
|
|
3922
|
+
color: rgb(30, 45, 190);
|
|
3923
|
+
}
|
|
3924
|
+
.ilo--language-switcher .ilo--context-menu {
|
|
3925
|
+
opacity: 0;
|
|
3926
|
+
position: absolute;
|
|
3927
|
+
right: 0;
|
|
3928
|
+
top: calc(100% + 12px);
|
|
3929
|
+
transition: opacity 150ms ease-out;
|
|
3930
|
+
z-index: -1;
|
|
3931
|
+
}
|
|
3932
|
+
.ilo--context--open .ilo--language-switcher .ilo--context-menu {
|
|
3933
|
+
opacity: 1;
|
|
3934
|
+
z-index: 1;
|
|
3935
|
+
}
|
|
3936
|
+
|
|
3937
|
+
.ilo--subnav {
|
|
3938
|
+
background: rgb(255, 255, 255);
|
|
3939
|
+
padding: 0 0 32px;
|
|
3940
|
+
position: absolute;
|
|
3941
|
+
top: 0;
|
|
3942
|
+
transform: translateX(100%);
|
|
3943
|
+
transition: transform 225ms ease-out;
|
|
3944
|
+
width: 100%;
|
|
3945
|
+
}
|
|
3946
|
+
.ilo--subnav--open .ilo--subnav {
|
|
3947
|
+
transform: translateX(0);
|
|
3948
|
+
}
|
|
3949
|
+
@media screen and (min-width: 1024px) {
|
|
3950
|
+
.ilo--subnav {
|
|
3951
|
+
left: 0;
|
|
3952
|
+
padding: 32px 0;
|
|
3953
|
+
top: auto;
|
|
3954
|
+
transform: translateY(-100%);
|
|
3955
|
+
transition: transform 225ms ease-out;
|
|
3956
|
+
z-index: -1;
|
|
3957
|
+
}
|
|
3958
|
+
.ilo--header.ilo--subnav--open .ilo--subnav {
|
|
3959
|
+
transform: translateY(0);
|
|
3960
|
+
}
|
|
3961
|
+
}
|
|
3962
|
+
.ilo--subnav--inner {
|
|
3963
|
+
margin: auto;
|
|
3964
|
+
max-width: 1300px;
|
|
3965
|
+
padding: 0 20px;
|
|
3966
|
+
width: 100%;
|
|
3967
|
+
}
|
|
3968
|
+
@media screen and (min-width: 1024px) {
|
|
3969
|
+
.ilo--subnav--inner {
|
|
3970
|
+
display: flex;
|
|
3971
|
+
justify-content: space-between;
|
|
3972
|
+
}
|
|
3973
|
+
}
|
|
3974
|
+
.ilo--subnav--set {
|
|
3975
|
+
display: grid;
|
|
3976
|
+
grid-template-columns: 1fr;
|
|
3977
|
+
width: 100%;
|
|
3978
|
+
}
|
|
3979
|
+
@media screen and (min-width: 1024px) {
|
|
3980
|
+
.ilo--subnav--set {
|
|
3981
|
+
grid-auto-flow: column;
|
|
3982
|
+
grid-template-columns: repeat(5, 1fr);
|
|
3983
|
+
grid-template-rows: repeat(5, 1fr);
|
|
3984
|
+
}
|
|
3985
|
+
}
|
|
3986
|
+
.ilo--subnav--link {
|
|
3987
|
+
font-size: 16px;
|
|
3988
|
+
letter-spacing: -0.02em;
|
|
3989
|
+
line-height: 21.6px;
|
|
3990
|
+
background: rgb(255, 255, 255);
|
|
3991
|
+
color: rgb(35, 0, 80);
|
|
3992
|
+
display: flex;
|
|
3993
|
+
font-family: Overpass;
|
|
3994
|
+
font-weight: 500;
|
|
3995
|
+
padding: 18px 8px;
|
|
3996
|
+
text-decoration: none;
|
|
3997
|
+
transition: all 150ms ease-out;
|
|
3998
|
+
}
|
|
3999
|
+
.ilo--subnav--link:hover, .ilo--subnav--link:focus {
|
|
4000
|
+
background: rgb(235, 245, 253);
|
|
4001
|
+
color: rgb(30, 45, 190);
|
|
4002
|
+
text-decoration: none;
|
|
4003
|
+
}
|
|
4004
|
+
|
|
4005
|
+
@media screen and (min-width: 1024px) {
|
|
4006
|
+
.ilo--mobile--subnav {
|
|
4007
|
+
display: none;
|
|
4008
|
+
}
|
|
4009
|
+
}
|
|
4010
|
+
.ilo--mobile--subnav--menu {
|
|
4011
|
+
align-items: center;
|
|
4012
|
+
display: flex;
|
|
4013
|
+
flex-wrap: wrap;
|
|
4014
|
+
justify-content: space-between;
|
|
4015
|
+
}
|
|
4016
|
+
.ilo--mobile--subnav--back {
|
|
4017
|
+
font-size: 16px;
|
|
4018
|
+
letter-spacing: -0.02em;
|
|
4019
|
+
line-height: 21.6px;
|
|
4020
|
+
background-color: rgb(255, 255, 255);
|
|
4021
|
+
border: none;
|
|
4022
|
+
color: rgb(35, 0, 80);
|
|
4023
|
+
cursor: pointer;
|
|
4024
|
+
padding: 16px 16px 16px 32px;
|
|
4025
|
+
position: relative;
|
|
4026
|
+
transition: all 150ms ease-out;
|
|
4027
|
+
}
|
|
4028
|
+
.ilo--mobile--subnav--back::before {
|
|
4029
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(35, 0, 80)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
|
|
4030
|
+
background-position: 10% center;
|
|
4031
|
+
background-repeat: no-repeat;
|
|
4032
|
+
background-size: 24px;
|
|
4033
|
+
content: "";
|
|
4034
|
+
display: block;
|
|
4035
|
+
height: 24px;
|
|
4036
|
+
left: 0;
|
|
4037
|
+
position: absolute;
|
|
4038
|
+
top: 50%;
|
|
4039
|
+
transform: translateY(-50%) rotate(180deg);
|
|
4040
|
+
width: 24px;
|
|
4041
|
+
}
|
|
4042
|
+
.ilo--mobile--subnav--back:hover, .ilo--mobile--subnav--back:focus {
|
|
4043
|
+
background-color: rgb(235, 245, 253);
|
|
4044
|
+
color: rgb(30, 45, 190);
|
|
4045
|
+
}
|
|
4046
|
+
.ilo--mobile--subnav--back:hover::before, .ilo--mobile--subnav--back:focus::before {
|
|
4047
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
|
|
4048
|
+
background-position: 10% center;
|
|
4049
|
+
background-repeat: no-repeat;
|
|
4050
|
+
background-size: 24px;
|
|
4051
|
+
}
|
|
4052
|
+
@media screen and (min-width: 1024px) {
|
|
4053
|
+
.ilo--mobile--subnav--back {
|
|
4054
|
+
display: none;
|
|
4055
|
+
}
|
|
4056
|
+
}
|
|
4057
|
+
.ilo--mobile--subnav--label {
|
|
4058
|
+
font-size: 18.66px;
|
|
4059
|
+
letter-spacing: -0.035em;
|
|
4060
|
+
line-height: 24.26px;
|
|
4061
|
+
border-bottom: 3px solid rgb(237, 240, 242);
|
|
4062
|
+
color: rgb(45, 45, 45);
|
|
4063
|
+
font-family: Overpass;
|
|
4064
|
+
font-weight: 700;
|
|
4065
|
+
margin-bottom: 16px;
|
|
4066
|
+
padding: 20px 8px;
|
|
4067
|
+
width: 100%;
|
|
4068
|
+
}
|
|
4069
|
+
|
|
4070
|
+
.ilo--search-box {
|
|
4071
|
+
background: rgb(255, 255, 255);
|
|
4072
|
+
position: absolute;
|
|
4073
|
+
top: 0;
|
|
4074
|
+
transform: translateX(100%);
|
|
4075
|
+
transition: transform 225ms ease-out;
|
|
4076
|
+
width: 100%;
|
|
4077
|
+
}
|
|
4078
|
+
.ilo--search--open .ilo--search-box {
|
|
4079
|
+
transform: translateX(0);
|
|
4080
|
+
}
|
|
4081
|
+
@media screen and (min-width: 1024px) {
|
|
4082
|
+
.ilo--search-box {
|
|
4083
|
+
left: 0;
|
|
4084
|
+
padding: 32px 0;
|
|
4085
|
+
top: auto;
|
|
4086
|
+
transform: translateY(-100%);
|
|
4087
|
+
transition: transform 225ms ease-out;
|
|
4088
|
+
z-index: -1;
|
|
4089
|
+
}
|
|
4090
|
+
.ilo--header.ilo--search--open .ilo--search-box {
|
|
4091
|
+
transform: translateY(0);
|
|
4092
|
+
}
|
|
4093
|
+
}
|
|
4094
|
+
.ilo--search-box .ilo--header--inner {
|
|
4095
|
+
align-items: center;
|
|
4096
|
+
justify-content: center;
|
|
4097
|
+
padding: 80px 20px;
|
|
4098
|
+
}
|
|
4099
|
+
|
|
4100
|
+
.ilo--search {
|
|
4101
|
+
display: none;
|
|
4102
|
+
}
|
|
4103
|
+
@media screen and (min-width: 1024px) {
|
|
4104
|
+
.ilo--search {
|
|
4105
|
+
display: flex;
|
|
4106
|
+
}
|
|
4107
|
+
}
|
|
4108
|
+
.ilo--search--button {
|
|
4109
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(255, 255, 255)' d='M16.7068 15.257C17.6255 14.0506 18.1179 12.5734 18.1068 11.057C18.1201 10.1294 17.9488 9.20838 17.603 8.34753C17.2571 7.48667 16.7436 6.70315 16.0923 6.04251C15.4409 5.38187 14.6648 4.8573 13.8089 4.49928C12.9531 4.14126 12.0346 3.95694 11.1068 3.95703C9.2238 3.95703 7.41789 4.70506 6.08638 6.03657C4.75487 7.36808 4.00684 9.17399 4.00684 11.057C4.00684 12.9401 4.75487 14.746 6.08638 16.0775C7.41789 17.409 9.2238 18.157 11.1068 18.157C12.6258 18.1846 14.1082 17.6904 15.3068 16.757L18.3068 19.757C18.4938 19.9403 18.7451 20.0429 19.0068 20.0429C19.2686 20.0429 19.5199 19.9403 19.7068 19.757C19.8901 19.5701 19.9927 19.3188 19.9927 19.057C19.9927 18.7953 19.8901 18.544 19.7068 18.357L16.7068 15.257ZM11.1068 16.057C10.4419 16.0703 9.78091 15.9508 9.16269 15.7055C8.54448 15.4602 7.98142 15.094 7.50648 14.6284C7.03154 14.1628 6.65428 13.6071 6.39677 12.9938C6.13927 12.3806 6.0067 11.7221 6.00684 11.057C6.00684 9.70443 6.54416 8.40722 7.50059 7.45079C8.45703 6.49435 9.75423 5.95703 11.1068 5.95703C12.4594 5.95703 13.7566 6.49435 14.7131 7.45079C15.6695 8.40722 16.2068 9.70443 16.2068 11.057C16.207 11.7221 16.0744 12.3806 15.8169 12.9938C15.5594 13.6071 15.1821 14.1628 14.7072 14.6284C14.2323 15.094 13.6692 15.4602 13.051 15.7055C12.4328 15.9508 11.7718 16.0703 11.1068 16.057Z'/%3e%3c/svg%3e");
|
|
4110
|
+
appearance: none;
|
|
4111
|
+
background-color: transparent;
|
|
4112
|
+
background-position: center;
|
|
4113
|
+
background-repeat: no-repeat;
|
|
4114
|
+
background-size: 21.5px 21.5px;
|
|
4115
|
+
border: none;
|
|
4116
|
+
border-radius: 0;
|
|
4117
|
+
cursor: pointer;
|
|
4118
|
+
overflow: hidden;
|
|
4119
|
+
position: relative;
|
|
4120
|
+
text-indent: -999%;
|
|
4121
|
+
transition: all 150ms ease-out;
|
|
4122
|
+
}
|
|
4123
|
+
.ilo--search--button:hover, .ilo--search--button:focus {
|
|
4124
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M16.7068 15.257C17.6255 14.0506 18.1179 12.5734 18.1068 11.057C18.1201 10.1294 17.9488 9.20838 17.603 8.34753C17.2571 7.48667 16.7436 6.70315 16.0923 6.04251C15.4409 5.38187 14.6648 4.8573 13.8089 4.49928C12.9531 4.14126 12.0346 3.95694 11.1068 3.95703C9.2238 3.95703 7.41789 4.70506 6.08638 6.03657C4.75487 7.36808 4.00684 9.17399 4.00684 11.057C4.00684 12.9401 4.75487 14.746 6.08638 16.0775C7.41789 17.409 9.2238 18.157 11.1068 18.157C12.6258 18.1846 14.1082 17.6904 15.3068 16.757L18.3068 19.757C18.4938 19.9403 18.7451 20.0429 19.0068 20.0429C19.2686 20.0429 19.5199 19.9403 19.7068 19.757C19.8901 19.5701 19.9927 19.3188 19.9927 19.057C19.9927 18.7953 19.8901 18.544 19.7068 18.357L16.7068 15.257ZM11.1068 16.057C10.4419 16.0703 9.78091 15.9508 9.16269 15.7055C8.54448 15.4602 7.98142 15.094 7.50648 14.6284C7.03154 14.1628 6.65428 13.6071 6.39677 12.9938C6.13927 12.3806 6.0067 11.7221 6.00684 11.057C6.00684 9.70443 6.54416 8.40722 7.50059 7.45079C8.45703 6.49435 9.75423 5.95703 11.1068 5.95703C12.4594 5.95703 13.7566 6.49435 14.7131 7.45079C15.6695 8.40722 16.2068 9.70443 16.2068 11.057C16.207 11.7221 16.0744 12.3806 15.8169 12.9938C15.5594 13.6071 15.1821 14.1628 14.7072 14.6284C14.2323 15.094 13.6692 15.4602 13.051 15.7055C12.4328 15.9508 11.7718 16.0703 11.1068 16.057Z'/%3e%3c/svg%3e");
|
|
4125
|
+
background-color: rgb(235, 245, 253);
|
|
4126
|
+
}
|
|
4127
|
+
.ilo--search--open .ilo--search--button {
|
|
4128
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(35, 0, 80)' d='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
|
|
4129
|
+
background-color: rgb(255, 255, 255);
|
|
4130
|
+
background-position: center;
|
|
4131
|
+
background-repeat: no-repeat;
|
|
4132
|
+
background-size: 21.5px 21.5px;
|
|
4133
|
+
}
|
|
4134
|
+
.ilo--search--open .ilo--search--button:hover, .ilo--search--open .ilo--search--button:focus {
|
|
4135
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
|
|
4136
|
+
background-color: rgb(235, 245, 253);
|
|
4137
|
+
}
|
|
4138
|
+
|
|
4139
|
+
/**
|
|
4140
|
+
* Do not edit directly
|
|
4141
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
3549
4142
|
*/
|
|
3550
4143
|
/**
|
|
3551
4144
|
* TOKENS:
|
|
@@ -3555,7 +4148,7 @@ body {
|
|
|
3555
4148
|
*/
|
|
3556
4149
|
/**
|
|
3557
4150
|
* Do not edit directly
|
|
3558
|
-
* Generated on
|
|
4151
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
3559
4152
|
*/
|
|
3560
4153
|
/**
|
|
3561
4154
|
* TOKENS:
|
|
@@ -3565,7 +4158,7 @@ body {
|
|
|
3565
4158
|
*/
|
|
3566
4159
|
/**
|
|
3567
4160
|
* Do not edit directly
|
|
3568
|
-
* Generated on
|
|
4161
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
3569
4162
|
*/
|
|
3570
4163
|
/**
|
|
3571
4164
|
* TOKENS:
|
|
@@ -3729,7 +4322,7 @@ body {
|
|
|
3729
4322
|
|
|
3730
4323
|
/**
|
|
3731
4324
|
* Do not edit directly
|
|
3732
|
-
* Generated on
|
|
4325
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
3733
4326
|
*/
|
|
3734
4327
|
/**
|
|
3735
4328
|
* TOKENS:
|
|
@@ -3864,7 +4457,7 @@ body {
|
|
|
3864
4457
|
|
|
3865
4458
|
/**
|
|
3866
4459
|
* Do not edit directly
|
|
3867
|
-
* Generated on
|
|
4460
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
3868
4461
|
*/
|
|
3869
4462
|
/**
|
|
3870
4463
|
* TOKENS:
|
|
@@ -3993,7 +4586,7 @@ body {
|
|
|
3993
4586
|
|
|
3994
4587
|
/**
|
|
3995
4588
|
* Do not edit directly
|
|
3996
|
-
* Generated on
|
|
4589
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
3997
4590
|
*/
|
|
3998
4591
|
/**
|
|
3999
4592
|
* TOKENS:
|
|
@@ -4094,7 +4687,7 @@ body {
|
|
|
4094
4687
|
|
|
4095
4688
|
/**
|
|
4096
4689
|
* Do not edit directly
|
|
4097
|
-
* Generated on
|
|
4690
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
4098
4691
|
*/
|
|
4099
4692
|
/**
|
|
4100
4693
|
* TOKENS:
|
|
@@ -4153,7 +4746,7 @@ body {
|
|
|
4153
4746
|
|
|
4154
4747
|
/**
|
|
4155
4748
|
* Do not edit directly
|
|
4156
|
-
* Generated on
|
|
4749
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
4157
4750
|
*/
|
|
4158
4751
|
/**
|
|
4159
4752
|
* TOKENS:
|
|
@@ -4522,7 +5115,7 @@ body {
|
|
|
4522
5115
|
|
|
4523
5116
|
/**
|
|
4524
5117
|
* Do not edit directly
|
|
4525
|
-
* Generated on
|
|
5118
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
4526
5119
|
*/
|
|
4527
5120
|
/**
|
|
4528
5121
|
* TOKENS:
|
|
@@ -4566,7 +5159,7 @@ body {
|
|
|
4566
5159
|
|
|
4567
5160
|
/**
|
|
4568
5161
|
* Do not edit directly
|
|
4569
|
-
* Generated on
|
|
5162
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
4570
5163
|
*/
|
|
4571
5164
|
/**
|
|
4572
5165
|
* TOKENS:
|
|
@@ -4722,7 +5315,7 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
4722
5315
|
|
|
4723
5316
|
/**
|
|
4724
5317
|
* Do not edit directly
|
|
4725
|
-
* Generated on
|
|
5318
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
4726
5319
|
*/
|
|
4727
5320
|
/**
|
|
4728
5321
|
* TOKENS:
|
|
@@ -5041,7 +5634,7 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
5041
5634
|
|
|
5042
5635
|
/**
|
|
5043
5636
|
* Do not edit directly
|
|
5044
|
-
* Generated on
|
|
5637
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
5045
5638
|
*/
|
|
5046
5639
|
/**
|
|
5047
5640
|
* TOKENS:
|
|
@@ -5106,7 +5699,7 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
5106
5699
|
|
|
5107
5700
|
/**
|
|
5108
5701
|
* Do not edit directly
|
|
5109
|
-
* Generated on
|
|
5702
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
5110
5703
|
*/
|
|
5111
5704
|
/**
|
|
5112
5705
|
* TOKENS:
|
|
@@ -5267,7 +5860,7 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
5267
5860
|
|
|
5268
5861
|
/**
|
|
5269
5862
|
* Do not edit directly
|
|
5270
|
-
* Generated on
|
|
5863
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
5271
5864
|
*/
|
|
5272
5865
|
/**
|
|
5273
5866
|
* TOKENS:
|
|
@@ -5426,7 +6019,7 @@ Note that the styles for this component rely on CSS container queries, which cur
|
|
|
5426
6019
|
|
|
5427
6020
|
/**
|
|
5428
6021
|
* Do not edit directly
|
|
5429
|
-
* Generated on
|
|
6022
|
+
* Generated on Wed, 26 Oct 2022 11:06:50 GMT
|
|
5430
6023
|
*/
|
|
5431
6024
|
/**
|
|
5432
6025
|
* TOKENS:
|