@ilo-org/styles 0.1.8 → 0.1.10

package/build/css/index.css

@@ -151,7 +151,7 @@ select {
 }
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -250,7 +250,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -277,12 +277,18 @@ body {
   line-height: 21.6px;
   justify-content: space-between;
   margin: 0;
-  padding: 0.8038585209rem 1.9292604502rem 0.8038585209rem 0;
+  padding: 0.9646302251rem 1.9292604502rem 0.9646302251rem 0;
   text-align: left;
-  transition: border 0.15s ease-out, background 0.15s ease-out, color 0.15s ease-out;
+  transition: border 150ms ease-out, background 150ms ease-out, color 150ms ease-out;
   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 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
 }
+.ilo--accordion--button--large {
+  font-size: 18.66px;
+  letter-spacing: -0.035em;
+  line-height: 24.26px;
+  padding: 1.1254019293rem 1.9292604502rem 1.1254019293rem 0;
+}
 .ilo--accordion--button:hover, .ilo--accordion--button:focus {
   background-color: rgb(235, 245, 253);
   border-top-color: rgb(30, 45, 190);
@@ -296,12 +302,18 @@ body {
 .ilo--accordion--button:hover[aria-expanded=false], .ilo--accordion--button:focus[aria-expanded=false] {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z'/%3e%3c/svg%3e");
 }
-@media screen and (min-width: 1024px) {
+@media screen and (min-width: 610px) {
   .ilo--accordion--button {
-    font-size: 18.66px;
+    font-size: 16px;
     letter-spacing: -0.02em;
+    line-height: 21.6px;
+    padding: 0.9646302251rem 1.9292604502rem 0.9646302251rem 0;
+  }
+  .ilo--accordion--button--large {
+    font-size: 18.66px;
+    letter-spacing: -0.035em;
     line-height: 24.26px;
-    padding: 0.857449089rem 1.9292604502rem 0.857449089rem 0;
+    padding: 1.1254019293rem 1.9292604502rem 1.1254019293rem 0;
   }
 }
 .ilo--accordion--button[aria-expanded=true] {
@@ -316,7 +328,7 @@ body {
   font-family: Noto Sans;
   height: 0px;
   overflow: hidden;
-  transition: height 0.5s ease-out, padding 0.5s ease-out;
+  transition: height 225ms ease-out, padding 225ms ease-out;
   font-size: 16px;
   letter-spacing: -0.02em;
   line-height: 21.6px;
@@ -327,7 +339,7 @@ body {
 }
 .ilo--accordion--panel--open {
   height: var(--height);
-  transition: height 0.5s ease-out, padding 0.5s ease-out;
+  transition: height 225ms ease-out, padding 225ms ease-out;
 }
 .ilo--accordion--panel.collapsing, .ilo--accordion--panel.expanding {
   height: 0;
@@ -341,7 +353,7 @@ body {
   transition-timing-function: ease;
   -webkit-transition-timing-function: ease;
 }
-@media screen and (min-width: 1024px) {
+@media screen and (min-width: 610px) {
   .ilo--accordion--panel {
     font-size: 18.66px;
     letter-spacing: -0.02em;
@@ -351,7 +363,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -376,7 +388,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -606,7 +618,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -616,7 +628,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -641,7 +653,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -931,7 +943,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -941,7 +953,7 @@ body {
 */
 .ilo--callout {
   display: flex;
-  transition: max-height 0.2s ease-in-out;
+  transition: max-height 225ms ease-out;
 }
 .ilo--callout--collapse:not(.ilo--callout--open) {
   max-height: 78px;
@@ -1005,7 +1017,7 @@ body {
   right: -3px;
   top: 50%;
   transform: translateY(-50%) rotate(0);
-  transition: transform 0.2s ease-in-out;
+  transition: transform 225ms ease-out;
   width: 23px;
 }
 .ilo--callout--footer {
@@ -1061,7 +1073,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -1076,27 +1088,27 @@ body {
 .right-to-left .ilo--card {
   text-align: right;
 }
-.ilo--card--action:hover, .ilo--card--action:focus {
+.ilo--card--action:hover:not(.ilo--card--data), .ilo--card--action:focus:not(.ilo--card--data) {
   background: rgb(255, 255, 255);
   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):not(.ilo--card--factlist), .ilo--card--action:focus.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(.ilo--card--factlist) {
+.ilo--card--action:hover:not(.ilo--card--data).ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(.ilo--card--factlist), .ilo--card--action:focus:not(.ilo--card--data).ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(.ilo--card--factlist) {
   background: rgb(255, 255, 255);
 }
-.ilo--card--action:hover .ilo--card--eyebrow, .ilo--card--action:focus .ilo--card--eyebrow {
+.ilo--card--action:hover:not(.ilo--card--data) .ilo--card--eyebrow, .ilo--card--action:focus:not(.ilo--card--data) .ilo--card--eyebrow {
   color: rgb(30, 45, 190);
 }
-.ilo--card--action:hover .ilo--card--title, .ilo--card--action:focus .ilo--card--title {
+.ilo--card--action:hover:not(.ilo--card--data) .ilo--card--title, .ilo--card--action:focus:not(.ilo--card--data) .ilo--card--title {
   color: rgb(30, 45, 190);
 }
-.ilo--card--action:hover .ilo--card--intro, .ilo--card--action:focus .ilo--card--intro {
+.ilo--card--action:hover:not(.ilo--card--data) .ilo--card--intro, .ilo--card--action:focus:not(.ilo--card--data) .ilo--card--intro {
   color: rgb(30, 45, 190);
 }
-.ilo--card--action:hover .ilo--card--date, .ilo--card--action:focus .ilo--card--date {
+.ilo--card--action:hover:not(.ilo--card--data) .ilo--card--date, .ilo--card--action:focus:not(.ilo--card--data) .ilo--card--date {
   color: rgb(30, 45, 190);
 }
-.ilo--card--action:hover .ilo--card--eventdate, .ilo--card--action:focus .ilo--card--eventdate {
+.ilo--card--action:hover:not(.ilo--card--data) .ilo--card--eventdate, .ilo--card--action:focus:not(.ilo--card--data) .ilo--card--eventdate {
   color: rgb(30, 45, 190);
 }
 .ilo--card--link {
@@ -1131,23 +1143,29 @@ body {
 .ilo--card--light {
   background: rgb(255, 255, 255);
 }
-.ilo--card--dark.ilo--card--action:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) {
+.ilo--card--dark:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) {
   background: rgb(35, 0, 80);
+  transition: background 150ms ease-out;
 }
-.ilo--card--dark.ilo--card--action:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) .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);
+  transition: color 150ms ease-out;
 }
-.ilo--card--dark.ilo--card--action:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) .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);
+  transition: color 150ms ease-out;
 }
-.ilo--card--dark.ilo--card--action:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) .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);
+  transition: color 150ms ease-out;
 }
-.ilo--card--dark.ilo--card--action:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) .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);
+  transition: color 150ms ease-out;
 }
-.ilo--card--dark.ilo--card--action:not(.ilo--card--detail):not(.ilo--card--data):not(.ilo--card--multilink):not(:hover):not(:focus) .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);
+  transition: color 150ms ease-out;
 }
 .ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature) {
   margin-top: 2.1436227224rem;
@@ -1270,6 +1288,24 @@ body {
   position: relative;
   z-index: 2;
 }
+.ilo--card--isvideo .ilo--card--image--wrapper {
+  position: relative;
+}
+.ilo--card--isvideo .ilo--card--image--wrapper::before {
+  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");
+  background-color: rgb(45, 45, 45);
+  background-position: center;
+  background-size: 18px 20px;
+  background-repeat: no-repeat;
+  content: "";
+  display: block;
+  height: 40px;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 40px;
+  z-index: 1;
+}
 .ilo--card--multilink {
   padding: 1.2861736334rem;
 }
@@ -1576,7 +1612,7 @@ body {
   margin-bottom: 1.674953518rem;
 }
 .ilo--card--graphic.ilo--card--dark {
-  border-bottom: 0.1607717042rem solid rgb(150, 10, 85);
+  border-bottom: 0.1607717042rem solid rgb(250, 60, 75);
 }
 .ilo--card--graphic .ilo--card--eyebrow {
   margin-bottom: 1.0110920672rem;
@@ -1604,6 +1640,10 @@ body {
   padding: 2.1436227224rem 1.2861736334rem;
   width: 100%;
 }
+.ilo--card--graphicpromo.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
+  height: 2.1436227224rem;
+  top: -2.127545552rem;
+}
 .ilo--card--graphicpromo:hover, .ilo--card--graphicpromo:focus {
   filter: drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.038)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.054)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.054));
 }
@@ -1611,11 +1651,19 @@ body {
   .ilo--card--graphicpromo {
     padding: 2.5723472669rem;
   }
+  .ilo--card--graphicpromo.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
+    height: 3.4297963558rem;
+    top: -3.4137191854rem;
+  }
 }
 @media screen and (min-width: 1024px) {
   .ilo--card--graphicpromo {
     padding: 3.4297963558rem 3.8585209003rem;
   }
+  .ilo--card--graphicpromo.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
+    height: 3.4297963558rem;
+    top: -3.4137191854rem;
+  }
 }
 .ilo--card--graphicpromo.ilo--card--wide {
   padding: 3.4297963558rem 3.8585209003rem;
@@ -1718,8 +1766,8 @@ body {
 }
 .ilo--card--factlist.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
   clip-path: polygon(90% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
-  height: 1.822079314rem;
-  top: -1.8060021436rem;
+  height: 2.1436227224rem;
+  top: -2.127545552rem;
 }
 .ilo--card--factlist.ilo--card--dark {
   background: rgb(35, 0, 80);
@@ -1802,7 +1850,7 @@ body {
   padding: 0 1.2861736334rem 2.1436227224rem 1.1789924973rem;
   width: 100%;
 }
-.ilo--card--stat::before {
+.ilo--card--stat.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
   clip-path: polygon(75% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
   height: 2.1436227224rem;
   top: -2.127545552rem;
@@ -1849,6 +1897,12 @@ body {
   line-height: 16.24px;
   align-self: flex-end;
 }
+@media screen and (min-width: 1024px) {
+  .ilo--card--stat.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
+    height: 2.5723472669rem;
+    top: -2.5562700965rem;
+  }
+}
 .ilo--card--data {
   background: rgb(235, 245, 253);
   border-bottom: 0.1607717042rem solid #82afdc;
@@ -1917,7 +1971,18 @@ body {
   display: none;
 }
 .ilo--card--feature.ilo--card--dark {
-  border-bottom: 0.1607717042rem solid rgb(150, 10, 85);
+  border-bottom: 0.1607717042rem solid rgb(250, 60, 75);
+}
+.ilo--card--feature.ilo--card--dark .ilo--link-list {
+  border-top: 2px solid rgba(237, 240, 242, 0.25);
+}
+.ilo--card--feature.ilo--card--dark .ilo--link-list--link {
+  color: rgb(255, 255, 255);
+  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='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--card--feature.ilo--card--dark:hover .ilo--link-list--link, .ilo--card--feature.ilo--card--dark:focus .ilo--link-list--link {
+  color: rgb(30, 45, 190);
+  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--card--feature picture::before {
   transition-property: opacity;
@@ -1939,6 +2004,19 @@ body {
 .ilo--card--feature:hover .ilo--card--image, .ilo--card--feature:focus .ilo--card--image {
   filter: saturate(0);
 }
+.ilo--card--feature .ilo--link-list {
+  border-top: 0.1071811361rem solid rgb(237, 240, 242);
+  margin-left: -1.2861736334rem;
+  margin-right: -1.2861736334rem;
+  margin-top: 1.822079314rem;
+  position: relative;
+  z-index: 2;
+}
+.ilo--card--feature .ilo--link-list--link, .ilo--card--feature .ilo--link-list--link:hover {
+  border-bottom: none;
+  padding-left: 1.2861736334rem;
+  padding-right: 1.2861736334rem;
+}
 .ilo--card--feature.ilo--card--narrow .ilo--card--wrap, .ilo--card--feature.ilo--card--standard .ilo--card--wrap {
   display: flex;
   flex-wrap: wrap;
@@ -1979,6 +2057,8 @@ body {
   }
 }
 .ilo--card--feature .ilo--card--wrap {
+  display: flex;
+  flex-direction: column;
   width: 100%;
 }
 .ilo--card--feature picture {
@@ -2000,8 +2080,14 @@ body {
   z-index: -1;
 }
 .ilo--card--feature .ilo--card--content {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
   padding: 1.2861736334rem 1.2861736334rem 2.1436227224rem;
 }
+.ilo--card--feature.ilo--card--linklist .ilo--card--content {
+  padding-bottom: 0;
+}
 .ilo--card--feature .ilo--card--title {
   font-size: 23.32px;
   letter-spacing: -0.035em;
@@ -2018,11 +2104,12 @@ body {
 }
 .ilo--card--feature .ilo--card--date {
   margin-bottom: 0;
+  margin-top: auto;
 }
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -2045,17 +2132,17 @@ body {
 }
 @media screen and (min-width: 1024px) {
   .ilo--cardgroup--two .ilo--card {
-    width: calc(50% - 16px);
+    width: calc(50% - 32px);
   }
 }
 @media screen and (min-width: 1024px) {
   .ilo--cardgroup--three .ilo--card {
-    width: calc(33.333% - 16px);
+    width: calc(33.333% - 32px);
   }
 }
 @media screen and (min-width: 1024px) {
   .ilo--cardgroup--four .ilo--card {
-    width: calc(25% - 16px);
+    width: calc(25% - 32px);
   }
 }
 .ilo--cardgroup--button-wrap {
@@ -2067,7 +2154,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -2150,6 +2237,9 @@ body {
   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;
@@ -2169,7 +2259,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -2200,6 +2290,12 @@ body {
 .ilo--context-menu--item {
   padding: 0 0.4287245445rem;
 }
+.ilo--context-menu--item:first-of-type {
+  border-radius: 2px 2px 0 0;
+}
+.ilo--context-menu--item:last-of-type {
+  border-radius: 0 0 2px 2px;
+}
 .ilo--context-menu--item:last-of-type a {
   border-bottom: none;
 }
@@ -2242,7 +2338,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -2252,7 +2348,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -2262,7 +2358,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -2272,7 +2368,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -2398,7 +2494,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -2426,7 +2522,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -2512,7 +2608,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -2522,7 +2618,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -2532,7 +2628,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -2585,7 +2681,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -2660,7 +2756,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -2766,7 +2862,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -2789,7 +2885,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -2803,7 +2899,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -2813,7 +2909,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -2838,7 +2934,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -2889,6 +2985,7 @@ body {
   font-size: 16px;
   letter-spacing: normal;
   line-height: 23.36px;
+  line-height: 1.1575562701rem;
   margin-bottom: 0.0895963823rem;
   margin-top: 0.732683199rem;
 }
@@ -2896,9 +2993,11 @@ body {
   color: #bedcfa;
   font-family: Overpass;
   font-weight: 500;
+  margin-top: 0.5359056806rem;
   font-size: 11.94px;
   letter-spacing: normal;
   line-height: 16.24px;
+  line-height: 0.9946409432rem;
   margin-bottom: 1.1927105212rem;
 }
 .ilo--footer .address {
@@ -3235,7 +3334,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -3358,7 +3457,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -3369,6 +3468,7 @@ body {
 .ilo--hero {
   background: rgb(237, 240, 242);
   display: block;
+  position: relative;
   width: 100%;
 }
 .ilo--hero--home .ilo--image::before {
@@ -3494,6 +3594,17 @@ body {
     width: 100%;
   }
 }
+.ilo--hero .ilo--breadcrumb {
+  left: 0;
+  max-width: 560px;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.right-to-left .ilo--hero .ilo--breadcrumb {
+  left: auto;
+  right: 0;
+}
 
 .ilo--hero-card {
   background: rgb(255, 255, 255);
@@ -3520,14 +3631,17 @@ body {
 }
 @media screen and (min-width: 1024px) {
   .ilo--hero-card::before {
-    height: 64px;
-    top: -63.7px;
+    height: 56px;
+    top: -55.7px;
   }
 }
 @media screen and (min-width: 1024px) {
   .ilo--hero-card {
     padding: 0 70px 70px 56px;
   }
+  .ilo--hero-card.ilo--hero-card--graphic {
+    padding: 0 70px 44px 56px;
+  }
 }
 .right-to-left .ilo--hero-card {
   direction: rtl;
@@ -3577,6 +3691,9 @@ body {
   border: none;
   padding: 24px;
 }
+.ilo--hero-card--home::before {
+  display: none;
+}
 @media screen and (min-width: 1024px) {
   .ilo--hero-card--home {
     bottom: 72px;
@@ -3585,6 +3702,22 @@ body {
     position: absolute;
     width: 100%;
   }
+  .ilo--hero-card--home::before {
+    background: inherit;
+    clip-path: polygon(90% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
+    content: "";
+    display: block;
+    height: 59px;
+    left: 0;
+    position: absolute;
+    top: -58.7px;
+    width: 100%;
+  }
+  .right-to-left .ilo--hero-card--home::before {
+    clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0% 100%, 10% 0%);
+    left: auto;
+    right: 0;
+  }
   .ilo--hero-card--home.ilo--hero-card--center {
     left: 50%;
     right: auto;
@@ -3599,8 +3732,10 @@ body {
     right: 0;
   }
 }
-.ilo--hero-card--home.ilo--hero-card--dark {
-  background: rgba(35, 0, 80, 0.55);
+@media screen and (min-width: 1024px) {
+  .ilo--hero-card--home.ilo--hero-card--dark {
+    background: rgba(35, 0, 80, 0.55);
+  }
 }
 .ilo--hero-card--portal {
   background: rgb(35, 0, 80);
@@ -3615,11 +3750,11 @@ body {
   }
 }
 .ilo--hero-card--publication {
-  margin-top: -64px;
   padding: 24px;
 }
 @media screen and (min-width: 1024px) {
   .ilo--hero-card--publication {
+    margin-top: -64px;
     max-width: 720px;
     padding: 0 48px 48px 72px;
     width: 100%;
@@ -3629,21 +3764,21 @@ body {
   font-size: 16px;
   letter-spacing: normal;
   line-height: 23.36px;
-  margin-bottom: 1.910132288rem;
+  margin-bottom: 1.5005359057rem;
   color: rgb(109, 109, 109);
 }
 .ilo--hero-card--eyebrow {
   font-size: 16px;
   letter-spacing: normal;
   line-height: 23.36px;
-  margin-bottom: 1.4814077435rem;
+  margin-bottom: 0.857449089rem;
   color: rgb(150, 10, 85);
 }
 .ilo--hero-card--intro {
   font-size: 16px;
   letter-spacing: normal;
   line-height: 23.36px;
-  margin-bottom: 1.8685411561rem;
+  margin-bottom: 1.5005359057rem;
 }
 @media screen and (min-width: 1024px) {
   .ilo--hero-card--intro {
@@ -3720,7 +3855,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -3776,7 +3911,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -3918,7 +4053,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -3928,7 +4063,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -3953,7 +4088,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -4105,9 +4240,13 @@ body {
   text-align: right;
 }
 
+.wingsuit-body .ilo--link-list--dark {
+  background-color: rgb(35, 0, 80);
+}
+
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -4120,7 +4259,23 @@ body {
 }
 .ilo--list--unordered {
   list-style: initial;
-  list-style-type: disclosure-closed;
+  list-style-type: none;
+}
+.ilo--list--unordered li {
+  margin-bottom: 1.7148981779rem;
+  margin-left: 0.6430868167rem;
+  padding-left: 0.6430868167rem;
+  position: relative;
+}
+.ilo--list--unordered li::before {
+  content: "";
+  display: inline-block;
+  height: 0.7502679528rem;
+  left: -0.6430868167rem;
+  position: absolute;
+  top: 6px;
+  width: 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 fill='rgb(184, 196, 204)' d='M10.8%2c6.4L0%2c0.4v12L10.8%2c6.4z'/%3e%3c/svg%3e");
 }
 .ilo--list--unstyled {
   list-style: none;
@@ -4154,11 +4309,11 @@ body {
   margin-bottom: 1.5763397642rem;
 }
 .ilo--list__item {
-  font-size: 18.66px;
+  font-size: 16px;
   letter-spacing: normal;
-  line-height: 27.24px;
+  line-height: 23.36px;
   font-family: Noto Sans;
-  margin-bottom: 1.0110920672rem;
+  margin-bottom: 1.052683199rem;
   margin-left: 1.2861736334rem;
   padding-left: 0.1607717042rem;
 }
@@ -4167,10 +4322,18 @@ body {
   font-weight: 700;
   letter-spacing: -0.02em;
 }
+@media screen and (min-width: 610px) {
+  .ilo--list__item {
+    font-size: 18.66px;
+    letter-spacing: normal;
+    line-height: 27.24px;
+    margin-bottom: 1.0110920672rem;
+  }
+}
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -4180,7 +4343,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -4190,7 +4353,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -4298,7 +4461,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -4308,7 +4471,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -4318,7 +4481,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -4415,7 +4578,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -5158,7 +5321,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -5168,7 +5331,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -5178,7 +5341,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -5232,7 +5395,7 @@ body {
     width: 100%;
   }
   .ilo--notification--inline .ilo--notification--content {
-    align-items: center;
+    align-items: start;
     display: flex;
     justify-items: space-between;
     padding: 0.7502679528rem 1.2861736334rem;
@@ -5370,7 +5533,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -5505,7 +5668,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -5515,7 +5678,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -5540,7 +5703,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -5685,7 +5848,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -5764,8 +5927,10 @@ body {
   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;
@@ -5790,7 +5955,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -5800,7 +5965,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -5825,7 +5990,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -5886,7 +6051,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -5909,8 +6074,6 @@ body {
   font-weight: inherit;
   line-height: inherit;
   text-decoration: none;
-  border: none;
-  text-decoration: underline;
 }
 .ilo--richtext a:visited {
   background: rgba(0, 0, 0, 0);
@@ -5992,26 +6155,6 @@ body {
   color: rgb(35, 0, 80);
   outline: none;
 }
-.ilo--richtext a:visited {
-  border: none;
-  text-decoration: underline;
-  text-decoration-color: rgb(150, 10, 85);
-}
-.ilo--richtext a:hover {
-  border: none;
-  text-decoration: underline;
-  text-decoration-color: rgb(30, 45, 190);
-}
-.ilo--richtext a:active {
-  border: none;
-  text-decoration: underline;
-  text-decoration-color: rgb(35, 0, 80);
-}
-.ilo--richtext a:focus {
-  border: none;
-  text-decoration: underline;
-  text-decoration-color: rgb(35, 0, 80);
-}
 .ilo--richtext img {
   width: 100%;
 }
@@ -6125,7 +6268,7 @@ body {
   position: absolute;
   top: 6px;
   width: 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 fill='rgb(45, 45, 45)' d='M10.8%2c6.4L0%2c0.4v12L10.8%2c6.4z'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 12.4'%3e%3cpath fill='rgb(184, 196, 204)' d='M10.8%2c6.4L0%2c0.4v12L10.8%2c6.4z'/%3e%3c/svg%3e");
 }
 .ilo--richtext blockquote {
   background-color: rgb(237, 240, 242);
@@ -6133,6 +6276,7 @@ body {
   background-repeat: no-repeat;
   background-size: 3.8585209003rem 2.1436227224rem;
   display: block;
+  font-family: Overpass;
   margin: 1.2861736334rem 0 2.1436227224rem 0;
   padding: 2.8938906752rem 0 1.822079314rem 1.7148981779rem;
   position: relative;
@@ -6322,7 +6466,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -6373,7 +6517,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -6530,7 +6674,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -6545,6 +6689,7 @@ body {
 }
 .ilo--table--header {
   background-color: rgb(255, 255, 255);
+  border-bottom: 0.1071811361rem solid rgb(237, 240, 242);
   padding: 19px 8px 18px 8px;
 }
 .ilo--table--wrapper {
@@ -6554,6 +6699,7 @@ body {
   width: 100%;
 }
 .ilo--table--content {
+  border-collapse: initial;
   width: 100%;
 }
 .ilo--table--head {
@@ -6569,7 +6715,6 @@ body {
 .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;
@@ -6647,7 +6792,7 @@ body {
   text-align: right;
 }
 .ilo--table--body--cell:hover {
-  background-color: rgb(190, 220, 250);
+  background-color: rgb(235, 245, 253);
   border-bottom: 2px solid rgb(30, 45, 190);
   color: rgb(30, 45, 190);
 }
@@ -6880,7 +7025,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -7066,7 +7211,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -7124,7 +7269,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -7152,10 +7297,8 @@ body {
   color: rgb(109, 109, 109);
   display: inline-block;
   font-family: Overpass;
-  font-size: inherit;
   font-weight: 500;
-  line-height: inherit;
-  padding: 0.5359056806rem 0.6430868167rem 0.4287245445rem 0.6430868167rem;
+  padding: 0.3751339764rem 0.6430868167rem 0.2679528403rem 0.6430868167rem;
   text-decoration: none;
   transition-property: color, background-color, border-color;
   transition-duration: 150ms;
@@ -7168,13 +7311,13 @@ body {
 }
 .ilo--tag--anchor {
   cursor: unset;
+  pointer-events: none;
 }
 .ilo--tag--anchor.ilo--tag--active {
   background: rgb(237, 240, 242);
   color: rgb(35, 0, 80);
   cursor: pointer;
   outline: none;
-  pointer-events: none;
 }
 .ilo--tag--anchor.ilo--tag--active:hover {
   background: rgb(235, 245, 253);
@@ -7219,12 +7362,16 @@ body {
 }
 .ilo--tag--button.icon__position--right .ilo--icon {
   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.9497 15.5356L13.4142 12L16.9497 8.46451L15.5355 7.05029L12 10.5858L8.46446 7.05029L7.05025 8.46451L10.5858 12L7.05025 15.5356L8.46446 16.9498L12 13.4143L15.5355 16.9498L16.9497 15.5356Z'/%3e%3c/svg%3e");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: contain;
   height: 100%;
-  max-height: 28px;
-  max-width: 28px;
+  max-height: 24px;
+  max-width: 24px;
   position: absolute;
-  right: 5px;
-  top: 5px;
+  right: 10px;
+  top: 50%;
+  transform: translateY(-50%);
   width: 100%;
 }
 .ilo--tag--button:hover {
@@ -7296,7 +7443,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -7312,17 +7459,19 @@ body {
   border: none;
   border-radius: 0.1071811361rem;
   display: inline-block;
-  filter: drop-shadow(0 0.0428724544rem 0.0857449089rem rgba(35, 0, 80, 0.038)) drop-shadow(0 0.1446945338rem 0.2893890675rem rgba(35, 0, 80, 0.054)) drop-shadow(0 0.6430868167rem 1.2861736334rem rgba(35, 0, 80, 0.12));
+  filter: drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.038)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.054)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.054));
   color: rgb(45, 45, 45);
   opacity: 0;
   padding: 0.4287245445rem 0.6430868167rem;
   position: absolute;
-  transition: opacity 0.15s ease-in-out;
+  transition: opacity 150ms ease-out;
   visibility: hidden;
   width: auto;
 }
-.ilo--tooltip--visible {
+.ilo--tooltip--fade {
   opacity: 1;
+}
+.ilo--tooltip--visible {
   visibility: visible;
   z-index: 2;
 }
@@ -7455,7 +7604,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Nov 2022 20:39:14 GMT
+ * Generated on Tue, 22 Nov 2022 22:22:44 GMT
  */
 /**
 * TOKENS:
@@ -7491,6 +7640,7 @@ body {
 .ilo--video--element,
 .ilo--video .vjs-tech {
   height: auto;
+  object-fit: cover;
   width: 100%;
 }
 .ilo--video--element:focus,
@@ -7599,17 +7749,22 @@ body {
   -moz-appearance: none;
 }
 @media screen and (min-width: 1024px) {
-  .notplayed .ilo--video--controls--play, .notplayed .ilo--video--controls--pause,
-.notplayed .ilo--video--controls .vjs-play-control,
-.notplayed .ilo--video--controls .vjs-big-play-button,
-.notplayed .ilo--video .vjs-control-bar--play,
-.notplayed .ilo--video .vjs-control-bar--pause,
-.notplayed .ilo--video .vjs-control-bar .vjs-play-control,
-.notplayed .ilo--video .vjs-control-bar .vjs-big-play-button {
+  .ilo--video--controls.notplayed .vjs-play-control,
+.ilo--video--controls.notplayed .vjs-big-play-button,
+.ilo--video .vjs-control-bar.notplayed .vjs-play-control,
+.ilo--video .vjs-control-bar.notplayed .vjs-big-play-button {
     order: 1;
     height: 2.5723472669rem;
     width: 2.5723472669rem;
   }
+  .ilo--video--controls.notplayed .ilo--video--controls--play,
+.ilo--video--controls.notplayed .ilo--video--controls--pause,
+.ilo--video .vjs-control-bar.notplayed .ilo--video--controls--play,
+.ilo--video .vjs-control-bar.notplayed .ilo--video--controls--pause {
+    order: 1;
+    height: 4.2872454448rem;
+    width: 4.2872454448rem;
+  }
 }
 .ilo--video--controls--play,
 .ilo--video--controls .vjs-play-control:not(.vjs-playing),
@@ -7622,29 +7777,44 @@ body {
   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--play:hover, .ilo--video--controls--play:focus,
 .ilo--video--controls .vjs-play-control:not(.vjs-playing):hover,
+.ilo--video--controls .vjs-play-control:not(.vjs-playing):focus,
 .ilo--video--controls .vjs-big-play-button:hover,
+.ilo--video--controls .vjs-big-play-button:focus,
 .ilo--video .vjs-control-bar--play:hover,
+.ilo--video .vjs-control-bar--play:focus,
 .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover,
-.ilo--video .vjs-control-bar .vjs-big-play-button:hover {
+.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus,
+.ilo--video .vjs-control-bar .vjs-big-play-button:hover,
+.ilo--video .vjs-control-bar .vjs-big-play-button:focus {
   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--play:hover ~ .vjs-duration, .ilo--video--controls--play:hover ~ .ilo--video--controls--duration, .ilo--video--controls--play:focus ~ .vjs-duration, .ilo--video--controls--play:focus ~ .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-play-control:not(.vjs-playing):focus ~ .vjs-duration,
+.ilo--video--controls .vjs-play-control:not(.vjs-playing):focus ~ .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--controls .vjs-big-play-button:focus ~ .vjs-duration,
+.ilo--video--controls .vjs-big-play-button:focus ~ .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--play:focus ~ .vjs-duration,
+.ilo--video .vjs-control-bar--play:focus ~ .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-play-control:not(.vjs-playing):focus ~ .vjs-duration,
+.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus ~ .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 {
+.ilo--video .vjs-control-bar .vjs-big-play-button:hover ~ .ilo--video--controls--duration,
+.ilo--video .vjs-control-bar .vjs-big-play-button:focus ~ .vjs-duration,
+.ilo--video .vjs-control-bar .vjs-big-play-button:focus ~ .ilo--video--controls--duration {
   background-color: rgb(235, 245, 253);
   color: rgb(30, 45, 190);
 }
@@ -7659,18 +7829,27 @@ body {
   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--play.vjs-paused:hover, .ilo--video--controls--play.vjs-paused:focus,
 .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
+.ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
 .ilo--video--controls .vjs-big-play-button.vjs-paused:hover,
+.ilo--video--controls .vjs-big-play-button.vjs-paused:focus,
 .ilo--video .vjs-control-bar--play.vjs-paused:hover,
+.ilo--video .vjs-control-bar--play.vjs-paused:focus,
 .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 {
+.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
+.ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:hover,
+.ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:focus {
   background-color: rgb(235, 245, 253);
   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(30, 45, 190)' d='M22 11.9999L4 2V22L22 11.9999Z'/%3e%3c/svg%3e");
 }
+.ilo--video--controls:not(.notplayed) .ilo--video--controls--play,
+.ilo--video .vjs-control-bar:not(.notplayed) .ilo--video--controls--play {
+  background-size: 24px 24px;
+}
 .ilo--video--controls--pause,
 .ilo--video--controls .vjs-playing,
 .ilo--video .vjs-control-bar--pause,
@@ -7680,10 +7859,13 @@ body {
   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='M3 2H9V22H3V2zM15 2H21V22H15V2z'/%3e%3c/svg%3e");
 }
-.ilo--video--controls--pause:hover,
+.ilo--video--controls--pause:hover, .ilo--video--controls--pause:focus,
 .ilo--video--controls .vjs-playing:hover,
+.ilo--video--controls .vjs-playing:focus,
 .ilo--video .vjs-control-bar--pause:hover,
-.ilo--video .vjs-control-bar .vjs-playing:hover {
+.ilo--video .vjs-control-bar--pause:focus,
+.ilo--video .vjs-control-bar .vjs-playing:hover,
+.ilo--video .vjs-control-bar .vjs-playing:focus {
   background-color: rgb(235, 245, 253);
   background-position: center center;
   background-repeat: no-repeat;
@@ -7708,10 +7890,13 @@ body {
   letter-spacing: -0.02em;
   line-height: 20.16px;
 }
-.ilo--video--controls--duration:hover,
+.ilo--video--controls--duration:hover, .ilo--video--controls--duration:focus,
 .ilo--video--controls .vjs-duration:hover,
+.ilo--video--controls .vjs-duration:focus,
 .ilo--video .vjs-control-bar--duration:hover,
-.ilo--video .vjs-control-bar .vjs-duration:hover {
+.ilo--video .vjs-control-bar--duration:focus,
+.ilo--video .vjs-control-bar .vjs-duration:hover,
+.ilo--video .vjs-control-bar .vjs-duration:focus {
   background-color: rgb(235, 245, 253);
   color: rgb(30, 45, 190);
 }
@@ -7722,15 +7907,20 @@ body {
   display: block;
 }
 @media screen and (min-width: 1024px) {
-  .notplayed .ilo--video--controls--duration,
-.notplayed .ilo--video--controls .vjs-duration,
-.notplayed .ilo--video .vjs-control-bar--duration,
-.notplayed .ilo--video .vjs-control-bar .vjs-duration {
+  .ilo--video--controls.notplayed .vjs-duration,
+.ilo--video .vjs-control-bar.notplayed .vjs-duration {
     height: 2.1436227224rem;
     margin-left: 0;
     margin-top: 2px;
     width: 2.5723472669rem;
   }
+  .ilo--video--controls.notplayed .ilo--video--controls--duration,
+.ilo--video .vjs-control-bar.notplayed .ilo--video--controls--duration {
+    height: 2.1436227224rem;
+    margin-left: 0;
+    margin-top: 2px;
+    width: 4.2872454448rem;
+  }
 }
 .ilo--video--controls .vjs-progress-holder,
 .ilo--video .vjs-control-bar .vjs-progress-holder {
@@ -7904,16 +8094,22 @@ body {
   background: rgb(184, 196, 204);
   border-radius: 0;
 }
-.ilo--video--controls--progress:hover .vjs-play-progress,
+.ilo--video--controls--progress:hover .vjs-play-progress, .ilo--video--controls--progress:focus .vjs-play-progress,
 .ilo--video--controls .vjs-progress-control:hover .vjs-play-progress,
+.ilo--video--controls .vjs-progress-control:focus .vjs-play-progress,
 .ilo--video .vjs-control-bar--progress:hover .vjs-play-progress,
-.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress {
+.ilo--video .vjs-control-bar--progress:focus .vjs-play-progress,
+.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress,
+.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress {
   position: relative;
 }
-.ilo--video--controls--progress:hover .vjs-play-progress .vjs-time-tooltip,
+.ilo--video--controls--progress:hover .vjs-play-progress .vjs-time-tooltip, .ilo--video--controls--progress:focus .vjs-play-progress .vjs-time-tooltip,
 .ilo--video--controls .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,
+.ilo--video--controls .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip,
 .ilo--video .vjs-control-bar--progress:hover .vjs-play-progress .vjs-time-tooltip,
-.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip {
+.ilo--video .vjs-control-bar--progress:focus .vjs-play-progress .vjs-time-tooltip,
+.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,
+.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip {
   align-items: center;
   background-color: rgb(45, 45, 45);
   display: flex;
@@ -7927,10 +8123,13 @@ body {
   letter-spacing: -0.02em;
   line-height: 16.24px;
 }
-.ilo--video--controls--progress:hover .vjs-play-progress .vjs-time-tooltip:after,
+.ilo--video--controls--progress:hover .vjs-play-progress .vjs-time-tooltip:after, .ilo--video--controls--progress:focus .vjs-play-progress .vjs-time-tooltip:after,
 .ilo--video--controls .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after,
+.ilo--video--controls .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip:after,
 .ilo--video .vjs-control-bar--progress:hover .vjs-play-progress .vjs-time-tooltip:after,
-.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after {
+.ilo--video .vjs-control-bar--progress:focus .vjs-play-progress .vjs-time-tooltip:after,
+.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after,
+.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip:after {
   background-position: top left;
   background-repeat: no-repeat;
   background-size: contain;
@@ -7942,19 +8141,25 @@ body {
   bottom: -0.6430868167rem;
   width: 0.6430868167rem;
 }
-.ilo--video--controls--progress:hover .ilo--video--controls--progress-played-container,
+.ilo--video--controls--progress:hover .ilo--video--controls--progress-played-container, .ilo--video--controls--progress:focus .ilo--video--controls--progress-played-container,
 .ilo--video--controls .vjs-progress-control:hover .ilo--video--controls--progress-played-container,
+.ilo--video--controls .vjs-progress-control:focus .ilo--video--controls--progress-played-container,
 .ilo--video .vjs-control-bar--progress:hover .ilo--video--controls--progress-played-container,
-.ilo--video .vjs-control-bar .vjs-progress-control:hover .ilo--video--controls--progress-played-container {
+.ilo--video .vjs-control-bar--progress:focus .ilo--video--controls--progress-played-container,
+.ilo--video .vjs-control-bar .vjs-progress-control:hover .ilo--video--controls--progress-played-container,
+.ilo--video .vjs-control-bar .vjs-progress-control:focus .ilo--video--controls--progress-played-container {
   position: absolute;
   left: 2%;
   top: 0;
   width: 96%;
 }
-.ilo--video--controls--progress:hover .ilo--video--controls--progress-played,
+.ilo--video--controls--progress:hover .ilo--video--controls--progress-played, .ilo--video--controls--progress:focus .ilo--video--controls--progress-played,
 .ilo--video--controls .vjs-progress-control:hover .ilo--video--controls--progress-played,
+.ilo--video--controls .vjs-progress-control:focus .ilo--video--controls--progress-played,
 .ilo--video .vjs-control-bar--progress:hover .ilo--video--controls--progress-played,
-.ilo--video .vjs-control-bar .vjs-progress-control:hover .ilo--video--controls--progress-played {
+.ilo--video .vjs-control-bar--progress:focus .ilo--video--controls--progress-played,
+.ilo--video .vjs-control-bar .vjs-progress-control:hover .ilo--video--controls--progress-played,
+.ilo--video .vjs-control-bar .vjs-progress-control:focus .ilo--video--controls--progress-played {
   --playhead: 0%;
   align-items: center;
   background-color: rgb(45, 45, 45);
@@ -7969,10 +8174,13 @@ body {
   letter-spacing: -0.02em;
   line-height: 16.24px;
 }
-.ilo--video--controls--progress:hover .ilo--video--controls--progress-played:after,
+.ilo--video--controls--progress:hover .ilo--video--controls--progress-played:after, .ilo--video--controls--progress:focus .ilo--video--controls--progress-played:after,
 .ilo--video--controls .vjs-progress-control:hover .ilo--video--controls--progress-played:after,
+.ilo--video--controls .vjs-progress-control:focus .ilo--video--controls--progress-played:after,
 .ilo--video .vjs-control-bar--progress:hover .ilo--video--controls--progress-played:after,
-.ilo--video .vjs-control-bar .vjs-progress-control:hover .ilo--video--controls--progress-played:after {
+.ilo--video .vjs-control-bar--progress:focus .ilo--video--controls--progress-played:after,
+.ilo--video .vjs-control-bar .vjs-progress-control:hover .ilo--video--controls--progress-played:after,
+.ilo--video .vjs-control-bar .vjs-progress-control:focus .ilo--video--controls--progress-played:after {
   background-position: top left;
   background-repeat: no-repeat;
   background-size: contain;
@@ -8007,10 +8215,13 @@ body {
 .vjs-has-started .ilo--video .vjs-control-bar .vjs-volume-panel {
   display: block;
 }
-.ilo--video--controls--volume:hover .vjs-volume-control,
+.ilo--video--controls--volume:hover .vjs-volume-control, .ilo--video--controls--volume:focus .vjs-volume-control,
 .ilo--video--controls .vjs-volume-panel:hover .vjs-volume-control,
+.ilo--video--controls .vjs-volume-panel:focus .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 {
+.ilo--video .vjs-control-bar--volume:focus .vjs-volume-control,
+.ilo--video .vjs-control-bar .vjs-volume-panel:hover .vjs-volume-control,
+.ilo--video .vjs-control-bar .vjs-volume-panel:focus .vjs-volume-control {
   display: block;
 }
 .ilo--video--controls--showvolume,
@@ -8021,7 +8232,7 @@ body {
   border: none;
   cursor: pointer;
   height: 2.1436227224rem;
-  margin-top: 1px;
+  margin-top: 0;
   position: relative;
   width: 2.1436227224rem;
   z-index: 10;
@@ -8032,10 +8243,13 @@ body {
   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='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--showvolume:hover, .ilo--video--controls--showvolume:focus,
 .ilo--video--controls .vjs-mute-control:hover,
+.ilo--video--controls .vjs-mute-control:focus,
 .ilo--video .vjs-control-bar--showvolume:hover,
-.ilo--video .vjs-control-bar .vjs-mute-control:hover {
+.ilo--video .vjs-control-bar--showvolume:focus,
+.ilo--video .vjs-control-bar .vjs-mute-control:hover,
+.ilo--video .vjs-control-bar .vjs-mute-control:focus {
   background-color: rgb(235, 245, 253);
   background-position: center center;
   background-repeat: no-repeat;
@@ -8054,13 +8268,19 @@ body {
   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='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--showvolume.muted:hover, .ilo--video--controls--showvolume.muted:focus, .ilo--video--controls--showvolume[title=Unmute]:hover, .ilo--video--controls--showvolume[title=Unmute]:focus,
 .ilo--video--controls .vjs-mute-control.muted:hover,
+.ilo--video--controls .vjs-mute-control.muted:focus,
 .ilo--video--controls .vjs-mute-control[title=Unmute]:hover,
+.ilo--video--controls .vjs-mute-control[title=Unmute]:focus,
 .ilo--video .vjs-control-bar--showvolume.muted:hover,
+.ilo--video .vjs-control-bar--showvolume.muted:focus,
 .ilo--video .vjs-control-bar--showvolume[title=Unmute]:hover,
+.ilo--video .vjs-control-bar--showvolume[title=Unmute]:focus,
 .ilo--video .vjs-control-bar .vjs-mute-control.muted:hover,
-.ilo--video .vjs-control-bar .vjs-mute-control[title=Unmute]:hover {
+.ilo--video .vjs-control-bar .vjs-mute-control.muted:focus,
+.ilo--video .vjs-control-bar .vjs-mute-control[title=Unmute]:hover,
+.ilo--video .vjs-control-bar .vjs-mute-control[title=Unmute]:focus {
   background-color: #ebf5fd;
   background-position: center center;
   background-repeat: no-repeat;
@@ -8096,9 +8316,9 @@ body {
 }
 .ilo--video--controls--setvolume-container,
 .ilo--video .vjs-control-bar--setvolume-container {
-  left: 0;
+  left: -2px;
   position: absolute;
-  top: 0;
+  top: -2px;
 }
 .ilo--video--controls--setvolume::-webkit-slider-runnable-track,
 .ilo--video .vjs-control-bar--setvolume::-webkit-slider-runnable-track {
@@ -8190,10 +8410,13 @@ body {
   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='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--fullscreen:hover, .ilo--video--controls--fullscreen:focus,
 .ilo--video--controls .vjs-fullscreen-control:hover,
+.ilo--video--controls .vjs-fullscreen-control:focus,
 .ilo--video .vjs-control-bar--fullscreen:hover,
-.ilo--video .vjs-control-bar .vjs-fullscreen-control:hover {
+.ilo--video .vjs-control-bar--fullscreen:focus,
+.ilo--video .vjs-control-bar .vjs-fullscreen-control:hover,
+.ilo--video .vjs-control-bar .vjs-fullscreen-control:focus {
   background-color: #ebf5fd;
   background-position: center center;
   background-repeat: no-repeat;
@@ -8250,7 +8473,8 @@ body {
   display: block;
 }
 .ilo--video:hover .ilo--video--controls,
-.ilo--video:hover .vjs-control-bar {
+.ilo--video:hover .vjs-control-bar, .ilo--video:focus .ilo--video--controls,
+.ilo--video:focus .vjs-control-bar {
   opacity: 1;
   transition: opacity 150ms ease-out;
 }
@@ -8268,4 +8492,16 @@ body {
   position: relative;
 }
 
+.right-to-left .ilo--video--caption {
+  border-left: none;
+  border-right: 3px solid #b8c4cc;
+  direction: rtl;
+  padding-left: 0;
+  padding-right: 0.4287245445rem;
+}
+.right-to-left .ilo--credit {
+  left: auto;
+  right: 0;
+}
+
 /*# sourceMappingURL=index.css.map */