@ilo-org/styles 0.0.2 → 0.1.0

package/build/css/components/index.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -10,7 +10,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -110,7 +110,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -327,7 +327,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -584,7 +584,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -714,7 +714,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -723,7 +723,7 @@
 * MAPS:
 */
 .ilo--card {
-  margin: 16px 0;
+  margin: 0;
 }
 .ilo--card--action:hover, .ilo--card--action:focus {
   background: rgb(255, 255, 255);
@@ -1259,7 +1259,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -1267,16 +1267,11 @@
 /**
 * MAPS:
 */
-.ilo--cardgroup {
-  background: #e5e5e5;
-  padding: 112px 40px;
-}
 .ilo--cardgroup--inner {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   margin: auto;
-  max-width: 1189px;
 }
 .ilo--cardgroup--inner .ilo--card {
   width: 100%;
@@ -1299,7 +1294,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -1403,7 +1398,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -1475,7 +1470,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -1485,7 +1480,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -1495,7 +1490,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -1505,7 +1500,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -1604,7 +1599,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -1624,7 +1619,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -1699,7 +1694,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -1709,7 +1704,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -1719,7 +1714,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -1772,7 +1767,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -1837,7 +1832,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -1943,7 +1938,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -1963,7 +1958,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -2239,7 +2234,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -2362,7 +2357,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -2700,7 +2695,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -2746,7 +2741,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -2896,7 +2891,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -3011,7 +3006,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -3074,7 +3069,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -3084,7 +3079,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -3094,7 +3089,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -3202,7 +3197,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -3212,7 +3207,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -3222,7 +3217,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -3310,7 +3305,600 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 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;
+}
+.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--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;
+}
+
+.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;
+  }
+  .ilo--header.ilo--subnav--open .ilo--subnav {
+    transform: translateY(0);
+  }
+}
+.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--subnav--set {
+  display: grid;
+  grid-template-columns: 1fr;
+  width: 100%;
+}
+@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--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--subnav--link:hover, .ilo--subnav--link:focus {
+  background: rgb(235, 245, 253);
+  color: rgb(30, 45, 190);
+  text-decoration: none;
+}
+
+@media screen and (min-width: 1024px) {
+  .ilo--mobile--subnav {
+    display: none;
+  }
+}
+.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;
+  top: 50%;
+  transform: translateY(-50%) rotate(180deg);
+  width: 24px;
+}
+.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;
+  transform: translateX(100%);
+  transition: transform 225ms ease-out;
+  width: 100%;
+}
+.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--search {
+    display: flex;
+  }
+}
+.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 Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -3320,7 +3908,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -3330,7 +3918,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -3494,7 +4082,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -3629,7 +4217,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -3758,7 +4346,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -3859,7 +4447,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -3918,7 +4506,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -4287,7 +4875,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -4331,7 +4919,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -4487,7 +5075,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -4806,7 +5394,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -4871,7 +5459,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -5032,7 +5620,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS:
@@ -5191,7 +5779,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 
 /**
  * Do not edit directly
- * Generated on Thu, 20 Oct 2022 16:28:48 GMT
+ * Generated on Wed, 26 Oct 2022 11:06:50 GMT
  */
 /**
 * TOKENS: