@ilo-org/styles 0.11.1 → 0.11.3-next.0

package/build/css/monorepo.css

@@ -139,6 +139,11 @@ select {
   -moz-appearance: none;
 }
 
+input,
+textarea {
+  border-radius: 0;
+}
+
 *,
 *::before,
 *::after {
@@ -152,7 +157,7 @@ select {
 }
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -165,44 +170,41 @@ select {
 /* -------------------------- */
 /* --- Overpass Medium --- */
 @font-face {
+  font-display: swap;
   font-family: "Overpass";
-  src: url("../assets/Overpass-Medium.ttf") format("truetype");
-  font-weight: 500;
   font-style: normal;
-  font-display: swap;
+  font-weight: 500;
+  src: url("../assets/overpass-v13-cyrillic-ext_latin-ext_vietnamese-500.woff2") format("woff2");
 }
 @font-face {
+  font-display: swap;
   font-family: "Overpass";
-  src: url("../assets/Overpass-Medium.ttf") format("truetype");
-  font-weight: 500;
   font-style: italic;
-  font-display: swap;
+  font-weight: 500;
+  src: url("../assets/overpass-v13-cyrillic-ext_latin-ext_vietnamese-500italic.woff2") format("woff2");
 }
 /* --- Overpass Light --- */
 @font-face {
+  font-display: swap;
   font-family: "Overpass";
-  src: url("../assets/Overpass-Light.eot");
-  src: url("../assets/Overpass-Light.eot?#iefix") format("embedded-opentype"), url("../assets/Overpass-Light.woff2") format("woff2"), url("../assets/Overpass-Light.woff") format("woff"), url("../assets/Overpass-Light.ttf") format("truetype");
-  font-weight: 300;
   font-style: normal;
-  font-display: swap;
+  font-weight: 300;
+  src: url("../assets/overpass-v13-cyrillic-ext_latin-ext_vietnamese-300.woff2") format("woff2");
 }
 /* --- Overpass Bold --- */
 @font-face {
+  font-display: swap;
   font-family: "Overpass";
-  src: url("../assets/Overpass-Bold.eot");
-  src: url("../assets/Overpass-Bold.eot?#iefix") format("embedded-opentype"), url("../assets/Overpass-Bold.woff2") format("woff2"), url("../assets/Overpass-Bold.woff") format("woff"), url("../assets/Overpass-Bold.ttf") format("truetype");
-  font-weight: 700;
   font-style: normal;
-  font-display: swap;
+  font-weight: 700;
+  src: url("../assets/overpass-v13-cyrillic-ext_latin-ext_vietnamese-700.woff2") format("woff2");
 }
 @font-face {
+  font-display: swap;
   font-family: "Overpass";
-  src: url("../assets/Overpass-BoldItalic.eot");
-  src: url("../assets/Overpass-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../assets/Overpass-BoldItalic.woff2") format("woff2"), url("../assets/Overpass-BoldItalic.woff") format("woff"), url("../assets/Overpass-BoldItalic.ttf") format("truetype");
-  font-weight: 700;
   font-style: italic;
-  font-display: swap;
+  font-weight: 700;
+  src: url("../assets/overpass-v13-cyrillic-ext_latin-ext_vietnamese-700italic.woff2") format("woff2");
 }
 /* --------------------------- */
 /* -------- Noto Sans -------- */
@@ -251,7 +253,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -260,28 +262,27 @@ body {
 * MAPS:
 */
 .ilo--accordion--button {
+  display: flex;
   align-items: center;
+  flex-direction: row;
+  justify-content: space-between;
+  width: 100%;
+  margin: 0;
+  padding: 0.9646302251rem 1.9292604502rem 0.9646302251rem 0;
   background-color: rgb(255, 255, 255);
   background-position: calc(100% - 0.3215434084rem) center;
   background-repeat: no-repeat;
   background-size: 1.2861736334rem 1.2861736334rem;
   border: none;
   border-top: 2px solid rgb(237, 240, 242);
-  color: rgb(35, 0, 80);
-  display: flex;
   fill: rgb(35, 0, 80);
-  flex-direction: row;
   font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
+  color: rgb(35, 0, 80);
   font-weight: 500;
   font-size: 16px;
   letter-spacing: -0.02em;
   line-height: 21.6px;
-  justify-content: space-between;
-  margin: 0;
-  padding: 0.9646302251rem 1.9292604502rem 0.9646302251rem 0;
-  text-align: left;
-  transition: border 150ms ease-out, background 150ms ease-out, color 150ms ease-out;
-  width: 100%;
+  transition: all 500ms ease-in-out;
   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");
 }
 .ilo--accordion--button--large {
@@ -324,53 +325,27 @@ body {
   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");
 }
 .ilo--accordion--panel {
-  --height: auto;
-  color: rgb(109, 109, 109);
-  font-family: Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
-  position: relative;
-  height: 0px;
+  max-height: 0;
+  transition: all 500ms cubic-bezier(0, 1, 0, 1);
   overflow: hidden;
-  transition: height 225ms ease-out, padding 225ms ease-out;
-  font-size: 16px;
-  letter-spacing: -0.02em;
-  line-height: 21.6px;
 }
 .ilo--accordion--panel .ilo--accordion--innerpanel {
-  padding-bottom: 2.1436227224rem;
+  padding-bottom: 0.6430868167rem;
   padding-top: 0.4287245445rem;
 }
 .ilo--accordion--panel--open {
-  height: var(--height);
-  transition: height 225ms ease-out, padding 225ms ease-out;
+  max-height: 100vh;
+  transition: all 500ms ease-in-out;
 }
-.ilo--accordion--panel__scroll {
-  max-height: 500px;
+.ilo--accordion--panel--open.ilo--accordion--panel__scroll {
+  max-height: 300px;
   overflow-y: auto;
   padding-right: 1.7148981779rem;
 }
-.ilo--accordion--panel.collapsing, .ilo--accordion--panel.expanding {
-  height: 0;
-  position: relative;
-  overflow: hidden;
-  visibility: visible;
-  -webkit-transition-property: height, padding, visibility;
-  transition-property: height, padding, visibility;
-  transition-duration: attr(data-transition);
-  -webkit-transition-duration: attr(data-transition);
-  transition-timing-function: ease;
-  -webkit-transition-timing-function: ease;
-}
-@media screen and (min-width: 610px) {
-  .ilo--accordion--panel {
-    font-size: 18.66px;
-    letter-spacing: -0.02em;
-    line-height: 24.26px;
-  }
-}
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -395,7 +370,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -438,6 +413,10 @@ body {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3e%3cpath fill='rgb(35, 0, 80)' d='M0.7%2c8.4C0.7%2c8.3%2c0.6%2c8.1%2c0.6%2c8s0-0.3%2c0.1-0.4L6.3%2c0l1.1%2c0.8L2.2%2c8l5.2%2c7.2L6.3%2c16L0.7%2c8.4z'/%3e%3c/svg%3e");
 }
 .ilo--breadcrumb--link--label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 40ch;
   font-family: Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
   font-weight: 400;
   font-size: 11.94px;
@@ -651,7 +630,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -661,7 +640,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -686,7 +665,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -976,7 +955,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -1003,24 +982,21 @@ body {
   padding: 1.3933547696rem 0.6430868167rem;
   width: 2.1436227224rem;
 }
+.ilo--callout--sidebar .ilo--callout--icon {
+  position: relative;
+  top: 0.0803858521rem;
+}
 .ilo--callout--content {
   padding: 1.3933547696rem 1.1789924973rem 1.2861736334rem;
   width: 100%;
-}
-.ilo--callout--copy {
-  font-size: 14.93px;
-  letter-spacing: normal;
-  line-height: 20.3px;
-}
-.ilo--callout--copy:not(:last-child) {
-  margin-bottom: 1.2861736334rem;
+  font-size: 0.8001071811rem;
 }
 .ilo--callout--header {
   display: flex;
   justify-content: space-between;
   padding: 0 0 1.2861736334rem;
 }
-.ilo--callout--headline {
+.ilo--callout--title {
   font-size: 16px;
   letter-spacing: -0.02em;
   line-height: 21.6px;
@@ -1037,7 +1013,7 @@ body {
   cursor: pointer;
   font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
   font-weight: 500;
-  padding-right: 36px;
+  padding-right: 32px;
   position: relative;
 }
 .ilo--callout--toggle--icon {
@@ -1047,11 +1023,11 @@ body {
   display: inline-block;
   height: 24px;
   position: absolute;
-  right: -3px;
-  top: 50%;
+  right: 0;
+  top: 11px;
   transform: translateY(-50%) rotate(0);
   transition: transform 225ms ease-out;
-  width: 23px;
+  width: 24px;
 }
 .ilo--callout--footer {
   padding: 1.2861736334rem 0 0 0;
@@ -1106,7 +1082,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -1116,7 +1092,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -1141,7 +1117,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -1159,7 +1135,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -1236,6 +1212,9 @@ body {
   width: 40px;
   z-index: 1;
 }
+.ilo--card--wrap {
+  height: 100%;
+}
 .ilo--card--wrapper {
   max-width: var(--max-width);
 }
@@ -1370,7 +1349,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -1538,7 +1517,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -1632,7 +1611,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -1769,7 +1748,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -1911,7 +1890,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -2060,7 +2039,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -2175,7 +2154,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -2205,7 +2184,9 @@ body {
 }
 .ilo--card__type__stat .ilo--card--content {
   display: flex;
-  flex-wrap: wrap;
+  flex-flow: column;
+  align-items: flex-start;
+  justify-content: flex-start;
   height: 100%;
 }
 .right-to-left .ilo--card__type__stat .ilo--card--content {
@@ -2228,16 +2209,22 @@ body {
   margin-bottom: 1.6734954235rem;
   width: 100%;
 }
+.ilo--card__type__stat .ilo--card--source {
+  display: flex;
+  flex: auto;
+  flex-flow: column;
+  justify-content: flex-end;
+  align-items: flex-start;
+}
 .ilo--card__type__stat .ilo--link {
   font-size: 11.94px;
   letter-spacing: -0.02em;
   line-height: 16.24px;
-  align-self: flex-end;
 }
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -2312,7 +2299,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -2364,7 +2351,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -2441,7 +2428,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -2522,7 +2509,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -2532,7 +2519,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -2542,7 +2529,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -2552,7 +2539,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -2678,7 +2665,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -2695,7 +2682,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -2783,7 +2770,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -2793,7 +2780,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -2803,7 +2790,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -2856,7 +2843,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -2941,7 +2928,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -3038,7 +3025,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -3079,7 +3066,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -3200,7 +3187,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -3210,7 +3197,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -3235,7 +3222,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -3602,7 +3589,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -3725,7 +3712,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -3734,7 +3721,9 @@ body {
 * MAPS:
 */
 .hero {
-  --card-padding-start: 70px;
+  --added-offset: 0;
+  --base-offset: calc(((100vw - 1300px) / 2));
+  --card-padding-start: 71px;
   --corner-cut-height: 40px;
   width: 100%;
   display: grid;
@@ -3829,8 +3818,16 @@ body {
     --card-width: 998px;
   }
   .hero__card-justify__start, .hero__card-justify__offset {
-    --card-padding-start: max(16px, min(calc((100vw - 1300px) / 2), 70px));
-    --col-1-lg: calc(calc((100vw - 1300px) / 2) - 70px);
+    --card-padding-start: max(16px, min(
+      var(--base-offset) + var(--added-offset),
+      71px
+    ));
+    --col-1-lg: calc(
+      var(--base-offset) - 71px + var(--added-offset)
+    );
+  }
+  .hero__card-justify__offset {
+    --added-offset: 109px;
   }
   .hero__card-justify__center {
     --col-1-lg: calc((100% - var(--card-width)) / 2);
@@ -3933,10 +3930,10 @@ body {
     left: 0;
     bottom: 0;
   }
-  .hero__card-align__bottom.hero__card-justify__start .hero--caption {
+  .hero__card-align__bottom.hero__card-justify__start .hero--caption, .hero__card-align__bottom.hero__card-justify__offset .hero--caption {
     grid-area: 1/1/3/3;
   }
-  .hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper {
+  .hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper, .hero__card-align__bottom.hero__card-justify__offset .hero--caption .hero--caption--wrapper {
     background: rgb(45, 45, 45);
     height: 27px;
     width: 30px;
@@ -3949,7 +3946,7 @@ body {
     right: initial;
     bottom: 0;
   }
-  .hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper::after {
+  .hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper::after, .hero__card-align__bottom.hero__card-justify__offset .hero--caption .hero--caption--wrapper::after {
     content: "";
     position: absolute;
     top: 0;
@@ -3992,13 +3989,17 @@ body {
     --col-1-lg: 1fr;
     --col-2-lg: 30px;
     --col-3-lg: var(--card-width);
-    --col-4-lg: calc(calc((100vw - 1300px) / 2) - 70px);
+    --col-4-lg: calc(
+      var(--base-offset) - 71px + var(--added-offset)
+    );
   }
   .right-to-left .hero__card-justify__offset {
     --col-1-lg: 1fr;
     --col-2-lg: 30px;
     --col-3-lg: var(--card-width);
-    --col-4-lg: calc(calc((100vw - 1300px) / 2) - 70px);
+    --col-4-lg: calc(
+      var(--base-offset) - 71px + var(--added-offset)
+    );
   }
   .right-to-left .hero__card-justify__center {
     --col-1-lg: calc(
@@ -4102,7 +4103,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -4118,7 +4119,7 @@ body {
 @media screen and (min-width: 1024px) {
   .ilo--hero-card {
     padding-block: 56px;
-    padding-inline-end: 70px;
+    padding-inline-end: 71px;
     padding-inline-start: var(--card-padding-start);
   }
 }
@@ -4238,7 +4239,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -4294,7 +4295,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -4436,7 +4437,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -4446,7 +4447,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -4471,7 +4472,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -4519,7 +4520,7 @@ body {
   width: 0.6430868167rem;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 12 11'%3e%3cpath fill='rgb(184, 196, 204)' d='M6.00007 10.8462L12 0L0 0L6.00007 10.8462Z'/%3e%3c/svg%3e");
 }
-.ilo--link-list--links--item.indented:hover .ilo--link-list--label:before, .ilo--link-list--links--item.indented:focus .ilo--link-list--label:before {
+.ilo--link-list--links--item.indented .ilo--link-list--link:hover .ilo--link-list--label:before, .ilo--link-list--links--item.indented .ilo--link-list--link:focus .ilo--link-list--label:before, .ilo--link-list--links--item.indented:hover .ilo--link-list--label:before, .ilo--link-list--links--item.indented:focus .ilo--link-list--label:before {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 12 11'%3e%3cpath fill='rgb(30, 45, 190)' d='M6.00007 10.8462L12 0L0 0L6.00007 10.8462Z'/%3e%3c/svg%3e");
 }
 .ilo--link-list--link {
@@ -4629,7 +4630,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -4724,7 +4725,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -4734,7 +4735,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -4744,7 +4745,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -4915,7 +4916,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -4962,7 +4963,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -4972,7 +4973,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -4982,7 +4983,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -5079,7 +5080,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -5165,21 +5166,18 @@ body {
 }
 .ilo--header--logo {
   display: block;
-  max-width: 150px;
   width: 100%;
 }
-@media screen and (min-width: 1024px) {
-  .ilo--header--logo {
-    max-width: 200px;
-  }
-}
 .ilo--header--logo-link {
   display: block;
   padding: 16px 0;
+  max-width: 150px;
+  width: 100%;
 }
 @media screen and (min-width: 1024px) {
   .ilo--header--logo-link {
     padding: 0 0 24px;
+    max-width: 200px;
   }
 }
 .ilo--header--logo-bar {
@@ -5969,7 +5967,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -5979,7 +5977,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -5989,7 +5987,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -6181,7 +6179,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -6322,7 +6320,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -6332,7 +6330,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -6357,7 +6355,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -6366,165 +6364,148 @@ body {
 * MAPS:
 */
 .ilo--profile {
-  max-width: 343px;
-  position: relative;
+  display: grid;
+  grid-template-columns: min-content 1fr;
+  grid-template-rows: minmax(64px, auto) auto;
+  max-width: 18.3815648446rem;
+  width: 100%;
 }
 .ilo--profile--avatar {
+  grid-row: 1;
   border-radius: 50%;
-  float: left;
-  width: 3.4297963558rem;
-}
-.ilo--profile--contents--light .id {
-  margin-left: 4.0192926045rem;
-  padding-top: 5px;
-}
-.ilo--profile--contents--light .id:first-of-type {
-  padding-bottom: 1px;
-}
-.ilo--profile--contents--light .id:nth-of-type(2):last-of-type {
-  padding-top: 0;
-}
-.ilo--profile--contents--light .id:first-of-type:last-of-type,
-.ilo--profile--contents--light .id:nth-of-type(2):last-of-type {
-  border-bottom: 2px solid rgb(237, 240, 242);
-  padding-bottom: 11px;
 }
-.ilo--profile--contents--light .id:first-of-type:last-of-type {
-  padding-top: 14px;
-}
-.ilo--profile--contents--dark .id {
-  margin-left: 4.0192926045rem;
-  padding-top: 5px;
-}
-.ilo--profile--contents--dark .id:first-of-type {
-  padding-bottom: 1px;
+.ilo--profile figcaption {
+  box-sizing: border-box;
+  grid-row: 1;
+  grid-column-end: -1;
+  display: flex;
+  flex-flow: column;
+  justify-content: center;
+  align-items: start;
 }
-.ilo--profile--contents--dark .id:nth-of-type(2):last-of-type {
-  padding-top: 0;
+.ilo--profile--figcaption--content {
+  box-sizing: border-box;
+  width: 100%;
+  display: flex;
+  flex-flow: column;
+  justify-content: center;
+  align-items: start;
+  position: relative;
 }
-.ilo--profile--contents--dark .id:first-of-type:last-of-type,
-.ilo--profile--contents--dark .id:nth-of-type(2):last-of-type {
+.ilo--profile--figcaption--content:after {
+  content: "";
+  position: absolute;
+  bottom: -12px;
+  width: 100%;
   border-bottom: 2px solid rgb(237, 240, 242);
-  padding-bottom: 11px;
-}
-.ilo--profile--contents--dark .id:first-of-type:last-of-type {
-  padding-top: 14px;
 }
 .ilo--profile--name {
-  display: block;
   font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
-  font-weight: 700;
-  margin-left: 11px;
-  font-size: 16px;
-  letter-spacing: normal;
-  line-height: 23.36px;
 }
 .ilo--profile--role {
-  display: block;
   font-family: Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
-  margin-left: 11px;
-  font-size: 14.93px;
-  letter-spacing: normal;
-  line-height: 20.3px;
 }
 .ilo--profile--description {
-  clear: both;
   font-family: Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
-  padding-top: 22px;
-  font-size: 14.93px;
-  letter-spacing: normal;
-  line-height: 20.3px;
+  grid-row: 2;
+  grid-column: 1/-1;
 }
 .ilo--profile--link {
-  align-items: center;
-  clear: both;
-  color: rgb(35, 0, 80);
-  display: inline-flex;
   font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
-  font-weight: 500;
-  height: 3.0010718114rem;
+  grid-column: 1/-1;
+}
+.ilo--profile--link a {
   text-decoration: none;
-  font-size: 16px;
-  letter-spacing: normal;
-  line-height: 23.36px;
+  color: rgb(35, 0, 80);
+  display: inline-block;
 }
-.ilo--profile--link span {
+.ilo--profile--link--label {
+  display: flex;
+  flex-flow: row nowrap;
   align-items: center;
-  background-position: calc(100% - 10px) center;
-  background-repeat: no-repeat;
-  background-size: 24px 24px;
-  display: inline-flex;
-  height: 24px;
-  padding-right: 32px;
-  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");
-}
-.ilo--profile--link:visited {
-  color: rgb(150, 10, 85);
 }
-.ilo--profile--link:visited span {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3e%3cpath fill='rgb(150, 10, 85)' 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");
-}
-.ilo--profile--link:active {
-  color: rgb(35, 0, 80);
-  outline: none;
-}
-.ilo--profile--link:active span {
+.ilo--profile--link--label:after {
+  position: relative;
+  bottom: 0.0535905681rem;
+  height: 1.2861736334rem;
+  width: 1.2861736334rem;
+  margin-inline-start: 0.4287245445rem;
+  content: "";
   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-color: rgb(255, 205, 45);
 }
-.ilo--profile--link:hover, .ilo--profile--link:focus {
-  background-color: rgb(235, 245, 253);
+[dir=rtl] .ilo--profile--link--label:after {
+  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");
+}
+.ilo--profile--link a:hover .ilo--profile--link--label,
+.ilo--profile--link a:focus .ilo--profile--link--label {
   color: rgb(30, 45, 190);
   outline: none;
-  transition-property: color, background-color;
-  transition-duration: 150ms;
-  transition-timing-function: ease-out;
 }
-.ilo--profile--link:hover span, .ilo--profile--link:focus span {
+.ilo--profile--link a:hover .ilo--profile--link--label:after,
+.ilo--profile--link a:focus .ilo--profile--link--label:after {
   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");
 }
-.ilo--profile .ilo--profile--description + .ilo--profile--link {
-  margin-top: 0.4287245445rem;
+[dir=rtl] .ilo--profile--link a:hover .ilo--profile--link--label:after,
+[dir=rtl] .ilo--profile--link a:focus .ilo--profile--link--label:after {
+  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");
+}
+.ilo--profile__theme__dark {
+  color: rgb(237, 240, 242);
 }
-.ilo--profile .ilo--profile--role + .ilo--profile--link {
-  margin-top: 0.1071811361rem;
+.ilo--profile__theme__dark .ilo--profile--link--label:after {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3e%3cpath fill='rgb(237, 240, 242)' 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");
 }
-.ilo--profile .ilo--profile--name + .ilo--profile--link {
-  margin-top: 0.9646302251rem;
+[dir=rtl] .ilo--profile__theme__dark .ilo--profile--link--label:after {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(237, 240, 242)' 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");
 }
-.right-to-left .ilo--profile {
-  direction: rtl;
+.ilo--profile__theme__dark .ilo--profile--link a {
+  color: rgb(237, 240, 242);
 }
-.right-to-left .ilo--profile .ilo--profile--avatar {
-  float: right;
+.ilo--profile__theme__dark .ilo--profile--link a:hover .ilo--profile--link--label,
+.ilo--profile__theme__dark .ilo--profile--link a:focus .ilo--profile--link--label {
+  color: rgb(5, 210, 210);
+  outline: none;
 }
-.right-to-left .ilo--profile .ilo--profile--contents--light .id {
-  margin-left: auto;
-  margin-right: 4.0192926045rem;
+.ilo--profile__theme__dark .ilo--profile--link a:hover .ilo--profile--link--label:after,
+.ilo--profile__theme__dark .ilo--profile--link a:focus .ilo--profile--link--label:after {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3e%3cpath fill='rgb(5, 210, 210)' 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");
 }
-.right-to-left .ilo--profile .ilo--profile--contents--dark .id {
-  margin-left: auto;
-  margin-right: 4.0192926045rem;
+[dir=rtl] .ilo--profile__theme__dark .ilo--profile--link a:hover .ilo--profile--link--label:after,
+[dir=rtl] .ilo--profile__theme__dark .ilo--profile--link a:focus .ilo--profile--link--label:after {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(5, 210, 210)' 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");
 }
-.right-to-left .ilo--profile .ilo--profile--link span {
-  background-position: 10px center;
-  padding-left: 32px;
-  padding-right: 0;
-  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");
+.ilo--profile__size__large .ilo--profile--avatar {
+  width: 3.4297963558rem;
+  height: 3.4297963558rem;
+  margin-inline-end: 0.8038585209rem;
 }
-.right-to-left .ilo--profile .ilo--profile--link:visited span {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(150, 10, 85)' 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");
+.ilo--profile__size__large .ilo--profile--name {
+  font-weight: 700;
+  font-size: 16px;
+  letter-spacing: normal;
+  line-height: 23.36px;
 }
-.right-to-left .ilo--profile .ilo--profile--link:active span {
-  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");
+.ilo--profile__size__large .ilo--profile--role {
+  font-size: 14.93px;
+  letter-spacing: normal;
+  line-height: 20.3px;
 }
-.right-to-left .ilo--profile .ilo--profile--link:hover span, .right-to-left .ilo--profile .ilo--profile--link:focus span {
-  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");
+.ilo--profile__size__large .ilo--profile--description {
+  font-size: 14.93px;
+  letter-spacing: normal;
+  line-height: 20.3px;
+  padding-block-start: 1.1254019293rem;
+}
+.ilo--profile__size__large .ilo--profile--link {
+  font-size: 16px;
+  letter-spacing: normal;
+  line-height: 23.36px;
+  padding-block-start: 1.1254019293rem;
 }
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -6593,7 +6574,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -6603,7 +6584,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 */
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -6628,7 +6609,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 }
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -6689,7 +6670,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -7104,7 +7085,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -7158,7 +7139,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -7256,6 +7237,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
   background-color: rgb(235, 245, 253);
   color: rgb(30, 45, 190);
   outline: none;
+  border-top: 0.1607717042rem solid rgb(30, 45, 190);
   transition-property: color, background-color, border-color;
   transition-duration: 150ms;
   transition-timing-function: ease-out;
@@ -7294,7 +7276,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
   .ilo--tabs.tabs--js .ilo--tabs--selection {
     display: flex;
     max-width: 100%;
-    overflow-x: scroll;
+    overflow-x: hidden;
     overflow-y: hidden;
   }
   .ilo--tabs.tabs--js .ilo--tabs--selection--button {
@@ -7316,7 +7298,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -7667,7 +7649,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -7853,7 +7835,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -7911,7 +7893,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -7945,6 +7927,10 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
   transition-property: color, background-color, border-color;
   transition-duration: 150ms;
   transition-timing-function: ease-out;
+  max-width: 190px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .ilo--tag--active {
   background: rgb(237, 240, 242);
@@ -8085,7 +8071,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -8145,7 +8131,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -8155,7 +8141,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 */
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -8257,7 +8243,7 @@ input:checked + .ilo--input--toggle--slider:before {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -8432,7 +8418,7 @@ input:checked + .ilo--input--toggle--slider:before {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -9342,7 +9328,7 @@ input:checked + .ilo--input--toggle--slider:before {
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -9352,7 +9338,7 @@ input:checked + .ilo--input--toggle--slider:before {
 */
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS:
@@ -9377,7 +9363,7 @@ input:checked + .ilo--input--toggle--slider:before {
 }
 /**
  * Do not edit directly
- * Generated on Thu, 19 Oct 2023 08:54:52 GMT
+ * Generated on Fri, 10 Nov 2023 11:09:46 GMT
  */
 /**
 * TOKENS: