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

package/build/css/components/index.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /**
  * 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:
@@ -11,7 +11,7 @@
 */
 /**
  * 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:
@@ -20,28 +20,27 @@
 * 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 {
@@ -84,53 +83,27 @@
   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:
@@ -155,7 +128,7 @@
 }
 /**
  * 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:
@@ -198,6 +171,10 @@
   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;
@@ -411,7 +388,7 @@
 
 /**
  * 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:
@@ -421,7 +398,7 @@
 */
 /**
  * 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:
@@ -446,7 +423,7 @@
 }
 /**
  * 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:
@@ -736,7 +713,7 @@
 
 /**
  * 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:
@@ -763,24 +740,21 @@
   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;
@@ -797,7 +771,7 @@
   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 {
@@ -807,11 +781,11 @@
   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;
@@ -866,7 +840,7 @@
 
 /**
  * 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:
@@ -876,7 +850,7 @@
 */
 /**
  * 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:
@@ -901,7 +875,7 @@
 }
 /**
  * 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:
@@ -919,7 +893,7 @@
 
 /**
  * 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:
@@ -996,6 +970,9 @@
   width: 40px;
   z-index: 1;
 }
+.ilo--card--wrap {
+  height: 100%;
+}
 .ilo--card--wrapper {
   max-width: var(--max-width);
 }
@@ -1130,7 +1107,7 @@
 
 /**
  * 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:
@@ -1298,7 +1275,7 @@
 
 /**
  * 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:
@@ -1392,7 +1369,7 @@
 
 /**
  * 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:
@@ -1529,7 +1506,7 @@
 
 /**
  * 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:
@@ -1671,7 +1648,7 @@
 
 /**
  * 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:
@@ -1820,7 +1797,7 @@
 
 /**
  * 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:
@@ -1935,7 +1912,7 @@
 
 /**
  * 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:
@@ -1965,7 +1942,9 @@
 }
 .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 {
@@ -1988,16 +1967,22 @@
   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:
@@ -2072,7 +2057,7 @@
 
 /**
  * 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:
@@ -2124,7 +2109,7 @@
 
 /**
  * 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:
@@ -2201,7 +2186,7 @@
 
 /**
  * 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:
@@ -2282,7 +2267,7 @@
 
 /**
  * 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:
@@ -2292,7 +2277,7 @@
 */
 /**
  * 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:
@@ -2302,7 +2287,7 @@
 */
 /**
  * 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 +2297,7 @@
 */
 /**
  * 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:
@@ -2438,7 +2423,7 @@
 
 /**
  * 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:
@@ -2455,7 +2440,7 @@
 
 /**
  * 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:
@@ -2543,7 +2528,7 @@
 
 /**
  * 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:
@@ -2553,7 +2538,7 @@
 */
 /**
  * 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:
@@ -2563,7 +2548,7 @@
 */
 /**
  * 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:
@@ -2616,7 +2601,7 @@
 
 /**
  * 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:
@@ -2701,7 +2686,7 @@
 
 /**
  * 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:
@@ -2798,7 +2783,7 @@
 
 /**
  * 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:
@@ -2839,7 +2824,7 @@
 
 /**
  * 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:
@@ -2960,7 +2945,7 @@
 
 /**
  * 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:
@@ -2970,7 +2955,7 @@
 */
 /**
  * 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:
@@ -2995,7 +2980,7 @@
 }
 /**
  * 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:
@@ -3362,7 +3347,7 @@
 
 /**
  * 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:
@@ -3485,7 +3470,7 @@
 
 /**
  * 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:
@@ -3494,7 +3479,9 @@
 * 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;
@@ -3589,8 +3576,16 @@
     --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);
@@ -3693,10 +3688,10 @@
     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;
@@ -3709,7 +3704,7 @@
     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;
@@ -3752,13 +3747,17 @@
     --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(
@@ -3862,7 +3861,7 @@
 
 /**
  * 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:
@@ -3878,7 +3877,7 @@
 @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);
   }
 }
@@ -3998,7 +3997,7 @@
 
 /**
  * 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:
@@ -4054,7 +4053,7 @@
 
 /**
  * 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:
@@ -4196,7 +4195,7 @@
 
 /**
  * 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:
@@ -4206,7 +4205,7 @@
 */
 /**
  * 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:
@@ -4231,7 +4230,7 @@
 }
 /**
  * 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:
@@ -4279,7 +4278,7 @@
   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 {
@@ -4389,7 +4388,7 @@
 
 /**
  * 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:
@@ -4484,7 +4483,7 @@
 
 /**
  * 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:
@@ -4494,7 +4493,7 @@
 */
 /**
  * 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:
@@ -4504,7 +4503,7 @@
 */
 /**
  * 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:
@@ -4675,7 +4674,7 @@
 
 /**
  * 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:
@@ -4722,7 +4721,7 @@
 
 /**
  * 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:
@@ -4732,7 +4731,7 @@
 */
 /**
  * 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:
@@ -4742,7 +4741,7 @@
 */
 /**
  * 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:
@@ -4839,7 +4838,7 @@
 
 /**
  * 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:
@@ -4925,21 +4924,18 @@
 }
 .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 {
@@ -5729,7 +5725,7 @@
 
 /**
  * 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:
@@ -5739,7 +5735,7 @@
 */
 /**
  * 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:
@@ -5749,7 +5745,7 @@
 */
 /**
  * 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:
@@ -5941,7 +5937,7 @@
 
 /**
  * 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:
@@ -6082,7 +6078,7 @@
 
 /**
  * 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:
@@ -6092,7 +6088,7 @@
 */
 /**
  * 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:
@@ -6117,7 +6113,7 @@
 }
 /**
  * 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:
@@ -6126,165 +6122,148 @@
 * 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 .ilo--profile--role + .ilo--profile--link {
-  margin-top: 0.1071811361rem;
+.ilo--profile__theme__dark {
+  color: rgb(237, 240, 242);
 }
-.ilo--profile .ilo--profile--name + .ilo--profile--link {
-  margin-top: 0.9646302251rem;
+.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");
 }
-.right-to-left .ilo--profile {
-  direction: rtl;
+[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 .ilo--profile--avatar {
-  float: right;
+.ilo--profile__theme__dark .ilo--profile--link a {
+  color: rgb(237, 240, 242);
 }
-.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,
+.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--dark .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--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");
+[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: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--avatar {
+  width: 3.4297963558rem;
+  height: 3.4297963558rem;
+  margin-inline-end: 0.8038585209rem;
 }
-.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--name {
+  font-weight: 700;
+  font-size: 16px;
+  letter-spacing: normal;
+  line-height: 23.36px;
 }
-.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--role {
+  font-size: 14.93px;
+  letter-spacing: normal;
+  line-height: 20.3px;
+}
+.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:
@@ -6353,7 +6332,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:
@@ -6363,7 +6342,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:
@@ -6388,7 +6367,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:
@@ -6449,7 +6428,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:
@@ -6864,7 +6843,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:
@@ -6918,7 +6897,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:
@@ -7016,6 +6995,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;
@@ -7054,7 +7034,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 {
@@ -7076,7 +7056,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:
@@ -7427,7 +7407,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:
@@ -7613,7 +7593,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:
@@ -7671,7 +7651,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:
@@ -7705,6 +7685,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);
@@ -7845,7 +7829,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:
@@ -7905,7 +7889,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:
@@ -7915,7 +7899,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:
@@ -8017,7 +8001,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:
@@ -8192,7 +8176,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:
@@ -9102,7 +9086,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:
@@ -9112,7 +9096,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:
@@ -9137,7 +9121,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: