npm - @ilo-org/styles - Versions diffs - 0.1.2 → 0.1.4 - Mend

@ilo-org/styles 0.1.2 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (38) hide show

package/build/css/components/index.css +687 -235
package/build/css/components/index.css.map +1 -1
package/build/css/index.css +687 -235
package/build/css/index.css.map +1 -1
package/build/css/monorepo.css +687 -235
package/build/css/monorepo.css.map +1 -1
package/build/minified/index.css +1 -1
package/build/minified/index.css.map +1 -1
package/build/minified/monorepo.css +1 -1
package/build/minified/monorepo.css.map +1 -1
package/package.json +3 -3
package/scss/components/_breadcrumb.scss +25 -16
package/scss/components/_card.scss +87 -9
package/scss/components/_checkbox.scss +10 -14
package/scss/components/_contextmenu.scss +3 -2
package/scss/components/_credit.scss +37 -0
package/scss/components/_datepicker.scss +12 -0
package/scss/components/_dropdown.scss +23 -8
package/scss/components/_fieldset.scss +13 -0
package/scss/components/_footer.scss +52 -2
package/scss/components/_form.scss +24 -0
package/scss/components/_formgroup.scss +3 -14
package/scss/components/_hero.scss +27 -0
package/scss/components/_image.scss +14 -0
package/scss/components/_input.scss +1 -13
package/scss/components/_linklist.scss +1 -0
package/scss/components/_modal.scss +9 -1
package/scss/components/_navigation.scss +27 -0
package/scss/components/_profile.scss +15 -28
package/scss/components/_radio.scss +10 -14
package/scss/components/_richtext.scss +54 -0
package/scss/components/_searchfield.scss +13 -2
package/scss/components/_table.scss +17 -4
package/scss/components/_tableofcontents.scss +140 -1
package/scss/components/_tabs.scss +15 -31
package/scss/components/_textarea.scss +4 -27
package/scss/components/_video.scss +42 -5
package/scss/components/index.scss +1 -0

package/build/css/components/index.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -10,7 +10,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -110,7 +110,32 @@
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 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);
+  }
+}
+/**
+ * Do not edit directly
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -127,7 +152,7 @@
   background-color: rgb(255, 255, 255);
   display: inline-flex;
   justify-content: flex-start;
-  padding: 0.5894962487rem 0 0.5894962487rem 0.6430868167rem;
+  padding: 0.857449089rem 0 0.857449089rem 0.6430868167rem;
   position: relative;
 }
 .ilo--breadcrumb--items.context--menu {
@@ -142,6 +167,7 @@
   height: 0.857449089rem;
   padding: 0 1.2861736334rem 0 0.5359056806rem;
   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");
 }
 .ilo--breadcrumb--link--label {
@@ -154,6 +180,7 @@
 .ilo--breadcrumb--link:hover, .ilo--breadcrumb--link:focus {
   color: rgb(30, 45, 190);
   text-decoration: underline;
+  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(30, 45, 190)' 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");
 }
 .ilo--breadcrumb--item {
@@ -212,6 +239,10 @@
   width: 2.2508038585rem;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 16 4'%3e%3cpath fill='rgb(35, 0, 80)' d='M2 4C3.10457 4 4 3.10457 4 2 4 .89543 3.10457 0 2 0 .89543 0 0 .89543 0 2 0 3.10457.89543 4 2 4zM8 4C9.10457 4 10 3.10457 10 2 10 .89543 9.10457 0 8 0 6.89543 0 6 .89543 6 2 6 3.10457 6.89543 4 8 4zM14 4C15.1046 4 16 3.10457 16 2 16 .89543 15.1046 0 14 0 12.8954 0 12 .89543 12 2 12 3.10457 12.8954 4 14 4z'/%3e%3c/svg%3e");
 }
+.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:hover {
+  cursor: pointer;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 16 4'%3e%3cpath fill='rgb(30, 45, 190)' d='M2 4C3.10457 4 4 3.10457 4 2 4 .89543 3.10457 0 2 0 .89543 0 0 .89543 0 2 0 3.10457.89543 4 2 4zM8 4C9.10457 4 10 3.10457 10 2 10 .89543 9.10457 0 8 0 6.89543 0 6 .89543 6 2 6 3.10457 6.89543 4 8 4zM14 4C15.1046 4 16 3.10457 16 2 16 .89543 15.1046 0 14 0 12.8954 0 12 .89543 12 2 12 3.10457 12.8954 4 14 4z'/%3e%3c/svg%3e");
+}
 .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:after {
   background-position: center center;
   background-repeat: no-repeat;
@@ -231,11 +262,18 @@
   left: -2.1436227224rem;
   opacity: 0;
   position: absolute;
-  top: calc(100% + 20px);
-  transition: opacity 0.75s linear;
-  transition-delay: 0.5s;
+  top: calc(100% + 24px);
   width: 6.4308681672rem;
   z-index: 10;
+  transition-property: opacity;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
+}
+.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu.open {
+  opacity: 1;
+  transition-property: opacity;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu:before {
   background-position: top center;
@@ -250,6 +288,9 @@
   transform: translateX(-50%) rotate(135deg);
   width: 0.6430868167rem;
 }
+.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu:hover {
+  cursor: pointer;
+}
 .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item {
   display: inline-block;
   height: auto;
@@ -265,7 +306,8 @@
   text-decoration: none;
 }
 .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item:hover .ilo--breadcrumb--link, .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item:focus .ilo--breadcrumb--link {
-  text-decoration: none;
+  text-decoration: underline;
+  text-decoration-thickness: 0.1071811361rem;
 }
 .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item.endsection {
   border-bottom: 0.1071811361rem solid rgb(255, 255, 255);
@@ -301,20 +343,16 @@
   text-decoration: underline;
   text-decoration-thickness: 0.1071811361rem;
 }
-.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:hover .context--menu, .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:focus .context--menu {
-  opacity: 1;
-  transition: opacity 1.5s ease-out;
-}
 @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: 39px;
+    height: 47px;
     position: absolute;
-    right: -39px;
+    right: -47px;
     top: 0;
-    width: 39px;
+    width: 47px;
   }
   .ilo--breadcrumb--items.context--menu:after {
     content: none;
@@ -327,7 +365,7 @@
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -337,7 +375,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -362,7 +400,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -652,7 +690,7 @@
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -717,7 +755,7 @@
   position: relative;
 }
 .ilo--callout--toggle--icon {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 25'%3e%3cpath fill='rgb(35, 0, 80)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e");
+  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='M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z'/%3e%3c/svg%3e");
   background-position: right;
   background-repeat: no-repeat;
   display: inline-block;
@@ -745,7 +783,7 @@
 }
 .ilo--callout .icon--info {
   background-color: rgb(30, 45, 190);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 16 16'%3e%3cpath fill='rgb(255, 255, 255)' d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm1 12H7V7h2v5ZM8 6a.94.94 0 0 1-1-1 .94.94 0 0 1 1-1 .94.94 0 0 1 1 1 .94.94 0 0 1-1 1Z'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='rgb(255, 255, 255)' 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(255, 255, 255)' 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--callout .icon--success {
   background-color: rgb(140, 225, 100);
@@ -782,7 +820,7 @@
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -801,7 +839,7 @@
   color: rgb(30, 45, 190);
   text-decoration: none;
 }
-.ilo--card--action:hover .ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink), .ilo--card--action:focus .ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) {
+.ilo--card--action:hover.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink), .ilo--card--action:focus.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) {
   background: rgb(255, 255, 255);
 }
 .ilo--card--action:hover .ilo--card--eyebrow, .ilo--card--action:focus .ilo--card--eyebrow {
@@ -843,22 +881,22 @@
 .ilo--card--light {
   background: rgb(255, 255, 255);
 }
-.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) {
+.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) {
   background: rgb(35, 0, 80);
 }
-.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) .ilo--card--eyebrow {
+.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) .ilo--card--eyebrow {
   color: rgb(237, 240, 242);
 }
-.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) .ilo--card--title {
+.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) .ilo--card--title {
   color: rgb(255, 255, 255);
 }
-.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) .ilo--card--intro {
+.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) .ilo--card--intro {
   color: rgb(237, 240, 242);
 }
-.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) .ilo--card--date {
+.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) .ilo--card--date {
   color: rgb(237, 240, 242);
 }
-.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink) .ilo--card--eventdate {
+.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) .ilo--card--eventdate {
   color: rgb(237, 240, 242);
 }
 .ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature) {
@@ -978,12 +1016,35 @@
   }
 }
 .ilo--card--multilink .ilo--card--title {
-  color: rgb(45, 45, 45);
+  font-size: 23.32px;
+  letter-spacing: -0.035em;
+  line-height: 29.15px;
   margin-bottom: 0.7188906752rem;
+  color: rgb(45, 45, 45);
+}
+@media screen and (min-width: 610px) {
+  .ilo--card--multilink .ilo--card--title {
+    font-size: 29.16px;
+    letter-spacing: -0.035em;
+    line-height: 36.45px;
+    margin-bottom: 0.5741425509rem;
+  }
 }
 .ilo--card--multilink .ilo--card--intro {
+  font-size: 16px;
+  letter-spacing: normal;
+  line-height: 23.36px;
+  margin-bottom: 1.910132288rem;
   color: rgb(45, 45, 45);
 }
+@media screen and (min-width: 610px) {
+  .ilo--card--multilink .ilo--card--intro {
+    font-size: 18.66px;
+    letter-spacing: normal;
+    line-height: 27.24px;
+    margin-bottom: 1.8685411561rem;
+  }
+}
 .ilo--card--multilink.ilo--card--dark {
   background: rgb(255, 255, 255);
 }
@@ -1040,6 +1101,16 @@
 .ilo--card--multilink.ilo--card--narrow {
   padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
 }
+@media screen and (min-width: 610px) {
+  .ilo--card--multilink.ilo--card--narrow {
+    padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .ilo--card--multilink.ilo--card--narrow {
+    padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
+  }
+}
 .ilo--card--multilink.ilo--card--narrow .ilo--card--image--wrapper {
   display: none;
 }
@@ -1048,13 +1119,19 @@
   margin-bottom: 1.2861736334rem;
 }
 @media screen and (min-width: 610px) {
-  .ilo--card--multilink.ilo--card--narrow {
-    padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
+  .ilo--card--multilink.ilo--card--narrow .ilo--card--title {
+    font-size: 23.32px;
+    letter-spacing: -0.035em;
+    line-height: 29.15px;
+    margin-bottom: 0.7188906752rem;
   }
 }
-@media screen and (min-width: 1024px) {
-  .ilo--card--multilink.ilo--card--narrow {
-    padding: 2.1436227224rem 1.2861736334rem 2.5723472669rem;
+@media screen and (min-width: 610px) {
+  .ilo--card--multilink.ilo--card--narrow .ilo--card--intro {
+    font-size: 16px;
+    letter-spacing: normal;
+    line-height: 23.36px;
+    margin-bottom: 1.910132288rem;
   }
 }
 .ilo--card--multilink .ilo--link-list {
@@ -1292,6 +1369,14 @@
   line-height: 36.45px;
   margin-bottom: 0.5741425509rem;
 }
+@media screen and (min-width: 610px) {
+  .ilo--card--graphicpromo.ilo--card--narrow .ilo--card--title {
+    font-size: 36.45px;
+    letter-spacing: -0.035em;
+    line-height: 43.74px;
+    margin-bottom: 0.4278063594rem;
+  }
+}
 .ilo--card--graphicpromo.ilo--card--narrow .ilo--card--intro {
   font-size: 16px;
   letter-spacing: normal;
@@ -1468,8 +1553,12 @@
   }
 }
 .ilo--card--data .ilo--card--image--wrapper {
+  display: none;
   width: max(10.9860664523rem, 50%);
 }
+.ilo--card--data .ilo--card--content .ilo--card--image--wrapper {
+  display: block;
+}
 .ilo--card--data--content-label {
   font-size: 14.93px;
   letter-spacing: normal;
@@ -1501,7 +1590,8 @@
   margin-right: 0;
 }
 .ilo--card--feature {
-  border-bottom: 0.1607717042rem solid rgb(109, 109, 109);
+  border-bottom: 0.1607717042rem solid rgb(184, 196, 204);
+  filter: drop-shadow(0 4px 4px rgba(45, 45, 45, 0.25));
   display: flex;
   margin-top: 0;
   position: relative;
@@ -1512,10 +1602,17 @@
 .ilo--card--feature.ilo--card--dark {
   border-bottom: 0.1607717042rem solid rgb(150, 10, 85);
 }
+.ilo--card--feature:hover, .ilo--card--feature:focus {
+  background-color: rgb(255, 255, 255);
+  border-bottom: 0.1607717042rem solid rgb(30, 45, 190);
+}
 .ilo--card--feature:hover picture::before, .ilo--card--feature:focus picture::before {
   opacity: 0.4;
   z-index: 1;
 }
+.ilo--card--feature:hover .ilo--card--image, .ilo--card--feature:focus .ilo--card--image {
+  filter: saturate(0);
+}
 .ilo--card--feature.ilo--card--narrow .ilo--card--wrap, .ilo--card--feature.ilo--card--standard .ilo--card--wrap {
   display: flex;
   flex-wrap: wrap;
@@ -1530,7 +1627,6 @@
 @media screen and (min-width: 610px) {
   .ilo--card--feature.ilo--card--wide .ilo--card--wrap {
     display: flex;
-    width: 100%;
   }
   .right-to-left .ilo--card--feature.ilo--card--wide .ilo--card--wrap {
     flex-direction: row-reverse;
@@ -1559,6 +1655,9 @@
     width: 100%;
   }
 }
+.ilo--card--feature .ilo--card--wrap {
+  width: 100%;
+}
 .ilo--card--feature picture {
   display: flex;
   height: 100%;
@@ -1600,7 +1699,7 @@
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -1645,7 +1744,7 @@
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -1698,15 +1797,6 @@
 .ilo--checkbox:checked:after {
   background-color: rgb(35, 0, 80);
 }
-.ilo--checkbox:hover {
-  cursor: pointer;
-}
-.ilo--checkbox:hover:after {
-  background-color: rgb(255, 205, 45);
-}
-.ilo--checkbox:hover:checked:before {
-  border-color: rgb(35, 0, 80);
-}
 .ilo--checkbox:focus {
   outline: none;
 }
@@ -1737,6 +1827,7 @@
 }
 .ilo--fieldset--input--checkbox .ilo--fieldset--label {
   font-weight: 400;
+  margin-bottom: 0;
   margin-left: 0.4287245445rem;
   margin-top: 2px;
   order: 2;
@@ -1746,10 +1837,17 @@
   order: 3;
   width: 100%;
 }
+.right-to-left .ilo--fieldset--input--checkbox {
+  direction: rtl;
+}
+.right-to-left .ilo--fieldset--input--checkbox .ilo--fieldset--label {
+  margin-left: 0;
+  margin-right: 0.4287245445rem;
+}
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -1787,7 +1885,7 @@
   background-color: rgb(235, 245, 253);
 }
 .ilo--context-menu--item.endsection {
-  border-bottom: 0.1071811361rem solid rgb(255, 255, 255);
+  border-bottom: 0.1607717042rem solid rgb(255, 255, 255);
 }
 .ilo--context-menu--item.endsection .ilo--context-menu--link {
   border-bottom: none;
@@ -1798,12 +1896,13 @@
   display: inline-block;
   font-family: Noto Sans;
   font-weight: 500;
-  padding: 0.857449089rem 0;
+  padding: 0.857449089rem 0.4287245445rem;
   text-decoration: none;
   width: 100%;
   font-size: 11.94px;
   letter-spacing: normal;
   line-height: 16.24px;
+  letter-spacing: -0.1px;
 }
 .ilo--context-menu--link:visited {
   color: rgb(35, 0, 80);
@@ -1821,7 +1920,7 @@
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -1831,7 +1930,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -1841,7 +1940,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -1851,7 +1950,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -1947,10 +2046,37 @@
     display: inline-block;
   }
 }
+.right-to-left .ilo--credit:after {
+  background-position: top left;
+  left: auto;
+  right: 100%;
+  transform: scaleX(-1);
+}
+@media screen and (max-width: 1023px) {
+  .right-to-left .ilo--credit--label {
+    left: auto;
+    right: 0;
+  }
+  .right-to-left .ilo--credit--label:after {
+    background-position: top right;
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 12 11'%3e%3cpath fill='rgb(45, 45, 45)' d='M6.00007 10.8462L12 0L0 0L6.00007 10.8462Z'/%3e%3c/svg%3e");
+    left: auto;
+    right: calc(0.6430868167rem / 2);
+  }
+  .right-to-left .ilo--credit:before {
+    background-position: 4px center;
+    left: auto;
+    right: 0;
+  }
+  .right-to-left .ilo--credit:after {
+    left: auto;
+    right: 1.5541264737rem;
+  }
+}
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -1967,10 +2093,18 @@
 .ilo--datepicker--range > .ilo--fieldset:nth-of-type(1) .ilo--input {
   border-right: none;
 }
+.right-to-left .ilo--datepicker {
+  direction: rtl;
+}
+.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);
+}
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -1989,12 +2123,12 @@
   border-top: 0.1071811361rem solid rgb(184, 196, 204);
   border-radius: 0;
   box-sizing: content-box;
-  font-family: Overpass;
+  font-family: Noto Sans;
   font-weight: 500;
   font-size: 16px;
   letter-spacing: -0.02em;
   line-height: 21.6px;
-  height: 2.5723472669rem;
+  height: 2.4115755627rem;
   margin: 0rem 0rem 0rem 0rem;
   outline: none;
   overflow: hidden;
@@ -2005,10 +2139,10 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   width: calc(100% - 78px);
-  background-position: calc(100% - 14px) center;
+  background-position: calc(100% - 14px) center, 100% center;
   background-repeat: no-repeat;
-  background-size: 24px 24px, 72px 100%;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 25'%3e%3cpath fill='rgb(35, 0, 80)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e"), linear-gradient(to right, transparent 0%, transparent calc(50% - 0.81px), rgb(184, 196, 204) calc(50% - 0.8px), rgb(184, 196, 204) calc(50% + 0.8px), transparent calc(50% + 0.81px), transparent 100%);
+  background-size: 24px 24px, 102px 100%;
+  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='M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z'/%3e%3c/svg%3e"), linear-gradient(to right, transparent 0%, transparent calc(50% - 0.81px), rgb(184, 196, 204) calc(50% - 0.8px), rgb(184, 196, 204) calc(50% + 0.8px), rgb(237, 240, 242) calc(50% + 0.81px), rgb(237, 240, 242) 100%);
 }
 .ilo--dropdown option {
   width: calc(100% - 48px);
@@ -2021,7 +2155,7 @@
   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);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 25'%3e%3cpath fill='rgb(30, 45, 190)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e"), linear-gradient(to right, transparent 0%, transparent calc(50% - 0.81px), rgb(184, 196, 204) calc(50% - 0.8px), rgb(184, 196, 204) calc(50% + 0.8px), transparent calc(50% + 0.81px), transparent 100%);
+  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='M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z'/%3e%3c/svg%3e"), linear-gradient(to right, transparent 0%, transparent calc(50% - 0.81px), rgb(184, 196, 204) calc(50% - 0.8px), rgb(184, 196, 204) calc(50% + 0.8px), transparent calc(50% + 0.81px), transparent 100%);
 }
 .ilo--dropdown:focus {
   background-color: rgb(235, 245, 253);
@@ -2029,7 +2163,17 @@
   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);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 25'%3e%3cpath fill='rgb(30, 45, 190)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e"), linear-gradient(to right, transparent 0%, transparent calc(50% - 0.81px), rgb(184, 196, 204) calc(50% - 0.8px), rgb(184, 196, 204) calc(50% + 0.8px), transparent calc(50% + 0.81px), transparent 100%);
+  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='M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z'/%3e%3c/svg%3e"), linear-gradient(to right, transparent 0%, transparent calc(50% - 0.81px), rgb(184, 196, 204) calc(50% - 0.8px), rgb(184, 196, 204) calc(50% + 0.8px), transparent calc(50% + 0.81px), transparent 100%);
+}
+.ilo--dropdown:active {
+  background-position: calc(100% - 14px) center, 100% center;
+  background-repeat: no-repeat;
+  background-size: 24px 24px, 102px 100%;
+  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='M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z'/%3e%3c/svg%3e"), linear-gradient(to right, transparent 0%, transparent calc(50% - 0.81px), rgb(184, 196, 204) calc(50% - 0.8px), rgb(184, 196, 204) calc(50% + 0.8px), rgb(237, 240, 242) calc(50% + 0.81px), rgb(237, 240, 242) 100%);
+  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);
 }
 .ilo--dropdown:disabled {
   opacity: 45%;
@@ -2038,14 +2182,14 @@
 .ilo--dropdown:invalid, .ilo--dropdown.error, .error .ilo--dropdown {
   background-color: rgb(255, 255, 255);
   border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
-  border-left: 0.1607717042rem solid rgb(250, 60, 75);
+  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 Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -2055,7 +2199,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -2065,7 +2209,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -2118,7 +2262,7 @@
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -2143,6 +2287,7 @@
   margin-bottom: 0.3358659839rem;
 }
 .ilo--fieldset--helper {
+  color: rgb(109, 109, 109);
   font-family: Noto Sans;
   font-size: 11.94px;
   letter-spacing: normal;
@@ -2180,10 +2325,19 @@
   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 Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -2247,7 +2401,7 @@
 .ilo--file-upload:invalid:before, .ilo--file-upload.error:before, .error .ilo--file-upload:before {
   background-color: rgb(255, 255, 255);
   border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
-  border-left: 0.1607717042rem solid rgb(250, 60, 75);
+  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);
 }
@@ -2289,7 +2443,7 @@
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -2306,10 +2460,13 @@
   line-height: 29.15px;
   margin-bottom: 1.5763397642rem;
 }
+.right-to-left .ilo--formgroup {
+  direction: rtl;
+}
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -2317,9 +2474,23 @@
 /**
 * MAPS:
 */
+.right-to-left .ilo--form {
+  direction: rtl;
+}
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
+ */
+/**
+* TOKENS:
+*/
+/**
+* MAPS:
+*/
+/**
+ * Do not edit directly
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -2344,7 +2515,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -2380,7 +2551,9 @@
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 409.5 236'%3e%3cpath fill='rgb(30, 45, 190)' d='M409.5 236c-1.7-.6-3.5-1.1-5.1-2-5.3-2.9-10.5-5.9-15.7-9-4.8-2.8-9.5-5.8-14.3-8.7-4.3-2.6-8.5-5.1-12.9-7.5-4.9-2.7-10-5.2-14.9-8-3.8-2.2-7.4-4.8-11.2-7.1-5.7-3.3-11.6-6.4-17.3-9.7-3.9-2.2-7.6-4.6-11.5-6.9-4-2.3-8.1-4.4-12-6.7-3.8-2.2-7.5-4.5-11.3-6.7-2.4-1.4-4.9-2.5-7.3-3.9-2.8-1.6-5.5-3.3-8.2-4.9-3.8-2.3-7.5-4.6-11.4-6.8-3.9-2.3-7.9-4.5-11.9-6.8-6.1-3.5-12.2-6.8-18.2-10.4-4.8-2.8-9.4-5.8-14.2-8.5-4.8-2.8-9.8-5.3-14.6-8.1-3.6-2.1-7.2-4.3-10.8-6.4-5.9-3.5-11.8-6.9-17.7-10.3-4.8-2.8-9.6-5.7-14.4-8.5-3.8-2.2-7.8-4.4-11.6-6.6-3-1.7-5.9-3.6-8.9-5.4-3-1.8-6.2-3.4-9.2-5.1-3.9-2.2-7.8-4.4-11.6-6.6-4.1-2.4-8.1-4.8-12.2-7.2-5.8-3.4-11.5-6.9-17.3-10.2-4.9-2.8-9.9-5.4-14.7-8.2-3.7-2.1-7.3-4.5-11-6.6-4.9-2.9-9.8-5.6-14.7-8.4-4.7-2.7-9.4-5.6-14.2-8.3-5-2.9-10-5.7-15-8.6C10.3 5.6 6.6 3.3 2.8 1 2 .5 1 .3 0 0h409.5v236z'/%3e%3c/svg%3e");
 }
 .ilo--footer--logo {
+  min-width: 200px;
   max-width: 100%;
+  width: 35%;
 }
 .ilo--footer--secondary {
   background-color: rgb(255, 255, 255);
@@ -2563,7 +2736,7 @@
   transform: translateY(-50%) rotateX(180deg);
   transform-origin: center center;
   width: 1.2861736334rem;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 25'%3e%3cpath fill='rgb(35, 0, 80)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e");
+  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='M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z'/%3e%3c/svg%3e");
 }
 .ilo--footer .anchorlink:hover {
   background: rgb(235, 245, 253);
@@ -2575,7 +2748,7 @@
   transition-timing-function: ease-out;
 }
 .ilo--footer .anchorlink:hover:after {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 25'%3e%3cpath fill='rgb(30, 45, 190)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e");
+  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='M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z'/%3e%3c/svg%3e");
 }
 @media screen and (min-width: 610px) {
   .ilo--footer--main {
@@ -2601,7 +2774,7 @@
     grid-area: links;
   }
   .ilo--footer--logo {
-    width: 100%;
+    width: 25%;
   }
   .ilo--footer--secondary {
     padding: 0.9646302251rem 0.857449089rem;
@@ -2639,7 +2812,8 @@
     transform: scaleY(1);
   }
   .ilo--footer--logo {
-    width: 100%;
+    min-width: 133px;
+    width: 48%;
   }
   .ilo--footer .connect {
     display: grid;
@@ -2676,9 +2850,27 @@
 .right-to-left .ilo--footer .social--links {
   flex-direction: row-reverse;
 }
+.right-to-left .ilo--footer .social--links--item:first-of-type {
+  margin-right: 0;
+}
 .right-to-left .ilo--footer .social--links--link {
   text-indent: 999em;
 }
+.right-to-left .ilo--footer .legal,
+.right-to-left .ilo--footer .secondarylinks {
+  display: block;
+}
+.right-to-left .ilo--footer .secondarylinks--list {
+  display: flex;
+  flex-direction: row-reverse;
+}
+.right-to-left .ilo--footer .secondarylinks--list--item:not(first-child):before {
+  content: none;
+}
+.right-to-left .ilo--footer .secondarylinks--list--item:not(first-child):after {
+  content: " |  ";
+  padding-right: 0.1071811361rem;
+}
 .right-to-left .ilo--footer--main:after {
   bottom: 0;
   left: 0;
@@ -2690,6 +2882,22 @@
   .right-to-left .ilo--footer--main {
     grid-template-areas: "address site-info" "links site-info" "connect site-info";
   }
+  .right-to-left .ilo--footer .legal,
+.right-to-left .ilo--footer .secondarylinks {
+    float: right;
+  }
+  .right-to-left .ilo--footer .secondarylinks {
+    margin-left: 6.7524115756rem;
+    margin-right: 0.2143622722rem;
+  }
+  .right-to-left .ilo--footer .secondarylinks--list {
+    display: flex;
+    flex-direction: row-reverse;
+  }
+  .right-to-left .ilo--footer .anchorlink {
+    left: 16px;
+    right: auto;
+  }
 }
 @media screen and (min-width: 1024px) {
   .right-to-left .ilo--footer--main {
@@ -2712,7 +2920,7 @@
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -2835,7 +3043,7 @@
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -2845,6 +3053,18 @@
 */
 .ilo--hero {
   background: rgb(237, 240, 242);
+  display: block;
+  width: 100%;
+}
+.ilo--hero--home .ilo--image::before {
+  background: linear-gradient(360deg, rgba(45, 45, 45, 0.3) 0%, rgba(45, 45, 45, 0) 24.88%), transparent;
+  content: "";
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: 2;
 }
 @media screen and (min-width: 1024px) {
   .ilo--hero--home {
@@ -2855,6 +3075,10 @@
   position: relative;
 }
 @media screen and (min-width: 1024px) {
+  .ilo--hero--portal {
+    margin-bottom: 80px;
+    padding-top: 170px;
+  }
   .ilo--hero--portal .ilo--image {
     height: calc(100% - 80px);
     left: 0;
@@ -2876,6 +3100,9 @@
     height: auto;
     width: 100%;
   }
+  .ilo--hero--portal .ilo--hero-card {
+    top: 80px;
+  }
 }
 .ilo--hero--article {
   background: rgb(235, 245, 253);
@@ -3168,7 +3395,7 @@
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -3211,10 +3438,20 @@
     bottom: -0.2143622722rem;
   }
 }
+.right-to-left .ilo--image .ilo--image--caption {
+  border-left: none;
+  border-right: 3px solid #b8c4cc;
+  padding-left: 0;
+  padding-right: 0.4287245445rem;
+}
+.right-to-left .ilo--image .ilo--credit {
+  left: auto;
+  right: 0;
+}
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -3232,7 +3469,7 @@
   border-right: 0.1071811361rem solid rgb(184, 196, 204);
   border-top: 0.1071811361rem solid rgb(184, 196, 204);
   box-sizing: border-box;
-  font-family: Overpass;
+  font-family: Noto Sans;
   font-weight: 500;
   font-size: 16px;
   letter-spacing: -0.02em;
@@ -3243,14 +3480,6 @@
   padding: 0.857449089rem 0.6430868167rem 0.857449089rem 0.6430868167rem;
   width: 100%;
 }
-.ilo--input:hover {
-  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;
-}
 .ilo--input:focus {
   background-color: rgb(235, 245, 253);
   border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
@@ -3267,7 +3496,7 @@
 .ilo--input:invalid, .ilo--input.error, .error .ilo--input {
   background-color: rgb(255, 255, 255);
   border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
-  border-left: 0.1607717042rem solid rgb(250, 60, 75);
+  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);
 }
@@ -3364,7 +3593,7 @@
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -3374,7 +3603,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -3399,7 +3628,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -3464,6 +3693,7 @@
   line-height: 23.36px;
   padding-bottom: 0.8934549032rem;
   padding-top: 0.8934549032rem;
+  padding-right: 1.7148981779rem;
   text-decoration: none;
   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");
 }
@@ -3549,7 +3779,7 @@
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -3612,7 +3842,7 @@
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -3622,7 +3852,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -3632,7 +3862,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -3740,7 +3970,7 @@
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -3750,7 +3980,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -3760,7 +3990,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -3800,7 +4030,10 @@
 }
 .ilo--modal.show.fadein .ilo--modal--wrapper > * {
   opacity: 1;
-  transition: opacity 1.5s ease-out 125ms;
+  transition-delay: 125ms;
+  transition-property: opacity;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--modal--background {
   background-color: rgba(0, 0, 0, 0.85);
@@ -3824,11 +4057,17 @@
   z-index: 10003;
 }
 .ilo--modal .modal--close {
+  height: 2.1436227224rem;
   right: 0;
   position: absolute;
   top: 0;
+  width: 2.1436227224rem;
   z-index: 10004;
 }
+.ilo--modal .modal--close .ilo--icon {
+  left: 0.1607717042rem;
+  top: 0.1607717042rem;
+}
 @media screen and (min-width: 610px) {
   .ilo--modal--contents {
     margin: 0 23.2%;
@@ -3848,7 +4087,7 @@
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -3874,16 +4113,19 @@
 }
 .ilo--header--menu {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 32 32'%3e%3cpath fill='rgb(255, 255, 255)' d='M24 8H17.3333 14.6667 8V10.6667H14.6667 17.3333 24V8zM24 14.667H17.3333 14.6667 8V17.3337H14.6667 17.3333 24V14.667zM24 21.333H17.3333 14.6667 8V23.9997H14.6667 17.3333 24V21.333z'/%3e%3c/svg%3e");
+  align-self: center;
   background-color: transparent;
   background-position: center;
   background-repeat: no-repeat;
   background-size: 32px;
   border: none;
   cursor: pointer;
+  height: 32px;
   overflow: hidden;
   position: relative;
   text-indent: -999%;
   transition: all 150ms ease-out;
+  width: 32px;
 }
 .ilo--header--menu:hover, .ilo--header--menu:focus {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 32 32'%3e%3cpath fill='rgb(30, 45, 190)' d='M24 8H17.3333 14.6667 8V10.6667H14.6667 17.3333 24V8zM24 14.667H17.3333 14.6667 8V17.3337H14.6667 17.3333 24V14.667zM24 21.333H17.3333 14.6667 8V23.9997H14.6667 17.3333 24V21.333z'/%3e%3c/svg%3e");
@@ -3937,6 +4179,11 @@
   display: block;
   padding: 16px 0;
 }
+@media screen and (min-width: 1024px) {
+  .ilo--header--logo-link {
+    padding: 0 0 24px;
+  }
+}
 .ilo--header--logo-bar {
   background: rgb(30, 45, 190);
   display: flex;
@@ -4265,6 +4512,13 @@
   background-position: 16px 55%;
   text-align: right;
 }
+.ilo--mobile--nav--search .ilo--searchfield {
+  max-width: 618px;
+  width: 100%;
+}
+.ilo--mobile--nav--search .ilo--fieldset {
+  width: 100%;
+}
 @media screen and (min-width: 1024px) {
   .ilo--mobile--nav {
     display: none;
@@ -4527,6 +4781,13 @@
   justify-content: center;
   padding: 80px 20px;
 }
+.ilo--search-box .ilo--searchfield {
+  max-width: 618px;
+  width: 100%;
+}
+.ilo--search-box .ilo--fieldset {
+  width: 100%;
+}
 .ilo--search {
   display: none;
@@ -4569,7 +4830,7 @@
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -4579,7 +4840,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -4589,7 +4850,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -4677,7 +4938,7 @@
 }
 .icon--info .ilo--notification--content:before {
   background-color: rgb(30, 45, 190);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 16 16'%3e%3cpath fill='rgb(255, 255, 255)' d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm1 12H7V7h2v5ZM8 6a.94.94 0 0 1-1-1 .94.94 0 0 1 1-1 .94.94 0 0 1 1 1 .94.94 0 0 1-1 1Z'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='rgb(255, 255, 255)' 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(255, 255, 255)' 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");
 }
 .icon--success .ilo--notification--content:before {
   background-color: rgb(140, 225, 100);
@@ -4781,7 +5042,7 @@
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -4916,7 +5177,7 @@
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -4956,35 +5217,46 @@
   font-family: Overpass;
   font-weight: 700;
   margin-left: 11px;
-  font-size: 14.93px;
+  font-size: 16px;
   letter-spacing: normal;
-  line-height: 20.3px;
+  line-height: 23.36px;
 }
 .ilo--profile--role {
   display: block;
   font-family: Noto Sans;
   margin-left: 11px;
+  font-size: 14.93px;
+  letter-spacing: normal;
+  line-height: 20.3px;
 }
 .ilo--profile--description {
   clear: both;
   font-family: Noto Sans;
   padding-top: 22px;
+  font-size: 14.93px;
+  letter-spacing: normal;
+  line-height: 20.3px;
 }
 .ilo--profile--link {
+  align-items: center;
   clear: both;
   color: rgb(35, 0, 80);
-  display: block;
+  display: inline-flex;
   font-family: Overpass;
   font-weight: 500;
+  height: 3.0010718114rem;
   text-decoration: none;
-  font-size: 14.93px;
+  font-size: 16px;
   letter-spacing: normal;
-  line-height: 20.3px;
+  line-height: 23.36px;
 }
 .ilo--profile--link span {
+  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");
 }
@@ -5003,6 +5275,7 @@
   background-color: rgb(255, 205, 45);
 }
 .ilo--profile--link:hover, .ilo--profile--link:focus {
+  background-color: rgb(235, 245, 253);
   color: rgb(30, 45, 190);
   outline: none;
 }
@@ -5010,42 +5283,18 @@
   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: 28px;
+  margin-top: 0.4287245445rem;
 }
 .ilo--profile .ilo--profile--role + .ilo--profile--link {
-  margin-top: 22px;
+  margin-top: 0.1071811361rem;
 }
 .ilo--profile .ilo--profile--name + .ilo--profile--link {
-  margin-top: 38px;
-}
-@media screen and (min-width: 610px) {
-  .ilo--profile--name {
-    font-size: 16px;
-    letter-spacing: normal;
-    line-height: 23.36px;
-  }
-  .ilo--profile--role {
-    font-family: Noto Sans;
-    font-size: 14.93px;
-    letter-spacing: normal;
-    line-height: 20.3px;
-  }
-  .ilo--profile--description {
-    font-family: Noto Sans;
-    font-size: 14.93px;
-    letter-spacing: normal;
-    line-height: 20.3px;
-  }
-  .ilo--profile--link {
-    font-size: 16px;
-    letter-spacing: normal;
-    line-height: 23.36px;
-  }
+  margin-top: 0.9646302251rem;
 }
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -5095,15 +5344,6 @@
 .ilo--radio:checked:after {
   background-color: rgb(35, 0, 80);
 }
-.ilo--radio:hover {
-  cursor: pointer;
-}
-.ilo--radio:hover:after {
-  background-color: rgb(255, 205, 45);
-}
-.ilo--radio:hover:checked:before {
-  border-color: rgb(35, 0, 80);
-}
 .ilo--radio:focus {
   outline: none;
 }
@@ -5134,6 +5374,7 @@
 }
 .ilo--fieldset--input--radio .ilo--fieldset--label {
   font-weight: 400;
+  margin-bottom: 0;
   margin-left: 0.4287245445rem;
   margin-top: 2px;
   order: 2;
@@ -5143,10 +5384,17 @@
   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 Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -5183,7 +5431,7 @@
   transform: translateY(-50%);
   transform-origin: center center;
   width: 1.2861736334rem;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 25'%3e%3cpath fill='rgb(35, 0, 80)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e");
+  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='M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z'/%3e%3c/svg%3e");
 }
 .ilo--read-more--button:hover {
   background: rgb(235, 245, 253);
@@ -5196,7 +5444,7 @@
   transition: background 150ms linear, border 150ms linear, color 150ms linear;
 }
 .ilo--read-more--button:hover:after {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 25'%3e%3cpath fill='rgb(30, 45, 190)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e");
+  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='M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z'/%3e%3c/svg%3e");
 }
 .ilo--read-more--button--open:after {
   transform: translateY(-50%) rotateX(180deg);
@@ -5205,7 +5453,7 @@
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -5571,10 +5819,55 @@
     width: 3.4297963558rem;
   }
 }
+.right-to-left .ilo--richtext {
+  direction: rtl;
+}
+.right-to-left .ilo--richtext figcaption {
+  border-left: none;
+  border-right: 3px solid #b8c4cc;
+  padding-left: 0;
+  padding-right: 0.4287245445rem;
+}
+.right-to-left .ilo--richtext ul li,
+.right-to-left .ilo--richtext ol li {
+  margin-left: 0;
+  margin-right: 0.6430868167rem;
+  padding-left: 0;
+  padding-right: 0.6430868167rem;
+}
+.right-to-left .ilo--richtext ul li::before,
+.right-to-left .ilo--richtext ol li::before {
+  left: auto;
+  right: -0.6430868167rem;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 12.4'%3e%3cpath d='M10.8%2c12.4v-12L0%2c6.4L10.8%2c12.4z'/%3e%3c/svg%3e");
+}
+.right-to-left .ilo--richtext blockquote {
+  background-position: -1px -1px;
+  padding: 2.8938906752rem 1.7148981779rem 1.822079314rem 0;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 73 40'%3e%3cpath fill='rgb(255, 255, 255)' d='M0.7%2c0v40L73%2c0L0.7%2c0z'/%3e%3c/svg%3e");
+}
+.right-to-left .ilo--richtext blockquote p {
+  padding: 0 0 0 2.5723472669rem;
+}
+.right-to-left .ilo--richtext blockquote p:after {
+  left: 0;
+  right: auto;
+  transform: scaleX(1);
+}
+.right-to-left .ilo--richtext blockquote:before {
+  left: auto;
+  right: 0;
+  transform: scaleX(-1);
+}
+@media screen and (min-width: 610px) {
+  .right-to-left .ilo--richtext blockquote {
+    padding: 3.3226152197rem 2.5723472669rem 2.5723472669rem 0;
+  }
+}
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -5595,11 +5888,11 @@
   border-right: 0.1071811361rem solid rgb(184, 196, 204);
   border-top: 0.1071811361rem solid rgb(184, 196, 204);
   height: 48px;
-  width: 48px;
+  width: 46px;
   text-indent: -9999px;
   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='M16.7068 15.257C17.6255 14.0506 18.1179 12.5734 18.1068 11.057C18.1201 10.1294 17.9488 9.20838 17.603 8.34753C17.2571 7.48667 16.7436 6.70315 16.0923 6.04251C15.4409 5.38187 14.6648 4.8573 13.8089 4.49928C12.9531 4.14126 12.0346 3.95694 11.1068 3.95703C9.2238 3.95703 7.41789 4.70506 6.08638 6.03657C4.75487 7.36808 4.00684 9.17399 4.00684 11.057C4.00684 12.9401 4.75487 14.746 6.08638 16.0775C7.41789 17.409 9.2238 18.157 11.1068 18.157C12.6258 18.1846 14.1082 17.6904 15.3068 16.757L18.3068 19.757C18.4938 19.9403 18.7451 20.0429 19.0068 20.0429C19.2686 20.0429 19.5199 19.9403 19.7068 19.757C19.8901 19.5701 19.9927 19.3188 19.9927 19.057C19.9927 18.7953 19.8901 18.544 19.7068 18.357L16.7068 15.257ZM11.1068 16.057C10.4419 16.0703 9.78091 15.9508 9.16269 15.7055C8.54448 15.4602 7.98142 15.094 7.50648 14.6284C7.03154 14.1628 6.65428 13.6071 6.39677 12.9938C6.13927 12.3806 6.0067 11.7221 6.00684 11.057C6.00684 9.70443 6.54416 8.40722 7.50059 7.45079C8.45703 6.49435 9.75423 5.95703 11.1068 5.95703C12.4594 5.95703 13.7566 6.49435 14.7131 7.45079C15.6695 8.40722 16.2068 9.70443 16.2068 11.057C16.207 11.7221 16.0744 12.3806 15.8169 12.9938C15.5594 13.6071 15.1821 14.1628 14.7072 14.6284C14.2323 15.094 13.6692 15.4602 13.051 15.7055C12.4328 15.9508 11.7718 16.0703 11.1068 16.057Z'/%3e%3c/svg%3e");
 }
-.ilo--searchfield--button:hover {
+.ilo--searchfield--button:focus {
   background-color: rgb(235, 245, 253);
   cursor: pointer;
   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='M16.7068 15.257C17.6255 14.0506 18.1179 12.5734 18.1068 11.057C18.1201 10.1294 17.9488 9.20838 17.603 8.34753C17.2571 7.48667 16.7436 6.70315 16.0923 6.04251C15.4409 5.38187 14.6648 4.8573 13.8089 4.49928C12.9531 4.14126 12.0346 3.95694 11.1068 3.95703C9.2238 3.95703 7.41789 4.70506 6.08638 6.03657C4.75487 7.36808 4.00684 9.17399 4.00684 11.057C4.00684 12.9401 4.75487 14.746 6.08638 16.0775C7.41789 17.409 9.2238 18.157 11.1068 18.157C12.6258 18.1846 14.1082 17.6904 15.3068 16.757L18.3068 19.757C18.4938 19.9403 18.7451 20.0429 19.0068 20.0429C19.2686 20.0429 19.5199 19.9403 19.7068 19.757C19.8901 19.5701 19.9927 19.3188 19.9927 19.057C19.9927 18.7953 19.8901 18.544 19.7068 18.357L16.7068 15.257ZM11.1068 16.057C10.4419 16.0703 9.78091 15.9508 9.16269 15.7055C8.54448 15.4602 7.98142 15.094 7.50648 14.6284C7.03154 14.1628 6.65428 13.6071 6.39677 12.9938C6.13927 12.3806 6.0067 11.7221 6.00684 11.057C6.00684 9.70443 6.54416 8.40722 7.50059 7.45079C8.45703 6.49435 9.75423 5.95703 11.1068 5.95703C12.4594 5.95703 13.7566 6.49435 14.7131 7.45079C15.6695 8.40722 16.2068 9.70443 16.2068 11.057C16.207 11.7221 16.0744 12.3806 15.8169 12.9938C15.5594 13.6071 15.1821 14.1628 14.7072 14.6284C14.2323 15.094 13.6692 15.4602 13.051 15.7055C12.4328 15.9508 11.7718 16.0703 11.1068 16.057Z'/%3e%3c/svg%3e");
@@ -5615,10 +5908,17 @@
   opacity: 45%;
   pointer-events: none;
 }
+.right-to-left .ilo--searchfield {
+  direction: rtl;
+}
+.right-to-left .ilo--searchfield .ilo--searchfield--button {
+  border-left: 2px solid rgb(184, 196, 204);
+  border-right: 0 solid rgb(184, 196, 204);
+}
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -5626,27 +5926,10 @@
 /**
 * MAPS:
 */
-/*
-Note that the styles for this component rely on CSS container queries, which currently require a polyfill. Your site template should load the polyfill in the <head> using the method described here: https://github.com/GoogleChromeLabs/container-query-polyfil
-*/
 .ilo--tabs {
-  /* [aria-expanded="true"] {
-    display: none;
-  }
-  [aria-expanded="false"] {
-  }
-  [aria-expanded="false"] {
-    display: none;
-  }
-  @container (min-width: 700px) {
-    [aria-expanded="true"] {
-      display: block;
-    }
-  } */
+  border-bottom: 0.2143622722rem solid rgb(237, 240, 242);
+  border-left: 0.2143622722rem solid rgb(237, 240, 242);
+  border-right: 0.2143622722rem solid rgb(237, 240, 242);
 }
 .ilo--tabs:not(.tabs--js) .ilo--tabs--selection {
   margin-bottom: 1.2861736334rem;
@@ -5672,14 +5955,14 @@ Note that the styles for this component rely on CSS container queries, which cur
   text-decoration: none;
 }
 .ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:active {
-  background: rgb(255, 205, 45);
-  border-bottom: 3px solid rgb(35, 0, 80);
+  background: rgba(0, 0, 0, 0);
+  border-bottom: 1.5px solid rgb(30, 45, 190);
   color: rgb(35, 0, 80);
   outline: none;
 }
 .ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:focus {
-  background: rgb(255, 205, 45);
-  border-bottom: 4px solid rgb(35, 0, 80);
+  background: rgba(0, 0, 0, 0);
+  border-bottom: 1.5px solid rgb(30, 45, 190);
   color: rgb(35, 0, 80);
   outline: none;
 }
@@ -5717,13 +6000,13 @@ Note that the styles for this component rely on CSS container queries, which cur
 .ilo--tabs.tabs--js .ilo--tabs--selection--button.icon .ilo--tabs--selection--label {
   order: 2;
 }
-.ilo--tabs.tabs--js .ilo--tabs--selection--button:hover, .ilo--tabs.tabs--js .ilo--tabs--selection--button:focus, .ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover, .ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:focus {
+.ilo--tabs.tabs--js .ilo--tabs--selection--button:hover, .ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover {
   background-color: rgb(235, 245, 253);
   color: rgb(30, 45, 190);
   outline: none;
 }
-.ilo--tabs.tabs--js .ilo--tabs--selection--button:hover.has--tooltip .ilo--tooltip--wrapper, .ilo--tabs.tabs--js .ilo--tabs--selection--button:focus.has--tooltip .ilo--tooltip--wrapper, .ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover.has--tooltip .ilo--tooltip--wrapper, .ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:focus.has--tooltip .ilo--tooltip--wrapper {
-  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='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm1 12H7V7h2v5ZM8 6a.94.94 0 0 1-1-1 .94.94 0 0 1 1-1 .94.94 0 0 1 1 1 .94.94 0 0 1-1 1Z'/%3e%3c/svg%3e");
+.ilo--tabs.tabs--js .ilo--tabs--selection--button:hover.has--tooltip .ilo--tooltip--wrapper, .ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover.has--tooltip .ilo--tooltip--wrapper {
+  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='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(30, 45, 190)' 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--tabs.tabs--js .ilo--tabs--selection--label {
   max-width: 50ch;
@@ -5771,10 +6054,13 @@ Note that the styles for this component rely on CSS container queries, which cur
     width: min(var(--tabscount) / 1 * 100%, 100%);
   }
 }
+.right-to-left .ilo--tabs {
+  direction: rtl;
+}
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -5789,7 +6075,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 }
 .ilo--table--header {
   background-color: rgb(255, 255, 255);
-  padding: 19px 8px 24px 8px;
+  padding: 19px 8px 18px 8px;
 }
 .ilo--table--wrapper {
   max-height: 380px;
@@ -5802,31 +6088,31 @@ Note that the styles for this component rely on CSS container queries, which cur
 }
 .ilo--table--head {
   background-color: rgb(255, 255, 255);
-  border-top: 0.1071811361rem solid rgb(237, 240, 242);
-  border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
   box-shadow: 0px 0.8px 1.6px rgba(30, 45, 190, 0.038), 0px 4px 8px rgba(30, 45, 190, 0.054), 0px 10px 20px rgba(30, 45, 190, 0.08), 0px -4px 16px rgba(30, 45, 190, 0.054);
   left: 0;
   height: auto;
   position: sticky;
-  top: 0;
+  top: -1px;
   width: 100%;
   z-index: 2;
 }
 .ilo--table--head--cell {
   background-color: rgb(255, 255, 255);
   border-left: 0.0535905681rem solid rgb(237, 240, 242);
+  border-top: 0.1071811361rem solid rgb(237, 240, 242);
+  border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
   font-family: Overpass;
   font-weight: 700;
   font-size: 14.93px;
   letter-spacing: normal;
   line-height: 20.3px;
   letter-spacing: -0.02em;
-  padding: 22px 11px 22px 11px;
+  padding: 18px 36px 18px 6px;
   pointer-events: none;
   text-align: left;
 }
 .ilo--table--small .ilo--table--head--cell {
-  padding: 13px 11px 13px 11px;
+  padding: 10px 36px 10px 7px;
 }
 .ilo--table--head--cell:first-of-type {
   border-left: none;
@@ -5837,7 +6123,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 }
 .ilo--table--head--cell.sortable:after {
   background-color: rgb(237, 240, 242);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 25'%3e%3cpath fill='rgb(35, 0, 80)' d='M4.00391 9.13792L4.99208 8.1499L12.0004 15.1571L19.0087 8.1499L19.9969 9.13792L12.498 16.6426C12.4328 16.7083 12.3553 16.7604 12.2699 16.796C12.1845 16.8316 12.0929 16.8499 12.0004 16.8499C11.9079 16.8499 11.8163 16.8316 11.7309 16.796C11.6455 16.7604 11.568 16.7083 11.5028 16.6426L4.00391 9.13792Z'/%3e%3c/svg%3e");
+  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='M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z'/%3e%3c/svg%3e");
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 75%;
@@ -5851,9 +6137,15 @@ Note that the styles for this component rely on CSS container queries, which cur
   transform: translateY(-50%);
 }
 .ilo--table--head--cell.sortable:hover {
-  background-color: rgb(190, 220, 250);
+  background-color: rgb(235, 245, 253);
+  border-bottom: 0.1071811361rem solid rgb(30, 45, 190);
+  color: rgb(30, 45, 190);
   cursor: pointer;
 }
+.ilo--table--head--cell.sortable:hover:after {
+  background-color: rgb(235, 245, 253);
+  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='M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z'/%3e%3c/svg%3e");
+}
 .ilo--table--head--cell.sortable[aria-sort=descending]:after {
   transform-origin: center center;
   transform: translateY(-50%) rotate(180deg);
@@ -5988,6 +6280,8 @@ Note that the styles for this component rely on CSS container queries, which cur
   outline: none;
 }
 .ilo--table--headline {
+  align-items: center;
+  display: flex;
   font-family: Overpass;
   font-weight: 700;
   margin-bottom: 0.3751339764rem;
@@ -5995,6 +6289,9 @@ Note that the styles for this component rely on CSS container queries, which cur
   letter-spacing: -0.035em;
   line-height: 24.26px;
 }
+.ilo--table--headline .ilo--tooltip--wrapper {
+  margin-left: 0.3215434084rem;
+}
 .ilo--table--description {
   color: rgb(109, 109, 109);
   font-family: Noto Sans;
@@ -6113,7 +6410,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -6123,9 +6420,104 @@ Note that the styles for this component rely on CSS container queries, which cur
 */
 .ilo--table-of-contents {
   background-color: rgb(237, 240, 242);
+  display: none;
   min-width: 343px;
   padding: 0;
 }
+.ilo--table-of-contents > * {
+  opacity: 0;
+}
+.ilo--table-of-contents.show {
+  display: block;
+}
+.ilo--table-of-contents.show.fadein > * {
+  opacity: 1;
+  transition-delay: 125ms;
+  transition-property: opacity;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
+}
+.ilo--table-of-contents--headline {
+  margin-bottom: 1.2861736334rem;
+  margin-top: 0.4823151125rem;
+  font-size: 18.66px;
+  letter-spacing: normal;
+  line-height: 27.24px;
+  font-family: Overpass;
+  font-weight: 700;
+}
+.ilo--table-of-contents--wrapper.show {
+  display: block;
+  height: 100vh;
+  left: 0;
+  padding: 1.3933547696rem;
+  position: fixed;
+  top: 0;
+  width: 100vw;
+  z-index: 10001;
+}
+@media screen and (min-width: 1024px) {
+  .ilo--table-of-contents--wrapper.show {
+    padding: 0;
+  }
+}
+.ilo--table-of-contents--trigger {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  margin: 1.2861736334rem auto;
+}
+.ilo--table-of-contents--trigger.hide {
+  display: none;
+}
+@media screen and (min-width: 1024px) {
+  .ilo--table-of-contents {
+    display: block;
+  }
+  .ilo--table-of-contents > * {
+    opacity: 1;
+  }
+  .ilo--table-of-contents--trigger {
+    display: none;
+  }
+}
+.ilo--table-of-contents--modal {
+  display: none;
+  position: relative;
+}
+.ilo--table-of-contents--modal > * {
+  opacity: 0;
+}
+.ilo--table-of-contents--modal.show {
+  display: block;
+}
+.ilo--table-of-contents--modal.show.fadein > * {
+  opacity: 1;
+  transition-delay: 125ms;
+  transition-property: opacity;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
+}
+@media screen and (min-width: 1024px) {
+  .ilo--table-of-contents--modal {
+    display: none;
+  }
+  .ilo--table-of-contents--modal.show {
+    display: none;
+  }
+}
+.ilo--table-of-contents--modal .toc--modal--close {
+  bottom: 0;
+  height: 2.1436227224rem;
+  right: 0;
+  position: absolute;
+  width: 2.1436227224rem;
+  z-index: 10004;
+}
+.ilo--table-of-contents--modal .toc--modal--close .ilo--icon {
+  left: 0.1607717042rem;
+  top: 0.1607717042rem;
+}
 .ilo--table-of-contents--list, .ilo--table-of-contents--list--item {
   width: 100%;
 }
@@ -6141,12 +6533,16 @@ Note that the styles for this component rely on CSS container queries, which cur
   font-weight: 500;
   margin: 0 8px 0 8px;
   padding: 18px 10px 18px 10px;
+  position: relative;
   text-decoration: none;
   width: calc(100% - 8px - 8px);
   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 13.1643L16.7463 11.9106L12.8955 15.7613V4.83594H11.1045V15.7613L7.25373 11.9106L6 13.1643L12 19.1643L18 13.1643Z'/%3e%3c/svg%3e");
   font-size: 16px;
   letter-spacing: -0.02em;
   line-height: 21.6px;
+  transition-property: background-color, border, color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--table-of-contents--link:hover, .ilo--table-of-contents--link:focus {
   background-color: rgb(235, 245, 253);
@@ -6158,16 +6554,21 @@ Note that the styles for this component rely on CSS container queries, which cur
   padding: 18px 18px 18px 18px;
   width: 100%;
   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='M18 13.1643L16.7463 11.9106L12.8955 15.7613V4.83594H11.1045V15.7613L7.25373 11.9106L6 13.1643L12 19.1643L18 13.1643Z'/%3e%3c/svg%3e");
+  transition-property: background-color, border, color;
+  transition-duration: 150ms;
+  transition-timing-function: ease-out;
 }
 .ilo--table-of-contents--link:active {
   background-color: rgb(255, 255, 255);
   border-bottom: rgb(35, 0, 80) 2px solid;
+  border-top: rgb(255, 255, 255) 2px solid;
   color: rgb(35, 0, 80);
-  margin: 0;
+  margin: -2px 0 0 0;
   outline: none;
   padding: 18px 18px 18px 18px;
   width: 100%;
   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 13.1643L16.7463 11.9106L12.8955 15.7613V4.83594H11.1045V15.7613L7.25373 11.9106L6 13.1643L12 19.1643L18 13.1643Z'/%3e%3c/svg%3e");
+  z-index: 5;
 }
 .ilo--table-of-contents--list--item:last-of-type .ilo--table-of-contents--link {
   border-bottom: none;
@@ -6175,10 +6576,26 @@ Note that the styles for this component rely on CSS container queries, which cur
 .ilo--table-of-contents--list--item:last-of-type .ilo--table-of-contents--link:hover {
   border-bottom: rgb(30, 45, 190) 2px solid;
 }
+.right-to-left .ilo--table-of-contents {
+  direction: rtl;
+}
+.right-to-left .ilo--table-of-contents .ilo--table-of-contents--link {
+  background-position: 11px center;
+}
+.right-to-left .ilo--table-of-contents .ilo--table-of-contents--link:hover, .right-to-left .ilo--table-of-contents .ilo--table-of-contents--link:focus {
+  background-position: 19px center;
+}
+.right-to-left .ilo--table-of-contents--wrapper {
+  direction: rtl;
+}
+.right-to-left .ilo--table-of-contents--modal .toc--modal--close {
+  left: 0;
+  right: auto;
+}
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -6211,25 +6628,6 @@ Note that the styles for this component rely on CSS container queries, which cur
   padding: 0.857449089rem 0.6430868167rem 0.857449089rem 0.6430868167rem;
   width: 100%;
 }
-.ilo--textarea::-webkit-resizer {
-  background-size: cover;
-  background-repeat: no-repeat;
-  bottom: 2px;
-  height: 12px;
-  right: 0;
-  pointer-events: none;
-  position: absolute;
-  width: 22px;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 22 12'%3e%3cpath fill='rgb(184, 196, 204)' d='M0.307453 12L22 0V12H0.307453Z'/%3e%3c/svg%3e");
-}
-.ilo--textarea:hover {
-  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;
-}
 .ilo--textarea:focus {
   background-color: rgb(235, 245, 253);
   border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
@@ -6245,10 +6643,13 @@ Note that the styles for this component rely on CSS container queries, which cur
 .ilo--textarea:invalid, .ilo--textarea.error, .error .ilo--textarea {
   background-color: rgb(255, 255, 255);
   border-bottom: 0.1071811361rem solid rgb(184, 196, 204);
-  border-left: 0.1607717042rem solid rgb(250, 60, 75);
+  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);
 }
+.right-to-left .ilo--textarea {
+  direction: rtl;
+}
 .ilo--tag-set {
   list-style: none;
@@ -6339,7 +6740,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -6378,7 +6779,7 @@ Note that the styles for this component rely on CSS container queries, which cur
   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'  viewBox='0 0 16 16'%3e%3cpath fill='rgb(35, 0, 80)' d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm1 12H7V7h2v5ZM8 6a.94.94 0 0 1-1-1 .94.94 0 0 1 1-1 .94.94 0 0 1 1 1 .94.94 0 0 1-1 1Z'/%3e%3c/svg%3e");
+  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='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--arrow {
   border-color: transparent;
@@ -6498,7 +6899,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 /**
  * Do not edit directly
- * Generated on Wed, 02 Nov 2022 22:23:12 GMT
+ * Generated on Mon, 07 Nov 2022 21:04:35 GMT
  */
 /**
 * TOKENS:
@@ -6611,7 +7012,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 .ilo--video .vjs-control-bar.notplayed {
     flex-direction: column;
     height: 122px;
-    width: 4.2872454448rem;
+    width: 2.5723472669rem;
   }
 }
 .ilo--video--controls button span,
@@ -6650,8 +7051,8 @@ Note that the styles for this component rely on CSS container queries, which cur
 .notplayed .ilo--video .vjs-control-bar .vjs-play-control,
 .notplayed .ilo--video .vjs-control-bar .vjs-big-play-button {
     order: 1;
-    height: 4.2872454448rem;
-    width: 4.2872454448rem;
+    height: 2.5723472669rem;
+    width: 2.5723472669rem;
   }
 }
 .ilo--video--controls--play,
@@ -6662,8 +7063,8 @@ Note that the styles for this component rely on CSS container queries, which cur
 .ilo--video .vjs-control-bar .vjs-big-play-button {
   background-position: center center;
   background-repeat: no-repeat;
-  background-size: 24px 24px;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3e%3cpath fill='rgb(255, 255, 255)' d='M22 11.9999L4 2V22L22 11.9999Z'/%3e%3c/svg%3e");
+  background-size: 48px 48px;
+  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='M22 11.9999L4 2V22L22 11.9999Z'/%3e%3c/svg%3e");
 }
 .ilo--video--controls--play:hover,
 .ilo--video--controls .vjs-play-control:not(.vjs-playing):hover,
@@ -6671,6 +7072,43 @@ Note that the styles for this component rely on CSS container queries, which cur
 .ilo--video .vjs-control-bar--play:hover,
 .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover,
 .ilo--video .vjs-control-bar .vjs-big-play-button:hover {
+  background-color: rgb(235, 245, 253);
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: 48px 48px;
+  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='M22 11.9999L4 2V22L22 11.9999Z'/%3e%3c/svg%3e");
+}
+.ilo--video--controls--play:hover ~ .vjs-duration, .ilo--video--controls--play:hover ~ .ilo--video--controls--duration,
+.ilo--video--controls .vjs-play-control:not(.vjs-playing):hover ~ .vjs-duration,
+.ilo--video--controls .vjs-play-control:not(.vjs-playing):hover ~ .ilo--video--controls--duration,
+.ilo--video--controls .vjs-big-play-button:hover ~ .vjs-duration,
+.ilo--video--controls .vjs-big-play-button:hover ~ .ilo--video--controls--duration,
+.ilo--video .vjs-control-bar--play:hover ~ .vjs-duration,
+.ilo--video .vjs-control-bar--play:hover ~ .ilo--video--controls--duration,
+.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover ~ .vjs-duration,
+.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover ~ .ilo--video--controls--duration,
+.ilo--video .vjs-control-bar .vjs-big-play-button:hover ~ .vjs-duration,
+.ilo--video .vjs-control-bar .vjs-big-play-button:hover ~ .ilo--video--controls--duration {
+  background-color: rgb(235, 245, 253);
+  color: rgb(30, 45, 190);
+}
+.ilo--video--controls--play.vjs-paused,
+.ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused,
+.ilo--video--controls .vjs-big-play-button.vjs-paused,
+.ilo--video .vjs-control-bar--play.vjs-paused,
+.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused,
+.ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused {
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: 24px 24px;
+  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='M22 11.9999L4 2V22L22 11.9999Z'/%3e%3c/svg%3e");
+}
+.ilo--video--controls--play.vjs-paused:hover,
+.ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
+.ilo--video--controls .vjs-big-play-button.vjs-paused:hover,
+.ilo--video .vjs-control-bar--play.vjs-paused:hover,
+.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
+.ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:hover {
   background-color: rgb(235, 245, 253);
   background-position: center center;
   background-repeat: no-repeat;
@@ -6684,7 +7122,7 @@ Note that the styles for this component rely on CSS container queries, which cur
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 24px 24px;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3e%3cpath fill='rgb(255, 255, 255)' d='M3 2H9V22H3V2zM15 2H21V22H15V2z'/%3e%3c/svg%3e");
+  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='M3 2H9V22H3V2zM15 2H21V22H15V2z'/%3e%3c/svg%3e");
 }
 .ilo--video--controls--pause:hover,
 .ilo--video--controls .vjs-playing:hover,
@@ -6701,6 +7139,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 .ilo--video .vjs-control-bar--duration,
 .ilo--video .vjs-control-bar .vjs-duration {
   background-color: rgb(45, 45, 45);
+  color: rgb(237, 240, 242);
   display: none;
   height: 100%;
   font-weight: 700;
@@ -6713,6 +7152,13 @@ Note that the styles for this component rely on CSS container queries, which cur
   letter-spacing: -0.02em;
   line-height: 20.16px;
 }
+.ilo--video--controls--duration:hover,
+.ilo--video--controls .vjs-duration:hover,
+.ilo--video .vjs-control-bar--duration:hover,
+.ilo--video .vjs-control-bar .vjs-duration:hover {
+  background-color: rgb(235, 245, 253);
+  color: rgb(30, 45, 190);
+}
 .ilo--video--controls--duration.show,
 .ilo--video--controls .vjs-duration.show,
 .ilo--video .vjs-control-bar--duration.show,
@@ -6727,7 +7173,7 @@ Note that the styles for this component rely on CSS container queries, which cur
     height: 2.1436227224rem;
     margin-left: 0;
     margin-top: 2px;
-    width: 4.2872454448rem;
+    width: 2.5723472669rem;
   }
 }
 .ilo--video--controls .vjs-progress-holder,
@@ -7004,6 +7450,12 @@ Note that the styles for this component rely on CSS container queries, which cur
 .vjs-has-started .ilo--video .vjs-control-bar .vjs-volume-panel {
   display: block;
 }
+.ilo--video--controls--volume:hover .vjs-volume-control,
+.ilo--video--controls .vjs-volume-panel:hover .vjs-volume-control,
+.ilo--video .vjs-control-bar--volume:hover .vjs-volume-control,
+.ilo--video .vjs-control-bar .vjs-volume-panel:hover .vjs-volume-control {
+  display: block;
+}
 .ilo--video--controls--showvolume,
 .ilo--video--controls .vjs-mute-control,
 .ilo--video .vjs-control-bar--showvolume,
@@ -7021,7 +7473,7 @@ Note that the styles for this component rely on CSS container queries, which cur
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 24px 24px;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3e%3cpath fill='rgb(255, 255, 255)' d='M14.633 4.735a.67.67 0 0 0-.698.063L8.78 8.666H5.667A.666.666 0 0 0 5 9.333v5.334c0 .369.298.667.667.667h3.112l5.156 3.867a.663.663 0 0 0 .698.064.668.668 0 0 0 .369-.597V5.332a.667.667 0 0 0-.369-.597ZM17.164 9.171l-.471-.471-.943.943.472.471a2.669 2.669 0 0 1 0 3.771l-.472.472.943.943.471-.472a4.005 4.005 0 0 0 0-5.657Z'/%3e%3cpath fill='rgb(255, 255, 255)' d='m18.579 6.813-.943.943.471.472a5.341 5.341 0 0 1 0 7.544l-.471.471.943.943.471-.471c2.6-2.6 2.6-6.83 0-9.43l-.471-.472Z'/%3e%3c/svg%3e");
+  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='M14.633 4.735a.67.67 0 0 0-.698.063L8.78 8.666H5.667A.666.666 0 0 0 5 9.333v5.334c0 .369.298.667.667.667h3.112l5.156 3.867a.663.663 0 0 0 .698.064.668.668 0 0 0 .369-.597V5.332a.667.667 0 0 0-.369-.597ZM17.164 9.171l-.471-.471-.943.943.472.471a2.669 2.669 0 0 1 0 3.771l-.472.472.943.943.471-.472a4.005 4.005 0 0 0 0-5.657Z'/%3e%3cpath fill='rgb(237, 240, 242)' d='m18.579 6.813-.943.943.471.472a5.341 5.341 0 0 1 0 7.544l-.471.471.943.943.471-.471c2.6-2.6 2.6-6.83 0-9.43l-.471-.472Z'/%3e%3c/svg%3e");
 }
 .ilo--video--controls--showvolume:hover,
 .ilo--video--controls .vjs-mute-control:hover,
@@ -7043,7 +7495,7 @@ Note that the styles for this component rely on CSS container queries, which cur
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 24px 24px;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3e%3cpath fill='rgb(255, 255, 255)' d='M12.0447 15.7833L16.5999 19.1998C16.7173 19.2885 16.8586 19.3332 16.9999 19.3332 17.1012 19.3332 17.2039 19.3098 17.2979 19.2632 17.5239 19.1499 17.6666 18.9192 17.6666 18.6665V10.1614L12.0447 15.7833zM5.1955 19.8045C5.32549 19.9345 5.49616 19.9998 5.66682 19.9998 5.83748 19.9998 6.00815 19.9345 6.13814 19.8045L20.8045 5.13814C21.0652 4.87748 21.0652 4.45616 20.8045 4.1955 20.5438 3.93483 20.1225 3.93483 19.8619 4.1955L17.6666 6.39079V5.33347C17.6666 5.08081 17.5239 4.85015 17.2979 4.73682 17.0726 4.62549 16.8019 4.64882 16.5999 4.80015L11.4447 8.66674H6.33347C5.96481 8.66674 5.66682 8.96473 5.66682 9.33339V14.6666C5.66682 15.0353 5.96481 15.3333 6.33347 15.3333H8.72409L5.1955 18.8619C4.93483 19.1225 4.93483 19.5438 5.1955 19.8045z'/%3e%3c/svg%3e");
+  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='M12.0447 15.7833L16.5999 19.1998C16.7173 19.2885 16.8586 19.3332 16.9999 19.3332 17.1012 19.3332 17.2039 19.3098 17.2979 19.2632 17.5239 19.1499 17.6666 18.9192 17.6666 18.6665V10.1614L12.0447 15.7833zM5.1955 19.8045C5.32549 19.9345 5.49616 19.9998 5.66682 19.9998 5.83748 19.9998 6.00815 19.9345 6.13814 19.8045L20.8045 5.13814C21.0652 4.87748 21.0652 4.45616 20.8045 4.1955 20.5438 3.93483 20.1225 3.93483 19.8619 4.1955L17.6666 6.39079V5.33347C17.6666 5.08081 17.5239 4.85015 17.2979 4.73682 17.0726 4.62549 16.8019 4.64882 16.5999 4.80015L11.4447 8.66674H6.33347C5.96481 8.66674 5.66682 8.96473 5.66682 9.33339V14.6666C5.66682 15.0353 5.96481 15.3333 6.33347 15.3333H8.72409L5.1955 18.8619C4.93483 19.1225 4.93483 19.5438 5.1955 19.8045z'/%3e%3c/svg%3e");
 }
 .ilo--video--controls--showvolume.muted:hover, .ilo--video--controls--showvolume[title=Unmute]:hover,
 .ilo--video--controls .vjs-mute-control.muted:hover,
@@ -7121,7 +7573,7 @@ Note that the styles for this component rely on CSS container queries, which cur
 .ilo--video .vjs-control-bar .vjs-volume-bar {
   height: 4px;
   position: relative;
-  width: calc(100% - 24px);
+  width: calc(100% - 26px);
 }
 .ilo--video--controls .vjs-mouse-display,
 .ilo--video--controls .vjs-volume-level,
@@ -7150,7 +7602,7 @@ Note that the styles for this component rely on CSS container queries, which cur
   margin: 0;
   padding: 0;
   position: absolute;
-  right: -8px;
+  right: -16px;
   top: 50%;
   width: 16px;
   -webkit-transform: translate(-50%, -50%);
@@ -7178,7 +7630,7 @@ Note that the styles for this component rely on CSS container queries, which cur
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 24px 24px;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3e%3cpath fill='rgb(255, 255, 255)' d='M14.2721 5L16.6865 7.41373 13.8228 10.2774 14.7226 11.1772 17.5863 8.31355 20 10.7273V5H14.2721zM14.7226 12.8228L13.8228 13.7226 16.6865 16.5863 14.2727 19H20V13.2721L17.5863 15.6865 14.7226 12.8228zM11.2774 12.8228L8.41373 15.6865 6 13.2727V19H11.7279L9.31355 16.5863 12.1772 13.7226 11.2774 12.8228zM11.7273 5H6V10.7279L8.41373 8.31355 11.2774 11.1772 12.1772 10.2774 9.31355 7.41373 11.7273 5z'/%3e%3c/svg%3e");
+  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='M14.2721 5L16.6865 7.41373 13.8228 10.2774 14.7226 11.1772 17.5863 8.31355 20 10.7273V5H14.2721zM14.7226 12.8228L13.8228 13.7226 16.6865 16.5863 14.2727 19H20V13.2721L17.5863 15.6865 14.7226 12.8228zM11.2774 12.8228L8.41373 15.6865 6 13.2727V19H11.7279L9.31355 16.5863 12.1772 13.7226 11.2774 12.8228zM11.7273 5H6V10.7279L8.41373 8.31355 11.2774 11.1772 12.1772 10.2774 9.31355 7.41373 11.7273 5z'/%3e%3c/svg%3e");
 }
 .ilo--video--controls--fullscreen:hover,
 .ilo--video--controls .vjs-fullscreen-control:hover,