@ilo-org/styles 0.7.1 → 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 Wed, 16 Aug 2023 08:41:51 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 Wed, 16 Aug 2023 08:41:51 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 Wed, 16 Aug 2023 08:41:51 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 Wed, 16 Aug 2023 08:41:51 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 Wed, 16 Aug 2023 08:41:51 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 Wed, 16 Aug 2023 08:41:51 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 Wed, 16 Aug 2023 08:41:51 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 Wed, 16 Aug 2023 08:41:51 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 Wed, 16 Aug 2023 08:41:51 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 Wed, 16 Aug 2023 08:41:51 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 Wed, 16 Aug 2023 08:41:51 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 Wed, 16 Aug 2023 08:41:51 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 Wed, 16 Aug 2023 08:41:51 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 Wed, 16 Aug 2023 08:41:51 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 Wed, 16 Aug 2023 08:41:51 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 Wed, 16 Aug 2023 08:41:51 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 Wed, 16 Aug 2023 08:41:51 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 Wed, 16 Aug 2023 08:41:51 GMT
2189
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2190
2190
  */
2191
2191
  /**
2192
2192
  * TOKENS:
@@ -2251,7 +2251,7 @@ body {
2251
2251
 
2252
2252
  /**
2253
2253
  * Do not edit directly
2254
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2254
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2255
2255
  */
2256
2256
  /**
2257
2257
  * TOKENS:
@@ -2356,7 +2356,7 @@ body {
2356
2356
 
2357
2357
  /**
2358
2358
  * Do not edit directly
2359
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2359
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2360
2360
  */
2361
2361
  /**
2362
2362
  * TOKENS:
@@ -2437,7 +2437,7 @@ body {
2437
2437
 
2438
2438
  /**
2439
2439
  * Do not edit directly
2440
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2440
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2441
2441
  */
2442
2442
  /**
2443
2443
  * TOKENS:
@@ -2447,7 +2447,7 @@ body {
2447
2447
  */
2448
2448
  /**
2449
2449
  * Do not edit directly
2450
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2450
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2451
2451
  */
2452
2452
  /**
2453
2453
  * TOKENS:
@@ -2457,7 +2457,7 @@ body {
2457
2457
  */
2458
2458
  /**
2459
2459
  * Do not edit directly
2460
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2460
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2461
2461
  */
2462
2462
  /**
2463
2463
  * TOKENS:
@@ -2467,7 +2467,7 @@ body {
2467
2467
  */
2468
2468
  /**
2469
2469
  * Do not edit directly
2470
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2470
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2471
2471
  */
2472
2472
  /**
2473
2473
  * TOKENS:
@@ -2593,7 +2593,7 @@ body {
2593
2593
 
2594
2594
  /**
2595
2595
  * Do not edit directly
2596
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2596
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2597
2597
  */
2598
2598
  /**
2599
2599
  * TOKENS:
@@ -2621,7 +2621,7 @@ body {
2621
2621
 
2622
2622
  /**
2623
2623
  * Do not edit directly
2624
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2624
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2625
2625
  */
2626
2626
  /**
2627
2627
  * TOKENS:
@@ -2709,7 +2709,7 @@ body {
2709
2709
 
2710
2710
  /**
2711
2711
  * Do not edit directly
2712
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2712
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2713
2713
  */
2714
2714
  /**
2715
2715
  * TOKENS:
@@ -2719,7 +2719,7 @@ body {
2719
2719
  */
2720
2720
  /**
2721
2721
  * Do not edit directly
2722
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2722
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2723
2723
  */
2724
2724
  /**
2725
2725
  * TOKENS:
@@ -2729,7 +2729,7 @@ body {
2729
2729
  */
2730
2730
  /**
2731
2731
  * Do not edit directly
2732
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2732
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2733
2733
  */
2734
2734
  /**
2735
2735
  * TOKENS:
@@ -2782,7 +2782,7 @@ body {
2782
2782
 
2783
2783
  /**
2784
2784
  * Do not edit directly
2785
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2785
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2786
2786
  */
2787
2787
  /**
2788
2788
  * TOKENS:
@@ -2857,7 +2857,7 @@ body {
2857
2857
 
2858
2858
  /**
2859
2859
  * Do not edit directly
2860
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2860
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2861
2861
  */
2862
2862
  /**
2863
2863
  * TOKENS:
@@ -2963,7 +2963,7 @@ body {
2963
2963
 
2964
2964
  /**
2965
2965
  * Do not edit directly
2966
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2966
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2967
2967
  */
2968
2968
  /**
2969
2969
  * TOKENS:
@@ -2986,7 +2986,7 @@ body {
2986
2986
 
2987
2987
  /**
2988
2988
  * Do not edit directly
2989
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2989
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2990
2990
  */
2991
2991
  /**
2992
2992
  * TOKENS:
@@ -3000,7 +3000,7 @@ body {
3000
3000
 
3001
3001
  /**
3002
3002
  * Do not edit directly
3003
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
3003
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3004
3004
  */
3005
3005
  /**
3006
3006
  * TOKENS:
@@ -3010,7 +3010,7 @@ body {
3010
3010
  */
3011
3011
  /**
3012
3012
  * Do not edit directly
3013
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
3013
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3014
3014
  */
3015
3015
  /**
3016
3016
  * TOKENS:
@@ -3035,7 +3035,7 @@ body {
3035
3035
  }
3036
3036
  /**
3037
3037
  * Do not edit directly
3038
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
3038
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3039
3039
  */
3040
3040
  /**
3041
3041
  * TOKENS:
@@ -3359,7 +3359,7 @@ body {
3359
3359
 
3360
3360
  /**
3361
3361
  * Do not edit directly
3362
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
3362
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3363
3363
  */
3364
3364
  /**
3365
3365
  * TOKENS:
@@ -3482,7 +3482,7 @@ body {
3482
3482
 
3483
3483
  /**
3484
3484
  * Do not edit directly
3485
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
3485
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3486
3486
  */
3487
3487
  /**
3488
3488
  * TOKENS:
@@ -3491,13 +3491,10 @@ body {
3491
3491
  * MAPS:
3492
3492
  */
3493
3493
  .hero {
3494
- --tooltip-width: 30px;
3495
- --tooltip-height: 27px;
3496
3494
  --corner-cut-height: 39px;
3497
- --image-max-height: 216px;
3498
3495
  display: grid;
3499
3496
  position: relative;
3500
- grid-template-rows: minmax(var(--image-max-height), 1fr) var(--tooltip-height) 39px auto;
3497
+ grid-template-rows: minmax(216px, 1fr) 27px 39px auto;
3501
3498
  grid-template-columns: 1fr;
3502
3499
  }
3503
3500
  .hero--breadcrumbs {
@@ -3522,8 +3519,8 @@ body {
3522
3519
  }
3523
3520
  .hero--caption--wrapper {
3524
3521
  background: rgb(45, 45, 45);
3525
- height: var(--tooltip-height);
3526
- width: var(--tooltip-width);
3522
+ height: 27px;
3523
+ width: 30px;
3527
3524
  display: flex;
3528
3525
  justify-content: center;
3529
3526
  align-items: center;
@@ -3533,17 +3530,12 @@ body {
3533
3530
  content: "";
3534
3531
  position: absolute;
3535
3532
  top: 0;
3536
- left: 100%;
3537
3533
  width: 0;
3538
3534
  height: 0;
3539
- border-top: var(--tooltip-height) solid transparent;
3540
- border-left: calc(var(--tooltip-height) - 4px) solid rgb(45, 45, 45);
3541
- }
3542
- .right-to-left .hero--caption--wrapper::after {
3543
- left: auto;
3544
- right: 100%;
3545
- border-left: none;
3546
- 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);
3547
3539
  }
3548
3540
  @media screen and (min-width: 1024px) {
3549
3541
  .hero {
@@ -3555,11 +3547,11 @@ body {
3555
3547
  --row-1-lg: var(--breadcrumbs-height);
3556
3548
  --row-2-lg: calc(var(--image-gap) - var(--breadcrumbs-height));
3557
3549
  --row-3-lg: auto;
3558
- --row-4-lg: var(--tooltip-height);
3550
+ --row-4-lg: 27px;
3559
3551
  --row-5-lg: 72px;
3560
3552
  --col-1-lg: 0;
3561
3553
  --col-2-lg: var(--card-width);
3562
- --col-3-lg: var(--tooltip-width);
3554
+ --col-3-lg: 30px;
3563
3555
  --col-4-lg: 1fr;
3564
3556
  grid-template-rows: var(--row-1-lg) var(--row-2-lg) var(--row-3-lg) var(--row-4-lg) var(--row-5-lg);
3565
3557
  grid-template-columns: var(--col-1-lg) var(--col-2-lg) var(--col-3-lg) var(--col-4-lg);
@@ -3594,32 +3586,16 @@ body {
3594
3586
  .hero__card-justify__start {
3595
3587
  --col-1-lg: 0;
3596
3588
  }
3597
- .right-to-left .hero__card-justify__start {
3598
- --col-1-lg: 1fr;
3599
- --col-2-lg: var(--tooltip-width);
3600
- --col-3-lg: var(--card-width);
3601
- --col-4-lg: 0;
3602
- }
3603
3589
  .hero__card-justify__offset {
3604
3590
  --col-1-lg: var(--card-offset);
3605
3591
  }
3606
- .right-to-left .hero__card-justify__offset {
3607
- --col-1-lg: 1fr;
3608
- --col-2-lg: var(--tooltip-width);
3609
- --col-3-lg: var(--card-width);
3610
- --col-4-lg: var(--card-offset);
3611
- }
3612
3592
  .hero__card-justify__center {
3613
3593
  --col-1-lg: 1fr;
3614
3594
  --col-4-lg: 1fr;
3615
3595
  }
3616
- .right-to-left .hero__card-justify__center {
3617
- --col-2-lg: var(--tooltip-width);
3618
- --col-3-lg: var(--card-width);
3619
- }
3620
3596
  .hero__card-align__center {
3621
- --row-4-lg: calc(72px - var(--tooltip-height));
3622
- --row-5-lg: var(--tooltip-height);
3597
+ --row-4-lg: calc(72px - 27px);
3598
+ --row-5-lg: 27px;
3623
3599
  }
3624
3600
  .hero__card-align__bottom {
3625
3601
  --row-3-lg: 0;
@@ -3632,9 +3608,6 @@ body {
3632
3608
  display: flex;
3633
3609
  flex-flow: row nowrap;
3634
3610
  }
3635
- .right-to-left .hero--breadcrumbs {
3636
- flex-direction: row-reverse;
3637
- }
3638
3611
  .hero--breadcrumbs--wrapper {
3639
3612
  max-width: 500px;
3640
3613
  }
@@ -3650,9 +3623,6 @@ body {
3650
3623
  .hero--card {
3651
3624
  grid-area: 3/2/6/3;
3652
3625
  }
3653
- .right-to-left .hero--card {
3654
- grid-area: 3/3/6/4;
3655
- }
3656
3626
  .hero__card-align__center .hero--card {
3657
3627
  grid-area: 3/2/4/3;
3658
3628
  }
@@ -3663,32 +3633,174 @@ body {
3663
3633
  grid-area: 4/3/5/4;
3664
3634
  position: relative;
3665
3635
  }
3666
- .right-to-left .hero--caption {
3667
- grid-area: 4/2/5/3;
3668
- }
3669
3636
  .hero__card-align__center .hero--caption {
3670
3637
  grid-area: 5/1/6/3;
3671
3638
  }
3672
3639
  .hero__card-align__bottom .hero--caption {
3673
3640
  grid-area: 4/1/5/2;
3674
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
+ }
3675
3674
  .hero--caption--wrapper {
3676
3675
  left: 2px;
3677
3676
  }
3678
- .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;
3679
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 {
3680
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;
3681
3786
  }
3682
- .hero__card-align__center .hero--caption--wrapper, .hero__card-align__bottom .hero--caption--wrapper {
3787
+ .right-to-left .hero--caption--wrapper::after {
3788
+ content: "";
3683
3789
  position: absolute;
3684
- left: 0;
3685
- 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);
3686
3798
  }
3687
3799
  }
3688
3800
 
3689
3801
  /**
3690
3802
  * Do not edit directly
3691
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
3803
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3692
3804
  */
3693
3805
  /**
3694
3806
  * TOKENS:
@@ -3744,7 +3856,20 @@ body {
3744
3856
  }
3745
3857
  }
3746
3858
  .ilo--hero-card__cornercut {
3747
- 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
+ }
3748
3873
  }
3749
3874
  .ilo--hero-card--datecopy {
3750
3875
  font-size: 16px;
@@ -3809,7 +3934,7 @@ body {
3809
3934
 
3810
3935
  /**
3811
3936
  * Do not edit directly
3812
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
3937
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3813
3938
  */
3814
3939
  /**
3815
3940
  * TOKENS:
@@ -3865,7 +3990,7 @@ body {
3865
3990
 
3866
3991
  /**
3867
3992
  * Do not edit directly
3868
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
3993
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3869
3994
  */
3870
3995
  /**
3871
3996
  * TOKENS:
@@ -4007,7 +4132,7 @@ body {
4007
4132
 
4008
4133
  /**
4009
4134
  * Do not edit directly
4010
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4135
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4011
4136
  */
4012
4137
  /**
4013
4138
  * TOKENS:
@@ -4017,7 +4142,7 @@ body {
4017
4142
  */
4018
4143
  /**
4019
4144
  * Do not edit directly
4020
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4145
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4021
4146
  */
4022
4147
  /**
4023
4148
  * TOKENS:
@@ -4042,7 +4167,7 @@ body {
4042
4167
  }
4043
4168
  /**
4044
4169
  * Do not edit directly
4045
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4170
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4046
4171
  */
4047
4172
  /**
4048
4173
  * TOKENS:
@@ -4200,7 +4325,7 @@ body {
4200
4325
 
4201
4326
  /**
4202
4327
  * Do not edit directly
4203
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4328
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4204
4329
  */
4205
4330
  /**
4206
4331
  * TOKENS:
@@ -4295,7 +4420,7 @@ body {
4295
4420
 
4296
4421
  /**
4297
4422
  * Do not edit directly
4298
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4423
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4299
4424
  */
4300
4425
  /**
4301
4426
  * TOKENS:
@@ -4305,7 +4430,7 @@ body {
4305
4430
  */
4306
4431
  /**
4307
4432
  * Do not edit directly
4308
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4433
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4309
4434
  */
4310
4435
  /**
4311
4436
  * TOKENS:
@@ -4315,7 +4440,7 @@ body {
4315
4440
  */
4316
4441
  /**
4317
4442
  * Do not edit directly
4318
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4443
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4319
4444
  */
4320
4445
  /**
4321
4446
  * TOKENS:
@@ -4486,7 +4611,7 @@ body {
4486
4611
 
4487
4612
  /**
4488
4613
  * Do not edit directly
4489
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4614
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4490
4615
  */
4491
4616
  /**
4492
4617
  * TOKENS:
@@ -4533,7 +4658,7 @@ body {
4533
4658
 
4534
4659
  /**
4535
4660
  * Do not edit directly
4536
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4661
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4537
4662
  */
4538
4663
  /**
4539
4664
  * TOKENS:
@@ -4543,7 +4668,7 @@ body {
4543
4668
  */
4544
4669
  /**
4545
4670
  * Do not edit directly
4546
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4671
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4547
4672
  */
4548
4673
  /**
4549
4674
  * TOKENS:
@@ -4553,7 +4678,7 @@ body {
4553
4678
  */
4554
4679
  /**
4555
4680
  * Do not edit directly
4556
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4681
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4557
4682
  */
4558
4683
  /**
4559
4684
  * TOKENS:
@@ -4650,7 +4775,7 @@ body {
4650
4775
 
4651
4776
  /**
4652
4777
  * Do not edit directly
4653
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4778
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4654
4779
  */
4655
4780
  /**
4656
4781
  * TOKENS:
@@ -5540,7 +5665,7 @@ body {
5540
5665
 
5541
5666
  /**
5542
5667
  * Do not edit directly
5543
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
5668
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5544
5669
  */
5545
5670
  /**
5546
5671
  * TOKENS:
@@ -5550,7 +5675,7 @@ body {
5550
5675
  */
5551
5676
  /**
5552
5677
  * Do not edit directly
5553
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
5678
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5554
5679
  */
5555
5680
  /**
5556
5681
  * TOKENS:
@@ -5560,7 +5685,7 @@ body {
5560
5685
  */
5561
5686
  /**
5562
5687
  * Do not edit directly
5563
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
5688
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5564
5689
  */
5565
5690
  /**
5566
5691
  * TOKENS:
@@ -5752,7 +5877,7 @@ body {
5752
5877
 
5753
5878
  /**
5754
5879
  * Do not edit directly
5755
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
5880
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5756
5881
  */
5757
5882
  /**
5758
5883
  * TOKENS:
@@ -5892,7 +6017,7 @@ body {
5892
6017
 
5893
6018
  /**
5894
6019
  * Do not edit directly
5895
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
6020
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5896
6021
  */
5897
6022
  /**
5898
6023
  * TOKENS:
@@ -5902,7 +6027,7 @@ body {
5902
6027
  */
5903
6028
  /**
5904
6029
  * Do not edit directly
5905
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
6030
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5906
6031
  */
5907
6032
  /**
5908
6033
  * TOKENS:
@@ -5927,7 +6052,7 @@ body {
5927
6052
  }
5928
6053
  /**
5929
6054
  * Do not edit directly
5930
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
6055
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5931
6056
  */
5932
6057
  /**
5933
6058
  * TOKENS:
@@ -6094,7 +6219,7 @@ body {
6094
6219
 
6095
6220
  /**
6096
6221
  * Do not edit directly
6097
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
6222
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6098
6223
  */
6099
6224
  /**
6100
6225
  * TOKENS:
@@ -6201,7 +6326,7 @@ body {
6201
6326
 
6202
6327
  /**
6203
6328
  * Do not edit directly
6204
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
6329
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6205
6330
  */
6206
6331
  /**
6207
6332
  * TOKENS:
@@ -6211,7 +6336,7 @@ body {
6211
6336
  */
6212
6337
  /**
6213
6338
  * Do not edit directly
6214
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
6339
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6215
6340
  */
6216
6341
  /**
6217
6342
  * TOKENS:
@@ -6236,7 +6361,7 @@ body {
6236
6361
  }
6237
6362
  /**
6238
6363
  * Do not edit directly
6239
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
6364
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6240
6365
  */
6241
6366
  /**
6242
6367
  * TOKENS:
@@ -6297,7 +6422,7 @@ body {
6297
6422
 
6298
6423
  /**
6299
6424
  * Do not edit directly
6300
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
6425
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6301
6426
  */
6302
6427
  /**
6303
6428
  * TOKENS:
@@ -6712,7 +6837,7 @@ body {
6712
6837
 
6713
6838
  /**
6714
6839
  * Do not edit directly
6715
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
6840
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6716
6841
  */
6717
6842
  /**
6718
6843
  * TOKENS:
@@ -6766,7 +6891,7 @@ body {
6766
6891
 
6767
6892
  /**
6768
6893
  * Do not edit directly
6769
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
6894
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6770
6895
  */
6771
6896
  /**
6772
6897
  * TOKENS:
@@ -6924,7 +7049,7 @@ body {
6924
7049
 
6925
7050
  /**
6926
7051
  * Do not edit directly
6927
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
7052
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6928
7053
  */
6929
7054
  /**
6930
7055
  * TOKENS:
@@ -7275,7 +7400,7 @@ body {
7275
7400
 
7276
7401
  /**
7277
7402
  * Do not edit directly
7278
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
7403
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
7279
7404
  */
7280
7405
  /**
7281
7406
  * TOKENS:
@@ -7461,7 +7586,7 @@ body {
7461
7586
 
7462
7587
  /**
7463
7588
  * Do not edit directly
7464
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
7589
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
7465
7590
  */
7466
7591
  /**
7467
7592
  * TOKENS:
@@ -7519,7 +7644,7 @@ body {
7519
7644
 
7520
7645
  /**
7521
7646
  * Do not edit directly
7522
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
7647
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
7523
7648
  */
7524
7649
  /**
7525
7650
  * TOKENS:
@@ -7693,7 +7818,7 @@ body {
7693
7818
 
7694
7819
  /**
7695
7820
  * Do not edit directly
7696
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
7821
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
7697
7822
  */
7698
7823
  /**
7699
7824
  * TOKENS:
@@ -7868,7 +7993,7 @@ body {
7868
7993
 
7869
7994
  /**
7870
7995
  * Do not edit directly
7871
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
7996
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
7872
7997
  */
7873
7998
  /**
7874
7999
  * TOKENS:
@@ -8778,7 +8903,7 @@ body {
8778
8903
 
8779
8904
  /**
8780
8905
  * Do not edit directly
8781
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
8906
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
8782
8907
  */
8783
8908
  /**
8784
8909
  * TOKENS:
@@ -8788,7 +8913,7 @@ body {
8788
8913
  */
8789
8914
  /**
8790
8915
  * Do not edit directly
8791
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
8916
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
8792
8917
  */
8793
8918
  /**
8794
8919
  * TOKENS:
@@ -8813,7 +8938,7 @@ body {
8813
8938
  }
8814
8939
  /**
8815
8940
  * Do not edit directly
8816
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
8941
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
8817
8942
  */
8818
8943
  /**
8819
8944
  * TOKENS: