@ilo-org/styles 0.9.2 → 0.10.0

package/build/css/index.css

@@ -152,7 +152,7 @@ select {
 }
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -170,7 +170,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -289,7 +289,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -314,7 +314,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -568,7 +568,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -578,7 +578,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -603,7 +603,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -893,7 +893,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -1023,7 +1023,59 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ */
+/**
+* TOKENS:
+*/
+/**
+* MAPS:
+*/
+/**
+ * Do not edit directly
+ * Generated on Fri, 22 Sep 2023 13:48:42 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 Fri, 22 Sep 2023 13:48:42 GMT
+ */
+/**
+* TOKENS:
+*/
+/**
+* MAPS:
+*/
+.ilo--container {
+  margin: auto;
+  max-width: 1300px;
+  padding: 0 1.0718113612rem;
+  width: 100%;
+}
+
+/**
+ * Do not edit directly
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -1234,7 +1286,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -1402,7 +1454,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -1496,7 +1548,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -1633,7 +1685,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -1775,7 +1827,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -1924,7 +1976,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -2030,7 +2082,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -2092,7 +2144,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -2167,7 +2219,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -2219,7 +2271,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -2296,7 +2348,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -2377,7 +2429,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -2387,7 +2439,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -2397,7 +2449,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -2407,7 +2459,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -2533,7 +2585,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -2550,7 +2602,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -2638,7 +2690,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -2648,7 +2700,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -2658,7 +2710,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -2711,7 +2763,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -2796,7 +2848,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -2890,7 +2942,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -2931,7 +2983,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -3052,7 +3104,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -3062,7 +3114,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -3087,7 +3139,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -3097,38 +3149,49 @@ body {
 */
 .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;
+  width: 100%;
+  overflow: hidden;
+  /* RTL Styles */
 }
-.ilo--footer--main > * {
+.ilo--footer--main {
+  padding: 2.1436227224rem 1.7148981779rem;
   position: relative;
-  z-index: 1;
 }
-.ilo--footer--main:after {
+.ilo--footer--main:before {
   background-size: contain;
   background-repeat: no-repeat;
-  bottom: 0;
   content: "";
   height: 100%;
   min-width: 409.5px;
-  right: 0;
   position: absolute;
-  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");
+  bottom: 0;
+  right: 0;
+  transform: scaleY(-1);
+}
+.ilo--footer--main:after {
+  content: "";
+  border-bottom: 0.3215434084rem solid rgb(250, 60, 75);
+  width: 200vw;
+  position: absolute;
+  bottom: 0;
+  left: -100vw;
+}
+.ilo--footer--main > * {
+  position: relative;
+  z-index: 1;
 }
 .ilo--footer--logo {
   height: 2.5723472669rem;
   width: auto;
 }
 .ilo--footer--secondary {
-  background-color: rgb(255, 255, 255);
-  padding: 1.9292604502rem 0.857449089rem 0 0.857449089rem;
+  background-color: rgb(237, 240, 242);
+  padding-top: 1.9292604502rem;
   min-height: 3.0010718114rem;
 }
 .ilo--footer--headline {
@@ -3140,7 +3203,7 @@ body {
   line-height: 23.36px;
   line-height: 1.1575562701rem;
   margin-bottom: 0.0895963823rem;
-  margin-top: 0.732683199rem;
+  margin-top: 1.1789924973rem;
 }
 .ilo--footer--subhead {
   color: #bedcfa;
@@ -3151,10 +3214,10 @@ body {
   letter-spacing: normal;
   line-height: 16.24px;
   line-height: 0.9946409432rem;
-  margin-bottom: 1.1927105212rem;
+  margin-bottom: 2.4115755627rem;
 }
 .ilo--footer .address {
-  margin-bottom: 2.2508038585rem;
+  margin-bottom: 2.0900321543rem;
 }
 .ilo--footer .address--line {
   color: rgb(255, 255, 255);
@@ -3183,8 +3246,9 @@ body {
   display: inline;
   list-style: none;
 }
-.ilo--footer .secondarylinks--list--item:not(first-child):before {
-  content: " | ";
+.ilo--footer .secondarylinks--list--item:before {
+  content: "|";
+  margin: 0.2143622722rem;
 }
 .ilo--footer .secondarylinks--list--item a {
   color: rgb(109, 109, 109);
@@ -3219,32 +3283,30 @@ body {
   transition-timing-function: ease-out;
 }
 .ilo--footer .anchorlink {
-  background: rgba(0, 0, 0, 0);
-  border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
+  display: flex;
+  flex-flow: row nowrap;
   color: rgb(35, 0, 80);
-  display: block;
   font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
-  height: 3.0010718114rem;
-  margin: 0.6430868167rem auto 0 auto;
-  padding: 0.857449089rem 1.7148981779rem 0.857449089rem 0;
-  position: relative;
-  text-align: left;
-  text-decoration: none;
   font-size: 16px;
   letter-spacing: -0.02em;
   line-height: 21.6px;
+  position: relative;
+  text-decoration: none;
   width: max-content;
+  justify-content: center;
+  border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
+  margin: 0.6430868167rem auto 0 auto;
+  padding: 0.857449089rem 0.857449089rem 0.857449089rem 0.857449089rem;
 }
 .ilo--footer .anchorlink:after {
   background-repeat: no-repeat;
   content: "";
-  display: inline-block;
   height: 1.2861736334rem;
-  position: absolute;
-  right: 0.1071811361rem;
-  top: 50%;
-  transform: translateY(-50%) rotateX(180deg);
-  transform-origin: center center;
+  position: relative;
+  margin-left: 0.4287245445rem;
+  bottom: 0.1607717042rem;
+  transform: rotateX(180deg);
+  transform-origin: center;
   width: 1.2861736334rem;
   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='M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z'/%3e%3c/svg%3e");
 }
@@ -3265,10 +3327,10 @@ body {
     display: grid;
     grid-template-columns: minmax(0, 50%) minmax(0, 50%);
     gap: 0px 64px;
-    grid-template-areas: "site-info address" "site-info links" "site-info connect";
+    grid-template-areas: "site-info address" "site-info links" "site-info connect" "site-info subscribe";
     align-content: start;
     align-items: start;
-    padding: 2.1436227224rem 1.7148981779rem 2.1436227224rem 1.7148981779rem;
+    padding: 2.1436227224rem 1.0718113612rem;
   }
   .ilo--footer .site--info {
     grid-area: site-info;
@@ -3283,126 +3345,159 @@ body {
   .ilo--footer .links {
     grid-area: links;
   }
+  .ilo--footer .subscribe {
+    grid-area: subscribe;
+  }
   .ilo--footer--secondary {
-    padding: 0.9646302251rem 0.857449089rem;
+    padding-top: 0.9646302251rem;
+    padding-bottom: 0.9646302251rem;
     position: relative;
-  }
-  .ilo--footer .legal,
-  .ilo--footer .secondarylinks {
-    display: block;
-    float: left;
-  }
-  .ilo--footer .secondarylinks {
-    margin-right: 6.7524115756rem;
+    z-index: 1;
   }
   .ilo--footer .anchorlink {
-    display: inline-block;
-    margin: 0;
-    position: absolute;
-    right: 16px;
-    top: 0;
+    bottom: 0;
   }
 }
 @media screen and (min-width: 1024px) {
-  .ilo--footer--main {
-    display: grid;
-    grid-template-columns: 19.2% 25.1% calc(32.5% + 64px);
-    grid-template-rows: 0.6fr 1.4fr;
-    gap: 0px 64px;
-    grid-template-areas: "site-info address connect" "site-info links connect";
-    padding: 3.0010718114rem 3.7513397642rem 3.4297963558rem 3.7513397642rem;
-  }
-  .ilo--footer--main:after {
+  .ilo--footer:after {
+    background-size: contain;
+    background-repeat: no-repeat;
+    content: "";
+    height: 100%;
+    min-width: 409.5px;
+    position: absolute;
+    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");
     background-position: right top;
     bottom: auto;
     top: 0;
+    right: 0;
     transform: scaleY(1);
   }
-  .ilo--footer .connect {
+  .ilo--footer--main {
     display: grid;
-    grid-template-columns: minmax(0, 40%), 60%;
-    grid-template-rows: repeat(3, minmax(0, 1fr));
+    grid-template-columns: 0.25fr 0.33fr 0.09fr 0.33fr;
+    grid-template-rows: auto auto;
+    gap: 0px 64px;
+    grid-template-areas: "site-info address  .  connect" "site-info links    .  subscribe";
+    padding-top: 2.3579849946rem;
+    padding-bottom: 2.7331189711rem;
+  }
+  .ilo--footer--main:before {
+    content: none;
+  }
+  .ilo--footer .connect {
     grid-area: connect;
-    margin: 0 0 0 calc(18.9% + 64px);
+    margin: 0;
+  }
+  .ilo--footer .subscribe {
+    height: 100%;
+    display: flex;
+    align-items: flex-start;
+    justify-content: flex-start;
+    flex-flow: column;
+    top: 8px;
   }
   .ilo--footer .ilo--button {
     align-self: start;
     justify-self: start;
   }
   .ilo--footer--secondary {
-    padding: 0.9646302251rem 3.7513397642rem;
+    padding-top: 0.9646302251rem;
+    padding-bottom: 0.9646302251rem;
     position: relative;
   }
-  .ilo--footer .secondarylinks {
-    margin-right: 7.5026795284rem;
+  .ilo--footer--secondary [class*=container] {
+    display: flex;
+    flex-flow: row;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .ilo--footer--secondary--details {
+    display: flex;
+    flex-flow: row;
+    justify-content: flex-start;
+    align-items: center;
+  }
+  .ilo--footer--secondary .secondarylinks--list--item:before {
+    margin: 0.4287245445rem;
   }
   .ilo--footer .anchorlink {
-    display: inline-block;
     margin: 0;
-    position: absolute;
-    right: 70px;
-    top: 0;
+    border: none;
+    padding: 0.25rem;
+  }
+  .ilo--footer .anchorlink:hover {
+    margin-bottom: -0.1071811361rem;
   }
 }
 .right-to-left .ilo--footer * {
   text-align: right;
 }
-.right-to-left .ilo--footer .legal,
-.right-to-left .ilo--footer .secondarylinks {
-  display: block;
+.right-to-left .ilo--footer--main:before {
+  background-size: contain;
+  background-repeat: no-repeat;
+  content: "";
+  height: 100%;
+  min-width: 409.5px;
+  position: absolute;
+  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");
+  bottom: 0;
+  left: 0;
+  transform: scaleY(-1) scaleX(-1);
 }
-.right-to-left .ilo--footer .secondarylinks--list {
+.right-to-left .ilo--footer .subscribe a {
+  align-self: flex-end;
+}
+.right-to-left .ilo--footer--secondary [class*=container] {
+  flex-direction: row-reverse;
+}
+.right-to-left .ilo--footer--secondary--details {
   display: flex;
+  flex-flow: row-reverse wrap;
+}
+.right-to-left .ilo--footer .secondarylinks--list {
   flex-direction: row-reverse;
 }
-.right-to-left .ilo--footer .secondarylinks--list--item:not(first-child):before {
+.right-to-left .ilo--footer .secondarylinks--list--item:before {
   content: none;
 }
-.right-to-left .ilo--footer .secondarylinks--list--item:not(first-child):after {
-  content: " |  ";
-  padding-right: 0.1071811361rem;
-}
-.right-to-left .ilo--footer--main:after {
-  bottom: 0;
-  left: 0;
-  right: auto;
-  top: auto;
-  transform: scale(-1, -1);
+.right-to-left .ilo--footer .secondarylinks--list--item:after {
+  content: "|";
+  margin: 0.2143622722rem;
 }
 @media screen and (min-width: 610px) {
   .right-to-left .ilo--footer--main {
-    grid-template-areas: "address site-info" "links site-info" "connect site-info";
-  }
-  .right-to-left .ilo--footer .legal,
-  .right-to-left .ilo--footer .secondarylinks {
-    float: right;
-  }
-  .right-to-left .ilo--footer .secondarylinks {
-    margin-left: 6.7524115756rem;
-    margin-right: 0.2143622722rem;
-  }
-  .right-to-left .ilo--footer .secondarylinks--list {
-    display: flex;
-    flex-direction: row-reverse;
-  }
-  .right-to-left .ilo--footer .anchorlink {
-    left: 16px;
-    right: auto;
+    grid-template-areas: "address site-info" "links site-info" "connect site-info" "subscribe site-info";
   }
 }
 @media screen and (min-width: 1024px) {
+  .right-to-left .ilo--footer:after {
+    background-size: contain;
+    background-repeat: no-repeat;
+    content: "";
+    height: 100%;
+    min-width: 409.5px;
+    position: absolute;
+    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");
+    top: 0;
+    left: 0;
+    transform: scaleY(1) scaleX(-1);
+  }
   .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";
+    grid-template-columns: 0.33fr 0.09fr 0.33fr 0.25fr;
+    grid-template-areas: "connect   . address site-info" "subscribe . links   site-info";
   }
-  .right-to-left .ilo--footer--main:after {
-    left: 0;
-    right: auto;
-    transform: scale(-1, 1);
+  .right-to-left .ilo--footer--main:before {
+    content: none;
   }
   .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;
@@ -3411,7 +3506,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -3534,7 +3629,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -3853,7 +3948,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -3987,7 +4082,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -4043,7 +4138,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -4185,7 +4280,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -4195,7 +4290,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -4220,7 +4315,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -4378,7 +4473,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -4473,7 +4568,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -4483,7 +4578,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -4493,7 +4588,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -4664,7 +4759,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -4711,7 +4806,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -4721,7 +4816,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -4731,7 +4826,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -4828,7 +4923,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -5024,12 +5119,6 @@ body {
     flex-direction: row-reverse;
   }
 }
-.ilo--header--inner {
-  margin: auto;
-  max-width: 1300px;
-  padding: 0 16px;
-  width: 100%;
-}
 .right-to-left .ilo--header--inner {
   direction: rtl;
 }
@@ -5503,12 +5592,6 @@ body {
     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;
@@ -5730,7 +5813,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -5740,7 +5823,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -5750,7 +5833,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -5942,7 +6025,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -6082,7 +6165,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -6092,7 +6175,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -6117,7 +6200,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -6284,7 +6367,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -6353,7 +6436,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -6363,7 +6446,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -6388,7 +6471,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -6449,7 +6532,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -6864,7 +6947,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -6918,7 +7001,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -7076,7 +7159,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -7427,7 +7510,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -7613,7 +7696,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -7671,7 +7754,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -7845,7 +7928,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -7905,7 +7988,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -7915,7 +7998,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -8017,7 +8100,7 @@ input:checked + .ilo--input--toggle--slider:before {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -8192,7 +8275,7 @@ input:checked + .ilo--input--toggle--slider:before {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -9102,7 +9185,7 @@ input:checked + .ilo--input--toggle--slider:before {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -9112,7 +9195,7 @@ input:checked + .ilo--input--toggle--slider:before {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -9137,7 +9220,7 @@ input:checked + .ilo--input--toggle--slider:before {
 }
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 12:22:12 GMT
+ * Generated on Fri, 22 Sep 2023 13:48:42 GMT
  */
 /**
 * TOKENS:
@@ -9153,9 +9236,15 @@ input:checked + .ilo--input--toggle--slider:before {
 .ilo--social-media__justify__center {
   align-items: center;
 }
+.right-to-left .ilo--social-media {
+  direction: rtl;
+}
 .right-to-left .ilo--social-media .social--links {
   flex-direction: row-reverse;
 }
+.right-to-left .ilo--social-media .ilo--social-media--list--item--icon {
+  text-indent: 999px;
+}
 .right-to-left .ilo--social-media * {
   text-align: right;
 }