@ilo-org/styles 0.10.0 → 0.10.2

package/build/css/index.css

@@ -152,7 +152,7 @@ select {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -170,7 +170,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -289,7 +289,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -314,7 +314,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -568,7 +568,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -578,7 +578,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -603,7 +603,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -893,7 +893,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -1023,7 +1023,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -1033,7 +1033,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -1058,7 +1058,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -1075,7 +1075,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -1286,7 +1286,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -1454,7 +1454,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -1548,7 +1548,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -1685,7 +1685,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -1827,7 +1827,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -1976,7 +1976,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -2082,7 +2082,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -2144,7 +2144,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -2219,7 +2219,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -2271,7 +2271,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -2348,7 +2348,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -2429,7 +2429,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -2439,7 +2439,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -2449,7 +2449,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -2459,7 +2459,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -2585,7 +2585,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -2602,7 +2602,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -2690,7 +2690,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -2700,7 +2700,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -2710,7 +2710,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -2763,7 +2763,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -2848,7 +2848,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -2920,9 +2920,13 @@ body {
 }
 .ilo--file-upload--list {
   order: 4;
+  display: flex;
+  flex-flow: column;
+  padding-top: 0.4287245445rem;
+  gap: 0.4287245445rem;
 }
 .ilo--file-upload--list-item {
-  display: inline-block;
+  display: block;
   background-color: rgb(237, 240, 242);
   border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
   border-left: 0.1607717042rem solid rgb(35, 0, 80);
@@ -2935,14 +2939,13 @@ body {
   letter-spacing: -0.02em;
   line-height: 21.6px;
   height: 2.5723472669rem;
-  margin: 1.2861736334rem 0rem 0rem 0rem;
   outline: none;
   padding: 0.6966773848rem 0.6430868167rem 0.857449089rem 0.5894962487rem;
 }
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -2983,7 +2986,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -2998,52 +3001,52 @@ body {
   grid-template-columns: auto;
   gap: 0.4287245445rem;
 }
-.ilo--form-control__label-placement__start :first-child {
+.ilo--form-control__label-placement__start .ilo--form-control--label {
   grid-area: 1/1/2/2;
 }
 .ilo--form-control__label-placement__start :nth-child(2) {
   grid-area: 1/2/2/3;
 }
-.ilo--form-control__label-placement__start :nth-child(3) {
+.ilo--form-control__label-placement__start .ilo--form-control--helper {
   grid-area: 2/2/3/3;
 }
-.ilo--form-control__label-placement__start :nth-child(4) {
+.ilo--form-control__label-placement__start [class*=file-upload--list] {
   grid-area: 3/1/4/3;
 }
-.ilo--form-control__label-placement__end :first-child {
+.ilo--form-control__label-placement__end .ilo--form-control--label {
   grid-area: 1/2/2/3;
 }
 .ilo--form-control__label-placement__end :nth-child(2) {
   grid-area: 1/1/2/2;
 }
-.ilo--form-control__label-placement__end :nth-child(3) {
+.ilo--form-control__label-placement__end .ilo--form-control--helper {
   grid-area: 2/1/3/3;
 }
-.ilo--form-control__label-placement__end :nth-child(4) {
-  grid-area: 3/1/4/3;
+.ilo--form-control__label-placement__end [class*=file-upload--list] {
+  grid-area: 3/1/4/4;
 }
-.ilo--form-control__label-placement__top :first-child {
+.ilo--form-control__label-placement__top .ilo--form-control--label {
   grid-area: 1/1/2/2;
 }
 .ilo--form-control__label-placement__top :nth-child(2) {
   grid-area: 2/1/3/2;
 }
-.ilo--form-control__label-placement__top :nth-child(3) {
+.ilo--form-control__label-placement__top .ilo--form-control--helper {
   grid-area: 3/1/4/2;
 }
-.ilo--form-control__label-placement__top :nth-child(4) {
+.ilo--form-control__label-placement__top [class*=file-upload--list] {
   grid-area: 4/1/5/2;
 }
-.ilo--form-control__label-placement__bottom :first-child {
+.ilo--form-control__label-placement__bottom .ilo--form-control--label {
   grid-area: 3/1/4/2;
 }
 .ilo--form-control__label-placement__bottom :nth-child(2) {
   grid-area: 2/1/3/2;
 }
-.ilo--form-control__label-placement__bottom :nth-child(3) {
+.ilo--form-control__label-placement__bottom .ilo--form-control--helper {
   grid-area: 1/1/2/2;
 }
-.ilo--form-control__label-placement__bottom :nth-child(4) {
+.ilo--form-control__label-placement__bottom [class*=file-upload--list] {
   grid-area: 4/1/5/2;
 }
 .ilo--form-control__disabled .ilo--form-control--label,
@@ -3104,7 +3107,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -3114,7 +3117,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -3139,7 +3142,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -3506,7 +3509,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -3629,7 +3632,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -3638,11 +3641,11 @@ body {
 * MAPS:
 */
 .hero {
-  --corner-cut-height: 39px;
+  --corner-cut-height: 40px;
   width: 100%;
   display: grid;
   position: relative;
-  grid-template-rows: minmax(216px, 1fr) 27px 39px auto;
+  grid-template-rows: minmax(216px, 1fr) 27px 40px auto;
   grid-template-columns: 1fr;
 }
 .hero--breadcrumbs {
@@ -3687,10 +3690,9 @@ body {
 }
 @media screen and (min-width: 1024px) {
   .hero {
-    --card-width: minmax(200px, 625px);
+    --card-width: 625px;
     --corner-cut-height: 64px;
     --breadcrumbs-height: 48px;
-    --card-offset: 109px;
     --image-gap: 240px;
     --row-1-lg: var(--breadcrumbs-height);
     --row-2-lg: calc(var(--image-gap) - var(--breadcrumbs-height));
@@ -3717,29 +3719,31 @@ body {
     --image-gap: 527px;
   }
   .hero__card-size__small {
-    --card-width: minmax(200px, 625px);
+    --card-width: 625px;
   }
   .hero__card-size__medium {
-    --card-width: minmax(200px, 721px);
+    --card-width: 721px;
   }
   .hero__card-size__large {
-    --card-width: minmax(200px, 856px);
+    --card-width: 856px;
   }
   .hero__card-size__xlarge {
-    --card-width: minmax(200px, 920px);
+    --card-width: 920px;
   }
   .hero__card-size__xxlarge {
-    --card-width: minmax(200px, 998px);
+    --card-width: 998px;
   }
   .hero__card-justify__start {
-    --col-1-lg: 0;
+    --col-1-lg: calc(calc((100vw - 1300px) / 2) - 70px);
   }
   .hero__card-justify__offset {
-    --col-1-lg: var(--card-offset);
+    --col-1-lg: minmax(108px, calc(calc((100vw - 1300px) / 2) - 70px));
   }
   .hero__card-justify__center {
-    --col-1-lg: 1fr;
-    --col-4-lg: 1fr;
+    --col-1-lg: calc((100% - var(--card-width)) / 2);
+    --col-4-lg: calc(
+      ((100% - var(--card-width)) / 2) - 30px
+    );
   }
   .hero__card-align__center {
     --row-4-lg: calc(72px - 27px);
@@ -3750,6 +3754,21 @@ body {
     --row-4-lg: var(--corner-cut-height);
     --row-5-lg: auto;
   }
+  .hero__card-background__transparent .hero--card-offset {
+    background-color: transparent !important;
+  }
+  .hero__card-theme__dark .hero--card-offset {
+    background-color: rgb(35, 0, 80);
+  }
+  .hero__card-theme__dark[class*=semi-transparent] .hero--card-offset {
+    background: rgba(35, 0, 80, 0.6);
+  }
+  .hero__card-theme__light .hero--card-offset {
+    background: rgb(255, 255, 255);
+  }
+  .hero__card-theme__light[class*=semi-transparent] .hero--card-offset {
+    background: rgba(255, 255, 255, 0.6);
+  }
   .hero--breadcrumbs {
     grid-area: 1/1/2/5;
     z-index: 1;
@@ -3757,7 +3776,14 @@ body {
     flex-flow: row nowrap;
   }
   .hero--breadcrumbs--wrapper {
-    max-width: 500px;
+    width: 100%;
+  }
+  .hero--breadcrumbs:before {
+    content: "";
+    background-color: rgb(255, 255, 255);
+    position: relative;
+    height: 100%;
+    width: max(70px, (100vw - 1300px) / 2);
   }
   .hero--figure {
     grid-area: 1/1/5/5;
@@ -3768,6 +3794,20 @@ body {
   .hero__card-align__bottom .hero--figure {
     grid-area: 1/1/5/5;
   }
+  .hero--card-offset {
+    grid-area: 3/1/6/2;
+    z-index: 0;
+    background-color: transparent;
+  }
+  .hero__card-justify__offset .hero--card-offset, .hero__card-justify__center .hero--card-offset {
+    background-color: transparent;
+  }
+  .hero__card-align__center .hero--card-offset {
+    grid-area: 3/1/4/2;
+  }
+  .hero__card-align__bottom .hero--card-offset {
+    grid-area: 4/1/6/2;
+  }
   .hero--card {
     grid-area: 3/2/6/3;
   }
@@ -3851,19 +3891,21 @@ body {
     --col-1-lg: 1fr;
     --col-2-lg: 30px;
     --col-3-lg: var(--card-width);
-    --col-4-lg: 0;
+    --col-4-lg: calc(calc((100vw - 1300px) / 2) - 70px);
   }
   .right-to-left .hero__card-justify__offset {
     --col-1-lg: 1fr;
     --col-2-lg: 30px;
     --col-3-lg: var(--card-width);
-    --col-4-lg: var(--card-offset);
+    --col-4-lg: minmax(108px, calc(calc((100vw - 1300px) / 2) - 70px));
   }
   .right-to-left .hero__card-justify__center {
-    --col-1-lg: 1fr;
+    --col-1-lg: calc(
+      ((100% - var(--card-width)) / 2) - 30px
+    );
     --col-2-lg: 30px;
     --col-3-lg: var(--card-width);
-    --col-4-lg: 1fr;
+    --col-4-lg: calc((100% - var(--card-width)) / 2);
   }
   .right-to-left .hero__card-align__center .hero--card {
     grid-area: 3/3/4/4;
@@ -3912,6 +3954,9 @@ body {
     border-left: none;
     border-right: calc(27px - 4px) solid rgb(45, 45, 45);
   }
+  .right-to-left .hero--card-offset {
+    grid-area: 3/4/6/5;
+  }
   .right-to-left .hero--card {
     grid-area: 3/3/6/4;
   }
@@ -3948,7 +3993,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -3963,7 +4008,7 @@ body {
 }
 @media screen and (min-width: 1024px) {
   .ilo--hero-card {
-    padding: 64px;
+    padding: 56px 70px;
   }
 }
 .right-to-left .ilo--hero-card {
@@ -4082,7 +4127,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -4138,7 +4183,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -4280,7 +4325,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -4290,7 +4335,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -4315,7 +4360,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -4473,7 +4518,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -4568,7 +4613,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -4578,7 +4623,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -4588,7 +4633,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -4759,7 +4804,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -4806,7 +4851,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -4816,7 +4861,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -4826,7 +4871,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -4923,7 +4968,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -5813,7 +5858,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -5823,7 +5868,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -5833,7 +5878,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -6025,7 +6070,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -6036,6 +6081,7 @@ body {
 .ilo--pagination {
   display: flex;
   justify-content: space-between;
+  margin-bottom: 2.1436227224rem;
   margin-top: 2.1436227224rem;
 }
 .ilo--pagination--link {
@@ -6165,7 +6211,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -6175,7 +6221,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -6200,7 +6246,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -6367,7 +6413,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -6385,7 +6431,14 @@ body {
   width: 1.2861736334rem;
   cursor: pointer;
 }
-.ilo--radio:before {
+.ilo--radio input {
+  appearance: none;
+  width: 1.2861736334rem;
+  height: 1.2861736334rem;
+  border-radius: 50%;
+  cursor: pointer;
+}
+.ilo--radio--control:before {
   content: "";
   background-color: rgb(184, 196, 204);
   border: 0.2143622722rem solid rgb(184, 196, 204);
@@ -6398,7 +6451,7 @@ body {
   z-index: 1;
   pointer-events: none;
 }
-.ilo--radio:after {
+.ilo--radio--control:after {
   content: "";
   background-color: rgb(184, 196, 204);
   border-radius: 50%;
@@ -6410,33 +6463,26 @@ body {
   z-index: 0;
   pointer-events: none;
 }
-.ilo--radio:checked:before {
+input:checked + .ilo--radio--control:before {
   background-color: rgb(235, 245, 253);
   border-color: rgb(35, 0, 80);
 }
-.ilo--radio:checked:after {
+input:checked + .ilo--radio--control:after {
   background-color: rgb(35, 0, 80);
 }
-.ilo--radio:focus {
-  outline: none;
-}
-.ilo--radio:focus:after {
+input:focus + .ilo--radio--control:after {
   background-color: rgb(255, 205, 45);
 }
-.ilo--radio:disabled {
+input:disabled + .ilo--radio--control:after, input:disabled + .ilo--radio--control:before {
   opacity: 45%;
-  pointer-events: none;
 }
-.ilo--radio:invalid:after, .ilo--radio__error:after {
+input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--control:after {
   background-color: rgb(250, 60, 75);
 }
-.ilo--radio:invalid:checked:before, .ilo--radio__error:checked:before {
-  border-color: rgb(35, 0, 80);
-}
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -6446,7 +6492,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -6471,7 +6517,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -6532,7 +6578,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -6947,7 +6993,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -7001,7 +7047,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -7159,7 +7205,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -7510,7 +7556,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -7696,7 +7742,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -7754,7 +7800,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -7928,7 +7974,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -7988,7 +8034,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -7998,7 +8044,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -8100,7 +8146,7 @@ input:checked + .ilo--input--toggle--slider:before {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -8143,14 +8189,14 @@ input:checked + .ilo--input--toggle--slider:before {
   position: relative;
   cursor: pointer;
 }
-.ilo--tooltip--wrapper.has-icon {
+.ilo--tooltip--wrapper__icon {
   background-repeat: no-repeat;
   background-size: cover;
   height: 0.857449089rem;
   min-width: 0.857449089rem;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='rgb(35, 0, 80)' 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(35, 0, 80)' 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--wrapper--dark.has-icon {
+.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 {
@@ -8275,7 +8321,7 @@ input:checked + .ilo--input--toggle--slider:before {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -9185,7 +9231,7 @@ input:checked + .ilo--input--toggle--slider:before {
 
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -9195,7 +9241,7 @@ input:checked + .ilo--input--toggle--slider:before {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS:
@@ -9220,7 +9266,7 @@ input:checked + .ilo--input--toggle--slider:before {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 22 Sep 2023 13:48:42 GMT
+ * Generated on Thu, 28 Sep 2023 13:35:59 GMT
  */
 /**
 * TOKENS: