@ilo-org/styles 0.1.0 → 0.1.2

package/build/css/index.css

@@ -151,7 +151,7 @@ select {
 }
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -250,7 +250,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -277,7 +277,7 @@ body {
   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%;
@@ -350,7 +350,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -567,7 +567,42 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ */
+/**
+* TOKENS:
+*/
+/**
+* MAPS:
+*/
+/**
+ * Do not edit directly
+ * Generated on Wed, 02 Nov 2022 22:23:12 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 Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -685,8 +720,8 @@ body {
 .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;
@@ -732,6 +767,9 @@ body {
   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;
@@ -742,6 +780,9 @@ body {
   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;
@@ -751,6 +792,9 @@ body {
   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;
@@ -763,16 +807,25 @@ body {
   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;
@@ -781,28 +834,43 @@ body {
   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;
@@ -824,7 +892,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -954,7 +1022,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -965,12 +1033,15 @@ body {
 .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 {
@@ -999,63 +1070,76 @@ body {
   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 {
@@ -1115,25 +1199,116 @@ body {
   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--detail::before {
+.ilo--card--multilink.ilo--card--dark {
+  background: rgb(255, 255, 255);
+}
+.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;
@@ -1161,31 +1336,29 @@ body {
 .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;
@@ -1204,7 +1377,7 @@ body {
   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 {
@@ -1225,9 +1398,9 @@ body {
   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 {
@@ -1243,11 +1416,41 @@ body {
 }
 @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;
@@ -1270,20 +1473,71 @@ body {
   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);
 }
@@ -1316,24 +1570,58 @@ body {
   }
 }
 .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;
@@ -1350,14 +1638,14 @@ body {
   }
 }
 .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);
@@ -1376,6 +1664,9 @@ body {
   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;
@@ -1400,24 +1691,24 @@ body {
 }
 .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;
@@ -1436,7 +1727,7 @@ body {
   font-weight: 500;
 }
 .ilo--card--data--content-files {
-  margin-bottom: 40px;
+  margin-bottom: 2.1436227224rem;
 }
 .ilo--card--data .ilo--link {
   font-size: 18.66px;
@@ -1444,23 +1735,73 @@ body {
   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 {
@@ -1472,12 +1813,12 @@ body {
   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;
@@ -1499,7 +1840,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -1512,6 +1853,10 @@ body {
   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%;
@@ -1531,10 +1876,16 @@ body {
     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 Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -1638,7 +1989,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -1710,7 +2061,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -1720,7 +2071,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -1730,7 +2081,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -1740,7 +2091,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -1839,7 +2190,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -1859,7 +2210,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -1934,7 +2285,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -1944,7 +2295,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -1954,7 +2305,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2007,7 +2358,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2072,7 +2423,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2178,7 +2529,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2195,10 +2546,45 @@ body {
   line-height: 29.15px;
   margin-bottom: 1.5763397642rem;
 }
-
+
+/**
+ * Do not edit directly
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ */
+/**
+* TOKENS:
+*/
+/**
+* MAPS:
+*/
+/**
+ * Do not edit directly
+ * Generated on Wed, 02 Nov 2022 22:23:12 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 Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2206,10 +2592,13 @@ body {
 /**
 * 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 > * {
@@ -2217,19 +2606,26 @@ body {
   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);
@@ -2276,15 +2672,6 @@ body {
   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;
@@ -2310,6 +2697,35 @@ body {
 .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);
@@ -2329,20 +2745,35 @@ body {
 }
 .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);
@@ -2379,7 +2810,9 @@ body {
   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");
@@ -2439,6 +2872,12 @@ body {
     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%;
   }
@@ -2471,10 +2910,49 @@ body {
     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 Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2597,7 +3075,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2617,9 +3095,6 @@ body {
   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;
@@ -2696,12 +3171,10 @@ body {
   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 {
@@ -2935,7 +3408,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2981,7 +3454,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -3131,7 +3604,42 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ */
+/**
+* TOKENS:
+*/
+/**
+* MAPS:
+*/
+/**
+ * Do not edit directly
+ * Generated on Wed, 02 Nov 2022 22:23:12 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 Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -3201,10 +3709,16 @@ body {
 }
 .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);
@@ -3212,6 +3726,16 @@ body {
   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 {
@@ -3229,12 +3753,18 @@ body {
 }
 .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;
@@ -3242,11 +3772,24 @@ body {
 }
 .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 Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -3309,7 +3852,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -3319,7 +3862,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -3329,7 +3872,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -3437,7 +3980,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -3447,7 +3990,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -3457,7 +4000,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -3545,7 +4088,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -3554,7 +4097,7 @@ body {
 * MAPS:
 */
 .ilo--header {
-  overflow-x: hidden;
+  overflow: hidden;
   position: relative;
   z-index: 4;
 }
@@ -3623,6 +4166,12 @@ body {
 }
 .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;
@@ -3655,6 +4204,9 @@ body {
   .ilo--header--utility-bar--local {
     justify-content: space-between;
   }
+  .right-to-left .ilo--header--utility-bar {
+    flex-direction: row-reverse;
+  }
 }
 .ilo--header--inner {
   margin: auto;
@@ -3662,6 +4214,9 @@ body {
   padding: 0 16px;
   width: 100%;
 }
+.right-to-left .ilo--header--inner {
+  direction: rtl;
+}
 @media screen and (min-width: 1024px) {
   .ilo--header--inner {
     display: flex;
@@ -3699,6 +4254,9 @@ body {
   padding: 20px 0;
   text-align: right;
 }
+.right-to-left .ilo--header--logo-tagline {
+  text-align: left;
+}
 @media screen and (min-width: 1024px) {
   .ilo--header--logo-tagline {
     display: block;
@@ -3708,6 +4266,7 @@ body {
   font-size: 11.9px;
   letter-spacing: -0.02em;
   line-height: 19.4px;
+  color: rgb(190, 220, 250);
   display: block;
   font-weight: 500;
 }
@@ -3773,7 +4332,7 @@ body {
     padding: 21.5px 24px 20.5px;
   }
   .ilo--nav--link:hover, .ilo--nav--link:focus {
-    background: rgb(255, 255, 255);
+    background: rgb(235, 245, 253);
     color: rgb(30, 45, 190);
     text-decoration: none;
   }
@@ -3785,7 +4344,7 @@ body {
   line-height: 21.6px;
   appearance: none;
   background-color: rgb(255, 255, 255);
-  background-position: 90% 55%;
+  background-position: calc(100% - 16px) 55%;
   background-repeat: no-repeat;
   background-size: 16px;
   border: none;
@@ -3804,6 +4363,19 @@ body {
   background-color: rgb(235, 245, 253);
   color: rgb(30, 45, 190);
 }
+.right-to-left .ilo--nav--trigger {
+  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");
+  background-color: rgb(255, 255, 255);
+  background-position: 16px 55%;
+  background-repeat: no-repeat;
+  background-size: 16px;
+  text-align: right;
+}
+.right-to-left .ilo--nav--trigger:focus, .right-to-left .ilo--nav--trigger:hover {
+  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");
+  background-color: rgb(235, 245, 253);
+  color: rgb(30, 45, 190);
+}
 @media screen and (min-width: 1024px) {
   .ilo--nav--trigger {
     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='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
@@ -3832,6 +4404,19 @@ body {
     border-color: rgb(255, 255, 255);
     color: rgb(30, 45, 190);
   }
+  .right-to-left .ilo--nav--trigger {
+    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='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
+    background-color: rgb(35, 0, 80);
+    background-position: 90% 55%;
+    background-repeat: no-repeat;
+    background-size: 20px;
+    text-align: left;
+  }
+  .right-to-left .ilo--nav--trigger:focus, .right-to-left .ilo--nav--trigger:hover {
+    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='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
+    background-color: rgb(255, 255, 255);
+    color: rgb(30, 45, 190);
+  }
 }
 .ilo--nav--local {
   display: flex;
@@ -3866,11 +4451,60 @@ body {
   color: rgb(30, 45, 190);
 }
 
+.ilo--mobile--nav {
+  border-bottom: 3px solid rgb(237, 240, 242);
+  margin-bottom: 16px;
+  padding-bottom: 16px;
+}
 .ilo--mobile--nav--logo {
   align-items: center;
   display: flex;
   justify-content: space-between;
 }
+.ilo--mobile--nav--language--select {
+  background: rgb(255, 255, 255);
+  left: 0;
+  height: 100%;
+  padding: 0 0 1.7148981779rem;
+  position: absolute;
+  top: 0;
+  transform: translateX(100%);
+  transition: transform 225ms ease-out;
+  width: 100%;
+}
+.ilo--select--open .ilo--mobile--nav--language--select {
+  transform: translateX(0);
+}
+.ilo--mobile--nav--language--switcher--button {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 16 16'%3e%3cpath fill='rgb(35, 0, 80)' fill-rule='evenodd' d='M1.08687 7.46667H3.21031C3.2851 5.53749 3.76315 3.78006 4.51995 2.45566C4.65969 2.21111 4.81092 1.97841 4.97289 1.76064C2.81175 2.81109 1.27822 4.9513 1.08687 7.46667ZM8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0ZM7.46667 1.1413C6.74082 1.34466 6.03016 1.96273 5.44607 2.98488C4.79279 4.12812 4.35217 5.69751 4.27783 7.46667H7.46667V1.1413ZM7.46667 8.53333H4.27783C4.35217 10.3025 4.79279 11.8719 5.44607 13.0151C6.03016 14.0373 6.74082 14.6553 7.46667 14.8587V8.53333ZM4.97289 14.2394C4.81093 14.0216 4.65969 13.7889 4.51995 13.5443C3.76315 12.2199 3.2851 10.4625 3.21031 8.53333H1.08687C1.27822 11.0487 2.81176 13.1889 4.97289 14.2394ZM8.53333 14.8587V8.53333H11.7222C11.6478 10.3025 11.2072 11.8719 10.5539 13.0151C9.96984 14.0373 9.25918 14.6553 8.53333 14.8587ZM11.7222 7.46667H8.53333V1.1413C9.25918 1.34466 9.96984 1.96273 10.5539 2.98488C11.2072 4.12812 11.6478 5.69751 11.7222 7.46667ZM12.7897 7.46667C12.7149 5.53749 12.2369 3.78006 11.4801 2.45566C11.3403 2.21111 11.1891 1.97841 11.0271 1.76064C13.1883 2.81109 14.7218 4.95129 14.9131 7.46667H12.7897ZM12.7897 8.53333C12.7149 10.4625 12.2369 12.2199 11.4801 13.5443C11.3403 13.7889 11.1891 14.0216 11.0271 14.2394C13.1883 13.1889 14.7218 11.0487 14.9131 8.53333H12.7897Z' clip-rule='evenodd'/%3e%3c/svg%3e");
+  font-size: 16px;
+  letter-spacing: -0.02em;
+  line-height: 21.6px;
+  appearance: none;
+  background-color: rgb(255, 255, 255);
+  background-position: calc(100% - 16px) 55%;
+  background-repeat: no-repeat;
+  background-size: 16px;
+  border: none;
+  color: rgb(35, 0, 80);
+  cursor: pointer;
+  display: block;
+  font-family: Overpass;
+  font-weight: 500;
+  padding: 16px 36px 16px 8px;
+  text-align: left;
+  transition: all 150ms ease-out;
+  width: 100%;
+}
+.ilo--mobile--nav--language--switcher--button:focus, .ilo--mobile--nav--language--switcher--button:hover {
+  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)' fill-rule='evenodd' d='M1.08687 7.46667H3.21031C3.2851 5.53749 3.76315 3.78006 4.51995 2.45566C4.65969 2.21111 4.81092 1.97841 4.97289 1.76064C2.81175 2.81109 1.27822 4.9513 1.08687 7.46667ZM8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0ZM7.46667 1.1413C6.74082 1.34466 6.03016 1.96273 5.44607 2.98488C4.79279 4.12812 4.35217 5.69751 4.27783 7.46667H7.46667V1.1413ZM7.46667 8.53333H4.27783C4.35217 10.3025 4.79279 11.8719 5.44607 13.0151C6.03016 14.0373 6.74082 14.6553 7.46667 14.8587V8.53333ZM4.97289 14.2394C4.81093 14.0216 4.65969 13.7889 4.51995 13.5443C3.76315 12.2199 3.2851 10.4625 3.21031 8.53333H1.08687C1.27822 11.0487 2.81176 13.1889 4.97289 14.2394ZM8.53333 14.8587V8.53333H11.7222C11.6478 10.3025 11.2072 11.8719 10.5539 13.0151C9.96984 14.0373 9.25918 14.6553 8.53333 14.8587ZM11.7222 7.46667H8.53333V1.1413C9.25918 1.34466 9.96984 1.96273 10.5539 2.98488C11.2072 4.12812 11.6478 5.69751 11.7222 7.46667ZM12.7897 7.46667C12.7149 5.53749 12.2369 3.78006 11.4801 2.45566C11.3403 2.21111 11.1891 1.97841 11.0271 1.76064C13.1883 2.81109 14.7218 4.95129 14.9131 7.46667H12.7897ZM12.7897 8.53333C12.7149 10.4625 12.2369 12.2199 11.4801 13.5443C11.3403 13.7889 11.1891 14.0216 11.0271 14.2394C13.1883 13.1889 14.7218 11.0487 14.9131 8.53333H12.7897Z' clip-rule='evenodd'/%3e%3c/svg%3e");
+  background-color: rgb(235, 245, 253);
+  color: rgb(30, 45, 190);
+}
+.right-to-left .ilo--mobile--nav--language--switcher--button {
+  background-position: 16px 55%;
+  text-align: right;
+}
 @media screen and (min-width: 1024px) {
   .ilo--mobile--nav {
     display: none;
@@ -3883,6 +4517,9 @@ body {
   padding: 0 max((100% - 1300px) / 2, 20px) 0 0;
   position: relative;
 }
+.right-to-left .ilo--language-switcher {
+  padding: 0 0 0 max((100% - 1300px) / 2, 20px);
+}
 .ilo--language-switcher::before {
   background: rgb(35, 0, 80);
   clip-path: polygon(0 0, 100% 0, 100% 100%);
@@ -3894,6 +4531,11 @@ body {
   top: 0;
   width: 32px;
 }
+.right-to-left .ilo--language-switcher::before {
+  clip-path: polygon(0 0, 0 100%, 100% 100%);
+  left: auto;
+  right: -32px;
+}
 .ilo--language-switcher--wrap {
   display: flex;
   position: relative;
@@ -3912,6 +4554,7 @@ body {
   color: rgb(255, 255, 255);
   cursor: pointer;
   display: block;
+  font-family: Overpass;
   font-weight: 500;
   padding: 8px 30px 8px 40px;
   transition: all 150ms ease-out;
@@ -3936,6 +4579,8 @@ body {
 
 .ilo--subnav {
   background: rgb(255, 255, 255);
+  height: 100%;
+  left: 0;
   padding: 0 0 32px;
   position: absolute;
   top: 0;
@@ -3946,8 +4591,13 @@ body {
 .ilo--subnav--open .ilo--subnav {
   transform: translateX(0);
 }
+.right-to-left .ilo--subnav {
+  direction: rtl;
+}
 @media screen and (min-width: 1024px) {
   .ilo--subnav {
+    filter: drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.038)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.054)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08));
+    height: auto;
     left: 0;
     padding: 32px 0;
     top: auto;
@@ -4021,12 +4671,14 @@ body {
   border: none;
   color: rgb(35, 0, 80);
   cursor: pointer;
+  font-family: Overpass;
+  font-weight: 500;
   padding: 16px 16px 16px 32px;
   position: relative;
   transition: all 150ms ease-out;
 }
 .ilo--mobile--subnav--back::before {
-  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='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");
+  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");
   background-position: 10% center;
   background-repeat: no-repeat;
   background-size: 24px;
@@ -4036,14 +4688,31 @@ body {
   left: 0;
   position: absolute;
   top: 50%;
-  transform: translateY(-50%) rotate(180deg);
+  transform: translateY(-50%);
   width: 24px;
 }
+.right-to-left .ilo--mobile--subnav--back {
+  padding: 16px 32px 16px 16px;
+}
+.right-to-left .ilo--mobile--subnav--back::before {
+  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='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");
+  background-position: 10% center;
+  background-repeat: no-repeat;
+  background-size: 24px;
+  left: auto;
+  right: 0;
+}
 .ilo--mobile--subnav--back:hover, .ilo--mobile--subnav--back:focus {
   background-color: rgb(235, 245, 253);
   color: rgb(30, 45, 190);
 }
 .ilo--mobile--subnav--back:hover::before, .ilo--mobile--subnav--back:focus::before {
+  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");
+  background-position: 10% center;
+  background-repeat: no-repeat;
+  background-size: 24px;
+}
+.right-to-left .ilo--mobile--subnav--back:hover::before, .right-to-left .ilo--mobile--subnav--back:focus::before {
   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");
   background-position: 10% center;
   background-repeat: no-repeat;
@@ -4069,6 +4738,7 @@ body {
 
 .ilo--search-box {
   background: rgb(255, 255, 255);
+  left: 0;
   position: absolute;
   top: 0;
   transform: translateX(100%);
@@ -4080,6 +4750,7 @@ body {
 }
 @media screen and (min-width: 1024px) {
   .ilo--search-box {
+    filter: drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.038)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.054)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08));
     left: 0;
     padding: 32px 0;
     top: auto;
@@ -4125,20 +4796,20 @@ body {
   background-color: rgb(235, 245, 253);
 }
 .ilo--search--open .ilo--search--button {
-  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='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
+  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='M16.9497 15.5356L13.4142 12L16.9497 8.46451L15.5355 7.05029L12 10.5858L8.46446 7.05029L7.05025 8.46451L10.5858 12L7.05025 15.5356L8.46446 16.9498L12 13.4143L15.5355 16.9498L16.9497 15.5356Z'/%3e%3c/svg%3e");
   background-color: rgb(255, 255, 255);
   background-position: center;
   background-repeat: no-repeat;
   background-size: 21.5px 21.5px;
 }
 .ilo--search--open .ilo--search--button:hover, .ilo--search--open .ilo--search--button: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='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
+  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='M16.9497 15.5356L13.4142 12L16.9497 8.46451L15.5355 7.05029L12 10.5858L8.46446 7.05029L7.05025 8.46451L10.5858 12L7.05025 15.5356L8.46446 16.9498L12 13.4143L15.5355 16.9498L16.9497 15.5356Z'/%3e%3c/svg%3e");
   background-color: rgb(235, 245, 253);
 }
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -4148,7 +4819,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -4158,7 +4829,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -4201,13 +4872,22 @@ body {
   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;
@@ -4226,8 +4906,10 @@ body {
   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);
@@ -4250,26 +4932,34 @@ body {
   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%;
   }
@@ -4282,14 +4972,23 @@ body {
   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);
@@ -4322,7 +5021,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -4457,7 +5156,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -4586,7 +5285,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -4687,7 +5386,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -4746,7 +5445,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -5115,7 +5814,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -5159,7 +5858,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 11:06:50 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -5315,7 +6014,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 Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -5330,7 +6029,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;
@@ -5361,10 +6060,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;
 }
@@ -5409,19 +6112,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);
@@ -5524,6 +6236,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;
@@ -5620,7 +6333,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);
@@ -5628,13 +6341,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 Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -5699,7 +6418,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 Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -5860,7 +6579,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 Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -6019,7 +6738,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 Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS: