@ilo-org/styles 0.7.1 → 0.8.0

package/build/css/components/index.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -10,7 +10,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -129,7 +129,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -154,7 +154,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -408,7 +408,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -418,7 +418,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -443,7 +443,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -733,7 +733,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -863,7 +863,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -1070,7 +1070,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -1234,7 +1234,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -1328,7 +1328,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -1465,7 +1465,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -1596,7 +1596,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -1745,7 +1745,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -1754,62 +1754,104 @@
 * MAPS:
 */
 .ilo--card__type__data {
-  --max-width: 16.1307609861rem;
+  --max-width: 32.154340836rem;
   background: rgb(235, 245, 253);
-  border-bottom: 0.1607717042rem solid #82afdc;
-  margin-top: 2.1436227224rem;
-  padding: 1.2861736334rem 3.0010718114rem;
+  border-bottom: 0.1607717042rem solid rgb(190, 220, 250);
+  padding: 2.5723472669rem 2.7867095391rem;
   position: relative;
   width: 100%;
 }
-.ilo--card__type__data:hover, .ilo--card__type__data:focus, .ilo--card__type__data:focus-within {
-  background: rgb(235, 245, 253);
+.ilo--card__type__data .ilo--card--content {
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: auto;
+}
+@media screen and (min-width: 610px) {
+  .ilo--card__type__data {
+    padding: 2.5723472669rem 2.5723472669rem 2.5723472669rem 5.8949624866rem;
+  }
+  .ilo--card__type__data__columns__two .ilo--card--content {
+    grid-template-columns: minmax(10.718113612rem, 32%) minmax(53%, 1fr);
+    column-gap: 14%;
+  }
+  .ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--image {
+    grid-column: 1/2;
+    grid-row: 1/span 4;
+  }
+  .ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--content {
+    grid-column: 2/3;
+  }
+  .ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--files {
+    grid-column: 2/3;
+  }
+  .ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--links {
+    grid-column: 2/3;
+  }
+  .ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--content {
+    grid-column: 1/2;
+  }
+  .ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--files {
+    grid-column: 1/2;
+  }
+  .ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--links {
+    grid-area: 1/2/3/3;
+  }
 }
 .ilo--card__type__data.ilo--card__size__narrow {
-  --max-width: 16.1307609861rem;
-  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
+  --max-width: 32.154340836rem;
+  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 48px, 100% 100%, 0 100%);
+}
+.ilo--card__type__data.ilo--card__size__wide {
+  --max-width: 41.6934619507rem;
 }
 .ilo--card__type__data.ilo--card__size__wide, .ilo--card__type__data.ilo--card__size__fluid {
-  --max-width: 32.154340836rem;
-  clip-path: polygon(0 0, calc(100% - 87px) 0, 100% 48px, 100% 100%, 0 100%);
+  clip-path: polygon(0 0, calc(100% - 86px) 0, 100% 48px, 100% 100%, 0 100%);
 }
-.ilo--card__type__data .ilo--card--image--wrapper {
-  width: max(10.9860664523rem, 50%);
+.ilo--card__type__data .ilo--card--image {
+  width: 100%;
+  max-width: 200px;
+  margin: 0 0 1.6613076099rem;
 }
 .ilo--card__type__data--content-label {
   font-size: 14.93px;
   letter-spacing: normal;
   line-height: 20.3px;
-  margin-bottom: 0.6540478038rem;
+  margin-bottom: 0.4932760997rem;
   color: rgb(109, 109, 109);
 }
+.ilo--card__type__data .ilo--card--eyebrow {
+  margin: 0 0 0.857449089rem;
+}
 .ilo--card__type__data--content-copy {
   font-size: 23.32px;
   letter-spacing: -0.035em;
   line-height: 29.15px;
-  margin-bottom: 1.5763397642rem;
+  margin-bottom: 1.41556806rem;
   color: rgb(45, 45, 45);
   font-family: Overpass;
   font-weight: 500;
 }
 .ilo--card__type__data--content-files {
-  margin-bottom: 2.1436227224rem;
+  margin-bottom: 1.8756698821rem;
 }
-.ilo--card__type__data .ilo--link {
+.ilo--card__type__data [class*=ilo--link] {
   font-size: 18.66px;
   letter-spacing: -0.035em;
   line-height: 24.26px;
+  line-height: 1.8;
+  margin-inline-end: 0.6430868167rem;
+  margin-bottom: 0.6430868167rem;
 }
-.ilo--card__type__data--file {
+.ilo--card__type__data [class*=button] {
   margin: 0.2143622722rem 0.4287245445rem 0.2143622722rem 0;
 }
-.ilo--card__type__data--file:last-of-type {
+.ilo--card__type__data [class*=button]:last-of-type {
   margin-right: 0;
 }
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -1871,7 +1913,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -1946,7 +1988,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -2011,7 +2053,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -2116,7 +2158,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -2197,7 +2239,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -2207,7 +2249,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -2217,7 +2259,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -2227,7 +2269,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -2353,7 +2395,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -2381,7 +2423,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -2469,7 +2511,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -2479,7 +2521,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -2489,7 +2531,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -2542,7 +2584,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -2617,7 +2659,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -2723,7 +2765,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -2746,7 +2788,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -2760,7 +2802,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -2770,7 +2812,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -2795,7 +2837,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -3119,7 +3161,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -3242,7 +3284,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -3251,13 +3293,10 @@
 * MAPS:
 */
 .hero {
-  --tooltip-width: 30px;
-  --tooltip-height: 27px;
   --corner-cut-height: 39px;
-  --image-max-height: 216px;
   display: grid;
   position: relative;
-  grid-template-rows: minmax(var(--image-max-height), 1fr) var(--tooltip-height) 39px auto;
+  grid-template-rows: minmax(216px, 1fr) 27px 39px auto;
   grid-template-columns: 1fr;
 }
 .hero--breadcrumbs {
@@ -3282,8 +3321,8 @@
 }
 .hero--caption--wrapper {
   background: rgb(45, 45, 45);
-  height: var(--tooltip-height);
-  width: var(--tooltip-width);
+  height: 27px;
+  width: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -3293,17 +3332,12 @@
   content: "";
   position: absolute;
   top: 0;
-  left: 100%;
   width: 0;
   height: 0;
-  border-top: var(--tooltip-height) solid transparent;
-  border-left: calc(var(--tooltip-height) - 4px) solid rgb(45, 45, 45);
-}
-.right-to-left .hero--caption--wrapper::after {
-  left: auto;
-  right: 100%;
-  border-left: none;
-  border-right: calc(var(--tooltip-height) - 4px) solid rgb(45, 45, 45);
+  border-top: 27px solid transparent;
+  left: 100%;
+  border-right: none;
+  border-left: calc(27px - 4px) solid rgb(45, 45, 45);
 }
 @media screen and (min-width: 1024px) {
   .hero {
@@ -3315,11 +3349,11 @@
     --row-1-lg: var(--breadcrumbs-height);
     --row-2-lg: calc(var(--image-gap) - var(--breadcrumbs-height));
     --row-3-lg: auto;
-    --row-4-lg: var(--tooltip-height);
+    --row-4-lg: 27px;
     --row-5-lg: 72px;
     --col-1-lg: 0;
     --col-2-lg: var(--card-width);
-    --col-3-lg: var(--tooltip-width);
+    --col-3-lg: 30px;
     --col-4-lg: 1fr;
     grid-template-rows: var(--row-1-lg) var(--row-2-lg) var(--row-3-lg) var(--row-4-lg) var(--row-5-lg);
     grid-template-columns: var(--col-1-lg) var(--col-2-lg) var(--col-3-lg) var(--col-4-lg);
@@ -3354,32 +3388,16 @@
   .hero__card-justify__start {
     --col-1-lg: 0;
   }
-  .right-to-left .hero__card-justify__start {
-    --col-1-lg: 1fr;
-    --col-2-lg: var(--tooltip-width);
-    --col-3-lg: var(--card-width);
-    --col-4-lg: 0;
-  }
   .hero__card-justify__offset {
     --col-1-lg: var(--card-offset);
   }
-  .right-to-left .hero__card-justify__offset {
-    --col-1-lg: 1fr;
-    --col-2-lg: var(--tooltip-width);
-    --col-3-lg: var(--card-width);
-    --col-4-lg: var(--card-offset);
-  }
   .hero__card-justify__center {
     --col-1-lg: 1fr;
     --col-4-lg: 1fr;
   }
-  .right-to-left .hero__card-justify__center {
-    --col-2-lg: var(--tooltip-width);
-    --col-3-lg: var(--card-width);
-  }
   .hero__card-align__center {
-    --row-4-lg: calc(72px - var(--tooltip-height));
-    --row-5-lg: var(--tooltip-height);
+    --row-4-lg: calc(72px - 27px);
+    --row-5-lg: 27px;
   }
   .hero__card-align__bottom {
     --row-3-lg: 0;
@@ -3392,9 +3410,6 @@
     display: flex;
     flex-flow: row nowrap;
   }
-  .right-to-left .hero--breadcrumbs {
-    flex-direction: row-reverse;
-  }
   .hero--breadcrumbs--wrapper {
     max-width: 500px;
   }
@@ -3410,9 +3425,6 @@
   .hero--card {
     grid-area: 3/2/6/3;
   }
-  .right-to-left .hero--card {
-    grid-area: 3/3/6/4;
-  }
   .hero__card-align__center .hero--card {
     grid-area: 3/2/4/3;
   }
@@ -3423,32 +3435,174 @@
     grid-area: 4/3/5/4;
     position: relative;
   }
-  .right-to-left .hero--caption {
-    grid-area: 4/2/5/3;
-  }
   .hero__card-align__center .hero--caption {
     grid-area: 5/1/6/3;
   }
   .hero__card-align__bottom .hero--caption {
     grid-area: 4/1/5/2;
   }
+  .hero__card-align__center .hero--caption--wrapper, .hero__card-align__bottom .hero--caption--wrapper {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+  }
+  .hero__card-align__bottom.hero__card-justify__start .hero--caption {
+    grid-area: 1/1/3/3;
+  }
+  .hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper {
+    background: rgb(45, 45, 45);
+    height: 27px;
+    width: 30px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+    position: absolute;
+    left: 0;
+    right: initial;
+    bottom: 0;
+  }
+  .hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    width: 0;
+    height: 0;
+    border-top: 27px solid transparent;
+    left: 100%;
+    border-right: none;
+    border-left: calc(27px - 4px) solid rgb(45, 45, 45);
+  }
   .hero--caption--wrapper {
     left: 2px;
   }
-  .right-to-left .hero--caption--wrapper {
+}
+.right-to-left .hero--caption--wrapper {
+  background: rgb(45, 45, 45);
+  height: 27px;
+  width: 30px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  position: absolute;
+  right: 0;
+}
+.right-to-left .hero--caption--wrapper::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  width: 0;
+  height: 0;
+  border-top: 27px solid transparent;
+  left: auto;
+  right: 100%;
+  border-left: none;
+  border-right: calc(27px - 4px) solid rgb(45, 45, 45);
+}
+@media screen and (min-width: 1024px) {
+  .right-to-left .hero__card-justify__start {
+    --col-1-lg: 1fr;
+    --col-2-lg: 30px;
+    --col-3-lg: var(--card-width);
+    --col-4-lg: 0;
+  }
+  .right-to-left .hero__card-justify__offset {
+    --col-1-lg: 1fr;
+    --col-2-lg: 30px;
+    --col-3-lg: var(--card-width);
+    --col-4-lg: var(--card-offset);
+  }
+  .right-to-left .hero__card-justify__center {
+    --col-1-lg: 1fr;
+    --col-2-lg: 30px;
+    --col-3-lg: var(--card-width);
+    --col-4-lg: 1fr;
+  }
+  .right-to-left .hero__card-align__center .hero--card {
+    grid-area: 3/3/4/4;
+  }
+  .right-to-left .hero__card-align__center .hero--caption {
+    grid-area: 5/4/6/5;
+  }
+  .right-to-left .hero__card-align__center .hero--caption--wrapper {
+    right: 0;
+    left: initial;
+    position: absolute;
+  }
+  .right-to-left .hero__card-align__bottom .hero--caption {
+    grid-area: 4/4/5/5;
+  }
+  .right-to-left .hero__card-align__bottom .hero--caption--wrapper {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: initial;
+  }
+  .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption {
+    grid-area: 2/3/3/4;
+  }
+  .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper {
+    background: rgb(45, 45, 45);
+    height: 27px;
+    width: 30px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+    position: absolute;
+    left: initial;
+    right: 0;
+  }
+  .right-to-left .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    width: 0;
+    height: 0;
+    border-top: 27px solid transparent;
     left: auto;
+    right: 100%;
+    border-left: none;
+    border-right: calc(27px - 4px) solid rgb(45, 45, 45);
+  }
+  .right-to-left .hero--card {
+    grid-area: 3/3/6/4;
+  }
+  .right-to-left .hero--breadcrumbs {
+    flex-direction: row-reverse;
+  }
+  .right-to-left .hero--caption {
+    grid-area: 4/2/5/3;
+  }
+  .right-to-left .hero--caption--wrapper {
     right: 2px;
+    left: initial;
+    background: rgb(45, 45, 45);
+    height: 27px;
+    width: 30px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: relative;
   }
-  .hero__card-align__center .hero--caption--wrapper, .hero__card-align__bottom .hero--caption--wrapper {
+  .right-to-left .hero--caption--wrapper::after {
+    content: "";
     position: absolute;
-    left: 0;
-    bottom: 0;
+    top: 0;
+    width: 0;
+    height: 0;
+    border-top: 27px solid transparent;
+    left: auto;
+    right: 100%;
+    border-left: none;
+    border-right: calc(27px - 4px) solid rgb(45, 45, 45);
   }
 }
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -3504,7 +3658,20 @@
   }
 }
 .ilo--hero-card__cornercut {
-  clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
+  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
+}
+.right-to-left .ilo--hero-card__cornercut {
+  clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
+  clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
+}
+@media screen and (min-width: 1024px) {
+  .ilo--hero-card__cornercut {
+    clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
+  }
+  .right-to-left .ilo--hero-card__cornercut {
+    clip-path: polygon(0 0, calc(100% - 116px) 0, 100% 64px, 100% 100%, 0 100%);
+    clip-path: polygon(116px 0, 100% 0, 100% 100%, 0 100%, 0 64px);
+  }
 }
 .ilo--hero-card--datecopy {
   font-size: 16px;
@@ -3569,7 +3736,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -3625,7 +3792,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -3767,7 +3934,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -3777,7 +3944,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -3802,7 +3969,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -3960,7 +4127,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -4055,7 +4222,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -4065,7 +4232,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -4075,7 +4242,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -4246,7 +4413,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -4293,7 +4460,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -4303,7 +4470,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -4313,7 +4480,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -4410,7 +4577,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -5300,7 +5467,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -5310,7 +5477,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -5320,7 +5487,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -5512,7 +5679,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -5652,7 +5819,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -5662,7 +5829,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -5687,7 +5854,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -5854,7 +6021,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -5961,7 +6128,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -5971,7 +6138,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -5996,7 +6163,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -6057,7 +6224,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -6472,7 +6639,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -6526,7 +6693,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -6684,7 +6851,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -7035,7 +7202,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -7221,7 +7388,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -7279,7 +7446,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -7453,7 +7620,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -7628,7 +7795,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -8538,7 +8705,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -8548,7 +8715,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS:
@@ -8573,7 +8740,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:51 GMT
+ * Generated on Fri, 18 Aug 2023 09:08:39 GMT
  */
 /**
 * TOKENS: