@ilo-org/styles 0.1.1 → 0.1.2

package/build/css/index.css

@@ -151,7 +151,7 @@ select {
 }
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -250,7 +250,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -350,7 +350,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -567,7 +567,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -577,7 +577,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -602,7 +602,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -892,7 +892,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -1022,7 +1022,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -1840,7 +1840,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -1885,7 +1885,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -1989,7 +1989,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2061,7 +2061,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2071,7 +2071,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2081,7 +2081,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2091,7 +2091,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2190,7 +2190,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2210,7 +2210,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2285,7 +2285,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2295,7 +2295,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2305,7 +2305,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2358,7 +2358,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2423,7 +2423,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2529,7 +2529,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2549,7 +2549,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2559,7 +2559,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2584,7 +2584,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -2952,7 +2952,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -3075,7 +3075,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -3408,7 +3408,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -3454,7 +3454,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -3604,7 +3604,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -3614,7 +3614,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -3639,7 +3639,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -3789,7 +3789,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -3852,7 +3852,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -3862,7 +3862,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -3872,7 +3872,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -3980,7 +3980,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -3990,7 +3990,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -4000,7 +4000,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -4088,7 +4088,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -4097,7 +4097,7 @@ body {
 * MAPS:
 */
 .ilo--header {
-  overflow-x: hidden;
+  overflow: hidden;
   position: relative;
   z-index: 4;
 }
@@ -4204,6 +4204,9 @@ body {
   .ilo--header--utility-bar--local {
     justify-content: space-between;
   }
+  .right-to-left .ilo--header--utility-bar {
+    flex-direction: row-reverse;
+  }
 }
 .ilo--header--inner {
   margin: auto;
@@ -4211,6 +4214,9 @@ body {
   padding: 0 16px;
   width: 100%;
 }
+.right-to-left .ilo--header--inner {
+  direction: rtl;
+}
 @media screen and (min-width: 1024px) {
   .ilo--header--inner {
     display: flex;
@@ -4248,6 +4254,9 @@ body {
   padding: 20px 0;
   text-align: right;
 }
+.right-to-left .ilo--header--logo-tagline {
+  text-align: left;
+}
 @media screen and (min-width: 1024px) {
   .ilo--header--logo-tagline {
     display: block;
@@ -4257,6 +4266,7 @@ body {
   font-size: 11.9px;
   letter-spacing: -0.02em;
   line-height: 19.4px;
+  color: rgb(190, 220, 250);
   display: block;
   font-weight: 500;
 }
@@ -4322,7 +4332,7 @@ body {
     padding: 21.5px 24px 20.5px;
   }
   .ilo--nav--link:hover, .ilo--nav--link:focus {
-    background: rgb(255, 255, 255);
+    background: rgb(235, 245, 253);
     color: rgb(30, 45, 190);
     text-decoration: none;
   }
@@ -4334,7 +4344,7 @@ body {
   line-height: 21.6px;
   appearance: none;
   background-color: rgb(255, 255, 255);
-  background-position: 90% 55%;
+  background-position: calc(100% - 16px) 55%;
   background-repeat: no-repeat;
   background-size: 16px;
   border: none;
@@ -4353,6 +4363,19 @@ body {
   background-color: rgb(235, 245, 253);
   color: rgb(30, 45, 190);
 }
+.right-to-left .ilo--nav--trigger {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(35, 0, 80)' d='m7.9 12.5-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3e%3c/svg%3e");
+  background-color: rgb(255, 255, 255);
+  background-position: 16px 55%;
+  background-repeat: no-repeat;
+  background-size: 16px;
+  text-align: right;
+}
+.right-to-left .ilo--nav--trigger:focus, .right-to-left .ilo--nav--trigger:hover {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='m7.9 12.5-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3e%3c/svg%3e");
+  background-color: rgb(235, 245, 253);
+  color: rgb(30, 45, 190);
+}
 @media screen and (min-width: 1024px) {
   .ilo--nav--trigger {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3e%3cpath fill='rgb(255, 255, 255)' d='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
@@ -4381,6 +4404,19 @@ body {
     border-color: rgb(255, 255, 255);
     color: rgb(30, 45, 190);
   }
+  .right-to-left .ilo--nav--trigger {
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3e%3cpath fill='rgb(255, 255, 255)' d='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
+    background-color: rgb(35, 0, 80);
+    background-position: 90% 55%;
+    background-repeat: no-repeat;
+    background-size: 20px;
+    text-align: left;
+  }
+  .right-to-left .ilo--nav--trigger:focus, .right-to-left .ilo--nav--trigger:hover {
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
+    background-color: rgb(255, 255, 255);
+    color: rgb(30, 45, 190);
+  }
 }
 .ilo--nav--local {
   display: flex;
@@ -4415,11 +4451,60 @@ body {
   color: rgb(30, 45, 190);
 }
 
+.ilo--mobile--nav {
+  border-bottom: 3px solid rgb(237, 240, 242);
+  margin-bottom: 16px;
+  padding-bottom: 16px;
+}
 .ilo--mobile--nav--logo {
   align-items: center;
   display: flex;
   justify-content: space-between;
 }
+.ilo--mobile--nav--language--select {
+  background: rgb(255, 255, 255);
+  left: 0;
+  height: 100%;
+  padding: 0 0 1.7148981779rem;
+  position: absolute;
+  top: 0;
+  transform: translateX(100%);
+  transition: transform 225ms ease-out;
+  width: 100%;
+}
+.ilo--select--open .ilo--mobile--nav--language--select {
+  transform: translateX(0);
+}
+.ilo--mobile--nav--language--switcher--button {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 16 16'%3e%3cpath fill='rgb(35, 0, 80)' fill-rule='evenodd' d='M1.08687 7.46667H3.21031C3.2851 5.53749 3.76315 3.78006 4.51995 2.45566C4.65969 2.21111 4.81092 1.97841 4.97289 1.76064C2.81175 2.81109 1.27822 4.9513 1.08687 7.46667ZM8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0ZM7.46667 1.1413C6.74082 1.34466 6.03016 1.96273 5.44607 2.98488C4.79279 4.12812 4.35217 5.69751 4.27783 7.46667H7.46667V1.1413ZM7.46667 8.53333H4.27783C4.35217 10.3025 4.79279 11.8719 5.44607 13.0151C6.03016 14.0373 6.74082 14.6553 7.46667 14.8587V8.53333ZM4.97289 14.2394C4.81093 14.0216 4.65969 13.7889 4.51995 13.5443C3.76315 12.2199 3.2851 10.4625 3.21031 8.53333H1.08687C1.27822 11.0487 2.81176 13.1889 4.97289 14.2394ZM8.53333 14.8587V8.53333H11.7222C11.6478 10.3025 11.2072 11.8719 10.5539 13.0151C9.96984 14.0373 9.25918 14.6553 8.53333 14.8587ZM11.7222 7.46667H8.53333V1.1413C9.25918 1.34466 9.96984 1.96273 10.5539 2.98488C11.2072 4.12812 11.6478 5.69751 11.7222 7.46667ZM12.7897 7.46667C12.7149 5.53749 12.2369 3.78006 11.4801 2.45566C11.3403 2.21111 11.1891 1.97841 11.0271 1.76064C13.1883 2.81109 14.7218 4.95129 14.9131 7.46667H12.7897ZM12.7897 8.53333C12.7149 10.4625 12.2369 12.2199 11.4801 13.5443C11.3403 13.7889 11.1891 14.0216 11.0271 14.2394C13.1883 13.1889 14.7218 11.0487 14.9131 8.53333H12.7897Z' clip-rule='evenodd'/%3e%3c/svg%3e");
+  font-size: 16px;
+  letter-spacing: -0.02em;
+  line-height: 21.6px;
+  appearance: none;
+  background-color: rgb(255, 255, 255);
+  background-position: calc(100% - 16px) 55%;
+  background-repeat: no-repeat;
+  background-size: 16px;
+  border: none;
+  color: rgb(35, 0, 80);
+  cursor: pointer;
+  display: block;
+  font-family: Overpass;
+  font-weight: 500;
+  padding: 16px 36px 16px 8px;
+  text-align: left;
+  transition: all 150ms ease-out;
+  width: 100%;
+}
+.ilo--mobile--nav--language--switcher--button:focus, .ilo--mobile--nav--language--switcher--button:hover {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 16 16'%3e%3cpath fill='rgb(30, 45, 190)' fill-rule='evenodd' d='M1.08687 7.46667H3.21031C3.2851 5.53749 3.76315 3.78006 4.51995 2.45566C4.65969 2.21111 4.81092 1.97841 4.97289 1.76064C2.81175 2.81109 1.27822 4.9513 1.08687 7.46667ZM8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0ZM7.46667 1.1413C6.74082 1.34466 6.03016 1.96273 5.44607 2.98488C4.79279 4.12812 4.35217 5.69751 4.27783 7.46667H7.46667V1.1413ZM7.46667 8.53333H4.27783C4.35217 10.3025 4.79279 11.8719 5.44607 13.0151C6.03016 14.0373 6.74082 14.6553 7.46667 14.8587V8.53333ZM4.97289 14.2394C4.81093 14.0216 4.65969 13.7889 4.51995 13.5443C3.76315 12.2199 3.2851 10.4625 3.21031 8.53333H1.08687C1.27822 11.0487 2.81176 13.1889 4.97289 14.2394ZM8.53333 14.8587V8.53333H11.7222C11.6478 10.3025 11.2072 11.8719 10.5539 13.0151C9.96984 14.0373 9.25918 14.6553 8.53333 14.8587ZM11.7222 7.46667H8.53333V1.1413C9.25918 1.34466 9.96984 1.96273 10.5539 2.98488C11.2072 4.12812 11.6478 5.69751 11.7222 7.46667ZM12.7897 7.46667C12.7149 5.53749 12.2369 3.78006 11.4801 2.45566C11.3403 2.21111 11.1891 1.97841 11.0271 1.76064C13.1883 2.81109 14.7218 4.95129 14.9131 7.46667H12.7897ZM12.7897 8.53333C12.7149 10.4625 12.2369 12.2199 11.4801 13.5443C11.3403 13.7889 11.1891 14.0216 11.0271 14.2394C13.1883 13.1889 14.7218 11.0487 14.9131 8.53333H12.7897Z' clip-rule='evenodd'/%3e%3c/svg%3e");
+  background-color: rgb(235, 245, 253);
+  color: rgb(30, 45, 190);
+}
+.right-to-left .ilo--mobile--nav--language--switcher--button {
+  background-position: 16px 55%;
+  text-align: right;
+}
 @media screen and (min-width: 1024px) {
   .ilo--mobile--nav {
     display: none;
@@ -4432,6 +4517,9 @@ body {
   padding: 0 max((100% - 1300px) / 2, 20px) 0 0;
   position: relative;
 }
+.right-to-left .ilo--language-switcher {
+  padding: 0 0 0 max((100% - 1300px) / 2, 20px);
+}
 .ilo--language-switcher::before {
   background: rgb(35, 0, 80);
   clip-path: polygon(0 0, 100% 0, 100% 100%);
@@ -4443,6 +4531,11 @@ body {
   top: 0;
   width: 32px;
 }
+.right-to-left .ilo--language-switcher::before {
+  clip-path: polygon(0 0, 0 100%, 100% 100%);
+  left: auto;
+  right: -32px;
+}
 .ilo--language-switcher--wrap {
   display: flex;
   position: relative;
@@ -4461,6 +4554,7 @@ body {
   color: rgb(255, 255, 255);
   cursor: pointer;
   display: block;
+  font-family: Overpass;
   font-weight: 500;
   padding: 8px 30px 8px 40px;
   transition: all 150ms ease-out;
@@ -4485,6 +4579,8 @@ body {
 
 .ilo--subnav {
   background: rgb(255, 255, 255);
+  height: 100%;
+  left: 0;
   padding: 0 0 32px;
   position: absolute;
   top: 0;
@@ -4495,8 +4591,13 @@ body {
 .ilo--subnav--open .ilo--subnav {
   transform: translateX(0);
 }
+.right-to-left .ilo--subnav {
+  direction: rtl;
+}
 @media screen and (min-width: 1024px) {
   .ilo--subnav {
+    filter: drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.038)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.054)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08));
+    height: auto;
     left: 0;
     padding: 32px 0;
     top: auto;
@@ -4570,12 +4671,14 @@ body {
   border: none;
   color: rgb(35, 0, 80);
   cursor: pointer;
+  font-family: Overpass;
+  font-weight: 500;
   padding: 16px 16px 16px 32px;
   position: relative;
   transition: all 150ms ease-out;
 }
 .ilo--mobile--subnav--back::before {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3e%3cpath fill='rgb(35, 0, 80)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(35, 0, 80)' d='m7.9 12.5-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3e%3c/svg%3e");
   background-position: 10% center;
   background-repeat: no-repeat;
   background-size: 24px;
@@ -4585,14 +4688,31 @@ body {
   left: 0;
   position: absolute;
   top: 50%;
-  transform: translateY(-50%) rotate(180deg);
+  transform: translateY(-50%);
   width: 24px;
 }
+.right-to-left .ilo--mobile--subnav--back {
+  padding: 16px 32px 16px 16px;
+}
+.right-to-left .ilo--mobile--subnav--back::before {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3e%3cpath fill='rgb(35, 0, 80)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
+  background-position: 10% center;
+  background-repeat: no-repeat;
+  background-size: 24px;
+  left: auto;
+  right: 0;
+}
 .ilo--mobile--subnav--back:hover, .ilo--mobile--subnav--back:focus {
   background-color: rgb(235, 245, 253);
   color: rgb(30, 45, 190);
 }
 .ilo--mobile--subnav--back:hover::before, .ilo--mobile--subnav--back:focus::before {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='m7.9 12.5-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3e%3c/svg%3e");
+  background-position: 10% center;
+  background-repeat: no-repeat;
+  background-size: 24px;
+}
+.right-to-left .ilo--mobile--subnav--back:hover::before, .right-to-left .ilo--mobile--subnav--back:focus::before {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
   background-position: 10% center;
   background-repeat: no-repeat;
@@ -4618,6 +4738,7 @@ body {
 
 .ilo--search-box {
   background: rgb(255, 255, 255);
+  left: 0;
   position: absolute;
   top: 0;
   transform: translateX(100%);
@@ -4629,6 +4750,7 @@ body {
 }
 @media screen and (min-width: 1024px) {
   .ilo--search-box {
+    filter: drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.038)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.054)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08));
     left: 0;
     padding: 32px 0;
     top: auto;
@@ -4674,20 +4796,20 @@ body {
   background-color: rgb(235, 245, 253);
 }
 .ilo--search--open .ilo--search--button {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3e%3cpath fill='rgb(35, 0, 80)' d='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3e%3cpath fill='rgb(35, 0, 80)' d='M16.9497 15.5356L13.4142 12L16.9497 8.46451L15.5355 7.05029L12 10.5858L8.46446 7.05029L7.05025 8.46451L10.5858 12L7.05025 15.5356L8.46446 16.9498L12 13.4143L15.5355 16.9498L16.9497 15.5356Z'/%3e%3c/svg%3e");
   background-color: rgb(255, 255, 255);
   background-position: center;
   background-repeat: no-repeat;
   background-size: 21.5px 21.5px;
 }
 .ilo--search--open .ilo--search--button:hover, .ilo--search--open .ilo--search--button:focus {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M16.9497 15.5356L13.4142 12L16.9497 8.46451L15.5355 7.05029L12 10.5858L8.46446 7.05029L7.05025 8.46451L10.5858 12L7.05025 15.5356L8.46446 16.9498L12 13.4143L15.5355 16.9498L16.9497 15.5356Z'/%3e%3c/svg%3e");
   background-color: rgb(235, 245, 253);
 }
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -4697,7 +4819,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -4707,7 +4829,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -4899,7 +5021,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -5034,7 +5156,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -5163,7 +5285,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -5264,7 +5386,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -5323,7 +5445,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -5692,7 +5814,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -5736,7 +5858,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -5892,7 +6014,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -6231,7 +6353,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -6296,7 +6418,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -6457,7 +6579,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS:
@@ -6616,7 +6738,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Nov 2022 17:17:35 GMT
+ * Generated on Wed, 02 Nov 2022 22:23:12 GMT
  */
 /**
 * TOKENS: