@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:
@@ -169,7 +169,7 @@ body {
169
169
 
170
170
  /**
171
171
  * Do not edit directly
172
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
172
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
173
173
  */
174
174
  /**
175
175
  * TOKENS:
@@ -288,7 +288,7 @@ body {
288
288
 
289
289
  /**
290
290
  * Do not edit directly
291
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
291
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
292
292
  */
293
293
  /**
294
294
  * TOKENS:
@@ -313,7 +313,7 @@ body {
313
313
  }
314
314
  /**
315
315
  * Do not edit directly
316
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
316
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
317
317
  */
318
318
  /**
319
319
  * TOKENS:
@@ -567,7 +567,7 @@ body {
567
567
 
568
568
  /**
569
569
  * Do not edit directly
570
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
570
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
571
571
  */
572
572
  /**
573
573
  * TOKENS:
@@ -577,7 +577,7 @@ body {
577
577
  */
578
578
  /**
579
579
  * Do not edit directly
580
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
580
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
581
581
  */
582
582
  /**
583
583
  * TOKENS:
@@ -602,7 +602,7 @@ body {
602
602
  }
603
603
  /**
604
604
  * Do not edit directly
605
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
605
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
606
606
  */
607
607
  /**
608
608
  * TOKENS:
@@ -892,7 +892,7 @@ body {
892
892
 
893
893
  /**
894
894
  * Do not edit directly
895
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
895
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
896
896
  */
897
897
  /**
898
898
  * TOKENS:
@@ -1022,7 +1022,7 @@ body {
1022
1022
 
1023
1023
  /**
1024
1024
  * Do not edit directly
1025
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
1025
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
1026
1026
  */
1027
1027
  /**
1028
1028
  * TOKENS:
@@ -1229,7 +1229,7 @@ body {
1229
1229
 
1230
1230
  /**
1231
1231
  * Do not edit directly
1232
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
1232
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
1233
1233
  */
1234
1234
  /**
1235
1235
  * TOKENS:
@@ -1393,7 +1393,7 @@ body {
1393
1393
 
1394
1394
  /**
1395
1395
  * Do not edit directly
1396
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
1396
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
1397
1397
  */
1398
1398
  /**
1399
1399
  * TOKENS:
@@ -1487,7 +1487,7 @@ body {
1487
1487
 
1488
1488
  /**
1489
1489
  * Do not edit directly
1490
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
1490
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
1491
1491
  */
1492
1492
  /**
1493
1493
  * TOKENS:
@@ -1624,7 +1624,7 @@ body {
1624
1624
 
1625
1625
  /**
1626
1626
  * Do not edit directly
1627
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
1627
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
1628
1628
  */
1629
1629
  /**
1630
1630
  * TOKENS:
@@ -1755,7 +1755,7 @@ body {
1755
1755
 
1756
1756
  /**
1757
1757
  * Do not edit directly
1758
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
1758
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
1759
1759
  */
1760
1760
  /**
1761
1761
  * TOKENS:
@@ -1904,7 +1904,7 @@ body {
1904
1904
 
1905
1905
  /**
1906
1906
  * Do not edit directly
1907
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
1907
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
1908
1908
  */
1909
1909
  /**
1910
1910
  * TOKENS:
@@ -1968,7 +1968,7 @@ body {
1968
1968
 
1969
1969
  /**
1970
1970
  * Do not edit directly
1971
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
1971
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
1972
1972
  */
1973
1973
  /**
1974
1974
  * TOKENS:
@@ -2030,7 +2030,7 @@ body {
2030
2030
 
2031
2031
  /**
2032
2032
  * Do not edit directly
2033
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2033
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2034
2034
  */
2035
2035
  /**
2036
2036
  * TOKENS:
@@ -2105,7 +2105,7 @@ body {
2105
2105
 
2106
2106
  /**
2107
2107
  * Do not edit directly
2108
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2108
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2109
2109
  */
2110
2110
  /**
2111
2111
  * TOKENS:
@@ -2170,7 +2170,7 @@ body {
2170
2170
 
2171
2171
  /**
2172
2172
  * Do not edit directly
2173
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2173
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2174
2174
  */
2175
2175
  /**
2176
2176
  * TOKENS:
@@ -2275,7 +2275,7 @@ body {
2275
2275
 
2276
2276
  /**
2277
2277
  * Do not edit directly
2278
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2278
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2279
2279
  */
2280
2280
  /**
2281
2281
  * 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:
@@ -2366,7 +2366,7 @@ body {
2366
2366
  */
2367
2367
  /**
2368
2368
  * Do not edit directly
2369
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2369
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2370
2370
  */
2371
2371
  /**
2372
2372
  * TOKENS:
@@ -2376,7 +2376,7 @@ body {
2376
2376
  */
2377
2377
  /**
2378
2378
  * Do not edit directly
2379
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2379
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2380
2380
  */
2381
2381
  /**
2382
2382
  * TOKENS:
@@ -2386,7 +2386,7 @@ body {
2386
2386
  */
2387
2387
  /**
2388
2388
  * Do not edit directly
2389
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2389
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2390
2390
  */
2391
2391
  /**
2392
2392
  * TOKENS:
@@ -2512,7 +2512,7 @@ body {
2512
2512
 
2513
2513
  /**
2514
2514
  * Do not edit directly
2515
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2515
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2516
2516
  */
2517
2517
  /**
2518
2518
  * TOKENS:
@@ -2540,7 +2540,7 @@ body {
2540
2540
 
2541
2541
  /**
2542
2542
  * Do not edit directly
2543
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2543
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2544
2544
  */
2545
2545
  /**
2546
2546
  * TOKENS:
@@ -2628,7 +2628,7 @@ body {
2628
2628
 
2629
2629
  /**
2630
2630
  * Do not edit directly
2631
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2631
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2632
2632
  */
2633
2633
  /**
2634
2634
  * TOKENS:
@@ -2638,7 +2638,7 @@ body {
2638
2638
  */
2639
2639
  /**
2640
2640
  * Do not edit directly
2641
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2641
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2642
2642
  */
2643
2643
  /**
2644
2644
  * TOKENS:
@@ -2648,7 +2648,7 @@ body {
2648
2648
  */
2649
2649
  /**
2650
2650
  * Do not edit directly
2651
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2651
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2652
2652
  */
2653
2653
  /**
2654
2654
  * TOKENS:
@@ -2701,7 +2701,7 @@ body {
2701
2701
 
2702
2702
  /**
2703
2703
  * Do not edit directly
2704
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2704
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2705
2705
  */
2706
2706
  /**
2707
2707
  * TOKENS:
@@ -2776,7 +2776,7 @@ body {
2776
2776
 
2777
2777
  /**
2778
2778
  * Do not edit directly
2779
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2779
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2780
2780
  */
2781
2781
  /**
2782
2782
  * TOKENS:
@@ -2882,7 +2882,7 @@ body {
2882
2882
 
2883
2883
  /**
2884
2884
  * Do not edit directly
2885
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2885
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2886
2886
  */
2887
2887
  /**
2888
2888
  * TOKENS:
@@ -2905,7 +2905,7 @@ body {
2905
2905
 
2906
2906
  /**
2907
2907
  * Do not edit directly
2908
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2908
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2909
2909
  */
2910
2910
  /**
2911
2911
  * TOKENS:
@@ -2919,7 +2919,7 @@ body {
2919
2919
 
2920
2920
  /**
2921
2921
  * Do not edit directly
2922
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2922
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2923
2923
  */
2924
2924
  /**
2925
2925
  * TOKENS:
@@ -2929,7 +2929,7 @@ body {
2929
2929
  */
2930
2930
  /**
2931
2931
  * Do not edit directly
2932
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2932
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2933
2933
  */
2934
2934
  /**
2935
2935
  * TOKENS:
@@ -2954,7 +2954,7 @@ body {
2954
2954
  }
2955
2955
  /**
2956
2956
  * Do not edit directly
2957
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
2957
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2958
2958
  */
2959
2959
  /**
2960
2960
  * TOKENS:
@@ -3278,7 +3278,7 @@ body {
3278
3278
 
3279
3279
  /**
3280
3280
  * Do not edit directly
3281
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
3281
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3282
3282
  */
3283
3283
  /**
3284
3284
  * TOKENS:
@@ -3401,7 +3401,7 @@ body {
3401
3401
 
3402
3402
  /**
3403
3403
  * Do not edit directly
3404
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
3404
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3405
3405
  */
3406
3406
  /**
3407
3407
  * TOKENS:
@@ -3410,13 +3410,10 @@ body {
3410
3410
  * MAPS:
3411
3411
  */
3412
3412
  .hero {
3413
- --tooltip-width: 30px;
3414
- --tooltip-height: 27px;
3415
3413
  --corner-cut-height: 39px;
3416
- --image-max-height: 216px;
3417
3414
  display: grid;
3418
3415
  position: relative;
3419
- grid-template-rows: minmax(var(--image-max-height), 1fr) var(--tooltip-height) 39px auto;
3416
+ grid-template-rows: minmax(216px, 1fr) 27px 39px auto;
3420
3417
  grid-template-columns: 1fr;
3421
3418
  }
3422
3419
  .hero--breadcrumbs {
@@ -3441,8 +3438,8 @@ body {
3441
3438
  }
3442
3439
  .hero--caption--wrapper {
3443
3440
  background: rgb(45, 45, 45);
3444
- height: var(--tooltip-height);
3445
- width: var(--tooltip-width);
3441
+ height: 27px;
3442
+ width: 30px;
3446
3443
  display: flex;
3447
3444
  justify-content: center;
3448
3445
  align-items: center;
@@ -3452,17 +3449,12 @@ body {
3452
3449
  content: "";
3453
3450
  position: absolute;
3454
3451
  top: 0;
3455
- left: 100%;
3456
3452
  width: 0;
3457
3453
  height: 0;
3458
- border-top: var(--tooltip-height) solid transparent;
3459
- border-left: calc(var(--tooltip-height) - 4px) solid rgb(45, 45, 45);
3460
- }
3461
- .right-to-left .hero--caption--wrapper::after {
3462
- left: auto;
3463
- right: 100%;
3464
- border-left: none;
3465
- border-right: calc(var(--tooltip-height) - 4px) solid rgb(45, 45, 45);
3454
+ border-top: 27px solid transparent;
3455
+ left: 100%;
3456
+ border-right: none;
3457
+ border-left: calc(27px - 4px) solid rgb(45, 45, 45);
3466
3458
  }
3467
3459
  @media screen and (min-width: 1024px) {
3468
3460
  .hero {
@@ -3474,11 +3466,11 @@ body {
3474
3466
  --row-1-lg: var(--breadcrumbs-height);
3475
3467
  --row-2-lg: calc(var(--image-gap) - var(--breadcrumbs-height));
3476
3468
  --row-3-lg: auto;
3477
- --row-4-lg: var(--tooltip-height);
3469
+ --row-4-lg: 27px;
3478
3470
  --row-5-lg: 72px;
3479
3471
  --col-1-lg: 0;
3480
3472
  --col-2-lg: var(--card-width);
3481
- --col-3-lg: var(--tooltip-width);
3473
+ --col-3-lg: 30px;
3482
3474
  --col-4-lg: 1fr;
3483
3475
  grid-template-rows: var(--row-1-lg) var(--row-2-lg) var(--row-3-lg) var(--row-4-lg) var(--row-5-lg);
3484
3476
  grid-template-columns: var(--col-1-lg) var(--col-2-lg) var(--col-3-lg) var(--col-4-lg);
@@ -3513,32 +3505,16 @@ body {
3513
3505
  .hero__card-justify__start {
3514
3506
  --col-1-lg: 0;
3515
3507
  }
3516
- .right-to-left .hero__card-justify__start {
3517
- --col-1-lg: 1fr;
3518
- --col-2-lg: var(--tooltip-width);
3519
- --col-3-lg: var(--card-width);
3520
- --col-4-lg: 0;
3521
- }
3522
3508
  .hero__card-justify__offset {
3523
3509
  --col-1-lg: var(--card-offset);
3524
3510
  }
3525
- .right-to-left .hero__card-justify__offset {
3526
- --col-1-lg: 1fr;
3527
- --col-2-lg: var(--tooltip-width);
3528
- --col-3-lg: var(--card-width);
3529
- --col-4-lg: var(--card-offset);
3530
- }
3531
3511
  .hero__card-justify__center {
3532
3512
  --col-1-lg: 1fr;
3533
3513
  --col-4-lg: 1fr;
3534
3514
  }
3535
- .right-to-left .hero__card-justify__center {
3536
- --col-2-lg: var(--tooltip-width);
3537
- --col-3-lg: var(--card-width);
3538
- }
3539
3515
  .hero__card-align__center {
3540
- --row-4-lg: calc(72px - var(--tooltip-height));
3541
- --row-5-lg: var(--tooltip-height);
3516
+ --row-4-lg: calc(72px - 27px);
3517
+ --row-5-lg: 27px;
3542
3518
  }
3543
3519
  .hero__card-align__bottom {
3544
3520
  --row-3-lg: 0;
@@ -3551,9 +3527,6 @@ body {
3551
3527
  display: flex;
3552
3528
  flex-flow: row nowrap;
3553
3529
  }
3554
- .right-to-left .hero--breadcrumbs {
3555
- flex-direction: row-reverse;
3556
- }
3557
3530
  .hero--breadcrumbs--wrapper {
3558
3531
  max-width: 500px;
3559
3532
  }
@@ -3569,9 +3542,6 @@ body {
3569
3542
  .hero--card {
3570
3543
  grid-area: 3/2/6/3;
3571
3544
  }
3572
- .right-to-left .hero--card {
3573
- grid-area: 3/3/6/4;
3574
- }
3575
3545
  .hero__card-align__center .hero--card {
3576
3546
  grid-area: 3/2/4/3;
3577
3547
  }
@@ -3582,32 +3552,174 @@ body {
3582
3552
  grid-area: 4/3/5/4;
3583
3553
  position: relative;
3584
3554
  }
3585
- .right-to-left .hero--caption {
3586
- grid-area: 4/2/5/3;
3587
- }
3588
3555
  .hero__card-align__center .hero--caption {
3589
3556
  grid-area: 5/1/6/3;
3590
3557
  }
3591
3558
  .hero__card-align__bottom .hero--caption {
3592
3559
  grid-area: 4/1/5/2;
3593
3560
  }
3561
+ .hero__card-align__center .hero--caption--wrapper, .hero__card-align__bottom .hero--caption--wrapper {
3562
+ position: absolute;
3563
+ left: 0;
3564
+ bottom: 0;
3565
+ }
3566
+ .hero__card-align__bottom.hero__card-justify__start .hero--caption {
3567
+ grid-area: 1/1/3/3;
3568
+ }
3569
+ .hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper {
3570
+ background: rgb(45, 45, 45);
3571
+ height: 27px;
3572
+ width: 30px;
3573
+ display: flex;
3574
+ justify-content: center;
3575
+ align-items: center;
3576
+ position: relative;
3577
+ position: absolute;
3578
+ left: 0;
3579
+ right: initial;
3580
+ bottom: 0;
3581
+ }
3582
+ .hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper::after {
3583
+ content: "";
3584
+ position: absolute;
3585
+ top: 0;
3586
+ width: 0;
3587
+ height: 0;
3588
+ border-top: 27px solid transparent;
3589
+ left: 100%;
3590
+ border-right: none;
3591
+ border-left: calc(27px - 4px) solid rgb(45, 45, 45);
3592
+ }
3594
3593
  .hero--caption--wrapper {
3595
3594
  left: 2px;
3596
3595
  }
3597
- .right-to-left .hero--caption--wrapper {
3596
+ }
3597
+ .right-to-left .hero--caption--wrapper {
3598
+ background: rgb(45, 45, 45);
3599
+ height: 27px;
3600
+ width: 30px;
3601
+ display: flex;
3602
+ justify-content: center;
3603
+ align-items: center;
3604
+ position: relative;
3605
+ position: absolute;
3606
+ right: 0;
3607
+ }
3608
+ .right-to-left .hero--caption--wrapper::after {
3609
+ content: "";
3610
+ position: absolute;
3611
+ top: 0;
3612
+ width: 0;
3613
+ height: 0;
3614
+ border-top: 27px solid transparent;
3615
+ left: auto;
3616
+ right: 100%;
3617
+ border-left: none;
3618
+ border-right: calc(27px - 4px) solid rgb(45, 45, 45);
3619
+ }
3620
+ @media screen and (min-width: 1024px) {
3621
+ .right-to-left .hero__card-justify__start {
3622
+ --col-1-lg: 1fr;
3623
+ --col-2-lg: 30px;
3624
+ --col-3-lg: var(--card-width);
3625
+ --col-4-lg: 0;
3626
+ }
3627
+ .right-to-left .hero__card-justify__offset {
3628
+ --col-1-lg: 1fr;
3629
+ --col-2-lg: 30px;
3630
+ --col-3-lg: var(--card-width);
3631
+ --col-4-lg: var(--card-offset);
3632
+ }
3633
+ .right-to-left .hero__card-justify__center {
3634
+ --col-1-lg: 1fr;
3635
+ --col-2-lg: 30px;
3636
+ --col-3-lg: var(--card-width);
3637
+ --col-4-lg: 1fr;
3638
+ }
3639
+ .right-to-left .hero__card-align__center .hero--card {
3640
+ grid-area: 3/3/4/4;
3641
+ }
3642
+ .right-to-left .hero__card-align__center .hero--caption {
3643
+ grid-area: 5/4/6/5;
3644
+ }
3645
+ .right-to-left .hero__card-align__center .hero--caption--wrapper {
3646
+ right: 0;
3647
+ left: initial;
3648
+ position: absolute;
3649
+ }
3650
+ .right-to-left .hero__card-align__bottom .hero--caption {
3651
+ grid-area: 4/4/5/5;
3652
+ }
3653
+ .right-to-left .hero__card-align__bottom .hero--caption--wrapper {
3654
+ position: absolute;
3655
+ right: 0;
3656
+ bottom: 0;
3657
+ left: initial;
3658
+ }
3659
+ .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption {
3660
+ grid-area: 2/3/3/4;
3661
+ }
3662
+ .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper {
3663
+ background: rgb(45, 45, 45);
3664
+ height: 27px;
3665
+ width: 30px;
3666
+ display: flex;
3667
+ justify-content: center;
3668
+ align-items: center;
3669
+ position: relative;
3670
+ position: absolute;
3671
+ left: initial;
3672
+ right: 0;
3673
+ }
3674
+ .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper::after {
3675
+ content: "";
3676
+ position: absolute;
3677
+ top: 0;
3678
+ width: 0;
3679
+ height: 0;
3680
+ border-top: 27px solid transparent;
3598
3681
  left: auto;
3682
+ right: 100%;
3683
+ border-left: none;
3684
+ border-right: calc(27px - 4px) solid rgb(45, 45, 45);
3685
+ }
3686
+ .right-to-left .hero--card {
3687
+ grid-area: 3/3/6/4;
3688
+ }
3689
+ .right-to-left .hero--breadcrumbs {
3690
+ flex-direction: row-reverse;
3691
+ }
3692
+ .right-to-left .hero--caption {
3693
+ grid-area: 4/2/5/3;
3694
+ }
3695
+ .right-to-left .hero--caption--wrapper {
3599
3696
  right: 2px;
3697
+ left: initial;
3698
+ background: rgb(45, 45, 45);
3699
+ height: 27px;
3700
+ width: 30px;
3701
+ display: flex;
3702
+ justify-content: center;
3703
+ align-items: center;
3704
+ position: relative;
3600
3705
  }
3601
- .hero__card-align__center .hero--caption--wrapper, .hero__card-align__bottom .hero--caption--wrapper {
3706
+ .right-to-left .hero--caption--wrapper::after {
3707
+ content: "";
3602
3708
  position: absolute;
3603
- left: 0;
3604
- bottom: 0;
3709
+ top: 0;
3710
+ width: 0;
3711
+ height: 0;
3712
+ border-top: 27px solid transparent;
3713
+ left: auto;
3714
+ right: 100%;
3715
+ border-left: none;
3716
+ border-right: calc(27px - 4px) solid rgb(45, 45, 45);
3605
3717
  }
3606
3718
  }
3607
3719
 
3608
3720
  /**
3609
3721
  * Do not edit directly
3610
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
3722
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3611
3723
  */
3612
3724
  /**
3613
3725
  * TOKENS:
@@ -3663,7 +3775,20 @@ body {
3663
3775
  }
3664
3776
  }
3665
3777
  .ilo--hero-card__cornercut {
3666
- clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
3778
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
3779
+ }
3780
+ .right-to-left .ilo--hero-card__cornercut {
3781
+ clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
3782
+ clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
3783
+ }
3784
+ @media screen and (min-width: 1024px) {
3785
+ .ilo--hero-card__cornercut {
3786
+ clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
3787
+ }
3788
+ .right-to-left .ilo--hero-card__cornercut {
3789
+ clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
3790
+ clip-path: polygon(116px 0, 100% 0, 100% 100%, 0 100%, 0 64px);
3791
+ }
3667
3792
  }
3668
3793
  .ilo--hero-card--datecopy {
3669
3794
  font-size: 16px;
@@ -3728,7 +3853,7 @@ body {
3728
3853
 
3729
3854
  /**
3730
3855
  * Do not edit directly
3731
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
3856
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3732
3857
  */
3733
3858
  /**
3734
3859
  * TOKENS:
@@ -3784,7 +3909,7 @@ body {
3784
3909
 
3785
3910
  /**
3786
3911
  * Do not edit directly
3787
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
3912
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3788
3913
  */
3789
3914
  /**
3790
3915
  * TOKENS:
@@ -3926,7 +4051,7 @@ body {
3926
4051
 
3927
4052
  /**
3928
4053
  * Do not edit directly
3929
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4054
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3930
4055
  */
3931
4056
  /**
3932
4057
  * TOKENS:
@@ -3936,7 +4061,7 @@ body {
3936
4061
  */
3937
4062
  /**
3938
4063
  * Do not edit directly
3939
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4064
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3940
4065
  */
3941
4066
  /**
3942
4067
  * TOKENS:
@@ -3961,7 +4086,7 @@ body {
3961
4086
  }
3962
4087
  /**
3963
4088
  * Do not edit directly
3964
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4089
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3965
4090
  */
3966
4091
  /**
3967
4092
  * TOKENS:
@@ -4119,7 +4244,7 @@ body {
4119
4244
 
4120
4245
  /**
4121
4246
  * Do not edit directly
4122
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4247
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4123
4248
  */
4124
4249
  /**
4125
4250
  * TOKENS:
@@ -4214,7 +4339,7 @@ body {
4214
4339
 
4215
4340
  /**
4216
4341
  * Do not edit directly
4217
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4342
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4218
4343
  */
4219
4344
  /**
4220
4345
  * TOKENS:
@@ -4224,7 +4349,7 @@ body {
4224
4349
  */
4225
4350
  /**
4226
4351
  * Do not edit directly
4227
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4352
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4228
4353
  */
4229
4354
  /**
4230
4355
  * TOKENS:
@@ -4234,7 +4359,7 @@ body {
4234
4359
  */
4235
4360
  /**
4236
4361
  * Do not edit directly
4237
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4362
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4238
4363
  */
4239
4364
  /**
4240
4365
  * TOKENS:
@@ -4405,7 +4530,7 @@ body {
4405
4530
 
4406
4531
  /**
4407
4532
  * Do not edit directly
4408
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4533
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4409
4534
  */
4410
4535
  /**
4411
4536
  * TOKENS:
@@ -4452,7 +4577,7 @@ body {
4452
4577
 
4453
4578
  /**
4454
4579
  * Do not edit directly
4455
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4580
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4456
4581
  */
4457
4582
  /**
4458
4583
  * TOKENS:
@@ -4462,7 +4587,7 @@ body {
4462
4587
  */
4463
4588
  /**
4464
4589
  * Do not edit directly
4465
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4590
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4466
4591
  */
4467
4592
  /**
4468
4593
  * TOKENS:
@@ -4472,7 +4597,7 @@ body {
4472
4597
  */
4473
4598
  /**
4474
4599
  * Do not edit directly
4475
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4600
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4476
4601
  */
4477
4602
  /**
4478
4603
  * TOKENS:
@@ -4569,7 +4694,7 @@ body {
4569
4694
 
4570
4695
  /**
4571
4696
  * Do not edit directly
4572
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
4697
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4573
4698
  */
4574
4699
  /**
4575
4700
  * TOKENS:
@@ -5459,7 +5584,7 @@ body {
5459
5584
 
5460
5585
  /**
5461
5586
  * Do not edit directly
5462
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
5587
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5463
5588
  */
5464
5589
  /**
5465
5590
  * TOKENS:
@@ -5469,7 +5594,7 @@ body {
5469
5594
  */
5470
5595
  /**
5471
5596
  * Do not edit directly
5472
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
5597
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5473
5598
  */
5474
5599
  /**
5475
5600
  * TOKENS:
@@ -5479,7 +5604,7 @@ body {
5479
5604
  */
5480
5605
  /**
5481
5606
  * Do not edit directly
5482
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
5607
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5483
5608
  */
5484
5609
  /**
5485
5610
  * TOKENS:
@@ -5671,7 +5796,7 @@ body {
5671
5796
 
5672
5797
  /**
5673
5798
  * Do not edit directly
5674
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
5799
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5675
5800
  */
5676
5801
  /**
5677
5802
  * TOKENS:
@@ -5811,7 +5936,7 @@ body {
5811
5936
 
5812
5937
  /**
5813
5938
  * Do not edit directly
5814
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
5939
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5815
5940
  */
5816
5941
  /**
5817
5942
  * TOKENS:
@@ -5821,7 +5946,7 @@ body {
5821
5946
  */
5822
5947
  /**
5823
5948
  * Do not edit directly
5824
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
5949
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5825
5950
  */
5826
5951
  /**
5827
5952
  * TOKENS:
@@ -5846,7 +5971,7 @@ body {
5846
5971
  }
5847
5972
  /**
5848
5973
  * Do not edit directly
5849
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
5974
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5850
5975
  */
5851
5976
  /**
5852
5977
  * TOKENS:
@@ -6013,7 +6138,7 @@ body {
6013
6138
 
6014
6139
  /**
6015
6140
  * Do not edit directly
6016
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
6141
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6017
6142
  */
6018
6143
  /**
6019
6144
  * TOKENS:
@@ -6120,7 +6245,7 @@ body {
6120
6245
 
6121
6246
  /**
6122
6247
  * Do not edit directly
6123
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
6248
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6124
6249
  */
6125
6250
  /**
6126
6251
  * TOKENS:
@@ -6130,7 +6255,7 @@ body {
6130
6255
  */
6131
6256
  /**
6132
6257
  * Do not edit directly
6133
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
6258
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6134
6259
  */
6135
6260
  /**
6136
6261
  * TOKENS:
@@ -6155,7 +6280,7 @@ body {
6155
6280
  }
6156
6281
  /**
6157
6282
  * Do not edit directly
6158
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
6283
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6159
6284
  */
6160
6285
  /**
6161
6286
  * TOKENS:
@@ -6216,7 +6341,7 @@ body {
6216
6341
 
6217
6342
  /**
6218
6343
  * Do not edit directly
6219
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
6344
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6220
6345
  */
6221
6346
  /**
6222
6347
  * TOKENS:
@@ -6631,7 +6756,7 @@ body {
6631
6756
 
6632
6757
  /**
6633
6758
  * Do not edit directly
6634
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
6759
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6635
6760
  */
6636
6761
  /**
6637
6762
  * TOKENS:
@@ -6685,7 +6810,7 @@ body {
6685
6810
 
6686
6811
  /**
6687
6812
  * Do not edit directly
6688
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
6813
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6689
6814
  */
6690
6815
  /**
6691
6816
  * TOKENS:
@@ -6843,7 +6968,7 @@ body {
6843
6968
 
6844
6969
  /**
6845
6970
  * Do not edit directly
6846
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
6971
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6847
6972
  */
6848
6973
  /**
6849
6974
  * TOKENS:
@@ -7194,7 +7319,7 @@ body {
7194
7319
 
7195
7320
  /**
7196
7321
  * Do not edit directly
7197
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
7322
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
7198
7323
  */
7199
7324
  /**
7200
7325
  * TOKENS:
@@ -7380,7 +7505,7 @@ body {
7380
7505
 
7381
7506
  /**
7382
7507
  * Do not edit directly
7383
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
7508
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
7384
7509
  */
7385
7510
  /**
7386
7511
  * TOKENS:
@@ -7438,7 +7563,7 @@ body {
7438
7563
 
7439
7564
  /**
7440
7565
  * Do not edit directly
7441
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
7566
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
7442
7567
  */
7443
7568
  /**
7444
7569
  * TOKENS:
@@ -7612,7 +7737,7 @@ body {
7612
7737
 
7613
7738
  /**
7614
7739
  * Do not edit directly
7615
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
7740
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
7616
7741
  */
7617
7742
  /**
7618
7743
  * TOKENS:
@@ -7787,7 +7912,7 @@ body {
7787
7912
 
7788
7913
  /**
7789
7914
  * Do not edit directly
7790
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
7915
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
7791
7916
  */
7792
7917
  /**
7793
7918
  * TOKENS:
@@ -8697,7 +8822,7 @@ body {
8697
8822
 
8698
8823
  /**
8699
8824
  * Do not edit directly
8700
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
8825
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
8701
8826
  */
8702
8827
  /**
8703
8828
  * TOKENS:
@@ -8707,7 +8832,7 @@ body {
8707
8832
  */
8708
8833
  /**
8709
8834
  * Do not edit directly
8710
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
8835
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
8711
8836
  */
8712
8837
  /**
8713
8838
  * TOKENS:
@@ -8732,7 +8857,7 @@ body {
8732
8857
  }
8733
8858
  /**
8734
8859
  * Do not edit directly
8735
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
8860
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
8736
8861
  */
8737
8862
  /**
8738
8863
  * TOKENS: