@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:
@@ -169,7 +169,7 @@ body {
169
169
 
170
170
  /**
171
171
  * Do not edit directly
172
- * Generated on Fri, 04 Aug 2023 16:55:28 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 Fri, 04 Aug 2023 16:55:28 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 Fri, 04 Aug 2023 16:55:28 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 Fri, 04 Aug 2023 16:55:28 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 Fri, 04 Aug 2023 16:55:28 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 Fri, 04 Aug 2023 16:55:28 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 Fri, 04 Aug 2023 16:55:28 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 Fri, 04 Aug 2023 16:55:28 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 Fri, 04 Aug 2023 16:55:28 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 Fri, 04 Aug 2023 16:55:28 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 Fri, 04 Aug 2023 16:55:28 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 Fri, 04 Aug 2023 16:55:28 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 Fri, 04 Aug 2023 16:55:28 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 Fri, 04 Aug 2023 16:55:28 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 Fri, 04 Aug 2023 16:55:28 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 Fri, 04 Aug 2023 16:55:28 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 Fri, 04 Aug 2023 16:55:28 GMT
2108
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2109
2109
  */
2110
2110
  /**
2111
2111
  * TOKENS:
@@ -2114,7 +2114,7 @@ body {
2114
2114
  * MAPS:
2115
2115
  */
2116
2116
  .ilo--cardgroup__collapsed .ilo--cardgroup--inner {
2117
- gap: 0;
2117
+ gap: 0 !important;
2118
2118
  }
2119
2119
  .ilo--cardgroup__justify__start .ilo--cardgroup--inner {
2120
2120
  justify-content: flex-start;
@@ -2125,12 +2125,37 @@ body {
2125
2125
  .ilo--cardgroup__justify__center .ilo--cardgroup--inner {
2126
2126
  justify-content: center;
2127
2127
  }
2128
+ @media screen and (min-width: 1024px) {
2129
+ .ilo--cardgroup__count__one .ilo--cardgroup--inner {
2130
+ gap: 0;
2131
+ }
2132
+ .ilo--cardgroup__count__one .ilo--cardgroup--card {
2133
+ flex: 1 1 100%;
2134
+ }
2135
+ .ilo--cardgroup__count__two .ilo--cardgroup--inner {
2136
+ gap: 16px;
2137
+ }
2138
+ .ilo--cardgroup__count__two .ilo--cardgroup--card {
2139
+ flex: 0 1 calc(50% - 16px);
2140
+ }
2141
+ .ilo--cardgroup__count__three .ilo--cardgroup--inner {
2142
+ gap: 21px;
2143
+ }
2144
+ .ilo--cardgroup__count__three .ilo--cardgroup--card {
2145
+ flex: 0 1 calc(33.3333% - 21px);
2146
+ }
2147
+ .ilo--cardgroup__count__four .ilo--cardgroup--inner {
2148
+ gap: 24px;
2149
+ }
2150
+ .ilo--cardgroup__count__four .ilo--cardgroup--card {
2151
+ flex: 0 1 calc(25% - 24px);
2152
+ }
2153
+ }
2128
2154
  .ilo--cardgroup--inner {
2129
2155
  display: flex;
2130
2156
  flex-flow: row wrap;
2131
2157
  justify-content: center;
2132
2158
  margin: auto;
2133
- gap: 1.7148981779rem;
2134
2159
  width: 100%;
2135
2160
  }
2136
2161
  .right-to-left .ilo--cardgroup--inner {
@@ -2145,7 +2170,7 @@ body {
2145
2170
 
2146
2171
  /**
2147
2172
  * Do not edit directly
2148
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2173
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2149
2174
  */
2150
2175
  /**
2151
2176
  * TOKENS:
@@ -2250,7 +2275,7 @@ body {
2250
2275
 
2251
2276
  /**
2252
2277
  * Do not edit directly
2253
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2278
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2254
2279
  */
2255
2280
  /**
2256
2281
  * 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:
@@ -2341,7 +2366,7 @@ body {
2341
2366
  */
2342
2367
  /**
2343
2368
  * Do not edit directly
2344
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2369
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2345
2370
  */
2346
2371
  /**
2347
2372
  * TOKENS:
@@ -2351,7 +2376,7 @@ body {
2351
2376
  */
2352
2377
  /**
2353
2378
  * Do not edit directly
2354
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2379
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2355
2380
  */
2356
2381
  /**
2357
2382
  * TOKENS:
@@ -2361,7 +2386,7 @@ body {
2361
2386
  */
2362
2387
  /**
2363
2388
  * Do not edit directly
2364
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2389
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2365
2390
  */
2366
2391
  /**
2367
2392
  * TOKENS:
@@ -2487,7 +2512,7 @@ body {
2487
2512
 
2488
2513
  /**
2489
2514
  * Do not edit directly
2490
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2515
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2491
2516
  */
2492
2517
  /**
2493
2518
  * TOKENS:
@@ -2515,7 +2540,7 @@ body {
2515
2540
 
2516
2541
  /**
2517
2542
  * Do not edit directly
2518
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2543
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2519
2544
  */
2520
2545
  /**
2521
2546
  * TOKENS:
@@ -2603,7 +2628,7 @@ body {
2603
2628
 
2604
2629
  /**
2605
2630
  * Do not edit directly
2606
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2631
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2607
2632
  */
2608
2633
  /**
2609
2634
  * TOKENS:
@@ -2613,7 +2638,7 @@ body {
2613
2638
  */
2614
2639
  /**
2615
2640
  * Do not edit directly
2616
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2641
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2617
2642
  */
2618
2643
  /**
2619
2644
  * TOKENS:
@@ -2623,7 +2648,7 @@ body {
2623
2648
  */
2624
2649
  /**
2625
2650
  * Do not edit directly
2626
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2651
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2627
2652
  */
2628
2653
  /**
2629
2654
  * TOKENS:
@@ -2676,7 +2701,7 @@ body {
2676
2701
 
2677
2702
  /**
2678
2703
  * Do not edit directly
2679
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2704
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2680
2705
  */
2681
2706
  /**
2682
2707
  * TOKENS:
@@ -2751,7 +2776,7 @@ body {
2751
2776
 
2752
2777
  /**
2753
2778
  * Do not edit directly
2754
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2779
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2755
2780
  */
2756
2781
  /**
2757
2782
  * TOKENS:
@@ -2857,7 +2882,7 @@ body {
2857
2882
 
2858
2883
  /**
2859
2884
  * Do not edit directly
2860
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2885
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2861
2886
  */
2862
2887
  /**
2863
2888
  * TOKENS:
@@ -2880,7 +2905,7 @@ body {
2880
2905
 
2881
2906
  /**
2882
2907
  * Do not edit directly
2883
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2908
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2884
2909
  */
2885
2910
  /**
2886
2911
  * TOKENS:
@@ -2894,7 +2919,7 @@ body {
2894
2919
 
2895
2920
  /**
2896
2921
  * Do not edit directly
2897
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2922
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2898
2923
  */
2899
2924
  /**
2900
2925
  * TOKENS:
@@ -2904,7 +2929,7 @@ body {
2904
2929
  */
2905
2930
  /**
2906
2931
  * Do not edit directly
2907
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2932
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2908
2933
  */
2909
2934
  /**
2910
2935
  * TOKENS:
@@ -2929,7 +2954,7 @@ body {
2929
2954
  }
2930
2955
  /**
2931
2956
  * Do not edit directly
2932
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
2957
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
2933
2958
  */
2934
2959
  /**
2935
2960
  * TOKENS:
@@ -3253,7 +3278,7 @@ body {
3253
3278
 
3254
3279
  /**
3255
3280
  * Do not edit directly
3256
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
3281
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3257
3282
  */
3258
3283
  /**
3259
3284
  * TOKENS:
@@ -3376,7 +3401,7 @@ body {
3376
3401
 
3377
3402
  /**
3378
3403
  * Do not edit directly
3379
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
3404
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3380
3405
  */
3381
3406
  /**
3382
3407
  * TOKENS:
@@ -3385,13 +3410,10 @@ body {
3385
3410
  * MAPS:
3386
3411
  */
3387
3412
  .hero {
3388
- --tooltip-width: 30px;
3389
- --tooltip-height: 27px;
3390
3413
  --corner-cut-height: 39px;
3391
- --image-max-height: 216px;
3392
3414
  display: grid;
3393
3415
  position: relative;
3394
- grid-template-rows: minmax(var(--image-max-height), 1fr) var(--tooltip-height) 39px auto;
3416
+ grid-template-rows: minmax(216px, 1fr) 27px 39px auto;
3395
3417
  grid-template-columns: 1fr;
3396
3418
  }
3397
3419
  .hero--breadcrumbs {
@@ -3416,8 +3438,8 @@ body {
3416
3438
  }
3417
3439
  .hero--caption--wrapper {
3418
3440
  background: rgb(45, 45, 45);
3419
- height: var(--tooltip-height);
3420
- width: var(--tooltip-width);
3441
+ height: 27px;
3442
+ width: 30px;
3421
3443
  display: flex;
3422
3444
  justify-content: center;
3423
3445
  align-items: center;
@@ -3427,17 +3449,12 @@ body {
3427
3449
  content: "";
3428
3450
  position: absolute;
3429
3451
  top: 0;
3430
- left: 100%;
3431
3452
  width: 0;
3432
3453
  height: 0;
3433
- border-top: var(--tooltip-height) solid transparent;
3434
- border-left: calc(var(--tooltip-height) - 4px) solid rgb(45, 45, 45);
3435
- }
3436
- .right-to-left .hero--caption--wrapper::after {
3437
- left: auto;
3438
- right: 100%;
3439
- border-left: none;
3440
- 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);
3441
3458
  }
3442
3459
  @media screen and (min-width: 1024px) {
3443
3460
  .hero {
@@ -3449,11 +3466,11 @@ body {
3449
3466
  --row-1-lg: var(--breadcrumbs-height);
3450
3467
  --row-2-lg: calc(var(--image-gap) - var(--breadcrumbs-height));
3451
3468
  --row-3-lg: auto;
3452
- --row-4-lg: var(--tooltip-height);
3469
+ --row-4-lg: 27px;
3453
3470
  --row-5-lg: 72px;
3454
3471
  --col-1-lg: 0;
3455
3472
  --col-2-lg: var(--card-width);
3456
- --col-3-lg: var(--tooltip-width);
3473
+ --col-3-lg: 30px;
3457
3474
  --col-4-lg: 1fr;
3458
3475
  grid-template-rows: var(--row-1-lg) var(--row-2-lg) var(--row-3-lg) var(--row-4-lg) var(--row-5-lg);
3459
3476
  grid-template-columns: var(--col-1-lg) var(--col-2-lg) var(--col-3-lg) var(--col-4-lg);
@@ -3488,32 +3505,16 @@ body {
3488
3505
  .hero__card-justify__start {
3489
3506
  --col-1-lg: 0;
3490
3507
  }
3491
- .right-to-left .hero__card-justify__start {
3492
- --col-1-lg: 1fr;
3493
- --col-2-lg: var(--tooltip-width);
3494
- --col-3-lg: var(--card-width);
3495
- --col-4-lg: 0;
3496
- }
3497
3508
  .hero__card-justify__offset {
3498
3509
  --col-1-lg: var(--card-offset);
3499
3510
  }
3500
- .right-to-left .hero__card-justify__offset {
3501
- --col-1-lg: 1fr;
3502
- --col-2-lg: var(--tooltip-width);
3503
- --col-3-lg: var(--card-width);
3504
- --col-4-lg: var(--card-offset);
3505
- }
3506
3511
  .hero__card-justify__center {
3507
3512
  --col-1-lg: 1fr;
3508
3513
  --col-4-lg: 1fr;
3509
3514
  }
3510
- .right-to-left .hero__card-justify__center {
3511
- --col-2-lg: var(--tooltip-width);
3512
- --col-3-lg: var(--card-width);
3513
- }
3514
3515
  .hero__card-align__center {
3515
- --row-4-lg: calc(72px - var(--tooltip-height));
3516
- --row-5-lg: var(--tooltip-height);
3516
+ --row-4-lg: calc(72px - 27px);
3517
+ --row-5-lg: 27px;
3517
3518
  }
3518
3519
  .hero__card-align__bottom {
3519
3520
  --row-3-lg: 0;
@@ -3526,9 +3527,6 @@ body {
3526
3527
  display: flex;
3527
3528
  flex-flow: row nowrap;
3528
3529
  }
3529
- .right-to-left .hero--breadcrumbs {
3530
- flex-direction: row-reverse;
3531
- }
3532
3530
  .hero--breadcrumbs--wrapper {
3533
3531
  max-width: 500px;
3534
3532
  }
@@ -3544,9 +3542,6 @@ body {
3544
3542
  .hero--card {
3545
3543
  grid-area: 3/2/6/3;
3546
3544
  }
3547
- .right-to-left .hero--card {
3548
- grid-area: 3/3/6/4;
3549
- }
3550
3545
  .hero__card-align__center .hero--card {
3551
3546
  grid-area: 3/2/4/3;
3552
3547
  }
@@ -3557,32 +3552,174 @@ body {
3557
3552
  grid-area: 4/3/5/4;
3558
3553
  position: relative;
3559
3554
  }
3560
- .right-to-left .hero--caption {
3561
- grid-area: 4/2/5/3;
3562
- }
3563
3555
  .hero__card-align__center .hero--caption {
3564
3556
  grid-area: 5/1/6/3;
3565
3557
  }
3566
3558
  .hero__card-align__bottom .hero--caption {
3567
3559
  grid-area: 4/1/5/2;
3568
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
+ }
3569
3593
  .hero--caption--wrapper {
3570
3594
  left: 2px;
3571
3595
  }
3572
- .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;
3573
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 {
3574
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;
3575
3705
  }
3576
- .hero__card-align__center .hero--caption--wrapper, .hero__card-align__bottom .hero--caption--wrapper {
3706
+ .right-to-left .hero--caption--wrapper::after {
3707
+ content: "";
3577
3708
  position: absolute;
3578
- left: 0;
3579
- 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);
3580
3717
  }
3581
3718
  }
3582
3719
 
3583
3720
  /**
3584
3721
  * Do not edit directly
3585
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
3722
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3586
3723
  */
3587
3724
  /**
3588
3725
  * TOKENS:
@@ -3638,7 +3775,20 @@ body {
3638
3775
  }
3639
3776
  }
3640
3777
  .ilo--hero-card__cornercut {
3641
- 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
+ }
3642
3792
  }
3643
3793
  .ilo--hero-card--datecopy {
3644
3794
  font-size: 16px;
@@ -3703,7 +3853,7 @@ body {
3703
3853
 
3704
3854
  /**
3705
3855
  * Do not edit directly
3706
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
3856
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3707
3857
  */
3708
3858
  /**
3709
3859
  * TOKENS:
@@ -3759,7 +3909,7 @@ body {
3759
3909
 
3760
3910
  /**
3761
3911
  * Do not edit directly
3762
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
3912
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3763
3913
  */
3764
3914
  /**
3765
3915
  * TOKENS:
@@ -3901,7 +4051,7 @@ body {
3901
4051
 
3902
4052
  /**
3903
4053
  * Do not edit directly
3904
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4054
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3905
4055
  */
3906
4056
  /**
3907
4057
  * TOKENS:
@@ -3911,7 +4061,7 @@ body {
3911
4061
  */
3912
4062
  /**
3913
4063
  * Do not edit directly
3914
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4064
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3915
4065
  */
3916
4066
  /**
3917
4067
  * TOKENS:
@@ -3936,7 +4086,7 @@ body {
3936
4086
  }
3937
4087
  /**
3938
4088
  * Do not edit directly
3939
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4089
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
3940
4090
  */
3941
4091
  /**
3942
4092
  * TOKENS:
@@ -4094,7 +4244,7 @@ body {
4094
4244
 
4095
4245
  /**
4096
4246
  * Do not edit directly
4097
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4247
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4098
4248
  */
4099
4249
  /**
4100
4250
  * TOKENS:
@@ -4189,7 +4339,7 @@ body {
4189
4339
 
4190
4340
  /**
4191
4341
  * Do not edit directly
4192
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4342
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4193
4343
  */
4194
4344
  /**
4195
4345
  * TOKENS:
@@ -4199,7 +4349,7 @@ body {
4199
4349
  */
4200
4350
  /**
4201
4351
  * Do not edit directly
4202
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4352
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4203
4353
  */
4204
4354
  /**
4205
4355
  * TOKENS:
@@ -4209,7 +4359,7 @@ body {
4209
4359
  */
4210
4360
  /**
4211
4361
  * Do not edit directly
4212
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4362
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4213
4363
  */
4214
4364
  /**
4215
4365
  * TOKENS:
@@ -4380,7 +4530,7 @@ body {
4380
4530
 
4381
4531
  /**
4382
4532
  * Do not edit directly
4383
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4533
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4384
4534
  */
4385
4535
  /**
4386
4536
  * TOKENS:
@@ -4427,7 +4577,7 @@ body {
4427
4577
 
4428
4578
  /**
4429
4579
  * Do not edit directly
4430
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4580
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4431
4581
  */
4432
4582
  /**
4433
4583
  * TOKENS:
@@ -4437,7 +4587,7 @@ body {
4437
4587
  */
4438
4588
  /**
4439
4589
  * Do not edit directly
4440
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4590
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4441
4591
  */
4442
4592
  /**
4443
4593
  * TOKENS:
@@ -4447,7 +4597,7 @@ body {
4447
4597
  */
4448
4598
  /**
4449
4599
  * Do not edit directly
4450
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4600
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4451
4601
  */
4452
4602
  /**
4453
4603
  * TOKENS:
@@ -4544,7 +4694,7 @@ body {
4544
4694
 
4545
4695
  /**
4546
4696
  * Do not edit directly
4547
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
4697
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
4548
4698
  */
4549
4699
  /**
4550
4700
  * TOKENS:
@@ -5434,7 +5584,7 @@ body {
5434
5584
 
5435
5585
  /**
5436
5586
  * Do not edit directly
5437
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
5587
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5438
5588
  */
5439
5589
  /**
5440
5590
  * TOKENS:
@@ -5444,7 +5594,7 @@ body {
5444
5594
  */
5445
5595
  /**
5446
5596
  * Do not edit directly
5447
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
5597
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5448
5598
  */
5449
5599
  /**
5450
5600
  * TOKENS:
@@ -5454,7 +5604,7 @@ body {
5454
5604
  */
5455
5605
  /**
5456
5606
  * Do not edit directly
5457
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
5607
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5458
5608
  */
5459
5609
  /**
5460
5610
  * TOKENS:
@@ -5646,7 +5796,7 @@ body {
5646
5796
 
5647
5797
  /**
5648
5798
  * Do not edit directly
5649
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
5799
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5650
5800
  */
5651
5801
  /**
5652
5802
  * TOKENS:
@@ -5786,7 +5936,7 @@ body {
5786
5936
 
5787
5937
  /**
5788
5938
  * Do not edit directly
5789
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
5939
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5790
5940
  */
5791
5941
  /**
5792
5942
  * TOKENS:
@@ -5796,7 +5946,7 @@ body {
5796
5946
  */
5797
5947
  /**
5798
5948
  * Do not edit directly
5799
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
5949
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5800
5950
  */
5801
5951
  /**
5802
5952
  * TOKENS:
@@ -5821,7 +5971,7 @@ body {
5821
5971
  }
5822
5972
  /**
5823
5973
  * Do not edit directly
5824
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
5974
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5825
5975
  */
5826
5976
  /**
5827
5977
  * TOKENS:
@@ -5988,7 +6138,7 @@ body {
5988
6138
 
5989
6139
  /**
5990
6140
  * Do not edit directly
5991
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
6141
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
5992
6142
  */
5993
6143
  /**
5994
6144
  * TOKENS:
@@ -6095,7 +6245,7 @@ body {
6095
6245
 
6096
6246
  /**
6097
6247
  * Do not edit directly
6098
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
6248
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6099
6249
  */
6100
6250
  /**
6101
6251
  * TOKENS:
@@ -6105,7 +6255,7 @@ body {
6105
6255
  */
6106
6256
  /**
6107
6257
  * Do not edit directly
6108
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
6258
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6109
6259
  */
6110
6260
  /**
6111
6261
  * TOKENS:
@@ -6130,7 +6280,7 @@ body {
6130
6280
  }
6131
6281
  /**
6132
6282
  * Do not edit directly
6133
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
6283
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6134
6284
  */
6135
6285
  /**
6136
6286
  * TOKENS:
@@ -6191,7 +6341,7 @@ body {
6191
6341
 
6192
6342
  /**
6193
6343
  * Do not edit directly
6194
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
6344
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6195
6345
  */
6196
6346
  /**
6197
6347
  * TOKENS:
@@ -6606,7 +6756,7 @@ body {
6606
6756
 
6607
6757
  /**
6608
6758
  * Do not edit directly
6609
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
6759
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6610
6760
  */
6611
6761
  /**
6612
6762
  * TOKENS:
@@ -6660,7 +6810,7 @@ body {
6660
6810
 
6661
6811
  /**
6662
6812
  * Do not edit directly
6663
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
6813
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6664
6814
  */
6665
6815
  /**
6666
6816
  * TOKENS:
@@ -6818,7 +6968,7 @@ body {
6818
6968
 
6819
6969
  /**
6820
6970
  * Do not edit directly
6821
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
6971
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
6822
6972
  */
6823
6973
  /**
6824
6974
  * TOKENS:
@@ -7169,7 +7319,7 @@ body {
7169
7319
 
7170
7320
  /**
7171
7321
  * Do not edit directly
7172
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
7322
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
7173
7323
  */
7174
7324
  /**
7175
7325
  * TOKENS:
@@ -7355,7 +7505,7 @@ body {
7355
7505
 
7356
7506
  /**
7357
7507
  * Do not edit directly
7358
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
7508
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
7359
7509
  */
7360
7510
  /**
7361
7511
  * TOKENS:
@@ -7413,7 +7563,7 @@ body {
7413
7563
 
7414
7564
  /**
7415
7565
  * Do not edit directly
7416
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
7566
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
7417
7567
  */
7418
7568
  /**
7419
7569
  * TOKENS:
@@ -7587,7 +7737,7 @@ body {
7587
7737
 
7588
7738
  /**
7589
7739
  * Do not edit directly
7590
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
7740
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
7591
7741
  */
7592
7742
  /**
7593
7743
  * TOKENS:
@@ -7762,7 +7912,7 @@ body {
7762
7912
 
7763
7913
  /**
7764
7914
  * Do not edit directly
7765
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
7915
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
7766
7916
  */
7767
7917
  /**
7768
7918
  * TOKENS:
@@ -8672,7 +8822,7 @@ body {
8672
8822
 
8673
8823
  /**
8674
8824
  * Do not edit directly
8675
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
8825
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
8676
8826
  */
8677
8827
  /**
8678
8828
  * TOKENS:
@@ -8682,7 +8832,7 @@ body {
8682
8832
  */
8683
8833
  /**
8684
8834
  * Do not edit directly
8685
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
8835
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
8686
8836
  */
8687
8837
  /**
8688
8838
  * TOKENS:
@@ -8707,7 +8857,7 @@ body {
8707
8857
  }
8708
8858
  /**
8709
8859
  * Do not edit directly
8710
- * Generated on Fri, 04 Aug 2023 16:55:28 GMT
8860
+ * Generated on Wed, 16 Aug 2023 13:14:40 GMT
8711
8861
  */
8712
8862
  /**
8713
8863
  * TOKENS: