@ilo-org/styles 0.8.3 → 0.9.0

package/build/css/monorepo.css

@@ -151,7 +151,7 @@ select {
 }
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -250,7 +250,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -369,7 +369,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -394,7 +394,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -648,7 +648,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -658,7 +658,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -683,7 +683,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -973,7 +973,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -1103,7 +1103,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -1314,7 +1314,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -1482,7 +1482,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -1576,7 +1576,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -1713,7 +1713,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -1855,7 +1855,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -2004,7 +2004,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -2110,7 +2110,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -2172,7 +2172,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -2247,7 +2247,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -2258,45 +2258,26 @@ body {
 .ilo--cardgroup__collapsed .ilo--cardgroup--inner {
   gap: 0 !important;
 }
-.ilo--cardgroup__justify__start .ilo--cardgroup--inner {
-  justify-content: flex-start;
-}
-.ilo--cardgroup__justify__between .ilo--cardgroup--inner {
-  justify-content: space-between;
-}
-.ilo--cardgroup__justify__center .ilo--cardgroup--inner {
-  justify-content: center;
-}
 @media screen and (min-width: 1024px) {
   .ilo--cardgroup__count__one .ilo--cardgroup--inner {
-    gap: 0;
-  }
-  .ilo--cardgroup__count__one .ilo--cardgroup--card {
-    flex: 1 1 100%;
+    grid-template-columns: 1fr;
   }
   .ilo--cardgroup__count__two .ilo--cardgroup--inner {
-    gap: 16px;
-  }
-  .ilo--cardgroup__count__two .ilo--cardgroup--card {
-    flex: 0 1 calc(50% - 16px);
+    grid-template-columns: repeat(2, 1fr);
   }
   .ilo--cardgroup__count__three .ilo--cardgroup--inner {
-    gap: 21px;
-  }
-  .ilo--cardgroup__count__three .ilo--cardgroup--card {
-    flex: 0 1 calc(33.3333% - 21px);
+    grid-template-columns: repeat(3, 1fr);
   }
   .ilo--cardgroup__count__four .ilo--cardgroup--inner {
-    gap: 24px;
-  }
-  .ilo--cardgroup__count__four .ilo--cardgroup--card {
-    flex: 0 1 calc(25% - 24px);
+    grid-template-columns: repeat(4, 1fr);
   }
 }
 .ilo--cardgroup--inner {
-  display: flex;
-  flex-flow: row wrap;
-  justify-content: center;
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: auto;
+  column-gap: 1.7148981779rem;
+  row-gap: 1.7148981779rem;
   margin: auto;
   width: 100%;
 }
@@ -2306,6 +2287,8 @@ body {
 .ilo--cardgroup .ilo--card,
 .ilo--cardgroup .ilo--card--wrapper {
   height: 100%;
+  width: 100%;
+  max-width: 100%;
 }
 .ilo--cardgroup--button-wrap {
   display: flex;
@@ -2316,7 +2299,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -2327,15 +2310,16 @@ body {
 .ilo--checkbox {
   -webkit-appearance: none;
   -moz-appearance: none;
+  appearance: none;
   border: none;
   display: grid;
   height: 1.2861736334rem;
   margin: 0;
-  order: 1;
   position: relative;
   place-content: center;
   width: 1.2861736334rem;
   transform: none;
+  cursor: pointer;
 }
 .ilo--checkbox:before {
   content: "";
@@ -2383,45 +2367,16 @@ body {
   opacity: 45%;
   pointer-events: none;
 }
-.ilo--checkbox:invalid:after, .ilo--checkbox.error:after, .error .ilo--checkbox:after {
-  background-color: rgb(250, 60, 75);
+.ilo--checkbox:invalid:after, .ilo--checkbox__error:after, .ilo--checkbox__error .ilo--checkbox:after {
+  border-color: rgb(250, 60, 75);
 }
-.ilo--checkbox:invalid:checked:after, .ilo--checkbox.error:checked:after, .error .ilo--checkbox:checked:after {
+.ilo--checkbox:invalid:checked:after, .ilo--checkbox__error:checked:after, .ilo--checkbox__error .ilo--checkbox:checked:after {
   border-color: rgb(35, 0, 80);
 }
 
-.ilo--fieldset--input--checkbox {
-  align-items: center;
-  clear: both;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start;
-  margin-bottom: 1.1789924973rem;
-}
-.ilo--fieldset--input--checkbox .ilo--fieldset--label {
-  color: rgb(45, 45, 45);
-  font-family: Noto Sans;
-  font-size: 14.9px;
-  font-weight: 400;
-  line-height: 1;
-  margin-left: 0.4287245445rem;
-  margin-bottom: 0;
-  margin-top: 1px;
-  order: 2;
-}
-.right-to-left .ilo--fieldset--input--checkbox .ilo--fieldset--label {
-  margin-left: 0;
-  margin-right: 0.4287245445rem;
-}
-.ilo--fieldset--input--checkbox .ilo--fieldset--error,
-.ilo--fieldset--input--checkbox .ilo--fieldset--helper {
-  order: 3;
-  width: 100%;
-}
-
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -2502,7 +2457,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -2512,7 +2467,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -2522,7 +2477,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -2532,7 +2487,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -2658,7 +2613,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -2666,27 +2621,16 @@ body {
 /**
 * MAPS:
 */
-.ilo--datepicker--range {
-  display: flex;
-}
-.ilo--datepicker--range > .ilo--fieldset {
-  width: 50%;
-}
-.ilo--datepicker--range > .ilo--fieldset:nth-of-type(1) .ilo--input {
-  border-right: none;
-}
-.right-to-left .ilo--datepicker {
-  direction: rtl;
+.ilo--datepicker {
+  cursor: pointer;
 }
-
-.right-to-left .ilo--datepicker--range > .ilo--fieldset:nth-of-type(1) .ilo--input {
-  border-left: none;
-  border-right: 0.1071811361rem solid rgb(184, 196, 204);
+.ilo--datepicker::-webkit-calendar-picker-indicator {
+  cursor: pointer;
 }
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -2774,7 +2718,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -2784,7 +2728,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -2794,7 +2738,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -2847,7 +2791,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -2856,73 +2800,83 @@ body {
 * MAPS:
 */
 .ilo--fieldset {
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
-  margin-bottom: 1.4076773451rem;
 }
-.ilo--fieldset--label {
-  display: inline-flex;
-  float: left;
+.ilo--fieldset--legend-wrapper {
+  margin-bottom: 0.8717716645rem;
+}
+.ilo--fieldset--legend {
   font-family: Overpass;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: -0.02em;
   line-height: 21.6px;
-  margin-bottom: 0.3358659839rem;
 }
-.ilo--fieldset--helper {
-  color: rgb(109, 109, 109);
-  font-family: Noto Sans;
-  font-size: 11.94px;
-  letter-spacing: normal;
-  line-height: 16.24px;
-  margin-top: 0.4832142725rem;
+.ilo--fieldset--direction__column > .ilo--fieldset--elements {
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start;
+  flex-direction: column;
+  gap: 0.8717716645rem;
 }
-.ilo--fieldset--error {
-  color: rgb(200, 48, 60);
+.ilo--fieldset--direction__row > .ilo--fieldset--elements {
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start;
+  flex-direction: row;
+  gap: 0.8717716645rem;
+}
+.ilo--fieldset--direction__row-reverse > .ilo--fieldset--elements {
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start;
+  flex-direction: row-reverse;
+  gap: 0.8717716645rem;
+}
+.ilo--fieldset--direction__column-reverse > .ilo--fieldset--elements {
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start;
+  flex-direction: column-reverse;
+  gap: 0.8717716645rem;
+}
+.ilo--fieldset--wrap__nowrap > .ilo--fieldset--elements {
+  flex-wrap: nowrap;
+}
+.ilo--fieldset--wrap__wrap > .ilo--fieldset--elements {
+  flex-wrap: wrap;
+}
+.ilo--fieldset--wrap__wrap-reverse > .ilo--fieldset--elements {
+  flex-wrap: wrap-reverse;
+}
+.ilo--fieldset--wrap__reverse > .ilo--fieldset--elements {
+  flex-wrap: reverse;
+}
+.ilo--fieldset--helper, .ilo--fieldset__error {
   font-family: Noto Sans;
   font-size: 11.94px;
   letter-spacing: normal;
   line-height: 16.24px;
   margin-top: 0.4832142725rem;
 }
-.ilo--fieldset.ilo--choice-group .ilo--fieldset--legend {
-  display: inline-flex;
-  float: left;
-  font-family: Overpass;
-  font-weight: 700;
-  font-size: 16px;
-  letter-spacing: -0.02em;
-  line-height: 21.6px;
-  margin: 0;
+.ilo--fieldset--helper {
+  color: rgb(109, 109, 109);
 }
-.ilo--fieldset.ilo--choice-group .ilo--fieldset--legend + .ilo--fieldset--helper, .ilo--fieldset.ilo--choice-group .ilo--fieldset--legend + .ilo--fieldset--error {
-  clear: both;
-  display: block;
+.ilo--fieldset__error {
+  color: rgb(200, 48, 60);
 }
-.ilo--fieldset.ilo--choice-group div[class^=ilo--fieldset--input]:first-of-type,
-.ilo--fieldset.ilo--choice-group div[class*=" ilo--fieldset--input"]:first-of-type {
-  clear: both;
-  padding-top: 1.2861736334rem;
+.ilo--fieldset__disabled {
+  opacity: 50%;
+  pointer-events: none;
 }
 .ilo--fieldset .ilo--tooltip--wrapper {
   margin-left: 8px;
   margin-top: 3px;
 }
-.right-to-left .ilo--fieldset {
-  direction: rtl;
-}
-.right-to-left .ilo--fieldset .ilo--fieldset--label {
-  float: right;
-}
-.right-to-left .ilo--fieldset.ilo--choice-group .ilo--fieldset--legend {
-  float: right;
-}
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -2930,14 +2884,8 @@ body {
 /**
 * MAPS:
 */
-.ilo--file-upload {
-  color: transparent;
+.ilo--file-upload--input {
   order: 3;
-}
-.ilo--file-upload::-webkit-file-upload-button {
-  visibility: hidden;
-}
-.ilo--file-upload:before {
   background-color: rgb(255, 255, 255);
   border: 1.5px rgb(184, 196, 204) solid;
   color: rgb(35, 0, 80);
@@ -2958,32 +2906,40 @@ body {
   letter-spacing: -0.02em;
   line-height: 21.6px;
 }
-.ilo--file-upload:hover:before {
+.ilo--file-upload--input input {
+  visibility: hidden;
+  color: transparent;
+  width: 0;
+}
+.ilo--form__theme__dark .ilo--file-upload--input {
+  color: rgb(35, 0, 80);
+}
+.ilo--file-upload--input:hover {
   background-color: rgb(235, 245, 253);
   border: 1.5px rgb(30, 45, 190) solid;
   cursor: pointer;
   color: rgb(30, 45, 190);
   outline: none;
 }
-.ilo--file-upload:focus:before {
+.ilo--file-upload--input:focus {
   background-color: rgb(255, 255, 255);
   border: 1.5px rgb(30, 45, 190) solid;
   color: rgb(35, 0, 80);
   outline: none;
 }
-.ilo--file-upload:focus-visible {
+.ilo--file-upload--input:focus-visible {
   outline: none;
 }
-.ilo--file-upload:active:before {
+.ilo--file-upload--input:active {
   background-color: rgb(30, 45, 190);
   border: 2px rgb(30, 45, 190) solid;
   color: rgb(235, 245, 253);
 }
-.ilo--file-upload:disabled {
+.ilo--file-upload--input:disabled {
   opacity: 45%;
   pointer-events: none;
 }
-.ilo--file-upload:invalid:before, .ilo--file-upload.error:before, .error .ilo--file-upload:before {
+.ilo--file-upload--input:invalid, .ilo--file-upload--input.error, .error .ilo--file-upload--input {
   background-color: rgb(255, 255, 255);
   border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
   border-left: 0.1607717042rem solid rgb(200, 48, 60);
@@ -2992,8 +2948,10 @@ body {
 }
 .ilo--file-upload--list {
   order: 4;
+  grid-area: uploads;
 }
 .ilo--file-upload--list-item {
+  display: inline-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);
@@ -3009,26 +2967,11 @@ body {
   margin: 1.2861736334rem 0rem 0rem 0rem;
   outline: none;
   padding: 0.6966773848rem 0.6430868167rem 0.857449089rem 0.5894962487rem;
-  width: 100%;
-}
-
-.file-upload div {
-  display: flex;
-  flex-direction: column;
-}
-.file-upload div .ilo--fieldset--label {
-  order: 1;
-}
-.file-upload div .ilo--fieldset--helper,
-.file-upload div .ilo--fieldset--error {
-  margin-top: 0;
-  margin-bottom: 0.90033358rem;
-  order: 2;
 }
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -3036,22 +2979,40 @@ body {
 /**
 * MAPS:
 */
-.ilo--formgroup--legend {
-  display: block;
-  font-family: Overpass;
-  font-weight: 700;
-  font-size: 23.32px;
-  letter-spacing: -3.5%;
-  line-height: 29.15px;
-  margin-bottom: 1.5763397642rem;
+.ilo--form {
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start;
+  flex-direction: column;
+  appearance: none;
+  gap: 32px;
+  color: rgb(45, 45, 45);
 }
-.right-to-left .ilo--formgroup {
-  direction: rtl;
+.ilo--form__theme__light {
+  color: rgb(45, 45, 45);
+}
+.ilo--form__theme__light label,
+.ilo--form__theme__light p {
+  color: rgb(45, 45, 45);
+}
+.ilo--form__theme__dark {
+  color: rgb(237, 240, 242);
+}
+.ilo--form__theme__dark label,
+.ilo--form__theme__dark p {
+  color: rgb(237, 240, 242);
+}
+.ilo--form__theme__dark legend {
+  color: rgb(255, 205, 45);
+}
+.ilo--form__disabled {
+  opacity: 50%;
+  pointer-events: none;
 }
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -3059,13 +3020,96 @@ body {
 /**
 * MAPS:
 */
-.right-to-left .ilo--form {
-  direction: rtl;
+.ilo--form-control {
+  display: inline-grid;
+  grid-area: input;
+}
+.ilo--form-control__label-placement__start {
+  grid-template-rows: auto;
+  grid-template-columns: auto;
+  grid-template-areas: "label input" "helper ." "uploads uploads";
+  column-gap: 0.4287245445rem;
+}
+.ilo--form-control__label-placement__start .ilo--form-control--helper {
+  text-align: right;
+}
+.ilo--form-control__label-placement__end {
+  grid-template-rows: auto;
+  grid-template-columns: auto;
+  grid-template-areas: "input    label" ".        helper" "uploads uploads";
+  column-gap: 0.4287245445rem;
+}
+.ilo--form-control__label-placement__top {
+  grid-template-rows: auto auto auto;
+  grid-template-columns: auto;
+  grid-template-areas: "label" "input" "downloads" "helper";
+  row-gap: 0.4287245445rem;
+}
+.ilo--form-control__label-placement__bottom {
+  grid-template-rows: auto auto auto;
+  grid-template-columns: auto;
+  grid-template-areas: "helper" "input" "downloads" "label";
+  row-gap: 0.4287245445rem;
+}
+.ilo--form-control__disabled .ilo--form-control--label,
+.ilo--form-control__disabled .ilo--form-control--helper {
+  opacity: 0.5;
+  pointer-events: none;
+}
+.ilo--form-control__error .ilo--form-control--helper {
+  color: rgb(200, 48, 60);
+}
+.ilo--form-control--label {
+  color: rgb(45, 45, 45);
+  grid-area: label;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  justify-content: flex-start;
+}
+.ilo--form-control--label__size__small {
+  font-family: Noto Sans;
+  font-size: 0.8001071811rem;
+  letter-spacing: -0.0010718114rem;
+  line-height: 1.0803858521rem;
+  font-weight: 400;
+}
+.ilo--form-control--label__size__medium {
+  font-family: Overpass;
+  font-size: 0.857449089rem;
+  letter-spacing: -0.0010718114rem;
+  line-height: 1.1575562701rem;
+  font-weight: 700;
+}
+.ilo--form-control--label__size__large {
+  font-family: Overpass;
+  font-size: 1rem;
+  letter-spacing: -0.0010718114rem;
+  line-height: 1.3001071811rem;
+  font-weight: 700;
+}
+.ilo--form-control--label label {
+  font-family: inherit;
+  font-size: inherit;
+  letter-spacing: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+}
+.ilo--form-control--label div[class*=tooltip] {
+  margin-left: 0.2143622722rem;
+}
+.ilo--form-control--helper {
+  grid-area: helper;
+  color: rgb(109, 109, 109);
+  font-family: Noto Sans;
+  font-size: 11.94px;
+  letter-spacing: normal;
+  line-height: 16.24px;
 }
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -3075,7 +3119,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -3100,7 +3144,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -3424,7 +3468,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -3547,7 +3591,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -3557,6 +3601,7 @@ body {
 */
 .hero {
   --corner-cut-height: 39px;
+  width: 100%;
   display: grid;
   position: relative;
   grid-template-rows: minmax(216px, 1fr) 27px 39px auto;
@@ -3865,7 +3910,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -3999,7 +4044,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -4055,7 +4100,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -4197,7 +4242,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -4207,7 +4252,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -4232,7 +4277,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -4390,7 +4435,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -4485,7 +4530,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -4495,7 +4540,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -4505,7 +4550,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -4676,7 +4721,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -4723,7 +4768,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -4733,7 +4778,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -4743,7 +4788,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -4840,7 +4885,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -5194,6 +5239,7 @@ body {
   background-position: calc(100% - 16px) 55%;
   background-repeat: no-repeat;
   background-size: 24px;
+  background-position-y: center;
   border: none;
   color: rgb(35, 0, 80);
   cursor: pointer;
@@ -5201,6 +5247,7 @@ body {
   font-family: Overpass;
   font-weight: 500;
   padding: 16px 36px 16px 8px;
+  line-height: 24px;
   text-align: left;
   transition: all 150ms ease-out;
   width: 100%;
@@ -5364,6 +5411,7 @@ body {
   background-position: calc(100% - 16px) 55%;
   background-repeat: no-repeat;
   background-size: 16px;
+  background-position-y: center;
   border: none;
   color: rgb(35, 0, 80);
   cursor: pointer;
@@ -5371,6 +5419,7 @@ body {
   font-family: Overpass;
   font-weight: 500;
   padding: 16px 36px 16px 8px;
+  line-height: 16px;
   text-align: left;
   transition: all 150ms ease-out;
   width: 100%;
@@ -5730,7 +5779,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -5740,7 +5789,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -5750,7 +5799,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -5942,7 +5991,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -6082,7 +6131,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -6092,7 +6141,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -6117,7 +6166,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -6284,7 +6333,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -6293,16 +6342,14 @@ body {
 * MAPS:
 */
 .ilo--radio {
-  -webkit-appearance: none;
-  -moz-appearance: none;
   border: none;
   display: grid;
   height: 1.2861736334rem;
   margin: 0;
-  order: 1;
   position: relative;
   place-content: center;
   width: 1.2861736334rem;
+  cursor: pointer;
 }
 .ilo--radio:before {
   content: "";
@@ -6315,6 +6362,7 @@ body {
   top: 0.1607717042rem;
   width: 0.9646302251rem;
   z-index: 1;
+  pointer-events: none;
 }
 .ilo--radio:after {
   content: "";
@@ -6326,6 +6374,7 @@ body {
   top: 0;
   width: 1.2861736334rem;
   z-index: 0;
+  pointer-events: none;
 }
 .ilo--radio:checked:before {
   background-color: rgb(235, 245, 253);
@@ -6340,58 +6389,20 @@ body {
 .ilo--radio:focus:after {
   background-color: rgb(255, 205, 45);
 }
-.ilo--radio:focus:checked:before {
-  border-color: rgb(35, 0, 80);
-}
 .ilo--radio:disabled {
   opacity: 45%;
   pointer-events: none;
 }
-.ilo--radio:invalid:after, .ilo--radio.error:after, .error .ilo--radio:after {
+.ilo--radio:invalid:after, .ilo--radio__error:after {
   background-color: rgb(250, 60, 75);
 }
-.ilo--radio:invalid:checked:before, .ilo--radio.error:checked:before, .error .ilo--radio:checked:before {
+.ilo--radio:invalid:checked:before, .ilo--radio__error:checked:before {
   border-color: rgb(35, 0, 80);
 }
 
-.ilo--fieldset--input--radio {
-  align-items: center;
-  clear: both;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start;
-  margin-bottom: 1.1789924973rem;
-}
-.ilo--fieldset--input--radio .ilo--fieldset--label {
-  color: rgb(45, 45, 45);
-  font-family: Noto Sans;
-  font-weight: 400;
-  font-size: 14.9px;
-  margin-bottom: 0;
-  margin-left: 0.4287245445rem;
-  margin-top: 2px;
-  order: 2;
-}
-.right-to-left .ilo--fieldset--input--radio .ilo--fieldset--label {
-  margin-left: 0;
-  margin-right: 0.4287245445rem;
-}
-.ilo--fieldset--input--radio .ilo--fieldset--error,
-.ilo--fieldset--input--radio .ilo--fieldset--helper {
-  order: 3;
-  width: 100%;
-}
-.right-to-left .ilo--fieldset--input--radio {
-  direction: rtl;
-}
-.right-to-left .ilo--fieldset--input--radio .ilo--fieldset--label {
-  margin-left: 0;
-  margin-right: 0.4287245445rem;
-}
-
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -6401,7 +6412,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -6426,7 +6437,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -6487,7 +6498,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -6902,7 +6913,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -6956,7 +6967,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -7114,7 +7125,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -7465,7 +7476,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -7651,7 +7662,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -7696,7 +7707,7 @@ body {
   opacity: 45%;
   pointer-events: none;
 }
-.ilo--textarea:invalid, .ilo--textarea.error, .error .ilo--textarea {
+.ilo--textarea:invalid, .ilo--textarea__error, .ilo--textarea__error .ilo--textarea {
   background-color: rgb(255, 255, 255);
   border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
   border-left: 0.1607717042rem solid rgb(200, 48, 60);
@@ -7709,7 +7720,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -7883,7 +7894,179 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
+ */
+/**
+* TOKENS:
+*/
+/**
+* MAPS:
+*/
+.ilo--text-input {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  background-color: rgb(255, 255, 255);
+  border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
+  border-left: 0.1071811361rem solid rgb(184, 196, 204);
+  border-right: 0.1071811361rem solid rgb(184, 196, 204);
+  border-top: 0.1071811361rem solid rgb(184, 196, 204);
+  box-sizing: border-box;
+  font-family: Noto Sans;
+  font-weight: 500;
+  font-size: 16px;
+  letter-spacing: -0.02em;
+  line-height: 21.6px;
+  height: 2.5723472669rem;
+  margin: 0rem 0rem 0rem 0rem;
+  outline: none;
+  padding: 0.857449089rem 0.6430868167rem 0.857449089rem 0.6430868167rem;
+  width: 100%;
+}
+.ilo--text-input:focus {
+  background-color: rgb(235, 245, 253);
+  border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
+  border-left: 0.1607717042rem solid rgb(30, 45, 190);
+  border-right: 0.1071811361rem solid rgb(184, 196, 204);
+  border-top: 0.1071811361rem solid rgb(184, 196, 204);
+  padding-left: 11px;
+  outline: none;
+}
+.ilo--text-input:disabled {
+  opacity: 45%;
+  pointer-events: none;
+}
+.ilo--text-input:invalid, .ilo--text-input__error {
+  background-color: rgb(255, 255, 255);
+}
+.ilo--text-input:invalid {
+  border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
+  border-left: 0.1607717042rem solid rgb(255, 205, 45);
+  border-right: 0.1071811361rem solid rgb(184, 196, 204);
+  border-top: 0.1071811361rem solid rgb(184, 196, 204);
+}
+.ilo--text-input__error {
+  border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
+  border-left: 0.1607717042rem solid rgb(200, 48, 60);
+  border-right: 0.1071811361rem solid rgb(184, 196, 204);
+  border-top: 0.1071811361rem solid rgb(184, 196, 204);
+}
+
+/**
+ * Do not edit directly
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
+ */
+/**
+* TOKENS:
+*/
+/**
+* MAPS:
+*/
+/**
+ * Do not edit directly
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
+ */
+/**
+* TOKENS:
+*/
+/**
+* MAPS:
+*/
+@keyframes emptygradient {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes spin {
+  100% {
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+.ilo--input--toggle {
+  grid-area: input;
+  position: relative;
+  display: inline-block;
+  width: var(--toggle-width);
+  height: var(--toggle-height);
+  --base-toggle-width: 2.4651661308rem;
+  --base-toggle-height: 1.2861736334rem;
+}
+.ilo--input--toggle__size__small {
+  --toggle-width: var(--base-toggle-width);
+  --toggle-height: var(--base-toggle-height);
+}
+.ilo--input--toggle__size__medium {
+  --toggle-width: calc(var(--base-toggle-width) * 1.5);
+  --toggle-height: calc(var(--base-toggle-height) * 1.5);
+}
+.ilo--input--toggle__size__large {
+  --toggle-width: calc(var(--base-toggle-width) * 2);
+  --toggle-height: calc(var(--base-toggle-height) * 2);
+}
+.ilo--input--toggle__disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.ilo--input--toggle__error .ilo--input--toggle--slider {
+  outline-color: rgb(250, 60, 75) !important;
+  outline-width: calc(var(--toggle-height) / 8);
+  outline-style: solid;
+}
+.ilo--input--toggle input[type=checkbox] {
+  opacity: 0;
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+}
+.ilo--input--toggle--slider {
+  position: absolute;
+  pointer-events: none;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgb(184, 196, 204);
+  border-radius: calc(var(--toggle-height) / 2);
+  transition-property: background;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
+}
+.ilo--input--toggle--slider::before {
+  position: absolute;
+  content: "";
+  height: calc(var(--toggle-height) - var(--toggle-height) / 3);
+  width: calc(var(--toggle-height) - var(--toggle-height) / 3);
+  left: calc(var(--toggle-height) / 6);
+  bottom: calc(var(--toggle-height) / 6);
+  background-color: rgb(255, 255, 255);
+  border-radius: 50%;
+  transition-property: transform, background;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
+}
+input[type=checkbox]:checked + .ilo--input--toggle--slider {
+  background-color: rgb(35, 0, 80);
+}
+input[type=checkbox]:focus + .ilo--input--toggle--slider {
+  outline-color: rgb(255, 205, 45);
+  outline-width: calc(var(--toggle-height) / 8);
+  outline-style: solid;
+}
+input:checked + .ilo--input--toggle--slider:before {
+  transform: translateX(calc(var(--toggle-width) - var(--toggle-height)));
+  background-color: rgb(235, 245, 253);
+}
+
+/**
+ * Do not edit directly
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -8058,7 +8241,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -8968,7 +9151,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -8978,7 +9161,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS:
@@ -9003,7 +9186,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 13:24:08 GMT
+ * Generated on Tue, 05 Sep 2023 15:11:31 GMT
  */
 /**
 * TOKENS: