@ilo-org/styles 0.0.3 → 0.1.1

package/build/css/components/index.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -10,7 +10,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 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 Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -327,7 +327,42 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 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 Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -714,7 +782,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 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--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--detail::before {
+.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 Tue, 25 Oct 2022 15:49:45 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 Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1398,7 +1749,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1470,7 +1821,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1480,7 +1831,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1490,7 +1841,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1500,7 +1851,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1599,7 +1950,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1619,7 +1970,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1694,7 +2045,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1704,7 +2055,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1714,7 +2065,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1767,7 +2118,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1832,7 +2183,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1938,7 +2289,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1958,7 +2309,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -1966,30 +2317,75 @@
 /**
 * MAPS:
 */
-.ilo--footer--main {
-  background-color: rgb(35, 0, 80);
-  border-bottom: 0.3215434084rem solid rgb(250, 60, 75);
-  padding: 0 1.7148981779rem;
-  position: relative;
-}
-.ilo--footer--main > * {
-  position: relative;
-  z-index: 1;
+/**
+ * Do not edit directly
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ */
+/**
+* TOKENS:
+*/
+/**
+* MAPS:
+*/
+@keyframes emptygradient {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
 }
-.ilo--footer--main:after {
-  background-color: rgb(30, 45, 190);
-  clip-path: polygon(63.75% 0%, 100% 63.75%, 100% 0);
-  content: "";
-  height: 100%;
-  left: 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: 2.1436227224rem 1.7148981779rem 0 1.7148981779rem;
+  position: relative;
+}
+.ilo--footer--main > * {
+  position: relative;
+  z-index: 1;
+}
+.ilo--footer--main:after {
+  background-size: contain;
+  background-repeat: no-repeat;
+  bottom: 0;
+  content: "";
+  height: 100%;
+  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 Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -2357,7 +2835,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 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 Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -2741,7 +3214,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -2891,7 +3364,42 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 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 Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -3069,7 +3612,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -3079,7 +3622,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -3089,7 +3632,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -3186,126 +3729,725 @@
   background-size: contain;
   content: "";
   display: block;
-  height: 1.2861736334rem;
-  margin-right: 0.6430868167rem;
-  width: 1.2861736334rem;
+  height: 1.2861736334rem;
+  margin-right: 0.6430868167rem;
+  width: 1.2861736334rem;
+}
+.ilo--loading.storybook {
+  height: 400px;
+  width: 100%;
+}
+
+/**
+ * Do not edit directly
+ * 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:
+*/
+/**
+ * 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);
+  }
+}
+.ilo--modal--wrapper {
+  display: none;
+}
+.ilo--modal--wrapper > * {
+  opacity: 0;
+}
+.ilo--modal.show .ilo--modal--wrapper {
+  display: block;
+  height: 100vh;
+  left: 0;
+  position: fixed;
+  top: 0;
+  width: 100vw;
+  z-index: 10001;
+}
+.ilo--modal.show.fadein .ilo--modal--wrapper > * {
+  opacity: 1;
+  transition: opacity 1.5s ease-out 125ms;
+}
+.ilo--modal--background {
+  background-color: rgba(0, 0, 0, 0.85);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: 10002;
+}
+.ilo--modal--contents {
+  background-color: rgb(255, 255, 255);
+  left: 0;
+  position: absolute;
+  margin: 0 4.2%;
+  max-height: 96%;
+  overflow: scroll;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 91.4%;
+  z-index: 10003;
+}
+.ilo--modal .modal--close {
+  right: 0;
+  position: absolute;
+  top: 0;
+  z-index: 10004;
+}
+@media screen and (min-width: 610px) {
+  .ilo--modal--contents {
+    margin: 0 23.2%;
+    width: 53.58%;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .ilo--modal--contents {
+    margin: 0 18.05%;
+    width: 63.888%;
+  }
+}
+.ilo--modal.storybook {
+  height: 400px;
+  width: 100%;
+}
+
+/**
+ * Do not edit directly
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ */
+/**
+* TOKENS:
+*/
+/**
+* MAPS:
+*/
+.ilo--header {
+  overflow-x: hidden;
+  position: relative;
+  z-index: 4;
+}
+.ilo--header.ilo--mobile--open {
+  height: 100vh;
+}
+@media screen and (min-width: 1024px) {
+  .ilo--header {
+    overflow: visible;
+  }
+}
+.ilo--header--nav {
+  background: rgb(35, 0, 80);
+}
+.ilo--header--menu {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 32 32'%3e%3cpath fill='rgb(255, 255, 255)' d='M24 8H17.3333 14.6667 8V10.6667H14.6667 17.3333 24V8zM24 14.667H17.3333 14.6667 8V17.3337H14.6667 17.3333 24V14.667zM24 21.333H17.3333 14.6667 8V23.9997H14.6667 17.3333 24V21.333z'/%3e%3c/svg%3e");
+  background-color: transparent;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 32px;
+  border: none;
+  cursor: pointer;
+  overflow: hidden;
+  position: relative;
+  text-indent: -999%;
+  transition: all 150ms ease-out;
+}
+.ilo--header--menu:hover, .ilo--header--menu:focus {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 32 32'%3e%3cpath fill='rgb(30, 45, 190)' d='M24 8H17.3333 14.6667 8V10.6667H14.6667 17.3333 24V8zM24 14.667H17.3333 14.6667 8V17.3337H14.6667 17.3333 24V14.667zM24 21.333H17.3333 14.6667 8V23.9997H14.6667 17.3333 24V21.333z'/%3e%3c/svg%3e");
+  background-color: rgb(235, 245, 253);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 32px;
+}
+@media screen and (min-width: 1024px) {
+  .ilo--header--menu {
+    display: none;
+  }
+}
+.ilo--header--menu--close {
+  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(237, 240, 242);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 32px;
+  border: none;
+  cursor: pointer;
+  height: 32px;
+  overflow: hidden;
+  position: relative;
+  text-indent: -999%;
+  transition: all 150ms ease-out;
+  width: 32px;
+}
+.ilo--header--menu--close:hover, .ilo--header--menu--close: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='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);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 32px;
+}
+@media screen and (min-width: 1024px) {
+  .ilo--header--menu--close {
+    display: none;
+  }
+}
+.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;
+  padding: 16px 0;
+}
+.ilo--header--logo-bar {
+  background: rgb(30, 45, 190);
+  display: flex;
+  width: 100%;
+}
+.ilo--header--logo-bar .ilo--header--inner {
+  display: flex;
+  justify-content: space-between;
+}
+@media screen and (min-width: 1024px) {
+  .ilo--header--logo-bar {
+    background: rgb(30, 45, 190);
+  }
+}
+.ilo--header--utility-bar {
+  display: none;
+}
+@media screen and (min-width: 1024px) {
+  .ilo--header--utility-bar {
+    background: rgb(30, 45, 190);
+    display: flex;
+    justify-content: flex-end;
+    width: 100%;
+  }
+  .ilo--header--utility-bar--local {
+    justify-content: space-between;
+  }
+}
+.ilo--header--inner {
+  margin: auto;
+  max-width: 1300px;
+  padding: 0 16px;
+  width: 100%;
+}
+@media screen and (min-width: 1024px) {
+  .ilo--header--inner {
+    display: flex;
+    justify-content: space-between;
+    padding: 0 20px;
+  }
+}
+.ilo--header--navigation {
+  background: rgb(255, 255, 255);
+  position: absolute;
+  top: 0;
+  left: 0;
+  transform: translateX(100%);
+  transition: transform 225ms ease-out;
+  width: 100%;
+}
+.ilo--header.ilo--mobile--open .ilo--header--navigation {
+  transform: translateX(0);
+}
+@media screen and (min-width: 1024px) {
+  .ilo--header--navigation {
+    background: rgb(35, 0, 80);
+    position: static;
+    transform: none;
+  }
+}
+.ilo--header--logo-tagline {
+  font-size: 18.66px;
+  letter-spacing: -0.035em;
+  line-height: 24.26px;
+  color: rgb(255, 255, 255);
+  display: none;
+  font-family: Overpass;
+  font-weight: 700;
+  padding: 20px 0;
+  text-align: right;
+}
+@media screen and (min-width: 1024px) {
+  .ilo--header--logo-tagline {
+    display: block;
+  }
+}
+.ilo--header--logo-tagline--small {
+  font-size: 11.9px;
+  letter-spacing: -0.02em;
+  line-height: 19.4px;
+  display: block;
+  font-weight: 500;
+}
+
+.ilo--nav {
+  width: 100%;
+}
+@media screen and (min-width: 1024px) {
+  .ilo--nav {
+    width: auto;
+  }
+}
+.ilo--nav--label:not(:focus):not(:active) {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+.ilo--nav--set {
+  width: 100%;
+}
+@media screen and (min-width: 1024px) {
+  .ilo--nav--set {
+    display: flex;
+    width: auto;
+  }
+}
+.ilo--nav--items {
+  font-size: 16px;
+  letter-spacing: -0.02em;
+  line-height: 21.6px;
+  font-family: Overpass;
+  font-weight: 500;
+}
+@media screen and (min-width: 1024px) {
+  .ilo--nav--items {
+    display: flex;
+    align-items: center;
+  }
+  .ilo--nav--items:first-of-type {
+    margin-left: -20px;
+  }
+}
+.ilo--nav--link {
+  color: rgb(35, 0, 80);
+  display: block;
+  padding: 16px 36px 16px 8px;
+  text-decoration: none;
+}
+.ilo--nav--link:hover, .ilo--nav--link:focus {
+  background: rgb(235, 245, 253);
+  color: rgb(30, 45, 190);
+  text-decoration: none;
+}
+@media screen and (min-width: 1024px) {
+  .ilo--nav--link {
+    background: rgb(35, 0, 80);
+    color: rgb(255, 255, 255);
+    display: inline-block;
+    padding: 21.5px 24px 20.5px;
+  }
+  .ilo--nav--link:hover, .ilo--nav--link:focus {
+    background: rgb(255, 255, 255);
+    color: rgb(30, 45, 190);
+    text-decoration: none;
+  }
+}
+.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='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");
+  font-size: 16px;
+  letter-spacing: -0.02em;
+  line-height: 21.6px;
+  appearance: none;
+  background-color: rgb(255, 255, 255);
+  background-position: 90% 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--nav--trigger:focus, .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='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-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");
+    font-size: 14.93px;
+    letter-spacing: -0.02em;
+    line-height: 20.16px;
+    background-color: rgb(35, 0, 80);
+    background-position: 90% 55%;
+    background-repeat: no-repeat;
+    background-size: 20px;
+    border: 1.5px solid rgba(184, 196, 204, 0.5);
+    border-radius: 2px;
+    color: rgb(255, 255, 255);
+    cursor: pointer;
+    display: inline-block;
+    font-weight: 700;
+    margin-left: 20px;
+    padding: 7px 32px 5px 15px;
+    text-align: center;
+    transition: all 150ms ease-out;
+    width: auto;
+  }
+  .ilo--nav--trigger:focus, .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);
+    border-color: rgb(255, 255, 255);
+    color: rgb(30, 45, 190);
+  }
+}
+.ilo--nav--local {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 0 0 max((100% - 1260px) / 2, 20px);
+}
+.ilo--nav--local--logo-link {
+  display: flex;
+}
+.ilo--nav--local--set {
+  display: flex;
+  justify-content: space-between;
+}
+.ilo--nav--local--item {
+  font-size: 16px;
+  letter-spacing: -0.02em;
+  line-height: 21.6px;
+  color: rgb(255, 255, 255);
+  font-family: Overpass;
+  font-weight: 500;
+}
+.ilo--nav--local--link {
+  background: rgb(30, 45, 190);
+  color: rgb(255, 255, 255);
+  display: flex;
+  padding: 13px 24px;
+  text-decoration: none;
+  transition: all 150ms ease-out;
+}
+.ilo--nav--local--link:hover, .ilo--nav--local--link:focus {
+  background: rgb(235, 245, 253);
+  color: rgb(30, 45, 190);
+}
+
+.ilo--mobile--nav--logo {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+}
+@media screen and (min-width: 1024px) {
+  .ilo--mobile--nav {
+    display: none;
+  }
+}
+
+.ilo--language-switcher {
+  background: rgb(35, 0, 80);
+  display: flex;
+  padding: 0 max((100% - 1300px) / 2, 20px) 0 0;
+  position: relative;
+}
+.ilo--language-switcher::before {
+  background: rgb(35, 0, 80);
+  clip-path: polygon(0 0, 100% 0, 100% 100%);
+  content: "";
+  display: block;
+  height: 100%;
+  left: -32px;
+  position: absolute;
+  top: 0;
+  width: 32px;
+}
+.ilo--language-switcher--wrap {
+  display: flex;
+  position: relative;
+}
+.ilo--language-switcher--button {
+  font-size: 11.94px;
+  letter-spacing: -0.02em;
+  line-height: 16.24px;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 16 16'%3e%3cpath fill='rgb(255, 255, 255)' 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");
+  appearance: none;
+  background-color: rgb(35, 0, 80);
+  background-repeat: no-repeat;
+  background-position: 15px center;
+  background-size: 16px 16px;
+  border: none;
+  color: rgb(255, 255, 255);
+  cursor: pointer;
+  display: block;
+  font-weight: 500;
+  padding: 8px 30px 8px 40px;
+  transition: all 150ms ease-out;
 }
-.ilo--loading.storybook {
-  height: 400px;
-  width: 100%;
+.ilo--language-switcher--button:hover, .ilo--language-switcher--button:focus {
+  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);
+}
+.ilo--language-switcher .ilo--context-menu {
+  opacity: 0;
+  position: absolute;
+  right: 0;
+  top: calc(100% + 12px);
+  transition: opacity 150ms ease-out;
+  z-index: -1;
+}
+.ilo--context--open .ilo--language-switcher .ilo--context-menu {
+  opacity: 1;
+  z-index: 1;
 }
 
-/**
- * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
- */
-/**
-* TOKENS:
-*/
-/**
-* MAPS:
-*/
-/**
- * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
- */
-/**
-* TOKENS:
-*/
-/**
-* MAPS:
-*/
-/**
- * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
- */
-/**
-* TOKENS:
-*/
-/**
-* MAPS:
-*/
-@keyframes emptygradient {
-  0% {
-    opacity: 1;
+.ilo--subnav {
+  background: rgb(255, 255, 255);
+  padding: 0 0 32px;
+  position: absolute;
+  top: 0;
+  transform: translateX(100%);
+  transition: transform 225ms ease-out;
+  width: 100%;
+}
+.ilo--subnav--open .ilo--subnav {
+  transform: translateX(0);
+}
+@media screen and (min-width: 1024px) {
+  .ilo--subnav {
+    left: 0;
+    padding: 32px 0;
+    top: auto;
+    transform: translateY(-100%);
+    transition: transform 225ms ease-out;
+    z-index: -1;
   }
-  100% {
-    opacity: 0;
+  .ilo--header.ilo--subnav--open .ilo--subnav {
+    transform: translateY(0);
   }
 }
-@keyframes spin {
-  100% {
-    -moz-transform: rotate(360deg);
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
+.ilo--subnav--inner {
+  margin: auto;
+  max-width: 1300px;
+  padding: 0 20px;
+  width: 100%;
+}
+@media screen and (min-width: 1024px) {
+  .ilo--subnav--inner {
+    display: flex;
+    justify-content: space-between;
   }
 }
-.ilo--modal--wrapper {
-  display: none;
+.ilo--subnav--set {
+  display: grid;
+  grid-template-columns: 1fr;
+  width: 100%;
 }
-.ilo--modal--wrapper > * {
-  opacity: 0;
+@media screen and (min-width: 1024px) {
+  .ilo--subnav--set {
+    grid-auto-flow: column;
+    grid-template-columns: repeat(5, 1fr);
+    grid-template-rows: repeat(5, 1fr);
+  }
 }
-.ilo--modal.show .ilo--modal--wrapper {
-  display: block;
-  height: 100vh;
-  left: 0;
-  position: fixed;
-  top: 0;
-  width: 100vw;
-  z-index: 10001;
+.ilo--subnav--link {
+  font-size: 16px;
+  letter-spacing: -0.02em;
+  line-height: 21.6px;
+  background: rgb(255, 255, 255);
+  color: rgb(35, 0, 80);
+  display: flex;
+  font-family: Overpass;
+  font-weight: 500;
+  padding: 18px 8px;
+  text-decoration: none;
+  transition: all 150ms ease-out;
 }
-.ilo--modal.show.fadein .ilo--modal--wrapper > * {
-  opacity: 1;
-  transition: opacity 1.5s ease-out 125ms;
+.ilo--subnav--link:hover, .ilo--subnav--link:focus {
+  background: rgb(235, 245, 253);
+  color: rgb(30, 45, 190);
+  text-decoration: none;
 }
-.ilo--modal--background {
-  background-color: rgba(0, 0, 0, 0.85);
-  height: 100%;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 100%;
-  z-index: 10002;
+
+@media screen and (min-width: 1024px) {
+  .ilo--mobile--subnav {
+    display: none;
+  }
 }
-.ilo--modal--contents {
+.ilo--mobile--subnav--menu {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.ilo--mobile--subnav--back {
+  font-size: 16px;
+  letter-spacing: -0.02em;
+  line-height: 21.6px;
   background-color: rgb(255, 255, 255);
+  border: none;
+  color: rgb(35, 0, 80);
+  cursor: pointer;
+  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-position: 10% center;
+  background-repeat: no-repeat;
+  background-size: 24px;
+  content: "";
+  display: block;
+  height: 24px;
   left: 0;
   position: absolute;
-  margin: 0 4.2%;
-  max-height: 96%;
-  overflow: scroll;
   top: 50%;
-  transform: translateY(-50%);
-  width: 91.4%;
-  z-index: 10003;
+  transform: translateY(-50%) rotate(180deg);
+  width: 24px;
 }
-.ilo--modal .modal--close {
-  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='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;
+}
+@media screen and (min-width: 1024px) {
+  .ilo--mobile--subnav--back {
+    display: none;
+  }
+}
+.ilo--mobile--subnav--label {
+  font-size: 18.66px;
+  letter-spacing: -0.035em;
+  line-height: 24.26px;
+  border-bottom: 3px solid rgb(237, 240, 242);
+  color: rgb(45, 45, 45);
+  font-family: Overpass;
+  font-weight: 700;
+  margin-bottom: 16px;
+  padding: 20px 8px;
+  width: 100%;
+}
+
+.ilo--search-box {
+  background: rgb(255, 255, 255);
   position: absolute;
   top: 0;
-  z-index: 10004;
+  transform: translateX(100%);
+  transition: transform 225ms ease-out;
+  width: 100%;
 }
-@media screen and (min-width: 610px) {
-  .ilo--modal--contents {
-    margin: 0 23.2%;
-    width: 53.58%;
+.ilo--search--open .ilo--search-box {
+  transform: translateX(0);
+}
+@media screen and (min-width: 1024px) {
+  .ilo--search-box {
+    left: 0;
+    padding: 32px 0;
+    top: auto;
+    transform: translateY(-100%);
+    transition: transform 225ms ease-out;
+    z-index: -1;
+  }
+  .ilo--header.ilo--search--open .ilo--search-box {
+    transform: translateY(0);
   }
 }
+.ilo--search-box .ilo--header--inner {
+  align-items: center;
+  justify-content: center;
+  padding: 80px 20px;
+}
+
+.ilo--search {
+  display: none;
+}
 @media screen and (min-width: 1024px) {
-  .ilo--modal--contents {
-    margin: 0 18.05%;
-    width: 63.888%;
+  .ilo--search {
+    display: flex;
   }
 }
-.ilo--modal.storybook {
-  height: 400px;
-  width: 100%;
+.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(255, 255, 255)' d='M16.7068 15.257C17.6255 14.0506 18.1179 12.5734 18.1068 11.057C18.1201 10.1294 17.9488 9.20838 17.603 8.34753C17.2571 7.48667 16.7436 6.70315 16.0923 6.04251C15.4409 5.38187 14.6648 4.8573 13.8089 4.49928C12.9531 4.14126 12.0346 3.95694 11.1068 3.95703C9.2238 3.95703 7.41789 4.70506 6.08638 6.03657C4.75487 7.36808 4.00684 9.17399 4.00684 11.057C4.00684 12.9401 4.75487 14.746 6.08638 16.0775C7.41789 17.409 9.2238 18.157 11.1068 18.157C12.6258 18.1846 14.1082 17.6904 15.3068 16.757L18.3068 19.757C18.4938 19.9403 18.7451 20.0429 19.0068 20.0429C19.2686 20.0429 19.5199 19.9403 19.7068 19.757C19.8901 19.5701 19.9927 19.3188 19.9927 19.057C19.9927 18.7953 19.8901 18.544 19.7068 18.357L16.7068 15.257ZM11.1068 16.057C10.4419 16.0703 9.78091 15.9508 9.16269 15.7055C8.54448 15.4602 7.98142 15.094 7.50648 14.6284C7.03154 14.1628 6.65428 13.6071 6.39677 12.9938C6.13927 12.3806 6.0067 11.7221 6.00684 11.057C6.00684 9.70443 6.54416 8.40722 7.50059 7.45079C8.45703 6.49435 9.75423 5.95703 11.1068 5.95703C12.4594 5.95703 13.7566 6.49435 14.7131 7.45079C15.6695 8.40722 16.2068 9.70443 16.2068 11.057C16.207 11.7221 16.0744 12.3806 15.8169 12.9938C15.5594 13.6071 15.1821 14.1628 14.7072 14.6284C14.2323 15.094 13.6692 15.4602 13.051 15.7055C12.4328 15.9508 11.7718 16.0703 11.1068 16.057Z'/%3e%3c/svg%3e");
+  appearance: none;
+  background-color: transparent;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 21.5px 21.5px;
+  border: none;
+  border-radius: 0;
+  cursor: pointer;
+  overflow: hidden;
+  position: relative;
+  text-indent: -999%;
+  transition: all 150ms ease-out;
+}
+.ilo--search--button:hover, .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='M16.7068 15.257C17.6255 14.0506 18.1179 12.5734 18.1068 11.057C18.1201 10.1294 17.9488 9.20838 17.603 8.34753C17.2571 7.48667 16.7436 6.70315 16.0923 6.04251C15.4409 5.38187 14.6648 4.8573 13.8089 4.49928C12.9531 4.14126 12.0346 3.95694 11.1068 3.95703C9.2238 3.95703 7.41789 4.70506 6.08638 6.03657C4.75487 7.36808 4.00684 9.17399 4.00684 11.057C4.00684 12.9401 4.75487 14.746 6.08638 16.0775C7.41789 17.409 9.2238 18.157 11.1068 18.157C12.6258 18.1846 14.1082 17.6904 15.3068 16.757L18.3068 19.757C18.4938 19.9403 18.7451 20.0429 19.0068 20.0429C19.2686 20.0429 19.5199 19.9403 19.7068 19.757C19.8901 19.5701 19.9927 19.3188 19.9927 19.057C19.9927 18.7953 19.8901 18.544 19.7068 18.357L16.7068 15.257ZM11.1068 16.057C10.4419 16.0703 9.78091 15.9508 9.16269 15.7055C8.54448 15.4602 7.98142 15.094 7.50648 14.6284C7.03154 14.1628 6.65428 13.6071 6.39677 12.9938C6.13927 12.3806 6.0067 11.7221 6.00684 11.057C6.00684 9.70443 6.54416 8.40722 7.50059 7.45079C8.45703 6.49435 9.75423 5.95703 11.1068 5.95703C12.4594 5.95703 13.7566 6.49435 14.7131 7.45079C15.6695 8.40722 16.2068 9.70443 16.2068 11.057C16.207 11.7221 16.0744 12.3806 15.8169 12.9938C15.5594 13.6071 15.1821 14.1628 14.7072 14.6284C14.2323 15.094 13.6692 15.4602 13.051 15.7055C12.4328 15.9508 11.7718 16.0703 11.1068 16.057Z'/%3e%3c/svg%3e");
+  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-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-color: rgb(235, 245, 253);
 }
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -3315,7 +4457,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -3325,7 +4467,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -3368,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;
@@ -3393,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);
@@ -3417,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%;
   }
@@ -3449,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);
@@ -3489,7 +4659,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -3624,7 +4794,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -3753,7 +4923,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -3854,7 +5024,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -3913,7 +5083,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -4282,7 +5452,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -4326,7 +5496,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -4482,7 +5652,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -4497,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;
@@ -4528,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;
 }
@@ -4576,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);
@@ -4691,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;
@@ -4787,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);
@@ -4795,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 Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -4866,7 +6056,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -5027,7 +6217,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS:
@@ -5186,7 +6376,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Oct 2022 15:49:45 GMT
+ * Generated on Tue, 01 Nov 2022 17:17:35 GMT
  */
 /**
 * TOKENS: