@ilo-org/styles 0.12.0 → 0.13.0

package/build/css/components/index.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -11,7 +11,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -19,6 +19,9 @@
 /**
 * MAPS:
 */
+.ilo--accordion {
+  margin-right: 0.2143622722rem;
+}
 .ilo--accordion--button {
   display: flex;
   align-items: center;
@@ -82,13 +85,16 @@
 .ilo--accordion--button[aria-expanded=false] {
   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");
 }
+[dir=rtl] .ilo--accordion--button {
+  background-position: calc(0% + 0.3215434084rem) center;
+}
 .ilo--accordion--panel {
   max-height: 0;
   transition: all 500ms cubic-bezier(0, 1, 0, 1);
   overflow: hidden;
 }
 .ilo--accordion--panel .ilo--accordion--innerpanel {
-  padding-bottom: 0.6430868167rem;
+  padding-bottom: 1.9292604502rem;
   padding-top: 0.4287245445rem;
 }
 .ilo--accordion--panel--open {
@@ -103,7 +109,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -128,7 +134,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -147,7 +153,7 @@
   justify-content: flex-start;
   padding-block: 0.857449089rem;
   padding-inline-end: 0;
-  padding-inline-start: var(--card-padding-start);
+  padding-inline-start: var(--breadcrumb-padding);
   position: relative;
 }
 .ilo--breadcrumb--items.context--menu {
@@ -155,19 +161,20 @@
 }
 .ilo--breadcrumb--link {
   align-items: center;
-  background-position: right 52%;
+  background-position: right;
   background-repeat: no-repeat;
   color: rgb(35, 0, 80);
   display: inline-flex;
   height: 0.857449089rem;
-  padding: 0 1.2861736334rem 0 0.5359056806rem;
+  padding-block: 0;
+  padding-inline-start: 0.857449089rem;
+  padding-inline-end: 1.2861736334rem;
   text-decoration: none;
   text-decoration-thickness: 0.1071811361rem;
   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='M1.73149 16L0.613281 15.1855L5.83848 8L0.613281 0.814495L1.73149 0L7.25349 7.59275C7.33987 7.71097 7.38643 7.85359 7.38643 8C7.38643 8.14641 7.33987 8.28903 7.25349 8.40725L1.73149 16Z'/%3e%3c/svg%3e");
 }
 [dir=rtl] .ilo--breadcrumb--link {
-  background-position: 0 52%;
-  padding: 0 0.5359056806rem 0 1.2861736334rem;
+  background-position: left;
   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 {
@@ -222,6 +229,10 @@
   width: 0.857449089rem;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 16 16'%3e%3cpath fill='rgb(35, 0, 80)' d='M15.3877 5.71677L8.43113 0.151551C8.30832 0.0545014 8.15636 0.00170898 7.99983 0.00170898C7.8433 0.00170898 7.69134 0.0545014 7.56853 0.151551L0.612004 5.71677C0.530019 5.78155 0.463681 5.86397 0.417917 5.95791C0.372153 6.05185 0.348138 6.15489 0.347656 6.25938V15.3029C0.347656 15.4874 0.420948 15.6643 0.551408 15.7948C0.681868 15.9252 0.85881 15.9985 1.04331 15.9985H5.91287V10.4333H10.0868V15.9985H14.9564C15.1409 15.9985 15.3178 15.9252 15.4483 15.7948C15.5787 15.6643 15.652 15.4874 15.652 15.3029V6.25938C15.6515 6.15489 15.6275 6.05185 15.5817 5.95791C15.536 5.86397 15.4696 5.78155 15.3877 5.71677Z'/%3e%3c/svg%3e");
 }
+[dir=rtl] .ilo--breadcrumb--item.home .ilo--breadcrumb--link:before {
+  left: initial;
+  right: 0;
+}
 .ilo--breadcrumb--item.home:hover .ilo--breadcrumb--link:before, .ilo--breadcrumb--item.home:focus .ilo--breadcrumb--link:before {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 16 16'%3e%3cpath fill='rgb(30, 45, 190)' d='M15.3877 5.71677L8.43113 0.151551C8.30832 0.0545014 8.15636 0.00170898 7.99983 0.00170898C7.8433 0.00170898 7.69134 0.0545014 7.56853 0.151551L0.612004 5.71677C0.530019 5.78155 0.463681 5.86397 0.417917 5.95791C0.372153 6.05185 0.348138 6.15489 0.347656 6.25938V15.3029C0.347656 15.4874 0.420948 15.6643 0.551408 15.7948C0.681868 15.9252 0.85881 15.9985 1.04331 15.9985H5.91287V10.4333H10.0868V15.9985H14.9564C15.1409 15.9985 15.3178 15.9252 15.4483 15.7948C15.5787 15.6643 15.652 15.4874 15.652 15.3029V6.25938C15.6515 6.15489 15.6275 6.05185 15.5817 5.95791C15.536 5.86397 15.4696 5.78155 15.3877 5.71677Z'/%3e%3c/svg%3e");
 }
@@ -290,7 +301,6 @@
   content: "";
   height: 0.6430868167rem;
   position: absolute;
-  left: 50%;
   top: -0.3215434084rem;
   transform: translateX(-50%) rotate(135deg);
   width: 0.6430868167rem;
@@ -350,28 +360,23 @@
   text-decoration: underline;
   text-decoration-thickness: 0.1071811361rem;
 }
-[dir=rtl] .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--link {
-  text-align: center;
+.ilo--breadcrumb--items:after {
+  background: linear-gradient(to bottom right, white 50%, transparent 50%);
+  content: "";
+  display: inline-block;
+  height: 47px;
+  position: absolute;
+  right: -47px;
+  top: 0;
+  width: 47px;
 }
-@media screen and (min-width: 610px) {
-  .ilo--breadcrumb--items:after {
-    background: linear-gradient(to bottom right, white 50%, transparent 50%);
-    content: "";
-    display: inline-block;
-    height: 47px;
-    position: absolute;
-    right: -47px;
-    top: 0;
-    width: 47px;
-  }
-  [dir=rtl] .ilo--breadcrumb--items:after {
-    right: auto;
-    left: -47px;
-    transform: scaleX(-1);
-  }
-  .ilo--breadcrumb--items.context--menu:after {
-    content: none;
-  }
+[dir=rtl] .ilo--breadcrumb--items:after {
+  right: auto;
+  left: -47px;
+  transform: scaleX(-1);
+}
+.ilo--breadcrumb--items.context--menu:after {
+  content: none;
 }
 .ilo--breadcrumb.storybook {
   background-color: rgb(184, 196, 204);
@@ -380,7 +385,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -390,7 +395,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -415,7 +420,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -696,7 +701,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -825,7 +830,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -835,7 +840,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -860,7 +865,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -878,7 +883,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -924,7 +929,7 @@
 }
 .ilo--card__theme__dark {
   background: rgb(35, 0, 80);
-  transition: background 150ms ease-out;
+  transition: background 250ms ease-out;
 }
 .ilo--card__theme__dark .ilo--card--eyebrow,
 .ilo--card__theme__dark .ilo--card--title,
@@ -932,7 +937,7 @@
 .ilo--card__theme__dark .ilo--card--date,
 .ilo--card__theme__dark .ilo--card--eventdate {
   color: rgb(237, 240, 242);
-  transition: color 150ms ease-out;
+  transition: color 250ms ease-out;
 }
 .ilo--card__isvideo .ilo--card--image--wrapper {
   position: relative;
@@ -957,6 +962,7 @@
 }
 .ilo--card--wrapper {
   max-width: var(--max-width);
+  transition: filter 250ms ease-out;
 }
 .ilo--card--wrapper:hover, .ilo--card--wrapper:focus, .ilo--card--wrapper:focus-within {
   filter: drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.05)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.05)) drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.04));
@@ -1011,7 +1017,7 @@
   font-size: 16px;
   letter-spacing: normal;
   line-height: 23.36px;
-  margin-bottom: 0.2901661308rem;
+  margin-bottom: 0.6430868167rem;
   transition-property: color;
   transition-duration: 150ms;
   transition-timing-function: ease-out;
@@ -1089,7 +1095,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -1260,7 +1266,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -1357,7 +1363,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -1509,7 +1515,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -1635,7 +1641,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -1759,7 +1765,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -1879,7 +1885,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -1955,7 +1961,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -2024,7 +2030,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -2073,7 +2079,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -2150,7 +2156,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -2231,7 +2237,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -2241,7 +2247,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -2251,7 +2257,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -2261,7 +2267,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -2387,7 +2393,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -2408,7 +2414,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -2498,7 +2504,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -2508,7 +2514,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -2518,7 +2524,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -2571,7 +2577,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -2659,7 +2665,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -2755,7 +2761,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -2797,7 +2803,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -2924,7 +2930,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -2934,7 +2940,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -2959,7 +2965,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -3316,7 +3322,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -3439,7 +3445,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -3450,6 +3456,7 @@
 .hero {
   --added-offset: 0px;
   --base-offset: calc(((100vw - 1300px) / 2));
+  --breadcrumb-padding: max(var(--base-offset), 0.857449089rem);
   --card-padding-start: 71px;
   --corner-cut-height: 40px;
   width: 100%;
@@ -3463,6 +3470,18 @@
   display: grid;
   grid-template-rows: minmax(216px, 1fr) 27px 40px auto;
 }
+.hero__gap__transparent {
+  background: transparent;
+}
+.hero__gap__white {
+  background-color: rgb(255, 255, 255);
+}
+.hero__gap__light {
+  background-color: rgb(235, 245, 253);
+}
+.hero__gap__dark {
+  background-color: rgb(35, 0, 80);
+}
 .hero--breadcrumbs {
   display: none;
 }
@@ -3582,23 +3601,22 @@
   .hero__card-theme__dark .hero--card-offset {
     background-color: rgb(35, 0, 80);
     position: relative;
+    box-shadow: 0.3px 0 0 0 rgb(35, 0, 80);
   }
   .hero__card-theme__dark[class*=semi-transparent] .hero--card-offset {
     background: rgba(35, 0, 80, 0.6);
+    box-shadow: 0.3px 0 0 0 rgba(35, 0, 80, 0.6);
   }
   .hero__card-theme__light .hero--card-offset {
     background: rgb(255, 255, 255);
+    box-shadow: 0.3px 0 0 0 rgb(255, 255, 255);
   }
   .hero__card-theme__light[class*=semi-transparent] .hero--card-offset {
     background: rgba(255, 255, 255, 0.6);
-  }
-  .hero--breadcrumbs-offset {
-    grid-area: 1/1/2/2;
-    background-color: rgb(255, 255, 255);
-    z-index: 1;
+    box-shadow: 0.3px 0 0 0 rgba(255, 255, 255, 0.6);
   }
   .hero--breadcrumbs {
-    grid-area: 1/2/2/5;
+    grid-area: 1/1/2/5;
     z-index: 1;
     display: flex;
     flex-flow: row nowrap;
@@ -3620,17 +3638,8 @@
     z-index: 0;
     position: relative;
   }
-  .hero--card-offset::after {
-    content: "";
-    position: absolute;
-    height: 100%;
-    width: 3px;
-    right: -1px;
-    background-color: inherit;
-    z-index: 1;
-  }
   .hero__card-justify__offset .hero--card-offset, .hero__card-justify__center .hero--card-offset {
-    background-color: transparent;
+    background: transparent !important;
   }
   .hero__card-align__center .hero--card-offset {
     grid-area: 3/1/4/2;
@@ -3749,7 +3758,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -3882,7 +3891,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -3938,7 +3947,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -4080,7 +4089,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -4090,7 +4099,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -4115,7 +4124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -4279,7 +4288,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -4374,7 +4383,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -4384,7 +4393,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -4394,7 +4403,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -4565,7 +4574,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -4612,7 +4621,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -4622,7 +4631,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -4632,7 +4641,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -4729,7 +4738,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -5605,7 +5614,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -5615,7 +5624,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -5625,7 +5634,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -5808,7 +5817,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -5949,7 +5958,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -5959,7 +5968,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -5984,7 +5993,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -6134,7 +6143,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -6203,7 +6212,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -6213,7 +6222,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 */
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -6238,7 +6247,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 }
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -6294,7 +6303,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -6710,7 +6719,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -6761,7 +6770,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -6917,7 +6926,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -7268,7 +7277,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -7448,7 +7457,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -7503,7 +7512,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -7678,7 +7687,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -7730,7 +7739,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -7740,7 +7749,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 */
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -7842,7 +7851,7 @@ input:checked + .ilo--input--toggle--slider:before {
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -7854,6 +7863,8 @@ input:checked + .ilo--input--toggle--slider:before {
   font-size: 14.93px;
   letter-spacing: normal;
   line-height: 20.3px;
+  font-family: Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
+  font-weight: 400;
   background: rgb(255, 255, 255);
   border: none;
   border-radius: 0.1071811361rem;
@@ -7864,22 +7875,46 @@ input:checked + .ilo--input--toggle--slider:before {
   padding: 0.4287245445rem 0.857449089rem 0.6430868167rem;
   position: absolute;
   visibility: hidden;
-  width: auto;
-  transition-property: opacity;
-  transition-duration: 150ms;
-  transition-timing-function: ease-out;
+  width: max-content;
+  max-width: 9.6463022508rem;
+}
+@media screen and (min-width: 610px) {
+  .ilo--tooltip--long {
+    max-width: 21.436227224rem;
+  }
 }
 .ilo--tooltip--fade {
   opacity: 1;
-  transition-property: opacity;
-  transition-duration: 150ms;
-  transition-timing-function: ease-out;
 }
 .ilo--tooltip--visible {
   visibility: visible;
   z-index: 2;
   opacity: 1;
 }
+.ilo--tooltip--arrow, .ilo--tooltip--arrow::before {
+  position: absolute;
+  visibility: hidden;
+  width: 10px;
+  height: 10px;
+  background: inherit;
+}
+.ilo--tooltip--arrow::before {
+  visibility: visible;
+  content: "";
+  transform: rotate(45deg);
+}
+.ilo--tooltip[data-popper-placement^=top] > .ilo--tooltip--arrow {
+  bottom: -4px;
+}
+.ilo--tooltip[data-popper-placement^=bottom] > .ilo--tooltip--arrow {
+  top: -4px;
+}
+.ilo--tooltip[data-popper-placement^=left] > .ilo--tooltip--arrow {
+  right: -4px;
+}
+.ilo--tooltip[data-popper-placement^=right] > .ilo--tooltip--arrow {
+  left: -4px;
+}
 .ilo--tooltip--wrapper {
   display: inline-block;
   position: relative;
@@ -7895,119 +7930,20 @@ input:checked + .ilo--input--toggle--slider:before {
 .ilo--tooltip--wrapper__icon.ilo--tooltip--wrapper__icon__theme__dark {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='rgb(237, 240, 242)' d='M8 0C6.4 0 4.9.5 3.6 1.3c-1.4.9-2.4 2.2-3 3.6C0 6.4-.2 8 .2 9.6c.3 1.6 1.1 3 2.2 4.1 1.1 1.1 2.5 1.9 4.1 2.2s3.2.2 4.6-.5c1.5-.6 2.7-1.6 3.6-2.9.8-1.4 1.3-2.9 1.3-4.5 0-2.1-.8-4.2-2.3-5.7C12.2.8 10.1 0 8 0zm0 14c-1.2 0-2.3-.4-3.3-1-1-.7-1.8-1.6-2.2-2.7C2 9.2 1.9 8 2.1 6.8c.2-1.2.8-2.2 1.6-3.1.8-.8 1.9-1.4 3.1-1.6 1.2-.2 2.4-.1 3.5.4s2 1.2 2.7 2.2c.7 1 1 2.1 1 3.3 0 1.6-.6 3.1-1.8 4.2C11.1 13.4 9.6 14 8 14z'/%3e%3cpath fill='rgb(237, 240, 242)' d='M9 7H7v5h2V7zM8 6c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1z'/%3e%3c/svg%3e");
 }
-.ilo--tooltip--arrow {
-  border-color: transparent;
-  border-right-color: transparent;
-  border-style: solid;
-  border-width: 0;
-  height: 0;
-  margin-top: -0.3751339764rem;
-  position: absolute;
-  width: 0;
-}
-.ilo--tooltip--alignment-top {
-  left: 0;
-  top: calc(-100% + 12px);
-}
-.ilo--tooltip--alignment-top .ilo--tooltip--arrow {
-  border-top-color: rgb(255, 255, 255);
-  border-width: 0.6430868167rem 0.3751339764rem 0 0.3751339764rem;
-  bottom: -0.6430868167rem;
-  left: 50%;
-  margin-left: -0.3751339764rem;
-  top: auto;
-}
-.ilo--tooltip--alignment-top .ilo--tooltip--arrow--placement-negative {
-  left: 10%;
-}
-.ilo--tooltip--alignment-top .ilo--tooltip--arrow--placement-positive {
-  left: auto;
-  right: 10%;
-}
-.ilo--tooltip--alignment-top .ilo--tooltip--arrow--placement-center {
-  left: 50%;
-}
-.ilo--tooltip--alignment-right {
-  left: calc(100% + 32px);
-  top: calc(50% - 0.3751339764rem);
-}
-.ilo--tooltip--alignment-right .ilo--tooltip--arrow {
-  border-right-color: rgb(255, 255, 255);
-  border-width: 0.3751339764rem 0.6430868167rem 0.3751339764rem 0;
-  left: 0;
-  margin-left: -0.6430868167rem;
-  top: 50%;
-}
-.ilo--tooltip--alignment-right .ilo--tooltip--arrow--placement-negative {
-  margin-top: 0;
-  top: 10%;
-}
-.ilo--tooltip--alignment-right .ilo--tooltip--arrow--placement-positive {
-  top: auto;
-  bottom: 10%;
-}
-.ilo--tooltip--alignment-right .ilo--tooltip--arrow--placement-center {
-  top: 50%;
-}
-.ilo--tooltip--alignment-left {
-  right: calc(100% + 32px);
-  top: calc(50% - 0.3751339764rem);
-}
-.ilo--tooltip--alignment-left .ilo--tooltip--arrow {
-  border-left-color: rgb(255, 255, 255);
-  border-width: 0.3751339764rem 0 0.3751339764rem 0.6430868167rem;
-  left: auto;
-  margin-top: -0.3751339764rem;
-  right: -0.6430868167rem;
-  top: 50%;
-}
-.ilo--tooltip--alignment-left .ilo--tooltip--arrow--placement-negative {
-  margin-top: 0;
-  top: 10%;
-}
-.ilo--tooltip--alignment-left .ilo--tooltip--arrow--placement-positive {
-  top: auto;
-  bottom: 10%;
-}
-.ilo--tooltip--alignment-left .ilo--tooltip--arrow--placement-center {
-  top: 50%;
-}
-.ilo--tooltip--alignment-bottom {
-  left: 0;
-  top: calc(100% + 0.6430868167rem);
-}
-.ilo--tooltip--alignment-bottom .ilo--tooltip--arrow {
-  border-width: 0 0.3751339764rem 0.6430868167rem 0.3751339764rem;
-  left: 50%;
-  margin-left: -0.3751339764rem;
-  margin-top: -0.6430868167rem;
-  top: 0;
-  border-bottom-color: rgb(255, 255, 255);
-}
-.ilo--tooltip--alignment-bottom .ilo--tooltip--arrow--placement-negative {
-  left: 10%;
-}
-.ilo--tooltip--alignment-bottom .ilo--tooltip--arrow--placement-positive {
-  left: auto;
-  right: 10%;
-}
-.ilo--tooltip--alignment-bottom .ilo--tooltip--arrow--placement-center {
-  left: 50%;
-}
 .ilo--tooltip--dark {
   background: rgb(45, 45, 45);
   color: rgb(237, 240, 242);
 }
-.ilo--tooltip--dark.ilo--tooltip--alignment-bottom .ilo--tooltip--arrow {
+.ilo--tooltip--dark.ilo--tooltip--arrow {
   border-bottom-color: rgb(45, 45, 45);
 }
-.ilo--tooltip--dark.ilo--tooltip--alignment-top .ilo--tooltip--arrow {
+.ilo--tooltip--dark.ilo--tooltip--arrow {
   border-top-color: rgb(45, 45, 45);
 }
-.ilo--tooltip--dark.ilo--tooltip--alignment-left .ilo--tooltip--arrow {
+.ilo--tooltip--dark.ilo--tooltip--arrow {
   border-left-color: rgb(45, 45, 45);
 }
-.ilo--tooltip--dark.ilo--tooltip--alignment-right .ilo--tooltip--arrow {
+.ilo--tooltip--dark.ilo--tooltip--arrow {
   border-right-color: rgb(45, 45, 45);
 }
 
@@ -8017,7 +7953,7 @@ input:checked + .ilo--input--toggle--slider:before {
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -8983,7 +8919,7 @@ input:checked + .ilo--input--toggle--slider:before {
 
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -8993,7 +8929,7 @@ input:checked + .ilo--input--toggle--slider:before {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS:
@@ -9018,7 +8954,7 @@ input:checked + .ilo--input--toggle--slider:before {
 }
 /**
  * Do not edit directly
- * Generated on Tue, 05 Dec 2023 09:46:34 GMT
+ * Generated on Mon, 18 Dec 2023 13:27:56 GMT
  */
 /**
 * TOKENS: