@ilo-org/styles 0.1.0 → 0.1.1

package/build/css/components/index.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -10,7 +10,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -37,7 +37,7 @@
   line-height: 21.6px;
   justify-content: space-between;
   margin: 0;
-  padding: 1.0718113612rem 1.9292604502rem 1.0718113612rem 0;
+  padding: 0.8038585209rem 1.9292604502rem 0.8038585209rem 0;
   text-align: left;
   transition: border 0.15s ease-out, background 0.15s ease-out, color 0.15s ease-out;
   width: 100%;
@@ -110,7 +110,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -327,7 +327,42 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ */
+/**
+* TOKENS:
+*/
+/**
+* MAPS:
+*/
+/**
+ * Do not edit directly
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ */
+/**
+* TOKENS:
+*/
+/**
+* MAPS:
+*/
+@keyframes emptygradient {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes spin {
+  100% {
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+/**
+ * Do not edit directly
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -445,8 +480,8 @@
 .ilo--button--small .link__label,
 .ilo--button--small .button__label {
   padding-bottom: 3px;
-  padding-left: 16px;
-  padding-right: 16px;
+  padding-left: 13px;
+  padding-right: 13px;
   padding-top: 3px;
   font-size: 14.93px;
   letter-spacing: -0.02em;
@@ -492,6 +527,9 @@
   box-shadow: 4px 4px 0 1px rgb(255, 205, 45) inset, -4px -4px 0 1px rgb(255, 205, 45) inset;
   color: rgb(35, 0, 80);
   outline: none;
+  transition-property: color, background-color, border-color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--button:focus.ilo--button--small {
   box-shadow: 3px 3px 0 1px rgb(255, 205, 45) inset, -3px -3px 0 1px rgb(255, 205, 45) inset;
@@ -502,6 +540,9 @@
   box-shadow: none;
   color: rgb(30, 45, 190);
   cursor: pointer;
+  transition-property: color, background-color, border-color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--button:hover.ilo--button--small {
   box-shadow: none;
@@ -511,6 +552,9 @@
   border: 2px rgb(30, 45, 190) solid;
   box-shadow: none;
   color: rgb(235, 245, 253);
+  transition-property: color, background-color, border-color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--button:active.ilo--button--small {
   box-shadow: none;
@@ -523,16 +567,25 @@
   background-color: rgb(255, 255, 255);
   border: 1.5px rgb(184, 196, 204) solid;
   color: rgb(35, 0, 80);
+  transition-property: color, background-color, border-color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--button--secondary:hover {
   background-color: rgb(235, 245, 253);
   border: 1.5px rgb(30, 45, 190) solid;
+  transition-property: color, background-color, border-color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--button--secondary:active {
   background-color: rgb(30, 45, 190);
   border: 2px rgb(30, 45, 190) solid;
   box-shadow: none;
   color: rgb(235, 245, 253);
+  transition-property: color, background-color, border-color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--button--secondary:active.ilo--button--small {
   box-shadow: none;
@@ -541,28 +594,43 @@
   background-color: rgb(237, 240, 242);
   border: 2px rgb(237, 240, 242) solid;
   color: rgb(35, 0, 80);
+  transition-property: color, background-color, border-color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--button--alert {
   background-color: rgb(200, 48, 60);
   border: 1.5px rgb(200, 48, 60) solid;
   color: rgb(255, 255, 255);
+  transition-property: color, background-color, border-color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--button--alert:hover {
   background-color: rgb(235, 245, 253);
   border: 1.5px rgb(30, 45, 190) solid;
   color: rgb(30, 45, 190);
+  transition-property: color, background-color, border-color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--button--alert:focus {
   background-color: rgb(255, 255, 255);
   border: 2px rgb(255, 205, 45) solid;
   color: rgb(35, 0, 80);
   outline: none;
+  transition-property: color, background-color, border-color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--button--alert:active {
   background-color: rgb(30, 45, 190);
   border: 2px rgb(30, 45, 190) solid;
   box-shadow: none;
   color: rgb(235, 245, 253);
+  transition-property: color, background-color, border-color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--button--alert:active.ilo--button--small {
   box-shadow: none;
@@ -584,7 +652,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -714,7 +782,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -725,12 +793,15 @@
 .ilo--card {
   margin: 0;
 }
+.right-to-left .ilo--card {
+  text-align: right;
+}
 .ilo--card--action:hover, .ilo--card--action:focus {
   background: rgb(255, 255, 255);
   color: rgb(30, 45, 190);
   text-decoration: none;
 }
-.ilo--card--action:hover .ilo--card--dark, .ilo--card--action:focus .ilo--card--dark {
+.ilo--card--action:hover .ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink), .ilo--card--action:focus .ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) {
   background: rgb(255, 255, 255);
 }
 .ilo--card--action:hover .ilo--card--eyebrow, .ilo--card--action:focus .ilo--card--eyebrow {
@@ -759,63 +830,76 @@
   width: 100%;
   z-index: 2;
 }
+.ilo--card--link--text {
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  border: 0;
+  position: absolute;
+  clip: rect(0 0 0 0);
+  overflow: hidden;
+}
 .ilo--card--light {
   background: rgb(255, 255, 255);
 }
-.ilo--card--dark {
+.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) {
   background: rgb(35, 0, 80);
 }
-.ilo--card--dark .ilo--card--eyebrow {
+.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) .ilo--card--eyebrow {
   color: rgb(237, 240, 242);
 }
-.ilo--card--dark .ilo--card--title {
+.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) .ilo--card--title {
   color: rgb(255, 255, 255);
 }
-.ilo--card--dark .ilo--card--intro {
+.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) .ilo--card--intro {
   color: rgb(237, 240, 242);
 }
-.ilo--card--dark .ilo--card--date {
+.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) .ilo--card--date {
   color: rgb(237, 240, 242);
 }
-.ilo--card--dark .ilo--card--eventdate {
+.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) .ilo--card--eventdate {
   color: rgb(237, 240, 242);
 }
-.ilo--card--cornercut {
-  margin-top: 40px;
-  padding-top: 0 !important;
+.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature) {
+  margin-top: 2.1436227224rem;
+  padding-top: 0;
   position: relative;
 }
 @media screen and (min-width: 610px) {
-  .ilo--card--cornercut {
-    margin-top: 48px;
+  .ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature) {
+    margin-top: 2.5723472669rem;
   }
 }
 @media screen and (min-width: 1024px) {
-  .ilo--card--cornercut {
-    margin-top: 64px;
+  .ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature) {
+    margin-top: 3.4297963558rem;
   }
 }
-.ilo--card--cornercut::before {
+.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
   background: inherit;
   clip-path: polygon(90% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
   content: "";
   display: block;
-  height: 40px;
+  height: 2.1436227224rem;
   left: 0;
   position: absolute;
-  top: -39.7px;
+  top: -2.127545552rem;
   width: 100%;
 }
+.right-to-left .ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
+  clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0% 100%, 10% 0%);
+}
 @media screen and (min-width: 610px) {
-  .ilo--card--cornercut::before {
-    height: 48px;
-    top: -47.7px;
+  .ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
+    height: 2.5723472669rem;
+    top: -2.5562700965rem;
   }
 }
 @media screen and (min-width: 1024px) {
-  .ilo--card--cornercut::before {
-    height: 64px;
-    top: -63.7px;
+  .ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
+    height: 3.4297963558rem;
+    top: -3.4137191854rem;
   }
 }
 .ilo--card--eyebrow {
@@ -875,25 +959,116 @@
   z-index: 2;
 }
 .ilo--card--multilink {
-  padding: 24px;
+  padding: 1.2861736334rem;
+}
+.ilo--card--multilink .ilo--card--image--wrapper {
+  display: none;
+}
+.ilo--card--multilink .ilo--card--content .ilo--card--image--wrapper {
+  display: block;
 }
 @media screen and (min-width: 610px) {
   .ilo--card--multilink {
-    padding: 40px;
+    padding: 2.1436227224rem;
   }
 }
 @media screen and (min-width: 1024px) {
   .ilo--card--multilink {
-    padding: 56px 48px;
+    padding: 3.0010718114rem 2.5723472669rem;
   }
 }
-.ilo--card--detail {
-  border-bottom: 3px solid rgb(109, 109, 109);
-  margin: 32px 0;
+.ilo--card--multilink .ilo--card--title {
+  color: rgb(45, 45, 45);
+  margin-bottom: 0.7188906752rem;
+}
+.ilo--card--multilink .ilo--card--intro {
+  color: rgb(45, 45, 45);
+}
+.ilo--card--multilink.ilo--card--dark {
+  background: rgb(255, 255, 255);
 }
-.ilo--card--detail::before {
+.ilo--card--multilink.ilo--card--dark .ilo--card--title {
+  color: rgb(45, 45, 45);
+}
+.ilo--card--multilink.ilo--card--dark .ilo--card--intro {
+  color: rgb(45, 45, 45);
+}
+.ilo--card--multilink.ilo--card--wide {
+  padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
+}
+@media screen and (min-width: 610px) {
+  .ilo--card--multilink.ilo--card--wide {
+    padding: 3.0010718114rem 2.5723472669rem;
+  }
+  .ilo--card--multilink.ilo--card--wide.ilo--card--right .ilo--card--wrap {
+    flex-direction: row-reverse;
+  }
+  .right-to-left .ilo--card--multilink.ilo--card--wide.ilo--card--right .ilo--card--wrap {
+    flex-direction: row;
+  }
+  .ilo--card--multilink.ilo--card--wide .ilo--card--wrap {
+    display: flex;
+    column-gap: 1.7148981779rem;
+  }
+  .right-to-left .ilo--card--multilink.ilo--card--wide .ilo--card--wrap {
+    flex-direction: row-reverse;
+  }
+  .ilo--card--multilink.ilo--card--wide .ilo--card--image--wrapper {
+    display: block;
+    width: 50%;
+  }
+  .ilo--card--multilink.ilo--card--wide .ilo--card--content {
+    width: 50%;
+  }
+  .ilo--card--multilink.ilo--card--wide .ilo--card--content .ilo--card--image--wrapper {
+    display: none;
+  }
+}
+.ilo--card--multilink.ilo--card--standard {
+  padding: 2.5723472669rem 2.1436227224rem;
+}
+@media screen and (min-width: 610px) {
+  .ilo--card--multilink.ilo--card--standard {
+    padding: 2.5723472669rem 2.1436227224rem;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .ilo--card--multilink.ilo--card--standard {
+    padding: 2.5723472669rem 2.1436227224rem;
+  }
+}
+.ilo--card--multilink.ilo--card--narrow {
+  padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
+}
+.ilo--card--multilink.ilo--card--narrow .ilo--card--image--wrapper {
   display: none;
 }
+.ilo--card--multilink.ilo--card--narrow .ilo--card--content .ilo--card--image--wrapper {
+  display: block;
+  margin-bottom: 1.2861736334rem;
+}
+@media screen and (min-width: 610px) {
+  .ilo--card--multilink.ilo--card--narrow {
+    padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .ilo--card--multilink.ilo--card--narrow {
+    padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
+  }
+}
+.ilo--card--multilink .ilo--link-list {
+  margin-top: 1.8756698821rem;
+}
+.ilo--card--detail {
+  border-bottom: 0.1607717042rem solid rgb(237, 240, 242);
+  padding: 1.2861736334rem 0;
+}
+@media screen and (min-width: 1024px) {
+  .ilo--card--detail {
+    padding: 1.7148981779rem 0;
+  }
+}
 .ilo--card--detail:hover picture::before, .ilo--card--detail:focus picture::before {
   opacity: 0.4;
   z-index: 2;
@@ -921,31 +1096,29 @@
 .ilo--card--detail .ilo--card--wrap {
   display: flex;
 }
+.right-to-left .ilo--card--detail .ilo--card--wrap {
+  flex-direction: row-reverse;
+}
 .ilo--card--detail .ilo--card--image {
   object-fit: contain;
-  width: 77px;
+  width: 4.1264737406rem;
 }
 @media screen and (min-width: 1024px) {
   .ilo--card--detail .ilo--card--image {
-    width: 200px;
+    width: 10.718113612rem;
   }
 }
 .ilo--card--detail .ilo--card--image--wrapper {
-  max-width: 77px;
+  max-width: 4.1264737406rem;
   width: 100%;
 }
 @media screen and (min-width: 1024px) {
   .ilo--card--detail .ilo--card--image--wrapper {
-    max-width: 200px;
+    max-width: 10.718113612rem;
   }
 }
 .ilo--card--detail .ilo--card--content {
-  padding: 16px 24px 40px;
-}
-@media screen and (min-width: 1024px) {
-  .ilo--card--detail .ilo--card--content {
-    padding: 24px 24px 64px;
-  }
+  padding: 0 1.2861736334rem;
 }
 .ilo--card--detail .ilo--card--title {
   font-size: 18.66px;
@@ -964,7 +1137,7 @@
   letter-spacing: normal;
   line-height: 23.36px;
   margin-bottom: 0;
-  padding-left: 24px;
+  padding-left: 1.2861736334rem;
   position: relative;
 }
 .ilo--card--detail .ilo--card--event-date::before {
@@ -985,9 +1158,9 @@
   line-height: 23.36px;
 }
 .ilo--card--graphic {
-  border-bottom: 3px solid rgb(184, 196, 204);
-  margin-top: 40px;
-  padding: 0 24px 40px;
+  border-bottom: 0.1607717042rem solid rgb(184, 196, 204);
+  margin-top: 2.1436227224rem;
+  padding: 0 1.2861736334rem 2.1436227224rem;
   position: relative;
 }
 .ilo--card--graphic::before {
@@ -1003,11 +1176,41 @@
 }
 @media screen and (min-width: 610px) {
   .ilo--card--graphic {
-    padding: 0 32px 40px;
+    padding: 0 1.7148981779rem 2.1436227224rem;
   }
 }
+.ilo--card--graphic.ilo--card--wide {
+  padding: 0 1.7148981779rem 2.1436227224rem;
+}
+@media screen and (min-width: 610px) {
+  .ilo--card--graphic.ilo--card--wide {
+    padding: 0 1.7148981779rem 2.1436227224rem;
+  }
+}
+.ilo--card--graphic.ilo--card--standard {
+  padding: 0 1.7148981779rem 2.1436227224rem;
+}
+@media screen and (min-width: 610px) {
+  .ilo--card--graphic.ilo--card--standard {
+    padding: 0 1.7148981779rem 2.1436227224rem;
+  }
+}
+.ilo--card--graphic.ilo--card--narrow {
+  padding: 0 1.2861736334rem 2.1436227224rem;
+}
+@media screen and (min-width: 610px) {
+  .ilo--card--graphic.ilo--card--narrow {
+    padding: 0 1.2861736334rem 2.1436227224rem;
+  }
+}
+.ilo--card--graphic.ilo--card--narrow .ilo--card--title {
+  font-size: 18.66px;
+  letter-spacing: -0.035em;
+  line-height: 24.26px;
+  margin-bottom: 1.674953518rem;
+}
 .ilo--card--graphic.ilo--card--dark {
-  border-bottom: 3px solid rgb(150, 10, 85);
+  border-bottom: 0.1607717042rem solid rgb(150, 10, 85);
 }
 .ilo--card--graphic .ilo--card--eyebrow {
   margin-bottom: 1.0110920672rem;
@@ -1030,20 +1233,71 @@
   margin-bottom: 1.4398166117rem;
 }
 .ilo--card--graphicpromo {
-  max-width: 920px;
-  padding: 40px 24px;
+  max-width: 49.3033226152rem;
+  padding: 2.1436227224rem 1.2861736334rem;
   width: 100%;
 }
 @media screen and (min-width: 610px) {
   .ilo--card--graphicpromo {
-    padding: 48px;
+    padding: 2.5723472669rem;
   }
 }
 @media screen and (min-width: 1024px) {
   .ilo--card--graphicpromo {
-    padding: 64px 72px;
+    padding: 3.4297963558rem 3.8585209003rem;
   }
 }
+.ilo--card--graphicpromo.ilo--card--wide {
+  padding: 3.4297963558rem 3.8585209003rem;
+}
+@media screen and (min-width: 610px) {
+  .ilo--card--graphicpromo.ilo--card--wide {
+    padding: 3.4297963558rem 3.8585209003rem;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .ilo--card--graphicpromo.ilo--card--wide {
+    padding: 3.4297963558rem 3.8585209003rem;
+  }
+}
+.ilo--card--graphicpromo.ilo--card--standard {
+  padding: 2.5723472669rem;
+}
+@media screen and (min-width: 610px) {
+  .ilo--card--graphicpromo.ilo--card--standard {
+    padding: 2.5723472669rem;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .ilo--card--graphicpromo.ilo--card--standard {
+    padding: 2.5723472669rem;
+  }
+}
+.ilo--card--graphicpromo.ilo--card--narrow {
+  padding: 2.1436227224rem 1.2861736334rem;
+}
+@media screen and (min-width: 610px) {
+  .ilo--card--graphicpromo.ilo--card--narrow {
+    padding: 2.1436227224rem 1.2861736334rem;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .ilo--card--graphicpromo.ilo--card--narrow {
+    padding: 2.1436227224rem 1.2861736334rem;
+  }
+}
+.ilo--card--graphicpromo.ilo--card--narrow .ilo--card--title {
+  font-size: 29.16px;
+  letter-spacing: -0.035em;
+  line-height: 36.45px;
+  margin-bottom: 0.5741425509rem;
+}
+.ilo--card--graphicpromo.ilo--card--narrow .ilo--card--intro {
+  font-size: 16px;
+  letter-spacing: normal;
+  line-height: 23.36px;
+  margin-bottom: 1.910132288rem;
+}
 .ilo--card--graphicpromo.ilo--card--light:not(:hover) .ilo--card--title {
   color: rgb(45, 45, 45);
 }
@@ -1076,24 +1330,58 @@
   }
 }
 .ilo--card--factlist {
-  padding: 0 24px 48px 24px;
-  max-width: 856px;
+  border-bottom: 0.1607717042rem solid rgb(184, 196, 204);
+  max-width: 45.8735262594rem;
+  padding: 0 1.2861736334rem 2.5723472669rem 1.2861736334rem;
 }
 .ilo--card--factlist::before {
   clip-path: polygon(90% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
-  height: 40px;
-  top: -39.7px;
+  height: 2.1436227224rem;
+  top: -2.127545552rem;
 }
 @media screen and (min-width: 1024px) {
   .ilo--card--factlist {
-    padding: 0 40px 56px 40px;
+    padding: 0 2.1436227224rem 3.0010718114rem 2.1436227224rem;
   }
   .ilo--card--factlist::before {
     clip-path: polygon(90% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
-    height: 48px;
-    top: -47.7px;
+    height: 2.5723472669rem;
+    top: -2.5562700965rem;
+  }
+}
+.ilo--card--factlist.ilo--card--wide {
+  padding: 0 2.1436227224rem 3.0010718114rem 2.1436227224rem;
+}
+@media screen and (min-width: 610px) {
+  .ilo--card--factlist.ilo--card--wide {
+    padding: 0 2.1436227224rem 3.0010718114rem 2.1436227224rem;
   }
 }
+.ilo--card--factlist.ilo--card--standard {
+  padding: 0 2.1436227224rem 3.0010718114rem 2.1436227224rem;
+}
+@media screen and (min-width: 610px) {
+  .ilo--card--factlist.ilo--card--standard {
+    padding: 0 2.1436227224rem 3.0010718114rem 2.1436227224rem;
+  }
+}
+.ilo--card--factlist.ilo--card--narrow {
+  padding: 0 1.2861736334rem 2.5723472669rem 1.2861736334rem;
+}
+@media screen and (min-width: 610px) {
+  .ilo--card--factlist.ilo--card--narrow {
+    padding: 0 1.2861736334rem 2.5723472669rem 1.2861736334rem;
+  }
+}
+.ilo--card--factlist.ilo--card--dark {
+  border-bottom: 0.1607717042rem solid rgb(250, 60, 75);
+}
+.ilo--card--factlist.ilo--card--dark .ilo--card--title {
+  color: rgb(255, 255, 255);
+}
+.ilo--card--factlist.ilo--card--dark .ilo--list__item {
+  color: rgb(255, 255, 255);
+}
 .ilo--card--factlist .ilo--card--title {
   color: rgb(45, 45, 45);
   font-size: 23.32px;
@@ -1110,14 +1398,14 @@
   }
 }
 .ilo--card--stat {
-  border-bottom: 3px solid rgb(150, 10, 85);
-  padding: 0 24px 24px 30px;
+  border-bottom: 0.1607717042rem solid rgb(150, 10, 85);
+  padding: 0 1.2861736334rem 1.2861736334rem 1.6077170418rem;
   width: 100%;
 }
 .ilo--card--stat::before {
   clip-path: polygon(75% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
-  height: 40px;
-  top: -39.7px;
+  height: 2.1436227224rem;
+  top: -2.127545552rem;
 }
 .ilo--card--stat.ilo--card--blue {
   background: rgb(235, 245, 253);
@@ -1136,6 +1424,9 @@
   flex-wrap: wrap;
   height: 100%;
 }
+.right-to-left .ilo--card--stat .ilo--card--content {
+  flex-direction: row-reverse;
+}
 .ilo--card--stat .ilo--card--title {
   color: rgb(35, 0, 80);
   font-size: 36.45px;
@@ -1160,24 +1451,24 @@
 }
 .ilo--card--data {
   background: rgb(235, 245, 253);
-  border-bottom: 3px solid #82afdc;
-  max-width: 600px;
-  padding: 0 24px 56px;
+  border-bottom: 0.1607717042rem solid #82afdc;
+  max-width: 32.154340836rem;
+  padding: 0 1.2861736334rem 3.0010718114rem;
 }
 .ilo--card--data::before {
   clip-path: polygon(90% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
-  height: 40px;
-  top: -39.7px;
+  height: 2.1436227224rem;
+  top: -2.127545552rem;
 }
 @media screen and (min-width: 1024px) {
   .ilo--card--data::before {
     clip-path: polygon(90% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
-    height: 48px;
-    top: -47.7px;
+    height: 2.5723472669rem;
+    top: -2.5562700965rem;
   }
 }
 .ilo--card--data .ilo--card--image--wrapper {
-  width: max(205px, 50%);
+  width: max(10.9860664523rem, 50%);
 }
 .ilo--card--data--content-label {
   font-size: 14.93px;
@@ -1196,7 +1487,7 @@
   font-weight: 500;
 }
 .ilo--card--data--content-files {
-  margin-bottom: 40px;
+  margin-bottom: 2.1436227224rem;
 }
 .ilo--card--data .ilo--link {
   font-size: 18.66px;
@@ -1204,23 +1495,73 @@
   line-height: 24.26px;
 }
 .ilo--card--data--file {
-  margin: 4px 8px 4px 0;
+  margin: 0.2143622722rem 0.4287245445rem 0.2143622722rem 0;
 }
 .ilo--card--data--file:last-of-type {
   margin-right: 0;
 }
 .ilo--card--feature {
+  border-bottom: 0.1607717042rem solid rgb(109, 109, 109);
+  display: flex;
   margin-top: 0;
+  position: relative;
 }
 .ilo--card--feature::before {
   display: none;
 }
+.ilo--card--feature.ilo--card--dark {
+  border-bottom: 0.1607717042rem solid rgb(150, 10, 85);
+}
 .ilo--card--feature:hover picture::before, .ilo--card--feature:focus picture::before {
   opacity: 0.4;
   z-index: 1;
 }
+.ilo--card--feature.ilo--card--narrow .ilo--card--wrap, .ilo--card--feature.ilo--card--standard .ilo--card--wrap {
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+}
+.ilo--card--feature.ilo--card--narrow .ilo--card--content, .ilo--card--feature.ilo--card--standard .ilo--card--content {
+  width: 100%;
+}
+.ilo--card--feature.ilo--card--narrow .ilo--card--image--wrapper, .ilo--card--feature.ilo--card--standard .ilo--card--image--wrapper {
+  width: 100%;
+}
+@media screen and (min-width: 610px) {
+  .ilo--card--feature.ilo--card--wide .ilo--card--wrap {
+    display: flex;
+    width: 100%;
+  }
+  .right-to-left .ilo--card--feature.ilo--card--wide .ilo--card--wrap {
+    flex-direction: row-reverse;
+  }
+  .ilo--card--feature.ilo--card--wide .ilo--card--content {
+    display: flex;
+    flex-wrap: wrap;
+    width: 50%;
+  }
+  .right-to-left .ilo--card--feature.ilo--card--wide .ilo--card--content {
+    flex-direction: row-reverse;
+  }
+  .ilo--card--feature.ilo--card--wide .ilo--card--image--wrapper {
+    width: 50%;
+  }
+  .ilo--card--feature.ilo--card--wide .ilo--card--image {
+    object-fit: cover;
+  }
+  .ilo--card--feature.ilo--card--wide .ilo--card--date {
+    align-self: flex-end;
+  }
+  .ilo--card--feature.ilo--card--wide .ilo--card--eyebrow {
+    width: 100%;
+  }
+  .ilo--card--feature.ilo--card--wide .ilo--card--title {
+    width: 100%;
+  }
+}
 .ilo--card--feature picture {
   display: flex;
+  height: 100%;
   position: relative;
 }
 .ilo--card--feature picture::before {
@@ -1232,12 +1573,12 @@
   opacity: 0;
   position: absolute;
   top: 0;
-  transition: opacity 0.15s ease-in-out;
+  transition: opacity 150ms ease-in-out;
   width: 100%;
   z-index: -1;
 }
 .ilo--card--feature .ilo--card--content {
-  padding: 24px 24px 40px;
+  padding: 1.2861736334rem 1.2861736334rem 2.1436227224rem;
 }
 .ilo--card--feature .ilo--card--title {
   font-size: 23.32px;
@@ -1259,7 +1600,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1272,6 +1613,10 @@
   flex-wrap: wrap;
   justify-content: space-between;
   margin: auto;
+  row-gap: 1.7148981779rem;
+}
+.right-to-left .ilo--cardgroup--inner {
+  flex-direction: row-reverse;
 }
 .ilo--cardgroup--inner .ilo--card {
   width: 100%;
@@ -1291,10 +1636,16 @@
     width: calc(25% - 16px);
   }
 }
+.ilo--cardgroup--button-wrap {
+  display: flex;
+  justify-content: center;
+  margin-top: 3.4297963558rem;
+  width: 100%;
+}
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1398,7 +1749,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1470,7 +1821,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1480,7 +1831,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1490,7 +1841,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1500,7 +1851,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1599,7 +1950,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1619,7 +1970,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1694,7 +2045,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1704,7 +2055,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1714,7 +2065,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1767,7 +2118,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1832,7 +2183,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1938,7 +2289,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1958,7 +2309,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1966,10 +2317,48 @@
 /**
 * MAPS:
 */
+/**
+ * Do not edit directly
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ */
+/**
+* TOKENS:
+*/
+/**
+* MAPS:
+*/
+@keyframes emptygradient {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes spin {
+  100% {
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+/**
+ * Do not edit directly
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ */
+/**
+* TOKENS:
+*/
+/**
+* MAPS:
+*/
+.ilo--footer {
+  border-bottom: 0.1607717042rem solid rgb(184, 196, 204);
+}
 .ilo--footer--main {
   background-color: rgb(35, 0, 80);
   border-bottom: 0.3215434084rem solid rgb(250, 60, 75);
-  padding: 0 1.7148981779rem;
+  padding: 2.1436227224rem 1.7148981779rem 0 1.7148981779rem;
   position: relative;
 }
 .ilo--footer--main > * {
@@ -1977,19 +2366,26 @@
   z-index: 1;
 }
 .ilo--footer--main:after {
-  background-color: rgb(30, 45, 190);
-  clip-path: polygon(63.75% 0%, 100% 63.75%, 100% 0);
+  background-size: contain;
+  background-repeat: no-repeat;
+  bottom: 0;
   content: "";
   height: 100%;
-  left: 0;
+  min-width: 409.5px;
+  right: 0;
   position: absolute;
-  top: 0;
-  width: 100%;
+  transform: scaleY(-1);
+  width: 28.8%;
   z-index: 0;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 409.5 236'%3e%3cpath fill='rgb(30, 45, 190)' d='M409.5 236c-1.7-.6-3.5-1.1-5.1-2-5.3-2.9-10.5-5.9-15.7-9-4.8-2.8-9.5-5.8-14.3-8.7-4.3-2.6-8.5-5.1-12.9-7.5-4.9-2.7-10-5.2-14.9-8-3.8-2.2-7.4-4.8-11.2-7.1-5.7-3.3-11.6-6.4-17.3-9.7-3.9-2.2-7.6-4.6-11.5-6.9-4-2.3-8.1-4.4-12-6.7-3.8-2.2-7.5-4.5-11.3-6.7-2.4-1.4-4.9-2.5-7.3-3.9-2.8-1.6-5.5-3.3-8.2-4.9-3.8-2.3-7.5-4.6-11.4-6.8-3.9-2.3-7.9-4.5-11.9-6.8-6.1-3.5-12.2-6.8-18.2-10.4-4.8-2.8-9.4-5.8-14.2-8.5-4.8-2.8-9.8-5.3-14.6-8.1-3.6-2.1-7.2-4.3-10.8-6.4-5.9-3.5-11.8-6.9-17.7-10.3-4.8-2.8-9.6-5.7-14.4-8.5-3.8-2.2-7.8-4.4-11.6-6.6-3-1.7-5.9-3.6-8.9-5.4-3-1.8-6.2-3.4-9.2-5.1-3.9-2.2-7.8-4.4-11.6-6.6-4.1-2.4-8.1-4.8-12.2-7.2-5.8-3.4-11.5-6.9-17.3-10.2-4.9-2.8-9.9-5.4-14.7-8.2-3.7-2.1-7.3-4.5-11-6.6-4.9-2.9-9.8-5.6-14.7-8.4-4.7-2.7-9.4-5.6-14.2-8.3-5-2.9-10-5.7-15-8.6C10.3 5.6 6.6 3.3 2.8 1 2 .5 1 .3 0 0h409.5v236z'/%3e%3c/svg%3e");
+}
+.ilo--footer--logo {
+  max-width: 100%;
 }
 .ilo--footer--secondary {
   background-color: rgb(255, 255, 255);
   padding: 1.9292604502rem 0.857449089rem 0 0.857449089rem;
+  min-height: 3.0010718114rem;
 }
 .ilo--footer--headline {
   color: rgb(255, 255, 255);
@@ -2036,15 +2432,6 @@
   display: flex;
   margin-bottom: 2.4115755627rem;
 }
-.ilo--footer .social--links--item {
-  height: 0.857449089rem;
-  margin-right: 1.0718113612rem;
-  position: relative;
-  width: 0.857449089rem;
-}
-.ilo--footer .social--links--item:last-of-type {
-  margin-right: none;
-}
 .ilo--footer .social--links--link {
   background-repeat: no-repeat;
   background-size: contain;
@@ -2070,6 +2457,35 @@
 .ilo--footer .social--links--link.youtube {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 16 12'%3e%3cpath fill='rgb(255, 255, 255)' d='M15.8 2.8C15.6 1.5 15 0.6 13.6 0.4C11.4 8.9407e-08 8 0 8 0C8 0 4.6 8.9407e-08 2.4 0.4C1 0.6 0.3 1.5 0.2 2.8C0 4.1 0 6 0 6C0 6 0 7.9 0.2 9.2C0.4 10.5 1 11.4 2.4 11.6C4.6 12 8 12 8 12C8 12 11.4 12 13.6 11.6C15 11.3 15.6 10.5 15.8 9.2C16 7.9 16 6 16 6C16 6 16 4.1 15.8 2.8ZM6 9V3L11 6L6 9Z'/%3e%3c/svg%3e");
 }
+.ilo--footer .social--links--item {
+  align-items: center;
+  background-color: transparent;
+  border-radius: 0.1607717042rem;
+  display: flex;
+  height: 1.2861736334rem;
+  justify-content: center;
+  margin-right: 1.0718113612rem;
+  position: relative;
+  width: 1.2861736334rem;
+}
+.ilo--footer .social--links--item:last-of-type {
+  margin-right: none;
+}
+.ilo--footer .social--links--item:hover, .ilo--footer .social--links--item:focus {
+  background-color: rgb(235, 245, 253);
+}
+.ilo--footer .social--links--item:hover .social--links--link.facebook, .ilo--footer .social--links--item:focus .social--links--link.facebook {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 16 16'%3e%3cpath fill='rgb(30, 45, 190)' d='M15.9999 8.02727C15.9989 6.4988 15.56 5.00262 14.7352 3.71579C13.9104 2.42896 12.7343 1.40534 11.3459 0.766059C9.95758 0.126781 8.41516 -0.101394 6.90119 0.108536C5.38721 0.318466 3.96507 0.957714 2.80304 1.95063C1.64102 2.94355 0.787752 4.24858 0.344223 5.71127C-0.0993054 7.17397 -0.114533 8.73312 0.300343 10.2042C0.715219 11.6753 1.54283 12.9967 2.68524 14.0121C3.82766 15.0276 5.23704 15.6945 6.74663 15.9339V10.3406H4.74664V8.02727H6.74663V6.26727C6.74663 4.26727 7.94662 3.15393 9.77328 3.15393C10.3719 3.16359 10.9691 3.21707 11.5599 3.31393V5.31393H10.5533C10.4026 5.29332 10.2494 5.30269 10.1024 5.34152C9.95536 5.38035 9.81748 5.44787 9.69666 5.54019C9.57584 5.63251 9.47446 5.74781 9.39837 5.87945C9.32228 6.0111 9.27297 6.15649 9.25328 6.30727C9.24653 6.39158 9.24653 6.47629 9.25328 6.5606V8.0606H11.4666L11.1133 10.3739H9.24661V15.9673C11.1354 15.6693 12.855 14.7047 14.0939 13.2481C15.3327 11.7915 16.0089 9.93941 15.9999 8.02727Z'/%3e%3c/svg%3e");
+}
+.ilo--footer .social--links--item:hover .social--links--link.instagram, .ilo--footer .social--links--item:focus .social--links--link.instagram {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 17 16'%3e%3cpath fill='rgb(30, 45, 190)' d='M8.998 1.441c2.136 0 2.389.009 3.233.047.507.006 1.01.1 1.485.276.348.128.662.334.92.6.267.258.472.572.6.92.177.475.27.978.276 1.485.038.844.047 1.1.047 3.233s-.009 2.389-.047 3.233c-.006.507-.1 1.01-.276 1.485a2.644 2.644 0 0 1-1.518 1.518 4.42 4.42 0 0 1-1.485.276c-.844.038-1.1.047-3.233.047s-2.389-.009-3.233-.047a4.42 4.42 0 0 1-1.485-.276 2.472 2.472 0 0 1-.92-.6 2.472 2.472 0 0 1-.6-.92 4.419 4.419 0 0 1-.276-1.485c-.038-.844-.047-1.1-.047-3.233s.009-2.389.047-3.233c.006-.507.1-1.01.276-1.485.129-.348.334-.662.6-.92.258-.266.572-.472.92-.6.476-.177.978-.27 1.485-.276.844-.038 1.1-.047 3.233-.047l-.002.002Zm0-1.441c-2.173 0-2.445.009-3.3.048a5.868 5.868 0 0 0-1.94.372c-.534.2-1.018.516-1.417.923-.407.4-.722.883-.923 1.417a5.868 5.868 0 0 0-.372 1.94C1.007 5.555.998 5.827.998 8s.01 2.445.048 3.3c.014.663.14 1.319.372 1.94.2.534.516 1.018.923 1.417.4.407.883.722 1.417.923a5.868 5.868 0 0 0 1.942.372c.853.039 1.125.048 3.298.048s2.445-.009 3.3-.048a5.867 5.867 0 0 0 1.942-.372 4.093 4.093 0 0 0 2.34-2.34 5.865 5.865 0 0 0 .372-1.942c.039-.853.048-1.125.048-3.3s-.009-2.445-.048-3.3a5.867 5.867 0 0 0-.374-1.938 3.907 3.907 0 0 0-.923-1.417A3.907 3.907 0 0 0 14.238.42a5.868 5.868 0 0 0-1.94-.372C11.443.009 11.171 0 8.998 0Z'/%3e%3cpath fill='rgb(30, 45, 190)' d='M8.999 3.892a4.108 4.108 0 1 0 0 8.216 4.108 4.108 0 0 0 0-8.216Zm0 6.775a2.667 2.667 0 1 1 0-5.333 2.667 2.667 0 0 1 0 5.333ZM13.269 4.69a.96.96 0 1 0 0-1.92.96.96 0 0 0 0 1.92Z'/%3e%3c/svg%3e");
+}
+.ilo--footer .social--links--item:hover .social--links--link.twitter, .ilo--footer .social--links--item:focus .social--links--link.twitter {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 16 14'%3e%3cpath fill='rgb(30, 45, 190)' d='M16 2.06654C15.4109 2.34447 14.7804 2.5246 14.1333 2.59987C14.8103 2.18143 15.3269 1.54744 15.6 0.799871C14.9662 1.19144 14.2656 1.46265 13.5333 1.59987C13.2304 1.26374 12.8602 0.995069 12.4468 0.811305C12.0333 0.62754 11.5858 0.532789 11.1333 0.533204C10.2675 0.534966 9.43763 0.879698 8.8254 1.49193C8.21316 2.10417 7.86843 2.93404 7.86667 3.79987C7.85257 4.04627 7.87504 4.29339 7.93333 4.53321C6.61791 4.47523 5.33022 4.13577 4.15716 3.53774C2.98411 2.93971 1.95297 2.09702 1.13333 1.06654C0.817783 1.56434 0.655503 2.14392 0.666667 2.7332C0.671269 3.27357 0.807176 3.80471 1.06268 4.28087C1.31818 4.75704 1.68562 5.16394 2.13333 5.46654C1.61599 5.47834 1.10639 5.33935 0.666667 5.06654V5.1332C0.659852 5.88583 0.915814 6.61725 1.39043 7.2014C1.86505 7.78554 2.52859 8.18581 3.26667 8.3332C2.98479 8.41509 2.69345 8.45991 2.4 8.46654C2.1977 8.47738 1.99499 8.45486 1.8 8.39987C1.99454 9.06013 2.39935 9.6388 2.95288 10.0479C3.50641 10.4571 4.17839 10.6743 4.86667 10.6665C3.703 11.5697 2.273 12.062 0.8 12.0665C0.531602 12.0775 0.262882 12.0551 0 11.9999C1.49363 12.9535 3.22789 13.4622 5 13.4665C6.22889 13.4781 7.44776 13.2446 8.58536 12.7797C9.72296 12.3147 10.7565 11.6277 11.6255 10.7587C12.4945 9.88967 13.1815 8.85616 13.6465 7.71856C14.1114 6.58096 14.3449 5.3621 14.3333 4.1332V3.7332C14.9691 3.26412 15.5309 2.70231 16 2.06654Z'/%3e%3c/svg%3e");
+}
+.ilo--footer .social--links--item:hover .social--links--link.youtube, .ilo--footer .social--links--item:focus .social--links--link.youtube {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 16 12'%3e%3cpath fill='rgb(30, 45, 190)' d='M15.8 2.8C15.6 1.5 15 0.6 13.6 0.4C11.4 8.9407e-08 8 0 8 0C8 0 4.6 8.9407e-08 2.4 0.4C1 0.6 0.3 1.5 0.2 2.8C0 4.1 0 6 0 6C0 6 0 7.9 0.2 9.2C0.4 10.5 1 11.4 2.4 11.6C4.6 12 8 12 8 12C8 12 11.4 12 13.6 11.6C15 11.3 15.6 10.5 15.8 9.2C16 7.9 16 6 16 6C16 6 16 4.1 15.8 2.8ZM6 9V3L11 6L6 9Z'/%3e%3c/svg%3e");
+}
 .ilo--footer .legal,
 .ilo--footer .secondarylinks {
   color: rgb(109, 109, 109);
@@ -2089,20 +2505,35 @@
 }
 .ilo--footer .secondarylinks--list--item a {
   color: rgb(109, 109, 109);
+  transition-property: color, border-color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--footer .secondarylinks--list--item a:visited {
   color: rgb(150, 10, 85);
+  transition-property: color, border-color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--footer .secondarylinks--list--item a:hover {
   color: rgb(30, 45, 190);
+  transition-property: color, border-color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--footer .secondarylinks--list--item a:active {
   color: rgb(35, 0, 80);
   outline: none;
+  transition-property: color, border-color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--footer .secondarylinks--list--item a:focus {
   color: rgb(35, 0, 80);
   outline: none;
+  transition-property: color, border-color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--footer .anchorlink {
   background: rgba(0, 0, 0, 0);
@@ -2139,7 +2570,9 @@
   border-bottom: 0.1071811361rem solid rgb(30, 45, 190);
   color: rgb(30, 45, 190);
   cursor: pointer;
-  transition: background 150ms linear, border 150ms linear, color 150ms linear;
+  transition-property: color, background-color, border-color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--footer .anchorlink:hover:after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 25'%3e%3cpath fill='rgb(30, 45, 190)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e");
@@ -2199,6 +2632,12 @@
     grid-template-areas: "site-info address connect" "site-info links connect";
     padding: 3.0010718114rem 3.7513397642rem 3.4297963558rem 3.7513397642rem;
   }
+  .ilo--footer--main:after {
+    background-position: right top;
+    bottom: auto;
+    top: 0;
+    transform: scaleY(1);
+  }
   .ilo--footer--logo {
     width: 100%;
   }
@@ -2231,10 +2670,49 @@
     top: 0;
   }
 }
+.right-to-left .ilo--footer * {
+  text-align: right;
+}
+.right-to-left .ilo--footer .social--links {
+  flex-direction: row-reverse;
+}
+.right-to-left .ilo--footer .social--links--link {
+  text-indent: 999em;
+}
+.right-to-left .ilo--footer--main:after {
+  bottom: 0;
+  left: 0;
+  right: auto;
+  top: auto;
+  transform: scale(-1, -1);
+}
+@media screen and (min-width: 610px) {
+  .right-to-left .ilo--footer--main {
+    grid-template-areas: "address site-info" "links site-info" "connect site-info";
+  }
+}
+@media screen and (min-width: 1024px) {
+  .right-to-left .ilo--footer--main {
+    grid-template-columns: calc(32.5% + 64px) 25.1% 19.2%;
+    grid-template-areas: "connect address site-info" "connect links site-info";
+  }
+  .right-to-left .ilo--footer--main:after {
+    left: 0;
+    right: auto;
+    transform: scale(-1, 1);
+  }
+  .right-to-left .ilo--footer .connect {
+    grid-template-columns: 60%, minmax(0, 40%);
+    margin: 0 calc(18.9% + 64px) 0 0;
+  }
+  .right-to-left .ilo--footer .ilo--button {
+    justify-self: end;
+  }
+}
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -2357,7 +2835,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -2377,9 +2855,6 @@
   position: relative;
 }
 @media screen and (min-width: 1024px) {
-  .ilo--hero--portal {
-    padding-top: 128px;
-  }
   .ilo--hero--portal .ilo--image {
     height: calc(100% - 80px);
     left: 0;
@@ -2456,12 +2931,10 @@
   background-color: rgba(0, 0, 0, 0);
 }
 @media screen and (min-width: 1024px) {
-  .ilo--hero--image {
-    padding-top: 128px;
-  }
   .ilo--hero--image .ilo--image {
     height: 100%;
     max-height: 592px;
+    overflow: hidden;
     width: 100%;
   }
   .ilo--hero--image .ilo--image--wrapper {
@@ -2695,7 +3168,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -2741,7 +3214,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -2891,7 +3364,42 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ */
+/**
+* TOKENS:
+*/
+/**
+* MAPS:
+*/
+/**
+ * Do not edit directly
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ */
+/**
+* TOKENS:
+*/
+/**
+* MAPS:
+*/
+@keyframes emptygradient {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes spin {
+  100% {
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+/**
+ * Do not edit directly
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -2961,10 +3469,16 @@
 }
 .ilo--link-list--link:visited {
   color: rgb(35, 0, 80);
+  transition-property: color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--link-list--link:active {
   color: rgb(35, 0, 80);
   outline: none;
+  transition-property: color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--link-list--link:hover, .ilo--link-list--link:focus {
   border-bottom: 0.1071811361rem solid rgb(30, 45, 190);
@@ -2972,6 +3486,16 @@
   color: rgb(30, 45, 190);
   outline: none;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
+  transition-property: color, background-color, border-color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
+}
+.right-to-left .ilo--link-list--link {
+  background-position: 4px center;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(35, 0, 80)' d='m7.9 12.5-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3e%3c/svg%3e");
+}
+.right-to-left .ilo--link-list--link:hover, .right-to-left .ilo--link-list--link:focus {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='m7.9 12.5-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3e%3c/svg%3e");
 }
 .ilo--link-list--dark .ilo--link-list--headline,
 .ilo--link-list--dark .ilo--link-list--links--headline {
@@ -2989,12 +3513,18 @@
 }
 .ilo--link-list--dark .ilo--link-list--link:visited .ilo--link-list--label {
   color: rgb(255, 255, 255);
+  transition-property: color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--link-list--dark .ilo--link-list--link:active {
   outline: none;
 }
 .ilo--link-list--dark .ilo--link-list--link:active .ilo--link-list--label {
   color: rgb(35, 0, 80);
+  transition-property: color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--link-list--dark .ilo--link-list--link:hover, .ilo--link-list--dark .ilo--link-list--link:focus {
   outline: none;
@@ -3002,11 +3532,24 @@
 }
 .ilo--link-list--dark .ilo--link-list--link:hover .ilo--link-list--label, .ilo--link-list--dark .ilo--link-list--link:focus .ilo--link-list--label {
   color: rgb(30, 45, 190);
+  transition-property: color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
+}
+.right-to-left .ilo--link-list--dark .ilo--link-list--link {
+  background-position: 4px center;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(255, 255, 255)' d='m7.9 12.5-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3e%3c/svg%3e");
+}
+.right-to-left .ilo--link-list--dark .ilo--link-list--link:hover, .right-to-left .ilo--link-list--dark .ilo--link-list--link:focus {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='m7.9 12.5-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3e%3c/svg%3e");
+}
+.right-to-left .ilo--link-list * {
+  text-align: right;
 }
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -3069,7 +3612,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -3079,7 +3622,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -3089,7 +3632,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -3197,7 +3740,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -3207,7 +3750,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -3217,7 +3760,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -3305,7 +3848,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -3383,6 +3926,12 @@
 }
 .ilo--header--logo {
   display: block;
+  max-width: 150px;
+}
+@media screen and (min-width: 1024px) {
+  .ilo--header--logo {
+    max-width: 200px;
+  }
 }
 .ilo--header--logo-link {
   display: block;
@@ -3898,7 +4447,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -3908,7 +4457,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -3918,7 +4467,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -3961,13 +4510,22 @@
   padding: calc(1.2861736334rem + 2px) 1.2861736334rem;
 }
 .ilo--notification--inline {
-  width: 100%;
+  max-width: 340px;
 }
 .ilo--notification--inline .ilo--notification--content {
-  align-items: center;
-  display: flex;
-  justify-items: space-between;
-  padding: 0.7502679528rem 1.2861736334rem;
+  padding: calc(1.2861736334rem + 2px) 1.2861736334rem;
+}
+@media screen and (min-width: 610px) {
+  .ilo--notification--inline {
+    max-width: 100%;
+    width: 100%;
+  }
+  .ilo--notification--inline .ilo--notification--content {
+    align-items: center;
+    display: flex;
+    justify-items: space-between;
+    padding: 0.7502679528rem 1.2861736334rem;
+  }
 }
 .ilo--notification--content {
   margin-left: 2.1436227224rem;
@@ -3986,8 +4544,10 @@
   width: 2.1436227224rem;
   top: 0;
 }
-.ilo--notification--inline .ilo--notification--content:before {
-  background-position: center;
+@media screen and (min-width: 610px) {
+  .ilo--notification--inline .ilo--notification--content:before {
+    background-position: center;
+  }
 }
 .icon--error .ilo--notification--content:before {
   background-color: rgb(250, 60, 75);
@@ -4010,26 +4570,34 @@
   font-size: 16px;
   letter-spacing: normal;
   line-height: 23.36px;
-}
-.ilo--notification--dialog .ilo--notification--headline {
   margin-bottom: 0.6430868167rem;
 }
+@media screen and (min-width: 610px) {
+  .ilo--notification--inline .ilo--notification--headline {
+    margin-bottom: 0;
+  }
+}
 .ilo--notification--copy {
   font-weight: 400;
   font-size: 14.93px;
   letter-spacing: normal;
   line-height: 20.3px;
 }
-.ilo--notification--inline .ilo--notification--copy {
-  margin-left: 1.2861736334rem;
+@media screen and (min-width: 610px) {
+  .ilo--notification--inline .ilo--notification--copy {
+    margin-left: 1.2861736334rem;
+  }
 }
-.ilo--notification--dialog .ilo--notification--copy:not(:last-child) {
+.ilo--notification--copy:not(:last-child) {
   margin-bottom: 1.2861736334rem;
 }
-.ilo--notification--inline .ilo--notification--copy:not(:last-child) {
-  max-width: 24%;
+@media screen and (min-width: 610px) {
+  .ilo--notification--inline .ilo--notification--copy:not(:last-child) {
+    margin-bottom: 0;
+    max-width: 24%;
+  }
 }
-@media screen and (min-width: 1024px) {
+@media screen and (min-width: 610px) and (min-width: 1024px) {
   .ilo--notification--inline .ilo--notification--copy:not(:last-child) {
     max-width: 40%;
   }
@@ -4042,14 +4610,23 @@
   letter-spacing: normal;
   line-height: 20.3px;
 }
-.ilo--notification--inline .ilo--notification--date {
-  margin-left: 0.857449089rem;
+@media screen and (min-width: 610px) {
+  .ilo--notification--inline .ilo--notification--date {
+    margin-left: 0.857449089rem;
+  }
 }
-.ilo--notification--dialog .ilo--notification--date:not(:last-child) {
+.ilo--notification--date:not(:last-child) {
   margin-bottom: 1.0182207931rem;
 }
-.ilo--notification--inline .ilo--notification--cta {
-  margin-left: 1.2861736334rem;
+@media screen and (min-width: 610px) {
+  .ilo--notification--inline .ilo--notification--date {
+    margin-bottom: 0;
+  }
+}
+@media screen and (min-width: 610px) {
+  .ilo--notification--inline .ilo--notification--cta {
+    margin-left: 1.2861736334rem;
+  }
 }
 .ilo--notification--close {
   background-color: rgb(237, 240, 242);
@@ -4082,7 +4659,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -4217,7 +4794,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -4346,7 +4923,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -4447,7 +5024,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -4506,7 +5083,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -4875,7 +5452,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -4919,7 +5496,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -5075,7 +5652,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -5090,7 +5667,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 }
 .ilo--table--header {
   background-color: rgb(255, 255, 255);
-  padding: 24px 8px 24px 8px;
+  padding: 19px 8px 24px 8px;
 }
 .ilo--table--wrapper {
   max-height: 380px;
@@ -5121,10 +5698,14 @@ Note that the styles for this component rely on CSS container queries, which cur
   font-size: 14.93px;
   letter-spacing: normal;
   line-height: 20.3px;
+  letter-spacing: -0.02em;
   padding: 22px 11px 22px 11px;
   pointer-events: none;
   text-align: left;
 }
+.ilo--table--small .ilo--table--head--cell {
+  padding: 13px 11px 13px 11px;
+}
 .ilo--table--head--cell:first-of-type {
   border-left: none;
 }
@@ -5169,19 +5750,28 @@ Note that the styles for this component rely on CSS container queries, which cur
   letter-spacing: normal;
   line-height: 20.3px;
   outline: 0;
-  padding: 14px 11px 14px 11px;
+  padding: 22px 11px 22px 11px;
   position: relative;
 }
+.ilo--table--small .ilo--table--body--cell {
+  padding: 13px 11px 13px 11px;
+}
 .ilo--table--body--cell:first-of-type {
   border-left: none;
 }
 .ilo--table--body--cell.numeric {
   text-align: right;
 }
+.ilo--table--body--cell:hover {
+  background-color: rgb(190, 220, 250);
+  border-bottom: 2px solid rgb(30, 45, 190);
+  color: rgb(30, 45, 190);
+}
 .ilo--table--body--cell.selected {
   background-color: rgb(190, 220, 250);
   border-bottom: 2px solid rgb(30, 45, 190);
   color: rgb(30, 45, 190);
+  cursor: pointer;
 }
 .ilo--table--body--cell.column--selected {
   background-color: rgb(235, 245, 253);
@@ -5284,6 +5874,7 @@ Note that the styles for this component rely on CSS container queries, which cur
   line-height: 24.26px;
 }
 .ilo--table--description {
+  color: rgb(109, 109, 109);
   font-family: Noto Sans;
   font-weight: 400;
   font-size: 11.94px;
@@ -5380,7 +5971,7 @@ Note that the styles for this component rely on CSS container queries, which cur
   outline: none;
 }
 .ilo--table--zebra .ilo--table--body--row:nth-child(odd) {
-  background-color: rgb(237, 240, 242);
+  background-color: rgb(246, 247, 248);
 }
 .ilo--table--zebra .ilo--table--body--row:nth-child(odd):hover, .ilo--table--zebra .ilo--table--body--row:nth-child(odd):focus {
   background-color: rgb(235, 245, 253);
@@ -5388,13 +5979,19 @@ Note that the styles for this component rely on CSS container queries, which cur
 .ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell {
   border-left: 0.0535905681rem solid rgb(255, 255, 255);
 }
-.ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell:hover, .ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell:focus, .ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell.selected {
+.ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell:hover, .ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell:focus {
+  background-color: rgb(190, 220, 250);
+}
+.ilo--table--zebra .ilo--table--body--row:nth-child(odd).selected .ilo--table--body--cell {
+  background-color: rgb(235, 245, 253);
+}
+.ilo--table--zebra .ilo--table--body--row:nth-child(odd).selected .ilo--table--body--cell.selected {
   background-color: rgb(190, 220, 250);
 }
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -5459,7 +6056,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -5620,7 +6217,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -5779,7 +6376,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS: