@ilo-org/styles 0.7.0 → 0.7.2

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.
@@ -151,7 +151,7 @@ select {
151
151
  }
152
152
  /**
153
153
  * Do not edit directly
154
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
154
+ * Generated on Wed, 16 Aug 2023 13:14:40 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 Fri, 04 Aug 2023 16:55:28 GMT
253
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
254
254
  */
255
255
  /**
256
256
  * TOKENS:
@@ -369,7 +369,7 @@ body {
369
369
 
370
370
  /**
371
371
  * Do not edit directly
372
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
372
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
373
373
  */
374
374
  /**
375
375
  * TOKENS:
@@ -394,7 +394,7 @@ body {
394
394
  }
395
395
  /**
396
396
  * Do not edit directly
397
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
397
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
398
398
  */
399
399
  /**
400
400
  * TOKENS:
@@ -648,7 +648,7 @@ body {
648
648
 
649
649
  /**
650
650
  * Do not edit directly
651
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
651
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
652
652
  */
653
653
  /**
654
654
  * TOKENS:
@@ -658,7 +658,7 @@ body {
658
658
  */
659
659
  /**
660
660
  * Do not edit directly
661
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
661
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
662
662
  */
663
663
  /**
664
664
  * TOKENS:
@@ -683,7 +683,7 @@ body {
683
683
  }
684
684
  /**
685
685
  * Do not edit directly
686
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
686
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
687
687
  */
688
688
  /**
689
689
  * TOKENS:
@@ -973,7 +973,7 @@ body {
973
973
 
974
974
  /**
975
975
  * Do not edit directly
976
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
976
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
977
977
  */
978
978
  /**
979
979
  * TOKENS:
@@ -1103,7 +1103,7 @@ body {
1103
1103
 
1104
1104
  /**
1105
1105
  * Do not edit directly
1106
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
1106
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
1107
1107
  */
1108
1108
  /**
1109
1109
  * TOKENS:
@@ -1310,7 +1310,7 @@ body {
1310
1310
 
1311
1311
  /**
1312
1312
  * Do not edit directly
1313
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
1313
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
1314
1314
  */
1315
1315
  /**
1316
1316
  * TOKENS:
@@ -1474,7 +1474,7 @@ body {
1474
1474
 
1475
1475
  /**
1476
1476
  * Do not edit directly
1477
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
1477
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
1478
1478
  */
1479
1479
  /**
1480
1480
  * TOKENS:
@@ -1568,7 +1568,7 @@ body {
1568
1568
 
1569
1569
  /**
1570
1570
  * Do not edit directly
1571
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
1571
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
1572
1572
  */
1573
1573
  /**
1574
1574
  * TOKENS:
@@ -1705,7 +1705,7 @@ body {
1705
1705
 
1706
1706
  /**
1707
1707
  * Do not edit directly
1708
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
1708
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
1709
1709
  */
1710
1710
  /**
1711
1711
  * TOKENS:
@@ -1836,7 +1836,7 @@ body {
1836
1836
 
1837
1837
  /**
1838
1838
  * Do not edit directly
1839
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
1839
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
1840
1840
  */
1841
1841
  /**
1842
1842
  * TOKENS:
@@ -1985,7 +1985,7 @@ body {
1985
1985
 
1986
1986
  /**
1987
1987
  * Do not edit directly
1988
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
1988
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
1989
1989
  */
1990
1990
  /**
1991
1991
  * TOKENS:
@@ -2049,7 +2049,7 @@ body {
2049
2049
 
2050
2050
  /**
2051
2051
  * Do not edit directly
2052
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2052
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2053
2053
  */
2054
2054
  /**
2055
2055
  * TOKENS:
@@ -2111,7 +2111,7 @@ body {
2111
2111
 
2112
2112
  /**
2113
2113
  * Do not edit directly
2114
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2114
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2115
2115
  */
2116
2116
  /**
2117
2117
  * TOKENS:
@@ -2186,7 +2186,7 @@ body {
2186
2186
 
2187
2187
  /**
2188
2188
  * Do not edit directly
2189
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2189
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2190
2190
  */
2191
2191
  /**
2192
2192
  * TOKENS:
@@ -2195,7 +2195,7 @@ body {
2195
2195
  * MAPS:
2196
2196
  */
2197
2197
  .ilo--cardgroup__collapsed .ilo--cardgroup--inner {
2198
- gap: 0;
2198
+ gap: 0 !important;
2199
2199
  }
2200
2200
  .ilo--cardgroup__justify__start .ilo--cardgroup--inner {
2201
2201
  justify-content: flex-start;
@@ -2206,12 +2206,37 @@ body {
2206
2206
  .ilo--cardgroup__justify__center .ilo--cardgroup--inner {
2207
2207
  justify-content: center;
2208
2208
  }
2209
+ @media screen and (min-width: 1024px) {
2210
+ .ilo--cardgroup__count__one .ilo--cardgroup--inner {
2211
+ gap: 0;
2212
+ }
2213
+ .ilo--cardgroup__count__one .ilo--cardgroup--card {
2214
+ flex: 1 1 100%;
2215
+ }
2216
+ .ilo--cardgroup__count__two .ilo--cardgroup--inner {
2217
+ gap: 16px;
2218
+ }
2219
+ .ilo--cardgroup__count__two .ilo--cardgroup--card {
2220
+ flex: 0 1 calc(50% - 16px);
2221
+ }
2222
+ .ilo--cardgroup__count__three .ilo--cardgroup--inner {
2223
+ gap: 21px;
2224
+ }
2225
+ .ilo--cardgroup__count__three .ilo--cardgroup--card {
2226
+ flex: 0 1 calc(33.3333% - 21px);
2227
+ }
2228
+ .ilo--cardgroup__count__four .ilo--cardgroup--inner {
2229
+ gap: 24px;
2230
+ }
2231
+ .ilo--cardgroup__count__four .ilo--cardgroup--card {
2232
+ flex: 0 1 calc(25% - 24px);
2233
+ }
2234
+ }
2209
2235
  .ilo--cardgroup--inner {
2210
2236
  display: flex;
2211
2237
  flex-flow: row wrap;
2212
2238
  justify-content: center;
2213
2239
  margin: auto;
2214
- gap: 1.7148981779rem;
2215
2240
  width: 100%;
2216
2241
  }
2217
2242
  .right-to-left .ilo--cardgroup--inner {
@@ -2226,7 +2251,7 @@ body {
2226
2251
 
2227
2252
  /**
2228
2253
  * Do not edit directly
2229
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2254
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2230
2255
  */
2231
2256
  /**
2232
2257
  * TOKENS:
@@ -2331,7 +2356,7 @@ body {
2331
2356
 
2332
2357
  /**
2333
2358
  * Do not edit directly
2334
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2359
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2335
2360
  */
2336
2361
  /**
2337
2362
  * TOKENS:
@@ -2412,7 +2437,7 @@ body {
2412
2437
 
2413
2438
  /**
2414
2439
  * Do not edit directly
2415
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2440
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2416
2441
  */
2417
2442
  /**
2418
2443
  * TOKENS:
@@ -2422,7 +2447,7 @@ body {
2422
2447
  */
2423
2448
  /**
2424
2449
  * Do not edit directly
2425
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2450
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2426
2451
  */
2427
2452
  /**
2428
2453
  * TOKENS:
@@ -2432,7 +2457,7 @@ body {
2432
2457
  */
2433
2458
  /**
2434
2459
  * Do not edit directly
2435
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2460
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2436
2461
  */
2437
2462
  /**
2438
2463
  * TOKENS:
@@ -2442,7 +2467,7 @@ body {
2442
2467
  */
2443
2468
  /**
2444
2469
  * Do not edit directly
2445
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2470
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2446
2471
  */
2447
2472
  /**
2448
2473
  * TOKENS:
@@ -2568,7 +2593,7 @@ body {
2568
2593
 
2569
2594
  /**
2570
2595
  * Do not edit directly
2571
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2596
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2572
2597
  */
2573
2598
  /**
2574
2599
  * TOKENS:
@@ -2596,7 +2621,7 @@ body {
2596
2621
 
2597
2622
  /**
2598
2623
  * Do not edit directly
2599
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2624
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2600
2625
  */
2601
2626
  /**
2602
2627
  * TOKENS:
@@ -2684,7 +2709,7 @@ body {
2684
2709
 
2685
2710
  /**
2686
2711
  * Do not edit directly
2687
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2712
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2688
2713
  */
2689
2714
  /**
2690
2715
  * TOKENS:
@@ -2694,7 +2719,7 @@ body {
2694
2719
  */
2695
2720
  /**
2696
2721
  * Do not edit directly
2697
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2722
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2698
2723
  */
2699
2724
  /**
2700
2725
  * TOKENS:
@@ -2704,7 +2729,7 @@ body {
2704
2729
  */
2705
2730
  /**
2706
2731
  * Do not edit directly
2707
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2732
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2708
2733
  */
2709
2734
  /**
2710
2735
  * TOKENS:
@@ -2757,7 +2782,7 @@ body {
2757
2782
 
2758
2783
  /**
2759
2784
  * Do not edit directly
2760
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2785
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2761
2786
  */
2762
2787
  /**
2763
2788
  * TOKENS:
@@ -2832,7 +2857,7 @@ body {
2832
2857
 
2833
2858
  /**
2834
2859
  * Do not edit directly
2835
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2860
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2836
2861
  */
2837
2862
  /**
2838
2863
  * TOKENS:
@@ -2938,7 +2963,7 @@ body {
2938
2963
 
2939
2964
  /**
2940
2965
  * Do not edit directly
2941
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2966
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2942
2967
  */
2943
2968
  /**
2944
2969
  * TOKENS:
@@ -2961,7 +2986,7 @@ body {
2961
2986
 
2962
2987
  /**
2963
2988
  * Do not edit directly
2964
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2989
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2965
2990
  */
2966
2991
  /**
2967
2992
  * TOKENS:
@@ -2975,7 +3000,7 @@ body {
2975
3000
 
2976
3001
  /**
2977
3002
  * Do not edit directly
2978
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
3003
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2979
3004
  */
2980
3005
  /**
2981
3006
  * TOKENS:
@@ -2985,7 +3010,7 @@ body {
2985
3010
  */
2986
3011
  /**
2987
3012
  * Do not edit directly
2988
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
3013
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2989
3014
  */
2990
3015
  /**
2991
3016
  * TOKENS:
@@ -3010,7 +3035,7 @@ body {
3010
3035
  }
3011
3036
  /**
3012
3037
  * Do not edit directly
3013
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
3038
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3014
3039
  */
3015
3040
  /**
3016
3041
  * TOKENS:
@@ -3334,7 +3359,7 @@ body {
3334
3359
 
3335
3360
  /**
3336
3361
  * Do not edit directly
3337
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
3362
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3338
3363
  */
3339
3364
  /**
3340
3365
  * TOKENS:
@@ -3457,7 +3482,7 @@ body {
3457
3482
 
3458
3483
  /**
3459
3484
  * Do not edit directly
3460
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
3485
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3461
3486
  */
3462
3487
  /**
3463
3488
  * TOKENS:
@@ -3466,13 +3491,10 @@ body {
3466
3491
  * MAPS:
3467
3492
  */
3468
3493
  .hero {
3469
- --tooltip-width: 30px;
3470
- --tooltip-height: 27px;
3471
3494
  --corner-cut-height: 39px;
3472
- --image-max-height: 216px;
3473
3495
  display: grid;
3474
3496
  position: relative;
3475
- grid-template-rows: minmax(var(--image-max-height), 1fr) var(--tooltip-height) 39px auto;
3497
+ grid-template-rows: minmax(216px, 1fr) 27px 39px auto;
3476
3498
  grid-template-columns: 1fr;
3477
3499
  }
3478
3500
  .hero--breadcrumbs {
@@ -3497,8 +3519,8 @@ body {
3497
3519
  }
3498
3520
  .hero--caption--wrapper {
3499
3521
  background: rgb(45, 45, 45);
3500
- height: var(--tooltip-height);
3501
- width: var(--tooltip-width);
3522
+ height: 27px;
3523
+ width: 30px;
3502
3524
  display: flex;
3503
3525
  justify-content: center;
3504
3526
  align-items: center;
@@ -3508,17 +3530,12 @@ body {
3508
3530
  content: "";
3509
3531
  position: absolute;
3510
3532
  top: 0;
3511
- left: 100%;
3512
3533
  width: 0;
3513
3534
  height: 0;
3514
- border-top: var(--tooltip-height) solid transparent;
3515
- border-left: calc(var(--tooltip-height) - 4px) solid rgb(45, 45, 45);
3516
- }
3517
- .right-to-left .hero--caption--wrapper::after {
3518
- left: auto;
3519
- right: 100%;
3520
- border-left: none;
3521
- border-right: calc(var(--tooltip-height) - 4px) solid rgb(45, 45, 45);
3535
+ border-top: 27px solid transparent;
3536
+ left: 100%;
3537
+ border-right: none;
3538
+ border-left: calc(27px - 4px) solid rgb(45, 45, 45);
3522
3539
  }
3523
3540
  @media screen and (min-width: 1024px) {
3524
3541
  .hero {
@@ -3530,11 +3547,11 @@ body {
3530
3547
  --row-1-lg: var(--breadcrumbs-height);
3531
3548
  --row-2-lg: calc(var(--image-gap) - var(--breadcrumbs-height));
3532
3549
  --row-3-lg: auto;
3533
- --row-4-lg: var(--tooltip-height);
3550
+ --row-4-lg: 27px;
3534
3551
  --row-5-lg: 72px;
3535
3552
  --col-1-lg: 0;
3536
3553
  --col-2-lg: var(--card-width);
3537
- --col-3-lg: var(--tooltip-width);
3554
+ --col-3-lg: 30px;
3538
3555
  --col-4-lg: 1fr;
3539
3556
  grid-template-rows: var(--row-1-lg) var(--row-2-lg) var(--row-3-lg) var(--row-4-lg) var(--row-5-lg);
3540
3557
  grid-template-columns: var(--col-1-lg) var(--col-2-lg) var(--col-3-lg) var(--col-4-lg);
@@ -3569,32 +3586,16 @@ body {
3569
3586
  .hero__card-justify__start {
3570
3587
  --col-1-lg: 0;
3571
3588
  }
3572
- .right-to-left .hero__card-justify__start {
3573
- --col-1-lg: 1fr;
3574
- --col-2-lg: var(--tooltip-width);
3575
- --col-3-lg: var(--card-width);
3576
- --col-4-lg: 0;
3577
- }
3578
3589
  .hero__card-justify__offset {
3579
3590
  --col-1-lg: var(--card-offset);
3580
3591
  }
3581
- .right-to-left .hero__card-justify__offset {
3582
- --col-1-lg: 1fr;
3583
- --col-2-lg: var(--tooltip-width);
3584
- --col-3-lg: var(--card-width);
3585
- --col-4-lg: var(--card-offset);
3586
- }
3587
3592
  .hero__card-justify__center {
3588
3593
  --col-1-lg: 1fr;
3589
3594
  --col-4-lg: 1fr;
3590
3595
  }
3591
- .right-to-left .hero__card-justify__center {
3592
- --col-2-lg: var(--tooltip-width);
3593
- --col-3-lg: var(--card-width);
3594
- }
3595
3596
  .hero__card-align__center {
3596
- --row-4-lg: calc(72px - var(--tooltip-height));
3597
- --row-5-lg: var(--tooltip-height);
3597
+ --row-4-lg: calc(72px - 27px);
3598
+ --row-5-lg: 27px;
3598
3599
  }
3599
3600
  .hero__card-align__bottom {
3600
3601
  --row-3-lg: 0;
@@ -3607,9 +3608,6 @@ body {
3607
3608
  display: flex;
3608
3609
  flex-flow: row nowrap;
3609
3610
  }
3610
- .right-to-left .hero--breadcrumbs {
3611
- flex-direction: row-reverse;
3612
- }
3613
3611
  .hero--breadcrumbs--wrapper {
3614
3612
  max-width: 500px;
3615
3613
  }
@@ -3625,9 +3623,6 @@ body {
3625
3623
  .hero--card {
3626
3624
  grid-area: 3/2/6/3;
3627
3625
  }
3628
- .right-to-left .hero--card {
3629
- grid-area: 3/3/6/4;
3630
- }
3631
3626
  .hero__card-align__center .hero--card {
3632
3627
  grid-area: 3/2/4/3;
3633
3628
  }
@@ -3638,32 +3633,174 @@ body {
3638
3633
  grid-area: 4/3/5/4;
3639
3634
  position: relative;
3640
3635
  }
3641
- .right-to-left .hero--caption {
3642
- grid-area: 4/2/5/3;
3643
- }
3644
3636
  .hero__card-align__center .hero--caption {
3645
3637
  grid-area: 5/1/6/3;
3646
3638
  }
3647
3639
  .hero__card-align__bottom .hero--caption {
3648
3640
  grid-area: 4/1/5/2;
3649
3641
  }
3642
+ .hero__card-align__center .hero--caption--wrapper, .hero__card-align__bottom .hero--caption--wrapper {
3643
+ position: absolute;
3644
+ left: 0;
3645
+ bottom: 0;
3646
+ }
3647
+ .hero__card-align__bottom.hero__card-justify__start .hero--caption {
3648
+ grid-area: 1/1/3/3;
3649
+ }
3650
+ .hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper {
3651
+ background: rgb(45, 45, 45);
3652
+ height: 27px;
3653
+ width: 30px;
3654
+ display: flex;
3655
+ justify-content: center;
3656
+ align-items: center;
3657
+ position: relative;
3658
+ position: absolute;
3659
+ left: 0;
3660
+ right: initial;
3661
+ bottom: 0;
3662
+ }
3663
+ .hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper::after {
3664
+ content: "";
3665
+ position: absolute;
3666
+ top: 0;
3667
+ width: 0;
3668
+ height: 0;
3669
+ border-top: 27px solid transparent;
3670
+ left: 100%;
3671
+ border-right: none;
3672
+ border-left: calc(27px - 4px) solid rgb(45, 45, 45);
3673
+ }
3650
3674
  .hero--caption--wrapper {
3651
3675
  left: 2px;
3652
3676
  }
3653
- .right-to-left .hero--caption--wrapper {
3677
+ }
3678
+ .right-to-left .hero--caption--wrapper {
3679
+ background: rgb(45, 45, 45);
3680
+ height: 27px;
3681
+ width: 30px;
3682
+ display: flex;
3683
+ justify-content: center;
3684
+ align-items: center;
3685
+ position: relative;
3686
+ position: absolute;
3687
+ right: 0;
3688
+ }
3689
+ .right-to-left .hero--caption--wrapper::after {
3690
+ content: "";
3691
+ position: absolute;
3692
+ top: 0;
3693
+ width: 0;
3694
+ height: 0;
3695
+ border-top: 27px solid transparent;
3696
+ left: auto;
3697
+ right: 100%;
3698
+ border-left: none;
3699
+ border-right: calc(27px - 4px) solid rgb(45, 45, 45);
3700
+ }
3701
+ @media screen and (min-width: 1024px) {
3702
+ .right-to-left .hero__card-justify__start {
3703
+ --col-1-lg: 1fr;
3704
+ --col-2-lg: 30px;
3705
+ --col-3-lg: var(--card-width);
3706
+ --col-4-lg: 0;
3707
+ }
3708
+ .right-to-left .hero__card-justify__offset {
3709
+ --col-1-lg: 1fr;
3710
+ --col-2-lg: 30px;
3711
+ --col-3-lg: var(--card-width);
3712
+ --col-4-lg: var(--card-offset);
3713
+ }
3714
+ .right-to-left .hero__card-justify__center {
3715
+ --col-1-lg: 1fr;
3716
+ --col-2-lg: 30px;
3717
+ --col-3-lg: var(--card-width);
3718
+ --col-4-lg: 1fr;
3719
+ }
3720
+ .right-to-left .hero__card-align__center .hero--card {
3721
+ grid-area: 3/3/4/4;
3722
+ }
3723
+ .right-to-left .hero__card-align__center .hero--caption {
3724
+ grid-area: 5/4/6/5;
3725
+ }
3726
+ .right-to-left .hero__card-align__center .hero--caption--wrapper {
3727
+ right: 0;
3728
+ left: initial;
3729
+ position: absolute;
3730
+ }
3731
+ .right-to-left .hero__card-align__bottom .hero--caption {
3732
+ grid-area: 4/4/5/5;
3733
+ }
3734
+ .right-to-left .hero__card-align__bottom .hero--caption--wrapper {
3735
+ position: absolute;
3736
+ right: 0;
3737
+ bottom: 0;
3738
+ left: initial;
3739
+ }
3740
+ .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption {
3741
+ grid-area: 2/3/3/4;
3742
+ }
3743
+ .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper {
3744
+ background: rgb(45, 45, 45);
3745
+ height: 27px;
3746
+ width: 30px;
3747
+ display: flex;
3748
+ justify-content: center;
3749
+ align-items: center;
3750
+ position: relative;
3751
+ position: absolute;
3752
+ left: initial;
3753
+ right: 0;
3754
+ }
3755
+ .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper::after {
3756
+ content: "";
3757
+ position: absolute;
3758
+ top: 0;
3759
+ width: 0;
3760
+ height: 0;
3761
+ border-top: 27px solid transparent;
3654
3762
  left: auto;
3763
+ right: 100%;
3764
+ border-left: none;
3765
+ border-right: calc(27px - 4px) solid rgb(45, 45, 45);
3766
+ }
3767
+ .right-to-left .hero--card {
3768
+ grid-area: 3/3/6/4;
3769
+ }
3770
+ .right-to-left .hero--breadcrumbs {
3771
+ flex-direction: row-reverse;
3772
+ }
3773
+ .right-to-left .hero--caption {
3774
+ grid-area: 4/2/5/3;
3775
+ }
3776
+ .right-to-left .hero--caption--wrapper {
3655
3777
  right: 2px;
3778
+ left: initial;
3779
+ background: rgb(45, 45, 45);
3780
+ height: 27px;
3781
+ width: 30px;
3782
+ display: flex;
3783
+ justify-content: center;
3784
+ align-items: center;
3785
+ position: relative;
3656
3786
  }
3657
- .hero__card-align__center .hero--caption--wrapper, .hero__card-align__bottom .hero--caption--wrapper {
3787
+ .right-to-left .hero--caption--wrapper::after {
3788
+ content: "";
3658
3789
  position: absolute;
3659
- left: 0;
3660
- bottom: 0;
3790
+ top: 0;
3791
+ width: 0;
3792
+ height: 0;
3793
+ border-top: 27px solid transparent;
3794
+ left: auto;
3795
+ right: 100%;
3796
+ border-left: none;
3797
+ border-right: calc(27px - 4px) solid rgb(45, 45, 45);
3661
3798
  }
3662
3799
  }
3663
3800
 
3664
3801
  /**
3665
3802
  * Do not edit directly
3666
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
3803
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3667
3804
  */
3668
3805
  /**
3669
3806
  * TOKENS:
@@ -3719,7 +3856,20 @@ body {
3719
3856
  }
3720
3857
  }
3721
3858
  .ilo--hero-card__cornercut {
3722
- clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
3859
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
3860
+ }
3861
+ .right-to-left .ilo--hero-card__cornercut {
3862
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
3863
+ clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
3864
+ }
3865
+ @media screen and (min-width: 1024px) {
3866
+ .ilo--hero-card__cornercut {
3867
+ clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
3868
+ }
3869
+ .right-to-left .ilo--hero-card__cornercut {
3870
+ clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
3871
+ clip-path: polygon(116px 0, 100% 0, 100% 100%, 0 100%, 0 64px);
3872
+ }
3723
3873
  }
3724
3874
  .ilo--hero-card--datecopy {
3725
3875
  font-size: 16px;
@@ -3784,7 +3934,7 @@ body {
3784
3934
 
3785
3935
  /**
3786
3936
  * Do not edit directly
3787
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
3937
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3788
3938
  */
3789
3939
  /**
3790
3940
  * TOKENS:
@@ -3840,7 +3990,7 @@ body {
3840
3990
 
3841
3991
  /**
3842
3992
  * Do not edit directly
3843
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
3993
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3844
3994
  */
3845
3995
  /**
3846
3996
  * TOKENS:
@@ -3982,7 +4132,7 @@ body {
3982
4132
 
3983
4133
  /**
3984
4134
  * Do not edit directly
3985
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4135
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3986
4136
  */
3987
4137
  /**
3988
4138
  * TOKENS:
@@ -3992,7 +4142,7 @@ body {
3992
4142
  */
3993
4143
  /**
3994
4144
  * Do not edit directly
3995
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4145
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3996
4146
  */
3997
4147
  /**
3998
4148
  * TOKENS:
@@ -4017,7 +4167,7 @@ body {
4017
4167
  }
4018
4168
  /**
4019
4169
  * Do not edit directly
4020
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4170
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4021
4171
  */
4022
4172
  /**
4023
4173
  * TOKENS:
@@ -4175,7 +4325,7 @@ body {
4175
4325
 
4176
4326
  /**
4177
4327
  * Do not edit directly
4178
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4328
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4179
4329
  */
4180
4330
  /**
4181
4331
  * TOKENS:
@@ -4270,7 +4420,7 @@ body {
4270
4420
 
4271
4421
  /**
4272
4422
  * Do not edit directly
4273
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4423
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4274
4424
  */
4275
4425
  /**
4276
4426
  * TOKENS:
@@ -4280,7 +4430,7 @@ body {
4280
4430
  */
4281
4431
  /**
4282
4432
  * Do not edit directly
4283
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4433
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4284
4434
  */
4285
4435
  /**
4286
4436
  * TOKENS:
@@ -4290,7 +4440,7 @@ body {
4290
4440
  */
4291
4441
  /**
4292
4442
  * Do not edit directly
4293
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4443
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4294
4444
  */
4295
4445
  /**
4296
4446
  * TOKENS:
@@ -4461,7 +4611,7 @@ body {
4461
4611
 
4462
4612
  /**
4463
4613
  * Do not edit directly
4464
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4614
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4465
4615
  */
4466
4616
  /**
4467
4617
  * TOKENS:
@@ -4508,7 +4658,7 @@ body {
4508
4658
 
4509
4659
  /**
4510
4660
  * Do not edit directly
4511
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4661
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4512
4662
  */
4513
4663
  /**
4514
4664
  * TOKENS:
@@ -4518,7 +4668,7 @@ body {
4518
4668
  */
4519
4669
  /**
4520
4670
  * Do not edit directly
4521
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4671
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4522
4672
  */
4523
4673
  /**
4524
4674
  * TOKENS:
@@ -4528,7 +4678,7 @@ body {
4528
4678
  */
4529
4679
  /**
4530
4680
  * Do not edit directly
4531
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4681
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4532
4682
  */
4533
4683
  /**
4534
4684
  * TOKENS:
@@ -4625,7 +4775,7 @@ body {
4625
4775
 
4626
4776
  /**
4627
4777
  * Do not edit directly
4628
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4778
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4629
4779
  */
4630
4780
  /**
4631
4781
  * TOKENS:
@@ -5515,7 +5665,7 @@ body {
5515
5665
 
5516
5666
  /**
5517
5667
  * Do not edit directly
5518
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
5668
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5519
5669
  */
5520
5670
  /**
5521
5671
  * TOKENS:
@@ -5525,7 +5675,7 @@ body {
5525
5675
  */
5526
5676
  /**
5527
5677
  * Do not edit directly
5528
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
5678
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5529
5679
  */
5530
5680
  /**
5531
5681
  * TOKENS:
@@ -5535,7 +5685,7 @@ body {
5535
5685
  */
5536
5686
  /**
5537
5687
  * Do not edit directly
5538
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
5688
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5539
5689
  */
5540
5690
  /**
5541
5691
  * TOKENS:
@@ -5727,7 +5877,7 @@ body {
5727
5877
 
5728
5878
  /**
5729
5879
  * Do not edit directly
5730
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
5880
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5731
5881
  */
5732
5882
  /**
5733
5883
  * TOKENS:
@@ -5867,7 +6017,7 @@ body {
5867
6017
 
5868
6018
  /**
5869
6019
  * Do not edit directly
5870
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
6020
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5871
6021
  */
5872
6022
  /**
5873
6023
  * TOKENS:
@@ -5877,7 +6027,7 @@ body {
5877
6027
  */
5878
6028
  /**
5879
6029
  * Do not edit directly
5880
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
6030
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5881
6031
  */
5882
6032
  /**
5883
6033
  * TOKENS:
@@ -5902,7 +6052,7 @@ body {
5902
6052
  }
5903
6053
  /**
5904
6054
  * Do not edit directly
5905
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
6055
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5906
6056
  */
5907
6057
  /**
5908
6058
  * TOKENS:
@@ -6069,7 +6219,7 @@ body {
6069
6219
 
6070
6220
  /**
6071
6221
  * Do not edit directly
6072
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
6222
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6073
6223
  */
6074
6224
  /**
6075
6225
  * TOKENS:
@@ -6176,7 +6326,7 @@ body {
6176
6326
 
6177
6327
  /**
6178
6328
  * Do not edit directly
6179
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
6329
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6180
6330
  */
6181
6331
  /**
6182
6332
  * TOKENS:
@@ -6186,7 +6336,7 @@ body {
6186
6336
  */
6187
6337
  /**
6188
6338
  * Do not edit directly
6189
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
6339
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6190
6340
  */
6191
6341
  /**
6192
6342
  * TOKENS:
@@ -6211,7 +6361,7 @@ body {
6211
6361
  }
6212
6362
  /**
6213
6363
  * Do not edit directly
6214
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
6364
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6215
6365
  */
6216
6366
  /**
6217
6367
  * TOKENS:
@@ -6272,7 +6422,7 @@ body {
6272
6422
 
6273
6423
  /**
6274
6424
  * Do not edit directly
6275
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
6425
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6276
6426
  */
6277
6427
  /**
6278
6428
  * TOKENS:
@@ -6687,7 +6837,7 @@ body {
6687
6837
 
6688
6838
  /**
6689
6839
  * Do not edit directly
6690
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
6840
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6691
6841
  */
6692
6842
  /**
6693
6843
  * TOKENS:
@@ -6741,7 +6891,7 @@ body {
6741
6891
 
6742
6892
  /**
6743
6893
  * Do not edit directly
6744
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
6894
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6745
6895
  */
6746
6896
  /**
6747
6897
  * TOKENS:
@@ -6899,7 +7049,7 @@ body {
6899
7049
 
6900
7050
  /**
6901
7051
  * Do not edit directly
6902
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
7052
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6903
7053
  */
6904
7054
  /**
6905
7055
  * TOKENS:
@@ -7250,7 +7400,7 @@ body {
7250
7400
 
7251
7401
  /**
7252
7402
  * Do not edit directly
7253
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
7403
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
7254
7404
  */
7255
7405
  /**
7256
7406
  * TOKENS:
@@ -7436,7 +7586,7 @@ body {
7436
7586
 
7437
7587
  /**
7438
7588
  * Do not edit directly
7439
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
7589
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
7440
7590
  */
7441
7591
  /**
7442
7592
  * TOKENS:
@@ -7494,7 +7644,7 @@ body {
7494
7644
 
7495
7645
  /**
7496
7646
  * Do not edit directly
7497
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
7647
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
7498
7648
  */
7499
7649
  /**
7500
7650
  * TOKENS:
@@ -7668,7 +7818,7 @@ body {
7668
7818
 
7669
7819
  /**
7670
7820
  * Do not edit directly
7671
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
7821
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
7672
7822
  */
7673
7823
  /**
7674
7824
  * TOKENS:
@@ -7843,7 +7993,7 @@ body {
7843
7993
 
7844
7994
  /**
7845
7995
  * Do not edit directly
7846
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
7996
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
7847
7997
  */
7848
7998
  /**
7849
7999
  * TOKENS:
@@ -8753,7 +8903,7 @@ body {
8753
8903
 
8754
8904
  /**
8755
8905
  * Do not edit directly
8756
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
8906
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
8757
8907
  */
8758
8908
  /**
8759
8909
  * TOKENS:
@@ -8763,7 +8913,7 @@ body {
8763
8913
  */
8764
8914
  /**
8765
8915
  * Do not edit directly
8766
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
8916
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
8767
8917
  */
8768
8918
  /**
8769
8919
  * TOKENS:
@@ -8788,7 +8938,7 @@ body {
8788
8938
  }
8789
8939
  /**
8790
8940
  * Do not edit directly
8791
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
8941
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
8792
8942
  */
8793
8943
  /**
8794
8944
  * TOKENS: