@ilo-org/styles 0.10.4 → 0.10.6

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 (44) hide show
  1. package/build/css/components/index.css +131 -111
  2. package/build/css/components/index.css.map +1 -1
  3. package/build/css/global.css +1 -1
  4. package/build/css/index.css +131 -111
  5. package/build/css/index.css.map +1 -1
  6. package/build/css/monorepo.css +131 -111
  7. package/build/css/monorepo.css.map +1 -1
  8. package/build/minified/index.css +1 -1
  9. package/build/minified/index.css.map +1 -1
  10. package/build/minified/monorepo.css +1 -1
  11. package/build/minified/monorepo.css.map +1 -1
  12. package/css/components/breadcrumb.css +1 -1
  13. package/css/components/button.css +1 -1
  14. package/css/components/checkbox.css +1 -1
  15. package/css/components/dropdown.css +1 -1
  16. package/css/components/fieldset.css +1 -1
  17. package/css/components/file-upload.css +1 -1
  18. package/css/components/form.css +1 -1
  19. package/css/components/hero.css +1 -1
  20. package/css/components/herocard.css +1 -1
  21. package/css/components/input.css +1 -1
  22. package/css/components/radio.css +1 -1
  23. package/css/components/searchfield.css +1 -1
  24. package/css/components/textarea.css +1 -1
  25. package/css/components/textinput.css +1 -1
  26. package/css/global.css.map +1 -1
  27. package/css/index.css +3 -3
  28. package/css/index.css.map +1 -1
  29. package/css/monorepo.css +3 -3
  30. package/css/monorepo.css.map +1 -1
  31. package/package.json +2 -2
  32. package/scss/components/_breadcrumb.scss +4 -2
  33. package/scss/components/_checkbox.scss +1 -1
  34. package/scss/components/_dropdown.scss +5 -5
  35. package/scss/components/_fieldset.scss +1 -1
  36. package/scss/components/_file-upload.scss +1 -1
  37. package/scss/components/_form.scss +1 -1
  38. package/scss/components/_hero.scss +52 -23
  39. package/scss/components/_herocard.scss +3 -1
  40. package/scss/components/_input.scss +1 -1
  41. package/scss/components/_radio.scss +1 -1
  42. package/scss/components/_searchfield.scss +1 -1
  43. package/scss/components/_textarea.scss +1 -1
  44. package/scss/components/_textinput.scss +1 -1
@@ -1,7 +1,7 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
4
+ * Generated on Thu, 05 Oct 2023 08:45:35 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 Fri, 29 Sep 2023 12:22:31 GMT
14
+ * Generated on Thu, 05 Oct 2023 08:45:35 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 Fri, 29 Sep 2023 12:22:31 GMT
133
+ * Generated on Thu, 05 Oct 2023 08:45:35 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 Fri, 29 Sep 2023 12:22:31 GMT
158
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
159
159
  */
160
160
  /**
161
161
  * TOKENS:
@@ -172,7 +172,9 @@
172
172
  background-color: rgb(255, 255, 255);
173
173
  display: inline-flex;
174
174
  justify-content: flex-start;
175
- padding: 0.857449089rem 0 0.857449089rem 0.6430868167rem;
175
+ padding-block: 0.857449089rem;
176
+ padding-inline-end: 0;
177
+ padding-inline-start: var(--card-padding-start);
176
178
  position: relative;
177
179
  }
178
180
  .ilo--breadcrumb--items.context--menu {
@@ -220,7 +222,7 @@
220
222
  align-items: center;
221
223
  display: flex;
222
224
  position: relative;
223
- width: 1.7148981779rem;
225
+ width: 17px;
224
226
  }
225
227
  .ilo--breadcrumb--item.home .ilo--breadcrumb--link {
226
228
  padding-left: 0;
@@ -409,7 +411,7 @@
409
411
 
410
412
  /**
411
413
  * Do not edit directly
412
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
414
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
413
415
  */
414
416
  /**
415
417
  * TOKENS:
@@ -419,7 +421,7 @@
419
421
  */
420
422
  /**
421
423
  * Do not edit directly
422
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
424
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
423
425
  */
424
426
  /**
425
427
  * TOKENS:
@@ -444,7 +446,7 @@
444
446
  }
445
447
  /**
446
448
  * Do not edit directly
447
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
449
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
448
450
  */
449
451
  /**
450
452
  * TOKENS:
@@ -642,7 +644,7 @@
642
644
  box-shadow: none;
643
645
  }
644
646
  .ilo--button:disabled {
645
- opacity: 45%;
647
+ opacity: 0.45;
646
648
  pointer-events: none;
647
649
  }
648
650
  .ilo--button--secondary {
@@ -734,7 +736,7 @@
734
736
 
735
737
  /**
736
738
  * Do not edit directly
737
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
739
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
738
740
  */
739
741
  /**
740
742
  * TOKENS:
@@ -864,7 +866,7 @@
864
866
 
865
867
  /**
866
868
  * Do not edit directly
867
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
869
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
868
870
  */
869
871
  /**
870
872
  * TOKENS:
@@ -874,7 +876,7 @@
874
876
  */
875
877
  /**
876
878
  * Do not edit directly
877
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
879
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
878
880
  */
879
881
  /**
880
882
  * TOKENS:
@@ -899,7 +901,7 @@
899
901
  }
900
902
  /**
901
903
  * Do not edit directly
902
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
904
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
903
905
  */
904
906
  /**
905
907
  * TOKENS:
@@ -917,7 +919,7 @@
917
919
 
918
920
  /**
919
921
  * Do not edit directly
920
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
922
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
921
923
  */
922
924
  /**
923
925
  * TOKENS:
@@ -1128,7 +1130,7 @@
1128
1130
 
1129
1131
  /**
1130
1132
  * Do not edit directly
1131
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
1133
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
1132
1134
  */
1133
1135
  /**
1134
1136
  * TOKENS:
@@ -1296,7 +1298,7 @@
1296
1298
 
1297
1299
  /**
1298
1300
  * Do not edit directly
1299
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
1301
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
1300
1302
  */
1301
1303
  /**
1302
1304
  * TOKENS:
@@ -1390,7 +1392,7 @@
1390
1392
 
1391
1393
  /**
1392
1394
  * Do not edit directly
1393
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
1395
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
1394
1396
  */
1395
1397
  /**
1396
1398
  * TOKENS:
@@ -1527,7 +1529,7 @@
1527
1529
 
1528
1530
  /**
1529
1531
  * Do not edit directly
1530
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
1532
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
1531
1533
  */
1532
1534
  /**
1533
1535
  * TOKENS:
@@ -1669,7 +1671,7 @@
1669
1671
 
1670
1672
  /**
1671
1673
  * Do not edit directly
1672
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
1674
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
1673
1675
  */
1674
1676
  /**
1675
1677
  * TOKENS:
@@ -1818,7 +1820,7 @@
1818
1820
 
1819
1821
  /**
1820
1822
  * Do not edit directly
1821
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
1823
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
1822
1824
  */
1823
1825
  /**
1824
1826
  * TOKENS:
@@ -1924,7 +1926,7 @@
1924
1926
 
1925
1927
  /**
1926
1928
  * Do not edit directly
1927
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
1929
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
1928
1930
  */
1929
1931
  /**
1930
1932
  * TOKENS:
@@ -1986,7 +1988,7 @@
1986
1988
 
1987
1989
  /**
1988
1990
  * Do not edit directly
1989
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
1991
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
1990
1992
  */
1991
1993
  /**
1992
1994
  * TOKENS:
@@ -2061,7 +2063,7 @@
2061
2063
 
2062
2064
  /**
2063
2065
  * Do not edit directly
2064
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
2066
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
2065
2067
  */
2066
2068
  /**
2067
2069
  * TOKENS:
@@ -2113,7 +2115,7 @@
2113
2115
 
2114
2116
  /**
2115
2117
  * Do not edit directly
2116
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
2118
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
2117
2119
  */
2118
2120
  /**
2119
2121
  * TOKENS:
@@ -2178,7 +2180,7 @@
2178
2180
  border-color: rgb(255, 205, 45);
2179
2181
  }
2180
2182
  .ilo--checkbox:disabled {
2181
- opacity: 45%;
2183
+ opacity: 0.45;
2182
2184
  pointer-events: none;
2183
2185
  }
2184
2186
  .ilo--checkbox:invalid:after, .ilo--checkbox__error:after, .ilo--checkbox__error .ilo--checkbox:after {
@@ -2190,7 +2192,7 @@
2190
2192
 
2191
2193
  /**
2192
2194
  * Do not edit directly
2193
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
2195
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
2194
2196
  */
2195
2197
  /**
2196
2198
  * TOKENS:
@@ -2271,7 +2273,7 @@
2271
2273
 
2272
2274
  /**
2273
2275
  * Do not edit directly
2274
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
2276
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
2275
2277
  */
2276
2278
  /**
2277
2279
  * TOKENS:
@@ -2281,7 +2283,7 @@
2281
2283
  */
2282
2284
  /**
2283
2285
  * Do not edit directly
2284
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
2286
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
2285
2287
  */
2286
2288
  /**
2287
2289
  * TOKENS:
@@ -2291,7 +2293,7 @@
2291
2293
  */
2292
2294
  /**
2293
2295
  * Do not edit directly
2294
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
2296
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
2295
2297
  */
2296
2298
  /**
2297
2299
  * TOKENS:
@@ -2301,7 +2303,7 @@
2301
2303
  */
2302
2304
  /**
2303
2305
  * Do not edit directly
2304
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
2306
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
2305
2307
  */
2306
2308
  /**
2307
2309
  * TOKENS:
@@ -2427,7 +2429,7 @@
2427
2429
 
2428
2430
  /**
2429
2431
  * Do not edit directly
2430
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
2432
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
2431
2433
  */
2432
2434
  /**
2433
2435
  * TOKENS:
@@ -2444,7 +2446,7 @@
2444
2446
 
2445
2447
  /**
2446
2448
  * Do not edit directly
2447
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
2449
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
2448
2450
  */
2449
2451
  /**
2450
2452
  * TOKENS:
@@ -2519,7 +2521,7 @@
2519
2521
  border-top: 0.1071811361rem solid rgb(184, 196, 204);
2520
2522
  }
2521
2523
  .ilo--dropdown:disabled {
2522
- opacity: 45%;
2524
+ opacity: 0.45;
2523
2525
  pointer-events: none;
2524
2526
  }
2525
2527
  .ilo--dropdown:invalid, .ilo--dropdown.error, .error .ilo--dropdown {
@@ -2532,7 +2534,7 @@
2532
2534
 
2533
2535
  /**
2534
2536
  * Do not edit directly
2535
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
2537
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
2536
2538
  */
2537
2539
  /**
2538
2540
  * TOKENS:
@@ -2542,7 +2544,7 @@
2542
2544
  */
2543
2545
  /**
2544
2546
  * Do not edit directly
2545
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
2547
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
2546
2548
  */
2547
2549
  /**
2548
2550
  * TOKENS:
@@ -2552,7 +2554,7 @@
2552
2554
  */
2553
2555
  /**
2554
2556
  * Do not edit directly
2555
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
2557
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
2556
2558
  */
2557
2559
  /**
2558
2560
  * TOKENS:
@@ -2605,7 +2607,7 @@
2605
2607
 
2606
2608
  /**
2607
2609
  * Do not edit directly
2608
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
2610
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
2609
2611
  */
2610
2612
  /**
2611
2613
  * TOKENS:
@@ -2680,7 +2682,7 @@
2680
2682
  color: rgb(200, 48, 60);
2681
2683
  }
2682
2684
  .ilo--fieldset__disabled {
2683
- opacity: 50%;
2685
+ opacity: 0.5;
2684
2686
  pointer-events: none;
2685
2687
  }
2686
2688
  .ilo--fieldset .ilo--tooltip--wrapper {
@@ -2690,7 +2692,7 @@
2690
2692
 
2691
2693
  /**
2692
2694
  * Do not edit directly
2693
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
2695
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
2694
2696
  */
2695
2697
  /**
2696
2698
  * TOKENS:
@@ -2750,7 +2752,7 @@
2750
2752
  color: rgb(235, 245, 253);
2751
2753
  }
2752
2754
  .ilo--file-upload--input:disabled {
2753
- opacity: 45%;
2755
+ opacity: 0.45;
2754
2756
  pointer-events: none;
2755
2757
  }
2756
2758
  .ilo--file-upload--input:invalid, .ilo--file-upload--input.error, .error .ilo--file-upload--input {
@@ -2787,7 +2789,7 @@
2787
2789
 
2788
2790
  /**
2789
2791
  * Do not edit directly
2790
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
2792
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
2791
2793
  */
2792
2794
  /**
2793
2795
  * TOKENS:
@@ -2822,13 +2824,13 @@
2822
2824
  color: rgb(255, 205, 45);
2823
2825
  }
2824
2826
  .ilo--form__disabled {
2825
- opacity: 50%;
2827
+ opacity: 0.5;
2826
2828
  pointer-events: none;
2827
2829
  }
2828
2830
 
2829
2831
  /**
2830
2832
  * Do not edit directly
2831
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
2833
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
2832
2834
  */
2833
2835
  /**
2834
2836
  * TOKENS:
@@ -2949,7 +2951,7 @@
2949
2951
 
2950
2952
  /**
2951
2953
  * Do not edit directly
2952
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
2954
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
2953
2955
  */
2954
2956
  /**
2955
2957
  * TOKENS:
@@ -2959,7 +2961,7 @@
2959
2961
  */
2960
2962
  /**
2961
2963
  * Do not edit directly
2962
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
2964
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
2963
2965
  */
2964
2966
  /**
2965
2967
  * TOKENS:
@@ -2984,7 +2986,7 @@
2984
2986
  }
2985
2987
  /**
2986
2988
  * Do not edit directly
2987
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
2989
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
2988
2990
  */
2989
2991
  /**
2990
2992
  * TOKENS:
@@ -3351,7 +3353,7 @@
3351
3353
 
3352
3354
  /**
3353
3355
  * Do not edit directly
3354
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
3356
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
3355
3357
  */
3356
3358
  /**
3357
3359
  * TOKENS:
@@ -3474,7 +3476,7 @@
3474
3476
 
3475
3477
  /**
3476
3478
  * Do not edit directly
3477
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
3479
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
3478
3480
  */
3479
3481
  /**
3480
3482
  * TOKENS:
@@ -3483,12 +3485,14 @@
3483
3485
  * MAPS:
3484
3486
  */
3485
3487
  .hero {
3488
+ --card-padding-start: 70px;
3486
3489
  --corner-cut-height: 40px;
3487
3490
  width: 100%;
3488
3491
  display: grid;
3489
3492
  position: relative;
3490
3493
  grid-template-rows: minmax(216px, 1fr) 27px 40px auto;
3491
3494
  grid-template-columns: 1fr;
3495
+ overflow: hidden;
3492
3496
  }
3493
3497
  .hero--breadcrumbs {
3494
3498
  display: none;
@@ -3545,7 +3549,7 @@
3545
3549
  --col-2-lg: var(--card-width);
3546
3550
  --col-3-lg: 30px;
3547
3551
  --col-4-lg: 1fr;
3548
- grid-template-rows: var(--row-1-lg) var(--row-2-lg) var(--row-3-lg) var(--row-4-lg) var(--row-5-lg);
3552
+ grid-template-rows: var(--row-1-lg) var(--row-2-lg) var(--row-3-lg) var(--row-4-lg);
3549
3553
  grid-template-columns: var(--col-1-lg) var(--col-2-lg) var(--col-3-lg) var(--col-4-lg);
3550
3554
  }
3551
3555
  .hero__poster-size__small {
@@ -3575,12 +3579,10 @@
3575
3579
  .hero__card-size__xxlarge {
3576
3580
  --card-width: 998px;
3577
3581
  }
3578
- .hero__card-justify__start {
3582
+ .hero__card-justify__start, .hero__card-justify__offset {
3583
+ --card-padding-start: max(16px, min(calc((100vw - 1300px) / 2), 70px));
3579
3584
  --col-1-lg: calc(calc((100vw - 1300px) / 2) - 70px);
3580
3585
  }
3581
- .hero__card-justify__offset {
3582
- --col-1-lg: minmax(108px, calc(calc((100vw - 1300px) / 2) - 70px));
3583
- }
3584
3586
  .hero__card-justify__center {
3585
3587
  --col-1-lg: calc((100% - var(--card-width)) / 2);
3586
3588
  --col-4-lg: calc(
@@ -3601,6 +3603,7 @@
3601
3603
  }
3602
3604
  .hero__card-theme__dark .hero--card-offset {
3603
3605
  background-color: rgb(35, 0, 80);
3606
+ position: relative;
3604
3607
  }
3605
3608
  .hero__card-theme__dark[class*=semi-transparent] .hero--card-offset {
3606
3609
  background: rgba(35, 0, 80, 0.6);
@@ -3611,8 +3614,13 @@
3611
3614
  .hero__card-theme__light[class*=semi-transparent] .hero--card-offset {
3612
3615
  background: rgba(255, 255, 255, 0.6);
3613
3616
  }
3617
+ .hero--breadcrumbs-offset {
3618
+ grid-area: 1/1/2/2;
3619
+ background-color: rgb(255, 255, 255);
3620
+ z-index: 1;
3621
+ }
3614
3622
  .hero--breadcrumbs {
3615
- grid-area: 1/1/2/5;
3623
+ grid-area: 1/2/2/5;
3616
3624
  z-index: 1;
3617
3625
  display: flex;
3618
3626
  flex-flow: row nowrap;
@@ -3620,13 +3628,6 @@
3620
3628
  .hero--breadcrumbs--wrapper {
3621
3629
  width: 100%;
3622
3630
  }
3623
- .hero--breadcrumbs:before {
3624
- content: "";
3625
- background-color: rgb(255, 255, 255);
3626
- position: relative;
3627
- height: 100%;
3628
- width: max(70px, (100vw - 1300px) / 2);
3629
- }
3630
3631
  .hero--figure {
3631
3632
  grid-area: 1/1/5/5;
3632
3633
  }
@@ -3639,7 +3640,16 @@
3639
3640
  .hero--card-offset {
3640
3641
  grid-area: 3/1/6/2;
3641
3642
  z-index: 0;
3642
- background-color: transparent;
3643
+ position: relative;
3644
+ }
3645
+ .hero--card-offset::after {
3646
+ content: "";
3647
+ position: absolute;
3648
+ height: 100%;
3649
+ width: 3px;
3650
+ right: -1px;
3651
+ background-color: inherit;
3652
+ z-index: 1;
3643
3653
  }
3644
3654
  .hero__card-justify__offset .hero--card-offset, .hero__card-justify__center .hero--card-offset {
3645
3655
  background-color: transparent;
@@ -3739,7 +3749,7 @@
3739
3749
  --col-1-lg: 1fr;
3740
3750
  --col-2-lg: 30px;
3741
3751
  --col-3-lg: var(--card-width);
3742
- --col-4-lg: minmax(108px, calc(calc((100vw - 1300px) / 2) - 70px));
3752
+ --col-4-lg: calc(calc((100vw - 1300px) / 2) - 70px);
3743
3753
  }
3744
3754
  .right-to-left .hero__card-justify__center {
3745
3755
  --col-1-lg: calc(
@@ -3799,10 +3809,18 @@
3799
3809
  .right-to-left .hero--card-offset {
3800
3810
  grid-area: 3/4/6/5;
3801
3811
  }
3812
+ .right-to-left .hero--card-offset:after {
3813
+ right: initial;
3814
+ left: -1px;
3815
+ }
3802
3816
  .right-to-left .hero--card {
3803
3817
  grid-area: 3/3/6/4;
3804
3818
  }
3819
+ .right-to-left .hero--breadcrumbs-offset {
3820
+ grid-area: 1/4/2/5;
3821
+ }
3805
3822
  .right-to-left .hero--breadcrumbs {
3823
+ grid-area: 1/4/2/1;
3806
3824
  flex-direction: row-reverse;
3807
3825
  }
3808
3826
  .right-to-left .hero--caption {
@@ -3835,7 +3853,7 @@
3835
3853
 
3836
3854
  /**
3837
3855
  * Do not edit directly
3838
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
3856
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
3839
3857
  */
3840
3858
  /**
3841
3859
  * TOKENS:
@@ -3850,7 +3868,9 @@
3850
3868
  }
3851
3869
  @media screen and (min-width: 1024px) {
3852
3870
  .ilo--hero-card {
3853
- padding: 56px 70px;
3871
+ padding-block: 56px;
3872
+ padding-inline-end: 70px;
3873
+ padding-inline-start: var(--card-padding-start);
3854
3874
  }
3855
3875
  }
3856
3876
  .right-to-left .ilo--hero-card {
@@ -3969,7 +3989,7 @@
3969
3989
 
3970
3990
  /**
3971
3991
  * Do not edit directly
3972
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
3992
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
3973
3993
  */
3974
3994
  /**
3975
3995
  * TOKENS:
@@ -4025,7 +4045,7 @@
4025
4045
 
4026
4046
  /**
4027
4047
  * Do not edit directly
4028
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
4048
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
4029
4049
  */
4030
4050
  /**
4031
4051
  * TOKENS:
@@ -4064,7 +4084,7 @@
4064
4084
  outline: none;
4065
4085
  }
4066
4086
  .ilo--input:disabled {
4067
- opacity: 45%;
4087
+ opacity: 0.45;
4068
4088
  pointer-events: none;
4069
4089
  }
4070
4090
  .ilo--input:invalid, .ilo--input.error, .error .ilo--input {
@@ -4167,7 +4187,7 @@
4167
4187
 
4168
4188
  /**
4169
4189
  * Do not edit directly
4170
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
4190
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
4171
4191
  */
4172
4192
  /**
4173
4193
  * TOKENS:
@@ -4177,7 +4197,7 @@
4177
4197
  */
4178
4198
  /**
4179
4199
  * Do not edit directly
4180
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
4200
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
4181
4201
  */
4182
4202
  /**
4183
4203
  * TOKENS:
@@ -4202,7 +4222,7 @@
4202
4222
  }
4203
4223
  /**
4204
4224
  * Do not edit directly
4205
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
4225
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
4206
4226
  */
4207
4227
  /**
4208
4228
  * TOKENS:
@@ -4360,7 +4380,7 @@
4360
4380
 
4361
4381
  /**
4362
4382
  * Do not edit directly
4363
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
4383
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
4364
4384
  */
4365
4385
  /**
4366
4386
  * TOKENS:
@@ -4455,7 +4475,7 @@
4455
4475
 
4456
4476
  /**
4457
4477
  * Do not edit directly
4458
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
4478
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
4459
4479
  */
4460
4480
  /**
4461
4481
  * TOKENS:
@@ -4465,7 +4485,7 @@
4465
4485
  */
4466
4486
  /**
4467
4487
  * Do not edit directly
4468
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
4488
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
4469
4489
  */
4470
4490
  /**
4471
4491
  * TOKENS:
@@ -4475,7 +4495,7 @@
4475
4495
  */
4476
4496
  /**
4477
4497
  * Do not edit directly
4478
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
4498
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
4479
4499
  */
4480
4500
  /**
4481
4501
  * TOKENS:
@@ -4646,7 +4666,7 @@
4646
4666
 
4647
4667
  /**
4648
4668
  * Do not edit directly
4649
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
4669
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
4650
4670
  */
4651
4671
  /**
4652
4672
  * TOKENS:
@@ -4693,7 +4713,7 @@
4693
4713
 
4694
4714
  /**
4695
4715
  * Do not edit directly
4696
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
4716
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
4697
4717
  */
4698
4718
  /**
4699
4719
  * TOKENS:
@@ -4703,7 +4723,7 @@
4703
4723
  */
4704
4724
  /**
4705
4725
  * Do not edit directly
4706
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
4726
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
4707
4727
  */
4708
4728
  /**
4709
4729
  * TOKENS:
@@ -4713,7 +4733,7 @@
4713
4733
  */
4714
4734
  /**
4715
4735
  * Do not edit directly
4716
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
4736
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
4717
4737
  */
4718
4738
  /**
4719
4739
  * TOKENS:
@@ -4810,7 +4830,7 @@
4810
4830
 
4811
4831
  /**
4812
4832
  * Do not edit directly
4813
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
4833
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
4814
4834
  */
4815
4835
  /**
4816
4836
  * TOKENS:
@@ -5700,7 +5720,7 @@
5700
5720
 
5701
5721
  /**
5702
5722
  * Do not edit directly
5703
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
5723
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
5704
5724
  */
5705
5725
  /**
5706
5726
  * TOKENS:
@@ -5710,7 +5730,7 @@
5710
5730
  */
5711
5731
  /**
5712
5732
  * Do not edit directly
5713
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
5733
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
5714
5734
  */
5715
5735
  /**
5716
5736
  * TOKENS:
@@ -5720,7 +5740,7 @@
5720
5740
  */
5721
5741
  /**
5722
5742
  * Do not edit directly
5723
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
5743
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
5724
5744
  */
5725
5745
  /**
5726
5746
  * TOKENS:
@@ -5912,7 +5932,7 @@
5912
5932
 
5913
5933
  /**
5914
5934
  * Do not edit directly
5915
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
5935
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
5916
5936
  */
5917
5937
  /**
5918
5938
  * TOKENS:
@@ -6053,7 +6073,7 @@
6053
6073
 
6054
6074
  /**
6055
6075
  * Do not edit directly
6056
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
6076
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
6057
6077
  */
6058
6078
  /**
6059
6079
  * TOKENS:
@@ -6063,7 +6083,7 @@
6063
6083
  */
6064
6084
  /**
6065
6085
  * Do not edit directly
6066
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
6086
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
6067
6087
  */
6068
6088
  /**
6069
6089
  * TOKENS:
@@ -6088,7 +6108,7 @@
6088
6108
  }
6089
6109
  /**
6090
6110
  * Do not edit directly
6091
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
6111
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
6092
6112
  */
6093
6113
  /**
6094
6114
  * TOKENS:
@@ -6255,7 +6275,7 @@
6255
6275
 
6256
6276
  /**
6257
6277
  * Do not edit directly
6258
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
6278
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
6259
6279
  */
6260
6280
  /**
6261
6281
  * TOKENS:
@@ -6316,7 +6336,7 @@ input:focus + .ilo--radio--control:after {
6316
6336
  background-color: rgb(255, 205, 45);
6317
6337
  }
6318
6338
  input:disabled + .ilo--radio--control:after, input:disabled + .ilo--radio--control:before {
6319
- opacity: 45%;
6339
+ opacity: 0.45;
6320
6340
  }
6321
6341
  input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--control:after {
6322
6342
  background-color: rgb(250, 60, 75);
@@ -6324,7 +6344,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6324
6344
 
6325
6345
  /**
6326
6346
  * Do not edit directly
6327
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
6347
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
6328
6348
  */
6329
6349
  /**
6330
6350
  * TOKENS:
@@ -6334,7 +6354,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6334
6354
  */
6335
6355
  /**
6336
6356
  * Do not edit directly
6337
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
6357
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
6338
6358
  */
6339
6359
  /**
6340
6360
  * TOKENS:
@@ -6359,7 +6379,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6359
6379
  }
6360
6380
  /**
6361
6381
  * Do not edit directly
6362
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
6382
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
6363
6383
  */
6364
6384
  /**
6365
6385
  * TOKENS:
@@ -6420,7 +6440,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6420
6440
 
6421
6441
  /**
6422
6442
  * Do not edit directly
6423
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
6443
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
6424
6444
  */
6425
6445
  /**
6426
6446
  * TOKENS:
@@ -6835,7 +6855,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6835
6855
 
6836
6856
  /**
6837
6857
  * Do not edit directly
6838
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
6858
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
6839
6859
  */
6840
6860
  /**
6841
6861
  * TOKENS:
@@ -6876,7 +6896,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6876
6896
  margin-top: 1.5005359057rem;
6877
6897
  }
6878
6898
  .ilo--searchfield--button:disabled {
6879
- opacity: 45%;
6899
+ opacity: 0.45;
6880
6900
  pointer-events: none;
6881
6901
  }
6882
6902
  .right-to-left .ilo--searchfield {
@@ -6889,7 +6909,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6889
6909
 
6890
6910
  /**
6891
6911
  * Do not edit directly
6892
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
6912
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
6893
6913
  */
6894
6914
  /**
6895
6915
  * TOKENS:
@@ -7047,7 +7067,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7047
7067
 
7048
7068
  /**
7049
7069
  * Do not edit directly
7050
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
7070
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
7051
7071
  */
7052
7072
  /**
7053
7073
  * TOKENS:
@@ -7398,7 +7418,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7398
7418
 
7399
7419
  /**
7400
7420
  * Do not edit directly
7401
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
7421
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
7402
7422
  */
7403
7423
  /**
7404
7424
  * TOKENS:
@@ -7584,7 +7604,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7584
7604
 
7585
7605
  /**
7586
7606
  * Do not edit directly
7587
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
7607
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
7588
7608
  */
7589
7609
  /**
7590
7610
  * TOKENS:
@@ -7626,7 +7646,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7626
7646
  padding-left: 11px;
7627
7647
  }
7628
7648
  .ilo--textarea:disabled {
7629
- opacity: 45%;
7649
+ opacity: 0.45;
7630
7650
  pointer-events: none;
7631
7651
  }
7632
7652
  .ilo--textarea:invalid, .ilo--textarea__error, .ilo--textarea__error .ilo--textarea {
@@ -7642,7 +7662,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7642
7662
 
7643
7663
  /**
7644
7664
  * Do not edit directly
7645
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
7665
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
7646
7666
  */
7647
7667
  /**
7648
7668
  * TOKENS:
@@ -7816,7 +7836,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7816
7836
 
7817
7837
  /**
7818
7838
  * Do not edit directly
7819
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
7839
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
7820
7840
  */
7821
7841
  /**
7822
7842
  * TOKENS:
@@ -7855,7 +7875,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7855
7875
  outline: none;
7856
7876
  }
7857
7877
  .ilo--text-input:disabled {
7858
- opacity: 45%;
7878
+ opacity: 0.45;
7859
7879
  pointer-events: none;
7860
7880
  }
7861
7881
  .ilo--text-input:invalid, .ilo--text-input__error {
@@ -7876,7 +7896,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7876
7896
 
7877
7897
  /**
7878
7898
  * Do not edit directly
7879
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
7899
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
7880
7900
  */
7881
7901
  /**
7882
7902
  * TOKENS:
@@ -7886,7 +7906,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7886
7906
  */
7887
7907
  /**
7888
7908
  * Do not edit directly
7889
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
7909
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
7890
7910
  */
7891
7911
  /**
7892
7912
  * TOKENS:
@@ -7988,7 +8008,7 @@ input:checked + .ilo--input--toggle--slider:before {
7988
8008
 
7989
8009
  /**
7990
8010
  * Do not edit directly
7991
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
8011
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
7992
8012
  */
7993
8013
  /**
7994
8014
  * TOKENS:
@@ -8163,7 +8183,7 @@ input:checked + .ilo--input--toggle--slider:before {
8163
8183
 
8164
8184
  /**
8165
8185
  * Do not edit directly
8166
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
8186
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
8167
8187
  */
8168
8188
  /**
8169
8189
  * TOKENS:
@@ -9073,7 +9093,7 @@ input:checked + .ilo--input--toggle--slider:before {
9073
9093
 
9074
9094
  /**
9075
9095
  * Do not edit directly
9076
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
9096
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
9077
9097
  */
9078
9098
  /**
9079
9099
  * TOKENS:
@@ -9083,7 +9103,7 @@ input:checked + .ilo--input--toggle--slider:before {
9083
9103
  */
9084
9104
  /**
9085
9105
  * Do not edit directly
9086
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
9106
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
9087
9107
  */
9088
9108
  /**
9089
9109
  * TOKENS:
@@ -9108,7 +9128,7 @@ input:checked + .ilo--input--toggle--slider:before {
9108
9128
  }
9109
9129
  /**
9110
9130
  * Do not edit directly
9111
- * Generated on Fri, 29 Sep 2023 12:22:31 GMT
9131
+ * Generated on Thu, 05 Oct 2023 08:45:35 GMT
9112
9132
  */
9113
9133
  /**
9114
9134
  * TOKENS: