@ilo-org/styles 0.11.0 → 0.11.2

package/build/css/index.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 Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -170,7 +175,7 @@ body {
 
 /**
  * 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:
@@ -179,28 +184,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 {
@@ -243,53 +247,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-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:
@@ -314,7 +292,7 @@ body {
 }
 /**
  * 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:
@@ -570,7 +548,7 @@ body {
 
 /**
  * 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:
@@ -580,7 +558,7 @@ body {
 */
 /**
  * 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:
@@ -605,7 +583,7 @@ body {
 }
 /**
  * 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:
@@ -895,7 +873,7 @@ body {
 
 /**
  * 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:
@@ -922,24 +900,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;
@@ -956,7 +931,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 {
@@ -966,11 +941,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;
@@ -1025,7 +1000,7 @@ body {
 
 /**
  * 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:
@@ -1035,7 +1010,7 @@ body {
 */
 /**
  * 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:
@@ -1060,7 +1035,7 @@ body {
 }
 /**
  * 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:
@@ -1078,7 +1053,7 @@ body {
 
 /**
  * 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:
@@ -1155,6 +1130,9 @@ body {
   width: 40px;
   z-index: 1;
 }
+.ilo--card--wrap {
+  height: 100%;
+}
 .ilo--card--wrapper {
   max-width: var(--max-width);
 }
@@ -1289,7 +1267,7 @@ body {
 
 /**
  * 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:
@@ -1457,7 +1435,7 @@ body {
 
 /**
  * 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:
@@ -1551,7 +1529,7 @@ body {
 
 /**
  * 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:
@@ -1688,7 +1666,7 @@ body {
 
 /**
  * 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:
@@ -1830,7 +1808,7 @@ body {
 
 /**
  * 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:
@@ -1979,7 +1957,7 @@ body {
 
 /**
  * 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:
@@ -2094,7 +2072,7 @@ body {
 
 /**
  * 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 +2102,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 {
@@ -2147,16 +2127,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 Mon, 09 Oct 2023 11:25:42 GMT
+ * Generated on Wed, 08 Nov 2023 08:40:57 GMT
  */
 /**
 * TOKENS:
@@ -2231,7 +2217,7 @@ body {
 
 /**
  * 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:
@@ -2283,7 +2269,7 @@ body {
 
 /**
  * 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:
@@ -2360,7 +2346,7 @@ body {
 
 /**
  * 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:
@@ -2441,7 +2427,7 @@ body {
 
 /**
  * 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:
@@ -2451,7 +2437,7 @@ body {
 */
 /**
  * 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:
@@ -2461,7 +2447,7 @@ body {
 */
 /**
  * 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:
@@ -2471,7 +2457,7 @@ body {
 */
 /**
  * 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:
@@ -2597,7 +2583,7 @@ body {
 
 /**
  * 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:
@@ -2614,7 +2600,7 @@ body {
 
 /**
  * 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:
@@ -2702,7 +2688,7 @@ body {
 
 /**
  * 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:
@@ -2712,7 +2698,7 @@ body {
 */
 /**
  * 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:
@@ -2722,7 +2708,7 @@ body {
 */
 /**
  * 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:
@@ -2775,7 +2761,7 @@ body {
 
 /**
  * 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:
@@ -2860,7 +2846,7 @@ body {
 
 /**
  * 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:
@@ -2957,7 +2943,7 @@ body {
 
 /**
  * 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:
@@ -2998,7 +2984,7 @@ body {
 
 /**
  * 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:
@@ -3119,7 +3105,7 @@ body {
 
 /**
  * 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:
@@ -3129,7 +3115,7 @@ body {
 */
 /**
  * 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:
@@ -3154,7 +3140,7 @@ body {
 }
 /**
  * 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:
@@ -3521,7 +3507,7 @@ body {
 
 /**
  * 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:
@@ -3644,7 +3630,7 @@ body {
 
 /**
  * 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:
@@ -4021,7 +4007,7 @@ body {
 
 /**
  * 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:
@@ -4157,7 +4143,7 @@ body {
 
 /**
  * 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:
@@ -4213,7 +4199,7 @@ body {
 
 /**
  * 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:
@@ -4355,7 +4341,7 @@ body {
 
 /**
  * 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:
@@ -4365,7 +4351,7 @@ body {
 */
 /**
  * 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:
@@ -4390,7 +4376,7 @@ body {
 }
 /**
  * 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:
@@ -4548,7 +4534,7 @@ body {
 
 /**
  * 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:
@@ -4643,7 +4629,7 @@ body {
 
 /**
  * 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:
@@ -4653,7 +4639,7 @@ body {
 */
 /**
  * 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:
@@ -4663,7 +4649,7 @@ body {
 */
 /**
  * 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:
@@ -4834,7 +4820,7 @@ body {
 
 /**
  * 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:
@@ -4881,7 +4867,7 @@ body {
 
 /**
  * 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:
@@ -4891,7 +4877,7 @@ body {
 */
 /**
  * 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:
@@ -4901,7 +4887,7 @@ body {
 */
 /**
  * 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:
@@ -4998,7 +4984,7 @@ body {
 
 /**
  * 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:
@@ -5084,21 +5070,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 {
@@ -5888,7 +5871,7 @@ body {
 
 /**
  * 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:
@@ -5898,7 +5881,7 @@ body {
 */
 /**
  * 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:
@@ -5908,7 +5891,7 @@ body {
 */
 /**
  * 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:
@@ -6100,7 +6083,7 @@ body {
 
 /**
  * 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:
@@ -6241,7 +6224,7 @@ body {
 
 /**
  * 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:
@@ -6251,7 +6234,7 @@ body {
 */
 /**
  * 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:
@@ -6276,7 +6259,7 @@ body {
 }
 /**
  * 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:
@@ -6285,165 +6268,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 .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:
@@ -6512,7 +6478,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:
@@ -6522,7 +6488,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:
@@ -6547,7 +6513,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:
@@ -6608,7 +6574,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:
@@ -7023,7 +6989,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:
@@ -7077,7 +7043,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:
@@ -7213,7 +7179,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 {
@@ -7235,7 +7201,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:
@@ -7586,7 +7552,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:
@@ -7772,7 +7738,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:
@@ -7830,7 +7796,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:
@@ -8004,7 +7970,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:
@@ -8064,7 +8030,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:
@@ -8074,7 +8040,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:
@@ -8176,7 +8142,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:
@@ -8351,7 +8317,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:
@@ -9261,7 +9227,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:
@@ -9271,7 +9237,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:
@@ -9296,7 +9262,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: