@ilo-org/styles 0.9.2 → 0.10.0

package/build/css/components/index.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /**
  * 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:
@@ -11,7 +11,7 @@
 */
 /**
  * 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:
@@ -130,7 +130,7 @@
 
 /**
  * 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:
@@ -155,7 +155,7 @@
 }
 /**
  * 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:
@@ -409,7 +409,7 @@
 
 /**
  * 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:
@@ -419,7 +419,7 @@
 */
 /**
  * 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:
@@ -444,7 +444,7 @@
 }
 /**
  * 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:
@@ -734,7 +734,7 @@
 
 /**
  * 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:
@@ -864,7 +864,59 @@
 
 /**
  * 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:
@@ -1075,7 +1127,7 @@
 
 /**
  * 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:
@@ -1243,7 +1295,7 @@
 
 /**
  * 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:
@@ -1337,7 +1389,7 @@
 
 /**
  * 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:
@@ -1474,7 +1526,7 @@
 
 /**
  * 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:
@@ -1616,7 +1668,7 @@
 
 /**
  * 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:
@@ -1765,7 +1817,7 @@
 
 /**
  * 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:
@@ -1871,7 +1923,7 @@
 
 /**
  * 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:
@@ -1933,7 +1985,7 @@
 
 /**
  * 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:
@@ -2008,7 +2060,7 @@
 
 /**
  * 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:
@@ -2060,7 +2112,7 @@
 
 /**
  * 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:
@@ -2137,7 +2189,7 @@
 
 /**
  * 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:
@@ -2218,7 +2270,7 @@
 
 /**
  * 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:
@@ -2228,7 +2280,7 @@
 */
 /**
  * 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:
@@ -2238,7 +2290,7 @@
 */
 /**
  * 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 @@
 */
 /**
  * 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:
@@ -2374,7 +2426,7 @@
 
 /**
  * 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:
@@ -2391,7 +2443,7 @@
 
 /**
  * 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:
@@ -2479,7 +2531,7 @@
 
 /**
  * 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:
@@ -2489,7 +2541,7 @@
 */
 /**
  * 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:
@@ -2499,7 +2551,7 @@
 */
 /**
  * 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:
@@ -2552,7 +2604,7 @@
 
 /**
  * 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:
@@ -2637,7 +2689,7 @@
 
 /**
  * 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:
@@ -2731,7 +2783,7 @@
 
 /**
  * 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:
@@ -2772,7 +2824,7 @@
 
 /**
  * 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:
@@ -2893,7 +2945,7 @@
 
 /**
  * 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:
@@ -2903,7 +2955,7 @@
 */
 /**
  * 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:
@@ -2928,7 +2980,7 @@
 }
 /**
  * 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:
@@ -2938,38 +2990,49 @@
 */
 .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 {
@@ -2981,7 +3044,7 @@
   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;
@@ -2992,10 +3055,10 @@
   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);
@@ -3024,8 +3087,9 @@
   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);
@@ -3060,32 +3124,30 @@
   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");
 }
@@ -3106,10 +3168,10 @@
     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;
@@ -3124,126 +3186,159 @@
   .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;
@@ -3252,7 +3347,7 @@
 
 /**
  * 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:
@@ -3375,7 +3470,7 @@
 
 /**
  * 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:
@@ -3694,7 +3789,7 @@
 
 /**
  * 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:
@@ -3828,7 +3923,7 @@
 
 /**
  * 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:
@@ -3884,7 +3979,7 @@
 
 /**
  * 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:
@@ -4026,7 +4121,7 @@
 
 /**
  * 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:
@@ -4036,7 +4131,7 @@
 */
 /**
  * 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:
@@ -4061,7 +4156,7 @@
 }
 /**
  * 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:
@@ -4219,7 +4314,7 @@
 
 /**
  * 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:
@@ -4314,7 +4409,7 @@
 
 /**
  * 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:
@@ -4324,7 +4419,7 @@
 */
 /**
  * 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:
@@ -4334,7 +4429,7 @@
 */
 /**
  * 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:
@@ -4505,7 +4600,7 @@
 
 /**
  * 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:
@@ -4552,7 +4647,7 @@
 
 /**
  * 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:
@@ -4562,7 +4657,7 @@
 */
 /**
  * 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:
@@ -4572,7 +4667,7 @@
 */
 /**
  * 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:
@@ -4669,7 +4764,7 @@
 
 /**
  * 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:
@@ -4865,12 +4960,6 @@
     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;
 }
@@ -5344,12 +5433,6 @@
     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;
@@ -5571,7 +5654,7 @@
 
 /**
  * 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:
@@ -5581,7 +5664,7 @@
 */
 /**
  * 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:
@@ -5591,7 +5674,7 @@
 */
 /**
  * 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:
@@ -5783,7 +5866,7 @@
 
 /**
  * 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:
@@ -5923,7 +6006,7 @@
 
 /**
  * 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:
@@ -5933,7 +6016,7 @@
 */
 /**
  * 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:
@@ -5958,7 +6041,7 @@
 }
 /**
  * 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:
@@ -6125,7 +6208,7 @@
 
 /**
  * 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:
@@ -6194,7 +6277,7 @@
 
 /**
  * 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:
@@ -6204,7 +6287,7 @@
 */
 /**
  * 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:
@@ -6229,7 +6312,7 @@
 }
 /**
  * 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:
@@ -6290,7 +6373,7 @@
 
 /**
  * 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:
@@ -6705,7 +6788,7 @@
 
 /**
  * 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:
@@ -6759,7 +6842,7 @@
 
 /**
  * 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:
@@ -6917,7 +7000,7 @@
 
 /**
  * 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:
@@ -7268,7 +7351,7 @@
 
 /**
  * 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:
@@ -7454,7 +7537,7 @@
 
 /**
  * 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:
@@ -7512,7 +7595,7 @@
 
 /**
  * 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:
@@ -7686,7 +7769,7 @@
 
 /**
  * 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:
@@ -7746,7 +7829,7 @@
 
 /**
  * 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:
@@ -7756,7 +7839,7 @@
 */
 /**
  * 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:
@@ -7858,7 +7941,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:
@@ -8033,7 +8116,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:
@@ -8943,7 +9026,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:
@@ -8953,7 +9036,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:
@@ -8978,7 +9061,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:
@@ -8994,9 +9077,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;
 }