@ilo-org/styles 0.9.2 → 0.10.0

package/build/css/monorepo.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:
@@ -251,7 +251,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:
@@ -370,7 +370,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:
@@ -395,7 +395,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:
@@ -649,7 +649,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:
@@ -659,7 +659,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:
@@ -684,7 +684,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:
@@ -974,7 +974,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:
@@ -1104,7 +1104,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:
@@ -1315,7 +1367,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:
@@ -1483,7 +1535,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:
@@ -1577,7 +1629,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:
@@ -1714,7 +1766,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:
@@ -1856,7 +1908,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:
@@ -2005,7 +2057,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:
@@ -2111,7 +2163,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:
@@ -2173,7 +2225,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:
@@ -2248,7 +2300,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:
@@ -2300,7 +2352,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:
@@ -2458,7 +2510,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:
@@ -2468,7 +2520,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:
@@ -2478,7 +2530,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:
@@ -2488,7 +2540,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:
@@ -2614,7 +2666,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:
@@ -2631,7 +2683,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:
@@ -2719,7 +2771,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:
@@ -2729,7 +2781,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:
@@ -2739,7 +2791,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:
@@ -2792,7 +2844,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:
@@ -2877,7 +2929,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:
@@ -2971,7 +3023,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:
@@ -3012,7 +3064,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:
@@ -3133,7 +3185,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:
@@ -3143,7 +3195,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:
@@ -3168,7 +3220,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:
@@ -3178,38 +3230,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 {
@@ -3221,7 +3284,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;
@@ -3232,10 +3295,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);
@@ -3264,8 +3327,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);
@@ -3300,32 +3364,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");
 }
@@ -3346,10 +3408,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;
@@ -3364,126 +3426,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;
@@ -3492,7 +3587,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:
@@ -3615,7 +3710,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:
@@ -3934,7 +4029,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:
@@ -4068,7 +4163,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:
@@ -4124,7 +4219,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:
@@ -4266,7 +4361,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:
@@ -4276,7 +4371,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:
@@ -4301,7 +4396,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:
@@ -4459,7 +4554,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:
@@ -4554,7 +4649,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:
@@ -4564,7 +4659,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:
@@ -4574,7 +4669,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:
@@ -4745,7 +4840,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:
@@ -4792,7 +4887,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:
@@ -4802,7 +4897,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:
@@ -4812,7 +4907,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:
@@ -4909,7 +5004,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:
@@ -5105,12 +5200,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;
 }
@@ -5584,12 +5673,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;
@@ -5811,7 +5894,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:
@@ -5821,7 +5904,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:
@@ -5831,7 +5914,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:
@@ -6023,7 +6106,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:
@@ -6163,7 +6246,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:
@@ -6173,7 +6256,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:
@@ -6198,7 +6281,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:
@@ -6365,7 +6448,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:
@@ -6434,7 +6517,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:
@@ -6444,7 +6527,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:
@@ -6469,7 +6552,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:
@@ -6530,7 +6613,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:
@@ -6945,7 +7028,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:
@@ -6999,7 +7082,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:
@@ -7157,7 +7240,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:
@@ -7508,7 +7591,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:
@@ -7694,7 +7777,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:
@@ -7752,7 +7835,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:
@@ -7926,7 +8009,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:
@@ -7986,7 +8069,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:
@@ -7996,7 +8079,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:
@@ -8098,7 +8181,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:
@@ -8273,7 +8356,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:
@@ -9183,7 +9266,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:
@@ -9193,7 +9276,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:
@@ -9218,7 +9301,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:
@@ -9234,9 +9317,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;
 }