@ilo-org/styles 0.11.0 → 0.11.2

package/build/css/components/index.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -11,7 +11,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 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-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 Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -155,7 +128,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -411,7 +384,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -421,7 +394,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -446,7 +419,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -736,7 +709,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -763,24 +736,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 +767,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 +777,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 +836,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -876,7 +846,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -901,7 +871,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -919,7 +889,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -996,6 +966,9 @@
   width: 40px;
   z-index: 1;
 }
+.ilo--card--wrap {
+  height: 100%;
+}
 .ilo--card--wrapper {
   max-width: var(--max-width);
 }
@@ -1130,7 +1103,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -1298,7 +1271,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -1392,7 +1365,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -1529,7 +1502,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -1671,7 +1644,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -1820,7 +1793,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -1935,7 +1908,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -1965,7 +1938,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 +1963,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 Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -2072,7 +2053,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -2124,7 +2105,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -2201,7 +2182,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -2282,7 +2263,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -2292,7 +2273,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -2302,7 +2283,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -2312,7 +2293,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -2438,7 +2419,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -2455,7 +2436,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -2543,7 +2524,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -2553,7 +2534,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -2563,7 +2544,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -2616,7 +2597,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -2701,7 +2682,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -2798,7 +2779,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -2839,7 +2820,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -2960,7 +2941,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -2970,7 +2951,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -2995,7 +2976,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -3362,7 +3343,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -3485,7 +3466,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -3862,7 +3843,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -3998,7 +3979,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -4054,7 +4035,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -4196,7 +4177,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -4206,7 +4187,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -4231,7 +4212,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -4389,7 +4370,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -4484,7 +4465,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -4494,7 +4475,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -4504,7 +4485,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -4675,7 +4656,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -4722,7 +4703,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -4732,7 +4713,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -4742,7 +4723,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -4839,7 +4820,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -4925,21 +4906,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 +5707,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -5739,7 +5717,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -5749,7 +5727,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -5941,7 +5919,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -6082,7 +6060,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -6092,7 +6070,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -6117,7 +6095,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -6126,165 +6104,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 Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -6353,7 +6314,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -6363,7 +6324,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 */
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -6388,7 +6349,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 }
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -6449,7 +6410,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -6864,7 +6825,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -6918,7 +6879,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -7054,7 +7015,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 +7037,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -7427,7 +7388,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -7613,7 +7574,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -7671,7 +7632,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -7845,7 +7806,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -7905,7 +7866,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -7915,7 +7876,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 */
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -8017,7 +7978,7 @@ input:checked + .ilo--input--toggle--slider:before {
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -8192,7 +8153,7 @@ input:checked + .ilo--input--toggle--slider:before {
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -9102,7 +9063,7 @@ input:checked + .ilo--input--toggle--slider:before {
 
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -9112,7 +9073,7 @@ input:checked + .ilo--input--toggle--slider:before {
 */
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -9137,7 +9098,7 @@ input:checked + .ilo--input--toggle--slider:before {
 }
 /**
  * Do not edit directly
- * Generated on Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS: