npm - @ilo-org/styles - Versions diffs - 0.13.2 → 0.14.0 - Mend

@ilo-org/styles 0.13.2 → 0.14.0

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 (54) hide show

package/build/css/components/index.css +1181 -794
package/build/css/components/index.css.map +1 -1
package/build/css/global.css +1 -1
package/build/css/global.css.map +1 -1
package/build/css/index.css +1181 -794
package/build/css/index.css.map +1 -1
package/build/css/monorepo.css +1181 -794
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/css/components/accordion.css +1 -1
package/css/components/breadcrumb.css +1 -1
package/css/components/featurecard.css +1 -1
package/css/components/hero.css +1 -1
package/css/components/icon.css +1 -0
package/css/components/list.css +1 -1
package/css/components/navigation.css +1 -1
package/css/components/pagination.css +1 -1
package/css/components/richtext.css +1 -1
package/css/components/searchfield.css +1 -1
package/css/components/tag.css +1 -1
package/css/components/video-legacy.css +1 -0
package/css/components/video.css +1 -1
package/css/global.css.map +1 -1
package/css/index.css +8 -8
package/css/index.css.map +1 -1
package/css/monorepo.css +8 -8
package/css/monorepo.css.map +1 -1
package/package.json +2 -2
package/scss/_mixins.scss +27 -1
package/scss/components/_accordion.scss +7 -5
package/scss/components/_breadcrumb.scss +5 -1
package/scss/components/_card.scss +2 -2
package/scss/components/_cardgroup.scss +1 -1
package/scss/components/_datacard.scss +1 -1
package/scss/components/_detailcard.scss +1 -1
package/scss/components/_factlistcard.scss +1 -1
package/scss/components/_featurecard.scss +3 -11
package/scss/components/_hero.scss +206 -214
package/scss/components/_icon.scss +6 -0
package/scss/components/_list.scss +0 -2
package/scss/components/_multilinkcard.scss +2 -2
package/scss/components/_navigation.scss +11 -9
package/scss/components/_pagination.scss +1 -3
package/scss/components/_profile.scss +1 -1
package/scss/components/_promocard.scss +1 -1
package/scss/components/_richtext.scss +14 -40
package/scss/components/_searchfield.scss +36 -4
package/scss/components/_tag.scss +1 -1
package/scss/components/_video-legacy.scss +795 -0
package/scss/components/_video.scss +191 -636
package/scss/components/index.scss +2 -0

package/build/css/index.css CHANGED Viewed

@@ -156,7 +156,7 @@ textarea {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -174,7 +174,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -190,9 +190,11 @@ body {
   align-items: center;
   flex-direction: row;
   justify-content: space-between;
+  text-align: start;
   width: 100%;
   margin: 0;
-  padding: 0.857449089rem 0.857449089rem 0.857449089rem 0;
+  padding: 0.857449089rem 0;
+  padding-inline-end: 0.857449089rem;
   background-color: rgb(255, 255, 255);
   background-position: calc(100% - 0.3215434084rem) center;
   background-repeat: no-repeat;
@@ -213,7 +215,8 @@ body {
   font-size: 18.66px;
   letter-spacing: -0.035em;
   line-height: 24.26px;
-  padding: 1.0718113612rem 0.857449089rem 1.0718113612rem 0;
+  padding: 1.0718113612rem 0;
+  padding-inline-end: 0.857449089rem;
 }
 .ilo--accordion--button:hover, .ilo--accordion--button:focus {
   background-color: rgb(235, 245, 253);
@@ -233,13 +236,13 @@ body {
     font-size: 16px;
     letter-spacing: -0.02em;
     line-height: 21.6px;
-    padding: 0.857449089rem 0.857449089rem 0.857449089rem 0;
   }
   .ilo--accordion--button--large {
     font-size: 18.66px;
     letter-spacing: -0.035em;
     line-height: 24.26px;
-    padding: 1.0718113612rem 0.857449089rem 1.0718113612rem 0;
+    padding: 1.0718113612rem 0;
+    padding-inline-end: 0.857449089rem;
   }
 }
 .ilo--accordion--button[aria-expanded=true] {
@@ -272,7 +275,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -297,7 +300,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -351,6 +354,9 @@ body {
   letter-spacing: normal;
   line-height: 16.24px;
 }
+.ilo--breadcrumb--link--label--dropdown {
+  font-family: Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
+}
 .ilo--breadcrumb--link:hover, .ilo--breadcrumb--link:focus {
   color: rgb(30, 45, 190);
   text-decoration: underline;
@@ -464,6 +470,7 @@ body {
   content: "";
   height: 0.6430868167rem;
   position: absolute;
+  left: 50%;
   top: -0.3215434084rem;
   transform: translateX(-50%) rotate(135deg);
   width: 0.6430868167rem;
@@ -548,7 +555,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -558,7 +565,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -583,7 +590,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -864,7 +871,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -993,7 +1000,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -1003,7 +1010,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -1028,7 +1035,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -1046,7 +1053,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -1258,7 +1265,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -1317,7 +1324,6 @@ body {
   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;
 }
@@ -1401,7 +1407,7 @@ body {
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
-  padding: 1.2861736334rem 1.2861736334rem 2.1436227224rem;
+  padding: 1.2861736334rem 1.2861736334rem 0.4287245445rem 1.2861736334rem;
 }
 .ilo--card__type__feature.ilo--card__linklist .ilo--card--content {
   padding-bottom: 0;
@@ -1410,7 +1416,7 @@ body {
   font-size: 23.32px;
   letter-spacing: -0.035em;
   line-height: 29.15px;
-  margin-bottom: 1.5763397642rem;
+  margin-bottom: 1.2861736334rem;
   font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
   font-weight: 700;
   flex: 1;
@@ -1422,13 +1428,13 @@ body {
   margin-bottom: 0.3376482577rem;
 }
 .ilo--card__type__feature .ilo--card--date {
-  margin-bottom: 0;
+  margin-bottom: 1.7148981779rem;
   margin-top: auto;
 }
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -1525,7 +1531,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -1677,7 +1683,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -1803,7 +1809,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -1927,7 +1933,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -2047,7 +2053,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -2124,7 +2130,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -2193,7 +2199,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -2242,7 +2248,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -2319,7 +2325,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -2400,7 +2406,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -2410,7 +2416,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -2420,7 +2426,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -2430,7 +2436,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -2556,7 +2562,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -2577,7 +2583,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -2667,7 +2673,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -2677,7 +2683,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -2687,7 +2693,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -2740,7 +2746,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -2828,7 +2834,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -2924,7 +2930,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -2966,7 +2972,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -3093,7 +3099,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -3103,7 +3109,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -3128,7 +3134,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -3485,7 +3491,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -3608,7 +3614,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -3628,6 +3634,21 @@ body {
   grid-template-columns: 1fr;
   overflow: hidden;
   grid-template-rows: minmax(1rem, 1fr) 27px 40px auto;
+  --card-width: 625px;
+  --corner-cut-height: 64px;
+  --breadcrumbs-height: 48px;
+  --image-gap: 240px;
+  --row-1-lg: var(--breadcrumbs-height);
+  --row-2-lg: calc(var(--image-gap) - var(--breadcrumbs-height));
+  --row-3-lg: auto;
+  --row-4-lg: 27px;
+  --row-5-lg: 72px;
+  --col-1-lg: 0;
+  --col-2-lg: var(--card-width);
+  --col-3-lg: 30px;
+  --col-4-lg: 1fr;
+  grid-template-rows: var(--row-1-lg) var(--row-2-lg) var(--row-3-lg) var(--row-4-lg);
+  grid-template-columns: var(--col-1-lg) var(--col-2-lg) var(--col-3-lg) var(--col-4-lg);
 }
 .hero--image {
   display: grid;
@@ -3645,9 +3666,6 @@ body {
 .hero__gap__dark {
   background-color: rgb(35, 0, 80);
 }
-.hero--breadcrumbs {
-  display: none;
-}
 .hero--background {
   display: grid;
   background-color: rgb(235, 245, 253);
@@ -3673,7 +3691,6 @@ body {
   display: flex;
   justify-content: center;
   align-items: center;
-  position: relative;
 }
 .hero--caption--wrapper::after {
   content: "";
@@ -3686,187 +3703,167 @@ body {
   border-right: none;
   border-left: calc(27px - 4px) solid rgb(45, 45, 45);
 }
-@media screen and (min-width: 1024px) {
-  .hero {
-    --card-width: 625px;
-    --corner-cut-height: 64px;
-    --breadcrumbs-height: 48px;
-    --image-gap: 240px;
-    --row-1-lg: var(--breadcrumbs-height);
-    --row-2-lg: calc(var(--image-gap) - var(--breadcrumbs-height));
-    --row-3-lg: auto;
-    --row-4-lg: 27px;
-    --row-5-lg: 72px;
-    --col-1-lg: 0;
-    --col-2-lg: var(--card-width);
-    --col-3-lg: 30px;
-    --col-4-lg: 1fr;
-    grid-template-rows: var(--row-1-lg) var(--row-2-lg) var(--row-3-lg) var(--row-4-lg);
-    grid-template-columns: var(--col-1-lg) var(--col-2-lg) var(--col-3-lg) var(--col-4-lg);
-  }
-  .hero__poster-size__small {
-    --image-gap: 112px;
-  }
-  .hero__poster-size__medium {
-    --image-gap: 176px;
-  }
-  .hero__poster-size__large {
-    --image-gap: 240px;
-  }
-  .hero__poster-size__xlarge {
-    --image-gap: 527px;
-  }
-  .hero__card-size__small {
-    --card-width: 625px;
-  }
-  .hero__card-size__medium {
-    --card-width: 721px;
-  }
-  .hero__card-size__large {
-    --card-width: 856px;
-  }
-  .hero__card-size__xlarge {
-    --card-width: 920px;
-  }
-  .hero__card-size__xxlarge {
-    --card-width: 998px;
-  }
-  .hero__card-justify__start, .hero__card-justify__offset {
-    --card-padding-start: max(16px, min(
-      var(--base-offset) + var(--added-offset),
-      71px
-    ));
-    --col-1-lg: calc(
-      var(--base-offset) - 71px + var(--added-offset)
-    );
-  }
-  .hero__card-justify__offset {
-    --added-offset: 109px;
-  }
-  .hero__card-justify__center {
-    --col-1-lg: calc((100% - var(--card-width)) / 2);
-    --col-4-lg: calc(
-      ((100% - var(--card-width)) / 2) - 30px
-    );
-  }
-  .hero__card-align__center {
-    --row-4-lg: calc(72px - 27px);
-    --row-5-lg: 27px;
-  }
-  .hero__card-align__bottom {
-    --row-3-lg: 0;
-    --row-4-lg: var(--corner-cut-height);
-    --row-5-lg: auto;
-  }
-  .hero__card-background__transparent .hero--card-offset {
-    background-color: transparent !important;
-  }
-  .hero__card-theme__dark .hero--card-offset {
-    background-color: rgb(35, 0, 80);
-    position: relative;
-    box-shadow: 0.3px 0 0 0 rgb(35, 0, 80);
-  }
-  .hero__card-theme__dark[class*=semi-transparent] .hero--card-offset {
-    background: rgba(35, 0, 80, 0.6);
-    box-shadow: 0.3px 0 0 0 rgba(35, 0, 80, 0.6);
-  }
-  .hero__card-theme__light .hero--card-offset {
-    background: rgb(255, 255, 255);
-    box-shadow: 0.3px 0 0 0 rgb(255, 255, 255);
-  }
-  .hero__card-theme__light[class*=semi-transparent] .hero--card-offset {
-    background: rgba(255, 255, 255, 0.6);
-    box-shadow: 0.3px 0 0 0 rgba(255, 255, 255, 0.6);
-  }
-  .hero--breadcrumbs {
-    grid-area: 1/1/2/5;
-    z-index: 1;
-    display: flex;
-    flex-flow: row nowrap;
-  }
-  .hero--breadcrumbs--wrapper {
-    width: 100%;
-  }
-  .hero--background {
-    grid-area: 1/1/5/5;
-  }
-  .hero__card-align__center .hero--background {
-    grid-area: 1/1/6/5;
-  }
-  .hero__card-align__bottom .hero--background {
-    grid-area: 1/1/5/5;
-  }
-  .hero--card-offset {
-    grid-area: 3/1/6/2;
-    z-index: 0;
-    position: relative;
-  }
-  .hero__card-justify__offset .hero--card-offset, .hero__card-justify__center .hero--card-offset {
-    background: transparent !important;
-  }
-  .hero__card-align__center .hero--card-offset {
-    grid-area: 3/1/4/2;
-  }
-  .hero__card-align__bottom .hero--card-offset {
-    grid-area: 4/1/6/2;
-  }
-  .hero--card {
-    grid-area: 3/2/6/3;
-  }
-  .hero__card-align__center .hero--card {
-    grid-area: 3/2/4/3;
-  }
-  .hero__card-align__bottom .hero--card {
-    grid-area: 4/2/6/3;
-  }
-  .hero--caption {
-    grid-area: 4/3/5/4;
-    position: relative;
-  }
-  .hero__card-align__center .hero--caption {
-    grid-area: 5/1/6/3;
-  }
-  .hero__card-align__bottom .hero--caption {
-    grid-area: 4/1/5/2;
-  }
-  .hero__card-align__center .hero--caption--wrapper, .hero__card-align__bottom .hero--caption--wrapper {
-    position: absolute;
-    left: 0;
-    bottom: 0;
-  }
-  .hero__card-align__bottom.hero__card-justify__start .hero--caption {
-    grid-area: 1/1/3/3;
-  }
-  .hero__card-align__bottom.hero__card-justify__offset .hero--caption {
-    grid-area: 1/2/3/3;
-  }
-  .hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper, .hero__card-align__bottom.hero__card-justify__offset .hero--caption .hero--caption--wrapper {
-    background: rgb(45, 45, 45);
-    height: 27px;
-    width: 30px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-    position: absolute;
-    left: 0;
-    right: initial;
-    bottom: 0;
-  }
-  .hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper::after, .hero__card-align__bottom.hero__card-justify__offset .hero--caption .hero--caption--wrapper::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    width: 0;
-    height: 0;
-    border-top: 27px solid transparent;
-    left: 100%;
-    border-right: none;
-    border-left: calc(27px - 4px) solid rgb(45, 45, 45);
-  }
-  .hero--caption--wrapper {
-    left: 2px;
-  }
+.hero__poster-size__small {
+  --image-gap: 112px;
+}
+.hero__poster-size__medium {
+  --image-gap: 176px;
+}
+.hero__poster-size__large {
+  --image-gap: 240px;
+}
+.hero__poster-size__xlarge {
+  --image-gap: 527px;
+}
+.hero__card-size__small {
+  --card-width: 625px;
+}
+.hero__card-size__medium {
+  --card-width: 721px;
+}
+.hero__card-size__large {
+  --card-width: 856px;
+}
+.hero__card-size__xlarge {
+  --card-width: 920px;
+}
+.hero__card-size__xxlarge {
+  --card-width: 998px;
+}
+.hero__card-justify__start, .hero__card-justify__offset {
+  --card-padding-start: max(16px, min(
+    var(--base-offset) + var(--added-offset),
+    71px
+  ));
+  --col-1-lg: calc(
+    var(--base-offset) - 71px + var(--added-offset)
+  );
+}
+.hero__card-justify__offset {
+  --added-offset: 109px;
+}
+.hero__card-justify__center {
+  --col-1-lg: calc((100% - var(--card-width)) / 2);
+  --col-4-lg: calc(
+    ((100% - var(--card-width)) / 2) - 30px
+  );
+}
+.hero__card-align__center {
+  --row-4-lg: calc(72px - 27px);
+  --row-5-lg: 27px;
+}
+.hero__card-align__bottom {
+  --row-3-lg: 0;
+  --row-4-lg: var(--corner-cut-height);
+  --row-5-lg: auto;
+}
+.hero__card-background__transparent .hero--card-offset {
+  background-color: transparent !important;
+}
+.hero__card-theme__dark .hero--card-offset {
+  background-color: rgb(35, 0, 80);
+  position: relative;
+  box-shadow: 0.3px 0 0 0 rgb(35, 0, 80);
+}
+.hero__card-theme__dark[class*=semi-transparent] .hero--card-offset {
+  background: rgba(35, 0, 80, 0.6);
+  box-shadow: 0.3px 0 0 0 rgba(35, 0, 80, 0.6);
+}
+.hero__card-theme__light .hero--card-offset {
+  background: rgb(255, 255, 255);
+  box-shadow: 0.3px 0 0 0 rgb(255, 255, 255);
+}
+.hero__card-theme__light[class*=semi-transparent] .hero--card-offset {
+  background: rgba(255, 255, 255, 0.6);
+  box-shadow: 0.3px 0 0 0 rgba(255, 255, 255, 0.6);
+}
+.hero--breadcrumbs {
+  grid-area: 1/1/2/5;
+  z-index: 1;
+  display: flex;
+  flex-flow: row nowrap;
+}
+.hero--breadcrumbs--wrapper {
+  width: 100%;
+}
+.hero--background {
+  grid-area: 1/1/5/5;
+}
+.hero__card-align__center .hero--background {
+  grid-area: 1/1/6/5;
+}
+.hero__card-align__bottom .hero--background {
+  grid-area: 1/1/5/5;
+}
+.hero--card-offset {
+  grid-area: 3/1/6/2;
+  z-index: 0;
+  position: relative;
+}
+.hero__card-justify__offset .hero--card-offset, .hero__card-justify__center .hero--card-offset {
+  background: transparent !important;
+}
+.hero__card-align__center .hero--card-offset {
+  grid-area: 3/1/4/2;
+}
+.hero__card-align__bottom .hero--card-offset {
+  grid-area: 4/1/6/2;
+}
+.hero--card {
+  grid-area: 3/2/6/3;
+}
+.hero__card-align__center .hero--card {
+  grid-area: 3/2/4/3;
+}
+.hero__card-align__bottom .hero--card {
+  grid-area: 4/2/6/3;
+}
+.hero--caption {
+  grid-area: 4/3/5/4;
+  position: relative;
+}
+.hero__card-align__center .hero--caption {
+  grid-area: 5/1/6/3;
+}
+.hero__card-align__bottom .hero--caption {
+  grid-area: 4/1/5/2;
+}
+.hero__card-align__center .hero--caption--wrapper, .hero__card-align__bottom .hero--caption--wrapper {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+}
+.hero__card-align__bottom.hero__card-justify__start .hero--caption {
+  grid-area: 1/1/3/3;
+}
+.hero__card-align__bottom.hero__card-justify__offset .hero--caption {
+  grid-area: 1/2/3/3;
+}
+.hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper, .hero__card-align__bottom.hero__card-justify__offset .hero--caption .hero--caption--wrapper {
+  background: rgb(45, 45, 45);
+  height: 27px;
+  width: 30px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  left: 0;
+  right: initial;
+  bottom: 0;
+}
+.hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper::after, .hero__card-align__bottom.hero__card-justify__offset .hero--caption .hero--caption--wrapper::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  width: 0;
+  height: 0;
+  border-top: 27px solid transparent;
+  left: 100%;
+  border-right: none;
+  border-left: calc(27px - 4px) solid rgb(45, 45, 45);
+}
+.hero--caption--wrapper {
+  left: 2px;
 }
 [dir=rtl] .hero--caption--wrapper {
   background: rgb(45, 45, 45);
@@ -3875,7 +3872,6 @@ body {
   display: flex;
   justify-content: center;
   align-items: center;
-  position: relative;
   right: 0;
   position: absolute;
 }
@@ -3891,37 +3887,34 @@ body {
   border-left: none;
   border-right: calc(27px - 4px) solid rgb(45, 45, 45);
 }
-@media screen and (min-width: 1024px) {
-  [dir=rtl] .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper, [dir=rtl] .hero__card-align__bottom.hero__card-justify__offset .hero--caption--wrapper {
-    background: rgb(45, 45, 45);
-    height: 27px;
-    width: 30px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-    position: absolute;
-    left: initial;
-    right: 0;
-    bottom: 0;
-  }
-  [dir=rtl] .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper::after, [dir=rtl] .hero__card-align__bottom.hero__card-justify__offset .hero--caption--wrapper::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    width: 0;
-    height: 0;
-    border-top: 27px solid transparent;
-    left: auto;
-    right: 100%;
-    border-left: none;
-    border-right: calc(27px - 4px) solid rgb(45, 45, 45);
-  }
+[dir=rtl] .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper, [dir=rtl] .hero__card-align__bottom.hero__card-justify__offset .hero--caption--wrapper {
+  background: rgb(45, 45, 45);
+  height: 27px;
+  width: 30px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  left: initial;
+  right: 0;
+  bottom: 0;
+}
+[dir=rtl] .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper::after, [dir=rtl] .hero__card-align__bottom.hero__card-justify__offset .hero--caption--wrapper::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  width: 0;
+  height: 0;
+  border-top: 27px solid transparent;
+  left: auto;
+  right: 100%;
+  border-left: none;
+  border-right: calc(27px - 4px) solid rgb(45, 45, 45);
 }
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -4054,7 +4047,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -4110,7 +4103,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -4242,7 +4235,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -4252,7 +4245,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -4277,7 +4270,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -4440,7 +4433,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -4478,9 +4471,7 @@ body {
   padding-left: 0;
 }
 .ilo--list--horizontal {
-  align-items: center;
   display: flex;
-  flex-wrap: wrap;
   list-style: none;
 }
 .ilo--list--horizontal li::before {
@@ -4535,7 +4526,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -4545,7 +4536,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -4555,7 +4546,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -4726,7 +4717,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -4773,7 +4764,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -4783,7 +4774,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -4793,7 +4784,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -4890,7 +4881,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -4976,18 +4967,21 @@ body {
 }
 .ilo--header--logo {
   display: block;
-  width: 100%;
+  height: 3.0010718114rem;
+}
+@media screen and (min-width: 1024px) {
+  .ilo--header--logo {
+    height: 3.8585209003rem;
+  }
 }
 .ilo--header--logo-link {
   display: block;
-  padding: 16px 0;
-  max-width: 150px;
-  width: 100%;
+  padding: 0.857449089rem 0;
+  width: auto;
 }
 @media screen and (min-width: 1024px) {
   .ilo--header--logo-link {
-    padding: 0 0 24px;
-    max-width: 200px;
+    padding: 0 0 1.2861736334rem;
   }
 }
 .ilo--header--logo-bar {
@@ -5608,7 +5602,7 @@ body {
   cursor: pointer;
   font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
   font-weight: 500;
-  padding: 0.857449089rem 0.857449089rem 0.857449089rem 1.7148981779rem;
+  padding: 1.0718113612rem 0.857449089rem 0.857449089rem 1.7148981779rem;
   position: relative;
   transition: all 150ms ease-out;
 }
@@ -5627,7 +5621,7 @@ body {
   width: 24px;
 }
 [dir=rtl] .ilo--mobile--subnav--back {
-  padding: 16px 32px 16px 16px;
+  padding: 1.0718113612rem 1.7148981779rem 0.857449089rem 0.857449089rem;
 }
 [dir=rtl] .ilo--mobile--subnav--back::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(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");
@@ -5771,7 +5765,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -5781,7 +5775,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -5791,7 +5785,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -5974,7 +5968,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -6081,9 +6075,6 @@ body {
 .ilo--pagination--next-page.ilo--pagination--disable:hover::before {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 10 16'%3e%3cpath fill='rgb(35, 0, 80)' d='M9.77914 8L1.77915 16L0.220704 14.5455L6.76616 8L0.220703 1.45455L1.77914 0L9.77914 8Z'/%3e%3c/svg%3e");
 }
-.ilo--pagination--last-page {
-  margin: 0 0 0 0.4287245445rem;
-}
 .ilo--pagination--last-page::before {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 18 16'%3e%3cpath fill='rgb(35, 0, 80)' d='M17.2791 8L9.27914 16L7.7207 14.5455L14.2662 8L7.7207 1.45455L9.27914 0L17.2791 8Z'/%3e%3cpath fill='rgb(35, 0, 80)' d='M10.2791 8L2.27914 16L0.720703 14.5455L7.26616 8L0.720703 1.45455L2.27914 0L10.2791 8Z'/%3e%3c/svg%3e");
 }
@@ -6103,6 +6094,7 @@ body {
   font-size: 14.93px;
   letter-spacing: -0.02em;
   line-height: 20.16px;
+  margin-inline-end: 0.4287245445rem;
   font-family: Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
   font-weight: 400;
   line-height: 45px;
@@ -6115,7 +6107,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -6125,7 +6117,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -6150,7 +6142,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -6300,7 +6292,7 @@ body {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -6369,7 +6361,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -6379,7 +6371,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -6404,7 +6396,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 }
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -6460,7 +6452,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -6471,9 +6463,9 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 .ilo--richtext {
   font-family: Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
   font-weight: 400;
-  font-size: 16px;
+  font-size: 18.66px;
   letter-spacing: normal;
-  line-height: 23.36px;
+  line-height: 27.24px;
 }
 .ilo--richtext a {
   background: rgba(0, 0, 0, 0);
@@ -6609,47 +6601,40 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 .ilo--richtext h2,
 .ilo--richtext h3,
 .ilo--richtext h4,
-.ilo--richtext h5,
-.ilo--richtext h6 {
+.ilo--richtext h5 {
   font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
   font-weight: 700;
   margin-top: 3.0010718114rem;
 }
 .ilo--richtext h1 {
   margin-bottom: 0.6830690456rem;
-  font-size: 45.56px;
+  font-size: 44px;
   letter-spacing: -0.035em;
-  line-height: 52.39px;
+  line-height: 50.6px;
 }
 .ilo--richtext h2 {
   margin-bottom: 0.8565309039rem;
-  font-size: 36.45px;
+  font-size: 36px;
   letter-spacing: -0.035em;
-  line-height: 43.74px;
+  line-height: 43.2px;
 }
 .ilo--richtext h3 {
   margin-bottom: 0.5741425509rem;
-  font-size: 29.16px;
+  font-size: 28px;
   letter-spacing: -0.035em;
-  line-height: 36.45px;
+  line-height: 35px;
 }
 .ilo--richtext h4 {
   margin-bottom: 0.7188906752rem;
-  font-size: 23.32px;
+  font-size: 24px;
   letter-spacing: -0.035em;
-  line-height: 29.15px;
+  line-height: 30px;
 }
 .ilo--richtext h5 {
   margin-bottom: 0.8175044291rem;
-  font-size: 18.66px;
-  letter-spacing: -0.035em;
-  line-height: 24.26px;
-}
-.ilo--richtext h6 {
-  margin-bottom: 0.8175044291rem;
-  font-size: 18.66px;
-  letter-spacing: -0.035em;
-  line-height: 24.26px;
+  font-size: 18px;
+  letter-spacing: -0.02em;
+  line-height: 23.4px;
 }
 .ilo--richtext ul,
 .ilo--richtext ol {
@@ -6685,7 +6670,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
   margin: 1.2861736334rem 0 2.1436227224rem 0;
   padding: 4.0728831726rem 0 1.9292604502rem 1.7148981779rem;
   position: relative;
-  width: 100%;
+  width: fit-content;
   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%2c0L73%2c40V0H0.7z'/%3e%3c/svg%3e");
 }
 .ilo--richtext blockquote p {
@@ -6738,45 +6723,38 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
   .ilo--richtext h2,
   .ilo--richtext h3,
   .ilo--richtext h4,
-  .ilo--richtext h5,
-  .ilo--richtext h6 {
+  .ilo--richtext h5 {
     margin-top: 3.4297963558rem;
   }
   .ilo--richtext h1 {
     margin-bottom: 0.8520418857rem;
-    font-size: 56.95px;
+    font-size: 36px;
     letter-spacing: -0.035em;
-    line-height: 65.49px;
+    line-height: 43.2px;
   }
   .ilo--richtext h2 {
     margin-bottom: 1.1117935901rem;
-    font-size: 45.56px;
+    font-size: 28px;
     letter-spacing: -0.035em;
-    line-height: 52.39px;
+    line-height: 35px;
   }
   .ilo--richtext h3 {
     margin-bottom: 0.8565309039rem;
-    font-size: 36.45px;
+    font-size: 24px;
     letter-spacing: -0.035em;
-    line-height: 43.74px;
+    line-height: 30px;
   }
   .ilo--richtext h4 {
     margin-bottom: 1.0028670954rem;
-    font-size: 29.16px;
-    letter-spacing: -0.035em;
-    line-height: 36.45px;
+    font-size: 18px;
+    letter-spacing: -0.02em;
+    line-height: 23.4px;
   }
   .ilo--richtext h5 {
     margin-bottom: 1.1476152197rem;
-    font-size: 23.32px;
-    letter-spacing: -0.035em;
-    line-height: 29.15px;
-  }
-  .ilo--richtext h6 {
-    margin-bottom: 1.1476152197rem;
-    font-size: 23.32px;
-    letter-spacing: -0.035em;
-    line-height: 29.15px;
+    font-size: 16px;
+    letter-spacing: -0.02em;
+    line-height: 21.6px;
   }
   .ilo--richtext p {
     margin-bottom: 0.9381095829rem;
@@ -6871,7 +6849,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -6883,8 +6861,12 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
   display: flex;
 }
 .ilo--searchfield .ilo--fieldset {
+  position: relative;
   width: 100%;
 }
+.ilo--searchfield .ilo--input {
+  padding-inline-end: 3.0010718114rem;
+}
 .ilo--searchfield--button {
   background-color: rgb(237, 240, 242);
   background-position: center center;
@@ -6915,14 +6897,33 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
   opacity: 0.45;
   pointer-events: none;
 }
+.ilo--searchfield--clear-button {
+  display: none;
+  align-items: center;
+  cursor: pointer;
+}
+.ilo--searchfield--clear-button.show {
+  display: inline;
+  position: absolute;
+  top: 12px;
+  right: 2%;
+}
+.ilo--searchfield [type=search]::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
 [dir=rtl] .ilo--searchfield .ilo--searchfield--button {
   border-left: 0.1071811361rem solid rgb(184, 196, 204);
-  border-right: 0 solid rgb(184, 196, 204);
+  border-right: 0;
+}
+[dir=rtl] .ilo--searchfield .ilo--searchfield--clear-button.show {
+  right: 95%;
 }
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -7078,7 +7079,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -7409,7 +7410,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -7590,7 +7591,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -7645,7 +7646,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -7771,6 +7772,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
   font-size: 14.93px;
   letter-spacing: -0.02em;
   line-height: 20.16px;
+  padding: 0.3483386924rem 0.5627009646rem;
   cursor: pointer;
   display: none;
   opacity: 0;
@@ -7820,7 +7822,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -7872,7 +7874,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -7882,7 +7884,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -7984,7 +7986,7 @@ input:checked + .ilo--input--toggle--slider:before {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -8086,7 +8088,7 @@ input:checked + .ilo--input--toggle--slider:before {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -8094,19 +8096,19 @@ input:checked + .ilo--input--toggle--slider:before {
 /**
 * MAPS:
 */
-.ilo--video {
+.ilo--legacyvideo {
   position: relative;
   width: 100%;
 }
-.ilo--video--wrapper {
+.ilo--legacyvideo--wrapper {
   line-height: 0;
   position: relative;
   width: 100%;
 }
-.ilo--video--img {
+.ilo--legacyvideo--img {
   line-height: 0;
 }
-.ilo--video--caption {
+.ilo--legacyvideo--caption {
   border-left: 0.1607717042rem solid rgb(184, 196, 204);
   color: rgb(109, 109, 109);
   font-weight: 400;
@@ -8116,42 +8118,42 @@ input:checked + .ilo--input--toggle--slider:before {
   letter-spacing: -0.02em;
   line-height: 20.16px;
 }
-.ilo--video:focus,
-.ilo--video .vjs-tech:focus {
+.ilo--legacyvideo:focus,
+.ilo--legacyvideo .vjs-tech:focus {
   outline: none;
 }
-.ilo--video--element,
-.ilo--video .vjs-tech {
+.ilo--legacyvideo--element,
+.ilo--legacyvideo .vjs-tech {
   height: auto;
   object-fit: cover;
   width: 100%;
 }
-.ilo--video--element:focus,
-.ilo--video .vjs-tech:focus {
+.ilo--legacyvideo--element:focus,
+.ilo--legacyvideo .vjs-tech:focus {
   outline: none;
 }
-.ilo--video--player {
+.ilo--legacyvideo--player {
   position: relative;
 }
-.ilo--video--player:focus {
+.ilo--legacyvideo--player:focus {
   outline: none;
 }
-.ilo--video--player.youtube {
+.ilo--legacyvideo--player.youtube {
   height: auto;
   max-width: 100%;
   overflow: hidden;
   padding-bottom: 56.25%;
   position: relative;
 }
-.ilo--video--player iframe {
+.ilo--legacyvideo--player iframe {
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
 }
-.ilo--video--poster,
-.ilo--video .vjs-poster {
+.ilo--legacyvideo--poster,
+.ilo--legacyvideo .vjs-poster {
   display: none;
   object-fit: cover;
   height: 100%;
@@ -8163,13 +8165,13 @@ input:checked + .ilo--input--toggle--slider:before {
   top: 0;
   width: 100%;
 }
-.ilo--video--poster.show,
-.ilo--video .vjs-poster.show {
+.ilo--legacyvideo--poster.show,
+.ilo--legacyvideo .vjs-poster.show {
   display: block;
 }
-.ilo--video--poster img, .ilo--video--poster source,
-.ilo--video .vjs-poster img,
-.ilo--video .vjs-poster source {
+.ilo--legacyvideo--poster img, .ilo--legacyvideo--poster source,
+.ilo--legacyvideo .vjs-poster img,
+.ilo--legacyvideo .vjs-poster source {
   height: auto;
   left: 50%;
   position: absolute;
@@ -8177,8 +8179,8 @@ input:checked + .ilo--input--toggle--slider:before {
   transform: translate(-50%, -50%);
   width: 100%;
 }
-.ilo--video--controls,
-.ilo--video .vjs-control-bar {
+.ilo--legacyvideo--controls,
+.ilo--legacyvideo .vjs-control-bar {
   bottom: 0;
   color: rgb(255, 255, 255);
   display: flex;
@@ -8190,26 +8192,26 @@ input:checked + .ilo--input--toggle--slider:before {
   transition: opacity 150ms ease-out;
   width: 100%;
 }
-.ilo--video--controls.notplayed,
-.ilo--video .vjs-control-bar.notplayed {
+.ilo--legacyvideo--controls.notplayed,
+.ilo--legacyvideo .vjs-control-bar.notplayed {
   bottom: auto;
   opacity: 1;
   top: 0;
 }
 @media screen and (min-width: 1024px) {
-  .ilo--video--controls.notplayed,
-  .ilo--video .vjs-control-bar.notplayed {
+  .ilo--legacyvideo--controls.notplayed,
+  .ilo--legacyvideo .vjs-control-bar.notplayed {
     flex-direction: column;
     height: 122px;
     width: 0.2143622722rem;
   }
 }
-[dir=rtl] .ilo--video--controls,
-[dir=rtl] .ilo--video .vjs-control-bar {
+[dir=rtl] .ilo--legacyvideo--controls,
+[dir=rtl] .ilo--legacyvideo .vjs-control-bar {
   justify-content: flex-end;
 }
-.ilo--video--controls button span,
-.ilo--video .vjs-control-bar button span {
+.ilo--legacyvideo--controls button span,
+.ilo--legacyvideo .vjs-control-bar button span {
   width: 1px;
   height: 1px;
   margin: -1px;
@@ -8219,13 +8221,13 @@ input:checked + .ilo--input--toggle--slider:before {
   clip: rect(0 0 0 0);
   overflow: hidden;
 }
-.ilo--video--controls--play, .ilo--video--controls--pause,
-.ilo--video--controls .vjs-play-control,
-.ilo--video--controls .vjs-big-play-button,
-.ilo--video .vjs-control-bar--play,
-.ilo--video .vjs-control-bar--pause,
-.ilo--video .vjs-control-bar .vjs-play-control,
-.ilo--video .vjs-control-bar .vjs-big-play-button {
+.ilo--legacyvideo--controls--play, .ilo--legacyvideo--controls--pause,
+.ilo--legacyvideo--controls .vjs-play-control,
+.ilo--legacyvideo--controls .vjs-big-play-button,
+.ilo--legacyvideo .vjs-control-bar--play,
+.ilo--legacyvideo .vjs-control-bar--pause,
+.ilo--legacyvideo .vjs-control-bar .vjs-play-control,
+.ilo--legacyvideo .vjs-control-bar .vjs-big-play-button {
   background-color: rgb(45, 45, 45);
   border: none;
   cursor: pointer;
@@ -8236,163 +8238,163 @@ input:checked + .ilo--input--toggle--slider:before {
   -moz-appearance: none;
 }
 @media screen and (min-width: 1024px) {
-  .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 {
+  .ilo--legacyvideo--controls.notplayed .vjs-play-control,
+  .ilo--legacyvideo--controls.notplayed .vjs-big-play-button,
+  .ilo--legacyvideo .vjs-control-bar.notplayed .vjs-play-control,
+  .ilo--legacyvideo .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 {
+  .ilo--legacyvideo--controls.notplayed .ilo--legacyvideo--controls--play,
+  .ilo--legacyvideo--controls.notplayed .ilo--legacyvideo--controls--pause,
+  .ilo--legacyvideo .vjs-control-bar.notplayed .ilo--legacyvideo--controls--play,
+  .ilo--legacyvideo .vjs-control-bar.notplayed .ilo--legacyvideo--controls--pause {
     order: 1;
     height: 4.2872454448rem;
     width: 4.2872454448rem;
   }
 }
-.ilo--video--controls--play,
-.ilo--video--controls .vjs-play-control:not(.vjs-playing),
-.ilo--video--controls .vjs-big-play-button,
-.ilo--video .vjs-control-bar--play,
-.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing),
-.ilo--video .vjs-control-bar .vjs-big-play-button {
+.ilo--legacyvideo--controls--play,
+.ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing),
+.ilo--legacyvideo--controls .vjs-big-play-button,
+.ilo--legacyvideo .vjs-control-bar--play,
+.ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing),
+.ilo--legacyvideo .vjs-control-bar .vjs-big-play-button {
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 2.5723472669rem 2.5723472669rem;
   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.ilo--video--controls--play--hovered, .ilo--video--controls--play:hover, .ilo--video--controls--play:focus,
-.ilo--video--controls .vjs-play-control:not(.vjs-playing).ilo--video--controls--play--hovered,
-.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.ilo--video--controls--play--hovered,
-.ilo--video--controls .vjs-big-play-button:hover,
-.ilo--video--controls .vjs-big-play-button:focus,
-.ilo--video .vjs-control-bar--play.ilo--video--controls--play--hovered,
-.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).ilo--video--controls--play--hovered,
-.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover,
-.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus,
-.ilo--video .vjs-control-bar .vjs-big-play-button.ilo--video--controls--play--hovered,
-.ilo--video .vjs-control-bar .vjs-big-play-button:hover,
-.ilo--video .vjs-control-bar .vjs-big-play-button:focus {
+.ilo--legacyvideo--controls--play.ilo--legacyvideo--controls--play--hovered, .ilo--legacyvideo--controls--play:hover, .ilo--legacyvideo--controls--play:focus,
+.ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered,
+.ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):hover,
+.ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):focus,
+.ilo--legacyvideo--controls .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered,
+.ilo--legacyvideo--controls .vjs-big-play-button:hover,
+.ilo--legacyvideo--controls .vjs-big-play-button:focus,
+.ilo--legacyvideo .vjs-control-bar--play.ilo--legacyvideo--controls--play--hovered,
+.ilo--legacyvideo .vjs-control-bar--play:hover,
+.ilo--legacyvideo .vjs-control-bar--play:focus,
+.ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered,
+.ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover,
+.ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus,
+.ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered,
+.ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:hover,
+.ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:focus {
   background-color: rgb(235, 245, 253);
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 2.5723472669rem 2.5723472669rem;
   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.ilo--video--controls--play--hovered ~ .vjs-duration, .ilo--video--controls--play.ilo--video--controls--play--hovered ~ .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).ilo--video--controls--play--hovered ~ .vjs-duration,
-.ilo--video--controls .vjs-play-control:not(.vjs-playing).ilo--video--controls--play--hovered ~ .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.ilo--video--controls--play--hovered ~ .vjs-duration,
-.ilo--video--controls .vjs-big-play-button.ilo--video--controls--play--hovered ~ .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.ilo--video--controls--play--hovered ~ .vjs-duration,
-.ilo--video .vjs-control-bar--play.ilo--video--controls--play--hovered ~ .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).ilo--video--controls--play--hovered ~ .vjs-duration,
-.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).ilo--video--controls--play--hovered ~ .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.ilo--video--controls--play--hovered ~ .vjs-duration,
-.ilo--video .vjs-control-bar .vjs-big-play-button.ilo--video--controls--play--hovered ~ .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:focus ~ .vjs-duration,
-.ilo--video .vjs-control-bar .vjs-big-play-button:focus ~ .ilo--video--controls--duration {
+.ilo--legacyvideo--controls--play.ilo--legacyvideo--controls--play--hovered ~ .vjs-duration, .ilo--legacyvideo--controls--play.ilo--legacyvideo--controls--play--hovered ~ .ilo--legacyvideo--controls--duration, .ilo--legacyvideo--controls--play:hover ~ .vjs-duration, .ilo--legacyvideo--controls--play:hover ~ .ilo--legacyvideo--controls--duration, .ilo--legacyvideo--controls--play:focus ~ .vjs-duration, .ilo--legacyvideo--controls--play:focus ~ .ilo--legacyvideo--controls--duration,
+.ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered ~ .vjs-duration,
+.ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered ~ .ilo--legacyvideo--controls--duration,
+.ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):hover ~ .vjs-duration,
+.ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):hover ~ .ilo--legacyvideo--controls--duration,
+.ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):focus ~ .vjs-duration,
+.ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):focus ~ .ilo--legacyvideo--controls--duration,
+.ilo--legacyvideo--controls .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered ~ .vjs-duration,
+.ilo--legacyvideo--controls .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered ~ .ilo--legacyvideo--controls--duration,
+.ilo--legacyvideo--controls .vjs-big-play-button:hover ~ .vjs-duration,
+.ilo--legacyvideo--controls .vjs-big-play-button:hover ~ .ilo--legacyvideo--controls--duration,
+.ilo--legacyvideo--controls .vjs-big-play-button:focus ~ .vjs-duration,
+.ilo--legacyvideo--controls .vjs-big-play-button:focus ~ .ilo--legacyvideo--controls--duration,
+.ilo--legacyvideo .vjs-control-bar--play.ilo--legacyvideo--controls--play--hovered ~ .vjs-duration,
+.ilo--legacyvideo .vjs-control-bar--play.ilo--legacyvideo--controls--play--hovered ~ .ilo--legacyvideo--controls--duration,
+.ilo--legacyvideo .vjs-control-bar--play:hover ~ .vjs-duration,
+.ilo--legacyvideo .vjs-control-bar--play:hover ~ .ilo--legacyvideo--controls--duration,
+.ilo--legacyvideo .vjs-control-bar--play:focus ~ .vjs-duration,
+.ilo--legacyvideo .vjs-control-bar--play:focus ~ .ilo--legacyvideo--controls--duration,
+.ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered ~ .vjs-duration,
+.ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered ~ .ilo--legacyvideo--controls--duration,
+.ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover ~ .vjs-duration,
+.ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover ~ .ilo--legacyvideo--controls--duration,
+.ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus ~ .vjs-duration,
+.ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus ~ .ilo--legacyvideo--controls--duration,
+.ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered ~ .vjs-duration,
+.ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered ~ .ilo--legacyvideo--controls--duration,
+.ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:hover ~ .vjs-duration,
+.ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:hover ~ .ilo--legacyvideo--controls--duration,
+.ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:focus ~ .vjs-duration,
+.ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:focus ~ .ilo--legacyvideo--controls--duration {
   background-color: rgb(235, 245, 253);
   color: rgb(30, 45, 190);
 }
-.ilo--video--controls--play.vjs-paused, .ilo--video--controls--play.vjs-ended,
-.ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused,
-.ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended,
-.ilo--video--controls .vjs-big-play-button.vjs-paused,
-.ilo--video--controls .vjs-big-play-button.vjs-ended,
-.ilo--video .vjs-control-bar--play.vjs-paused,
-.ilo--video .vjs-control-bar--play.vjs-ended,
-.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused,
-.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended,
-.ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused,
-.ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended {
+.ilo--legacyvideo--controls--play.vjs-paused, .ilo--legacyvideo--controls--play.vjs-ended,
+.ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-paused,
+.ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-ended,
+.ilo--legacyvideo--controls .vjs-big-play-button.vjs-paused,
+.ilo--legacyvideo--controls .vjs-big-play-button.vjs-ended,
+.ilo--legacyvideo .vjs-control-bar--play.vjs-paused,
+.ilo--legacyvideo .vjs-control-bar--play.vjs-ended,
+.ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused,
+.ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended,
+.ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-paused,
+.ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-ended {
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 1.2861736334rem 1.2861736334rem;
   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:focus, .ilo--video--controls--play.vjs-ended:hover, .ilo--video--controls--play.vjs-ended: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-play-control:not(.vjs-playing).vjs-ended:hover,
-.ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
-.ilo--video--controls .vjs-big-play-button.vjs-paused:hover,
-.ilo--video--controls .vjs-big-play-button.vjs-paused:focus,
-.ilo--video--controls .vjs-big-play-button.vjs-ended:hover,
-.ilo--video--controls .vjs-big-play-button.vjs-ended:focus,
-.ilo--video .vjs-control-bar--play.vjs-paused:hover,
-.ilo--video .vjs-control-bar--play.vjs-paused:focus,
-.ilo--video .vjs-control-bar--play.vjs-ended:hover,
-.ilo--video .vjs-control-bar--play.vjs-ended:focus,
-.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
-.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
-.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
-.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended: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,
-.ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended:hover,
-.ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended:focus {
+.ilo--legacyvideo--controls--play.vjs-paused:hover, .ilo--legacyvideo--controls--play.vjs-paused:focus, .ilo--legacyvideo--controls--play.vjs-ended:hover, .ilo--legacyvideo--controls--play.vjs-ended:focus,
+.ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
+.ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
+.ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
+.ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
+.ilo--legacyvideo--controls .vjs-big-play-button.vjs-paused:hover,
+.ilo--legacyvideo--controls .vjs-big-play-button.vjs-paused:focus,
+.ilo--legacyvideo--controls .vjs-big-play-button.vjs-ended:hover,
+.ilo--legacyvideo--controls .vjs-big-play-button.vjs-ended:focus,
+.ilo--legacyvideo .vjs-control-bar--play.vjs-paused:hover,
+.ilo--legacyvideo .vjs-control-bar--play.vjs-paused:focus,
+.ilo--legacyvideo .vjs-control-bar--play.vjs-ended:hover,
+.ilo--legacyvideo .vjs-control-bar--play.vjs-ended:focus,
+.ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
+.ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
+.ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
+.ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
+.ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-paused:hover,
+.ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-paused:focus,
+.ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-ended:hover,
+.ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-ended:focus {
   background-color: rgb(235, 245, 253);
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 1.2861736334rem 1.2861736334rem;
   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 {
+.ilo--legacyvideo--controls:not(.notplayed) .ilo--legacyvideo--controls--play,
+.ilo--legacyvideo .vjs-control-bar:not(.notplayed) .ilo--legacyvideo--controls--play {
   background-size: 24px 24px;
 }
-.ilo--video--controls--pause,
-.ilo--video--controls .vjs-playing,
-.ilo--video .vjs-control-bar--pause,
-.ilo--video .vjs-control-bar .vjs-playing {
+.ilo--legacyvideo--controls--pause,
+.ilo--legacyvideo--controls .vjs-playing,
+.ilo--legacyvideo .vjs-control-bar--pause,
+.ilo--legacyvideo .vjs-control-bar .vjs-playing {
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 1.2861736334rem 1.2861736334rem;
   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: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--pause:focus,
-.ilo--video .vjs-control-bar .vjs-playing:hover,
-.ilo--video .vjs-control-bar .vjs-playing:focus {
+.ilo--legacyvideo--controls--pause:hover, .ilo--legacyvideo--controls--pause:focus,
+.ilo--legacyvideo--controls .vjs-playing:hover,
+.ilo--legacyvideo--controls .vjs-playing:focus,
+.ilo--legacyvideo .vjs-control-bar--pause:hover,
+.ilo--legacyvideo .vjs-control-bar--pause:focus,
+.ilo--legacyvideo .vjs-control-bar .vjs-playing:hover,
+.ilo--legacyvideo .vjs-control-bar .vjs-playing:focus {
   background-color: rgb(235, 245, 253);
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 1.2861736334rem 1.2861736334rem;
   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='M3 2H9V22H3V2zM15 2H21V22H15V2z'/%3e%3c/svg%3e");
 }
-.ilo--video--controls--duration,
-.ilo--video--controls .vjs-duration,
-.ilo--video .vjs-control-bar--duration,
-.ilo--video .vjs-control-bar .vjs-duration {
+.ilo--legacyvideo--controls--duration,
+.ilo--legacyvideo--controls .vjs-duration,
+.ilo--legacyvideo .vjs-control-bar--duration,
+.ilo--legacyvideo .vjs-control-bar .vjs-duration {
   background-color: rgb(45, 45, 45);
   color: rgb(237, 240, 242);
   display: none;
@@ -8407,66 +8409,66 @@ input:checked + .ilo--input--toggle--slider:before {
   letter-spacing: -0.02em;
   line-height: 20.16px;
 }
-.ilo--video--controls--duration.ilo--video--controls--duration--hovered, .ilo--video--controls--duration:hover, .ilo--video--controls--duration:focus,
-.ilo--video--controls .vjs-duration.ilo--video--controls--duration--hovered,
-.ilo--video--controls .vjs-duration:hover,
-.ilo--video--controls .vjs-duration:focus,
-.ilo--video .vjs-control-bar--duration.ilo--video--controls--duration--hovered,
-.ilo--video .vjs-control-bar--duration:hover,
-.ilo--video .vjs-control-bar--duration:focus,
-.ilo--video .vjs-control-bar .vjs-duration.ilo--video--controls--duration--hovered,
-.ilo--video .vjs-control-bar .vjs-duration:hover,
-.ilo--video .vjs-control-bar .vjs-duration:focus {
+.ilo--legacyvideo--controls--duration.ilo--legacyvideo--controls--duration--hovered, .ilo--legacyvideo--controls--duration:hover, .ilo--legacyvideo--controls--duration:focus,
+.ilo--legacyvideo--controls .vjs-duration.ilo--legacyvideo--controls--duration--hovered,
+.ilo--legacyvideo--controls .vjs-duration:hover,
+.ilo--legacyvideo--controls .vjs-duration:focus,
+.ilo--legacyvideo .vjs-control-bar--duration.ilo--legacyvideo--controls--duration--hovered,
+.ilo--legacyvideo .vjs-control-bar--duration:hover,
+.ilo--legacyvideo .vjs-control-bar--duration:focus,
+.ilo--legacyvideo .vjs-control-bar .vjs-duration.ilo--legacyvideo--controls--duration--hovered,
+.ilo--legacyvideo .vjs-control-bar .vjs-duration:hover,
+.ilo--legacyvideo .vjs-control-bar .vjs-duration:focus {
   background-color: rgb(235, 245, 253);
   color: rgb(30, 45, 190);
 }
-.ilo--video--controls--duration.ilo--video--controls--duration--hovered ~ .ilo--video--controls--play, .ilo--video--controls--duration:hover ~ .ilo--video--controls--play, .ilo--video--controls--duration:focus ~ .ilo--video--controls--play,
-.ilo--video--controls .vjs-duration.ilo--video--controls--duration--hovered ~ .ilo--video--controls--play,
-.ilo--video--controls .vjs-duration:hover ~ .ilo--video--controls--play,
-.ilo--video--controls .vjs-duration:focus ~ .ilo--video--controls--play,
-.ilo--video .vjs-control-bar--duration.ilo--video--controls--duration--hovered ~ .ilo--video--controls--play,
-.ilo--video .vjs-control-bar--duration:hover ~ .ilo--video--controls--play,
-.ilo--video .vjs-control-bar--duration:focus ~ .ilo--video--controls--play,
-.ilo--video .vjs-control-bar .vjs-duration.ilo--video--controls--duration--hovered ~ .ilo--video--controls--play,
-.ilo--video .vjs-control-bar .vjs-duration:hover ~ .ilo--video--controls--play,
-.ilo--video .vjs-control-bar .vjs-duration:focus ~ .ilo--video--controls--play {
+.ilo--legacyvideo--controls--duration.ilo--legacyvideo--controls--duration--hovered ~ .ilo--legacyvideo--controls--play, .ilo--legacyvideo--controls--duration:hover ~ .ilo--legacyvideo--controls--play, .ilo--legacyvideo--controls--duration:focus ~ .ilo--legacyvideo--controls--play,
+.ilo--legacyvideo--controls .vjs-duration.ilo--legacyvideo--controls--duration--hovered ~ .ilo--legacyvideo--controls--play,
+.ilo--legacyvideo--controls .vjs-duration:hover ~ .ilo--legacyvideo--controls--play,
+.ilo--legacyvideo--controls .vjs-duration:focus ~ .ilo--legacyvideo--controls--play,
+.ilo--legacyvideo .vjs-control-bar--duration.ilo--legacyvideo--controls--duration--hovered ~ .ilo--legacyvideo--controls--play,
+.ilo--legacyvideo .vjs-control-bar--duration:hover ~ .ilo--legacyvideo--controls--play,
+.ilo--legacyvideo .vjs-control-bar--duration:focus ~ .ilo--legacyvideo--controls--play,
+.ilo--legacyvideo .vjs-control-bar .vjs-duration.ilo--legacyvideo--controls--duration--hovered ~ .ilo--legacyvideo--controls--play,
+.ilo--legacyvideo .vjs-control-bar .vjs-duration:hover ~ .ilo--legacyvideo--controls--play,
+.ilo--legacyvideo .vjs-control-bar .vjs-duration:focus ~ .ilo--legacyvideo--controls--play {
   background-color: rgb(235, 245, 253);
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 2.5723472669rem 2.5723472669rem;
   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--duration.show,
-.ilo--video--controls .vjs-duration.show,
-.ilo--video .vjs-control-bar--duration.show,
-.ilo--video .vjs-control-bar .vjs-duration.show {
+.ilo--legacyvideo--controls--duration.show,
+.ilo--legacyvideo--controls .vjs-duration.show,
+.ilo--legacyvideo .vjs-control-bar--duration.show,
+.ilo--legacyvideo .vjs-control-bar .vjs-duration.show {
   display: block;
 }
 @media screen and (min-width: 1024px) {
-  .ilo--video--controls.notplayed .vjs-duration,
-  .ilo--video .vjs-control-bar.notplayed .vjs-duration {
+  .ilo--legacyvideo--controls.notplayed .vjs-duration,
+  .ilo--legacyvideo .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 {
+  .ilo--legacyvideo--controls.notplayed .ilo--legacyvideo--controls--duration,
+  .ilo--legacyvideo .vjs-control-bar.notplayed .ilo--legacyvideo--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 {
+.ilo--legacyvideo--controls .vjs-progress-holder,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-holder {
   position: relative;
   width: 96%;
 }
-.ilo--video--controls--progress,
-.ilo--video--controls .vjs-progress-control,
-.ilo--video .vjs-control-bar--progress,
-.ilo--video .vjs-control-bar .vjs-progress-control {
+.ilo--legacyvideo--controls--progress,
+.ilo--legacyvideo--controls .vjs-progress-control,
+.ilo--legacyvideo .vjs-control-bar--progress,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control {
   background-color: rgb(45, 45, 45);
   display: none;
   flex-grow: 1;
@@ -8475,19 +8477,19 @@ input:checked + .ilo--input--toggle--slider:before {
   order: 3;
   position: relative;
 }
-.ilo--video--controls--progress.show, .vjs-has-started .ilo--video--controls--progress,
-.ilo--video--controls .vjs-progress-control.show,
-.vjs-has-started .ilo--video--controls .vjs-progress-control,
-.ilo--video .vjs-control-bar--progress.show,
-.vjs-has-started .ilo--video .vjs-control-bar--progress,
-.ilo--video .vjs-control-bar .vjs-progress-control.show,
-.vjs-has-started .ilo--video .vjs-control-bar .vjs-progress-control {
+.ilo--legacyvideo--controls--progress.show, .vjs-has-started .ilo--legacyvideo--controls--progress,
+.ilo--legacyvideo--controls .vjs-progress-control.show,
+.vjs-has-started .ilo--legacyvideo--controls .vjs-progress-control,
+.ilo--legacyvideo .vjs-control-bar--progress.show,
+.vjs-has-started .ilo--legacyvideo .vjs-control-bar--progress,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control.show,
+.vjs-has-started .ilo--legacyvideo .vjs-control-bar .vjs-progress-control {
   display: block;
 }
-.ilo--video--controls--progress-playhead,
-.ilo--video--controls .vjs-progress-control-playhead,
-.ilo--video .vjs-control-bar--progress-playhead,
-.ilo--video .vjs-control-bar .vjs-progress-control-playhead {
+.ilo--legacyvideo--controls--progress-playhead,
+.ilo--legacyvideo--controls .vjs-progress-control-playhead,
+.ilo--legacyvideo .vjs-control-bar--progress-playhead,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control-playhead {
   height: 100%;
   left: 2%;
   opacity: 0;
@@ -8497,14 +8499,14 @@ input:checked + .ilo--input--toggle--slider:before {
   width: 96%;
   z-index: 20;
 }
-.ilo--video--controls--progress-current,
-.ilo--video--controls--progress .vjs-play-progress,
-.ilo--video--controls .vjs-progress-control-current,
-.ilo--video--controls .vjs-progress-control .vjs-play-progress,
-.ilo--video .vjs-control-bar--progress-current,
-.ilo--video .vjs-control-bar--progress .vjs-play-progress,
-.ilo--video .vjs-control-bar .vjs-progress-control-current,
-.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress {
+.ilo--legacyvideo--controls--progress-current,
+.ilo--legacyvideo--controls--progress .vjs-play-progress,
+.ilo--legacyvideo--controls .vjs-progress-control-current,
+.ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress,
+.ilo--legacyvideo .vjs-control-bar--progress-current,
+.ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control-current,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress {
   height: 8px;
   left: 2%;
   position: absolute;
@@ -8513,54 +8515,54 @@ input:checked + .ilo--input--toggle--slider:before {
   z-index: 15;
   -webkit-appearance: none;
 }
-.ilo--video--controls--progress-current::-moz-progress-bar,
-.ilo--video--controls--progress .vjs-play-progress::-moz-progress-bar,
-.ilo--video--controls .vjs-progress-control-current::-moz-progress-bar,
-.ilo--video--controls .vjs-progress-control .vjs-play-progress::-moz-progress-bar,
-.ilo--video .vjs-control-bar--progress-current::-moz-progress-bar,
-.ilo--video .vjs-control-bar--progress .vjs-play-progress::-moz-progress-bar,
-.ilo--video .vjs-control-bar .vjs-progress-control-current::-moz-progress-bar,
-.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress::-moz-progress-bar {
+.ilo--legacyvideo--controls--progress-current::-moz-progress-bar,
+.ilo--legacyvideo--controls--progress .vjs-play-progress::-moz-progress-bar,
+.ilo--legacyvideo--controls .vjs-progress-control-current::-moz-progress-bar,
+.ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress::-moz-progress-bar,
+.ilo--legacyvideo .vjs-control-bar--progress-current::-moz-progress-bar,
+.ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress::-moz-progress-bar,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control-current::-moz-progress-bar,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress::-moz-progress-bar {
   background: rgb(235, 245, 253);
   border-radius: 0;
 }
-.ilo--video--controls--progress-current::-webkit-progress-bar,
-.ilo--video--controls--progress .vjs-play-progress::-webkit-progress-bar,
-.ilo--video--controls .vjs-progress-control-current::-webkit-progress-bar,
-.ilo--video--controls .vjs-progress-control .vjs-play-progress::-webkit-progress-bar,
-.ilo--video .vjs-control-bar--progress-current::-webkit-progress-bar,
-.ilo--video .vjs-control-bar--progress .vjs-play-progress::-webkit-progress-bar,
-.ilo--video .vjs-control-bar .vjs-progress-control-current::-webkit-progress-bar,
-.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress::-webkit-progress-bar {
+.ilo--legacyvideo--controls--progress-current::-webkit-progress-bar,
+.ilo--legacyvideo--controls--progress .vjs-play-progress::-webkit-progress-bar,
+.ilo--legacyvideo--controls .vjs-progress-control-current::-webkit-progress-bar,
+.ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress::-webkit-progress-bar,
+.ilo--legacyvideo .vjs-control-bar--progress-current::-webkit-progress-bar,
+.ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress::-webkit-progress-bar,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control-current::-webkit-progress-bar,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress::-webkit-progress-bar {
   background: transparent;
 }
-.ilo--video--controls--progress-current::-webkit-progress-value,
-.ilo--video--controls--progress .vjs-play-progress::-webkit-progress-value,
-.ilo--video--controls .vjs-progress-control-current::-webkit-progress-value,
-.ilo--video--controls .vjs-progress-control .vjs-play-progress::-webkit-progress-value,
-.ilo--video .vjs-control-bar--progress-current::-webkit-progress-value,
-.ilo--video .vjs-control-bar--progress .vjs-play-progress::-webkit-progress-value,
-.ilo--video .vjs-control-bar .vjs-progress-control-current::-webkit-progress-value,
-.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress::-webkit-progress-value {
+.ilo--legacyvideo--controls--progress-current::-webkit-progress-value,
+.ilo--legacyvideo--controls--progress .vjs-play-progress::-webkit-progress-value,
+.ilo--legacyvideo--controls .vjs-progress-control-current::-webkit-progress-value,
+.ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress::-webkit-progress-value,
+.ilo--legacyvideo .vjs-control-bar--progress-current::-webkit-progress-value,
+.ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress::-webkit-progress-value,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control-current::-webkit-progress-value,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress::-webkit-progress-value {
   background: rgb(235, 245, 253);
   border-radius: 0;
 }
-.ilo--video--controls--progress .vjs-play-progress,
-.ilo--video--controls .vjs-progress-control .vjs-play-progress,
-.ilo--video .vjs-control-bar--progress .vjs-play-progress,
-.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress {
+.ilo--legacyvideo--controls--progress .vjs-play-progress,
+.ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress,
+.ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress {
   background: rgb(235, 245, 253);
 }
-.ilo--video--controls--progress .vjs-play-progress .vjs-time-tooltip,
-.ilo--video--controls .vjs-progress-control .vjs-play-progress .vjs-time-tooltip,
-.ilo--video .vjs-control-bar--progress .vjs-play-progress .vjs-time-tooltip,
-.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip {
+.ilo--legacyvideo--controls--progress .vjs-play-progress .vjs-time-tooltip,
+.ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress .vjs-time-tooltip,
+.ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress .vjs-time-tooltip,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip {
   display: none;
 }
-.ilo--video--controls--progress div[data-start],
-.ilo--video--controls .vjs-progress-control div[data-start],
-.ilo--video .vjs-control-bar--progress div[data-start],
-.ilo--video .vjs-control-bar .vjs-progress-control div[data-start] {
+.ilo--legacyvideo--controls--progress div[data-start],
+.ilo--legacyvideo--controls .vjs-progress-control div[data-start],
+.ilo--legacyvideo .vjs-control-bar--progress div[data-start],
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control div[data-start] {
   background: rgb(184, 196, 204);
   height: 8px;
   left: 2%;
@@ -8569,27 +8571,27 @@ input:checked + .ilo--input--toggle--slider:before {
   width: 96%;
   z-index: 15;
 }
-.ilo--video--controls--progress-played,
-.ilo--video--controls--progress .vjs-mouse-display,
-.ilo--video--controls .vjs-progress-control-played,
-.ilo--video--controls .vjs-progress-control .vjs-mouse-display,
-.ilo--video .vjs-control-bar--progress-played,
-.ilo--video .vjs-control-bar--progress .vjs-mouse-display,
-.ilo--video .vjs-control-bar .vjs-progress-control-played,
-.ilo--video .vjs-control-bar .vjs-progress-control .vjs-mouse-display {
+.ilo--legacyvideo--controls--progress-played,
+.ilo--legacyvideo--controls--progress .vjs-mouse-display,
+.ilo--legacyvideo--controls .vjs-progress-control-played,
+.ilo--legacyvideo--controls .vjs-progress-control .vjs-mouse-display,
+.ilo--legacyvideo .vjs-control-bar--progress-played,
+.ilo--legacyvideo .vjs-control-bar--progress .vjs-mouse-display,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control-played,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-mouse-display {
   display: none;
   position: absolute;
   top: -40px;
   z-index: 20;
 }
-.ilo--video--controls--progress-loaded,
-.ilo--video--controls--progress .vjs-load-progress,
-.ilo--video--controls .vjs-progress-control-loaded,
-.ilo--video--controls .vjs-progress-control .vjs-load-progress,
-.ilo--video .vjs-control-bar--progress-loaded,
-.ilo--video .vjs-control-bar--progress .vjs-load-progress,
-.ilo--video .vjs-control-bar .vjs-progress-control-loaded,
-.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress {
+.ilo--legacyvideo--controls--progress-loaded,
+.ilo--legacyvideo--controls--progress .vjs-load-progress,
+.ilo--legacyvideo--controls .vjs-progress-control-loaded,
+.ilo--legacyvideo--controls .vjs-progress-control .vjs-load-progress,
+.ilo--legacyvideo .vjs-control-bar--progress-loaded,
+.ilo--legacyvideo .vjs-control-bar--progress .vjs-load-progress,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control-loaded,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-load-progress {
   height: 8px;
   left: 2%;
   position: absolute;
@@ -8598,54 +8600,54 @@ input:checked + .ilo--input--toggle--slider:before {
   z-index: 10;
   -webkit-appearance: none;
 }
-.ilo--video--controls--progress-loaded::-moz-progress-bar,
-.ilo--video--controls--progress .vjs-load-progress::-moz-progress-bar,
-.ilo--video--controls .vjs-progress-control-loaded::-moz-progress-bar,
-.ilo--video--controls .vjs-progress-control .vjs-load-progress::-moz-progress-bar,
-.ilo--video .vjs-control-bar--progress-loaded::-moz-progress-bar,
-.ilo--video .vjs-control-bar--progress .vjs-load-progress::-moz-progress-bar,
-.ilo--video .vjs-control-bar .vjs-progress-control-loaded::-moz-progress-bar,
-.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress::-moz-progress-bar {
+.ilo--legacyvideo--controls--progress-loaded::-moz-progress-bar,
+.ilo--legacyvideo--controls--progress .vjs-load-progress::-moz-progress-bar,
+.ilo--legacyvideo--controls .vjs-progress-control-loaded::-moz-progress-bar,
+.ilo--legacyvideo--controls .vjs-progress-control .vjs-load-progress::-moz-progress-bar,
+.ilo--legacyvideo .vjs-control-bar--progress-loaded::-moz-progress-bar,
+.ilo--legacyvideo .vjs-control-bar--progress .vjs-load-progress::-moz-progress-bar,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control-loaded::-moz-progress-bar,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-load-progress::-moz-progress-bar {
   background: rgb(184, 196, 204);
   border-radius: 0;
 }
-.ilo--video--controls--progress-loaded::-webkit-progress-bar,
-.ilo--video--controls--progress .vjs-load-progress::-webkit-progress-bar,
-.ilo--video--controls .vjs-progress-control-loaded::-webkit-progress-bar,
-.ilo--video--controls .vjs-progress-control .vjs-load-progress::-webkit-progress-bar,
-.ilo--video .vjs-control-bar--progress-loaded::-webkit-progress-bar,
-.ilo--video .vjs-control-bar--progress .vjs-load-progress::-webkit-progress-bar,
-.ilo--video .vjs-control-bar .vjs-progress-control-loaded::-webkit-progress-bar,
-.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress::-webkit-progress-bar {
+.ilo--legacyvideo--controls--progress-loaded::-webkit-progress-bar,
+.ilo--legacyvideo--controls--progress .vjs-load-progress::-webkit-progress-bar,
+.ilo--legacyvideo--controls .vjs-progress-control-loaded::-webkit-progress-bar,
+.ilo--legacyvideo--controls .vjs-progress-control .vjs-load-progress::-webkit-progress-bar,
+.ilo--legacyvideo .vjs-control-bar--progress-loaded::-webkit-progress-bar,
+.ilo--legacyvideo .vjs-control-bar--progress .vjs-load-progress::-webkit-progress-bar,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control-loaded::-webkit-progress-bar,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-load-progress::-webkit-progress-bar {
   background: transparent;
 }
-.ilo--video--controls--progress-loaded::-webkit-progress-value,
-.ilo--video--controls--progress .vjs-load-progress::-webkit-progress-value,
-.ilo--video--controls .vjs-progress-control-loaded::-webkit-progress-value,
-.ilo--video--controls .vjs-progress-control .vjs-load-progress::-webkit-progress-value,
-.ilo--video .vjs-control-bar--progress-loaded::-webkit-progress-value,
-.ilo--video .vjs-control-bar--progress .vjs-load-progress::-webkit-progress-value,
-.ilo--video .vjs-control-bar .vjs-progress-control-loaded::-webkit-progress-value,
-.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress::-webkit-progress-value {
+.ilo--legacyvideo--controls--progress-loaded::-webkit-progress-value,
+.ilo--legacyvideo--controls--progress .vjs-load-progress::-webkit-progress-value,
+.ilo--legacyvideo--controls .vjs-progress-control-loaded::-webkit-progress-value,
+.ilo--legacyvideo--controls .vjs-progress-control .vjs-load-progress::-webkit-progress-value,
+.ilo--legacyvideo .vjs-control-bar--progress-loaded::-webkit-progress-value,
+.ilo--legacyvideo .vjs-control-bar--progress .vjs-load-progress::-webkit-progress-value,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control-loaded::-webkit-progress-value,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-load-progress::-webkit-progress-value {
   background: rgb(184, 196, 204);
   border-radius: 0;
 }
-.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--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 {
+.ilo--legacyvideo--controls--progress:hover .vjs-play-progress, .ilo--legacyvideo--controls--progress:focus .vjs-play-progress,
+.ilo--legacyvideo--controls .vjs-progress-control:hover .vjs-play-progress,
+.ilo--legacyvideo--controls .vjs-progress-control:focus .vjs-play-progress,
+.ilo--legacyvideo .vjs-control-bar--progress:hover .vjs-play-progress,
+.ilo--legacyvideo .vjs-control-bar--progress:focus .vjs-play-progress,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress,
+.ilo--legacyvideo .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: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--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 {
+.ilo--legacyvideo--controls--progress:hover .vjs-play-progress .vjs-time-tooltip, .ilo--legacyvideo--controls--progress:focus .vjs-play-progress .vjs-time-tooltip,
+.ilo--legacyvideo--controls .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,
+.ilo--legacyvideo--controls .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip,
+.ilo--legacyvideo .vjs-control-bar--progress:hover .vjs-play-progress .vjs-time-tooltip,
+.ilo--legacyvideo .vjs-control-bar--progress:focus .vjs-play-progress .vjs-time-tooltip,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip {
   align-items: center;
   background-color: rgb(45, 45, 45);
   display: flex;
@@ -8659,13 +8661,13 @@ input:checked + .ilo--input--toggle--slider:before {
   letter-spacing: -0.02em;
   line-height: 16.24px;
 }
-.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--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 {
+.ilo--legacyvideo--controls--progress:hover .vjs-play-progress .vjs-time-tooltip:after, .ilo--legacyvideo--controls--progress:focus .vjs-play-progress .vjs-time-tooltip:after,
+.ilo--legacyvideo--controls .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after,
+.ilo--legacyvideo--controls .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip:after,
+.ilo--legacyvideo .vjs-control-bar--progress:hover .vjs-play-progress .vjs-time-tooltip:after,
+.ilo--legacyvideo .vjs-control-bar--progress:focus .vjs-play-progress .vjs-time-tooltip:after,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after,
+.ilo--legacyvideo .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;
@@ -8677,25 +8679,25 @@ input:checked + .ilo--input--toggle--slider:before {
   bottom: -0.6430868167rem;
   width: 0.6430868167rem;
 }
-.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--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 {
+.ilo--legacyvideo--controls--progress:hover .ilo--legacyvideo--controls--progress-played-container, .ilo--legacyvideo--controls--progress:focus .ilo--legacyvideo--controls--progress-played-container,
+.ilo--legacyvideo--controls .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played-container,
+.ilo--legacyvideo--controls .vjs-progress-control:focus .ilo--legacyvideo--controls--progress-played-container,
+.ilo--legacyvideo .vjs-control-bar--progress:hover .ilo--legacyvideo--controls--progress-played-container,
+.ilo--legacyvideo .vjs-control-bar--progress:focus .ilo--legacyvideo--controls--progress-played-container,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played-container,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control:focus .ilo--legacyvideo--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: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--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 {
+.ilo--legacyvideo--controls--progress:hover .ilo--legacyvideo--controls--progress-played, .ilo--legacyvideo--controls--progress:focus .ilo--legacyvideo--controls--progress-played,
+.ilo--legacyvideo--controls .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played,
+.ilo--legacyvideo--controls .vjs-progress-control:focus .ilo--legacyvideo--controls--progress-played,
+.ilo--legacyvideo .vjs-control-bar--progress:hover .ilo--legacyvideo--controls--progress-played,
+.ilo--legacyvideo .vjs-control-bar--progress:focus .ilo--legacyvideo--controls--progress-played,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control:focus .ilo--legacyvideo--controls--progress-played {
   --playhead: 0%;
   align-items: center;
   background-color: rgb(45, 45, 45);
@@ -8710,13 +8712,13 @@ input:checked + .ilo--input--toggle--slider:before {
   letter-spacing: -0.02em;
   line-height: 16.24px;
 }
-.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--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 {
+.ilo--legacyvideo--controls--progress:hover .ilo--legacyvideo--controls--progress-played:after, .ilo--legacyvideo--controls--progress:focus .ilo--legacyvideo--controls--progress-played:after,
+.ilo--legacyvideo--controls .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played:after,
+.ilo--legacyvideo--controls .vjs-progress-control:focus .ilo--legacyvideo--controls--progress-played:after,
+.ilo--legacyvideo .vjs-control-bar--progress:hover .ilo--legacyvideo--controls--progress-played:after,
+.ilo--legacyvideo .vjs-control-bar--progress:focus .ilo--legacyvideo--controls--progress-played:after,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played:after,
+.ilo--legacyvideo .vjs-control-bar .vjs-progress-control:focus .ilo--legacyvideo--controls--progress-played:after {
   background-position: top left;
   background-repeat: no-repeat;
   background-size: contain;
@@ -8728,10 +8730,10 @@ input:checked + .ilo--input--toggle--slider:before {
   bottom: -0.6430868167rem;
   width: 0.6430868167rem;
 }
-.ilo--video--controls--volume,
-.ilo--video--controls .vjs-volume-panel,
-.ilo--video .vjs-control-bar--volume,
-.ilo--video .vjs-control-bar .vjs-volume-panel {
+.ilo--legacyvideo--controls--volume,
+.ilo--legacyvideo--controls .vjs-volume-panel,
+.ilo--legacyvideo .vjs-control-bar--volume,
+.ilo--legacyvideo .vjs-control-bar .vjs-volume-panel {
   border-bottom: 1px solid;
   bottom: 0;
   display: none;
@@ -8742,28 +8744,28 @@ input:checked + .ilo--input--toggle--slider:before {
   position: relative;
   width: 40px;
 }
-.ilo--video--controls--volume.show, .vjs-has-started .ilo--video--controls--volume,
-.ilo--video--controls .vjs-volume-panel.show,
-.vjs-has-started .ilo--video--controls .vjs-volume-panel,
-.ilo--video .vjs-control-bar--volume.show,
-.vjs-has-started .ilo--video .vjs-control-bar--volume,
-.ilo--video .vjs-control-bar .vjs-volume-panel.show,
-.vjs-has-started .ilo--video .vjs-control-bar .vjs-volume-panel {
+.ilo--legacyvideo--controls--volume.show, .vjs-has-started .ilo--legacyvideo--controls--volume,
+.ilo--legacyvideo--controls .vjs-volume-panel.show,
+.vjs-has-started .ilo--legacyvideo--controls .vjs-volume-panel,
+.ilo--legacyvideo .vjs-control-bar--volume.show,
+.vjs-has-started .ilo--legacyvideo .vjs-control-bar--volume,
+.ilo--legacyvideo .vjs-control-bar .vjs-volume-panel.show,
+.vjs-has-started .ilo--legacyvideo .vjs-control-bar .vjs-volume-panel {
   display: block;
 }
-.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--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 {
+.ilo--legacyvideo--controls--volume:hover .vjs-volume-control, .ilo--legacyvideo--controls--volume:focus .vjs-volume-control,
+.ilo--legacyvideo--controls .vjs-volume-panel:hover .vjs-volume-control,
+.ilo--legacyvideo--controls .vjs-volume-panel:focus .vjs-volume-control,
+.ilo--legacyvideo .vjs-control-bar--volume:hover .vjs-volume-control,
+.ilo--legacyvideo .vjs-control-bar--volume:focus .vjs-volume-control,
+.ilo--legacyvideo .vjs-control-bar .vjs-volume-panel:hover .vjs-volume-control,
+.ilo--legacyvideo .vjs-control-bar .vjs-volume-panel:focus .vjs-volume-control {
   display: block;
 }
-.ilo--video--controls--showvolume,
-.ilo--video--controls .vjs-mute-control,
-.ilo--video .vjs-control-bar--showvolume,
-.ilo--video .vjs-control-bar .vjs-mute-control {
+.ilo--legacyvideo--controls--showvolume,
+.ilo--legacyvideo--controls .vjs-mute-control,
+.ilo--legacyvideo .vjs-control-bar--showvolume,
+.ilo--legacyvideo .vjs-control-bar .vjs-mute-control {
   background-color: rgb(45, 45, 45);
   border: none;
   cursor: pointer;
@@ -8779,54 +8781,54 @@ input:checked + .ilo--input--toggle--slider:before {
   background-size: 1.2861736334rem 1.2861736334rem;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='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: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--showvolume:focus,
-.ilo--video .vjs-control-bar .vjs-mute-control:hover,
-.ilo--video .vjs-control-bar .vjs-mute-control:focus {
+.ilo--legacyvideo--controls--showvolume:hover, .ilo--legacyvideo--controls--showvolume:focus,
+.ilo--legacyvideo--controls .vjs-mute-control:hover,
+.ilo--legacyvideo--controls .vjs-mute-control:focus,
+.ilo--legacyvideo .vjs-control-bar--showvolume:hover,
+.ilo--legacyvideo .vjs-control-bar--showvolume:focus,
+.ilo--legacyvideo .vjs-control-bar .vjs-mute-control:hover,
+.ilo--legacyvideo .vjs-control-bar .vjs-mute-control:focus {
   background-color: rgb(235, 245, 253);
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 1.2861736334rem 1.2861736334rem;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' %3e%3cpath fill='rgb(30, 45, 190)' 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(30, 45, 190)' 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.muted, .ilo--video--controls--showvolume[title=Unmute],
-.ilo--video--controls .vjs-mute-control.muted,
-.ilo--video--controls .vjs-mute-control[title=Unmute],
-.ilo--video .vjs-control-bar--showvolume.muted,
-.ilo--video .vjs-control-bar--showvolume[title=Unmute],
-.ilo--video .vjs-control-bar .vjs-mute-control.muted,
-.ilo--video .vjs-control-bar .vjs-mute-control[title=Unmute] {
+.ilo--legacyvideo--controls--showvolume.muted, .ilo--legacyvideo--controls--showvolume[title=Unmute],
+.ilo--legacyvideo--controls .vjs-mute-control.muted,
+.ilo--legacyvideo--controls .vjs-mute-control[title=Unmute],
+.ilo--legacyvideo .vjs-control-bar--showvolume.muted,
+.ilo--legacyvideo .vjs-control-bar--showvolume[title=Unmute],
+.ilo--legacyvideo .vjs-control-bar .vjs-mute-control.muted,
+.ilo--legacyvideo .vjs-control-bar .vjs-mute-control[title=Unmute] {
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 1.2861736334rem 1.2861736334rem;
   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.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.muted:focus,
-.ilo--video .vjs-control-bar .vjs-mute-control[title=Unmute]:hover,
-.ilo--video .vjs-control-bar .vjs-mute-control[title=Unmute]:focus {
+.ilo--legacyvideo--controls--showvolume.muted:hover, .ilo--legacyvideo--controls--showvolume.muted:focus, .ilo--legacyvideo--controls--showvolume[title=Unmute]:hover, .ilo--legacyvideo--controls--showvolume[title=Unmute]:focus,
+.ilo--legacyvideo--controls .vjs-mute-control.muted:hover,
+.ilo--legacyvideo--controls .vjs-mute-control.muted:focus,
+.ilo--legacyvideo--controls .vjs-mute-control[title=Unmute]:hover,
+.ilo--legacyvideo--controls .vjs-mute-control[title=Unmute]:focus,
+.ilo--legacyvideo .vjs-control-bar--showvolume.muted:hover,
+.ilo--legacyvideo .vjs-control-bar--showvolume.muted:focus,
+.ilo--legacyvideo .vjs-control-bar--showvolume[title=Unmute]:hover,
+.ilo--legacyvideo .vjs-control-bar--showvolume[title=Unmute]:focus,
+.ilo--legacyvideo .vjs-control-bar .vjs-mute-control.muted:hover,
+.ilo--legacyvideo .vjs-control-bar .vjs-mute-control.muted:focus,
+.ilo--legacyvideo .vjs-control-bar .vjs-mute-control[title=Unmute]:hover,
+.ilo--legacyvideo .vjs-control-bar .vjs-mute-control[title=Unmute]:focus {
   background-color: #ebf5fd;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 1.2861736334rem 1.2861736334rem;
   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.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--setvolume,
-.ilo--video--controls .vjs-volume-control,
-.ilo--video .vjs-control-bar--setvolume,
-.ilo--video .vjs-control-bar .vjs-volume-control {
+.ilo--legacyvideo--controls--setvolume,
+.ilo--legacyvideo--controls .vjs-volume-control,
+.ilo--legacyvideo .vjs-control-bar--setvolume,
+.ilo--legacyvideo .vjs-control-bar .vjs-volume-control {
   background: rgb(235, 245, 253);
   border-left: 3px solid rgb(184, 196, 204);
   display: none;
@@ -8839,33 +8841,33 @@ input:checked + .ilo--input--toggle--slider:before {
   top: 9px;
   width: 7.3954983923rem;
 }
-.ilo--video--controls--setvolume,
-.ilo--video .vjs-control-bar--setvolume {
+.ilo--legacyvideo--controls--setvolume,
+.ilo--legacyvideo .vjs-control-bar--setvolume {
   border-left: 8px solid rgb(235, 245, 253);
   border-right: 8px solid rgb(235, 245, 253);
   width: 6.5380493033rem;
   -webkit-appearance: none;
 }
-.ilo--video--controls--setvolume.show,
-.ilo--video .vjs-control-bar--setvolume.show {
+.ilo--legacyvideo--controls--setvolume.show,
+.ilo--legacyvideo .vjs-control-bar--setvolume.show {
   display: block;
 }
-.ilo--video--controls--setvolume-container,
-.ilo--video .vjs-control-bar--setvolume-container {
+.ilo--legacyvideo--controls--setvolume-container,
+.ilo--legacyvideo .vjs-control-bar--setvolume-container {
   left: -2px;
   position: absolute;
   top: -2px;
 }
-.ilo--video--controls--setvolume::-webkit-slider-runnable-track,
-.ilo--video .vjs-control-bar--setvolume::-webkit-slider-runnable-track {
+.ilo--legacyvideo--controls--setvolume::-webkit-slider-runnable-track,
+.ilo--legacyvideo .vjs-control-bar--setvolume::-webkit-slider-runnable-track {
   background-color: rgb(30, 45, 190);
   border: none;
   box-shadow: none;
   height: 4px;
   cursor: pointer;
 }
-.ilo--video--controls--setvolume::-webkit-slider-thumb,
-.ilo--video .vjs-control-bar--setvolume::-webkit-slider-thumb {
+.ilo--legacyvideo--controls--setvolume::-webkit-slider-thumb,
+.ilo--legacyvideo .vjs-control-bar--setvolume::-webkit-slider-thumb {
   background-color: rgb(30, 45, 190);
   border: none;
   border-radius: 50%;
@@ -8876,39 +8878,39 @@ input:checked + .ilo--input--toggle--slider:before {
   width: 16px;
   -webkit-appearance: none;
 }
-.ilo--video--controls .vjs-volume-panel.vjs-hover .vjs-volume-control,
-.ilo--video .vjs-control-bar .vjs-volume-panel.vjs-hover .vjs-volume-control {
+.ilo--legacyvideo--controls .vjs-volume-panel.vjs-hover .vjs-volume-control,
+.ilo--legacyvideo .vjs-control-bar .vjs-volume-panel.vjs-hover .vjs-volume-control {
   align-items: center;
   cursor: pointer;
   display: flex;
   justify-content: center;
 }
-.ilo--video--controls .vjs-volume-bar,
-.ilo--video .vjs-control-bar .vjs-volume-bar {
+.ilo--legacyvideo--controls .vjs-volume-bar,
+.ilo--legacyvideo .vjs-control-bar .vjs-volume-bar {
   height: 4px;
   position: relative;
   width: calc(100% - 26px);
 }
-.ilo--video--controls .vjs-mouse-display,
-.ilo--video--controls .vjs-volume-level,
-.ilo--video .vjs-control-bar .vjs-mouse-display,
-.ilo--video .vjs-control-bar .vjs-volume-level {
+.ilo--legacyvideo--controls .vjs-mouse-display,
+.ilo--legacyvideo--controls .vjs-volume-level,
+.ilo--legacyvideo .vjs-control-bar .vjs-mouse-display,
+.ilo--legacyvideo .vjs-control-bar .vjs-volume-level {
   height: 4px;
   left: 0;
   position: absolute;
   top: 0;
 }
-.ilo--video--controls .vjs-mouse-display,
-.ilo--video .vjs-control-bar .vjs-mouse-display {
+.ilo--legacyvideo--controls .vjs-mouse-display,
+.ilo--legacyvideo .vjs-control-bar .vjs-mouse-display {
   background-color: rgb(184, 196, 204);
   width: 100%;
 }
-.ilo--video--controls .vjs-volume-level,
-.ilo--video .vjs-control-bar .vjs-volume-level {
+.ilo--legacyvideo--controls .vjs-volume-level,
+.ilo--legacyvideo .vjs-control-bar .vjs-volume-level {
   background-color: rgb(30, 45, 190);
 }
-.ilo--video--controls .vjs-volume-level:before,
-.ilo--video .vjs-control-bar .vjs-volume-level:before {
+.ilo--legacyvideo--controls .vjs-volume-level:before,
+.ilo--legacyvideo .vjs-control-bar .vjs-volume-level:before {
   background: rgb(30, 45, 190);
   border-radius: 50%;
   content: "";
@@ -8923,14 +8925,14 @@ input:checked + .ilo--input--toggle--slider:before {
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }
-.ilo--video--controls .vjs-volume-tooltip,
-.ilo--video .vjs-control-bar .vjs-volume-tooltip {
+.ilo--legacyvideo--controls .vjs-volume-tooltip,
+.ilo--legacyvideo .vjs-control-bar .vjs-volume-tooltip {
   display: none;
 }
-.ilo--video--controls--fullscreen,
-.ilo--video--controls .vjs-fullscreen-control,
-.ilo--video .vjs-control-bar--fullscreen,
-.ilo--video .vjs-control-bar .vjs-fullscreen-control {
+.ilo--legacyvideo--controls--fullscreen,
+.ilo--legacyvideo--controls .vjs-fullscreen-control,
+.ilo--legacyvideo .vjs-control-bar--fullscreen,
+.ilo--legacyvideo .vjs-control-bar .vjs-fullscreen-control {
   background-color: rgb(45, 45, 45);
   border: none;
   cursor: pointer;
@@ -8946,100 +8948,100 @@ input:checked + .ilo--input--toggle--slider:before {
   background-size: 1.2861736334rem 1.2861736334rem;
   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: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--fullscreen:focus,
-.ilo--video .vjs-control-bar .vjs-fullscreen-control:hover,
-.ilo--video .vjs-control-bar .vjs-fullscreen-control:focus {
+.ilo--legacyvideo--controls--fullscreen:hover, .ilo--legacyvideo--controls--fullscreen:focus,
+.ilo--legacyvideo--controls .vjs-fullscreen-control:hover,
+.ilo--legacyvideo--controls .vjs-fullscreen-control:focus,
+.ilo--legacyvideo .vjs-control-bar--fullscreen:hover,
+.ilo--legacyvideo .vjs-control-bar--fullscreen:focus,
+.ilo--legacyvideo .vjs-control-bar .vjs-fullscreen-control:hover,
+.ilo--legacyvideo .vjs-control-bar .vjs-fullscreen-control:focus {
   background-color: #ebf5fd;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 1.2861736334rem 1.2861736334rem;
   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='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.show,
-.ilo--video--controls .vjs-fullscreen-control.show,
-.ilo--video .vjs-control-bar--fullscreen.show,
-.ilo--video .vjs-control-bar .vjs-fullscreen-control.show {
+.ilo--legacyvideo--controls--fullscreen.show,
+.ilo--legacyvideo--controls .vjs-fullscreen-control.show,
+.ilo--legacyvideo .vjs-control-bar--fullscreen.show,
+.ilo--legacyvideo .vjs-control-bar .vjs-fullscreen-control.show {
   display: block;
 }
-.ilo--video .vjs-control-bar {
+.ilo--legacyvideo .vjs-control-bar {
   bottom: 0;
   left: -5px;
   width: calc(100% + 5px);
 }
-.ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
+.ilo--legacyvideo--element:not(.vjs-has-started) .vjs-control-bar {
   bottom: auto;
   left: -5px;
   opacity: 1;
   top: 0;
 }
 @media screen and (min-width: 1024px) {
-  .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
+  .ilo--legacyvideo--element:not(.vjs-has-started) .vjs-control-bar {
     flex-direction: column;
     height: 158px;
     justify-content: flex-start;
     left: 0;
     width: 80px;
   }
-  [dir=rtl] .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
+  [dir=rtl] .ilo--legacyvideo--element:not(.vjs-has-started) .vjs-control-bar {
     left: auto;
     right: 0;
   }
 }
-.ilo--video--element:not(.vjs-has-started) .vjs-duration {
+.ilo--legacyvideo--element:not(.vjs-has-started) .vjs-duration {
   display: block;
 }
 @media screen and (min-width: 1024px) {
-  .ilo--video--element:not(.vjs-has-started) .vjs-duration {
+  .ilo--legacyvideo--element:not(.vjs-has-started) .vjs-duration {
     height: 2.1436227224rem;
     margin-left: 0;
     margin-top: 2px;
     width: 4.2872454448rem;
   }
-  .ilo--video--element:not(.vjs-has-started) .vjs-play-control {
+  .ilo--legacyvideo--element:not(.vjs-has-started) .vjs-play-control {
     order: 1;
     height: 4.2872454448rem;
     width: 4.2872454448rem;
   }
 }
-.ilo--video .vjs-youtube {
+.ilo--legacyvideo .vjs-youtube {
   padding-bottom: 56%;
 }
-.ilo--video .vjs-youtube:not(.vjs-has-started) .vjs-poster {
+.ilo--legacyvideo .vjs-youtube:not(.vjs-has-started) .vjs-poster {
   display: block;
 }
-.ilo--video .vjs-control:focus,
-.ilo--video .vjs-control *:focus {
+.ilo--legacyvideo .vjs-control:focus,
+.ilo--legacyvideo .vjs-control *:focus {
   outline: none;
 }
-.ilo--video .vjs-has-started .vjs-control:not(.vjs-duration):not(.vjs-volume-control) {
+.ilo--legacyvideo .vjs-has-started .vjs-control:not(.vjs-duration):not(.vjs-volume-control) {
   display: block;
 }
-.ilo--video:hover .ilo--video--controls,
-.ilo--video:hover .vjs-control-bar, .ilo--video:focus .ilo--video--controls,
-.ilo--video:focus .vjs-control-bar, .ilo--video:focus-within .ilo--video--controls,
-.ilo--video:focus-within .vjs-control-bar {
+.ilo--legacyvideo:hover .ilo--legacyvideo--controls,
+.ilo--legacyvideo:hover .vjs-control-bar, .ilo--legacyvideo:focus .ilo--legacyvideo--controls,
+.ilo--legacyvideo:focus .vjs-control-bar, .ilo--legacyvideo:focus-within .ilo--legacyvideo--controls,
+.ilo--legacyvideo:focus-within .vjs-control-bar {
   opacity: 1;
   transition: opacity 150ms ease-out;
 }
-.ilo--video .vjs-loading-spinner {
+.ilo--legacyvideo .vjs-loading-spinner {
   display: none;
 }
-.ilo--video .vjs-time-divider,
-.ilo--video .vjs-remaining-time,
-.ilo--video .vjs-current-time,
-.ilo--video .vjs-control-text {
+.ilo--legacyvideo .vjs-time-divider,
+.ilo--legacyvideo .vjs-remaining-time,
+.ilo--legacyvideo .vjs-current-time,
+.ilo--legacyvideo .vjs-control-text {
   display: none !important;
 }
-.ilo--video--container {
+.ilo--legacyvideo--container {
   position: relative;
 }
-[dir=rtl] .ilo--video--caption {
+[dir=rtl] .ilo--legacyvideo--caption {
   border-left: none;
   border-right: 3px solid #b8c4cc;
   padding-left: 0;
@@ -9052,7 +9054,387 @@ input:checked + .ilo--input--toggle--slider:before {
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
+ */
+/**
+* TOKENS:
+*/
+/**
+* MAPS:
+*/
+.ilo--video {
+  width: 100%;
+}
+.ilo--video .video-js {
+  height: auto;
+}
+.ilo--video .vjs-loading-spinner {
+  display: none;
+}
+.ilo--video .vjs-tech {
+  width: 100%;
+}
+.ilo--video--caption {
+  border-left: 0.1607717042rem solid rgb(184, 196, 204);
+  color: rgb(109, 109, 109);
+  font-weight: 400;
+  margin-top: 0.857449089rem;
+  padding-left: 0.4287245445rem;
+  font-size: 14.93px;
+  letter-spacing: -0.02em;
+  line-height: 20.16px;
+}
+.ilo--video--element {
+  height: auto;
+  object-fit: cover;
+  width: inherit;
+}
+.ilo--video--wrapper {
+  line-height: 0;
+  position: relative;
+  overflow: hidden;
+}
+.ilo--video button {
+  padding: 0;
+}
+.ilo--video .vjs-time-divider,
+.ilo--video .vjs-remaining-time,
+.ilo--video .vjs-current-time,
+.ilo--video .vjs-control-text,
+.ilo--video .vjs-custom-control-spacer {
+  display: none;
+}
+.ilo--video:hover .vjs-control-bar, .ilo--video:focus .vjs-control-bar, .ilo--video:focus-within .vjs-control-bar {
+  opacity: 1;
+  transition: opacity 150ms ease-out;
+}
+.ilo--video .vjs-youtube {
+  padding-bottom: 56.25%;
+}
+.ilo--video--element:not(.vjs-has-started) .vjs-poster {
+  background-size: cover;
+  object-fit: cover;
+  height: 100%;
+  overflow: hidden;
+  position: absolute;
+  width: 100%;
+  left: 0;
+  top: 0;
+}
+.ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
+  bottom: auto;
+  opacity: 1;
+  top: 0;
+  width: 6.6452304394rem;
+}
+.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-duration,
+.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-play-control, .ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-duration,
+.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control {
+  background-color: rgb(235, 245, 253);
+  color: rgb(30, 45, 190);
+}
+.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-play-control, .ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control {
+  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--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control {
+  cursor: pointer;
+  border: none;
+  background-color: rgb(45, 45, 45);
+  width: 40px;
+  height: 40px;
+  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--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:hover, .ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:focus {
+  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='M22 11.9999L4 2V22L22 11.9999Z'/%3e%3c/svg%3e");
+}
+.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-duration {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-weight: 700;
+  font-size: 0.7502679528rem;
+  height: 2.1436227224rem;
+  width: 4.2872454448rem;
+  background-color: rgb(45, 45, 45);
+  color: rgb(237, 240, 242);
+}
+@media screen and (min-width: 1024px) {
+  .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
+    width: 4.2872454448rem;
+    flex-direction: column;
+    height: 6.6452304394rem;
+    gap: 0.2143622722rem;
+  }
+  .ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control {
+    cursor: pointer;
+    border: none;
+    background-color: rgb(45, 45, 45);
+    width: 80px;
+    height: 80px;
+    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(237, 240, 242)' d='M22 11.9999L4 2V22L22 11.9999Z'/%3e%3c/svg%3e");
+  }
+  .ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:hover, .ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:focus {
+    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='M22 11.9999L4 2V22L22 11.9999Z'/%3e%3c/svg%3e");
+  }
+}
+.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-fullscreen-control {
+  display: none;
+}
+.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-progress-control {
+  display: none;
+}
+.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-volume-panel {
+  display: none;
+}
+.ilo--video .vjs-control-bar {
+  order: 1;
+  opacity: 0;
+  transition: opacity 150ms ease-out;
+  position: absolute;
+  display: flex;
+  width: 100%;
+  height: 2.1436227224rem;
+  bottom: 0;
+}
+.ilo--video .vjs-control-bar .vjs-duration {
+  display: none;
+}
+.ilo--video .vjs-control-bar .vjs-poster {
+  display: none;
+}
+.ilo--video .vjs-control-bar .vjs-play-control {
+  cursor: pointer;
+  border: none;
+  background-color: rgb(45, 45, 45);
+  width: 40px;
+  height: 40px;
+  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");
+  margin-right: 0.1071811361rem;
+}
+.ilo--video .vjs-control-bar .vjs-play-control:hover, .ilo--video .vjs-control-bar .vjs-play-control:focus {
+  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='M22 11.9999L4 2V22L22 11.9999Z'/%3e%3c/svg%3e");
+}
+.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused, .ilo--video .vjs-control-bar .vjs-play-control.vjs-ended {
+  cursor: pointer;
+  border: none;
+  background-color: rgb(45, 45, 45);
+  width: 40px;
+  height: 40px;
+  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 .vjs-control-bar .vjs-play-control.vjs-paused:hover, .ilo--video .vjs-control-bar .vjs-play-control.vjs-paused:focus, .ilo--video .vjs-control-bar .vjs-play-control.vjs-ended:hover, .ilo--video .vjs-control-bar .vjs-play-control.vjs-ended:focus {
+  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='M22 11.9999L4 2V22L22 11.9999Z'/%3e%3c/svg%3e");
+}
+.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing {
+  cursor: pointer;
+  border: none;
+  background-color: rgb(45, 45, 45);
+  width: 40px;
+  height: 40px;
+  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='M3 2H9V22H3V2zM15 2H21V22H15V2z'/%3e%3c/svg%3e");
+}
+.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:hover, .ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:focus {
+  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='M3 2H9V22H3V2zM15 2H21V22H15V2z'/%3e%3c/svg%3e");
+}
+.ilo--video .vjs-control-bar .vjs-fullscreen-control {
+  order: 5;
+  cursor: pointer;
+  border: none;
+  background-color: rgb(45, 45, 45);
+  width: 40px;
+  height: 40px;
+  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='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 .vjs-control-bar .vjs-fullscreen-control:hover, .ilo--video .vjs-control-bar .vjs-fullscreen-control:focus {
+  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='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 .vjs-control-bar .vjs-progress-control {
+  order: 2;
+  margin-right: 0.1071811361rem;
+  background-color: rgb(45, 45, 45);
+  flex-grow: 1;
+}
+.ilo--video .vjs-control-bar .vjs-progress-control .vjs-mouse-display {
+  display: none;
+}
+.ilo--video .vjs-control-bar .vjs-progress-control .vjs-progress-holder {
+  position: relative;
+  width: 96%;
+}
+.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress,
+.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress {
+  height: 0.4287245445rem;
+  left: 2%;
+  top: 0.857449089rem;
+  position: absolute;
+  z-index: 10;
+}
+.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress {
+  background-color: rgb(235, 245, 253);
+  z-index: 15;
+}
+.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip {
+  display: none;
+}
+.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress {
+  background-color: rgb(184, 196, 204);
+  z-index: 15;
+}
+.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 .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 {
+  color: rgb(237, 240, 242);
+  font-size: 0.7502679528rem;
+  height: 1.7148981779rem;
+  align-items: center;
+  background-color: rgb(45, 45, 45);
+  display: flex;
+  justify-content: center;
+  right: 0;
+  position: absolute;
+  bottom: calc(300% + 12px);
+  width: 70px;
+  font-size: 11.94px;
+  letter-spacing: -0.02em;
+  line-height: 16.24px;
+}
+.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;
+  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");
+  content: "";
+  height: 0.6430868167rem;
+  position: absolute;
+  left: calc(50% - 6px);
+  bottom: -0.6430868167rem;
+  width: 0.6430868167rem;
+}
+.ilo--video .vjs-control-bar .vjs-volume-panel {
+  order: 3;
+  border-bottom: 1px solid;
+  bottom: 0;
+  flex-direction: column;
+  margin-right: 0.1071811361rem;
+  position: relative;
+  width: 40px;
+}
+.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control {
+  cursor: pointer;
+  border: none;
+  background-color: rgb(45, 45, 45);
+  width: 40px;
+  height: 40px;
+  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' width='24' height='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");
+  height: 2.1436227224rem;
+}
+.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:hover, .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:focus {
+  background-color: rgb(235, 245, 253);
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' %3e%3cpath fill='rgb(30, 45, 190)' 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(30, 45, 190)' 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 .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute] {
+  cursor: pointer;
+  border: none;
+  background-color: rgb(45, 45, 45);
+  width: 40px;
+  height: 40px;
+  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='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 .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]:hover, .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]:focus {
+  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.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 .vjs-control-bar .vjs-volume-panel.vjs-hover .vjs-volume-control {
+  align-items: center;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+}
+.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control {
+  background: rgb(235, 245, 253);
+  border-left: 0.1607717042rem solid rgb(184, 196, 204);
+  display: none;
+  height: 2.1436227224rem;
+  position: absolute;
+  transform: rotate(270deg);
+  transform-origin: -4px -4px;
+  top: 0.4823151125rem;
+  width: 7.3954983923rem;
+}
+.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-bar {
+  height: 0.2143622722rem;
+  position: relative;
+  width: calc(100% - 26px);
+}
+.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-tooltip {
+  display: none;
+}
+.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-mouse-display {
+  height: 0.2143622722rem;
+  position: absolute;
+  width: 100%;
+  background-color: rgb(184, 196, 204);
+}
+.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level {
+  height: 0.2143622722rem;
+  left: 0;
+  top: 0;
+  position: absolute;
+  background-color: rgb(30, 45, 190);
+}
+.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level:before {
+  content: "";
+  background: rgb(30, 45, 190);
+  border-radius: 50%;
+  height: 0.857449089rem;
+  width: 0.857449089rem;
+  position: absolute;
+  right: -0.857449089rem;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+[dir=rtl] .ilo--video--caption {
+  border-left: none;
+  border-right: 3px solid #b8c4cc;
+  padding-left: 0;
+  padding-right: 0.4287245445rem;
+}
+/**
+ * Do not edit directly
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -9062,7 +9444,7 @@ input:checked + .ilo--input--toggle--slider:before {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -9087,7 +9469,7 @@ input:checked + .ilo--input--toggle--slider:before {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
  */
 /**
 * TOKENS:
@@ -9230,4 +9612,9 @@ input:checked + .ilo--input--toggle--slider:before {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(30, 45, 190)' viewBox='0 0 14 18'%3e%3cpath d='m13.1945 4.73109c-.8021-.17157-1.5284-.59484-2.0731-1.20811-.5446-.61328-.8791-1.38448-.9548-2.2012v-.354182h-2.76677v10.980502c-.00171.4861-.15569.9594-.44031 1.3535-.28461.3941-.68556.6891-1.14648.8436-.46093.1545-.95867.1606-1.42328.0176s-.87274-.428-1.16703-.8149c-.29886-.3934-.46465-.8717-.47332-1.3657s.14023-.9778.4251-1.3815c.28487-.4036.69091-.70601 1.15923-.86333.46833-.15732.97458-.16138 1.44537-.01158v-2.81098c-1.04982-.14512-2.11874.04152-3.05726.53382-.93852.49231-1.69968 1.26565-2.177035 2.21185-.477352.94622-.647012 2.01792-.4852503 3.06532.1617623 1.0474.6468563 2.018 1.3874253 2.7761.70625.7227 1.61181 1.2184 2.60108 1.4241.98928.2056 2.0174.1118 2.95313-.2694.93572-.3813 1.7366-1.0328 2.30041-1.8713s.86499-1.826.86499-2.8364v-5.61074c1.1182.79939 2.4589 1.22803 3.8334 1.22559v-2.74913c-.2707.00033-.5407-.02766-.8055-.08353z'/%3e%3c/svg%3e");
 }
+.ilo--icon:not([data-js-processed=true]) {
+  height: 24px;
+  width: 24px;
+}
 /*# sourceMappingURL=index.css.map */