@ilo-org/styles 0.13.2 → 0.13.3

package/build/css/components/index.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -11,7 +11,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -27,9 +27,11 @@
   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;
@@ -50,7 +52,8 @@
   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);
@@ -70,13 +73,13 @@
     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] {
@@ -109,7 +112,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -134,7 +137,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -188,6 +191,9 @@
   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;
@@ -301,6 +307,7 @@
   content: "";
   height: 0.6430868167rem;
   position: absolute;
+  left: 50%;
   top: -0.3215434084rem;
   transform: translateX(-50%) rotate(135deg);
   width: 0.6430868167rem;
@@ -385,7 +392,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -395,7 +402,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -420,7 +427,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -701,7 +708,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -830,7 +837,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -840,7 +847,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -865,7 +872,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -883,7 +890,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -1095,7 +1102,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -1154,7 +1161,6 @@
   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;
 }
@@ -1238,7 +1244,7 @@
   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;
@@ -1247,7 +1253,7 @@
   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;
@@ -1259,13 +1265,13 @@
   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 Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -1362,7 +1368,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -1514,7 +1520,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -1640,7 +1646,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -1764,7 +1770,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -1884,7 +1890,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -1961,7 +1967,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -2030,7 +2036,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -2079,7 +2085,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -2156,7 +2162,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -2237,7 +2243,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -2247,7 +2253,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -2257,7 +2263,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -2267,7 +2273,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -2393,7 +2399,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -2414,7 +2420,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -2504,7 +2510,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -2514,7 +2520,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -2524,7 +2530,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -2577,7 +2583,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -2665,7 +2671,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -2761,7 +2767,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -2803,7 +2809,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -2930,7 +2936,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -2940,7 +2946,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -2965,7 +2971,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -3322,7 +3328,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -3445,7 +3451,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -3465,6 +3471,21 @@
   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;
@@ -3482,9 +3503,6 @@
 .hero__gap__dark {
   background-color: rgb(35, 0, 80);
 }
-.hero--breadcrumbs {
-  display: none;
-}
 .hero--background {
   display: grid;
   background-color: rgb(235, 245, 253);
@@ -3510,7 +3528,6 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  position: relative;
 }
 .hero--caption--wrapper::after {
   content: "";
@@ -3523,187 +3540,167 @@
   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);
@@ -3712,7 +3709,6 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  position: relative;
   right: 0;
   position: absolute;
 }
@@ -3728,37 +3724,34 @@
   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 Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -3891,7 +3884,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -3947,7 +3940,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -4079,7 +4072,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -4089,7 +4082,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -4114,7 +4107,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -4277,7 +4270,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -4315,9 +4308,7 @@
   padding-left: 0;
 }
 .ilo--list--horizontal {
-  align-items: center;
   display: flex;
-  flex-wrap: wrap;
   list-style: none;
 }
 .ilo--list--horizontal li::before {
@@ -4372,7 +4363,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -4382,7 +4373,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -4392,7 +4383,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -4563,7 +4554,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -4610,7 +4601,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -4620,7 +4611,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -4630,7 +4621,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -4727,7 +4718,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -4813,18 +4804,21 @@
 }
 .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 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -5618,7 +5612,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -5628,7 +5622,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -5811,7 +5805,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -5918,9 +5912,6 @@
 .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");
 }
@@ -5940,6 +5931,7 @@
   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;
@@ -5952,7 +5944,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -5962,7 +5954,7 @@
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -5987,7 +5979,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -6137,7 +6129,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -6206,7 +6198,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 Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -6216,7 +6208,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 Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -6241,7 +6233,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 Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -6297,7 +6289,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 Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -6308,9 +6300,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);
@@ -6446,47 +6438,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 {
@@ -6522,7 +6507,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 {
@@ -6575,45 +6560,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;
@@ -6708,7 +6686,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 Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -6759,7 +6737,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 Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -6915,7 +6893,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 Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -7246,7 +7224,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 Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -7427,7 +7405,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 Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -7482,7 +7460,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 Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -7608,6 +7586,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;
@@ -7657,7 +7636,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 Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -7709,7 +7688,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 Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -7719,7 +7698,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 Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -7821,7 +7800,7 @@ input:checked + .ilo--input--toggle--slider:before {
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -7923,7 +7902,7 @@ input:checked + .ilo--input--toggle--slider:before {
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -7931,19 +7910,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;
@@ -7953,42 +7932,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%;
@@ -8000,13 +7979,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;
@@ -8014,8 +7993,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;
@@ -8027,26 +8006,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;
@@ -8056,13 +8035,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;
@@ -8073,163 +8052,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;
@@ -8244,66 +8223,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;
@@ -8312,19 +8291,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;
@@ -8334,14 +8313,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;
@@ -8350,54 +8329,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%;
@@ -8406,27 +8385,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;
@@ -8435,54 +8414,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;
@@ -8496,13 +8475,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;
@@ -8514,25 +8493,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);
@@ -8547,13 +8526,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;
@@ -8565,10 +8544,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;
@@ -8579,28 +8558,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;
@@ -8616,54 +8595,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;
@@ -8676,33 +8655,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%;
@@ -8713,39 +8692,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: "";
@@ -8760,14 +8739,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;
@@ -8783,100 +8762,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;
@@ -8889,7 +8868,387 @@ input:checked + .ilo--input--toggle--slider:before {
 
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 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 Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -8899,7 +9258,7 @@ input:checked + .ilo--input--toggle--slider:before {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS:
@@ -8924,7 +9283,7 @@ input:checked + .ilo--input--toggle--slider:before {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
  */
 /**
 * TOKENS: